/* brain.maximyzeai.com — Clients page: engagement cards, check-in list, client detail. Tokens from app.css. */
.stat .big.muted{color:var(--steel)}
/* health stack colours (app.css only defines hot/warm/cold) */
.stack .on{background:var(--green)}.stack .warn{background:var(--amber)}.stack .off{background:var(--red)}.stack .prog{background:var(--blue)}.stack .none{background:var(--steel)}
.legend .on{background:var(--green)}.legend .warn{background:var(--amber)}.legend .off{background:var(--red)}.legend .prog{background:var(--blue)}.legend .none{background:var(--steel)}

/* engagement card */
a.card.eng{display:block;color:inherit;cursor:pointer;transition:box-shadow .12s,border-color .12s,transform .12s}
a.card.eng:hover{text-decoration:none;border-color:var(--blue);box-shadow:0 4px 14px rgba(16,42,77,.12);transform:translateY(-1px)}
a.card.eng:focus-visible{outline:2px solid var(--blue);outline-offset:2px}
.eng-h{display:flex;align-items:center;gap:8px}
.eng-h strong{flex:1;min-width:0;font:700 15px var(--font-h);color:var(--ink)}
.eng-org{font-size:12px;color:var(--slate);margin-top:1px}
.eng-meta{display:flex;flex-wrap:wrap;gap:6px;align-items:center;margin:8px 0 10px}
.eng-line{font-size:12.5px;color:var(--slate-2);padding:5px 0;border-top:1px solid var(--mist);display:grid;grid-template-columns:82px 1fr;gap:8px}
.eng-line .k{font:600 10.5px var(--font-h);letter-spacing:.06em;text-transform:uppercase;color:var(--slate);padding-top:2px}

/* check-in list: name · staleness pill · milestone · button */
#cl-checkins .list li{align-items:center}
#cl-checkins .list .btn{flex:none}

/* detail key/value (same shape as sales) */
.kv{display:grid;grid-template-columns:96px 1fr;gap:8px 12px;font-size:13px}
.kv .k{font:600 11px var(--font-h);letter-spacing:.06em;text-transform:uppercase;color:var(--slate);padding-top:2px}
.kv .v{min-width:0;line-height:1.55}
.kv .v.md{font-size:13px}

@media(max-width:700px){
  .eng-line{grid-template-columns:1fr;gap:2px}
  #cl-checkins .list li{flex-wrap:wrap}
  #cl-checkins .list .btn{width:100%}
  .kv{grid-template-columns:1fr;gap:2px 0}.kv .v{margin-bottom:8px}
}