/* Print and PDF export (print.js). The print page is always light, like
   paper, whatever the app's theme. */

.menu-item.with-icon { display: flex; align-items: center; gap: 12px; }
.menu-item.with-icon svg { width: 18px; height: 18px; fill: currentColor; color: var(--text-3); }

body:has(.print-page) { background: #fff; }
.print-page {
  color-scheme: light;
  --text-3: #5f6368;
  max-width: 820px; margin: 0 auto; padding: 16px 24px 48px;
  background: #fff; color: #1f1f1f;
  font: 14px/1.5 system-ui, sans-serif;
}
.print-page .muted { color: #5f6368; }
.print-wait { color: #5f6368; padding: 48px 0; text-align: center; }

.print-bar {
  display: flex; flex-wrap: wrap; align-items: center; gap: 8px 12px;
  padding: 12px 0 16px; margin-bottom: 8px; border-bottom: 1px solid #dadce0;
}
.print-bar .btn { display: inline-flex; align-items: center; gap: 6px; text-decoration: none; }
.print-bar .btn svg { width: 18px; height: 18px; fill: currentColor; }
.print-bar .muted { font-size: 12px; }

.print-top { display: flex; justify-content: space-between; align-items: center; gap: 16px; padding: 8px 0; border-bottom: 2px solid #164E63; font-size: 12px; color: #5f6368; }
.print-brand { display: inline-flex; align-items: center; gap: 6px; font-weight: 700; font-size: 16px; color: #164E63; }
.print-brand img { width: 22px; height: 22px; }
.print-subject { font-size: 22px; font-weight: 500; color: #0B2438; margin: 16px 0 2px; overflow-wrap: anywhere; }
.print-count { font-size: 12px; color: #5f6368; }

.print-msg { border-top: 1px solid #dadce0; padding: 14px 0 10px; margin-top: 12px; }
.print-hdr { display: flex; justify-content: space-between; gap: 16px; }
.print-hdr > div:last-child { white-space: nowrap; font-size: 12px; }
.print-to { font-size: 12px; overflow-wrap: anywhere; }
.print-body { margin-top: 12px; }
.print-html { display: block; }
.print-text { white-space: pre-wrap; overflow-wrap: anywhere; font: inherit; margin: 0; }

.print-files:empty { display: none; }
.print-files { margin-top: 12px; padding-top: 8px; border-top: 1px dashed #dadce0; font-size: 12px; }
.print-files-head { font-weight: 600; margin-bottom: 4px; }
.print-file { margin: 4px 0; overflow-wrap: anywhere; }
.print-file img { display: block; max-width: 100%; max-height: 360px; margin: 6px 0 2px; }

@media print {
  @page { margin: 14mm; }
  body:has(.print-page) { background: #fff; }
  .print-page { max-width: none; padding: 0; }
  .print-bar, .toast { display: none !important; }
  .print-msg { break-inside: auto; }
  .print-hdr, .print-to { break-inside: avoid; break-after: avoid; }
  .print-file img { break-inside: avoid; }
}