/* Veřejná status stránka (samostatná, bez shellu) — nad tokeny ze shell.css. */
body {
  max-width: 700px; margin: var(--sp-12) auto; padding: 0 var(--sp-6);
  background: var(--surface);
}
h1 { margin: 0 0 var(--sp-1); font-size: var(--fs-xl); }
.lead { color: var(--muted); margin: 0 0 var(--sp-6); font-size: var(--fs-sm); }
.overall {
  padding: 14px 18px; border-radius: var(--r-sm); margin: var(--sp-5) 0 var(--sp-6);
  border: 1px solid var(--border);
  font-weight: 500;
}
.overall.fail { border-color: var(--text); }
.service {
  display: flex; justify-content: space-between; align-items: center;
  padding: 10px 14px;
  border: 1px solid var(--border); border-radius: var(--r-sm);
  margin: 6px 0;
  background: var(--surface);
}
.service.fail { background: var(--surface-2); }
.service .name { font-weight: 500; }
.service .detail { color: var(--muted); font-size: var(--fs-sm); }
.indicator {
  display: inline-block; width: 10px; height: 10px; border-radius: 50%;
  background: var(--text); margin-right: var(--sp-2);
}
.indicator.fail { background: var(--muted-2); border: 1px solid var(--text); }
footer {
  margin-top: var(--sp-8); color: var(--muted-2); font-size: var(--fs-xs); text-align: center;
}
footer a { color: var(--text-2); }