/* Status Hub styles */
:root{
  --status-brand:#1f5eff;
  --status-accent:#ffd60a;
  --status-radius:14px;
  --status-font:system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Helvetica,Arial,sans-serif;
  --status-bg:#0b1020;
  --status-card:#11172a;
  --status-text:#e7ecff;
  --status-muted:#9db0ff;
  --status-border:rgba(255,255,255,0.08);
}

.sh-wrap{ display:grid; gap:1rem; font-family: var(--status-font); }
.sh-card{
  border:1px solid var(--status-border);
  background: var(--status-card);
  color: var(--status-text);
  border-radius: var(--status-radius);
  padding: 1rem 1.2rem;
  box-shadow: 0 6px 18px rgba(0,0,0,0.18);
}
.sh-card header{
  display:flex; align-items:center; justify-content:space-between; gap:.75rem;
}
.sh-card h3{ margin:0; font-size:1.05rem; font-family: var(--status-font); }
.sh-badge{
  background: var(--status-brand);
  color: #fff;
  padding: .2rem .5rem;
  border-radius: 999px;
  font-size:.75rem;
  text-transform:capitalize;
}
.sh-time,.sh-services{ font-size:.9rem; color:var(--status-muted); margin:.4rem 0; }
.sh-content p{ margin:.5rem 0; }
.sh-link{ display:inline-block; margin-top:.5rem; text-decoration:underline; text-decoration-color: var(--status-accent); color:var(--status-text); }
.sh-empty{ opacity:.8; }

/* Type accents */
.sh-incident .sh-badge{ background:#ef4444; }   /* red */
.sh-maintenance .sh-badge{ background:#f59e0b; } /* amber */

@media (prefers-color-scheme: light){
  :root{
    --status-card:#ffffff;
    --status-text:#1a2234;
    --status-muted:#4b5563;
    --status-border:rgba(0,0,0,0.08);
  }
}


/* AppyHost accent tweaks */
:root{
  --status-accent:#ffd60a; /* yellow accent */
}

/* Header Status Banner */
.sh-banner{
  width:100%;
  position:relative;
  border-bottom:1px solid var(--status-border);
  padding:.6rem .9rem;
  display:flex;
  align-items:center;
  gap:.75rem;
  font-size:.95rem;
}
.sh-banner a{ text-decoration:underline; color:inherit; }
.sh-banner .dot{ width:.6rem; height:.6rem; border-radius:999px; display:inline-block; }
.sh-ok   { background:linear-gradient(0deg, rgba(16,185,129,.08), rgba(16,185,129,.08)); color:#10b981; } /* green bg */
.sh-warn { background:linear-gradient(0deg, rgba(245,158,11,.08), rgba(245,158,11,.08)); color:#b45309; } /* amber */
.sh-bad  { background:linear-gradient(0deg, rgba(239,68,68,.08), rgba(239,68,68,.08)); color:#b91c1c; } /* red */
.sh-ok .dot{ background:#10b981; }
.sh-warn .dot{ background:#f59e0b; }
.sh-bad .dot{ background:#ef4444; }