/* Mobile Full Screen PDF Modal - Optimized for mobile viewing */

/* Override modal styles ONLY for mobile */
@media (max-width: 768px) {
    /* Modal overlay - full screen */
    .modal {
        padding: 0 !important;
    }

    /* Modal content - full screen container */
    .modal-content {
        width: 100vw !important;
        height: 100vh !important;
        max-width: 100vw !important;
        max-height: 100vh !important;
        border-radius: 0 !important;
        margin: 0 !important;
        padding: 0 !important;
    }

    /* Modal header - compact header */
    .modal-header {
        padding: 10px 16px !important;
        background: #0c1f3f !important;
    }

    .modal-header h3 {
        font-size: 14px !important;
        color: white !important;
    }

    .modal-close {
        background: rgba(255,255,255,0.2) !important;
        color: white !important;
    }

    /* Modal body - scrollable container */
    .modal-body {
        flex: 1 !important;
        overflow: auto !important;
        -webkit-overflow-scrolling: touch !important;
        background: #525659 !important;
    }

    /* PDF iframe - fit to mobile screen width */
    .modal-body iframe {
        width: 100vw !important;
        height: auto !important;
        min-height: calc(100vh - 50px) !important;
        border: none !important;
        transform-origin: top left !important;
    }
}

/* Desktop - proper PDF viewing with fit to width */
@media (min-width: 769px) {
    .modal-body iframe {
        width: 100% !important;
        height: 100% !important;
    }
}