/* shell/public/pages/live-cards.css — Reports → Live Cards (1:1 v1 replica).
   Scoped under .livecards-page so nothing leaks into other v2 pages (A18).
   Re-declares v1's EXACT dark+light palette (same block as all-models.css) so the
   cards render in v1's shades, not v2's (whose theme vars differ). */
.livecards-page{
  --bg:#0a0b0f; --bg2:#111318; --bg3:#181c24; --bg4:#1e2330;
  --border:#252b38; --border2:#2e3547;
  --text:#e8eaf0; --text2:#8890a4; --text3:#555f74;
  --accent:#00e5a0; --accent2:#00b87a; --accent-dim:rgba(0,229,160,0.1);
  --red:#ff4d6a; --red-dim:rgba(255,77,106,0.12);
  --yellow:#ffb930; --yellow-dim:rgba(255,185,48,0.12);
  --blue:#4d8eff; --blue-dim:rgba(77,142,255,0.12);
}
html[data-theme="light"] .livecards-page{
  --bg:#f4f5f7; --bg2:#ffffff; --bg3:#f0f1f4; --bg4:#e5e7ec;
  --border:#d5d8e0; --border2:#c5c8d0;
  --text:#1a1c24; --text2:#4a5068; --text3:#8890a4;
  --accent:#00b87a; --accent2:#009966; --accent-dim:rgba(0,184,122,0.1);
  --red:#e63e58; --red-dim:rgba(230,62,88,0.1);
  --yellow:#e6a800; --yellow-dim:rgba(230,168,0,0.1);
  --blue:#3a7bdd; --blue-dim:rgba(58,123,221,0.1);
}

/* header */
.livecards-page .lc-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px;flex-wrap:wrap;gap:10px}
.livecards-page .lc-title{font-size:18px;font-weight:600;margin-bottom:2px}
.livecards-page .lc-sync{font-size:12px;color:var(--text3);font-family:'DM Mono',monospace}

/* agency filter bar (#21) */
.livecards-page .lc-agency{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:14px}
.livecards-page .lc-agtot{opacity:.7;font-family:'DM Mono',monospace}

/* grid */
.livecards-page .lc-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:12px}
.livecards-page .lc-empty{grid-column:1/-1;text-align:center;color:var(--text3);padding:24px}

/* card */
.livecards-page .lc-card{background:var(--bg2);border:1px solid var(--border);border-radius:10px;overflow:hidden;cursor:pointer;transition:transform .15s}
.livecards-page .lc-card:hover{transform:translateY(-2px)}
.livecards-page .lc-photo{width:100%;aspect-ratio:1/1;object-fit:cover;border-radius:8px 8px 0 0;display:block}
.livecards-page .lc-photo-initial{background:var(--bg3);display:flex;align-items:center;justify-content:center;font-size:48px;font-weight:800;color:var(--accent)}
.livecards-page .lc-body{padding:10px 12px}
.livecards-page .lc-top{display:flex;justify-content:space-between;align-items:center;gap:6px}
.livecards-page .lc-name{font-weight:600;font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.livecards-page .lc-tag{font-size:9px;padding:1px 5px;border-radius:3px;background:var(--bg3);color:var(--text3);font-family:'DM Mono',monospace;flex-shrink:0}
.livecards-page .lc-total{font-family:'DM Mono',monospace;font-size:18px;font-weight:700;color:var(--text3);margin-top:6px}
.livecards-page .lc-total.pos{color:var(--accent)}
.livecards-page .lc-dots{display:flex;flex-wrap:wrap;gap:4px;margin-top:6px;min-height:14px}
.livecards-page .lc-dot{display:inline-flex;align-items:center;gap:3px;font-size:9px;color:var(--text3);font-family:'DM Mono',monospace}
.livecards-page .lc-dot-i{width:6px;height:6px;border-radius:50%;background:var(--text3)}
.livecards-page .lc-dot-i.on{background:var(--accent)}
.livecards-page .lc-status{margin-top:6px}
.livecards-page .lc-pill{font-size:10px;font-family:'DM Mono',monospace;display:inline-flex;align-items:center;gap:4px}
.livecards-page .lc-pill-active{color:var(--accent)}
.livecards-page .lc-pill-active .lc-pill-dot{width:7px;height:7px;background:var(--accent);border-radius:50%}
.livecards-page .lc-pill-online{color:var(--blue)}
.livecards-page .lc-pill-idle{color:var(--text3)}