/* print.css — Print-optimized styles for reports and audit logs */

@media print {
    /* Hide non-essential UI */
    .sidebar,
    .skip-nav,
    .theme-toggle,
    .nav-badge,
    .sidebar-footer,
    .sidebar-mode-selector,
    .btn:not(.btn-print),
    .filter-bar,
    .tab-bar,
    .toast-container,
    .modal-overlay,
    .pagination { display: none !important; }

    /* Full width content */
    #app { display: block; }
    .content {
        padding: 0 !important;
        max-width: 100% !important;
        overflow: visible !important;
    }

    /* Reset backgrounds for print */
    body,
    .content,
    .card,
    .data-table {
        background: #fff !important;
        color: #000 !important;
        box-shadow: none !important;
    }

    /* Table styling */
    .data-table table {
        border-collapse: collapse;
        width: 100%;
    }
    .data-table th,
    .data-table td {
        border: 1px solid #ccc !important;
        padding: 6px 8px !important;
        font-size: 10pt;
    }
    .data-table th {
        background: #f0f0f0 !important;
        font-weight: 600;
    }

    /* Cards */
    .card {
        border: 1px solid #ddd !important;
        break-inside: avoid;
        margin-bottom: 12px;
    }

    /* Badge readability */
    .badge {
        border: 1px solid #999 !important;
        background: transparent !important;
        color: #000 !important;
        font-weight: 600;
    }

    /* Grid single column */
    .grid-2, .grid-3, .grid-4, .grid-5 {
        grid-template-columns: repeat(2, 1fr) !important;
        gap: 8px !important;
    }

    /* Page break control */
    h1, h2, h3 { break-after: avoid; }
    .card, .data-table, .timeline { break-inside: avoid; }

    /* Links show URL */
    a[href^="http"]::after {
        content: " (" attr(href) ")";
        font-size: 9pt;
        color: #666;
    }

    /* Print header */
    .page-header h1 {
        font-size: 16pt !important;
        color: #000 !important;
        background: none !important;
        -webkit-text-fill-color: #000 !important;
    }
}