/**
 * Rehoboth Digital Job Cards - Print Styles
 * Optimized for professional printing
 */

@media print {
    /* =============================================================================
       GENERAL PRINT STYLES
       ============================================================================= */
    
    * {
        -webkit-print-color-adjust: exact !important;
        print-color-adjust: exact !important;
    }
    
    body {
        background: white !important;
        color: black !important;
        font-size: 10pt;
        line-height: 1.4;
    }
    
    /* =============================================================================
       HIDE NON-ESSENTIAL ELEMENTS
       ============================================================================= */
    
    .sidebar,
    .filter-panel,
    .filters,
    .export-btn,
    .export-wrapper,
    .admin-btn,
    .menu-item-icon,
    .search-input,
    .table-controls,
    .toast-container,
    .loading-overlay,
    .confirm-modal,
    .keyboard-help-modal,
    .breadcrumbs a,
    button,
    input[type="text"],
    input[type="date"],
    select {
        display: none !important;
    }
    
    /* =============================================================================
       LAYOUT OPTIMIZATION
       ============================================================================= */
    
    .container {
        display: block !important;
        width: 100% !important;
        margin: 0 !important;
        padding: 0 !important;
    }
    
    .main-content {
        width: 100% !important;
        max-width: 100% !important;
        padding: 0 !important;
        margin: 0 !important;
    }
    
    .content-card {
        box-shadow: none !important;
        border: none !important;
        border-radius: 0 !important;
        padding: 0 !important;
    }
    
    /* =============================================================================
       HEADER OPTIMIZATION
       ============================================================================= */
    
    .header {
        background: white !important;
        border-bottom: 2px solid black !important;
        padding: 10pt !important;
        box-shadow: none !important;
        position: relative !important;
        page-break-after: avoid;
    }
    
    .header-title {
        color: black !important;
        font-size: 16pt !important;
        font-weight: bold !important;
        background: none !important;
        -webkit-text-fill-color: black !important;
    }
    
    .logo {
        background: black !important;
        color: white !important;
        box-shadow: none !important;
    }
    
    /* =============================================================================
       TABLE OPTIMIZATION
       ============================================================================= */
    
    .job-cards-table {
        width: 100% !important;
        border-collapse: collapse !important;
        font-size: 9pt !important;
        page-break-inside: auto;
    }
    
    .job-cards-table thead {
        display: table-header-group;
        font-weight: bold;
    }
    
    .job-cards-table thead th {
        background: #f0f0f0 !important;
        color: black !important;
        border: 1px solid #333 !important;
        padding: 6pt !important;
        text-align: left !important;
        font-weight: bold !important;
        page-break-after: avoid;
    }
    
    .job-cards-table tbody tr {
        page-break-inside: avoid;
        page-break-after: auto;
    }
    
    .job-cards-table tbody td {
        border: 1px solid #666 !important;
        padding: 5pt !important;
        background: white !important;
    }
    
    /* Alternate row colors for readability */
    .job-cards-table tbody tr:nth-child(even) {
        background: #f9f9f9 !important;
    }
    
    /* =============================================================================
       BADGES & STATUS
       ============================================================================= */
    
    .badge {
        border: 1px solid black !important;
        padding: 2pt 6pt !important;
        border-radius: 3pt !important;
        font-size: 8pt !important;
        font-weight: bold !important;
    }
    
    .badge-emergency {
        background: #ffebee !important;
        color: #c62828 !important;
        border-color: #c62828 !important;
    }
    
    .badge-normal {
        background: #e8f5e9 !important;
        color: #2e7d32 !important;
        border-color: #2e7d32 !important;
    }
    
    /* =============================================================================
       PAGE BREAKS
       ============================================================================= */
    
    h1, h2, h3, h4, h5, h6 {
        page-break-after: avoid;
        page-break-inside: avoid;
    }
    
    img {
        page-break-inside: avoid;
    }
    
    table {
        page-break-inside: auto;
    }
    
    tr {
        page-break-inside: avoid;
        page-break-after: auto;
    }
    
    /* =============================================================================
       LINKS
       ============================================================================= */
    
    a {
        color: black !important;
        text-decoration: none !important;
    }
    
    /* Show URLs for important links */
    a[href^="http"]:after {
        content: " (" attr(href) ")";
        font-size: 8pt;
        color: #666;
    }
    
    /* Don't show URLs for navigation links */
    .menu-item a:after,
    .breadcrumbs a:after {
        content: none !important;
    }
    
    /* =============================================================================
       PRINT HEADER & FOOTER
       ============================================================================= */
    
    @page {
        margin: 1.5cm;
        size: A4 landscape;
    }
    
    @page :first {
        margin-top: 2cm;
    }
    
    /* Add print date */
    .header::after {
        content: "Printed: " attr(data-print-date);
        position: absolute;
        right: 10pt;
        top: 10pt;
        font-size: 8pt;
        color: #666;
    }
    
    /* =============================================================================
       EMPTY STATE (hide in print)
       ============================================================================= */
    
    .empty-state {
        display: none !important;
    }
    
    /* =============================================================================
       BREADCRUMBS (show path only)
       ============================================================================= */
    
    .breadcrumbs {
        padding: 5pt 0 !important;
        font-size: 9pt !important;
        color: #666 !important;
        border-bottom: 1px solid #ccc !important;
        margin-bottom: 10pt !important;
    }
    
    .breadcrumbs .separator {
        color: #999 !important;
    }
    
    .breadcrumbs .current {
        font-weight: bold !important;
        color: black !important;
    }
    
    /* =============================================================================
       PRINT SUMMARY
       ============================================================================= */
    
    .print-summary {
        display: block !important;
        margin: 10pt 0;
        padding: 10pt;
        background: #f0f0f0 !important;
        border: 1px solid #333 !important;
        border-radius: 3pt;
        page-break-inside: avoid;
    }
    
    .print-summary h3 {
        margin: 0 0 5pt 0;
        font-size: 11pt;
    }
    
    .print-summary p {
        margin: 3pt 0;
        font-size: 9pt;
    }
}

/* =============================================================================
   PRINT-SPECIFIC UTILITIES
   ============================================================================= */

/* Hidden by default, shown only in print */
.print-only {
    display: none;
}

@media print {
    .print-only {
        display: block !important;
    }
    
    .no-print {
        display: none !important;
    }
}