@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=JetBrains+Mono:wght@500;600&display=swap');
/* FortiSASE Status — Statuspage Custom CSS (generated from the design's styles.css).
   Every rule is scoped to the custom header/app/footer roots and every class is fs- prefixed,
   so nothing collides with Statuspage's stylesheet. */
body.status{background:#FAFAF9!important;margin:0}
html[data-theme="dark"] body.status{background:#0E0F11!important}
html.fs-on .layout-content.status>.container,html.fs-on .layout-content.status .page-footer{display:none!important}
.layout-content.status{max-width:none!important;padding:0!important}
:is(#fs-header,#fs-app,#fs-footer,#fs-modal-root) h1,:is(#fs-header,#fs-app,#fs-footer,#fs-modal-root) h2,:is(#fs-header,#fs-app,#fs-footer,#fs-modal-root) h3,:is(#fs-header,#fs-app,#fs-footer,#fs-modal-root) p,:is(#fs-header,#fs-app,#fs-footer,#fs-modal-root) ol,:is(#fs-header,#fs-app,#fs-footer,#fs-modal-root) ul{margin:0;padding:0;font:inherit;color:inherit;letter-spacing:inherit;text-transform:none;border:0;background:none;line-height:inherit}
:is(#fs-header,#fs-app,#fs-footer,#fs-modal-root) button{line-height:inherit;text-transform:none;letter-spacing:inherit;text-shadow:none}
:is(#fs-header,#fs-app,#fs-footer,#fs-modal-root) input{font:inherit;font-weight:400;box-shadow:none;height:auto;margin:0}
:is(#fs-header,#fs-app,#fs-footer,#fs-modal-root) a,:is(#fs-header,#fs-app,#fs-footer,#fs-modal-root) a:hover{text-decoration:none}
:is(#fs-header,#fs-app,#fs-footer,#fs-modal-root){--brand: #DA291C; --brand-deep: #A81B11; --accent: oklch(0.62 0.13 250); --bg: #FAFAF9; --surface: #FFFFFF; --surface-2: #F5F4F2; --border: rgba(20, 20, 20, 0.08); --border-strong: rgba(20, 20, 20, 0.14); --text: #1A1A1A; --text-2: #545454; --text-3: #8A8A8A; --ok: #1F8F4E; --ok-bg: #E8F5EC; --warn: #B8740B; --warn-bg: #FCF1DD; --minor: #C45A12; --minor-bg: #FBE8D9; --major: #B5201A; --major-bg: #FBE3E1; --maint: #2D6BB3; --maint-bg: #E2EDF9; --radius: 10px; --radius-lg: 14px; --shadow-sm: 0 1px 2px rgba(15,15,15,0.04), 0 0 0 0.5px rgba(15,15,15,0.05); --shadow-md: 0 1px 2px rgba(15,15,15,0.05), 0 6px 16px -6px rgba(15,15,15,0.08); --pad-card: 22px; --pad-row: 14px; --gap-stack: 18px; --row-h: 52px;}
html[data-theme="dark"] :is(#fs-header,#fs-app,#fs-footer,#fs-modal-root){--bg: #0E0F11; --surface: #16181B; --surface-2: #1B1E22; --border: rgba(255,255,255,0.08); --border-strong: rgba(255,255,255,0.14); --text: #ECECEC; --text-2: #B8B8B8; --text-3: #7B7B7B; --ok: #4CC97F; --ok-bg: rgba(76,201,127,0.12); --warn: #E0A042; --warn-bg: rgba(224,160,66,0.12); --minor: #E58241; --minor-bg: rgba(229,130,65,0.14); --major: #E5564E; --major-bg: rgba(229,86,78,0.14); --maint: #6FA9E5; --maint-bg: rgba(111,169,229,0.12); --shadow-sm: 0 0 0 0.5px rgba(255,255,255,0.05); --shadow-md: 0 1px 2px rgba(0,0,0,0.35), 0 8px 24px -8px rgba(0,0,0,0.5);}
:is(#fs-header,#fs-app,#fs-footer,#fs-modal-root) .fs-density-compact{--pad-card: 16px; --pad-row: 9px; --gap-stack: 12px; --row-h: 40px;}
:is(#fs-header,#fs-app,#fs-footer,#fs-modal-root), :is(#fs-header,#fs-app,#fs-footer,#fs-modal-root) *{box-sizing: border-box;}
:is(#fs-header,#fs-app,#fs-footer,#fs-modal-root){ color: var(--text);
  font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  font-size: 14px; line-height: 1.5;
  -webkit-font-smoothing: antialiased;
  font-feature-settings: 'cv02', 'cv03', 'cv11', 'ss01';}
:is(#fs-header,#fs-app,#fs-footer,#fs-modal-root) button{font-family: inherit; cursor: pointer;}
:is(#fs-header,#fs-app,#fs-footer,#fs-modal-root) a{color: inherit; text-decoration: none;}
:is(#fs-header,#fs-app,#fs-footer,#fs-modal-root) .fs-app{display: flex; flex-direction: column; min-height: 100vh;}
:is(#fs-header,#fs-app,#fs-footer,#fs-modal-root) .fs-livebar{display: flex; align-items: center; gap: 10px; padding: 8px 32px; font-size: 12px; border-bottom: 1px solid var(--border); font-variant-numeric: tabular-nums;}
:is(#fs-header,#fs-app,#fs-footer,#fs-modal-root) .fs-livebar code{font-size: 11.5px; padding: 1px 5px; background: rgba(0,0,0,0.05); border-radius: 3px;}
html[data-theme="dark"] :is(#fs-header,#fs-app,#fs-footer,#fs-modal-root) .fs-livebar code{background: rgba(255,255,255,0.08);}
:is(#fs-header,#fs-app,#fs-footer,#fs-modal-root) .fs-livebar-loading{background: var(--surface-2); color: var(--text-2);}
:is(#fs-header,#fs-app,#fs-footer,#fs-modal-root) .fs-livebar-ok{background: var(--ok-bg); color: var(--ok);}
:is(#fs-header,#fs-app,#fs-footer,#fs-modal-root) .fs-livebar-warn{background: var(--warn-bg); color: var(--warn);}
:is(#fs-header,#fs-app,#fs-footer,#fs-modal-root) .fs-livebar-dot{width: 7px; height: 7px; border-radius: 50%; background: currentColor; opacity: 0.6;}
:is(#fs-header,#fs-app,#fs-footer,#fs-modal-root) .fs-livebar-dot.fs-live{animation: fs-livepulse 1.6s ease-in-out infinite;}
@keyframes fs-livepulse {
  0%, 100% { opacity: 0.4; transform: scale(1); }
  50% { opacity: 1; transform: scale(1.3); }
}
@media (max-width: 640px){:is(#fs-header,#fs-app,#fs-footer,#fs-modal-root) .fs-livebar{padding: 7px 14px; font-size: 11.5px;}
}
:is(#fs-header,#fs-app,#fs-footer,#fs-modal-root) .fs-hdr{display: flex; align-items: center; justify-content: space-between; padding: 14px 32px; background: var(--surface); border-bottom: 1px solid var(--border); position: sticky; top: 0; z-index: 50;}
:is(#fs-header,#fs-app,#fs-footer,#fs-modal-root) .fs-hdr-l{display: flex; align-items: center; gap: 14px;}
:is(#fs-header,#fs-app,#fs-footer,#fs-modal-root) .fs-hdr-divider{width: 1px; height: 18px; background: var(--border-strong);}
:is(#fs-header,#fs-app,#fs-footer,#fs-modal-root) .fs-hdr-title{font-size: 14px; font-weight: 500; color: var(--text-2);}
:is(#fs-header,#fs-app,#fs-footer,#fs-modal-root) .fs-hdr-r{display: flex; align-items: center; gap: 4px;}
:is(#fs-header,#fs-app,#fs-footer,#fs-modal-root) .fs-hdr-link{padding: 7px 11px; border-radius: 7px; font-size: 13px; font-weight: 500; color: var(--text-2);}
:is(#fs-header,#fs-app,#fs-footer,#fs-modal-root) .fs-hdr-link:hover{background: var(--surface-2); color: var(--text);}
:is(#fs-header,#fs-app,#fs-footer,#fs-modal-root) .fs-logo{display: flex; align-items: center; gap: 9px;}
:is(#fs-header,#fs-app,#fs-footer,#fs-modal-root) .fs-logo-mark{display: block; width: 24px; height: 24px; object-fit: contain;}
:is(#fs-header,#fs-app,#fs-footer,#fs-modal-root) .fs-logo-wm{font-weight: 700; font-size: 15px; letter-spacing: -0.01em;}
:is(#fs-header,#fs-app,#fs-footer,#fs-modal-root) .fs-btn-primary{display: inline-flex; align-items: center; gap: 7px; padding: 8px 14px; border-radius: 8px; border: 0; background: var(--text); color: var(--surface); font-size: 13px; font-weight: 500;}
:is(#fs-header,#fs-app,#fs-footer,#fs-modal-root) .fs-btn-primary:hover{background: #000;}
html[data-theme="dark"] :is(#fs-header,#fs-app,#fs-footer,#fs-modal-root) .fs-btn-primary{background: var(--surface); color: var(--text); border: 1px solid var(--border-strong);}
html[data-theme="dark"] :is(#fs-header,#fs-app,#fs-footer,#fs-modal-root) .fs-btn-primary:hover{background: #fff; color: #000;}
:is(#fs-header,#fs-app,#fs-footer,#fs-modal-root) .fs-btn-primary.fs-block{width: 100%; justify-content: center; padding: 11px 14px;}
:is(#fs-header,#fs-app,#fs-footer,#fs-modal-root) .fs-btn-ghost{display: inline-flex; align-items: center; gap: 6px; padding: 7px 11px; border-radius: 8px; border: 1px solid var(--border-strong); background: transparent; color: var(--text); font-size: 13px; font-weight: 500;}
:is(#fs-header,#fs-app,#fs-footer,#fs-modal-root) .fs-btn-ghost:hover{background: var(--surface-2);}
:is(#fs-header,#fs-app,#fs-footer,#fs-modal-root) .fs-icon-btn{padding: 7px 9px;}
:is(#fs-header,#fs-app,#fs-footer,#fs-modal-root) .fs-main{flex: 1; max-width: 1200px; margin: 0 auto; padding: 0 32px 48px; width: 100%; display: flex; flex-direction: column; gap: var(--gap-stack);}
:is(#fs-header,#fs-app,#fs-footer,#fs-modal-root) .fs-banner{border-bottom: 1px solid var(--border);}
:is(#fs-header,#fs-app,#fs-footer,#fs-modal-root) .fs-banner-inner{display: flex; align-items: center; justify-content: space-between; gap: 32px; max-width: 1200px; margin: 0 auto; padding: 40px 32px;}
:is(#fs-header,#fs-app,#fs-footer,#fs-modal-root) .fs-banner-l{display: flex; align-items: center; gap: 22px;}
:is(#fs-header,#fs-app,#fs-footer,#fs-modal-root) .fs-banner-icon{width: 56px; height: 56px; flex-shrink: 0; border-radius: 14px; display: flex; align-items: center; justify-content: center;}
:is(#fs-header,#fs-app,#fs-footer,#fs-modal-root) .fs-banner-ok{background: linear-gradient(180deg, var(--ok-bg) 0%, transparent 100%);}
:is(#fs-header,#fs-app,#fs-footer,#fs-modal-root) .fs-banner-ok    .fs-banner-icon{background: var(--ok); color: white;}
:is(#fs-header,#fs-app,#fs-footer,#fs-modal-root) .fs-banner-minor{background: linear-gradient(180deg, var(--minor-bg) 0%, transparent 100%);}
:is(#fs-header,#fs-app,#fs-footer,#fs-modal-root) .fs-banner-minor .fs-banner-icon{background: var(--minor); color: white;}
:is(#fs-header,#fs-app,#fs-footer,#fs-modal-root) .fs-banner-major{background: linear-gradient(180deg, var(--major-bg) 0%, transparent 100%);}
:is(#fs-header,#fs-app,#fs-footer,#fs-modal-root) .fs-banner-major .fs-banner-icon{background: var(--major); color: white;}
:is(#fs-header,#fs-app,#fs-footer,#fs-modal-root) .fs-banner-maint{background: linear-gradient(180deg, var(--maint-bg) 0%, transparent 100%);}
:is(#fs-header,#fs-app,#fs-footer,#fs-modal-root) .fs-banner-maint .fs-banner-icon{background: var(--maint); color: white;}
:is(#fs-header,#fs-app,#fs-footer,#fs-modal-root) .fs-eyebrow{font-size: 11px; font-weight: 600; letter-spacing: 0.08em; text-transform: uppercase; color: var(--text-3); margin-bottom: 4px;}
:is(#fs-header,#fs-app,#fs-footer,#fs-modal-root) .fs-banner-title{font-size: 30px; font-weight: 600; letter-spacing: -0.02em; margin: 0; line-height: 1.15;}
:is(#fs-header,#fs-app,#fs-footer,#fs-modal-root) .fs-banner-meta{display: flex; align-items: center; gap: 10px; margin-top: 10px; font-size: 13px; color: var(--text-2); font-variant-numeric: tabular-nums;}
:is(#fs-header,#fs-app,#fs-footer,#fs-modal-root) .fs-dot-sep{color: var(--text-3);}
:is(#fs-header,#fs-app,#fs-footer,#fs-modal-root) .fs-banner-r{display: flex; gap: 10px;}
:is(#fs-header,#fs-app,#fs-footer,#fs-modal-root) .fs-kpi{background: var(--surface); border: 1px solid var(--border); border-radius: 10px; padding: 14px 18px; min-width: 116px; box-shadow: var(--shadow-sm);}
:is(#fs-header,#fs-app,#fs-footer,#fs-modal-root) .fs-kpi-v{font-size: 22px; font-weight: 600; letter-spacing: -0.01em; font-variant-numeric: tabular-nums;}
:is(#fs-header,#fs-app,#fs-footer,#fs-modal-root) .fs-kpi-l{font-size: 11px; font-weight: 500; color: var(--text-3); text-transform: uppercase; letter-spacing: 0.06em; margin-top: 2px;}
:is(#fs-header,#fs-app,#fs-footer,#fs-modal-root) .fs-card{background: var(--surface); border: 1px solid var(--border); border-radius: var(--radius-lg); padding: var(--pad-card); box-shadow: var(--shadow-sm);}
:is(#fs-header,#fs-app,#fs-footer,#fs-modal-root) .fs-card-hd{display: flex; align-items: flex-start; justify-content: space-between; gap: 16px; margin-bottom: 18px;}
:is(#fs-header,#fs-app,#fs-footer,#fs-modal-root) .fs-card-title{margin: 0; font-size: 16px; font-weight: 600; letter-spacing: -0.005em;}
:is(#fs-header,#fs-app,#fs-footer,#fs-modal-root) .fs-card-sub{margin: 4px 0 0; font-size: 13px; color: var(--text-2);}
:is(#fs-header,#fs-app,#fs-footer,#fs-modal-root) .fs-card-link{font-size: 13px; font-weight: 500; color: var(--text-2);}
:is(#fs-header,#fs-app,#fs-footer,#fs-modal-root) .fs-card-link:hover{color: var(--text);}
:is(#fs-header,#fs-app,#fs-footer,#fs-modal-root) .fs-pip{display: inline-block; border-radius: 999px; flex-shrink: 0;}
:is(#fs-header,#fs-app,#fs-footer,#fs-modal-root) .fs-pip-ok{background: var(--ok);}
:is(#fs-header,#fs-app,#fs-footer,#fs-modal-root) .fs-pip-warn{background: var(--warn);}
:is(#fs-header,#fs-app,#fs-footer,#fs-modal-root) .fs-pip-minor{background: var(--minor);}
:is(#fs-header,#fs-app,#fs-footer,#fs-modal-root) .fs-pip-major{background: var(--major);}
:is(#fs-header,#fs-app,#fs-footer,#fs-modal-root) .fs-pip-maint{background: var(--maint);}
:is(#fs-header,#fs-app,#fs-footer,#fs-modal-root) .fs-bar{display: inline-block; border-radius: 2px;}
:is(#fs-header,#fs-app,#fs-footer,#fs-modal-root) .fs-bar-ok{background: var(--ok);}
:is(#fs-header,#fs-app,#fs-footer,#fs-modal-root) .fs-bar-warn{background: var(--warn);}
:is(#fs-header,#fs-app,#fs-footer,#fs-modal-root) .fs-bar-minor{background: var(--minor);}
:is(#fs-header,#fs-app,#fs-footer,#fs-modal-root) .fs-bar-major{background: var(--major);}
:is(#fs-header,#fs-app,#fs-footer,#fs-modal-root) .fs-bar-maint{background: var(--maint);}
:is(#fs-header,#fs-app,#fs-footer,#fs-modal-root) .fs-badge{display: inline-flex; align-items: center; gap: 6px; padding: 3px 9px; border-radius: 999px; font-size: 11.5px; font-weight: 600; letter-spacing: 0.01em;}
:is(#fs-header,#fs-app,#fs-footer,#fs-modal-root) .fs-badge-ok{background: var(--ok-bg); color: var(--ok);}
:is(#fs-header,#fs-app,#fs-footer,#fs-modal-root) .fs-badge-warn{background: var(--warn-bg); color: var(--warn);}
:is(#fs-header,#fs-app,#fs-footer,#fs-modal-root) .fs-badge-minor{background: var(--minor-bg); color: var(--minor);}
:is(#fs-header,#fs-app,#fs-footer,#fs-modal-root) .fs-badge-major{background: var(--major-bg); color: var(--major);}
:is(#fs-header,#fs-app,#fs-footer,#fs-modal-root) .fs-badge-maint{background: var(--maint-bg); color: var(--maint);}
:is(#fs-header,#fs-app,#fs-footer,#fs-modal-root) .fs-legend{display: flex; gap: 14px; flex-wrap: wrap; font-size: 11.5px; color: var(--text-2);}
:is(#fs-header,#fs-app,#fs-footer,#fs-modal-root) .fs-legend-item{display: inline-flex; align-items: center; gap: 6px;}
:is(#fs-header,#fs-app,#fs-footer,#fs-modal-root) .fs-comp-list{display: flex; flex-direction: column; gap: 6px;}
:is(#fs-header,#fs-app,#fs-footer,#fs-modal-root) .fs-comp-group{border: 1px solid var(--border); border-radius: 10px; overflow: hidden; transition: border-color 0.15s;}
:is(#fs-header,#fs-app,#fs-footer,#fs-modal-root) .fs-comp-group.fs-open{border-color: var(--border-strong);}
:is(#fs-header,#fs-app,#fs-footer,#fs-modal-root) .fs-comp-group.fs-comp-major{border-color: var(--major-bg);}
:is(#fs-header,#fs-app,#fs-footer,#fs-modal-root) .fs-comp-group.fs-comp-minor{border-color: var(--minor-bg);}
:is(#fs-header,#fs-app,#fs-footer,#fs-modal-root) .fs-comp-group.fs-comp-maint{border-color: var(--maint-bg);}
:is(#fs-header,#fs-app,#fs-footer,#fs-modal-root) .fs-comp-grp-row{display: flex; align-items: center; justify-content: space-between; width: 100%; padding: var(--pad-row) 16px; background: transparent; border: 0; text-align: left; min-height: var(--row-h);}
:is(#fs-header,#fs-app,#fs-footer,#fs-modal-root) .fs-comp-grp-row:hover{background: var(--surface-2);}
:is(#fs-header,#fs-app,#fs-footer,#fs-modal-root) .fs-comp-grp-l{display: flex; align-items: center; gap: 12px; min-width: 0;}
:is(#fs-header,#fs-app,#fs-footer,#fs-modal-root) .fs-comp-grp-name{min-width: 0;}
:is(#fs-header,#fs-app,#fs-footer,#fs-modal-root) .fs-comp-name{font-size: 14px; font-weight: 500; color: var(--text);}
:is(#fs-header,#fs-app,#fs-footer,#fs-modal-root) .fs-comp-desc{font-size: 12px; color: var(--text-3); margin-top: 1px;}
:is(#fs-header,#fs-app,#fs-footer,#fs-modal-root) .fs-comp-grp-r{display: flex; align-items: center; gap: 16px;}
:is(#fs-header,#fs-app,#fs-footer,#fs-modal-root) .fs-comp-grp-status{font-size: 12px; font-weight: 500; color: var(--text-2); min-width: 130px; text-align: right;}
:is(#fs-header,#fs-app,#fs-footer,#fs-modal-root) .fs-chev{color: var(--text-3); transition: transform 0.18s;}
:is(#fs-header,#fs-app,#fs-footer,#fs-modal-root) .fs-comp-children{border-top: 1px solid var(--border); background: var(--surface-2);}
:is(#fs-header,#fs-app,#fs-footer,#fs-modal-root) .fs-comp-region-block{padding: 4px 0;}
:is(#fs-header,#fs-app,#fs-footer,#fs-modal-root) .fs-region-label{font-size: 10.5px; font-weight: 600; text-transform: uppercase; letter-spacing: 0.06em; color: var(--text-3); padding: 10px 16px 4px 44px;}
:is(#fs-header,#fs-app,#fs-footer,#fs-modal-root) .fs-comp-row{display: flex; align-items: center; justify-content: space-between; padding: 9px 16px 9px 44px;}
:is(#fs-header,#fs-app,#fs-footer,#fs-modal-root) .fs-comp-row:hover{background: var(--surface);}
:is(#fs-header,#fs-app,#fs-footer,#fs-modal-root) .fs-comp-row-l{display: flex; align-items: center; gap: 10px;}
:is(#fs-header,#fs-app,#fs-footer,#fs-modal-root) .fs-comp-row-r{display: flex; align-items: center; gap: 14px;}
:is(#fs-header,#fs-app,#fs-footer,#fs-modal-root) .fs-comp-region{font-size: 11px; color: var(--text-3); background: var(--surface); padding: 2px 7px; border-radius: 4px; border: 1px solid var(--border);}
:is(#fs-header,#fs-app,#fs-footer,#fs-modal-root) .fs-comp-status{font-size: 12px; color: var(--text-2); min-width: 130px; text-align: right;}
:is(#fs-header,#fs-app,#fs-footer,#fs-modal-root) .fs-uptime-strip{display: flex; gap: 1.5px; width: 220px; height: 28px; align-items: stretch;}
:is(#fs-header,#fs-app,#fs-footer,#fs-modal-root) .fs-uptime-bar{flex: 1; min-width: 0; border-radius: 1.5px; background: var(--ok); transition: opacity 0.15s;}
:is(#fs-header,#fs-app,#fs-footer,#fs-modal-root) .fs-uptime-bar:hover{opacity: 0.7;}
:is(#fs-header,#fs-app,#fs-footer,#fs-modal-root) .fs-uptime-ok{background: var(--ok); opacity: 0.85;}
:is(#fs-header,#fs-app,#fs-footer,#fs-modal-root) .fs-uptime-warn{background: var(--warn);}
:is(#fs-header,#fs-app,#fs-footer,#fs-modal-root) .fs-uptime-minor{background: var(--minor);}
:is(#fs-header,#fs-app,#fs-footer,#fs-modal-root) .fs-uptime-major{background: var(--major);}
:is(#fs-header,#fs-app,#fs-footer,#fs-modal-root) .fs-uptime-maint{background: var(--maint);}
:is(#fs-header,#fs-app,#fs-footer,#fs-modal-root) .fs-map-wrap{position: relative; width: 100%; aspect-ratio: 2.67 / 1; overflow: hidden; margin-bottom: 16px; color: var(--text-3);}
:is(#fs-header,#fs-app,#fs-footer,#fs-modal-root) .fs-worldmap{position: absolute; inset: 0;}
:is(#fs-header,#fs-app,#fs-footer,#fs-modal-root) .fs-worldmap-svg{position: absolute; inset: 0; width: 100%; height: 100%; color: var(--text-3);}
:is(#fs-header,#fs-app,#fs-footer,#fs-modal-root) .fs-worldmap-land{opacity: 0.55;}
:is(#fs-header,#fs-app,#fs-footer,#fs-modal-root) .fs-pop{position: absolute; transform: translate(-50%, -50%); width: 14px; height: 14px; background: transparent; border: 0; padding: 0; display: flex; align-items: center; justify-content: center;}
:is(#fs-header,#fs-app,#fs-footer,#fs-modal-root) .fs-pop-dot{width: 8px; height: 8px; border-radius: 50%; background: var(--ok); box-shadow: 0 0 0 2px var(--surface-2), 0 0 0 3px rgba(0,0,0,0.06); position: relative; z-index: 2;}
:is(#fs-header,#fs-app,#fs-footer,#fs-modal-root) .fs-pop-pulse{position: absolute; inset: 0; border-radius: 50%; border: 2px solid var(--ok); opacity: 0;}
:is(#fs-header,#fs-app,#fs-footer,#fs-modal-root) .fs-pop-warn .fs-pop-dot{background: var(--warn);}
:is(#fs-header,#fs-app,#fs-footer,#fs-modal-root) .fs-pop-warn .fs-pop-pulse{border-color: var(--warn); animation: fs-pulse 1.8s infinite;}
:is(#fs-header,#fs-app,#fs-footer,#fs-modal-root) .fs-pop-minor .fs-pop-dot{background: var(--minor);}
:is(#fs-header,#fs-app,#fs-footer,#fs-modal-root) .fs-pop-minor .fs-pop-pulse{border-color: var(--minor); animation: fs-pulse 1.8s infinite;}
:is(#fs-header,#fs-app,#fs-footer,#fs-modal-root) .fs-pop-major .fs-pop-dot{background: var(--major);}
:is(#fs-header,#fs-app,#fs-footer,#fs-modal-root) .fs-pop-major .fs-pop-pulse{border-color: var(--major); animation: fs-pulse 1.4s infinite;}
:is(#fs-header,#fs-app,#fs-footer,#fs-modal-root) .fs-pop-maint .fs-pop-dot{background: var(--maint);}
:is(#fs-header,#fs-app,#fs-footer,#fs-modal-root) .fs-pop-maint .fs-pop-pulse{border-color: var(--maint); animation: fs-pulse 2s infinite;}
@keyframes fs-pulse {
  0%   { transform: scale(1); opacity: 0.7; }
  100% { transform: scale(2.4); opacity: 0; }
}
:is(#fs-header,#fs-app,#fs-footer,#fs-modal-root) .fs-pop-label{position: absolute; top: 14px; left: 50%; transform: translateX(-50%); font-size: 9.5px; font-weight: 600; letter-spacing: 0.04em; color: var(--text-2); background: var(--surface); padding: 1px 4px; border-radius: 3px; border: 1px solid var(--border); opacity: 0; transition: opacity 0.15s; white-space: nowrap; pointer-events: none;}
:is(#fs-header,#fs-app,#fs-footer,#fs-modal-root) .fs-pop:hover .fs-pop-label,:is(#fs-header,#fs-app,#fs-footer,#fs-modal-root) .fs-pop-sel .fs-pop-label{opacity: 1; z-index: 3;}
:is(#fs-header,#fs-app,#fs-footer,#fs-modal-root) .fs-pop-dim{opacity: 0.18; pointer-events: none;}
:is(#fs-header,#fs-app,#fs-footer,#fs-modal-root) .fs-pop-sel .fs-pop-dot{box-shadow: 0 0 0 2px var(--surface-2), 0 0 0 4px var(--text);}
:is(#fs-header,#fs-app,#fs-footer,#fs-modal-root) .fs-region-sum{display: flex; gap: 8px;}
:is(#fs-header,#fs-app,#fs-footer,#fs-modal-root) .fs-region-sum-pill{display: inline-flex; align-items: center; gap: 6px; font-size: 12px; font-weight: 500; padding: 4px 10px; border-radius: 999px; background: var(--surface-2); color: var(--text-2);}
:is(#fs-header,#fs-app,#fs-footer,#fs-modal-root) .fs-region-cols{display: grid; grid-template-columns: repeat(3, 1fr); gap: 12px; align-items: start;}
:is(#fs-header,#fs-app,#fs-footer,#fs-modal-root) .fs-region-col{border: 1px solid var(--border); border-radius: 10px; overflow: hidden;}
:is(#fs-header,#fs-app,#fs-footer,#fs-modal-root) .fs-region-col-hd{display: flex; align-items: center; justify-content: space-between; padding: 10px 14px; background: var(--surface-2); font-size: 12px; font-weight: 600; border-bottom: 1px solid var(--border);}
:is(#fs-header,#fs-app,#fs-footer,#fs-modal-root) .fs-region-name{letter-spacing: 0.02em;}
:is(#fs-header,#fs-app,#fs-footer,#fs-modal-root) .fs-region-count{color: var(--text-3); font-weight: 500;}
:is(#fs-header,#fs-app,#fs-footer,#fs-modal-root) .fs-region-pops{display: flex; flex-direction: column;}
:is(#fs-header,#fs-app,#fs-footer,#fs-modal-root) .fs-pop-row{display: flex; align-items: center; justify-content: space-between; padding: 8px 14px; background: transparent; border: 0; border-top: 1px solid var(--border); text-align: left; font-size: 12.5px;}
:is(#fs-header,#fs-app,#fs-footer,#fs-modal-root) .fs-pop-row:first-child{border-top: 0;}
:is(#fs-header,#fs-app,#fs-footer,#fs-modal-root) .fs-pop-row:hover{background: var(--surface-2);}
:is(#fs-header,#fs-app,#fs-footer,#fs-modal-root) .fs-pop-row.fs-sel{background: var(--surface-2);}
:is(#fs-header,#fs-app,#fs-footer,#fs-modal-root) .fs-pop-row-l{display: flex; align-items: center; gap: 10px;}
:is(#fs-header,#fs-app,#fs-footer,#fs-modal-root) .fs-pop-code{font-family: 'JetBrains Mono', ui-monospace, Menlo, monospace; font-size: 11px; font-weight: 600; color: var(--text-2); background: var(--surface-2); padding: 1px 5px; border-radius: 3px; letter-spacing: 0.04em;}
:is(#fs-header,#fs-app,#fs-footer,#fs-modal-root) .fs-pop-row:hover .fs-pop-code,:is(#fs-header,#fs-app,#fs-footer,#fs-modal-root) .fs-pop-row.fs-sel .fs-pop-code{background: var(--surface);}
:is(#fs-header,#fs-app,#fs-footer,#fs-modal-root) .fs-pop-city{color: var(--text);}
:is(#fs-header,#fs-app,#fs-footer,#fs-modal-root) .fs-pop-row-r{font-size: 11.5px; color: var(--text-3);}
:is(#fs-header,#fs-app,#fs-footer,#fs-modal-root) .fs-pop-row-warn .fs-pop-row-r,:is(#fs-header,#fs-app,#fs-footer,#fs-modal-root) .fs-pop-row-minor .fs-pop-row-r,:is(#fs-header,#fs-app,#fs-footer,#fs-modal-root) .fs-pop-row-major .fs-pop-row-r,:is(#fs-header,#fs-app,#fs-footer,#fs-modal-root) .fs-pop-row-maint .fs-pop-row-r{color: var(--text-2);}
:is(#fs-header,#fs-app,#fs-footer,#fs-modal-root) .fs-pop-caret{display: inline-flex; align-items: center; justify-content: center; width: 10px; height: 10px; color: var(--text-3); transition: transform 120ms ease;}
:is(#fs-header,#fs-app,#fs-footer,#fs-modal-root) .fs-pop-caret.fs-open{transform: rotate(90deg);}
:is(#fs-header,#fs-app,#fs-footer,#fs-modal-root) .fs-fac-list{display: flex; flex-direction: column; background: var(--surface-2); border-top: 1px solid var(--border);}
:is(#fs-header,#fs-app,#fs-footer,#fs-modal-root) .fs-fac-row{display: flex; align-items: center; justify-content: space-between; padding: 5px 14px 5px 36px; font-size: 11.5px; color: var(--text-2); border-top: 1px solid var(--border);}
:is(#fs-header,#fs-app,#fs-footer,#fs-modal-root) .fs-fac-row:first-child{border-top: 0;}
:is(#fs-header,#fs-app,#fs-footer,#fs-modal-root) .fs-fac-row-l{display: flex; align-items: center; gap: 8px;}
:is(#fs-header,#fs-app,#fs-footer,#fs-modal-root) .fs-fac-code{font-family: 'JetBrains Mono', ui-monospace, Menlo, monospace; font-size: 10.5px; font-weight: 600; color: var(--text-2); letter-spacing: 0.04em;}
:is(#fs-header,#fs-app,#fs-footer,#fs-modal-root) .fs-fac-row-r{font-size: 10.5px; color: var(--text-3);}
:is(#fs-header,#fs-app,#fs-footer,#fs-modal-root) .fs-fac-row-warn .fs-fac-row-r,:is(#fs-header,#fs-app,#fs-footer,#fs-modal-root) .fs-fac-row-minor .fs-fac-row-r,:is(#fs-header,#fs-app,#fs-footer,#fs-modal-root) .fs-fac-row-major .fs-fac-row-r,:is(#fs-header,#fs-app,#fs-footer,#fs-modal-root) .fs-fac-row-maint .fs-fac-row-r{color: var(--text-2);}
:is(#fs-header,#fs-app,#fs-footer,#fs-modal-root) .fs-region-sub{border-top: 1px solid var(--border); background: var(--surface-2);}
:is(#fs-header,#fs-app,#fs-footer,#fs-modal-root) .fs-region-sub-hd{display: flex; align-items: center; justify-content: space-between; padding: 7px 14px; font-size: 11px; font-weight: 600; text-transform: uppercase; letter-spacing: 0.06em; color: var(--text-3); border-bottom: 1px solid var(--border);}
:is(#fs-header,#fs-app,#fs-footer,#fs-modal-root) .fs-region-sub .fs-region-pops{background: var(--surface);}
:is(#fs-header,#fs-app,#fs-footer,#fs-modal-root) .fs-region-sub-name{color: var(--text-2);}
:is(#fs-header,#fs-app,#fs-footer,#fs-modal-root) .fs-empty-card{display: flex; align-items: center; gap: 16px; margin-top: 16px;}
:is(#fs-header,#fs-app,#fs-footer,#fs-modal-root) .fs-empty-icon{width: 40px; height: 40px; border-radius: 10px; background: var(--ok-bg); color: var(--ok); display: flex; align-items: center; justify-content: center; flex-shrink: 0;}
:is(#fs-header,#fs-app,#fs-footer,#fs-modal-root) .fs-empty-title{font-size: 15px; font-weight: 600;}
:is(#fs-header,#fs-app,#fs-footer,#fs-modal-root) .fs-empty-sub{font-size: 13px; color: var(--text-2); margin-top: 2px;}
:is(#fs-header,#fs-app,#fs-footer,#fs-modal-root) .fs-inc-list{display: flex; flex-direction: column; gap: 10px;}
:is(#fs-header,#fs-app,#fs-footer,#fs-modal-root) .fs-incident{display: flex; background: var(--surface); border: 1px solid var(--border); border-radius: 10px; overflow: hidden;}
:is(#fs-header,#fs-app,#fs-footer,#fs-modal-root) .fs-incident-major{border-color: rgba(181,32,26,0.2);}
:is(#fs-header,#fs-app,#fs-footer,#fs-modal-root) .fs-incident-minor{border-color: rgba(196,90,18,0.2);}
:is(#fs-header,#fs-app,#fs-footer,#fs-modal-root) .fs-incident-maint{border-color: rgba(45,107,179,0.2);}
:is(#fs-header,#fs-app,#fs-footer,#fs-modal-root) .fs-inc-stripe{width: 4px; flex-shrink: 0;}
:is(#fs-header,#fs-app,#fs-footer,#fs-modal-root) .fs-inc-stripe-ok{background: var(--ok);}
:is(#fs-header,#fs-app,#fs-footer,#fs-modal-root) .fs-inc-stripe-warn{background: var(--warn);}
:is(#fs-header,#fs-app,#fs-footer,#fs-modal-root) .fs-inc-stripe-minor{background: var(--minor);}
:is(#fs-header,#fs-app,#fs-footer,#fs-modal-root) .fs-inc-stripe-major{background: var(--major);}
:is(#fs-header,#fs-app,#fs-footer,#fs-modal-root) .fs-inc-stripe-maint{background: var(--maint);}
:is(#fs-header,#fs-app,#fs-footer,#fs-modal-root) .fs-inc-body{padding: 16px 18px; flex: 1;}
:is(#fs-header,#fs-app,#fs-footer,#fs-modal-root) .fs-inc-top{display: flex; align-items: center; justify-content: space-between; gap: 12px;}
:is(#fs-header,#fs-app,#fs-footer,#fs-modal-root) .fs-inc-top-l{display: flex; align-items: center; gap: 8px;}
:is(#fs-header,#fs-app,#fs-footer,#fs-modal-root) .fs-inc-status{font-size: 11.5px; font-weight: 600; color: var(--text-2); background: var(--surface-2); padding: 3px 8px; border-radius: 999px;}
:is(#fs-header,#fs-app,#fs-footer,#fs-modal-root) .fs-inc-status-investigating{color: var(--major); background: var(--major-bg);}
:is(#fs-header,#fs-app,#fs-footer,#fs-modal-root) .fs-inc-status-identified{color: var(--minor); background: var(--minor-bg);}
:is(#fs-header,#fs-app,#fs-footer,#fs-modal-root) .fs-inc-status-monitoring{color: var(--warn); background: var(--warn-bg);}
:is(#fs-header,#fs-app,#fs-footer,#fs-modal-root) .fs-inc-status-in_progress{color: var(--maint); background: var(--maint-bg);}
:is(#fs-header,#fs-app,#fs-footer,#fs-modal-root) .fs-inc-time{font-size: 12px; color: var(--text-3); font-variant-numeric: tabular-nums;}
:is(#fs-header,#fs-app,#fs-footer,#fs-modal-root) .fs-inc-name{margin: 10px 0 12px; font-size: 17px; font-weight: 600; letter-spacing: -0.01em; line-height: 1.3;}
:is(#fs-header,#fs-app,#fs-footer,#fs-modal-root) .fs-inc-affected{display: flex; flex-wrap: wrap; gap: 6px; align-items: center; margin-bottom: 14px;}
:is(#fs-header,#fs-app,#fs-footer,#fs-modal-root) .fs-inc-affected-lbl{font-size: 11px; font-weight: 600; text-transform: uppercase; letter-spacing: 0.06em; color: var(--text-3); margin-right: 4px; line-height: 22px;}
:is(#fs-header,#fs-app,#fs-footer,#fs-modal-root) .fs-affected-chip{font-size: 11.5px; line-height: 16px; color: var(--text-2); background: var(--surface-2); padding: 2px 8px; border-radius: 5px; border: 1px solid var(--border);}
:is(#fs-header,#fs-app,#fs-footer,#fs-modal-root) .fs-inc-update{background: var(--surface-2); border-radius: 8px; padding: 12px 14px; border-left: 3px solid var(--border-strong);}
:is(#fs-header,#fs-app,#fs-footer,#fs-modal-root) .fs-inc-update-hd{display: flex; align-items: center; justify-content: space-between; gap: 10px; margin-bottom: 5px; font-size: 12px;}
:is(#fs-header,#fs-app,#fs-footer,#fs-modal-root) .fs-inc-update-hd strong{font-weight: 600;}
:is(#fs-header,#fs-app,#fs-footer,#fs-modal-root) .fs-inc-update-hd span{color: var(--text-3); font-variant-numeric: tabular-nums;}
:is(#fs-header,#fs-app,#fs-footer,#fs-modal-root) .fs-inc-update-body{margin: 0; font-size: 13px; color: var(--text-2); line-height: 1.55;}
:is(#fs-header,#fs-app,#fs-footer,#fs-modal-root) .fs-inc-actions{margin-top: 12px; display: flex;}
:is(#fs-header,#fs-app,#fs-footer,#fs-modal-root) .fs-inc-actions .fs-btn-ghost svg{transition: transform 0.15s;}
:is(#fs-header,#fs-app,#fs-footer,#fs-modal-root) .fs-inc-actions .fs-btn-ghost:hover svg{transform: translateX(2px);}
:is(#fs-header,#fs-app,#fs-footer,#fs-modal-root) .fs-maint-list{display: flex; flex-direction: column; gap: 12px;}
:is(#fs-header,#fs-app,#fs-footer,#fs-modal-root) .fs-maint{display: grid; grid-template-columns: 220px 1fr; gap: 24px; padding: 16px 18px; background: var(--surface); border: 1px solid var(--border); border-radius: 10px;}
:is(#fs-header,#fs-app,#fs-footer,#fs-modal-root) .fs-maint-when{border-right: 1px solid var(--border); padding-right: 24px;}
:is(#fs-header,#fs-app,#fs-footer,#fs-modal-root) .fs-maint-rel{font-size: 13px; font-weight: 600; color: var(--maint);}
:is(#fs-header,#fs-app,#fs-footer,#fs-modal-root) .fs-maint-date{font-size: 12.5px; color: var(--text-2); margin-top: 4px; font-variant-numeric: tabular-nums;}
:is(#fs-header,#fs-app,#fs-footer,#fs-modal-root) .fs-maint-dur{font-size: 11.5px; color: var(--text-3); margin-top: 6px;}
:is(#fs-header,#fs-app,#fs-footer,#fs-modal-root) .fs-maint-name{margin: 0 0 10px; font-size: 15px; font-weight: 600;}
:is(#fs-header,#fs-app,#fs-footer,#fs-modal-root) .fs-maint-desc{margin: 0; padding-top: 12px; border-top: 1px solid var(--border); font-size: 13px; color: var(--text-2);}
:is(#fs-header,#fs-app,#fs-footer,#fs-modal-root) .fs-maint-body .fs-inc-affected{margin-bottom: 12px;}
:is(#fs-header,#fs-app,#fs-footer,#fs-modal-root) .fs-perf-tabs{display: flex; gap: 2px; padding: 2px; background: var(--surface-2); border-radius: 8px;}
:is(#fs-header,#fs-app,#fs-footer,#fs-modal-root) .fs-perf-tab{border: 0; background: transparent; padding: 4px 10px; border-radius: 6px; font-size: 12px; font-weight: 500; color: var(--text-2);}
:is(#fs-header,#fs-app,#fs-footer,#fs-modal-root) .fs-perf-tab.fs-active{background: var(--surface); color: var(--text); box-shadow: var(--shadow-sm);}
:is(#fs-header,#fs-app,#fs-footer,#fs-modal-root) .fs-perf-grid{display: grid; grid-template-columns: repeat(2, 1fr); gap: 12px;}
:is(#fs-header,#fs-app,#fs-footer,#fs-modal-root) .fs-perf-tile{border: 1px solid var(--border); border-radius: 10px; padding: 14px 16px;}
:is(#fs-header,#fs-app,#fs-footer,#fs-modal-root) .fs-perf-lbl{font-size: 12px; color: var(--text-2); font-weight: 500;}
:is(#fs-header,#fs-app,#fs-footer,#fs-modal-root) .fs-perf-val{display: flex; align-items: baseline; gap: 6px; margin: 6px 0 8px;}
:is(#fs-header,#fs-app,#fs-footer,#fs-modal-root) .fs-perf-num{font-size: 26px; font-weight: 600; letter-spacing: -0.01em; font-variant-numeric: tabular-nums;}
:is(#fs-header,#fs-app,#fs-footer,#fs-modal-root) .fs-perf-unit{font-size: 13px; color: var(--text-3);}
:is(#fs-header,#fs-app,#fs-footer,#fs-modal-root) .fs-perf-delta{font-size: 11.5px; font-weight: 600; padding: 1px 6px; border-radius: 4px; font-variant-numeric: tabular-nums; margin-left: auto;}
:is(#fs-header,#fs-app,#fs-footer,#fs-modal-root) .fs-perf-delta.fs-up{color: var(--minor); background: var(--minor-bg);}
:is(#fs-header,#fs-app,#fs-footer,#fs-modal-root) .fs-perf-delta.fs-down{color: var(--ok); background: var(--ok-bg);}
:is(#fs-header,#fs-app,#fs-footer,#fs-modal-root) .fs-perf-spark{color: var(--accent);}
:is(#fs-header,#fs-app,#fs-footer,#fs-modal-root) .fs-history-list{display: flex; flex-direction: column;}
:is(#fs-header,#fs-app,#fs-footer,#fs-modal-root) .fs-history-row{display: grid; grid-template-columns: 110px 1fr 110px; gap: 18px; padding: 14px 0; border-top: 1px solid var(--border);}
:is(#fs-header,#fs-app,#fs-footer,#fs-modal-root) .fs-history-row:first-child{border-top: 0; padding-top: 0;}
:is(#fs-header,#fs-app,#fs-footer,#fs-modal-root) .fs-history-date{font-size: 12px; color: var(--text-3); font-variant-numeric: tabular-nums; padding-top: 2px;}
:is(#fs-header,#fs-app,#fs-footer,#fs-modal-root) .fs-history-top{display: flex; align-items: center; gap: 10px; margin-bottom: 4px;}
:is(#fs-header,#fs-app,#fs-footer,#fs-modal-root) .fs-history-name{font-size: 14px; font-weight: 500;}
:is(#fs-header,#fs-app,#fs-footer,#fs-modal-root) .fs-history-summary{margin: 0; font-size: 12.5px; color: var(--text-2); line-height: 1.5;}
:is(#fs-header,#fs-app,#fs-footer,#fs-modal-root) .fs-history-meta{text-align: right; padding-top: 2px;}
:is(#fs-header,#fs-app,#fs-footer,#fs-modal-root) .fs-history-dur{display: block; font-size: 12px; font-weight: 500; color: var(--text-2); font-variant-numeric: tabular-nums;}
:is(#fs-header,#fs-app,#fs-footer,#fs-modal-root) .fs-history-resolved{font-size: 11px; color: var(--ok); font-weight: 600; text-transform: uppercase; letter-spacing: 0.05em;}
:is(#fs-header,#fs-app,#fs-footer,#fs-modal-root) .fs-ftr{margin-top: 32px; border-top: 1px solid var(--border); background: var(--surface);}
:is(#fs-header,#fs-app,#fs-footer,#fs-modal-root) .fs-ftr-inner{display: flex; justify-content: space-between; gap: 48px; max-width: 1200px; margin: 0 auto; padding: 36px 32px;}
:is(#fs-header,#fs-app,#fs-footer,#fs-modal-root) .fs-ftr-l{max-width: 260px;}
:is(#fs-header,#fs-app,#fs-footer,#fs-modal-root) .fs-ftr-meta{font-size: 12.5px; color: var(--text-2); margin-top: 14px; line-height: 1.55;}
:is(#fs-header,#fs-app,#fs-footer,#fs-modal-root) .fs-ftr-r{display: grid; grid-template-columns: repeat(3, auto); gap: 56px;}
:is(#fs-header,#fs-app,#fs-footer,#fs-modal-root) .fs-ftr-col{display: flex; flex-direction: column; gap: 8px; align-items: flex-start;}
:is(#fs-header,#fs-app,#fs-footer,#fs-modal-root) .fs-ftr-col-hd{font-size: 11px; font-weight: 600; text-transform: uppercase; letter-spacing: 0.06em; color: var(--text-3); margin-bottom: 4px;}
:is(#fs-header,#fs-app,#fs-footer,#fs-modal-root) .fs-ftr-link{background: transparent; border: 0; padding: 0; font-size: 13px; color: var(--text-2); cursor: pointer; text-align: left;}
:is(#fs-header,#fs-app,#fs-footer,#fs-modal-root) .fs-ftr-link:hover{color: var(--text);}
:is(#fs-header,#fs-app,#fs-footer,#fs-modal-root) .fs-ftr-bottom{border-top: 1px solid var(--border); padding: 16px 32px; display: flex; justify-content: space-between; font-size: 11.5px; color: var(--text-3); max-width: 1200px; margin: 0 auto;}
:is(#fs-header,#fs-app,#fs-footer,#fs-modal-root) .fs-modal-backdrop{position: fixed; inset: 0; background: rgba(15,15,15,0.45); backdrop-filter: blur(4px); display: flex; align-items: center; justify-content: center; z-index: 100; padding: 24px; animation: fs-fadeIn 0.15s;}
@keyframes fs-fadeIn { from { opacity: 0; } to { opacity: 1; } }
:is(#fs-header,#fs-app,#fs-footer,#fs-modal-root) .fs-modal{background: var(--surface); border-radius: 14px; width: 100%; max-height: calc(100vh - 48px); display: flex; flex-direction: column; box-shadow: 0 20px 50px rgba(0,0,0,0.25), 0 0 0 1px var(--border); overflow: hidden;}
:is(#fs-header,#fs-app,#fs-footer,#fs-modal-root) .fs-modal-hd{display: flex; justify-content: space-between; align-items: flex-start; padding: 22px 24px 16px; gap: 16px;}
:is(#fs-header,#fs-app,#fs-footer,#fs-modal-root) .fs-modal-title{margin: 0; font-size: 18px; font-weight: 600; letter-spacing: -0.01em;}
:is(#fs-header,#fs-app,#fs-footer,#fs-modal-root) .fs-modal-sub{margin: 4px 0 0; font-size: 13px; color: var(--text-2);}
:is(#fs-header,#fs-app,#fs-footer,#fs-modal-root) .fs-modal-x{background: transparent; border: 0; width: 28px; height: 28px; border-radius: 7px; color: var(--text-3); font-size: 14px;}
:is(#fs-header,#fs-app,#fs-footer,#fs-modal-root) .fs-modal-x:hover{background: var(--surface-2); color: var(--text);}
:is(#fs-header,#fs-app,#fs-footer,#fs-modal-root) .fs-modal-body{padding: 0 24px 24px; overflow-y: auto;}
:is(#fs-header,#fs-app,#fs-footer,#fs-modal-root) .fs-modal-ft{display: flex; justify-content: flex-end; gap: 8px; padding: 16px 24px; border-top: 1px solid var(--border); background: var(--surface-2);}
:is(#fs-header,#fs-app,#fs-footer,#fs-modal-root) .fs-sub-tabs{display: flex; gap: 2px; padding: 0 24px; border-bottom: 1px solid var(--border);}
:is(#fs-header,#fs-app,#fs-footer,#fs-modal-root) .fs-sub-tab{display: inline-flex; align-items: center; gap: 7px; padding: 10px 14px; background: transparent; border: 0; font-size: 13px; font-weight: 500; color: var(--text-2); border-bottom: 2px solid transparent; margin-bottom: -1px;}
:is(#fs-header,#fs-app,#fs-footer,#fs-modal-root) .fs-sub-tab:hover{color: var(--text);}
:is(#fs-header,#fs-app,#fs-footer,#fs-modal-root) .fs-sub-tab.fs-active{color: var(--text); border-bottom-color: var(--brand);}
:is(#fs-header,#fs-app,#fs-footer,#fs-modal-root) .fs-sub-tab-icon{width: 18px; height: 18px; border-radius: 4px; display: inline-flex; align-items: center; justify-content: center; background: var(--surface-2); font-size: 11px;}
:is(#fs-header,#fs-app,#fs-footer,#fs-modal-root) .fs-sub-tab.fs-active .fs-sub-tab-icon{background: var(--major-bg); color: var(--brand);}
:is(#fs-header,#fs-app,#fs-footer,#fs-modal-root) .fs-field-lbl{display: block; font-size: 12px; font-weight: 600; color: var(--text-2); margin: 16px 0 6px;}
:is(#fs-header,#fs-app,#fs-footer,#fs-modal-root) .fs-field{width: 100%; padding: 10px 12px; border: 1px solid var(--border-strong); background: var(--surface); color: var(--text); border-radius: 8px; font: inherit; outline: none;}
:is(#fs-header,#fs-app,#fs-footer,#fs-modal-root) .fs-field:focus{border-color: var(--text);}
:is(#fs-header,#fs-app,#fs-footer,#fs-modal-root) .fs-field-help{font-size: 12px; color: var(--text-3); margin: 6px 0 16px;}
:is(#fs-header,#fs-app,#fs-footer,#fs-modal-root) .fs-scope{margin-top: 18px;}
:is(#fs-header,#fs-app,#fs-footer,#fs-modal-root) .fs-scope-hd{font-size: 12px; font-weight: 600; color: var(--text-2); margin-bottom: 8px;}
:is(#fs-header,#fs-app,#fs-footer,#fs-modal-root) .fs-scope-row{display: flex; align-items: center; gap: 9px; padding: 8px 10px; border-radius: 7px; font-size: 13px; cursor: pointer;}
:is(#fs-header,#fs-app,#fs-footer,#fs-modal-root) .fs-scope-row:hover{background: var(--surface-2);}
:is(#fs-header,#fs-app,#fs-footer,#fs-modal-root) .fs-scope-list{margin: 4px 0 16px 8px; padding-left: 12px; border-left: 1px solid var(--border);}
:is(#fs-header,#fs-app,#fs-footer,#fs-modal-root) .fs-sub-webhook{display: flex; flex-direction: column; gap: 8px; padding-top: 18px;}
:is(#fs-header,#fs-app,#fs-footer,#fs-modal-root) .fs-webhook-btn{display: flex; align-items: center; gap: 12px; padding: 12px 14px; background: var(--surface); border: 1px solid var(--border-strong); border-radius: 8px; text-align: left; width: 100%;}
:is(#fs-header,#fs-app,#fs-footer,#fs-modal-root) .fs-webhook-btn:hover{background: var(--surface-2);}
:is(#fs-header,#fs-app,#fs-footer,#fs-modal-root) .fs-webhook-btn strong{display: block; font-size: 13.5px; font-weight: 600;}
:is(#fs-header,#fs-app,#fs-footer,#fs-modal-root) .fs-webhook-btn span{font-size: 12px; color: var(--text-2);}
:is(#fs-header,#fs-app,#fs-footer,#fs-modal-root) .fs-webhook-mark{width: 28px; height: 28px; border-radius: 6px; flex-shrink: 0;}
:is(#fs-header,#fs-app,#fs-footer,#fs-modal-root) .fs-webhook-mark.fs-slack{background: linear-gradient(135deg, #4A154B, #ECB22E);}
:is(#fs-header,#fs-app,#fs-footer,#fs-modal-root) .fs-webhook-mark.fs-teams{background: linear-gradient(135deg, #4B53BC, #6264A7);}
:is(#fs-header,#fs-app,#fs-footer,#fs-modal-root) .fs-webhook-mark.fs-webhook{background: var(--text);}
:is(#fs-header,#fs-app,#fs-footer,#fs-modal-root) .fs-sub-rss{display: flex; flex-direction: column; gap: 8px; padding-top: 18px;}
:is(#fs-header,#fs-app,#fs-footer,#fs-modal-root) .fs-feed-row{display: flex; justify-content: space-between; align-items: center; padding: 12px 14px; border: 1px solid var(--border); border-radius: 8px; gap: 16px;}
:is(#fs-header,#fs-app,#fs-footer,#fs-modal-root) .fs-feed-lbl{font-size: 13px; font-weight: 500;}
:is(#fs-header,#fs-app,#fs-footer,#fs-modal-root) .fs-feed-url{font-family: 'JetBrains Mono', ui-monospace, monospace; font-size: 11.5px; color: var(--text-3); margin-top: 2px;}
:is(#fs-header,#fs-app,#fs-footer,#fs-modal-root) .fs-sub-success{padding: 16px 0 8px; text-align: center;}
:is(#fs-header,#fs-app,#fs-footer,#fs-modal-root) .fs-sub-success-icon{width: 44px; height: 44px; border-radius: 50%; background: var(--ok-bg); color: var(--ok); display: inline-flex; align-items: center; justify-content: center; margin-bottom: 14px;}
:is(#fs-header,#fs-app,#fs-footer,#fs-modal-root) .fs-sub-success h3{margin: 0 0 6px; font-size: 17px; font-weight: 600;}
:is(#fs-header,#fs-app,#fs-footer,#fs-modal-root) .fs-sub-success p{margin: 0 0 18px; font-size: 13px; color: var(--text-2);}
:is(#fs-header,#fs-app,#fs-footer,#fs-modal-root) .fs-inc-detail-hd-l{display: flex; align-items: center; gap: 10px; flex-wrap: wrap;}
:is(#fs-header,#fs-app,#fs-footer,#fs-modal-root) .fs-inc-detail-meta{display: grid; grid-template-columns: repeat(4, 1fr); gap: 12px; padding: 0 24px 16px;}
:is(#fs-header,#fs-app,#fs-footer,#fs-modal-root) .fs-metric{border: 1px solid var(--border); border-radius: 8px; padding: 9px 12px;}
:is(#fs-header,#fs-app,#fs-footer,#fs-modal-root) .fs-metric-l{font-size: 10.5px; font-weight: 600; text-transform: uppercase; letter-spacing: 0.06em; color: var(--text-3);}
:is(#fs-header,#fs-app,#fs-footer,#fs-modal-root) .fs-metric-v{font-size: 13px; font-weight: 500; margin-top: 4px; font-variant-numeric: tabular-nums;}
:is(#fs-header,#fs-app,#fs-footer,#fs-modal-root) .fs-inc-detail-affected{display: flex; flex-wrap: wrap; gap: 6px; align-items: center; padding: 0 24px 16px;}
:is(#fs-header,#fs-app,#fs-footer,#fs-modal-root) .fs-timeline-hd{font-size: 13px; font-weight: 600; color: var(--text-2); margin: 0 0 14px; text-transform: uppercase; letter-spacing: 0.06em;}
:is(#fs-header,#fs-app,#fs-footer,#fs-modal-root) .fs-timeline{list-style: none; margin: 0; padding: 0; position: relative;}
:is(#fs-header,#fs-app,#fs-footer,#fs-modal-root) .fs-timeline::before{content: ''; position: absolute; left: 5px; top: 8px; bottom: 8px; width: 1px; background: var(--border-strong);}
:is(#fs-header,#fs-app,#fs-footer,#fs-modal-root) .fs-tl-item{position: relative; padding-left: 22px; padding-bottom: 18px;}
:is(#fs-header,#fs-app,#fs-footer,#fs-modal-root) .fs-tl-item:last-child{padding-bottom: 0;}
:is(#fs-header,#fs-app,#fs-footer,#fs-modal-root) .fs-tl-dot{position: absolute; left: 0; top: 6px; width: 11px; height: 11px; border-radius: 50%; background: var(--surface); border: 2px solid var(--text-3);}
:is(#fs-header,#fs-app,#fs-footer,#fs-modal-root) .fs-tl-investigating .fs-tl-dot{border-color: var(--major);}
:is(#fs-header,#fs-app,#fs-footer,#fs-modal-root) .fs-tl-identified .fs-tl-dot{border-color: var(--minor);}
:is(#fs-header,#fs-app,#fs-footer,#fs-modal-root) .fs-tl-monitoring .fs-tl-dot{border-color: var(--warn);}
:is(#fs-header,#fs-app,#fs-footer,#fs-modal-root) .fs-tl-resolved .fs-tl-dot{border-color: var(--ok); background: var(--ok);}
:is(#fs-header,#fs-app,#fs-footer,#fs-modal-root) .fs-tl-in_progress .fs-tl-dot{border-color: var(--maint);}
:is(#fs-header,#fs-app,#fs-footer,#fs-modal-root) .fs-tl-scheduled .fs-tl-dot{border-color: var(--text-3);}
:is(#fs-header,#fs-app,#fs-footer,#fs-modal-root) .fs-tl-body strong{font-size: 13px;}
:is(#fs-header,#fs-app,#fs-footer,#fs-modal-root) .fs-tl-top{display: flex; align-items: baseline; justify-content: space-between; gap: 12px; margin-bottom: 4px;}
:is(#fs-header,#fs-app,#fs-footer,#fs-modal-root) .fs-tl-time{font-size: 11.5px; color: var(--text-3); font-variant-numeric: tabular-nums;}
:is(#fs-header,#fs-app,#fs-footer,#fs-modal-root) .fs-tl-body p{margin: 0; font-size: 13px; color: var(--text-2); line-height: 1.55;}
:is(#fs-header,#fs-app,#fs-footer,#fs-modal-root) .fs-inc-update-body,:is(#fs-header,#fs-app,#fs-footer,#fs-modal-root) .fs-maint-desc,:is(#fs-header,#fs-app,#fs-footer,#fs-modal-root) .fs-tl-body p,:is(#fs-header,#fs-app,#fs-footer,#fs-modal-root) .fs-history-summary{white-space: pre-line; overflow-wrap: anywhere;}
:is(#fs-header,#fs-app,#fs-footer,#fs-modal-root) .fs-mock-tag{display: inline-block; vertical-align: middle; margin-left: 8px; font-size: 10.5px; font-weight: 600; letter-spacing: 0.04em; text-transform: uppercase; color: var(--warn); background: var(--warn-bg); border: 1px dashed currentColor; padding: 1px 7px; border-radius: 4px;}
@media (max-width: 960px){:is(#fs-header,#fs-app,#fs-footer,#fs-modal-root) .fs-main{padding: 0 20px 36px;}
:is(#fs-header,#fs-app,#fs-footer,#fs-modal-root) .fs-banner-inner{flex-direction: column; align-items: flex-start; padding: 32px 20px;}
:is(#fs-header,#fs-app,#fs-footer,#fs-modal-root) .fs-banner-r{width: 100%;}
:is(#fs-header,#fs-app,#fs-footer,#fs-modal-root) .fs-banner-title{font-size: 26px;}
:is(#fs-header,#fs-app,#fs-footer,#fs-modal-root) .fs-hdr{padding: 12px 20px;}
:is(#fs-header,#fs-app,#fs-footer,#fs-modal-root) .fs-region-cols{grid-template-columns: 1fr 1fr;}
:is(#fs-header,#fs-app,#fs-footer,#fs-modal-root) .fs-perf-grid{grid-template-columns: 1fr 1fr;}
:is(#fs-header,#fs-app,#fs-footer,#fs-modal-root) .fs-ftr-inner{padding: 28px 20px; flex-direction: column; gap: 28px;}
:is(#fs-header,#fs-app,#fs-footer,#fs-modal-root) .fs-ftr-r{grid-template-columns: 1fr 1fr; gap: 24px;}
:is(#fs-header,#fs-app,#fs-footer,#fs-modal-root) .fs-ftr-bottom{padding: 14px 20px;}
:is(#fs-header,#fs-app,#fs-footer,#fs-modal-root) .fs-inc-detail-meta{grid-template-columns: 1fr 1fr;}
:is(#fs-header,#fs-app,#fs-footer,#fs-modal-root) .fs-uptime-strip{width: 160px;}
:is(#fs-header,#fs-app,#fs-footer,#fs-modal-root) .fs-comp-grp-status{min-width: 110px; font-size: 11.5px;}
}
@media (max-width: 640px){:is(#fs-header,#fs-app,#fs-footer,#fs-modal-root){font-size: 13.5px;}
:is(#fs-header,#fs-app,#fs-footer,#fs-modal-root) .fs-main{padding: 0 14px 28px; gap: 14px;}
:is(#fs-header,#fs-app,#fs-footer,#fs-modal-root) .fs-hdr{padding: 10px 14px; gap: 8px;}
:is(#fs-header,#fs-app,#fs-footer,#fs-modal-root) .fs-hdr-l{gap: 10px;}
:is(#fs-header,#fs-app,#fs-footer,#fs-modal-root) .fs-hdr-divider{display: none;}
:is(#fs-header,#fs-app,#fs-footer,#fs-modal-root) .fs-hdr-title{display: none;}
:is(#fs-header,#fs-app,#fs-footer,#fs-modal-root) .fs-hdr-link{display: none;}
:is(#fs-header,#fs-app,#fs-footer,#fs-modal-root) .fs-hdr-r{gap: 4px;}
:is(#fs-header,#fs-app,#fs-footer,#fs-modal-root) .fs-btn-primary{padding: 7px 11px; font-size: 12.5px;}
:is(#fs-header,#fs-app,#fs-footer,#fs-modal-root) .fs-btn-primary svg{display: none;}
:is(#fs-header,#fs-app,#fs-footer,#fs-modal-root) .fs-logo-wm{font-size: 14px;}
:is(#fs-header,#fs-app,#fs-footer,#fs-modal-root) .fs-banner-inner{padding: 24px 14px; gap: 18px;}
:is(#fs-header,#fs-app,#fs-footer,#fs-modal-root) .fs-banner-l{gap: 14px; align-items: flex-start;}
:is(#fs-header,#fs-app,#fs-footer,#fs-modal-root) .fs-banner-icon{width: 44px; height: 44px; border-radius: 10px;}
:is(#fs-header,#fs-app,#fs-footer,#fs-modal-root) .fs-banner-icon svg{width: 22px; height: 22px;}
:is(#fs-header,#fs-app,#fs-footer,#fs-modal-root) .fs-banner-title{font-size: 22px; line-height: 1.2;}
:is(#fs-header,#fs-app,#fs-footer,#fs-modal-root) .fs-banner-meta{flex-wrap: wrap; gap: 6px; font-size: 12px;}
:is(#fs-header,#fs-app,#fs-footer,#fs-modal-root) .fs-banner-r{display: grid; grid-template-columns: repeat(auto-fit, minmax(140px, 1fr)); gap: 8px; width: 100%;}
:is(#fs-header,#fs-app,#fs-footer,#fs-modal-root) .fs-kpi{padding: 10px 12px; min-width: 0;}
:is(#fs-header,#fs-app,#fs-footer,#fs-modal-root) .fs-kpi-v{font-size: 18px;}
:is(#fs-header,#fs-app,#fs-footer,#fs-modal-root) .fs-kpi-l{font-size: 10px;}
:is(#fs-header,#fs-app,#fs-footer,#fs-modal-root) .fs-card{padding: 16px; border-radius: 12px;}
:is(#fs-header,#fs-app,#fs-footer,#fs-modal-root) .fs-card-hd{flex-direction: column; align-items: stretch; gap: 10px; margin-bottom: 14px;}
:is(#fs-header,#fs-app,#fs-footer,#fs-modal-root) .fs-card-title{font-size: 15px;}
:is(#fs-header,#fs-app,#fs-footer,#fs-modal-root) .fs-card-sub{font-size: 12.5px;}
:is(#fs-header,#fs-app,#fs-footer,#fs-modal-root) .fs-legend{gap: 10px 12px; font-size: 11px;}
:is(#fs-header,#fs-app,#fs-footer,#fs-modal-root) .fs-comp-grp-row{padding: 12px 12px; min-height: 0;}
:is(#fs-header,#fs-app,#fs-footer,#fs-modal-root) .fs-comp-grp-l{gap: 9px; flex: 1; min-width: 0;}
:is(#fs-header,#fs-app,#fs-footer,#fs-modal-root) .fs-comp-grp-r{flex-direction: column; align-items: flex-end; gap: 6px;}
:is(#fs-header,#fs-app,#fs-footer,#fs-modal-root) .fs-comp-name{font-size: 13.5px;}
:is(#fs-header,#fs-app,#fs-footer,#fs-modal-root) .fs-comp-desc{font-size: 11.5px;}
:is(#fs-header,#fs-app,#fs-footer,#fs-modal-root) .fs-comp-grp-status{min-width: 0; font-size: 11px;}
:is(#fs-header,#fs-app,#fs-footer,#fs-modal-root) .fs-uptime-strip{width: 110px; height: 22px;}
:is(#fs-header,#fs-app,#fs-footer,#fs-modal-root) .fs-comp-row{padding: 9px 12px 9px 36px; flex-wrap: wrap; gap: 4px;}
:is(#fs-header,#fs-app,#fs-footer,#fs-modal-root) .fs-comp-row-r{gap: 8px; flex-wrap: wrap;}
:is(#fs-header,#fs-app,#fs-footer,#fs-modal-root) .fs-comp-region{font-size: 10.5px;}
:is(#fs-header,#fs-app,#fs-footer,#fs-modal-root) .fs-comp-status{min-width: 0; font-size: 11px;}
:is(#fs-header,#fs-app,#fs-footer,#fs-modal-root) .fs-region-label{padding: 8px 12px 2px 36px;}
:is(#fs-header,#fs-app,#fs-footer,#fs-modal-root) .fs-map-wrap{aspect-ratio: 2.2 / 1;}
:is(#fs-header,#fs-app,#fs-footer,#fs-modal-root) .fs-pop-label{display: none;}
:is(#fs-header,#fs-app,#fs-footer,#fs-modal-root) .fs-pop-sel .fs-pop-label{display: block;}
:is(#fs-header,#fs-app,#fs-footer,#fs-modal-root) .fs-region-cols{grid-template-columns: 1fr; gap: 8px;}
:is(#fs-header,#fs-app,#fs-footer,#fs-modal-root) .fs-region-sum{flex-wrap: wrap;}
:is(#fs-header,#fs-app,#fs-footer,#fs-modal-root) .fs-pop-row{padding: 9px 12px;}
:is(#fs-header,#fs-app,#fs-footer,#fs-modal-root) .fs-incident{border-radius: 12px;}
:is(#fs-header,#fs-app,#fs-footer,#fs-modal-root) .fs-inc-stripe{width: 3px;}
:is(#fs-header,#fs-app,#fs-footer,#fs-modal-root) .fs-inc-body{padding: 14px 14px;}
:is(#fs-header,#fs-app,#fs-footer,#fs-modal-root) .fs-inc-top{flex-direction: column; align-items: flex-start; gap: 6px;}
:is(#fs-header,#fs-app,#fs-footer,#fs-modal-root) .fs-inc-name{font-size: 15px; margin: 8px 0 10px;}
:is(#fs-header,#fs-app,#fs-footer,#fs-modal-root) .fs-inc-affected{gap: 4px; margin-bottom: 10px;}
:is(#fs-header,#fs-app,#fs-footer,#fs-modal-root) .fs-affected-chip{font-size: 11px; padding: 2px 7px;}
:is(#fs-header,#fs-app,#fs-footer,#fs-modal-root) .fs-inc-update{padding: 10px 12px;}
:is(#fs-header,#fs-app,#fs-footer,#fs-modal-root) .fs-inc-update-hd{flex-direction: column; align-items: flex-start; gap: 2px;}
:is(#fs-header,#fs-app,#fs-footer,#fs-modal-root) .fs-inc-update-body{font-size: 12.5px;}
:is(#fs-header,#fs-app,#fs-footer,#fs-modal-root) .fs-maint{grid-template-columns: 1fr; gap: 10px; padding: 14px;}
:is(#fs-header,#fs-app,#fs-footer,#fs-modal-root) .fs-maint-when{border-right: 0; border-bottom: 1px solid var(--border); padding: 0 0 10px; display: flex; gap: 10px; align-items: baseline; flex-wrap: wrap;}
:is(#fs-header,#fs-app,#fs-footer,#fs-modal-root) .fs-maint-rel{font-size: 12.5px;}
:is(#fs-header,#fs-app,#fs-footer,#fs-modal-root) .fs-maint-date{margin-top: 0;}
:is(#fs-header,#fs-app,#fs-footer,#fs-modal-root) .fs-maint-dur{margin-top: 0;}
:is(#fs-header,#fs-app,#fs-footer,#fs-modal-root) .fs-maint-name{font-size: 14px;}
:is(#fs-header,#fs-app,#fs-footer,#fs-modal-root) .fs-perf-grid{grid-template-columns: 1fr; gap: 8px;}
:is(#fs-header,#fs-app,#fs-footer,#fs-modal-root) .fs-perf-tile{padding: 12px 14px;}
:is(#fs-header,#fs-app,#fs-footer,#fs-modal-root) .fs-perf-num{font-size: 22px;}
:is(#fs-header,#fs-app,#fs-footer,#fs-modal-root) .fs-perf-spark svg{width: 100%;}
:is(#fs-header,#fs-app,#fs-footer,#fs-modal-root) .fs-perf-tabs{align-self: flex-start;}
:is(#fs-header,#fs-app,#fs-footer,#fs-modal-root) .fs-history-row{grid-template-columns: 1fr auto; grid-template-areas: "date meta" "main main"; gap: 6px 12px; padding: 12px 0;}
:is(#fs-header,#fs-app,#fs-footer,#fs-modal-root) .fs-history-date{grid-area: date; padding-top: 0;}
:is(#fs-header,#fs-app,#fs-footer,#fs-modal-root) .fs-history-meta{grid-area: meta;}
:is(#fs-header,#fs-app,#fs-footer,#fs-modal-root) .fs-history-main{grid-area: main;}
:is(#fs-header,#fs-app,#fs-footer,#fs-modal-root) .fs-history-top{flex-wrap: wrap;}
:is(#fs-header,#fs-app,#fs-footer,#fs-modal-root) .fs-history-name{font-size: 13.5px;}
:is(#fs-header,#fs-app,#fs-footer,#fs-modal-root) .fs-history-summary{font-size: 12px;}
:is(#fs-header,#fs-app,#fs-footer,#fs-modal-root) .fs-ftr-inner{padding: 24px 14px; gap: 22px;}
:is(#fs-header,#fs-app,#fs-footer,#fs-modal-root) .fs-ftr-r{grid-template-columns: 1fr 1fr; gap: 20px;}
:is(#fs-header,#fs-app,#fs-footer,#fs-modal-root) .fs-ftr-bottom{flex-direction: column; gap: 4px; padding: 14px; text-align: center;}
:is(#fs-header,#fs-app,#fs-footer,#fs-modal-root) .fs-modal-backdrop{padding: 0; align-items: flex-end;}
:is(#fs-header,#fs-app,#fs-footer,#fs-modal-root) .fs-modal{max-height: 92vh; border-radius: 16px 16px 0 0; width: 100%;}
:is(#fs-header,#fs-app,#fs-footer,#fs-modal-root) .fs-modal-hd{padding: 18px 18px 12px;}
:is(#fs-header,#fs-app,#fs-footer,#fs-modal-root) .fs-modal-title{font-size: 16px;}
:is(#fs-header,#fs-app,#fs-footer,#fs-modal-root) .fs-modal-body{padding: 0 18px 20px;}
:is(#fs-header,#fs-app,#fs-footer,#fs-modal-root) .fs-modal-ft{padding: 12px 18px; flex-wrap: wrap;}
:is(#fs-header,#fs-app,#fs-footer,#fs-modal-root) .fs-sub-tabs{padding: 0 18px; overflow-x: auto; -webkit-overflow-scrolling: touch;}
:is(#fs-header,#fs-app,#fs-footer,#fs-modal-root) .fs-sub-tab{white-space: nowrap; padding: 9px 12px; font-size: 12.5px;}
:is(#fs-header,#fs-app,#fs-footer,#fs-modal-root) .fs-inc-detail-meta{grid-template-columns: 1fr 1fr; padding: 0 18px 14px; gap: 8px;}
:is(#fs-header,#fs-app,#fs-footer,#fs-modal-root) .fs-inc-detail-affected{padding: 0 18px 14px;}
:is(#fs-header,#fs-app,#fs-footer,#fs-modal-root) .fs-feed-row{flex-direction: column; align-items: flex-start; gap: 10px;}
:is(#fs-header,#fs-app,#fs-footer,#fs-modal-root) .fs-feed-url{word-break: break-all;}
}
@media (max-width: 380px){:is(#fs-header,#fs-app,#fs-footer,#fs-modal-root) .fs-banner-r{grid-template-columns: 1fr;}
:is(#fs-header,#fs-app,#fs-footer,#fs-modal-root) .fs-ftr-r{grid-template-columns: 1fr;}
:is(#fs-header,#fs-app,#fs-footer,#fs-modal-root) .fs-uptime-strip{width: 90px;}
}
@media (pointer: coarse){:is(#fs-header,#fs-app,#fs-footer,#fs-modal-root) .fs-pop{width: 22px; height: 22px;}
:is(#fs-header,#fs-app,#fs-footer,#fs-modal-root) .fs-pop-dot{width: 10px; height: 10px;}
:is(#fs-header,#fs-app,#fs-footer,#fs-modal-root) .fs-hdr-link,:is(#fs-header,#fs-app,#fs-footer,#fs-modal-root) .fs-ftr-link,:is(#fs-header,#fs-app,#fs-footer,#fs-modal-root) .fs-btn-ghost,:is(#fs-header,#fs-app,#fs-footer,#fs-modal-root) .fs-btn-primary{min-height: 36px;}
}
:is(#fs-header,#fs-app,#fs-footer,#fs-modal-root) .fs-tm{display: block; flex-shrink: 0; color: var(--text-2);}
:is(#fs-header,#fs-app,#fs-footer,#fs-modal-root) .fs-pop-tools{display: flex; flex-wrap: wrap; align-items: center; gap: 8px; margin-bottom: 14px;}
:is(#fs-header,#fs-app,#fs-footer,#fs-modal-root) .fs-pop-search{flex: 1 1 220px; max-width: 320px; display: flex; align-items: center; gap: 8px; padding: 7px 10px; border: 1px solid var(--border-strong); border-radius: 8px; background: var(--surface); color: var(--text-3);}
:is(#fs-header,#fs-app,#fs-footer,#fs-modal-root) .fs-pop-search:focus-within{border-color: var(--text);}
:is(#fs-header,#fs-app,#fs-footer,#fs-modal-root) .fs-pop-search input{flex: 1; min-width: 0; border: 0; outline: 0; background: transparent; font: inherit; font-size: 13px; color: var(--text);}
:is(#fs-header,#fs-app,#fs-footer,#fs-modal-root) .fs-pop-filter{display: flex; flex-wrap: wrap; gap: 2px; padding: 2px; background: var(--surface-2); border-radius: 8px;}
:is(#fs-header,#fs-app,#fs-footer,#fs-modal-root) .fs-pop-filter button{display: inline-flex; align-items: center; gap: 6px; border: 0; background: transparent; padding: 5px 10px; border-radius: 6px; font-size: 12px; font-weight: 500; color: var(--text-2);}
:is(#fs-header,#fs-app,#fs-footer,#fs-modal-root) .fs-pop-filter button.fs-active{background: var(--surface); color: var(--text); box-shadow: var(--shadow-sm);}
:is(#fs-header,#fs-app,#fs-footer,#fs-modal-root) .fs-pop-toggle{display: inline-flex; align-items: center; gap: 6px; font-size: 12px; color: var(--text-2); cursor: pointer; margin-left: auto;}
:is(#fs-header,#fs-app,#fs-footer,#fs-modal-root) .fs-pop-row{gap: 10px;}
:is(#fs-header,#fs-app,#fs-footer,#fs-modal-root) .fs-pop-row-l{min-width: 0;}
:is(#fs-header,#fs-app,#fs-footer,#fs-modal-root) .fs-pop-city{min-width: 0; text-wrap: pretty;}
:is(#fs-header,#fs-app,#fs-footer,#fs-modal-root) .fs-pop-marks{display: flex; gap: 3px; flex-shrink: 0;}
:is(#fs-header,#fs-app,#fs-footer,#fs-modal-root) .fs-fac-row{padding: 6px 14px 6px 36px; gap: 10px;}
:is(#fs-header,#fs-app,#fs-footer,#fs-modal-root) .fs-fac-type{color: var(--text); font-size: 12px;}
:is(#fs-header,#fs-app,#fs-footer,#fs-modal-root) .fs-rid-chip{font-family: 'JetBrains Mono', ui-monospace, Menlo, monospace; font-size: 10px; font-weight: 600; letter-spacing: 0.04em; color: var(--text-2); background: var(--surface); border: 1px solid var(--border); padding: 0 5px; border-radius: 3px;}
:is(#fs-header,#fs-app,#fs-footer,#fs-modal-root) .fs-region-empty{padding: 10px 14px; font-size: 12px; color: var(--text-3);}
:is(#fs-header,#fs-app,#fs-footer,#fs-modal-root) .fs-pop-note{margin: 12px 0 0; font-size: 12px; color: var(--text-3);}
:is(#fs-header,#fs-app,#fs-footer,#fs-modal-root) .fs-pop-none{padding: 18px; text-align: center; font-size: 13px; color: var(--text-2); border: 1px dashed var(--border-strong); border-radius: 10px;}
@media (max-width: 640px){:is(#fs-header,#fs-app,#fs-footer,#fs-modal-root) .fs-pop-search{max-width: none;}
:is(#fs-header,#fs-app,#fs-footer,#fs-modal-root) .fs-pop-toggle{margin-left: 0;}
}
:is(#fs-header,#fs-app,#fs-footer,#fs-modal-root) .fs-card-hd-r{display: flex; flex-wrap: wrap; align-items: center; justify-content: flex-end; gap: 8px 16px;}
:is(#fs-header,#fs-app,#fs-footer,#fs-modal-root) .fs-comp-count{font-size: 12px; color: var(--text-3); font-variant-numeric: tabular-nums;}
:is(#fs-header,#fs-app,#fs-footer,#fs-modal-root) .fs-maint-link{display: inline-block; margin-top: 10px;}
:is(#fs-header,#fs-app,#fs-footer,#fs-modal-root) a.fs-history-name{color: inherit; text-decoration: none;}
:is(#fs-header,#fs-app,#fs-footer,#fs-modal-root) a.fs-history-name:hover{text-decoration: underline;}
:is(#fs-header,#fs-app,#fs-footer,#fs-modal-root) .fs-inc-actions{display: flex; flex-wrap: wrap; align-items: center; gap: 8px 16px;}
:is(#fs-header,#fs-app,#fs-footer,#fs-modal-root) .fs-sub-out{display: flex; flex-direction: column; gap: 14px;}
:is(#fs-header,#fs-app,#fs-footer,#fs-modal-root) .fs-sub-out p{margin: 0; font-size: 13px; color: var(--text-2); text-wrap: pretty;}
:is(#fs-header,#fs-app,#fs-footer,#fs-modal-root) .fs-sub-out .fs-btn-primary{text-decoration: none; align-self: flex-start;}

/* Native Statuspage subscribe dropdown, dressed as the design's primary button */
#fs-header .updates-dropdown-container{position:relative}
#fs-header .show-updates-dropdown{display:inline-flex!important;align-items:center;gap:7px;padding:8px 14px!important;border-radius:8px!important;border:0!important;background:var(--text)!important;color:var(--surface)!important;font-size:13px!important;font-weight:500!important;line-height:1.5!important;text-decoration:none!important;box-shadow:none!important;text-transform:none!important;letter-spacing:0!important;font-family:inherit!important;height:auto!important;margin:0!important}
#fs-header .show-updates-dropdown:hover{background:#000!important}
html[data-theme="dark"] #fs-header .show-updates-dropdown{background:var(--surface)!important;color:var(--text)!important;border:1px solid var(--border-strong)!important}
html[data-theme="dark"] #fs-header .show-updates-dropdown:hover{background:#fff!important;color:#000!important}
#fs-header .show-updates-dropdown:before{content:"";width:14px;height:14px;background:currentColor;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.2'%3E%3Cpath d='M22 6l-10 7L2 6'/%3E%3Cpath d='M2 6h20v12H2z'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.2'%3E%3Cpath d='M22 6l-10 7L2 6'/%3E%3Cpath d='M2 6h20v12H2z'/%3E%3C/svg%3E") center/contain no-repeat}
#fs-header .show-updates-dropdown .subscribe-text-short{display:none!important}
#fs-header .show-updates-dropdown .subscribe-text-full{display:inline!important}
#fs-header .updates-dropdown{border-radius:12px!important;border:1px solid var(--border-strong)!important;box-shadow:var(--shadow-md)!important;overflow:hidden;text-align:left}
@media (max-width:640px){#fs-header .show-updates-dropdown{padding:7px 10px!important}}

#fs-header{position:sticky;top:0;z-index:50}
#fs-header .fs-hdr{position:relative}
#fs-header .fs-logo{color:var(--text)}
#fs-header .fs-i-sun{display:none}
html[data-theme="dark"] #fs-header .fs-i-sun{display:block}
html[data-theme="dark"] #fs-header .fs-i-moon{display:none}
#fs-header .fs-hdr-r{flex-wrap:nowrap}
#fs-modal-root:empty{display:none}

/* QA hardening: keep single-line UI labels from wrapping/clipping if Inter is slow or blocked */
:is(#fs-header,#fs-app,#fs-footer,#fs-modal-root) :is(.fs-hdr-link,.fs-btn-primary,.fs-btn-ghost,.fs-region-count,.fs-region-sum-pill,.fs-pop-filter button,.fs-region-sub-name,.fs-region-name,.fs-kpi-l,.fs-badge,.fs-inc-status,.fs-comp-grp-status,.fs-comp-status,.fs-comp-count,.fs-fac-row-r,.fs-history-dur,.fs-history-resolved,.fs-legend-item,.fs-card-link){white-space:nowrap}
@media (min-width:641px){:is(#fs-header,#fs-app,#fs-footer,#fs-modal-root) .fs-inc-time{white-space:nowrap}}
:is(#fs-header,#fs-app,#fs-footer,#fs-modal-root) .fs-region-col-hd,:is(#fs-header,#fs-app,#fs-footer,#fs-modal-root) .fs-region-sub-hd{gap:8px}
:is(#fs-header,#fs-app,#fs-footer,#fs-modal-root) .fs-rid-chip,:is(#fs-header,#fs-app,#fs-footer,#fs-modal-root) .fs-comp-region,:is(#fs-header,#fs-app,#fs-footer,#fs-modal-root) .fs-fac-type{white-space:nowrap}
:is(#fs-header,#fs-app,#fs-footer,#fs-modal-root) .fs-fac-row-l{flex-wrap:wrap;row-gap:4px;min-width:0}

:is(#fs-header,#fs-app,#fs-footer,#fs-modal-root) .fs-info{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;margin-left:6px;padding:0;border:0;border-radius:50%;background:transparent;color:var(--text-3);cursor:help;vertical-align:middle;flex-shrink:0}
:is(#fs-header,#fs-app,#fs-footer,#fs-modal-root) .fs-info:hover,:is(#fs-header,#fs-app,#fs-footer,#fs-modal-root) .fs-info:focus-visible{color:var(--text);background:var(--surface-2);outline:none}
:is(#fs-header,#fs-app,#fs-footer,#fs-modal-root) .fs-comp-name{display:inline-flex;align-items:center}
#fs-footer .fs-tip{display:none;position:fixed;z-index:1000;max-width:280px;padding:8px 10px;border-radius:7px;background:var(--text);color:var(--surface);font-size:12px;line-height:1.45;font-weight:400;text-wrap:pretty;box-shadow:var(--shadow-md);pointer-events:none;white-space:normal}
:is(#fs-header,#fs-app,#fs-footer,#fs-modal-root) .fs-comp-grp-row{cursor:pointer;user-select:none}
:is(#fs-header,#fs-app,#fs-footer,#fs-modal-root) .fs-comp-grp-row:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}
:is(#fs-header,#fs-app,#fs-footer,#fs-modal-root) .fs-comp-group.fs-comp-ok .fs-comp-grp-row:not([role]){cursor:default}

/* Statuspage framework integration */
html.fs-loading .layout-content.status-index>.container{visibility:hidden;min-height:100vh}
.layout-content.status .page-footer{display:none!important}
/* ── Sub-pages ──────────────────────────────────────────────────────────
   Statuspage has no per-page templates: header/footer/CSS apply everywhere and
   /incidents/*, /history and /uptime keep Statuspage's own body. These rules
   dress that body in the design's card language. Dark mode is home-page only. */
:root{--sp-bg:#FAFAF9;--sp-surface:#FFFFFF;--sp-surface-2:#F5F4F2;--sp-border:rgba(20,20,20,.08);--sp-border-strong:rgba(20,20,20,.14);--sp-text:#1A1A1A;--sp-text-2:#545454;--sp-text-3:#8A8A8A;--sp-ok:#1F8F4E;--sp-ok-bg:#E8F5EC;--sp-warn:#B8740B;--sp-warn-bg:#FCF1DD;--sp-minor:#C45A12;--sp-minor-bg:#FBE8D9;--sp-major:#B5201A;--sp-major-bg:#FBE3E1;--sp-maint:#2D6BB3;--sp-maint-bg:#E2EDF9;--sp-font:'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;--sp-shadow:0 1px 2px rgba(15,15,15,.04),0 0 0 .5px rgba(15,15,15,.05)}
html[data-theme="dark"]{--sp-bg:#0E0F11;--sp-surface:#16181B;--sp-surface-2:#1B1E22;--sp-border:rgba(255,255,255,.08);--sp-border-strong:rgba(255,255,255,.14);--sp-text:#ECECEC;--sp-text-2:#B8B8B8;--sp-text-3:#7B7B7B;--sp-ok:#4CC97F;--sp-ok-bg:rgba(76,201,127,.12);--sp-warn:#E0A042;--sp-warn-bg:rgba(224,160,66,.12);--sp-minor:#E58241;--sp-minor-bg:rgba(229,130,65,.14);--sp-major:#E5564E;--sp-major-bg:rgba(229,86,78,.14);--sp-maint:#6FA9E5;--sp-maint-bg:rgba(111,169,229,.12);--sp-shadow:0 0 0 .5px rgba(255,255,255,.05)}
html[data-theme="dark"] body.status{background:#0E0F11!important;color-scheme:dark}
html:not(.fs-on) body.status{background:var(--sp-bg)!important;color:var(--sp-text)!important;font-family:var(--sp-font)!important;-webkit-font-smoothing:antialiased}
html:not(.fs-on) body.status .layout-content.status>.container{max-width:1120px!important;width:auto!important;margin:0 auto!important;padding:28px 32px 48px!important;font-family:var(--sp-font)!important;color:var(--sp-text)!important;font-size:14px;line-height:1.5}
html:not(.fs-on) body.status .layout-content.status>.container,html:not(.fs-on) body.status .layout-content.status>.container *{font-family:var(--sp-font)!important}
html:not(.fs-on) body.status .layout-content.status>.container a{color:var(--sp-text)}
html:not(.fs-on) body.status .layout-content.status>.container .color-secondary{color:var(--sp-text-2)!important}
html:not(.fs-on) body.status .layout-content.status>.container .border-color{border-color:var(--sp-border)!important}
@media (max-width:640px){html:not(.fs-on) body.status .layout-content.status>.container{padding:20px 16px 40px!important}}

/* Incident page */
body.status.incident .page-title{--t:var(--sp-warn);--tb:var(--sp-warn-bg);text-align:left!important;display:grid;grid-template-columns:auto minmax(0,1fr);column-gap:18px;align-items:center;padding:22px 24px!important;margin:0 0 18px!important;border:1px solid var(--sp-border);border-radius:14px;background:linear-gradient(180deg,var(--tb) 0%,var(--sp-surface) 100%);box-shadow:var(--sp-shadow)}
body.status.incident .page-title:has(.impact-none){--t:var(--sp-ok);--tb:var(--sp-ok-bg)}
body.status.incident .page-title:has(.impact-major){--t:var(--sp-minor);--tb:var(--sp-minor-bg)}
body.status.incident .page-title:has(.impact-critical){--t:var(--sp-major);--tb:var(--sp-major-bg)}
body.status.incident .page-title:has(.impact-maintenance){--t:var(--sp-maint);--tb:var(--sp-maint-bg)}
body.status.incident .page-title:before{content:"";grid-row:1/3;width:52px;height:52px;border-radius:14px;background:var(--t) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2.2' stroke-linecap='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M12 8v4'/%3E%3Ccircle cx='12' cy='16' r='.6' fill='white'/%3E%3C/svg%3E") center/26px no-repeat}
body.status.incident .page-title:has(.impact-maintenance):before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2' stroke-linejoin='round'%3E%3Cpath d='M14.7 6.3a4 4 0 0 0-5.4 5.4L3 18l3 3 6.3-6.3a4 4 0 0 0 5.4-5.4l-2.5 2.5-2.5-2.5z'/%3E%3C/svg%3E")}
body.status.incident .page-title .incident-name{grid-column:2;margin:0!important;padding:0!important;text-align:left!important;font-size:24px!important;font-weight:600!important;letter-spacing:-.02em;line-height:1.25!important;color:var(--sp-text)!important;text-wrap:pretty}
body.status.incident .page-title .incident-name:before{content:"Incident";display:block;margin-bottom:4px;font-size:11px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--t)}
body.status.incident .page-title .subheader{grid-column:2;margin-top:4px!important;text-align:left!important;font-size:13px!important;color:var(--sp-text-2)!important}
body.status.incident .page-title .subheader a{color:var(--sp-text)!important;font-weight:500}
body.status.incident .incident-updates-container{background:var(--sp-surface);border:1px solid var(--sp-border);border-radius:14px;box-shadow:var(--sp-shadow);padding:22px!important;margin:0!important}
body.status.incident .incident-updates-container:before{content:"Timeline";display:block;margin:0 0 14px;font-size:16px;font-weight:600;letter-spacing:-.01em}
body.status.incident .update-row{display:grid!important;grid-template-columns:28px minmax(0,1fr);column-gap:14px;position:relative;margin:0!important;padding:0 0 18px!important;width:auto!important}
body.status.incident .update-row:before{content:"";position:absolute;left:5px;top:16px;bottom:-4px;width:2px;background:var(--sp-border-strong);z-index:0}
body.status.incident .update-row:last-of-type:before{display:none}
body.status.incident .update-row:after{content:"";position:absolute;left:0;top:5px;width:12px;height:12px;border-radius:50%;z-index:1;background:var(--sp-surface);border:3px solid var(--sp-warn);box-sizing:border-box}
body.status.incident .update-row:first-of-type:after{border-color:var(--sp-text-3)}
body.status.incident .page-title:has(.impact-maintenance)~.incident-updates-container .update-row:after{border-color:var(--sp-maint)}
body.status.incident .update-title{grid-column:2;float:none!important;width:auto!important;margin:0 0 2px!important;padding:0!important;font-size:13px!important;font-weight:600!important;line-height:1.5!important;color:var(--sp-text)!important}
body.status.incident .update-container{grid-column:2;float:none!important;width:auto!important;margin:0!important}
body.status.incident .update-body{font-size:13px!important;line-height:1.55;color:var(--sp-text-2)!important;overflow-wrap:anywhere}
body.status.incident .update-body a{color:var(--sp-text)!important;text-decoration:underline;text-underline-offset:2px}
body.status.incident .update-timestamp{margin-top:4px!important;font-size:12px!important;color:var(--sp-text-3)!important;font-variant-numeric:tabular-nums}
body.status.incident .components-affected{margin:4px 0 0!important;padding:12px 0 0!important;border-top:1px solid var(--sp-border)!important;font-size:12px!important;color:var(--sp-text-2)!important}
body.status.incident .layout-content.status.status-incident .container>.row{margin:0!important}
@media (max-width:640px){body.status.incident .page-title{grid-template-columns:minmax(0,1fr)}body.status.incident .page-title:before{display:none}body.status.incident .page-title .incident-name,body.status.incident .page-title .subheader{grid-column:1}body.status.incident .page-title .incident-name{font-size:20px!important}}

/* History + Uptime */
body.status .history-nav{display:flex!important;align-items:center;justify-content:space-between;gap:12px;margin:0 0 18px!important;padding:0!important;border:0!important;text-align:left!important;width:auto!important}
body.status .history-nav:before{content:"History";display:block;font-size:22px;font-weight:600;letter-spacing:-.02em;color:var(--sp-text)}
body.status.uptime .history-nav:before{content:"Uptime"}
body.status .history-nav ul{display:flex!important;gap:2px;margin:0!important;padding:2px!important;list-style:none;background:var(--sp-surface-2);border-radius:8px}
body.status .history-nav li{margin:0!important;float:none!important}
body.status .history-nav a.button{display:inline-block;margin:0!important;padding:5px 12px!important;border:0!important;border-radius:6px!important;background:transparent!important;font-size:12px!important;font-weight:500!important;color:var(--sp-text-2)!important;text-decoration:none!important;box-shadow:none!important}
body.status .history-nav a.button.current{background:var(--sp-surface)!important;color:var(--sp-text)!important;box-shadow:var(--sp-shadow)!important}
body.status .layout-content.status-full-history .container>[data-react-class],body.status .layout-content.status-full-history .container>.months-container,body.status.uptime .container>[data-react-class]{display:block;background:var(--sp-surface);border:1px solid var(--sp-border);border-radius:14px;box-shadow:var(--sp-shadow);padding:22px!important}
body.status.uptime .layout-content.status-full-history .container.history-container{max-width:1120px!important}
body.status .layout-content.status-full-history .month{margin:0 0 22px!important;padding:0!important;border:0!important}
body.status .layout-content.status-full-history .month-title,body.status .layout-content.status-full-history .month h4{margin:0 0 10px!important;font-size:12px!important;font-weight:600!important;letter-spacing:.04em;text-transform:uppercase;color:var(--sp-text-3)!important}
body.status .layout-content.status-full-history .incident-container,body.status .layout-content.status-full-history .incident-data{margin:0!important;padding:12px 0!important;border-top:1px solid var(--sp-border)}
body.status .layout-content.status-full-history .incident-title{font-size:14px!important;font-weight:600!important;color:var(--sp-text)!important}
body.status .layout-content.status-full-history .incident-title a{color:var(--sp-text)!important}
body.status .layout-content.status-full-history .secondary,body.status .layout-content.status-full-history .incident-data small,body.status .layout-content.status-full-history .month .color-secondary{font-size:12px!important;color:var(--sp-text-3)!important}
body.status .layout-content.status-full-history .history-footer-link,body.status .layout-content.status-full-history .pagination a{font-size:13px;font-weight:500;color:var(--sp-text-2)!important}
body.status.uptime .uptime-tooltip,body.status.uptime .tooltip-box{border-radius:8px!important;box-shadow:var(--sp-shadow)}
body.status .layout-content.status-full-history .impact-none,body.status .layout-content.status-full-history .impact-none a{color:var(--sp-text)!important}
body.status .layout-content.status-full-history .impact-minor,body.status .layout-content.status-full-history .impact-minor a{color:var(--sp-warn)!important}
body.status .layout-content.status-full-history .impact-major,body.status .layout-content.status-full-history .impact-major a{color:var(--sp-minor)!important}
body.status .layout-content.status-full-history .impact-critical,body.status .layout-content.status-full-history .impact-critical a{color:var(--sp-major)!important}
body.status .layout-content.status-full-history .impact-maintenance,body.status .layout-content.status-full-history .impact-maintenance a{color:var(--sp-maint)!important}

/* Native "Subscribe to this incident" modal on incident pages */
body.status .modal.modal-open-incident-subscribe{border-radius:14px!important;border:1px solid var(--sp-border-strong)!important;box-shadow:0 12px 32px -8px rgba(15,15,15,.18)!important;font-family:var(--sp-font)!important}
body.status .modal.modal-open-incident-subscribe .modal-header{border-bottom:1px solid var(--sp-border)!important;padding:16px 20px!important}
body.status .modal.modal-open-incident-subscribe .modal-header h3{font-size:16px!important;font-weight:600!important;color:var(--sp-text)!important}
body.status .modal.modal-open-incident-subscribe input[type=text],body.status .modal.modal-open-incident-subscribe input[type=email],body.status .modal.modal-open-incident-subscribe input[type=tel]{border:1px solid var(--sp-border-strong)!important;border-radius:8px!important;box-shadow:none!important;font-size:14px!important}
body.status .modal.modal-open-incident-subscribe .btn,body.status .modal.modal-open-incident-subscribe input[type=submit]{background:var(--sp-text)!important;border:0!important;border-radius:8px!important;color:#fff!important;font-weight:500!important;text-shadow:none!important;box-shadow:none!important}
:is(#fs-header,#fs-app,#fs-footer,#fs-modal-root) .fs-affected-chip{white-space:nowrap}
#fs-header a.fs-hdr-title{color:var(--text-2);text-decoration:none}#fs-header a.fs-hdr-title:hover{color:var(--text)}
#fs-footer .fs-ftr-bottom a.fs-ftr-link{font-size:inherit;color:inherit}

/* History page controls */
body.status .layout-content.status-full-history .history-header{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px;margin:0 0 6px!important;padding:0!important}
body.status .layout-content.status-full-history .show-filter{display:inline-flex!important;align-items:center;padding:7px 11px!important;border:1px solid var(--sp-border-strong)!important;border-radius:8px!important;background:var(--sp-surface)!important;font-size:13px!important;font-weight:500!important;color:var(--sp-text)!important;line-height:1.5!important}
body.status .layout-content.status-full-history .show-filter:hover{background:var(--sp-surface-2)!important}
body.status .layout-content.status-full-history .pagination-container{display:flex;align-items:center;gap:8px;font-size:13px!important;color:var(--sp-text-2)!important}
body.status .layout-content.status-full-history .pagination-container .border-color,body.status .layout-content.status-full-history .pagination-container a{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border:1px solid var(--sp-border-strong)!important;border-radius:8px!important;background:var(--sp-surface)!important;color:var(--sp-text)!important}
body.status .layout-content.status-full-history .pagination-container .disabled{opacity:.4}
body.status .layout-content.status-full-history .month-title,body.status .layout-content.status-full-history .history-month-title{margin:16px 0 6px!important;font-size:12px!important;font-weight:600!important;letter-spacing:.04em;text-transform:uppercase;color:var(--sp-text-3)!important}
body.status .layout-content.status-full-history .incident-data .message,body.status .layout-content.status-full-history .incident-data p{font-size:13px!important;color:var(--sp-text-2)!important;margin:4px 0!important}
body.status .layout-content.status-full-history #component-items-selector{border:1px solid var(--sp-border-strong)!important;border-radius:10px!important;box-shadow:0 12px 32px -8px rgba(15,15,15,.18)!important;background:var(--sp-surface)!important;padding:8px!important}
body.status .layout-content.status-full-history #component-items-selector label{font-size:13px!important;color:var(--sp-text)!important}

body.status .layout-content.status-full-history .container>.history-nav{display:grid!important;grid-template-columns:1fr auto 1fr;align-items:center}
body.status .layout-content.status-full-history .container>.history-nav:before{grid-column:1;justify-self:start}
body.status .layout-content.status-full-history .container>.history-nav ul{grid-column:2}
body.status.uptime .UptimeCalendar rect[fill="#689C4F"],body.status.uptime [data-react-class="UptimeCalendar"] .day.status-green,body.status.uptime .uptime-day.green{fill:#1F8F4E!important;background:#1F8F4E!important}
body.status.uptime .layout-content.status-full-history .component-selector .border-color,body.status.uptime .layout-content.status-full-history .current-component{border:1px solid var(--sp-border-strong)!important;border-radius:8px!important;background:var(--sp-surface)!important;font-size:13px!important;font-weight:500!important;color:var(--sp-text)!important}

body.status.incident .components-affected{border:0!important;border-top:1px solid var(--sp-border)!important;padding:12px 0 0!important;margin:4px 0 0!important}
body.status.incident .update-row{overflow:visible!important}
body.status.incident .incident-updates-container .update-row:not(:last-of-type):before{content:""!important;display:block!important;position:absolute;left:5px;top:18px;height:calc(100% - 10px);width:2px;background:var(--sp-border-strong);z-index:0}
body.status.incident .incident-updates-container .update-row:last-of-type:before{display:none!important}

/* Dark theme on Statuspage-rendered pages and widgets */
html[data-theme="dark"] body.status .layout-content.status>.container,html[data-theme="dark"] body.status .layout-content.status>.container .color-primary,html[data-theme="dark"] body.status .layout-content.status>.container h1,html[data-theme="dark"] body.status .layout-content.status>.container h2,html[data-theme="dark"] body.status .layout-content.status>.container h3,html[data-theme="dark"] body.status .layout-content.status>.container h4{color:var(--sp-text)!important}
html[data-theme="dark"] body.status .layout-content.status-full-history .month-title,html[data-theme="dark"] body.status .layout-content.status-full-history .uptime-percent,html[data-theme="dark"] body.status .layout-content.status-full-history .legend,html[data-theme="dark"] body.status .layout-content.status-full-history .legend-item{color:var(--sp-text-3)!important}
html[data-theme="dark"] body.status.uptime .UptimeCalendar rect:not([fill="#689C4F"]):not([fill="#1F8F4E"]),html[data-theme="dark"] body.status.uptime .day.no-data,html[data-theme="dark"] body.status.uptime .uptime-day.no-data{fill:#24272C!important;background:#24272C!important}
html[data-theme="dark"] body.status.uptime .UptimeCalendar rect[fill="#689C4F"],html[data-theme="dark"] body.status.uptime .uptime-day.green{fill:#2E9E5E!important;background:#2E9E5E!important}
html[data-theme="dark"] body.status .layout-content.status-full-history #component-items-selector,html[data-theme="dark"] body.status .layout-content.status-full-history .component-selector .dropdown,html[data-theme="dark"] body.status.uptime .tooltip-box,html[data-theme="dark"] #uptime-tooltip .tooltip-box{background:var(--sp-surface)!important;color:var(--sp-text)!important;border-color:var(--sp-border-strong)!important}
html[data-theme="dark"] #uptime-tooltip .pointer-container .pointer-smaller{border-bottom-color:var(--sp-surface)!important}
html[data-theme="dark"] body.status .layout-content.status-full-history .pagination-container svg,html[data-theme="dark"] body.status .layout-content.status-full-history .show-filter svg{fill:var(--sp-text)!important;stroke:var(--sp-text)!important}
html[data-theme="dark"] body.status .modal.modal-open-incident-subscribe,html[data-theme="dark"] body.status .modal.modal-open-incident-subscribe .modal-header,html[data-theme="dark"] body.status .modal.modal-open-incident-subscribe .modal-body,html[data-theme="dark"] body.status .modal.modal-open-incident-subscribe .modal-footer{background:var(--sp-surface)!important;color:var(--sp-text)!important}
html[data-theme="dark"] body.status .modal.modal-open-incident-subscribe input{background:var(--sp-surface-2)!important;color:var(--sp-text)!important}
html[data-theme="dark"] body.status .modal.modal-open-incident-subscribe .btn{background:var(--sp-text)!important;color:#0E0F11!important}
html[data-theme="dark"] body.status .modal-backdrop{background:#000!important}
/* Native subscribe dropdown in dark */
html[data-theme="dark"] #fs-header .updates-dropdown,html[data-theme="dark"] #fs-header .updates-dropdown-section,html[data-theme="dark"] #fs-header div[id^="updates-dropdown"] .updates-dropdown-section{background:var(--surface)!important;color:var(--text)!important}
html[data-theme="dark"] #fs-header .updates-dropdown-nav{background:var(--surface-2)!important;border-color:var(--border)!important}
html[data-theme="dark"] #fs-header .updates-dropdown-nav a{color:var(--text-2)!important}
html[data-theme="dark"] #fs-header .updates-dropdown-nav a.active,html[data-theme="dark"] #fs-header .updates-dropdown-nav a:hover{background:var(--surface)!important;color:var(--text)!important}
html[data-theme="dark"] #fs-header .updates-dropdown .directions,html[data-theme="dark"] #fs-header .updates-dropdown label,html[data-theme="dark"] #fs-header .updates-dropdown p,html[data-theme="dark"] #fs-header .updates-dropdown .help-block,html[data-theme="dark"] #fs-header .updates-dropdown small,html[data-theme="dark"] #fs-header .updates-dropdown .terms_and_privacy_information,html[data-theme="dark"] #fs-header .updates-dropdown .privacy_policy_information{color:var(--text-2)!important}
html[data-theme="dark"] #fs-header .updates-dropdown a:not(.flat-button){color:var(--text)!important}
html[data-theme="dark"] #fs-header .updates-dropdown input[type=text],html[data-theme="dark"] #fs-header .updates-dropdown input[type=email],html[data-theme="dark"] #fs-header .updates-dropdown input[type=tel],html[data-theme="dark"] #fs-header .updates-dropdown input[type=url],html[data-theme="dark"] #fs-header .updates-dropdown select{background:var(--surface-2)!important;color:var(--text)!important;border-color:var(--border-strong)!important}
html[data-theme="dark"] #fs-header .updates-dropdown .flat-button,html[data-theme="dark"] #fs-header .updates-dropdown input[type=submit],html[data-theme="dark"] #fs-header .updates-dropdown button[type=submit]{background:var(--text)!important;color:#0E0F11!important}
html[data-theme="dark"] #fs-header .updates-dropdown .icon-container{filter:invert(1) hue-rotate(180deg)}
html[data-theme="dark"] #fs-header .updates-dropdown-close-btn,html[data-theme="dark"] #fs-header #updates-dropdown-close-btn{color:var(--text)!important;filter:invert(1)}

/* Uptime calendar + react-select in dark */
html[data-theme="dark"] body.status.uptime svg.day rect[fill="#EAEAEA"],html[data-theme="dark"] body.status.uptime svg.day rect[fill="#B3BAC5"],html[data-theme="dark"] body.status.uptime svg.day rect.hide{fill:#24272C!important}
html[data-theme="dark"] body.status.uptime svg.day rect[fill="#689C4F"]{fill:#2E9E5E!important}
body.status.uptime svg.day rect[fill="#689C4F"]{fill:#1F8F4E}
body.status.uptime .component-selector .select-input__control{border:1px solid var(--sp-border-strong)!important;border-radius:8px!important;background:var(--sp-surface)!important;box-shadow:none!important;min-height:36px!important;font-size:13px!important}
body.status.uptime .component-selector .select-input__single-value,body.status.uptime .component-selector .select-input__input,body.status.uptime .component-selector .select-input__input input{color:var(--sp-text)!important}
body.status.uptime .component-selector .select-input__indicator svg{fill:var(--sp-text-2)!important;color:var(--sp-text-2)!important}
body.status.uptime .component-selector .select-input__indicator-separator{display:none}
body.status.uptime .component-selector .select-input__menu{background:var(--sp-surface)!important;border:1px solid var(--sp-border-strong)!important;border-radius:10px!important;box-shadow:0 12px 32px -8px rgba(15,15,15,.18)!important;color:var(--sp-text)!important;font-size:13px!important}
body.status.uptime .component-selector .select-input__option{background:transparent!important;color:var(--sp-text)!important}
body.status.uptime .component-selector .select-input__option--is-focused,body.status.uptime .component-selector .select-input__option--is-selected{background:var(--sp-surface-2)!important}

/* Subscribe dropdown: keep inside the viewport when opened from the right-aligned header button.
   Only overrides position; Statuspage's own dropdown styling is left intact. */
#fs-header .updates-dropdown-container{position:relative}
#fs-header .updates-dropdown{left:auto!important;right:0!important;max-width:calc(100vw - 32px);max-height:calc(100vh - 90px);overflow:auto}
@media (max-width:640px){#fs-header .updates-dropdown{position:fixed!important;top:64px!important;right:16px!important;left:16px!important;width:auto!important}}

/* Statuspage wraps the custom header in .custom-header-container with margin-bottom:70px; remove it. */
body.status .custom-header-container{margin:0!important;padding:0!important}
body.status .custom-footer-container{margin:0!important;padding:0!important}

/* ── Subscribe dropdown contents (native Statuspage markup, verified against live page) ── */
#fs-header .updates-dropdown{width:400px!important;border:1px solid var(--border-strong)!important;border-radius:12px!important;box-shadow:var(--shadow-md)!important;background:var(--surface)!important;overflow:hidden;font-family:inherit!important;color:var(--text)!important}
#fs-header .updates-dropdown-nav{display:flex!important;align-items:center;gap:2px;padding:6px!important;background:var(--surface-2)!important;border-bottom:1px solid var(--border)!important;width:auto!important;height:auto!important}
#fs-header .updates-dropdown-nav a{flex:1 1 0;display:flex!important;align-items:center;justify-content:center;height:34px!important;width:auto!important;padding:0!important;margin:0!important;border:0!important;border-radius:7px!important;background:transparent!important;opacity:.65;overflow:visible}
#fs-header .updates-dropdown-nav a:hover{background:var(--surface)!important;opacity:1}
#fs-header .updates-dropdown-nav a[aria-selected="true"],#fs-header .updates-dropdown-nav a.active{background:var(--surface)!important;box-shadow:var(--shadow-sm);opacity:1}
#fs-header #updates-dropdown-close-btn{flex:none;width:30px;height:30px;margin-left:4px!important;border:0!important;border-radius:7px!important;background:transparent!important;color:var(--text-2)!important;font:500 13px/1 inherit!important;cursor:pointer}
#fs-header #updates-dropdown-close-btn:hover{background:var(--surface)!important;color:var(--text)!important}
#fs-header .updates-dropdown-sections-container{background:var(--surface)!important}
#fs-header .updates-dropdown-section{padding:16px!important;background:var(--surface)!important;color:var(--text)!important}
#fs-header .updates-dropdown-section .directions{margin:0 0 12px!important;font-size:13px!important;line-height:1.5!important;color:var(--text-2)!important}
#fs-header .updates-dropdown-section .directions strong{color:var(--text);font-weight:600}
#fs-header .updates-dropdown-section label{display:block;margin:10px 0 6px!important;font-size:12px!important;font-weight:500!important;color:var(--text-2)!important}
#fs-header .updates-dropdown-section input[type=text],#fs-header .updates-dropdown-section input[type=email],#fs-header .updates-dropdown-section input[type=tel],#fs-header .updates-dropdown-section input[type=url],#fs-header .updates-dropdown-section select{display:block;width:100%!important;height:38px!important;padding:8px 10px!important;margin:0!important;border:1px solid var(--border-strong)!important;border-radius:8px!important;background:var(--surface)!important;color:var(--text)!important;font:inherit!important;font-size:14px!important;box-shadow:none!important;outline:0}
#fs-header .updates-dropdown-section input:focus{border-color:var(--text)!important}
#fs-header .updates-dropdown-section .help-block,#fs-header .updates-dropdown-section .small,#fs-header .updates-dropdown-section small,#fs-header .updates-dropdown-section .terms_and_privacy_information,#fs-header .updates-dropdown-section .privacy_policy_information{margin:8px 0 0!important;font-size:11.5px!important;line-height:1.45!important;color:var(--text-3)!important}
#fs-header .updates-dropdown-section .terms_and_privacy_information a,#fs-header .updates-dropdown-section .privacy_policy_information a{color:var(--text-2)!important;text-decoration:underline;text-underline-offset:2px}
#fs-header .updates-dropdown-section .flat-button,#fs-header .updates-dropdown-section input[type=submit],#fs-header .updates-dropdown-section button[type=submit]{display:flex!important;align-items:center;justify-content:center;width:100%!important;height:40px!important;margin:14px 0 0!important;padding:0 14px!important;border:0!important;border-radius:8px!important;background:var(--text)!important;color:var(--surface)!important;font:500 13px/1 inherit!important;letter-spacing:0!important;text-transform:none!important;text-decoration:none!important;box-shadow:none!important;cursor:pointer}
#fs-header .updates-dropdown-section .flat-button:hover,#fs-header .updates-dropdown-section input[type=submit]:hover{background:#000!important}
#fs-header .updates-dropdown-section .flat-button[disabled],#fs-header .updates-dropdown-section input[type=submit][disabled]{opacity:.5}
html[data-theme="dark"] #fs-header .updates-dropdown-section .flat-button,html[data-theme="dark"] #fs-header .updates-dropdown-section input[type=submit]{color:#0E0F11!important}
html[data-theme="dark"] #fs-header .updates-dropdown-section .flat-button:hover{background:#fff!important}
#fs-header .updates-dropdown-section .phone-country-wrapper,#fs-header .updates-dropdown-section .externalities-sms-container{display:flex;gap:8px;align-items:center}
#fs-header .updates-dropdown-section .control-group{margin:0!important}
#fs-header .updates-dropdown-section .clearfix{display:none}
#fs-header .updates-dropdown-section .sms-atl-error{font-size:12px;color:var(--major)}

/* ── Incident / maintenance pages: label, subscribe button, timeline ── */
body.status.incident .page-title{grid-template-columns:auto minmax(0,1fr) auto!important;grid-template-rows:auto auto;align-items:start!important}
body.status.incident .page-title:before{grid-row:1/3;align-self:center}
body.status.incident .page-title .incident-name{grid-row:1}
body.status.incident .page-title .subheader{grid-row:2}
body.status.incident .page-title:has(.impact-maintenance) .incident-name:before{content:"Scheduled maintenance"}
body.status.incident .page-title .subscribe-button,body.status.incident .page-title a.flat-button{grid-column:3;grid-row:1/3;align-self:center;display:inline-flex!important;align-items:center;gap:7px;height:36px;margin:0!important;padding:0 14px!important;border:0!important;border-radius:8px!important;background:var(--sp-text)!important;color:var(--sp-surface)!important;font:500 13px/1 var(--sp-font)!important;letter-spacing:0!important;text-transform:none!important;text-decoration:none!important;box-shadow:none!important;white-space:nowrap}
body.status.incident .page-title .subscribe-button:hover{background:#000!important}
html[data-theme="dark"] body.status.incident .page-title .subscribe-button{color:#0E0F11!important}
html[data-theme="dark"] body.status.incident .page-title .subscribe-button:hover{background:#fff!important}
body.status.incident .page-title .subscribe-button:before{content:"";width:14px;height:14px;background:currentColor;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.2'%3E%3Cpath d='M22 6l-10 7L2 6'/%3E%3Cpath d='M2 6h20v12H2z'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.2'%3E%3Cpath d='M22 6l-10 7L2 6'/%3E%3Cpath d='M2 6h20v12H2z'/%3E%3C/svg%3E") center/contain no-repeat}
@media (max-width:640px){body.status.incident .page-title{grid-template-columns:minmax(0,1fr)!important}body.status.incident .page-title .subscribe-button{grid-column:1;grid-row:3;justify-self:start;margin-top:12px!important}}
body.status.incident .incident-updates-container .update-row:before{content:""!important;display:block!important;position:absolute;left:5px;top:18px;bottom:-6px;width:2px;background:var(--sp-border-strong)}
body.status.incident .incident-updates-container .update-row:last-of-type:before{display:none!important}
body.status.incident .update-body .whitespace-pre-wrap{white-space:pre-line!important}
body.status.incident .update-body br+br{display:block;content:"";margin-top:.6em}

/* ── History / uptime: heading beside tabs ── */
body.status .layout-content.status-full-history .container>.history-nav{display:grid!important;grid-template-columns:1fr auto 1fr!important;align-items:center;text-align:left!important}
body.status .layout-content.status-full-history .container>.history-nav:before{content:"History";display:block;grid-column:1;justify-self:start;font-size:22px;font-weight:600;letter-spacing:-.02em;color:var(--sp-text)}
body.status.uptime .layout-content.status-full-history .container>.history-nav:before{content:"Uptime"}
body.status .layout-content.status-full-history .container>.history-nav ul{grid-column:2;margin:0!important}
body.status .layout-content.status-full-history .pagination-container button,body.status .layout-content.status-full-history .pagination-container .border-color{color:var(--sp-text)!important}
:is(#fs-header,#fs-app,#fs-footer,#fs-modal-root) .fs-inc-name-link,:is(#fs-header,#fs-app,#fs-footer,#fs-modal-root) .fs-maint-name-link{color:inherit;text-decoration:none}
:is(#fs-header,#fs-app,#fs-footer,#fs-modal-root) .fs-inc-name-link:hover,:is(#fs-header,#fs-app,#fs-footer,#fs-modal-root) .fs-maint-name-link:hover{text-decoration:underline;text-underline-offset:3px}
/* SMS tab: country + number on one tidy row */
#fs-header .updates-dropdown-section.phone .controls.externalities-sms-container{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:8px;align-items:end}
#fs-header .updates-dropdown-section.phone .externalities-sms-container>*{min-width:0}
#fs-header .updates-dropdown-section.phone label{margin:0 0 6px!important;white-space:nowrap}
#fs-header .updates-dropdown-section.phone .phone-country-wrapper{display:block}
#fs-header .updates-dropdown-section.phone .phone-country-wrapper select,#fs-header .updates-dropdown-section.phone .phone-country-wrapper .select-input__control,#fs-header .updates-dropdown-section.phone .phone-country-wrapper [class*="control"]{width:100%!important;min-height:38px!important;border:1px solid var(--border-strong)!important;border-radius:8px!important;box-shadow:none!important;background:var(--surface)!important;font-size:14px!important}
#fs-header .updates-dropdown-section.phone .phone-country-wrapper [class*="menu"]{z-index:5;border:1px solid var(--border-strong)!important;border-radius:10px!important;box-shadow:var(--shadow-md)!important;background:var(--surface)!important;color:var(--text)!important}

/* KPI tiles: let labels wrap on narrow screens */
@media (max-width: 640px){:is(#fs-header,#fs-app,#fs-footer,#fs-modal-root) .fs-kpi{min-width:0;overflow:hidden}:is(#fs-header,#fs-app,#fs-footer,#fs-modal-root) .fs-kpi-l{white-space:normal;line-height:1.3}}