:root{--bg:#f6f9fb;--surface:#fff;--text:#17212b;--muted:#6b7580;--border:#dfe7ec;--brand:#075985;--brand2:#0b6fa4;--brand-dark:#063f5f;--brand-soft:#eaf5fa;--accent:#f28c28;--accent-dark:#bd5f00;--accent-soft:#fff3e6;--ok:#18b782;--warn:#f5b82e;--bad:#ef7d37;--critical:#dc4d5b;--maint:#6575d8;--shadow:0 8px 30px rgba(7,89,133,.07);--radius:18px}*{box-sizing:border-box}html{font-family:Inter,Segoe UI,Roboto,Arial,sans-serif;color:var(--text);background:var(--bg);font-size:16px}body{font-size:16px;line-height:1.5}body{margin:0}a{color:inherit;text-decoration:none}.wrap{width:min(1060px,calc(100% - 40px));margin:auto}.site-header{background:#fff;border-bottom:1px solid var(--border);position:sticky;top:0;z-index:20}.header-inner{min-height:92px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{display:inline-flex;align-items:center;gap:13px;min-width:0}.brand-logo{display:block;width:156px;max-width:42vw;height:46px;object-fit:contain;object-position:left center}.brand-word{font-size:34px;font-weight:800;letter-spacing:-1.5px;color:var(--brand-dark)}.brand-sub{display:inline-flex;align-items:center;min-height:28px;padding-left:13px;border-left:2px solid var(--accent);font-size:14px;color:var(--muted);font-weight:700;white-space:nowrap}.header-inner nav{display:flex;align-items:center;gap:18px;font-weight:650}.header-inner nav>a:not(.btn){position:relative}.header-inner nav>a:not(.btn):after{content:"";position:absolute;left:0;right:100%;bottom:-8px;height:2px;background:var(--accent);transition:right .18s ease}.header-inner nav>a:not(.btn):hover:after{right:0}.btn{display:inline-flex;align-items:center;justify-content:center;border:1px solid transparent;border-radius:12px;padding:12px 18px;font:inherit;font-weight:700;cursor:pointer;background:#fff}.btn-dark{background:var(--brand);color:#fff}.btn-dark:hover,.btn-primary:hover{background:var(--brand-dark)}.btn-primary{background:var(--brand);color:#fff}.btn-outline{border-color:#ccd4da;background:#fff;color:#26323b}.btn-small{padding:8px 11px;border-color:#ccd4da}.full{width:100%}main.wrap{padding:46px 0 60px}.status-hero{background:#fff;border:1px solid var(--border);border-left:5px solid var(--ok);border-radius:var(--radius);padding:28px 32px;display:flex;gap:18px;align-items:center;box-shadow:var(--shadow);margin-bottom:26px}.status-hero h1{margin:0 0 5px;font-size:28px;line-height:1.2;letter-spacing:-.45px}.status-hero p{margin:0;color:var(--muted);font-size:16px;line-height:1.5}.status-icon,.dot{width:18px;height:18px;border-radius:50%;background:var(--ok);box-shadow:0 0 0 5px rgba(24,183,130,.12);flex:0 0 auto}.status-warn{border-left-color:var(--warn)}.status-bad{border-left-color:var(--bad)}.status-critical{border-left-color:var(--critical)}.status-maintenance{border-left-color:var(--maint)}.incident-card{background:#fff;border:1px solid #f0cf74;border-radius:var(--radius);overflow:hidden;margin:0 0 26px;box-shadow:var(--shadow);padding:0 30px 28px}.incident-kicker{margin:0 -30px 24px;padding:18px 30px;background:#fff7d8;color:#5b4714;font-weight:800}.warning-mark{display:inline-flex;width:24px;height:24px;border-radius:7px;background:var(--warn);color:#fff;align-items:center;justify-content:center;margin-right:8px}.incident-card h2{font-size:22px;line-height:1.3;margin:0 0 13px}.incident-card h2 a:hover{text-decoration:underline}.incident-message{font-size:16px;line-height:1.6}.meta,.small-muted{font-size:14px;color:var(--muted)}.panel{background:#fff;border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);overflow:hidden;margin-bottom:26px}.panel-head{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:24px 30px;border-bottom:1px solid var(--border)}.panel-head h2{margin:0;font-size:22px;line-height:1.3}.component-group{border-bottom:1px solid var(--border)}.component-group:last-child{border:0}.component-group summary{list-style:none;cursor:pointer;padding:22px 30px;font-size:18px;line-height:1.35;font-weight:750;display:flex;justify-content:space-between}.component-group summary::-webkit-details-marker{display:none}.chev{color:#9aa3aa}.component-list{border-top:1px solid #edf0f2}.component-row{display:flex;justify-content:space-between;align-items:center;gap:24px;padding:17px 30px}.component-name{display:flex;gap:13px;align-items:center;font-size:16px;line-height:1.4;font-weight:650}.component-row .dot{width:14px;height:14px;box-shadow:none}.dot.ok{background:var(--ok)}.dot.warn{background:var(--warn)}.dot.bad{background:var(--bad)}.dot.critical{background:var(--critical)}.dot.maintenance{background:var(--maint)}.component-state{font-size:14px}.component-state.ok{color:#087d5b}.component-state.warn{color:#9a6c00}.component-state.bad{color:#b64f17}.component-state.critical{color:#b11f31}.component-state.maintenance{color:#4759b7}.maintenance-row,.history-row{display:grid;grid-template-columns:1fr auto;gap:20px;align-items:center;padding:19px 30px;border-bottom:1px solid var(--border)}.maintenance-row:last-child,.history-row:last-child{border:0}.pill{display:inline-block;border-radius:999px;padding:6px 10px;font-size:12px;font-weight:800;background:#edf1f4;color:#59636c}.pill.ok{background:#dcf7ed;color:#087d5b}.pill.maintenance{background:#eceeff;color:#4d5bbd}.pill.minor{background:#fff4cf;color:#7d5d00}.pill.major{background:#ffeadc;color:#a64b15}.pill.critical{background:#ffe1e5;color:#a71d2f}.pill.none{background:#edf1f4}.public-actions{display:flex;justify-content:center;gap:12px;margin:36px 0}.availability-note{text-align:center;color:#8a9299;line-height:1.6;max-width:700px;margin:0 auto}.page-head{margin-bottom:24px}.page-head h1{font-size:32px;line-height:1.2;margin:0 0 8px}.page-head p{font-size:16px;line-height:1.55;color:var(--muted);margin:0}.history-row{grid-template-columns:110px 1fr auto}.history-date{font-weight:800}.empty-row{padding:22px 30px;color:var(--muted)}.back-link{display:inline-block;color:var(--muted);margin-bottom:20px}.incident-detail{background:#fff;border:1px solid var(--border);border-radius:var(--radius);padding:30px;box-shadow:var(--shadow)}.incident-detail h1{font-size:30px;line-height:1.25;margin:8px 0 10px}.incident-detail .incident-kicker{display:inline-block;margin:0;padding:7px 10px;border-radius:8px;background:#fff4cf;font-size:13px}.affected{margin-top:18px;padding-top:18px;border-top:1px solid var(--border)}.timeline{margin-top:36px}.timeline h2{font-size:22px;line-height:1.3}.timeline-item{display:grid;grid-template-columns:22px 1fr;gap:15px;padding:0 0 26px;position:relative}.timeline-item:before{content:"";position:absolute;left:6px;top:18px;bottom:-2px;width:2px;background:#e3e8eb}.timeline-item:last-child:before{display:none}.timeline-dot{width:14px;height:14px;border-radius:50%;background:var(--brand);box-shadow:0 0 0 4px var(--brand-soft);margin-top:5px}.timeline-head{display:flex;gap:12px;align-items:center}.timeline-head span{color:var(--muted);font-size:13px}.timeline-item p{margin:8px 0 0;line-height:1.6}.form-panel{padding:30px;max-width:760px}.field{display:block;font-weight:700;margin-bottom:20px}.field input,.field textarea,.stack input,.stack select,.form-grid input,.form-grid select,.form-grid textarea,.component-admin-row input,.component-admin-row select{width:100%;margin-top:8px;border:1px solid #cfd7dd;border-radius:10px;padding:12px 13px;background:#fff;font:inherit;color:var(--text)}.check-group{border:1px solid var(--border);border-radius:12px;padding:12px 16px;margin:0 0 16px}.check-group legend{font-weight:800;padding:0 5px}.check-row{display:flex;align-items:center;gap:10px;padding:8px 0}.consent{display:flex;align-items:flex-start;gap:10px;color:var(--muted);font-size:13px;line-height:1.5;margin:20px 0}.success-card{max-width:620px;margin:30px auto;background:#fff;border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);text-align:center;padding:42px}.big-check{display:inline-flex;width:54px;height:54px;border-radius:50%;background:#dcf7ed;color:#098560;align-items:center;justify-content:center;font-size:28px;font-weight:900}footer{background:#fff;border-top:1px solid var(--border);color:#77818a;font-size:13px}.footer-inner{min-height:82px;display:flex;align-items:center;justify-content:space-between;gap:20px}.footer-links{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.footer-links>a:hover,.footer-credit a{color:var(--brand);font-weight:700}.footer-credit a:hover{color:var(--accent-dark)}.footer-sep{color:var(--accent);font-weight:900}.install-body,.login-body{min-height:100vh;display:grid;place-items:center;background:#eef3f6;padding:20px}.install-card,.login-card{width:min(720px,100%);background:#fff;border:1px solid var(--border);border-radius:22px;box-shadow:var(--shadow);padding:36px}.login-card{width:min(440px,100%)}.install-card h1,.login-card h1{margin-top:28px}.install-card .brand,.login-card .brand{width:100%}.install-card .brand-logo,.login-card .brand-logo{width:168px;height:48px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.form-grid label{font-weight:700}.span-2{grid-column:span 2}.form-grid small,.toggle-line small{display:block;color:var(--muted);font-weight:400;margin-top:5px}.flash{padding:13px 15px;border-radius:10px;margin:0 0 18px}.flash.error{background:#ffe8eb;color:#9f2030}.flash.success{background:#dcf7ed;color:#087d5b}.login-back{display:block;text-align:center;margin-top:20px;color:var(--muted);font-size:14px}.admin-body{background:#f3f6f8}.admin-top{height:76px;background:#fff;color:var(--text);border-bottom:3px solid var(--brand);display:flex;align-items:center;justify-content:space-between;padding:0 28px;position:sticky;top:0;z-index:30;box-shadow:0 4px 18px rgba(7,89,133,.06)}.admin-top .brand-logo{width:140px;height:40px}.admin-top .brand-word{color:var(--brand-dark);font-size:27px}.admin-top .brand-sub{color:#60707a}.admin-user{font-size:13px;color:#6e7a83}.admin-user a{color:var(--brand);font-weight:700}.admin-user a:hover{color:var(--accent-dark)}.admin-shell{display:grid;grid-template-columns:220px 1fr;min-height:calc(100vh - 76px)}.admin-nav{background:#fff;border-right:1px solid var(--border);padding:24px 14px}.admin-nav a{display:block;padding:11px 13px;border-radius:9px;font-weight:650;color:#384650}.admin-nav a:hover{background:var(--brand-soft);color:var(--brand);box-shadow:inset 3px 0 var(--accent)}.admin-main{padding:30px;min-width:0}.admin-title h1{font-size:30px;margin:0 0 24px}.admin-status{background:#fff;border:1px solid var(--border);border-radius:16px;padding:20px;display:grid;grid-template-columns:auto 1fr auto;gap:14px;align-items:center;margin-bottom:20px}.admin-status small{display:block;color:var(--muted)}.admin-status strong{font-size:18px}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:20px}.stat{background:#fff;border:1px solid var(--border);border-radius:14px;padding:22px}.stat strong{display:block;font-size:30px}.stat span{color:var(--muted);font-size:13px}.admin-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.admin-card{background:#fff;border:1px solid var(--border);border-radius:15px;padding:22px;margin-bottom:20px;box-shadow:0 4px 20px rgba(20,38,50,.03)}.admin-card h2{margin:0 0 18px;font-size:20px}.card-head{display:flex;justify-content:space-between;align-items:center;gap:15px}.card-head h2{margin:0}.card-head a{color:var(--brand);font-weight:700;font-size:13px}.card-head a:hover{color:var(--accent-dark)}.admin-list-row{display:flex;justify-content:space-between;align-items:center;gap:15px;padding:14px 0;border-top:1px solid var(--border)}.admin-list-row small{display:block;color:var(--muted);margin-top:4px}.toolbar{display:flex;justify-content:flex-end;margin:-54px 0 20px}.table-card{padding:0;overflow:auto}.admin-table{width:100%;border-collapse:collapse;min-width:760px}.admin-table th,.admin-table td{text-align:left;padding:15px 18px;border-bottom:1px solid var(--border);font-size:14px}.admin-table th{background:#f8fafb;color:#59636c;font-size:12px;text-transform:uppercase;letter-spacing:.4px}.actions{white-space:nowrap}.actions a,.link-btn,.link-danger{font:inherit;font-weight:700;border:0;background:none;padding:0;cursor:pointer;margin-right:10px;color:var(--brand)}.link-danger{color:#bd3342}.inline{display:inline}.edit-form h3{margin-top:26px}.component-picker{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.pick-group{border:1px solid var(--border);border-radius:12px;padding:14px}.pick-group strong{display:block;margin-bottom:8px}.pick-group label{display:block;padding:5px 0;font-size:14px}.form-actions{display:flex;gap:10px;margin-top:22px}.update-row{border-top:1px solid var(--border);padding:16px 0}.update-row>div{display:flex;gap:10px}.update-row span{color:var(--muted);font-size:13px}.update-row p{margin:8px 0 0;line-height:1.5}.stack{display:grid;gap:12px}.stack label{font-weight:700}.component-admin-row{display:grid;grid-template-columns:1.3fr 1fr 1.2fr 90px 100px auto;gap:9px;align-items:end;border-top:1px solid var(--border);padding-top:14px;margin-top:14px}.component-admin-row input,.component-admin-row select{margin-top:0;padding:9px}.tiny-check{font-size:13px;padding:9px 0}.delete-under{text-align:right;margin-top:6px}.delete-under .link-danger{font-size:11px}.toggle-line{display:flex!important;gap:11px;align-items:flex-start;border:1px solid var(--border);border-radius:12px;padding:14px}.toggle-line input{width:auto;margin:3px 0 0}.admin-card code{display:block;background:#f1f5f7;border-radius:9px;padding:12px;overflow:auto}.empty-state{text-align:center;padding:60px 0}.empty-state h1{font-size:30px;line-height:1.25}
.site-header{box-shadow:0 2px 18px rgba(7,89,133,.035)}
.btn:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid rgba(242,140,40,.35);outline-offset:3px}
.btn-outline:hover,.btn-small:hover{border-color:var(--brand);color:var(--brand);background:var(--brand-soft)}
.page-head h1,.admin-title h1{color:var(--brand-dark)}
.page-head h1:after,.admin-title h1:after{content:"";display:block;width:42px;height:3px;background:var(--accent);border-radius:999px;margin-top:10px}
@media(max-width:780px){.wrap{width:min(100% - 28px,1060px)}.header-inner{min-height:76px}.brand-logo{width:132px;max-width:42vw;height:40px}.brand-word{font-size:28px}.brand-sub{display:none}.header-inner nav>a:first-child{display:none}.btn{padding:10px 13px}.site-header .btn-dark{font-size:13px}.status-hero{padding:22px 20px}.status-hero h1{font-size:22px}.incident-card{padding:0 20px 22px}.incident-kicker{margin:0 -20px 20px;padding:16px 20px}.panel-head,.component-group summary,.component-row{padding-left:20px;padding-right:20px}.panel-head{display:block}.panel-head .small-muted{display:block;margin-top:6px}.component-state{font-size:0}.component-state:after{content:""}.history-row{grid-template-columns:1fr auto}.history-date{grid-column:1/-1;color:var(--muted);font-size:13px}.form-grid{grid-template-columns:1fr}.span-2{grid-column:span 1}.footer-inner{display:block;padding:20px 0}.footer-inner>div+div{margin-top:8px}.admin-top{height:66px;padding:0 16px}.admin-user{font-size:0}.admin-user a{font-size:12px;margin-left:9px}.admin-shell{display:block}.admin-nav{display:flex;overflow:auto;border-right:0;border-bottom:1px solid var(--border);padding:10px;position:sticky;top:66px;z-index:20}.admin-nav a{white-space:nowrap;font-size:13px}.admin-main{padding:20px 14px}.toolbar{margin:0 0 15px;justify-content:flex-start}.stats-grid{grid-template-columns:1fr 1fr}.admin-grid{grid-template-columns:1fr}.component-picker{grid-template-columns:1fr}.component-admin-row{grid-template-columns:1fr 1fr}.component-admin-row input:first-of-type{grid-column:1/-1}.tiny-check{align-self:center}.admin-status{grid-template-columns:auto 1fr}.admin-status .btn{grid-column:1/-1}.page-head h1{font-size:26px}.status-hero p{font-size:15px}.panel-head h2{font-size:20px}.panel-head .small-muted{font-size:14px;line-height:1.45}.incident-card h2{font-size:20px}.incident-message{font-size:15px}.component-group summary{font-size:18px}.component-name{font-size:15.5px}.incident-detail h1{font-size:26px}.timeline h2{font-size:20px}.timeline-item p{font-size:15px}.empty-state h1{font-size:26px}}
.detail-message{font-size:16px;line-height:1.7;margin:24px 0}.notify-line{margin-top:22px}

/* Brand logo resilience: CDN requests omit Referer to avoid hotlink rules.
   The text fallback is shown only until the SVG has loaded successfully. */
.brand{position:relative}.brand-fallback{display:none;font-size:28px;line-height:1;font-weight:800;letter-spacing:-1.2px;color:var(--brand-dark)}.brand.logo-failed .brand-logo{display:none}.brand.logo-failed .brand-fallback{display:inline-block}.admin-top .brand-fallback{font-size:24px}.install-card .brand-fallback,.login-card .brand-fallback{font-size:30px}

/* 1.0.0-beta.5: compact public typography and controls, aligned with common status-page sizing */
html{-webkit-text-size-adjust:100%;text-size-adjust:100%}
body{font-size:15px;line-height:1.48}
.site-header .header-inner{min-height:82px}
.site-header .brand-logo{width:146px;height:42px}
.header-inner nav{gap:15px;font-size:14px}
.btn{border-radius:10px;padding:9px 14px;font-size:14px;line-height:1.25}
.btn-small{padding:7px 10px;font-size:13px}
main.wrap{padding-top:38px}
.status-hero{padding:23px 27px;gap:15px}
.status-hero h1{font-size:24px;line-height:1.22;letter-spacing:-.3px}
.status-hero p{font-size:15px;line-height:1.45}
.incident-card h2,.panel-head h2,.timeline h2{font-size:20px}
.incident-message,.detail-message{font-size:15px}
.panel-head{padding:20px 26px}
.panel-head .small-muted,.small-muted,.meta{font-size:13px}
.component-group summary{padding:18px 26px;font-size:16px;line-height:1.35}
.component-row{padding:14px 26px}
.component-name{font-size:15px;line-height:1.35}
.component-state{font-size:13px}
.page-head h1{font-size:28px}
.page-head p{font-size:15px}
.incident-detail h1{font-size:26px}
.public-actions{margin:30px 0}
.availability-note{font-size:14px;line-height:1.55}

@media(max-width:780px){
  body{font-size:14px;line-height:1.45}
  .wrap{width:min(100% - 24px,1060px)}
  .header-inner{min-height:68px;gap:12px}
  .brand-logo{width:118px;max-width:39vw;height:34px}
  .header-inner nav{gap:10px}
  .btn{padding:8px 11px;font-size:13px;border-radius:9px}
  .site-header .btn-dark{font-size:12.5px;padding:8px 11px}
  main.wrap{padding:30px 0 46px}
  .status-hero{padding:18px 17px;gap:13px;margin-bottom:20px}
  .status-hero h1{font-size:20px;line-height:1.22;margin-bottom:3px}
  .status-hero p{font-size:13.5px;line-height:1.42}
  .status-icon{width:15px;height:15px;box-shadow:0 0 0 4px rgba(24,183,130,.12)}
  .panel{margin-bottom:20px}
  .panel-head{padding:17px 18px}
  .panel-head h2{font-size:18px;line-height:1.3}
  .panel-head .small-muted{font-size:12.5px;line-height:1.4}
  .component-group summary{padding:16px 18px;font-size:15.5px}
  .component-row{padding:13px 18px}
  .component-name{font-size:14px;gap:11px}
  .component-row .dot{width:12px;height:12px}
  .incident-card{padding:0 18px 19px}
  .incident-kicker{margin:0 -18px 17px;padding:14px 18px}
  .incident-card h2{font-size:18px}
  .incident-message,.detail-message{font-size:14px;line-height:1.55}
  .page-head h1{font-size:23px}
  .page-head p{font-size:14px}
  .incident-detail h1{font-size:22px}
  .timeline h2{font-size:18px}
  .timeline-item p{font-size:14px}
  .public-actions{margin:26px 0;gap:9px}
  .availability-note{font-size:13px;line-height:1.5}
}

/* 1.0.0-beta.6: quieter global-status headline */
.status-hero h1{font-size:22px;line-height:1.24;font-weight:700;letter-spacing:-.2px}
@media(max-width:780px){
  .status-hero h1{font-size:18px;line-height:1.25;font-weight:700;letter-spacing:-.1px}
}