/* QuickDash: kompakt, iframe-tauglich */
html.transparent,html.transparent body{background:transparent}
body.quick{min-height:0}
.qwrap{padding:8px}
.qhead{display:flex;gap:8px;align-items:baseline;padding:2px 4px 8px;font-size:1rem}
.qhead span{color:var(--muted);font-size:.8rem}
.qgrid{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.qcard{background:var(--card);border:1px solid var(--border);border-radius:12px;padding:8px 12px;display:flex;align-items:center;gap:12px;min-height:44px;box-shadow:var(--shadow)}
.ql{color:var(--muted);font-size:.72rem;text-transform:uppercase;letter-spacing:.08em;min-width:44px}
.qv{font-weight:650}
.qslot{display:grid;gap:2px;align-content:center;position:relative;padding:10px 12px}
.qslot .top{display:flex;align-items:center;gap:8px}
.qslot .call{display:flex;align-items:center;gap:8px;font-size:1.25rem;font-weight:700;overflow-wrap:anywhere}
.qslot .call svg.i{width:18px;height:18px;color:var(--muted);flex:none}
.qslot .tg{font-size:.9rem}
.qslot .meta{font-size:.75rem;color:var(--muted)}
.qslot .led{margin-left:auto}
.qslot.live{background:linear-gradient(180deg,color-mix(in srgb,var(--ok) 14%,var(--card)),var(--card))}
.qslot.live .call,.qslot.live .call svg.i{color:var(--ok)}
.qtemp{display:flex;gap:10px;flex-wrap:wrap}
.qtemp div{display:grid;text-align:center;flex:1;min-width:52px}
.qtemp b{font-size:.95rem}
.qtemp span{font-size:.65rem;color:var(--muted)}
.qfoot{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:8px 4px 0;color:var(--muted);font-size:.85rem}
#q-clock{font-variant-numeric:tabular-nums;font-size:1.1rem;color:var(--text)}
@media(max-width:520px){.qgrid{grid-template-columns:1fr}}
.qbadges{display:flex;gap:6px;flex-wrap:wrap;align-items:center}
.badge-link{text-decoration:none;color:var(--accent);border-color:color-mix(in srgb,var(--accent) 45%,var(--border));font-weight:600}
.badge-link:hover,.badge-link:focus-visible{background:var(--accent);color:var(--card);border-color:var(--accent)}
.badge-link svg.i{width:13px;height:13px}
.qslot .ql{font-size:.9rem;font-weight:700}
