/* =====================================================================
   MX PRINT — the Hybrid paper look for any EMERALD web page when it is
   printed or saved as PDF (Batch 7, Matt approved 2026-10-29).
   Screens keep the Emerald look; paper follows apps/docs/paper/mx-paper.css
   (the locked HYBRID invoice): white paper, emerald band with speed lines
   and a gold rule, ice-blue detail panels, teal for cold chain, safety
   orange ONLY for action (unpaid / due / overdue / held), Big Shoulders
   Display + Instrument Sans.
   Use:  <link rel="stylesheet" href="emerald/mx-print.css" media="print">
   AFTER emerald/mx-emerald.css. Everything below is print-only, so the page
   tokens are re-pointed at paper values instead of per-page colours.
   Opt-in helpers for page markup: .px-ice (ice panel), .px-act (orange
   action text), .px-cold (teal cold-chain text), .px-hide (screen only),
   .px-only (print only, hidden on screen by the page).
   Master: brand/locked/emerald/mx-print.css (copied by sync_emerald.sh).
   ===================================================================== */
@media print{
  @page{size:Letter;margin:.5in 0 .55in}
  @page:first{margin-top:0}

  /* paper tokens: every look (A/B/C) prints the same Hybrid paper */
  :root,:root[data-look],:root[data-look="B"],:root[data-look="C"]{
    --px-em:#0A4A35; --px-em3:#04201A; --px-glow:#127150; --px-bronze:#4A3610; --px-leaf:#1E9E57;
    --px-gold:#C99A3A; --px-gold2:#F1CF7A; --px-gold3:#B8862C; --px-gold-wash:#FBF5E6; --px-gold-deep:#7A5413;
    --px-ink:#111110; --px-ink2:#4E5A55; --px-line:#DCE3DF; --px-line2:#ECF0EE; --px-paper:#FFFFFF; --px-mist:#F5F8F6;
    --px-sky-ink:#F4F2EA; --px-sky-ink2:#B9D3C7; --px-chrome:#C7CCD1;
    --px-ice:#DCEFF5; --px-cgray:#E9EDF0; --px-teal:#167C80; --px-orange:#E67721; --px-orange-lt:#FFB37A; --px-iata:#1F5FAE;
    --px-band:radial-gradient(5.5in 3in at 88% -10%,var(--px-glow) 0%,transparent 62%),radial-gradient(4in 2.4in at -5% 120%,var(--px-bronze) 0%,transparent 60%),linear-gradient(160deg,var(--px-em),var(--px-em3) 75%);
    --px-goldrule:linear-gradient(90deg,var(--px-gold3),var(--px-gold2) 45%,var(--px-gold3));

    --lv-bg:var(--px-paper); --lv-bg2:var(--px-paper); --lv-ink:var(--px-ink); --lv-ink2:var(--px-ink2);
    --lv-line:var(--px-line); --lv-line2:var(--px-line2); --lv-hover:transparent; --lv-field:var(--px-paper);
    --lv-sky:var(--px-band); --lv-sky-ink:var(--px-sky-ink); --lv-sky-ink2:var(--px-sky-ink2);
    --lv-pill:var(--px-gold2); --lv-pill-ink:#241800; --lv-rule:rgba(216,169,70,.45);
    --lv-hot:var(--px-em); --lv-hot-ink:var(--px-paper);
    --lv-ok:var(--px-leaf); --lv-warn:var(--px-orange); --lv-bad:var(--px-orange); --lv-cold:var(--px-teal);
    --lv-teal:var(--px-teal); --lv-jade:var(--px-leaf); --lv-amber:var(--px-gold-deep); --lv-copper:var(--px-gold-deep); --lv-rose:var(--px-ink2);
    --lv-c0:var(--px-goldrule); --lv-c1:var(--px-gold2); --lv-c2:var(--px-em); --lv-c3:var(--px-teal); --lv-c4:var(--px-ink2); --lv-c5:var(--px-leaf);
    --lv-btn:var(--px-em); --lv-btn-ink:var(--px-paper);
    --lv-display:"Big Shoulders Display",Impact,sans-serif; --lv-body:"Instrument Sans",system-ui,sans-serif;
    --lv-display-w:800; --lv-speedlines:1;
    --lv-h1-size:38pt; --lv-fig-size:24pt; --lv-amt-size:15pt; --lv-h2-size:15pt;
  }

  html,body,.lv,.lv body{background:var(--px-paper)!important;color:var(--px-ink)}
  body{font:400 10pt/1.45 var(--lv-body);padding:0 .55in!important;margin:0!important;min-height:0!important;
    -webkit-print-color-adjust:exact;print-color-adjust:exact}
  .lv-page{max-width:none!important;padding:0!important;margin:0!important}
  a{color:inherit!important;text-decoration:none!important}

  /* ---------- emerald band (page 1), full bleed, gold rule ---------- */
  .lv-sky{--lv-hot:var(--px-gold2);--lv-hot-ink:#241800;--lv-ink:var(--px-sky-ink);--lv-ink2:var(--px-sky-ink2);--lv-line:rgba(216,169,70,.45)}
  .lv-sky{margin:0 -.55in!important;padding:.28in .55in .3in!important;background:var(--px-band)!important;color:var(--px-sky-ink);break-inside:avoid;page-break-inside:avoid}
  .lv-sky::after{top:auto!important;height:5px!important;background:var(--px-goldrule)!important}
  .lv-sky::before{top:.98in!important;width:3.6in!important;height:.9in!important;opacity:.4!important;
    background:repeating-linear-gradient(180deg,transparent 0 7px,var(--px-chrome) 7px 8.5px)!important}
  .lv-bar{padding:0!important;gap:.3in!important}
  .lv-bar .lv-logo{height:.74in!important}
  .lv-bar nav,[data-lv-switch],.lv-switch,.lv-frame{display:none!important}
  .lv-bar .lv-who{display:block!important;font-size:9pt;color:var(--px-sky-ink)!important}
  .lv-hero{padding:.16in 0 0!important}
  .lv-lead,.lv-sub{font-size:9.5pt!important;color:var(--px-sky-ink2)!important}
  .lv-lead b{color:var(--px-sky-ink)!important}
  .lv-h1,.lv-title{font-size:var(--lv-h1-size)!important;line-height:.9!important;margin:.06in 0 .04in!important;color:var(--px-sky-ink)!important;max-width:none!important}
  .lv-sky .lv-h1 .c,.lv-sky .lv-title .c,.lv-sky [class*="hot"]{color:var(--px-gold2)!important}
  .lv-figs{display:flex!important;flex-wrap:nowrap!important;margin-top:.18in!important;gap:0!important}
  .lv-figs>div{flex:1 1 0!important;padding:2px .16in!important;border-left:2px solid rgba(216,169,70,.45)!important}
  .lv-figs>div:first-child{padding-left:0!important;border-left:0!important}
  .lv-figs dt{font-size:8.5pt!important;color:var(--px-sky-ink2)!important}
  .lv-figs dd.v{font-size:var(--lv-fig-size)!important;color:var(--px-sky-ink)!important;white-space:nowrap}
  .lv-figs .hot dd.v{color:var(--px-gold2)!important}
  .lv-figs dd.d{font-size:8pt!important;color:var(--px-sky-ink2)!important;max-width:none!important}

  /* ---------- paper body ---------- */
  /* ribbon: one row of segments like the paper aging ribbon (the screen's phone
     stacking rule is keyed to width, and the printed page is narrower than 900px) */
  .lv-ribbon{display:flex!important;gap:4px!important;margin-top:.14in!important}
  .lv-seg{flex:1 1 0!important;min-width:0!important;display:flex!important;flex-direction:column!important;gap:2px!important;padding:0!important}
  .lv-seg>i{animation:none!important;height:10px!important;margin:0 0 5px!important;border-radius:0!important}
  .lv-seg:first-child>i{border-radius:5px 0 0 5px!important}.lv-seg:last-child>i{border-radius:0 5px 5px 0!important}
  .lv-seg b,.lv-seg .st{font-size:8pt!important;text-align:left!important;justify-self:auto!important}
  .lv-seg .amt{font-size:13pt!important;text-align:left!important}
  .lv-bar .lv-who{margin-left:auto!important;text-align:right!important}
  .lv-band{padding:.14in 0 .06in!important;border-top:0!important;break-inside:auto}
  .lv-h2{display:flex;align-items:center;gap:12px;font:800 14pt/1 var(--lv-display)!important;color:var(--px-em)!important;margin:0 0 .09in!important;break-after:avoid;page-break-after:avoid}
  .lv-h2::after{content:"";flex:1;height:1px;background:linear-gradient(90deg,var(--px-gold),var(--px-line) 40%)}
  .lv-muted{color:var(--px-ink2)!important}
  table{font-size:9pt}
  thead{display:table-header-group}
  tr{break-inside:avoid;page-break-inside:avoid}
  th{position:static!important;background:transparent!important;color:var(--px-ink2)!important;font-size:8.5pt!important;border-bottom:2px solid var(--px-em)!important}
  td{border-bottom:1px solid var(--px-line2)!important;background:transparent!important}
  .lv-table th{padding:0 8px 6px!important}
  .lv-table td{padding:6px 8px!important}
  .lv-table td.money{font-size:12pt!important}
  .lv-tag{font-size:7.5pt!important;padding:1px 8px!important}
  .lv-tag.hot,.lv-tag.bad{background:color-mix(in srgb,var(--px-orange) 14%,var(--px-paper))!important;color:var(--px-orange)!important}

  /* screen-only controls never print */
  .lv-btn,button,input,select,textarea,.px-hide{display:none!important}
  .px-only{display:block!important}

  /* ---------- hybrid cues (opt-in) ---------- */
  .px-ice{background:var(--px-ice)!important;border:1px solid var(--px-cgray)!important;border-radius:10px;padding:.08in .16in .1in!important}
  .px-act{color:var(--px-orange)!important}
  .px-cold{color:var(--px-teal)!important;font-weight:600}

  /* ---------- footer: paper footer, ink logo on white ---------- */
  .lv-foot{margin-top:.22in!important;padding:.1in 0 0!important;gap:.3in!important;border-top:1px solid var(--px-line)!important;color:var(--px-ink2)!important;font-size:8pt!important;break-inside:avoid;page-break-inside:avoid}
  .lv-foot .lv-logo{content:url(mahoney-logo-master.png);height:.42in!important;width:auto!important}
  .lv-foot b{color:var(--px-ink)!important}
  .lv-foot::after{content:"";display:block;width:1.1in;height:4px;border-radius:2px;margin-left:auto;background:linear-gradient(90deg,var(--px-em),var(--px-leaf) 50%,var(--px-gold))}
}