html.device-session-disconnected body > :not(#deviceSessionRoot):not(#deviceLoginRoot){display:none!important}
html.device-session-disconnected body{visibility:visible!important;background:var(--surface-page,#f6f7f9)!important}
#deviceSessionRoot,#deviceLoginRoot{position:fixed;inset:0;z-index:2147483000;background:var(--surface-page,#f6f7f9);color:#252b3a;font:14px/1.5 Inter,'Segoe UI','Microsoft YaHei UI',sans-serif}
.ds-screen{display:flex;align-items:center;gap:11px;padding:28px 36px;font-size:23px;font-weight:650;color:var(--surface-text,#34394e)}
.ds-pending{position:absolute;top:45%;left:0;right:0;text-align:center;color:var(--surface-text,#34394e);font-size:14px}
.ds-dialog{position:fixed;inset:0;margin:auto;box-sizing:border-box;width:482px;max-width:calc(100vw - 32px);max-height:calc(100dvh - 32px);overflow:auto;border:1px solid #e4e8ee;border-radius:15px;padding:29px 30px 23px;background:#fff;color:#252b3a;box-shadow:0 18px 65px #161d2b1a;font:14px/1.5 Inter,'Segoe UI','Microsoft YaHei UI',sans-serif}
.ds-dialog::backdrop{background:rgba(33,40,55,.26);backdrop-filter:blur(5px)}
.ds-head{display:flex;align-items:center;gap:10px;margin-bottom:20px;font-size:9px;font-weight:600;letter-spacing:1.7px;color:#778090}.ds-head>img{margin-left:auto}.ds-shield{width:34px;height:34px;border:1px solid #f1dbdd;border-radius:10px;background:#fff7f7;color:#b54049;display:grid;place-items:center;font-size:19px;letter-spacing:0}.ds-dialog h2{font-size:25px;font-weight:600;line-height:1.28;letter-spacing:-.75px;margin:0 0 13px;outline:none}.ds-message{font-size:13px;line-height:1.8;color:#697385;margin:0 0 23px}.ds-details{border:1px solid #e4e8ee;border-radius:10px;overflow:hidden;margin-bottom:20px}.ds-device-row{display:flex;align-items:center;gap:12px;background:#f8f9fb;padding:15px 17px;border-bottom:1px solid #e4e8ee;font-size:12px;font-weight:550}.ds-offline{margin-left:auto;font-size:10px;color:#9b6870;font-weight:400}.ds-details dl{margin:0;padding:17px 17px 7px;display:flex;flex-direction:column;gap:12px}.ds-details dl>div{display:flex;justify-content:space-between;align-items:baseline;gap:16px}.ds-details dt{font-size:11px;color:#778090;flex:none}.ds-details dd{margin:0;text-align:right;font-size:11px;font-variant-numeric:tabular-nums}.ds-duration{font-weight:600}.ds-zone,.ds-tracking{font-size:9px;color:#939aa7;margin:0;padding:6px 17px 15px;text-align:right}.ds-warning{padding:13px 14px;border:1px solid #f1dbdd;border-radius:8px;color:#b54049;background:#fff7f7;font-size:11px;line-height:1.85;margin:0 0 21px}.ds-ok{width:100%;min-height:43px;background:#34394e;color:white;border:1px solid #34394e;border-radius:7px;font:550 12px 'Segoe UI',sans-serif;cursor:pointer}.ds-ok:focus-visible{outline:2px solid #8797b3;outline-offset:4px}.ds-foot{font-size:9px;color:#778090;text-align:center;line-height:1.7;margin:13px 0 0}
html[data-background-theme=dark] .ds-dialog{background:#1b2230;color:#e4eaf5;border-color:#333e50}html[data-background-theme=dark] .ds-device-row{background:#222b3a;border-color:#333e50}html[data-background-theme=dark] .ds-details{border-color:#333e50}html[data-background-theme=dark] :is(.ds-message,.ds-details dt,.ds-head,.ds-zone,.ds-foot,.ds-tracking){color:#a4b0c3}html[data-background-theme=dark] :is(.ds-warning,.ds-shield){background:#33242d;border-color:#5d3845;color:#f0a6ad}html[data-background-theme=dark] .ds-ok{background:#d8deed;border-color:#d8deed;color:#1b2434}
.ds-shield svg{width:21px;height:21px}.ds-device-label{display:block;font-size:9px;color:#778090;font-weight:400;margin-bottom:2px}.ds-device{display:block;font-size:12px;font-weight:550}.ds-warning{display:flex;gap:9px;align-items:flex-start}.ds-warning svg{width:16px;height:16px;flex:none;margin-top:3px}.ds-offline:before{content:'';display:inline-block;width:5px;height:5px;border-radius:50%;background:currentColor;margin-right:5px}html[data-background-theme=dark] .ds-device-label{color:#a4b0c3}
@media(max-width:600px){.ds-dialog{padding:24px 23px 20px;border-radius:13px}.ds-dialog h2{font-size:23px}.ds-message{font-size:12px;margin-bottom:20px}.ds-device-row{padding:13px 14px}.ds-details dl{padding:15px 14px 7px;gap:13px}.ds-details dl>div{gap:10px}.ds-details dt,.ds-details dd{font-size:10px}.ds-warning{font-size:10.5px;padding:12px;margin-bottom:18px}.ds-foot{font-size:8.5px}.ds-zone,.ds-tracking{font-size:8px;padding:5px 14px 13px}}
@media(max-width:360px){.ds-dialog{padding:20px 18px 18px}.ds-dialog h2{font-size:21px}.ds-details dl>div{align-items:flex-start}.ds-details dt{max-width:76px}.ds-details dd{max-width:154px;line-height:1.7}}
@media(prefers-reduced-motion:reduce){.ds-dialog,.ds-dialog *{animation:none!important;transition:none!important}}

.ds-login label{display:block;font-size:12px;margin:15px 0 7px;color:inherit}.ds-login input{box-sizing:border-box;width:100%;min-width:0;height:43px;border:1px solid #dce1e9;border-radius:7px;padding:0 12px;background:#fff;color:#252b3a;font:14px 'Segoe UI',sans-serif}.ds-login input:focus-visible{outline:2px solid #8797b3;outline-offset:2px}.ds-login [hidden]{display:none!important}.ds-code-row{display:flex;gap:10px}.ds-code-row input{flex:1;width:0}.ds-send,.ds-cancel{font:12px 'Segoe UI',sans-serif;cursor:pointer;border:1px solid #dce1e9;border-radius:7px;background:#f8f9fb;color:#34394e;padding:0 12px;min-height:43px}.ds-cancel{display:block;width:100%;margin-top:10px}.ds-login-status{min-height:20px;font-size:12px;line-height:1.6;margin:15px 0;color:#9b4652}.ds-email{font-size:13px;overflow-wrap:anywhere;color:#697385;margin:0 0 15px}.ds-login button:disabled{opacity:.6;cursor:wait}.ds-login .ds-message{margin-bottom:20px}html[data-background-theme=dark] .ds-login input,html[data-background-theme=dark] :is(.ds-send,.ds-cancel){background:#222b3a;color:#e4eaf5;border-color:#435068}html[data-background-theme=dark] .ds-login-status{color:#f0a6ad}html[data-background-theme=dark] .ds-email{color:#a4b0c3}

.ds-login-status[data-tone=success]{color:#3b6f58}html[data-background-theme=dark] .ds-login-status[data-tone=success]{color:#a0cfb3}
