@font-face{font-family:'DM Sans';src:url('/assets/dm-sans.ttf') format('truetype');font-style:normal;font-weight:100 900;font-display:swap}
:root{--ops-ink:#25382f;--ops-muted:#748078;--ops-accent:#287d65;--ops-line:#dfe6dd;--ops-paper:#fffefa}
body{font-family:'DM Sans','Noto Sans SC','Microsoft YaHei',sans-serif;background-image:radial-gradient(ellipse at 5% 0%,#e3edde88,transparent 44%),radial-gradient(ellipse at 97% 70%,#f1e5d266,transparent 43%);color:var(--ops-ink)}
.header-container{border-bottom:1px solid var(--ops-line);background:#fbfcf7d9;backdrop-filter:blur(12px)}
.logo{font-weight:800;letter-spacing:-.07em}.widget{border-radius:15px}.widget-content{border:1px solid var(--ops-line)!important;border-radius:15px!important;background:var(--ops-paper)!important;box-shadow:0 3px 16px #33462a04}
.widget-header{letter-spacing:.06em;font-size:1.15rem;color:#68766c;margin-bottom:11px!important}.ops-hero-widget .widget-content{background:transparent!important;border:none!important;box-shadow:none!important;padding:10px 0 5px!important}
.ops-hero{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:5px 3px}.ops-eyebrow{font-size:11px;letter-spacing:.21em;font-weight:700;color:var(--ops-accent);margin-bottom:8px}.ops-title{font-size:clamp(26px,3vw,40px);font-weight:550;letter-spacing:-.035em;line-height:1.25}.ops-subtitle{color:var(--ops-muted);font-size:12px;margin-top:9px;line-height:1.8}.ops-controls{display:flex;gap:8px;align-items:center;flex-wrap:wrap;justify-content:flex-end}.ops-button{border:1px solid #cdd8cc;background:#fffefa;border-radius:8px;padding:8px 12px;font-size:12px;cursor:pointer;white-space:nowrap;color:var(--ops-ink)}.ops-button:hover{background:#eaf1e6}.ops-button:focus-visible{outline:2px solid #287d65;outline-offset:3px}
.ops-status{display:inline-flex;gap:7px;align-items:center;border-radius:99px;padding:5px 9px;font-size:11px;color:#257255;background:#e7f2e9;white-space:nowrap}.ops-status:before{content:'';width:5px;height:5px;border-radius:50%;background:currentColor}.ops-status.bad{background:#fbebe5;color:#af5739}.ops-status.neutral{background:#eef0eb;color:#737a70}
.ops-kpi-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0}.ops-kpi{padding:10px 18px;border-right:1px solid var(--ops-line)}.ops-kpi:first-child{padding-left:0}.ops-kpi:last-child{border:0;padding-right:0}.ops-kpi-label{font-size:12px;color:var(--ops-muted)}.ops-kpi-value{font-size:29px;letter-spacing:-.055em;margin:8px 0;line-height:1.1;font-variant-numeric:tabular-nums}.ops-unit{font-size:13px;color:var(--ops-muted);letter-spacing:0;margin-left:3px}.ops-small{font-size:11px;color:var(--ops-muted);line-height:1.8}.ops-progress{height:4px;background:#edf0e9;border-radius:5px;margin:11px 0 6px;overflow:hidden}.ops-progress i{display:block;height:100%;background:#58997e;border-radius:5px}
.ops-signin-head{display:flex;align-items:center;justify-content:space-between;gap:8px}.ops-signin-title{font-size:19px;font-weight:650;letter-spacing:-.03em}.ops-signin-state{font-size:27px;letter-spacing:-.04em;margin:22px 0 8px;color:#287d65}.ops-signin-state.bad{color:#b6603e}.ops-note{font-size:12px;color:#738074;line-height:1.9}.ops-mini-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;border-top:1px solid var(--ops-line);border-bottom:1px solid var(--ops-line);padding:16px 0;margin:19px 0}.ops-mini-grid b{font-size:23px;font-weight:500;display:block;font-variant-numeric:tabular-nums}.ops-mini-grid span{font-size:10px;color:var(--ops-muted)}.ops-facts{display:grid;grid-template-columns:auto 1fr;gap:11px 15px;font-size:12px}.ops-facts dt{color:var(--ops-muted)}.ops-facts dd{text-align:right;font-variant-numeric:tabular-nums}.ops-link{display:inline-flex;align-items:center;gap:7px;color:var(--ops-accent);font-size:12px;margin-top:20px}.ops-link:hover{text-decoration:underline}.ops-panel-label{display:flex;justify-content:space-between;align-items:center;font-size:12px;margin-bottom:12px}.ops-chart{width:100%;height:auto;display:block;overflow:visible}.ops-chart-grid{stroke:#dfe6dd;stroke-width:1;stroke-dasharray:3 6}.ops-chart polygon{fill-opacity:.61;stroke-width:.7;transition:fill-opacity .18s}.ops-chart:hover polygon{fill-opacity:.8}.ops-chart-scale{display:flex;justify-content:space-between;font-size:10px;color:#879083;margin:4px 0 22px}.ops-legend{display:flex;flex-wrap:wrap;gap:9px 15px;margin-top:12px}.ops-legend span{font-size:10px;display:flex;gap:5px;align-items:center;color:#778174}.ops-legend i{width:7px;height:7px;border-radius:2px;display:inline-block}.ops-divider{height:1px;background:var(--ops-line);margin:22px 0}
.ops-table{width:100%;border-collapse:collapse;font-size:12px}.ops-table th{text-align:left;color:#8b9488;font-size:10px;font-weight:500;padding:0 0 12px}.ops-table td{padding:11px 0;border-top:1px solid #edf0e9;vertical-align:middle}.ops-table th:nth-last-child(-n+2),.ops-table td:nth-last-child(-n+2){text-align:right;font-variant-numeric:tabular-nums}.ops-service-name{display:flex;gap:8px;align-items:center}.ops-service-name i{width:6px;height:6px;border-radius:50%;flex-shrink:0}.ops-tag{font-size:9px;background:#f0f2ec;color:#8a9385;border-radius:4px;padding:2px 4px;margin-left:4px}.ops-service-note{color:#8b9488;font-size:10px;margin-top:13px;line-height:1.8}
.ops-run{padding:12px 0;border-bottom:1px solid #edf0e9}.ops-run:last-child{border:0}.ops-run-top{display:flex;align-items:center;justify-content:space-between;gap:6px}.ops-run-name{font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ops-run-meta{font-size:10px;color:var(--ops-muted);margin-top:7px;font-variant-numeric:tabular-nums}.ops-entry{display:flex;align-items:center;justify-content:space-between;padding:14px 0;border-bottom:1px solid #edf0e9;font-size:13px}.ops-entry:last-child{border:0}.ops-entry span{font-size:10px;color:var(--ops-muted);display:block;margin-top:5px}.ops-entry-arrow{color:#9fa89a;font-size:18px}.ops-alert{padding:10px 13px;color:#a65739;background:#fbeee6;border-radius:9px;font-size:12px;line-height:1.7;margin:8px 0}.ops-bottom{font-size:10px;color:#939b8d;text-align:right;margin-top:16px}.ops-stale-banner{position:fixed;bottom:18px;left:50%;transform:translateX(-50%);background:#a45a36;color:#fff;padding:9px 17px;border-radius:9px;font-size:12px;z-index:1000;box-shadow:0 4px 20px #26352222}.ops-paused{color:#ac7534}.ops-template-note{color:#879081;font-size:11px;line-height:1.8}
@media(min-width:1200px){.page-columns{gap:22px!important}.widget-content{padding:22px!important}.ops-hero{padding:10px 0 14px}}
@media(max-width:1050px){.ops-kpi{padding:9px 12px}.ops-kpi-value{font-size:24px}.ops-controls{max-width:200px}.ops-hero{align-items:flex-start}.ops-title{font-size:28px}.ops-legend{gap:8px 12px}}
@media(max-width:650px){.ops-hero{display:block}.ops-controls{justify-content:flex-start;max-width:none;margin-top:16px}.ops-kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:20px}.ops-kpi:nth-child(2){border:0}.ops-kpi:nth-child(3){padding-left:0}.ops-kpi-value{font-size:27px}.ops-table{font-size:11px}.ops-tag{display:block;margin:4px 0 0;width:max-content}.ops-signin-state{margin-top:16px}.ops-chart-scale{margin-bottom:18px}.ops-stale-banner{width:90%;text-align:center}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}

/* Compact observatory layout: keep the service table beside the charts. */
.ops-table th{color:#687660}.ops-run-meta,.ops-chart-scale,.ops-service-note{color:#6b7866}
@media(min-width:1200px){
 .ops-hero{padding:2px 0 3px}.ops-title{font-size:34px}.ops-subtitle{margin-top:6px}
 .ops-chart{height:86px}.ops-chart-scale{margin-bottom:16px}
 .ops-kpi-widget .widget-content{padding:17px 22px!important}.ops-kpi{padding-top:3px;padding-bottom:3px}
 .ops-kpi-value{font-size:27px;margin:6px 0}.ops-progress{margin-top:8px;margin-bottom:5px}
 .ops-services-widget .widget-content{padding:18px!important}.ops-services-widget .ops-table{font-size:11px}
 .ops-services-widget .ops-tag{display:none}.ops-services-widget .ops-table td{padding:8px 0}
 .ops-services-widget .ops-status{font-size:10px;padding:4px 6px;gap:5px}
 .ops-services-widget .ops-service-note{font-size:10px;margin-top:9px;line-height:1.6}
 .ops-recent-widget .widget-content{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
 .ops-recent-widget .ops-run{border-bottom:0;padding:3px 0}.ops-recent-widget .ops-run-top{display:block}
 .ops-recent-widget .ops-status{margin-top:12px}.ops-recent-widget .ops-run-name{display:block;max-width:100%}
}
/* A single scrollable mobile dashboard keeps business status visible. */
@media(max-width:1190px){
 .header-container{display:block!important}
 .mobile-navigation,.mobile-navigation-offset{display:none!important}
 .page-columns{display:flex!important;flex-direction:column!important;gap:18px!important}
 .page-column{display:block!important;width:100%!important;animation:none!important}
}