/* Wired West Remote: warm glass, compact computers, and one clear next action. */
:root{--ink:#30231b;--muted:#756254;--navy:#38261c;--teal:#9e5026;--teal-dark:#7b3d1e;--mint:#dfaa73;--line:#9a755b2d;--surface:#fffcf4dd;--background:#eee5d6;--red:#a53232;--glass:#fffaf1b8;--glass-strong:#fffaf1e6;--glass-side:#f9f0e2bb;--hover:#bd744516;--accent-soft:#c8804424;--shadow:0 22px 70px #4e372b1f;--field:#fffcf6c9;--row:#fffdf696;--row-hover:#fffaf1e8;--online:#267356;--online-soft:#317e5c1c;--focus:#c1743b;--glass-highlight:#ffffffb3;font-family:"Segoe UI",Inter,Arial,sans-serif;background:var(--background);color:var(--ink)}
:root[data-theme=light]{--background:#f4e8d6;--glass:#fff8edf2;--glass-strong:#fffaf3;--glass-side:#f8edddf0;--surface:#fffaf3;--field:#fffdf8;--row:#fffcf7;--row-hover:#f8eedf;--glass-highlight:#fff}
:root[data-theme=midnight]{--ink:#f5e7d8;--muted:#c1a996;--navy:#f1d7bb;--teal:#eaa16d;--teal-dark:#f3b785;--mint:#eaa16d;--line:#dab28d2c;--surface:#2c211be8;--background:#15100d;--glass:#261c17c9;--glass-strong:#30231deb;--glass-side:#211812dc;--hover:#cf986821;--accent-soft:#cf7a4131;--field:#211913eb;--row:#35271bb3;--row-hover:#493321;--online:#83d3a6;--online-soft:#58a57c20;--red:#ff9b93;--focus:#eaa16d;--shadow:0 24px 70px #0007;--glass-highlight:#ecc8a71f}
:root[data-theme=sunset]{--ink:#412518;--muted:#80553f;--teal:#8b4322;--teal-dark:#693216;--background:#e7b98f;--glass:#fff0dcb9;--glass-strong:#fff3e5e8;--glass-side:#fbe5cbc4;--surface:#fff5e8d9;--field:#fff7ece6;--row:#fff2e2b0;--row-hover:#fff8ede8;--line:#a664382f;--accent-soft:#a9582b23;--glass-highlight:#fffaf0c9}
body{font-size:14px;min-height:100dvh;background:radial-gradient(ellipse at 2% 0%,#eff7f2 0,transparent 42%),radial-gradient(ellipse at 98% 15%,#dba27365 0,transparent 52%),radial-gradient(ellipse at 60% 90%,#a4c6d44a 0,transparent 45%),var(--background);background-attachment:fixed}
:root[data-theme=midnight] body{background:radial-gradient(ellipse at 95% 2%,#72412364 0,transparent 44%),radial-gradient(ellipse at 20% 100%,#24443b60 0,transparent 42%),var(--background)}
:root[data-theme=sunset] body{background:radial-gradient(ellipse at 2% 0%,#fde4bb 0,transparent 55%),radial-gradient(ellipse at 98% 10%,#be705875 0,transparent 46%),radial-gradient(ellipse at 65% 90%,#e3ac7c75 0,transparent 50%),var(--background)}
a{color:var(--teal)}button,input,select,textarea{font:inherit}input,select,textarea{background:var(--field);border-color:var(--line);color:var(--ink);border-radius:10px;min-height:41px}input::placeholder,textarea::placeholder{color:var(--muted);opacity:.85}input[type=checkbox],input[type=radio]{accent-color:var(--teal)}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline:3px solid var(--focus);outline-offset:3px}button:disabled{opacity:.48}.icon{width:20px;height:20px;flex:0 0 auto}.button{font-size:13px;min-height:39px;border-radius:11px;background:var(--glass-strong);border-color:var(--line);color:var(--ink);box-shadow:inset 0 1px var(--glass-highlight);transition:background .17s,border-color .17s,box-shadow .17s}.button:hover:not(:disabled){background:var(--hover);border-color:var(--teal)}.button.primary{background:linear-gradient(160deg,#b96532,#8b4a25);border-color:#8b4a25;color:#fff9ef;box-shadow:inset 0 1px #ffe8c844,0 4px 14px #6c3b2120}.button.primary:hover:not(:disabled){background:linear-gradient(160deg,#c47740,#8b4a25)}.button.danger{background:#a53232;color:#fff}.button.danger-subtle{background:var(--glass-strong);border-color:var(--line);color:var(--red)}.button.danger-subtle:hover{background:var(--hover);border-color:var(--red)}.text-button{background:transparent;box-shadow:none}.button.icon-button{width:36px;height:36px;min-height:36px;padding:8px}.button.compact{min-height:32px}.eyebrow{color:var(--teal);letter-spacing:1.7px;font-size:10px}.tag,.version-tag{color:var(--muted);border-color:var(--line);background:var(--glass)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}[hidden]{display:none!important}
.boot-logo{width:270px;max-width:75vw;height:auto}.app-shell{display:flex;max-width:1536px;min-height:calc(100dvh - 36px);margin:18px auto;border:1px solid var(--glass-highlight);border-radius:23px;background:var(--glass);box-shadow:var(--shadow),inset 0 1px var(--glass-highlight);overflow:hidden;backdrop-filter:blur(28px) saturate(1.15)}.sidebar{position:relative;top:auto;left:auto;flex:0 0 235px;width:235px;height:auto;min-height:calc(100dvh - 36px);padding:31px 20px 20px;background:var(--glass-side);border-right:1px solid var(--line);backdrop-filter:blur(22px)}.brand{display:flex;align-items:flex-end;gap:9px;color:var(--ink);letter-spacing:0}.brand img{display:block;width:158px;height:auto;max-width:100%;filter:none}.brand>span{display:block;font-size:8px;line-height:1;font-weight:800;letter-spacing:2px;margin-bottom:4px;color:var(--teal)}.sidebar-brand .brand{display:block;padding:0}.sidebar-brand .brand img{width:177px}.sidebar-brand .brand>span{margin:9px 0 0 3px;letter-spacing:3.2px;font-size:9px}.workspace-label{margin:30px 0 19px;border-color:var(--line);background:var(--glass);border-radius:12px;padding:11px 9px}.workspace-avatar{background:var(--accent-soft);color:var(--teal);border-radius:9px;width:33px;height:33px;flex:0 0 auto}.workspace-label>div{min-width:0}.workspace-label strong{font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.workspace-label>div>span{font-size:10px;color:var(--muted);margin-top:3px}.sidebar nav{gap:6px}.nav-item{color:var(--muted);font-size:13px;padding:12px 11px;border-radius:11px;min-height:44px}.nav-item:hover{background:var(--hover);color:var(--ink)}.nav-item.active{background:var(--accent-soft);color:var(--teal);box-shadow:inset 0 1px var(--glass-highlight)}.nav-count{background:var(--glass-strong);color:var(--teal);font-size:11px;border-radius:5px}.sidebar-add{margin-top:22px;width:100%;font-size:12px}.sidebar-bottom{margin-top:auto;padding-top:40px}.help-link{color:var(--muted);font-size:11px;margin:15px 5px 23px}.profile{background:transparent;border-top-color:var(--line);padding:17px 2px 0;gap:9px}.profile-avatar{background:var(--accent-soft);color:var(--teal);border:1px solid var(--line);width:34px;height:34px;flex:0 0 auto}.profile>span:not(.profile-avatar){min-width:0}.profile strong{font-size:12px;max-width:136px;color:var(--ink)}.profile small{font-size:10px;max-width:136px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.profile>.icon{color:var(--muted)}.workspace{margin-left:0;min-height:calc(100dvh - 36px)}.topbar{height:67px;padding:0 29px;background:var(--glass);border-color:var(--line);gap:15px;flex:0 0 auto}.breadcrumb{color:var(--muted);font-size:12px;gap:10px;min-width:0;align-items:center}.breadcrumb>span{color:var(--muted)}.breadcrumb strong{color:var(--ink);font-weight:600}.breadcrumb-divider{opacity:.45}.topbar-right{gap:14px}.server-status{color:var(--muted);font-size:11px;white-space:nowrap}.server-status i{width:6px;height:6px;background:var(--online);box-shadow:0 0 0 4px var(--online-soft)}.topbar-help{font-size:11px;background:transparent;min-height:31px;padding:6px 9px;box-shadow:none}.topbar-help .icon{width:16px;height:16px}.main-content{padding:29px 30px 30px;max-width:1360px}.page-heading{margin-bottom:24px}.page-heading h1{font-size:30px;letter-spacing:-1.2px}.page-heading p:last-child{font-size:13px;color:var(--muted);margin-top:7px}.page-heading>.button{font-size:12px;padding:10px 15px}.workspace-footer{background:transparent;color:var(--muted);border-top:1px solid var(--line);font-size:9px;padding:15px 29px;letter-spacing:.25px}.workspace-footer>span{display:flex;align-items:center;gap:6px}.workspace-footer .icon{width:13px;height:13px;color:var(--teal)}
.computer-library{background:var(--glass);border:1px solid var(--line);border-radius:17px;box-shadow:0 8px 26px #4e372b08;overflow:hidden}.computer-toolbar{display:flex;gap:20px;align-items:center;justify-content:space-between;padding:16px 19px;border-bottom:1px solid var(--line)}.library-tabs{display:flex;align-items:center;gap:5px;flex:0 0 auto}.library-tabs button{border:0;background:transparent;color:var(--muted);padding:10px 12px;font-size:12px;display:flex;align-items:center;gap:8px;border-radius:10px;font-weight:600}.library-tabs button.active{background:var(--accent-soft);color:var(--teal)}.library-tabs button:hover{background:var(--hover)}.library-tabs .icon{width:16px;height:16px}.library-tabs button>span{font-size:10px;background:var(--glass-strong);padding:1px 6px;border-radius:5px;min-width:20px;text-align:center}.search-field{width:min(335px,42%);height:40px;margin:0;background:var(--field);border:1px solid var(--line);border-radius:11px}.search-field>.icon{margin-left:12px;width:17px;height:17px;color:var(--muted)}.search-field input{background:transparent;border:0;min-height:38px;padding:10px 12px;font-size:12px}.library-filterbar{display:flex;justify-content:space-between;align-items:center;gap:15px;padding:10px 19px;background:var(--glass)}.device-filters{display:flex;align-items:center;gap:9px;min-width:0}.device-filters select{font-size:11px;max-width:160px;min-height:34px;padding:7px 29px 7px 10px;background:var(--glass-strong);border-color:var(--line)}.results-label{margin:0 0 0 5px;font-size:10px;color:var(--muted);white-space:nowrap}.library-view-tools{display:flex;align-items:center;gap:9px}.view-switch{display:flex;border:1px solid var(--line);padding:3px;background:var(--glass);border-radius:9px}.view-switch button{width:29px;height:27px;border-radius:6px;background:transparent;color:var(--muted);border:0}.view-switch button.active{background:var(--accent-soft);color:var(--teal)}.view-switch .icon{width:16px;height:16px}.refresh-computers{background:transparent;box-shadow:none;border:0}.refresh-computers .icon{width:17px;height:17px}.device-area{display:block;padding:0 14px 14px;margin:0}.computer-group{margin-top:7px;border-radius:11px;overflow:hidden;border:1px solid var(--line);background:var(--row)}.computer-group>summary{list-style:none;cursor:pointer;display:flex;align-items:center;gap:8px;font-size:12px;padding:11px 13px;background:var(--glass);user-select:none}.computer-group>summary::-webkit-details-marker{display:none}.computer-group>summary>.icon{width:16px;height:16px;color:var(--teal)}.group-chevron{display:flex;color:var(--muted)}.group-chevron>.icon{width:13px;height:13px;transform:rotate(0deg);transition:transform .17s}.computer-group[open]>summary .group-chevron>.icon{transform:rotate(90deg)}.computer-group>summary strong{font-weight:650}.group-count{color:var(--muted);font-size:10px;border-radius:5px;background:var(--glass-strong);padding:1px 6px}.group-online{font-size:10px;color:var(--muted);margin-left:auto}.computer-group-content{display:block}.computer-row{display:flex;align-items:center;gap:14px;padding:13px 15px;min-height:75px;border-top:1px solid var(--line);background:transparent;transition:background .15s}.computer-row:hover{background:var(--row-hover)}.favorite-button{display:flex;justify-content:center;align-items:center;width:25px;height:32px;border:0;background:transparent;color:var(--muted);border-radius:7px;flex:0 0 auto;padding:3px}.favorite-button .icon{width:17px;height:17px}.favorite-button:hover{background:var(--hover);color:var(--teal)}.favorite-button.is-favorite{color:var(--teal)}.favorite-button.is-favorite .icon{fill:var(--accent-soft)}.computer-os-icon{position:relative;display:block;width:53px;height:46px;flex:0 0 auto;filter:drop-shadow(0 3px 3px #48281812)}.computer-os-icon>svg{display:block;width:53px;height:44px;overflow:visible}.monitor-shell{fill:var(--field);stroke:#927663;stroke-width:1.7}.monitor-stand{fill:none;stroke:#927663;stroke-width:2;stroke-linecap:round}.os-glyph{fill:var(--teal)}.os-windows .os-glyph{fill:#418da4}.os-mac .os-glyph{fill:#6d625b}.os-linux .os-glyph{fill:#695444}.penguin-belly,.penguin-eye{fill:#fff8ed}.penguin-beak{fill:#c78334}.presence-dot{position:absolute;right:1px;bottom:6px;width:10px;height:10px;border:2px solid var(--glass-strong);border-radius:50%;box-shadow:0 1px 4px #0002}.presence-dot.online{background:var(--online)}.presence-dot.offline{background:var(--muted)}.is-offline .computer-os-icon{opacity:.56;filter:grayscale(.5)}.computer-info{flex:1;min-width:0}.computer-info h2{font-size:13px;font-weight:600;letter-spacing:0;color:var(--ink);overflow-wrap:anywhere}.computer-info p{display:flex;align-items:center;gap:10px;color:var(--muted);font-size:10px;margin-top:3px;line-height:1.5;overflow-wrap:anywhere}.computer-card-group{display:none;align-items:center;gap:3px}.computer-card-group>.icon{width:12px;height:12px}.computer-status{flex:0 0 116px;display:flex;flex-direction:column;gap:3px;color:var(--muted);font-size:10px}.computer-status-label{color:var(--online);font-size:11px;font-weight:600}.is-offline .computer-status-label{color:var(--muted)}.computer-actions{display:flex;align-items:center;gap:9px;flex:0 0 auto}.computer-actions .connect-button{font-size:11px;min-height:33px;padding:7px 11px;border-color:var(--line);color:var(--teal);background:var(--glass-strong)}.connect-button>.icon{width:15px;height:15px}.computer-more{width:31px!important;height:31px!important;min-height:31px!important;background:transparent;border-color:transparent;box-shadow:none}.computer-more>.icon{width:18px;height:18px}.computer-menu{position:fixed;z-index:1000;min-width:242px;max-width:calc(100vw - 24px);padding:7px;border:1px solid var(--line);border-radius:13px;box-shadow:0 12px 35px #301f2e33;background:var(--glass-strong);backdrop-filter:blur(28px)}.computer-menu-heading{font-size:11px;color:var(--muted);font-weight:600;max-width:240px;overflow-wrap:anywhere;padding:8px 9px 10px}.computer-menu button{display:flex;align-items:center;gap:10px;padding:10px 9px;border:0;border-radius:7px;width:100%;text-align:left;color:var(--ink);background:transparent;font-size:12px}.computer-menu button:hover:not(:disabled),.computer-menu button:focus{background:var(--accent-soft)}.computer-menu button>.icon{width:17px;height:17px;color:var(--teal)}.menu-separator{height:1px;background:var(--line);margin:5px 3px}.grid-layout .computer-group-content{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;padding:13px}.grid-layout .computer-row{position:relative;flex-wrap:wrap;min-width:0;border:1px solid var(--line);border-radius:12px;padding:17px;background:var(--row);gap:10px}.grid-layout .favorite-button{position:absolute;right:12px;top:13px}.grid-layout .computer-os-icon{width:57px}.grid-layout .computer-info{flex:0 0 100%;margin-top:3px}.grid-layout .computer-info h2{font-size:14px}.grid-layout .computer-info p{flex-wrap:wrap}.grid-layout .computer-card-group{display:flex}.grid-layout .computer-status{flex:1;margin-top:4px}.grid-layout .computer-actions{margin-top:4px}.grid-layout .computer-actions .connect-button{padding:7px 9px}.quickstart{border:1px solid var(--line);background:var(--glass);border-radius:14px;margin-top:19px;overflow:hidden}.quickstart>summary{list-style:none;display:flex;align-items:center;gap:9px;padding:14px 17px;font-size:12px;cursor:pointer;color:var(--muted)}.quickstart>summary::-webkit-details-marker{display:none}.quickstart>summary>.icon{width:17px;height:17px;color:var(--teal)}.quickstart-summary-action{display:flex;align-items:center;gap:6px;margin-left:auto;color:var(--teal);font-size:11px;white-space:nowrap}.quickstart-summary-action>.icon{width:14px;height:14px}.quickstart[open] .quickstart-summary-action>.icon{transform:rotate(90deg)}.quickstart-content{padding:0 19px 19px}.quickstart-content ol{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;list-style:none;padding:10px 0 18px;margin:0}.quickstart-content li>span{display:block;background:var(--accent-soft);color:var(--teal);width:27px;height:27px;line-height:27px;text-align:center;border-radius:8px;margin-bottom:10px;font-size:11px}.quickstart-content strong{font-size:12px}.quickstart-content p{font-size:11px;color:var(--muted);margin-top:4px}.quickstart-content>div{display:flex;gap:10px}.empty-state{background:transparent;border:0;padding:50px 25px;border-radius:0}.empty-state h2{font-size:24px}.empty-state>p:not(.eyebrow){font-size:13px;color:var(--muted)}.empty-hint{color:var(--muted);font-size:10px}.empty-art{color:var(--teal);background:var(--accent-soft);border:1px solid var(--line)}
.settings-tabs{display:flex;align-items:center;gap:5px;padding:5px;border:1px solid var(--line);border-radius:12px;background:var(--glass);margin-bottom:20px;width:max-content;max-width:100%;flex-wrap:wrap}.settings-tabs button{display:flex;align-items:center;gap:7px;border:0;background:transparent;color:var(--muted);padding:10px 13px;border-radius:8px;font-size:12px;font-weight:600}.settings-tabs button.active{color:var(--teal);background:var(--accent-soft)}.settings-tabs button>.icon{width:16px;height:16px}.settings-pane{display:grid;gap:20px}.panel{background:var(--surface);border-color:var(--line);border-radius:16px;box-shadow:inset 0 1px var(--glass-highlight);padding:25px}.panel-heading h2{font-size:20px}.panel-heading p,.panel-copy{font-size:12px;color:var(--muted);margin-top:6px}.panel-heading>.icon{color:var(--teal)}.theme-options{padding:0;margin:24px 0 0;border:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:17px}.theme-option{padding:8px;border:1px solid var(--line);border-radius:13px;cursor:pointer;background:var(--glass);position:relative;transition:border-color .15s}.theme-option.selected{border-color:var(--teal);box-shadow:0 0 0 2px var(--accent-soft)}.theme-option input{position:absolute;width:1px;height:1px;opacity:0}.theme-option:focus-within{outline:3px solid var(--focus);outline-offset:3px}.theme-preview{display:flex;height:110px;background:linear-gradient(135deg,#e3e5da,#d6e4e8);border-radius:9px;overflow:hidden;position:relative;padding:9px;gap:7px}.preview-sidebar{width:24%;border-radius:5px;background:#fffaf1c9;border:1px solid #fff8}.preview-body{display:flex;flex:1;flex-direction:column;border-radius:5px;background:#fffaf190;padding:13px 7px;gap:8px;border:1px solid #fff8}.preview-body>i{height:13px;border-radius:3px;background:#fffaf1d9;border-left:4px solid #b96532}.preview-light{background:#f4e8d6}.preview-midnight{background:linear-gradient(135deg,#15100d,#684128)}.preview-midnight .preview-sidebar,.preview-midnight .preview-body{background:#2b211bbb;border-color:#6c524155}.preview-midnight .preview-body>i{background:#634932;border-left-color:#cf7a41}.preview-sunset{background:linear-gradient(135deg,#f4d2b1,#dba17f)}.theme-check{position:absolute;right:7px;bottom:7px;width:22px;height:22px;border-radius:50%;background:#9e5026;color:#fff;display:none;align-items:center;justify-content:center}.theme-check>.icon{width:14px;height:14px}.theme-option.selected .theme-check{display:flex}.theme-option>strong{display:block;font-size:13px;margin:12px 5px 3px}.theme-option>small{display:block;font-size:10px;color:var(--muted);margin:0 5px 6px;line-height:1.5}.appearance-accessibility{display:grid;grid-template-columns:1fr 1fr;column-gap:20px;margin-top:20px}.appearance-accessibility .option-row{margin:12px 0}.option-row strong{font-size:13px;color:var(--ink)}.option-row small,.field-help{font-size:12px;color:var(--muted)}.appearance-accessibility>.setting-save-status{grid-column:1/-1;margin-top:12px}.setting-save-status{font-size:11px;color:var(--muted)}.appearance-layout select{min-width:230px}.field-label{font-size:12px;color:var(--ink)}.organization-form{max-width:590px;margin-top:25px}.organization-form>.field-label{display:block;margin:20px 0 7px}.organization-form>input{width:100%}.organization-form>.field-help{margin-top:7px}.organization-form>.button{margin-top:14px}.organization-form>.setting-save-status{margin-top:15px}.organization-member-note{font-size:12px;color:var(--muted);margin-top:15px}.organization-panel>.notice{margin-top:24px}.advanced-setting{margin-top:22px;border-top:1px solid var(--line);padding-top:17px}.advanced-setting>summary{display:flex;gap:8px;align-items:center;color:var(--teal);font-size:12px;cursor:pointer;list-style:none}.advanced-setting>summary>.icon{width:14px;height:14px;margin-left:auto}.advanced-setting p{color:var(--muted);font-size:12px;margin:13px 0}.admin-tools{background:var(--glass);margin-top:0}.workspace-details>div{border-color:var(--line)}.workspace-details dt{color:var(--muted)}.workspace-details dd{color:var(--ink)}.settings-form .field-label{font-size:12px}.settings-form select{background:var(--field);font-size:13px}.settings-stack{gap:20px}.form-error{color:var(--red)}.notice{background:var(--accent-soft);border-color:var(--line);color:var(--muted);border-radius:10px}.notice>.icon{color:var(--teal)}.notice p{color:var(--muted);font-size:12px}.quick-connect-summary{background:var(--accent-soft);border-color:var(--line)}.quick-connect-summary>span{color:var(--teal);background:var(--glass)}.quick-connect-summary strong{color:var(--ink)}.quick-connect-summary p,.quick-connect-defaults{color:var(--muted)}.connect-device>div>span{color:var(--muted)}.status-pill.online{color:var(--online);background:var(--online-soft)}.status-pill.online>i{background:var(--online)}.connection-advanced{background:var(--glass);border-color:var(--line)}.connection-advanced>summary{color:var(--teal)}.dialog-body>input,.dialog-body>select{background:var(--field)}.app-dialog{background:var(--glass-strong);color:var(--ink);border-color:var(--glass-highlight);border-radius:21px;box-shadow:var(--shadow);backdrop-filter:blur(30px)}.app-dialog::backdrop,.session-dialog::backdrop,.transfer-dialog::backdrop{background:#1d120e66;backdrop-filter:blur(7px)}.dialog-header{border-color:var(--line);background:var(--glass)}.dialog-header h2{font-size:20px}.dialog-intro{color:var(--muted)}.dialog-actions{border-top-color:var(--line)}.device-detail{border-color:var(--line)}.device-detail code,.server-address{color:var(--ink);background:var(--glass);border-color:var(--line)}.toasts{bottom:24px}.toast{background:var(--glass-strong);border-color:var(--line);border-radius:13px;color:var(--ink);box-shadow:var(--shadow);backdrop-filter:blur(20px)}.toast>span:first-child{color:var(--teal)}.toast.error{border-left-color:var(--red)}
.login-page{margin:25px auto;min-height:calc(100dvh - 50px);width:calc(100% - 50px);max-width:1440px;border-radius:25px;border:1px solid var(--glass-highlight);box-shadow:var(--shadow);overflow:hidden;background:var(--glass);backdrop-filter:blur(25px);grid-template-columns:1fr 1fr}.login-story{padding:48px 54px 36px;background:linear-gradient(150deg,#f4e8d665,#d9b08742);color:var(--ink);border-right:1px solid var(--line)}.login-story:before,.login-story:after{display:none}.login-story .brand{position:relative;z-index:1}.login-story .brand img{width:260px}.login-story .brand>span{color:var(--teal);margin-bottom:5px}.story-copy{margin-top:77px}.story-copy .eyebrow{color:var(--teal)}.story-copy h1{color:var(--ink);font-size:clamp(35px,3.5vw,53px);line-height:1.15;letter-spacing:-1.7px}.story-copy h1 span{color:var(--teal)}.story-copy>p:last-of-type{color:var(--muted);font-size:15px;max-width:420px}.story-pills{color:var(--muted);gap:21px;font-size:11px}.story-pills>.icon,.story-pills .icon{color:var(--teal)}.story-footer{color:var(--muted);font-size:10px}.story-diagram{opacity:.94}.diagram-screen,.diagram-laptop{background:var(--glass-strong);border-color:var(--line);box-shadow:0 16px 35px #5b3b2318}.mini-toolbar{background:var(--accent-soft)}.mini-toolbar>i{background:var(--teal);opacity:.65}.mini-screen{background:var(--glass)}.mini-screen>div{background:var(--accent-soft);border-color:var(--line)}.diagram-connector{color:var(--teal)}.diagram-connector>span{border-color:var(--teal)}.diagram-caption{color:var(--muted)}.login-form-panel{background:transparent;padding:52px;min-height:700px}.login-card{max-width:390px}.small-brand{color:var(--teal);font-size:11px;letter-spacing:1.8px}.login-card h2{color:var(--ink);font-size:31px;letter-spacing:-.8px}.login-card>.muted{font-size:14px;color:var(--muted)}.login-card form>label{color:var(--ink);font-size:12px}.login-card input{background:var(--field);border-color:var(--line);font-size:14px}.login-help{border-top-color:var(--line);color:var(--muted)}.login-help .icon{color:var(--teal)}.login-help p{color:var(--muted);font-size:12px}.login-bottom{color:var(--muted)}.identity-note{color:var(--muted)}.local-signin>summary{color:var(--teal)}.google-signin{width:100%;max-width:355px;margin-top:28px}.google-signin>img{width:100%;height:auto}.google-unavailable{background:var(--accent-soft);border-color:var(--line);color:var(--teal)}.google-unavailable p{color:var(--muted)}.signin-pair-code{background:var(--glass);border-color:var(--line)}.signin-pair-code strong{color:var(--teal)}.pairing-card{background:var(--surface);border-color:var(--line);box-shadow:var(--shadow);border-radius:21px}.pairing-card>p:not(.eyebrow),.pairing-help{color:var(--muted)}.pairing-symbol{color:var(--teal);background:var(--accent-soft);border-color:var(--line)}.pairing-machine,.pairing-match{background:var(--glass);border-color:var(--line)}.pairing-machine>span,.pairing-match>span,.pairing-match>small{color:var(--muted)}.pairing-match>strong{color:var(--teal)}.pairing-confirm{border-color:var(--line);background:var(--glass)}.error-art{color:var(--red);background:var(--accent-soft)}.setup-hero{background:var(--glass);border-color:var(--line);color:var(--ink);border-radius:18px;box-shadow:inset 0 1px var(--glass-highlight)}.setup-hero:before,.setup-hero:after{display:none}.setup-hero h2{color:var(--ink)}.setup-hero p{color:var(--muted)}.setup-hero-label{color:var(--teal)}.setup-hero-picture{color:var(--teal)}.setup-hero-picture>span{color:var(--online);background:var(--glass);border-color:var(--line)}.help-cards a{color:var(--ink)}.help-cards a>.icon,.help-cards a>span{color:var(--teal)}.help-cards p{color:var(--muted)}.wizard-progress>li{color:var(--muted)}.wizard-progress>li>span{background:var(--glass);border-color:var(--line);color:var(--muted)}.wizard-progress>li.active>span,.wizard-progress>li.complete>span{background:var(--accent-soft);border-color:var(--teal);color:var(--teal)}.wizard-progress>li.active strong{color:var(--ink)}.wizard-progress>li:after{background:var(--line)}.wizard-step>p:not(.eyebrow),.wizard-step>p.download-tip,.wizard-step>p.recommendation-note{color:var(--muted)}.wizard-step select{background:var(--field);color:var(--ink)}.wizard-instructions{background:var(--glass);border-color:var(--line)}.wizard-instructions p,.wizard-instructions small{color:var(--muted)}.wizard-instructions li>span{background:var(--accent-soft);color:var(--teal)}.wizard-wait{background:var(--accent-soft);border-color:var(--line);color:var(--teal)}.wizard-machine{background:var(--glass);border-color:var(--line)}.wizard-machine>span{color:var(--muted)}.wizard-complete{color:var(--teal);background:var(--accent-soft)}.deployment-banner{background:var(--glass);border-color:var(--line);color:var(--ink)}.deployment-banner p,.download-panel>p:not(.eyebrow),.guide-steps p{color:var(--muted)}.deployment-banner-art,.panel-icon{color:var(--teal);background:var(--accent-soft)}.guide-steps>div>span{color:var(--teal)}.download-options a,.download-inline a{background:var(--glass);border-color:var(--line);color:var(--teal)}.legacy-downloads{border-color:var(--line);color:var(--muted)}.platform-tags span{background:var(--accent-soft);color:var(--muted)}.activity-panel{background:var(--surface)}.activity-heading{border-color:var(--line)}th{background:var(--glass);color:var(--muted);border-color:var(--line)}td{color:var(--ink);border-color:var(--line)}
.session-dialog{border:1px solid var(--glass-highlight);border-radius:19px;background:var(--glass-strong);color:var(--ink);box-shadow:var(--shadow);backdrop-filter:blur(24px)}.session-header,.session-toolbar,.session-footer{background:var(--glass);border-color:var(--line);color:var(--ink)}.session-title>.icon{color:var(--teal)}.session-title>div>span,.session-hint,.stream-stats{color:var(--muted)}.session-connected{color:var(--teal)}.session-toolbar label{color:var(--muted)}.session-toolbar select{background:var(--field);border-color:var(--line);color:var(--ink)}.remote-stage{background:#15100d}.session-overlay{background:#15100de8;color:#fff8ed}.session-overlay p{color:#d3b28c}.connection-orbit{background:#c1743b20;border-color:#c1743b33;color:#e6a673}.clipboard-panel{background:var(--glass-strong);color:var(--ink);border-color:var(--line);backdrop-filter:blur(24px)}.clipboard-panel>p,.clipboard-feedback{color:var(--muted)}.clipboard-panel textarea{background:var(--field)}
:root[data-solid=true] .app-shell,:root[data-solid=true] .sidebar,:root[data-solid=true] .topbar,:root[data-solid=true] .computer-library,:root[data-solid=true] .computer-group,:root[data-solid=true] .computer-row,:root[data-solid=true] .panel,:root[data-solid=true] .app-dialog,:root[data-solid=true] .session-dialog,:root[data-solid=true] .transfer-dialog,:root[data-solid=true] .computer-menu,:root[data-solid=true] .login-page,:root[data-solid=true] .pairing-card{background:var(--background);backdrop-filter:none;opacity:1}:root[data-solid=true]{--glass:var(--background);--glass-strong:var(--background);--glass-side:var(--background);--surface:var(--background);--row:var(--background);--row-hover:var(--hover);--field:var(--background)}
:root[data-reduce-motion=true] *,:root[data-reduce-motion=true] *:before,:root[data-reduce-motion=true] *:after{animation-duration:.01ms!important;transition-duration:.01ms!important;scroll-behavior:auto!important}
@media(min-width:1572px){.app-shell{margin:18px auto}}@media(max-width:1571px){.app-shell{margin:18px;max-width:none}}@media(max-width:1170px){.grid-layout .computer-group-content{grid-template-columns:repeat(2,minmax(0,1fr))}.sidebar{width:208px;flex-basis:208px;padding:29px 17px 19px}.sidebar-brand .brand img{width:164px}.main-content{padding:27px 24px}.topbar{padding:0 24px}.computer-status{flex-basis:92px}.computer-row{gap:11px}.theme-options{gap:11px}.theme-preview{height:93px}.login-story{padding:44px 36px}.login-form-panel{padding:40px 35px}}
@media(max-width:930px){.app-shell{margin:12px;min-height:calc(100dvh - 24px);border-radius:18px}.sidebar{width:81px;flex-basis:81px;min-height:calc(100dvh - 24px);padding:25px 12px 18px;align-items:center}.sidebar-brand{width:100%}.sidebar-brand .brand{display:flex;justify-content:center}.sidebar-brand .brand img{display:none}.sidebar-brand .brand:before{content:"";display:block;width:48px;height:48px;background:url('/assets/wired-west-badge.png') center/contain no-repeat}.sidebar-brand .brand>span{display:none}.workspace-label,.help-link,.sidebar-add,.profile>span:not(.profile-avatar),.profile>.icon{display:none}.sidebar nav{margin-top:31px;width:100%;gap:10px}.nav-item{justify-content:center;padding:12px}.nav-item>span{display:none}.sidebar-bottom{width:100%;padding-top:20px}.nav-help>span{display:none}.profile{justify-content:center;padding-top:18px}.workspace{min-height:calc(100dvh - 24px)}.main-content{padding:25px 23px}.topbar{padding:0 23px}.topbar-help{display:none}.computer-status{display:none}.computer-toolbar{gap:11px;padding:14px}.library-tabs button{padding:9px;font-size:11px}.search-field{width:42%}.device-area{padding:0 11px 11px}.computer-row{padding:12px 11px;gap:10px}.theme-options{grid-template-columns:repeat(2,minmax(0,1fr))}.theme-preview{height:116px}.login-story .brand img{width:213px}.login-story{padding:36px 29px}.story-copy{margin-top:60px}.login-form-panel{padding:37px 29px}.appearance-accessibility{grid-template-columns:1fr}.appearance-accessibility>.setting-save-status{grid-column:auto}.workspace-footer{padding:14px 23px}}
@media(max-width:650px){body{font-size:14px}.app-shell{border-radius:0;margin:0;min-height:100dvh;border:0;overflow:visible;box-shadow:none}.sidebar{position:fixed;bottom:0;top:auto;left:0;width:100%;height:65px;min-height:65px;display:flex;flex-direction:row;padding:0;background:var(--glass-strong);border-right:0;border-top:1px solid var(--line);z-index:100;backdrop-filter:blur(24px)}.sidebar-brand,.workspace-label,.sidebar-add,.sidebar-bottom{display:none}.sidebar nav{display:flex;justify-content:center;width:100%;height:100%;margin:0;gap:0}.nav-item{flex:1;flex-direction:column;gap:3px;border-radius:0;font-size:10px;padding:9px 12px}.nav-item>span:not(.nav-count){display:block}.nav-item>.icon{width:21px;height:21px}.nav-item>.nav-count{display:none}.workspace{min-height:calc(100dvh - 65px);margin-left:0;margin-bottom:65px}.topbar{height:57px;padding:0 16px;background:var(--glass);gap:8px}.breadcrumb{font-size:11px;gap:7px}.breadcrumb>span:first-child{display:none}.breadcrumb-divider{display:none}.topbar-right{gap:9px}.server-status{font-size:10px}.version-tag{display:none}.main-content{padding:25px 15px}.page-heading{gap:10px;margin-bottom:20px;align-items:center}.page-heading h1{font-size:27px}.page-heading .eyebrow{font-size:8px;letter-spacing:1.5px}.page-heading p:last-child{font-size:11px;max-width:225px}.page-heading>.button{font-size:10px;min-height:37px;padding:9px}.page-heading>.button>.icon{width:15px;height:15px}.computer-toolbar{flex-direction:column;align-items:stretch;padding:12px;gap:11px}.library-tabs{width:100%;justify-content:space-between}.library-tabs button{justify-content:center;font-size:11px;padding:10px 12px;flex:1}.search-field{width:100%;min-width:0;height:39px;flex:none}.search-field input{font-size:12px}.library-filterbar{padding:8px 11px;gap:7px}.device-filters{gap:6px;flex:1}.device-filters select{max-width:130px;width:45%;font-size:10px;padding:7px 22px 7px 7px;min-height:32px}.results-label{display:none}.library-view-tools{gap:4px}.view-switch{padding:2px;display:flex}.view-switch button{height:27px;width:27px}.refresh-computers{display:none}.device-area{padding:0 8px 8px}.computer-group>summary{padding:10px 9px;font-size:11px;gap:6px}.group-online{font-size:9px}.computer-row{min-height:74px;gap:8px;padding:12px 8px}.favorite-button{width:20px;padding:2px}.favorite-button>.icon{width:15px;height:15px}.computer-os-icon{width:39px;height:35px}.computer-os-icon>svg{width:39px;height:35px}.presence-dot{width:8px;height:8px;right:0;bottom:3px}.computer-info h2{font-size:11px;line-height:1.4}.computer-info p{font-size:9px;margin-top:4px;gap:5px}.computer-actions{gap:3px}.computer-actions .connect-button{font-size:9px;padding:7px 8px;min-height:30px;gap:5px}.computer-actions .connect-button>.icon{display:none}.computer-more{width:26px!important;min-height:29px!important;padding:5px!important}.computer-more>.icon{width:15px;height:15px}.computer-status{display:none}.grid-layout .computer-group-content{grid-template-columns:1fr;padding:10px;gap:10px}.grid-layout .computer-info h2{font-size:14px}.grid-layout .computer-os-icon{width:53px;height:42px}.grid-layout .computer-os-icon>svg{width:53px;height:42px}.grid-layout .computer-status{display:flex;font-size:9px}.grid-layout .computer-actions .connect-button{font-size:11px}.grid-layout .computer-actions .connect-button>.icon{display:block;width:13px;height:13px}.quickstart>summary{font-size:10px;padding:13px 12px;gap:7px}.quickstart-summary-action{font-size:10px}.quickstart-content ol{grid-template-columns:1fr;gap:16px;padding-bottom:18px}.quickstart-content li{padding-left:37px;position:relative}.quickstart-content li>span{position:absolute;left:0;top:0}.quickstart-content>div{flex-direction:column}.workspace-footer{font-size:8px;padding:15px;letter-spacing:0}.workspace-footer>span:last-child{display:none}.theme-options{gap:11px}.theme-preview{height:100px}.theme-option>small{font-size:10px}.panel{padding:21px}.panel-heading h2{font-size:18px}.panel-heading>.tag{display:none}.settings-tabs{width:100%;padding:4px;gap:3px}.settings-tabs button{flex:1;padding:10px 7px;font-size:10px;gap:4px}.settings-tabs button>.icon{width:14px;height:14px}.settings-grid,.settings-stack{grid-template-columns:1fr}.appearance-accessibility .option-row strong{font-size:12px}.admin-tools{flex-wrap:wrap;gap:10px}.admin-tools>div{flex-basis:100%}.login-page{width:100%;margin:0;border:0;border-radius:0;min-height:100dvh;display:block}.login-story{min-height:0;padding:30px 27px;border-right:0;border-bottom:1px solid var(--line)}.login-story .brand img{width:220px}.story-copy{margin-top:32px}.story-copy h1{font-size:34px;letter-spacing:-.8px}.story-copy h1 br{display:none}.story-copy>p:last-of-type{font-size:13px;max-width:none}.story-pills,.story-diagram,.story-footer{display:none}.login-form-panel{padding:33px 27px 65px;min-height:520px}.login-card h2{font-size:28px}.login-card>.muted{font-size:13px}.login-bottom{bottom:22px}.google-unavailable p{font-size:11px}.pairing-card{padding:27px 21px}.pairing-card h1{font-size:27px}.pairing-card>p:not(.eyebrow){font-size:13px}.setup-hero{padding:26px 22px}.setup-hero h2{font-size:28px}.setup-hero p{font-size:13px}.app-dialog{max-width:calc(100vw - 24px);border-radius:17px}.dialog-header h2{font-size:18px}.dialog-body{padding:22px}.session-dialog{width:100vw;height:100dvh;max-height:100dvh;max-width:none;border:0;border-radius:0}.toasts{bottom:80px}.settings-pane .field-help{font-size:11px}.empty-state{padding:38px 18px}.empty-state h2{font-size:23px}}

/* Keep everyday host controls in view even with a large computer inventory. */
@media(min-width:651px){.app-shell{height:calc(100dvh - 36px)}.sidebar{min-height:0;height:100%;overflow:auto}.workspace{min-height:0;max-height:100%}.main-content{min-height:0;overflow:auto;scrollbar-width:thin}.main-content[data-view=computers]{display:flex;flex-direction:column;overflow:hidden}.main-content[data-view=computers]>.page-heading{flex:0 0 auto}.main-content[data-view=computers]>.computer-library{display:flex;flex-direction:column;flex:1;min-height:150px}.computer-toolbar,.library-filterbar{flex:0 0 auto}.main-content[data-view=computers] .device-area{flex:1;min-height:0;overflow:auto;scrollbar-width:thin}.main-content[data-view=computers]>[data-quickstart-container]{flex:0 0 auto}.quickstart-content{max-height:270px;overflow:auto;scrollbar-width:thin}.sidebar-bottom{flex:0 0 auto}.workspace-footer{flex:0 0 auto}}
@media(min-width:651px) and (max-width:930px){.app-shell{height:calc(100dvh - 24px)}}
@media(min-width:651px) and (max-height:720px){.main-content{padding-top:20px;padding-bottom:20px}.page-heading{margin-bottom:18px}.sidebar{padding-top:21px}.workspace-label{margin-top:21px}.sidebar-bottom{padding-top:20px}.quickstart-content{max-height:160px}.main-content[data-view=computers]>.computer-library{min-height:120px}}
:root .file-menu .native-host-download {display:flex;gap:10px;align-items:center;padding:11px 14px;color:var(--ink);text-decoration:none;border-top:1px solid var(--line);font-size:13px;border-radius:8px;}
:root .file-menu .native-host-download:hover {background:var(--hover);}