/* Print Styles for Flonar */

@media print {
    /* Hide non-essential elements */
    header, 
    nav, 
    button:not(.print-keep), 
    .no-print,
    .leaflet-control-container,
    [x-show="showReportModal"],
    [x-show="showCommentModal"],
    [x-show="showFlagModal"],
    .mobile-nav,
    .disaster-alert {
        display: none !important;
    }
    
    /* Reset body */
    body {
        background: white !important;
        font-size: 11pt;
        color: black;
        line-height: 1.4;
        margin: 0;
        padding: 0;
    }
    
    /* Main content */
    main {
        overflow: visible !important;
        height: auto !important;
    }
    
    /* Page setup */
    @page {
        margin: 0.75in;
        size: letter portrait;
    }
    
    /* Print header */
    .print-header {
        display: block !important;
        text-align: center;
        margin-bottom: 20pt;
        padding-bottom: 10pt;
        border-bottom: 2pt solid #333;
    }
    
    .print-header h1 {
        font-size: 18pt;
        font-weight: bold;
        margin: 10pt 0 5pt 0;
    }
    
    .print-header p {
        font-size: 10pt;
        color: #666;
        margin: 3pt 0;
    }
    
    /* Report cards */
    .report-card {
        page-break-inside: avoid;
        border: 1pt solid #ddd;
        padding: 10pt;
        margin-bottom: 12pt;
        background: white;
    }
    
    .report-card h3 {
        font-size: 12pt;
        font-weight: bold;
        margin: 0 0 6pt 0;
    }
    
    .report-card p {
        font-size: 10pt;
        margin: 4pt 0;
    }
    
    /* Remove shadows and rounded corners */
    * {
        box-shadow: none !important;
        border-radius: 0 !important;
    }
    
    /* Links */
    a {
        color: black;
        text-decoration: none;
    }
    
    a[href]:after {
        content: " (" attr(href) ")";
        font-size: 9pt;
        color: #666;
    }
    
    /* Images */
    img {
        max-width: 100%;
        page-break-inside: avoid;
    }
    
    /* Maps - hide interactive elements */
    .leaflet-container {
        height: 150px !important;
        border: 1pt solid #ccc;
        page-break-inside: avoid;
    }
    
    /* Statistics table */
    .print-stats table {
        width: 100%;
        border-collapse: collapse;
        margin: 15pt 0;
    }
    
    .print-stats th,
    .print-stats td {
        border: 1pt solid #ddd;
        padding: 6pt;
        text-align: center;
        font-size: 10pt;
    }
    
    .print-stats th {
        background: #f5f5f5;
        font-weight: bold;
    }
    
    /* Section headers */
    .print-section h2 {
        font-size: 14pt;
        font-weight: bold;
        margin: 15pt 0 10pt 0;
        padding-bottom: 5pt;
        border-bottom: 1pt solid #333;
    }
    
    .print-section h3 {
        font-size: 12pt;
        font-weight: bold;
        margin: 12pt 0 8pt 0;
    }
    
    /* Footer */
    .print-footer {
        margin-top: 20pt;
        padding-top: 10pt;
        border-top: 1pt solid #ddd;
        font-size: 9pt;
        color: #666;
        text-align: center;
    }
    
    /* QR codes */
    .report-qr {
        float: right;
        margin-left: 10pt;
        text-align: center;
    }
    
    .report-qr img {
        width: 60px;
        height: 60px;
    }
    
    .report-qr small {
        display: block;
        font-size: 8pt;
        color: #666;
    }
    
    /* Badges and status */
    .status-badge {
        border: 1pt solid #333;
        padding: 2pt 6pt;
        font-size: 9pt;
        font-weight: bold;
        display: inline-block;
    }
    
    /* Ensure colors are visible in black and white */
    .bg-red-100, .bg-red-50 { background: #f5f5f5 !important; }
    .bg-yellow-100, .bg-yellow-50 { background: #f5f5f5 !important; }
    .bg-green-100, .bg-green-50 { background: #f5f5f5 !important; }
    
    .text-red-700, .text-red-600 { color: #333 !important; }
    .text-yellow-700, .text-yellow-600 { color: #333 !important; }
    .text-green-700, .text-green-600 { color: #333 !important; }
}