/* Export PDF (§3): window.print() gamit ang stylesheet na ito. Light at puro puting background
   anuman ang theme ng app; ang thread lang ang ini-print (walang sidebar, topbar o composer). */
@page { margin: 16mm 14mm; }

@media print {
  :root, [data-theme="dark"], [data-theme="light"] {
    --bg: #ffffff; --surface: #ffffff; --surface-2: #f4f5f7; --surface-3: #eceef2;
    --border: #d9dce3; --border-strong: #c3c7d0;
    --text: #14161b; --muted: #4a505b; --subtle: #6b717c;
    --accent: #5433d6; --accent-soft: #efeafe;
    --bubble-user: #efeafe; --bubble-user-fg: #14161b; --bubble-assistant: #ffffff;
    --code-bg: #f3f4f7;
    color-scheme: light;
  }
  html, body { height: auto !important; overflow: visible !important; background: #fff !important; color: #14161b; }
  body { -webkit-print-color-adjust: exact; print-color-adjust: exact; }

  .boot, #view-auth, .sidebar, .topbar, .composer-wrap, .toasts, #overlay-root, .ma-scrim, .ma-popover,
  .ma-msg__actions, .ma-codeblock__copy, .empty, .cmp__tabs, .cmp__foot, .cmp__spin { display: none !important; }

  .app, .main, .thread { display: block !important; height: auto !important; overflow: visible !important; position: static !important; }
  .thread__inner { max-width: none !important; padding: 0 !important; gap: 14px; min-height: 0; }

  .print-head { display: block; margin: 0 0 14px; padding-bottom: 8px; border-bottom: 1px solid #c3c7d0; }
  .print-head h1 { margin: 0 0 2px; font-size: 20px; line-height: 26px; }
  .print-head p { margin: 0; font-size: 12px; color: #4a505b; }

  .ma-msg--user .ma-bubble { background: #efeafe; color: #14161b; border: 1px solid #d9d2fb; }
  .ma-msg--assistant .ma-bubble.ma-bubble--plain { padding-left: 0; }
  .ma-msg--assistant .ma-msg__model .ma-avatar { display: none; }
  .ma-codeblock, .ma-msg--user, .cmp__card { break-inside: avoid; }
  .ma-codeblock pre code { white-space: pre-wrap; overflow-wrap: anywhere; }

  /* Compare: lahat ng sagot, magkakasunod (walang tab) */
  .cmp__grid { display: block !important; overflow: visible !important; }
  .cmp__card { display: block !important; margin-bottom: 10px; }
  .ma-compare-body { max-height: none !important; overflow: visible !important; }
}

@media screen { .print-head { display: none; } }