/**
 * StoreFlow Global Print Stylesheet
 *
 * Contains ONLY common print rules for ALL pages.
 * Report-specific styles are in base_report.html.
 * Individual pages can override in their own {% block head %}.
 */

@media print {
    /* ===========================================
       GLOBAL: Hide navigation elements
       =========================================== */
    nav,
    aside,
    footer,
    #sidebar,
    #mobile-sidebar,
    #mobile-sidebar-overlay {
        display: none !important;
    }

    /* Dev mode banner */
    body > div:first-child[class*="bg-purple"] {
        display: none !important;
    }

    /* ===========================================
       GLOBAL: Page setup
       =========================================== */
    * {
        -webkit-print-color-adjust: exact !important;
        print-color-adjust: exact !important;
    }

    html, body {
        background: white !important;
        margin: 0 !important;
        padding: 0 !important;
    }

    /* ===========================================
       GLOBAL: Main content takes full width
       =========================================== */
    main {
        width: 100% !important;
        max-width: 100% !important;
        margin: 0 !important;
        padding: 8pt !important;
        flex: none !important;
    }

    .flex.min-h-\[calc\(100vh-64px-56px\)\] {
        display: block !important;
    }

    /* ===========================================
       GLOBAL: Remove decorative styles
       =========================================== */
    .shadow, .shadow-sm, .shadow-md, .shadow-lg, .shadow-xl,
    [class*="shadow"] {
        box-shadow: none !important;
    }

    .rounded, .rounded-sm, .rounded-md, .rounded-lg, .rounded-xl,
    [class*="rounded"] {
        border-radius: 0 !important;
    }

    /* ===========================================
       GLOBAL: Basic table defaults
       =========================================== */
    table {
        border-collapse: collapse !important;
    }

    thead {
        display: table-header-group !important;
    }

    tr {
        page-break-inside: avoid !important;
    }

    /* ===========================================
       GLOBAL: Overflow containers
       =========================================== */
    .overflow-x-auto,
    .overflow-y-auto,
    .overflow-auto,
    .overflow-hidden {
        overflow: visible !important;
    }

    /* ===========================================
       GLOBAL: Links styling
       =========================================== */
    a {
        color: inherit !important;
        text-decoration: none !important;
    }

    /* ===========================================
       GLOBAL: Color preservation
       =========================================== */
    .text-green-500, .text-green-600, .text-green-700 { color: #059669 !important; }
    .text-red-500, .text-red-600, .text-red-700 { color: #dc2626 !important; }
    .text-yellow-500, .text-yellow-600, .text-yellow-700 { color: #d97706 !important; }
    .text-blue-500, .text-blue-600, .text-blue-700 { color: #2563eb !important; }

    .bg-green-100 { background-color: #d1fae5 !important; }
    .bg-red-100 { background-color: #fee2e2 !important; }
    .bg-yellow-100 { background-color: #fef3c7 !important; }
    .bg-blue-100 { background-color: #dbeafe !important; }
}