/* ═══════════════════════════════════════════════════
   Promo Tracker — Print Stylesheet
   ═══════════════════════════════════════════════════ */

@media print {
    /* Hide non-print elements */
    .sidebar,
    .top-bar,
    .toast-container,
    .modal-backdrop,
    .btn,
    .timeline-controls,
    .lang-toggle,
    .client-selector,
    .year-selector,
    #menuToggle {
        display: none !important;
    }

    /* Full width */
    .main-content {
        margin-left: 0 !important;
        padding: 0 !important;
        max-width: 100% !important;
    }

    .content-area {
        padding: 10px !important;
    }

    /* Reset shadows and borders for print */
    .card, .kpi-card {
        box-shadow: none !important;
        border: 1px solid #ddd !important;
        break-inside: avoid;
    }

    .kpi-grid {
        grid-template-columns: repeat(2, 1fr) !important;
    }

    /* Typography */
    body {
        font-size: 11pt !important;
        color: #000 !important;
        background: #fff !important;
    }

    h1, h2, h3 { color: #000 !important; }

    /* Table styles */
    .data-table {
        width: 100% !important;
        border-collapse: collapse !important;
    }

    .data-table th, .data-table td {
        border: 1px solid #ccc !important;
        padding: 4px 8px !important;
        font-size: 10pt !important;
    }

    .data-table th {
        background: #f0f0f0 !important;
        -webkit-print-color-adjust: exact;
        print-color-adjust: exact;
    }

    /* Badge print */
    .badge {
        border: 1px solid #999 !important;
        background: transparent !important;
        color: #000 !important;
        -webkit-print-color-adjust: exact;
        print-color-adjust: exact;
    }

    /* Progress bar print */
    .progress-bar {
        border: 1px solid #ccc !important;
    }

    .progress-bar .fill {
        -webkit-print-color-adjust: exact;
        print-color-adjust: exact;
    }

    /* Charts - show at reasonable size */
    .chart-container {
        max-height: 300px !important;
    }

    .charts-grid {
        grid-template-columns: 1fr 1fr !important;
    }

    /* Timeline */
    #timeline-container {
        height: auto !important;
        max-height: 400px !important;
        page-break-before: always;
    }

    /* Tree hierarchy */
    .tree-item {
        break-inside: avoid;
    }

    /* Page setup */
    @page {
        margin: 15mm;
        size: A4 landscape;
    }

    /* Print header */
    .content-area::before {
        content: "Promo Tracker Report — " attr(data-print-date);
        display: block;
        font-size: 10pt;
        color: #999;
        border-bottom: 1px solid #ddd;
        padding-bottom: 8px;
        margin-bottom: 16px;
    }

    /* Links */
    a { color: #000 !important; text-decoration: none !important; }
    a[href]::after { content: none !important; }
}