/* Store IT Playbook styles
   Tailwind utility classes stay in index.html; this file contains custom behavior, print, and shell styles. */
body { -webkit-font-smoothing: antialiased; }
        
        /* Glass Morphism */
        .glass-nav { background: rgba(255, 255, 255, 0.85); backdrop-filter: blur(12px); border-bottom: 1px solid rgba(0,0,0,0.05); }
        .smooth-shadow { box-shadow: 0 10px 40px -10px rgba(0,0,0,0.08); }
        
        /* Scrollbar hides */
        .hide-scrollbar::-webkit-scrollbar { display: none; }
        .hide-scrollbar { -ms-overflow-style: none; scrollbar-width: none; }

        /* Dialog Styles */
        dialog {
            padding: 0; border: none; border-radius: 1.5rem;
            box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25); width: 100%; max-width: 50rem;
            background-color: transparent;
        }
        dialog::backdrop { background: rgba(0, 0, 0, 0.6); backdrop-filter: blur(4px); }
        
        /* Print Styles - Force correct colors for posters */
        @media print {
            body { background-color: white !important; color: black !important; }
            .no-print { display: none !important; }
            
            #presentation-view.print-active, #matrix-view.print-active, #poster-view.print-active { display: block !important; }
            #presentation-view:not(.print-active), #matrix-view:not(.print-active), #poster-view:not(.print-active) { display: none !important; }

            #matrix-view { padding-bottom: 0 !important; }
            #matrix-view .overflow-hidden, #matrix-view .overflow-x-auto { overflow: visible !important; }
            #matrixTable thead { display: table-header-group; }
            #matrixTable tbody { break-inside: avoid; page-break-inside: avoid; }
            #matrixTable tr { break-inside: avoid; page-break-inside: avoid; }
            #matrixTable .matrix-ticket-group.matrix-print-break { break-before: page; page-break-before: always; }

            #poster-view { padding-bottom: 0 !important; }
            #posterGrid { display: block !important; gap: 0 !important; }
            
            .poster-card {
                border: 2px solid #e2e8f0 !important;
                box-shadow: none !important;
                margin: 0 !important;
                width: 100% !important;
                break-after: page;
                page-break-after: always;
                break-inside: avoid;
                page-break-inside: avoid;
            }
            .poster-card:last-child,
            .poster-card.print-last-visible {
                break-after: auto;
                page-break-after: auto;
            }
            
            /* Overwrite any DarkMode anomalies for Print */
            * { -webkit-print-color-adjust: exact !important; print-color-adjust: exact !important; }
            
            /* Protect the colorful Headers & Footers */
            .poster-card .bg-slate-900 { background-color: #0f172a !important; }
            .poster-card .bg-rose-600 { background-color: #e11d48 !important; }
            .poster-card .bg-sky-600 { background-color: #0284c7 !important; }
            .poster-card .bg-slate-800 { background-color: #1e293b !important; }
            
            /* Force white text inside colored sections */
            .print-color-adjust, .print-color-adjust * { color: white !important; }
            
            @page { margin: 1cm; }
        }