:root{--bg:#f6f7f9;--surface:#fff;--border:#e3e6ea;--text:#1d2330;--muted:#6b7380;--accent:#c2185b;--accent-soft:#fce4ec;--ok:#2e7d32;--warn:#b26a00;--crit:#c62828;--mono:ui-monospace, "Cascadia Code", Consolas, monospace;color:var(--text);background:var(--bg);font-family:Segoe UI,system-ui,-apple-system,sans-serif;font-size:14px}*{box-sizing:border-box}body{margin:0}h1{align-items:center;gap:8px;margin:0;font-size:22px;display:flex}h2{margin:0 0 12px;font-size:15px}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}input,select,textarea,button{font:inherit;color:inherit}input,select,textarea{border:1px solid var(--border);background:var(--surface);border-radius:6px;padding:7px 10px}input:focus,select:focus,textarea:focus{outline:2px solid var(--accent-soft);border-color:var(--accent)}button{border:1px solid var(--border);background:var(--surface);cursor:pointer;border-radius:6px;padding:7px 12px}button:hover{border-color:var(--muted)}button:disabled{opacity:.55;cursor:not-allowed}button.primary{background:var(--accent);border-color:var(--accent);color:#fff}button.link{color:var(--accent);background:0 0;border:none;padding:0}button.danger,button.link.danger{color:#9b1c3c;border-color:#e7c3cf}button.link.danger{border:none}.tag{color:var(--accent);background:#f3e6ea;border-radius:4px;margin-left:8px;padding:1px 6px;font-size:12px;font-weight:650;display:inline-block}.muted{color:var(--muted)}.small{font-size:12px}.mono{font-family:var(--mono)}.nowrap{white-space:nowrap}.warn{color:var(--warn)}.crit{color:var(--crit)}.error{color:var(--crit);background:#fdecea;border-radius:6px;margin:8px 0;padding:8px 12px}.center{place-items:center;min-height:100vh;padding:16px;display:grid}.center-text{text-align:center;padding:24px!important}.layout{grid-template-columns:220px 1fr;min-height:100vh;display:grid}.sidebar{background:var(--surface);border-right:1px solid var(--border);flex-direction:column;height:100vh;padding:20px 12px;display:flex;position:sticky;top:0}.topbar,.sidebar-close,.nav-backdrop{display:none}.sidebar-head{justify-content:space-between;align-items:flex-start;gap:8px;display:flex}.brand{color:var(--text);align-items:center;gap:10px;padding:4px 10px 20px;font-size:17px;font-weight:700;display:flex}.menu-btn{flex-shrink:0;place-items:center;width:44px;height:44px;padding:0;font-size:28px;line-height:1;display:grid}.menu-icon,.menu-icon:before,.menu-icon:after{background:currentColor;border-radius:1px;width:18px;height:2px;display:block}.menu-icon{position:relative}.menu-icon:before,.menu-icon:after{content:"";position:absolute;left:0}.menu-icon:before{top:-6px}.menu-icon:after{top:6px}.sidebar-close{display:none}.brand img,.login-logo{border-radius:10px;width:36px;height:36px;display:block}.login-logo{border-radius:14px;width:56px;height:56px}.sidebar nav{flex-direction:column;gap:2px;display:flex}.sidebar nav a{color:var(--text);border-radius:6px;padding:8px 10px}.sidebar nav a:hover{background:var(--bg);text-decoration:none}.sidebar nav a.active{background:var(--accent-soft);color:var(--accent);font-weight:600}.sidebar-footer{border-top:1px solid var(--border);flex-direction:column;gap:4px;margin-top:auto;padding:10px;display:flex}.profile{flex-direction:column;gap:12px;max-width:420px;display:flex}.profile input[readonly]{background:var(--bg);color:var(--muted)}.content{width:100%;max-width:1400px;padding:24px 32px}.page-header{justify-content:space-between;align-items:baseline;gap:16px;margin-bottom:16px;display:flex}.header-actions{flex-shrink:0;align-items:center;gap:10px;display:flex}.notice-form textarea{width:100%;margin:8px 0 12px}.notice-result strong.accepted{color:var(--ok)}.notice-result strong.refused,.notice-result strong.failed{color:var(--crit)}.notice-result strong.pending,.notice-result strong.dismissed{color:var(--warn)}.breadcrumb{color:var(--muted);margin-bottom:6px;font-size:12px}.stats{color:var(--muted);gap:20px;display:flex}.stats b{color:var(--text);font-size:16px}.stats .warn b{color:var(--warn)}.toolbar{flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:12px;display:flex}.toolbar input:not([type=number]){flex:1;min-width:240px}.city h2{justify-content:space-between;align-items:baseline;gap:12px;display:flex}.city{margin-bottom:16px}.dept-row td{background:var(--bg);padding-top:0}.departments{padding:4px 0 8px}.departments h3{margin:8px 0;font-size:13px;font-weight:650}.card{background:var(--surface);border:1px solid var(--border);border-radius:8px;margin-bottom:16px;padding:16px}.form-row{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.form-row input,.form-row select{flex:1;min-width:160px}.access-actions{margin-top:12px}.checks{flex-wrap:wrap;align-items:center;gap:12px;margin-top:12px;display:flex}label{flex-direction:column;gap:4px;font-size:13px;display:flex}label.inline{flex-direction:row;align-items:center;gap:6px}label.inline input[type=number]{width:80px}.login{flex-direction:column;gap:14px;width:min(340px,100vw - 32px);display:flex}.login.wide{width:min(440px,100vw - 32px)}.login .qr{background:#fff;border-radius:12px;align-self:center;width:220px;height:220px}.secret-code,.recovery-list{font-family:var(--mono);letter-spacing:.08em}.recovery-list{grid-template-columns:1fr 1fr;gap:6px 12px;margin:0;padding:0;list-style:none;display:grid}.login h1{color:var(--accent)}.login p{margin:-8px 0 0}.download{flex-direction:column;gap:14px;width:min(420px,100vw - 32px);display:flex}.download h1{color:var(--accent)}.download p{margin:-8px 0 0}a.download-btn{text-align:center;background:var(--accent);color:#fff;border-radius:6px;padding:10px 14px;font-weight:650;text-decoration:none;display:inline-block}a.download-btn:hover{filter:brightness(.95);text-decoration:none}.steps{flex-direction:column;gap:6px;margin:0;padding-left:18px;display:flex}.table-scroll{-webkit-overflow-scrolling:touch;border:1px solid var(--border);background:var(--surface);border-radius:8px;width:100%;margin-bottom:16px;overflow-x:auto}.table{border-collapse:collapse;background:var(--surface);border:1px solid var(--border);border-radius:8px;width:100%;overflow:hidden}.table-scroll .table{border:none;border-radius:0;margin:0}.table th,.table td{text-align:left;border-bottom:1px solid var(--border);vertical-align:top;padding:9px 12px}.table th{color:var(--muted);background:#fafbfc;font-size:12px;font-weight:600}.table tr:last-child td{border-bottom:none}.table .num{text-align:right;font-variant-numeric:tabular-nums}.table td.detail{word-break:break-all;max-width:420px;color:var(--muted)}.dot{vertical-align:middle;border-radius:50%;flex-shrink:0;width:8px;height:8px;margin-right:8px;display:inline-block}.dot.on{background:var(--ok)}.dot.off{background:#b0b6bf}.metrics{grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:16px;display:grid}.metric{background:var(--surface);border:1px solid var(--border);border-radius:8px;padding:12px 16px}.metric-value{font-variant-numeric:tabular-nums;font-size:22px;font-weight:600}.usage-meter{justify-content:flex-end;align-items:center;gap:8px;min-width:140px;display:inline-flex}.usage-meter .bar{flex:none;width:72px}.sort-head{font:inherit;color:inherit;font-weight:600}.sort-head.active{color:var(--accent)}.tabs{border-bottom:1px solid var(--border);gap:4px;margin-bottom:16px;display:flex}.tabs button{color:var(--muted);background:0 0;border:none;border-bottom:2px solid #0000;border-radius:0;padding:8px 14px}.tabs button.active{color:var(--accent);border-bottom-color:var(--accent);font-weight:600}.grid2{grid-template-columns:1fr 1fr;gap:16px;display:grid}dl{grid-template-columns:160px 1fr;gap:8px 12px;margin:0 0 16px;display:grid}dl .dl-row{display:contents}dt{color:var(--muted)}dd{margin:0}.disk{margin-bottom:10px}.disk-label{margin-bottom:4px;font-size:13px}.bar{background:var(--bg);border-radius:4px;height:8px;overflow:hidden}.bar-fill{background:var(--ok);height:100%}.bar-fill.warn{background:var(--warn)}.bar-fill.crit{background:var(--crit)}.terminal-form textarea{resize:vertical;width:100%;margin-bottom:10px}.command-head{align-items:center;gap:10px;margin-bottom:8px;display:flex}.badge{background:var(--bg);color:var(--muted);border-radius:10px;padding:2px 8px;font-size:12px}.badge.done{color:var(--ok);background:#e8f5e9}.badge.sent,.badge.pending{color:var(--warn);background:#fff4e5}.badge.failed,.badge.offline{color:var(--crit);background:#fdecea}pre{white-space:pre-wrap;word-break:break-word;margin:0;font-size:12.5px}pre.script{color:var(--muted);margin-bottom:8px}pre.output{color:#e6e6e6;background:#1e1f24;border-radius:6px;max-height:420px;padding:10px 12px;overflow:auto}.remote-stage{position:relative}.remote-stage.dropping .remote-canvas{outline:3px dashed var(--accent);outline-offset:-3px}.remote-drop{z-index:2;background:color-mix(in srgb, var(--accent) 18%, transparent);color:var(--text);pointer-events:none;border-radius:6px;justify-content:center;align-items:center;font-weight:650;display:flex;position:absolute;inset:12px}.remote-canvas{cursor:default;touch-action:none;-webkit-user-select:none;user-select:none;background:#1e1f24;border-radius:6px;width:100%;height:auto;display:block}.remote-canvas.watching{cursor:default}.remote-canvas.controlling{cursor:crosshair}.remote-canvas:focus{outline:2px solid var(--accent)}.install{flex-direction:column;gap:6px;display:flex}.install-code{font-family:var(--mono);letter-spacing:.12em;font-size:22px;font-weight:700}.install code{background:var(--bg);word-break:break-all;border-radius:4px;padding:6px 8px}.row{align-items:center;gap:8px;display:flex}.page-lead{margin:4px 0 0}.fleet-header{align-items:center}.fleet-stats{grid-template-columns:repeat(6,minmax(0,1fr));gap:10px;margin-bottom:16px;display:grid}.fleet-stat{background:var(--surface);text-align:left;border-radius:12px;flex-direction:column;align-items:flex-start;gap:2px;padding:14px 16px;display:flex}.fleet-stat b{font-variant-numeric:tabular-nums;font-size:26px;line-height:1.1}.fleet-stat span{color:var(--muted);font-size:12px}.fleet-stat.active{border-color:var(--accent);background:var(--accent-soft)}.fleet-stat.ok b{color:var(--ok)}.fleet-stat.warn b{color:var(--warn)}.fleet-city{margin-bottom:22px}.fleet-city h2{justify-content:space-between;align-items:baseline;gap:12px;display:flex}.fleet-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:12px;display:grid}a.machine{color:inherit;background:var(--surface);border:1px solid var(--border);border-radius:12px;flex-direction:column;gap:6px;margin:0;padding:14px 16px;display:flex;box-shadow:inset 3px 0 #c5cad1}a.machine:hover{border-color:#e7b3c6;text-decoration:none}a.machine.online{box-shadow:inset 3px 0 0 var(--ok)}a.machine.alert{box-shadow:inset 3px 0 0 var(--crit)}a.machine.inactive{box-shadow:inset 3px 0 0 var(--accent)}.machine-top{align-items:center;gap:6px;display:flex}.machine-top .dot{margin-right:0}.machine-status{color:var(--muted);font-size:12px}.machine-viewers{color:var(--muted);background:#eef1f5;border-radius:999px;align-items:center;gap:4px;margin-left:auto;padding:2px 8px;font-size:12px;font-weight:650;line-height:18px;display:inline-flex}.machine-viewers svg{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;width:15px;height:15px}.machine-viewers.on{background:var(--accent-soft);color:var(--accent)}.machine-name{font-size:16px;font-weight:650}.machine-place{font-size:13px}.meters{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:6px;display:grid}.meter-label{color:var(--muted);justify-content:space-between;gap:6px;margin-bottom:4px;font-size:11px;display:flex}.meter-label b{color:var(--text);font-variant-numeric:tabular-nums}.meter-label b.warn{color:var(--warn)}.meter-label b.crit{color:var(--crit)}.meter .bar{height:4px}.fleet-empty{color:var(--muted)}@media (width<=980px){.fleet-stats,.org-stats{grid-template-columns:repeat(2,minmax(0,1fr))}}.org-stats{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-bottom:16px;display:grid}.org-stat{background:var(--surface);border:1px solid var(--border);border-radius:12px;flex-direction:column;align-items:flex-start;gap:2px;padding:14px 16px;display:flex}.org-stat b{font-variant-numeric:tabular-nums;font-size:26px;line-height:1.1}.org-stat span{color:var(--muted);font-size:12px}.org-city-head{justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;display:flex}.org-city-head h2{margin:0}.org-city-meta{flex-shrink:0;align-items:center;gap:10px;display:flex}.org-grid{grid-template-columns:repeat(auto-fit,minmax(320px,1fr));align-items:start;gap:12px;display:grid}.org-branch{background:var(--surface);border:1px solid var(--border);border-radius:12px;flex-direction:column;gap:12px;margin:0;padding:16px;display:flex}.org-branch-head{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.org-branch h3{margin:2px 0 0;font-size:16px;font-weight:650}.org-code{font-family:var(--mono);letter-spacing:.04em;color:var(--accent);font-size:12px;font-weight:700}.org-count{white-space:nowrap;flex-shrink:0;align-items:baseline;gap:4px;display:inline-flex}.org-count b{font-variant-numeric:tabular-nums;font-size:18px;line-height:1}.org-count span{color:var(--muted);font-size:12px}.org-count.zero b{color:var(--muted);font-weight:600}.org-dept-title{align-items:baseline;gap:8px;display:flex}.org-kicker{letter-spacing:.04em;text-transform:uppercase;color:var(--muted);margin-bottom:4px;font-size:11px;font-weight:650}.org-depts{border-top:1px solid var(--border);padding-top:10px}.org-depts ul{margin:0;padding:0;list-style:none}.org-depts li{border-bottom:1px solid var(--border);padding:10px 0}.org-depts li:last-child{border-bottom:none;padding-bottom:0}.org-place-row{justify-content:space-between;align-items:center;gap:10px;display:flex}.org-place-main{flex-direction:column;gap:1px;min-width:0;display:flex}.org-empty{margin:4px 0 0}.org-install{background:var(--bg);border-radius:10px;flex-direction:column;gap:8px;margin-top:10px;padding:12px;display:flex}.org-install .row{flex-wrap:wrap}.org-add{align-self:flex-start}.org-form{flex-direction:column;gap:10px;max-width:420px;display:flex}.org-form-inline{background:var(--bg);border-radius:12px;grid-template-columns:minmax(110px,160px) minmax(160px,1fr) auto;align-items:end;gap:10px;margin-bottom:12px;padding:12px;display:grid}.org-form-inline .error,.org-form .error{grid-column:1/-1}@media (width<=720px){.org-city-head,.org-place-row{flex-direction:column;align-items:flex-start}.org-form-inline{grid-template-columns:1fr}}@media (width<=980px){.dash-kpis,.org-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.dash-grid,.dash-row{grid-template-columns:1fr}.dash-reasons{justify-content:flex-start}}.dash-kpis{grid-template-columns:repeat(6,minmax(0,1fr));gap:10px;margin-bottom:16px;display:grid}a.dash-kpi{background:var(--surface);border:1px solid var(--border);color:inherit;border-radius:12px;flex-direction:column;align-items:flex-start;gap:2px;padding:14px 16px;display:flex}a.dash-kpi:hover{border-color:#e7b3c6;text-decoration:none}a.dash-kpi b{font-variant-numeric:tabular-nums;font-size:26px;line-height:1.1}a.dash-kpi span{color:var(--muted);font-size:12px}a.dash-kpi.ok b{color:var(--ok)}a.dash-kpi.warn b{color:var(--warn)}a.dash-kpi.crit b{color:var(--crit)}.dash-grid{grid-template-columns:minmax(0,1.4fr) minmax(280px,.9fr);align-items:start;gap:16px;display:grid}.dash-panel{background:var(--surface);border:1px solid var(--border);border-radius:12px;margin:0 0 16px;padding:16px}.dash-panel h2{justify-content:space-between;align-items:baseline;gap:12px;margin-bottom:4px;display:flex}.dash-panel h2 a{font-size:12px;font-weight:600}.dash-row{border-top:1px solid var(--border);color:inherit;grid-template-columns:minmax(0,1fr) auto;gap:4px 12px;padding:10px 0;display:grid}a.dash-row:hover{text-decoration:none}.dash-row-name{font-weight:650}.dash-reasons{flex-wrap:wrap;place-content:center flex-end;gap:6px;display:flex}.dash-reason{background:var(--bg);color:var(--muted);white-space:nowrap;border-radius:10px;padding:2px 8px;font-size:12px}.dash-reason.warn{color:var(--warn);background:#fff4e5}.dash-reason.crit{color:var(--crit);background:#fdecea}.dash-city{padding-top:10px}a.dash-city{color:inherit;display:block}a.dash-city:hover{text-decoration:none}.dash-city-top{justify-content:space-between;gap:8px;margin-bottom:4px;font-size:13px;display:flex}.dash-split{border-top:1px solid var(--border);color:inherit;justify-content:space-between;gap:12px;padding:8px 0;display:flex}a.dash-split:hover{text-decoration:none}.dash-quiet{margin:8px 0 0}.dash-charts{grid-template-columns:minmax(260px,.7fr) minmax(0,1.4fr);align-items:start;gap:16px;margin-bottom:16px;display:grid}.dash-charts .dash-panel{margin-bottom:0}.chart-donut{flex-shrink:0;width:160px;height:160px}.chart-donut-value{fill:var(--text);font-size:28px;font-weight:700}.chart-donut-label,.chart-axis{fill:var(--muted);font-size:11px}.chart-grid{stroke:var(--border);stroke-width:1px}.chart-line{width:100%;height:auto;display:block}.chart-donut-wrap{align-items:center;gap:16px;margin-top:8px;display:flex}.chart-legend{flex-direction:column;flex:1;gap:6px;margin:0;padding:0;list-style:none;display:flex}.chart-legend a,.chart-legend-inline span{color:inherit;align-items:center;gap:8px;display:flex}.chart-legend a:hover{text-decoration:none}.chart-legend i,.chart-legend-inline i{border-radius:50%;flex-shrink:0;width:10px;height:10px;display:inline-block}.chart-legend b{font-variant-numeric:tabular-nums;margin-left:auto}.chart-legend-inline{color:var(--muted);flex-wrap:wrap;gap:12px;margin-top:8px;font-size:12px;display:flex}.chart-switch{border:1px solid var(--border);border-radius:8px;display:inline-flex;overflow:hidden}.chart-switch button{color:var(--muted);background:0 0;border:none;border-radius:0;padding:4px 10px}.chart-switch button.active{background:var(--accent-soft);color:var(--accent);font-weight:650}.chart-bars{flex-direction:column;gap:10px;margin-top:8px;display:flex}.chart-bar-row{color:inherit;grid-template-columns:120px minmax(0,1fr) 28px;align-items:center;gap:8px;display:grid}a.chart-bar-row:hover{text-decoration:none}.chart-bar-label{font-size:13px;font-weight:650}.chart-bar-track{background:var(--bg);border-radius:7px;height:14px;display:flex;overflow:hidden}.chart-bar-fill{height:100%}.chart-bar-n{text-align:right;font-variant-numeric:tabular-nums;color:var(--muted);font-size:12px}.chart-cols{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:12px;display:grid}.chart-col-bars{justify-content:center;align-items:flex-end;gap:8px;height:120px;display:flex}.chart-col{flex-direction:column;justify-content:flex-end;align-items:center;gap:4px;width:28px;height:100%;display:flex}.chart-col b{font-variant-numeric:tabular-nums;font-size:12px}.chart-col-track{background:var(--bg);border-radius:6px;flex:1;align-items:flex-end;width:100%;display:flex;overflow:hidden}.chart-col-track div{border-radius:6px 6px 0 0;width:100%}.dash-charts.even{grid-template-columns:1fr 1fr}@media (width<=980px){.dash-charts,.dash-charts.even{grid-template-columns:1fr}.chart-donut-wrap,.chart-bar-row{align-items:flex-start}}.chart-col-title{text-align:center;margin-top:6px;font-size:12px;font-weight:650}@media (width<=860px){body:has(.nav-open){overflow:hidden}.layout{min-height:100vh;display:block}.topbar{z-index:20;height:56px;padding:max(6px, env(safe-area-inset-top)) 8px 6px max(8px, env(safe-area-inset-left));background:var(--surface);border-bottom:1px solid var(--border);align-items:center;gap:8px;display:flex;position:sticky;top:0}.topbar .brand{padding:0;font-size:16px}.topbar .brand img{width:32px;height:32px}.nav-backdrop{z-index:30;background:#14182073;border:none;border-radius:0;padding:0;display:block;position:fixed;inset:0}.sidebar{z-index:40;width:min(300px,88vw);height:100dvh;padding-top:max(16px, env(safe-area-inset-top));padding-bottom:max(16px, env(safe-area-inset-bottom));box-shadow:none;transition:transform .2s;position:fixed;top:0;left:0;transform:translate(-105%)}.nav-open .sidebar{transform:none;box-shadow:8px 0 28px #1418202e}.sidebar-close{margin-top:2px;display:grid}.sidebar nav a,.sidebar-footer .link{align-items:center;min-height:44px;display:flex}.content{padding:16px max(16px, env(safe-area-inset-right)) max(28px, env(safe-area-inset-bottom)) max(16px, env(safe-area-inset-left));max-width:none}h1{flex-wrap:wrap;font-size:20px}.page-header,.fleet-header{flex-direction:column;align-items:stretch;gap:10px}.header-actions,.row,.access-actions,.command-head{flex-wrap:wrap}.dash-kpis,.fleet-stats,.org-stats,.metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.dash-grid,.dash-charts,.dash-charts.even,.grid2,.fleet-grid,.org-grid,.dash-row{grid-template-columns:minmax(0,1fr)}.dash-reasons{justify-content:flex-start}.dash-panel h2,.fleet-city h2,.org-city-head,.org-place-row,.dash-split{flex-wrap:wrap;align-items:flex-start}.org-city-head,.org-place-row{flex-direction:column}.org-form-inline{grid-template-columns:1fr}.toolbar input:not([type=number]){flex-basis:100%;min-width:0}.form-row{flex-direction:column;align-items:stretch}.form-row input,.form-row select,.form-row button{width:100%;min-width:0}dl{grid-template-columns:minmax(0,1fr);gap:2px}dt{margin-top:10px}.tabs{flex-wrap:nowrap;overflow-x:auto}.tabs button{flex:none;min-height:44px}.table-scroll .table{min-width:560px}.chart-donut-wrap{flex-direction:column;align-items:flex-start}.chart-bar-row{grid-template-columns:minmax(0,92px) minmax(0,1fr) 28px;align-items:center}.chart-bar-label,.machine-name,.dash-row-name,.breadcrumb{overflow-wrap:anywhere}.install-code{letter-spacing:.06em;overflow-wrap:anywhere;font-size:18px}a.dash-kpi,.fleet-stat,.org-stat,.metric{padding:12px}a.dash-kpi b,.fleet-stat b,.org-stat b{font-size:22px}.profile,.org-form{max-width:none}}.remote-view{position:relative}.remote-idle{aspect-ratio:16/9;border:1px solid var(--border);background:radial-gradient(circle at 50% 38%, var(--accent-soft), transparent 42%), linear-gradient(180deg, #fbfcfd, #f3f5f8);text-align:center;border-radius:8px;flex-direction:column;justify-content:center;align-items:center;gap:10px;width:100%;min-height:280px;max-height:70vh;padding:28px 20px;display:flex}.remote-idle-title{margin:8px 0 0;font-weight:650}.remote-idle .muted{max-width:36rem;margin:0}.remote-idle-monitor{flex-direction:column;align-items:center;width:min(240px,70%);display:flex}.remote-idle-screen{aspect-ratio:16/10;background:#fff;border:2px solid #d5dbe3;border-radius:12px;width:100%;position:relative;overflow:hidden;box-shadow:0 12px 28px #1d23300f}.remote-idle-glow{background:var(--accent);opacity:.16;filter:blur(10px);border-radius:50%;animation:2.8s ease-in-out infinite remote-idle-breathe;position:absolute;inset:22%}.remote-idle-scan{display:none}.remote-idle.waiting .remote-idle-scan{background:var(--accent);height:2px;box-shadow:0 0 12px var(--accent);border-radius:2px;animation:1.5s ease-in-out infinite remote-idle-scan;display:block;position:absolute;left:8%;right:8%}.remote-idle-stand{background:#d5dbe3;border-radius:0 0 8px 8px;width:38%;height:8px;margin-top:6px}@keyframes remote-idle-breathe{0%,to{opacity:.12;transform:scale(.82)}50%{opacity:.32;transform:scale(1)}}@keyframes remote-idle-scan{0%{top:12%}to{top:82%}}@media (prefers-reduced-motion:reduce){.remote-idle-glow,.remote-idle-scan{animation:none}}.remote-stage.expanded .remote-idle{aspect-ratio:auto;flex:auto;min-height:0;max-height:none}.remote-frame{width:100%;line-height:0;position:relative}.remote-cursor{border:2px solid var(--accent);pointer-events:none;z-index:2;border-radius:50%;width:22px;height:22px;margin:-11px 0 0 -11px;position:absolute;box-shadow:0 0 0 2px #fff}.remote-dock,.remote-keys{display:none}.remote-stage.expanded{z-index:80;box-sizing:border-box;background:var(--bg);height:100%;padding:max(8px, env(safe-area-inset-top)) 8px max(8px, env(safe-area-inset-bottom));flex-direction:column;gap:8px;display:flex;position:fixed;inset:0;overflow:hidden}.remote-stage.expanded .remote-view{flex:auto;justify-content:center;align-items:center;min-height:0;display:flex}.remote-stage.expanded .remote-frame{width:auto;min-width:0;max-width:100%;min-height:0;max-height:100%}.remote-stage.expanded .remote-canvas{width:auto;max-width:100%;max-height:100%}.remote-stage.remote-turn{transform-origin:0 0;width:100vh;height:100vw;inset:0 auto auto 100vw;transform:rotate(90deg)}.remote-turn-hint{color:var(--accent);margin:0;font-size:13px;font-weight:650}body:has(.remote-stage.expanded){overflow:hidden}@media (width<=860px),(pointer:coarse){.remote-phone .remote-toolbar{flex-wrap:nowrap;padding-bottom:4px;overflow-x:auto}.remote-phone .remote-toolbar button,.remote-dock button,.remote-key-row button{flex:none;min-height:44px}.remote-dock,.remote-keys{flex-direction:column;gap:6px;display:flex}.remote-dock-row,.remote-key-row{flex-wrap:wrap;gap:6px;display:flex}.remote-key-row button,.remote-dock-row button{flex:4.5rem;min-width:0;padding:8px 4px}.remote-space{flex:2 1 0}.remote-key-capture{opacity:0;border:0;width:1px;height:1px;padding:0;font-size:16px;position:absolute}.remote-stage{touch-action:none;-webkit-touch-callout:none}}.remote-stage.expanded .remote-dock,.remote-stage.expanded .remote-keys{flex-direction:column;gap:6px;display:flex}.remote-stage.expanded .remote-dock-row,.remote-stage.expanded .remote-key-row{flex-wrap:wrap;gap:6px;display:flex}.remote-stage.expanded .remote-toolbar{flex-wrap:nowrap;margin-bottom:0;overflow-x:auto}.remote-stage.expanded .remote-key-capture{opacity:0;border:0;width:1px;height:1px;padding:0;font-size:16px;position:absolute}.remote-android .remote-stage{touch-action:auto;grid-template-columns:minmax(0,1fr) 320px;align-items:start;gap:18px;display:grid}.remote-android .remote-view{border:1px solid var(--border);background:radial-gradient(circle at 50% 0%, var(--accent-soft), transparent 55%), linear-gradient(180deg, #fbfcfd, #eef1f5);border-radius:16px;justify-content:center;align-items:flex-start;min-width:0;padding:22px;display:flex}.remote-android .remote-frame{background:#15171c;border-radius:38px;width:fit-content;max-width:100%;padding:12px;box-shadow:inset 0 0 0 2px #2b2e36,0 22px 44px #14182038}.remote-android .remote-canvas{background:#000;border-radius:26px;width:280px}.remote-android .remote-canvas:focus{outline:2px solid var(--accent);outline-offset:4px}.remote-android .remote-idle{aspect-ratio:auto;background:0 0;border:0;min-height:460px;max-height:none;padding:12px}.remote-idle-phone{background:#e6e9ee;border-radius:30px;width:170px;padding:8px;box-shadow:0 16px 34px #1d23301a}.remote-idle-phone .remote-idle-screen{aspect-ratio:9/19;box-shadow:none;border:0;border-radius:23px}.remote-idle-phone .remote-idle-glow{aspect-ratio:1;inset:34% 18% auto}.phone-panel{border:1px solid var(--border);background:var(--surface);border-radius:16px;flex-direction:column;gap:16px;padding:16px;display:flex;position:sticky;top:16px;box-shadow:0 8px 24px #1d23300d}.phone-panel-head{flex-direction:column;gap:10px;display:flex}.phone-panel button{width:100%}.phone-state{color:var(--muted);background:#eef1f5;border-radius:999px;align-self:flex-start;align-items:center;gap:8px;padding:5px 12px;font-size:13px;font-weight:650;display:inline-flex}.phone-state:before{content:"";background:currentColor;border-radius:50%;width:8px;height:8px}.phone-state.live{color:#1f8a4c;background:#e6f6ec}.phone-state.wait{color:#b86e00;background:#fff4e0}.phone-state.off{color:#9aa1ab}.phone-state.live:before,.phone-state.wait:before{animation:1.6s ease-in-out infinite phone-pulse}@keyframes phone-pulse{50%{opacity:.35}}.phone-control.on{border-color:var(--accent);background:var(--accent-soft);color:var(--accent)}.phone-section h3{color:var(--muted);letter-spacing:.05em;text-transform:uppercase;margin:0 0 8px;font-size:12px;font-weight:650}.phone-nav{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.phone-nav+.phone-nav{margin-top:8px}.phone-nav.two{grid-template-columns:repeat(2,minmax(0,1fr))}.phone-nav button{flex-direction:column;justify-content:center;align-items:center;gap:4px;min-height:42px;padding:8px 6px;font-size:13px;display:flex}.phone-nav svg{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;width:20px;height:20px}.phone-type{gap:8px;display:flex}.phone-type input{flex:auto;min-width:0}.phone-type button{width:auto}.phone-type+.phone-nav{margin-top:8px}.phone-quality{flex-direction:row;align-items:center;gap:10px;margin-bottom:8px;font-size:13px;display:flex}.phone-quality input{flex:auto;min-width:0}.phone-panel .error,.phone-panel p{margin:0}.phone-hint{color:var(--muted);font-size:12px;line-height:1.45}.remote-android .remote-stage.expanded{grid-template-rows:minmax(0,1fr);grid-template-columns:minmax(0,1fr) 300px;display:grid}.remote-android .remote-stage.expanded .remote-view{align-items:center;height:100%;padding:12px}.remote-android .remote-stage.expanded .remote-frame{max-height:100%}.remote-android .remote-stage.expanded .phone-panel{max-height:100%;position:static;overflow-y:auto}@media (width<=860px){.remote-android .remote-stage,.remote-android .remote-stage.expanded{grid-template-columns:minmax(0,1fr)}.remote-android .remote-stage.expanded{grid-template-rows:minmax(0,1fr) auto}.remote-android .remote-view{padding:14px}.remote-android .remote-idle{min-height:340px}.phone-panel{position:static}.remote-android .remote-stage.expanded .phone-panel{max-height:38vh}.phone-nav button{min-height:46px}}