.remote-view{grid-template-rows:auto minmax(0,1fr);min-width:0;background:#f5f8f6}.remote-body{min-height:0;overflow-y:auto;padding:24px 30px 34px}.remote-manager,.remote-account-card,.remote-devices-card{width:min(980px,100%);margin:0 auto;border:1px solid var(--line);border-radius:18px;background:#fff;box-shadow:0 8px 30px rgba(26,57,49,.035)}.remote-manager{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:14px;padding:14px 17px;background:#edf5f1}.remote-manager>div{display:grid;gap:3px}.remote-manager strong{font-size:14px}.remote-manager small{color:var(--muted);font-size:11px}.remote-manager select{min-width:230px;padding:9px 34px 9px 11px;border:1px solid #cad8d2;border-radius:10px;background:#fff;color:var(--ink);font-size:13px}.remote-notice{width:min(980px,100%);margin:0 auto 14px;padding:13px 16px;border:1px solid #ead49e;border-radius:13px;background:#fff8e7;color:#755b22;font-size:13px;line-height:1.55}.remote-notice.error{border-color:#efc5bf;background:#fff1ef;color:#96483d}.remote-account-card,.remote-devices-card{padding:22px}.remote-devices-card{margin-top:16px}.remote-section-heading{display:flex;align-items:center;justify-content:space-between;gap:20px}.remote-section-heading h2{margin:3px 0 5px;font-size:20px}.remote-section-heading p{margin:0;color:var(--muted);font-size:13px}.remote-eyebrow{color:#4c796e;font-size:11px;font-weight:800;letter-spacing:.08em}.remote-primary,.remote-secondary,.remote-device-actions button{padding:9px 13px;border:1px solid var(--line);border-radius:10px;background:#fff;color:#37554e;cursor:pointer;font-size:12px}.remote-primary{border-color:var(--dark);background:var(--dark);color:#fff}.remote-primary:disabled,.remote-secondary:disabled,.remote-device-actions button:disabled{opacity:.45;cursor:not-allowed}.remote-binding-empty{display:grid;place-items:center;min-height:76px;margin-top:18px;border:1px dashed #cedbd5;border-radius:13px;background:#f8faf9;color:#89948f;font-size:13px}.remote-user-bound{display:grid;grid-template-columns:42px minmax(0,1fr) auto;align-items:center;gap:12px;margin-top:18px;padding:13px;border:1px solid #d8e5df;border-radius:13px;background:#f6faf8}.remote-account-mark{display:grid;place-items:center;width:42px;height:42px;border-radius:12px;background:#dff0e8;color:#285f52;font-size:12px;font-weight:900}.remote-user-bound>div{display:grid;gap:3px}.remote-user-bound strong{font-size:14px}.remote-user-bound small{color:var(--muted);font-size:11px}.remote-user-bound em{padding:5px 8px;border-radius:999px;background:#e9ffbd;color:#3d6536;font-size:10px;font-style:normal;font-weight:800}.remote-loading{display:flex;align-items:center;justify-content:center;gap:10px;min-height:150px;color:var(--muted);font-size:13px}.remote-loading i{width:18px;height:18px;border:2px solid #d9e3df;border-top-color:#396d61;border-radius:50%;animation:remote-spin .8s linear infinite}@keyframes remote-spin{to{transform:rotate(360deg)}}.remote-device-list{display:grid;gap:10px;margin-top:18px}.remote-device-card{display:grid;grid-template-columns:48px minmax(0,1fr) auto;align-items:center;gap:14px;padding:14px;border:1px solid #e0e7e3;border-radius:14px;background:#fbfcfb}.remote-device-icon{display:grid;place-items:center;width:48px;height:48px;border-radius:13px;background:#eaf1ed;color:#526d65}.remote-device-info{display:grid;gap:8px;min-width:0}.remote-device-info>div:first-child{display:flex;align-items:baseline;gap:8px}.remote-device-info strong{font-size:14px}.remote-device-info>div:first-child small{color:var(--muted);font-size:10px}.remote-device-info>p{margin:0;color:#8b9692;font-size:12px}.remote-peer-summary{display:flex;align-items:center;gap:8px}.remote-peer-summary>i{width:8px;height:8px;border-radius:50%;background:#aab3b0}.remote-peer-summary>i.online{background:#65b66c;box-shadow:0 0 0 4px #e3f4e5}.remote-peer-summary>span{display:grid;min-width:0}.remote-peer-summary b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px}.remote-peer-summary small{overflow:hidden;color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:10px}.remote-device-actions{display:flex;gap:7px}.remote-device-actions button:first-child{color:#87918e}.remote-empty{padding:42px;text-align:center;color:var(--muted);font-size:13px}.remote-dialog-field{display:grid;gap:7px}.remote-dialog-field span{color:#66736f;font-size:12px}.remote-dialog-field select{width:100%;padding:11px;border:1px solid #d5dfdb;border-radius:10px;background:#fff;color:var(--ink);font-size:13px}#remote-user-dialog .dialog-actions,#remote-peer-dialog .dialog-actions{display:grid;grid-template-columns:auto 1fr auto auto}.hidden{display:none!important}
@media(max-width:760px){.remote-body{padding:12px 12px 20px}.remote-account-card,.remote-devices-card{padding:16px;border-radius:15px}.remote-manager{align-items:stretch;flex-direction:column;padding:13px}.remote-manager select{width:100%;min-width:0}.remote-section-heading{align-items:flex-start;flex-direction:column;gap:12px}.remote-section-heading>button{width:100%}.remote-device-card{grid-template-columns:42px minmax(0,1fr);align-items:start;padding:12px}.remote-device-icon{width:42px;height:42px}.remote-device-actions{grid-column:1/-1}.remote-device-actions button{flex:1;min-height:40px}.remote-user-bound{grid-template-columns:38px minmax(0,1fr) auto}.remote-account-mark{width:38px;height:38px}#remote-user-dialog .dialog-actions,#remote-peer-dialog .dialog-actions{grid-template-columns:1fr 1fr}#remote-user-dialog .dialog-actions span,#remote-peer-dialog .dialog-actions span{display:none}.remote-topbar p{display:none}}
.remote-dialog-field input{width:100%;padding:11px;border:1px solid #d5dfdb;border-radius:10px;background:#fff;color:var(--ink);font-size:13px;outline:0}.remote-dialog-field input:focus{border-color:#4b766b;box-shadow:0 0 0 3px rgba(49,95,85,.1)}
.remote-device-actions .remote-connect:not(:disabled){border-color:#18352f;background:#18352f;color:#fff;font-weight:700}
.remote-help-banner{display:grid;grid-template-columns:42px minmax(0,1fr) auto;align-items:center;gap:13px;width:min(980px,100%);margin:0 auto 14px;padding:14px 16px;border:1px solid #c8ded4;border-radius:16px;background:linear-gradient(115deg,#e8f7f0,#f6fbf8);color:#214c41;text-align:left;cursor:pointer;box-shadow:0 7px 22px rgba(34,80,67,.055)}.remote-help-banner:hover{border-color:#8fb9a8;background:linear-gradient(115deg,#ddf3e9,#f4faf7)}.remote-help-icon{display:grid;place-items:center;width:42px;height:42px;border-radius:13px;background:#173c33;color:#d7ff68;font-size:18px;font-weight:900}.remote-help-banner>span:nth-child(2){display:grid;gap:3px;min-width:0}.remote-help-banner strong{font-size:14px}.remote-help-banner small{overflow:hidden;color:#668078;text-overflow:ellipsis;white-space:nowrap;font-size:11px}.remote-help-banner>b{font-size:11px;white-space:nowrap}.remote-help-dialog{width:min(850px,calc(100vw - 28px));max-width:none;padding:0;border:0;border-radius:22px;background:#fff;color:#20322d;box-shadow:0 35px 100px rgba(9,30,24,.35)}.remote-help-dialog::backdrop{background:rgba(13,29,24,.58);backdrop-filter:blur(6px)}.remote-help-sheet{max-height:min(760px,calc(100dvh - 34px));overflow-y:auto}.remote-help-sheet>header{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;padding:25px 27px 19px;border-bottom:1px solid #e5ece8;background:linear-gradient(135deg,#eff8f4,#fff)}.remote-help-sheet>header span{color:#4d786d;font-size:9px;font-weight:900;letter-spacing:.15em}.remote-help-sheet>header h2{margin:5px 0 5px;font-size:24px}.remote-help-sheet>header p{margin:0;color:#73817d;font-size:12px}.remote-help-sheet>header button{display:grid;place-items:center;width:34px;height:34px;border:1px solid #dce7e2;border-radius:10px;background:#fff;color:#597069;cursor:pointer;font-size:20px}.remote-help-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;padding:20px 27px}.remote-help-grid section{display:grid;grid-template-columns:30px minmax(0,1fr);align-content:start;gap:11px;padding:15px;border:1px solid #e1e9e5;border-radius:14px;background:#fbfcfb}.remote-help-grid section>i{display:grid;place-items:center;width:28px;height:28px;border-radius:9px;background:#e5f2ec;color:#315f53;font-size:11px;font-style:normal;font-weight:900}.remote-help-grid h3{margin:3px 0 6px;font-size:14px}.remote-help-grid p{margin:0 0 7px;color:#6b7b76;font-size:11px;line-height:1.65}.remote-help-grid code{display:block;margin:6px 0;padding:8px 9px;overflow-x:auto;border:1px solid #dce7e2;border-radius:8px;background:#f0f5f2;color:#254b41;font:10px/1.5 Consolas,monospace;white-space:nowrap}.remote-help-sheet>aside{display:grid;gap:4px;margin:0 27px;padding:13px 15px;border:1px solid #ead9a9;border-radius:12px;background:#fff9e9}.remote-help-sheet>aside strong{color:#6f581d;font-size:12px}.remote-help-sheet>aside span{color:#826e3b;font-size:10px;line-height:1.6}.remote-help-sheet>footer{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:18px 27px 24px}.remote-help-sheet>footer a{color:#38695d;font-size:11px;text-decoration:none}.remote-help-sheet>footer button{padding:9px 15px;border:0;border-radius:10px;background:#102c25;color:#fff;cursor:pointer}
@media(max-width:760px){.remote-help-banner{grid-template-columns:38px minmax(0,1fr);padding:12px}.remote-help-icon{width:38px;height:38px}.remote-help-banner>b{display:none}.remote-help-dialog{width:calc(100vw - 16px);border-radius:18px}.remote-help-sheet{max-height:calc(100dvh - 16px)}.remote-help-sheet>header{padding:20px 18px 16px}.remote-help-sheet>header h2{font-size:21px}.remote-help-grid{grid-template-columns:1fr;padding:14px 18px}.remote-help-sheet>aside{margin:0 18px}.remote-help-sheet>footer{align-items:stretch;flex-direction:column;padding:15px 18px 20px}.remote-help-sheet>footer button{min-height:42px}}