/**
 * Print Stylesheet — optimized for A4 paper output.
 * Hides UI chrome, shows only export content.
 */

@media print {
  /* ─── Hide non-essential UI ────────────────────────────────────── */
  .sidebar,
  .susi-assistant,
  .susi-trigger,
  .workflow-stepper,
  .wf-stepper-bar,
  .header,
  .app-header,
  .main-nav,
  .nav-bar,
  .footer,
  .app-footer,
  .help-drawer,
  .ki-guide-drawer,
  .start-screen,
  .toast-container,
  .feedback-widget,
  .export-action-bar,
  .export-toolbar-controls,
  .export-panel--editor,
  .export-panel-label,
  .phase-actions,
  .export-source-badge,
  .coaching-phase-nav,
  .mode-toggle,
  .variant-switcher,
  [data-phase-nav],
  #export-print-btn,
  .export-action-bar .btn,
  .phase-actions .btn {
    display: none !important;
  }

  /* ─── Show content full-width ─────────────────────────────────── */
  body {
    margin: 0;
    padding: 0;
    background: white !important;
    color: black !important;
    font-family: 'Manrope', 'Segoe UI', sans-serif;
    font-size: 11pt;
    line-height: 1.5;
  }

  .app-container,
  .main-content,
  .content-area,
  .phase-container,
  .export-phase-layout {
    margin: 0 !important;
    padding: 0 !important;
    max-width: 100% !important;
    width: 100% !important;
    background: white !important;
    border: none !important;
    box-shadow: none !important;
  }

  .export-split-panel {
    display: block !important;
    grid-template-columns: 1fr !important;
  }

  .export-panel--preview {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    padding: 0 !important;
    border: none !important;
    background: white !important;
  }

  .export-preview {
    padding: 0 !important;
    background: white !important;
    color: black !important;
  }

  .export-title {
    font-size: 18pt;
    margin-bottom: 12pt;
    color: black !important;
  }

  /* ─── Typography ──────────────────────────────────────────────── */
  .export-preview h1 { font-size: 16pt; margin-top: 18pt; page-break-after: avoid; }
  .export-preview h2 { font-size: 14pt; margin-top: 14pt; page-break-after: avoid; }
  .export-preview h3 { font-size: 12pt; margin-top: 10pt; page-break-after: avoid; }

  .export-preview p {
    orphans: 3;
    widows: 3;
  }

  .export-preview table {
    border-collapse: collapse;
    width: 100%;
    font-size: 10pt;
  }

  .export-preview table th,
  .export-preview table td {
    border: 1px solid #999;
    padding: 4pt 8pt;
  }

  .export-preview code {
    font-family: 'JetBrains Mono', 'Courier New', monospace;
    font-size: 9pt;
    background: #f5f5f5 !important;
    padding: 1pt 3pt;
  }

  .export-preview pre {
    background: #f5f5f5 !important;
    padding: 8pt;
    border: 1px solid #ddd;
    page-break-inside: avoid;
    white-space: pre-wrap;
    word-break: break-word;
  }

  .export-preview blockquote {
    border-left: 3pt solid #999;
    padding-left: 12pt;
    margin-left: 0;
    color: #333;
  }

  /* ─── Page setup ──────────────────────────────────────────────── */
  @page {
    margin: 20mm;
    size: A4;
  }

  /* Avoid page breaks inside these elements */
  .export-preview li,
  .export-preview tr {
    page-break-inside: avoid;
  }

  /* Links: show URL in print */
  .export-preview a[href]:after {
    content: " (" attr(href) ")";
    font-size: 9pt;
    color: #666;
  }
}