/* desk-live-telemetry.css — live telemetry card dashboard */

.sv-live-dashboard{
  display:grid;
  gap:var(--sv-4);
  grid-template-columns:repeat(auto-fit, minmax(330px, 1fr));
  align-items:start;
}
@media (max-width:740px){
  .sv-live-dashboard{ grid-template-columns:1fr; }
}
@media (min-width:960px){
  .sv-live-card--wide{ grid-column:span 2; }
}

.sv-live-card{
  border:1px solid var(--sv-line);
  border-radius:var(--sv-r-lg);
  background:var(--sv-surface);
  padding:var(--sv-4);
  min-height:44px;
}
.sv-live-card-head{
  display:flex;
  align-items:center;
  gap:12px;
  margin-bottom:var(--sv-3);
}
.sv-live-card-icon{
  flex-shrink:0;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:36px;
  height:36px;
  border-radius:var(--sv-r);
  background:var(--sv-accent-soft);
  color:var(--sv-accent-ink);
  font-size:16px;
  line-height:1;
}
.sv-live-card-title{
  flex:1;
  min-width:0;
  margin:0;
  font-family:var(--sv-serif);
  font-size:20px;
  font-weight:600;
  line-height:1.2;
  color:var(--sv-ink);
}
.sv-live-card-chip{
  flex-shrink:0;
  display:inline-flex;
  align-items:center;
  min-height:28px;
  padding:2px 10px;
  border-radius:999px;
  font-size:10px;
  font-weight:600;
  letter-spacing:.04em;
  text-transform:uppercase;
}
.sv-sev-calm{
  --sv-sev-fg:#5b8a5b;
  --sv-sev-bg:#e4efe1;
  color:var(--sv-sev-fg);
  background:var(--sv-sev-bg);
}
.sv-sev-watch{
  --sv-sev-fg:#c2974a;
  --sv-sev-bg:#f6e9cc;
  color:var(--sv-sev-fg);
  background:var(--sv-sev-bg);
}
.sv-sev-severe{
  --sv-sev-fg:#b5562a;
  --sv-sev-bg:#f6ddcd;
  color:var(--sv-sev-fg);
  background:var(--sv-sev-bg);
}

.sv-live-card-lead{ margin-bottom:var(--sv-3); }
.sv-live-card-stat{
  margin:0 0 4px;
  font-family:var(--sv-serif);
  font-size:clamp(28px, 4vw, 36px);
  font-weight:600;
  line-height:1.1;
  letter-spacing:-.01em;
  color:var(--sv-ink);
}
.sv-live-card-sub{
  margin:0;
  font-size:var(--sv-fs-sm);
  color:var(--sv-muted);
  line-height:1.45;
}
.sv-live-card-quiet{
  margin:0;
  font-size:var(--sv-fs-sm);
  color:var(--sv-muted);
  line-height:1.5;
}

.sv-live-card-readings{
  list-style:none;
  margin:0;
  padding:var(--sv-3) 0 0;
  border-top:1px solid var(--sv-line);
  display:flex;
  flex-direction:column;
  gap:0;
}
.sv-live-reading{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto auto;
  align-items:center;
  gap:8px;
  min-height:44px;
  padding:8px 0;
  border-bottom:1px solid var(--sv-line);
  font-size:var(--sv-fs-sm);
}
.sv-live-reading:last-child{ border-bottom:0; }
.sv-live-reading-label{
  color:var(--sv-muted);
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.sv-live-reading-dot{
  display:none;
  color:var(--sv-faint);
}
@media (min-width:741px){
  .sv-live-reading{
    grid-template-columns:minmax(0,1.2fr) auto minmax(0,1fr) auto;
  }
  .sv-live-reading-dot{ display:inline; }
}
.sv-live-reading-val{
  font-weight:500;
  color:var(--sv-ink);
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.sv-live-reading-tag,
.sv-live-mag-badge{
  flex-shrink:0;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:26px;
  min-width:26px;
  padding:2px 8px;
  border-radius:999px;
  font-size:10px;
  font-weight:700;
  letter-spacing:.03em;
  text-transform:uppercase;
}
.sv-live-mag-badge{
  font-variant-numeric:tabular-nums;
  font-size:11px;
  letter-spacing:0;
  text-transform:none;
}

.sv-desk-panel--live .sv-desk-panel-head{
  margin-bottom:var(--sv-4);
}