/* Print + tablet polish for The Eye Infirmary QMS */

/* ---------- Print ---------- */
@media print {
    /* Hide all the panel chrome — only the main content prints. */
    .fi-sidebar,
    .fi-topbar,
    .fi-header,
    .fi-breadcrumbs,
    .fi-page-header,
    .fi-modal,
    nav, header, aside,
    .fi-ac, .fi-ac-action, .fi-btn,
    .fi-no-print {
        display: none !important;
    }

    .fi-main, .fi-page, body, html {
        margin: 0 !important;
        padding: 0 !important;
        background: white !important;
        color: black !important;
    }

    article, .prose {
        max-width: 100% !important;
        box-shadow: none !important;
        border: none !important;
        padding: 0 !important;
        font-size: 11pt !important;
    }

    a { color: inherit !important; text-decoration: none !important; }

    /* Avoid breaking inside table rows or list items where possible. */
    tr, li, blockquote { page-break-inside: avoid; }

    h1, h2, h3 { page-break-after: avoid; }
}

/* ---------- Tablet polish (audit execution especially) ---------- */
@media (min-width: 641px) and (max-width: 1024px) {
    /* Larger touch targets in modals so auditors can tap accurately. */
    .fi-modal .fi-fo-field-wrp button,
    .fi-modal .fi-input,
    .fi-modal .fi-select,
    .fi-modal .fi-radio,
    .fi-modal .fi-checkbox {
        min-height: 44px;
    }

    /* Slightly bigger labels for tablet readability. */
    .fi-modal .fi-fo-field-wrp-label {
        font-size: 0.9rem;
    }

    /* Wider modals on tablets for better form layout (Audit "Record Answer" especially). */
    .fi-modal-window {
        max-width: 90vw !important;
    }
}