/* ============================================================================
   The Daily Phone Pop Scorecard sheet.

   Shared by the grader's Build Report output (index.html) and the standalone
   shareable page (daily.html), so the two can never drift apart. Renders with
   pp-daily.js. Self-scoped under .dr — safe to drop onto any page.
   ========================================================================== */

/* ===== Daily Phone Pop Scorecard (the printable report sheet) ===== */
  .dr{--dr-red:#EE0A24;--dr-green:#00E676;--dr-amber:#FFB300;--dr-hair:rgba(255,255,255,.14);
    --dr-p:#0B0B0C;--dr-p2:#0E0E11;--dr-dim:#5C5C66;--dr-mut:#8A8A93;
    background:#000;color:#F2F2F3;border:2px solid var(--dr-red);margin-bottom:14px}
  .dr .dr-mast{padding:12px 14px;border-bottom:2px solid var(--dr-red);display:flex;
    align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}
  .dr .dr-mast .t{font-family:'Orbitron',sans-serif;font-weight:800;font-size:.8rem;letter-spacing:.1em;text-transform:uppercase}
  .dr .dr-mast .s{font-family:'Orbitron',sans-serif;font-weight:600;font-size:.55rem;color:var(--dr-mut);
    letter-spacing:.2em;text-transform:uppercase;margin-top:4px}
  .dr .dr-mast .d{font-family:'Orbitron',sans-serif;font-weight:700;font-size:.78rem;text-align:right}
  .dr .dr-banner{border-bottom:2px solid var(--dr-red);padding:12px;text-align:center}
  .dr .dr-banner b{font-family:'Orbitron',sans-serif;font-weight:900;color:var(--dr-red);
    font-size:clamp(.95rem,3.6vw,1.5rem);letter-spacing:.14em;text-transform:uppercase}
  .dr .dr-top{display:grid;grid-template-columns:auto 1fr;gap:12px;padding:14px;align-items:center;
    border-bottom:1px solid var(--dr-hair)}
  @media (max-width:520px){ .dr .dr-top{grid-template-columns:1fr;justify-items:center} }
  .dr .dr-dial{position:relative;width:124px;height:124px;flex:none}
  .dr .dr-dial svg{transform:rotate(-90deg)}
  .dr .dr-dial .mid{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center}
  .dr .dr-dial .mid .n{font-weight:800;font-size:1.75rem;line-height:1;font-variant-numeric:tabular-nums}
  .dr .dr-dial .mid .l{font-family:'Orbitron',sans-serif;font-weight:700;font-size:.48rem;letter-spacing:.14em;
    color:var(--dr-dim);text-transform:uppercase;margin-top:4px}
  .dr .dr-counts{display:grid;grid-template-columns:repeat(auto-fit,minmax(78px,1fr));gap:7px}
  .dr .dr-count{border:1.5px solid var(--dr-green);background:rgba(0,230,118,.07);padding:8px 4px;text-align:center}
  .dr .dr-count.bad{border-color:var(--dr-red);background:rgba(238,10,36,.10)}
  .dr .dr-count.flat{border-color:var(--dr-hair);background:var(--dr-p2)}
  .dr .dr-count .l{font-family:'Orbitron',sans-serif;font-weight:700;font-size:.5rem;letter-spacing:.1em;text-transform:uppercase}
  .dr .dr-count .v{font-weight:800;font-size:1.55rem;margin-top:5px;line-height:1;font-variant-numeric:tabular-nums}
  .dr .dr-count.good .l,.dr .dr-count.good .v{color:var(--dr-green)}
  .dr .dr-count.bad .l,.dr .dr-count.bad .v{color:var(--dr-red)}
  .dr .dr-count.flat .l,.dr .dr-count.flat .v{color:var(--dr-dim)}
  .dr .dr-sec{padding:12px 14px;border-bottom:1px solid var(--dr-hair)}
  .dr .dr-sec > h4{font-family:'Orbitron',sans-serif;font-weight:800;font-size:.62rem;letter-spacing:.16em;
    text-transform:uppercase;color:var(--dr-mut);margin-bottom:10px}
  .dr .dr-cp{display:grid;grid-template-columns:minmax(96px,1fr) 2.4fr auto;gap:9px;align-items:center;margin-bottom:7px}
  .dr .dr-cp .nm{font-size:.74rem;font-weight:600}
  .dr .dr-cp .tr{height:9px;background:#151519;overflow:hidden}
  .dr .dr-cp .tr > i{display:block;height:100%}
  .dr .dr-cp .pc{font-weight:800;font-size:.78rem;min-width:62px;text-align:right;font-variant-numeric:tabular-nums}
  .dr .dr-call{border:1px solid var(--dr-hair);background:var(--dr-p2);padding:11px 12px;margin-bottom:8px}
  .dr .dr-call.pass{border-left:4px solid var(--dr-green)}
  .dr .dr-call.fail{border-left:4px solid var(--dr-red)}
  .dr .dr-call .ch{display:flex;align-items:baseline;gap:9px;flex-wrap:wrap}
  .dr .dr-call .num{font-weight:700;font-size:.68rem;color:var(--dr-dim);letter-spacing:.09em;text-transform:uppercase}
  .dr .dr-call .who{font-weight:700;font-size:.92rem}
  .dr .dr-call .res{font-weight:800;font-size:.66rem;letter-spacing:.08em;font-variant-numeric:tabular-nums;
    padding:3px 8px;border:1px solid currentColor;margin-left:auto}
  .dr .dr-call.pass .res{color:var(--dr-green);background:rgba(0,230,118,.08)}
  .dr .dr-call.fail .res{color:var(--dr-red);background:rgba(238,10,36,.10)}
  .dr .dr-cps{display:flex;flex-wrap:wrap;gap:5px;margin-top:9px}
  .dr .dr-cps span{font-size:.63rem;font-weight:600;padding:3px 8px;border:1px solid currentColor;letter-spacing:.02em}
  .dr .dr-cps span.y{color:var(--dr-green);background:rgba(0,230,118,.08)}
  .dr .dr-cps span.n{color:#6B4046;background:rgba(238,10,36,.05);border-color:rgba(238,10,36,.35)}
  .dr .dr-assist{margin-top:8px;font-family:'Orbitron',sans-serif;font-weight:700;font-size:.56rem;
    letter-spacing:.1em;text-transform:uppercase;color:var(--dr-amber)}
  .dr .dr-meta{margin-top:8px;font-size:.72rem;color:var(--dr-mut);line-height:1.75}
  .dr .dr-meta b{color:#D6D6DA;font-weight:600}
  .dr .dr-audio{margin-top:9px;display:flex;align-items:center;gap:10px;flex-wrap:wrap}
  .dr .dr-audio audio{flex:1 1 260px;height:34px;min-width:0;filter:invert(.92) hue-rotate(180deg)}
  .dr .dr-audio .dl{font-family:'Orbitron',sans-serif;font-weight:700;font-size:.53rem;
    letter-spacing:.1em;text-transform:uppercase;color:var(--dr-mut);
    border:1px solid currentColor;padding:5px 9px;white-space:nowrap}
  .dr .dr-audio .dl:hover{color:#FF6B7C}
  .dr .dr-audio .exp{font-family:'Orbitron',sans-serif;font-weight:600;font-size:.5rem;
    letter-spacing:.09em;text-transform:uppercase;color:var(--dr-amber);white-space:nowrap}
  .dr .dr-expiry{padding:11px 14px;border-top:1px solid var(--dr-hair);
    font-size:.72rem;color:var(--dr-amber);background:rgba(255,179,0,.05)}
  /* Paper cannot play audio — say where to hear it instead of printing a dead bar. */
  @media print{
    .dr .dr-audio audio{display:none}
    .dr .dr-audio::before{content:'Recording available in the online report';
      font-size:.7rem;color:var(--dr-dim)}
  }

  .dr .dr-note{margin-top:8px;border-left:2px solid var(--dr-hair);padding:2px 0 2px 10px;
    font-size:.76rem;color:#C8C8CE;line-height:1.6;white-space:pre-wrap}
  .dr .dr-target{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap;margin-top:8px;
    padding:9px 12px;border:1.5px solid var(--dr-red);background:rgba(238,10,36,.10)}
  .dr .dr-target.ok{border-color:var(--dr-green);background:rgba(0,230,118,.08)}
  .dr .dr-target .l{font-family:'Orbitron',sans-serif;font-weight:700;font-size:.53rem;
    letter-spacing:.13em;text-transform:uppercase;color:var(--dr-mut)}
  .dr .dr-target .v{font-weight:800;font-size:1.05rem;font-variant-numeric:tabular-nums;color:var(--dr-red)}
  .dr .dr-target.ok .v{color:var(--dr-green)}
  .dr .dr-target .d{font-family:'Orbitron',sans-serif;font-weight:700;font-size:.55rem;
    letter-spacing:.11em;text-transform:uppercase;color:var(--dr-red);margin-left:auto}
  .dr .dr-target.ok .d{color:var(--dr-green)}

  .dr .dr-mtd .hdr{display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap;
    font-family:'Orbitron',sans-serif;font-weight:700;font-size:.55rem;letter-spacing:.13em;
    text-transform:uppercase;color:var(--dr-mut);margin-bottom:7px}
  .dr .dr-mtd .hdr .v{font-family:'Inter',sans-serif;font-size:.74rem;letter-spacing:0;
    text-transform:none;color:#D6D6DA;font-variant-numeric:tabular-nums}
  .dr .dr-mtd .tr{height:9px;background:#151519;overflow:hidden}
  .dr .dr-mtd .tr > i{display:block;height:100%}
  .dr .dr-mtd .sub{font-size:.66rem;color:var(--dr-dim);margin-top:6px;letter-spacing:.03em}

  .dr .dr-cov{font-size:.79rem;color:var(--dr-mut);line-height:1.6}
  .dr .dr-more{font-size:.7rem;color:var(--dr-dim);margin-top:7px}
  .dr .rk{font-family:'Orbitron',sans-serif;font-weight:700;font-size:.52rem;letter-spacing:.09em;
    color:var(--dr-amber);border:1px solid currentColor;padding:2px 6px;margin-left:6px;white-space:nowrap}
  .dr .pos{font-family:'Orbitron',sans-serif;font-weight:600;font-size:.5rem;letter-spacing:.07em;
    text-transform:uppercase;color:#4A4A52;margin-left:6px}

  .dr .dr-by{width:100%;border-collapse:collapse}
  .dr .dr-by th{font-family:'Orbitron',sans-serif;font-weight:700;font-size:.53rem;letter-spacing:.11em;
    text-transform:uppercase;color:var(--dr-dim);text-align:left;padding:6px 8px;border-bottom:1px solid var(--dr-hair)}
  .dr .dr-by td{padding:7px 8px;border-bottom:1px solid rgba(255,255,255,.06);font-size:.78rem}
  .dr .dr-by td.n{text-align:center;font-variant-numeric:tabular-nums;font-weight:700}
  .dr .dr-foot{padding:12px 14px;text-align:center;font-family:'Orbitron',sans-serif;font-weight:700;
    font-size:.66rem;letter-spacing:.11em;text-transform:uppercase}
  .dr-actions{display:flex;gap:8px;flex-wrap:wrap}
  .dr-actions button{flex:1 1 auto;min-width:140px}

/* Printing the sheet on its own: keep the frame lines but drop the heavy fills so
   it does not burn a cartridge, and never split a call across two pages. */
@media print{
  .dr{border-width:1.5px}
  .dr .dr-call,.dr .dr-count,.dr .dr-target{break-inside:avoid;page-break-inside:avoid}
  .dr .dr-sec{break-inside:auto}
  .dr-actions{display:none !important}
}