/* ── Print stylesheet — AIKnowledge Blazor ──────────────────────────────── */
/* Hides app chrome and cleans up the .review-print region for printing.  */

@media print {
    /* ── Hide app chrome ──────────────────────────────────────────── */
    .sidebar,
    .topbar,
    .toolbar,
    .page-header__actions,
    .btn,
    nav,
    #blazor-error-ui {
        display: none !important;
    }

    /* ── Layout reset ─────────────────────────────────────────────── */
    body,
    .app-shell,
    .app-shell__main,
    .app-shell__content {
        display: block !important;
        margin: 0 !important;
        padding: 0 !important;
        width: 100% !important;
        max-width: none !important;
    }

    /* ── Page header (title only, no actions) ────────────────────── */
    .page-header {
        margin-bottom: 1rem;
    }

    /* ── Review Q&A region ───────────────────────────────────────── */
    .review-print {
        page-break-inside: avoid;
    }

    .review-qa-row {
        display: grid;
        grid-template-columns: 12rem 1fr;
        gap: 0.25rem 1rem;
        padding: 0.5rem 0;
        border-bottom: 1px solid #ccc;
        page-break-inside: avoid;
    }

    .review-qa-row__label {
        font-weight: 600;
        color: #151617;
    }

    .review-qa-row__answer {
        color: #333;
        white-space: pre-wrap;
        word-break: break-word;
    }

    /* ── Panels: flatten for print ───────────────────────────────── */
    .panel {
        border: none !important;
        box-shadow: none !important;
        margin-bottom: 1rem;
        padding: 0 !important;
    }

    .panel__header {
        border-bottom: 1px solid #999;
        margin-bottom: 0.5rem;
        padding-bottom: 0.25rem;
    }

    /* ── Chip: plain text for print ──────────────────────────────── */
    .chip {
        background: none !important;
        border: 1px solid #666 !important;
        color: #333 !important;
        padding: 0 0.25rem;
        font-size: 0.85em;
    }

    /* ── Timeline ────────────────────────────────────────────────── */
    .timeline {
        list-style: none;
        padding: 0;
        margin: 0;
    }

    .timeline-entry__rail {
        display: none;
    }

    .timeline-entry__title {
        font-size: 0.9rem;
        font-weight: normal;
    }
}