/* Deskly 1.7 — Modern Operations Workspace */
:root{
  --bg:#f3f6fb;
  --surface:#ffffff;
  --surface-soft:#f7f9fc;
  --surface-tint:#f5f7ff;
  --text:#182033;
  --text-strong:#111827;
  --text-soft:#687386;
  --muted:#98a2b3;
  --line:#e6eaf1;
  --line-strong:#d8deea;
  --primary:#4263eb;
  --primary-hover:#3451d1;
  --primary-soft:#eef2ff;
  --primary-softer:#f7f8ff;
  --success:#16a36a;
  --success-soft:#ecfdf5;
  --warning:#d9861a;
  --warning-soft:#fff8e8;
  --danger:#dc4c4c;
  --danger-soft:#fff1f2;
  --shadow-sm:0 1px 2px rgba(16,24,40,.03),0 8px 24px rgba(15,23,42,.025);
  --shadow-md:0 8px 30px rgba(30,41,59,.07),0 1px 2px rgba(15,23,42,.04);
  --shadow-float:0 18px 55px rgba(30,41,59,.10),0 2px 8px rgba(15,23,42,.05);
  --radius:16px;
  --sidebar:244px;
}
html,body{background:var(--bg)}
body{font-size:14px;letter-spacing:-.005em;background:
  radial-gradient(circle at 82% -5%,rgba(91,121,255,.08),transparent 26rem),
  linear-gradient(180deg,#f8faff 0,#f3f6fb 28rem,#f3f6fb 100%)}

/* Product shell */
.app-layout{grid-template-columns:260px minmax(0,1fr);gap:0}
.sidebar{
  top:14px;height:calc(100vh - 28px);margin:0 0 14px 14px;border:1px solid rgba(221,226,236,.92);
  border-radius:20px;background:rgba(255,255,255,.94);box-shadow:var(--shadow-md);overflow:hidden;backdrop-filter:blur(18px)
}
.sidebar-brand{height:72px;padding:0 18px;border-bottom:0;position:relative}
.sidebar-brand:after{content:"REMOTE OPERATIONS";position:absolute;left:61px;top:42px;font-size:8px;line-height:1;color:#9aa5b7;font-weight:800;letter-spacing:.12em}
.brand{gap:11px}.brand strong{font-size:19px;letter-spacing:-.035em}
.brand-mark{width:34px;height:34px;border-radius:10px;background:linear-gradient(145deg,#4d6ff3,#3154d8);box-shadow:0 8px 20px rgba(66,99,235,.22);font-size:15px}
.sidebar-nav{padding:10px 10px 18px;gap:3px}
.nav-label{padding:16px 10px 7px;font-size:9px;letter-spacing:.12em;color:#a1aabb}
.nav-label.second{margin-top:4px}
.nav-item{height:42px;border-radius:11px;padding:0 10px;gap:10px;color:#667085;font-size:12px;font-weight:590;position:relative}
.nav-item:hover{background:#f7f8fc;color:#263244}
.nav-item.active{background:linear-gradient(135deg,#eef2ff 0%,#f7f5ff 100%);color:#304fc6;font-weight:700;box-shadow:inset 0 0 0 1px rgba(87,108,225,.08)}
.nav-item.active:before{content:"";position:absolute;left:-1px;top:11px;width:3px;height:20px;border-radius:0 4px 4px 0;background:#4b64e8}
.nav-icon{width:28px;height:28px;flex:0 0 28px;border-radius:8px;display:grid;place-items:center;color:#7c8799}
.nav-icon svg{width:16px;height:16px;stroke-width:1.8}
.nav-item.active .nav-icon{background:#fff;color:#405de2;box-shadow:0 2px 8px rgba(45,65,150,.08)}
.nav-count{margin-left:auto;min-width:20px;height:20px;padding:0 6px;border-radius:999px;background:#eef2ff;color:#4058d1;font-size:9px;display:grid;place-items:center;font-weight:800}
.sidebar-footer{padding:10px;border-top:0}
.sidebar-help{border:0;background:linear-gradient(135deg,#f8faff,#f3f6ff);border-radius:12px;padding:11px 12px}
.help-icon{border:0;box-shadow:inset 0 0 0 1px #e2e7f0;color:#4963df}

.main-area{min-width:0;padding:0 16px 0 10px}
.topbar{
  height:64px;margin:14px 0 0;background:rgba(255,255,255,.88);border:1px solid rgba(221,226,236,.9);
  border-radius:18px;padding:0 14px 0 18px;box-shadow:var(--shadow-sm);backdrop-filter:blur(18px)
}
.topbar-left{gap:18px;min-width:0}.topbar-user{gap:8px}
.breadcrumb{font-size:11px;gap:7px;white-space:nowrap}.breadcrumb strong{color:#344054;font-weight:700}
.command-trigger{height:36px;width:min(330px,29vw);border:1px solid #e2e7ef;border-radius:10px;background:#f8faff;color:#778196;display:flex;align-items:center;gap:9px;padding:0 10px;font-size:11px;text-align:left;transition:.15s}
.command-trigger:hover{background:#fff;border-color:#d6dce7;box-shadow:0 3px 12px rgba(15,23,42,.05)}
.command-trigger svg{width:15px;height:15px}.command-trigger span{flex:1}.command-trigger kbd{font:700 9px/1 ui-sans-serif,system-ui;background:#fff;border:1px solid #dde3ec;border-bottom-color:#cbd3df;border-radius:5px;padding:4px 6px;color:#7a8495;box-shadow:0 1px 1px rgba(15,23,42,.04)}
.department-switcher{height:36px;border:1px solid #e2e7ef;border-radius:10px;background:#fff;display:flex;align-items:center;padding:0 7px 0 10px;gap:7px;min-width:178px}
.department-switcher>span{font-size:9px;color:#9aa4b5;text-transform:uppercase;letter-spacing:.07em;font-weight:800}
.department-switcher select{height:30px;border:0;box-shadow:none;padding:0 22px 0 0;background:transparent;font-size:11px;font-weight:700;color:#344054}
.user-chip{height:40px;border:0;background:transparent;border-radius:11px;padding:0 7px;display:flex;align-items:center;gap:8px}.user-chip:hover{background:#f6f8fb}
.avatar{background:linear-gradient(145deg,#e9eeff,#f4f0ff);color:#4059d5;width:32px;height:32px;border:1px solid #dde4fb}
.user-copy strong{font-size:10.5px}.user-copy small{font-size:9px}.user-chevron{font-size:12px;color:#98a2b3}

.page-content{max-width:1600px;padding:28px 10px 52px 14px}
.workspace-view{animation:desklyFade .16s ease-out}
@keyframes desklyFade{from{opacity:.25;transform:translateY(3px)}to{opacity:1;transform:none}}
.page-header{align-items:center;margin:2px 4px 22px;min-height:58px}
.page-header h1{font-size:28px;letter-spacing:-.045em;line-height:1.05;margin-bottom:7px;font-weight:760}
.page-header p{font-size:12px;line-height:1.5;color:#738094;max-width:760px}
.page-header-actions{display:flex;gap:8px}

/* Refined controls */
.btn{height:39px;border-radius:10px;padding:0 14px;font-size:11px;font-weight:720;letter-spacing:-.005em}
.btn.primary{background:linear-gradient(180deg,#4d6ff0,#405fdc);box-shadow:0 4px 12px rgba(66,99,235,.18),inset 0 1px 0 rgba(255,255,255,.18)}
.btn.primary:hover{background:linear-gradient(180deg,#4565e8,#3655ce);box-shadow:0 5px 16px rgba(66,99,235,.22)}
.btn.secondary{border-color:#dce2eb;color:#3f4a5b;box-shadow:0 1px 2px rgba(16,24,40,.025)}
.btn.secondary:hover{background:#f8faff;border-color:#cfd7e3}
.btn.ghost:hover{background:#f4f6fa}.btn.compact{height:33px;font-size:10px;border-radius:9px}
.icon-btn{border-radius:10px}.icon-btn:hover{background:#f3f5f9}
input,select,textarea{border-color:#dfe4ec;border-radius:10px;background:#fff;font-size:12px}
input:focus,select:focus,textarea:focus{border-color:#9aabf6;box-shadow:0 0 0 3px rgba(66,99,235,.09)}
.search-control{border-color:#e0e5ed;border-radius:10px;background:#fff;box-shadow:none}.search-control:focus-within{border-color:#a9b7f5;box-shadow:0 0 0 3px rgba(66,99,235,.08)}
.filter-select{border-radius:10px}

/* Surfaces — less admin-template, more layered workspace */
.card{border:1px solid rgba(225,230,238,.95);border-radius:17px;box-shadow:0 1px 2px rgba(16,24,40,.025),0 8px 25px rgba(15,23,42,.02)}
.panel-title,.sessions-panel-header{padding:17px 19px;border-bottom-color:#edf0f4}
.panel-title h2,.sessions-panel-header h2{font-size:14px;letter-spacing:-.02em}.panel-title p,.sessions-panel-header p{font-size:10px;line-height:1.45}

/* Metric rails replace generic tiles */
.stats-grid,.overview-metrics,.mini-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;background:rgba(255,255,255,.88);border:1px solid #e3e7ee;border-radius:17px;box-shadow:var(--shadow-sm);overflow:hidden;margin-bottom:18px}
.stat-card,.metric-card,.mini-stats article{min-height:94px;border:0!important;border-right:1px solid #edf0f4!important;border-radius:0;background:transparent;box-shadow:none;padding:18px 20px;position:relative}
.stats-grid>:last-child,.overview-metrics>:last-child,.mini-stats>:last-child{border-right:0!important}
.stat-copy span,.metric-card span,.mini-stats span{font-size:9px;text-transform:uppercase;letter-spacing:.07em;font-weight:800;color:#929cab}
.stat-copy strong,.metric-card strong,.mini-stats strong{font-size:25px;letter-spacing:-.045em;color:#172033;margin-top:7px}
.metric-card small{font-size:9px;color:#9aa4b4}
.stat-icon{width:32px;height:32px;border-radius:9px}.stat-indicator{font-size:9px}

/* Session workspace */
.sessions-panel{border-radius:18px}
.session-toolbar{background:#fbfcfe;border-bottom-color:#edf0f4;padding:11px 18px}
.session-table th{height:42px;background:#fafbfc;color:#8a95a6;font-size:8px;letter-spacing:.075em;border-bottom-color:#e8ecf2;padding:0 17px}
.session-table td{height:70px;padding:11px 17px;color:#566174;font-size:10.5px;border-bottom-color:#eef1f5}
.session-table tbody tr{transition:background .12s,box-shadow .12s}.session-table tbody tr:hover{background:#fafbff}.session-table tbody tr.selected{background:#f6f8ff}
.table-footer{background:#fbfcfe;border-top:0;color:#9aa4b4}
.status-badge,.device-status,.role-pill,.department-state{border-radius:999px;font-weight:760}

/* Unattended access — operational density */
.unattended-header{margin-bottom:18px}.unattended-stats{margin-bottom:12px}
.policy-banner{border:1px solid #dfe6fb;background:linear-gradient(105deg,#f8faff,#f3f8ff);border-radius:15px;padding:13px 15px;margin-bottom:14px;color:#40506b}
.policy-banner strong{font-size:10.5px}.policy-banner p{font-size:9.5px;color:#748198}
.policy-icon{background:#e7edff;color:#405fdc;border:0}
.unattended-panel{overflow:hidden;border-radius:18px}
.unattended-toolbar{padding:13px 16px;border-bottom:1px solid #edf0f4;background:#fff}
.segmented-tabs{background:#f3f5f9;border-radius:10px;padding:3px;gap:2px}.segmented-tabs button{height:31px;border-radius:8px;font-size:10px;padding:0 12px}.segmented-tabs button.active{background:#fff;color:#304fc6;box-shadow:0 1px 4px rgba(15,23,42,.08)}
.favorite-btn{font-size:15px;color:#a6afbd}.favorite-btn.active{color:#e1a42b}
.device-cell strong,.cell-primary{font-size:11px;color:#263245}.device-cell small{font-size:9px;color:#9aa4b4;margin-top:3px}
.health-cell>strong{font-size:9px}.health-cell>span{height:5px;border-radius:999px;background:#eef1f5;overflow:hidden}.health-cell>span i{border-radius:999px;background:linear-gradient(90deg,#46b881,#5e9cf7)}
.row-actions{gap:6px}.btn.table-action{border-radius:9px;background:#fff;border-color:#dfe4ec}

/* Deployment — horizontal workflow, no legacy left subnav */
.deployment-layout{display:block!important}
.subnav-card{position:static!important;top:auto!important;display:flex!important;align-items:center;gap:4px;padding:5px!important;margin-bottom:14px;overflow-x:auto;border-radius:13px;background:#eef1f6!important;border:0!important;box-shadow:none!important;white-space:nowrap}
.subnav-card button{height:36px!important;border-radius:9px!important;padding:0 13px!important;font-size:9.5px!important;color:#687386!important;border:0!important;background:transparent!important;white-space:nowrap}
.subnav-card button:hover{background:rgba(255,255,255,.55)!important;color:#344054!important}
.subnav-card button.active{background:#fff!important;color:#304fc6!important;box-shadow:0 1px 5px rgba(15,23,42,.09)!important;font-weight:750!important}
.deployment-content{min-width:0}.deployment-profile-grid{gap:12px}.deployment-profile-card{border-radius:15px;border-color:#e2e6ee;box-shadow:var(--shadow-sm)}
.method-grid{gap:10px}.method-card{border-radius:15px;transition:transform .15s,box-shadow .15s,border-color .15s}.method-card:hover{transform:translateY(-2px);border-color:#ccd5ef;box-shadow:0 10px 28px rgba(31,41,55,.07)}
.status-track{height:7px;background:#eef1f5;border-radius:999px}.status-track i{border-radius:999px}

/* Departments — organization workspace */
#departmentsView>.card{overflow:hidden}.department-avatar{width:34px;height:34px;border-radius:10px;background:linear-gradient(145deg,#edf1ff,#f6f2ff);color:#425bd4;border:1px solid #e1e6fb;font-size:9px}
.department-cell strong{font-size:11px}.department-cell small{font-size:9px;color:#98a2b3}.department-state.active{background:#edfdf5;color:#12805c}.role-pill{background:#f1f3f8;color:#586477}

/* My Account — identity/security workspace */
.account-page-header{margin-bottom:14px}.security-score-badge{height:30px;padding:0 11px;border-radius:999px;font-size:9px;display:flex;align-items:center;gap:6px;border:1px solid #e0e5ed;background:#fff;box-shadow:var(--shadow-sm)}
.account-layout{grid-template-columns:268px minmax(0,1fr);gap:16px;align-items:start}
.account-nav{position:sticky;top:94px;padding:7px;border:0!important;border-radius:16px;background:rgba(255,255,255,.82);box-shadow:var(--shadow-sm);max-height:calc(100vh - 112px);overflow:auto;backdrop-filter:blur(14px)}
.account-nav button{min-height:48px;border-radius:10px;padding:8px 10px;position:relative}
.account-nav button:hover{background:#f6f8fc}.account-nav button.active{background:linear-gradient(135deg,#edf2ff,#f7f5ff);color:#2f4fc5}
.account-nav button.active:before{content:"";position:absolute;left:0;top:13px;height:22px;width:3px;border-radius:0 3px 3px 0;background:#4c65e6}
.account-nav button span{font-size:10.5px;font-weight:720}.account-nav button small{font-size:8.5px;color:#99a3b3;margin-top:2px}
.account-nav-label{font-size:8px;letter-spacing:.1em;color:#a3acba;padding:13px 10px 5px}
.account-content{min-width:0}.account-panel{border-radius:18px;overflow:hidden;box-shadow:var(--shadow-sm)}
.account-panel-head{padding:20px 21px 17px;background:linear-gradient(180deg,#fff,#fbfcff);border-bottom:1px solid #edf0f4}.account-panel-head h2{font-size:17px;letter-spacing:-.03em}.account-panel-head p{font-size:10px;max-width:720px}
.settings-form{padding:20px 21px}.form-grid{gap:14px}.form-footer{margin-top:18px;padding-top:16px;border-top:1px solid #edf0f4}
.security-feature-hero{margin:20px;border-radius:15px;border-color:#e1e7f0;background:linear-gradient(110deg,#fbfcff,#f6f8ff)}
.policy-toggle{border-color:#e4e8ef;border-radius:12px;min-height:65px;padding:12px 14px}.policy-toggle:hover{background:#fbfcff;border-color:#d8dfea}

/* Settings — searchable directory rather than generic card grid */
#settingsView>.page-header{margin-bottom:14px}.settings-search{width:min(380px,34vw)}
.settings-center-grid{display:grid!important;grid-template-columns:1fr!important;gap:8px!important}
.settings-category{min-height:96px!important;padding:14px 16px!important;grid-template-columns:42px minmax(0,1fr)!important;gap:13px!important;border-radius:14px!important;box-shadow:none!important;background:rgba(255,255,255,.9)!important;transition:transform .14s,border-color .14s,box-shadow .14s}
.settings-category:hover{transform:translateY(-1px);border-color:#d7deea;box-shadow:0 7px 22px rgba(15,23,42,.045)!important}
.settings-category-icon{width:40px;height:40px;border-radius:11px;background:linear-gradient(145deg,#edf2ff,#f6f3ff);color:#3f5bd3;border:1px solid #e0e6fb;font-size:11px}
.settings-category>div{min-width:0;display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-rows:auto auto;column-gap:24px;align-items:center}
.settings-category h2{font-size:12px;margin:0 0 4px;grid-column:1;grid-row:1;color:#273246}.settings-category p{font-size:9.5px;line-height:1.45;margin:0;grid-column:1;grid-row:2;max-width:780px;color:#7b8698}
.settings-links{grid-column:2;grid-row:1/3;display:flex!important;align-items:center;justify-content:flex-end;gap:6px!important;flex-wrap:wrap}
.settings-links button{height:30px!important;padding:0 10px!important;border:1px solid #e1e6ee!important;border-radius:8px!important;background:#fff!important;color:#48566b!important;font-size:9px!important;text-decoration:none!important;white-space:nowrap}
.settings-links button:hover{border-color:#cdd7ef!important;background:#f8faff!important;color:#3652ce!important;text-decoration:none!important}
.settings-editor{border-radius:17px;margin-top:12px;box-shadow:var(--shadow-md)}
.settings-editor-head{padding:19px 21px}.settings-editor-head h2{font-size:17px}.settings-editor-head p{font-size:10px}

/* Overview — reduce visual clutter */
#overviewView .demo-readiness{display:none!important}
.overview-grid{gap:14px}.ops-card{border-radius:17px}
.health-summary,.attention-list{min-height:200px}

/* Modals / drawers */
.modal-backdrop,.drawer-backdrop{background:rgba(24,32,51,.24);backdrop-filter:blur(5px)}
.modal-card,.session-drawer{border:1px solid rgba(220,225,234,.9);box-shadow:var(--shadow-float)}
.modal-card{border-radius:20px}.session-drawer{border-radius:20px 0 0 20px}
.dynamic-modal{border-radius:20px}.modal-top{padding:18px 20px}.dynamic-form{padding:18px 20px 20px}.modal-actions{padding-top:16px;border-top:1px solid #edf0f4}

/* Command palette */
.command-backdrop{position:fixed;inset:0;z-index:300;background:rgba(20,27,43,.24);backdrop-filter:blur(6px);display:grid;place-items:start center;padding-top:min(14vh,130px)}
.command-palette{width:min(650px,calc(100vw - 32px));background:rgba(255,255,255,.97);border:1px solid rgba(216,222,232,.96);border-radius:18px;box-shadow:0 28px 80px rgba(15,23,42,.20);overflow:hidden}
.command-search-row{height:58px;display:flex;align-items:center;gap:11px;padding:0 16px;border-bottom:1px solid #edf0f4;color:#8a95a6}
.command-search-row svg{width:18px;height:18px}.command-search-row input{height:auto;border:0;box-shadow:none;padding:0;font-size:14px;background:transparent}.command-search-row input:focus{box-shadow:none}.command-close{font-size:9px;border:1px solid #dfe4ec;border-radius:6px;padding:4px 6px;background:#f8fafc;color:#8490a1}
.command-results{padding:8px;max-height:390px;overflow:auto}.command-group-label{font-size:8px;text-transform:uppercase;letter-spacing:.1em;font-weight:800;color:#a0a9b7;padding:10px 9px 6px}.command-result{width:100%;min-height:48px;border:0;background:transparent;border-radius:10px;padding:8px 10px;display:flex;align-items:center;gap:11px;text-align:left;color:#475467}.command-result:hover,.command-result.active{background:#f2f5ff;color:#2f4fc5}.command-result-icon{width:30px;height:30px;border-radius:9px;background:#f2f4f8;display:grid;place-items:center;color:#657188}.command-result:hover .command-result-icon,.command-result.active .command-result-icon{background:#fff;color:#4260dc}.command-result-icon svg{width:15px;height:15px}.command-result-copy{display:grid;gap:2px;flex:1}.command-result-copy strong{font-size:10.5px;color:inherit}.command-result-copy small{font-size:8.5px;color:#98a2b3}.command-result kbd{font-size:8px;color:#9ba4b2}

/* Responsive */
@media(max-width:1180px){
  .app-layout{grid-template-columns:230px minmax(0,1fr)}.sidebar{margin-left:10px}.main-area{padding-right:10px}.command-trigger{width:220px}.user-copy{display:none}.department-switcher{min-width:150px}
  .settings-category>div{grid-template-columns:1fr}.settings-links{grid-column:1;grid-row:3;margin-top:10px;justify-content:flex-start}
}
@media(max-width:900px){
  .app-layout{display:block}.sidebar{position:fixed;top:10px;left:10px;margin:0;width:244px;height:calc(100vh - 20px);transform:translateX(-280px);transition:transform .2s}.sidebar.mobile-open{transform:none}.main-area{padding:0 10px}.topbar{margin-top:10px}.mobile-only{display:grid}.command-trigger{width:42px;padding:0;justify-content:center}.command-trigger span,.command-trigger kbd{display:none}.page-content{padding:24px 2px 44px}.account-layout{grid-template-columns:1fr}.account-nav{position:static;display:flex;overflow-x:auto;max-height:none;padding:5px}.account-nav button{min-width:150px}.account-nav-label{display:none}.stats-grid,.overview-metrics,.mini-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.stats-grid>:nth-child(2),.overview-metrics>:nth-child(2),.mini-stats>:nth-child(2){border-right:0!important}.stats-grid>:nth-child(-n+2),.overview-metrics>:nth-child(-n+2),.mini-stats>:nth-child(-n+2){border-bottom:1px solid #edf0f4!important}
}
@media(max-width:640px){
  .main-area{padding:0 6px}.topbar{height:58px;border-radius:14px;padding:0 8px}.breadcrumb{display:none}.department-switcher{min-width:120px}.topbar-divider,.topbar-user>.icon-btn{display:none}.page-content{padding-top:20px}.page-header{margin-left:2px;margin-right:2px}.page-header h1{font-size:24px}.settings-search{width:100%}.stats-grid,.overview-metrics,.mini-stats{grid-template-columns:1fr}.stat-card,.metric-card,.mini-stats article{border-right:0!important;border-bottom:1px solid #edf0f4!important}.stats-grid>:last-child,.overview-metrics>:last-child,.mini-stats>:last-child{border-bottom:0!important}.settings-category{grid-template-columns:36px minmax(0,1fr)!important;padding:12px!important}.settings-category-icon{width:34px;height:34px}.settings-links button{height:29px!important}.command-backdrop{padding-top:12px}.command-palette{border-radius:14px}.unattended-toolbar{padding:10px}.subnav-card{border-radius:11px}.page-header-actions{width:100%}.page-header-actions .btn{flex:1}
}

/* Deskly 1.7.1 — layout QA and responsive stability */
:root{--content-max:1540px;--page-x:24px;--page-y:28px}

/* Shell invariants: no page is allowed to create horizontal overflow. */
.app-layout,.main-area,.topbar,.page-content,.workspace-view,.card,.ops-card,.panel-title,.panel-body{min-width:0}
.main-area{overflow:clip}
.sidebar-nav{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain}
.sidebar-footer{flex:0 0 auto}
.topbar{gap:16px}
.topbar-left{flex:1;min-width:0;overflow:hidden}
.topbar-user{flex:0 0 auto;min-width:0}
.breadcrumb{flex:0 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis}
.command-trigger{flex:0 1 330px;min-width:42px;max-width:330px}
.department-switcher{flex:0 0 auto;max-width:220px}
.department-switcher select{min-width:0;max-width:145px;text-overflow:ellipsis}
.page-content{width:100%;max-width:var(--content-max);margin:0 auto;padding:var(--page-y) var(--page-x) 56px}
.workspace-view{width:100%;max-width:100%;overflow:visible}

/* Predictable header geometry. */
.page-header{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:start;column-gap:24px;row-gap:14px;margin:2px 0 22px;min-height:0}
.page-header>div:first-child{min-width:0}
.page-header h1{max-width:100%;overflow-wrap:anywhere}
.page-header p{max-width:780px;overflow-wrap:anywhere}
.page-header>.btn,.page-header-actions,.page-header>.search-control,.page-header>.security-score-badge{justify-self:end;align-self:start;flex:0 0 auto}
.page-header-actions{min-width:0;flex-wrap:wrap;justify-content:flex-end}

/* Shared panel anatomy. Content always lives inside a padded body. */
.card{max-width:100%}
.ops-card{padding:0;overflow:hidden}
.panel-title,.sessions-panel-header{min-height:64px;padding:16px 18px;align-items:center}
.panel-title>div,.sessions-panel-header>div{min-width:0}
.panel-title p,.sessions-panel-header p{max-width:680px;overflow-wrap:anywhere}
.panel-body{width:100%;padding:18px 20px 20px}
.panel-body>.panel-empty,.panel-body .panel-empty{min-height:96px;display:grid;place-items:center;padding:22px 16px;text-align:center}
.table-wrap{width:100%;max-width:100%;overflow:auto;overscroll-behavior:contain}
.session-table{width:100%}
input,select,textarea,.search-control,.filter-select,.select-control{min-width:0;max-width:100%}

/* Two-column workspaces use the same safe grid contract. */
.overview-grid,.assistant-layout,.intelligence-grid,.maintenance-grid,.integration-grid{width:100%;min-width:0;align-items:start;gap:18px}
.overview-grid,.maintenance-grid,.integration-grid{grid-template-columns:minmax(0,1.28fr) minmax(360px,.72fr)}
.assistant-layout{grid-template-columns:minmax(0,1.42fr) minmax(390px,.78fr)}
.intelligence-grid{grid-template-columns:minmax(0,1.48fr) minmax(360px,.72fr)}
.overview-grid>*,.assistant-layout>*,.intelligence-grid>*,.maintenance-grid>*,.integration-grid>*{min-width:0;max-width:100%}

/* Assistant: eliminate the stretched-card / nested-padding look. */
.assistant-layout{align-items:start}
.assistant-hero{padding:20px;align-self:start;overflow:hidden}
.assistant-hero-head{display:grid!important;grid-template-columns:minmax(0,1fr) auto;gap:8px 16px;align-items:start}
.assistant-hero-copy{min-width:0;display:grid;gap:6px}
.assistant-hero .eyebrow{margin:0}
.assistant-hero h2{margin:0!important;max-width:780px;font-size:20px;line-height:1.34;overflow-wrap:anywhere}
.assistant-hero .risk-pill{align-self:start;margin-top:1px}
.assistant-columns{margin-top:18px;gap:12px}
.assistant-col{min-width:0;padding:14px}
.assistant-item p{overflow-wrap:anywhere}
.assistant-analyze{padding:0!important;overflow:hidden;align-self:start}
.assistant-analyze .panel-title{margin:0}
.assistant-analyze-body{display:grid;gap:14px}
.assistant-textarea{width:100%;min-height:164px;margin:0;resize:vertical}
.assistant-actions{margin:0;display:flex;justify-content:flex-end}
.assistant-result{margin:0}
.assistant-result:empty{display:none}

/* Device Intelligence: internal sections align with the panel header. */
.intelligence-picker{width:min(520px,100%);max-width:100%;margin:0 0 18px}
.intelligence-inventory-body{display:grid;gap:18px}
.inventory-summary{padding:0!important;margin:0!important;width:100%;min-width:0}
.inventory-summary>.panel-empty{grid-column:1/-1;margin:0}
.software-section{min-width:0}
.software-section .subheading{margin:0 0 10px}
.software-table{width:100%;max-width:100%;margin:0;overflow:auto}
.software-head,.software-row{min-width:520px}
.timeline-body{min-height:150px}
.timeline-list{padding:0!important;min-width:0}
.timeline-list>.panel-empty{min-height:110px}

/* Maintenance: prevent the software controls from touching or escaping the card edges. */
.maintenance-grid{align-items:start}
.maintenance-schedule-body,.maintenance-software-body{padding-top:16px}
.maintenance-software-body{display:grid;gap:12px}
.maintenance-software-body .field-label{margin:0;gap:7px}
.maintenance-software-body .stack-list,.maintenance-schedule-body .stack-list{min-width:0;gap:0}
.maintenance-grid .stack-row{min-width:0;padding:13px 0;gap:14px}
.maintenance-grid .stack-row>div:first-child{min-width:0}
.maintenance-grid .stack-row strong{font-size:11px;line-height:1.35;overflow-wrap:anywhere}
.maintenance-grid .stack-row small,.maintenance-grid .stack-row span{font-size:9px;line-height:1.45;overflow-wrap:anywhere}
.maintenance-grid .row-actions{flex:0 0 auto;align-self:center}
.maintenance-grid .panel-empty{min-height:94px}

/* Deployment: status visuals and empty states belong to a real panel body. */
.deployment-layout,.deployment-content,.deploy-section{width:100%;min-width:0;max-width:100%}
.subnav-card{max-width:100%;scrollbar-width:thin}
#deploy-dashboard .overview-grid{grid-template-columns:minmax(0,1.08fr) minmax(360px,.92fr);gap:18px}
.deployment-status-body,.deployment-recent-body{min-height:154px}
.status-bars{padding:0!important;gap:16px}
.status-bar-row{min-width:0}
.status-bar-row>div:first-child{gap:12px}
.status-bar-row span{min-width:0;overflow-wrap:anywhere}
.status-track{width:100%;max-width:100%}
.deployment-recent-body .stack-list{min-width:0;gap:0}
.deployment-recent-body .stack-row{padding:11px 0}
.deployment-recent-body .panel-empty{min-height:112px}

/* Integrations and other paired panels use the same padded list treatment. */
.integration-grid .panel-body{min-height:110px}
.integration-grid .stack-list{gap:0}
.integration-grid .stack-row{padding:12px 0}

/* Metric rails stay readable at browser zoom / Windows scaling. */
.stats-grid,.overview-metrics,.mini-stats{min-width:0}
.stat-card,.metric-card,.mini-stats article{min-width:0}
.stat-copy,.metric-card,.mini-stats article{overflow:hidden}
.stat-copy span,.metric-card span,.mini-stats span{overflow-wrap:anywhere}

/* Tables must scroll inside the card, never push the whole app horizontally. */
.unattended-table{min-width:980px}
#departmentsView .session-table{min-width:820px}
#techniciansView .session-table{min-width:640px}

/* Consistent empty states: visible without creating giant dead zones. */
.stack-list>.panel-empty,.status-bars>.panel-empty,.timeline-list>.panel-empty,.inventory-summary>.panel-empty{width:100%;color:#8792a5;font-size:10px;line-height:1.5}

@media(max-width:1360px){
  .overview-grid,.assistant-layout,.intelligence-grid,.maintenance-grid,.integration-grid,#deploy-dashboard .overview-grid{grid-template-columns:1fr}
  .assistant-hero{max-width:none}
  .intelligence-picker{width:min(620px,100%)}
}
@media(max-width:1180px){
  :root{--page-x:18px;--page-y:24px}
  .stats-grid,.overview-metrics,.mini-stats{grid-template-columns:repeat(2,minmax(0,1fr))}
  .stats-grid>:nth-child(2),.overview-metrics>:nth-child(2),.mini-stats>:nth-child(2){border-right:0!important}
  .stats-grid>:nth-child(-n+2),.overview-metrics>:nth-child(-n+2),.mini-stats>:nth-child(-n+2){border-bottom:1px solid #edf0f4!important}
  .command-trigger{flex-basis:220px}
}
@media(max-width:900px){
  :root{--page-x:10px;--page-y:22px}
  .page-header{grid-template-columns:1fr}
  .page-header>.btn,.page-header-actions,.page-header>.search-control,.page-header>.security-score-badge{justify-self:stretch}
  .page-header>.btn{width:100%}
  .page-header-actions{width:100%;justify-content:stretch}
  .page-header-actions .btn{flex:1 1 160px}
  .assistant-hero-head{grid-template-columns:1fr}
  .assistant-hero .risk-pill{justify-self:start}
  .software-head,.software-row{min-width:460px}
}
@media(max-width:640px){
  :root{--page-x:6px;--page-y:18px}
  .stats-grid,.overview-metrics,.mini-stats{grid-template-columns:1fr}
  .stats-grid>:nth-child(n),.overview-metrics>:nth-child(n),.mini-stats>:nth-child(n){border-right:0!important;border-bottom:1px solid #edf0f4!important}
  .stats-grid>:last-child,.overview-metrics>:last-child,.mini-stats>:last-child{border-bottom:0!important}
  .panel-body{padding:15px}
  .panel-title,.sessions-panel-header{padding:14px 15px;align-items:flex-start}
  .panel-title{flex-wrap:wrap}
  .panel-title .btn{width:100%}
  .assistant-hero{padding:16px}
  .assistant-columns{grid-template-columns:1fr}
  .software-head,.software-row{min-width:420px}
  .maintenance-grid .stack-row{align-items:flex-start;flex-direction:column}
  .maintenance-grid .row-actions{width:100%;justify-content:flex-start}
}

/* Deskly 1.7.2 — professional typography and unified shell grid */
:root{
  --content-max:1720px;
  --page-x:30px;
  --page-y:30px;
  --font-ui:"Segoe UI Variable Text","Segoe UI Variable",Inter,"SF Pro Text",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  --fs-caption:11px;
  --fs-small:12px;
  --fs-body:14px;
  --fs-control:13px;
  --fs-card-title:16px;
  --fs-section-title:20px;
  --fs-page-title:30px;
}
html,body,button,input,select,textarea{font-family:var(--font-ui)}
body{font-size:var(--fs-body);letter-spacing:0;color:#20293a}

/* One grid for the complete product shell. */
.main-area{padding:0 18px;overflow:clip}
.topbar{
  width:100%;max-width:var(--content-max);height:66px;margin:14px auto 0;
  padding:0 var(--page-x);box-sizing:border-box;border-radius:16px
}
.page-content{
  width:100%;max-width:var(--content-max);margin:0 auto;
  padding:var(--page-y) var(--page-x) 60px;box-sizing:border-box
}
.topbar-left,.topbar-user{min-width:0}

/* Navigation typography. */
.sidebar-brand:after{font-size:9px;letter-spacing:.11em;top:43px}
.brand strong{font-size:20px;font-weight:720;letter-spacing:-.028em}
.nav-label{font-size:10px;line-height:1.2;letter-spacing:.1em;font-weight:760;color:#8d98aa}
.nav-item{height:43px;font-size:13px;line-height:1.2;font-weight:560;letter-spacing:0;color:#5d697d}
.nav-item.active{font-weight:690}
.nav-count{font-size:10px}
.sidebar-help strong{font-size:12px}.sidebar-help small{font-size:11px;line-height:1.35}

/* Top bar: same visual scale as the page, not a tiny utility strip. */
.breadcrumb{font-size:12px;line-height:1.2;color:#7a8597}
.breadcrumb strong{font-size:12px;font-weight:680;color:#303a4b}
.command-trigger{height:38px;flex-basis:360px;max-width:360px;font-size:12.5px;padding:0 12px;border-radius:10px}
.command-trigger kbd{font-size:10px;padding:4px 6px}
.department-switcher{height:38px;min-width:210px;padding:0 9px 0 12px}
.department-switcher>span{font-size:10px;letter-spacing:.065em}
.department-switcher select{height:32px;max-width:142px;font-size:12.5px;font-weight:650}
.user-chip{height:42px;padding:0 8px}.avatar{width:34px;height:34px;font-size:12px}
.user-copy{gap:2px}.user-copy strong{font-size:12.5px;line-height:1.2;font-weight:680}.user-copy small{font-size:10.5px;line-height:1.25;color:#7f8999}
.user-chevron{font-size:13px}

/* Page hierarchy. */
.page-header{column-gap:30px;row-gap:16px;margin:4px 0 24px;align-items:start}
.page-header h1{font-size:var(--fs-page-title);line-height:1.16;letter-spacing:-.032em;font-weight:700;color:#111827;margin:0 0 7px}
.page-header p{font-size:14px;line-height:1.55;color:#667085;max-width:820px}

/* Controls should read like product UI, not microcopy. */
.btn{height:40px;padding:0 15px;border-radius:10px;font-size:13px;line-height:1;font-weight:650;letter-spacing:0}
.btn.compact{height:34px;font-size:12px;padding:0 12px}
input,select,textarea{font-size:13.5px;line-height:1.4}
.field-label{font-size:12.5px;line-height:1.45;font-weight:620;color:#344054}
.search-control input{font-size:13px}

/* Cards and panel content. */
.panel-title,.sessions-panel-header{min-height:70px;padding:17px 20px}
.panel-title h2,.sessions-panel-header h2{font-size:16px;line-height:1.3;font-weight:680;letter-spacing:-.018em;color:#172033}
.panel-title p,.sessions-panel-header p{font-size:12px;line-height:1.5;color:#7b8697;margin-top:3px}
.panel-body{padding:20px 22px 22px}
.subheading{font-size:14px;line-height:1.4;font-weight:680;color:#263245}

/* Metric rails: readable labels and values at desktop resolution. */
.stat-card,.metric-card,.mini-stats article{min-height:102px;padding:20px 22px}
.stat-copy span,.metric-card span,.mini-stats span{font-size:11px;line-height:1.25;letter-spacing:.055em;font-weight:730;color:#7d8798}
.stat-copy strong,.metric-card strong,.mini-stats strong{font-size:30px;line-height:1.05;letter-spacing:-.035em;font-weight:700;color:#151d2c;margin-top:9px}
.metric-card small{font-size:11px;line-height:1.35;color:#8b95a5;margin-top:3px}
.stat-indicator{font-size:11px}

/* Tables and dense operational content. */
.session-table th{height:44px;padding:0 18px;font-size:10.5px;line-height:1.2;letter-spacing:.055em;font-weight:720;color:#758093}
.session-table td{height:70px;padding:12px 18px;font-size:12.5px;line-height:1.4;color:#4c586a}
.device-cell strong,.cell-primary,.department-cell strong{font-size:13px;line-height:1.3}
.device-cell small,.department-cell small{font-size:11px;line-height:1.35}
.health-cell>strong{font-size:11px}
.table-footer{font-size:11.5px;line-height:1.3}

/* Deployment navigation was one of the visibly undersized areas. */
.subnav-card{padding:5px!important;gap:4px}
.subnav-card button{height:38px!important;padding:0 14px!important;font-size:12px!important;line-height:1!important;font-weight:580!important}
.subnav-card button.active{font-weight:690!important}
.method-card,.deployment-profile-card{font-size:13px}
.method-card strong,.deployment-profile-card strong{font-size:14px;line-height:1.35}
.method-card p,.deployment-profile-card p{font-size:12px;line-height:1.5}
.status-bar-row{font-size:12.5px;line-height:1.4}

/* Assistant and intelligence hierarchy. */
.assistant-hero .eyebrow{font-size:10.5px;letter-spacing:.085em}
.assistant-hero h2{font-size:21px;line-height:1.35;font-weight:690;letter-spacing:-.022em}
.assistant-col h3{font-size:12.5px;line-height:1.3}.assistant-item p{font-size:13px;line-height:1.55}
.risk-pill{font-size:11px}
.inventory-summary,.timeline-list,.software-table{font-size:12.5px}

/* Settings / account typography. */
.settings-category h3{font-size:15px;line-height:1.3}.settings-category p{font-size:12px;line-height:1.5}
.settings-links button{font-size:12.5px!important}
.account-nav button{font-size:12.5px;line-height:1.3}
.account-nav-label{font-size:10px;letter-spacing:.075em}
.security-score-badge{font-size:11px}

/* Keep topbar and page gutter identical through breakpoints. */
@media(max-width:1600px){
  :root{--page-x:26px}
}
@media(max-width:1180px){
  :root{--page-x:20px;--page-y:26px}
  .main-area{padding:0 12px}
  .topbar{padding-left:var(--page-x);padding-right:var(--page-x)}
  .command-trigger{flex-basis:250px;max-width:250px}
  .department-switcher{min-width:165px}
  .nav-item{font-size:12.5px}
}
@media(max-width:900px){
  :root{--page-x:16px;--page-y:22px}
  .main-area{padding:0 10px}
  .topbar{margin-top:10px;height:62px}
  .page-header h1{font-size:27px}
  .page-header p{font-size:13.5px}
}
@media(max-width:640px){
  :root{--page-x:12px;--page-y:20px}
  .main-area{padding:0 6px}
  .topbar{padding-left:12px;padding-right:12px}
  .page-header h1{font-size:25px}
  .panel-title h2,.sessions-panel-header h2{font-size:15px}
  .panel-title p,.sessions-panel-header p{font-size:11.5px}
  .session-table td{font-size:12px}
}


/* Deskly 1.7.3 — final typography, brand and shell polish */
:root{
  --content-max:1440px;
  --page-x:0px;
  --page-y:30px;
  --text:#202939;
  --text-soft:#667085;
  --muted:#8993a4;
}
body{font-size:14px;line-height:1.45;color:var(--text);text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}

/* One visible desktop frame: top navigation and page content share the same outer bounds. */
.main-area{padding:0 18px 0 12px;overflow-x:clip}
.topbar,.page-content{width:min(100%,var(--content-max));max-width:var(--content-max);margin-left:auto;margin-right:auto;box-sizing:border-box}
.topbar{height:66px;padding:0 22px;margin-top:14px}
.page-content{padding:var(--page-y) 0 60px}
.workspace-view,.page-header,.stats-grid,.overview-metrics,.mini-stats,.sessions-panel,.deployment-layout,.account-layout,.settings-center-grid,.settings-editor{width:100%;max-width:100%;box-sizing:border-box}
.page-header{margin-left:0;margin-right:0}

/* Brand block: logo name and product descriptor are separate rows, never overlaid. */
.sidebar-brand{height:78px;padding:0 18px;display:flex!important;align-items:center!important;gap:12px!important}
.sidebar-brand:after{content:none!important;display:none!important}
.sidebar-brand .brand-mark{flex:0 0 36px;width:36px;height:36px;border-radius:10px}
.sidebar-brand .brand-copy{min-width:0;display:flex;flex-direction:column;justify-content:center;gap:4px;line-height:1}
.sidebar-brand .brand-copy strong{display:block;font-size:20px;line-height:1.02;font-weight:730;letter-spacing:-.028em;color:#172033}
.sidebar-brand .brand-copy small{display:block;font-size:9.5px;line-height:1.15;font-weight:760;letter-spacing:.105em;text-transform:uppercase;color:#9aa5b6;white-space:nowrap}

/* Sidebar remains compact, but no customer-facing label drops into micro-text. */
.nav-label{font-size:11px;line-height:1.25;letter-spacing:.09em;font-weight:760;color:#8d98aa}
.nav-item{height:44px;font-size:13.5px;line-height:1.25;font-weight:570;color:#59667a}
.nav-count{font-size:10.5px}
.sidebar-help strong{font-size:12.5px;line-height:1.25}.sidebar-help small{font-size:11.5px;line-height:1.35}

/* Topbar scale and spacing. */
.topbar{gap:22px}
.topbar-left{gap:16px;flex:1}.topbar-user{gap:10px}
.breadcrumb,.breadcrumb strong{font-size:12.5px;line-height:1.25}
.command-trigger{height:38px;flex-basis:320px;max-width:320px;font-size:13px}
.command-trigger kbd{font-size:10.5px}
.department-switcher{height:38px;min-width:194px}
.department-switcher>span{font-size:10.5px}.department-switcher select{font-size:13px;max-width:128px}
.user-copy strong{font-size:13px}.user-copy small{font-size:11px}.user-chevron{font-size:13px}

/* Global hierarchy. */
.page-header{margin-top:2px;margin-bottom:24px;column-gap:24px}
.page-header h1{font-size:30px;line-height:1.14;font-weight:700;letter-spacing:-.032em;margin-bottom:7px}
.page-header p{font-size:14px;line-height:1.55;color:#667085;max-width:820px}
.btn{font-size:13px}.btn.compact{font-size:12px}
.form-stack label>span,.field-label{font-size:13px;line-height:1.4;font-weight:650}
.helper-text,.form-error{font-size:12px;line-height:1.5}

/* Cards, panels and empty states. */
.panel-title,.sessions-panel-header{min-height:70px;padding:18px 20px}
.panel-title h2,.sessions-panel-header h2{font-size:16.5px;line-height:1.3;font-weight:690}
.panel-title p,.sessions-panel-header p{font-size:12.5px;line-height:1.5}
.panel-body{padding:20px 22px 22px}
.panel-empty,.stack-list>.panel-empty,.status-bars>.panel-empty,.timeline-list>.panel-empty,.inventory-summary>.panel-empty{font-size:12px!important;line-height:1.5;color:#7b8698}
.subheading,.section-heading h3{font-size:14px;line-height:1.4}

/* Metrics and tables. */
.stat-copy span,.metric-card span,.mini-stats span{font-size:11.5px}
.stat-copy strong,.metric-card strong,.mini-stats strong{font-size:30px}
.metric-card small{font-size:11.5px}.stat-indicator{font-size:11.5px}
.session-table th{font-size:11px;letter-spacing:.05em}.session-table td{font-size:13px}
.session-code-cell strong,.device-cell strong,.cell-primary,.department-cell strong{font-size:13px}
.session-code-cell small,.device-cell small,.department-cell small{font-size:11.5px}
.status-badge,.device-status,.role-pill,.department-state,.status-chip,.signin-status{font-size:11px;line-height:1.2}
.table-empty strong{font-size:13.5px}.table-empty span:not(.empty-illustration){font-size:12px}.table-footer{font-size:12px}

/* Operational pages that retained older microcopy rules. */
.policy-banner strong{font-size:12.5px}.policy-banner p{font-size:12px;line-height:1.5}
.segmented-tabs button{font-size:12.5px}.health-cell>strong{font-size:11.5px}
.health-device strong{font-size:13px}.health-device small{font-size:11.5px}.health-score{font-size:11px}
.attention-tag{font-size:10.5px}.attention-row p{font-size:12.5px}
.request-head strong{font-size:13px}.priority,.request-status{font-size:10px}.request-card>p{font-size:12.5px}.request-meta{font-size:11px}
.request-diagnostics>strong{font-size:11.5px}.diagnostic-grid span{font-size:11px}
.alert-title strong{font-size:13px}.alert-title span{font-size:10px}.alert-row p{font-size:12px}.alert-row small{font-size:11px}
.tool-empty{font-size:11.5px}.tool-row strong{font-size:12px}.tool-row p{font-size:11.5px}.tool-row time{font-size:10px}
.device-health-hero span{font-size:10px}.device-health-copy strong{font-size:13px}.device-health-copy small{font-size:11.5px}
.metric-grid span{font-size:10.5px}.metric-grid strong{font-size:13px}
.device-edit label span{font-size:11.5px}.device-edit input{font-size:12.5px}
.mini-alert>span{font-size:10px}.mini-alert p{font-size:11.5px}.mini-alert small{font-size:10.5px}
.danger-zone strong{font-size:12px}.danger-zone small{font-size:11px}

/* Deployment and maintenance. */
.subnav-card button{height:39px!important;padding:0 14px!important;font-size:12.5px!important}
.method-card,.deployment-profile-card{font-size:13px}.method-card strong,.deployment-profile-card strong{font-size:14px}.method-card p,.deployment-profile-card p{font-size:12.5px}
.status-bar-row{font-size:12.5px}
.maintenance-grid .stack-row strong{font-size:13px}.maintenance-grid .stack-row small,.maintenance-grid .stack-row span{font-size:11.5px}
.software-card strong{font-size:13px}.software-card small{font-size:11.5px}

/* Assistant and intelligence. */
.assistant-hero .eyebrow,.eyebrow{font-size:11px}.assistant-hero h2{font-size:21px}.assistant-col h3{font-size:13px}.assistant-item p{font-size:13px}.risk-pill{font-size:11.5px}
.inventory-summary,.timeline-list,.software-table{font-size:13px}
.timeline-event strong,.inventory-fact strong{font-size:12.5px}.timeline-event small,.inventory-fact small{font-size:11.5px}

/* My Account: every security surface uses the same readable product scale. */
.account-layout{grid-template-columns:248px minmax(0,1fr);gap:20px}
.account-nav{padding:8px}
.account-nav button{min-height:54px;padding:9px 11px}
.account-nav button span{font-size:13.5px!important;line-height:1.28;font-weight:680}
.account-nav button small{font-size:11.5px!important;line-height:1.35;margin-top:3px;color:#8590a2}
.account-nav-label{font-size:11px!important;line-height:1.25;padding:14px 11px 6px;letter-spacing:.075em}
.security-score-badge{height:32px;font-size:11.5px}
.account-panel-head{padding:20px 22px 18px}.account-panel-head h2{font-size:18px;line-height:1.3}.account-panel-head p{font-size:12.5px!important;line-height:1.5;color:#667085}
.settings-form{padding:20px 22px 22px}
.account-identity strong,.security-feature-hero strong,.mfa-setup-card strong,.account-action-bar strong,.account-list-row strong,.group-card strong,.policy-toggle strong,.control-checklist strong,.subsection-head h3,.security-table td strong,.recovery-grid strong,.settings-inline-action strong,.existing-group-list strong{font-size:12.5px!important;line-height:1.35}
.account-identity small,.account-identity span,.security-feature-hero p,.mfa-setup-card p,.account-action-bar span,.account-list-row small,.group-card p,.group-card small,.policy-toggle small,.control-checklist small,.subsection-head span,.audit-list span,.audit-list small,.security-table td,.security-table td small,.recovery-grid p,.recovery-grid small,.settings-inline-action small,.existing-group-list small,.current-access-card span,.security-summary-row small,.password-guidance span{font-size:11.5px!important;line-height:1.45}
.security-summary-row strong,.password-guidance strong,.current-access-card strong{font-size:12px!important}
.security-table th{font-size:10.5px!important;letter-spacing:.05em}.security-table td{font-size:11.5px!important}
.current-label{font-size:9.5px}.check-round{font-size:10px}.status-chip,.signin-status{height:24px;padding:0 8px}
.compliance-summary span{font-size:11px}.compliance-summary strong{font-size:17px}
.recovery-grid article{min-height:104px}.recovery-grid strong{font-size:12.5px!important}.recovery-grid p{font-size:12px!important}.recovery-grid small{font-size:11px!important}

/* Settings directory/editor. */
.settings-search{width:min(330px,34vw)}
.settings-category{min-height:104px!important;padding:16px 18px!important}
.settings-category h2{font-size:15px!important;line-height:1.3;font-weight:680}
.settings-category p{font-size:12.5px!important;line-height:1.5;color:#667085}
.settings-links button{height:32px!important;font-size:12px!important;font-weight:630!important}
.settings-editor-head h2{font-size:18px}.settings-editor-head p{font-size:12.5px!important;line-height:1.5}
.setting-card h2{font-size:15px}.setting-row span,.setting-row strong{font-size:12px}

/* Dialogs, drawers and command palette. */
.modal-header h2{font-size:18px}.modal-header p{font-size:12.5px;line-height:1.45}
.notice-box strong{font-size:12.5px}.notice-box p{font-size:11.5px}.session-code-box span,.session-code-box small{font-size:11px}
.drawer-header p{font-size:11.5px}.customer-info strong{font-size:12.5px}.customer-info small,.customer-info div>span{font-size:11px}
.step strong{font-size:11.5px}.step small{font-size:10.5px}.event strong{font-size:11.5px}.event p,.event time{font-size:10.5px}.activity-empty{font-size:11.5px}
.command-close{font-size:10.5px}.command-group-label{font-size:10.5px}.command-result-copy strong{font-size:12.5px}.command-result-copy small{font-size:11px}.command-result kbd{font-size:10px}

/* Responsive shell keeps one alignment contract. */
@media(max-width:1480px){:root{--content-max:1320px}.main-area{padding-left:12px;padding-right:12px}}
@media(max-width:1180px){:root{--content-max:100%}.main-area{padding:0 12px}.topbar{padding-left:20px;padding-right:20px}.page-content{padding-left:0;padding-right:0}.account-layout{grid-template-columns:230px minmax(0,1fr)}}
@media(max-width:900px){
  .main-area{padding:0 10px}.topbar{margin-top:10px;padding:0 16px}.page-content{padding:22px 0 48px}
  .account-layout{grid-template-columns:1fr}.account-nav button{min-width:170px}.page-header h1{font-size:27px}
}
@media(max-width:640px){
  .main-area{padding:0 6px}.topbar{padding:0 12px}.page-content{padding:20px 0 42px}.page-header h1{font-size:25px}
  .nav-item{font-size:13px}.account-nav button span{font-size:13px!important}.account-nav button small{font-size:11px!important}
}

/* Readability floor for dashboard content. Older phase-specific components may not shrink below this. */
.workspace-view{font-size:14px}
.workspace-view small{font-size:11.5px;line-height:1.4}
.workspace-view code{font-size:11.5px}

/* Deskly 1.7.4 — compact desktop shell and topbar utilities */
@media(min-width:901px){
  /* Keep the navigation rail compact and remove the oversized dead zone beside it. */
  .app-layout{grid-template-columns:236px minmax(0,1fr)}
  .sidebar{margin-left:12px}
  .main-area{padding-left:10px;padding-right:18px}

  /* The top bar and page body share one left edge instead of being re-centered independently. */
  .topbar,.page-content{margin-left:0;margin-right:0}
}

/* Department context stays readable without occupying an oversized block. */
.topbar-user{gap:8px}
.department-switcher{
  width:auto;
  min-width:0;
  max-width:248px;
  padding:0 8px 0 10px;
  gap:6px;
}
.department-switcher>span{flex:0 0 auto;white-space:nowrap}
.department-switcher select{
  width:auto;
  min-width:124px;
  max-width:164px;
  padding-right:24px;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.topbar-user>.icon-btn[title="Notifications"]{
  width:38px;
  height:38px;
  border:1px solid #e2e7ef;
  background:#fff;
  border-radius:10px;
}
.topbar-user>.icon-btn[title="Notifications"]:hover{
  background:#f8faff;
  border-color:#d6dce7;
  box-shadow:0 3px 12px rgba(15,23,42,.05);
}

@media(max-width:1180px) and (min-width:901px){
  .app-layout{grid-template-columns:226px minmax(0,1fr)}
  .sidebar{margin-left:10px}
  .main-area{padding-left:8px;padding-right:12px}
  .department-switcher{max-width:220px}
  .department-switcher select{min-width:108px;max-width:142px}
}

/* Deskly 1.7.5 — full-width desktop shell correction */
@media(min-width:901px){
  /* The workspace must use all available space to the right of the sidebar.
     Do not leave a large unused column on wide desktop screens. */
  .topbar,
  .page-content{
    width:100%;
    max-width:none;
    margin-left:0;
    margin-right:0;
  }

  /* Keep one clean outer gutter and the exact same shell edge for header/body. */
  .main-area{
    padding-left:10px;
    padding-right:16px;
  }

  /* Keep the active department readable without turning the selector into a huge control. */
  .department-switcher{
    min-width:238px;
    max-width:258px;
  }
  .department-switcher select{
    width:148px;
    min-width:148px;
    max-width:168px;
  }
}

@media(max-width:1320px) and (min-width:901px){
  .main-area{padding-left:8px;padding-right:12px}
  .department-switcher{min-width:218px;max-width:228px}
  .department-switcher select{width:130px;min-width:130px;max-width:140px}
}

/* Deskly 1.7.6 — balanced desktop shell gutters */
@media(min-width:901px){
  /* Give the workspace equal breathing room on both sides. The top bar and
     page content inherit the exact same outer gutter from the main shell. */
  .main-area{
    padding-left:24px;
    padding-right:24px;
  }
  .topbar,
  .page-content{
    width:100%;
    max-width:none;
    margin-left:0;
    margin-right:0;
  }
}

@media(max-width:1320px) and (min-width:901px){
  .main-area{
    padding-left:18px;
    padding-right:18px;
  }
}

/* Deskly 2.1.4 — professional Computers setup + managed-device experience */
.host-enroll-modal{
  width:min(960px,calc(100vw - 40px));max-width:none;padding:0!important;overflow:hidden;
  border-radius:22px!important;background:#fff;box-shadow:0 28px 90px rgba(15,23,42,.22)!important
}
.host-enroll-head{display:flex;align-items:flex-start;justify-content:space-between;gap:22px;padding:28px 30px 22px;border-bottom:1px solid #edf0f4}
.host-enroll-title{display:flex;gap:15px;align-items:flex-start;min-width:0}
.host-enroll-mark{width:46px;height:46px;border-radius:14px;background:linear-gradient(145deg,#eef2ff,#f7f5ff);border:1px solid #dfe5fb;color:#4263eb;display:grid;place-items:center;flex:0 0 auto}
.host-enroll-mark svg{width:22px;height:22px;stroke-width:1.7}
.host-enroll-head .eyebrow{margin:1px 0 6px;font-size:10px;color:#7d89a0}
.host-enroll-head h2{margin:0;color:#182033;font-size:25px;line-height:1.15;letter-spacing:-.035em;font-weight:760}
.host-enroll-head p{margin:8px 0 0;max-width:650px;color:#687386;font-size:13px;line-height:1.55}
.host-enroll-head .modal-close{width:38px;height:38px;border:1px solid #e1e6ee;background:#fff;flex:0 0 auto}
.host-enroll-steps{display:grid;grid-template-columns:1fr 34px 1fr 34px 1fr;align-items:center;gap:8px;padding:17px 30px;background:#fbfcff;border-bottom:1px solid #edf0f4}
.host-enroll-steps>div{display:grid;grid-template-columns:30px minmax(0,1fr);grid-template-rows:auto auto;column-gap:10px;align-items:center;min-width:0}
.host-enroll-steps>div>span{grid-row:1/3;width:30px;height:30px;border-radius:9px;background:#eef2ff;color:#405bd4;display:grid;place-items:center;font-size:11px;font-weight:800;border:1px solid #dbe3ff}
.host-enroll-steps strong{font-size:12px;line-height:1.2;color:#344054;font-weight:720;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.host-enroll-steps small{font-size:10.5px;color:#98a2b3;margin-top:2px}
.host-enroll-steps>i{height:1px;background:#dfe4ec;display:block}
.host-enroll-grid{display:grid;grid-template-columns:260px minmax(0,1fr) minmax(0,1fr);gap:14px;margin:0!important;padding:24px 30px 18px}
.host-enroll-code-card,.host-platform-card{border:1px solid #e2e7ef!important;border-radius:16px!important;background:#fff!important;min-width:0;box-shadow:0 2px 10px rgba(15,23,42,.025)}
.host-enroll-code-card{padding:20px!important;display:flex!important;flex-direction:column;gap:12px!important;background:linear-gradient(180deg,#fbfcff,#fff)!important}
.host-card-label{font-size:10px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:#8b96a8}
.host-enroll-code-card .enroll-code{margin:3px 0 0!important;text-align:left!important;font-size:28px!important;line-height:1.1;letter-spacing:.11em!important;color:#172033;font-weight:800;font-variant-numeric:tabular-nums}
.host-enroll-code-card .helper-text{margin:0;min-height:44px;color:#7c8799;font-size:11.5px!important;line-height:1.5}
.host-enroll-code-card .btn{margin-top:auto;height:41px;font-size:11.5px}
.host-platform-card{padding:20px!important;display:flex!important;flex-direction:column;gap:14px!important;position:relative;transition:border-color .15s,box-shadow .15s,transform .15s}
.host-platform-card:hover{border-color:#d4dbeb!important;box-shadow:0 8px 22px rgba(15,23,42,.055);transform:translateY(-1px)}
.host-platform-top{display:flex;align-items:center;justify-content:space-between;gap:10px}
.host-platform-icon{width:40px;height:40px;border-radius:12px;display:grid;place-items:center;font-size:20px;font-weight:700;background:#f5f7fb;border:1px solid #e5e9f0;color:#4b5565}
.host-platform-icon.windows{background:#eef5ff;color:#2867c7;border-color:#dbe9ff;font-size:24px}
.host-platform-icon.macos{background:#f5f5f6;color:#292d36;border-color:#e4e5e7;font-size:18px}
.host-version{height:24px;padding:0 8px;border-radius:999px;background:#f4f6fa;border:1px solid #e6e9ef;color:#6f7b8d;display:inline-flex;align-items:center;font-size:10px;font-weight:750}
.host-platform-copy{display:grid;gap:5px;min-height:58px!important}
.host-platform-copy strong{font-size:16px!important;line-height:1.2;color:#1d2739;font-weight:760}
.host-platform-copy small{font-size:11.5px!important;line-height:1.5;color:#788497}
.host-platform-card .btn{height:42px;font-size:11.5px;box-shadow:none;overflow:hidden;text-overflow:ellipsis}
.host-platform-card .btn[aria-disabled="true"]{pointer-events:none;background:#f3f4f6;color:#98a2b3;border-color:#e5e7eb;box-shadow:none}
.host-platform-help{margin:0;font-size:10.5px;line-height:1.55;color:#8b95a5}
.host-platform-help b{color:#5a6575;font-weight:700}
.host-platform-card.needs-publish{border-color:#f0d7a6!important;background:#fffdf8!important}
.host-platform-card.needs-publish .host-version{background:#fff7e8;border-color:#f4dfb7;color:#a16207}
.host-enroll-note{margin:0 30px 16px!important;padding:13px 15px!important;border:1px solid #dce5ff!important;border-radius:12px!important;background:linear-gradient(135deg,#f8faff,#f4f7ff)!important;display:flex!important;gap:11px!important;align-items:flex-start}
.host-note-icon{width:24px;height:24px;border-radius:8px;background:#e9f7ef;color:#14804a;display:grid;place-items:center;font-size:11px;font-weight:800;flex:0 0 auto}
.host-enroll-note>div{display:grid;gap:3px}.host-enroll-note strong{font-size:11.5px!important;color:#344054!important}.host-enroll-note span:not(.host-note-icon){font-size:11px!important;color:#748095!important;line-height:1.5}
.host-enroll-advanced{margin:0 30px 24px;border-top:1px solid #eef1f5;padding-top:12px;color:#788497}
.host-enroll-advanced summary{cursor:pointer;font-size:10.5px;font-weight:700;color:#667085;list-style:none;display:inline-flex;align-items:center;gap:6px}
.host-enroll-advanced summary:before{content:'›';font-size:16px;line-height:1;transition:transform .15s}.host-enroll-advanced[open] summary:before{transform:rotate(90deg)}
.host-enroll-advanced .command-box{margin-top:10px!important;padding:11px 12px;background:#f8fafc;border:1px solid #e7ebf1;border-radius:10px}.host-enroll-advanced code{font-size:10.5px;color:#5c687a}

#deviceModal .device-drawer{width:min(680px,100vw);border-radius:22px 0 0 22px;box-shadow:-24px 0 80px rgba(15,23,42,.18)}
#deviceModal .device-drawer-header{padding:26px 28px 22px;background:linear-gradient(180deg,#fff,#fcfdff)}
#deviceModal .device-drawer-header .eyebrow{font-size:10px;margin-bottom:8px}
#deviceModal .device-drawer-title{display:flex;align-items:center;gap:11px;flex-wrap:wrap}
#deviceModal .device-drawer-title h2{font-size:24px;letter-spacing:-.035em;font-weight:760;color:#182033}
#deviceModal .device-drawer-header p{font-size:12px!important;line-height:1.45;margin-top:8px;color:#8a95a7}
#deviceModal .device-drawer-header .device-status{font-size:10.5px;height:25px;padding:0 9px}
#deviceModal .device-drawer-scroll{padding:22px 28px 28px;background:#fbfcfe}
#deviceModal .device-overview-card{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:18px;padding:19px 20px;border:1px solid #e2e7ef;border-radius:16px;background:#fff;box-shadow:0 2px 10px rgba(15,23,42,.025)}
#deviceModal .device-score-ring{width:86px;height:86px;border-radius:50%;border:7px solid #e8edf5;display:grid;place-items:center;align-content:center;background:#fbfcff}
#deviceModal .device-score-ring span{font-size:9px!important;line-height:1.1;text-transform:uppercase;letter-spacing:.06em;color:#98a2b3;font-weight:750;text-align:center}
#deviceModal .device-score-ring strong{font-size:25px!important;line-height:1.1;margin-top:2px;font-weight:800}
#deviceModal .device-overview-copy{display:grid;gap:6px;min-width:0}
#deviceModal .device-overview-copy strong{font-size:15px!important;color:#263244;font-weight:730}
#deviceModal .device-overview-copy p{margin:0;font-size:12px;line-height:1.5;color:#778397}
#deviceModal .device-overview-meta{display:flex;flex-wrap:wrap;gap:8px;margin-top:3px}
#deviceModal .device-overview-meta span{height:26px;padding:0 9px;border-radius:8px;background:#f6f8fb;border:1px solid #e7ebf1;display:inline-flex;align-items:center;font-size:10.5px;color:#667085;font-weight:650}
#deviceModal .detail-section{padding:24px 0;border-bottom:1px solid #e9edf3}
#deviceModal .section-heading{margin-bottom:13px;justify-content:space-between}
#deviceModal .section-heading h3{font-size:14px!important;line-height:1.3;color:#2d3748;font-weight:740;letter-spacing:-.015em}
#deviceModal .section-heading small{font-size:10.5px;color:#98a2b3}
#deviceModal .metric-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:9px}
#deviceModal .metric-grid article{min-height:78px;border:1px solid #e3e8ef;border-radius:12px;padding:13px;background:#fff;gap:6px;align-content:start}
#deviceModal .metric-grid span{font-size:9.5px!important;letter-spacing:.06em;color:#98a2b3;font-weight:800}
#deviceModal .metric-grid strong{font-size:16px!important;line-height:1.2;color:#344054;font-weight:760}
#deviceModal .quick-actions{display:grid;grid-template-columns:1.35fr repeat(4,minmax(0,1fr));gap:8px}
#deviceModal .quick-actions .btn{height:40px!important;font-size:11px!important;padding:0 10px;min-width:0;white-space:nowrap}
#deviceModal .quick-actions .btn.primary{box-shadow:0 4px 12px rgba(66,99,235,.18)}
#deviceModal .action-note{margin:10px 0 0;font-size:10.5px;line-height:1.5;color:#98a2b3}
#deviceModal .device-edit{grid-template-columns:1fr 1fr auto;gap:10px;align-items:end}
#deviceModal .device-edit label{gap:6px}
#deviceModal .device-edit label span{font-size:10.5px!important;color:#667085;font-weight:700}
#deviceModal .device-edit input{height:40px;font-size:12px!important;border-radius:10px}
#deviceModal .device-edit .btn{height:40px!important;font-size:11.5px!important;padding:0 15px}
#deviceModal .mini-alert{grid-template-columns:auto minmax(0,1fr) auto;gap:10px;padding:11px 0}
#deviceModal .mini-alert>span{font-size:9px!important;padding:5px 7px;letter-spacing:.035em}
#deviceModal .mini-alert p{font-size:11.5px!important;line-height:1.45;color:#4b5565}
#deviceModal .mini-alert small{font-size:10.5px!important;color:#98a2b3}
#deviceModal .tool-row{padding:11px 0!important}
#deviceModal .tool-row strong{font-size:12px!important;text-transform:none!important;color:#3b4658}
#deviceModal .tool-row p{font-size:10.5px!important;margin-top:3px!important;color:#8a95a7}
#deviceModal .tool-row time{font-size:10px!important;color:#a0a9b7}
#deviceModal .danger-zone{margin-top:24px;border-radius:13px;padding:14px 15px;background:#fffafa;border-color:#f3cccc}
#deviceModal .danger-zone strong{font-size:11.5px!important}#deviceModal .danger-zone small{font-size:10.5px!important;line-height:1.4}

@media(max-width:900px){
  .host-enroll-modal{width:min(760px,calc(100vw - 24px))}
  .host-enroll-grid{grid-template-columns:1fr 1fr;padding:20px 22px 16px}.host-enroll-code-card{grid-column:1/-1}
  .host-enroll-note,.host-enroll-advanced{margin-left:22px!important;margin-right:22px!important}
  .host-enroll-head{padding:24px 22px 20px}.host-enroll-steps{padding:15px 22px}
}
@media(max-width:680px){
  .host-enroll-steps{grid-template-columns:1fr;gap:8px}.host-enroll-steps>i{display:none}.host-enroll-grid{grid-template-columns:1fr}.host-enroll-code-card{grid-column:auto}
  #deviceModal .device-drawer{width:100vw;border-radius:0}#deviceModal .device-drawer-header,#deviceModal .device-drawer-scroll{padding-left:18px;padding-right:18px}
  #deviceModal .metric-grid{grid-template-columns:1fr 1fr}#deviceModal .quick-actions{grid-template-columns:1fr 1fr}#deviceModal .quick-actions .btn:first-child{grid-column:1/-1}
  #deviceModal .device-edit{grid-template-columns:1fr}
}

/* Deskly 2.1.5 — final Computers visual balance */
@media(min-width:900px){#deviceModal .device-drawer{width:min(740px,72vw)}}
#deviceModal .device-overview-card{padding:20px 22px;border-radius:16px}
#deviceModal .detail-section{padding:20px 0}
#deviceModal .section-heading h3{font-size:13px}
#deviceModal .metric-grid article{min-height:78px;padding:15px 16px}
#deviceModal .metric-grid article span{font-size:10px}#deviceModal .metric-grid article strong{font-size:17px}


/* Deskly 2.1.5 r1 — enterprise Add computer dialog */
.host-enroll-modal{width:min(880px,calc(100vw - 40px));max-width:none;padding:0!important;overflow:hidden;border:1px solid #e5e9f0;border-radius:18px!important;background:#fff;box-shadow:0 30px 90px rgba(15,23,42,.20)!important}
.host-enroll-head{display:flex;align-items:flex-start;justify-content:space-between;gap:24px;padding:26px 28px 22px;border-bottom:1px solid #eaedf2;background:#fff}
.host-enroll-title{display:block;min-width:0}.host-enroll-title .eyebrow{display:block;margin:0 0 6px;font-size:10.5px;line-height:1.2;letter-spacing:.12em;color:#7b879a;font-weight:800}.host-enroll-head h2{margin:0;color:#172033;font-size:27px;line-height:1.15;letter-spacing:-.035em;font-weight:760}.host-enroll-head p{margin:7px 0 0;max-width:610px;color:#697586;font-size:13.5px;line-height:1.55}.host-enroll-head .modal-close{width:36px;height:36px;border:1px solid #e4e8ee;border-radius:10px;background:#fff;color:#697586;flex:0 0 auto;box-shadow:none}.host-enroll-head .modal-close:hover{background:#f7f8fa;color:#344054;border-color:#d7dce4}
.host-enroll-body{display:grid;grid-template-columns:260px minmax(0,1fr);min-height:440px}
.host-enroll-sidebar{padding:24px 22px;background:#f8f9fb;border-right:1px solid #eaedf2;display:flex;flex-direction:column;gap:22px}
.host-enroll-steps{display:grid!important;grid-template-columns:1fr!important;gap:0!important;padding:0!important;background:transparent!important;border:0!important}
.host-enroll-steps>div{position:relative;display:grid!important;grid-template-columns:30px minmax(0,1fr)!important;gap:10px!important;align-items:flex-start!important;padding:0 0 20px!important}.host-enroll-steps>div:last-child{padding-bottom:0!important}.host-enroll-steps>div:not(:last-child):after{content:'';position:absolute;left:14px;top:31px;bottom:1px;width:1px;background:#dce2ea}.host-enroll-steps>div>span{grid-row:auto!important;width:30px!important;height:30px!important;border-radius:50%!important;background:#fff!important;color:#4764e6!important;border:1px solid #d8e0f8!important;display:grid!important;place-items:center!important;font-size:10.5px!important;font-weight:800!important;box-shadow:0 1px 2px rgba(15,23,42,.04)}.host-enroll-steps>div>p{margin:1px 0 0;display:grid;gap:3px}.host-enroll-steps strong{font-size:13px!important;line-height:1.35!important;color:#344054!important;font-weight:720!important;white-space:normal!important;overflow:visible!important}.host-enroll-steps small{font-size:11.5px!important;line-height:1.45;color:#8b95a5!important;margin:0!important}.host-enroll-steps>i{display:none!important}
.host-enroll-code-card{margin-top:auto;padding:16px!important;display:flex!important;flex-direction:column;gap:10px!important;border:1px solid #dfe5ee!important;border-radius:13px!important;background:#fff!important;box-shadow:none!important}.host-card-label{font-size:10.5px;font-weight:800;letter-spacing:.11em;text-transform:uppercase;color:#7f8b9d}.host-enroll-code-card .enroll-code{margin:0!important;text-align:left!important;font-size:30px!important;line-height:1.05;letter-spacing:.12em!important;color:#172033;font-weight:800;font-variant-numeric:tabular-nums}.host-enroll-code-card .helper-text{margin:0;min-height:0!important;color:#7f8999;font-size:11.5px!important;line-height:1.45}.host-enroll-code-card .btn{margin-top:2px;height:40px;font-size:12px;border-radius:9px}
.host-enroll-main{padding:24px 26px 22px;min-width:0}.host-enroll-section-head{margin-bottom:16px}.host-enroll-section-head .eyebrow{display:block;margin:0 0 5px;font-size:10.5px;letter-spacing:.11em;color:#8a95a6;font-weight:800}.host-enroll-section-head h3{margin:0;color:#1d2739;font-size:19px;line-height:1.25;letter-spacing:-.02em;font-weight:750}.host-enroll-section-head p{margin:6px 0 0;max-width:520px;color:#7b8797;font-size:11.5px;line-height:1.5}
.host-enroll-grid{display:grid!important;grid-template-columns:1fr!important;gap:10px!important;margin:0!important;padding:0!important}.host-platform-card{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;align-items:center!important;gap:18px!important;padding:15px 16px!important;min-height:104px;border:1px solid #e1e6ed!important;border-radius:13px!important;background:#fff!important;box-shadow:none!important;transition:border-color .15s,box-shadow .15s!important}.host-platform-card:hover{transform:none!important;border-color:#cfd7e3!important;box-shadow:0 5px 18px rgba(15,23,42,.055)!important}.host-platform-main{display:grid;grid-template-columns:40px minmax(0,1fr);gap:12px;align-items:flex-start;min-width:0}.host-platform-icon{width:40px;height:40px;border-radius:10px;display:grid;place-items:center;font-size:18px;font-weight:700;background:#f5f7fa;border:1px solid #e4e8ee;color:#4b5565}.host-platform-icon.windows{background:#eef4ff;color:#2f66d0;border-color:#dce7ff;font-size:22px}.host-platform-icon.macos{background:#f5f6f7;color:#30343b;border-color:#e4e6e9;font-size:17px}.host-platform-copy{display:grid!important;gap:4px!important;min-height:0!important}.host-platform-name{display:flex;align-items:center;gap:8px;min-width:0}.host-platform-copy strong{font-size:15px!important;line-height:1.25;color:#1f2937;font-weight:760}.host-version{height:20px;padding:0 7px;border-radius:999px;background:#f5f7fa;border:1px solid #e4e8ee;color:#778293;display:inline-flex;align-items:center;font-size:10px;font-weight:750;white-space:nowrap}.host-platform-copy small{font-size:12px!important;line-height:1.45;color:#7d8898}.host-platform-help{margin:1px 0 0!important;font-size:11.5px!important;line-height:1.45;color:#98a1af!important}.host-platform-help b{color:#677283;font-weight:700}.host-platform-action{width:132px!important;height:38px!important;min-width:132px;justify-content:center;font-size:12px!important;border-radius:9px!important;box-shadow:none!important}.host-platform-card .btn[aria-disabled="true"]{pointer-events:none;background:#f5f6f8!important;color:#9aa3b1!important;border-color:#e5e8ed!important;box-shadow:none!important}.host-platform-card.needs-publish{border-color:#e3e6eb!important;background:#fcfcfd!important}.host-platform-card.needs-publish .host-platform-icon,.host-platform-card.needs-publish .host-platform-copy{opacity:.72}.host-platform-card.needs-publish .host-version{background:#faf7ef;border-color:#ece1c5;color:#9a6b1d}
.host-enroll-note{margin:14px 0 0!important;padding:11px 12px!important;border:1px solid #e1e7f0!important;border-radius:11px!important;background:#f8fafc!important;display:flex!important;gap:10px!important;align-items:flex-start}.host-note-icon{width:22px;height:22px;border-radius:7px;background:#edf8f2;color:#168252;display:grid;place-items:center;font-size:10px;font-weight:800;flex:0 0 auto}.host-enroll-note>div{display:grid;gap:2px}.host-enroll-note strong{font-size:12px!important;color:#344054!important}.host-enroll-note span:not(.host-note-icon){font-size:11.5px!important;color:#7c8797!important;line-height:1.45}.host-enroll-advanced{margin:12px 0 0!important;border-top:1px solid #edf0f4;padding-top:10px;color:#788497}.host-enroll-advanced summary{cursor:pointer;font-size:11px;font-weight:700;color:#6f7a8b;list-style:none;display:inline-flex;align-items:center;gap:6px}.host-enroll-advanced summary:before{content:'›';font-size:15px;line-height:1;transition:transform .15s}.host-enroll-advanced[open] summary:before{transform:rotate(90deg)}.host-enroll-advanced .command-box{margin-top:9px!important;padding:10px 11px;background:#f8fafc;border:1px solid #e6eaf0;border-radius:9px}.host-enroll-advanced code{font-size:11px;color:#5f6b7a}
@media(max-width:760px){.host-enroll-modal{width:min(620px,calc(100vw - 20px));max-height:calc(100vh - 20px);overflow:auto}.host-enroll-head{padding:22px 20px 18px}.host-enroll-head h2{font-size:22px}.host-enroll-body{grid-template-columns:1fr}.host-enroll-sidebar{padding:18px 20px;border-right:0;border-bottom:1px solid #eaedf2}.host-enroll-steps{grid-template-columns:repeat(3,1fr)!important;gap:10px!important}.host-enroll-steps>div{grid-template-columns:26px minmax(0,1fr)!important;padding:0!important}.host-enroll-steps>div:not(:last-child):after{display:none}.host-enroll-steps>div>span{width:26px!important;height:26px!important}.host-enroll-code-card{margin-top:2px}.host-enroll-main{padding:20px}.host-platform-card{grid-template-columns:1fr!important;gap:12px!important}.host-platform-action{width:100%!important;min-width:0}.host-platform-main{grid-template-columns:36px minmax(0,1fr)}.host-platform-icon{width:36px;height:36px}}
@media(max-width:520px){.host-enroll-steps{grid-template-columns:1fr!important}.host-enroll-steps>div{padding-bottom:10px!important}.host-enroll-steps small{display:none}.host-enroll-head p{font-size:11.5px}.host-enroll-main{padding:18px 16px}.host-enroll-sidebar{padding:16px}.host-platform-card{padding:14px!important}}

/* Deskly 2.1.6 — modern floating remote-session command bar */
.viewer-toolbar,
.viewer-shell:fullscreen .viewer-toolbar{
  top:34px!important;
  width:min(1440px,calc(100vw - 56px))!important;
  height:56px!important;
  min-height:56px!important;
  padding:7px 9px 7px 15px!important;
  gap:12px!important;
  border:1px solid rgba(226,232,240,.78)!important;
  border-radius:16px!important;
  background:rgba(255,255,255,.92)!important;
  box-shadow:0 18px 50px rgba(15,23,42,.20),0 2px 8px rgba(15,23,42,.07)!important;
  backdrop-filter:blur(22px) saturate(150%)!important;
  -webkit-backdrop-filter:blur(22px) saturate(150%)!important;
  transition:transform .22s cubic-bezier(.2,.8,.2,1),opacity .16s ease!important;
}
.viewer-title-group{flex:0 1 190px!important;min-width:165px!important;gap:10px!important}
.viewer-title-group strong{font-size:12px!important;font-weight:760!important;letter-spacing:-.01em!important;color:#172033!important}
.viewer-title-group small{margin-top:2px!important;font-size:10px!important;font-weight:580!important;color:#7a8597!important;max-width:160px!important}
.viewer-live-dot{width:9px!important;height:9px!important;background:#20b46a!important;box-shadow:0 0 0 4px rgba(32,180,106,.12)!important}
.viewer-display-pill{
  flex:0 1 260px!important;
  min-width:210px!important;
  height:40px!important;
  padding:0 10px 0 12px!important;
  gap:8px!important;
  border:1px solid #e4e9f0!important;
  border-radius:11px!important;
  background:rgba(247,249,252,.96)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.8)!important;
}
.viewer-display-pill span{font-size:8px!important;letter-spacing:.085em!important;color:#9aa4b3!important;font-weight:800!important}
.viewer-display-pill select{height:36px!important;font-size:11px!important;font-weight:680!important;color:#354052!important}
.viewer-toolbar-actions{gap:6px!important;overflow:visible!important}
.viewer-connection{
  height:36px!important;
  min-width:auto!important;
  padding:0 11px!important;
  border:0!important;
  border-radius:10px!important;
  font-size:10px!important;
  font-weight:760!important;
  box-shadow:none!important;
}
.viewer-connection.connected{background:#eaf8f0!important;color:#16764a!important}
.viewer-connection.connecting{background:#eef3ff!important;color:#3559cc!important}
.viewer-connection.disconnected{background:#fff3e8!important;color:#a65316!important}
.remote-tool{
  height:40px!important;
  min-width:40px!important;
  padding:0 11px!important;
  gap:7px!important;
  border:1px solid transparent!important;
  border-radius:11px!important;
  background:#f5f7fa!important;
  color:#465267!important;
  font-size:10.5px!important;
  font-weight:700!important;
  box-shadow:none!important;
  transition:transform .14s ease,background .14s ease,color .14s ease,box-shadow .14s ease!important;
}
.remote-tool:hover:not(:disabled){background:#eef2f7!important;color:#253044!important;transform:translateY(-1px)!important;box-shadow:0 4px 12px rgba(15,23,42,.07)!important}
.remote-tool:active:not(:disabled){transform:translateY(0)!important;box-shadow:none!important}
.remote-tool svg{width:16px!important;height:16px!important;stroke-width:1.8!important}
.remote-tool.icon-only{width:40px!important;min-width:40px!important;padding:0!important;background:transparent!important}
.remote-tool.icon-only:hover:not(:disabled){background:#f1f4f8!important}
.remote-tool.active{background:#e9efff!important;color:#3159d8!important;border-color:#d8e2ff!important}
.remote-tool.primary{background:#3f63e9!important;color:#fff!important;box-shadow:0 5px 14px rgba(63,99,233,.22)!important}
.remote-tool.danger{background:#fff4f3!important;color:#c33b32!important;border-color:#ffdcd8!important}
.remote-tool.danger-ghost{background:transparent!important;color:#7d8796!important;border-color:transparent!important}
.remote-tool.danger-ghost:hover{background:#fff0ef!important;color:#ba3028!important}
.viewer-chrome-toggle{
  top:7px!important;
  width:40px!important;
  height:25px!important;
  padding:0!important;
  border:1px solid rgba(226,232,240,.82)!important;
  border-radius:999px!important;
  background:rgba(255,255,255,.90)!important;
  color:#5c6879!important;
  box-shadow:0 7px 20px rgba(15,23,42,.16)!important;
  backdrop-filter:blur(18px) saturate(150%)!important;
  -webkit-backdrop-filter:blur(18px) saturate(150%)!important;
  transition:background .15s ease,color .15s ease,box-shadow .15s ease,transform .15s ease!important;
}
.viewer-chrome-toggle:hover{background:#fff!important;color:#2f5be8!important;box-shadow:0 9px 24px rgba(15,23,42,.19)!important}
.viewer-chrome-toggle svg{width:14px!important;height:14px!important;stroke-width:2!important;transition:transform .22s cubic-bezier(.2,.8,.2,1)!important}
.viewer-shell.chrome-hidden .viewer-toolbar{transform:translate(-50%,-112px)!important;opacity:0!important}
.viewer-shell.chrome-hidden .viewer-chrome-toggle{background:rgba(255,255,255,.94)!important}
.viewer-shell.chrome-hidden .viewer-chrome-toggle svg{transform:rotate(180deg)!important}
.viewer-support-panel{top:102px!important}
.viewer-shell.chrome-hidden .viewer-support-panel{top:40px!important}
@media(max-width:1500px){
  .viewer-toolbar,.viewer-shell:fullscreen .viewer-toolbar{width:min(1240px,calc(100vw - 32px))!important}
  .remote-tool .tool-label{display:none!important}
  .remote-tool{width:40px!important;padding:0!important}
  .viewer-title-group{flex-basis:180px!important}
  .viewer-display-pill{flex-basis:230px!important}
}
@media(max-width:980px){
  .viewer-toolbar,.viewer-shell:fullscreen .viewer-toolbar{top:32px!important;width:calc(100vw - 20px)!important;height:52px!important;min-height:52px!important;padding:6px 8px 6px 12px!important;border-radius:14px!important}
  .viewer-display-pill{display:none!important}
  .viewer-title-group{flex:1 1 auto!important;min-width:120px!important}
  .viewer-toolbar-actions{flex:0 0 auto!important}
  .viewer-connection{width:34px!important;min-width:34px!important;padding:0!important;font-size:0!important;justify-content:center!important}
  .viewer-connection:before{content:"";width:8px;height:8px;border-radius:50%;background:currentColor}
  .remote-tool{width:36px!important;min-width:36px!important;height:36px!important;border-radius:10px!important}
  .remote-tool.icon-only{width:36px!important;min-width:36px!important}
  .viewer-support-panel{top:94px!important}
}
@media(max-width:680px){
  .viewer-toolbar,.viewer-shell:fullscreen .viewer-toolbar{top:30px!important;width:calc(100vw - 12px)!important}
  .viewer-title-group small{max-width:100px!important}
  .viewer-chrome-toggle{top:5px!important;width:38px!important;height:23px!important}
}

/* Deskly 2.1.5 r2 - Add computer containment and single-line enrollment code */
.host-enroll-body{grid-template-columns:276px minmax(0,1fr)}
.host-enroll-sidebar,.host-enroll-main,.host-enroll-code-card,.host-platform-card,.host-platform-main,.host-platform-copy{min-width:0}
.host-enroll-code-card{overflow:hidden}
.host-enroll-code-card .enroll-code{display:block;width:100%;max-width:100%;white-space:nowrap!important;word-break:keep-all!important;overflow-wrap:normal!important;overflow:hidden;text-overflow:clip;font-size:25px!important;line-height:1.08!important;letter-spacing:.085em!important;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono",monospace;font-variant-numeric:tabular-nums}
.host-platform-card{overflow:hidden}
.host-platform-main,.host-platform-copy{max-width:100%}
.host-platform-copy small,.host-platform-help{display:block;max-width:100%;overflow-wrap:anywhere;word-break:normal}
.host-platform-action{width:132px!important;min-width:132px!important;max-width:132px!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;flex:0 0 132px}
@media(max-width:760px){.host-enroll-body{grid-template-columns:1fr}.host-platform-action{width:100%!important;min-width:0!important;max-width:100%!important;flex:0 1 auto}}


/* Deskly same-device guard */
.device-name-line{display:flex;align-items:center;gap:7px;min-width:0}.device-name-line strong{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.device-local-badge{display:inline-flex;align-items:center;flex:0 0 auto;height:20px;padding:0 7px;border:1px solid #dce4ff;border-radius:999px;background:#f5f7ff;color:#4263eb;font-size:9.5px;font-weight:750;letter-spacing:.01em}.btn.table-action.current-device:disabled{opacity:1;background:#f6f7f9;border-color:#e3e7ee;color:#7a8494;cursor:default;box-shadow:none}#deviceModal .device-overview-meta span.current{background:#f5f7ff;border-color:#dce4ff;color:#4263eb}

/* Deskly 1.7.4 — unified product shell R10 (2026-09-24)
   Remote Connect now uses the exact same application shell as Computers and every other workspace.
   Only the workspace content changes; sidebar, top bar and outer content frame stay identical. */
body.remote-connect-active{
  background:
    radial-gradient(circle at 82% -5%,rgba(91,121,255,.08),transparent 26rem),
    linear-gradient(180deg,#f8faff 0,#f3f6fb 28rem,#f3f6fb 100%)!important;
}
body.remote-connect-active .app-layout{
  min-height:100vh!important;
  display:grid!important;
  grid-template-columns:260px minmax(0,1fr)!important;
  gap:0!important;
}
body.remote-connect-active .sidebar{
  position:sticky!important;
  top:14px!important;
  left:auto!important;
  width:auto!important;
  height:calc(100vh - 28px)!important;
  margin:0 0 14px 14px!important;
  transform:none!important;
  display:flex!important;
  flex-direction:column!important;
  z-index:40!important;
  overflow:hidden!important;
  background:rgba(255,255,255,.94)!important;
  border:1px solid rgba(221,226,236,.92)!important;
  border-radius:20px!important;
  box-shadow:var(--shadow-md)!important;
  backdrop-filter:blur(18px)!important;
}
body.remote-connect-active .sidebar-brand{
  height:78px!important;
  padding:0 18px!important;
  display:flex!important;
  align-items:center!important;
  gap:12px!important;
  border-bottom:0!important;
}
body.remote-connect-active .sidebar-brand:after{content:none!important;display:none!important}
body.remote-connect-active .sidebar-nav{padding:10px 10px 18px!important;gap:3px!important}
body.remote-connect-active .sidebar-nav .nav-item{
  width:100%!important;
  height:44px!important;
  margin:0!important;
  padding:0 10px!important;
  border-radius:11px!important;
  gap:10px!important;
  color:#59667a!important;
  font-size:13.5px!important;
  line-height:1.25!important;
  font-weight:570!important;
  box-shadow:none!important;
}
body.remote-connect-active .sidebar-nav .nav-item:hover{
  background:#f7f8fc!important;
  color:#263244!important;
}
body.remote-connect-active .sidebar-nav .nav-item.active{
  background:linear-gradient(135deg,#eef2ff 0%,#f7f5ff 100%)!important;
  color:#304fc6!important;
  font-weight:690!important;
  box-shadow:inset 0 0 0 1px rgba(87,108,225,.08)!important;
}
body.remote-connect-active .sidebar-nav .nav-item.active:before{
  content:""!important;
  position:absolute!important;
  left:-1px!important;
  top:11px!important;
  width:3px!important;
  height:20px!important;
  border-radius:0 4px 4px 0!important;
  background:#4b64e8!important;
}
body.remote-connect-active .sidebar-nav .nav-item .nav-icon{
  width:28px!important;
  height:28px!important;
  flex:0 0 28px!important;
  border:0!important;
  border-radius:8px!important;
  color:#7c8799!important;
  background:transparent!important;
  box-shadow:none!important;
}
body.remote-connect-active .sidebar-nav .nav-item.active .nav-icon{
  width:28px!important;
  height:28px!important;
  color:#405de2!important;
  background:#fff!important;
  border:0!important;
  border-radius:8px!important;
  box-shadow:0 2px 8px rgba(45,65,150,.08)!important;
}
body.remote-connect-active .sidebar-footer{padding:10px!important;border-top:0!important}
body.remote-connect-active .sidebar-help-premium{
  text-decoration:none!important;
  align-items:center!important;
  gap:10px!important;
  padding:11px 12px!important;
  border:0!important;
  border-radius:12px!important;
  background:linear-gradient(135deg,#f8faff,#f3f6ff)!important;
  color:#475467!important;
}
body.remote-connect-active .sidebar-help-premium .help-icon{
  margin-top:0!important;
  border:0!important;
  box-shadow:inset 0 0 0 1px #e2e7f0!important;
  background:#fff!important;
  color:#4963df!important;
}
body.remote-connect-active .sidebar-help-premium strong{font-size:12.5px!important;line-height:1.25!important;color:inherit!important}
body.remote-connect-active .sidebar-help-premium small{font-size:11.5px!important;line-height:1.35!important;color:#98a2b3!important}
body.remote-connect-active .sidebar-help-premium b{font-size:inherit!important;color:inherit!important;margin-top:0!important}
body.remote-connect-active .main-area{
  min-width:0!important;
  width:auto!important;
  min-height:100vh!important;
  padding:0 18px 0 12px!important;
  overflow-x:clip!important;
  display:flex!important;
  flex-direction:column!important;
}
body.remote-connect-active .topbar{
  position:sticky!important;
  top:0!important;
  z-index:30!important;
  width:min(100%,var(--content-max))!important;
  max-width:var(--content-max)!important;
  height:66px!important;
  margin:14px auto 0!important;
  padding:0 22px!important;
  box-sizing:border-box!important;
  border:1px solid rgba(221,226,236,.9)!important;
  border-radius:16px!important;
  background:rgba(255,255,255,.88)!important;
  box-shadow:var(--shadow-sm)!important;
  backdrop-filter:blur(18px)!important;
}
body.remote-connect-active .topbar-left{gap:16px!important;flex:1!important;min-width:0!important}
body.remote-connect-active .breadcrumb{display:flex!important;align-items:center!important;gap:8px!important;font-size:12.5px!important;line-height:1.25!important;color:#7a8597!important}
body.remote-connect-active .breadcrumb strong{font-size:12.5px!important;line-height:1.25!important;font-weight:680!important;color:#303a4b!important}
body.remote-connect-active .command-trigger{
  width:auto!important;
  flex:0 1 320px!important;
  max-width:320px!important;
  height:38px!important;
  margin:0!important;
  padding:0 12px!important;
  border:1px solid #e2e7ef!important;
  border-radius:10px!important;
  background:#f8faff!important;
  color:#778196!important;
  box-shadow:none!important;
  font-size:13px!important;
}
body.remote-connect-active .command-trigger:hover{background:#fff!important;border-color:#d6dce7!important;box-shadow:0 3px 12px rgba(15,23,42,.05)!important}
body.remote-connect-active .command-trigger svg{width:15px!important;height:15px!important}
body.remote-connect-active .command-trigger span{font-size:13px!important}
body.remote-connect-active .command-trigger kbd{font-size:10.5px!important;background:#fff!important;border-color:#dde3ec!important;color:#7a8495!important}
body.remote-connect-active .topbar-user{gap:10px!important;flex:0 0 auto!important;min-width:0!important}
body.remote-connect-active .department-switcher{
  display:flex!important;
  height:38px!important;
  min-width:194px!important;
  padding:0 7px 0 10px!important;
  border:1px solid #e2e7ef!important;
  border-radius:10px!important;
  background:#fff!important;
  gap:7px!important;
}
body.remote-connect-active .department-switcher>span{font-size:10.5px!important;letter-spacing:.07em!important;color:#9aa4b5!important}
body.remote-connect-active .department-switcher select{height:30px!important;max-width:128px!important;font-size:13px!important;font-weight:700!important;color:#344054!important}
body.remote-connect-active .topbar-user>.icon-btn{width:36px!important;height:36px!important;border:1px solid transparent!important;border-radius:8px!important;background:transparent!important;color:#667085!important}
body.remote-connect-active .topbar-user>.icon-btn:hover{background:#f2f4f7!important;color:#344054!important;border-color:transparent!important}
body.remote-connect-active .topbar-user>.icon-btn[title="Notifications"]:after{display:none!important;content:none!important}
body.remote-connect-active .topbar-divider{display:block!important;width:1px!important;height:26px!important;background:#eaecf0!important;margin:0 5px!important}
body.remote-connect-active .user-chip{height:42px!important;padding:0 8px!important;gap:8px!important;border-radius:11px!important}
body.remote-connect-active .user-chip .avatar{width:34px!important;height:34px!important;background:linear-gradient(145deg,#e9eeff,#f4f0ff)!important;color:#4059d5!important;font-size:12px!important}
body.remote-connect-active .user-copy{display:grid!important;gap:2px!important}
body.remote-connect-active .user-copy strong{font-size:13px!important;line-height:1.2!important;font-weight:680!important;color:#344054!important}
body.remote-connect-active .user-copy small{font-size:11px!important;line-height:1.25!important;color:#7f8999!important}
body.remote-connect-active #logoutBtn{display:inline-flex!important}
body.remote-connect-active #mobileNavBtn{display:none!important}
body.remote-connect-active .page-content{
  width:min(100%,var(--content-max))!important;
  max-width:var(--content-max)!important;
  margin-left:auto!important;
  margin-right:auto!important;
  padding:var(--page-y) 0 60px!important;
  box-sizing:border-box!important;
  background:transparent!important;
}
body.remote-connect-active .remote-connect-premium{
  width:100%!important;
  max-width:100%!important;
  margin-left:0!important;
  margin-right:0!important;
}

@media(max-width:1180px){
  body.remote-connect-active .app-layout{grid-template-columns:230px minmax(0,1fr)!important}
  body.remote-connect-active .sidebar{margin-left:10px!important}
  body.remote-connect-active .main-area{padding-right:10px!important}
  body.remote-connect-active .command-trigger{width:220px!important;flex-basis:220px!important}
  body.remote-connect-active .user-copy{display:none!important}
  body.remote-connect-active .department-switcher{min-width:150px!important}
}
@media(max-width:900px){
  body.remote-connect-active .app-layout{display:block!important}
  body.remote-connect-active .sidebar{
    position:fixed!important;top:10px!important;left:10px!important;margin:0!important;width:244px!important;height:calc(100vh - 20px)!important;
    transform:translateX(-280px)!important;transition:transform .2s!important
  }
  body.remote-connect-active .sidebar.mobile-open{transform:none!important}
  body.remote-connect-active .sidebar-overlay:not(.hidden){display:block!important}
  body.remote-connect-active .main-area{padding:0 10px!important}
  body.remote-connect-active .topbar{margin-top:10px!important;padding:0 22px!important}
  body.remote-connect-active #mobileNavBtn{display:grid!important}
  body.remote-connect-active .command-trigger{width:42px!important;flex:0 0 42px!important;max-width:42px!important;padding:0!important;justify-content:center!important}
  body.remote-connect-active .command-trigger span,body.remote-connect-active .command-trigger kbd{display:none!important}
  body.remote-connect-active .department-switcher{display:flex!important}
  body.remote-connect-active .page-content{padding:24px 2px 44px!important}
}
@media(max-width:640px){
  body.remote-connect-active .main-area{padding:0 6px!important}
  body.remote-connect-active .topbar{height:58px!important;border-radius:14px!important;padding:0 8px!important}
  body.remote-connect-active .breadcrumb{display:none!important}
  body.remote-connect-active .department-switcher{display:flex!important;min-width:120px!important}
  body.remote-connect-active .topbar-divider,body.remote-connect-active .topbar-user>.icon-btn{display:none!important}
  body.remote-connect-active .page-content{padding:20px 0 44px!important}
}

/* Deskly Remote Connect wide workspace R11 (2026-09-24)
   Keep the canonical Computers shell, but let every Remote Connect content
   section use the full available workspace width instead of a centered max-width. */
@media (min-width:901px){
  body.remote-connect-active .main-area{
    padding-left:8px!important;
    padding-right:10px!important;
  }
  body.remote-connect-active .topbar{
    width:100%!important;
    max-width:none!important;
    margin-left:0!important;
    margin-right:0!important;
  }
  body.remote-connect-active .page-content{
    width:100%!important;
    max-width:none!important;
    margin-left:0!important;
    margin-right:0!important;
  }
  body.remote-connect-active .remote-connect-premium,
  body.remote-connect-active .remote-premium-hero,
  body.remote-connect-active .remote-sessions-premium,
  body.remote-connect-active .remote-how-premium{
    width:100%!important;
    max-width:none!important;
    margin-left:0!important;
    margin-right:0!important;
    box-sizing:border-box!important;
  }
}

/* Deskly Remote Connect canonical Computers gutter correction R12 (2026-09-24)
   Keep the R11 full-width sections, but restore the exact desktop shell gutters
   used by Computers so Remote Connect never sits closer to the sidebar or
   browser edge than the rest of the product. */
@media (min-width:901px){
  body.remote-connect-active .main-area{
    padding-left:24px!important;
    padding-right:24px!important;
  }
}
@media (max-width:1320px) and (min-width:901px){
  body.remote-connect-active .main-area{
    padding-left:18px!important;
    padding-right:18px!important;
  }
}

/* Deskly Remote Connect shell consistency R13 (2026-09-24)
   Final desktop override: Remote Connect must keep the exact same navigation
   rail width as Computers, and the top-bar command search should use the
   available center space instead of leaving a large dead gap. */
@media (min-width:1181px){
  body.remote-connect-active .app-layout{
    grid-template-columns:236px minmax(0,1fr)!important;
  }
  body.remote-connect-active .sidebar{
    margin-left:12px!important;
  }
}
@media (max-width:1180px) and (min-width:901px){
  body.remote-connect-active .app-layout{
    grid-template-columns:226px minmax(0,1fr)!important;
  }
  body.remote-connect-active .sidebar{
    margin-left:10px!important;
  }
}
@media (min-width:901px){
  /* One fixed shell contract across Remote Connect, Computers and every menu. */
  body.remote-connect-active .sidebar{
    width:auto!important;
    min-width:0!important;
    max-width:none!important;
  }

  /* Stretch the global search toward the department block while keeping the
     account/department utilities fixed and readable. Applies product-wide so
     the top bar does not visually jump when changing menus. */
  .topbar-left{
    flex:1 1 auto!important;
    min-width:0!important;
  }
  .topbar-left .command-trigger{
    width:auto!important;
    flex:1 1 420px!important;
    max-width:760px!important;
    min-width:260px!important;
  }
  .topbar-user{
    flex:0 0 auto!important;
    margin-left:18px!important;
  }
}
@media (max-width:1180px) and (min-width:901px){
  .topbar-left .command-trigger{
    min-width:220px!important;
    max-width:520px!important;
  }
  .topbar-user{margin-left:12px!important}
}

/* Deskly unified topbar sizing R14 (2026-09-24)
   Remote Connect and Computers use the exact same header controls. The search
   is wide enough for its full prompt without consuming the whole center area,
   and the department control is widened at the same time so department names
   are readable without a page-specific override. */
@media (min-width:1181px){
  .topbar-left,
  body.remote-connect-active .topbar-left{
    flex:1 1 auto!important;
    min-width:0!important;
    gap:16px!important;
  }
  .topbar-left .command-trigger,
  body.remote-connect-active .command-trigger{
    width:440px!important;
    min-width:440px!important;
    max-width:440px!important;
    flex:0 0 440px!important;
  }
  .department-switcher,
  body.remote-connect-active .department-switcher{
    width:260px!important;
    min-width:260px!important;
    max-width:260px!important;
    flex:0 0 260px!important;
  }
  .department-switcher select,
  body.remote-connect-active .department-switcher select{
    width:154px!important;
    min-width:154px!important;
    max-width:154px!important;
    text-overflow:clip!important;
  }
  .topbar-user,
  body.remote-connect-active .topbar-user{
    flex:0 0 auto!important;
    margin-left:auto!important;
  }
}
@media (max-width:1180px) and (min-width:901px){
  .topbar-left .command-trigger,
  body.remote-connect-active .command-trigger{
    width:300px!important;
    min-width:300px!important;
    max-width:300px!important;
    flex:0 0 300px!important;
  }
  .department-switcher,
  body.remote-connect-active .department-switcher{
    width:232px!important;
    min-width:232px!important;
    max-width:232px!important;
    flex:0 0 232px!important;
  }
  .department-switcher select,
  body.remote-connect-active .department-switcher select{
    width:132px!important;
    min-width:132px!important;
    max-width:132px!important;
  }
}

/* Deskly department baseline alignment R15 (2026-09-24)
   Keep the Department label and selected department name on one visual line
   in the shared topbar on every authenticated workspace. */
@media (min-width:901px){
  .department-switcher,
  body.remote-connect-active .department-switcher{
    align-items:center!important;
  }
  .department-switcher>span,
  body.remote-connect-active .department-switcher>span{
    display:block!important;
    height:30px!important;
    line-height:30px!important;
    margin:0!important;
    padding:0!important;
    transform:translateY(1px)!important;
  }
  .department-switcher select,
  body.remote-connect-active .department-switcher select{
    height:30px!important;
    line-height:30px!important;
    margin:0!important;
    padding-top:0!important;
    padding-bottom:0!important;
    vertical-align:middle!important;
  }
}

/* --------------------------------------------------------------------------
   Deskly R33 — Remote Connect visual system applied across the admin console.
   Remote Connect remains the source-of-truth design; this block intentionally
   leaves .remote-connect-premium itself unchanged and unifies the other pages.
   -------------------------------------------------------------------------- */
:root{
  --deskly-rc-blue:#2f63ed;
  --deskly-rc-blue-2:#2954e8;
  --deskly-rc-purple:#7d43ea;
  --deskly-rc-ink:#111a32;
  --deskly-rc-copy:#6c7890;
  --deskly-rc-line:#e1e7f2;
  --deskly-rc-soft:#f6f9ff;
  --deskly-rc-soft-purple:#fbf8ff;
  --deskly-rc-shadow:0 12px 30px rgba(40,67,131,.055);
  --deskly-rc-shadow-hover:0 16px 34px rgba(40,67,131,.085);
}

/* Shared page rhythm */
.workspace-view:not(.remote-connect-premium){
  width:100%;
  color:var(--deskly-rc-ink);
}
.workspace-view:not(.remote-connect-premium)>.page-header{
  position:relative;
  isolation:isolate;
  overflow:hidden;
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto;
  align-items:center!important;
  min-height:126px;
  margin:0 0 18px!important;
  padding:25px 28px!important;
  border:1px solid var(--deskly-rc-line);
  border-radius:19px;
  background:linear-gradient(115deg,#fff 0%,#fff 53%,#f5f8ff 100%);
  box-shadow:var(--deskly-rc-shadow);
}
.workspace-view:not(.remote-connect-premium)>.page-header:after{
  content:"";
  position:absolute;
  z-index:-1;
  width:280px;
  height:280px;
  right:-88px;
  top:-118px;
  border-radius:50%;
  background:radial-gradient(circle,rgba(76,112,242,.15) 0%,rgba(130,94,235,.06) 42%,transparent 70%);
  pointer-events:none;
}
.workspace-view:not(.remote-connect-premium)>.page-header>div:first-child{
  position:relative;
  min-width:0;
  padding-top:17px;
}
.workspace-view:not(.remote-connect-premium)>.page-header>div:first-child:before{
  position:absolute;
  left:0;
  top:0;
  color:var(--deskly-rc-blue);
  font-size:9.5px;
  line-height:1;
  font-weight:820;
  letter-spacing:.13em;
  text-transform:uppercase;
}
#overviewView>.page-header>div:first-child:before{content:"WORKSPACE OVERVIEW"}
#devicesView>.page-header>div:first-child:before{content:"COMPUTERS"}
#requestsView>.page-header>div:first-child:before{content:"CUSTOMER SUPPORT"}
#alertsView>.page-header>div:first-child:before{content:"OPERATIONS"}
#maintenanceView>.page-header>div:first-child:before{content:"AUTOMATION"}
#assistantView>.page-header>div:first-child:before{content:"INTELLIGENCE"}
#intelligenceView>.page-header>div:first-child:before{content:"DEVICE INTELLIGENCE"}
#integrationsView>.page-header>div:first-child:before{content:"INTEGRATIONS"}
#techniciansView>.page-header>div:first-child:before{content:"ADMINISTRATION"}
#deploymentView>.page-header>div:first-child:before{content:"DEPLOYMENT"}
#departmentsView>.page-header>div:first-child:before{content:"ORGANIZATION"}
#accountView>.page-header>div:first-child:before{content:"MY DESKLY"}
#settingsView>.page-header>div:first-child:before{content:"ADMINISTRATION"}
.workspace-view:not(.remote-connect-premium)>.page-header h1{
  margin:0 0 7px!important;
  color:var(--deskly-rc-ink)!important;
  font-size:31px!important;
  line-height:1.08!important;
  letter-spacing:-.04em!important;
  font-weight:790!important;
}
.workspace-view:not(.remote-connect-premium)>.page-header p{
  max-width:760px!important;
  margin:0!important;
  color:var(--deskly-rc-copy)!important;
  font-size:13px!important;
  line-height:1.55!important;
}
.workspace-view:not(.remote-connect-premium)>.page-header>.btn,
.workspace-view:not(.remote-connect-premium)>.page-header .page-header-actions .btn,
.workspace-view:not(.remote-connect-premium)>.page-header>.search-control,
.workspace-view:not(.remote-connect-premium)>.page-header>.security-score-badge{
  position:relative;
  z-index:2;
}
.workspace-view:not(.remote-connect-premium)>.page-header .btn.primary{
  height:42px;
  border-radius:10px;
  border-color:transparent;
  background:linear-gradient(135deg,var(--deskly-rc-blue),var(--deskly-rc-blue-2));
  box-shadow:0 9px 19px rgba(47,104,245,.16);
}
.workspace-view:not(.remote-connect-premium)>.page-header .btn.secondary,
.workspace-view:not(.remote-connect-premium)>.page-header>a.btn.secondary{
  height:42px;
  border-radius:10px;
  background:rgba(255,255,255,.9);
  border-color:#dce4f1;
  box-shadow:0 4px 12px rgba(31,54,105,.035);
}
.workspace-view:not(.remote-connect-premium)>.page-header .btn:hover{transform:translateY(-1px)}
.workspace-view:not(.remote-connect-premium)>.page-header>.search-control{
  width:min(360px,34vw)!important;
  height:42px;
  border-radius:11px;
  border-color:#dce4f1;
  background:rgba(255,255,255,.92);
  box-shadow:0 5px 14px rgba(31,54,105,.035);
}

/* Remote-Connect-style surfaces */
.workspace-view:not(.remote-connect-premium) .card{
  border-color:var(--deskly-rc-line)!important;
  border-radius:17px!important;
  background:#fff!important;
  box-shadow:var(--deskly-rc-shadow)!important;
}
.workspace-view:not(.remote-connect-premium) .card:hover[data-clickable="true"]{
  box-shadow:var(--deskly-rc-shadow-hover)!important;
}
.workspace-view:not(.remote-connect-premium) .panel-title,
.workspace-view:not(.remote-connect-premium) .sessions-panel-header{
  min-height:70px;
  padding:16px 19px!important;
  border-bottom-color:#edf1f7!important;
  background:linear-gradient(180deg,#fff 0%,#fdfefe 100%);
}
.workspace-view:not(.remote-connect-premium) .panel-title h2,
.workspace-view:not(.remote-connect-premium) .sessions-panel-header h2{
  color:#17213a!important;
  font-size:14px!important;
  font-weight:760!important;
  letter-spacing:-.015em!important;
}
.workspace-view:not(.remote-connect-premium) .panel-title p,
.workspace-view:not(.remote-connect-premium) .sessions-panel-header p{
  color:#7b879b!important;
  font-size:10.5px!important;
  line-height:1.45!important;
}
.workspace-view:not(.remote-connect-premium) .panel-body{padding:18px!important}
.workspace-view:not(.remote-connect-premium) .btn{
  border-radius:9px;
  font-weight:700;
}
.workspace-view:not(.remote-connect-premium) .btn.primary{
  background:linear-gradient(135deg,var(--deskly-rc-blue),var(--deskly-rc-blue-2));
  box-shadow:0 7px 16px rgba(47,104,245,.13);
}
.workspace-view:not(.remote-connect-premium) .btn.secondary,
.workspace-view:not(.remote-connect-premium) .btn.table-action{
  background:#fff;
  border-color:#dce3ef;
  color:#35415a;
}
.workspace-view:not(.remote-connect-premium) .btn.secondary:hover,
.workspace-view:not(.remote-connect-premium) .btn.table-action:hover{
  background:#f8faff;
  border-color:#c6d2e7;
}

/* Metrics: same quiet, premium cards used around Remote Connect */
.workspace-view:not(.remote-connect-premium) .overview-metrics,
.workspace-view:not(.remote-connect-premium) .mini-stats,
.workspace-view:not(.remote-connect-premium) .stats-grid{
  gap:12px!important;
  margin-bottom:18px!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  overflow:visible!important;
}
.workspace-view:not(.remote-connect-premium) .overview-metrics>article,
.workspace-view:not(.remote-connect-premium) .mini-stats>article,
.workspace-view:not(.remote-connect-premium) .stat-card,
.workspace-view:not(.remote-connect-premium) .metric-card{
  position:relative;
  min-height:104px;
  padding:17px 18px!important;
  border:1px solid var(--deskly-rc-line)!important;
  border-radius:15px!important;
  background:linear-gradient(145deg,#fff,#fbfdff)!important;
  box-shadow:0 7px 20px rgba(40,67,131,.045)!important;
  overflow:hidden;
}
.workspace-view:not(.remote-connect-premium) .overview-metrics>article:before,
.workspace-view:not(.remote-connect-premium) .mini-stats>article:before,
.workspace-view:not(.remote-connect-premium) .stat-card:before,
.workspace-view:not(.remote-connect-premium) .metric-card:before{
  content:"";
  position:absolute;
  width:44px;
  height:4px;
  left:18px;
  top:0;
  border-radius:0 0 999px 999px;
  background:linear-gradient(90deg,#4d78f5,#8a62ef);
}
.workspace-view:not(.remote-connect-premium) .overview-metrics span,
.workspace-view:not(.remote-connect-premium) .mini-stats span,
.workspace-view:not(.remote-connect-premium) .metric-card span,
.workspace-view:not(.remote-connect-premium) .stat-card span{
  color:#77839a!important;
  font-size:10px!important;
  font-weight:700!important;
}
.workspace-view:not(.remote-connect-premium) .overview-metrics strong,
.workspace-view:not(.remote-connect-premium) .mini-stats strong,
.workspace-view:not(.remote-connect-premium) .metric-card strong,
.workspace-view:not(.remote-connect-premium) .stat-card strong{
  color:#15203a!important;
  font-size:24px!important;
  letter-spacing:-.035em!important;
}

/* Tables, filters and tabs */
.workspace-view:not(.remote-connect-premium) .unattended-toolbar,
.workspace-view:not(.remote-connect-premium) .session-toolbar{
  padding:13px 16px!important;
  background:#fbfcff!important;
  border-bottom:1px solid #edf1f7!important;
}
.workspace-view:not(.remote-connect-premium) .segmented-tabs{
  padding:3px;
  border:1px solid #e0e6f0;
  border-radius:11px;
  background:#f6f8fc;
  gap:3px;
}
.workspace-view:not(.remote-connect-premium) .segmented-tabs button{
  min-height:32px;
  border-radius:8px!important;
  color:#718096!important;
  font-size:10.5px!important;
  font-weight:720!important;
}
.workspace-view:not(.remote-connect-premium) .segmented-tabs button.active{
  background:#fff!important;
  color:#2f63ed!important;
  box-shadow:0 2px 8px rgba(35,61,126,.07)!important;
}
.workspace-view:not(.remote-connect-premium) .search-control,
.workspace-view:not(.remote-connect-premium) select,
.workspace-view:not(.remote-connect-premium) input,
.workspace-view:not(.remote-connect-premium) textarea{
  border-color:#dce3ee!important;
  border-radius:10px!important;
}
.workspace-view:not(.remote-connect-premium) .search-control{
  background:#fff;
}
.workspace-view:not(.remote-connect-premium) .session-table th{
  height:43px!important;
  padding:0 17px!important;
  background:#f8faff!important;
  color:#7b8798!important;
  border-bottom-color:#e9eef6!important;
  font-size:9px!important;
  font-weight:780!important;
  letter-spacing:.06em!important;
}
.workspace-view:not(.remote-connect-premium) .session-table td{
  height:66px!important;
  padding:11px 17px!important;
  border-bottom-color:#eef2f7!important;
  color:#56627a!important;
  font-size:11px!important;
}
.workspace-view:not(.remote-connect-premium) .session-table tbody tr:hover{background:#fbfdff!important}
.workspace-view:not(.remote-connect-premium) .table-footer,
.workspace-view:not(.remote-connect-premium) .remote-table-footer{
  min-height:46px;
  padding:0 17px!important;
  border-top:1px solid #edf1f7!important;
  background:#fcfdff!important;
}

/* Info and policy callouts */
.workspace-view:not(.remote-connect-premium) .policy-banner{
  padding:14px 16px!important;
  border-color:#d7e3fa!important;
  border-radius:14px!important;
  background:linear-gradient(135deg,#f8fbff,#f3f7ff)!important;
  box-shadow:0 5px 16px rgba(47,104,245,.04);
}
.workspace-view:not(.remote-connect-premium) .policy-icon{
  width:28px!important;
  height:28px!important;
  background:#e9f1ff!important;
  color:#2f63ed!important;
}
.workspace-view:not(.remote-connect-premium) .policy-banner strong{font-size:11.5px!important;color:#263b69!important}
.workspace-view:not(.remote-connect-premium) .policy-banner p{font-size:10px!important;color:#6f7d94!important}

/* Settings center — rebuilt to echo the Remote Connect mode-card language */
#settingsView .settings-center-grid{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:14px!important;
}
#settingsView .settings-category{
  position:relative;
  min-height:178px!important;
  padding:19px!important;
  display:grid!important;
  grid-template-columns:58px minmax(0,1fr)!important;
  gap:15px!important;
  align-items:start!important;
  border:1px solid #dfe6f2!important;
  border-radius:16px!important;
  background:linear-gradient(145deg,#fff,#f8fbff)!important;
  box-shadow:0 8px 22px rgba(40,67,131,.045)!important;
  overflow:hidden;
  transition:transform .15s ease,border-color .15s ease,box-shadow .15s ease!important;
}
#settingsView .settings-category:nth-child(even){background:linear-gradient(145deg,#fff,#fbf8ff)!important}
#settingsView .settings-category:hover{
  transform:translateY(-2px)!important;
  border-color:#bbc9ea!important;
  box-shadow:0 14px 30px rgba(40,67,131,.075)!important;
}
#settingsView .settings-category:after{
  content:"";
  position:absolute;
  width:120px;
  height:120px;
  right:-62px;
  bottom:-70px;
  border-radius:50%;
  background:radial-gradient(circle,rgba(73,112,239,.08),transparent 68%);
  pointer-events:none;
}
#settingsView .settings-category-icon{
  width:58px!important;
  height:58px!important;
  border-radius:17px!important;
  border:1px solid #dbe5fb!important;
  background:#edf4ff!important;
  color:#2f63ed!important;
  font-size:15px!important;
  font-weight:820!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.8);
}
#settingsView .settings-category:nth-child(even) .settings-category-icon{
  border-color:#e7dcf8!important;
  background:#f4edff!important;
  color:#7d43ea!important;
}
#settingsView .settings-category>div{
  display:flex!important;
  min-width:0;
  height:100%;
  flex-direction:column!important;
  align-items:stretch!important;
}
#settingsView .settings-category h2{
  margin:1px 0 6px!important;
  color:#17213a!important;
  font-size:15px!important;
  line-height:1.2!important;
  font-weight:780!important;
}
#settingsView .settings-category p{
  max-width:560px!important;
  margin:0 0 17px!important;
  color:#768299!important;
  font-size:11px!important;
  line-height:1.52!important;
}
#settingsView .settings-links{
  display:flex!important;
  flex-wrap:wrap;
  gap:7px!important;
  margin-top:auto!important;
}
#settingsView .settings-links button{
  min-height:32px!important;
  padding:0 11px!important;
  border:1px solid #dce3ef!important;
  border-radius:9px!important;
  background:#fff!important;
  color:#34425d!important;
  font-size:9.5px!important;
  line-height:1!important;
  font-weight:720!important;
  text-decoration:none!important;
  box-shadow:0 2px 7px rgba(31,54,105,.025);
}
#settingsView .settings-links button:hover{
  border-color:#b9c8eb!important;
  background:#f8faff!important;
  color:#2f63ed!important;
  transform:translateY(-1px);
}
#settingsView .settings-editor{
  margin-top:18px!important;
  border-radius:17px!important;
  overflow:hidden!important;
}
#settingsView .settings-editor-head{
  position:relative;
  padding:20px 22px!important;
  border-bottom:1px solid #e9eef6!important;
  background:linear-gradient(115deg,#fff,#f6f9ff)!important;
}
#settingsView .settings-editor-head .eyebrow{color:#2f63ed!important}
#settingsView .settings-editor-head h2{font-size:18px!important;color:#17213a!important;font-weight:780!important}
#settingsView .settings-editor-head p{font-size:11px!important;color:#748198!important;max-width:800px!important}
#settingsView .settings-form{padding:22px!important;gap:18px!important}
#settingsView .settings-form label>span{font-size:10.5px!important;color:#4f5c73!important}
#settingsView .settings-form input,
#settingsView .settings-form select,
#settingsView .settings-form textarea{min-height:43px!important;background:#fff!important}
#settingsView .form-footer{
  margin-top:4px;
  padding-top:16px!important;
  border-top:1px solid #edf1f7!important;
}

/* Navigation blocks inside larger pages */
.workspace-view:not(.remote-connect-premium) .subnav-card,
.workspace-view:not(.remote-connect-premium) .account-nav{
  padding:8px!important;
  border-radius:15px!important;
  background:linear-gradient(180deg,#fff,#fbfcff)!important;
}
.workspace-view:not(.remote-connect-premium) .subnav-card button,
.workspace-view:not(.remote-connect-premium) .account-nav button{
  border-radius:9px!important;
  transition:background .15s ease,color .15s ease,box-shadow .15s ease;
}
.workspace-view:not(.remote-connect-premium) .subnav-card button.active,
.workspace-view:not(.remote-connect-premium) .account-nav button.active{
  background:#eef3ff!important;
  color:#2f63ed!important;
  box-shadow:inset 0 0 0 1px #dce6ff!important;
}

/* Lists and detail rows */
.workspace-view:not(.remote-connect-premium) .stack-row,
.workspace-view:not(.remote-connect-premium) .request-row,
.workspace-view:not(.remote-connect-premium) .alert-row,
.workspace-view:not(.remote-connect-premium) .attention-row,
.workspace-view:not(.remote-connect-premium) .account-list-row{
  border-bottom-color:#eef2f7!important;
}
.workspace-view:not(.remote-connect-premium) .stack-row:hover,
.workspace-view:not(.remote-connect-premium) .request-row:hover,
.workspace-view:not(.remote-connect-premium) .alert-row:hover,
.workspace-view:not(.remote-connect-premium) .account-list-row:hover{background:#fbfdff!important}

/* Dialogs and drawers now use the same rounded, quiet surfaces */
.modal-card,.session-drawer,.device-drawer{
  border-color:#dfe6f2!important;
  border-radius:18px!important;
  box-shadow:0 28px 70px rgba(19,35,70,.18)!important;
}
.modal-header,.drawer-header{
  border-bottom-color:#edf1f7!important;
  background:linear-gradient(115deg,#fff,#f6f9ff)!important;
}
.modal-header h2,.drawer-header h2{color:#17213a!important;letter-spacing:-.02em!important}

@media(max-width:1180px){
  #settingsView .settings-center-grid{grid-template-columns:1fr 1fr!important}
  .workspace-view:not(.remote-connect-premium)>.page-header{padding:23px 24px!important}
}
@media(max-width:900px){
  .workspace-view:not(.remote-connect-premium)>.page-header{
    grid-template-columns:1fr!important;
    align-items:start!important;
    padding:22px!important;
  }
  .workspace-view:not(.remote-connect-premium)>.page-header>.btn,
  .workspace-view:not(.remote-connect-premium)>.page-header>.search-control,
  .workspace-view:not(.remote-connect-premium)>.page-header>.security-score-badge,
  .workspace-view:not(.remote-connect-premium)>.page-header .page-header-actions{justify-self:stretch!important;width:100%!important}
  .workspace-view:not(.remote-connect-premium)>.page-header>.search-control{max-width:none!important}
  #settingsView .settings-center-grid{grid-template-columns:1fr!important}
}
@media(max-width:640px){
  .workspace-view:not(.remote-connect-premium)>.page-header{min-height:0;padding:20px!important;border-radius:16px!important}
  .workspace-view:not(.remote-connect-premium)>.page-header h1{font-size:27px!important}
  #settingsView .settings-category{grid-template-columns:48px minmax(0,1fr)!important;min-height:0!important;padding:16px!important}
  #settingsView .settings-category-icon{width:48px!important;height:48px!important;border-radius:14px!important}
}

/* Deskly R34 — Settings rebuilt from the approved Remote Connect visual language.
   This is a structural redesign, not a recolor of the legacy stacked settings list. */
#settingsView.settings-premium-view{
  width:100%;
  max-width:1540px!important;
  margin:0 auto;
  padding:0 0 34px;
  box-sizing:border-box;
}
#settingsView.settings-premium-view>.card{
  border:1px solid #e0e6f0!important;
  background:#fff!important;
  box-shadow:0 14px 38px rgba(31,52,101,.055)!important;
}

/* Hero */
#settingsView .settings-premium-hero{
  position:relative;
  display:grid;
  grid-template-columns:minmax(610px,1.05fr) minmax(500px,.95fr);
  min-height:365px;
  overflow:hidden;
  margin-bottom:18px;
  border-radius:19px!important;
  background:linear-gradient(112deg,#fff 0%,#fff 53%,#f5f8ff 100%)!important;
}
#settingsView .settings-premium-hero:after{
  content:"";
  position:absolute;
  right:-110px;
  bottom:-210px;
  width:790px;
  height:460px;
  border-radius:50%;
  pointer-events:none;
  background:radial-gradient(ellipse at center,rgba(86,125,245,.13),rgba(132,89,241,.045) 48%,transparent 72%);
  transform:rotate(-8deg);
}
#settingsView .settings-premium-copy{
  position:relative;
  z-index:3;
  padding:34px 32px 30px 36px;
}
#settingsView .settings-premium-copy h1{
  margin:0;
  color:#111a32;
  font-size:40px!important;
  line-height:1.04;
  letter-spacing:-.047em;
  font-weight:820!important;
}
#settingsView .settings-premium-copy h1 span{color:#2f63ed}
#settingsView .settings-premium-copy>p{
  max-width:650px;
  margin:12px 0 23px;
  color:#6c7890;
  font-size:13.5px!important;
  line-height:1.58;
}
#settingsView .settings-hero-search{
  width:min(590px,100%);
  height:48px;
  display:flex;
  align-items:center;
  gap:10px;
  padding:0 12px 0 14px;
  border:1px solid #dce3ed;
  border-radius:12px;
  background:#fff;
  box-shadow:0 7px 19px rgba(40,65,121,.045);
  color:#8491a5;
}
#settingsView .settings-hero-search:focus-within{
  border-color:#9eb3ed;
  box-shadow:0 0 0 3px rgba(47,99,237,.07),0 8px 20px rgba(40,65,121,.05);
}
#settingsView .settings-hero-search svg{
  width:18px;
  height:18px;
  flex:0 0 auto;
  fill:none;
  stroke:currentColor;
  stroke-width:1.8;
  stroke-linecap:round;
}
#settingsView .settings-hero-search input{
  width:100%;
  min-width:0;
  height:44px!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  outline:0;
  background:transparent!important;
  box-shadow:none!important;
  color:#344054;
  font:inherit;
  font-size:11.5px!important;
}
#settingsView .settings-hero-search input::placeholder{color:#99a4b5}
#settingsView .settings-hero-search>span{
  flex:0 0 auto;
  min-width:43px;
  height:24px;
  display:grid;
  place-items:center;
  padding:0 7px;
  border:1px solid #e0e5ed;
  border-radius:6px;
  background:#f8fafc;
  color:#7b8798;
  font-size:8.5px;
  font-weight:760;
}
#settingsView .settings-hero-shortcuts{
  display:flex;
  flex-wrap:wrap;
  gap:7px;
  margin-top:15px;
}
#settingsView .settings-hero-shortcuts button{
  height:31px;
  display:inline-flex;
  align-items:center;
  gap:7px;
  padding:0 10px;
  border:1px solid #e1e6ef;
  border-radius:999px;
  background:#fbfcff;
  color:#56647c;
  font:inherit;
  font-size:9.3px;
  font-weight:720;
  cursor:pointer;
  transition:transform .15s ease,border-color .15s ease,background .15s ease,color .15s ease;
}
#settingsView .settings-hero-shortcuts button:hover{
  transform:translateY(-1px);
  border-color:#b8c7eb;
  background:#f5f8ff;
  color:#2f63ed;
}
#settingsView .shortcut-dot{width:7px;height:7px;border-radius:50%;background:#2f63ed;box-shadow:0 0 0 3px rgba(47,99,237,.10)}
#settingsView .shortcut-dot.purple{background:#8450e8;box-shadow:0 0 0 3px rgba(132,80,232,.10)}
#settingsView .shortcut-dot.green{background:#19a66c;box-shadow:0 0 0 3px rgba(25,166,108,.10)}
#settingsView .shortcut-dot.amber{background:#d68a12;box-shadow:0 0 0 3px rgba(214,138,18,.10)}

#settingsView .settings-premium-visual{
  position:relative;
  z-index:2;
  min-width:0;
  min-height:365px;
  padding:31px 25px 24px 10px;
  overflow:hidden;
}
#settingsView .settings-visual-glow{
  position:absolute;
  left:9%;
  right:-12%;
  bottom:-31%;
  height:84%;
  border-radius:48% 52% 0 0;
  background:linear-gradient(135deg,rgba(96,142,255,.09),rgba(122,91,239,.075));
  transform:rotate(-7deg);
}
#settingsView .settings-visual-window{
  position:absolute;
  z-index:2;
  top:57px;
  right:28px;
  width:min(515px,92%);
  overflow:hidden;
  border:1px solid #dfe6f1;
  border-radius:16px;
  background:#fff;
  box-shadow:0 25px 58px rgba(32,54,106,.14);
}
#settingsView .settings-visual-titlebar{
  height:47px;
  display:flex;
  align-items:center;
  gap:10px;
  padding:0 14px;
  border-bottom:1px solid #edf1f6;
  background:#fbfcfe;
}
#settingsView .settings-visual-titlebar>span{display:flex;gap:5px}
#settingsView .settings-visual-titlebar i{width:6px;height:6px;border-radius:50%;background:#d7dfea}
#settingsView .settings-visual-titlebar i:first-child{background:#a6bcff}
#settingsView .settings-visual-titlebar b{color:#344054;font-size:9.8px;font-weight:770}
#settingsView .settings-visual-titlebar em{
  margin-left:auto;
  height:22px;
  display:inline-flex;
  align-items:center;
  padding:0 8px;
  border-radius:999px;
  background:#ebf8f0;
  color:#168a58;
  font-style:normal;
  font-size:8px;
  font-weight:760;
}
#settingsView .settings-visual-body{display:grid;grid-template-columns:142px minmax(0,1fr);min-height:206px}
#settingsView .settings-visual-sidebar{
  padding:13px 8px;
  border-right:1px solid #edf1f6;
  background:#fafbfe;
}
#settingsView .settings-visual-sidebar span{
  height:37px;
  display:flex;
  align-items:center;
  gap:8px;
  padding:0 8px;
  margin-bottom:4px;
  border-radius:8px;
  color:#7a879b;
  font-size:8.7px;
  font-weight:690;
}
#settingsView .settings-visual-sidebar span.active{background:#edf3ff;color:#315fdc}
#settingsView .settings-visual-sidebar i{
  width:20px;
  height:20px;
  display:grid;
  place-items:center;
  border-radius:6px;
  background:#fff;
  color:inherit;
  font-style:normal;
  font-size:7px;
  font-weight:850;
  box-shadow:inset 0 0 0 1px #e4e9f2;
}
#settingsView .settings-visual-panel{padding:16px 17px 13px}
#settingsView .settings-visual-panel-head{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:12px}
#settingsView .settings-visual-panel-head small{display:block;color:#95a0b2;font-size:6.8px;font-weight:820;letter-spacing:.075em}
#settingsView .settings-visual-panel-head strong{display:block;margin-top:3px;color:#253149;font-size:11.5px;font-weight:780}
#settingsView .settings-on-pill{height:24px;display:inline-flex;align-items:center;padding:0 9px;border-radius:999px;background:#eef4ff;color:#315fdc;font-size:7.8px;font-weight:760}
#settingsView .settings-visual-rule{
  min-height:48px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  padding:8px 0;
  border-top:1px solid #eef2f7;
}
#settingsView .settings-visual-rule b{display:block;color:#39465d;font-size:8.8px;font-weight:730}
#settingsView .settings-visual-rule small{display:block;margin-top:2px;color:#9aa5b6;font-size:7.4px}
#settingsView .settings-visual-rule em{color:#52627b;font-style:normal;font-size:8.2px;font-weight:730}
#settingsView .settings-mini-toggle{position:relative;width:31px;height:18px;border-radius:999px;background:#dce3ed}
#settingsView .settings-mini-toggle:after{content:"";position:absolute;top:3px;left:3px;width:12px;height:12px;border-radius:50%;background:#fff;box-shadow:0 1px 3px rgba(31,46,80,.15)}
#settingsView .settings-mini-toggle.on{background:#3a70ee}
#settingsView .settings-mini-toggle.on:after{left:16px}
#settingsView .settings-visual-chip{
  position:absolute;
  z-index:5;
  display:flex;
  align-items:center;
  gap:8px;
  min-width:160px;
  padding:9px 12px;
  border:1px solid #e0e6ef;
  border-radius:12px;
  background:rgba(255,255,255,.96);
  box-shadow:0 12px 30px rgba(33,54,105,.10);
}
#settingsView .settings-visual-chip>span{width:27px;height:27px;display:grid;place-items:center;border-radius:9px;background:#ebf8f0;color:#15905c;font-size:12px;font-weight:900}
#settingsView .settings-visual-chip b{display:block;color:#344054;font-size:8.6px}
#settingsView .settings-visual-chip small{display:block;margin-top:1px;color:#95a0b2;font-size:7.2px}
#settingsView .settings-visual-chip.security{right:335px;bottom:34px}
#settingsView .settings-visual-chip.audit{right:20px;bottom:18px}
#settingsView .settings-visual-chip.audit>span{background:#f2edff;color:#7951ea}

/* Settings hub */
#settingsView .settings-premium-hub{
  overflow:hidden;
  margin-bottom:18px;
  border-radius:17px!important;
}
#settingsView .settings-premium-toolbar{
  min-height:78px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:20px;
  padding:16px 20px;
  border-bottom:1px solid #e8edf4;
  background:#fff;
}
#settingsView .settings-premium-toolbar .eyebrow{display:block;margin:0 0 4px;color:#315fdc!important;font-size:8px!important;font-weight:820!important;letter-spacing:.08em}
#settingsView .settings-premium-toolbar h2{margin:0;color:#17213a;font-size:16px!important;line-height:1.2;font-weight:780!important}
#settingsView .settings-premium-toolbar p{margin:5px 0 0;color:#8792a4;font-size:9.5px!important;line-height:1.45}
#settingsView .settings-area-count{height:29px;display:inline-flex;align-items:center;padding:0 11px;border:1px solid #dce4f0;border-radius:999px;background:#f8faff;color:#66758c;font-size:8.8px;font-weight:760;white-space:nowrap}
#settingsView .settings-premium-grid{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:0!important;
  padding:0!important;
  background:#fff;
}
#settingsView .settings-module-card{
  position:relative;
  min-height:248px;
  padding:22px 23px 18px;
  border:0!important;
  border-right:1px solid #edf1f6!important;
  border-bottom:1px solid #edf1f6!important;
  border-radius:0!important;
  background:#fff!important;
  box-shadow:none!important;
  overflow:hidden;
  transition:background .15s ease;
}
#settingsView .settings-module-card:nth-child(even){border-right:0!important}
#settingsView .settings-module-card:hover{background:#fbfcff!important}
#settingsView .settings-module-card:after{
  content:"";
  position:absolute;
  width:130px;
  height:130px;
  right:-77px;
  top:-72px;
  border-radius:50%;
  background:radial-gradient(circle,rgba(63,105,235,.07),transparent 70%);
  pointer-events:none;
}
#settingsView .settings-module-card.violet:after,#settingsView .settings-module-card.purple:after,#settingsView .settings-module-card.rose:after{background:radial-gradient(circle,rgba(126,82,230,.07),transparent 70%)}
#settingsView .settings-module-card.emerald:after{background:radial-gradient(circle,rgba(23,164,106,.07),transparent 70%)}
#settingsView .settings-module-card.amber:after{background:radial-gradient(circle,rgba(211,138,24,.07),transparent 70%)}
#settingsView .settings-module-card.wide{grid-column:1/-1;min-height:178px;border-right:0!important}
#settingsView .settings-module-top{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:16px}
#settingsView .settings-module-icon{
  width:49px;
  height:49px;
  display:grid;
  place-items:center;
  border:1px solid #dbe5fb;
  border-radius:15px;
  background:#edf4ff;
  color:#2f67ef;
}
#settingsView .settings-module-icon svg{width:23px;height:23px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
#settingsView .settings-module-card.violet .settings-module-icon,#settingsView .settings-module-card.purple .settings-module-icon,#settingsView .settings-module-card.rose .settings-module-icon{border-color:#e8ddfa;background:#f4edff;color:#7c45e8}
#settingsView .settings-module-card.emerald .settings-module-icon{border-color:#d6efe3;background:#edf9f3;color:#169563}
#settingsView .settings-module-card.amber .settings-module-icon{border-color:#f1e4c8;background:#fff8e9;color:#c88315}
#settingsView .settings-module-badge{
  height:23px;
  display:inline-flex;
  align-items:center;
  padding:0 8px;
  border-radius:999px;
  background:#f6f8fb;
  color:#8a95a6;
  font-size:7.6px;
  font-weight:770;
  letter-spacing:.025em;
}
#settingsView .settings-module-card h3{margin:0 0 7px;color:#1d2941;font-size:15px!important;line-height:1.2;font-weight:780!important}
#settingsView .settings-module-card p{max-width:560px;margin:0 0 17px;color:#77849a;font-size:10.2px!important;line-height:1.5}
#settingsView .settings-module-actions{display:grid;grid-template-columns:1fr;gap:5px;margin-top:auto}
#settingsView .settings-module-actions button{
  width:100%;
  min-height:34px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  padding:0 10px;
  border:1px solid transparent;
  border-radius:8px;
  background:transparent;
  color:#4c5a72;
  font:inherit;
  font-size:9.6px;
  font-weight:700;
  cursor:pointer;
  text-align:left;
  transition:background .14s ease,border-color .14s ease,color .14s ease,transform .14s ease;
}
#settingsView .settings-module-actions button:hover{transform:translateX(2px);border-color:#e0e7f2;background:#f7f9fd;color:#2f63ed}
#settingsView .settings-module-actions button b{color:#a0aabd;font-size:13px;font-weight:500}
#settingsView .settings-module-actions button:hover b{color:#2f63ed}
#settingsView .settings-module-wide-copy{display:grid;grid-template-columns:minmax(0,1fr) minmax(390px,.85fr);gap:30px;align-items:end}
#settingsView .settings-module-actions.inline{grid-template-columns:repeat(2,minmax(0,1fr));align-self:end}

/* Settings editor: same quiet card + toolbar language as Remote Connect sessions */
#settingsView .settings-premium-editor{
  margin:0 0 18px!important;
  overflow:hidden!important;
  border-radius:17px!important;
  scroll-margin-top:20px;
}
#settingsView .settings-premium-editor .settings-editor-head{
  min-height:80px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:20px;
  padding:16px 20px!important;
  border-bottom:1px solid #e8edf4!important;
  background:#fff!important;
}
#settingsView .settings-premium-editor .settings-editor-head:before{
  content:"";
  width:42px;
  height:42px;
  flex:0 0 auto;
  border:1px solid #dbe5fb;
  border-radius:13px;
  background:#edf4ff;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.7);
}
#settingsView .settings-premium-editor .settings-editor-head>div{flex:1;min-width:0}
#settingsView .settings-premium-editor .settings-editor-head .eyebrow{display:block;margin:0 0 3px;color:#315fdc!important;font-size:7.5px!important;font-weight:830!important;letter-spacing:.08em}
#settingsView .settings-premium-editor .settings-editor-head h2{margin:0;color:#17213a!important;font-size:16px!important;line-height:1.2;font-weight:790!important}
#settingsView .settings-premium-editor .settings-editor-head p{margin:5px 0 0;max-width:820px!important;color:#8792a4!important;font-size:9.5px!important;line-height:1.45}
#settingsView .settings-premium-editor .settings-editor-head .icon-btn{width:37px;height:37px;border:1px solid #dfe5ee!important;border-radius:10px!important;background:#fff!important;color:#7c8799!important;font-size:18px!important}
#settingsView .settings-premium-editor .settings-editor-head .icon-btn:hover{border-color:#c7d2e7!important;background:#f7f9fc!important;color:#2f63ed!important}
#settingsView .settings-premium-editor .settings-form,
#settingsView .settings-premium-editor .policy-stack{padding:22px!important;background:#fff}
#settingsView .settings-premium-editor .policy-row,
#settingsView .settings-premium-editor .policy-note,
#settingsView .settings-premium-editor .security-summary-row{
  border-color:#e7ecf4!important;
  border-radius:11px!important;
  background:#fbfcff!important;
}
#settingsView .settings-premium-editor .form-footer{margin-top:18px!important;padding-top:17px!important;border-top:1px solid #edf1f7!important}
#settingsView .settings-premium-editor .form-footer .btn.primary{min-height:39px!important;border-radius:9px!important;box-shadow:0 7px 16px rgba(47,99,237,.16)!important}

/* Bottom explanation card */
#settingsView .settings-how-card{padding:19px 20px 20px!important;border-radius:17px!important}
#settingsView .settings-how-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:17px}
#settingsView .settings-how-heading h2{margin:0;color:#18233c;font-size:15px!important;font-weight:780!important}
#settingsView .settings-how-heading p{margin:5px 0 0;color:#8792a4;font-size:9.6px!important}
#settingsView .settings-how-status{height:29px;display:inline-flex;align-items:center;gap:7px;padding:0 10px;border:1px solid #dce5ef;border-radius:999px;background:#fbfcfe;color:#647289;font-size:8.4px;font-weight:720;white-space:nowrap}
#settingsView .settings-how-status i{width:7px;height:7px;border-radius:50%;background:#18a66b;box-shadow:0 0 0 3px rgba(24,166,107,.10)}
#settingsView .settings-how-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border:1px solid #e7ecf3;border-radius:13px;overflow:hidden;background:#fbfcfe}
#settingsView .settings-how-grid article{min-height:94px;display:flex;align-items:center;gap:12px;padding:16px;border-right:1px solid #e7ecf3}
#settingsView .settings-how-grid article:last-child{border-right:0}
#settingsView .settings-how-number{width:31px;height:31px;flex:0 0 auto;display:grid;place-items:center;border-radius:10px;background:#edf3ff;color:#315fdc;font-size:10px;font-weight:820}
#settingsView .settings-how-grid strong{display:block;color:#344054;font-size:10.2px;font-weight:760}
#settingsView .settings-how-grid p{margin:4px 0 0;color:#8b96a7;font-size:8.7px!important;line-height:1.45}

@media(max-width:1220px){
  #settingsView .settings-premium-hero{grid-template-columns:minmax(520px,1.05fr) minmax(420px,.95fr)}
  #settingsView .settings-premium-copy h1{font-size:36px!important}
  #settingsView .settings-visual-window{right:18px;width:min(475px,94%)}
  #settingsView .settings-visual-chip.security{right:290px}
}
@media(max-width:1040px){
  #settingsView .settings-premium-hero{grid-template-columns:1fr;min-height:0}
  #settingsView .settings-premium-visual{min-height:320px;border-top:1px solid #edf1f7;padding-left:24px}
  #settingsView .settings-visual-window{left:50%;right:auto;transform:translateX(-50%);width:min(570px,86%)}
  #settingsView .settings-visual-chip.security{left:7%;right:auto;bottom:28px}
  #settingsView .settings-visual-chip.audit{right:7%;bottom:22px}
  #settingsView .settings-module-wide-copy{grid-template-columns:1fr;gap:12px}
  #settingsView .settings-module-actions.inline{max-width:600px}
}
@media(max-width:760px){
  #settingsView .settings-premium-copy{padding:27px 20px 25px}
  #settingsView .settings-premium-copy h1{font-size:31px!important}
  #settingsView .settings-premium-copy>p{font-size:12px!important}
  #settingsView .settings-hero-search{width:100%}
  #settingsView .settings-premium-visual{min-height:285px}
  #settingsView .settings-visual-window{top:34px;width:92%}
  #settingsView .settings-visual-chip{display:none}
  #settingsView .settings-premium-grid{grid-template-columns:1fr!important}
  #settingsView .settings-module-card{border-right:0!important;min-height:0}
  #settingsView .settings-module-card.wide{grid-column:auto}
  #settingsView .settings-premium-toolbar{align-items:flex-start}
  #settingsView .settings-how-heading{align-items:flex-start;flex-direction:column}
  #settingsView .settings-how-grid{grid-template-columns:1fr}
  #settingsView .settings-how-grid article{border-right:0;border-bottom:1px solid #e7ecf3}
  #settingsView .settings-how-grid article:last-child{border-bottom:0}
}
@media(max-width:520px){
  #settingsView .settings-premium-copy h1{font-size:28px!important}
  #settingsView .settings-hero-shortcuts{display:grid;grid-template-columns:1fr 1fr}
  #settingsView .settings-hero-shortcuts button{justify-content:center}
  #settingsView .settings-premium-visual{display:none}
  #settingsView .settings-module-card{padding:18px}
  #settingsView .settings-module-actions.inline{grid-template-columns:1fr}
  #settingsView .settings-premium-editor .settings-editor-head:before{display:none}
}

/* Deskly R35 - Settings master/detail workspace + neutral admin metrics.
   Remote Connect remains the visual source of truth. */

/* Remove decorative blue/purple bars from admin metric cards. */
.workspace-view:not(.remote-connect-premium) .overview-metrics>article:before,
.workspace-view:not(.remote-connect-premium) .mini-stats>article:before,
.workspace-view:not(.remote-connect-premium) .stat-card:before,
.workspace-view:not(.remote-connect-premium) .metric-card:before{
  display:none!important;
  content:none!important;
}
.workspace-view:not(.remote-connect-premium) .overview-metrics>article,
.workspace-view:not(.remote-connect-premium) .mini-stats>article,
.workspace-view:not(.remote-connect-premium) .stat-card,
.workspace-view:not(.remote-connect-premium) .metric-card{
  background:#fff!important;
  box-shadow:0 5px 18px rgba(24,39,75,.035)!important;
}

#settingsView.settings-master-view{
  display:grid;
  gap:16px;
  max-width:none!important;
}
#settingsView.settings-master-view.hidden{display:none!important}
#settingsView.settings-master-view>.card{
  border:1px solid #dfe5ef!important;
  box-shadow:0 8px 28px rgba(31,52,96,.045)!important;
}

#settingsView .settings-master-header{
  min-height:132px;
  padding:26px 30px;
  border-radius:18px!important;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:28px;
  background:linear-gradient(112deg,#fff 0%,#fff 66%,#f6f9ff 100%)!important;
}
#settingsView .settings-master-heading{min-width:0}
#settingsView .settings-master-heading .remote-kicker{
  display:block;
  margin-bottom:8px;
  color:#3564ee!important;
  font-size:9px!important;
  font-weight:820!important;
  letter-spacing:.12em!important;
}
#settingsView .settings-master-heading h1{
  margin:0;
  color:#111c34;
  font-size:30px!important;
  line-height:1.05;
  letter-spacing:-.04em!important;
  font-weight:780!important;
}
#settingsView .settings-master-heading p{
  margin:8px 0 0;
  max-width:690px;
  color:#77849a;
  font-size:11.5px!important;
  line-height:1.55;
}
#settingsView .settings-master-search{
  width:min(360px,36vw);
  height:44px;
  flex:0 0 auto;
  display:grid;
  grid-template-columns:18px minmax(0,1fr);
  align-items:center;
  gap:10px;
  padding:0 12px 0 14px;
  border:1px solid #dbe3ef;
  border-radius:12px;
  background:#fff;
  box-shadow:0 3px 12px rgba(31,52,96,.035);
}
#settingsView .settings-master-search svg{
  width:16px;height:16px;fill:none;stroke:#8a97aa;stroke-width:1.7;stroke-linecap:round
}
#settingsView .settings-master-search input{
  width:100%;height:100%;padding:0;border:0!important;outline:0;background:transparent!important;box-shadow:none!important;color:#24314b;font-size:11px!important
}
#settingsView .settings-master-search>span{
  height:22px;padding:0 7px;border:1px solid #dfe5ee;border-radius:6px;background:#fafbfc;color:#8a95a6;display:inline-flex;align-items:center;font-size:8px;font-weight:750
}

#settingsView .settings-master-shell{
  min-height:650px;
  border-radius:18px!important;
  overflow:hidden;
  display:grid;
  grid-template-columns:300px minmax(0,1fr);
  background:#fff!important;
}
#settingsView .settings-master-nav{
  min-width:0;
  padding:20px 16px 18px;
  border-right:1px solid #e5eaf2;
  background:#fbfcfe;
  display:flex;
  flex-direction:column;
}
#settingsView .settings-master-nav-head{
  padding:0 8px 11px;
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:12px;
}
#settingsView .settings-master-nav-head span,
#settingsView .settings-master-related>span{
  color:#8b97aa;
  font-size:8px;
  font-weight:820;
  letter-spacing:.11em;
}
#settingsView .settings-master-nav-head small{color:#a1aabd;font-size:8px}
#settingsView .settings-master-nav-list{display:grid;gap:5px}
#settingsView .settings-master-nav-item{
  width:100%;
  min-height:66px;
  padding:10px 10px;
  border:1px solid transparent;
  border-radius:12px;
  background:transparent;
  color:#34415a;
  display:grid;
  grid-template-columns:38px minmax(0,1fr) 14px;
  align-items:center;
  gap:10px;
  text-align:left;
  cursor:pointer;
  transition:background .15s ease,border-color .15s ease,box-shadow .15s ease;
}
#settingsView .settings-master-nav-item:hover{
  background:#fff;
  border-color:#e2e8f1;
}
#settingsView .settings-master-nav-item.active{
  background:#fff;
  border-color:#ced9f2;
  box-shadow:0 6px 16px rgba(48,82,150,.07);
}
#settingsView .settings-nav-icon{
  width:38px;height:38px;border-radius:10px;border:1px solid #e0e6f0;background:#f5f7fb;color:#53627a;display:grid;place-items:center
}
#settingsView .settings-nav-icon svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
#settingsView .settings-master-nav-item.active .settings-nav-icon{background:#eef3ff;border-color:#d8e2fb;color:#315ee5}
#settingsView .settings-nav-copy{min-width:0;display:grid;gap:3px}
#settingsView .settings-nav-copy strong{color:#27344d;font-size:10.5px;font-weight:740}
#settingsView .settings-nav-copy small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#8b96a8;font-size:8.5px;line-height:1.3}
#settingsView .settings-nav-arrow{color:#a6afbd;font-size:18px;font-weight:400;line-height:1}
#settingsView .settings-master-nav-item.active .settings-nav-arrow{color:#3964e6}
#settingsView .settings-search-empty{margin:8px 4px 0;padding:11px;border:1px dashed #dce3ed;border-radius:10px;color:#8b96a8;font-size:9px;text-align:center;background:#fff}

#settingsView .settings-master-related{
  margin-top:20px;
  padding:17px 6px 0;
  border-top:1px solid #e6ebf2;
  display:grid;
  gap:3px;
}
#settingsView .settings-master-related>span{padding:0 5px 7px}
#settingsView .settings-master-related button{
  min-height:43px;
  padding:6px 8px;
  border:0;
  border-radius:9px;
  background:transparent;
  text-align:left;
  cursor:pointer;
  display:grid;
  grid-template-columns:1fr;
  gap:2px;
}
#settingsView .settings-master-related button:hover{background:#f1f4f9}
#settingsView .settings-master-related b{color:#445168;font-size:9.5px;font-weight:700}
#settingsView .settings-master-related small{color:#98a2b2;font-size:8px}
#settingsView .settings-master-audit-note{
  margin-top:auto;
  padding:13px 12px;
  border:1px solid #dfe7e5;
  border-radius:11px;
  background:#f8fbfa;
  display:flex;
  gap:9px;
  align-items:flex-start;
}
#settingsView .settings-audit-icon{
  width:24px;height:24px;flex:0 0 24px;border-radius:8px;background:#e8f7ef;color:#158153;display:grid;place-items:center;font-size:10px;font-weight:800
}
#settingsView .settings-master-audit-note div{display:grid;gap:2px}
#settingsView .settings-master-audit-note strong{color:#385147;font-size:9px}
#settingsView .settings-master-audit-note small{color:#789086;font-size:8px;line-height:1.35}

#settingsView .settings-master-content{
  min-width:0;
  padding:0;
  background:#fff;
}
#settingsView .settings-master-editor{
  min-height:100%;
  background:#fff;
  scroll-margin-top:95px;
}
#settingsView .settings-master-editor.is-loading{opacity:.72}
#settingsView .settings-master-editor .settings-editor-head{
  min-height:112px;
  padding:24px 28px 20px!important;
  border-bottom:1px solid #e8edf4!important;
  background:linear-gradient(180deg,#fff,#fcfdff)!important;
  display:flex!important;
  align-items:flex-start!important;
  justify-content:space-between!important;
  gap:22px!important;
}
#settingsView .settings-editor-title{min-width:0}
#settingsView .settings-master-editor .settings-editor-head .eyebrow{
  display:block;margin:0 0 5px;color:#3562e8!important;font-size:8px!important;font-weight:830!important;letter-spacing:.1em!important
}
#settingsView .settings-master-editor .settings-editor-head h2{
  margin:0!important;color:#162039!important;font-size:21px!important;line-height:1.15!important;letter-spacing:-.025em!important;font-weight:770!important
}
#settingsView .settings-master-editor .settings-editor-head p{
  margin:7px 0 0!important;max-width:720px;color:#7f8b9e!important;font-size:10px!important;line-height:1.5!important
}
#settingsView .settings-editor-state{
  flex:0 0 auto;
  height:30px;
  padding:0 10px;
  border:1px solid #dfe6e2;
  border-radius:999px;
  background:#f8fbfa;
  color:#597266;
  display:inline-flex;
  align-items:center;
  gap:7px;
  font-size:8.5px;
  font-weight:750;
}
#settingsView .settings-editor-state i{width:6px;height:6px;border-radius:50%;background:#24a369;box-shadow:0 0 0 3px #e6f6ed}

#settingsView .settings-master-editor .settings-form,
#settingsView .settings-master-editor .policy-stack{
  padding:24px 28px 28px!important;
  background:#fff!important;
}
#settingsView .settings-master-editor .form-grid.two{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:14px!important;
}
#settingsView .settings-master-editor .form-grid label,
#settingsView .settings-master-editor .settings-form>label{
  display:grid;gap:7px;color:#4b5870;font-size:9px;font-weight:680
}
#settingsView .settings-master-editor input,
#settingsView .settings-master-editor select,
#settingsView .settings-master-editor textarea{
  min-height:40px!important;
  border:1px solid #dce3ed!important;
  border-radius:9px!important;
  background:#fff!important;
  color:#27344d!important;
  box-shadow:0 1px 2px rgba(16,24,40,.02)!important;
  font-size:10px!important;
}
#settingsView .settings-master-editor input:focus,
#settingsView .settings-master-editor select:focus,
#settingsView .settings-master-editor textarea:focus{
  border-color:#a9bdf3!important;
  box-shadow:0 0 0 3px rgba(53,98,232,.08)!important;
  outline:0!important;
}
#settingsView .settings-master-editor .policy-row,
#settingsView .settings-master-editor .policy-toggle,
#settingsView .settings-master-editor .settings-inline-action,
#settingsView .settings-master-editor .policy-note,
#settingsView .settings-master-editor .security-summary-row{
  border:1px solid #e1e7ef!important;
  border-radius:11px!important;
  background:#fff!important;
  box-shadow:none!important;
}
#settingsView .settings-master-editor .policy-row,
#settingsView .settings-master-editor .policy-toggle{
  min-height:62px!important;
  margin-bottom:8px!important;
  padding:12px 14px!important;
}
#settingsView .settings-master-editor .settings-inline-action{margin:10px 0!important;padding:13px 14px!important}
#settingsView .settings-master-editor .inline-section-head{
  margin:20px 0 12px!important;
  padding:0 0 9px!important;
  border:0!important;
  border-bottom:1px solid #edf1f5!important;
}
#settingsView .settings-master-editor .inline-section-head h3{font-size:11.5px!important;color:#2e3b53!important}
#settingsView .settings-master-editor .inline-section-head span{font-size:8px!important;color:#929cad!important}
#settingsView .settings-master-editor .form-footer{
  position:sticky;
  bottom:0;
  z-index:2;
  margin:22px -28px -28px!important;
  padding:14px 28px!important;
  min-height:64px;
  border-top:1px solid #e6ebf2!important;
  background:rgba(255,255,255,.96)!important;
  backdrop-filter:blur(10px);
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:18px;
}
#settingsView .settings-master-editor .form-footer>span{color:#8b96a7!important;font-size:8.5px!important}
#settingsView .settings-master-editor .form-footer .btn.primary{
  min-width:128px;min-height:38px!important;border-radius:9px!important;box-shadow:0 7px 16px rgba(49,94,229,.14)!important
}

@media(max-width:1120px){
  #settingsView .settings-master-shell{grid-template-columns:260px minmax(0,1fr)}
  #settingsView .settings-master-header{align-items:flex-start;flex-direction:column}
  #settingsView .settings-master-search{width:100%;max-width:520px}
}
@media(max-width:860px){
  #settingsView .settings-master-shell{display:block;overflow:visible}
  #settingsView .settings-master-nav{border-right:0;border-bottom:1px solid #e5eaf2}
  #settingsView .settings-master-nav-list{grid-template-columns:repeat(2,minmax(0,1fr))}
  #settingsView .settings-master-related{display:none}
  #settingsView .settings-master-audit-note{margin-top:16px}
}
@media(max-width:640px){
  #settingsView .settings-master-header{padding:21px 18px}
  #settingsView .settings-master-heading h1{font-size:26px!important}
  #settingsView .settings-master-nav-list{grid-template-columns:1fr}
  #settingsView .settings-master-editor .settings-editor-head{padding:20px 18px 17px!important}
  #settingsView .settings-master-editor .settings-form,
  #settingsView .settings-master-editor .policy-stack{padding:18px!important}
  #settingsView .settings-master-editor .form-grid.two{grid-template-columns:1fr!important}
  #settingsView .settings-master-editor .form-footer{margin:20px -18px -18px!important;padding:13px 18px!important;align-items:flex-start;flex-direction:column}
  #settingsView .settings-master-editor .form-footer .btn.primary{width:100%}
}

/* Deskly R36 - complete Settings navigation + single-scroll responsive master/detail */
html,body{overflow-x:hidden}
body.settings-active .sidebar-nav{
  scrollbar-width:none;
  -ms-overflow-style:none;
}
body.settings-active .sidebar-nav::-webkit-scrollbar{width:0;height:0;display:none}

#settingsView.settings-master-view{
  width:100%;
  max-width:100%!important;
  overflow:visible!important;
}
#settingsView .settings-master-shell{
  min-height:0!important;
  overflow:visible!important;
  grid-template-columns:minmax(238px,278px) minmax(0,1fr)!important;
  align-items:stretch;
}
#settingsView .settings-master-nav{
  overflow:visible!important;
  align-self:stretch;
  padding:18px 14px 16px;
}
#settingsView .settings-master-nav-list{gap:4px}
#settingsView .settings-master-nav-item{
  min-height:54px;
  padding:8px 9px;
  grid-template-columns:34px minmax(0,1fr) 12px;
  gap:9px;
}
#settingsView .settings-nav-icon{width:34px;height:34px;border-radius:9px}
#settingsView .settings-nav-icon svg{width:16px;height:16px}
#settingsView .settings-nav-copy strong{font-size:10px}
#settingsView .settings-nav-copy small{font-size:8px}
#settingsView .settings-nav-icon.automation{background:#f8f2ff;border-color:#eadff9;color:#7847d9}
#settingsView .settings-nav-icon.integrations{background:#fff7e9;border-color:#f1e3c5;color:#be7a16}
#settingsView .settings-master-nav-item.active .settings-nav-icon.automation{background:#f2eaff;border-color:#e2d4fa;color:#7540da}
#settingsView .settings-master-nav-item.active .settings-nav-icon.integrations{background:#fff4dc;border-color:#ecd9aa;color:#b9730d}

#settingsView .settings-master-related{
  margin-top:14px;
  padding:13px 5px 0;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:4px;
}
#settingsView .settings-master-related>span{grid-column:1/-1;padding-bottom:5px}
#settingsView .settings-master-related button{min-height:36px;padding:6px 7px}
#settingsView .settings-master-related b{font-size:8.8px}
#settingsView .settings-master-related small{font-size:7.5px}
#settingsView .settings-master-audit-note{margin-top:14px;padding:11px}

#settingsView .settings-master-content,
#settingsView .settings-master-editor{
  min-width:0;
  width:100%;
  overflow:visible!important;
}
#settingsView .settings-master-editor .form-footer{
  position:static!important;
  bottom:auto!important;
}

#settingsView .settings-editor-state.neutral{
  border-color:#e3e7ef;
  background:#f8fafc;
  color:#69768a;
}
#settingsView .settings-destination-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:12px;
  padding:24px 28px 16px;
}
#settingsView .settings-destination-card{
  min-width:0;
  min-height:128px;
  padding:17px;
  border:1px solid #e1e7ef;
  border-radius:13px;
  background:#fff;
  display:grid;
  grid-template-columns:38px minmax(0,1fr);
  grid-template-rows:auto auto;
  gap:10px 12px;
  text-align:left;
  color:#354158;
  transition:border-color .15s ease,box-shadow .15s ease,transform .15s ease;
}
#settingsView .settings-destination-card:hover{
  transform:translateY(-1px);
  border-color:#cfd9eb;
  box-shadow:0 8px 22px rgba(37,57,96,.055);
}
#settingsView .settings-destination-icon{
  width:38px;height:38px;border-radius:10px;
  background:#f0f4ff;color:#3563e9;
  display:grid;place-items:center;
  font-size:16px;font-weight:800;
  grid-row:1/3;
}
#settingsView .settings-destination-card>span:nth-child(2){display:grid;gap:5px;min-width:0}
#settingsView .settings-destination-card strong{font-size:11px;color:#27344d;font-weight:760}
#settingsView .settings-destination-card small{font-size:8.7px;line-height:1.45;color:#8792a4}
#settingsView .settings-destination-card b{
  grid-column:2;
  color:#4163d9;
  font-size:8.8px;
  font-weight:760;
}
#settingsView .settings-destination-note{
  margin:0 28px 28px;
  padding:13px 14px;
  border:1px solid #e3e8f0;
  border-radius:11px;
  background:#fafbfd;
  display:flex;
  gap:10px;
  align-items:flex-start;
}
#settingsView .settings-destination-note>span{
  width:25px;height:25px;flex:0 0 25px;border-radius:8px;
  display:grid;place-items:center;background:#edf3ff;color:#3563e9;font-size:10px;font-weight:800;
}
#settingsView .settings-destination-note div{display:grid;gap:3px}
#settingsView .settings-destination-note strong{font-size:9px;color:#46536a}
#settingsView .settings-destination-note small{font-size:8px;line-height:1.45;color:#8b96a7}

@media(max-width:1180px){
  #settingsView .settings-master-shell{grid-template-columns:228px minmax(0,1fr)!important}
  #settingsView .settings-master-nav-item{min-height:52px}
}
@media(max-width:900px){
  #settingsView .settings-master-header{align-items:flex-start;flex-direction:column}
  #settingsView .settings-master-search{width:100%;max-width:none}
  #settingsView .settings-master-shell{grid-template-columns:215px minmax(0,1fr)!important}
  #settingsView .settings-master-related{grid-template-columns:1fr}
  #settingsView .settings-master-related>span{grid-column:auto}
  #settingsView .settings-master-editor .form-grid.two{grid-template-columns:1fr!important}
  #settingsView .settings-destination-grid{grid-template-columns:1fr}
}
@media(max-width:720px){
  #settingsView .settings-master-shell{display:block!important;overflow:visible!important}
  #settingsView .settings-master-nav{border-right:0;border-bottom:1px solid #e5eaf2}
  #settingsView .settings-master-nav-list{grid-template-columns:repeat(2,minmax(0,1fr))}
  #settingsView .settings-master-related{display:none}
  #settingsView .settings-master-audit-note{margin-top:12px}
  #settingsView .settings-destination-grid{padding:18px}
  #settingsView .settings-destination-note{margin:0 18px 18px}
}
@media(max-width:520px){
  #settingsView .settings-master-nav-list{grid-template-columns:1fr}
}
@media(min-width:721px) and (max-width:900px){
  #settingsView .settings-master-shell{display:grid!important;grid-template-columns:215px minmax(0,1fr)!important}
  #settingsView .settings-master-nav{border-right:1px solid #e5eaf2!important;border-bottom:0!important}
  #settingsView .settings-master-nav-list{grid-template-columns:1fr!important}
  #settingsView .settings-master-audit-note{margin-top:14px}
}

/* Deskly R37 - professional padded sidebar selection + compact Settings section label */
/* The approved Remote Connect shell is the source of truth: active navigation is a complete
   inset control, never a detached indicator strip. */
.sidebar-nav .nav-item,
body.remote-connect-active .sidebar-nav .nav-item{
  width:calc(100% - 8px)!important;
  min-height:46px!important;
  height:46px!important;
  margin:2px 4px!important;
  padding:0 12px!important;
  border:1px solid transparent!important;
  border-radius:12px!important;
  gap:11px!important;
  position:relative!important;
  box-sizing:border-box!important;
  transition:background-color .16s ease,border-color .16s ease,color .16s ease,box-shadow .16s ease!important;
}
.sidebar-nav .nav-item:hover,
body.remote-connect-active .sidebar-nav .nav-item:hover{
  background:#f7f9fd!important;
  border-color:#edf1f7!important;
  color:#28364d!important;
}
.sidebar-nav .nav-item.active,
body.remote-connect-active .sidebar-nav .nav-item.active{
  background:linear-gradient(135deg,#eef3ff 0%,#f5f4ff 100%)!important;
  border-color:#dce5ff!important;
  color:#3158d6!important;
  font-weight:720!important;
  box-shadow:0 5px 15px rgba(63,87,184,.075),inset 0 1px 0 rgba(255,255,255,.8)!important;
}
.sidebar-nav .nav-item.active:before,
body.remote-connect-active .sidebar-nav .nav-item.active:before{
  content:none!important;
  display:none!important;
}
.sidebar-nav .nav-item .nav-icon,
body.remote-connect-active .sidebar-nav .nav-item .nav-icon{
  width:30px!important;
  height:30px!important;
  flex:0 0 30px!important;
  border-radius:9px!important;
  transition:background-color .16s ease,color .16s ease,box-shadow .16s ease!important;
}
.sidebar-nav .nav-item.active .nav-icon,
body.remote-connect-active .sidebar-nav .nav-item.active .nav-icon{
  background:#e4ebff!important;
  color:#315ee3!important;
  box-shadow:inset 0 0 0 1px rgba(75,100,232,.08)!important;
}
.sidebar-nav .nav-item.active .nav-count,
body.remote-connect-active .sidebar-nav .nav-item.active .nav-count{
  background:#fff!important;
  color:#3158d6!important;
  box-shadow:inset 0 0 0 1px #dce5ff!important;
}

/* Settings header: the section label is a compact padded pill, not a full-width color strip. */
#settingsView .settings-master-header{
  padding:28px 30px!important;
  min-height:142px!important;
  border-radius:20px!important;
  background:linear-gradient(112deg,#fff 0%,#fff 70%,#f7f9ff 100%)!important;
}
#settingsView .settings-master-heading{
  min-width:0!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:flex-start!important;
}
#settingsView .settings-master-heading .remote-kicker{
  display:inline-flex!important;
  width:max-content!important;
  max-width:100%!important;
  min-height:26px!important;
  height:26px!important;
  padding:0 11px!important;
  margin:0 0 13px!important;
  align-items:center!important;
  justify-content:center!important;
  align-self:flex-start!important;
  border:1px solid #dce6ff!important;
  border-radius:999px!important;
  background:#eef3ff!important;
  color:#315fdc!important;
  font-size:9px!important;
  line-height:1!important;
  font-weight:820!important;
  letter-spacing:.11em!important;
  white-space:nowrap!important;
  box-sizing:border-box!important;
}
#settingsView .settings-master-heading h1{
  margin:0!important;
  font-size:31px!important;
  line-height:1.08!important;
  letter-spacing:-.04em!important;
  color:#111c34!important;
}
#settingsView .settings-master-heading p{
  margin:9px 0 0!important;
  max-width:760px!important;
  color:#77849a!important;
  font-size:11.7px!important;
  line-height:1.6!important;
}

/* Local Settings rail follows the same complete-card active treatment. */
#settingsView .settings-master-nav-item{
  border:1px solid transparent!important;
  border-radius:12px!important;
  padding:9px 10px!important;
  transition:background-color .16s ease,border-color .16s ease,box-shadow .16s ease!important;
}
#settingsView .settings-master-nav-item:hover{
  background:#f8faff!important;
  border-color:#edf1f7!important;
}
#settingsView .settings-master-nav-item.active{
  background:linear-gradient(135deg,#f2f6ff 0%,#f8f6ff 100%)!important;
  border-color:#dce5ff!important;
  box-shadow:0 5px 16px rgba(63,87,184,.055)!important;
}
#settingsView .settings-master-nav-item.active:before{content:none!important;display:none!important}
#settingsView .settings-master-nav-item.active .settings-nav-icon{
  background:#e7edff!important;
  border-color:#d7e1ff!important;
  color:#315ee3!important;
}

@media(max-width:720px){
  .sidebar-nav .nav-item,
  body.remote-connect-active .sidebar-nav .nav-item{width:100%!important;margin:2px 0!important}
  #settingsView .settings-master-header{padding:22px 18px!important;min-height:0!important}
  #settingsView .settings-master-heading .remote-kicker{min-height:24px!important;height:24px!important;padding:0 9px!important}
}

/* Deskly R38 - Settings readability + compact professional density
   Keep the R37 professional shell, but remove wasted vertical space and
   make Settings navigation/forms comfortably readable at normal browser zoom. */
#settingsView.settings-master-view{
  gap:12px!important;
}
#settingsView .settings-master-header{
  min-height:104px!important;
  padding:18px 24px!important;
  gap:18px!important;
}
#settingsView .settings-master-heading .remote-kicker{
  min-height:24px!important;
  height:24px!important;
  padding:0 10px!important;
  margin-bottom:7px!important;
  font-size:9.5px!important;
  letter-spacing:.105em!important;
}
#settingsView .settings-master-heading h1{
  font-size:29px!important;
  line-height:1.08!important;
}
#settingsView .settings-master-heading p{
  margin-top:6px!important;
  max-width:760px!important;
  font-size:12.5px!important;
  line-height:1.45!important;
}
#settingsView .settings-master-search{
  width:min(340px,34vw)!important;
  height:42px!important;
  padding:0 12px!important;
}
#settingsView .settings-master-search input{
  font-size:12px!important;
}

#settingsView .settings-master-shell{
  min-height:0!important;
  grid-template-columns:268px minmax(0,1fr)!important;
}
#settingsView .settings-master-nav{
  padding:14px 12px 14px!important;
}
#settingsView .settings-master-nav-head{
  padding:0 6px 8px!important;
}
#settingsView .settings-master-nav-head span,
#settingsView .settings-master-related>span{
  font-size:9px!important;
}
#settingsView .settings-master-nav-head small{
  font-size:9px!important;
}
#settingsView .settings-master-nav-list{
  gap:3px!important;
}
#settingsView .settings-master-nav-item{
  min-height:54px!important;
  padding:7px 8px!important;
  grid-template-columns:36px minmax(0,1fr) 14px!important;
  gap:9px!important;
  border-radius:11px!important;
}
#settingsView .settings-nav-icon{
  width:36px!important;
  height:36px!important;
  border-radius:9px!important;
}
#settingsView .settings-nav-icon svg{
  width:17px!important;
  height:17px!important;
}
#settingsView .settings-nav-copy{
  gap:2px!important;
}
#settingsView .settings-nav-copy strong{
  font-size:13px!important;
  line-height:1.25!important;
  font-weight:720!important;
}
#settingsView .settings-nav-copy small{
  font-size:10.75px!important;
  line-height:1.3!important;
}
#settingsView .settings-nav-arrow{
  font-size:17px!important;
}
#settingsView .settings-search-empty{
  margin-top:6px!important;
  padding:9px!important;
  font-size:10.5px!important;
}
#settingsView .settings-master-related{
  margin-top:12px!important;
  padding:11px 4px 0!important;
  gap:2px!important;
}
#settingsView .settings-master-related>span{
  padding:0 5px 5px!important;
}
#settingsView .settings-master-related button{
  min-height:38px!important;
  padding:5px 7px!important;
  border-radius:8px!important;
}
#settingsView .settings-master-related b{
  font-size:11px!important;
}
#settingsView .settings-master-related small{
  font-size:9.5px!important;
}
#settingsView .settings-master-audit-note{
  margin-top:12px!important;
  padding:10px!important;
}
#settingsView .settings-master-audit-note strong{
  font-size:10.5px!important;
}
#settingsView .settings-master-audit-note small{
  font-size:9.5px!important;
}

#settingsView .settings-master-editor .settings-editor-head{
  min-height:88px!important;
  padding:16px 22px 15px!important;
  gap:16px!important;
}
#settingsView .settings-master-editor .settings-editor-head .eyebrow{
  margin-bottom:4px!important;
  font-size:9.5px!important;
  letter-spacing:.095em!important;
}
#settingsView .settings-master-editor .settings-editor-head h2{
  font-size:24px!important;
  line-height:1.12!important;
}
#settingsView .settings-master-editor .settings-editor-head p{
  margin-top:5px!important;
  font-size:12.5px!important;
  line-height:1.45!important;
}
#settingsView .settings-editor-state{
  height:30px!important;
  padding:0 10px!important;
  font-size:10px!important;
}
#settingsView .settings-master-editor .settings-form,
#settingsView .settings-master-editor .policy-stack{
  padding:18px 22px 20px!important;
}
#settingsView .settings-master-editor .form-grid.two{
  gap:11px 12px!important;
}
#settingsView .settings-master-editor .form-grid label,
#settingsView .settings-master-editor .settings-form>label{
  gap:5px!important;
  font-size:12.5px!important;
  line-height:1.3!important;
  font-weight:650!important;
}
#settingsView .settings-master-editor input,
#settingsView .settings-master-editor select,
#settingsView .settings-master-editor textarea{
  min-height:41px!important;
  border-radius:9px!important;
  font-size:13px!important;
  padding-left:11px!important;
  padding-right:11px!important;
}
#settingsView .settings-master-editor textarea{
  padding-top:10px!important;
  padding-bottom:10px!important;
}
#settingsView .settings-master-editor .policy-row,
#settingsView .settings-master-editor .policy-toggle{
  min-height:56px!important;
  margin-bottom:6px!important;
  padding:10px 12px!important;
}
#settingsView .settings-master-editor .settings-inline-action{
  margin:8px 0!important;
  padding:11px 12px!important;
}
#settingsView .settings-master-editor .inline-section-head{
  margin:15px 0 9px!important;
  padding-bottom:7px!important;
}
#settingsView .settings-master-editor .inline-section-head h3{
  font-size:13px!important;
}
#settingsView .settings-master-editor .inline-section-head span{
  font-size:10.5px!important;
}
#settingsView .settings-master-editor .form-footer{
  margin-top:14px!important;
  padding-top:12px!important;
}
#settingsView .settings-master-editor .form-footer>span{
  font-size:10px!important;
}
#settingsView .settings-master-editor .form-footer .btn.primary{
  min-height:38px!important;
  padding:0 14px!important;
  font-size:11.5px!important;
}

@media (max-width:1280px) and (min-width:901px){
  #settingsView .settings-master-shell{grid-template-columns:248px minmax(0,1fr)!important}
  #settingsView .settings-master-header{padding:17px 20px!important}
  #settingsView .settings-master-nav-item{min-height:52px!important}
  #settingsView .settings-nav-copy strong{font-size:12.5px!important}
  #settingsView .settings-nav-copy small{font-size:10.25px!important}
}
@media (max-width:900px) and (min-width:721px){
  #settingsView .settings-master-shell{grid-template-columns:220px minmax(0,1fr)!important}
  #settingsView .settings-master-nav{padding:12px 9px!important}
  #settingsView .settings-master-nav-item{grid-template-columns:34px minmax(0,1fr) 12px!important;padding:7px!important}
  #settingsView .settings-nav-icon{width:34px!important;height:34px!important}
  #settingsView .settings-nav-copy strong{font-size:12.5px!important}
  #settingsView .settings-nav-copy small{font-size:10.25px!important}
  #settingsView .settings-master-editor .settings-editor-head{padding:15px 18px 14px!important}
  #settingsView .settings-master-editor .settings-form,
  #settingsView .settings-master-editor .policy-stack{padding:16px 18px 18px!important}
}
@media (max-width:720px){
  #settingsView .settings-master-header{padding:16px!important}
  #settingsView .settings-master-heading h1{font-size:27px!important}
  #settingsView .settings-master-heading p{font-size:12px!important}
  #settingsView .settings-master-nav{padding:12px!important}
  #settingsView .settings-master-nav-item{min-height:52px!important}
  #settingsView .settings-nav-copy strong{font-size:12.5px!important}
  #settingsView .settings-nav-copy small{font-size:10.5px!important}
  #settingsView .settings-master-editor .settings-editor-head{padding:15px 16px 13px!important}
  #settingsView .settings-master-editor .settings-editor-head h2{font-size:22px!important}
  #settingsView .settings-master-editor .settings-form,
  #settingsView .settings-master-editor .policy-stack{padding:15px 16px 17px!important}
  #settingsView .settings-master-editor .form-grid label,
  #settingsView .settings-master-editor .settings-form>label{font-size:12.5px!important}
  #settingsView .settings-master-editor input,
  #settingsView .settings-master-editor select,
  #settingsView .settings-master-editor textarea{font-size:13px!important}
}

/* Deskly Phase 1B R39 — professional Proxy + Secure Connect workspace */
#settingsView .network-policy-intro{
  display:grid;grid-template-columns:42px minmax(0,1fr) auto;gap:12px;align-items:center;
  margin:4px 0 12px;padding:12px 14px;border:1px solid #dce5f3;border-radius:12px;background:#f8faff;
}
#settingsView .network-policy-icon{
  width:42px;height:42px;border-radius:11px;display:grid;place-items:center;background:#edf3ff;color:#315df5;font-size:19px;font-weight:800;
}
#settingsView .network-policy-intro strong{display:block;font-size:13px;color:#14213d;margin-bottom:2px}
#settingsView .network-policy-intro p{margin:0;font-size:11px;line-height:1.5;color:#75829a}
#settingsView .network-host-version{padding:6px 9px;border:1px solid #d9e4ef;border-radius:999px;background:#fff;color:#58667f;font-size:10px;font-weight:800;white-space:nowrap}
#settingsView .network-primary-grid{margin-bottom:8px}
#settingsView .secure-route-note{
  display:flex;align-items:flex-start;gap:8px;margin:7px 0 11px;padding:10px 12px;border:1px solid #dce5f3;border-radius:10px;background:#fbfcff;color:#66738a;
}
#settingsView .secure-route-note:before{content:'i';flex:0 0 20px;width:20px;height:20px;border-radius:50%;display:grid;place-items:center;background:#eef3ff;color:#315df5;font-size:10px;font-weight:900}
#settingsView .secure-route-note strong{font-size:11px;color:#253450;white-space:nowrap;margin-top:1px}
#settingsView .secure-route-note span{font-size:10.75px;line-height:1.5}
#settingsView .network-mode-panel{margin:8px 0 10px;padding:12px 13px;border:1px solid #dce5f3;border-radius:11px;background:#fbfcfe}
#settingsView .network-mode-panel>strong{display:block;font-size:12px;color:#23324d;margin-bottom:3px}
#settingsView .network-mode-panel>p{margin:0;font-size:10.75px;color:#738097;line-height:1.55}
#settingsView .network-mode-panel .form-grid{margin-top:4px}
#settingsView .network-clear-password{margin-top:7px!important}
#settingsView .settings-network-actions{display:flex;flex-wrap:wrap;gap:8px;margin:10px 0 2px;padding-top:2px}
#settingsView .settings-network-actions .btn{min-height:36px}
.network-test-results{display:grid;gap:8px;margin-top:4px}
.network-test-placeholder,.network-test-running,.network-test-summary,.network-test-row{border:1px solid #e0e7f1;border-radius:11px;background:#fafcff;padding:11px 12px}
.network-test-running{display:grid;grid-template-columns:24px minmax(0,1fr);gap:2px 9px;align-items:center}
.network-test-running span{grid-row:1/3;width:20px;height:20px;border:2px solid #dbe5ff;border-top-color:#315df5;border-radius:50%;animation:deskly-network-spin .8s linear infinite}
.network-test-running strong,.network-test-summary strong{font-size:12px;color:#1f2d49}
.network-test-running small,.network-test-summary span{font-size:10.75px;color:#7a879d}
.network-test-summary{display:flex;flex-direction:column;gap:2px}
.network-test-summary.pass{border-color:#cce9dc;background:#f7fcf9}.network-test-summary.fail{border-color:#f1d5d5;background:#fffafa}
.network-test-row{display:grid;grid-template-columns:28px minmax(0,1fr);gap:9px;align-items:center;background:#fff}
.network-test-state{width:28px;height:28px;border-radius:8px;display:grid;place-items:center;font-weight:900;font-size:12px;background:#eaf8f1;color:#16845a}
.network-test-row.fail .network-test-state{background:#fff0f0;color:#c44b4b}
.network-test-row strong{display:block;font-size:11.5px;color:#24324c}.network-test-row small{display:block;margin-top:2px;font-size:10.25px;color:#7a879c;line-height:1.4}
@keyframes deskly-network-spin{to{transform:rotate(360deg)}}
@media (max-width:720px){
  #settingsView .network-policy-intro{grid-template-columns:38px minmax(0,1fr);padding:11px}
  #settingsView .network-policy-icon{width:38px;height:38px}
  #settingsView .network-host-version{grid-column:2;justify-self:start}
  #settingsView .settings-network-actions{display:grid;grid-template-columns:1fr}
  #settingsView .settings-network-actions .btn{width:100%}
}

/* Deskly R40 - remote computer enrollment link workflow */
.enrollment-share-modal{width:min(1040px,calc(100vw - 32px))!important;max-height:min(820px,calc(100vh - 32px))!important;overflow:hidden!important;border:1px solid #dfe5ef!important;border-radius:22px!important;background:#fff!important;box-shadow:0 34px 90px rgba(22,34,61,.24)!important}
.enrollment-share-head{display:flex;align-items:flex-start;justify-content:space-between;gap:24px;padding:26px 28px 22px;border-bottom:1px solid #e7ebf2;background:linear-gradient(135deg,#fff 0,#fff 70%,#f5f7ff 100%)}
.enrollment-share-head h2{margin:5px 0 6px;font-size:25px;line-height:1.1;letter-spacing:-.035em;color:#172033}.enrollment-share-head p{max-width:660px;margin:0;color:#758197;font-size:12.5px;line-height:1.55}.enrollment-share-head .eyebrow{font-size:9px;letter-spacing:.14em}.enrollment-share-body{display:grid;grid-template-columns:minmax(0,1fr) 340px;min-height:520px;max-height:calc(100vh - 150px);overflow:auto}.enrollment-share-main{padding:28px 30px 32px}.enrollment-share-aside{padding:28px 26px;border-left:1px solid #e7ebf2;background:#fafbfe}.enrollment-flow-badge{display:inline-flex;align-items:center;gap:8px;margin-bottom:12px}.enrollment-flow-badge span{display:inline-flex;align-items:center;height:24px;padding:0 8px;border-radius:999px;background:#eaf8f0;color:#1f8e55;font-size:9px;font-weight:800;letter-spacing:.04em;text-transform:uppercase}.enrollment-flow-badge strong{font-size:11px;color:#4e5a70}.enrollment-share-main>h3,.enrollment-share-aside>h3{margin:0;font-size:20px;letter-spacing:-.025em;color:#1a2335}.enrollment-share-intro{max-width:630px;margin:8px 0 22px;color:#778399;font-size:12px;line-height:1.6}.enrollment-share-form{display:flex;flex-direction:column;gap:18px}.enrollment-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.enrollment-fields label{display:flex;min-width:0;flex-direction:column;gap:6px}.enrollment-fields label:last-child{grid-column:1/-1;max-width:280px}.enrollment-fields label>span,.enrollment-link-field>span{font-size:11.5px;font-weight:720;color:#374258}.enrollment-fields select,.enrollment-fields input{width:100%;height:42px;padding:0 12px;border:1px solid #dbe2ec;border-radius:11px;background:#fff;color:#1d2739;font:inherit;font-size:12px;outline:none;transition:border-color .15s ease,box-shadow .15s ease}.enrollment-fields select:focus,.enrollment-fields input:focus,.enrollment-link-field input:focus{border-color:#aebeff;box-shadow:0 0 0 3px rgba(76,103,235,.09)}.enrollment-fields small{color:#929dae;font-size:9.5px;line-height:1.45}.enrollment-share-form>.btn{align-self:flex-start;min-width:178px}.enrollment-link-result{margin-top:24px;padding:18px;border:1px solid #dfe5ef;border-radius:16px;background:#f9fbfe}.enrollment-link-result.completed{border-color:#d4eadb;background:#f6fbf8}.enrollment-link-status{display:flex;align-items:center;gap:10px;margin-bottom:14px}.invite-status-dot{width:9px;height:9px;border-radius:50%;background:#33ad6d;box-shadow:0 0 0 4px rgba(51,173,109,.10)}.enrollment-link-status>div{display:flex;flex-direction:column}.enrollment-link-status strong{font-size:12px}.enrollment-link-status small{margin-top:2px;color:#8995a8;font-size:9.5px}.enrollment-link-field{display:flex;flex-direction:column;gap:6px}.enrollment-link-field>div{display:flex;gap:8px}.enrollment-link-field input{flex:1;min-width:0;height:42px;padding:0 12px;border:1px solid #d8e0eb;border-radius:10px;background:#fff;color:#354158;font-size:11px}.enrollment-link-field button{flex:0 0 auto;height:42px;padding:0 14px;border:1px solid #cdd8ff;border-radius:10px;background:#eef2ff;color:#3658d5;font-size:10.5px;font-weight:800;cursor:pointer}.enrollment-link-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}.enrollment-link-actions .btn{height:36px!important;min-height:36px!important;padding:0 12px!important;font-size:10px!important}.enrollment-safety-note,.enrollment-persistent-note{display:flex;gap:10px;margin-top:14px;padding:12px;border-radius:12px;background:#fff}.enrollment-safety-note>span,.enrollment-persistent-note>span{display:grid;place-items:center;flex:0 0 auto;width:24px;height:24px;border-radius:8px;background:#eaf8f0;color:#1d9857;font-size:11px;font-weight:850}.enrollment-safety-note p,.enrollment-persistent-note p{display:flex;flex-direction:column;margin:0}.enrollment-safety-note strong,.enrollment-persistent-note strong{font-size:10.5px}.enrollment-safety-note small,.enrollment-persistent-note small{margin-top:3px;color:#8995a7;font-size:9.5px;line-height:1.45}.enrollment-share-aside>.eyebrow{font-size:9px}.enrollment-share-aside>h3{margin-top:7px}.enrollment-recipient-steps{display:flex;flex-direction:column;gap:15px;margin:22px 0 0;padding:0;list-style:none}.enrollment-recipient-steps li{display:grid;grid-template-columns:28px minmax(0,1fr);gap:10px;align-items:flex-start}.enrollment-recipient-steps li>span{display:grid;place-items:center;width:27px;height:27px;border:1px solid #dbe3ff;border-radius:9px;background:#f3f6ff;color:#4967df;font-size:10px;font-weight:850}.enrollment-recipient-steps p{display:flex;flex-direction:column;margin:0}.enrollment-recipient-steps strong{font-size:11px}.enrollment-recipient-steps small{margin-top:3px;color:#8a96a8;font-size:9.5px;line-height:1.45}.enrollment-persistent-note{margin-top:20px;border:1px solid #e4e9f1;background:#fff}.enrollment-persistent-note>span{background:#eef3ff;color:#3d5edb}.enrollment-local-install{margin-top:18px;border-top:1px solid #e3e8f0;padding-top:14px}.enrollment-local-install summary{cursor:pointer;color:#536078;font-size:10.5px;font-weight:750}.enrollment-local-install>p{margin:8px 0 10px;color:#8a95a7;font-size:9.5px;line-height:1.45}.compact-local-install{display:grid!important;grid-template-columns:1fr!important;gap:8px!important}.compact-local-install .host-platform-card{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;gap:8px!important;padding:10px!important;border-radius:12px!important}.compact-local-install .host-platform-main{gap:8px!important}.compact-local-install .host-platform-icon{width:30px!important;height:30px!important;min-width:30px!important;border-radius:8px!important;font-size:14px!important}.compact-local-install .host-platform-copy strong{font-size:10.5px!important}.compact-local-install .host-platform-copy small{font-size:8.5px!important}.compact-local-install .host-platform-help{display:none!important}.compact-local-install .host-platform-action{width:auto!important;min-width:74px!important;max-width:none!important;height:32px!important;flex:0 0 auto!important;padding:0 10px!important;font-size:9px!important}.compact-local-install .host-version{font-size:8px!important}.enrollment-share-modal .danger-text{color:#b84d45!important}.enrollment-share-modal .danger-text:hover{background:#fff3f1!important;border-color:#f3d2ce!important}.enrollment-share-modal .modal-close{flex:0 0 auto}
@media(max-width:860px){.enrollment-share-modal{width:min(760px,calc(100vw - 20px))!important}.enrollment-share-body{grid-template-columns:1fr;max-height:calc(100vh - 120px)}.enrollment-share-aside{border-left:0;border-top:1px solid #e7ebf2}.enrollment-share-head{padding:22px}.enrollment-share-main{padding:22px}.enrollment-share-aside{padding:22px}.enrollment-recipient-steps{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:560px){.enrollment-share-modal{width:calc(100vw - 12px)!important;max-height:calc(100vh - 12px)!important;border-radius:17px!important}.enrollment-share-head{padding:18px}.enrollment-share-head h2{font-size:22px}.enrollment-share-body{max-height:calc(100vh - 104px)}.enrollment-share-main,.enrollment-share-aside{padding:18px}.enrollment-fields{grid-template-columns:1fr}.enrollment-fields label:last-child{grid-column:auto;max-width:none}.enrollment-share-form>.btn{width:100%}.enrollment-link-field>div{flex-direction:column}.enrollment-link-field button{width:100%}.enrollment-recipient-steps{grid-template-columns:1fr}}


/* R41A waiting-for-recipient card spacing */
/* Waiting for recipient card */
.enrollment-status-card {
  padding: 20px 20px 24px;
  border-radius: 18px;
}

/* Buttons row */
.enrollment-status-card .enrollment-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  margin-top: 14px;
  margin-bottom: 18px;
}

/* Bottom info / success note */
.enrollment-status-card .enrollment-note {
  margin-top: 6px;
  padding: 16px 18px;
  border-radius: 14px;
}

/* If the card body is separated */
.enrollment-status-card .card-body {
  padding-bottom: 8px;
}


/* Deskly R41B - enrollment modal viewport/scroll + bottom breathing room */
.enrollment-share-modal{
  display:flex!important;
  flex-direction:column!important;
  max-height:calc(100dvh - 24px)!important;
  overflow:hidden!important;
}
.enrollment-share-head{
  flex:0 0 auto!important;
}
.enrollment-share-body{
  flex:1 1 auto!important;
  min-height:0!important;
  max-height:none!important;
  overflow-y:scroll!important;
  overflow-x:hidden!important;
  overscroll-behavior:contain;
  scrollbar-gutter:stable;
  scrollbar-width:thin;
  scrollbar-color:#b8c3d6 #eef2f7;
}
.enrollment-share-body::-webkit-scrollbar{width:10px}
.enrollment-share-body::-webkit-scrollbar-track{background:#eef2f7;border-left:1px solid #e4e9f1}
.enrollment-share-body::-webkit-scrollbar-thumb{background:#b8c3d6;border:2px solid #eef2f7;border-radius:999px}
.enrollment-share-body::-webkit-scrollbar-thumb:hover{background:#98a6bc}
.enrollment-share-main{
  padding-bottom:44px!important;
}
.enrollment-status-card{
  box-sizing:border-box!important;
  padding:20px 20px 28px!important;
  margin-bottom:12px!important;
}
.enrollment-status-card .enrollment-actions{
  margin-bottom:18px!important;
}
.enrollment-status-card .enrollment-note{
  margin-top:0!important;
  margin-bottom:0!important;
  padding:16px 18px!important;
}
@media(max-width:860px){
  .enrollment-share-modal{max-height:calc(100dvh - 16px)!important}
  .enrollment-share-body{max-height:none!important;overflow-y:scroll!important}
  .enrollment-share-main{padding-bottom:36px!important}
}
@media(max-width:560px){
  .enrollment-share-modal{max-height:calc(100dvh - 8px)!important}
  .enrollment-share-body{max-height:none!important;overflow-y:scroll!important}
  .enrollment-share-main{padding-bottom:30px!important}
}

/* Deskly R41C - managed computer detail readability */
@media (min-width:900px){
  #deviceModal .device-drawer{width:min(820px,78vw)!important}
}
#deviceModal .device-drawer-header{padding:28px 30px 24px!important}
#deviceModal .device-drawer-header .eyebrow{font-size:11.5px!important;line-height:1.2!important;letter-spacing:.1em!important}
#deviceModal .device-drawer-title{gap:12px!important}
#deviceModal .device-drawer-title h2{font-size:28px!important;line-height:1.18!important;letter-spacing:-.035em!important}
#deviceModal .device-drawer-header p{font-size:13.5px!important;line-height:1.5!important;margin-top:9px!important}
#deviceModal .device-drawer-header .device-status{font-size:12px!important;height:29px!important;padding:0 11px!important}
#deviceModal .device-drawer-scroll{padding:24px 30px 32px!important}
#deviceModal .detail-section{padding:24px 0!important}
#deviceModal .section-heading{margin-bottom:15px!important}
#deviceModal .section-heading h3{font-size:16.5px!important;line-height:1.3!important;font-weight:760!important;color:#202b40!important}
#deviceModal .section-heading small{font-size:12px!important;line-height:1.4!important;color:#8a95a7!important}
#deviceModal .quick-actions{gap:9px!important}
#deviceModal .quick-actions .btn{height:42px!important;font-size:12.5px!important;font-weight:720!important;padding:0 13px!important}
#deviceModal .action-note{margin-top:11px!important;font-size:12px!important;line-height:1.55!important;color:#7c899d!important}
#deviceModal .metric-grid{gap:10px!important}
#deviceModal .metric-grid article{min-height:88px!important;padding:16px 17px!important;gap:8px!important;border-radius:13px!important}
#deviceModal .metric-grid article span{font-size:11px!important;line-height:1.3!important;letter-spacing:.055em!important}
#deviceModal .metric-grid article strong{font-size:20px!important;line-height:1.2!important;color:#26334b!important}
#deviceModal .device-edit{gap:11px!important}
#deviceModal .device-edit label{gap:7px!important}
#deviceModal .device-edit label span{font-size:12.5px!important;line-height:1.35!important;color:#4b5870!important}
#deviceModal .device-edit input{height:43px!important;font-size:13.5px!important;padding:0 13px!important}
#deviceModal .device-edit .btn{height:43px!important;font-size:12.5px!important;padding:0 16px!important}
#deviceModal .mini-alert{gap:11px!important;padding:13px 0!important}
#deviceModal .mini-alert>span{font-size:10.5px!important;line-height:1.2!important;padding:5px 8px!important}
#deviceModal .mini-alert p{font-size:13px!important;line-height:1.5!important;color:#3f4b60!important}
#deviceModal .mini-alert small{font-size:11.5px!important;line-height:1.4!important}
#deviceModal .tool-empty{font-size:12.5px!important;line-height:1.5!important;padding:12px 0!important}
#deviceModal .tool-row{padding:13px 0!important}
#deviceModal .tool-row strong{font-size:13.5px!important;line-height:1.4!important;color:#303d54!important}
#deviceModal .tool-row p{font-size:12.5px!important;line-height:1.5!important;margin-top:4px!important;color:#6f7c91!important}
#deviceModal .tool-row time{font-size:11.5px!important;line-height:1.4!important;color:#8f9aae!important}
#deviceModal .danger-zone{margin-top:26px!important;padding:17px 18px!important;border-radius:14px!important}
#deviceModal .danger-zone strong{font-size:13.5px!important;line-height:1.35!important}
#deviceModal .danger-zone small{font-size:12px!important;line-height:1.5!important;margin-top:3px!important}
#deviceModal .danger-zone .btn{font-size:12.5px!important;min-height:38px!important;padding:0 15px!important}
@media(max-width:899px){
  #deviceModal .device-drawer-title h2{font-size:24px!important}
  #deviceModal .section-heading h3{font-size:15.5px!important}
  #deviceModal .metric-grid article strong{font-size:18px!important}
  #deviceModal .mini-alert p,#deviceModal .tool-row p{font-size:12px!important}
}

/* Deskly R42 - enrollment completion state + refined modal scrollbar */
.enrollment-share-body{
  scrollbar-width:thin!important;
  scrollbar-color:#aeb9ca transparent!important;
  scroll-behavior:smooth;
  padding-right:2px;
}
.enrollment-share-body::-webkit-scrollbar{width:6px!important;height:6px!important}
.enrollment-share-body::-webkit-scrollbar-track{background:transparent!important;border:0!important}
.enrollment-share-body::-webkit-scrollbar-thumb{
  background:#b2bdcd!important;
  border:0!important;
  border-radius:999px!important;
}
.enrollment-share-body::-webkit-scrollbar-thumb:hover{background:#8f9db2!important}
.enrollment-share-body::-webkit-scrollbar-corner{background:transparent!important}
.enrollment-complete-state{
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  padding:4px 2px 0;
}
.enrollment-complete-state.hidden{display:none!important}
.enrollment-complete-icon{
  display:grid;
  place-items:center;
  width:46px;
  height:46px;
  margin-bottom:14px;
  border-radius:15px;
  background:linear-gradient(145deg,#e9f8ef,#dff4e8);
  box-shadow:inset 0 0 0 1px #cfe9d9;
  color:#1f9c5d;
  font-size:22px;
  font-weight:900;
}
.enrollment-complete-state>.eyebrow{font-size:9px;letter-spacing:.14em;color:#28815a}
.enrollment-complete-state h4{
  margin:6px 0 7px;
  font-size:20px;
  line-height:1.25;
  letter-spacing:-.025em;
  color:#19243a;
}
.enrollment-complete-state>p{
  max-width:570px;
  margin:0;
  color:#6f7d93;
  font-size:12px;
  line-height:1.6;
}
.enrollment-complete-meta{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  margin-top:17px;
}
.enrollment-complete-meta>span{
  display:inline-flex;
  align-items:center;
  min-height:30px;
  padding:0 10px;
  border:1px solid #e0e6ef;
  border-radius:999px;
  background:#fff;
  color:#5d6a80;
  font-size:10.5px;
  font-weight:720;
}
.enrollment-ready-chip i{
  width:7px;
  height:7px;
  margin-right:7px;
  border-radius:50%;
  background:#d39b30;
  box-shadow:0 0 0 3px rgba(211,155,48,.11);
}
.enrollment-ready-chip.ready{
  border-color:#cfe8d9!important;
  background:#f4fbf7!important;
  color:#21794f!important;
}
.enrollment-ready-chip.ready i{background:#35ad70;box-shadow:0 0 0 3px rgba(53,173,112,.11)}
.enrollment-complete-actions{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  margin-top:20px;
}
.enrollment-complete-actions .btn{min-height:39px!important;padding:0 15px!important;font-size:11px!important}
.enrollment-complete-help{
  display:block;
  margin-top:14px;
  color:#8a96a8;
  font-size:9.75px;
  line-height:1.5;
}
.enrollment-link-result.completed{
  padding:22px 22px 24px!important;
  border-color:#cfe8d9!important;
  background:linear-gradient(145deg,#f7fcf9 0,#f3faf6 100%)!important;
}
@media(max-width:560px){
  .enrollment-complete-actions{display:grid;width:100%;grid-template-columns:1fr}
  .enrollment-complete-actions .btn{width:100%}
}

/* R49 - Host update awareness and one-click update */
.host-update-banner{border-color:#cfe0ff!important;background:linear-gradient(105deg,#f6f9ff,#eef5ff)!important}
.host-update-banner .policy-icon{background:#e4edff!important;color:#315ed8!important}
.host-update-banner-actions{display:flex;align-items:center;gap:8px;flex:0 0 auto}
.host-update-badge,.host-current-badge{display:inline-flex;align-items:center;width:max-content;margin-top:5px;padding:3px 7px;border-radius:999px;font-size:9.5px;font-weight:750;line-height:1.2}
.host-update-badge{background:#fff4e5;color:#9a5b00;border:1px solid #ffd8a8}.host-current-badge{background:#ecfdf3;color:#027a48;border:1px solid #c7f0d8}
.host-update-action{border-color:#f2c47d!important;background:#fffaf0!important;color:#8a5200!important}
#deviceModal .host-update-section{border:1px solid #e2e7ef;border-radius:15px;padding:18px 19px;background:#fff}
#deviceModal .host-update-section.needs-update{border-color:#f3cf93;background:linear-gradient(180deg,#fffdf8,#fffaf0)}
#deviceModal .host-update-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:13px 0}
#deviceModal .host-update-grid>div{border:1px solid #e6eaf0;border-radius:11px;background:#fff;padding:11px 12px;display:grid;gap:4px}
#deviceModal .host-update-grid span{font-size:10px;color:#7a8699;font-weight:650}#deviceModal .host-update-grid strong{font-size:12.5px;color:#1f2937}
#deviceModal .host-update-controls{display:flex;gap:9px;align-items:center;flex-wrap:wrap}.host-current-message{font-size:11.5px;color:#3c6f57;font-weight:650}
@media(max-width:760px){.host-update-banner-actions{width:100%;flex-wrap:wrap}.host-update-banner-actions .btn{flex:1}.host-update-grid{grid-template-columns:1fr!important}}

/* Deskly R50 - managed device professional redesign */
@media (min-width: 960px){
  #deviceModal .device-drawer{width:min(920px,80vw)!important;max-width:920px!important}
}
#deviceModal .device-drawer{background:#f7f9fc!important;box-shadow:-34px 0 100px rgba(15,23,42,.18)!important}
#deviceModal .device-drawer-header{padding:30px 34px 25px!important;background:#fff!important;border-bottom:1px solid #e7ebf2!important}
#deviceModal .device-drawer-header .eyebrow{font-size:11px!important;letter-spacing:.13em!important;color:#8b96a8!important}
#deviceModal .device-drawer-title{gap:14px!important}
#deviceModal .device-drawer-title h2{font-size:29px!important;font-weight:780!important;letter-spacing:-.04em!important;color:#172033!important}
#deviceModal .device-drawer-header p{margin-top:10px!important;font-size:13.5px!important;color:#78869a!important}
#deviceModal .device-drawer-header .device-status{height:30px!important;padding:0 11px!important;border-radius:999px!important;font-size:11.5px!important;font-weight:760!important}
#deviceModal .device-drawer-scroll{padding:26px 34px 38px!important;background:#f7f9fc!important}
#deviceModal .device-overview-card{gap:22px!important;padding:22px 24px!important;border:1px solid #e1e6ef!important;border-radius:18px!important;background:#fff!important;box-shadow:0 8px 28px rgba(15,23,42,.045)!important}
#deviceModal .device-score-ring{width:76px!important;height:76px!important;border-width:6px!important;background:#fff!important}
#deviceModal .device-score-ring span{font-size:8.5px!important;color:#8e9aab!important}
#deviceModal .device-score-ring strong{font-size:24px!important;color:#182033!important}
#deviceModal .device-overview-copy strong{font-size:16px!important;color:#202b40!important}
#deviceModal .device-overview-copy p{font-size:12.5px!important;color:#748197!important}
#deviceModal .device-overview-meta span{height:28px!important;padding:0 10px!important;border-radius:999px!important;background:#f7f9fc!important;border-color:#e5e9f0!important;font-size:10.5px!important}
#deviceModal .detail-section{padding:26px 0!important;border-bottom:1px solid #e5e9f0!important}
#deviceModal .section-heading{margin-bottom:16px!important}
#deviceModal .section-heading h3{font-size:16px!important;font-weight:760!important;color:#202b40!important}
#deviceModal .section-heading small{font-size:11.5px!important;color:#8b96a8!important}

#deviceModal .host-update-section{margin-top:18px!important;padding:0!important;border:1px solid #dfe5ee!important;border-radius:18px!important;background:#fff!important;overflow:hidden!important;box-shadow:0 8px 26px rgba(15,23,42,.035)!important}
#deviceModal .host-update-section.needs-update{border-color:#dde3ed!important;background:#fff!important}
#deviceModal .host-update-head{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;padding:21px 22px 17px;border-bottom:1px solid #edf0f4}
#deviceModal .host-update-title-block{display:flex;align-items:flex-start;gap:13px;min-width:0}
#deviceModal .host-update-icon{display:grid;place-items:center;width:38px;height:38px;flex:0 0 38px;border-radius:11px;background:#eef3ff;color:#3f5fd5;border:1px solid #dbe5ff;font-size:18px;font-weight:800}
#deviceModal .host-update-title-block h3{margin:0;font-size:15.5px;line-height:1.3;color:#1d2739;font-weight:770}
#deviceModal .host-update-title-block p{margin:4px 0 0;font-size:11.5px;line-height:1.45;color:#7d899b}
#deviceModal .host-update-state{display:inline-flex;align-items:center;min-height:27px;padding:0 9px;border-radius:999px;background:#fff4e5;border:1px solid #ffd8a8;color:#945b08;font-size:10.5px;font-weight:760;white-space:nowrap}
#deviceModal .host-update-section.is-current .host-update-state{background:#ecfdf3;border-color:#ccebd8;color:#18794d}
#deviceModal .host-update-version-row{display:grid;grid-template-columns:minmax(0,1fr) 28px minmax(0,1fr) 150px;align-items:center;gap:10px;padding:18px 22px}
#deviceModal .host-version-block,#deviceModal .host-channel-block{min-width:0;padding:13px 14px;border:1px solid #e4e8ef;border-radius:12px;background:#fafbfd}
#deviceModal .host-version-block.latest{background:#f7f9ff;border-color:#dfe5fa}
#deviceModal .host-version-block span,#deviceModal .host-channel-block span{display:block;margin-bottom:5px;font-size:9.5px;font-weight:780;letter-spacing:.055em;text-transform:uppercase;color:#8a96a8}
#deviceModal .host-version-block strong,#deviceModal .host-channel-block strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px;line-height:1.3;color:#202b40;font-weight:760}
#deviceModal .host-version-arrow{display:grid;place-items:center;color:#9aa5b6;font-size:18px}
#deviceModal .host-update-footer{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:15px 22px 19px;background:#fcfdff;border-top:1px solid #edf0f4}
#deviceModal .host-update-copy{max-width:520px;font-size:11.5px;line-height:1.55;color:#6f7c90}
#deviceModal .host-update-controls{display:flex;align-items:center;justify-content:flex-end;gap:9px;flex:0 0 auto;flex-wrap:wrap}
#deviceModal .host-update-controls .btn{min-height:40px!important;padding:0 15px!important;border-radius:10px!important;font-size:11.5px!important;font-weight:740!important}
#deviceModal .host-current-check{display:inline-flex;align-items:center;min-height:36px;padding:0 11px;border-radius:9px;background:#eefaf3;color:#18794d;font-size:11.5px;font-weight:720}

#deviceModal .quick-actions{display:grid!important;grid-template-columns:1.35fr repeat(4,minmax(0,1fr))!important;gap:10px!important}
#deviceModal .quick-actions .btn{height:43px!important;border-radius:11px!important;font-size:11.8px!important;font-weight:720!important;background:#fff!important;border-color:#dfe4ec!important;color:#4a5870!important;box-shadow:none!important}
#deviceModal .quick-actions .btn:hover:not(:disabled){background:#f8faff!important;border-color:#cfd8e9!important;color:#26344f!important}
#deviceModal .quick-actions .btn.primary{background:#4567eb!important;border-color:#4567eb!important;color:#fff!important;box-shadow:0 7px 18px rgba(69,103,235,.18)!important}
#deviceModal .quick-actions .btn.danger{background:#fff!important;border-color:#f1c4c4!important;color:#c65757!important}
#deviceModal .quick-actions .btn:disabled{background:#f5f7fa!important;border-color:#e8ebf0!important;color:#a6afbd!important;opacity:1!important}
#deviceModal .action-note{margin-top:12px!important;font-size:11.5px!important;color:#8490a2!important}
#deviceModal .metric-grid{gap:12px!important}
#deviceModal .metric-grid article{min-height:92px!important;padding:17px 18px!important;border-radius:14px!important;background:#fff!important;border-color:#e1e6ee!important;box-shadow:0 4px 16px rgba(15,23,42,.025)!important}
#deviceModal .metric-grid article span{font-size:10px!important;color:#909bad!important}
#deviceModal .metric-grid article strong{font-size:21px!important;color:#26334b!important}
#deviceModal .device-edit{gap:12px!important}
#deviceModal .device-edit input{height:44px!important;border-radius:11px!important;background:#fff!important}
#deviceModal .device-edit .btn{height:44px!important;border-radius:11px!important}
#deviceModal .danger-zone{margin-top:28px!important;background:#fffafa!important;border-color:#f0d7d7!important}
@media(max-width:860px){
  #deviceModal .device-drawer{width:100vw!important;max-width:none!important;border-radius:0!important}
  #deviceModal .device-drawer-header,#deviceModal .device-drawer-scroll{padding-left:20px!important;padding-right:20px!important}
  #deviceModal .host-update-version-row{grid-template-columns:1fr 24px 1fr!important}
  #deviceModal .host-channel-block{grid-column:1/-1!important}
  #deviceModal .host-update-footer{align-items:flex-start!important;flex-direction:column!important}
  #deviceModal .host-update-controls{justify-content:flex-start!important}
}
@media(max-width:620px){
  #deviceModal .device-overview-card{grid-template-columns:1fr!important}
  #deviceModal .device-score-ring{width:68px!important;height:68px!important}
  #deviceModal .quick-actions{grid-template-columns:1fr 1fr!important}
  #deviceModal .quick-actions .btn:first-child{grid-column:1/-1!important}
  #deviceModal .host-update-version-row{grid-template-columns:1fr!important}
  #deviceModal .host-version-arrow{display:none!important}
  #deviceModal .host-channel-block{grid-column:auto!important}
  #deviceModal .host-update-head{align-items:flex-start!important;flex-direction:column!important}
}

/* Deskly R55 - observable, retryable Host update lifecycle */
.host-update-badge.working{gap:5px;background:#eef4ff;color:#3458c7;border-color:#d9e4ff}
.host-update-badge.working i{width:7px;height:7px;border:2px solid currentColor;border-right-color:transparent;border-radius:50%;animation:deskly-host-update-spin .75s linear infinite}
.host-update-badge.failed{background:#fff1f1;color:#b54747;border-color:#f4caca}
.host-update-action.is-working{background:#f3f6fb!important;border-color:#dfe5ee!important;color:#7f8ba0!important}
#deviceModal .host-update-section.is-updating{border-color:#ccd9ff!important;box-shadow:0 10px 30px rgba(67,93,190,.08)!important}
#deviceModal .host-update-section.is-updating .host-update-state{background:#eef4ff;border-color:#d6e2ff;color:#3458c7}
#deviceModal .host-update-section.has-failed{border-color:#f0cece!important}
#deviceModal .host-update-section.has-failed .host-update-state{background:#fff1f1;border-color:#f2caca;color:#b54747}
#deviceModal .host-update-progress{margin:0 22px 18px;padding:14px 15px;border:1px solid #dfe7fb;border-radius:12px;background:#f8faff}
#deviceModal .host-update-progress.failed{border-color:#f0d4d4;background:#fff8f8}
#deviceModal .host-update-progress-line{display:flex;align-items:flex-start;gap:11px}
#deviceModal .host-update-progress-line strong{display:block;font-size:12px;color:#263753;font-weight:760}
#deviceModal .host-update-progress-line p{margin:3px 0 0;font-size:10.8px;line-height:1.5;color:#748197}
#deviceModal .host-update-progress.failed .host-update-progress-line strong{color:#a63f3f}
#deviceModal .host-update-progress-spinner{width:18px;height:18px;flex:0 0 18px;margin-top:1px;border:2px solid #9db1f0;border-right-color:transparent;border-radius:50%;animation:deskly-host-update-spin .8s linear infinite}
#deviceModal .host-update-progress.failed .host-update-progress-spinner{border-color:#d99090;border-right-color:transparent;animation:none}
#deviceModal .host-update-progress-track{height:4px;margin-top:12px;border-radius:999px;background:#e8edf7;overflow:hidden}
#deviceModal .host-update-progress-track i{display:block;width:42%;height:100%;border-radius:999px;background:#5473df;animation:deskly-host-update-track 1.4s ease-in-out infinite alternate}
#deviceModal .host-update-progress.failed .host-update-progress-track i{width:100%;background:#cf7070;animation:none}
@keyframes deskly-host-update-spin{to{transform:rotate(360deg)}}
@keyframes deskly-host-update-track{from{transform:translateX(-30%)}to{transform:translateX(170%)}}
@media(prefers-reduced-motion:reduce){.host-update-badge.working i,#deviceModal .host-update-progress-spinner,#deviceModal .host-update-progress-track i{animation:none}}

/* Deskly R61 - verified draggable remote chrome + top-edge chevron. */
.viewer-chrome-toggle{
  top:0!important;
  width:24px!important;
  min-width:24px!important;
  height:12px!important;
  min-height:12px!important;
  padding:0!important;
  border-top:0!important;
  border-radius:0 0 5px 5px!important;
  z-index:30!important;
  touch-action:none!important;
  cursor:grab!important;
}
.viewer-chrome-toggle.deskly-dragging{cursor:grabbing!important}
.viewer-chrome-toggle svg{width:8px!important;height:8px!important;stroke-width:2!important}
.viewer-toolbar,.viewer-shell:fullscreen .viewer-toolbar{
  top:14px!important;
  overflow-x:auto!important;
  overflow-y:hidden!important;
  overscroll-behavior-x:contain!important;
  scrollbar-width:none!important;
  justify-content:flex-start!important;
  touch-action:none!important;
  cursor:grab;
}
.viewer-toolbar.deskly-dragging{cursor:grabbing!important}
.viewer-toolbar-actions{flex:0 0 auto!important;flex-wrap:nowrap!important;overflow:visible!important}
.viewer-title-group,.viewer-display-pill,.viewer-toolbar-actions,.viewer-toolbar-actions>*{flex-shrink:0!important}
.viewer-footer,.viewer-shell:fullscreen .viewer-footer{
  overflow-x:auto!important;
  overflow-y:hidden!important;
  overscroll-behavior-x:contain!important;
  scrollbar-width:none!important;
  justify-content:flex-start!important;
  touch-action:none!important;
  cursor:grab;
}
.viewer-footer.deskly-dragging{cursor:grabbing!important}
.viewer-footer>div,.viewer-security{display:grid!important;flex:0 0 auto!important;min-width:max-content!important}
.viewer-footer>*{flex-shrink:0!important}
.viewer-toolbar::-webkit-scrollbar,.viewer-footer::-webkit-scrollbar{display:none!important}
.customer-page.share-viewer-flow .share-viewer-header-controls,
.customer-page.share-viewer-flow .share-viewer-toolbar{
  overflow-x:auto!important;
  overflow-y:hidden!important;
  overscroll-behavior-x:contain!important;
  scrollbar-width:none!important;
  touch-action:none!important;
  cursor:grab!important;
  justify-content:flex-start!important;
}
.customer-page.share-viewer-flow .share-viewer-header-controls.deskly-dragging,
.customer-page.share-viewer-flow .share-viewer-toolbar.deskly-dragging{cursor:grabbing!important}
.customer-page.share-viewer-flow .share-viewer-header-controls>*,
.customer-page.share-viewer-flow .share-viewer-toolbar>*{flex-shrink:0!important}
@media(max-width:680px){
  .viewer-chrome-toggle{top:0!important;width:24px!important;height:12px!important}
  .viewer-toolbar,.viewer-shell:fullscreen .viewer-toolbar{top:14px!important}
}


/* Deskly R65 - remove the remote performance/status strip requested by product. */
.viewer-footer,.viewer-shell:fullscreen .viewer-footer{display:none!important}


/* Deskly R67 - product-correct viewer tools. Computers uses Send message + Files only; attended support keeps Chat & files. */
.viewer-support-panel.viewer-files-only .viewer-support-tabs{display:none!important}
.viewer-support-panel.viewer-files-only #viewerSupportChatPane{display:none!important}
.viewer-support-panel.viewer-files-only #viewerSupportFilesPane{display:flex!important}
#viewerMessageBtn.hidden{display:none!important}


/* R75 -- Account-scoped notification center */
.deskly-notifications-anchor{position:relative;display:flex;align-items:center;flex:0 0 auto}
.deskly-notifications-toggle{position:relative}
.deskly-notifications-badge{position:absolute;right:-5px;top:-6px;display:flex;align-items:center;justify-content:center;min-width:19px;height:19px;padding:0 4px;border-radius:20px;background:#315fe7;color:white;border:2px solid #fff;font-size:10px;font-weight:750;line-height:1}
.deskly-notifications-badge.hidden,.deskly-notifications-panel.hidden{display:none!important}
.deskly-notifications-panel{position:absolute;right:-50px;top:calc(100% + 14px);z-index:1005;width:min(405px,calc(100vw - 28px));background:#fff;color:#17253b;border:1px solid #e2e9f3;border-radius:17px;box-shadow:0 20px 60px rgba(29,44,70,.17);overflow:hidden;max-height:min(600px,calc(100vh - 98px));display:flex;flex-direction:column}
.deskly-notifications-head{display:flex;justify-content:space-between;align-items:center;padding:18px 18px 12px;gap:8px}
.deskly-notifications-head>div{display:grid;gap:3px}.deskly-notifications-head strong{font-size:17px;font-weight:750;letter-spacing:-.02em}.deskly-notifications-head span{font-size:12px;color:#718096}
.deskly-notifications-close{border:0;background:#f1f4f9;width:30px;height:30px;border-radius:9px;cursor:pointer;color:#556478;font-size:23px;line-height:1}
.deskly-notifications-tools{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:4px 16px 12px;border-bottom:1px solid #e8edf4}
.deskly-notifications-tools>div{display:flex;gap:3px;padding:3px;border-radius:10px;background:#f2f5fa}
.deskly-notifications-tools button{border:0;background:transparent;font-size:12px;font-weight:650;color:#66758b;cursor:pointer;padding:7px 10px;border-radius:8px;white-space:nowrap}
.deskly-notifications-tools button.active{background:#fff;color:#2c59d8;box-shadow:0 1px 4px rgba(21,43,75,.08)}
.deskly-notifications-tools>button{color:#315fe7;padding:7px 2px}
.deskly-notifications-list{overflow-y:auto;overscroll-behavior:contain;min-height:82px;max-height:420px}
.deskly-notification-item{display:flex;gap:10px;padding:13px 14px;border-bottom:1px solid #eff2f7;align-items:flex-start}
.deskly-notification-item.is-unread{background:#f7faff}.deskly-notification-symbol{flex:0 0 28px;width:28px;height:28px;border-radius:9px;background:#eaf0fd;color:#315fe7;display:grid;place-items:center;font-weight:800}
.deskly-notification-symbol.warning{background:#fff1da;color:#ac681b}.deskly-notification-symbol.critical{background:#fee9e9;color:#b23131}
.deskly-notification-main{border:0;background:transparent;display:grid;text-align:left;gap:4px;min-width:0;flex:1;cursor:pointer;padding:0;color:#18263b}
.deskly-notification-main strong{font-size:13px;font-weight:700;line-height:1.3}.deskly-notification-main>span{font-size:12px;color:#556579;line-height:1.45;overflow-wrap:anywhere;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.deskly-notification-main small{color:#8190a1;font-size:11px}.deskly-notification-actions{display:flex;gap:3px;flex:0 0 auto}
.deskly-notification-actions button{background:transparent;border:0;border-radius:7px;width:24px;height:25px;color:#8a99ad;cursor:pointer;font-size:17px}
.deskly-notification-actions button:hover,.deskly-notifications-close:hover{background:#e8edf5;color:#254ccc}
.deskly-notifications-empty{text-align:center;display:grid;gap:7px;justify-items:center;margin:0;padding:34px 20px;color:#72829a;font-size:12px}.deskly-notifications-empty strong{font-size:14px;color:#37485f}
.deskly-notifications-settings{background:#f8faff;border:0;border-top:1px solid #e8edf4;padding:13px 16px;color:#315fe7;text-align:left;font-weight:650;font-size:12px;cursor:pointer}
@media(max-width:720px){.deskly-notifications-panel{position:fixed;top:65px;right:10px;left:10px;width:auto;max-height:calc(100vh - 90px)}.deskly-notifications-anchor{display:flex!important}}

/* R76: compact, accessible notification footer. */
.deskly-notifications-footer{background:#f8faff;border-top:1px solid #e8edf4;display:flex;gap:8px;align-items:center;justify-content:space-between;padding:10px 12px;flex-wrap:wrap}
.deskly-notifications-footer button{background:transparent;border:0;border-radius:7px;color:#315fe7;font-weight:650;font-size:12px;padding:7px 5px;cursor:pointer;text-align:left}
.deskly-notifications-footer button:hover{background:#eaf0fe}.deskly-notifications-footer button:disabled{opacity:.55;cursor:wait}

/* R80: searchable, permission-scoped enterprise department switcher */
.department-switcher#departmentSwitcher{position:relative;overflow:visible;max-width:270px;min-width:210px;z-index:55}
.department-switcher .department-native-select{display:none!important}
.department-picker-button{appearance:none;border:0;background:transparent;display:flex;align-items:center;justify-content:space-between;gap:8px;min-width:92px;max-width:160px;flex:1;cursor:pointer;text-align:left;color:#273650;font-size:12px;padding:5px 2px;font-family:inherit}
.department-picker-button strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:inherit;font-weight:700;line-height:1.3}
.department-picker-button:disabled{cursor:default;opacity:.7}
.department-picker-button:focus-visible{outline:2px solid #5575f0;outline-offset:3px;border-radius:5px}
.department-picker-chevron{border-right:2px solid #8592a8;border-bottom:2px solid #8592a8;transform:rotate(45deg);width:6px;height:6px;flex:0 0 6px;margin-right:3px}
.department-picker-panel[hidden]{display:none!important}
.department-picker-panel{position:absolute;z-index:1100;right:0;top:calc(100% + 9px);width:330px;padding:12px;background:#fff;border:1px solid #e0e6f1;border-radius:14px;box-shadow:0 18px 46px rgba(24,42,78,.17);text-transform:none;letter-spacing:normal}
.department-picker-search-label{display:block;font-size:11px;font-weight:700;color:#576780;margin-bottom:7px}
.department-picker-panel input{display:block;width:100%;height:38px;padding:0 12px;border:1px solid #dce4ef;border-radius:9px;background:#f9fbff;color:#243550;font-size:12px;outline:none;box-sizing:border-box}
.department-picker-panel input:focus{border-color:#5575ec;box-shadow:0 0 0 3px rgba(66,101,232,.1)}
.department-picker-list{display:grid;gap:3px;max-height:270px;overflow:auto;margin:8px 0}
.department-picker-option{display:flex;align-items:center;gap:10px;text-align:left;padding:9px 8px;width:100%;border:1px solid transparent;border-radius:10px;background:#fff;cursor:pointer;font-family:inherit;color:#2b3852}
.department-picker-option:hover,.department-picker-option.keyboard-focused{background:#f2f5ff;border-color:#dbe4ff}
.department-picker-option.selected{background:#f4f7ff}
.department-picker-initial{flex:none;display:grid;place-items:center;background:#e9effe;border-radius:9px;width:31px;height:31px;font-size:11px;font-weight:800;color:#3d5ac3}
.department-picker-copy{display:grid;min-width:0;gap:2px;flex:1}
.department-picker-copy strong{display:block;font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.department-picker-copy small{font-size:10px;color:#8190a6}
.department-picker-current{font-size:10px;font-weight:700;color:#4265e9}
.department-picker-empty{font-size:12px;color:#79869c;text-align:center;margin:18px 4px}
.department-picker-footer{font-size:10px;color:#8a98ab;padding:9px 3px 1px;border-top:1px solid #edf0f5}
.department-board-actions{display:flex;gap:9px;align-items:center}
.department-board-search input{width:min(245px,32vw);height:34px;border:1px solid #e1e6ef;border-radius:9px;padding:0 11px;background:#fff;color:#30405d;font-size:12px}
.department-board-search input:focus{outline:2px solid #c9d7ff}
#departmentList tr[hidden]{display:none!important}
@media(max-width:640px){.department-switcher#departmentSwitcher{min-width:122px;max-width:155px}.department-picker-button{max-width:120px}.department-picker-panel{right:-46px;width:min(322px,calc(100vw - 20px))}.department-board-actions{flex-wrap:wrap}.department-board-search input{width:160px}}

/* R83: accessible, lightweight login recovery; does not alter technician shell. */
.deskly-login-link{border:0;background:transparent;color:#3154df;font:inherit;font-size:13px;font-weight:650;cursor:pointer;padding:6px 0;text-align:left;align-self:start}
.deskly-login-link:hover,.deskly-login-link:focus-visible{text-decoration:underline}
.deskly-auth-recovery{display:grid;gap:13px;margin-top:4px}
.deskly-auth-recovery h2{font-size:21px;letter-spacing:-.025em;margin:0;color:#15213a}
.deskly-auth-recovery>p{font-size:13px;line-height:1.55;color:#68768d;margin:0}
.deskly-auth-recovery .form-stack{gap:13px}
.deskly-auth-recovery label small{display:block;color:#78859a;line-height:1.45;margin-top:5px;font-size:11px}
.deskly-recovery-feedback{min-height:0;margin:0;font-size:13px;line-height:1.5;color:#354767;overflow-wrap:anywhere}
.deskly-auth-recovery .deskly-recovery-help{margin-top:6px;padding:10px 12px;background:#f7f9fd;border:1px solid #e7eaf1;border-radius:9px;font-size:12px}
@media(max-width:520px){.deskly-auth-recovery h2{font-size:19px}.login-panel{padding:22px}}