/* ─── PRINT STYLESHEET ─────────────────────────────────────────
   Applied only when the browser print dialog is active.
   Hides all app chrome and resets layout so #mainArea fills the page.
   ──────────────────────────────────────────────────────────────── */

@media print {
    /* ── Force light theme for printing ── */
    :root {
        --primary: #0D5C6B;
        --primary-mid: #2B7A8A;
        --primary-tint-bg: #D0E0E5;
        --primary-tint-bgest: #E8F0F2;
        --primary-light: #D0E0E5;
        --primary-lightest: #E8F0F2;
        --rose: #A8516E;
        --rose-mid: #BF7A90;
        --rose-light: #F0D8E0;
        --violet: #4A2565;
        --violet-light: #F0E6F5;
        --gamboge: #9A6C08;
        --gamboge-light: #FDF3E0;
        --green: #4A7A2E;
        --green-light: #E4EED8;
        --ultraviolet: #5F4B8B;
        --ultraviolet-light: #EDE8F5;
        --neutral: #5A6070;
        --neutral-light: #ECEEF2;
        --charcoal: #1E2030;
        --slate: #3D4355;
        --cream: #ECEEF2;
        --warm-white: #F5F6F8;
        --bg-surface: #FFFFFF;
        --bg-overlay: rgba(0, 0, 0, 0.5);
        --bg-panel: #ECEEF2;
        --topbar-bg: #F8F9FB;
        --border-light: #D8DCE2;
        --border-lighter: #ECEEF2;
        --border-medium: #B8BCC8;
        --shadow-xs: rgba(0, 0, 0, 0.04);
        --shadow-sm: rgba(0, 0, 0, 0.06);
        --shadow-md: rgba(0, 0, 0, 0.08);
        --shadow-lg: rgba(0, 0, 0, 0.15);
        --shadow-xl: rgba(0, 0, 0, 0.25);
        --shadow-primary: rgba(13, 92, 107, 0.15);
        --primary-tint-xs: rgba(13, 92, 107, 0.03);
        --primary-tint-sm: rgba(13, 92, 107, 0.05);
        --primary-tint-md: rgba(13, 92, 107, 0.08);
        --primary-tint-lg: rgba(13, 92, 107, 0.15);
        --primary-tint-xl: rgba(13, 92, 107, 0.25);
        --on-brand: #FFFFFF;
        --on-primary: #FFFFFF;
        --on-rose: #FFFFFF;
        --on-violet: #FFFFFF;
        --on-gamboge: #FFFFFF;
        --on-green: #FFFFFF;
        --on-ultraviolet: #FFFFFF;
        --on-neutral: #FFFFFF;
        --anchor-color: #0D5C6B;
        --pillar-color: #4A7A2E;
        --subpoint-color: #9A6C08;
        --support-color: #5F4B8B;
        --color-danger: #DC2626;
        --color-danger-light: #FDE8E8;
        --color-danger-text: #9B1C1C;
        --color-warning: #B45309;
        --color-warning-light: #FDF3E0;
        --color-success: #2E7D52;
        --color-success-light: #E4EED8;
        --narc-context: #0D5C6B;
        --narc-pattern: #4A7A2E;
        --narc-change: #9A6C08;
        --narc-resolution: #A8516E;
        --narc-difference: #5F4B8B;
    }

    /* ── Hide all chrome ── */
    .tool-rail,
    .sidebar,
    .right-panel,
    .top-bar-container,
    .floating-fullscreen-btn,
    .floating-tidy-btn,
    .floating-structure-btn,
    .modal-overlay,
    .notif-panel,
    .guide-bar,
    .help-center-panel,
    .command-palette-overlay,
    #appToast,
    .app-loader,
    .mobile-nav-bar,
    .actions-dropdown-menu,
    .skip-link {
        display: none !important;
    }

    /* ── Reset layout so main area fills the page ── */
    body {
        background: #FFFFFF !important;
        color: #1E2030 !important;
        margin: 0 !important;
        padding: 0 !important;
    }

    .app-layout {
        display: block !important;
        grid-template-columns: none !important;
    }

    .main-area {
        margin: 0 !important;
        padding: 1rem !important;
        width: 100% !important;
        max-width: 100% !important;
        overflow: visible !important;
        min-height: auto !important;
        background: #FFFFFF !important;
        color: #1E2030 !important;
    }

    /* ── Clean worksheet styling ── */
    .main-area * {
        box-shadow: none !important;
        text-shadow: none !important;
    }

    /* ── Hide interactive controls inside views ── */
    body.ncs-print-mode .inline-edit-btn,
    body.ncs-print-mode .delete-btn,
    body.ncs-print-mode .ai-generate-btn,
    body.ncs-print-mode .empty-state-action,
    body.ncs-print-mode .add-btn,
    body.ncs-print-mode .add-entry-btn,
    body.ncs-print-mode .remove-btn,
    body.ncs-print-mode .card-action-btn,
    body.ncs-print-mode .tool-view-actions,
    body.ncs-print-mode .section-toggle-btn,
    body.ncs-print-mode .view-toggle-btn,
    body.ncs-print-mode .perspective-toggle,
    body.ncs-print-mode .tab-bar-actions,
    body.ncs-print-mode .journey-action-btn,
    body.ncs-print-mode .explorer-tab-bar,
    body.ncs-print-mode .ai-chat-container,
    body.ncs-print-mode .credit-display {
        display: none !important;
    }

    /* ── Page break control ── */
    .narrative-arc-section,
    .nac-lens-card,
    .toolkit-model-card,
    .toolkit-entry,
    .workbook-step,
    .synthesis-section,
    .change-map-phase,
    .decision-option-card,
    .journey-step,
    .library-reading-content h2 {
        page-break-inside: avoid;
        break-inside: avoid;
    }

    /* ── Print header ── */
    .ncs-print-header {
        display: block !important;
        text-align: center;
        margin-bottom: 1.5rem;
        padding-bottom: 0.75rem;
        border-bottom: 2px solid #B8BCC8;
    }
    .ncs-print-header h1 {
        font-family: 'Montserrat', sans-serif;
        font-size: 1.4rem;
        font-weight: 600;
        margin: 0 0 0.25rem;
        color: #1E2030;
    }
    .ncs-print-header .ncs-print-meta {
        font-size: 0.8rem;
        color: #3D4355;
    }
}

/* ── Screen: always hide print header ── */
@media screen {
    .ncs-print-header {
        display: none !important;
    }
}