/* Theme, layout basics, typography */
:root {
  --bg: #0f1724; /* default dark now */
  --surface: #0b1020;
  --muted: #9aa3ab;
  --text: #e6eef6;
  --card-border: rgba(255,255,255,0.04);
  --accent: #4ecdc4;
  --danger: #ff6b6b;
  --success: #22c55e;
  --glass: rgba(255,255,255,0.04);
}
body { font-family: 'Inter','Segoe UI',Arial,sans-serif; background: var(--bg); color: var(--text); -webkit-font-smoothing:antialiased; margin:0; }

h1,h2{font-weight:700;}

.overall-banner{max-width:680px;margin:24px auto 16px;border-radius:999px;box-shadow:0 6px 18px rgba(2,6,23,0.08);padding:8px 18px;background:linear-gradient(90deg, rgba(34,197,94,0.12), rgba(34,197,94,0.04));border:1px solid rgba(34,197,94,0.18);display:block;width:fit-content;color:var(--text);} 
/* success style handled via utility classes elsewhere */
.overall-banner.warning{background:linear-gradient(90deg, rgba(250,204,21,0.08), rgba(250,204,21,0.02));}
.overall-banner.danger{background:linear-gradient(90deg, rgba(239,68,68,0.28), rgba(239,68,68,0.14));color:#fff;border-color:rgba(239,68,68,0.5);box-shadow:0 8px 24px rgba(239,68,68,0.25);} 
.overall-banner .title{font-weight:700;}
.overall-sub{max-width:820px;margin:0 auto 24px;text-align:center;font-size:.95rem;color:#cfd3d6;}

.container{max-width:1100px;margin:0 auto;padding:0 14px;}

/* Cards / surfaces */
.service-card{position:relative;max-width:820px;margin:0 auto 18px;background:var(--surface);border:1px solid var(--card-border);box-shadow:0 8px 24px rgba(2,6,23,0.06);padding:8px;}
.service-card .list-group-item{background:transparent;color:var(--text);padding:14px 8px;}
.service-card .list-group-item.down{border-left:4px solid var(--danger);background-image:linear-gradient(90deg, rgba(239,68,68,0.08), transparent);}

.site-footer{max-width:900px;margin:18px auto 8px;padding:12px 14px;border-top:1px solid var(--card-border);color:var(--muted);display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:.9rem;}
.site-footer .left{font-weight:600;color:#cbd5e1;}
.site-footer a{color:#9aa3ab;text-decoration:none;}
.site-footer a:hover{color:#fff;text-decoration:underline;}
@media (max-width:576px){.site-footer{flex-direction:column;align-items:flex-start;}}