/* ============================================================================
   Pulse Skin — shared design language for all Dimensions/Terapia dashboards.
   Source of truth: lead-rescue.html :root. Include AFTER a screen's own CSS:
     <link rel="stylesheet" href="/pulse-skin.css?v=20260909">
   Non-invasive: only sets tokens as defaults + provides opt-in utilities.
   The signature is the LEFT COLOR-STRIPE on cards, colored by meaning.
   ========================================================================== */
:root{
  --p-bg:#eef2f8;--p-card:#fff;--p-ink:#0d1b3e;--p-ink2:#33436e;--p-mut:#7d89a7;--p-line:#e3e9f2;
  --p-navy:#0f1a3c;--p-navy2:#1d2b5c;--p-teal:#25cabc;--p-teal-d:#0fa89b;
  --p-rose:#ee4b6c;--p-amber:#eda417;--p-green:#17a877;--p-blue:#3557ff;--p-purple:#7b57e0;
  --p-shadow:0 1px 2px rgba(13,27,62,.05),0 8px 24px rgba(13,27,62,.06);
  --p-shadow-h:0 2px 4px rgba(13,27,62,.06),0 14px 34px rgba(13,27,62,.12);
  --p-radius:16px;
}

/* Card with signature left stripe. Color via --c (defaults to teal accent). */
.pcard{position:relative;background:var(--p-card);border:1px solid var(--p-line);
  border-inline-start:5px solid var(--c,var(--p-teal));border-radius:var(--p-radius);
  box-shadow:var(--p-shadow);transition:box-shadow .14s,transform .14s}
.pcard:hover{box-shadow:var(--p-shadow-h);transform:translateY(-1px)}

/* Urgency / rating stripe colors — green(good) amber(warn) red(critical). */
.p-good{--c:var(--p-green)}
.p-warn{--c:var(--p-amber)}
.p-crit{--c:var(--p-rose)}
.p-info{--c:var(--p-blue)}
.p-accent{--c:var(--p-teal)}
.p-purple{--c:var(--p-purple)}

/* Stripe as a ::before overlay for elements that can't take a border cheaply. */
.p-stripe{position:relative;overflow:hidden;padding-inline-start:16px}
.p-stripe::before{content:"";position:absolute;inset-inline-start:0;top:0;bottom:0;
  width:5px;background:var(--c,var(--p-teal))}

/* Small status pill matched to urgency. */
.p-pill{display:inline-flex;align-items:center;gap:5px;font-size:12px;font-weight:700;
  padding:3px 10px;border-radius:999px;line-height:1.4}
.p-pill.good{background:#e4f8ea;color:#248a3d}
.p-pill.warn{background:#fdf0d8;color:#b45309}
.p-pill.crit{background:#fdeaea;color:#c0392b}
.p-pill.info{background:#e9eeff;color:#2f45c0}