:root{color-scheme:dark;--bg:#0b1017;--surface:#121b26;--border:#243143;--text:#eaf0f7;--muted:#94a6b9;--accent:#6ed7bf;--warn:#edc578;--bad:#ff9292}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font:14px/1.6 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}a{color:var(--accent);text-decoration:none}header{border-bottom:1px solid var(--border);padding:22px 4vw;display:flex;align-items:center;justify-content:space-between;gap:20px}.brand{font-size:21px;letter-spacing:1px;color:var(--text);font-weight:750}.brand span{font-weight:400;letter-spacing:0;color:var(--muted);font-size:14px}nav{display:flex;gap:24px;align-items:center}nav form{margin:0}main{max-width:1440px;margin:auto;padding:40px 4vw}h1{font-size:clamp(27px,3vw,40px);line-height:1.2;letter-spacing:-1.2px;margin:12px 0}h2{font-size:18px;font-weight:650;margin:0}h3{font-size:18px;margin:0}.eyebrow{font-size:11px;color:var(--accent);font-weight:700;letter-spacing:2px}.muted{color:var(--muted)}.small,small{font-size:12px}small{display:block;color:var(--muted)}.heading{display:flex;align-items:center;justify-content:space-between;gap:20px}.refresh{display:grid;gap:9px;text-align:right;font-size:11px;color:var(--muted)}button,input,select{font:inherit}button{border:1px solid var(--border);background:#172333;color:var(--text);padding:9px 14px;border-radius:7px;cursor:pointer}button:hover{border-color:var(--accent)}button:focus-visible,a:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.primary{background:var(--accent);color:#09291f;border:0;font-weight:700}.primary span{float:right}.quiet{background:none;padding:5px 9px;color:var(--muted)}section{margin-bottom:30px}.summary{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.tile,.panel,.host{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:22px}.tile .number{font-size:30px;font-weight:700;line-height:1.3;margin:6px 0}.tile .label{font-size:12px;color:var(--muted)}.section-head{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-bottom:14px}.section-head>span{font-size:12px}.attention{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.alert{padding:14px 17px;border:1px solid var(--border);border-left:3px solid var(--warn);border-radius:7px;background:var(--surface)}.alert.bad{border-left-color:var(--bad)}.alert.unknown{border-left-color:var(--muted)}.alert p{margin:3px 0 0;color:var(--muted);font-size:12px}.host-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.host-title{display:flex;justify-content:space-between;gap:12px;margin-bottom:20px}.metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.metric strong{display:block;font-size:24px}.meter{height:5px;background:#273548;margin-top:9px;border-radius:5px;overflow:hidden}.meter span{display:block;height:100%;background:var(--accent)}.host p{font-size:12px;color:var(--muted)}.spark{width:100%;height:45px;display:block;margin-top:16px}.spark polyline{stroke:var(--accent);fill:none;stroke-width:2;vector-effect:non-scaling-stroke}.filters{display:flex;gap:5px;flex-wrap:wrap}.filters button{font-size:11px;padding:5px 9px}.filters .selected{background:#163b36;border-color:#316c60;color:var(--accent)}.table-wrap{overflow-x:auto;border:1px solid var(--border);border-radius:10px}table{width:100%;border-collapse:collapse;text-align:left}th{font-size:10px;text-transform:uppercase;letter-spacing:1px;color:var(--muted);background:#131e2b;padding:12px 16px}td{padding:13px 16px;border-top:1px solid var(--border);font-size:12px}td:first-child{min-width:180px}td:nth-child(3){min-width:210px}td:last-child{white-space:nowrap}.badge{display:inline-block;padding:3px 8px;border-radius:5px;font-size:10px;letter-spacing:.5px;text-transform:uppercase;font-weight:700;background:#263344;color:var(--muted)}.badge.ok{background:#133e35;color:var(--accent)}.badge.warn{background:#44371e;color:var(--warn)}.badge.bad{background:#482a30;color:var(--bad)}.banner{padding:16px;border:1px solid #765b30;background:#332917;border-radius:8px;color:var(--warn);margin-bottom:20px}.hidden{display:none}.renewals{display:flex;gap:12px;flex-wrap:wrap}.renewals .panel{flex:1;min-width:220px}.login{max-width:490px;padding-top:12vh}.login h1{font-size:40px}.login form{margin:30px 0}.login button{width:100%;margin-top:10px}label{display:block;font-size:12px;color:var(--muted);margin-bottom:18px}input,select{display:block;width:100%;margin-top:7px;border:1px solid #34445a;border-radius:7px;padding:11px 13px;color:var(--text);background:#0e1722}input:focus,select:focus{outline:2px solid var(--accent);outline-offset:1px}.error{color:var(--bad)}.register-form{display:grid;grid-template-columns:repeat(3,1fr);gap:12px 20px;margin-top:20px}.register-form .wide{grid-column:span 2}.register-form button{align-self:center}footer{padding:20px 4vw 30px;text-align:center;font-size:11px;color:var(--muted)}@media(max-width:850px){.summary{grid-template-columns:repeat(2,1fr)}.host-grid,.attention{grid-template-columns:1fr}.heading,.section-head{align-items:flex-start;flex-direction:column}.refresh{text-align:left}.register-form{grid-template-columns:repeat(2,1fr)}.brand span{display:none}nav{gap:10px;font-size:12px}}@media(max-width:480px){main{padding-top:25px}.tile,.host{padding:16px}.metrics{gap:12px}.metric strong{font-size:20px}.register-form{display:block}.login h1{font-size:34px}.summary{gap:10px}}
details{margin-top:16px}summary{cursor:pointer;color:var(--muted);font-size:12px;padding:10px 0}details[open] summary{margin-bottom:8px}

/* SOCO Monitor: compact, readable surfaces without fonts or frontend dependencies. */
:root{--bg:#0c1016;--surface:#151b24;--border:#29313e;--muted:#a1adbf;--accent:#9ce8cd;--text:#f1f4f8}
body{background:radial-gradient(ellipse at 15% 0%,#1b2b2b55,transparent 45%),var(--bg)}
header{padding:17px max(4vw,24px);background:#10151de8}.brand{display:flex;align-items:center;gap:8px;font-size:18px;letter-spacing:.5px}.brand .brand-mark{display:grid;place-items:center;width:32px;height:32px;border-radius:10px;background:var(--accent);color:#103226;font-size:19px;font-weight:800;margin-right:5px}.brand .brand-name{font-size:18px;color:var(--muted);font-weight:450}nav a{color:var(--muted);padding:6px 0}nav a[aria-current=page]{color:var(--text);box-shadow:0 2px var(--accent)}
main{max-width:1392px;padding-top:44px}.heading{margin-bottom:32px}h1{font-size:clamp(28px,3.4vw,43px);font-weight:650;letter-spacing:-1.6px}h2{font-size:21px;letter-spacing:-.5px}.eyebrow{font-size:10px;letter-spacing:1.7px}.section-head .eyebrow{color:var(--muted);margin-bottom:4px}.heading p{margin:10px 0 0}.refresh button{background:var(--surface);border-radius:9px}.refresh span{max-width:260px}
section{margin-bottom:36px}.summary{gap:14px}.tile{position:relative;padding:21px 23px;overflow:hidden;background:linear-gradient(130deg,#1c2530,var(--surface));border-radius:14px}.tile::before{content:'';position:absolute;top:0;left:0;right:0;height:2px;background:var(--border)}.tile.ok::before{background:var(--accent)}.tile.warn::before{background:var(--warn)}.tile .number{font-size:38px;letter-spacing:-1.5px;font-weight:600;margin:9px 0}.tile.ok .number{color:var(--accent)}.tile.warn .number{color:var(--warn)}.tile .label{font-size:13px;color:var(--text)}.tile small{font-size:11px}
.attention-section{padding:22px;border:1px solid var(--border);border-radius:14px;background:#111720}.attention-section .section-head{margin-bottom:15px}.all-clear{margin:0;padding:12px 15px;background:#17332b;color:var(--accent);border-radius:8px;grid-column:1/-1}.all-clear::before{content:'✓';margin-right:10px}.alert{background:var(--surface);border-radius:9px}.alert strong{font-size:13px}details{border-top:1px solid var(--border);padding-top:6px;margin-top:18px}summary{font-size:13px}.host{padding:24px;border-radius:14px;background:linear-gradient(145deg,#19232e,var(--surface))}.host-title{align-items:flex-start}.host h3{font-size:19px;letter-spacing:-.4px}.technical-name{font-size:11px;margin-top:4px}.metrics{gap:22px}.metric strong{font-size:29px;font-weight:550;letter-spacing:-1px}.meter{height:6px;background:#2a3544;margin-top:12px}.host p{margin-top:20px;line-height:1.9}.badge{border-radius:6px;text-transform:none;letter-spacing:0;font-size:11px;padding:4px 9px}.host-title>.badge{white-space:nowrap}
.check-tools{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:14px}.filters{gap:6px}.filters button{padding:6px 10px;border-radius:7px;background:transparent;font-size:12px}.filters .selected{background:#1c3a31;color:var(--accent);border-color:#416457}.search-label{margin:0;flex:0 0 240px}.search-label input{margin:0;font-size:12px;padding:10px 12px;background:var(--surface)}.checks-table{max-height:570px;overflow:auto;scrollbar-color:#485469 var(--surface)}th{background:#1a222e;padding:14px 18px}.checks-table th{position:sticky;top:0;z-index:1}td{padding:15px 18px}td:first-child{min-width:240px}td:nth-child(3){color:var(--muted);overflow-wrap:anywhere}td small{font-size:11px;margin-top:3px}tbody tr:hover{background:#18212b}.empty{padding:30px;color:var(--muted)}.monitoring-note{border-top:1px solid var(--border);padding-top:20px;max-width:900px;line-height:1.9}.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}
.login{margin-top:8vh;padding:32px;max-width:470px;border:1px solid var(--border);border-radius:18px;background:linear-gradient(135deg,#1b2730,var(--surface));box-shadow:0 25px 80px #0003}.login h1{font-size:36px}.login .primary{padding:12px}.register-form{margin-top:25px}.panel{border-radius:14px}.register-form label{margin-bottom:8px}footer{padding-top:10px}
@media(max-width:1000px){.check-tools{align-items:stretch;flex-direction:column}.search-label{flex:auto;max-width:360px}}
@media(max-width:850px){.brand .brand-name,.brand .brand-mark{display:inline-grid}.heading{gap:20px}.refresh{width:100%;display:flex;align-items:center;justify-content:space-between;gap:12px}.summary{gap:12px}main{padding-top:28px}.section-head{gap:10px}.host-title{flex-direction:row}.login{margin-top:5vh}.check-tools{gap:12px}}
@media(max-width:520px){header{padding:14px 18px;flex-wrap:wrap;gap:13px}nav{width:100%;justify-content:space-between}main{padding-left:18px;padding-right:18px}.summary .tile{padding:17px 14px}.tile .number{font-size:32px}.tile small{line-height:1.5}.attention-section{padding:17px}.host{padding:19px}.metrics{gap:13px}.metric strong{font-size:25px}.refresh{align-items:flex-start}.refresh span{max-width:160px}.login{margin-left:18px;margin-right:18px;padding:26px}.login h1{font-size:32px}.search-label{max-width:none}.brand .brand-name{font-size:16px}.register-form .wide{grid-column:auto}}