/* Call card V2 (Donald + Brad, 2026-09-29, docs/preplans/callcard/RECOMMENDATION.md).
   App tokens only; --assist is the app's green, used for "a case exists".
   Ported from the mockup harness (branch mock/call-card, callcard-mock.css). */

/* collapsed: read-only chips beside the time, order HM, PP, $ */
.cc-top{display:flex;align-items:center;gap:4px}
.cc-s{display:inline-flex;align-items:center;height:18px;border-radius:6px;padding:0 5px;background:var(--pill);color:var(--text);
  font:700 .8rem/1 var(--font-mono);letter-spacing:.04em;white-space:nowrap}
.cc-s.cr{background:transparent;color:var(--muted2);box-shadow:inset 0 0 0 1.2px var(--muted)}
.cc-s.case{background:color-mix(in srgb,var(--assist) 18%,transparent);color:var(--assist)}
/* Donald, 2026-09-29: a matched DRAFT preplan shows, muted and labelled */
.cc-s.dr{background:transparent;color:var(--muted2);box-shadow:inset 0 0 0 1.2px var(--muted)}
.cc-dr{display:inline-block;vertical-align:1px;margin-left:4px;padding:1px 5px;border-radius:5px;background:var(--pill);color:var(--muted2);
  font:700 .8rem/1.2 var(--font-mono);letter-spacing:.06em}

/* expanded: one block on top of .card-detail, Preplan > Cost recovery > Open in Maps */
.cc-acts{display:flex;flex-direction:column;gap:7px;padding:2px 0 10px;border-bottom:1px solid var(--bdr);margin-bottom:4px}
.cc-a{display:flex;align-items:center;gap:11px;box-sizing:border-box;width:100%;min-height:52px;border:none;border-radius:13px;
  background:var(--card2);color:var(--text);padding:8px 12px 8px 9px;text-align:left;text-decoration:none;
  font-family:var(--font);cursor:pointer;touch-action:manipulation}
.cc-a .tile{width:36px;height:36px;border-radius:10px;background:var(--pill);display:flex;align-items:center;justify-content:center;flex-shrink:0;color:var(--text)}
.cc-a .tx{display:block;flex:1;min-width:0}
.cc-a .t{display:block;font:800 .875rem/1.15 var(--font);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.cc-a .s{display:block;font:500 .8rem/1.3 var(--font-mono);color:var(--muted);letter-spacing:.02em;margin-top:3px;
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.cc-a .chev{color:var(--muted);font:600 1.25rem/1 var(--font);flex-shrink:0}
.cc-a.case .tile{background:color-mix(in srgb,var(--assist) 18%,transparent);color:var(--assist)}
.cc-a.hl{animation:cc-hl 1.2s ease-in-out 3;box-shadow:0 0 0 2px var(--acc)}
@keyframes cc-hl{50%{box-shadow:0 0 0 2px var(--acc),0 0 0 7px color-mix(in srgb,var(--acc) 35%,transparent)}}

/* The push deep link scrolls the card to the top (app-calls.js, block:'start');
   keep it clear of the sticky search row (.srch-wrap, ~62 px). */
.call-card{scroll-margin-top:72px}

/* Item H (Donald, 2026-09-30): occupancies + basement, under the matched preplan row */
.cc-occ{padding:6px 12px 2px 57px;display:flex;flex-direction:column;gap:2px}
.cc-occ-h{font:700 .8rem/1.2 var(--font-mono);letter-spacing:.06em;text-transform:uppercase;color:var(--muted);margin-bottom:1px}
.cc-occ-r{font:500 .8rem/1.3 var(--font);color:var(--text)}
.cc-occ-b{color:var(--muted2)}

/* Hazmat chip + first button (docs/preplans/hazmat/DECISIONS.md #3). Brad, 2026-10-10 (badge A):
   DOT-placard yellow with black ink and a placard diamond, so hazmat never reads as the amber
   accent (the old --ovd orange was 1.35:1 from it). Yellow 12:1 on the card, ink 13.4:1 on yellow. */
:root{--hm:#ffd400;--hm-ink:#0e0f12}
.cc-s.hm,.cc-s.hmq{gap:2px;padding:0 3px;letter-spacing:0;font-weight:800}   /* tight: HM? must not wrap a long call type at 390px */
.cc-s.hm::before,.cc-s.hmq::before{content:"";width:6px;height:6px;transform:rotate(45deg);border:1.5px solid currentColor;box-sizing:border-box}
.cc-s.hm{background:var(--hm);color:var(--hm-ink)}
.cc-s.hmq{background:transparent;color:var(--hm);box-shadow:inset 0 0 0 1.4px var(--hm)}
.cc-a.hm{background:var(--hm);color:var(--hm-ink)}
.cc-a.hm .tile{background:color-mix(in srgb,var(--hm-ink) 14%,transparent);color:var(--hm-ink)}
.cc-a.hm .s,.cc-a.hm .chev{color:var(--hm-ink)}
.cc-a.hmq .tile{color:var(--hm)}