/* System status page (/durum) */
.st-wrap{padding:32px 0 72px;background:var(--bs-body-bg,#fff)}
.st-banner{display:flex;align-items:center;flex-wrap:wrap;gap:10px 14px;padding:18px 22px;border-radius:14px;margin-bottom:24px;border:1px solid transparent;font-size:1.05rem}
.st-banner small{margin-left:auto;opacity:.75;font-size:.85rem}
.st-banner .st-dot{width:12px;height:12px;border-radius:50%;background:currentColor;flex:none;box-shadow:0 0 0 5px color-mix(in srgb,currentColor 18%,transparent)}
.st-banner.st-up{background:#e8f6ef;border-color:#bfe5d1;color:#0b6b46}
.st-banner.st-partial{background:#fff6e0;border-color:#f1dca1;color:#8a5b00}
.st-banner.st-down{background:#fdeaea;border-color:#f3b9b9;color:#a12222}
.st-banner.st-unknown{background:#eef1f4;border-color:#d5dbe1;color:#4a5560}
.st-card{border:1px solid var(--bs-border-color,#e3e8ee);border-radius:14px;margin-bottom:18px;overflow:hidden;background:var(--bs-body-bg,#fff)}
.st-card h2{font-size:1.05rem;font-weight:700;margin:0;padding:16px 22px;border-bottom:1px solid var(--bs-border-color,#e3e8ee);background:color-mix(in srgb,var(--bs-body-color,#111) 3%,transparent)}
.st-list{list-style:none;margin:0;padding:0}
.st-row{display:flex;align-items:center;gap:16px;padding:15px 22px}
.st-row+.st-row{border-top:1px solid var(--bs-border-color,#e3e8ee)}
.st-name{flex:1 1 auto;font-weight:600;min-width:0}
.st-metrics{display:flex;gap:26px;flex:none}
.st-metric{display:flex;flex-direction:column;align-items:flex-end;line-height:1.25}
.st-metric small{font-size:.72rem;text-transform:uppercase;letter-spacing:.04em;opacity:.6}
.st-metric b{font-size:.95rem;font-variant-numeric:tabular-nums}
.st-pill{display:inline-flex;align-items:center;gap:7px;padding:6px 13px;border-radius:999px;font-size:.84rem;font-weight:600;flex:none;min-width:112px;justify-content:center}
.st-pill i{width:8px;height:8px;border-radius:50%;background:currentColor}
.st-pill.st-up{background:#e8f6ef;color:#0b6b46}
.st-pill.st-down{background:#fdeaea;color:#a12222}
.st-pill.st-unknown{background:#eef1f4;color:#4a5560}
.st-foot{display:flex;flex-wrap:wrap;gap:20px 40px;justify-content:space-between;margin-top:30px;padding:22px;border-radius:14px;background:color-mix(in srgb,var(--bs-body-color,#111) 3.5%,transparent)}
.st-foot h3{font-size:.95rem;margin:0 0 6px}
.st-foot p{margin:0;max-width:640px;opacity:.8;font-size:.92rem}
.st-foot p span{display:block;margin-top:4px}
.st-links{display:flex;flex-direction:column;gap:8px;align-items:flex-start;font-weight:600}
[data-bs-theme=dark] .st-banner.st-up,[data-bs-theme=dark] .st-pill.st-up{background:#0f3a29;border-color:#17553c;color:#6fe0ae}
[data-bs-theme=dark] .st-banner.st-partial{background:#3a2c0a;border-color:#5b4510;color:#f0c969}
[data-bs-theme=dark] .st-banner.st-down,[data-bs-theme=dark] .st-pill.st-down{background:#3d1717;border-color:#5f2323;color:#ff9a9a}
[data-bs-theme=dark] .st-banner.st-unknown,[data-bs-theme=dark] .st-pill.st-unknown{background:#222a31;border-color:#34404a;color:#aab5bf}
@media (max-width:640px){.st-row{flex-wrap:wrap;gap:8px 14px;padding:14px 16px}.st-name{flex-basis:100%}.st-metrics{gap:18px;flex:1}.st-metric{align-items:flex-start}.st-banner small{margin-left:0;flex-basis:100%}.st-card h2{padding:14px 16px}}

.st-pill.st-q-fast{background:#e8f6ef;color:#0b6b46}.st-pill.st-q-good{background:#eaf2fb;color:#1c5a96}.st-pill.st-q-slow{background:#fff6e0;color:#8a5b00}
.st-qnote{margin:0;padding:14px 22px;border-top:1px solid var(--bs-border-color,#e3e8ee);font-size:.85rem;opacity:.75}
[data-bs-theme=dark] .st-pill.st-q-fast{background:#0f3a29;color:#6fe0ae}[data-bs-theme=dark] .st-pill.st-q-good{background:#12304d;color:#8cc3f5}[data-bs-theme=dark] .st-pill.st-q-slow{background:#3a2c0a;color:#f0c969}

.st-qline{display:flex;flex-wrap:wrap;align-items:center;gap:10px 34px;padding:16px 22px;border:1px solid var(--bs-border-color,#e3e8ee);border-radius:14px;margin-bottom:6px}
.st-qtitle{font-weight:700;display:inline-flex;align-items:center;gap:8px}
.st-qitem{display:inline-flex;align-items:baseline;gap:9px}
.st-qitem small{opacity:.65;font-size:.85rem}
.st-qitem b{font-size:1.2rem;font-variant-numeric:tabular-nums}
p.st-qnote{border:0;padding:0 4px;margin:0 0 20px;font-size:.8rem;opacity:.65}