: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-trigger>.workspace-name-row{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-trigger>.workspace-name-row{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-trigger>.workspace-name-row{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-trigger>.workspace-name-row{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}}


/* Authenticator recovery reuses the compact, responsive login shell. */
.auth-recovery-link{display:block;width:fit-content;max-width:100%;margin:18px auto 0;color:#d5cbff;font-size:1rem;font-weight:600;line-height:1.45;text-align:center;text-underline-offset:4px}
.auth-recovery-link:focus-visible,.recovery-command button:focus-visible{outline:2px solid #b7a0ff;outline-offset:5px;border-radius:7px}
.recovery-instructions ol{padding-inline-start:1.4em;margin:0 0 18px;line-height:1.6;color:#e4dff3}.recovery-instructions li+li{margin-top:8px}
.recovery-command{display:flex;flex-direction:column;gap:12px;padding:16px;border:1px solid rgba(191,174,255,.28);border-radius:18px;background:rgba(8,13,36,.45);margin-bottom:16px;min-width:0}
.recovery-command code{font-size:1rem;line-height:1.6;overflow-wrap:anywhere;word-break:break-word;color:#f0e9ff;user-select:all}
.recovery-command button{align-self:flex-start;min-height:44px;padding:9px 14px;border-radius:12px;border:1px solid rgba(184,170,255,.4);background:rgba(136,109,216,.2);color:#eee7ff;font:inherit;font-weight:600;cursor:pointer}
.recovery-command button:hover{background:rgba(136,109,216,.34)}.recovery-success{color:#adf0cd;line-height:1.55;margin-top:0}
#recoveryError{color:#ffbcc8;line-height:1.55;margin:0 0 18px}

/* Global owner registry. All user-provided values are rendered as text. */
.control-panel{position:fixed;top:18px;right:18px;bottom:18px;width:min(356px,calc(100vw - 24px));z-index:35;display:flex;flex-direction:column;gap:14px;padding:22px;border:1px solid #bca8eb45;border-radius:25px;background:linear-gradient(145deg,#24203af7,#12182ffb);box-shadow:0 20px 75px #03061170;transform:translateX(calc(100% + 24px));visibility:hidden;transition:transform .2s ease,visibility .2s;overflow:hidden}.control-panel.is-open{transform:translateX(0);visibility:visible}.control-heading{display:flex;justify-content:space-between;align-items:center;gap:12px}.control-heading h2{font-size:21px;margin:6px 0}.control-heading .eyebrow{font-size:11px;letter-spacing:1px}.control-close{border:1px solid #c6b7ec40;background:#ffffff08;color:#eee9ff;border-radius:12px;width:42px;height:42px;font:26px inherit;cursor:pointer;flex-shrink:0}.control-counts{padding:14px 16px;border:1px solid #bca8eb30;border-radius:17px;background:linear-gradient(120deg,#8761bd2b,#4b7cbd20)}.control-counts strong{font-size:24px;display:block;letter-spacing:2px}.control-counts small{font-size:12px;color:#c2b8d9}.control-panel label{font-size:13px;font-weight:600}.control-panel input:not([type=checkbox]),.control-dialog input:not([type=checkbox]),.control-dialog textarea{font-family:inherit;font-size:16px;line-height:1.5;border:1px solid #bcaaeb45;border-radius:11px;background:#0c112b80;color:#f2edff;min-height:46px;padding:10px 12px;width:100%}.control-toolbar{display:flex;gap:8px}.control-toolbar button{font-size:12px;flex:1;padding:9px}.control-servers{overflow-y:auto;min-height:0;overscroll-behavior:contain;scrollbar-width:thin;padding-right:3px}.control-server{border:1px solid #bcaaeb30;background:linear-gradient(125deg,#8969c516,#7593d208);border-radius:18px;padding:16px;margin-bottom:12px;overflow-wrap:anywhere}.control-server-heading{display:flex;align-items:center;justify-content:space-between;gap:10px}.control-server-heading strong{font-size:16px}.control-server .pill{font-size:11px}.control-server .control-online{color:#9be1bf;background:#69bd9425;border-color:#8acda342}.control-origin{display:block;margin-top:6px;font-size:12px;color:#beb5d8}.control-meta{display:flex;flex-wrap:wrap;gap:7px;margin:12px 0;font-size:12px;color:#d2c7e9}.control-meta span{padding:5px 8px;background:#bba6e514;border-radius:8px}.control-meta .state-blocked,.control-meta .state-expired{color:#ffb2b5;background:#d76e8720}.control-meta .state-active{color:#9be1bf}.control-meta .state-update_required{color:#ffd090;background:#d39e5b20}.control-license{font-size:13px}.control-seen{display:block;font-size:11px;color:#beb5d8;line-height:1.5;margin-bottom:12px}.control-server button{width:100%;font-size:13px}.control-empty{font-size:14px;color:#c4b9d9;line-height:1.6}.control-dialog details{border-top:1px solid #baa4e632;margin-top:18px;padding-top:18px}.control-dialog summary{font-size:16px;font-weight:650;cursor:pointer;min-height:35px}.control-dialog label{display:block;margin:14px 0 7px;font-size:14px}.control-dialog code{display:block;overflow-wrap:anywhere;white-space:pre-wrap;font-size:13px;line-height:1.6;background:#080d2280;padding:12px;border-radius:10px}.control-dialog input:not([type=checkbox]):focus,.control-dialog textarea:focus{outline:2px solid #baa5f0;outline-offset:2px}.control-dialog button[type=submit]:not(.dialog-actions button){margin-top:15px}.control-dialog .control-checkbox{display:flex;gap:10px;align-items:center}.control-checkbox input{width:22px;min-height:22px;accent-color:#a388df}.control-license-row{display:flex;flex-wrap:wrap;gap:10px;align-items:center;padding:14px 0;border-bottom:1px solid #baa4e629;font-size:13px}.control-license-row strong{flex-basis:100%;font-size:15px}.control-license-row code{padding:5px 8px;font-size:12px}.control-audit{padding:0;list-style:none;font:12px/1.8 Consolas,monospace;overflow-wrap:anywhere;max-height:250px;overflow-y:auto}.control-dialog [role=alert],#controlError{color:#ffb5c7;font-size:14px}.license-command{display:block;font-size:14px;line-height:1.6;overflow-wrap:anywhere;background:#070c2580;border:1px solid #baa4e635;padding:15px;border-radius:13px;margin-bottom:12px}.license-versions{margin:24px 0}.license-versions>div{display:flex;justify-content:space-between;gap:12px;margin:12px 0}.license-versions dt{font-size:14px}.license-versions dd{margin:0;font-size:15px}#licenseUpdate p{font-size:14px;line-height:1.7}#licenseRetry{margin-top:22px}.header-right #controlToggle{font-size:13px}
@media(min-width:1500px){body.has-control main{margin-right:382px}body.has-control .control-panel{visibility:visible;transform:none;z-index:6}body.has-control #controlClose,body.has-control #controlToggle{display:none}}
@media(max-width:600px){.control-panel{top:max(12px,env(safe-area-inset-top));bottom:max(12px,env(safe-area-inset-bottom));right:12px;padding:18px}.control-dialog{padding:22px}.header-right #controlToggle{font-size:11px;padding:8px;min-height:44px}.control-dialog .dialog-actions{gap:8px}.control-dialog .dialog-actions button{font-size:13px}}
@media(prefers-reduced-motion:reduce){.control-panel{transition:none}}
nav .control-nav[aria-expanded="true"]{background:#a388df20;border-color:#bba5ed40;color:#e5d8ff}nav .control-nav .control-nav-icon{display:inline-grid;place-items:center;flex:0 0 16px;width:16px;font-size:21px;line-height:1}

/* Dedicated registry page; it shares the application shell and glass palette. */
.servers-page main{min-width:0;padding-bottom:24px}.servers-page .fleet-heading{display:flex;justify-content:space-between;align-items:center;gap:22px;margin:10px 0 25px}.fleet-heading .eyebrow{font-size:11px;letter-spacing:1.8px;color:#bcb0d8;margin-bottom:10px}.fleet-heading h1{font-size:clamp(25px,2.4vw,34px);font-weight:760;letter-spacing:-.9px;line-height:1.15;margin:0;color:#f0eaff}.fleet-heading p{font-size:14px;line-height:1.65;color:#beb5d2;margin:11px 0 0;max-width:540px}.fleet-actions{display:flex;align-items:center;gap:10px;flex-shrink:0}.fleet-button{display:inline-flex;justify-content:center;align-items:center;gap:9px;min-height:44px;padding:11px 16px;border:1px solid #c0a5ef69;border-radius:13px;background:linear-gradient(115deg,#8861b6b3,#5b76bbac);box-shadow:inset 0 1px #ffffff20,0 6px 18px #080d2520;color:#f4eeff;line-height:1.4;cursor:pointer;font-family:inherit;font-size:13px;font-weight:600;transition:border-color .15s,background .15s}.fleet-button svg{width:17px;height:17px}.fleet-button:hover{border-color:#d7beffa0}.fleet-button-secondary{background:linear-gradient(125deg,#c0abe71a,#7794c60e);border-color:#c6b1ed3b;box-shadow:inset 0 1px #ffffff08}.fleet-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px;margin-bottom:24px}.fleet-stat{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:22px 21px;border:1px solid #bda8ea38;border-radius:21px;background:linear-gradient(125deg,#a18ad824,#5d76bd13);box-shadow:inset 0 1px #e1d6ff0d,0 8px 25px #03071c1c;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);min-width:0}.fleet-stat>div{min-width:0}.fleet-stat>div>span{display:block;color:#c5bdda;font-size:13px;line-height:1.4}.fleet-stat strong{font-size:31px;font-weight:700;line-height:1.2;letter-spacing:-.8px;color:#eee8ff;display:block;margin-top:9px;font-variant-numeric:tabular-nums}.fleet-stat-icon{width:42px;height:42px;display:grid;place-items:center;flex-shrink:0;border:1px solid #c0a8ef31;background:#ac89ec12;border-radius:14px;color:#c6b0fa}.fleet-stat-icon svg{width:22px;height:22px}.fleet-stat.is-online{background:linear-gradient(125deg,#68bbab16,#506aab12)}.fleet-stat.is-online strong{color:#a2e0c5}.fleet-stat.is-online .fleet-stat-icon{color:#a2e0c5;background:#77c2a712;border-color:#8dcbb52f}.fleet-stat.is-offline .fleet-stat-icon{color:#a8b3cc;background:#92a8ce0c;border-color:#a0b2d322}.fleet-stat.is-blocked .fleet-stat-icon{color:#e7a8bc;background:#df88ac0b;border-color:#df88ac2a}.fleet-table-panel{padding:0;border-radius:23px;overflow:hidden;background:linear-gradient(130deg,#8f78c51c,#435b9810);min-width:0}.fleet-list-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:23px 24px 18px}.fleet-list-heading>div{display:flex;align-items:center;gap:12px;min-width:0}.fleet-list-heading h2{font-size:17px;font-weight:650;margin:0;letter-spacing:-.2px}.fleet-list-heading>div>span{font:12px/1.5 Consolas,monospace;border:1px solid #bca6e331;border-radius:8px;background:#a588d410;padding:3px 7px;color:#c9b9e2;white-space:nowrap}.fleet-search{position:relative;display:flex;align-items:center;min-width:220px;width:310px;max-width:100%;margin:0}.fleet-search>svg{position:absolute;left:13px;width:17px;height:17px;pointer-events:none;color:#b4a6cc}.fleet-search input{min-height:44px;min-width:0;width:100%;padding:11px 12px 11px 39px;line-height:1.5;font-family:inherit;font-size:16px;color:#eae1f8;border:1px solid #ba9fe539;border-radius:12px;background:#0c112c54;outline:none}.fleet-search input::placeholder{color:#ada0c2;font-size:13px}.fleet-search input:focus{border-color:#c4a7f582;box-shadow:0 0 0 3px #a381d90d}.fleet-filters{display:flex;flex-wrap:wrap;gap:7px;padding:0 24px 20px;border-bottom:1px solid #bda5e429}.fleet-filters button{font-family:inherit;font-size:12px;line-height:1.4;min-height:36px;border:1px solid transparent;background:transparent;color:#b5aac9;border-radius:10px;padding:8px 12px;cursor:pointer;white-space:nowrap}.fleet-filters button:hover{background:#b99ae812;color:#e4d9f5}.fleet-filters button[aria-pressed="true"]{color:#e6d8ff;background:linear-gradient(110deg,#b18be52e,#7b96d51c);border-color:#bd9ae64f;box-shadow:inset 0 1px #ffffff0c}.fleet-table{width:100%;border-collapse:collapse;table-layout:fixed}.fleet-table th{background:#1b18391f;color:#b2a4c5;padding:15px 12px;text-align:left;font-size:11px;font-weight:550;line-height:1.5;letter-spacing:.3px;border-bottom:1px solid #b69ada20}.fleet-table th:first-child{width:27%;padding-left:24px}.fleet-table th:nth-child(2){width:11%}.fleet-table th:nth-child(3){width:21%}.fleet-table th:nth-child(4){width:18%}.fleet-table th:nth-child(5){width:16%}.fleet-table th:last-child{width:7%;padding-right:24px}.fleet-table td{padding:20px 12px;border-bottom:1px solid #bda7de19;vertical-align:middle;font-size:13px;overflow-wrap:anywhere;min-width:0}.fleet-row:last-child td{border-bottom:0}.fleet-row:hover{background:#bfa4ea06}.fleet-table td:first-child{padding-left:24px}.fleet-table td:last-child{padding-right:24px}.fleet-server{display:table-cell}.fleet-server>.fleet-icon{float:left;width:35px;height:39px;display:grid;place-items:center;border:1px solid #baa0e72e;border-radius:11px;background:linear-gradient(150deg,#ae8cdb1e,#6c8ac213);color:#c0b1e1;margin-right:11px}.fleet-icon svg{display:block;width:19px;height:19px}.fleet-server-identity{min-width:0;overflow:hidden}.fleet-server-identity strong{display:block;color:#eee7f9;font-size:14px;font-weight:650;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;line-height:1.6}.fleet-origin{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#ada2bf;font-size:11px;line-height:1.8}.fleet-platform{display:block;font:10px/1.8 Consolas,monospace;color:#978da9;letter-spacing:.15px}.fleet-pending{display:block;font-size:10px;color:#e1b881;margin-top:3px}.fleet-version-tag{display:inline-block;padding:5px 8px;border-radius:8px;border:1px solid #bda4e324;background:#a686d310;color:#c8b5e7;font:12px/1.4 Consolas,monospace;white-space:nowrap}.fleet-version-tag.needs-update{color:#edc58f;border-color:#d2a46b35;background:#d2a46b0d}.fleet-license strong{display:block;font-size:12px;font-weight:550;color:#d7cce8;line-height:1.7}.fleet-license code{display:block;font:11px/1.8 Consolas,monospace;color:#aa9cbb}.fleet-license small,.fleet-seen small{display:block;font-size:10px;line-height:1.7;color:#a69ab8}.fleet-presence{display:flex;align-items:center;gap:6px;font-size:12px;color:#aaa1bb;line-height:1.6}.fleet-presence:before{content:'';width:5px;height:5px;flex:0 0 5px;border-radius:50%;background:#8d8b9f}.fleet-presence.is-online{color:#a0d8bd}.fleet-presence.is-online:before{background:#8fd3b0;box-shadow:0 0 8px #9dd4b627}.fleet-license-state{display:inline-block;font-size:10px;line-height:1.4;color:#b1a5c3;border:1px solid #ac98d01a;border-radius:6px;padding:3px 5px;margin-top:5px}.fleet-license-state.state-blocked,.fleet-license-state.state-expired{color:#e5a7b8;border-color:#d088a62b;background:#ca7c9a09}.fleet-license-state.state-update_required{color:#e9c18d;border-color:#d7aa6e27;background:#caa0640b}.fleet-seen strong{font:13px/1.7 Consolas,monospace;color:#cbbfdf}.fleet-access-button{border:1px solid #ba9ee237;border-radius:10px;background:#ac8bd10e;color:#baa9cf;min-width:38px;min-height:40px;display:inline-flex;align-items:center;justify-content:center;gap:8px;cursor:pointer;padding:9px;font-family:inherit;font-size:12px}.fleet-access-button>span:last-child{display:none}.fleet-access-button .fleet-icon svg{width:17px;height:17px}.fleet-access-button:hover{color:#e2aabd;border-color:#d18aa64d;background:#d18aa611}.fleet-access-button.is-unblock{color:#9fd6b9;border-color:#95cbb538;background:#86bfa50d}.fleet-access-button.is-unblock:hover{border-color:#a5e0c366;background:#96cdb81a}.fleet-pagination{display:flex;justify-content:space-between;align-items:center;gap:15px;border-top:1px solid #bca7dd22;padding:15px 24px;color:#ad9fbe;font:12px/1.5 Consolas,monospace}.fleet-pagination>div{display:flex;align-items:center;gap:12px}.fleet-page-button{border:1px solid #b49bdd36;border-radius:9px;background:#a78bd00b;color:#d2bfed;min-width:36px;min-height:36px;font-family:inherit;font-size:18px;line-height:1;cursor:pointer}.fleet-page-button:disabled{cursor:default;opacity:.35}.fleet-empty{text-align:center;padding:58px 24px 62px;max-width:560px;margin:auto}.fleet-empty-icon,.fleet-setup-icon{display:grid;place-items:center;width:68px;height:68px;border-radius:22px;border:1px solid #ba9de43d;background:linear-gradient(140deg,#b18ad521,#6b8bc71b);box-shadow:inset 0 1px #ffffff0f;color:#bfa9e4;margin:0 auto 22px}.fleet-empty-icon svg,.fleet-setup-icon svg{width:32px;height:32px}.fleet-empty h3{font-size:20px;font-weight:650;letter-spacing:-.4px;margin:0 0 12px}.fleet-empty p{font-size:14px;color:#b6a9c9;line-height:1.8;margin:0 0 24px}.fleet-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;min-height:260px;border-radius:23px}.fleet-loading p{color:#bdb0cf;font-size:14px}.fleet-loading-orbit{width:35px;height:35px;border:1px solid #b59ada36;border-top-color:#c9acef;border-radius:50%;animation:fleet-spin 1.8s linear infinite}@keyframes fleet-spin{to{transform:rotate(360deg)}}.fleet-setup{max-width:740px;padding:38px 40px;border-radius:26px;position:relative;background:radial-gradient(ellipse at 100% 0,#a57adc12,transparent 65%),linear-gradient(125deg,#8b72be24,#546fa418)}.fleet-setup-icon{margin:0 0 25px;width:58px;height:58px;border-radius:18px}.fleet-setup .eyebrow{font-size:11px;color:#b29ac9;letter-spacing:1.4px}.fleet-setup h2{font-size:25px;letter-spacing:-.5px;line-height:1.25;margin:12px 0 17px}.fleet-setup p{font-size:14px;color:#c4b7d5;line-height:1.85;max-width:570px}.fleet-setup code{display:block;border:1px solid #b69ad434;border-radius:13px;padding:17px 19px;background:#080d2659;font:14px/1.6 Consolas,monospace;color:#d9c9ed;overflow-wrap:anywhere;margin:22px 0}.fleet-setup .fleet-button{margin-top:12px}.fleet-error{border:1px solid #d997b539;background:#b0668b12;border-radius:13px;color:#eab3c9;font-size:14px;line-height:1.7;padding:14px 18px}.fleet-visually-hidden{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.servers-page .control-dialog{background:linear-gradient(140deg,#29223efc,#171d35fc);box-shadow:0 28px 100px #02061699}.servers-page #controlSettings{width:min(680px,calc(100% - 28px))}.servers-page .control-dialog::backdrop{background:#080a1dc4}.servers-page .control-dialog h2{letter-spacing:-.5px}.servers-page .control-dialog details{padding-top:21px;margin-top:21px}.servers-page .control-dialog summary{color:#dfd3f2}.servers-page .control-dialog .secondary-action{font-family:inherit;font-size:13px}.servers-page footer{margin-top:28px}
@media(max-width:1200px) and (min-width:901px){.fleet-heading{align-items:flex-start!important;flex-direction:column}.fleet-actions{width:100%;justify-content:flex-start}.fleet-stat{padding:18px 16px}.fleet-stat-icon{width:34px;height:34px;border-radius:11px}.fleet-stat>div>span{font-size:12px}.fleet-list-heading{align-items:flex-start}.fleet-search{width:260px;min-width:200px}.fleet-table th:first-child{width:25%}.fleet-table th:nth-child(3){width:19%}.fleet-table th:last-child{width:9%}.fleet-table td,.fleet-table th{padding-left:9px;padding-right:9px}.fleet-server>.fleet-icon{display:none}.fleet-table td:first-child{padding-left:20px}.fleet-table td:last-child{padding-right:16px}.fleet-license-state{font-size:9px}.fleet-seen small{font-size:9px}}
@media(max-width:900px){.servers-page .fleet-heading{margin-top:4px;align-items:flex-start;flex-wrap:wrap;gap:18px}.fleet-heading h1{font-size:29px}.fleet-heading p{font-size:13px}.fleet-actions{gap:8px;flex-wrap:wrap}.fleet-button{font-size:12px;min-height:44px}.fleet-stats{gap:12px}.fleet-stat{padding:18px 16px;border-radius:18px}.fleet-stat strong{font-size:28px}.fleet-stat-icon{height:35px;width:35px}.fleet-list-heading{padding:21px 20px 17px}.fleet-filters{padding:0 20px 18px}.fleet-table th:first-child,.fleet-table td:first-child{padding-left:20px}.fleet-table th:last-child,.fleet-table td:last-child{padding-right:20px}.fleet-server>.fleet-icon{display:none}.fleet-table th:nth-child(3){width:19%}.fleet-table th:last-child{width:9%}}
@media(max-width:1100px){.fleet-stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:11px;margin-bottom:19px}.fleet-stat{padding:18px;border-radius:18px}.fleet-stat>div>span{font-size:12px}.fleet-stat strong{font-size:29px}.fleet-stat-icon{width:36px;height:36px}.fleet-list-heading{flex-direction:column;gap:17px;align-items:stretch;padding:22px 18px 16px}.fleet-list-heading h2{font-size:16px}.fleet-list-heading>div{justify-content:space-between}.fleet-search{width:100%;min-width:0}.fleet-search input{min-height:46px}.fleet-filters{padding:0 18px 18px;gap:5px}.fleet-filters button{font-size:11px;min-height:39px;padding:8px 10px}.fleet-table{display:block}.fleet-table thead{display:none}.fleet-table tbody{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;padding:16px}.fleet-table tr{display:grid;grid-template-columns:1fr 1fr;gap:15px 12px;padding:18px;border:1px solid #baa1e52c;border-radius:17px;background:linear-gradient(125deg,#a185c012,#5b77a809);min-width:0}.fleet-table td,.fleet-table td:first-child,.fleet-table td:last-child{display:block;padding:0;border:0;min-width:0}.fleet-table td:before{content:attr(data-label);display:block;font-size:10px;color:#a799bb;margin-bottom:7px;line-height:1.5}.fleet-table td.fleet-server{grid-column:1/-1;padding-bottom:15px;border-bottom:1px solid #b6a0d524}.fleet-server:before{display:none!important}.fleet-server>.fleet-icon{display:grid;float:left;width:35px;height:40px}.fleet-server-identity strong{font-size:15px}.fleet-origin{font-size:11px}.fleet-platform{font-size:10px}.fleet-table .fleet-row-actions{grid-column:1/-1;padding-top:13px;border-top:1px solid #baa0d31c}.fleet-row-actions:before{display:none!important}.fleet-access-button{width:100%;min-height:42px;font-size:12px}.fleet-access-button>span:last-child{display:inline}.fleet-version-tag{font-size:12px}.fleet-license strong{font-size:12px}.fleet-seen strong{font-size:13px}.fleet-pagination{padding:15px 18px;font-size:11px}.fleet-pagination>div{gap:9px}.fleet-page-button{min-width:38px;min-height:40px}.fleet-empty{padding:44px 22px 48px}.fleet-empty h3{font-size:20px}.fleet-setup{padding:29px 25px;border-radius:22px}.fleet-setup h2{font-size:24px}.fleet-setup p{font-size:14px}.fleet-setup code{font-size:13px;padding:15px}.servers-page #controlSettings{padding:23px}.servers-page .control-dialog .control-heading h2{font-size:20px}}
@media(max-width:480px){.servers-page .fleet-heading{gap:19px;margin-bottom:22px}.fleet-heading h1{font-size:28px}.fleet-heading p{font-size:13px;line-height:1.7}.fleet-actions{display:grid;grid-template-columns:1fr 1fr;width:100%;gap:8px}.fleet-actions .fleet-button{padding:10px;font-size:11px;gap:7px}.fleet-actions .fleet-button svg{width:15px;height:15px}.fleet-stat{padding:16px 15px;gap:8px}.fleet-stat-icon{width:32px;height:32px;border-radius:11px}.fleet-stat-icon svg{width:18px;height:18px}.fleet-stat strong{font-size:28px}.fleet-table tbody{grid-template-columns:1fr;padding:14px;gap:13px}.fleet-table tr{grid-template-columns:1fr 1fr;padding:18px;gap:18px 12px}.fleet-list-heading h2{font-size:16px}.fleet-table-panel{border-radius:20px}.fleet-table td:before{font-size:11px}.fleet-license-state{font-size:11px}.fleet-license small,.fleet-seen small{font-size:11px}.fleet-presence{font-size:13px}.fleet-platform{font-size:11px}.fleet-setup{padding:26px 22px}.fleet-setup code{font-size:12px}.fleet-error{font-size:13px}.fleet-empty h3{font-size:19px}.fleet-empty p{font-size:13px}.fleet-empty-icon{width:60px;height:60px;border-radius:20px}.fleet-pagination{font-size:11px;gap:8px;padding-left:16px;padding-right:16px}}
@media(hover:none) and (pointer:coarse){.fleet-stat,.fleet-table-panel,.fleet-setup{backdrop-filter:none;-webkit-backdrop-filter:none}.fleet-row:hover{background:transparent}}
@media(prefers-reduced-motion:reduce){.fleet-loading-orbit{animation:none}.fleet-button{transition:none}}

/* Secondary registry metadata stays readable at compact widths. */
.fleet-origin,.fleet-platform,.fleet-license code,.fleet-license small,.fleet-seen small,.fleet-license-state,.fleet-table td:before{font-size:12px}.fleet-table th{font-size:12px}.fleet-filters button{font-size:12px}.fleet-platform{line-height:1.65}.fleet-stat>div>span{font-size:13px}.fleet-pending{font-size:12px}.fleet-license strong{font-size:13px}.fleet-table .fleet-version-tag{font-size:12px}

/* Inline login actions retain a 44px touch target without adding form height. */
.input-with-actions{position:relative;min-width:0}.login-card .input-with-actions input{padding-right:54px;font-size:16px;min-height:46px}.login-card .has-two-actions input{padding-right:98px}.login-card .input-with-actions .input-icon{position:absolute;inset:auto 2px 1px auto;display:grid;place-items:center;width:44px;height:44px;min-width:44px;padding:0;border:0;border-radius:9px;background:transparent;color:#cabce9;cursor:pointer;touch-action:manipulation}.login-card .has-two-actions .password-toggle{right:46px}.input-icon svg{width:20px;height:20px}.input-icon:hover{background:#b99ce51c!important;color:#fff!important}.input-icon:focus-visible{outline:2px solid #c7afff;outline-offset:-3px}.password-toggle[aria-pressed="false"] .eye-open,.password-toggle[aria-pressed="true"] .eye-closed{display:none}.login-card .input-with-actions input:focus{padding-right:54px}.login-card .has-two-actions input:focus{padding-right:98px}#resetError{color:#ffbcc8;font-size:14px;line-height:1.55}
/* The desktop sign-out control is a full-width item at the bottom of the menu. */
.sidebar-bottom{margin-top:auto;padding-top:24px;min-width:0}.sidebar-bottom .aside-version{margin-top:0;padding:12px 4px;gap:8px}.sidebar-logout{margin:0}.sidebar-bottom .logout{width:100%;min-height:45px;justify-content:flex-start;gap:12px;border-radius:9px;padding:11px 13px;font-size:13px;background:linear-gradient(110deg,#9c82c91c,#6583bd13)}.sidebar-bottom .logout svg{width:18px;height:18px}.workspace strong{display:block;overflow-wrap:anywhere;max-width:100%}aside .top-actions:empty{display:none}
@media(min-width:901px){aside .top-actions{margin-top:0}aside{overflow-y:auto;scrollbar-width:thin}.sidebar-bottom{flex-shrink:0}}
@media(max-width:900px){.sidebar-bottom{display:none}.top-actions .logout{gap:8px}.top-actions .logout svg{flex-shrink:0}.top-actions .sidebar-logout{display:block}}
/* Battery presence selects the location and proportions of connectivity tools. */
#hardwareBlock .hardware{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;align-items:stretch}#hardwareBlock.without-battery .hardware{grid-template-columns:repeat(2,minmax(0,1fr))}#connectivityMount:not(:empty){margin-top:24px}#hardwareTop:empty{display:none}.network-panel{border-radius:27px 14px 27px 18px}.speed-test-panel{border-radius:16px 29px 16px 29px;background:linear-gradient(135deg,#9473c92b,#536aaf19);min-width:0}.speed-test-panel .hardware-heading small{font-size:12px}.speed-test-panel .panel-heading{margin-bottom:22px}.speed-results{display:grid;grid-template-columns:1fr 1fr .85fr;gap:12px;margin:10px 0 18px}.speed-results>div{display:flex;flex-direction:column;min-width:0}.speed-results span{font-size:12px;color:#d5cae6}.speed-results strong{font-size:27px;font-weight:650;line-height:1.5;color:#eee9ff;letter-spacing:-.6px;font-variant-numeric:tabular-nums}.speed-results small{font-size:11px;color:#b8add1}.speed-test-panel progress{width:100%;height:4px;--accent:#b0a0ed}.speed-test-panel #speedStatus{font-size:12px;min-height:1.5em;color:#cfc2e6;margin:12px 0}.speed-test-panel #speedStatus.is-error{color:#f2b0be}.speed-actions{display:flex;gap:8px;flex-wrap:wrap}.speed-actions button{min-height:42px;padding:9px 13px;font-size:12px}.speed-test-panel #speedCooldown{font-size:12px}#networkHeadingIcon,#networkMainIcon{transition:color .15s}
@media(min-width:901px) and (max-width:1199px){#hardwareBlock .hardware{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:900px){#hardwareBlock .hardware{grid-template-columns:1fr 1fr}.speed-results strong{font-size:29px}}
@media(max-width:650px){#hardwareBlock .hardware,#hardwareBlock.without-battery .hardware{grid-template-columns:1fr}.speed-test-panel{grid-column:auto!important}.speed-test-panel .panel-heading{margin-bottom:16px}.speed-results{margin-top:0}.speed-test-panel #speedStatus{font-size:13px}.speed-actions button{min-height:44px;font-size:13px}#connectivityMount:not(:empty){margin-top:20px}}
/* Registry summaries are inline; server cards follow the overview card shapes. */
.fleet-summary{display:flex;gap:22px;align-items:center;flex-wrap:wrap;margin:0 0 23px;padding:12px 0;border-top:1px solid #bdabef24;border-bottom:1px solid #bdabef24}.fleet-summary>span{display:inline-flex;gap:8px;align-items:center;font-size:12px;color:#c6bdd7}.fleet-summary strong{font-size:17px;font-weight:650;color:#eee7ff;font-variant-numeric:tabular-nums}.fleet-summary i{width:5px;height:5px;background:#a59abf}.fleet-summary .summary-online i{background:#9bd7ba}.fleet-summary .summary-blocked i{background:#e398b3}.fleet-collection .fleet-list-heading{padding:0 0 16px}.fleet-collection .fleet-filters{padding:0 0 18px}.fleet-collection .fleet-pagination{padding:18px 0 0;margin-top:18px;border-top:1px solid #bdabef24}.fleet-collection .fleet-server-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.fleet-node{display:grid;grid-template-columns:1fr 1fr;gap:16px 18px;padding:22px;border-radius:27px 27px 12px 27px;background:linear-gradient(140deg,#9275bd25,#536a9b16);align-content:start;min-width:0}.fleet-node:nth-child(3n+2){border-radius:27px 14px 27px 14px;background:linear-gradient(140deg,#699cd42b,#695ba21a)}.fleet-node:nth-child(3n){border-radius:14px 29px 14px 29px;background:linear-gradient(140deg,#838cb62b,#65749713)}.fleet-node.is-blocked{border-color:#dc91ab66;background:linear-gradient(135deg,#af5f8a25,#685b9020)}.fleet-node .fleet-field{min-width:0;padding:0;border:0}.fleet-node .fleet-field:before{content:attr(data-label);display:block;font-size:12px;font-weight:500;color:#b9acca;margin-bottom:6px}.fleet-node .fleet-server{grid-column:1/-1;display:flex;gap:12px;padding-bottom:16px;border-bottom:1px solid #c2aceb24;align-items:flex-start}.fleet-node .fleet-server:before,.fleet-node .fleet-row-actions:before{display:none}.fleet-node .fleet-server>.fleet-icon{display:grid;width:37px;height:39px;flex:0 0 37px;place-items:center;border:1px solid #b6a4d438;border-radius:12px;background:#ae95e012;color:#d6c4f6}.fleet-node .fleet-server-identity{min-width:0}.fleet-node .fleet-server-identity strong{font-size:17px;color:#eee7ff;line-height:1.4}.fleet-node .fleet-origin,.fleet-node .fleet-platform{display:block;overflow-wrap:anywhere;font-size:12px;line-height:1.6;white-space:normal;color:#bfb5d2}.fleet-node .fleet-origin{margin-top:3px}.fleet-node .fleet-platform{color:#b4acd0}.fleet-node .fleet-field strong,.fleet-node .fleet-field code,.fleet-node .fleet-field small{display:block;overflow-wrap:anywhere}.fleet-node .fleet-version-tag{display:inline-flex;padding:5px 9px;border:1px solid #bba1ef36;border-radius:8px;font:600 13px Consolas,monospace;color:#e0d3fa;background:#b29ae914}.fleet-node .fleet-version-tag.needs-update{border-color:#e6b18066;color:#edc39c}.fleet-node .fleet-license strong{font-size:13px;line-height:1.5;color:#e1d8ef}.fleet-node .fleet-license code{font-size:12px;margin:4px 0;color:#beb1d1}.fleet-node .fleet-license small,.fleet-node .fleet-seen small{font-size:12px;line-height:1.55;color:#b8accb}.fleet-node .fleet-presence{display:inline-flex;align-items:center;gap:6px;font-size:12px}.fleet-node .fleet-presence:before{content:'';width:5px;height:5px;border-radius:50%;background:currentColor}.fleet-node .is-online,.fleet-node .state-active{color:#a1dbbf}.fleet-node .is-offline{color:#b1a8c2}.fleet-node .fleet-license-state{font-size:12px;margin-top:4px}.fleet-node .fleet-seen strong{font-size:13px;font-weight:550}.fleet-node .fleet-row-actions{grid-column:1/-1;padding-top:14px;border-top:1px solid #c2aceb24}.fleet-node .fleet-access-button{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;min-height:40px;border-radius:10px;font-size:12px}.fleet-node .fleet-access-button svg{width:17px;height:17px}.fleet-heading h1{font-size:30px}.fleet-heading{margin-bottom:18px}.fleet-node:hover{border-color:#c9b4f366}
@media(min-width:1600px){.fleet-collection .fleet-server-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:1100px){.fleet-list-heading{gap:14px}.fleet-node{padding:19px;gap:14px}.fleet-node .fleet-server-identity strong{font-size:16px}}
@media(max-width:650px){.fleet-collection .fleet-server-grid{grid-template-columns:1fr}.fleet-summary{gap:9px 18px;margin-bottom:18px}.fleet-summary>span{font-size:12px}.fleet-summary strong{font-size:16px}.fleet-heading h1{font-size:27px}.fleet-collection .fleet-filters{gap:6px}.fleet-node{padding:20px}.fleet-node .fleet-access-button{min-height:44px}.fleet-collection .fleet-pagination{flex-wrap:wrap}}
@media(pointer:coarse){.fleet-node{backdrop-filter:none;-webkit-backdrop-filter:none}.input-icon{min-width:44px}}
@media(max-width:480px){.top-actions .logout{gap:0}}

/* Compact speed measurements align with neighboring hardware cards. */
#speedPanel{display:flex;flex-direction:column;padding:18px;gap:0;grid-column:auto}#speedPanel .panel-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;margin:0 0 12px}#speedPanel .hardware-heading{flex:1;min-width:0;gap:8px;align-items:center}#speedPanel .hardware-heading>div{min-width:0}#speedPanel .hardware-heading .metric-icon{height:27px;width:27px;flex:0 0 27px}#speedPanel .hardware-heading h2{font-size:14px;line-height:1.35;margin:0}#speedPanel .hardware-heading small{display:block;font-size:11px;line-height:1.4;margin-top:3px}#speedPanel .speed-actions{display:flex;flex:0 0 auto;gap:0;align-items:flex-start}#speedPanel .speed-actions button{min-height:36px;max-width:110px;padding:8px 10px;font-size:11.5px;line-height:1.3;border-radius:10px}#speedPanel .speed-results{gap:9px;margin:4px 0 13px}#speedPanel .speed-results span{font-size:12px;line-height:1.4}#speedPanel .speed-results strong{font-size:26px;line-height:1.3;margin:3px 0}#speedPanel .speed-results small{font-size:11px;line-height:1.2}#speedPanel #speedStatus{margin:8px 0 0;font-size:12px;line-height:1.45;min-height:1.45em}#speedPanel #speedCooldown{margin:6px 0 0;font-size:11px;line-height:1.4}#speedPanel progress{margin:0;flex-shrink:0}
/* A glass surface frames the entire server collection. */
.fleet-collection{padding:22px;border:1px solid #c2b8ed38;border-radius:26px 16px 26px 16px;background:linear-gradient(135deg,#8c78bd29,#3c528d1c);box-shadow:inset 0 1px #ffffff19,inset 0 -1px #a7baf307,0 8px 30px #04071c20}
@media(max-width:650px){.fleet-collection{padding:18px;border-radius:21px 13px 21px 13px}#speedPanel{padding:18px}#speedPanel .speed-results strong{font-size:28px}}
@media(max-width:399px){.fleet-collection{padding:16px}#speedPanel{padding:16px}#speedPanel .panel-heading{gap:8px}#speedPanel .hardware-heading{gap:6px}#speedPanel .hardware-heading h2{font-size:13px}#speedPanel .speed-actions button{max-width:102px;padding:8px;font-size:11px}}
@media(pointer:coarse){#speedPanel .speed-actions button{min-height:44px}.fleet-collection{backdrop-filter:none;-webkit-backdrop-filter:none;background-color:#191a38d9}}

/* Hardware footers share the network card's separator and spacing. */
.battery-foot{border-top:1px solid #bba9df2b;margin-top:14px;padding-top:11px;text-align:right;color:#c1b6d3;font-size:12px;line-height:1.6}.battery-foot #batteryDetail{font-size:12px;margin:0}.battery-foot #batteryTime:before{content:'·';margin:0 7px;color:#9e8fba}.battery-foot #batteryTime{white-space:nowrap}.battery-content{flex:1}.speed-footer{border-top:1px solid #bba9df2b;margin-top:12px;padding-top:11px}#speedPanel .speed-footer .speed-actions{justify-content:flex-start}#speedPanel .speed-footer .speed-actions button{max-width:none;min-height:38px;font-size:12px;padding:9px 12px}
.chart-area{position:relative}.chart-tooltip{position:absolute;z-index:2;pointer-events:none;min-width:128px;padding:9px 11px;border:1px solid #bca7eb60;border-radius:11px;background:#211d3ff2;box-shadow:0 7px 23px #04051b4d}.chart-tooltip time{display:block;font-size:11px;color:#c2b5d9}.chart-tooltip strong{font-size:17px;color:#efe5ff;font-variant-numeric:tabular-nums}#chart:focus-visible{outline:1px solid #c7afff;outline-offset:3px;border-radius:8px}#chart{touch-action:pan-y}
/* Personal dashboards and compact dialogs use the shared glass surfaces. */
.dash-page-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:0 0 24px}.dash-page-heading h1{font-size:29px;margin:4px 0 7px;line-height:1.25;overflow-wrap:anywhere}.dash-page-heading p{font-size:13px;color:#bfb4d1;margin:0}.dash-toolbar{display:flex;align-items:center;gap:8px;flex-wrap:wrap;justify-content:flex-end}.dash-toolbar button{font-size:12px;min-height:42px}#dashBack{font-size:12px;color:#c3acef;display:inline-block;margin-bottom:6px}.custom-dashboard-list,.custom-widget-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.custom-dashboard-card{position:relative;padding:24px;border-radius:27px 27px 13px 27px;background:linear-gradient(135deg,#9273bd29,#536caa1a);min-height:132px}.custom-dashboard-card:nth-child(2n){border-radius:14px 28px 14px 28px;background:linear-gradient(135deg,#729ad02a,#6e5fa11a)}.custom-dashboard-card h2{font-size:19px;margin:0 28px 13px 0;overflow-wrap:anywhere}.dash-count{font-size:13px;color:#c3b6d4}.dash-card-arrow{position:absolute;right:22px;top:21px;color:#baa5e4;font-size:22px}.custom-widget-group{margin:0 0 25px}.custom-group-heading{display:flex;gap:12px;align-items:center;justify-content:space-between;margin-bottom:12px}.custom-group-heading h2{font-size:16px;color:#dfd5ee;margin:0;overflow-wrap:anywhere}.custom-group-heading>span{font-size:12px;color:#b6a7cb;white-space:nowrap}.custom-widget{padding:21px;border-radius:25px 25px 13px 25px;background:linear-gradient(135deg,#9682c525,#4e6b9c17);min-width:0}.custom-widget:nth-child(3n+2){border-radius:25px 14px 25px 14px;background:linear-gradient(135deg,#709cd12a,#7060a719)}.custom-widget:nth-child(3n){border-radius:14px 27px 14px 27px}.custom-widget-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.custom-widget h3{font-size:17px;margin:0;overflow-wrap:anywhere;color:#eee5ff}.widget-state{display:inline-flex;flex-shrink:0;font-size:11px;font-weight:600;border-radius:20px;padding:4px 8px;background:#a28fb61c;color:#c6b8d8}.state-online .widget-state{color:#ace1c4;background:#6cba8f1c}.state-offline .widget-state{color:#e9a9ba;background:#ba6c8d1c}.state-warning .widget-state{color:#e4c08e;background:#ba9d6c1c}.widget-type{display:block;color:#aa9abf;margin-top:8px;font-size:12px}.widget-target{font:12px/1.65 Consolas,monospace;color:#b9a9d0;overflow-wrap:anywhere;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:2em}.widget-result{font-size:13px;color:#d9cfe8;line-height:1.6;margin:12px 0}.widget-result strong{font-size:20px;margin-right:7px}.widget-latency{font-size:12px;color:#b9acd0}.custom-widget-actions{display:flex;gap:7px;flex-wrap:wrap;align-items:center;border-top:1px solid #b7a1db29;padding-top:12px;margin-top:14px}.dash-icon-button{min-height:36px;border:1px solid #b9a3db36;border-radius:9px;padding:7px 10px;background:#9d7dcd12;color:#d7c9eb;font:inherit;font-size:12px;font-weight:500;cursor:pointer}.dash-icon-button:hover{background:#b190e927}.dash-empty{text-align:center;padding:35px;border-radius:24px;margin:20px 0}.dash-empty h2{font-size:21px}.dash-empty p{font-size:14px;color:#bdafcf}.dashboard-dialog{width:min(490px,calc(100% - 28px));max-height:calc(100dvh - 32px);overflow:auto;overscroll-behavior:contain;border:1px solid #bfa7e35e;border-radius:23px;background:linear-gradient(135deg,#292243fa,#171c34fc);color:#ece4fa;padding:23px;box-shadow:0 20px 60px #05061b80}.dashboard-dialog::backdrop{background:#070a1aab;backdrop-filter:blur(4px)}.dashboard-dialog h2{font-size:20px;margin:0 0 16px;line-height:1.3}.dashboard-dialog label{display:block;color:#d5c9e5;font-size:13px;margin:13px 0 6px}.dashboard-dialog input:not([type=checkbox]),.dashboard-dialog select,.dashboard-dialog textarea{width:100%;max-width:100%;min-width:0;min-height:44px;padding:10px 12px;border-radius:10px;border:1px solid #ac93d949;background:#10162e99;color:#f2e9ff;font:16px/1.4 "Segoe UI",Arial,sans-serif;outline:none}.dashboard-dialog textarea{resize:vertical}.dashboard-dialog input:focus,.dashboard-dialog select:focus,.dashboard-dialog textarea:focus{border-color:#c2a7f2b0;box-shadow:0 0 0 2px #aa8fe71a}.dashboard-dialog option{background:#211d39}.dashboard-dialog fieldset{min-width:0;border:0;padding:0;margin:5px 0 0}.dashboard-dialog small{display:block;font-size:12px;line-height:1.55;color:#b9a9cf;margin-top:7px}.dashboard-dialog [role=alert]{font-size:13px;line-height:1.5;color:#f2afc4}.dashboard-dialog .dialog-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:22px}.dashboard-dialog .dialog-actions button{min-height:44px;font-size:13px}.dash-group-editor{display:flex;gap:7px;align-items:center;flex-wrap:wrap;padding:12px 0;border-bottom:1px solid #b7a1db26;margin-bottom:12px}.dash-group-editor strong{flex:1;font-size:14px;overflow-wrap:anywhere}.compact-dialog-heading{display:flex;gap:12px;justify-content:space-between;align-items:start}.compact-dialog-heading button{border:0;background:transparent;color:#c7b3df;font-size:24px;min-width:30px;cursor:pointer}.dashboard-dialog .compact-check{display:flex;gap:10px;align-items:center;min-height:36px}.dashboard-dialog .compact-check input{width:18px;height:18px;accent-color:#a58bd7;flex:0 0 18px}.dashboard-dialog details{border-top:1px solid #b7a1db29;margin-top:15px;padding-top:12px}.dashboard-dialog summary{font-size:13px;cursor:pointer;color:#cbb7e6}.dashboard-dialog #controlServerIdentity{font-size:13px;overflow-wrap:anywhere;line-height:1.6;margin:0}.fleet-access-button{font-size:13px}.fleet-actions:empty{display:none}
@media(min-width:1600px){.custom-dashboard-list,.custom-widget-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:900px){.dash-page-heading{align-items:flex-start;flex-direction:column;gap:16px}.dash-toolbar{justify-content:flex-start}.custom-widget{padding:19px}}
@media(max-width:650px){.custom-dashboard-list,.custom-widget-grid{grid-template-columns:1fr}.dash-toolbar button{min-height:44px}.dash-page-heading h1{font-size:26px}.custom-widget-actions .dash-icon-button{min-height:42px}.dashboard-dialog{padding:20px;max-height:calc(100dvh - 24px)}.custom-widget-heading h3{font-size:16px}.battery-foot{font-size:12px}#speedPanel .speed-footer .speed-actions button{min-height:44px}.dashboard-dialog .dialog-actions button{flex:1;padding:11px}.dash-group-editor .dash-icon-button{font-size:12px}}
@media(pointer:coarse){.dashboard-dialog::backdrop{backdrop-filter:none}.custom-widget,.custom-dashboard-card{backdrop-filter:none;-webkit-backdrop-filter:none}}
.battery-panel{display:flex;flex-direction:column}
/* Individual saved tabs follow the main workspace pages. */
.custom-tabs{display:contents}.custom-tab-icon,.control-nav-icon{display:inline-grid;place-items:center;flex:0 0 18px;width:18px;height:20px}.custom-tab-icon svg,nav .control-nav .control-nav-icon svg{width:18px;height:18px}nav .control-nav .control-nav-icon{width:18px;flex-basis:18px;height:20px}.custom-tab>span:last-child{min-width:0}.add-tab{display:flex;align-items:center;gap:8px;width:100%;min-height:44px;margin-top:3px;padding:11px 10px;border:1px dashed #b69ce048;border-radius:11px;background:#a58bc710;color:#c9b7e6;font:inherit;font-size:12px;font-weight:550;line-height:1.5;text-align:left;cursor:pointer;grid-column:1/-1}.add-tab svg{width:18px;height:18px}.add-tab:hover{border-color:#c6a5ff80;background:#a58bc722;color:#f0e8ff}.add-tab:focus-visible{outline:2px solid #bda3fa;outline-offset:3px}
@media(min-width:901px){aside #primaryNav{min-height:0;overflow-y:auto;flex:0 1 auto;scrollbar-width:thin;scrollbar-color:#aa8ecd55 transparent;padding-right:3px}.sidebar-bottom{flex-shrink:0}}
.battery-foot{text-align:left}.battery-content .battery-reading{min-width:0}.battery-panel .power-icon{width:23px;height:23px;flex:0 0 23px;display:grid;place-items:center;margin-left:auto;border:0;border-radius:0;background:none;color:#bda3fa;transition:color .25s}.battery-panel .power-icon svg{width:23px;height:23px}.battery-panel .power-icon.is-plugged{color:#a4dfbb}.battery-content{margin-top:16px}
.speed-footer{display:flex;flex-wrap:wrap;align-items:center;gap:9px 12px}#speedPanel .speed-footer #speedCooldown{flex:0 0 auto;width:max-content;max-width:100%;margin:0;font-size:12px;line-height:1.55}#speedPanel .speed-footer .speed-actions{flex:0 0 auto;margin:0}

/* Per-account server navigation fits within the workspace column. */
.visually-hidden{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0);clip-path:inset(50%);white-space:nowrap!important;border:0!important}
#serverWorkspace{position:relative;min-width:0;max-width:100%;min-height:44px;padding:10px 11px;flex-shrink:0;border-radius:14px}.workspace-trigger{display:flex;align-items:center;gap:9px;min-width:0;max-width:100%;width:100%;padding:0;border:0;background:none;color:inherit;font:inherit;text-align:left;cursor:pointer}#serverWorkspace .workspace-name-row{display:flex;align-items:center;justify-content:flex-start;gap:8px;min-width:0;flex:1;flex-wrap:nowrap}#serverWorkspace .workspace-name-row strong{display:block;min-width:0;max-width:100%;flex:0 1 auto;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;line-height:1.5}#serverWorkspace .workspace-status{display:inline-flex;position:relative;align-items:center;justify-content:center;flex:0 0 6px;width:6px;height:6px;margin:0;gap:0}#serverWorkspace .workspace-status i{width:6px;height:6px}.workspace-trigger .workspace-icon{display:grid;place-items:center;flex:0 0 18px}.workspace-trigger .workspace-icon svg{width:18px;height:18px}.workspace-trigger:focus-visible{outline:2px solid #bda3fa;outline-offset:5px;border-radius:4px}.server-dropdown-arrow{width:13px;height:13px;flex:0 0 13px;color:#bca7de;transition:transform .2s}.workspace-trigger[aria-expanded=true] .server-dropdown-arrow{transform:rotate(180deg)}
#serverMenu{position:absolute;display:block;inset:auto 0 auto 0;top:calc(100% + 8px);width:auto;min-width:0;max-width:100%;max-height:min(400px,calc(100dvh - 150px));overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;padding:7px;border:1px solid #bda1e54d;border-radius:14px;background:linear-gradient(145deg,#292340fa,#171e35fc);box-shadow:0 12px 30px #04071865;z-index:30;scrollbar-width:thin}.server-menu-heading{font-size:11px!important;color:#c5b1e4!important;margin:4px 6px 7px!important}.server-choice{display:grid;grid-template-columns:6px minmax(0,1fr);column-gap:8px;row-gap:3px;align-items:center;width:100%;min-width:0;max-width:100%;min-height:49px;padding:8px 6px;border:1px solid transparent;border-radius:9px;background:none;color:#e4d9f4;text-align:left;font:inherit;cursor:pointer}.server-choice:hover{background:#ad8cdb1c}.server-choice.is-current{background:#a98ac81b;border-color:#b29ac82b}.server-choice:disabled{opacity:1;cursor:default}.server-choice-identity{display:block;min-width:0;max-width:100%}.server-choice strong{display:block;min-width:0;font-size:12px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.server-choice small{display:block;min-width:0;font-size:11px;color:#b3a2ca;margin-top:4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.server-choice-state{grid-column:2;min-width:0;max-width:100%;font-size:10px;color:#c5b6d7;line-height:1.5;overflow-wrap:anywhere}.server-presence{width:6px;height:6px;border-radius:50%;background:#9a8aa7}.server-presence.is-online{background:#a4dfbb;box-shadow:0 0 7px #8cceaa30}#serverChoices{max-height:min(280px,calc(100dvh - 245px));overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin}.server-pair-open{display:flex;align-items:center;gap:8px;width:100%;min-width:0;max-width:100%;min-height:40px;border:0;border-top:1px solid #bda1d92b;margin-top:6px;padding:9px 6px 4px;background:none;color:#cbb5ea;text-align:left;font:inherit;font-size:12px;cursor:pointer}.server-pair-open:disabled{opacity:.5;cursor:default}.server-pair-open svg{width:16px;height:16px;flex:0 0 16px}.server-pair-open>span{min-width:0;overflow-wrap:anywhere}.server-directory-hint{margin:8px 6px 4px;min-width:0;font-size:12px;color:#b2a3c7;line-height:1.6;overflow-wrap:anywhere}.server-pair-dialog>form>.code-hint{font-size:13px;line-height:1.65}#serverPairEmail{font-size:13px;color:#c9b7e0;overflow-wrap:anywhere}#serverInvitation{font:16px/1.5 Consolas,monospace}#serverCopyInvitation{margin-top:12px;min-height:42px}#serverPairResult{border-top:1px solid #b7a1db29;margin-top:16px;padding-top:4px}.server-choice:focus-visible,.server-pair-open:focus-visible{outline:2px solid #bda3fa;outline-offset:-2px}
@media(min-width:901px){aside{overflow-x:hidden}aside #primaryNav{overflow-x:hidden}}
@media(max-width:900px){#serverWorkspace{padding:9px 11px}#serverMenu{max-height:min(400px,calc(100dvh - 170px))}.server-choice{min-height:48px}.workspace-trigger{gap:8px}}
@media(pointer:coarse){#serverMenu{background:#211e39}.server-pair-open{min-height:44px}}

/* Compact, selectable tab symbols share the same stroke language as navigation. */
.dashboard-dialog .tab-icon-fieldset{margin-top:16px}.tab-icon-fieldset legend{font-size:13px;color:#d5c9e5;margin-bottom:8px}.tab-icon-picker{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.tab-icon-option{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;min-width:0;min-height:72px;padding:10px 5px;border:1px solid #b29ad43d;border-radius:12px;background:#ad8ad70a;color:#c7b4df;font:inherit;cursor:pointer;transition:background .16s,border-color .16s,box-shadow .16s}.tab-icon-option svg{width:23px;height:23px}.tab-icon-option span{font-size:11px;line-height:1.35;text-align:center;overflow-wrap:anywhere}.tab-icon-option:hover{background:#b18ae526;border-color:#c3a2ed88}.tab-icon-option[aria-pressed=true]{background:linear-gradient(135deg,#b087e137,#7096d625);border-color:#c3a3efb0;color:#f1e6ff;box-shadow:inset 0 1px #eadcff1f,0 0 0 1px #b78ee02e}.tab-icon-option:focus-visible{outline:2px solid #c3a3ef;outline-offset:3px}
.server-dropdown-arrow{width:20px;height:20px;flex:0 0 20px;padding:3px;border:1px solid #b397e143;border-radius:6px;background:#a381ca17;color:#d9c5f3;opacity:1}.server-choice,.server-pair-open{transition:background .16s,color .16s,box-shadow .16s,transform .16s}.server-choice:not(:disabled):hover,.server-choice:not(:disabled):focus-visible,.server-pair-open:not(:disabled):hover,.server-pair-open:not(:disabled):focus-visible{background:linear-gradient(105deg,#aa80dc34,#778cce1f);color:#f2e7ff;box-shadow:inset 0 0 0 1px #ba98e54a;transform:translateX(1px)}.workspace-trigger:hover .server-dropdown-arrow{background:#b391e135;border-color:#d4b5fa85;color:#fff0ff}
.chart .panel-heading{flex-wrap:wrap}.chart select.time-range{max-width:100%;min-height:36px;border-radius:11px;padding:7px 10px;font:500 13px "Segoe UI",Arial,sans-serif;cursor:pointer;color:#e1d2f2;background:#332849}.chart select.time-range option{background:#241f3b;color:#e9dff5}.chart select.time-range:focus-visible{outline:2px solid #c3a3ef;outline-offset:3px}.chart-area{overflow:visible}.chart-tooltip{z-index:10;min-width:128px;max-width:calc(100% - 16px);white-space:nowrap}.chart-legend span{font-size:11px;line-height:1.4}.chart-labels{font-variant-numeric:tabular-nums}.chart-labels span:last-child{text-align:right}
@media(max-width:400px){.tab-icon-picker{grid-template-columns:repeat(2,minmax(0,1fr))}.tab-icon-option{min-height:68px}}
@media(max-width:900px),(pointer:coarse){.chart select.time-range{font-size:16px;min-height:42px}}

/* Keep header controls in their final place before client enhancement. */
.mobile-logout{display:none}.desktop-logout{display:block}.dashboard-brand-row .language-control{position:relative;width:43px;min-width:43px;height:44px;flex:0 0 43px}.dashboard-brand-row .language-control>[data-language-select]{position:absolute;inset:0;width:100%;height:44px;min-width:0;opacity:0;pointer-events:none}.dashboard-brand-row .language-trigger{width:100%}.metric .value,.hardware-value,.chart-summary>strong{min-height:1.1em}.workspace-name-row{min-height:18px}
@media(max-width:900px){.top-actions .mobile-logout{display:block}.desktop-logout{display:none}}
@media(max-width:400px){.dashboard-brand-row .language-control{width:36px;min-width:36px;flex-basis:36px}}

/* CPU range uses the same glass menu surfaces as language and server controls. */
.cpu-range-picker{position:relative;flex-shrink:0}.cpu-range-trigger{display:inline-flex;align-items:center;gap:8px;min-height:36px;padding:8px 10px;border:1px solid #ba9ddd38;border-radius:12px;background:linear-gradient(125deg,#a78bd51c,#6684bc13);color:#dbcef0;font:550 12px "Segoe UI",Arial,sans-serif;cursor:pointer;box-shadow:inset 0 1px #efe2ff0d;transition:background .16s,border-color .16s}.cpu-range-trigger:hover,.cpu-range-trigger[aria-expanded=true]{border-color:#c3a0ec7a;background:linear-gradient(125deg,#b593e42b,#7895d120);color:#f2e8ff}.cpu-range-clock{width:15px;height:15px;color:#bca4dd}.cpu-range-chevron{width:13px;height:13px;color:#b9a3d6;transition:transform .16s}.cpu-range-trigger[aria-expanded=true] .cpu-range-chevron{transform:rotate(180deg)}.cpu-range-trigger:focus-visible{outline:2px solid #c6a9ec;outline-offset:3px}.cpu-range-menu{position:fixed;z-index:1000;width:184px;padding:6px;border:1px solid #c4a4e74a;border-radius:15px;background:linear-gradient(145deg,#2b2343fa,#192039fc);box-shadow:0 14px 36px #04071b73,inset 0 1px #ffffff0d;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin}.cpu-range-option{display:flex;align-items:center;justify-content:space-between;gap:14px;min-height:39px;width:100%;border:1px solid transparent;border-radius:10px;padding:9px 10px;background:none;color:#cbbbdc;text-align:left;font:500 13px "Segoe UI",Arial,sans-serif;cursor:pointer;transition:background .15s,border-color .15s}.cpu-range-option svg{width:15px;height:15px;opacity:0;color:#d2b8f4}.cpu-range-option[aria-selected=true]{border-color:#b590df43;background:linear-gradient(105deg,#a67edb2b,#708dcc17);color:#f2e6ff}.cpu-range-option[aria-selected=true] svg{opacity:1}.cpu-range-option:hover,.cpu-range-option:focus-visible{outline:none;border-color:#bc9ee459;background:#b391df24;color:#f8efff}.server-pair-open{border-radius:10px}.server-pair-open:not(:disabled):hover,.server-pair-open:not(:disabled):focus-visible{border-radius:10px;transform:none}
@media(pointer:coarse){.cpu-range-trigger,.cpu-range-option{min-height:44px}.cpu-range-menu{background:#231e38}}
/* Keep the shared navigation still and blend only the changing page content. */
@media (prefers-reduced-motion: no-preference) {
  @view-transition { navigation: auto; }
  body:has(#primaryNav) > aside { view-transition-name: workspace-sidebar; }
  body:has(#primaryNav) > main { view-transition-name: workspace-content; }

  ::view-transition-group(root),
  ::view-transition-group(workspace-sidebar),
  ::view-transition-group(workspace-content),
  ::view-transition-new(root),
  ::view-transition-new(workspace-sidebar),
  ::view-transition-old(workspace-content) {
    animation: none;
  }

  ::view-transition-old(root),
  ::view-transition-old(workspace-sidebar),
  ::view-transition-old(workspace-content) {
    display: none;
  }

  ::view-transition-old(workspace-content),
  ::view-transition-new(workspace-content) {
    mix-blend-mode: normal;
  }

  ::view-transition-new(workspace-content) {
    animation: workspace-content-in 150ms ease-out both;
  }

  @keyframes workspace-content-in {
    from { opacity: .82; }
    to { opacity: 1; }
  }
}
/* Compact read-only database workspaces. Tables scroll inside their own card. */
.tab-kind-field{margin-bottom:12px}.mysql-source{display:flex;flex-wrap:wrap;align-items:end;gap:14px;margin:0 0 22px;padding:16px 20px;border-radius:20px;min-width:0}.mysql-source-select{flex:1 1 180px;min-width:0;max-width:440px}.mysql-source label{display:block;font-size:13px;color:#c8b9dd;margin-bottom:7px}.mysql-source select{width:100%;min-width:0;min-height:44px;background:#16182fbd;color:#eee6fa;border:1px solid #af96d54d;border-radius:11px;padding:9px 12px;font-family:inherit;font-size:16px;line-height:1.4}.mysql-source option{background:#211d39}.mysql-source-actions{display:flex;gap:8px;flex-wrap:wrap}.mysql-source .code-hint{width:100%;margin:0}.mysql-dialog{width:min(560px,calc(100% - 28px))}.mysql-dialog .code-hint{font-size:13px;line-height:1.5}.mysql-pair{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px}.mysql-dialog fieldset{margin-top:14px}.mysql-dialog legend{font-size:13px;color:#d5c9e5;margin-bottom:8px}.mysql-columns{display:flex;flex-wrap:wrap;gap:7px;max-height:180px;overflow:auto;padding:2px}.mysql-dialog .mysql-column-option{display:flex;align-items:center;gap:7px;margin:0;border:1px solid #aa93cf40;border-radius:9px;padding:8px 10px;background:#aa87dc0b;min-width:0;max-width:100%;cursor:pointer}.mysql-column-option span{overflow-wrap:anywhere}.mysql-column-option input{accent-color:#ad8bdc;width:17px;height:17px;flex:0 0 17px}.mysql-column-option:has(input:checked){border-color:#bca0ecb3;background:#ae8ae326}.mysql-filter-list{display:grid;gap:9px;margin:12px 0}.mysql-filter-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(70px,1fr) 32px;gap:6px;align-items:center}.mysql-dialog .mysql-filter-row select,.mysql-dialog .mysql-filter-row input{padding:8px;font-size:16px}.mysql-filter-row button{padding:4px;font-size:20px;min-height:44px}.mysql-preview{margin-top:16px;border:1px solid #ad93dc40;border-radius:12px;padding:12px;background:#14172e70}.mysql-widget{display:flex;flex-direction:column;min-width:0;padding:20px;border-radius:23px 23px 15px 23px}.mysql-widget .widget-type{overflow-wrap:anywhere}.mysql-counter-value{display:block;font-size:clamp(30px,3vw,44px);line-height:1.2;letter-spacing:-.03em;color:#e9dcff;margin:18px 0;overflow-wrap:anywhere;font-variant-numeric:tabular-nums}.mysql-widget .custom-widget-actions{margin-top:auto;padding-top:16px}.mysql-card-message{color:#bdafcf;font-size:14px;line-height:1.5;margin:20px 0}.mysql-table-widget{grid-column:1/-1}.mysql-table-scroll{max-width:100%;overflow:auto;overscroll-behavior-x:contain;margin-top:12px;border-radius:10px;scrollbar-width:thin;scrollbar-color:#8d79b473 transparent}.mysql-data-table{border-collapse:collapse;width:100%;font-size:13px;text-align:left;white-space:nowrap;font-variant-numeric:tabular-nums}.mysql-data-table th{color:#c8b6e0;font-size:12px;font-weight:600;background:#8b6dbd12;padding:11px 12px}.mysql-data-table td{padding:11px 12px;border-bottom:1px solid #b6a0da1a;color:#e1d9ed;max-width:300px;overflow:hidden;text-overflow:ellipsis}.mysql-data-table tr:last-child td{border-bottom:0}.mysql-group-title{font-size:16px;font-weight:600;color:#c7b4df;margin:20px 0 12px}.mysql-rows-dialog{width:min(980px,calc(100% - 28px))}.mysql-rows-dialog h2{overflow-wrap:anywhere}.mysql-search{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(90px,1.3fr) auto;gap:8px;align-items:center}.mysql-search button{min-height:44px}.mysql-pagination{display:flex;align-items:center;justify-content:flex-end;gap:14px;margin-top:16px;font-size:14px;color:#cdbbe6}.mysql-pagination button:disabled{opacity:.4;cursor:default}.mysql-editor-actions{flex-wrap:wrap}.mysql-editor-actions button:first-child{margin-right:auto}
@media(max-width:650px){.mysql-source{padding:15px;border-radius:18px;gap:10px}.mysql-source-actions{width:100%}.mysql-source-actions button{flex:1;min-height:44px}.mysql-pair{gap:9px}.mysql-dialog{padding:18px}.mysql-filter-row{grid-template-columns:minmax(0,1fr) minmax(0,1fr) 32px}.mysql-filter-row input{grid-column:1/3;grid-row:2}.mysql-filter-row button{grid-column:3;grid-row:1/3}.mysql-search{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.mysql-search input{grid-column:1}.mysql-search button{grid-column:2}.mysql-widget{padding:17px}.mysql-dialog .mysql-editor-actions button{flex:1 1 auto;font-size:12px;padding:10px 8px}.mysql-dialog .mysql-editor-actions{gap:6px}.mysql-data-table td,.mysql-data-table th{padding:10px}.mysql-rows-dialog{padding:17px}}

.mysql-pair:has(> [hidden]){grid-template-columns:minmax(0,1fr)}

/* One centered chevron for every native single-value selector, including dynamic filters.
   The existing custom language and CPU buttons keep their own SVG icons. */
select:not([multiple]):not([size]),select:not([multiple])[size="1"]{
 -webkit-appearance:none;
 -moz-appearance:none;
 appearance:none;
 background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='none'%3E%3Cpath d='m4 7 6 6 6-6' stroke='%23cdbbe8' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
 background-repeat:no-repeat;
 background-position:right 14px center;
 background-size:16px 16px;
 padding-inline-end:44px;
}
@media(forced-colors:active){
 select:not([multiple]):not([size]),select:not([multiple])[size="1"]{
  -webkit-appearance:auto;
  -moz-appearance:auto;
  appearance:auto;
  background-image:none;
  padding-inline-end:12px;
 }
}
/* Select popups share the glass surfaces and rounded options of the workspace menus. */
.select-picker{position:relative;display:block;width:100%;min-width:0;max-width:100%}
.select-picker>select.select-native{position:absolute!important;width:1px!important;height:1px!important;min-height:0!important;padding:0!important;margin:0!important;border:0!important;clip-path:inset(50%);overflow:hidden;opacity:0;pointer-events:none}
.select-picker>.select-trigger{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;min-width:0;max-width:100%;min-height:44px;margin:0;padding:10px 13px;border:1px solid #ac93d949;border-radius:11px;background:linear-gradient(125deg,#24203aab,#131b33a6);color:#f2e9ff;font:16px/1.4 "Segoe UI",Arial,sans-serif;text-align:left;cursor:pointer;box-shadow:inset 0 1px #eadbff0b;transition:border-color .15s,background .15s}
.select-value{display:block;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.select-trigger .select-chevron{width:16px;height:16px;flex:0 0 16px;color:#cdbbe8;transition:transform .15s}
.select-trigger[aria-expanded=true] .select-chevron{transform:rotate(180deg)}
.select-picker>.select-trigger:hover,.select-picker.is-open>.select-trigger{border-color:#c0a0e6a3;background:linear-gradient(125deg,#3a2c50b3,#1d2944b3)}
.select-picker>.select-trigger:focus-visible{outline:2px solid #c1a2ed;outline-offset:2px}
.select-picker>.select-trigger:disabled{opacity:.45;cursor:default}
.select-picker>.select-trigger[aria-invalid=true]{border-color:#ed9db7}
.select-validation{display:block;margin:6px 0 0;color:#f2afc4;font-size:12px;line-height:1.45}
.select-menu{position:fixed;inset:auto;z-index:1200;margin:0;padding:6px;border:1px solid #c4a4e74a;border-radius:15px;background:linear-gradient(145deg,#2b2343fa,#171e36fc);box-shadow:0 16px 42px #04071b80,inset 0 1px #f1e4ff10;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#a48bc16b transparent;color:#e9dff5;font:15px/1.4 "Segoe UI",Arial,sans-serif;text-align:left;box-sizing:border-box}
.select-menu.is-open{animation:select-menu-in .12s ease-out}
.select-option{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:42px;padding:10px 11px;border:1px solid transparent;border-radius:10px;cursor:pointer;user-select:none}
.select-option-label{min-width:0;overflow-wrap:anywhere}
.select-check{width:16px;height:16px;flex:0 0 16px;opacity:0;color:#cdb3f5}
.select-option[aria-selected=true]{color:#f4eaff;border-color:#bb95e34d;background:linear-gradient(110deg,#aa80dc29,#718bc81a)}
.select-option[aria-selected=true] .select-check{opacity:1}
.select-option:not([aria-disabled=true]):hover,.select-option.is-active{color:#fff1ff;border-color:#c5a3ed6b;background:linear-gradient(110deg,#b18be43a,#7d96dc24)}
.select-option[aria-disabled=true]{opacity:.4;cursor:default}
.select-group{padding:8px 12px 5px;font-size:12px;font-weight:600;color:#b5a0ce}
@keyframes select-menu-in{from{opacity:0;transform:translateY(3px)}to{opacity:1;transform:translateY(0)}}
.server-pair-open{position:relative;justify-content:center;align-items:center;min-height:44px;padding:12px 8px;margin-top:13px;border:0;border-radius:10px;line-height:1.4;text-align:center}
.server-pair-open::before{content:"";position:absolute;left:0;right:0;top:-7px;height:1px;background:#bda1d92b;pointer-events:none}
.server-pair-open>span{display:block;line-height:1.4}
@media(pointer:coarse){.select-option{min-height:44px}.select-menu{background:#231f39}}
@media(prefers-reduced-motion:reduce){.select-menu.is-open{animation:none}.select-trigger .select-chevron{transition:none}}
@media(forced-colors:active){.select-menu,.select-picker>.select-trigger{background:Canvas;color:CanvasText;border-color:ButtonText}.select-option[aria-selected=true],.select-option.is-active{background:Highlight;color:HighlightText}.select-check,.select-trigger .select-chevron{color:currentColor}}

/* Compact, named process clusters with tactile placement feedback. */
.custom-widget-grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,280px),1fr));align-items:start;gap:14px}.custom-widget{padding:17px 18px 14px;border-radius:20px;background:linear-gradient(135deg,#a694d925,#577cc516),#1a1b368c;box-shadow:inset 0 1px #eee6ff12,0 9px 28px #05071b12;transition:border-color .2s,box-shadow .2s;min-width:0;touch-action:pan-y}.custom-widget:nth-child(3n+2),.custom-widget:nth-child(3n){border-radius:20px}.custom-widget:hover{border-color:#c8b1f158}.custom-widget-heading{align-items:center;gap:8px}.custom-widget-heading h3{font-size:16px;font-weight:700;line-height:1.35;flex:1;min-width:0}.widget-state{font-size:12px;padding:4px 8px;line-height:1.35;max-width:48%;white-space:normal;text-align:center}.widget-meta{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:6px 0 11px}.widget-meta .widget-type{margin:0;font-size:12px;color:#b5a8cb}.widget-core-count{font-size:12px;color:#d9ccec;font-variant-numeric:tabular-nums}.widget-core-list{list-style:none;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;margin:0;padding:0}.core-status-row{display:flex;gap:9px;align-items:center;min-width:0;padding:8px 10px;border:1px solid #c2aed417;border-radius:10px;background:#c1b2e807;line-height:1.35;font-size:13px;color:#e4dbf2}.core-status-row:only-child{grid-column:1/-1}.core-status-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.core-status-dot{width:7px;height:7px;border-radius:50%;flex:0 0 7px;background:#a99ebf;box-shadow:0 0 0 3px #a99ebf12}.core-online .core-status-dot{background:#81d4ac;box-shadow:0 0 0 3px #81d4ac13,0 0 8px #81d4ac30}.core-offline .core-status-dot{background:#e594a9;box-shadow:0 0 0 3px #e594a912}.core-warning .core-status-dot{background:#dfb777;box-shadow:0 0 0 3px #dfb77712}.state-warning .widget-state{background:#c9a15a1a;color:#ebc58e}.custom-widget-actions{margin-top:12px;padding-top:10px;gap:7px}.custom-widget-actions .dash-icon-button{min-height:32px;padding:5px 9px;border-radius:8px;font-size:12px}.custom-widget-actions .dash-icon-button:last-child{margin-left:auto;border-color:transparent;background:transparent;color:#c9aabb}.custom-widget-actions .dash-icon-button:last-child:hover{background:#ce86a71a;color:#f1bed0}.widget-target{min-height:0;margin:8px 0;line-height:1.5;-webkit-line-clamp:1}.widget-result{font-size:12px;margin:8px 0;color:#c4b5d8}.widget-drag-handle{border:0;background:transparent;color:#a595ba;border-radius:7px;padding:0;min-width:28px;width:28px;height:30px;line-height:1;font-size:24px;cursor:grab;flex:0 0 28px;touch-action:none;font-family:Arial,sans-serif}.widget-drag-handle:hover{color:#ebdfff;background:#c9a9f017}.widget-drag-handle:focus-visible{outline:2px solid #c5a4f1;outline-offset:2px}.widget-sort-placeholder{position:relative;border:1px dashed #b299df8c;border-radius:20px;background:linear-gradient(135deg,#a085d31a,#668de715);box-shadow:inset 0 0 0 4px #c3a7f106;min-width:0;pointer-events:auto;outline:none}.widget-sort-placeholder::after{content:'';position:absolute;inset:9px;border:1px solid #c1ace916;border-radius:13px}.widget-sort-ghost{position:fixed!important;z-index:9999!important;margin:0!important;pointer-events:none!important;opacity:.94;box-sizing:border-box;box-shadow:0 20px 52px #05041470,inset 0 1px #eee6ff22!important;border-color:#c6a9ef95!important;will-change:transform;backdrop-filter:blur(16px);background-color:#282441!important}.is-sorting,.is-sorting *{user-select:none!important;cursor:grabbing!important}.is-sort-target>.code-hint{display:none}.custom-widget-grid:empty{min-height:100px}.mysql-widget-grid .widget-drag-handle{margin-left:0}.mysql-widget-grid .custom-widget-heading h3{flex:1}.core-editor-heading{display:flex;justify-content:space-between;align-items:center;gap:10px;margin:16px 0 10px;color:#e2d5ef;font-size:14px;font-weight:600}.core-editor-heading button{min-height:36px;font-size:13px}.core-editor-list{display:grid;gap:10px}.core-editor-row{padding:12px;border:1px solid #bea8e333;border-radius:13px;background:#ad88d707}.core-editor-basic{display:flex;align-items:flex-end;gap:8px}.core-editor-basic .core-field{flex:1;min-width:0}.core-editor-row .core-field label{font-size:12px;margin:8px 0 5px}.core-editor-basic .core-field label{margin-top:0}.core-remove{width:36px;height:44px;min-width:36px;background:transparent;border:1px solid #be98b526;border-radius:9px;color:#d7b2c8;font-size:23px;cursor:pointer}.core-remove:hover:not(:disabled){color:#ffd3e3;background:#cb7ca119}.core-remove:disabled{opacity:.25;cursor:default}.dashboard-dialog .core-identity{margin-top:10px;padding-top:8px}.core-identity summary{font-size:12px}#dashWidgetDialog:has(.core-editor-row){width:min(540px,calc(100% - 28px))}.core-editor-row input{font-size:16px!important}.mysql-table-widget{grid-column:1/-1}
@media(max-width:650px){.custom-widget{padding:16px;border-radius:18px}.custom-widget-grid{grid-template-columns:1fr}.custom-widget-actions .dash-icon-button{min-height:40px;font-size:13px}.widget-drag-handle{min-width:36px;width:36px;height:36px;flex-basis:36px}.core-status-row{font-size:14px;padding:9px 10px}.custom-widget-heading h3{font-size:16px}.widget-sort-ghost{backdrop-filter:none}.core-editor-row{padding:10px}#dashWidgetDialog:has(.core-editor-row){padding:18px}.core-editor-heading button{min-height:42px}}
@media(prefers-reduced-motion:reduce){.custom-widget{transition:none}.widget-sort-ghost{will-change:auto}}
@media(min-width:600px){#dashWidgetDialog:has(.core-editor-row){width:min(560px,calc(100% - 28px));max-width:min(560px,calc(100% - 28px))}.core-editor-row{display:grid;grid-template-columns:minmax(90px,.75fr) minmax(0,1.65fr) 34px;gap:0 9px}.core-editor-basic{display:contents}.core-editor-basic>.core-field{grid-column:1;grid-row:1}.core-editor-row>.core-field{grid-column:2;grid-row:1}.core-editor-row .core-field label{margin-top:0}.core-remove{grid-column:3;grid-row:1;align-self:end}.dashboard-dialog .core-identity{grid-column:1/-1}}

/* Dashboard tools share the quiet glass surfaces of the overview. */
.dash-symbol{display:inline-flex;flex:0 0 18px;width:18px;height:18px;align-items:center;justify-content:center}.dash-symbol svg{display:block;width:100%;height:100%}.dash-search-bar{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:6px 0 24px}.dash-search{display:flex;align-items:center;gap:11px;width:min(100%,420px);padding:0 13px;border:1px solid #b99ade38;border-radius:13px;background:linear-gradient(120deg,#b295d713,#687ec610);box-shadow:inset 0 1px #ffffff08}.dash-search:focus-within{border-color:#bb9ce08a;box-shadow:0 0 0 3px #a084d311}.dash-search>svg{width:19px;height:19px;flex:0 0 19px;color:#b7a6d2}.dash-search input{width:100%;min-width:0;background:transparent;border:0!important;box-shadow:none!important;margin:0;padding:12px 0;font-size:14px;color:#e8dff6;outline:none}.dash-search button{border:0;background:transparent;color:#cbb6e3;font-size:22px;min-width:30px;height:36px}.dash-search-bar>span{color:#b9a8ce;font-size:12px;white-space:nowrap}.dash-no-results{padding:28px;text-align:center;color:#b9a8ce}.custom-widget[hidden],.custom-widget-group[hidden]{display:none!important}.custom-widget-group:has(>.custom-widget-grid:first-child){margin-top:0}.core-power-button{display:inline-flex;gap:6px;align-items:center;justify-content:center}.custom-widget-actions .core-power-button.is-start{color:#a1dfc3;border-color:#84cdae36;background:#75cdaa0a}.custom-widget-actions .core-power-button.is-stop{color:#e4b5c4;border-color:#d993ac30;background:#d993ac08}.custom-widget-actions .core-power-button:disabled{opacity:.5;cursor:default}.widget-action-error{font-size:12px;line-height:1.5;color:#e5bdad;margin:10px 0 0}.custom-widget-actions{flex-wrap:wrap}.dashboard-dialog .core-launch{grid-column:1/-1}.core-launch small{display:block;margin-top:10px;line-height:1.5;color:#b7a7cd}
#dashGroupsDialog.dashboard-dialog,#dashCoreDialog.dashboard-dialog{width:min(510px,calc(100% - 28px));max-width:510px;padding:25px;border-radius:24px;border:1px solid #b99be04a;background:linear-gradient(140deg,#33294d,#20223c 75%);box-shadow:inset 0 1px #e9d8ff0e,0 28px 80px #04051180}#dashGroupsDialog .compact-dialog-heading{margin-bottom:20px;align-items:center}#dashGroupsDialog .eyebrow{font-size:10px;letter-spacing:.16em;color:#bca3d2}#dashGroupsDialog h2{margin:4px 0 0;font-size:23px}#dashGroupsDialog .group-create-form{display:flex;gap:8px;margin:0 0 18px}#dashGroupsDialog input{min-width:0;font-size:16px;margin:0}#dashGroupsDialog .group-create-form>button{display:flex;gap:7px;align-items:center;white-space:nowrap;padding:10px 13px;font-size:13px;border-radius:11px}#dashGroupList{display:grid;gap:8px}#dashGroupsDialog .dash-group-editor{display:flex;align-items:center;gap:12px;border:1px solid #c2a2e526;background:#c5a7eb08;border-radius:14px;padding:12px;margin:0}#dashGroupsDialog .dash-group-editor>.dash-symbol{width:22px;height:22px;flex-basis:22px;color:#bca6d6}.dash-group-identity{display:grid;gap:4px;flex:1;min-width:0}.dash-group-identity strong{font-size:14px;overflow-wrap:anywhere}.dash-group-identity small{font-size:12px;color:#ac9bbf}.group-icon-action{display:inline-flex;align-items:center;justify-content:center;width:34px;height:36px;min-width:34px;padding:0;border:1px solid transparent;border-radius:9px;background:transparent;color:#bca6d1;cursor:pointer}.group-icon-action:hover{background:#bf9ce21a;border-color:#cba2e232;color:#f0dcff}.group-icon-action:last-child:hover{color:#f0b8cb;background:#dc91aa12}.group-rename-form{display:flex;flex-wrap:wrap;gap:8px;width:100%}.group-rename-form input{flex:1 1 100%}.group-rename-form button{min-height:36px;font-size:12px}#dashGroupError,#dashCoreError{color:#efb6ca;font-size:13px;line-height:1.5}.group-empty{padding:20px;text-align:center;font-size:14px;color:#b8a8cc}.core-action-identity{font-weight:600;color:#dfd0f3;margin:6px 0}.core-action-list{display:grid;gap:8px;max-height:min(35vh,300px);overflow-y:auto;overscroll-behavior:contain;margin:16px 0;padding:1px}.core-action-row{border:1px solid #bda2dd2b;border-radius:12px;background:#bda4e407;padding:10px 12px}.core-action-choice{display:flex!important;align-items:center;gap:10px;margin:0!important;cursor:pointer;line-height:1.4}.core-action-choice input{width:17px!important;height:17px;flex:0 0 17px;margin:0;accent-color:#a38ad9}.core-action-choice strong{font-size:14px;font-weight:600;flex:1;overflow-wrap:anywhere}.core-action-choice small{font-size:12px;color:#b9a8ce}.core-action-row:has(input:disabled){opacity:.45}.core-action-row .core-field input{font-size:16px}.core-action-modes{display:flex;gap:5px;border:1px solid #b49bd42b;background:#0c102c42;border-radius:11px;padding:4px}.core-action-modes button{flex:1;border:0;border-radius:8px;padding:8px;background:transparent;color:#c5b4da;font-size:13px;cursor:pointer}.core-action-modes button[aria-pressed=true]{background:#b99add26;color:#f4e9ff}.core-action-proof{border-top:1px solid #b99add25;padding-top:2px}.core-action-proof input{font-size:16px!important}.core-action-proof label{font-size:13px}#dashCoreDialog h2{font-size:22px}#dashCoreDialog .code-hint{line-height:1.5;margin:9px 0}
/* One shared surface, aligned registry rows, no nested cards. */
.fleet-registry-table-wrap{width:100%;min-width:0}.fleet-registry-table{width:100%;border-collapse:collapse;table-layout:fixed}.fleet-registry-table thead th{text-align:left;font-size:11px;font-weight:500;letter-spacing:.04em;color:#af9dc6;padding:14px 10px;border-bottom:1px solid #bda3dd30}.fleet-registry-table thead th:first-child{width:23%}.fleet-registry-table thead th:nth-child(2){width:17%}.fleet-registry-table thead th:nth-child(3){width:9%}.fleet-registry-table thead th:nth-child(4){width:9%}.fleet-registry-table thead th:nth-child(5){width:13%}.fleet-registry-table thead th:nth-child(6){width:12%}.fleet-registry-table thead th:nth-child(7){width:13%}.fleet-registry-table thead th:last-child{width:44px}.fleet-line{border-bottom:1px solid #b59ad61c;transition:background .2s}.fleet-line:last-child{border-bottom:0}.fleet-line:hover{background:#c5a5ee07}.fleet-line.is-blocked{background:#c58b9f06}.fleet-registry-table .fleet-field{display:table-cell;padding:18px 10px;min-width:0;vertical-align:middle;border:0;overflow-wrap:anywhere}.fleet-registry-table .fleet-server{display:flex;align-items:center;gap:10px}.fleet-registry-table .fleet-server>.fleet-icon{flex:0 0 29px;width:29px;height:33px;border-radius:9px;background:#bba1e211;padding:5px;box-sizing:border-box;color:#bba5dd}.fleet-registry-table .fleet-server-identity{gap:5px;min-width:0}.fleet-registry-table .fleet-server strong{font-size:14px;font-weight:650;color:#f0e6ff}.fleet-registry-table .fleet-origin{font-size:11px;color:#a795c1;line-height:1.5}.fleet-registry-table .fleet-account{font-size:12px;color:#c5b5d8}.fleet-registry-table .fleet-system strong{display:block;font-size:12px;font-weight:500;color:#d4c6e8}.fleet-registry-table .fleet-system small{display:block;font-size:11px;color:#a795c1;margin-top:4px}.fleet-registry-table .fleet-license code{font-size:11px;color:#bfb0d3;background:transparent;padding:0}.fleet-registry-table .fleet-version-tag{font-size:11px;padding:5px 7px;border-radius:7px;white-space:nowrap}.fleet-registry-table .fleet-presence{font-size:12px;white-space:nowrap}.fleet-registry-table .fleet-license-state{font-size:10px;line-height:1.4;margin-top:5px}.fleet-registry-table .fleet-seen{font-size:11px;line-height:1.5;color:#ad9ac6}.fleet-edit-button{display:inline-flex;align-items:center;justify-content:center;border:1px solid #b59cda35;background:#b79bdf0b;border-radius:10px;color:#c8b0e7;width:34px;height:34px;padding:7px;cursor:pointer}.fleet-edit-button:hover{color:#f7eaff;background:#b89ce127;border-color:#c9a6e870}.fleet-edit-button .fleet-icon{display:block;width:17px;height:17px;padding:0;margin:0}.fleet-registry-table .fleet-row-actions{padding-right:4px}
@media(max-width:1200px){.fleet-registry-table thead{display:none}.fleet-registry-table,.fleet-registry-table tbody{display:block}.fleet-line{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr) minmax(0,1fr) 38px;gap:14px 18px;padding:20px 2px;position:relative}.fleet-registry-table .fleet-field{display:flex;flex-direction:column;align-items:flex-start;padding:0;gap:5px}.fleet-registry-table .fleet-field:not(.fleet-server):not(.fleet-row-actions)::before{content:attr(data-label);font-size:10px;color:#9f8cb8;letter-spacing:.03em}.fleet-registry-table .fleet-server{grid-column:1/3;flex-direction:row;align-items:center}.fleet-registry-table .fleet-status{grid-column:3;grid-row:1}.fleet-registry-table .fleet-row-actions{grid-column:4;grid-row:1;align-self:start}.fleet-registry-table .fleet-account{grid-column:1}.fleet-registry-table .fleet-seen{grid-column:1;grid-row:3}.fleet-registry-table .fleet-license{grid-column:2/4;grid-row:3}.fleet-registry-table .fleet-system{grid-column:2}.fleet-registry-table .fleet-version{grid-column:3}.fleet-registry-table .fleet-origin{white-space:normal;overflow-wrap:anywhere}}
@media(max-width:600px){.dash-search-bar{gap:10px;margin-bottom:18px}.dash-search input{font-size:16px}.dash-search{width:100%;padding:0 10px}.dash-search-bar>span{font-size:11px}.custom-widget-actions .core-power-button{font-size:12px;padding:7px 9px}#dashGroupsDialog.dashboard-dialog,#dashCoreDialog.dashboard-dialog{padding:19px;border-radius:21px}#dashGroupsDialog .dash-group-editor{gap:8px;padding:11px 9px}#dashGroupsDialog .group-create-form{gap:6px}#dashGroupsDialog .group-create-form>button{padding:9px;font-size:12px}.group-icon-action{min-width:34px;width:34px;height:40px}.fleet-line{grid-template-columns:minmax(0,1.25fr) minmax(0,1fr) 36px;gap:17px 13px;padding:19px 0}.fleet-registry-table .fleet-server{grid-column:1/3}.fleet-registry-table .fleet-row-actions{grid-column:3}.fleet-registry-table .fleet-status{grid-column:1;grid-row:2;flex-direction:row;flex-wrap:wrap;gap:6px 10px}.fleet-registry-table .fleet-status::before{width:100%}.fleet-registry-table .fleet-version{grid-column:2/4;grid-row:2}.fleet-registry-table .fleet-account{grid-column:1;grid-row:3}.fleet-registry-table .fleet-system{grid-column:2/4;grid-row:3}.fleet-registry-table .fleet-seen{grid-column:1;grid-row:4}.fleet-registry-table .fleet-license{grid-column:2/4;grid-row:4}.fleet-registry-table .fleet-server strong{font-size:15px}.fleet-registry-table .fleet-account{font-size:12px}.fleet-registry-table .fleet-origin{font-size:12px}.fleet-registry-table .fleet-server-identity{overflow:visible}.fleet-registry-table .fleet-field{font-size:12px}.fleet-edit-button{width:36px;height:38px}.fleet-collection{padding:18px 16px}.fleet-registry-table .fleet-license code{font-size:12px}}

/* Shared geometry for the registry editor and its confirmation dialog. */
.control-dialog .dialog-actions {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
}
.control-dialog .dialog-actions button {
  margin: 0;
  padding: 10px 12px;
  min-height: 44px;
  font-family: inherit;
  font-weight: 650;
}
.control-dialog .dialog-actions button[type="button"] {
  background: #9f86d11a;
  border-color: #bda5ff50;
  color: #ede3ff;
}
.control-dialog .dialog-actions button:hover:not(:disabled) {
  border-color: #d3baffaa;
  filter: brightness(1.12);
}
.control-dialog .dialog-actions button:disabled {
  opacity: .6;
  cursor: wait;
}
.control-dialog input:not([type="checkbox"]) {
  color-scheme: dark;
}
.dashboard-dialog .compact-check {
  min-height: 44px;
  padding: 9px 12px;
  border: 1px solid #bba4ed36;
  border-radius: 11px;
  background: #10162e75;
  cursor: pointer;
}
.dashboard-dialog .compact-check input[type="checkbox"] {
  appearance: none;
  display: grid;
  place-content: center;
  width: 19px;
  height: 19px;
  min-height: 0;
  flex: 0 0 19px;
  margin: 0;
  padding: 0;
  border: 1px solid #ad98d788;
  border-radius: 5px;
  background: #171731;
  cursor: pointer;
}
.dashboard-dialog .compact-check input[type="checkbox"]:checked {
  background: linear-gradient(135deg, #9d73d4, #5b75c0);
  border-color: #c9acf8;
}
.dashboard-dialog .compact-check input[type="checkbox"]:checked::before {
  content: "";
  width: 5px;
  height: 9px;
  margin-top: -2px;
  border: solid #fff;
  border-width: 0 2px 2px 0;
  transform: rotate(45deg);
}
.dashboard-dialog .compact-check input[type="checkbox"]:focus-visible {
  outline: 2px solid #ceb6ff;
  outline-offset: 3px;
}
dialog h2[autofocus]:focus { outline: none; }
@media (forced-colors: active) {
  .dashboard-dialog .compact-check input[type="checkbox"] { appearance: auto; }
  .dashboard-dialog .compact-check input[type="checkbox"]::before { display: none; }
}

/* Keep native date fields inside the same form grid as text fields. */
#controlServerLabel,
#controlServerExpiry {
  display: block;
  box-sizing: border-box;
  inline-size: 100%;
  min-inline-size: 0;
  max-inline-size: 100%;
  block-size: 46px;
}
#controlServerExpiry {
  -webkit-appearance: none;
  appearance: none;
}
#controlServerExpiry::-webkit-date-and-time-value {
  margin: 0;
  min-height: 1.4em;
  text-align: start;
}

.fleet-exception {
  display: block;
  margin-top: 5px;
  color: #b4dfdd;
  font-size: 12px;
}
.version-blocks {
  margin-top: 18px;
  padding-top: 14px;
  border-top: 1px solid #c4b3ee29;
}
.version-blocks h3 { margin: 0 0 9px; font-size: 14px; }
.version-blocks ul {
  display: grid;
  gap: 6px;
  margin: 0;
  padding: 0;
  max-height: min(29vh, 240px);
  overflow: auto;
  list-style: none;
}
.version-block {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 8px;
  padding: 8px;
  border-radius: 11px;
  background: #af9be115;
}
.version-block > div {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 6px;
}
.version-block .secondary-action { padding: 7px 10px; }

.cpu-controls, .cpu-mode {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 6px;
}
.cpu-controls { justify-content: flex-end; }
.cpu-mode .cpu-range-trigger[aria-pressed="true"] {
  border-color: #c3a0ec8a;
  background: linear-gradient(125deg, #b593e43d, #7895d130);
  color: #f2e8ff;
}
.cpu-core-heading {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 4px 12px;
  margin: 14px 0 10px;
  color: #ded2ee;
  font-size: 13px;
}
.cpu-core-heading small, .cpu-core-empty, .cpu-core-axis { color: #c6b8d9; font-size: 12px; }
.cpu-core-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 166px), 1fr));
  gap: 9px;
}
.cpu-core {
  min-width: 0;
  padding: 10px;
  border: 1px solid #b8a8e435;
  border-radius: 14px;
  background: linear-gradient(135deg, #7c71ae24, #30346334);
}
.cpu-core-meta {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 6px;
  margin-bottom: 6px;
  font-size: 12px;
  color: #d9cdeb;
}
.cpu-core-value { color: #f2ecff; font-variant-numeric: tabular-nums; }
.cpu-core-plot { position: relative; }
.cpu-core-canvas { display: block; width: 100%; height: 88px; }
.cpu-core-canvas:focus-visible { outline: 2px solid #c6a9ec; outline-offset: 1px; border-radius: 6px; }
.cpu-core-chart-empty {
  position: absolute;
  inset: 17px 4px 8px 28px;
  display: grid;
  place-items: center;
  color: #c6b8d9;
  font-size: 11px;
  text-align: center;
  pointer-events: none;
}
.cpu-core-axis { min-height: 1em; margin-top: 4px; font-size: 10px; text-align: right; font-variant-numeric: tabular-nums; }
.cpu-core-pages { display: flex; align-items: center; justify-content: center; gap: 10px; margin-top: 12px; color: #ded2ee; font-size: 12px; }
.cpu-core-pages button:disabled { opacity: .45; cursor: default; }
@media (max-width: 640px) {
  .chart .panel-heading { flex-wrap: wrap; gap: 10px; }
  .cpu-controls { justify-content: flex-start; }
  .cpu-core-grid { grid-template-columns: repeat(auto-fit, minmax(min(100%, 142px), 1fr)); }
}
@media (any-pointer: coarse) {
  .chart.panel {
    -webkit-user-select: none;
    user-select: none;
    -webkit-touch-callout: none;
  }
  #chart, .cpu-core-canvas { touch-action: pan-y pinch-zoom; }
}

#licenseUpdate {
  margin: 0 0 16px;
  padding: 14px;
  border: 1px solid #b8a6e438;
  border-radius: 15px;
  background: #b3a2ed0d;
}
#licenseUpdate h2 { margin: 0 0 6px; font-size: 16px; }
#licenseUpdate p { margin: 0 0 10px; font-size: 14px; }
#licenseUpdate .code-hint { margin: 12px 0 0; }
#licenseCommand { user-select: all; }

.release-panel {
  padding: 0;
  border: 1px solid #bdabf03d;
  border-radius: 17px;
  background: linear-gradient(135deg, #a486de22, #4878bf16);
  box-shadow: inset 0 1px #f3e8ff0e;
}
.published-release {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  align-items: center;
  gap: 9px;
  padding: 12px;
}
.published-release h3 { margin: 0; color: #eadfff; line-height: 1.35; }
.release-icon {
  display: grid;
  place-items: center;
  width: 34px;
  height: 34px;
  border: 1px solid #c9a9fb38;
  border-radius: 11px;
  background: #a888e22b;
  color: #d7bdfa;
}
.release-icon svg, .release-publish-trigger svg { width: 18px; height: 18px; }
.release-version {
  padding: 5px 8px;
  border: 1px solid #ba9ddd38;
  border-radius: 9px;
  background: #0d122f68;
  color: #cdbce6;
  font-size: 12px;
  overflow-wrap: anywhere;
}
.release-version.is-published { border-color: #6dcab953; background: #59b7ab16; color: #bfece5; }
#controlPublishDetails { margin: 0 9px 9px; }
.release-publish-trigger {
  display: flex;
  align-items: center;
  gap: 8px;
  min-height: 40px;
  padding: 8px 10px;
  border: 1px solid #bdabf03b;
  border-radius: 11px;
  background: linear-gradient(125deg, #b593e424, #7895d11b);
  color: #ecdcff;
  list-style: none;
  font-size: 13px;
  font-weight: 600;
  cursor: pointer;
}
.release-publish-trigger::-webkit-details-marker { display: none; }
.release-publish-trigger:hover, #controlPublishDetails[open] > summary { border-color: #c3a0ec7a; background-color: #ab89dc19; }
.release-publish-trigger:focus-visible { outline: 2px solid #c6a9ec; outline-offset: 2px; }
.release-chevron { margin-left: auto; color: #bda6da; }
#controlPublishDetails[open] .release-chevron { transform: rotate(180deg); }
#controlPublishForm { padding: 4px 5px 6px; min-width: 0; }
#controlPublishForm .code-hint { display: block; margin-top: 8px; }
#controlPublishSuccess { margin: 0 12px 12px; color: #bfece5; }

.sidebar-support {
  display: grid;
  gap: 3px;
  margin: 9px 0 0;
  color: #c8b9d9;
  font-size: 12px;
  line-height: 1.4;
}
.sidebar-support a { color: #dcc8f5; text-decoration: underline; text-underline-offset: 2px; overflow-wrap: anywhere; }
.mobile-support { display: none; }
@media (max-width: 900px) {
  .mobile-support {
    grid-column: 1 / -1;
    display: flex;
    flex-wrap: wrap;
    align-items: baseline;
    column-gap: 5px;
    padding: 7px 10px 2px;
  }
  aside nav .mobile-support a {
    display: inline;
    width: auto;
    min-height: 0;
    padding: 0;
    border: 0;
    background: none;
    font: inherit;
  }
}
.automation-run-dialog { width: min(620px, calc(100% - 28px)); }
.automation-run-state { margin: 10px 0; color: #d0c2e6; font-size: 13px; }
.automation-run-output {
  min-height: 84px;
  max-height: min(36vh, 270px);
  overflow: auto;
  overscroll-behavior: contain;
  padding: 12px;
  margin: 0 0 12px;
  border: 1px solid #b6a0df40;
  border-radius: 12px;
  background: #0c102cc7;
  color: #e2d7f3;
  font: 13px/1.55 ui-monospace, monospace;
  white-space: pre-wrap;
  overflow-wrap: anywhere;
}
#automationInputForm { padding: 10px 12px; border: 1px solid #b6a0df35; border-radius: 12px; background: #a68ada12; }
#automationInputForm .code-hint { margin: 0 0 8px; }
#automationInputForm .compact-check { margin-top: 8px; }
.automation-run-actions { display: flex; justify-content: flex-end; flex-wrap: wrap; gap: 8px; margin-top: 12px; }

.automation-result-dialog { width: min(460px, calc(100% - 28px)); }
.automation-result-summary {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  align-items: center;
  gap: 12px;
  margin: 14px 0 8px;
  padding: 13px;
  border: 1px solid #b6a0df46;
  border-radius: 14px;
  background: #b6a0df15;
  color: #dfd0f4;
}
.automation-result-summary.is-success { border-color: #7bd2ac59; background: #69c09a18; color: #a4ead0; }
.automation-result-summary.is-failure { border-color: #ed8b9059; background: #ed8b9018; color: #ffc3c6; }
.automation-result-icon {
  display: grid;
  place-items: center;
  width: 42px;
  height: 42px;
  border: 1px solid currentColor;
  border-radius: 13px;
  background: #11142d77;
}
.automation-result-icon svg { width: 25px; height: 25px; }
.automation-result-summary strong, .automation-result-summary small { display: block; overflow-wrap: anywhere; }
.automation-result-summary strong { font-size: 15px; line-height: 1.4; }
.automation-result-summary small { margin-top: 4px; color: #d9cce8; }
.automation-result-exit { display: flex; align-items: center; justify-content: space-between; gap: 8px; }
.automation-result-exit code { padding: 4px 9px; border-radius: 8px; background: #c67c892b; color: #ffc4cc; }
#automationResultConsole h3 { margin: 14px 0 7px; color: #dbc9eb; font-size: 13px; }
#automationResultOutput { min-height: 0; }
.automation-controls { flex-wrap: wrap; }

.dashboard-dialog {
  scrollbar-width: thin;
  scrollbar-color: #a28acb #1e1d36;
}
@supports not (scrollbar-color: auto) {
  .dashboard-dialog::-webkit-scrollbar { width: 9px; height: 9px; }
  .dashboard-dialog::-webkit-scrollbar-track { background: #1e1d36; border-radius: 999px; }
  .dashboard-dialog::-webkit-scrollbar-thumb {
    background: linear-gradient(#ae8cdb, #7789c6);
    border: 2px solid #1e1d36;
    border-radius: 999px;
  }
  .dashboard-dialog::-webkit-scrollbar-thumb:hover { background: #b69bdc; }
}
.widget-detected-process { display: block; margin-top: 4px; overflow-wrap: anywhere; }

#setupEmailVerification .login-submit { margin-top: 12px; }
#verificationNotice { margin: 14px 0 10px; }