/* Theme default - status.css: status banner and incidents. */
.status-banner {
  display: flex;
  align-items: center;
  gap: 0.7rem;
  padding: 0.9rem 1.2rem;
  border: 1px solid var(--line);
  border-radius: var(--r-m);
  background: var(--panel);
  font-size: 1.05rem;
}
.status-dot { width: 12px; height: 12px; border-radius: 50%; flex: none; }
.status-ok .status-dot { background: var(--ok); box-shadow: 0 0 0 4px rgb(var(--ok-rgb) / 0.16); }
.status-degraded .status-dot { background: var(--violet); box-shadow: 0 0 0 4px rgb(var(--primary-rgb) / 0.16); }
.status-down .status-dot { background: var(--flare); box-shadow: 0 0 0 4px rgb(var(--danger-rgb) / 0.16); }
.status-down { border-color: rgb(var(--danger-rgb) / 0.4); }

.incidents { display: grid; gap: 1rem; }
.incident {
  padding: 1.1rem 1.3rem;
  border: 1px solid var(--line);
  border-left: 3px solid var(--line-strong);
  border-radius: var(--r-m);
  background: var(--panel);
}
.incident-down { border-left-color: var(--flare); }
.incident-degraded { border-left-color: var(--violet); }
.incident-info { border-left-color: var(--steel); }
.incident-past { opacity: 0.82; }
.incident h3 { margin-bottom: 0.35rem; }
.incident p { margin: 0; color: var(--muted); }
.incident-meta {
  display: flex;
  flex-wrap: wrap;
  gap: 0.6rem;
  align-items: center;
  margin-bottom: 0.6rem !important;
  font-size: 0.85rem;
}
.incident-scope {
  font-family: var(--mono);
  font-size: 0.78rem;
  color: var(--cyan);
}