/* ===== HERALD — PRINT STYLESHEET (§10) ===== */
/* Loaded via <link media="print"> in base.html.
   Complements the @media print blocks already in vtm-sheet.css.
   All values intentionally use neutral print-safe literals (white/black/#333/#ccc)
   rather than tokens — print rendering requires static color on white paper. */

@media print {

  /* ── Universal UI elements to hide ── */
  #dice-fab-cluster,
  .save-indicator,
  .back-link,
  .btn-add,
  .btn-add-small,
  .btn-add-specialty,
  .btn-remove-small,
  .btn-small,
  .btn-secondary,
  .btn-primary,
  .btn-coterie-primary,
  .btn-coterie-danger,
  .btn-coterie-xp,
  nav,
  footer {
    display: none !important;
  }

  /* ── Page baseline ── */
  body {
    background: white !important;
    color: black !important;
  }

  /* ── Section cards (HTR/WTA neumorphic + VTM/Coterie flat) ── */
  .sheet-section,
  .coterie-section {
    background: white !important;
    border: 1px solid #333 !important;
    box-shadow: none !important;
  }

  /* ── Dot trackers ── */
  /* #fossil 2026-07-19: .dot.gnosis-filled is orphaned — zero references.
     The other selectors here are still live; selector left intact. */
  .dot.filled,
  .dot.rage-filled,
  .dot.gnosis-filled,
  .dot.renown-filled {
    background: black !important;
    border-color: black !important;
    box-shadow: none !important;
  }

  .dot.empty,
  .dot {
    background: transparent !important;
    border-color: #ccc !important;
  }

  /* ── Tracker boxes (health/willpower) ── */
  .tracker-box.superficial { background: #aaa !important; }
  .tracker-box.aggravated  { background: #333 !important; }
  .tracker-box.empty       { background: transparent !important; }
  .tracker-box.filled      { background: #666 !important; }
  .tracker-box { border-color: #666 !important; }

  /* ── Page breaks ── */
  .page-break-before { page-break-before: always; }
  .page-break-after  { page-break-after:  always; }
  .no-page-break     { page-break-inside: avoid; }

  /* ── Inputs — show values, not interactive chrome ── */
  input[type="text"],
  input[type="number"],
  select,
  textarea {
    border: none !important;
    background: transparent !important;
    box-shadow: none !important;
    color: black !important;
  }

  /* ── Preserve visible text for contenteditable fields ── */
  [contenteditable] {
    border: none !important;
    background: transparent !important;
    color: black !important;
  }
}