:root{--glass-rgb:255,255,255;--glass-alpha:.72;--glass-blur:20px;--radius:22px;--teal:#167d8d;--accent:#167d8d;--ink:#183249;--muted:#597082;--line:rgba(255,255,255,.55);--soft:rgba(255,255,255,.32);--panel-solid:#ecf2f5;--wallpaper:radial-gradient(ellipse at 12% 8%,#c1e6df 0,transparent 50%),radial-gradient(ellipse at 88% 20%,#c8c8ef 0,transparent 46%),radial-gradient(ellipse at 65% 90%,#c3deeb 0,transparent 55%),linear-gradient(135deg,#e5eaf4,#d8e9ed);--wall-dim:.14;--wall-blur:0px;--wall-position:center;--wall-fit:cover;--shadow:0 12px 34px #193e5710}
html{background:#dbe5ef;min-height:100%;color-scheme:light}body{background:transparent;color:var(--ink)}.wallpaper,.wallpaper-shade{position:fixed;inset:0;pointer-events:none;z-index:-2}.wallpaper{background-image:var(--wallpaper);background-size:var(--wall-fit);background-position:var(--wall-position);background-repeat:no-repeat;filter:blur(var(--wall-blur));transform:scale(1.035)}.wallpaper-shade{z-index:-1;background:rgba(12,24,38,var(--wall-dim))}.card,.sidebar,.topbar,dialog,.login-card{background:rgba(var(--glass-rgb),var(--glass-alpha));backdrop-filter:blur(var(--glass-blur)) saturate(145%);-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(145%);border-color:var(--line);box-shadow:var(--shadow)}.card{border-radius:var(--radius);transition:box-shadow .2s,border-color .2s}.card:hover{box-shadow:0 16px 42px #183c5917}.topbar{box-shadow:none}.sidebar{box-shadow:none}.brand-mark,.button.primary{background:var(--accent)}.heading-dot{color:var(--accent)}.button.primary:hover{filter:brightness(.92);background:var(--accent)}.nav-item.active{color:var(--accent);background:color-mix(in srgb,var(--accent) 12%,transparent)}.nav-item,.breadcrumb,.breadcrumb strong,.topbar-right,#clock,.page-heading p,.eyebrow,.section-line h2,.updated-label,.muted-count,.service-description,.card-title-group p,.metric label,.metric small,.metric span,.chart-caption,.host-footer,.host-footer b,.detail-row>span,.detail-row strong,.card-footer.subtle,.card-footnote,.inventory-row,.qr-illustration p,.qr-illustration h3,.log-footer,.page-footer,.sidebar-bottom,.machine-caption,.sidebar-note,.location-tag{color:var(--muted)}h1,.card h2,.robot-identity h3,.setting-block h3{color:var(--ink)}.button.secondary,.service-actions .power-button,.log-toolbar select,.search-box,.service-stats,.log-output,.setting-field input,.setting-field select,.password-form input{background:var(--soft);border-color:var(--line);color:var(--ink)}.button.secondary:hover,.icon-button:hover{background:rgba(var(--glass-rgb),.55)}.icon-button{color:var(--muted)}.service-stats strong,.search-box input{color:var(--ink)}.host-footer,.card-footer.subtle,.inventory-card .card-footnote{border-color:var(--line)}.meter{background:rgba(var(--glass-rgb),.38)}.chart-grid{stroke:var(--line)}.notice{background:rgba(var(--glass-rgb),.5);border-color:var(--line);color:var(--muted)}.card-option>span{color:var(--ink)}.card-option small,.dialog-description{color:var(--muted)}.card-option{border-color:var(--line)}.card-option:hover{background:var(--soft)}.log-output{color:var(--muted)}.avatar{background:color-mix(in srgb,var(--accent) 15%,transparent);color:var(--accent)}.sidebar-note{color:var(--accent)}.heading-actions{flex-wrap:wrap}.session-button{white-space:nowrap;border:0;background:var(--soft);color:var(--ink);border-radius:8px;padding:6px 10px;font-size:11px;cursor:pointer}.reorder-hint{font-size:11px;color:var(--muted);margin:-5px 0 17px}.settings-dialog{width:min(740px,calc(100% - 28px));padding:28px;max-height:90dvh}.settings-tabs{display:flex;gap:8px;border-bottom:1px solid var(--line);padding:18px 0 12px;margin-bottom:18px;position:sticky;top:-28px;background:var(--panel-solid);z-index:3}.settings-tabs button{flex:1;padding:9px 5px;border:0;border-radius:8px;background:transparent;color:var(--muted)}.settings-tabs button[aria-selected=true]{background:var(--accent);color:white}.settings-panel h3{font-size:14px;margin:0 0 14px}.settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.setting-block{padding:18px;background:var(--soft);border:1px solid var(--line);border-radius:14px;margin-bottom:16px}.setting-field{display:flex;flex-direction:column;gap:8px;font-size:12px;color:var(--ink);min-width:0}.setting-field>span{display:flex;justify-content:space-between;gap:8px}.setting-field output{color:var(--accent);font-variant-numeric:tabular-nums}.setting-field input:not([type=range]):not([type=checkbox]),.setting-field select,.password-form input{width:100%;border:1px solid var(--line);border-radius:8px;padding:9px 10px;min-height:40px}.setting-field input[type=range]{width:100%;accent-color:var(--accent);cursor:pointer}.setting-field input[type=color]{padding:4px!important;height:40px}.preset-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:9px;margin-bottom:16px}.preset{height:65px;border-radius:10px;border:2px solid transparent;display:flex;align-items:flex-end;padding:7px;cursor:pointer;font-size:11px;color:#173f57}.preset[data-preset=aurora]{background:linear-gradient(130deg,#b9e3d6,#b9c7f0,#c3dbe8)}.preset[data-preset=ocean]{background:linear-gradient(130deg,#6cb4bc,#bed3ed)}.preset[data-preset=sunset]{background:linear-gradient(130deg,#f3ceb1,#d8b9e4)}.preset[data-preset=plain]{background:#dce5ef}.preset.active{border-color:var(--accent);box-shadow:0 0 0 2px var(--panel-solid)}.upload-area{display:flex;align-items:center;gap:14px;flex-wrap:wrap;border:1px dashed color-mix(in srgb,var(--accent) 45%,transparent);border-radius:11px;padding:15px;margin-bottom:15px}.upload-area p{font-size:11px;color:var(--muted);margin:0;flex:1;min-width:170px}.upload-area input{max-width:100%;font-size:11px}.upload-preview{width:82px;height:54px;object-fit:cover;border-radius:8px}.setting-note{font-size:11px;color:var(--muted);margin:10px 0 0;line-height:1.8}.settings-bottom{display:flex;align-items:center;gap:10px;position:sticky;bottom:-28px;padding:16px 0 0;background:var(--panel-solid);margin-top:18px}.settings-bottom .save-status{font-size:11px;color:var(--muted);margin-right:auto}.password-form{display:grid;gap:14px;max-width:440px}.password-form label{font-size:12px;display:grid;gap:6px;color:var(--ink)}.form-message{font-size:12px;line-height:1.7;color:#a54b52;min-height:20px;overflow-wrap:anywhere}.check-line{display:flex!important;align-items:center;gap:8px;font-size:12px!important;flex-direction:row!important}.check-line input{width:16px!important;min-height:16px!important;accent-color:var(--accent)}.compact .card{padding:16px}.compact .card-top{margin-bottom:13px}.compact .service-stats{margin-bottom:12px;padding:8px 11px}.compact .card-grid{gap:12px}.compact .host-footer{margin:10px -16px -16px;padding:9px 16px}.no-motion *{animation:none!important;transition:none!important;scroll-behavior:auto!important}.login-wrap{margin:0;min-height:100dvh;display:flex;align-items:center;justify-content:center;flex-direction:column;padding:32px 20px;gap:24px}.login-card{width:min(440px,100%);padding:38px;border:1px solid var(--line);border-radius:28px}.login-logo{position:relative;width:52px;height:52px;background:var(--accent);color:white;font-size:34px;font-weight:650;display:grid;place-items:center;border-radius:16px;margin-bottom:26px;box-shadow:0 6px 18px #155d7330}.login-logo span{position:absolute;top:-3px;right:-3px;width:12px;height:12px;border-radius:50%;background:#8be1be;border:3px solid #e6edef}.login-card h1{font-size:25px;letter-spacing:-.5px}.login-caption{font-size:12px;color:var(--muted);margin:10px 0 26px;line-height:1.8}.login-card form{display:grid;gap:17px}.login-card form label{display:flex;flex-direction:column;gap:7px;font-size:12px;color:var(--muted)}.login-card input:not([type=checkbox]){width:100%;padding:12px;border:1px solid var(--line);background:var(--soft);color:var(--ink);border-radius:10px;font:inherit;outline-offset:2px}.login-card .button.full{justify-content:center;margin-top:3px;min-height:44px}.login-footnote{border-top:1px solid var(--line);padding-top:18px;color:var(--muted);font-size:11px;text-align:center}.login-footnote .dot{margin-right:6px}.login-wrap footer{font-size:10px;letter-spacing:1px;color:var(--muted)}.login-wrap footer span{margin:0 8px}
[data-theme=dark]{color-scheme:dark;--glass-rgb:20,32,52;--ink:#e4edf7;--muted:#b1bfd0;--line:rgba(210,230,255,.14);--soft:rgba(21,34,55,.42);--panel-solid:#1c2c43;--shadow:0 12px 35px #07101e25}[data-theme=dark] .badge.good{background:#164a3e;color:#9cdfc0}[data-theme=dark] .badge.warning{background:#4c3d23;color:#e5ca85}[data-theme=dark] .badge.bad{background:#542e38;color:#f0b4ba}[data-theme=dark] .badge.neutral{background:#34445b;color:#c2cfdf}[data-theme=dark] .icon-tile{background:var(--soft)}[data-theme=dark] .qr-illustration>svg{background:var(--soft);border-color:var(--line);color:#a0c6b5}[data-theme=dark] .inline-warning{background:#463c2bc9;color:#e6c994}[data-theme=dark] .error-banner{background:#512c3bc9;color:#f6bfc2}[data-theme=dark] .nav-item:hover{background:var(--soft);color:var(--ink)}[data-theme=dark] .log-number{color:#8396af}[data-theme=dark] .log-line.error .log-content{color:#e2a1a4}[data-theme=dark] .log-line.warning .log-content{color:#d3b879}[data-theme=dark] .log-line.success .log-content{color:#8ac4b0}[data-theme=dark] .form-message{color:#f0a9b1}
@supports not (backdrop-filter:blur(1px)){.card,.sidebar,.topbar,dialog,.login-card{background:rgba(var(--glass-rgb),.94)}}
@media(max-width:760px){.settings-dialog{padding:20px}.settings-tabs{top:-20px}.settings-bottom{bottom:-20px;flex-wrap:wrap}.settings-bottom .save-status{flex-basis:100%}.settings-grid{gap:13px}.setting-block{padding:15px}.heading-actions{justify-content:flex-start;gap:8px}.heading-actions .button{padding:7px 10px;font-size:11px}.session-button{font-size:10px;padding:5px 7px}.topbar-right{gap:7px}.topbar-right .zone,#clock{display:none}.card-top-actions .drag-handle{display:flex!important}.reorder-hint{font-size:10px}.drag-handle{width:25px}.login-card{padding:28px}.login-card h1{font-size:23px}.preset{height:55px;font-size:10px}.settings-dialog .dialog-heading h2{font-size:20px}}
@media(max-width:380px){.settings-grid{grid-template-columns:1fr}.page{padding-left:14px;padding-right:14px}.card-title-group{gap:8px}.card-top{gap:6px}.card-top-actions{gap:1px}}

/* Keep type independent from the translucent frame, including over busy photos. */
:root{--muted:#354b60;--readability-alpha:.36;--readability:rgba(var(--glass-rgb),var(--readability-alpha))}
[data-theme=dark]{--muted:#d1dbea}
.card{background-color:rgba(var(--glass-rgb),var(--glass-alpha));isolation:isolate}
.sidebar,.topbar,dialog{background:rgba(var(--glass-rgb),max(var(--glass-alpha),.92))}
.page-heading,.reorder-hint,.section-line,.page-footer{background:rgba(var(--glass-rgb),max(var(--glass-alpha),.86));backdrop-filter:blur(16px);border-radius:12px;padding:12px 16px}
.reorder-hint{padding:8px 12px}.section-line{padding:9px 12px}.page-footer{margin-top:20px}
.service-stats label,.sidebar-label,.brand small,.tz,.zone,.log-number,#chart-empty,.empty-mini,.empty-state p{color:var(--muted)}
.empty-state{background:rgba(var(--glass-rgb),.92);border-radius:var(--radius);padding:28px}
.nav-item.active{color:var(--ink);background:color-mix(in srgb,var(--accent) 16%,var(--panel-solid))}.nav-count{color:var(--ink);background:var(--soft)}
.card-top-actions{flex-shrink:0;gap:6px}.card-top-actions .drag-handle{display:inline-flex!important;width:36px;height:36px;flex-shrink:0;touch-action:none;cursor:grab;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;color:var(--ink);transition:background .18s,transform .18s}
.grip-dots{display:grid;grid-template-columns:repeat(2,3px);gap:3px;pointer-events:none}.grip-dots i{width:3px;height:3px;border-radius:50%;background:currentColor}
.drag-handle.pressing{background:var(--soft);transform:scale(.91)}.drag-handle:active{cursor:grabbing}.drag-handle[aria-expanded=true]{background:var(--soft);box-shadow:inset 0 0 0 1px var(--line)}
.card-menu{position:fixed;z-index:1000;width:210px;padding:7px;border:1px solid var(--line);border-radius:14px;background:var(--panel-solid);color:var(--ink);box-shadow:0 14px 50px #0c1b3838}
.card-menu button{width:100%;display:flex;align-items:center;gap:10px;padding:11px 12px;background:transparent;color:inherit;border:0;border-radius:8px;text-align:left;font-size:13px;min-height:44px}
.card-menu button:hover,.card-menu button:focus-visible{background:color-mix(in srgb,var(--accent) 12%,var(--panel-solid))}.card-menu svg{width:17px;height:17px}.card-menu p{font-size:10px;color:var(--muted);margin:6px 10px}
.sorting-cards,.sorting-cards *{cursor:grabbing!important;user-select:none!important;-webkit-user-select:none!important}.sorting-cards{overflow-anchor:none}.card-grid{overflow-anchor:none}
.card.drag-slot{background:color-mix(in srgb,var(--accent) 8%,transparent);border:2px dashed color-mix(in srgb,var(--accent) 65%,var(--panel-solid));box-shadow:inset 0 0 0 5px rgba(var(--glass-rgb),.14);backdrop-filter:none}
.card.drag-slot>*{visibility:hidden}.card.drag-preview{position:fixed!important;margin:0!important;z-index:9999;pointer-events:none!important;transform-origin:0 0;will-change:transform;box-shadow:0 24px 64px #0a1d4252,0 0 0 1px var(--line);transition:none!important;overflow:hidden;contain:layout style}
@media(prefers-reduced-motion:reduce){.card,.drag-handle{transition:none!important}}
@media(max-width:760px){.page-heading{padding:14px}.card-top-actions .drag-handle{width:40px;height:40px}.card-top-actions{gap:3px}.page-footer{padding:10px}.reorder-hint{line-height:1.8}}

.card::before{content:"";position:absolute;inset:8px;border-radius:max(4px,calc(var(--radius) - 6px));background:var(--readability);pointer-events:none;z-index:-1}.card.drag-slot::before{display:none}