:root { --bg:#050b16; --surface:#0b1425; --surface-2:#0d192b; --line:#1b2b43; --muted:#7890aa; --text:#eff8ff; --cyan:#19c8ff; --blue:#3b82f6; --violet:#8b5cf6; --green:#2dd4bf; --amber:#f5b942; --red:#ff4567; --sidebar:110px; color-scheme:dark; }
* { box-sizing:border-box; }
html { scroll-behavior:smooth; }
body { margin:0; background:radial-gradient(circle at 55% -20%,#102343 0,transparent 38%),var(--bg); color:var(--text); font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif; font-size:14px; }
a { color:inherit; } button,input { font:inherit; } button { color:inherit; }
.sr-only { position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0; }
.skip-link { position:fixed;left:12px;top:-60px;background:var(--cyan);color:#00101a;padding:10px 14px;border-radius:8px;z-index:99;font-weight:800; }.skip-link:focus{top:12px}
.app-shell { min-height:100vh; }
.sidebar { position:fixed;inset:0 auto 0 0;width:var(--sidebar);background:rgba(5,14,27,.96);border-right:1px solid var(--line);display:flex;flex-direction:column;z-index:10; }
.brand-mark { height:126px;display:flex;align-items:center;justify-content:center;text-decoration:none;font:800 29px/1 ui-monospace,monospace;color:var(--cyan);text-shadow:0 0 18px rgba(25,200,255,.35);border-bottom:1px solid var(--line); }.brand-mark span{color:#2e6683}
.brand-mark img{display:block;max-width:72px;max-height:72px;object-fit:contain}
.sidebar nav { display:grid;padding-top:24px;gap:8px; }
.nav-link { min-height:76px;display:grid;place-content:center;gap:7px;text-align:center;text-decoration:none;color:#6f849c;border-left:3px solid transparent;transition:.2s ease; }.nav-link span{font-size:22px}.nav-link b{font-size:10px;text-transform:uppercase;letter-spacing:.09em}.nav-link:hover,.nav-link:focus-visible,.nav-link.active{color:var(--cyan);background:rgba(25,200,255,.08);border-left-color:var(--cyan);outline:0}
.rail-status { margin-top:auto;padding:22px 10px;display:flex;align-items:center;justify-content:center;gap:8px;color:#6f849c;text-transform:uppercase;letter-spacing:.1em;font-size:9px;font-weight:800; }.rail-status i,.system-state i,.ticker i{width:7px;height:7px;border-radius:50%;background:var(--green);box-shadow:0 0 9px var(--green);flex:0 0 auto}
.workspace { margin-left:var(--sidebar);min-width:0; }
.ticker { height:34px;border-bottom:1px solid var(--line);display:flex;align-items:center;overflow:hidden;position:relative;background:rgba(4,11,22,.8); }.ticker-track{display:flex;width:max-content;animation:ticker 35s linear infinite;padding-right:180px}.ticker-track>div{display:flex;gap:34px;padding-right:34px}.ticker-track span{display:flex;align-items:center;gap:8px;color:#7e91aa;text-transform:uppercase;font:700 9px/1 ui-monospace,monospace;letter-spacing:.08em;white-space:nowrap}.ticker-track i:not(.good){width:3px;height:3px;box-shadow:none;background:#52657c}.demo-flag{position:absolute;right:0;top:0;height:33px;display:flex;align-items:center;padding:0 18px;background:#07101f;color:var(--violet);font:800 9px/1 ui-monospace,monospace;letter-spacing:.09em}@keyframes ticker{to{transform:translateX(-50%)}}
main { max-width:1830px;margin:auto;padding:0 28px; }
.topbar { min-height:120px;display:flex;align-items:center;justify-content:space-between;gap:30px;border-bottom:1px solid var(--line); }.eyebrow{margin:0 0 8px;color:#5f7895;text-transform:uppercase;font:800 10px/1.2 ui-monospace,monospace;letter-spacing:.13em}.topbar h1{margin:0;font-size:29px;letter-spacing:-.04em}.topbar-actions{display:flex;align-items:center;gap:16px}.search-box{width:min(370px,32vw);height:46px;border:1px solid var(--line);border-radius:9px;display:flex;align-items:center;gap:10px;padding:0 12px;background:#081525;color:#6f849c;transition:.2s}.search-box:focus-within{border-color:#237ea0;box-shadow:0 0 0 3px rgba(25,200,255,.08)}.search-box input{width:100%;min-width:0;border:0;outline:0;background:transparent;color:var(--text)}.search-box input::placeholder{color:#61758c}.search-box kbd{border:1px solid #27405c;border-radius:4px;padding:2px 7px;background:#0c1a2c;color:#7890aa}.clock{border-left:1px solid var(--line);padding-left:16px;min-width:145px}.clock strong,.clock span{display:block}.clock strong{font:700 17px/1.1 ui-monospace,monospace;color:var(--cyan)}.clock span{margin-top:5px;color:var(--muted);font-size:10px;text-transform:uppercase;letter-spacing:.05em}
.dashboard-grid { display:grid;grid-template-columns:minmax(0,1fr) 388px;gap:16px;padding-top:18px;scroll-margin-top:14px; }.panel{background:linear-gradient(145deg,rgba(14,25,44,.98),rgba(8,17,31,.98));border:1px solid var(--line);border-radius:13px;box-shadow:0 14px 45px rgba(0,0,0,.14)}.health-panel{padding:20px}.panel-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:18px}.panel h2,.panel h3{margin:0;letter-spacing:-.025em}.panel h2{font-size:20px}.panel h3{font-size:15px}.system-state{display:flex;align-items:center;gap:8px;color:#7d91a7;font-size:11px}.metric-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:11px;margin-top:18px}.metric{min-height:96px;border:1px solid var(--line);border-radius:10px;padding:14px;display:flex;align-items:center;gap:14px;background:rgba(8,19,34,.55)}.metric-icon{width:44px;height:44px;border:2px solid currentColor;border-radius:50%;display:grid;place-items:center;font-size:21px}.metric span,.metric strong,.metric small{display:block}.metric span{color:#b8c8d7;font-size:12px}.metric strong{font:800 25px/1.1 ui-monospace,monospace;margin:3px 0}.metric small{color:#536a83;font-size:9px}.metric.online{color:var(--green)}.metric.degraded{color:var(--amber)}.metric.offline{color:var(--red)}.metric.ssl{color:var(--violet)}
.chart-wrap{margin-top:14px;border:1px solid var(--line);border-radius:10px;padding:16px 16px 10px;background:#081424}.chart-head{display:flex;justify-content:space-between}.legend{display:flex;gap:14px;color:#71879e;font-size:10px}.legend span{display:flex;gap:6px;align-items:center}.legend i{width:7px;height:7px;border-radius:50%}.legend .download{background:var(--cyan)}.legend .upload{background:var(--violet)}#throughput-chart{display:block;width:100%;height:170px;margin-top:8px}.chart-axis{display:flex;justify-content:space-between;color:#415875;font:9px/1 ui-monospace,monospace;padding:0 4px}
.incident-panel{padding:20px;scroll-margin-top:14px}.count-badge{width:28px;height:28px;border-radius:50%;display:grid;place-items:center;background:rgba(255,69,103,.18);color:var(--red);font:800 12px/1 ui-monospace,monospace}.incident-list{border:1px solid var(--line);border-radius:9px;overflow:hidden;margin-top:18px}.incident{min-height:68px;padding:11px;display:grid;grid-template-columns:36px 1fr auto;align-items:center;gap:10px;background:#091525}.incident+.incident{border-top:1px solid var(--line)}.incident-icon{width:32px;height:32px;border:2px solid currentColor;border-radius:50%;display:grid;place-items:center;font-weight:900}.incident>div strong,.incident>div span{display:block}.incident>div strong{font-size:12px}.incident>div>span{color:#70859c;font-size:10px;margin-top:4px}.incident-state{text-align:right}.incident-state b{display:inline-block;margin-top:5px;padding:3px 5px;border-radius:3px;background:rgba(255,255,255,.07);text-transform:uppercase;font-size:7px}.incident.critical{color:var(--red)}.incident.warning{color:var(--amber)}.incident.planned{color:#7890aa}.demo-note{display:flex;gap:10px;margin-top:14px;padding:13px;border:1px solid #14506a;background:#063147;border-radius:8px}.demo-note>span{width:22px;height:22px;border:1px solid var(--cyan);color:var(--cyan);border-radius:50%;display:grid;place-items:center}.demo-note strong{font-size:11px}.demo-note p{margin:4px 0 0;color:#6d9aae;font-size:9px;line-height:1.45}
.availability-panel{min-height:195px;padding:20px;display:grid;grid-template-columns:1fr auto;align-items:center;position:relative}.availability-panel .muted{color:var(--muted);font-size:10px;margin-top:44px}.availability-ring{--availability:359deg;width:124px;height:124px;border-radius:50%;background:conic-gradient(var(--green) var(--availability),#1c2b40 0);display:grid;place-items:center;box-shadow:0 0 26px rgba(45,212,191,.09)}.availability-ring:before{content:"";width:98px;height:98px;border-radius:50%;background:#0b1728;position:absolute}.availability-ring div{position:relative;z-index:1}.availability-ring strong{font:800 22px/1 ui-monospace,monospace}.availability-ring span{font-size:11px}.availability-meta{position:absolute;right:166px;bottom:20px;color:var(--muted);font-size:9px}.availability-meta b{color:var(--text);margin-right:7px}.latency-panel{padding:20px}.avg-latency{color:var(--cyan);font:800 14px/1 ui-monospace,monospace}.latency-list{display:grid;gap:14px;margin-top:22px}.latency-row{display:grid;grid-template-columns:82px 1fr 46px;align-items:center;gap:10px;color:#8295aa;font-size:10px}.latency-row>div{height:7px;border-radius:99px;background:#1a2940;overflow:hidden}.latency-row i{height:100%;display:block;border-radius:inherit;background:linear-gradient(90deg,var(--cyan),var(--violet))}.latency-row b{text-align:right;color:#9aadc0;font:700 9px/1 ui-monospace,monospace}
.systems-panel{margin-top:16px;padding:20px;scroll-margin-top:14px}.systems-header{display:flex;align-items:flex-end;justify-content:space-between;gap:20px}.filter-row{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:6px}.filter-row button{border:1px solid var(--line);background:#0a1727;color:#70869d;border-radius:6px;padding:7px 11px;font-size:10px;cursor:pointer;transition:.2s}.filter-row button:hover,.filter-row button:focus-visible{border-color:#2a7793;color:var(--text);outline:0}.filter-row button.active{border-color:#1d779a;background:rgba(25,200,255,.1);color:var(--cyan)}.tool-groups{margin-top:20px}.tool-group+.tool-group{margin-top:20px}.tool-group h3{font:800 10px/1 ui-monospace,monospace;color:#6e86a1;text-transform:uppercase;letter-spacing:.12em;margin-bottom:10px}.tool-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px}.tool-card{min-height:78px;border:1px solid var(--line);background:#091526;border-radius:9px;padding:12px;display:grid;grid-template-columns:42px 1fr 18px;gap:11px;align-items:center;text-decoration:none;transition:transform .18s,border-color .18s,background .18s,box-shadow .18s}.tool-card:hover,.tool-card:focus-visible{transform:translateY(-2px);border-color:#2b6783;background:#0c1c30;box-shadow:0 9px 26px rgba(0,0,0,.22);outline:0}.tool-icon{width:42px;height:42px;border:1px solid currentColor;border-radius:8px;display:grid;place-items:center;background:color-mix(in srgb,currentColor 10%,transparent);font:800 12px/1 ui-monospace,monospace}.tool-icon.cyan{color:var(--cyan)}.tool-icon.blue{color:var(--blue)}.tool-icon.violet{color:var(--violet)}.tool-icon.green{color:var(--green)}.tool-icon.red{color:var(--red)}.tool-icon.orange{color:#fb923c}.tool-copy{min-width:0}.tool-copy strong,.tool-copy small{display:block}.tool-copy strong{font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tool-copy small{color:#60768e;margin-top:6px;font-size:9px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.launch-arrow{color:#4f6680}.tool-card:hover .launch-arrow{color:var(--cyan)}.empty-state{text-align:center;color:var(--muted);padding:34px}footer{min-height:72px;display:flex;align-items:center;justify-content:space-between;color:#536a82;font:700 9px/1 ui-monospace,monospace;text-transform:uppercase;letter-spacing:.09em}
@media(max-width:1150px){.dashboard-grid{grid-template-columns:1fr}.incident-panel{grid-row:auto}.availability-panel,.latency-panel{min-height:190px}.tool-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:800px){:root{--sidebar:0px}.sidebar{position:sticky;top:0;width:100%;height:60px;display:flex;flex-direction:row;align-items:center;border-right:0;border-bottom:1px solid var(--line)}.brand-mark{width:78px;height:60px;font-size:21px;border-bottom:0;border-right:1px solid var(--line)}.sidebar nav{display:flex;padding:0;height:100%;flex:1;justify-content:center}.nav-link{min-height:60px;min-width:72px;border-left:0;border-bottom:2px solid transparent;gap:3px}.nav-link span{font-size:16px}.nav-link b{font-size:8px}.nav-link.active{border-left:0;border-bottom-color:var(--cyan)}.rail-status{display:none}.workspace{margin-left:0}.ticker{height:30px}.demo-flag{height:29px;padding:0 9px}.topbar{min-height:126px;align-items:flex-start;padding:20px 0;flex-direction:column;gap:14px}.topbar-actions{width:100%}.search-box{width:100%}.clock{min-width:126px}.dashboard-grid{padding-top:12px}main{padding:0 14px}.metric-cards{grid-template-columns:1fr}.metric{min-height:80px}.tool-grid{grid-template-columns:repeat(2,1fr)}.systems-header{align-items:flex-start;flex-direction:column}.filter-row{justify-content:flex-start}.availability-panel{grid-template-columns:1fr auto}.availability-panel .muted{margin-top:25px}}
@media(max-width:520px){.nav-link{min-width:62px}.nav-link b{display:none}.topbar-actions{align-items:stretch}.clock{padding-left:12px;min-width:112px}.clock strong{font-size:14px}.clock span{font-size:8px}.panel,.health-panel,.incident-panel,.latency-panel,.systems-panel{padding:15px}.panel-heading{gap:10px}.system-state{max-width:120px;text-align:right}.legend{display:none}#throughput-chart{height:140px}.availability-panel{grid-template-columns:1fr;gap:18px;justify-items:center;text-align:center}.availability-panel .muted{margin-top:10px}.availability-meta{position:static}.tool-grid{grid-template-columns:1fr}.tool-card{min-height:72px}.latency-row{grid-template-columns:72px 1fr 42px}.filter-row button{padding:7px 9px}.ticker-track{animation-duration:24s}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}.ticker-track{animation:none}.tool-card{transition:none}}

/* Authentication and administration */
.muted{color:var(--muted);line-height:1.6}
.auth-page{min-height:100vh;display:grid;place-items:center;padding:24px;background:radial-gradient(circle at 50% 0,#102343 0,transparent 45%),var(--bg)}
.auth-card{width:min(460px,100%);padding:32px;background:linear-gradient(145deg,#0e192c,#08111f);border:1px solid var(--line);border-radius:14px;box-shadow:0 24px 70px rgba(0,0,0,.35)}
.auth-card h1{margin:0 0 8px;font-size:26px}.auth-card .subtle-link{display:inline-block;margin-top:20px;color:var(--muted);text-decoration:none}.auth-card .subtle-link:hover{color:var(--cyan)}
.stack-form{display:grid;gap:15px;margin-top:24px}.stack-form label,.settings-grid>label,.link-form-grid>label{display:grid;gap:7px;color:#9db0c3;font-size:11px;font-weight:700}
.stack-form input,.settings-grid input,.link-form-grid input,.link-form-grid select{width:100%;height:43px;padding:0 11px;border:1px solid var(--line);border-radius:7px;background:#071322;color:var(--text);outline:0}
.stack-form input:focus,.settings-grid input:focus,.link-form-grid input:focus,.link-form-grid select:focus{border-color:var(--cyan);box-shadow:0 0 0 3px rgba(25,200,255,.09)}
.primary-button,.secondary-button,.admin-header button,.admin-header a,.row-actions button{border:1px solid transparent;border-radius:7px;padding:10px 14px;font-weight:800;font-size:11px;cursor:pointer;text-decoration:none;transition:.18s}
.primary-button{background:var(--cyan);color:#02121b}.primary-button:hover,.primary-button:focus-visible{filter:brightness(1.1);outline:0}
.secondary-button,.admin-header button,.admin-header a,.row-actions button{background:#0a182a;border-color:var(--line);color:#9fb2c5}.secondary-button:hover,.admin-header button:hover,.admin-header a:hover,.row-actions button:hover{border-color:#2d718d;color:var(--text)}
.flash{padding:12px 14px;margin:0 0 18px;border:1px solid;border-radius:8px;font-size:12px}.flash.success{color:#7ff0dc;background:rgba(45,212,191,.09);border-color:#17685c}.flash.error{color:#ff9aad;background:rgba(255,69,103,.09);border-color:#7d2638}
.admin-page{min-height:100vh;background:radial-gradient(circle at 65% -20%,#102343 0,transparent 38%),var(--bg)}
.admin-header{min-height:82px;padding:18px clamp(18px,4vw,56px);display:flex;align-items:center;justify-content:space-between;gap:24px;border-bottom:1px solid var(--line);background:rgba(5,13,25,.9);position:sticky;top:0;z-index:10;backdrop-filter:blur(12px)}
.admin-header h1{margin:0;font-size:23px}.admin-header nav{display:flex;align-items:center;gap:8px}.admin-header form{margin:0}
.admin-main{max-width:1450px;margin:0 auto;padding:28px clamp(14px,4vw,48px) 60px}
.admin-panel{padding:22px;margin-bottom:18px;background:linear-gradient(145deg,rgba(14,25,44,.98),rgba(8,17,31,.98));border:1px solid var(--line);border-radius:13px}
.admin-section-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:20px}.admin-section-heading h2{margin:0;font-size:20px}.admin-section-heading .muted{margin:7px 0 0;font-size:11px}
.admin-badge{padding:6px 9px;border:1px solid #245e77;border-radius:99px;color:var(--cyan);background:rgba(25,200,255,.07);font:700 9px/1 ui-monospace,monospace;text-transform:uppercase}
.settings-grid,.link-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.span-2{grid-column:1/-1}
.module-options{display:flex;flex-wrap:wrap;gap:14px;border:1px solid var(--line);border-radius:8px;padding:14px}.module-options legend{padding:0 7px;color:#9db0c3;font-size:11px;font-weight:700}.module-options label,.check-row{display:flex!important;align-items:center;gap:8px}.module-options input,.check-row input{width:16px!important;height:16px!important;accent-color:var(--cyan)}
#reorder-form{display:flex;justify-content:flex-end;margin:-6px 0 12px}
.link-table-wrap{overflow:auto;border:1px solid var(--line);border-radius:9px}.link-table{width:100%;border-collapse:collapse;min-width:970px;background:#081424}.link-table th{text-align:left;padding:11px;color:#6f86a0;background:#07111f;text-transform:uppercase;font:800 9px/1 ui-monospace,monospace;letter-spacing:.08em}.link-table td{padding:11px;border-top:1px solid var(--line);color:#94a8bb;font-size:11px}.link-table tr.dragging{opacity:.45}.link-table td:nth-child(2){display:grid;grid-template-columns:34px 1fr;gap:2px 9px;align-items:center}.link-table td:nth-child(2) small{grid-column:2;color:#61788f}.mini-icon{grid-row:1/3;width:34px;height:34px;border:1px solid #2a7290;border-radius:7px;display:grid;place-items:center;color:var(--cyan);font:800 10px/1 ui-monospace,monospace}.drag-handle{border:0;background:transparent;color:#758ba1;cursor:grab;padding:6px}.status-pill{display:inline-block;padding:5px 8px;border-radius:99px;font:800 8px/1 ui-monospace,monospace;text-transform:uppercase}.status-pill.enabled{background:rgba(45,212,191,.12);color:var(--green)}.status-pill.disabled{background:rgba(120,144,170,.12);color:#8499ad}
.row-actions{display:flex;align-items:center;gap:5px}.row-actions form{margin:0}.row-actions .danger-button{color:#ff879d;border-color:#4d2230}
.link-dialog{width:min(720px,calc(100% - 24px));max-height:calc(100vh - 30px);padding:0;border:1px solid var(--line);border-radius:13px;background:#0a1526;color:var(--text);box-shadow:0 30px 90px rgba(0,0,0,.6)}.link-dialog::backdrop{background:rgba(0,6,14,.78);backdrop-filter:blur(3px)}.link-dialog form{padding:22px}.dialog-heading{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:20px}.dialog-heading h2{margin:0}.dialog-heading>button{border:0;background:transparent;color:#8298ad;font-size:24px;cursor:pointer}.link-preview{margin-top:18px;padding:14px;border:1px dashed #2b536b;border-radius:9px}.link-preview .tool-card{max-width:400px}.dialog-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:20px}
@media(max-width:700px){.admin-header{align-items:flex-start;flex-direction:column}.admin-header nav{width:100%;flex-wrap:wrap}.settings-grid,.link-form-grid{grid-template-columns:1fr}.span-2{grid-column:auto}.admin-section-heading{flex-direction:column}.link-dialog form{padding:16px}}

/* Live monitoring summary */
.monitoring-banner{margin-top:18px;min-height:48px;padding:11px 15px;border:1px solid var(--line);border-radius:10px;background:#091526;display:flex;align-items:center;justify-content:space-between;gap:20px;color:#8ca1b5;font-size:10px}
.monitoring-banner>div{display:flex;align-items:center;gap:9px}.monitoring-banner strong{color:var(--text);font-size:11px}.monitoring-banner time{font:700 9px/1.3 ui-monospace,monospace;text-align:right}.monitoring-dot{width:8px;height:8px;border-radius:50%;background:var(--green);box-shadow:0 0 9px var(--green)}
.monitoring-banner.degraded .monitoring-dot,.monitoring-banner.stale .monitoring-dot{background:var(--amber);box-shadow:0 0 9px var(--amber)}.monitoring-banner.critical .monitoring-dot,.monitoring-banner.offline .monitoring-dot{background:var(--red);box-shadow:0 0 9px var(--red)}.monitoring-banner.unavailable .monitoring-dot{background:#71869c;box-shadow:none}
.monitoring-banner+.dashboard-grid{padding-top:12px}.system-state.degraded i,.system-state.stale i{background:var(--amber);box-shadow:0 0 9px var(--amber)}.system-state.critical i,.system-state.offline i{background:var(--red);box-shadow:0 0 9px var(--red)}.system-state.unavailable i{background:#71869c;box-shadow:none}
.monitoring-empty{margin-top:14px;padding:14px;border:1px dashed #34465b;border-radius:8px;color:#8da0b4;text-align:center}
.incident-summary{min-height:94px;margin-top:18px;padding:15px;display:flex;align-items:center;gap:13px;border:1px solid var(--line);border-radius:9px;background:#091525;color:var(--green)}.incident-summary.degraded,.incident-summary.stale{color:var(--amber)}.incident-summary.critical,.incident-summary.offline{color:var(--red)}.incident-summary.unavailable{color:#8196aa}.incident-summary>div strong,.incident-summary>div span{display:block}.incident-summary>div span{margin-top:6px;color:#70859c;font-size:10px}
.monitoring-feed-panel{min-height:195px;padding:20px;display:grid;grid-template-columns:minmax(220px,1fr) minmax(180px,1.2fr);grid-template-rows:auto auto;gap:18px 28px;align-items:center}.feed-progress{height:10px;border-radius:99px;background:#1a2940;overflow:hidden}.feed-progress i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--cyan),var(--green))}.feed-meta{grid-column:1/-1;display:grid;grid-template-columns:auto 1fr auto 1fr;gap:10px;align-items:center;color:#71869c;font-size:10px}.feed-meta strong{color:#c5d5e3;font:700 10px/1.4 ui-monospace,monospace}
@media(max-width:800px){.monitoring-banner{align-items:flex-start;flex-direction:column}.monitoring-feed-panel{grid-template-columns:1fr}.feed-meta{grid-column:auto;grid-template-columns:auto 1fr}}