/* Krowten sistem durumu sayfası */
.status-page{padding-top:40px;padding-bottom:80px}
.status-banner{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:26px 28px;border:1px solid #14503f;border-radius:14px;background:linear-gradient(120deg,#07352c,#061b29 70%);margin-bottom:20px}
.status-banner.degraded{border-color:#6a4418;background:linear-gradient(120deg,#3a2a12,#061b29 70%)}
.status-banner.down{border-color:#6a2a24;background:linear-gradient(120deg,#3a1612,#061b29 70%)}
.status-banner-main{display:flex;align-items:center;gap:16px}
.status-orb{position:relative;width:44px;height:44px;border-radius:50%;display:grid;place-items:center;background:#34d39922;color:#34d399;flex-shrink:0}
.status-orb:after{content:'';position:absolute;inset:0;border-radius:50%;border:2px solid #34d399;opacity:.5;animation:orb 2.4s ease-out infinite}
.degraded .status-orb{background:#f5a52422;color:#f5a524}.degraded .status-orb:after{border-color:#f5a524}
.down .status-orb{background:#f06a5b22;color:#f06a5b}.down .status-orb:after{border-color:#f06a5b}
@keyframes orb{0%{transform:scale(1);opacity:.6}100%{transform:scale(1.7);opacity:0}}
.status-orb svg{width:22px;height:22px}
.status-banner h1{font-size:26px;letter-spacing:-.8px;font-weight:650;line-height:1.2;color:#eef6fb;margin:0}
.status-banner p{margin:6px 0 0;font-size:14px;color:#8fb3c9}
.status-banner-side{text-align:right;font-size:13px;color:#7ea3bb;white-space:nowrap}
.status-banner-side strong{display:block;color:#c9e3f3;font-weight:500}
.uptime-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:28px}
.uptime-grid>div{padding:18px 20px;border:1px solid #143c54;border-radius:12px;background:linear-gradient(150deg,#061e2f,#04162380)}
.uptime-grid span{display:block;font-size:13px;color:#7ea3bb}
.uptime-grid strong{display:block;font-family:var(--heading);font-size:28px;font-weight:600;letter-spacing:-.8px;color:#eef6fb;margin-top:6px}
.uptime-grid strong.ok{color:#6fd3a3}
.status-section{margin-bottom:28px}
.status-section-head{display:flex;align-items:baseline;justify-content:space-between;gap:16px;margin-bottom:12px}
.status-section-head h2{font-size:18px;font-weight:600;letter-spacing:-.3px;margin:0;color:#eef6fb}
.status-section-head span{font-size:13px;color:#7ea3bb}
.component-list{border:1px solid #143c54;border-radius:14px;background:#061e2f;overflow:hidden}
.component{display:grid;grid-template-columns:minmax(220px,1fr) 2fr auto;gap:8px 24px;align-items:center;padding:16px 22px;border-bottom:1px solid #0f3149}
.component:last-child{border-bottom:0}
.component-name{display:flex;align-items:center;gap:12px;min-width:0}
.component-dot{width:10px;height:10px;border-radius:50%;background:#34d399;box-shadow:0 0 0 3px #34d39926;flex-shrink:0}
.component-dot.degraded{background:#f5a524;box-shadow:0 0 0 3px #f5a52426}
.component-dot.down{background:#f06a5b;box-shadow:0 0 0 3px #f06a5b26}
.component-name strong{display:block;font-size:14px;font-weight:600;color:#e6f0f7}
.component-name small{display:block;font-size:12px;color:#5b8aa8;margin-top:2px}
.history{display:flex;gap:3px;height:28px;align-items:stretch}
.history i{flex:1;border-radius:2px;background:#34d399;opacity:.85;min-width:0;transition:opacity .15s}
.history i.degraded{background:#f5a524}
.history i.down{background:#f06a5b}
.history i.none{background:#1a3346}
.history i:hover{opacity:1;outline:1px solid #ffffff55}
.component-meta{display:flex;flex-direction:column;align-items:flex-end;gap:2px;white-space:nowrap;min-width:170px}
.component-meta strong{font-size:14px;font-weight:600;color:#eef6fb}
.component-meta strong.degraded{color:#f5a524}
.component-meta strong.down{color:#f06a5b}
.component-meta span{font-size:12px;color:#5b8aa8}
.history-axis{display:flex;justify-content:space-between;font-size:11px;color:#4f83a3;margin-top:6px;grid-column:2}
.legend{display:flex;flex-wrap:wrap;gap:16px;font-size:12px;color:#7ea3bb;margin-top:12px}
.legend span{display:inline-flex;align-items:center;gap:6px}
.legend i{width:10px;height:10px;border-radius:2px;background:#34d399}
.legend i.degraded{background:#f5a524}.legend i.down{background:#f06a5b}.legend i.none{background:#1a3346}
.incident{padding:18px 22px;border:1px solid #143c54;border-radius:14px;background:#061e2f}
.incident+.incident{margin-top:12px}
.incident-head{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:12px}
.incident-head strong{font-size:15px;color:#e6f0f7;font-weight:600}
.incident-head time{font-size:13px;color:#7ea3bb}
.pill{font-size:11px;font-weight:600;padding:3px 9px;border-radius:999px;border:1px solid}
.pill.resolved{color:#6fd3a3;border-color:#14503f;background:#0b2f2a}
.pill.minor{color:#f3c58b;border-color:#6a4418;background:#2a1a08}
.pill.major{color:#f5948a;border-color:#6a2a24;background:#3a1612}
.pill.scheduled{color:#8fd1ff;border-color:#1a5270;background:#062537}
.incident-updates{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.incident-updates li{display:grid;grid-template-columns:52px 1fr;gap:12px;font-size:13px;color:#a9bccb;line-height:1.6}
.incident-updates time{color:#5b8aa8;font-variant-numeric:tabular-nums}
.empty-note{padding:22px;border:1px dashed #1a3d55;border-radius:14px;font-size:14px;color:#7ea3bb;text-align:center}
.status-foot{display:flex;justify-content:space-between;gap:16px;font-size:12px;color:#4f83a3;margin-top:28px;flex-wrap:wrap}
.status-foot a{color:#7ea3bb}
@media(max-width:850px){.uptime-grid{grid-template-columns:repeat(2,1fr)}.component{grid-template-columns:1fr auto}.history{grid-column:1/-1}.history-axis{grid-column:1/-1}.status-banner{flex-direction:column;align-items:flex-start}.status-banner-side{text-align:left}}
@media(max-width:520px){.uptime-grid{grid-template-columns:1fr 1fr;gap:8px}.uptime-grid strong{font-size:22px}.component{padding:14px 16px}.status-banner h1{font-size:22px}}