/* cc-skin.css — Seby Command Centre skin, treatment B "Loud ClickUp" (RM-582..587).
   Contract (locked 2026-07-23): solid colour pills with WHITE text, white cards on
   #F6F7FB, tokens #0073EA / #00C875 / #FDAB3D / #E2445C. Canon reference:
   autonomous-builds/runs/2026-07-23-cc-rebuild-rm582-587/samples/variant-b.html.
   Classes: .cc-card .cc-pill(--blue/--green/--amber/--red) .cc-chip .cc-ring
   .cc-section-head. Pair with /brand/cc-time.js for <time class="cc-time"> hydration. */
:root{
  --cc-bg:#F6F7FB;--cc-ink:#1A2530;--cc-mut:#8A9BB0;--cc-line:#E6E9EF;
  --cc-blue:#0073EA;--cc-green:#00C875;--cc-amber:#FDAB3D;--cc-red:#E2445C;
  --cc-purple:#7B5CD6;--cc-card-sh:0 2px 6px rgba(26,37,48,.08);
}
.cc-card{background:#fff;border:1px solid var(--cc-line);border-radius:13px;box-shadow:var(--cc-card-sh)}
.cc-pill{display:inline-block;font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.5px;color:#fff;background:var(--cc-mut);border-radius:999px;padding:3px 10px;line-height:1.5}
.cc-pill--blue{background:var(--cc-blue);box-shadow:0 2px 6px rgba(0,115,234,.35)}
.cc-pill--green{background:var(--cc-green);box-shadow:0 2px 6px rgba(0,200,117,.35)}
.cc-pill--amber{background:var(--cc-amber);box-shadow:0 2px 6px rgba(253,171,61,.4)}
.cc-pill--red{background:var(--cc-red);box-shadow:0 2px 6px rgba(226,68,92,.35)}
.cc-chip{display:inline-block;background:#fff;border:2px solid var(--cc-line);border-radius:11px;padding:8px 14px;font-size:12.5px}
.cc-chip .k{font-size:10px;font-weight:800;color:var(--cc-mut);text-transform:uppercase;letter-spacing:.6px;display:block}
.cc-chip .v{font-weight:700}
.cc-ring{position:relative;width:112px;height:112px}
.cc-ring svg{transform:rotate(-90deg)}
.cc-ring .val{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center}
.cc-ring .val b{font-size:26px;font-weight:800;color:var(--cc-blue);line-height:1}
.cc-ring .val span{font-size:9px;font-weight:700;color:var(--cc-mut);text-transform:uppercase;letter-spacing:.8px;margin-top:3px}
.cc-section-head{display:flex;align-items:center;gap:10px;margin:26px 0 12px;border-radius:10px;padding:8px 14px;font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.8px;background:#E5F0FF;color:var(--cc-blue)}
/* Person/owner chip (RM-587 contacts surface): avatar variant of .cc-chip —
   "Deal owner · Michael Kingston" with a photo-or-initials roundel. */
.cc-chip--owner{display:inline-flex;align-items:center;gap:7px;padding:3px 12px 3px 4px;border-radius:999px;border-color:var(--cc-blue);font-size:11.5px;font-weight:700;color:var(--cc-ink);white-space:nowrap;line-height:1.4}
.cc-chip__av{width:22px;height:22px;border-radius:50%;flex:none;overflow:hidden;background:linear-gradient(135deg,var(--cc-blue),#21C4E1);color:#fff;font-size:9.5px;font-weight:800;display:inline-flex;align-items:center;justify-content:center}
.cc-chip__av img{width:100%;height:100%;object-fit:cover;display:block}

/* RM-592 contacts directory: fourth relationship-role colour (Door-opener). Additive only. */
.cc-pill--purple{background:var(--cc-purple);box-shadow:0 2px 6px rgba(123,92,214,.35)}