/* CX remote workspace: daylight navigation, bright blue actions, explicit states. */
:root{
 --cx:#285dff;--cx-h:#174ce8;--cx-light:#edf3ff;--cx-line:#d2dfff;
 --bg:#f7f8fc;--surface:#fff;--surface-2:#f5f7fc;--surface-3:#edf0f7;
 --ink:#202538;--ink-2:#536079;--ink-3:#68748b;--border:#e5e8f0;--border-2:#d3dbea;
 --ok:#285dff;--ok-soft:#e7efff;--sidebar-w:240px;
 --slate:var(--cx);--slate-h:var(--cx-h);--slate-soft:var(--cx-light);--slate-text:var(--cx);
 --green:var(--cx);--muted:var(--ink-2);--soft:var(--surface-2);--panel:var(--surface);--line:var(--border);--base:var(--bg);
 --shadow-s:0 1px 3px #172b4609
}
.topbar{background:#fffdfa;color:#202538;border-bottom:1px solid #e5e8f0}
.topbar-brand{border-color:#e5e8f0}
.topbar-name,.nav-user-name{color:#202538}
.topbar-workspace,.nav-user-role,.topbar .icon-btn{color:#68748b}
.topbar-user{border-color:#e5e8f0}
.topbar .brand-mark.small{color:#285dff;background:#edf3ff}
.topbar .logout-btn{font-size:11px;min-width:36px}
.topbar .nav-toggle{color:#536079;border-color:#e5e8f0}
.sidebar{background:#ffffff;color:#536079;border-color:#e5e8f0}
.sidebar-group-label{color:#8a94a9}
.sidebar-group-admin{border-color:#e5e8f0}
#console-nav>button,#console-nav>a.sidebar-utility{color:#536079}
#console-nav>button:hover{background:#f0f4ff;color:#285dff}
#console-nav>button.active,#console-nav>button[aria-current="page"]{color:#285dff;background:#edf3ff;box-shadow:inset 3px 0 #285dff}
#console-nav>.sidebar-utility{color:#68748b}
#console-nav>#compatibility-settings{border-color:#e5e8f0}
#console-nav>.security-link:hover{background:#f0f4ff}
.sidebar-badge{background:#f0f4fa;color:#536079;border-color:#dce5f7}
.sidebar-item.active .sidebar-badge,#console-nav>button.active b,#console-nav>button[aria-current="page"] b{background:#dce7ff;color:#285dff;border-color:#c8d8ff}
.primary,.account-primary{box-shadow:none}
.primary:hover,.account-primary:hover{background:var(--cx-h)}
.pill,.compat-check .passed{color:var(--ok);background:var(--ok-soft)}
.pill.warn{color:var(--amber);background:var(--amber-soft)}
.pill.off{color:var(--ink-3);background:var(--surface-3)}
.pill.critical{color:var(--danger);background:var(--danger-soft)}
.login{background:#fffdfa}
.login-context,.login-context-brand{color:#202538}
.login-context-label{color:#285dff}
.login-context>p,.login-back{color:#596277}
.login-back:hover{color:#fff}
.login-connection{color:#285dff}
.login-connection>b{background:#285dff;color:#fff}
.login-connection>span{background:#fff;color:#285dff;border-color:#d2dfff}
.login-connection>i{background:#c4d5ff}
.login-card{background:var(--surface);border-color:var(--border);box-shadow:0 22px 50px #285dff12}
.device-state-filters{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin:0 0 15px}
.device-state-filters button{min-height:36px;border:1px solid var(--border);border-radius:7px;padding:7px 11px;background:var(--surface);color:var(--ink-2);font-size:12px}
.device-state-filters button span{margin-left:5px;font-variant-numeric:tabular-nums;font-size:11px}
.device-state-filters button[aria-pressed="true"]{background:var(--cx);color:#fff;border-color:var(--cx)}
.device-state-filters button:hover:not([aria-pressed="true"]){background:var(--cx-light)}
body #billing-console{--billing-bg:var(--surface)}
#billing-console .primary{color:#fff}
.security-card{margin-block:48px}
.security-card .brand{color:var(--cx);font-weight:700}
.account-center,.compat-dialog{background:var(--surface);border-color:var(--border)}
@media(max-width:860px){:root{--sidebar-w:0px}.sidebar{width:255px}.login{background:var(--bg)}}
@media(max-width:540px){.device-state-filters{gap:6px}.device-state-filters button{font-size:11px;padding-inline:9px}}
@media(max-width:540px){
 [data-page="devices"] table,[data-page="devices"] tbody{display:block;width:100%;min-width:0}
 [data-page="devices"] thead{position:absolute;width:1px;height:1px;clip-path:inset(50%);overflow:hidden}
 [data-page="devices"] tbody tr{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;padding:15px;border-bottom:1px solid var(--border)}
 [data-page="devices"] tbody tr:last-child{border-bottom:0}
 [data-page="devices"] td{display:block;padding:0!important;border:0;min-width:0!important;max-width:none!important}
 [data-page="devices"] td:first-child{grid-column:1;grid-row:1/3}
 [data-page="devices"] td:nth-child(2){grid-column:1;grid-row:3;font-size:10px;color:var(--ink-3);overflow-wrap:anywhere}
 [data-page="devices"] td:nth-child(2)::before{content:"所属账号："}
 [data-page="devices"] td:nth-child(3){grid-column:2;grid-row:1;justify-self:end}
 [data-page="devices"] td:nth-child(4){grid-column:2;grid-row:2;font-size:10px;color:var(--ink-3);text-align:right}
 [data-page="devices"] td:last-child{grid-column:1/-1;grid-row:4;border-top:1px solid var(--border);padding-top:10px!important}
 [data-page="devices"] .pill{white-space:normal;font-size:9px;max-width:120px}
}


/* Keep this interface bright on every OS theme. */
:root{color-scheme:light;--amber:#a85219;--amber-soft:#fff0de;--amber-text:#894415;--danger:#c92e46;--danger-soft:#fff0f3;--ok:#285dff;--ok-soft:#edf3ff;--shadow-s:0 3px 16px #354e7c06}
.topbar{background:#fff;box-shadow:0 2px 12px #35558605}.topbar .logout-btn{color:var(--ink-2)}.topbar .icon-btn:hover{background:var(--cx-light);color:var(--cx)}.sidebar{background:#fff}.sidebar-group-label{font-weight:650}.topbar-logo{background:transparent}#console-nav>button.active,#console-nav>button[aria-current="page"]{box-shadow:none;font-weight:700}#console-nav>button.active .nav-icon{stroke-width:2}.workspace-header h1{font-size:28px}.workspace-open{color:var(--cx);border-color:var(--cx-line);background:#fff}.stat{padding:23px 24px;border-radius:16px}.stat strong{font-size:34px;color:var(--ink)}.stat::after{width:8px;height:8px;border:0;background:var(--cx)}.stat:nth-child(2)::after{background:#ff9259}.stat:nth-child(3)::after{background:#9482ea}.stat:nth-child(4)::after{background:#e7b94a}.stat:nth-child(2){background:#fff9f3;border-color:#f2e6d9}.stat:nth-child(3){background:#f8f6ff;border-color:#e9e4f7}.quick-links>button{border-radius:12px}.quick-icon{background:var(--cx-light)}.quick-links>button:nth-child(2) .quick-icon{background:#fff0df;color:#b95f23}.quick-links>button:nth-child(3) .quick-icon{background:#f0eaff;color:#7958cb}.overview-devices,.overview-system,.panel{border-radius:16px}.pill.off{color:var(--ink-3)}.primary,.account-primary,.login-card .primary{color:#fff}.danger{color:#fff}.login{background:linear-gradient(120deg,#f0f5ff,#fffdfa 66%)}.login-context{color:var(--ink)}.login-context h2{color:var(--ink)}.login-back:hover{color:var(--cx)}.login-connection>b{background:var(--cx);color:#fff}.login-card{box-shadow:0 14px 60px #285dff0d}.login-context-label{color:var(--cx)}
@media(max-width:540px){.stat{padding:17px}.stat strong{font-size:28px}.workspace-header h1{font-size:24px}}

/* Account metadata: keep times readable and actions accessible by scrolling. */
[data-page="users"] table{min-width:1240px}[data-page="users"] th,[data-page="users"] td{padding-left:14px;padding-right:14px}[data-page="users"] th{white-space:nowrap}.user-time,.user-access,.user-apps{white-space:nowrap;font-variant-numeric:tabular-nums}.user-time time{font-size:12px;font-weight:550}.user-role{display:flex;flex-direction:column;align-items:flex-start;gap:7px}.user-identity{min-width:105px}.user-apps span{display:block;font-size:12px}.user-access{font-size:12px}[data-page="users"] td:last-child{min-width:190px}[data-page="users"] td:last-child .actions{max-width:260px;gap:6px}[data-page="users"] td:last-child button{white-space:nowrap}.user-time small,.user-identity small,.user-apps small,.user-access small{margin-top:4px}