:root{color-scheme:dark;--bg:#101821;--panel:#17212c;--panel-raised:#1c2834;--line:#2b3744;--text:#eeeae0;--muted:#8e9cab;--quiet:#657484;--gold:#e4be76;--gold-hover:#f3d69d;--green:#8ab69e;--red:#ec9b91;--radius:14px;font-family:'DM Sans',system-ui,sans-serif;font-size:14px;font-weight:450;background:var(--bg);color:var(--text)}*{box-sizing:border-box}body{margin:0;min-width:340px;background:radial-gradient(ellipse at 80% 0,rgba(111,145,158,.065),transparent 48%),var(--bg)}button,input,textarea{font:inherit}button,a,input,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.42}button,a,input,textarea{outline-offset:4px}button:focus-visible,a:focus-visible{outline:2px solid var(--gold)}[hidden]{display:none!important}.app-shell{max-width:1512px;margin:auto;padding:0 48px}.topbar{height:96px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:12px;text-decoration:none;color:var(--text);font-size:18px;letter-spacing:-.5px}.brand strong{font-weight:450;color:var(--muted)}.brand-mark{height:31px;width:31px;border:1px solid var(--gold);border-radius:8px;display:grid;place-items:center;color:var(--gold);font:600 22px 'Space Grotesk',sans-serif;position:relative;transform:rotate(-6deg)}.brand-mark span{width:5px;height:5px;background:var(--gold);border:2px solid var(--bg);position:absolute;right:-2px;bottom:3px;box-sizing:content-box}.brand-tag{font-size:9px;letter-spacing:1.4px;border:1px solid var(--line);padding:4px 6px;border-radius:4px;margin-left:2px;color:var(--muted)}.connection{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--muted)}.connection time{margin-left:21px;border-left:1px solid var(--line);padding-left:24px;font-variant-numeric:tabular-nums}.status-dot{width:6px;height:6px;border-radius:50%;background:var(--quiet);display:inline-block;flex-shrink:0}.status-dot.online,.status-dot.safe{background:var(--green);box-shadow:0 0 0 3px #8ab69e10}.status-dot.offline,.status-dot.fighting{background:var(--red)}.status-dot.configured,.status-dot.waiting{background:var(--gold)}main{padding-top:39px}.page-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:31px}.eyebrow{font-size:10px;font-weight:700;letter-spacing:1.8px;color:var(--gold);line-height:1.4}h1,h2,h3,p{margin:0}h1,h2,h3{font-family:'Space Grotesk',system-ui,sans-serif}h1{font-weight:500;font-size:38px;letter-spacing:-1.6px;margin:8px 0 10px;line-height:1.15}.heading-period{color:var(--gold)}.page-heading p{color:var(--muted);font-size:13px}.button{display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:39px;border:1px solid transparent;border-radius:7px;padding:10px 15px;font-size:12px;font-weight:600;text-decoration:none;transition:background .16s,border-color .16s,color .16s;white-space:nowrap}.button.primary{background:var(--gold);color:#242522;border-color:var(--gold)}.button.primary:hover:not(:disabled){background:var(--gold-hover);border-color:var(--gold-hover)}.button.secondary{color:var(--text);background:#202c38;border-color:#36414d}.button.secondary:hover:not(:disabled){background:#2a3846;border-color:#65717c}.button.small{font-size:11px;min-height:31px;padding:6px 10px;gap:9px}.button.text-button{background:transparent;border:0;padding:4px 0;min-height:28px;color:var(--muted)}.button.text-button:hover:not(:disabled){color:var(--gold)}.button.full-width{width:100%;justify-content:space-between}.overview{display:grid;grid-template-columns:1fr 1.15fr 1.15fr 1.3fr;border:1px solid var(--line);border-radius:var(--radius);padding:23px 0;margin-bottom:26px;background:linear-gradient(110deg,#1a2530,#18222d)}.stat{padding:0 26px;border-right:1px solid var(--line)}.stat:last-child{border-right:0}.stat-label{font-size:9px;letter-spacing:1.5px;font-weight:650;color:#a0acb6}.stat>div{display:flex;align-items:baseline;gap:13px;margin-top:10px}.stat strong{font-family:'Space Grotesk',sans-serif;font-size:31px;font-weight:500;line-height:1.1;font-variant-numeric:tabular-nums;letter-spacing:-1px}.stat>div>span{font-size:11px;color:var(--muted)}.window-stat strong{color:var(--gold);white-space:nowrap}.window-stat strong span{color:#937d59;font-weight:400}.window-stat small{font-size:18px;margin-left:3px;color:var(--muted)}.workspace-grid{display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:24px;align-items:start}.main-column,.side-column{display:flex;flex-direction:column;gap:24px;min-width:0}.panel{border:1px solid var(--line);border-radius:var(--radius);background:var(--panel);overflow:hidden}.panel-heading{display:flex;justify-content:space-between;align-items:center;min-height:66px;padding:20px 24px;border-bottom:1px solid var(--line);gap:12px}.panel h2{font-size:16px;font-weight:500;letter-spacing:-.35px}.section-title{display:flex;align-items:center;gap:10px}.count-badge{font:500 10px 'Space Grotesk',sans-serif;min-width:22px;height:21px;border-radius:5px;background:#283441;color:#aab6c3;display:grid;place-items:center}.subtle{color:var(--quiet);font-size:10px}.profiles-list{padding:0 24px}.profile-card{padding:23px 0;border-bottom:1px solid var(--line)}.profile-card:last-child{border-bottom:0}.profile-card-heading{display:flex;align-items:center;justify-content:space-between;gap:15px}.profile-identity{display:flex;align-items:center;gap:12px;min-width:0}.avatar{width:38px;height:38px;border-radius:10px;background:#2f363b;border:1px solid #494843;color:var(--gold);display:grid;place-items:center;flex-shrink:0;font-family:'Space Grotesk',sans-serif;font-size:14px;font-weight:500}.profile-name-block{min-width:0}.profile-name{font-weight:500;font-size:15px;letter-spacing:-.2px;overflow-wrap:anywhere}.profile-identifier{font-size:10px;color:var(--muted);margin-top:4px;overflow-wrap:anywhere}.status-pill{font-size:9px;font-weight:600;letter-spacing:.5px;border:1px solid #3b4650;border-radius:5px;padding:5px 7px;color:#a2adb8;flex-shrink:0}.status-pill.armed{color:var(--green);background:#8ab69e08;border-color:#8ab69e30}.status-pill.waiting{color:var(--gold);background:#e4be7608;border-color:#e4be7630}.status-pill.stopped{color:var(--muted);border-color:var(--line)}.idle-row{margin-top:19px;display:flex;align-items:center;justify-content:space-between;padding:13px 15px;border:1px dashed #35414e;border-radius:7px}.idle-row p{font-size:12px;color:var(--muted)}.runtime-row{display:flex;justify-content:space-between;gap:16px;margin-top:23px}.mini-label{font-size:8px;color:var(--muted);letter-spacing:1.2px;font-weight:600}.deadline-display{font-size:12px;margin-top:6px;color:#c5cbd0}.countdown-block{text-align:right}.countdown{font:500 22px/1.1 'Space Grotesk',sans-serif;font-variant-numeric:tabular-nums;color:var(--gold);margin-top:3px;letter-spacing:-.8px}.countdown.overdue{font-size:15px;letter-spacing:-.2px;line-height:1.6}.runtime-track{height:3px;border-radius:4px;background:#2d3844;margin:14px 0 13px;overflow:hidden}.runtime-track>div{height:100%;background:var(--gold);width:0;transition:width 1s linear}.signal-row{display:flex;justify-content:space-between;gap:12px;align-items:center}.combat-signal{display:flex;gap:7px;align-items:center;color:var(--muted);font-size:11px}.decision-reason{font-size:11px;color:var(--quiet);line-height:1.6;margin-top:8px;overflow-wrap:anywhere}.run-actions{display:flex;align-items:center;justify-content:space-between;margin-top:15px;padding-top:12px;border-top:1px solid #293542;gap:14px}.toggle-control{display:inline-flex;align-items:center;gap:8px;font-size:11px;color:#c3cad1;cursor:pointer;position:relative}.toggle-control input{position:absolute;opacity:0;width:29px;height:17px;left:0;margin:0;cursor:pointer}.switch{display:block;width:29px;height:17px;background:#3b4753;border-radius:10px;transition:background .15s;position:relative}.switch:after{content:'';position:absolute;top:3px;left:3px;width:11px;height:11px;border-radius:50%;background:#aab3bc;transition:transform .15s,background .15s}.toggle-control input:checked+.switch{background:var(--gold)}.toggle-control input:checked+.switch:after{transform:translateX(12px);background:#292b29}.toggle-control input:focus-visible+.switch{outline:2px solid var(--gold);outline-offset:3px}.toggle-control input:disabled~span{opacity:.45}.profile-extras{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:14px;padding-top:10px;border-top:1px solid #28333f}.kovex-profile-label{font-size:9px;color:var(--quiet);font-family:ui-monospace,monospace;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.empty-state{min-height:325px;padding:44px 30px 42px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.empty-icon{height:56px;width:69px;margin-bottom:21px;position:relative}.empty-icon span{height:33px;width:44px;border:1px solid #475462;border-radius:7px;display:block;position:absolute;background:var(--panel)}.empty-icon span:first-child{left:0;top:0;transform:rotate(-12deg)}.empty-icon span:nth-child(2){left:23px;top:3px;transform:rotate(13deg)}.empty-icon span:last-child{left:12px;top:18px;border-color:#887452;background:#252b2e}.empty-icon span:last-child:after{content:'+';position:absolute;inset:0;display:grid;place-items:center;color:var(--gold);font-size:22px;font-weight:400}.empty-state h3{font-size:22px;font-weight:500;letter-spacing:-.6px}.empty-state p{font-size:12px;color:var(--muted);max-width:290px;line-height:1.8;margin-top:9px;margin-bottom:23px}.panel-footnote{padding:15px 24px;border-top:1px solid var(--line);font-size:10px;line-height:1.6;color:var(--muted);display:flex;align-items:center;gap:8px;background:#131e291f}.tiny-shield{font-size:16px;color:var(--gold)}.loading-state{min-height:260px;display:flex;align-items:center;justify-content:center;gap:11px;color:var(--muted);font-size:12px}.loader{height:15px;width:15px;border-radius:50%;border:2px solid #394754;border-top-color:var(--gold);animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.section-kicker{font-size:8px;letter-spacing:1.3px;color:var(--quiet);margin-left:5px}.events-list{padding:0 24px;max-height:364px;overflow:auto}.quiet-empty{color:var(--quiet);font-size:12px;padding:27px 0 30px}.event{display:grid;grid-template-columns:7px minmax(0,1fr) 62px;gap:12px;align-items:start;border-bottom:1px solid #283441;padding:15px 0}.event:last-child{border-bottom:0}.event-dot{height:5px;width:5px;background:#687987;border-radius:50%;margin-top:6px}.event-message{font-size:11px;color:#b7c1cc;line-height:1.65;overflow-wrap:anywhere}.event-account{color:var(--gold);font-weight:500;margin-right:7px}.event time{text-align:right;color:var(--quiet);font-size:10px;line-height:1.8;font-variant-numeric:tabular-nums}.section-icon{font-size:21px;line-height:1;color:var(--gold);font-weight:400}.stack-form{padding:22px 24px 24px}.stack-form label,.panel-body label,.modal label{display:block;font-size:11px;font-weight:500;color:#c3ccd4;margin-bottom:8px}.required-note,.optional-note{float:right;font-size:9px;font-weight:400;color:var(--quiet)}input:not([type=checkbox],[type=radio]),textarea{width:100%;border-radius:6px;background:#101b25;border:1px solid #35414e;color:var(--text);padding:11px 12px;line-height:1.2;font-size:12px;transition:border-color .15s,box-shadow .15s;min-width:0}input::placeholder{color:#61707f}input:not([type=checkbox],[type=radio]):focus,textarea:focus{outline:0;border-color:#ad925f;box-shadow:0 0 0 3px #e4be760d}.stack-form input{margin-bottom:19px}.field-help{color:var(--muted);font-size:10px;line-height:1.75}.stack-form .field-help{margin-top:-5px;margin-bottom:18px}.form-error{color:var(--red);font-size:11px;line-height:1.65;margin:12px 0;overflow-wrap:anywhere}.safety-panel{padding:23px 24px;background:linear-gradient(120deg,#24292c,#1c272e);border-color:#44423a}.safety-panel .eyebrow{font-size:9px;display:flex;align-items:center;gap:7px;letter-spacing:1.4px}.safety-panel .eyebrow span{font-size:16px;line-height:1}.safety-panel h2{font-size:20px;letter-spacing:-.6px;margin:13px 0 22px}.safety-steps{padding:0;margin:0;list-style:none;display:flex;flex-direction:column;gap:18px}.safety-steps li{display:flex;align-items:baseline;gap:12px}.safety-steps li>span{color:#8b805f;font:400 10px 'Space Grotesk',sans-serif}.safety-steps p{font-size:11px;color:#b0b4b3;line-height:1.7}.safety-steps strong{font-weight:500;color:#d9d6ca}.safety-note{font-size:10px;color:#959e9c;line-height:1.7;border-top:1px solid #42453e;margin-top:21px;padding-top:15px}.integration-badge{font-size:8px;letter-spacing:.8px;border:1px solid var(--line);padding:4px 5px;border-radius:4px;color:var(--muted)}.integration-badge.loaded{color:var(--gold);border-color:#62563f}.panel-body{padding:20px 24px 23px}.panel-body>.field-help{margin-bottom:18px}.cookie-note{margin:10px 0 16px}.connection-note{color:var(--muted);font-size:10px;line-height:1.7;display:flex;align-items:center;gap:7px}.kovex-panel .text-button{margin-top:9px;font-size:11px}footer{display:flex;justify-content:space-between;gap:20px;color:#5e6e7c;font-size:9px;padding:30px 0 26px;margin-top:10px}footer>span:first-child{letter-spacing:1.1px;font-size:8px}.footer-separator{margin:0 10px}.error-banner{padding:13px 16px;background:#3d282b;border:1px solid #75454c;border-radius:8px;font-size:12px;line-height:1.7;color:#edb5b0;margin:0 0 22px}.modal{width:min(520px,calc(100vw - 36px));max-height:calc(100vh - 48px);padding:28px;background:var(--panel);border:1px solid #4c5862;border-radius:15px;color:var(--text);box-shadow:0 24px 90px #0008;overflow:auto}.modal::backdrop{background:#070d15bd;backdrop-filter:blur(5px)}.modal-header{display:flex;justify-content:space-between;align-items:start;gap:18px;margin-bottom:18px}.modal h2{font-size:24px;font-weight:500;letter-spacing:-.8px;margin-top:7px}.icon-button{border:1px solid var(--line);background:transparent;color:var(--muted);height:29px;width:29px;border-radius:6px;font-size:21px;line-height:1}.icon-button:hover{color:var(--text);background:var(--panel-raised)}.modal-description{font-size:12px;color:var(--muted);line-height:1.8;margin-bottom:21px}.scan-heading{display:flex;align-items:center;justify-content:space-between;font-size:11px;color:#c4cbd2;margin-bottom:12px}.process-list{display:flex;flex-direction:column;gap:8px;margin-bottom:14px;max-height:280px;overflow:auto}.process-list .process-option{display:flex;align-items:center;gap:11px;padding:13px;border:1px solid var(--line);border-radius:7px;cursor:pointer;margin:0;background:#121d27}.process-option:has(input:checked){border-color:#a88d5b;background:#e4be7609}.process-option input{accent-color:var(--gold)}.process-option div{min-width:0}.process-option strong{display:block;font-size:12px;font-weight:500;color:var(--text);margin-bottom:5px}.process-option span{display:block;font-size:10px;font-weight:400;color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:330px}.process-empty{font-size:12px;line-height:1.8;color:var(--muted);padding:22px;text-align:center;border:1px dashed var(--line);border-radius:8px}.modal-actions{display:flex;gap:10px;justify-content:flex-end;margin-top:25px}.callout{border:1px solid #60563f;border-radius:7px;background:#e4be7607;color:#c7b994;font-size:11px;padding:13px 15px;line-height:1.75;margin-bottom:21px}.telemetry-modal textarea{font:11px/1.7 ui-monospace,SFMono-Regular,Consolas,monospace;resize:vertical;min-height:185px}.telemetry-modal textarea+.field-help{margin-top:10px}.toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);padding:13px 19px;border:1px solid #526359;border-radius:9px;box-shadow:0 10px 45px #0005;background:#23312d;color:#d6e4db;font-size:12px;z-index:10;max-width:calc(100vw - 32px);text-align:center}@media(min-width:1400px){.workspace-grid{grid-template-columns:minmax(0,1fr) 330px}.profiles-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));padding:0 24px;column-gap:30px}.profile-card{border-bottom:1px solid var(--line)}.profile-card:only-child{grid-column:1 / -1}.profile-card:nth-last-child(2):nth-child(odd){border-bottom:0}.run-actions{gap:8px}.stat{padding:0 29px}}@media(max-width:1100px){.app-shell{padding:0 28px}.stat{padding:0 19px}.stat>div{display:block}.stat>div>span{display:block;margin-top:5px}.workspace-grid{gap:20px;grid-template-columns:minmax(0,1fr) 290px}.main-column,.side-column{gap:20px}.panel-heading{padding:19px 20px}.profiles-list,.events-list{padding:0 20px}.stack-form,.panel-body{padding:20px}.safety-panel{padding:22px 20px}.panel-footnote{padding:14px 20px}}@media(max-width:800px){.app-shell{padding:0 22px}.topbar{height:77px}.connection time{display:none}.connection{font-size:10px}.brand{font-size:16px;gap:9px}.brand-tag{display:none}main{padding-top:29px}h1{font-size:33px}.page-heading p{max-width:280px;line-height:1.7}.page-heading{gap:20px}.overview{grid-template-columns:repeat(4,minmax(0,1fr))}.stat{padding:0 15px}.stat-label{font-size:8px;letter-spacing:.8px}.stat strong{font-size:27px}.stat>div>span{font-size:9px;line-height:1.6}.workspace-grid{grid-template-columns:minmax(0,1fr)}.side-column{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:start}.add-panel{grid-row:span 2}.safety-panel{grid-column:2}.kovex-panel{grid-column:2}footer{font-size:8px}.connection-label{max-width:140px}}@media(max-width:520px){.app-shell{padding:0 16px}.topbar{height:70px}.brand{font-size:14px}.brand-mark{height:27px;width:27px;font-size:20px}.connection{font-size:9px}.page-heading{align-items:end}.page-heading .button{font-size:10px;padding:8px 11px;min-height:34px;gap:5px;margin-bottom:3px}.page-heading .button>span{display:none}h1{font-size:29px;letter-spacing:-1.3px}.eyebrow{font-size:8px;letter-spacing:1.5px}.page-heading p{font-size:11px;max-width:205px}.overview{grid-template-columns:repeat(2,minmax(0,1fr));padding:0}.stat{padding:19px 20px}.stat:nth-child(2){border-right:0}.stat:nth-child(-n+2){border-bottom:1px solid var(--line)}.stat>div{display:flex;align-items:baseline;gap:10px}.stat>div>span{font-size:9px;line-height:1.5;max-width:80px}.stat-label{font-size:8px;letter-spacing:.8px}.side-column{display:flex}.panel-heading{padding:17px 18px;min-height:60px}.profiles-list,.events-list{padding:0 18px}.panel h2{font-size:15px}.section-kicker{font-size:7px;letter-spacing:.8px}.empty-state{padding:33px 23px;min-height:315px}.panel-footnote{padding:13px 18px;font-size:9px}.profile-card-heading{gap:10px}.profile-name{font-size:14px}.status-pill{font-size:8px;padding:5px 6px}.countdown{font-size:21px}.modal{padding:22px}.modal h2{font-size:22px}.event{gap:9px;grid-template-columns:5px minmax(0,1fr) 54px}.event-message{font-size:10px}.event time{font-size:9px}.profile-extras{gap:8px}.profile-extras .button{font-size:10px}.idle-row{padding:12px}.idle-row p{font-size:11px}footer{flex-direction:column;gap:8px;padding-top:18px}.toast{bottom:18px}.process-option span{max-width:240px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition:none!important}}

.idle-row{flex-wrap:wrap;gap:12px}.idle-actions{display:flex;align-items:center;justify-content:flex-end;gap:8px;flex-wrap:wrap}.launch-account-details{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 15px;background:#111d27;border:1px solid var(--line);border-radius:7px;margin-bottom:21px}.launch-account-details p{font-size:12px;color:#c9d0d5;margin-top:6px;overflow-wrap:anywhere}.launch-modal label{margin-top:17px}.launch-modal #launch-proxy-note{margin-top:8px}.launch-credentials{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:14px;margin-bottom:17px}.launch-modal input[readonly]{color:var(--gold);background:#202821;border-color:#525543}.launch-modal input:disabled{opacity:.6}@media(max-width:520px){.idle-actions{width:100%;justify-content:space-between}.launch-credentials{grid-template-columns:1fr;gap:0}.launch-account-details{align-items:start}}

.heading-actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap;justify-content:flex-end}.heading-actions>.text-button{font-size:11px;margin-left:5px}.window-stat strong>#runtime-min,.window-stat strong>#runtime-max{color:var(--gold)}.rotation-overview{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin:-5px 0 23px;padding:0 3px}.rotation-summary{display:flex;align-items:center;gap:9px;flex-wrap:wrap}.rotation-summary strong{font-weight:500;font-size:11px;color:#c1cbd3}.rotation-summary>span:last-child{font-size:10px;color:var(--muted);margin-left:4px}.rotation-overview>.form-error{width:100%;margin:0}.profile-proxy{display:flex;align-items:center;gap:10px;margin-top:14px}.profile-proxy-value{font:10px ui-monospace,Consolas,monospace;color:#acb8c2;overflow-wrap:anywhere}.profile-rotation{display:grid;grid-template-columns:auto minmax(0,1fr);gap:5px 9px;margin-top:14px;align-items:baseline}.rotation-status-label{font-size:9px;letter-spacing:.45px;font-weight:600;color:var(--gold)}.rotation-reason{font-size:10px;line-height:1.6;color:var(--muted)}.rotation-countdown{grid-column:2;font:10px ui-monospace,Consolas,monospace;color:#c5c8be}.idle-row .manual-launch-button{font-size:9px;margin-left:auto;min-height:19px}.idle-row .profile-action-error{width:100%;margin:0}.advanced-connection{border-top:1px solid var(--line);margin-top:17px;padding-top:13px}.advanced-connection summary{font-size:10px;color:var(--muted);cursor:pointer}.advanced-connection form,.advanced-connection #kovex-connected{margin-top:17px}.sync-note{margin:8px 0 14px}.settings-modal{width:min(590px,calc(100vw - 36px))}.settings-enable{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:15px;background:#111d27;border:1px solid var(--line);border-radius:8px;margin-bottom:22px}.settings-enable strong{font-size:12px;font-weight:500}.settings-enable p{font-size:10px;color:var(--muted);line-height:1.6;margin-top:5px}.settings-enable>.toggle-control{margin:0}.settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px 18px}.settings-grid label{font-size:11px;line-height:1.6}.settings-grid label>span{float:right;font-size:9px;color:var(--quiet);font-weight:400}.settings-grid .field-help{margin-top:7px}.settings-callout{margin:23px 0 0}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(max-width:1100px){.heading-actions{max-width:270px;gap:8px}.heading-actions>.text-button{width:100%;justify-content:flex-end;margin-right:2px}.page-heading{gap:20px}}@media(max-width:650px){.page-heading{align-items:start;flex-direction:column;gap:19px}.heading-actions{max-width:none;width:100%;justify-content:flex-start}.heading-actions>.text-button{width:auto;margin-left:auto}.rotation-summary{gap:7px}.rotation-summary>span:last-child{width:100%;margin-left:13px}.rotation-overview{align-items:start}.settings-grid{gap:18px 13px}.settings-grid label>span{float:none;display:block}.page-heading .button>span{display:initial}}@media(max-width:420px){.settings-grid{grid-template-columns:1fr}.settings-grid label>span{float:right;display:initial}}
.profile-rotation .resume-rotation-button{grid-column:2;justify-self:start;margin-top:6px}.profile-rotation .rotation-action-error{grid-column:1 / -1;margin:4px 0 0}
.launch-readiness-banner{background:#302a23;border-color:#695338;color:#dac19b}.launch-readiness-banner strong{display:block;font-size:12px;font-weight:600;margin-bottom:4px}.launch-readiness-banner p{font-size:11px;line-height:1.7}

/* Section navigation keeps account actions, preferences and setup separate. */
:root {
  --muted: #a4b1be;
  --quiet: #96a5b5;
}

.topbar { height: 76px; }
main { padding-top: 26px; }
.page-heading { margin-bottom: 24px; }
h1 { font-size: 34px; }
.page-heading p { font-size: 14px; line-height: 1.6; }
.heading-actions { max-width: none; }
.heading-actions .button { font-size: 13px; }

.section-tabs {
  display: flex;
  gap: 6px;
  padding: 5px;
  margin: 0 0 22px;
  border: 1px solid var(--line);
  border-radius: 10px;
  background: #111c26;
}

.section-tab {
  flex: 1;
  min-width: 0;
  min-height: 43px;
  padding: 10px 16px;
  border: 1px solid transparent;
  border-radius: 6px;
  background: transparent;
  color: var(--muted);
  font-size: 14px;
  font-weight: 550;
}

.section-tab:hover { background: #1c2834; color: var(--text); }
.section-tab[aria-selected="true"] {
  border-color: #665a42;
  background: #302e29;
  color: var(--gold);
}

.section-tab:focus-visible,
.tab-panel:focus-visible,
summary:focus-visible {
  outline: 2px solid var(--gold);
  outline-offset: 3px;
}

.tab-panel { min-height: 360px; border-radius: var(--radius); }
.overview { margin-bottom: 20px; padding: 20px 0; }
.stat { padding: 0 22px; }
.stat-label { font-size: 11px; letter-spacing: .8px; }
.stat > div { gap: 11px; }
.stat > div > span { font-size: 12px; line-height: 1.5; }
.stat strong { font-size: 30px; }
.panel-heading { min-height: 60px; padding: 17px 22px; }
.panel h2 { font-size: 18px; }
.subtle, .mini-label, .required-note, .optional-note { font-size: 11px; }
.mini-label { letter-spacing: .8px; }
.count-badge { min-width: 25px; height: 24px; font-size: 12px; }
.profiles-list { padding: 0 22px; }
.profile-card { padding: 21px 0; }
.profile-name { font-size: 17px; }
.profile-identifier, .profile-proxy-value, .kovex-profile-label { font-size: 12px; }
.status-pill, .rotation-status-label, .integration-badge { font-size: 11px; }
.rotation-reason, .rotation-countdown { font-size: 12px; }
.rotation-status-label { letter-spacing: .2px; }
.profile-rotation { row-gap: 6px; }
.decision-reason, .combat-signal, .deadline-display { font-size: 13px; }
.profile-proxy { flex-wrap: wrap; gap: 6px 10px; }
.idle-row p { font-size: 13px; }
.idle-row .manual-launch-button { font-size: 12px; min-height: 30px; }
.button.small, .profile-extras .button { font-size: 12px; min-height: 36px; }
.toggle-control { font-size: 13px; }
.panel-footnote { font-size: 12px; padding: 14px 22px; }
.field-help, .form-error, .connection-note, .callout, .modal-description { font-size: 13px; }
.empty-state p { font-size: 14px; max-width: 390px; }
.empty-state { min-height: 280px; padding: 32px 26px; }
.launch-readiness-banner { margin-bottom: 18px; }
.launch-readiness-banner strong { font-size: 14px; }
.launch-readiness-banner p { font-size: 13px; }

.rotation-overview {
  margin: 0 0 20px;
  padding: 17px 20px;
  border: 1px solid var(--line);
  border-radius: var(--radius);
  background: var(--panel);
}

.rotation-summary strong { font-size: 14px; }
.rotation-summary > span:last-child { font-size: 13px; }
.settings-panel { max-width: 960px; }
.settings-panel .panel-body { padding: 22px; }
.section-description { color: var(--muted); font-size: 14px; line-height: 1.7; margin-bottom: 20px; }
.settings-enable { padding: 16px; margin-bottom: 24px; }
.settings-enable strong { font-size: 15px; }
.settings-enable p { font-size: 13px; }
.settings-grid { gap: 24px; }
.settings-grid label, .stack-form label, .panel-body label, .modal label { font-size: 13px; }
.settings-grid label > span { font-size: 12px; }
.settings-grid .field-help { margin-top: 8px; }
.settings-callout { font-size: 13px; }
.settings-save-row { display: flex; align-items: center; justify-content: space-between; gap: 16px; margin-top: 22px; }
.settings-save-status { font-size: 13px; color: var(--muted); line-height: 1.6; }
.form-actions { display: flex; justify-content: flex-end; gap: 10px; flex-shrink: 0; }
.panel-body .toggle-control { display: inline-flex; }

.connections-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 22px; align-items: start; }
.connections-grid .kovex-panel, .connections-grid .safety-panel { grid-column: auto; }
.connections-grid .panel-body { padding: 22px; }
.connection-section-title { font-size: 15px; font-weight: 500; margin-bottom: 8px; }
.advanced-connection { margin-top: 22px; padding-top: 20px; }
.safety-panel { padding: 23px; }
.safety-panel h2 { font-size: 23px; margin-bottom: 21px; }
.safety-steps li > span { font-size: 12px; }
.safety-steps p, .safety-note { font-size: 13px; }
.safety-steps { gap: 20px; }
.safety-panel .eyebrow { font-size: 11px; }

.history-panel .events-list { max-height: none; padding: 0 22px; }
.event { grid-template-columns: 7px minmax(0, 1fr) 75px; padding: 17px 0; }
.event-message { font-size: 14px; }
.event time { font-size: 12px; }
.quiet-empty { font-size: 14px; }
.profile-modal .stack-form { padding: 0; }
.modal label { margin-bottom: 9px; }
.icon-button { min-width: 36px; height: 36px; }
input:not([type=checkbox],[type=radio]), textarea { font-size: 14px; min-height: 43px; }
.telemetry-modal textarea { font-size: 12px; }
footer { margin-top: 8px; padding-top: 22px; font-size: 11px; color: var(--quiet); }
footer > span:first-child { font-size: 10px; }

@media (min-width: 1050px) {
  .accounts-panel .profiles-list { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); column-gap: 32px; }
  .accounts-panel .profile-card:only-child { grid-column: 1 / -1; }
  .accounts-panel .profile-card:nth-last-child(2):nth-child(odd) { border-bottom: 0; }
}

@media (max-width: 1100px) {
  .stat > div { display: block; }
  .stat > div > span { display: block; margin-top: 5px; }
}

@media (max-width: 800px) {
  .connections-grid { grid-template-columns: 1fr; }
  .topbar { height: 70px; }
  .page-heading p { max-width: none; }
  .stat { padding: 0 15px; }
  .stat-label { font-size: 10px; letter-spacing: .4px; }
  .stat > div > span { font-size: 11px; }
  .section-tab { padding: 10px; }
}

@media (max-width: 600px) {
  main { padding-top: 22px; }
  h1 { font-size: 29px; }
  .page-heading { gap: 16px; }
  .page-heading p { font-size: 13px; }
  .heading-actions { gap: 10px; }
  .page-heading .button { font-size: 12px; min-height: 39px; padding: 9px 12px; }
  .section-tabs { gap: 2px; padding: 4px; }
  .section-tab { font-size: 12px; padding: 10px 5px; min-height: 42px; }
  .overview { grid-template-columns: repeat(2, minmax(0, 1fr)); padding: 0; }
  .stat { padding: 17px; }
  .stat:nth-child(2) { border-right: 0; }
  .stat:nth-child(-n+2) { border-bottom: 1px solid var(--line); }
  .stat > div { display: block; }
  .stat > div > span { max-width: none; font-size: 12px; }
  .panel-heading { padding: 17px 18px; }
  .panel h2 { font-size: 17px; }
  .profiles-list { padding: 0 18px; }
  .profile-name { font-size: 16px; }
  .settings-grid { grid-template-columns: 1fr; gap: 20px; }
  .settings-grid label > span { float: right; display: initial; }
  .settings-panel .panel-body, .connections-grid .panel-body { padding: 18px; }
  .settings-save-row { flex-direction: column; align-items: stretch; gap: 12px; }
  .form-actions { justify-content: flex-start; }
  .settings-enable { gap: 14px; }
  .rotation-summary > span:last-child { margin-left: 15px; }
  .panel-footnote { font-size: 12px; padding: 14px 18px; align-items: start; }
  .profile-rotation { grid-template-columns: minmax(0, 1fr); }
  .profile-rotation .rotation-countdown, .profile-rotation .resume-rotation-button { grid-column: 1; }
  .event { gap: 10px; grid-template-columns: 5px minmax(0, 1fr) 65px; }
  .event-message { font-size: 13px; }
  .event time { font-size: 11px; }
  .modal .modal-actions { flex-wrap: wrap; }
  .topbar .connection { font-size: 11px; max-width: 145px; }
}

/* Keep every account on a single table row; detailed controls live in a dialog. */
.accounts-table-scroll {
  width: 100%;
  overflow-x: auto;
  scrollbar-color: #536273 #18232e;
}

.accounts-table-scroll:focus-visible {
  outline: 2px solid var(--gold);
  outline-offset: -3px;
}

.accounts-table {
  width: 100%;
  min-width: 1300px;
  border-collapse: collapse;
  table-layout: fixed;
  text-align: left;
}

.accounts-panel .accounts-table .profiles-list { display: table-row-group; padding: 0; }
.accounts-table th, .accounts-table td { padding: 15px 16px; vertical-align: middle; }
.accounts-table thead th {
  padding-top: 13px;
  padding-bottom: 13px;
  border-bottom: 1px solid var(--line);
  background: #141f2a;
  color: var(--muted);
  font-size: 12px;
  font-weight: 550;
}

.accounts-table thead th:nth-child(1) { width: 16%; padding-left: 22px; }
.accounts-table thead th:nth-child(2) { width: 9%; }
.accounts-table thead th:nth-child(3) { width: 10%; }
.accounts-table thead th:nth-child(4) { width: 15%; }
.accounts-table thead th:nth-child(5) { width: 10%; }
.accounts-table thead th:nth-child(6) { width: 15%; }
.accounts-table thead th:nth-child(7) { width: 11%; }
.accounts-table thead th:nth-child(8) { width: 14%; }
.accounts-table .account-row { padding: 0; border: 0; }
.accounts-table .account-row > th,
.accounts-table .account-row > td { border-bottom: 1px solid var(--line); }
.accounts-table .account-row:last-child > th,
.accounts-table .account-row:last-child > td { border-bottom: 0; }
.accounts-table .account-row:hover { background: #1b2834; }
.accounts-table .account-row > th { padding-left: 22px; font-weight: 500; }
.accounts-table .profile-identity { gap: 10px; }
.accounts-table .avatar { width: 29px; height: 29px; font-size: 11px; border-radius: 7px; }
.accounts-table .profile-name { font-size: 14px; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.accounts-table .status-pill { display: inline-block; max-width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; vertical-align: middle; font-size: 11px; letter-spacing: 0; }
.accounts-table .profile-proxy-value { display: block; font-size: 12px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.accounts-table .table-runtime { display: block; font-size: 13px; font-variant-numeric: tabular-nums; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.accounts-table .table-instance { display: block; font-size: 13px; color: var(--muted); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.accounts-table .rotation-status-label { font-size: 12px; font-weight: 500; letter-spacing: 0; white-space: nowrap; }
.accounts-table .account-row > td:nth-child(6),
.accounts-table .account-row > td:nth-child(7) { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.table-usage { font-size: 13px; font-variant-numeric: tabular-nums; }
.table-usage-range { margin-left: 6px; font-size: 11px; color: var(--muted); }
.accounts-table .table-rotation { font-size: 12px; color: var(--muted); white-space: nowrap; }
.accounts-table .table-rotation:not(:empty) { margin-left: 6px; }
.table-actions { display: flex; align-items: center; gap: 8px; }
.table-actions .button { min-height: 33px; font-size: 12px; padding: 6px 10px; }
.accounts-table .row-error { margin: 6px 0 0; font-size: 12px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.account-modal { width: min(620px, calc(100vw - 36px)); }
.account-modal .profile-card { padding: 0; border: 0; }
.account-modal .profile-card-heading { margin-bottom: 18px; }
.account-modal .profile-name { font-size: 18px; }
.account-modal .profile-identifier { margin-top: 6px; }
.account-modal .profile-proxy { padding: 12px 14px; border: 1px solid var(--line); border-radius: 7px; background: #111d27; }
.account-modal .profile-extras { flex-wrap: wrap; }
.account-runtime-form { margin-top: 20px; padding-top: 20px; border-top: 1px solid var(--line); }
.account-runtime-form h3 { font-size: 17px; font-weight: 500; }
.account-runtime-summary { display: grid; grid-template-columns: 1fr 1fr; gap: 18px; margin: 17px 0 9px; }
.account-runtime-summary strong { display: block; font-size: 20px; font-weight: 500; margin-top: 6px; font-variant-numeric: tabular-nums; }
.account-runtime-limit { color: var(--gold); }
.account-runtime-window { margin-bottom: 18px; }
.account-runtime-fields { display: grid; grid-template-columns: 1fr 1fr; gap: 18px; }
.account-runtime-fields input { display: block; margin-top: 8px; }
.account-runtime-range { margin: 6px 0 12px; color: var(--gold); }
.account-runtime-save-row { display: flex; flex-direction: column; gap: 12px; margin-top: 16px; }
.account-runtime-save-row .form-actions { justify-content: flex-start; }
.table-client-profile { min-width: 0; max-width: 72px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 11px; color: var(--muted); }
.table-client-profile:not(:empty)::before { content: '/ '; }
.client-profiles-layout { display: grid; grid-template-columns: minmax(0, 1.4fr) minmax(280px, 1fr); align-items: start; gap: 22px; }
.client-profiles-list { display: flex; flex-direction: column; gap: 20px; }
.client-profile-editor { padding: 18px; border: 1px solid var(--line); border-radius: 9px; background: #121e29; }
.client-profile-editor-heading, .client-profile-actions { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 12px; }
.client-profile-editor-heading { margin-bottom: 14px; }
.client-profile-editor label { margin-top: 14px; }
.client-profile-editor input { display: block; margin-top: 8px; }
.client-profile-actions { margin-top: 15px; }
#client-profile-import-form > label:not(:first-child) { margin-top: 20px; }
#client-profile-import-form > .field-help { margin-top: 12px; }
.account-client-profile-form { margin-top: 20px; padding-top: 18px; border-top: 1px solid var(--line); }
.account-client-profile-select { display: block; width: 100%; min-height: 43px; margin-top: 8px; padding: 10px 12px; border: 1px solid #35414e; border-radius: 6px; color: var(--text); background: #101b25; font: inherit; }
.account-client-profile-select:focus-visible { outline: 2px solid var(--gold); outline-offset: 3px; }
input[type=file] { max-width: 100%; font-size: 12px; }
input[type=file]::file-selector-button { margin-right: 10px; border: 0; border-radius: 4px; padding: 5px 8px; background: #2b3947; color: var(--text); cursor: pointer; }

@media (max-width: 850px) {
  .client-profiles-layout { grid-template-columns: 1fr; }
}

@media (max-width: 600px) {
  .accounts-table th, .accounts-table td { padding-top: 13px; padding-bottom: 13px; }
  .accounts-table thead th:first-child, .accounts-table .account-row > th { padding-left: 18px; }
  .account-modal .idle-actions { justify-content: flex-start; }
}

/* Each instance has its own account pool and runtime window. */
.instances-panel { max-width: 1120px; }
.instances-panel .panel-body { padding: 22px; }
.instances-list { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 20px; }
.instance-editor { min-width: 0; padding: 19px; border: 1px solid var(--line); border-radius: 10px; background: #121e29; }
.instance-editor-heading { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 12px; margin-bottom: 20px; }
.instance-status { font-size: 13px; line-height: 1.5; color: var(--muted); }
.instance-editor-actions { display: flex; align-items: center; gap: 18px; }
.instance-editor .toggle-control { margin: 0; }
.instance-editor .remove-instance { font-size: 12px; }
.instance-editor .remove-instance:hover:not(:disabled) { color: var(--red); }
.instance-fields { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 18px; }
.instance-fields label { margin: 0; font-size: 13px; line-height: 1.6; }
.instance-fields input, .instance-fields select { display: block; margin-top: 8px; }
.field-unit { float: right; font-size: 12px; color: var(--muted); font-weight: 400; }
.instance-fields select { width: 100%; min-height: 43px; padding: 10px 12px; border: 1px solid #35414e; border-radius: 6px; background: #101b25; color: var(--text); font: inherit; }
.instance-fields select:disabled { opacity: 1; color: var(--muted); }
.instance-fields select:focus-visible { outline: 2px solid var(--gold); outline-offset: 3px; }
.instance-account-pool { min-width: 0; margin: 22px 0 0; padding: 16px 0 0; border: 0; border-top: 1px solid var(--line); }
.instance-account-pool legend { float: left; width: 100%; margin-bottom: 5px; font-size: 14px; font-weight: 500; }
.instance-account-pool > .field-help { clear: both; margin-bottom: 12px; }
.instance-accounts { display: flex; flex-direction: column; gap: 8px; max-height: 244px; overflow-y: auto; padding: 2px; }
.instance-accounts label { display: flex; align-items: center; gap: 10px; margin: 0; padding: 10px 12px; border: 1px solid var(--line); border-radius: 6px; color: var(--text); font-size: 13px; line-height: 1.5; cursor: pointer; }
.instance-accounts label:has(input:checked) { background: #e4be7609; border-color: #665a42; }
.instance-accounts label:has(input:disabled) { color: var(--muted); cursor: default; }
.instance-accounts input[type=checkbox] { width: 16px; height: 16px; flex-shrink: 0; margin: 0; accent-color: var(--gold); }
.instance-accounts input[type=checkbox]:focus-visible { outline: 2px solid var(--gold); outline-offset: 3px; }
.instance-accounts label > span { min-width: 0; overflow-wrap: anywhere; }
.instance-accounts .field-help { padding: 8px 0; }

@media (max-width: 1050px) {
  .instances-list { grid-template-columns: 1fr; }
}

@media (max-width: 600px) {
  .section-tabs { overflow-x: auto; scrollbar-width: thin; }
  .section-tab { flex: 1 0 auto; min-width: 78px; }
  .instances-panel .panel-body { padding: 18px; }
  .instances-panel .panel-heading { flex-wrap: wrap; }
  .instance-editor { padding: 16px; }
  .instance-fields { gap: 16px 12px; }
  .instance-fields .field-unit { float: none; }
}

@media (max-width: 420px) {
  .instance-fields { grid-template-columns: 1fr; }
  .instance-fields .field-unit { float: right; }
}

/* Put routine rotation choices first and keep setup explanations close. */
.settings-map {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  max-width: 960px;
  gap: 12px;
  margin-bottom: 20px;
}
.settings-map > button, .settings-map > div {
  display: block;
  padding: 17px;
  border: 1px solid var(--line);
  border-radius: 10px;
  background: #15212c;
  color: var(--text);
  text-align: left;
}
.settings-map > button:hover { border-color: #6d6047; background: #1e2a33; }
.settings-map strong { display: block; font-size: 14px; font-weight: 550; margin-bottom: 7px; }
.settings-map span { display: block; color: var(--muted); font-size: 13px; line-height: 1.6; }
.settings-primary-grid { margin-top: 24px; }
.automation-readiness { padding: 16px; border: 1px solid #504c40; border-radius: 8px; background: #292a25; }
.automation-readiness strong { font-size: 14px; font-weight: 550; }
.automation-readiness p { margin-top: 6px; color: var(--muted); font-size: 13px; line-height: 1.7; }
.automation-readiness .button { margin-top: 12px; }
.advanced-settings { margin-top: 26px; padding-top: 21px; border-top: 1px solid var(--line); }
.advanced-settings > summary { color: var(--muted); cursor: pointer; font-size: 14px; padding: 4px 0; }
.advanced-settings[open] > summary { color: var(--text); margin-bottom: 20px; }
.settings-wide-help { grid-column: 1 / -1; margin-top: -10px; }
.settings-closing-note { margin-top: 22px; }
.instance-launch-area { display: flex; align-items: center; justify-content: space-between; gap: 16px; padding: 15px; border: 1px solid #4e4b3e; border-radius: 8px; background: #242a29; margin-bottom: 21px; }
.instance-launch-area > div { min-width: 0; }
.instance-next-account { display: block; font-size: 14px; line-height: 1.5; font-weight: 550; overflow-wrap: anywhere; }
.instance-launch-reason { margin-top: 7px; overflow-wrap: anywhere; }
.instance-launch { flex-shrink: 0; min-height: 41px; }
.client-profile-tools { display: flex; align-items: center; gap: 18px; }
.client-profile-tools .client-profile-delete { color: var(--red); }
.client-profile-assignment-note { overflow-wrap: anywhere; }
.deleted-profiles { margin-top: 24px; padding-top: 18px; border-top: 1px solid var(--line); }
.deleted-profiles > summary { color: var(--muted); font-size: 14px; cursor: pointer; padding: 4px 0; }
.deleted-profiles[open] > summary { margin-bottom: 12px; }
#deleted-client-profiles-count { display: inline-block; margin-left: 7px; min-width: 22px; padding: 2px 5px; text-align: center; border-radius: 5px; background: #283441; color: var(--text); font-size: 12px; }
.deleted-profile-row { display: flex; align-items: center; justify-content: space-between; gap: 15px; border-bottom: 1px solid var(--line); padding: 14px 0; }
.deleted-profile-row:last-child { border-bottom: 0; }
.deleted-profile-row > div { min-width: 0; }
.deleted-profile-name { display: block; font-size: 14px; font-weight: 500; overflow-wrap: anywhere; }
.deleted-profile-row .subtle { display: block; margin-top: 5px; }

@media (max-width: 650px) {
  .settings-map { grid-template-columns: 1fr; gap: 8px; }
  .settings-map > button, .settings-map > div { padding: 13px 15px; }
  .settings-map strong { margin-bottom: 3px; }
  .instance-launch-area { align-items: stretch; flex-direction: column; gap: 13px; }
  .instance-launch { align-self: flex-start; }
}

.remote-device-note { margin: 0 0 18px; padding: 15px 18px; border: 1px solid #435468; border-radius: 9px; background: #182636; }
.runtime-readiness { margin: 20px 0; line-height: 1.8; }
.cookie-help { margin-top: 18px; color: var(--muted); font-size: 13px; line-height: 1.7; }
.cookie-help summary { color: var(--text); cursor: pointer; }
.cookie-help ol { margin: 12px 0; padding-left: 22px; }
.cookie-help li + li { margin-top: 7px; }
.cookie-help a { color: var(--gold); }
.remote-device-note strong { display: block; font-size: 15px; font-weight: 550; }
.remote-device-note p { margin-top: 6px; color: var(--muted); font-size: 13px; line-height: 1.7; }
.remote-connection-guide { margin-top: 18px; padding: 15px; border: 1px solid var(--line); border-radius: 7px; background: #111d27; }
.cloud-manager [data-local-only] { display: none !important; }
.cloud-manager #cloud-device-nav { margin-left: auto; margin-right: 22px; }
@media (max-width: 750px) { .cloud-manager .topbar { flex-wrap: wrap; height: auto; min-height: 80px; padding: 15px 0; gap: 13px; } .cloud-manager #cloud-device-nav { margin-right: 0; } .cloud-manager .connection { flex-basis: 100%; max-width: none; } }