:root{color-scheme:dark;font-family:Inter,"Segoe UI",Arial,sans-serif;color:#e4eaf3;background:#0c1017;font-synthesis:none;--line:#252d3a;--muted:#8994a7;--cyan:#6cd9dd;--violet:#afa2eb;--blue:#83adf0;--green:#7dcead}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:20px}body{margin:0}a{color:inherit;text-decoration:none}svg{height:20px;width:20px;flex-shrink:0}aside{width:232px;position:fixed;inset:0 auto 0 0;background:#10151e;border-right:1px solid #252c38;padding:26px 17px;display:flex;flex-direction:column;z-index:5}.brand{display:flex;gap:12px;align-items:center;font-size:25px;font-weight:750;letter-spacing:1px;padding:0 7px}.brand-mark{width:35px;height:35px;display:grid;place-items:center;border:1px solid #42616b;border-radius:8px;color:#a6e4e4;background:#1b3038;font-size:23px;position:relative;padding-right:5px}.brand-mark span{position:absolute;right:3px;top:0;font-size:17px}.brand-sub{display:block;font-size:7px;letter-spacing:2.4px;font-weight:500;color:#8e9aae;margin-top:3px}.workspace{margin-top:31px;display:flex;align-items:center;gap:10px;padding:14px 11px;border:1px solid #303a48;border-radius:7px;background:#19212d}.workspace-icon{color:#9ab3c5}.workspace strong{font-size:11px;font-weight:550}.workspace-status{display:flex;align-items:center;gap:6px;font-size:9px;color:#89c9b2;margin-top:6px}i{width:5px;height:5px;display:inline-block;background:var(--green);border-radius:50%;flex-shrink:0}.nav-label{font:8px Consolas,monospace;letter-spacing:1.5px;color:#67778c;margin:30px 11px 12px}nav{display:grid;gap:5px}nav a{font-size:11px;display:flex;align-items:center;gap:10px;padding:11px 10px;border:1px solid transparent;border-radius:6px;color:#929eb0;transition:background .15s,color .15s}nav a svg{width:16px;height:16px}nav a:hover{background:#1b2634;color:#e0edf6}nav a.active{background:#20313b;border-color:#334c57;color:#a7e3e4}nav b{font:8px Consolas,monospace;margin-left:auto;color:#8faab3}.aside-version{margin-top:auto;padding:20px 8px 0;display:flex;justify-content:space-between;font:8px Consolas,monospace;letter-spacing:1px;color:#5d6b80}main{margin-left:232px;padding:0 32px 18px;max-width:1880px}header{height:71px;border-bottom:1px solid #252d39;display:flex;justify-content:space-between;align-items:center;margin-bottom:25px}.breadcrumb{font-size:11px;color:#738297}.breadcrumb span{color:#4b586c;margin:0 13px}.breadcrumb strong{color:#c8d2df;font-weight:500}.logout{display:flex;align-items:center;gap:8px;font-size:10px;border:1px solid #333d4c;border-radius:6px;background:#181f2a;color:#b8c3d3;padding:8px 12px;transition:background .15s}.logout svg{width:14px;height:14px}.logout:hover{background:#273142;color:#fff}.section-label{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px;font:8px Consolas,monospace;letter-spacing:1.5px;color:#8998ad}.section-label>span+span{color:#64768b;font-size:8px}.live-indicator{display:flex;gap:6px;align-items:center}.live-indicator i{background:var(--cyan);width:4px;height:4px}.cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.metric,.panel{background:#151c27;border:1px solid #2a3342;border-radius:8px;min-width:0}.metric{padding:16px 18px;position:relative;--accent:var(--cyan);transition:border-color .15s}.metric:hover{border-color:#4c6076}.cyan{--accent:var(--cyan)}.violet{--accent:var(--violet)}.blue{--accent:var(--blue)}.green{--accent:var(--green)}.metric-head{display:flex;align-items:center;gap:10px}.metric-icon{width:30px;height:30px;border-radius:6px;background:color-mix(in srgb,var(--accent) 9%,#19212d);color:var(--accent);display:grid;place-items:center;flex-shrink:0}.metric-icon svg{height:17px;width:17px}.metric-title{display:flex;align-items:center;justify-content:space-between;flex:1;gap:8px;min-width:0}.metric h2{font-size:11px;font-weight:500;margin:0;color:#abb8cb}.metric-code{font:7px Consolas,monospace;letter-spacing:1px;color:#667a92}.value{font-size:29px;font-weight:550;font-variant-numeric:tabular-nums;letter-spacing:-1px;margin:15px 0 13px;line-height:1.1;overflow-wrap:anywhere}.metric small{display:block;font-size:9px;color:#8491a5;line-height:1.6;margin-top:9px}progress{appearance:none;display:block;width:100%;height:3px;border:0;border-radius:3px;background:#293243;overflow:hidden;accent-color:var(--accent,var(--cyan))}progress::-webkit-progress-bar{background:#293243}progress::-webkit-progress-value{background:var(--accent,var(--cyan));border-radius:3px;transition:width .7s}progress::-moz-progress-bar{background:var(--accent,var(--cyan))}.uptime-line{display:flex;align-items:center;gap:5px;font-size:8px;color:#8ba99b;line-height:3px;height:3px}.uptime-line i{width:4px;height:4px}.metric.green small{margin-top:12px}.middle{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(0,1fr);gap:15px;margin:17px 0 23px}.panel{padding:18px 20px}.panel-heading{display:flex;justify-content:space-between;align-items:center;gap:10px}.eyebrow{font:7px Consolas,monospace;letter-spacing:1.4px;color:#6f859d}.panel-heading h2{font-size:13px;letter-spacing:-.1px;font-weight:550;margin:6px 0 0}.time-range{font:8px Consolas,monospace;padding:6px 9px;border:1px solid #344153;border-radius:4px;background:#1b2533;color:#9eafc4}.chart-summary{display:flex;gap:9px;align-items:baseline;margin:18px 0 10px}.chart-summary strong{font-size:24px;font-weight:550;letter-spacing:-.8px;font-variant-numeric:tabular-nums}.chart-summary>span{font-size:8px;color:#7d90a8}.chart-legend{margin-left:auto;font-size:8px;display:flex;align-items:center;gap:5px;color:#8fa1b9}.chart-legend i{background:var(--cyan);width:4px;height:4px}.chart-area{position:relative}canvas{width:100%;height:149px;display:block}.chart-empty{position:absolute;top:40%;left:0;right:0;text-align:center;font-size:10px;color:#93a7bd}.chart-labels{display:flex;justify-content:space-between;padding-left:30px;font:7px Consolas,monospace;color:#6b819b;margin:8px 0 0}.chart-footer{display:flex;align-items:center;gap:6px;margin:16px -20px -18px;padding:10px 20px;border-top:1px solid #283343;background:#131a24;color:#7c91a9;font-size:8px;border-radius:0 0 8px 8px}.chart-footer svg{width:12px;height:12px;color:var(--cyan)}.chart-footer span{margin-left:auto;font-size:7px}.heading-icon{color:#7890ab}.machine{display:flex;align-items:center;gap:10px;margin:17px 0 12px;padding:12px;background:#111824;border:1px solid #2c394b;border-radius:6px}.machine-symbol{height:32px;width:32px;background:#1b2d39;border-radius:5px;color:#9bc9d4;display:grid;place-items:center;flex-shrink:0}.machine-symbol svg{height:17px;width:17px}.machine strong{font-size:12px;font-weight:500}.machine small{font:8px Consolas,monospace;color:#8297b0;display:block;margin-top:5px}.machine>div:last-child{min-width:0;overflow-wrap:anywhere}dl{margin:0}dl>div{padding:10px 0;border-top:1px solid #293242}dt{font-size:8px;color:#8092aa}dt span{float:right;font:7px Consolas,monospace;color:#6d829e}dd{font-size:10px;color:#c1cddc;line-height:1.5;margin:5px 0 0;overflow-wrap:anywhere}.hardware{display:grid;grid-template-columns:1fr 1fr;gap:15px}.hardware-heading{display:flex;gap:9px;align-items:center}.hardware-heading h2{font-size:12px;margin:0 0 4px}.hardware-heading small{font-size:8px;color:#8395ad}.power-icon{width:27px;height:27px;border:1px solid #345b4b;border-radius:6px;display:grid;place-items:center;color:#8ee0b6;background:#1c332b}.power-icon svg{width:15px;height:15px}[hidden]{display:none!important}.pill{font:8px Consolas,monospace;padding:5px 8px;border:1px solid #3a5167;border-radius:4px;background:#1c2b3b;color:#95bedb}.battery-content{display:flex;align-items:center;gap:17px;margin:20px 0 16px}.battery-body{width:70px;height:33px;border:1px solid #547e6a;border-radius:5px;padding:3px;background:#192a23;position:relative;flex-shrink:0}.battery-fill{width:100%;height:100%;border-radius:2px;--accent:#71bd99;background:#223d30}.battery-fill::-webkit-progress-bar{background:#223d30}.battery-fill::-webkit-progress-value{background:#71bd99}.battery-fill::-moz-progress-bar{background:#71bd99}.battery-body>span{position:absolute;inset:0;display:grid;place-items:center;color:#c0e2ce}.battery-body svg{width:18px;height:18px}.hardware-value{font-size:25px;font-weight:550;letter-spacing:-.8px;font-variant-numeric:tabular-nums}.hardware p{font-size:9px;line-height:1.7;color:#8599af;margin:5px 0 0}.battery-panel{--accent:var(--green)}.network-heading{display:flex;align-items:center;justify-content:space-between;margin-top:16px}.network-heading .hardware-value{font-size:21px}.network-orbit{display:grid;place-items:center;color:#97c7db}.network-orbit svg{height:23px;width:23px}.links{display:flex;gap:6px;flex-wrap:wrap;margin-top:10px}.link-state{font-size:8px;padding:5px 8px;border:1px solid #354156;border-radius:4px;color:#92a1b6;background:#182130}.link-state.is-connected{border-color:#3a5b50;color:#a1cdbb;background:#1b2b28}.hardware-foot{display:block;font:8px Consolas,monospace;color:#8497ae;border-top:1px solid #2b3646;padding-top:10px;margin-top:12px;line-height:1.6}footer{display:flex;justify-content:space-between;gap:20px;padding:18px 0 12px;margin-top:23px;border-top:1px solid #252f3e;font-size:8px;color:#788ba3}.footer-logo{color:#bdccdf;font-weight:750;letter-spacing:1px;margin-right:5px}.footer-divider{margin:0 9px;color:#56697f}.note{font-size:8px;color:#70829a;line-height:1.7;margin:0}#error{font-size:11px;background:#30202a;border:1px solid #694252;color:#f0bdc3;border-radius:6px;padding:12px;margin:0 0 16px}a:focus-visible{outline:2px solid var(--cyan);outline-offset:3px}body.offline .workspace-status{color:#eea3ac}body.offline .workspace-status i,body.offline .live-indicator i{background:#eea3ac}@media(min-width:1700px){main{padding-left:45px;padding-right:45px}.cards{gap:16px}.metric{padding:17px 21px}.value{font-size:32px}canvas{height:175px}}@media(max-width:1200px){aside{width:210px;padding:25px 13px}main{margin-left:210px;padding-left:23px;padding-right:23px}.metric-title{display:block}.metric-code{display:block;margin-top:4px}.metric{padding:14px}.value{font-size:27px}.metric small{font-size:8px}.middle{grid-template-columns:minmax(0,1.35fr) minmax(0,1fr)}}@media(max-width:950px){aside{width:192px;padding:23px 10px}.brand{font-size:23px}.workspace{padding:12px 8px;gap:7px}.workspace strong{font-size:10px}.workspace-status{font-size:8px}nav a{font-size:10px;gap:7px;padding:10px 8px}main{margin-left:192px;padding-left:20px;padding-right:20px}.cards{grid-template-columns:repeat(2,minmax(0,1fr))}.metric-title{display:flex}.metric-code{margin:0}.middle{grid-template-columns:1fr}.hardware{grid-template-columns:1fr}.value{font-size:29px}canvas{height:175px}}@media(max-width:620px){aside{position:static;width:100%;padding:17px 16px 12px;border-right:0;border-bottom:1px solid #2c3645;display:grid;grid-template-columns:1fr 1.2fr;gap:15px 12px}.brand{padding:0;font-size:21px;gap:8px}.brand-mark{height:30px;width:30px;font-size:21px}.brand-sub{font-size:6px;letter-spacing:1.5px}.workspace{margin:0;padding:9px;gap:8px}.workspace-icon svg{width:16px;height:16px}.workspace strong{font-size:9px}.workspace-status{font-size:8px;margin-top:4px}.nav-label,.aside-version{display:none}nav{grid-column:1/-1;display:flex;overflow-x:auto;gap:5px}nav a{white-space:nowrap;font-size:9px;padding:8px;gap:6px}nav a svg{height:13px;width:13px}nav b{display:none}main{margin:0;padding:0 16px 17px}header{height:61px;margin-bottom:20px}.breadcrumb{font-size:9px}.breadcrumb span{margin:0 7px}.logout{font-size:9px;padding:7px 9px;gap:6px}.logout svg{height:12px;width:12px}.section-label{font-size:7px;letter-spacing:1.2px}.section-label>span+span{font-size:7px}.cards{gap:10px}.metric{padding:13px}.metric-head{gap:7px}.metric-icon{height:27px;width:27px}.metric-icon svg{height:15px;width:15px}.metric h2{font-size:10px}.metric-code{font-size:6px}.value{font-size:26px;margin:13px 0 12px}.metric small{font-size:8px}.metric-title{display:block}.metric-code{margin-top:3px;display:block}.panel{padding:16px}.chart-footer{margin:14px -16px -16px;padding:10px 16px}.panel-heading h2{font-size:12px}.chart-summary strong{font-size:22px}.chart-summary>span{font-size:8px}.middle{gap:12px;margin:14px 0 22px}.hardware{gap:12px}.chart-labels{font-size:7px}.chart-footer span{font-size:7px}footer{font-size:7px}.note{font-size:7px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before{transition:none!important}}
/* 1.4 / translucent violet-blue glass */
:root{background:#09091a;--cyan:#a1afff;--violet:#c0a6ff;--blue:#88b9ff;--green:#a4e1d2;--line:#b6a5ff24;color:#eae8fc}body{isolation:isolate;background:linear-gradient(145deg,#0b0b22aa,#17102b44 55%,#0b193133);min-height:100vh}.ambient{position:fixed;inset:0;z-index:-3;pointer-events:none;background:radial-gradient(ellipse at 85% 5%,#7b36d54d,transparent 48%),radial-gradient(ellipse at 20% 80%,#315cc03b,transparent 48%),radial-gradient(ellipse at 65% 90%,#8c3eae25,transparent 40%),#090c20}#networkGlobe{position:fixed;inset:0;width:100%;height:100%;z-index:-2;opacity:.73;pointer-events:none}aside{background:linear-gradient(160deg,#2a245b66,#11162c77);backdrop-filter:blur(24px) saturate(150%);-webkit-backdrop-filter:blur(24px) saturate(150%);border-right:1px solid #c8baff26;width:226px;padding:22px 17px}.brand{flex-direction:column;align-items:flex-start;gap:13px;padding:0 10px}.logo-frame{display:block;position:relative;width:94px;height:85px;overflow:hidden;filter:drop-shadow(0 3px 12px #6844c939)}.logo-frame img{display:block;position:absolute;width:238.51%;height:176.857%;max-width:none;left:-70.186%;top:-36.269%;object-fit:fill}.brand-caption{font:7px Consolas,monospace;letter-spacing:3.5px;color:#b9b1d6;margin-left:1px}.workspace{margin-top:25px;background:linear-gradient(110deg,#bfa5ff14,#779dfb0d);border:1px solid #c6b9f82d;border-radius:17px;padding:13px 11px;box-shadow:inset 0 1px #ffffff0c}.workspace strong{color:#ddd7f5;font-size:10px}.workspace-icon{color:#c1b3f1}.workspace-status{font-size:8px;color:#aad3cb}.nav-label{color:#9585b6;font-size:7px;margin-top:29px}nav{gap:7px}nav a{border-radius:12px;color:#aea6c8;font-size:10px;padding:11px 10px}nav a.active{background:linear-gradient(100deg,#9774e436,#6a8bed22);border-color:#c3a9ff35;box-shadow:inset 0 1px #ffffff14,0 5px 18px #05051120;color:#ede5ff}nav a:hover{background:#a293cd1c;color:white}nav b{color:#c5b0ed}.aside-version{color:#8d7fac;opacity:.8}main{margin-left:226px;padding:0 30px 20px;background:transparent}header{height:72px;border-color:#bcabf923;margin-bottom:24px}.breadcrumb{color:#9a8eb3}.breadcrumb span{color:#71638a}.breadcrumb strong{color:#dcd4ef}.header-right{display:flex;align-items:center;gap:9px}.logout,.motion-toggle{font-family:inherit;display:flex;align-items:center;gap:7px;border:1px solid #c9bafa33;border-radius:25px;background:linear-gradient(120deg,#b5a0eb1c,#779bf514);color:#d2cae7;padding:8px 13px;font-size:9px;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);box-shadow:inset 0 1px #ffffff12;cursor:pointer}.logout:hover,.motion-toggle:hover{background:#ae97ee2e;border-color:#cebbff68;color:#fff}.motion-toggle svg{height:13px;width:13px}.motion-toggle.is-paused{opacity:.65}.section-label{color:#b5a7cd;font-size:7px;letter-spacing:2px}.section-label>span+span{color:#ab9fc5;font-size:7px}.cards{grid-template-columns:1.12fr 1.12fr 1fr 1fr;gap:14px}.metric,.panel{background:linear-gradient(135deg,#c8bbff13,#596eaa0b);border:1px solid #c7b9ff32;box-shadow:inset 0 1px #ffffff19,inset 0 -1px #a7baf307,0 8px 30px #04071c20;backdrop-filter:blur(21px) saturate(140%);-webkit-backdrop-filter:blur(21px) saturate(140%)}.metric{padding:17px 18px;border-radius:23px 23px 12px 23px}.metric.violet{border-radius:23px 23px 23px 12px}.metric.blue{border-radius:29px 13px 29px 13px;background:linear-gradient(135deg,#94b2ff1c,#8c83db0b)}.metric.green{border-radius:13px 29px 13px 29px;background:linear-gradient(140deg,#b7a7fa16,#8cc9dd0c)}.metric:hover{border-color:#c6b2ff6b;box-shadow:inset 0 1px #ffffff29,0 10px 30px #33226025}.metric-title{display:block}.metric-code{display:block;margin-top:4px;letter-spacing:1.5px;color:#958ab2;font-size:6px}.metric h2{color:#c4badb;font-size:10px}.metric-icon{border:1px solid #d9c9ff25;background:linear-gradient(145deg,#c6afff1e,#93b5f510);border-radius:11px;color:var(--accent);width:29px;height:29px;box-shadow:inset 0 1px #ffffff12}.value{font-size:30px;color:#f4f0ff;font-weight:500;margin:16px 0 14px;letter-spacing:-1.2px}.metric small{color:#afa3c4;font-size:8px}progress,progress::-webkit-progress-bar{background:#bca4f01c}progress::-webkit-progress-value{background:linear-gradient(90deg,#a78cff,var(--accent));box-shadow:0 0 7px #a084ef44}.uptime-line{color:#a8c7cc}.middle{grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);gap:17px;margin:18px 0 24px}.chart{border-radius:25px 25px 25px 9px;background:linear-gradient(120deg,#bab4fa12,#425b9b0b)}.details{border-radius:25px 10px 25px 25px;background:linear-gradient(150deg,#c5a4f615,#7760b40b)}.panel{padding:20px}.panel-heading h2{color:#e7def8;font-size:12px}.eyebrow{color:#b2a2ce;font-size:6px}.time-range{background:#b3a3e91b;border:1px solid #d2b7ff2d;color:#c6b8e2;border-radius:20px;padding:6px 11px}.chart-summary strong{color:#f0e6ff;font-size:24px}.chart-summary>span,.chart-legend{color:#b6a7ca}.chart-legend i{background:#ba9bff}.chart-labels{color:#b09dc4}.chart-footer{background:#8c91c708;border-top:1px solid #c9b4ef20;color:#aa9bc5;margin:16px -20px -20px;padding:11px 20px;border-radius:0 0 25px 9px}.chart-footer svg{color:#c6adff}.heading-icon{color:#b9a6db}.machine{border-radius:14px;background:#9681d00d;border-color:#cdb9f129;padding:11px;box-shadow:inset 0 1px #ffffff0a}.machine-symbol{border-radius:10px;background:#c5a9ff18;color:#cab8f3}.machine strong{color:#e2d8f3}.machine small{color:#b1a1c9}dl>div{border-color:#d4c1f41a;padding:10px 0}dt{color:#aa99c0}dt span{color:#a998c1}dd{color:#dfd3f1;font-size:9px}.hardware{grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:17px}.battery-panel{border-radius:32px 15px 32px 15px;background:linear-gradient(130deg,#d0baff18,#719fd40c)}.network-panel{border-radius:16px 32px 16px 32px;background:linear-gradient(120deg,#93b4fb15,#c19af817)}.hardware-heading h2{font-size:11px}.hardware-heading small{color:#b2a2ca;font-size:7px}.hardware p{font-size:8px;color:#c0acd3}.battery-content{gap:20px;margin:18px 0 16px}.battery-body{border-radius:8px;border-color:#c3b2ec68;background:#9b8bc210;width:66px;height:31px;padding:4px}.battery-fill{border-radius:4px;--accent:#beadff;background:#9a8bb51a}.battery-fill::-webkit-progress-bar{background:#9a8bb51a}.battery-fill::-webkit-progress-value{background:linear-gradient(90deg,#8f8def,#c5a7ff);border-radius:3px}.battery-fill::-moz-progress-bar{background:#b5a2f7}.battery-body>span{color:#e1d9ff}.hardware-value{font-size:25px;font-weight:500;color:#f0e6ff}.power-icon{background:#b5a5ec1a;border-color:#c6afff36;color:#d1bcff;border-radius:50%;width:25px;height:25px}.pill{background:#b3a0e418;border-color:#c8b3ff35;color:#cdbbec;border-radius:20px;padding:5px 9px;font-size:8px}.network-heading{margin-top:13px}.network-heading .hardware-value{font-size:20px}.network-orbit{color:#bda3fa}.links{gap:7px}.link-state{border-radius:20px;background:#b4a2da10;border-color:#c1b2e327;color:#b2a2cb;padding:5px 9px;font-size:8px}.link-state.is-connected{background:#aea0e41a;border-color:#c1b8f14d;color:#d7cced}.hardware-foot{color:#b8a7d0;border-color:#c4b3e324;font-size:7px}footer{border-color:#ba9fe326;color:#aa97bf;margin-top:23px;font-size:8px}.footer-logo{color:#ded2f0}.note{color:#9e8caf;font-size:7px}#error{background:#78385533;backdrop-filter:blur(16px);border-color:#e196ba44;color:#f4cada;border-radius:16px}.chart-empty{color:#bfacdc}body.offline .workspace-status{color:#f2adce}body.offline .workspace-status i{background:#f2adce}@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){.metric,.panel{background:#211c3beF}aside{background:#17162aef}}@media(min-width:1700px){main{padding-left:43px;padding-right:43px}.metric{padding:19px 22px}.value{font-size:34px}.logo-frame{width:104px;height:94px}}@media(max-width:1200px){aside{width:205px;padding:23px 13px}main{margin-left:205px;padding:0 23px 18px}.cards{gap:11px}.metric{padding:15px}.value{font-size:27px}.middle{grid-template-columns:minmax(0,1.3fr) minmax(0,1fr)}.workspace strong{font-size:9px}.logo-frame{width:86px;height:78px}}@media(max-width:950px){aside{width:186px;padding:22px 10px}main{margin-left:186px;padding-left:20px;padding-right:20px}.cards{grid-template-columns:repeat(2,minmax(0,1fr))}.middle{grid-template-columns:1fr}.hardware{grid-template-columns:1fr}.workspace{gap:7px;padding:12px 8px}.workspace strong{font-size:9px}.workspace-status{font-size:7px}.value{font-size:29px}.logo-frame{width:79px;height:71px}.brand-caption{font-size:6px;letter-spacing:2.8px}}@media(max-width:620px){aside{position:relative;width:100%;padding:16px 17px 12px;display:grid;grid-template-columns:1fr 1.35fr;gap:13px 15px;border-right:0;border-bottom:1px solid #c3a8f52a}.brand{padding:0;gap:7px;flex-direction:column;align-items:flex-start}.logo-frame{width:56px;height:51px}.brand-caption{font-size:5px;letter-spacing:1.9px}.workspace{margin:0;border-radius:17px;align-self:center;padding:11px}.workspace strong{font-size:9px}.workspace-status{font-size:8px}.nav-label,.aside-version{display:none}nav{grid-column:1/-1;display:flex;gap:6px;overflow:auto}nav a{font-size:8px;padding:9px;white-space:nowrap;border-radius:20px}nav b{display:none}main{margin-left:0;padding:0 16px 18px}header{height:62px;margin-bottom:20px}.breadcrumb{font-size:8px}.breadcrumb span{margin:0 5px}.header-right{gap:7px}.logout,.motion-toggle{padding:7px 9px;font-size:8px}.motion-toggle span{display:none}.cards{gap:11px}.metric{padding:14px 15px}.value{font-size:27px}.metric small{font-size:7px}.metric h2{font-size:9px}.metric-title{display:block}.panel{padding:17px}.chart-footer{margin:15px -17px -17px;padding:10px 17px}.middle{margin-top:15px;gap:15px}.hardware{gap:15px}.section-label{font-size:6px;letter-spacing:1.4px}.section-label>span+span{font-size:6px}.hardware-heading h2{font-size:11px}.hardware-value{font-size:25px}.chart-summary>span{font-size:7px}.chart-summary strong{font-size:23px}.network-heading .hardware-value{font-size:19px}.note{font-size:7px}footer{font-size:7px}.motion-toggle svg{width:12px;height:12px}#networkGlobe{opacity:.53}}
/* DGX SYNTRIX / 1.5 */
.brand{flex-direction:row;gap:10px;align-items:center;padding:0 2px}.logo-frame{width:43px;height:39px;flex-shrink:0;filter:drop-shadow(0 2px 7px #7660c04d)}.brand-identity{display:block;min-width:0}.brand-identity strong{display:block;font-size:12px;letter-spacing:1.15px;font-weight:650;white-space:nowrap;background:linear-gradient(100deg,#f0e6ff,#b6bcff);background-clip:text;-webkit-background-clip:text;color:transparent}.brand-caption{display:block;font:5px "Segoe UI",Arial,sans-serif;letter-spacing:1.1px;white-space:nowrap;margin:6px 0 0;color:#b7b2d3}.workspace{margin-top:26px}#networkGlobe{opacity:1}.ambient{background:radial-gradient(ellipse at 80% 8%,#7843c53a,transparent 52%),radial-gradient(ellipse at 10% 85%,#315cc032,transparent 50%),#0b0d23}.metric,.panel{background:linear-gradient(135deg,#827cbf1c,#384b8b12);backdrop-filter:blur(12px) saturate(135%);-webkit-backdrop-filter:blur(12px) saturate(135%);border-color:#c2b8ed38}.metric.violet{background:linear-gradient(140deg,#a68fd923,#6456a011)}.metric.blue{background:linear-gradient(140deg,#75a3e325,#5065a010)}.metric.green{background:linear-gradient(130deg,#848cdb1e,#6879ae13)}.chart{background:linear-gradient(130deg,#7c82c51d,#3a4b8912)}.details{background:linear-gradient(130deg,#8c78bd24,#625b9517)}.hardware{margin:0 0 24px;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr)}.network-panel{background:linear-gradient(125deg,#6489cf26,#7962ab1a)}.battery-panel{--accent:#8bd6b0;--battery-fill:#90dfb6;background:linear-gradient(125deg,#61947f24,#47557d16);border-color:#9ddabb3b}.battery-panel.battery-normal{--accent:#8bd6b0;--battery-fill:#90dfb6;background:linear-gradient(125deg,#5c9e7d26,#51678613);border-color:#a1e2bd47}.battery-panel.battery-low{--accent:#e4b183;--battery-fill:#e4b183;background:linear-gradient(125deg,#b38b6328,#6c527f14);border-color:#e5b38350}.battery-panel.battery-critical{--accent:#e88fa1;--battery-fill:#e88fa1;background:linear-gradient(125deg,#b35b772c,#76548019);border-color:#ed9aae55}.battery-panel.battery-unknown{--accent:#b7aec9;--battery-fill:#b7aec9}.battery-panel .metric-icon{color:var(--accent);background:color-mix(in srgb,var(--accent) 12%,transparent);border-color:color-mix(in srgb,var(--accent) 28%,transparent)}.battery-panel .battery-body{border-color:color-mix(in srgb,var(--accent) 55%,transparent);background:color-mix(in srgb,var(--accent) 7%,transparent)}.battery-panel .battery-fill{--accent:var(--battery-fill);background:#b4b8d113}.battery-fill::-webkit-progress-bar{background:#b4b8d113}.battery-panel .battery-fill::-webkit-progress-value{background:var(--battery-fill)}.battery-panel .battery-fill::-moz-progress-bar{background:var(--battery-fill)}.battery-panel progress::-webkit-progress-value{background:linear-gradient(90deg,color-mix(in srgb,var(--accent) 65%,#586b92),var(--accent));box-shadow:0 0 9px color-mix(in srgb,var(--accent) 25%,transparent)}.battery-panel progress::-moz-progress-bar{background:var(--accent)}.battery-panel .battery-body>span,.battery-panel .power-icon{color:var(--accent)}.battery-panel .power-icon{background:color-mix(in srgb,var(--accent) 12%,transparent);border-color:color-mix(in srgb,var(--accent) 32%,transparent)}.battery-low #batteryDetail,.battery-critical #batteryDetail{color:var(--accent)}.network-panel .link-state.is-connected{color:#b3ead0;border-color:#8dd8b65c;background:linear-gradient(110deg,#6aba952c,#69bfa01b);box-shadow:inset 0 1px #c9ffe515,0 0 12px #6dbd9412}.network-panel .link-state.is-connected:before{content:"";display:inline-block;height:4px;width:4px;background:#9ee1bc;border-radius:50%;margin-right:5px;vertical-align:middle;box-shadow:0 0 5px #7de0aa66}@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){.metric,.panel{background-color:#211d3ae8}}@media(min-width:1700px){.logo-frame{width:44px;height:40px}.brand-identity strong{font-size:12px}.brand-caption{font-size:5px}}@media(max-width:1200px){.brand{gap:8px}.logo-frame{width:35px;height:32px}.brand-identity strong{font-size:10px;letter-spacing:1px}.brand-caption{font-size:4.5px;letter-spacing:.7px}}@media(max-width:950px){.logo-frame{width:32px;height:29px}.brand-identity strong{font-size:9px;letter-spacing:.8px}.brand-caption{font-size:4px;letter-spacing:.6px}.hardware{grid-template-columns:1fr;margin-bottom:23px}}@media(max-width:620px){.brand{gap:8px;flex-direction:row;padding:0;align-items:center}.logo-frame{width:32px;height:29px}.brand-identity strong{font-size:9px;letter-spacing:.8px}.brand-caption{font-size:3.6px;letter-spacing:.5px;margin-top:5px}aside{grid-template-columns:1fr 1.2fr;gap:15px 10px}.workspace{margin:0;padding:10px 8px}.workspace strong{font-size:8px}.workspace-status{font-size:7px}.hardware{grid-template-columns:1fr;gap:12px;margin-bottom:22px}#networkGlobe{opacity:.9}.logout{font-size:8px}.panel,.metric{backdrop-filter:blur(9px);-webkit-backdrop-filter:blur(9px)}}
/* 1.6 / brand legibility & balanced globe */
header{background:transparent;backdrop-filter:none;-webkit-backdrop-filter:none;border-bottom-color:#bcabf923;box-shadow:none}#networkGlobe{opacity:.83;mask-image:linear-gradient(to bottom,transparent 0,transparent 66px,#000 185px);-webkit-mask-image:linear-gradient(to bottom,transparent 0,transparent 66px,#000 185px)}.brand{gap:10px;padding:0;align-items:center}.logo-tile{width:44px;height:44px;flex-shrink:0;display:grid;place-items:center;border-radius:12px;background:linear-gradient(145deg,#6e69b545,#252c5666);border:1px solid #c1b5f54d;box-shadow:inset 0 1px 0 #ffffff22,0 5px 13px #07092030;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.logo-tile .logo-frame{width:31px;height:28px;filter:drop-shadow(0 2px 4px #04071644)}.brand-identity strong{font-size:13px;font-weight:800;letter-spacing:.6px;line-height:1.2;color:#eee9ff;background:none;-webkit-text-fill-color:currentColor}.brand-caption{font-family:"Segoe UI",Arial,sans-serif;font-size:7px;font-weight:600;letter-spacing:1px;line-height:1.55;margin-top:5px;color:#cbc5e3;white-space:normal}.brand-identity{flex:1;min-width:0}@media(min-width:1700px){.logo-tile{width:44px;height:44px}.logo-tile .logo-frame{width:31px;height:28px}.brand-identity strong{font-size:13px}.brand-caption{font-size:7px}}@media(max-width:1200px){.brand{gap:9px}.logo-tile{width:39px;height:39px;border-radius:11px}.logo-tile .logo-frame{width:28px;height:25px}.brand-identity strong{font-size:11px;font-weight:800;letter-spacing:.55px}.brand-caption{font-size:6.5px;letter-spacing:.8px}}@media(max-width:950px){.brand{gap:8px}.logo-tile{width:34px;height:34px;border-radius:10px}.logo-tile .logo-frame{width:24px;height:22px}.brand-identity strong{font-size:10px;letter-spacing:.45px}.brand-caption{font-size:6px;letter-spacing:.7px}}@media(max-width:620px){aside{grid-template-columns:1.15fr 1fr;gap:13px 9px}.brand{gap:8px}.logo-tile{width:32px;height:32px;border-radius:9px}.logo-tile .logo-frame{width:23px;height:21px}.brand-identity strong{font-size:10px;font-weight:800;letter-spacing:.3px}.brand-caption{font-size:6px;letter-spacing:.55px;line-height:1.5;margin-top:4px}#networkGlobe{opacity:.7;mask-image:linear-gradient(to bottom,transparent 0,transparent 180px,#000 310px);-webkit-mask-image:linear-gradient(to bottom,transparent 0,transparent 180px,#000 310px)}}
/* SYNTRIX native sign-in */
.header-right form{margin:0}.logout{font-family:inherit;cursor:pointer}.login-page{display:grid;place-items:center;min-height:100svh;padding:35px 20px}.login-page #networkGlobe{mask-image:none;-webkit-mask-image:none;opacity:.75}.login-shell{width:100%;max-width:410px;position:relative}.login-brand{justify-content:center;margin:0 0 28px;padding:0}.login-brand .logo-tile{width:45px;height:45px}.login-brand .logo-frame{width:31px;height:28px}.login-brand .brand-identity{flex:none}.login-brand .brand-identity strong{font-size:17px;letter-spacing:1px}.login-brand .brand-caption{font-size:7px;letter-spacing:1.4px}.login-card{padding:30px;border-radius:27px;border:1px solid #c8b7ff3b;background:linear-gradient(145deg,#9b89cf22,#2e426333);backdrop-filter:blur(26px) saturate(140%);-webkit-backdrop-filter:blur(26px) saturate(140%);box-shadow:inset 0 1px #ffffff1c,0 25px 70px #03071d66}.login-lock{height:43px;width:43px;border-radius:14px;display:grid;place-items:center;border:1px solid #c8b7ff3d;background:#b298f31a;color:#d4c4ff;margin-bottom:22px}.login-lock svg{width:23px;height:23px}.login-card .eyebrow{font-size:8px;letter-spacing:1.7px}.login-card h1{font-size:28px;font-weight:550;letter-spacing:-1px;margin:11px 0 9px}.login-subtitle{font-size:11px;color:#b2a9c9;line-height:1.7;margin-bottom:25px}.login-card label{display:block;font-size:10px;color:#d0c6e4;margin:18px 0 8px}.login-card input{font:12px "Segoe UI",Arial,sans-serif;width:100%;height:43px;border:1px solid #b7a1ed36;border-radius:10px;background:#0b12254d;color:#f1eaff;padding:0 13px;outline:none;transition:border-color .15s,box-shadow .15s}.login-card input:focus{border-color:#bca1f393;box-shadow:0 0 0 3px #b49be013}.login-card input::placeholder{color:#8e80a5}.password-wrap{position:relative}.password-wrap input{padding-right:66px}.password-wrap button{position:absolute;right:11px;top:0;height:43px;background:none;border:0;color:#bca8da;font-size:9px;cursor:pointer}.code-hint{display:block;font-size:8px;line-height:1.7;color:#a497bd;margin-top:7px}.login-submit{display:flex;align-items:center;justify-content:space-between;width:100%;padding:14px 16px;margin-top:24px;border:1px solid #e1ccff55;border-radius:11px;background:linear-gradient(110deg,#8b65ca,#647cd0);color:#fff;font-size:11px;font-weight:600;cursor:pointer;box-shadow:inset 0 1px #ffffff33,0 5px 20px #624ea02b}.login-submit:hover{filter:brightness(1.12)}.login-submit:disabled{opacity:.6;cursor:wait}.login-foot{display:flex;gap:7px;justify-content:center;align-items:center;border-top:1px solid #b7a1db24;padding-top:17px;margin-top:24px;font-size:9px;color:#aeadc5}.login-foot i{background:#a8cfc4;width:4px;height:4px}.login-bottom{text-align:center;font-size:8px;color:#9a8eaf;margin-top:24px}.login-bottom span{margin:0 9px}#loginError{font-size:10px;line-height:1.7;color:#f2b5c3;background:#96405e20;border:1px solid #e78aa637;padding:10px;border-radius:8px}.login-card button:focus-visible{outline:2px solid #cab2ff;outline-offset:3px}@media(max-width:450px){.login-page{padding:25px 18px}.login-card{padding:25px}.login-brand .brand-identity strong{font-size:16px}.login-brand .brand-caption{font-size:7px}}

/* Login card branding */
.login-card-header{padding:0 0 23px;margin-bottom:24px;border-bottom:1px solid #cbb8f62b}.login-card .card-brand{justify-content:flex-start;align-items:center;flex-direction:row;gap:14px;margin:0;padding:0}.login-card .card-brand .logo-tile{height:53px;width:53px;border-radius:15px;flex-shrink:0;background:linear-gradient(145deg,#8376c94d,#34466c4d)}.login-card .card-brand .logo-frame{width:38px;height:34px}.login-card .card-brand .brand-identity{flex:1}.login-card .card-brand .brand-identity strong{font-size:19px;font-weight:800;letter-spacing:.8px}.login-card .card-brand .brand-caption{font-size:8px;line-height:1.6;letter-spacing:1.4px;color:#d1c7e7;margin-top:6px}.login-card .eyebrow{font-size:7px;color:#a79abb}.login-card h1{font-size:26px;margin-top:10px}@media(max-width:390px){.login-card .card-brand{gap:11px}.login-card .card-brand .logo-tile{height:46px;width:46px;border-radius:13px}.login-card .card-brand .logo-frame{width:33px;height:30px}.login-card .card-brand .brand-identity strong{font-size:17px}.login-card .card-brand .brand-caption{font-size:7px;letter-spacing:1px}}

.login-card .card-brand .brand-caption{white-space:nowrap;font-size:7.5px;letter-spacing:.8px}@media(max-width:390px){.login-card .card-brand .brand-caption{font-size:6.5px;letter-spacing:.5px}}
/* Login subtitle: readable single-line identity */
.login-card .card-brand{gap:13px}.login-card .card-brand .brand-caption{font-size:9px;font-weight:650;letter-spacing:.45px;line-height:1.5;color:#e0d8f0;margin-top:7px;white-space:nowrap}.login-card .card-brand .brand-identity strong{font-size:20px;letter-spacing:1px}@media(max-width:390px){.login-card .card-brand{gap:10px}.login-card .card-brand .brand-caption{font-size:8px;letter-spacing:.15px;margin-top:6px}.login-card .card-brand .brand-identity strong{font-size:18px;letter-spacing:.7px}}@media(max-width:345px){.login-card{padding-left:20px;padding-right:20px}.login-card .card-brand{gap:9px}.login-card .card-brand .logo-tile{height:40px;width:40px}.login-card .card-brand .logo-frame{width:29px;height:26px}.login-card .card-brand .brand-caption{font-size:7.5px;letter-spacing:.1px}}
/* Readability pass: consistent type scale, no miniature mobile labels. */
:root{font-size:14px;-webkit-text-size-adjust:100%;text-size-adjust:100%;--muted:#bcb5d0}body{line-height:1.5}.workspace strong{font-size:12px;font-weight:650;line-height:1.4}.workspace-status{font-size:11px;font-weight:500;line-height:1.5}.workspace{gap:9px;padding:13px 10px}.workspace-icon svg{height:18px;width:18px}.nav-label{font-size:10px;letter-spacing:1.3px;color:#b9acd1}nav a{font-size:12px;font-weight:550;line-height:1.5;padding:12px 9px;gap:8px}nav b{font-size:10px}.aside-version{font-size:10px;color:#b0a4c6}.brand-identity strong{font-size:12px;font-weight:800}.brand-caption{font-size:8px;font-weight:650;letter-spacing:.65px;line-height:1.6;color:#e0d8f0}.breadcrumb{font-size:12px;color:#c0b6d3}.breadcrumb strong{font-weight:600;color:#f0e8fc}.logout{font-size:12px;font-weight:550;padding:9px 13px}.section-label{font-size:11px;font-weight:600;letter-spacing:1.2px;color:#d4c9e5;line-height:1.6}.section-label>span+span{font-size:10px;color:#b9acce}.metric{padding:18px}.metric h2{font-size:13px;font-weight:600;color:#e0d6ed}.metric-code{font-size:10px;font-weight:550;letter-spacing:.8px;color:#b9adce}.value{font-size:32px;font-weight:600;line-height:1.2}.metric small{font-size:12px;font-weight:450;color:#c3b8d3;line-height:1.6}.uptime-line{font-size:11px;font-weight:500;height:auto;min-height:5px;line-height:1.5}.metric.green small{margin-top:8px}.panel-heading h2{font-size:15px;font-weight:600;line-height:1.4}.eyebrow{font-size:10px;font-weight:550;letter-spacing:1px;color:#c0b1d5}.time-range{font-size:11px;font-weight:500;padding:6px 10px;white-space:nowrap}.chart-summary strong{font-size:28px;font-weight:600}.chart-summary>span,.chart-legend{font-size:12px;color:#c7badb}.chart-labels{font-size:10px;color:#c1b1d3}.chart-footer{font-size:11px;color:#c3b5d7;gap:8px;flex-wrap:wrap}.chart-footer span{font-size:10px}.chart-empty{font-size:12px;color:#ddccec}.machine strong{font-size:15px;font-weight:600}.machine small{font-size:11px;color:#c0b1d7;line-height:1.6}.machine{padding:13px;gap:12px}dt{font-size:12px;font-weight:500;line-height:1.5;color:#bcacce}dt span{font-size:11px;color:#bba8d0;line-height:1.6}dd{font-size:13px;font-weight:500;line-height:1.6;color:#eee2fa;margin-top:5px}dl>div{padding:12px 0}.hardware-heading h2{font-size:15px;font-weight:600;line-height:1.4}.hardware-heading small{font-size:12px;color:#c6b5dd;line-height:1.5}.hardware p{font-size:12px;font-weight:450;line-height:1.7;color:#cdbade}.hardware-value{font-size:29px;font-weight:600}.network-heading .hardware-value{font-size:25px}.pill{font-size:11px;font-weight:550;line-height:1.5}.link-state{font-size:11px;font-weight:550;line-height:1.5;padding:6px 10px}.hardware-foot{font-size:11px;line-height:1.8;color:#c5b5da;overflow-wrap:anywhere}.network-panel .link-state.is-connected{color:#c3f1dc}.network-panel .link-state:not(.is-connected){color:#bfb0d4}footer{font-size:11px;color:#c0add1;line-height:1.7;flex-wrap:wrap}.note{font-size:11px;color:#b3a3c6;line-height:1.7}.footer-logo{font-size:11px}#error{font-size:13px;line-height:1.7}.login-card .eyebrow{font-size:11px;letter-spacing:1.3px;color:#c2b2d9}.login-card h1{font-size:29px;font-weight:650;line-height:1.3}.login-subtitle{font-size:14px;color:#d2c7e2;line-height:1.7}.login-card label{font-size:13px;font-weight:550;color:#e7ddf2}.login-card input{font-size:15px;height:46px;color:#f5efff}.password-wrap button{font-size:12px;height:46px;color:#dcc6f4}.password-wrap input{padding-right:78px}.code-hint{font-size:12px;color:#c4b4d7;line-height:1.6}.login-submit{font-size:14px;font-weight:650;padding:14px 16px}.login-foot{font-size:12px;color:#c5bfd8}.login-bottom{font-size:11px;color:#baaccb}#loginError{font-size:13px;line-height:1.6}.login-card .card-brand .brand-caption{font-size:10px;letter-spacing:.5px;font-weight:650;line-height:1.6;color:#e9e0f7}.login-card .card-brand .brand-identity strong{font-size:21px;font-weight:800;letter-spacing:.7px}.login-card .card-brand{gap:12px}.section-label,.eyebrow,.metric-code,.chart-labels,.aside-version{font-family:"Segoe UI",Arial,sans-serif}@media(min-width:1700px){.value{font-size:35px}.brand-identity strong{font-size:12px}.brand-caption{font-size:8px}}@media(max-width:1200px){.brand-identity strong{font-size:11px;letter-spacing:.4px}.brand-caption{font-size:7.5px;letter-spacing:.35px}.metric{padding:16px}.metric h2{font-size:13px}.value{font-size:29px}.metric small{font-size:11px}.metric-code{font-size:10px}.workspace strong{font-size:11px}.workspace-status{font-size:10px}}@media(max-width:950px){.brand-identity strong{font-size:10px;letter-spacing:.25px}.brand-caption{font-size:7px;letter-spacing:.2px}.workspace strong{font-size:10px}.workspace-status{font-size:10px}nav a{font-size:12px;padding:10px 7px;gap:7px}.cards{gap:13px}.hardware-heading h2{font-size:15px}.hardware-heading small{font-size:12px}.panel-heading h2{font-size:15px}}@media(max-width:620px){aside{grid-template-columns:1fr;gap:15px}.brand{gap:11px}.brand-identity strong{font-size:14px;letter-spacing:.5px}.brand-caption{font-size:9px;letter-spacing:.5px;line-height:1.5}.logo-tile{height:39px;width:39px}.logo-tile .logo-frame{height:25px;width:28px}.workspace{margin:0;padding:11px 12px;gap:10px}.workspace strong{font-size:12px}.workspace-status{font-size:11px}nav a{font-size:12px;padding:9px 11px;gap:7px}nav{gap:7px}.breadcrumb{font-size:11px;line-height:1.5}.breadcrumb span{margin:0 6px}.logout{font-size:11px;padding:8px 10px}.section-label{font-size:10px;letter-spacing:.6px}.section-label>span+span{font-size:9px;letter-spacing:.4px}.metric{padding:15px}.metric h2{font-size:12px}.metric-code{font-size:10px}.value{font-size:28px}.metric small{font-size:11px;line-height:1.6}.uptime-line{font-size:10px}.metric-head{gap:8px}.panel{padding:18px}.panel-heading h2{font-size:14px}.eyebrow{font-size:10px}.time-range{font-size:10px}.chart-summary{gap:8px;flex-wrap:wrap}.chart-summary strong{font-size:26px}.chart-summary>span,.chart-legend{font-size:11px}.chart-labels{font-size:10px}.chart-footer{margin:15px -18px -18px;padding:11px 18px;font-size:10px}.chart-footer span{font-size:10px}.hardware-heading h2{font-size:14px}.hardware-heading small{font-size:11px}.hardware p{font-size:12px}.hardware-value{font-size:28px}.network-heading .hardware-value{font-size:23px}.pill{font-size:11px}.link-state{font-size:11px}.hardware-foot{font-size:11px}.machine strong{font-size:14px}.machine small{font-size:11px}dt{font-size:12px}dt span{font-size:10px}dd{font-size:13px}footer{font-size:10px}.note{font-size:10px}.login-card .card-brand .brand-caption{font-size:9px;letter-spacing:.4px}.login-card .card-brand .brand-identity strong{font-size:19px;letter-spacing:.4px}.login-card .card-brand{gap:10px}.login-card input{font-size:16px}.login-card .eyebrow{font-size:11px}.login-subtitle{font-size:13px}.code-hint{font-size:12px}.login-card label{font-size:13px}.login-foot{font-size:12px}.login-bottom{font-size:11px}}@media(max-width:345px){.metric{padding:12px}.metric-head{gap:7px}.value{font-size:25px}.metric small{font-size:11px}.login-card .card-brand .brand-caption{font-size:8.5px;letter-spacing:.1px}.login-card .card-brand .brand-identity strong{font-size:18px}.login-card .card-brand{gap:8px}}
/* Compact login rhythm; preserve readable font sizes. */
.login-card{padding:25px 28px}.login-card-header{padding-bottom:17px;margin-bottom:18px}.login-card .card-brand .brand-caption{margin-top:4px;line-height:1.4}.login-card h1{margin:7px 0 5px;line-height:1.2}.login-subtitle{margin:0 0 17px;line-height:1.5}.login-card label{margin:12px 0 6px;line-height:1.35}.login-card input{height:43px}.password-wrap button{height:43px}.code-hint{margin-top:6px;line-height:1.4}.login-submit{margin-top:17px;padding:12px 15px;line-height:1.4}.login-foot{margin-top:17px;padding-top:13px;line-height:1.4}.login-bottom{margin-top:17px;line-height:1.4}#loginError{margin:10px 0 0;padding:8px 10px;line-height:1.4}@media(max-width:450px){.login-card{padding:23px}.login-card-header{padding-bottom:15px;margin-bottom:16px}.login-subtitle{margin-bottom:15px}.login-card label{margin-top:11px}.login-card input,.password-wrap button{height:43px}.login-foot{margin-top:16px;padding-top:12px}}@media(max-width:345px){.login-card{padding:21px 20px}}
/* Responsive layout: one authoritative set of layout breakpoints. */
html{min-width:0}body{min-width:0;width:100%;margin:0}main,aside,section,article,.panel,.metric,.metric-head,.metric-title,.hardware-heading,.panel-heading,.header-right,.brand-identity,.workspace>div{min-width:0}main{max-width:none;width:auto}aside{width:226px;height:100vh;height:100dvh;overflow-y:auto;overscroll-behavior:contain;padding-top:max(24px,env(safe-area-inset-top));padding-bottom:max(24px,env(safe-area-inset-bottom))}.menu-toggle{display:none}main{margin-left:226px;padding-left:clamp(22px,2.3vw,52px);padding-right:max(clamp(22px,2.3vw,52px),env(safe-area-inset-right));padding-bottom:max(22px,env(safe-area-inset-bottom))}.hardware{grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr)}.cards{grid-template-columns:repeat(4,minmax(0,1fr))}.middle{grid-template-columns:minmax(0,1.6fr) minmax(0,1fr)}nav a:nth-child(n){display:flex}nav a{min-height:44px}nav a span{overflow-wrap:anywhere}.logout{min-height:44px}.workspace-status span{overflow-wrap:anywhere}.section-label{gap:10px;flex-wrap:wrap}.metric-head{align-items:center}.metric-title{flex:1}.metric small,.hardware p,.hardware-foot,.machine small,dt,dd,.note,#error,.login-subtitle,.code-hint,#loginError{overflow-wrap:anywhere}.panel-heading{align-items:flex-start}.panel-heading>div:first-child{min-width:0}.hardware-heading>div{min-width:0}.panel-heading .pill,.panel-heading .power-icon,.time-range{flex-shrink:0}.panel-heading h2,.hardware-heading h2{overflow-wrap:anywhere}.battery-content{min-width:0}.battery-content>div:last-child{min-width:0}.network-heading{gap:12px}.network-heading .hardware-value{overflow-wrap:anywhere;min-width:0}.links{max-width:100%}.link-state{max-width:100%;overflow-wrap:anywhere}.machine>div:last-child{flex:1}dt{display:flex;justify-content:space-between;align-items:baseline;gap:10px;flex-wrap:wrap}dt span{float:none}.chart-area{min-width:0;position:relative}#chart{width:100%;max-width:100%;height:clamp(165px,15vw,235px)}.chart-labels{gap:4px;font-size:10px}.chart-footer{row-gap:7px}.chart-footer span{margin-left:auto}.chart-summary{flex-wrap:wrap}.brand{flex-direction:row;align-items:center;gap:10px}.logo-tile{width:40px;height:40px;flex-shrink:0}.logo-tile .logo-frame{width:28px;height:25px}.brand-identity strong{font-size:12px;letter-spacing:.5px}.brand-caption{font-size:7.5px;letter-spacing:.5px}.workspace strong{font-size:12px}.workspace-status{font-size:11px}.login-page{display:grid;place-items:center;min-height:100vh;min-height:100svh;width:100%;padding-top:max(24px,env(safe-area-inset-top));padding-bottom:max(24px,env(safe-area-inset-bottom));padding-left:max(16px,env(safe-area-inset-left));padding-right:max(16px,env(safe-area-inset-right))}.login-shell{width:min(100%,410px);min-width:0;max-width:410px}.login-card{width:100%;min-width:0;padding:25px 28px}.login-card input{font-size:16px;min-height:44px;max-width:100%;min-width:0}.password-wrap{width:100%;min-width:0}.password-wrap button{height:44px;min-width:60px}.login-submit{min-height:46px}.login-card .card-brand{width:100%;gap:12px}.login-card .card-brand .brand-identity{min-width:0;flex:1}.login-card .card-brand .logo-tile{height:49px;width:49px}.login-card .card-brand .logo-frame{width:35px;height:32px}.login-card .card-brand .brand-identity strong{font-size:20px;letter-spacing:.6px}.login-card .card-brand .brand-caption{font-size:9.5px;letter-spacing:.3px;white-space:nowrap}footer{align-items:baseline}footer>span{max-width:100%;overflow-wrap:anywhere}
@media(min-width:1900px){main{padding-left:54px;padding-right:54px}.cards,.hardware,.middle{gap:20px}.panel{padding:24px}.chart-footer{margin:16px -24px -24px;padding:12px 24px}.metric{padding:21px}.value{font-size:36px}}
@media(min-width:901px) and (max-width:1199px){aside{width:216px;padding-left:14px;padding-right:14px}main{margin-left:216px;padding-left:22px;padding-right:22px}.cards{grid-template-columns:repeat(2,minmax(0,1fr))}.hardware{grid-template-columns:1fr}.middle{grid-template-columns:1fr}.brand-identity strong{font-size:11px}.brand-caption{font-size:7px}.workspace strong{font-size:11px}.workspace-status{font-size:10px}#chart{height:195px}}
@media(max-width:900px){aside{position:relative;inset:auto;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:15px 16px;width:100%;height:auto;max-height:none;padding:16px max(20px,env(safe-area-inset-right)) 15px max(20px,env(safe-area-inset-left));border-right:0;border-bottom:1px solid #c3a8f52a;overflow:visible}.brand{grid-column:1;grid-row:1;padding:0;gap:11px}.brand-identity{flex:0 1 auto}.brand-identity strong{font-size:15px;letter-spacing:.7px}.brand-caption{font-size:9px;letter-spacing:.6px}.logo-tile{width:43px;height:43px}.logo-tile .logo-frame{width:31px;height:28px}.menu-toggle{display:flex;grid-column:2;grid-row:1;justify-self:end;align-items:center;justify-content:center;gap:8px;min-height:44px;min-width:44px;border:1px solid #c5b4f343;border-radius:13px;padding:9px 12px;background:#a58ade1a;color:#e8def8;font:500 12px "Segoe UI",Arial,sans-serif;cursor:pointer}.menu-toggle svg{height:18px;width:18px}.menu-toggle:focus-visible{outline:2px solid #c9b2ff;outline-offset:3px}.workspace{grid-column:1/-1;grid-row:2;display:flex;justify-content:flex-start;margin:0;padding:10px 13px;border-radius:13px;gap:10px}.workspace>div{display:flex;align-items:center;justify-content:space-between;flex:1;gap:12px;flex-wrap:wrap}.workspace strong{font-size:12px}.workspace-status{font-size:11px;margin-top:0}.nav-label,.aside-version{display:none}aside nav{grid-column:1/-1;display:none;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;overflow:visible;margin:0;padding:0}aside.menu-open nav{display:grid}nav a:nth-child(n){display:flex}nav a{width:100%;min-height:45px;padding:10px 12px;font-size:12px;white-space:normal;gap:8px;border-radius:12px}nav b{display:none}main{margin-left:0;width:100%;padding-left:max(22px,env(safe-area-inset-left));padding-right:max(22px,env(safe-area-inset-right));padding-bottom:max(22px,env(safe-area-inset-bottom))}header{min-height:69px;height:auto;padding:12px 0;margin-bottom:22px;gap:14px}.breadcrumb{font-size:12px;line-height:1.5}.breadcrumb strong{font-size:12px}.breadcrumb span{margin:0 10px}.logout{font-size:12px;min-height:44px}.cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.metric{padding:18px}.metric-title{display:block}.metric h2{font-size:13px}.metric-code{font-size:10px;margin-top:4px}.metric small{font-size:12px}.value{font-size:31px}.hardware{grid-template-columns:repeat(2,minmax(0,1fr));gap:15px;margin-bottom:23px}.middle{grid-template-columns:1fr;gap:17px}.panel{padding:20px}.chart-footer{margin:16px -20px -20px;padding:11px 20px}.section-label{font-size:11px}.section-label>span+span{font-size:10px}.panel-heading h2,.hardware-heading h2{font-size:15px}.hardware-heading small{font-size:12px}.hardware p{font-size:12px}.hardware-foot{font-size:11px}.pill,.link-state{font-size:11px}.network-heading .hardware-value{font-size:24px}.hardware-value{font-size:29px}#chart{height:190px}.chart-labels{font-size:10px}footer{font-size:11px}.note{font-size:11px}}
@media(max-width:600px){aside{padding-left:max(16px,env(safe-area-inset-left));padding-right:max(16px,env(safe-area-inset-right));gap:13px}.brand-identity strong{font-size:14px}.brand-caption{font-size:8px;letter-spacing:.55px}.logo-tile{width:39px;height:39px}.logo-tile .logo-frame{width:28px;height:25px}.menu-toggle{padding:9px 11px;font-size:11px}.workspace>div{display:block}.workspace-status{margin-top:4px;font-size:11px}.workspace strong{font-size:12px}main{padding-left:max(16px,env(safe-area-inset-left));padding-right:max(16px,env(safe-area-inset-right))}.breadcrumb{font-size:0}.breadcrumb span{font-size:0;margin:0}.breadcrumb strong{font-size:12px}.logout{padding:9px 11px;font-size:11px}.logout svg{width:14px;height:14px}.hardware{grid-template-columns:1fr;gap:14px}.cards{gap:12px}.metric{padding:16px}.metric-icon{width:28px;height:28px}.value{font-size:29px}.metric small{font-size:11px;line-height:1.6}.metric h2{font-size:12px}.uptime-line{font-size:11px}.metric-code{font-size:10px}.panel{padding:18px}.chart-footer{margin:15px -18px -18px;padding:11px 18px}.chart-summary>span,.chart-legend{font-size:11px}.chart-summary strong{font-size:26px}.chart-footer,.chart-footer span{font-size:10px}.chart-footer span{margin-left:0;width:100%}.section-label{font-size:10px;letter-spacing:.6px}.section-label>span+span{font-size:9px;letter-spacing:.4px}.chart-labels span:nth-child(2),.chart-labels span:nth-child(4){display:none}.hardware-heading h2{font-size:14px}.hardware-heading small{font-size:12px}.hardware-heading{gap:10px}.time-range{font-size:10px}.note{font-size:11px}footer{font-size:10px;gap:8px}.footer-logo{font-size:11px}dt{font-size:12px}dd{font-size:13px}.hardware-value{font-size:29px}#chart{height:180px}.login-card{padding:23px}.login-card .card-brand .brand-identity strong{font-size:19px}.login-card .card-brand .brand-caption{font-size:9px;letter-spacing:.2px}.login-card .card-brand .logo-tile{width:47px;height:47px}.login-card .card-brand .logo-frame{width:33px;height:30px}.login-card .card-brand{gap:11px}.login-subtitle{font-size:13px}.login-card input{font-size:16px}.login-card label{font-size:13px}}
@media(max-width:399px){.cards{grid-template-columns:1fr}.metric{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:11px 12px;padding:16px 18px}.metric-head{grid-column:1;grid-row:1}.metric-title{display:block}.metric .value{grid-column:2;grid-row:1;margin:0;font-size:29px}.metric progress,.metric .uptime-line,.metric small{grid-column:1/-1;max-width:100%;margin:0}.metric.green small{margin:0}.metric small{font-size:12px}.metric .uptime-line{line-height:1.5;min-height:0;height:auto}.metric .metric-icon{width:29px;height:29px}.hardware-heading h2{font-size:13px}.hardware-heading small{font-size:11px}.panel-heading{gap:8px}.pill{font-size:10px;padding:5px 7px}.panel{padding:16px}.chart-footer{margin:15px -16px -16px;padding:10px 16px}.section-label>span+span{font-size:9px}.section-label{font-size:10px}.brand-identity strong{font-size:13px}.brand-caption{font-size:7.5px;letter-spacing:.4px}.menu-toggle span{display:none}.menu-toggle{padding:10px;width:44px}.login-card{padding:22px 20px}.login-card .card-brand{gap:9px}.login-card .card-brand .logo-tile{width:40px;height:40px}.login-card .card-brand .logo-frame{width:29px;height:26px}.login-card .card-brand .brand-identity strong{font-size:18px}.login-card .card-brand .brand-caption{font-size:8.5px;letter-spacing:.1px}.login-card h1{font-size:27px}}
@media(max-height:650px){.login-page{align-items:start}.login-shell{margin:0 auto}.login-bottom{margin-bottom:0}}@media(hover:none) and (pointer:coarse){.metric:hover{transform:none}.password-wrap button{min-width:64px}.logout,.menu-toggle,.login-submit{touch-action:manipulation}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
/* A shared edge colour blends the page into iOS chrome and safe areas.
   The ambient light fades to this colour before either viewport edge. */
:root{--viewport-base:#0b0d23}
html{background:var(--viewport-base);min-height:100%;height:100%}
body{background:var(--viewport-base);min-height:100%;min-height:100dvh;isolation:isolate}
.ambient{position:fixed;inset:0;width:auto;height:auto;min-height:0;pointer-events:none;z-index:-3;background:radial-gradient(ellipse at 80% 28%,#7843c53a,transparent 62%),radial-gradient(ellipse at 10% 72%,#315cc032,transparent 62%);-webkit-mask-image:linear-gradient(to bottom,transparent,#000 20%,#000 75%,transparent);mask-image:linear-gradient(to bottom,transparent,#000 20%,#000 75%,transparent)}
main{background:transparent}
body:after{content:none}
body.login-page{background:var(--viewport-base);min-height:100%;min-height:100dvh;padding-top:calc(24px + env(safe-area-inset-top,0px));padding-bottom:calc(24px + env(safe-area-inset-bottom,0px))}
body #networkGlobe,body.login-page #networkGlobe{-webkit-mask-image:linear-gradient(to bottom,transparent,#000 22%,#000 72%,transparent);mask-image:linear-gradient(to bottom,transparent,#000 22%,#000 72%,transparent)}
@media(max-width:900px){main{padding-bottom:calc(22px + env(safe-area-inset-bottom,0px))}aside{padding-top:calc(16px + env(safe-area-inset-top,0px))}}

/* Wrap the brand only when its available width requires another line. */
aside .brand-identity{flex:1;min-width:0}aside .brand-caption{white-space:normal;text-wrap:balance}
/* Avoid continuously blurring the animated canvas through every mobile card.
   Translucent gradients and highlights retain the glass appearance. */
@media(pointer:coarse){
 html{scroll-behavior:auto}
 .metric,.panel,.login-card,aside,.logo-tile,.logout,#error{backdrop-filter:none;-webkit-backdrop-filter:none}
 .metric,.panel{background-color:#191a38d9}
 .login-card{background-color:#1c1b3bd9}
 #networkGlobe{height:100lvh;contain:strict}
}

/* Header controls and server management */
aside .top-actions{display:flex;align-items:center;gap:8px;margin-top:18px;justify-content:flex-end}aside .top-actions form{margin:0}.top-actions .menu-toggle{display:flex;align-items:center;justify-content:center;width:44px;height:44px;padding:10px;min-width:44px;border:1px solid #c5b4f343;border-radius:13px;background:#a58ade1a;color:#e8def8;cursor:pointer}.top-actions .logout{min-height:44px;font-size:12px}.action-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.manage-intro{color:#c9c2de;font-size:15px}.action-card h2{font-size:19px;margin:12px 0}.action-card p{color:#c9c2de;font-size:14px;line-height:1.7;flex:1}.action-card{display:flex;flex-direction:column;align-items:flex-start;padding:24px;gap:4px}.action-symbol{font-size:32px;line-height:1;color:#c4b0ff}.action-card button,.dialog-actions button{border:1px solid #bda5ff66;border-radius:12px;background:linear-gradient(110deg,#855dba,#526cba);color:#fff;padding:12px 18px;font:600 14px inherit;min-height:44px;cursor:pointer}.action-card.danger button{background:linear-gradient(110deg,#914267,#734a85)}button:disabled{opacity:.45;cursor:wait}.action-status{font-size:14px;line-height:1.6;color:#d8cdeb;padding:12px 0}.action-status:empty{display:none}#powerDialog{width:min(440px,calc(100% - 28px));max-height:calc(100dvh - 40px);overflow-y:auto;border:1px solid #bba8ec55;border-radius:24px;background:#191a35;color:#eee9ff;padding:26px;box-shadow:0 25px 80px #0008}#powerDialog::backdrop{background:#050817b8}#powerDialog h2{margin-top:0;font-size:22px}#powerDialog p{font-size:14px;line-height:1.6}#powerDialog label{display:block;font-size:13px;margin:16px 0 7px}#powerDialog input{width:100%;min-height:46px;border:1px solid #bba8ec55;border-radius:10px;padding:10px 12px;background:#0d1128;color:#fff;font-family:inherit;font-size:16px;line-height:1.4}#powerDialog small{display:block;margin-top:9px;font-size:12px;color:#c4bcd9}#actionError{color:#ffb5c7}.dialog-actions{display:flex;gap:12px;justify-content:flex-end;margin-top:22px}#cancelPower{background:#ffffff0c}button:focus-visible,input:focus-visible{outline:2px solid #cab2ff;outline-offset:3px}
@media(min-width:901px){aside nav{display:grid}aside .top-actions .menu-toggle{display:none}}
@media(max-width:900px){aside .top-actions{grid-column:2;grid-row:1;margin:0;gap:8px}.top-actions .menu-toggle{grid-column:auto;grid-row:auto}.top-actions .logout{font-size:11px;padding:9px 11px}.brand{min-width:0}.brand-identity strong{white-space:normal}.action-grid{grid-template-columns:1fr}}
@media(max-width:480px){aside{column-gap:8px}.top-actions .logout{font-size:0;width:44px;padding:10px;justify-content:center}.top-actions .logout svg{width:18px;height:18px}.brand-identity strong{font-size:12px}.brand-caption{font-size:7px}.action-card{padding:20px}}

.action-title{display:flex;align-items:center;justify-content:space-between;gap:16px;width:100%}.action-title h2{margin:0}.action-title .action-symbol{font-size:30px;flex-shrink:0}.top-actions .logout{display:inline-flex;align-items:center;justify-content:center;line-height:1;padding:0 12px;gap:8px}.top-actions .logout svg{display:block;flex:0 0 18px;width:18px;height:18px;margin:0}.action-card .shutdown-toggle{display:flex;align-items:center;justify-content:space-between;gap:16px;width:100%;font-size:13px;cursor:pointer}.shutdown-toggle small{display:block;font-size:11px;color:#c5bcd9}.shutdown-toggle input{position:absolute;opacity:0;width:1px;height:1px}.switch-track{width:44px;height:26px;border-radius:20px;background:#77698d;position:relative;flex-shrink:0;transition:background .2s}.switch-track:after{content:'';position:absolute;top:3px;left:3px;width:20px;height:20px;background:white;border-radius:50%;transition:transform .2s}.shutdown-toggle input:checked+.switch-track{background:#548e85}.shutdown-toggle input:checked+.switch-track:after{transform:translateX(18px)}.shutdown-toggle input:focus-visible+.switch-track{outline:2px solid #c5b0ff;outline-offset:3px}.automations-section{margin-top:32px}.secondary-action,.automation-remove{background:#b398eb20;border:1px solid #bba8ed50;border-radius:10px;color:#eee9ff;padding:10px 14px;min-height:44px;cursor:pointer;font-size:13px}.automation-note{font-size:12px;color:#c3b8d6;line-height:1.6}.automation-path{font-size:12px;overflow-wrap:anywhere;color:#b5a5d2}.automation-output{white-space:pre-wrap;overflow-wrap:anywhere;max-height:160px;overflow:auto;font-size:12px;max-width:100%}.automation-controls{display:flex;gap:10px;flex-wrap:wrap}dialog:not(#powerDialog){width:min(440px,calc(100% - 28px));max-height:calc(100dvh - 40px);overflow-y:auto;border:1px solid #bba8ec55;border-radius:24px;background:#191a35;color:#eee9ff;padding:26px}dialog::backdrop{background:#050817b8}dialog p{font-size:14px;line-height:1.6}#automationForm label{display:block;margin:16px 0 7px;font-size:13px}#automationForm input{width:100%;min-height:46px;border:1px solid #bba8ec55;border-radius:10px;padding:10px 12px;background:#0d1128;color:white;font-size:16px}#automationError{color:#ffb5c7}.action-card .automation-remove{background:#ffffff0a;color:#dacde7;font-weight:400}
@media(max-width:480px){.top-actions .logout{width:44px;height:44px;padding:0;gap:0}.automations-section .section-label{gap:10px;flex-wrap:wrap}}

/* Keep dialog inputs readable without iOS focus magnification; pinch zoom remains available. */
#powerDialog input,#automationDialog input{font-family:inherit;font-size:16px;line-height:1.4;min-height:46px}
/* Initial browser setup shares the login card and readable mobile controls. */
.setup-secret{display:block;white-space:pre-wrap;overflow-wrap:anywhere;background:#0d1128;border:1px solid #bba8ec55;border-radius:12px;padding:15px;font:14px/1.7 monospace;user-select:all;color:#e7ddff}#setupError{color:#ffb5c7;font-size:14px}#setupAuthenticator p,#setupRecovery p{font-size:14px;line-height:1.6;color:#d6cde7}.login-card .setup-check{display:flex;align-items:center;gap:12px;font-size:13px}.login-card .setup-check input{width:20px;min-height:20px;height:20px;flex:0 0 20px}.setup-next{text-decoration:none;display:flex;align-items:center;justify-content:space-between;font-size:14px}

.login-bottom a{white-space:nowrap;color:#c5bbdf;text-decoration:none}.login-bottom a:hover{text-decoration:underline;color:#eee9ff}.login-bottom{line-height:1.8;overflow-wrap:anywhere}

#setupTunnel{margin-bottom:24px;padding-bottom:24px;border-bottom:1px solid #bba8ec33}#setupTunnel h2{font-size:19px}#setupTunnel p{font-size:13px;line-height:1.6;color:#d6cde7}#setupTunnel code{overflow-wrap:anywhere;font-size:12px}
/* Language controls: native names, readable inputs, and flexible headers. */
.language-control{display:flex;align-items:center;gap:10px;font-size:12px;color:#ded5ef;min-width:0}.language-control select{font-family:inherit;font-size:16px;line-height:1.4;min-height:44px;max-width:100%;padding:8px 28px 8px 12px;background:#22213c;border:1px solid #bba8ec55;border-radius:12px;color:#f0eaff;cursor:pointer}.language-control option{background:#22213c;color:#f0eaff}.login-card-header .language-control{margin-top:16px;justify-content:space-between}.language-intro{font-size:13px;line-height:1.5;color:#d8cde8;margin:0 0 12px}.header-right .language-control{justify-content:flex-end}.header-right{min-width:0}.action-title h2{overflow-wrap:anywhere}nav a span{overflow-wrap:anywhere}.login-submit{height:auto;gap:12px;line-height:1.5}.logout{white-space:normal}.workspace>div{min-width:0}.workspace strong{overflow-wrap:anywhere}
@media(max-width:600px){.header-right .language-control>span{display:none}.header-right .language-control select{max-width:145px}header .breadcrumb strong{font-size:11px}.top-actions .logout{max-width:120px}.login-card-header .language-control{gap:8px}#powerDialog label{line-height:1.5}.section-label{gap:8px;flex-wrap:wrap}}
/* Compact glass language picker with local vector flags. */
.language-control{display:block;flex:0 0 auto}.language-control>span{display:none}.language-control select[hidden]{display:none!important}.language-picker{position:relative;z-index:25;isolation:isolate}.language-trigger{display:flex;align-items:center;justify-content:center;gap:7px;min-height:40px;padding:8px 10px;border:1px solid #c1acf544;border-radius:13px;background:linear-gradient(145deg,#9f82d52d,#6b84c21c);box-shadow:inset 0 1px #ffffff14,0 4px 14px #07091c26;color:#eee8ff;cursor:pointer;font-family:inherit}.language-trigger:hover,.language-picker.is-open .language-trigger{border-color:#c8b1ff80;background:linear-gradient(145deg,#b393f043,#8099e82a)}.language-flag{display:block;flex:0 0 23px;width:23px;height:16px;overflow:hidden;border-radius:4px;box-shadow:0 0 0 1px #ffffff24;pointer-events:none}.language-current-flag{display:block}.language-code{font-size:11px;font-weight:700;letter-spacing:.5px}.language-chevron{font-size:14px;line-height:1;color:#c9bcdf;transform:translateY(-2px)}.language-picker.is-open .language-chevron{transform:rotate(180deg) translateY(1px)}.language-dropdown{position:absolute;right:0;top:calc(100% + 9px);width:214px;max-width:calc(100vw - 32px);max-height:min(340px,55dvh);overflow-y:auto;overscroll-behavior:contain;padding:6px;border:1px solid #c6acf04d;border-radius:17px;background:linear-gradient(145deg,#292142f7,#151b33fc);box-shadow:0 18px 45px #04061580,inset 0 1px #ffffff14;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);scrollbar-width:thin;scrollbar-color:#a48bc16b transparent}.language-option{display:flex;align-items:center;gap:11px;width:100%;min-height:41px;border:1px solid transparent;border-radius:10px;padding:9px 10px;background:transparent;color:#ded7ef;font-family:inherit;font-size:13px;text-align:left;cursor:pointer}.language-option:hover,.language-option:focus-visible{background:#b79ae51f;outline:none;border-color:#c3a8ed40}.language-option[aria-selected="true"]{background:linear-gradient(110deg,#b08be82b,#7897ed18);border-color:#ba9be53b;color:#fff}.language-name{flex:1}.language-check{opacity:0;font-size:13px;color:#c4b1ff}.language-option[aria-selected="true"] .language-check{opacity:1}.login-card-header{display:flex;align-items:center;gap:12px}.login-card-header .language-control{margin-top:0;align-self:center}.login-card .card-brand{width:auto;flex:1;min-width:0;gap:10px}.login-card .card-brand .brand-identity{flex:1;min-width:0}.login-card .card-brand .logo-tile{height:43px;width:43px}.login-card .card-brand .logo-frame{width:31px;height:28px}.login-card .card-brand .brand-identity strong{font-size:18px;letter-spacing:.4px}.login-card .card-brand .brand-caption{font-size:8px;letter-spacing:.15px}.header-right .language-control{margin:0}
@media(max-width:400px){.login-card-header{gap:8px}.login-card .card-brand{gap:8px}.login-card .card-brand .logo-tile{height:36px;width:36px}.login-card .card-brand .logo-frame{width:26px;height:23px}.login-card .card-brand .brand-identity strong{font-size:16px;letter-spacing:.2px}.login-card .card-brand .brand-caption{font-size:7px;letter-spacing:0}.login-card .language-trigger{padding:8px;gap:5px}.login-card .language-chevron{display:none}.language-code{font-size:10px}}
@media(pointer:coarse){.language-trigger{min-height:44px}.language-option{min-height:44px}.language-dropdown{backdrop-filter:none;-webkit-backdrop-filter:none}}
/* Place floating menus outside scroll containers so no option is clipped. */
.language-dropdown{position:fixed;right:auto;top:auto;z-index:1000}.dashboard-brand-row{display:flex;align-items:center;gap:8px;min-width:0;width:100%}.dashboard-brand-row>.brand{flex:1;min-width:0;width:auto;padding:0;gap:8px}.dashboard-brand-row .language-trigger{padding:9px;min-width:42px}.dashboard-brand-row .language-code,.dashboard-brand-row .language-chevron{display:none}.dashboard-brand-row .brand-identity strong{font-size:11px;letter-spacing:.2px}.dashboard-brand-row .brand-caption{font-size:7px;letter-spacing:.2px}.dashboard-brand-row .logo-tile{width:33px;height:33px}.dashboard-brand-row .logo-frame{width:24px;height:22px}
@media(max-width:900px){.dashboard-brand-row{grid-column:1;grid-row:1}.dashboard-brand-row>.brand{grid-column:auto;grid-row:auto;gap:9px}.dashboard-brand-row .brand-identity strong{font-size:14px}.dashboard-brand-row .brand-caption{font-size:8px}.dashboard-brand-row .logo-tile{width:39px;height:39px}.dashboard-brand-row .logo-frame{width:28px;height:25px}}
@media(max-width:400px){.dashboard-brand-row{gap:6px}.dashboard-brand-row>.brand{gap:7px}.dashboard-brand-row .brand-identity strong{font-size:12px;letter-spacing:.1px}.dashboard-brand-row .brand-caption{font-size:6.5px}.dashboard-brand-row .logo-tile{width:30px;height:30px}.dashboard-brand-row .logo-frame{width:22px;height:20px}.dashboard-brand-row .language-trigger{min-width:36px;padding:6px}.dashboard-brand-row .language-flag{width:21px;height:14px;flex-basis:21px}}