/* ── Apollo live dashboard (luna admin) ───────────────────────── */
.panel-card.apollo-live h3 { color: var(--neon-green, #86efac); }

.al-meta {
  display:flex; justify-content:space-between; align-items:center;
  font-size:0.74rem; color:var(--text-3); margin-bottom:0.75rem;
  flex-wrap:wrap; gap:0.4rem;
}
.al-meta .dot {
  display:inline-block; width:7px; height:7px; border-radius:50%;
  background:#6b7280; margin-right:0.35rem; vertical-align:middle;
}
.al-meta .dot.live  { background:var(--neon-green,#86efac); box-shadow:0 0 8px var(--neon-green,#86efac); }
.al-meta .dot.stale { background:var(--warn,#fde68a); }
.al-meta .dot.err   { background:var(--bad,#f87171); }

#apolloLiveCards { display:flex; flex-direction:column; gap:0.45rem; }

.al-row-card {
  background:rgba(0,0,0,0.22);
  border:1px solid var(--border);
  border-left:3px solid #6b7280;
  border-radius:10px; overflow:hidden;
}
.al-row-card.running  { border-left-color:var(--ok,#86efac); }
.al-row-card.offline  { border-left-color:#6b7280; }
.al-row-card.starting,
.al-row-card.stopping { border-left-color:var(--warn,#fde68a); }
.al-row-card.unknown  { border-left-color:var(--bad,#f87171); }

.al-row-head {
  display:flex; align-items:center; gap:0.55rem;
  padding:0.7rem 0.85rem; cursor:pointer; user-select:none;
}
.al-row-head:hover { background:rgba(255,255,255,0.03); }
.al-name { font-weight:600; font-size:0.92rem; color:var(--text-1); flex:1 1 auto; }
.al-state {
  font-size:0.62rem; text-transform:uppercase; letter-spacing:0.04em;
  font-weight:700; padding:2px 7px; border-radius:4px; flex:0 0 auto;
}
.al-state.running { background:rgba(134,239,172,0.15); color:var(--ok,#86efac); }
.al-state.offline { background:rgba(255,255,255,0.06); color:var(--text-3); }
.al-state.starting,
.al-state.stopping { background:rgba(253,230,138,0.15); color:var(--warn,#fde68a); }
.al-state.unknown  { background:rgba(248,113,113,0.15); color:var(--bad,#f87171); }

.al-uptime {
  font-size:0.7rem; color:var(--text-3); flex:0 0 auto; white-space:nowrap;
}
.al-chev { color:var(--text-3); font-size:0.85rem; transition:transform 0.15s; }
.al-row-card.open .al-chev { transform:rotate(90deg); color:var(--text-1); }

/* expanded detail */
.al-detail {
  border-top:1px solid var(--border);
  padding:0.85rem 0.95rem 0.95rem;
  background:rgba(0,0,0,0.18);
}
.al-section-label {
  font-size:0.68rem; text-transform:uppercase; letter-spacing:0.05em;
  color:var(--text-3); margin-bottom:0.35rem;
}
.al-events { list-style:none; padding:0; margin:0 0 0.7rem; }
.al-events li {
  display:flex; align-items:center; gap:0.5rem;
  padding:0.4rem 0.55rem; border-radius:7px;
  background:rgba(255,255,255,0.03);
  margin-bottom:0.3rem; font-size:0.82rem; color:var(--text-1);
}
.al-ev-label { flex:1 1 auto; }
.al-ev-time  { font-size:0.7rem; color:var(--text-3); flex:0 0 auto; }
.al-tag {
  font-size:0.6rem; text-transform:uppercase; letter-spacing:0.05em;
  font-weight:700; padding:2px 6px; border-radius:4px; flex:0 0 auto;
}
.al-tag.sys { background:rgba(253,230,138,0.15); color:var(--warn,#fde68a); }
.al-tag.you { background:rgba(129,140,248,0.15); color:var(--neon-purple,#818cf8); }

.al-open-btn {
  display:block; width:100%; text-align:center;
  padding:0.65rem 0.85rem; border-radius:9px;
  background:rgba(129,140,248,0.1);
  border:1px solid rgba(129,140,248,0.35);
  color:var(--neon-purple,#818cf8) !important;
  font-weight:600; font-size:0.85rem; text-decoration:none;
  transition:background 0.15s;
}
.al-open-btn:hover { background:rgba(129,140,248,0.18); }

.al-empty {
  text-align:center; padding:0.85rem; color:var(--text-3); font-size:0.82rem;
  background:rgba(255,255,255,0.02); border-radius:6px;
  margin-bottom:0.7rem;
}
.al-empty.al-ok      { color:var(--ok,#86efac); }
.al-empty.al-err     { color:var(--bad,#f87171); }
.al-empty.al-loading { color:var(--text-3); }

/* "Auto" status button (manual override) */
.status-btn.auto.active {
  background:rgba(134,239,172,0.12) !important;
  border-color:var(--neon-green,#86efac) !important;
  color:var(--neon-green,#86efac) !important;
}

/* Collapsible panel-card (uses <details>) */
details.collapsible { padding:0; overflow:hidden; }
details.collapsible > summary {
  list-style:none; cursor:pointer;
  padding:1.05rem 1.25rem;
  display:flex; align-items:center; gap:0.75rem; user-select:none;
}
details.collapsible > summary::-webkit-details-marker { display:none; }
details.collapsible > summary::after {
  content:"▸"; color:var(--text-3); font-size:0.85rem;
  transition:transform 0.2s; margin-left:auto;
}
details.collapsible[open] > summary::after { transform:rotate(90deg); }
.collapsible-title { margin:0 !important; font-size:1.05rem; display:inline; flex:0 0 auto; }
.collapsible-hint {
  font-size:0.7rem; color:var(--text-3);
  text-transform:uppercase; letter-spacing:0.04em; font-weight:600;
}
details.collapsible[open] .collapsible-hint { display:none; }
details.collapsible > summary:hover .collapsible-title { color:var(--text-1); }
.collapsible-body { padding:0 1.25rem 1.25rem; }