:root {
  --status-primary: #2563eb;
  --status-accent: #16a34a;
  --status-bg: #f4f7fb;
  --status-surface: #ffffff;
  --status-surface-soft: #f8fafc;
  --status-border: #e2e8f0;
  --status-text: #0f172a;
  --status-muted: #64748b;
  --status-success: #16a34a;
  --status-warning: #d97706;
  --status-danger: #dc2626;
  --status-info: #0284c7;
  --status-secondary: #64748b;
  --status-radius: 18px;
  --status-shadow: 0 12px 32px rgba(15, 23, 42, .07);
  --status-shadow-sm: 0 6px 20px rgba(15, 23, 42, .05);
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body {
  margin: 0;
  background: var(--status-bg);
  color: var(--status-text);
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  -webkit-font-smoothing: antialiased;
}
a { color: inherit; }
.status-container { width: min(1120px, calc(100% - 32px)); margin: 0 auto; }

.status-topbar {
  position: sticky;
  top: 0;
  z-index: 100;
  background: rgba(255, 255, 255, .92);
  backdrop-filter: blur(14px);
  border-bottom: 1px solid rgba(226, 232, 240, .9);
}
.status-topbar-inner {
  min-height: 74px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
}
.status-brand {
  display: inline-flex;
  align-items: center;
  gap: 12px;
  text-decoration: none;
  min-width: 0;
}
.status-brand img { max-height: 42px; max-width: 180px; object-fit: contain; }
.status-brand-mark {
  width: 42px;
  height: 42px;
  border-radius: 13px;
  display: grid;
  place-items: center;
  background: linear-gradient(135deg, var(--status-primary), #0f4fbf);
  color: #fff;
  box-shadow: 0 10px 24px rgba(37, 99, 235, .2);
  flex: 0 0 auto;
}
.status-brand-copy { min-width: 0; }
.status-brand-name { font-weight: 800; letter-spacing: -.025em; line-height: 1.1; }
.status-brand-subtitle { margin-top: 3px; color: var(--status-muted); font-size: .84rem; line-height: 1.1; }
.status-nav { display: flex; align-items: center; gap: 6px; flex-wrap: wrap; justify-content: flex-end; }
.status-nav-link {
  border: 0;
  background: transparent;
  color: #475569;
  text-decoration: none;
  font-size: .9rem;
  font-weight: 700;
  padding: 9px 12px;
  border-radius: 10px;
  transition: background .15s ease, color .15s ease;
}
.status-nav-link:hover, .status-nav-link.active { background: #f1f5f9; color: var(--status-text); }
.status-nav-link.active { box-shadow: inset 0 0 0 1px #e2e8f0; }
.status-action {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 7px;
  min-height: 40px;
  padding: 9px 15px;
  border-radius: 11px;
  text-decoration: none;
  font-size: .88rem;
  font-weight: 800;
  border: 1px solid transparent;
  transition: transform .15s ease, box-shadow .15s ease, background .15s ease;
}
.status-action:hover { transform: translateY(-1px); }
.status-action-primary { background: var(--status-primary); color: #fff; box-shadow: 0 8px 18px rgba(37, 99, 235, .18); }
.status-action-primary:hover { color: #fff; }
.status-action-outline { background: #fff; color: #b91c1c; border-color: #fecaca; }
.status-action-outline:hover { color: #991b1b; background: #fff7f7; }

.status-main { padding: 36px 0 12px; }
.status-page-heading { margin-bottom: 22px; }
.status-eyebrow {
  color: var(--status-primary);
  font-size: .78rem;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: .11em;
  margin-bottom: 7px;
}
.status-page-title { font-size: clamp(1.65rem, 3vw, 2.35rem); line-height: 1.1; letter-spacing: -.04em; font-weight: 850; margin: 0; }
.status-page-subtitle { max-width: 720px; color: var(--status-muted); margin: 9px 0 0; line-height: 1.6; }

.status-hero {
  position: relative;
  overflow: hidden;
  border-radius: 24px;
  border: 1px solid var(--status-border);
  padding: 28px;
  margin-bottom: 30px;
  box-shadow: var(--status-shadow);
  background: #fff;
}
.status-hero::after {
  content: "";
  position: absolute;
  width: 240px;
  height: 240px;
  right: -90px;
  top: -110px;
  border-radius: 50%;
  background: currentColor;
  opacity: .05;
  pointer-events: none;
}
.status-hero-success { background: linear-gradient(135deg, #f0fdf4, #ffffff 70%); border-color: #bbf7d0; color: #166534; }
.status-hero-warning { background: linear-gradient(135deg, #fffbeb, #ffffff 70%); border-color: #fde68a; color: #92400e; }
.status-hero-danger { background: linear-gradient(135deg, #fef2f2, #ffffff 70%); border-color: #fecaca; color: #991b1b; }
.status-hero-info { background: linear-gradient(135deg, #eff6ff, #ffffff 70%); border-color: #bfdbfe; color: #1d4ed8; }
.status-hero-grid { display: grid; grid-template-columns: auto 1fr auto; gap: 18px; align-items: center; position: relative; z-index: 1; }
.status-hero-icon {
  width: 58px;
  height: 58px;
  border-radius: 18px;
  display: grid;
  place-items: center;
  font-size: 1.45rem;
  background: rgba(255,255,255,.72);
  border: 1px solid rgba(255,255,255,.8);
  box-shadow: var(--status-shadow-sm);
}
.status-hero-title { color: var(--status-text); font-size: clamp(1.4rem, 2.5vw, 2rem); font-weight: 850; letter-spacing: -.035em; line-height: 1.15; }
.status-hero-copy { color: #475569; margin-top: 6px; line-height: 1.55; }
.status-hero-time { text-align: right; color: #64748b; font-size: .82rem; white-space: nowrap; }
.status-hero-time strong { color: #334155; display: block; margin-top: 3px; }

.status-section { margin: 30px 0; }
.status-section-header { display: flex; align-items: end; justify-content: space-between; gap: 16px; margin-bottom: 13px; }
.status-section-title { margin: 0; font-size: 1.08rem; font-weight: 850; letter-spacing: -.025em; }
.status-section-note { color: var(--status-muted); font-size: .82rem; }
.status-section-link { color: var(--status-primary); text-decoration: none; font-weight: 750; font-size: .86rem; }
.status-section-link:hover { text-decoration: underline; }

.status-card {
  background: var(--status-surface);
  border: 1px solid var(--status-border);
  border-radius: var(--status-radius);
  box-shadow: var(--status-shadow-sm);
}
.status-card-body { padding: 20px; }
.status-empty { padding: 28px; color: var(--status-muted); text-align: center; }

.status-incident-card { overflow: hidden; border-left: 4px solid var(--status-warning); }
.status-incident-card + .status-incident-card { margin-top: 14px; }
.status-incident-card.is-danger { border-left-color: var(--status-danger); }
.status-maintenance-card { border-left-color: var(--status-info); }
.status-meta-row { display: flex; flex-wrap: wrap; align-items: center; gap: 7px; }
.status-chip {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  min-height: 25px;
  padding: 4px 9px;
  border-radius: 999px;
  font-size: .72rem;
  font-weight: 800;
  line-height: 1;
  border: 1px solid transparent;
}
.status-chip-success { color: #166534; background: #f0fdf4; border-color: #bbf7d0; }
.status-chip-warning { color: #92400e; background: #fffbeb; border-color: #fde68a; }
.status-chip-danger { color: #991b1b; background: #fef2f2; border-color: #fecaca; }
.status-chip-info { color: #075985; background: #f0f9ff; border-color: #bae6fd; }
.status-chip-secondary { color: #475569; background: #f8fafc; border-color: #e2e8f0; }
.status-incident-title { margin: 11px 0 0; font-size: 1.15rem; font-weight: 850; letter-spacing: -.025em; }
.status-incident-title a { text-decoration: none; }
.status-incident-title a:hover { color: var(--status-primary); }
.status-muted { color: var(--status-muted); }
.status-small { font-size: .84rem; }
.status-summary { margin-top: 12px; color: #475569; line-height: 1.62; }
.status-tags { display: flex; flex-wrap: wrap; gap: 7px; margin-top: 14px; }
.status-tag { background: #f8fafc; color: #475569; border: 1px solid #e2e8f0; border-radius: 999px; padding: 5px 9px; font-size: .75rem; font-weight: 700; }
.status-latest-update { margin-top: 16px; background: #f8fafc; border: 1px solid #e2e8f0; border-radius: 14px; padding: 14px 15px; }
.status-latest-head { display: flex; justify-content: space-between; gap: 14px; align-items: center; }
.status-latest-message { margin-top: 8px; color: #475569; line-height: 1.55; font-size: .88rem; }
.status-card-link { margin-top: 16px; display: inline-flex; align-items: center; gap: 7px; color: var(--status-primary); font-weight: 800; text-decoration: none; font-size: .86rem; }
.status-card-link:hover { text-decoration: underline; }

.status-service-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; }
.status-service-group { overflow: hidden; }
.status-service-group-head { padding: 16px 18px; border-bottom: 1px solid var(--status-border); display: flex; justify-content: space-between; align-items: center; gap: 12px; background: #fbfdff; }
.status-service-group-name { font-weight: 850; letter-spacing: -.02em; }
.status-service-row { display: flex; justify-content: space-between; align-items: center; gap: 18px; padding: 14px 18px; border-bottom: 1px solid #eef2f7; }
.status-service-row:last-child { border-bottom: 0; }
.status-service-name { font-weight: 750; font-size: .92rem; }
.status-service-description { margin-top: 3px; font-size: .78rem; line-height: 1.4; color: var(--status-muted); }
.status-service-state { display: inline-flex; align-items: center; gap: 7px; flex: 0 0 auto; font-size: .78rem; font-weight: 800; white-space: nowrap; }
.status-dot { width: 9px; height: 9px; border-radius: 50%; background: var(--status-secondary); box-shadow: 0 0 0 4px rgba(100,116,139,.1); }
.status-dot-success { background: var(--status-success); box-shadow: 0 0 0 4px rgba(22,163,74,.1); }
.status-dot-warning { background: var(--status-warning); box-shadow: 0 0 0 4px rgba(217,119,6,.1); }
.status-dot-danger { background: var(--status-danger); box-shadow: 0 0 0 4px rgba(220,38,38,.1); }
.status-dot-info { background: var(--status-info); box-shadow: 0 0 0 4px rgba(2,132,199,.1); }

.status-history-list { overflow: hidden; }
.status-history-item { display: grid; grid-template-columns: 42px 1fr auto; gap: 14px; align-items: center; padding: 15px 18px; border-bottom: 1px solid #eef2f7; text-decoration: none; }
.status-history-item:last-child { border-bottom: 0; }
.status-history-item:hover { background: #fbfdff; }
.status-history-icon { width: 40px; height: 40px; border-radius: 12px; display: grid; place-items: center; background: #f1f5f9; color: #64748b; }
.status-history-title { font-weight: 800; letter-spacing: -.015em; }
.status-history-meta { margin-top: 3px; color: var(--status-muted); font-size: .79rem; }
.status-history-arrow { color: #94a3b8; }

.status-cta { padding: 22px; display: flex; align-items: center; justify-content: space-between; gap: 20px; background: linear-gradient(135deg, #ffffff, #f8fbff); }
.status-cta-title { font-weight: 850; letter-spacing: -.02em; }
.status-cta-copy { margin-top: 5px; color: var(--status-muted); font-size: .86rem; line-height: 1.5; }

.status-back-link { display: inline-flex; align-items: center; gap: 7px; margin-bottom: 18px; color: #475569; font-weight: 750; text-decoration: none; font-size: .86rem; }
.status-back-link:hover { color: var(--status-primary); }
.status-detail-hero { margin-bottom: 22px; }
.status-detail-title { color: var(--status-text); font-size: clamp(1.7rem, 4vw, 2.5rem); line-height: 1.08; letter-spacing: -.04em; font-weight: 850; margin: 13px 0 0; }
.status-detail-summary { color: #475569; line-height: 1.7; margin-top: 14px; max-width: 840px; }
.status-info-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 10px; margin-top: 20px; }
.status-info-box { padding: 13px 14px; border-radius: 13px; background: rgba(255,255,255,.72); border: 1px solid rgba(226,232,240,.8); }
.status-info-label { color: var(--status-muted); font-size: .69rem; text-transform: uppercase; letter-spacing: .08em; font-weight: 800; }
.status-info-value { color: #334155; font-weight: 750; margin-top: 4px; font-size: .86rem; }

.status-component-list { overflow: hidden; }
.status-component-row { display: flex; justify-content: space-between; align-items: center; gap: 16px; padding: 14px 17px; border-bottom: 1px solid #eef2f7; }
.status-component-row:last-child { border-bottom: 0; }
.status-component-name { font-weight: 750; }
.status-component-group { color: var(--status-muted); font-size: .76rem; margin-top: 2px; }

.status-timeline { position: relative; padding-left: 3px; }
.status-timeline-item { position: relative; padding: 0 0 24px 34px; }
.status-timeline-item:last-child { padding-bottom: 0; }
.status-timeline-item::before { content: ""; position: absolute; left: 10px; top: 19px; bottom: -5px; width: 2px; background: #e2e8f0; }
.status-timeline-item:last-child::before { display: none; }
.status-timeline-dot { position: absolute; left: 4px; top: 6px; width: 14px; height: 14px; border-radius: 50%; background: #94a3b8; border: 3px solid #fff; box-shadow: 0 0 0 2px #cbd5e1; }
.status-timeline-dot-success { background: var(--status-success); box-shadow: 0 0 0 2px #bbf7d0; }
.status-timeline-dot-warning { background: var(--status-warning); box-shadow: 0 0 0 2px #fde68a; }
.status-timeline-dot-danger { background: var(--status-danger); box-shadow: 0 0 0 2px #fecaca; }
.status-timeline-dot-info { background: var(--status-info); box-shadow: 0 0 0 2px #bae6fd; }
.status-timeline-card { padding: 16px 17px; }
.status-timeline-head { display: flex; justify-content: space-between; align-items: center; gap: 12px; }
.status-timeline-message { color: #475569; line-height: 1.65; margin-top: 10px; }

.status-filterbar { padding: 13px; display: flex; flex-wrap: wrap; align-items: center; gap: 8px; }
.status-filter-link { text-decoration: none; padding: 8px 12px; border-radius: 10px; font-size: .8rem; font-weight: 800; color: #64748b; }
.status-filter-link:hover { background: #f1f5f9; color: #334155; }
.status-filter-link.active { background: var(--status-primary); color: #fff; }
.status-filter-count { margin-left: auto; color: var(--status-muted); font-size: .8rem; }

.status-form-card { padding: 22px; }
.status-form-card .form-label { font-weight: 750; font-size: .84rem; color: #334155; }
.status-form-card .form-control, .status-form-card .form-select { border-radius: 11px; border-color: #cbd5e1; padding: .68rem .78rem; }
.status-form-card .form-control:focus, .status-form-card .form-select:focus { border-color: var(--status-primary); box-shadow: 0 0 0 .2rem rgba(37,99,235,.12); }
.status-subscribe-choice { border: 1px solid var(--status-border); border-radius: 14px; padding: 15px; background: #fbfdff; }
.status-subscribe-choice + .status-subscribe-choice { margin-top: 10px; }
.status-subscribe-picker { margin-top: 16px; }
.status-picker-card { height: 100%; border: 1px solid var(--status-border); border-radius: 14px; padding: 15px; background: #fff; }
.status-picker-title { font-weight: 850; margin-bottom: 9px; }
.status-form-help { color: var(--status-muted); font-size: .78rem; line-height: 1.45; }
.status-alert { border-radius: 13px; border: 1px solid transparent; padding: 13px 15px; margin-bottom: 16px; }
.status-alert-success { color: #166534; background: #f0fdf4; border-color: #bbf7d0; }
.status-alert-danger { color: #991b1b; background: #fef2f2; border-color: #fecaca; }
.status-state-card { max-width: 680px; margin: 40px auto 20px; text-align: center; padding: 34px 28px; }
.status-state-icon { width: 64px; height: 64px; border-radius: 20px; display: grid; place-items: center; margin: 0 auto 16px; font-size: 1.55rem; }
.status-state-icon.success { color: #166534; background: #f0fdf4; }
.status-state-icon.danger { color: #991b1b; background: #fef2f2; }
.status-state-title { font-size: 1.35rem; font-weight: 850; letter-spacing: -.025em; }
.status-state-copy { color: var(--status-muted); line-height: 1.6; margin-top: 8px; }

.status-pagination .page-link { color: var(--status-primary); border-color: #e2e8f0; }
.status-pagination .page-item.active .page-link { background: var(--status-primary); border-color: var(--status-primary); }

.status-footer { margin-top: 44px; border-top: 1px solid #e2e8f0; padding: 26px 0 34px; color: var(--status-muted); font-size: .8rem; }
.status-footer-inner { display: flex; justify-content: space-between; gap: 18px; align-items: center; flex-wrap: wrap; }
.status-footer-links { display: flex; gap: 16px; flex-wrap: wrap; }
.status-footer a { color: #475569; text-decoration: none; font-weight: 700; }
.status-footer a:hover { color: var(--status-primary); }

@media (max-width: 900px) {
  .status-topbar-inner { padding: 13px 0; align-items: flex-start; }
  .status-nav { gap: 4px; }
  .status-nav-link { padding: 8px 9px; }
  .status-service-grid { grid-template-columns: 1fr; }
  .status-info-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 720px) {
  .status-container { width: min(100% - 22px, 1120px); }
  .status-topbar-inner { display: block; }
  .status-brand { margin-bottom: 12px; }
  .status-nav { justify-content: flex-start; }
  .status-nav-link { font-size: .82rem; }
  .status-action { min-height: 37px; padding: 8px 11px; }
  .status-main { padding-top: 24px; }
  .status-hero { padding: 20px; border-radius: 20px; }
  .status-hero-grid { grid-template-columns: auto 1fr; align-items: start; }
  .status-hero-time { grid-column: 1 / -1; text-align: left; padding-left: 76px; margin-top: -8px; }
  .status-section-header { align-items: flex-start; }
  .status-history-item { grid-template-columns: 38px 1fr auto; padding: 14px; }
  .status-history-icon { width: 36px; height: 36px; }
  .status-cta { display: block; }
  .status-cta .status-action { margin-top: 15px; }
  .status-info-grid { grid-template-columns: 1fr; }
  .status-detail-title { font-size: 1.7rem; }
  .status-filter-count { width: 100%; margin-left: 4px; margin-top: 3px; }
}

/* Professional refinement pass - keep layout, reduce visual noise */
:root{
  --status-bg:#f7f9fc;
  --status-surface:#fff;
  --status-surface-soft:#f8fafc;
  --status-border:#e5eaf1;
  --status-text:#111827;
  --status-muted:#687386;
  --status-radius:14px;
  --status-shadow:0 10px 30px rgba(15,23,42,.055);
  --status-shadow-sm:0 1px 2px rgba(15,23,42,.035),0 5px 16px rgba(15,23,42,.035)
}
body{background:radial-gradient(circle at 50% -180px,rgba(37,99,235,.055),transparent 420px),var(--status-bg);font-size:15px}
.status-container{width:min(1040px,calc(100% - 40px))}
.status-topbar{background:rgba(255,255,255,.96);border-bottom-color:#e8edf3;box-shadow:0 1px 0 rgba(15,23,42,.015)}
.status-topbar::before{content:"";display:block;height:3px;background:var(--status-primary)}
.status-topbar-inner{min-height:72px}
.status-brand{gap:11px}
.status-brand img{max-height:38px}
.status-brand-mark{width:40px;height:40px;border-radius:10px;box-shadow:none}
.status-brand-name{font-size:.96rem;font-weight:760;letter-spacing:-.02em}
.status-brand-subtitle{color:#7b8799;font-size:.78rem}
.status-nav{gap:2px}
.status-nav-link{position:relative;border-radius:0;padding:10px 11px;color:#586477;font-size:.84rem;font-weight:650}
.status-nav-link:hover,.status-nav-link.active{background:transparent;box-shadow:none;color:#111827}
.status-nav-link.active::after{content:"";position:absolute;left:11px;right:11px;bottom:4px;height:2px;border-radius:2px;background:var(--status-primary)}
.status-action{min-height:38px;padding:8px 13px;border-radius:8px;font-size:.82rem;font-weight:700;box-shadow:none}
.status-action:hover{transform:none}
.status-action-primary{box-shadow:0 5px 12px rgba(37,99,235,.13)}
.status-action-outline{color:#475569;border-color:#d7dee8;background:#fff}
.status-action-outline:hover{color:#111827;border-color:#c6cfdb;background:#f8fafc}
.status-main{padding:42px 0 10px}
.status-page-heading{margin-bottom:28px}
.status-eyebrow,.status-hero-kicker{color:#7a8798;font-size:.69rem;font-weight:750;text-transform:uppercase;letter-spacing:.105em}
.status-page-title{margin-top:5px;font-size:clamp(1.7rem,3vw,2.2rem);font-weight:760;letter-spacing:-.035em}
.status-page-subtitle{color:#687386;font-size:.94rem}
.status-section{margin:38px 0}
.status-section-header{margin-bottom:14px}
.status-section-title{color:#172033;font-size:1rem;font-weight:760;letter-spacing:-.018em}
.status-section-note{margin-top:3px;color:#7b8798;font-size:.78rem}
.status-section-link{font-size:.8rem;font-weight:700}
.status-hero{padding:26px 28px;margin-bottom:38px;border:1px solid #e3e8ef;border-radius:16px;background:#fff!important;box-shadow:inset 4px 0 0 currentColor,0 1px 2px rgba(15,23,42,.025),0 8px 24px rgba(15,23,42,.035)}
.status-hero::after{display:none}
.status-hero-success{border-color:#dce9df;color:#1e8e4d}
.status-hero-warning{border-color:#eee4c9;color:#c17a08}
.status-hero-danger{border-color:#eedcdc;color:#c33a3a}
.status-hero-info{border-color:#dce7ef;color:#247da8}
.status-hero-grid{gap:19px}
.status-hero-icon{width:50px;height:50px;border-radius:50%;font-size:1.16rem;border:0;box-shadow:none}
.status-hero-success .status-hero-icon{background:#eef8f1;color:#178544}
.status-hero-warning .status-hero-icon{background:#fff8e8;color:#b86e00}
.status-hero-danger .status-hero-icon{background:#fff1f1;color:#c33131}
.status-hero-info .status-hero-icon{background:#eef7fb;color:#1c769f}
.status-hero-kicker{margin-bottom:5px}
.status-hero-title{color:#162033;font-size:clamp(1.3rem,2.5vw,1.72rem);font-weight:760;letter-spacing:-.032em}
.status-hero-copy{max-width:680px;margin-top:6px;color:#647084;font-size:.91rem}
.status-hero-time{padding-left:24px;border-left:1px solid #e9edf3;color:#8a95a5;font-size:.72rem;text-transform:uppercase;letter-spacing:.055em}
.status-hero-time strong{color:#4d596b;font-size:.82rem;font-weight:680;letter-spacing:0;text-transform:none}
.status-card{border-color:#e4e9f0;border-radius:13px;box-shadow:0 1px 2px rgba(15,23,42,.025)}
.status-card-body{padding:21px 22px}
.status-chip{min-height:23px;padding:4px 8px;border-radius:6px;font-size:.68rem;font-weight:700}
.status-chip-success{color:#237a43;background:#f0f8f3;border-color:#d8eddf}
.status-chip-warning{color:#99620b;background:#fff9ec;border-color:#f0e2ba}
.status-chip-danger{color:#a83b3b;background:#fff3f3;border-color:#efd7d7}
.status-chip-info{color:#286e92;background:#f0f7fb;border-color:#d7e8f0}
.status-chip-secondary{color:#626e80;background:#f7f9fb;border-color:#e3e8ef}
.status-incident-card{border-left-width:3px}
.status-incident-title{margin-top:12px;font-size:1.08rem;font-weight:740}
.status-summary{color:#606d80;font-size:.9rem}
.status-tag{border-radius:6px;background:#f8fafc;color:#667286;font-size:.71rem;font-weight:650}
.status-latest-update{background:#fafbfd;border-color:#e7ebf0;border-radius:10px}
.status-card-link{font-size:.8rem;font-weight:700}
.status-service-grid{gap:18px}
.status-service-group{box-shadow:0 1px 2px rgba(15,23,42,.022)}
.status-service-group-head{min-height:55px;padding:14px 17px;background:#fbfcfe;border-bottom-color:#e9edf3}
.status-service-group-name{color:#263246;font-size:.9rem;font-weight:740}
.status-service-row{min-height:59px;padding:13px 17px;border-bottom-color:#edf0f4}
.status-service-name{color:#303b4f;font-size:.87rem;font-weight:650}
.status-service-description{color:#8691a1;font-size:.73rem}
.status-service-state{gap:8px;color:#697587;font-size:.73rem;font-weight:650}
.status-dot{width:8px;height:8px;box-shadow:none}
.status-dot-success{box-shadow:0 0 0 3px rgba(22,163,74,.08)}
.status-dot-warning{box-shadow:0 0 0 3px rgba(217,119,6,.08)}
.status-dot-danger{box-shadow:0 0 0 3px rgba(220,38,38,.08)}
.status-dot-info{box-shadow:0 0 0 3px rgba(2,132,199,.08)}
.status-history-item{min-height:66px;padding:13px 17px}
.status-history-item:hover{background:#fbfcfe}
.status-history-icon{width:36px;height:36px;border-radius:9px;background:#f5f7fa;color:#798598}
.status-history-title{color:#303b4e;font-size:.88rem;font-weight:680}
.status-history-meta{color:#8a95a4;font-size:.73rem}
.status-history-arrow{font-size:.7rem}
.status-cta{padding:20px 22px;background:#fff}
.status-cta-title{color:#263246;font-size:.94rem;font-weight:720}
.status-cta-copy{color:#7a8697;font-size:.8rem}
.status-back-link{margin-bottom:20px;color:#687386;font-size:.8rem;font-weight:650}
.status-detail-title{font-weight:760;letter-spacing:-.035em}
.status-detail-summary{color:#647084;font-size:.94rem}
.status-info-box{border-radius:9px;background:#fafbfd;border-color:#e8ecf1}
.status-info-label{color:#8a95a5;font-size:.64rem;font-weight:700}
.status-info-value{color:#465267;font-size:.82rem;font-weight:650}
.status-component-row{min-height:58px;padding:13px 16px}
.status-component-name{color:#303b4e;font-size:.87rem;font-weight:650}
.status-component-group{color:#8b96a5;font-size:.7rem}
.status-timeline-item{padding-bottom:20px}
.status-timeline-card{padding:15px 16px}
.status-timeline-message{color:#626f82;font-size:.89rem}
.status-filterbar{padding:8px}
.status-filter-link{padding:7px 11px;border-radius:7px;font-size:.76rem;font-weight:650}
.status-filter-link.active{box-shadow:none}
.status-form-card{padding:24px}
.status-subscribe-choice,.status-picker-card{border-radius:10px;background:#fbfcfe}
.status-picker-title{color:#334155;font-size:.88rem;font-weight:700}
.status-footer{margin-top:54px;padding:24px 0 34px;border-top-color:#e5eaf0;color:#8994a4;font-size:.75rem}
.status-footer a{color:#667286;font-weight:600}
@media(max-width:900px){
  .status-container{width:min(100% - 30px,1040px)}
  .status-hero-time{padding-left:18px}
}
@media(max-width:720px){
  .status-container{width:min(100% - 22px,1040px)}
  .status-topbar-inner{padding:12px 0 13px}
  .status-nav{gap:0}
  .status-nav-link{padding:8px 9px}
  .status-nav-link.active::after{left:9px;right:9px;bottom:2px}
  .status-main{padding-top:27px}
  .status-hero{padding:20px;margin-bottom:30px}
  .status-hero-grid{grid-template-columns:44px 1fr;gap:14px}
  .status-hero-icon{width:44px;height:44px}
  .status-hero-time{grid-column:1/-1;margin:2px 0 0 58px;padding:11px 0 0;border-left:0;border-top:1px solid #edf0f4}
  .status-section{margin:31px 0}
  .status-service-row{min-height:56px}
}