:root{
  --bg:#eef4fa;
  --bg-deep:#e6eef7;
  --surface:rgba(255,255,255,.88);
  --surface-solid:#fff;
  --surface-soft:#f7fafe;
  --text:#10283f;
  --heading:#0b253e;
  --muted:#667b90;
  --muted-2:#8a9aac;
  --border:rgba(123,149,176,.24);
  --border-soft:rgba(145,166,188,.17);
  --accent:#176dc5;
  --accent-2:#0d589f;
  --accent-soft:#e9f3ff;
  --navy:#082844;
  --navy-2:#0d3b61;
  --navy-3:#123f66;
  --cyan:#43a9d8;
  --success:#0b7b55;
  --danger:#b5473d;
  --warning:#a96512;
  --shadow:0 18px 48px rgba(18,48,76,.085),0 2px 8px rgba(18,48,76,.035);
  --shadow-hover:0 24px 62px rgba(18,48,76,.12),0 5px 16px rgba(18,48,76,.05);
  --radius:19px;
  --radius-sm:12px;
  --sidebar:248px;
  font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  color-scheme:light;
}
*{box-sizing:border-box}
html{min-height:100%;background:var(--bg)}
body{margin:0;min-height:100vh;color:var(--text);font-size:14px;line-height:1.5;background:linear-gradient(140deg,rgba(255,255,255,.78),rgba(235,244,253,.48)),var(--bg);position:relative;isolation:isolate;overflow-x:hidden}
body::before,body::after{content:"";position:fixed;z-index:-2;pointer-events:none;border-radius:50%;filter:blur(2px)}
body::before{width:58vw;height:58vw;min-width:620px;min-height:620px;right:-20vw;top:-28vw;background:radial-gradient(circle at 35% 42%,rgba(49,132,211,.19),rgba(72,157,231,.065) 44%,transparent 71%);animation:nde-drift-a 22s ease-in-out infinite alternate}
body::after{width:54vw;height:54vw;min-width:580px;min-height:580px;left:-25vw;bottom:-30vw;background:radial-gradient(circle at 64% 35%,rgba(12,66,108,.13),rgba(51,131,197,.05) 48%,transparent 73%);animation:nde-drift-b 27s ease-in-out infinite alternate}
@keyframes nde-drift-a{from{transform:translate3d(0,0,0) scale(1)}to{transform:translate3d(-4.5vw,7vh,0) scale(1.08)}}
@keyframes nde-drift-b{from{transform:translate3d(0,0,0) scale(1.02)}to{transform:translate3d(7vw,-6vh,0) scale(.95)}}
button,input,select,textarea{font:inherit}a{color:inherit;text-decoration:none}img{max-width:100%}[hidden]{display:none!important}

/* App chrome */
.topbar{height:82px;display:flex;align-items:center;gap:24px;padding:0 28px;position:sticky;top:0;z-index:50;background:rgba(250,253,255,.86);border-bottom:1px solid rgba(122,148,174,.18);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);box-shadow:0 1px 18px rgba(16,44,70,.045)}
.brand{height:64px;width:var(--sidebar);display:flex;align-items:center;flex:0 0 var(--sidebar)}
.brand-logo-crop{position:relative;display:block;width:230px;height:60px;overflow:hidden;flex:0 0 auto}
.brand-logo{position:absolute;display:block;width:230px;max-width:none;height:auto;left:0;top:-31px;filter:drop-shadow(0 8px 18px rgba(15,54,88,.07))}
.mobile-nav-toggle{display:none;appearance:none;border:0;background:transparent;color:var(--navy);padding:6px 4px;font-size:23px;cursor:pointer}
.topbar-context{display:flex;align-items:center;gap:9px;min-width:0;color:#70869a;font-size:12px}
.topbar-context strong{max-width:460px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#23415f;font-weight:750}.topbar-context b{opacity:.45;font-weight:500}
.profile-wrap{position:relative;margin-left:auto}
.profile-button{appearance:none;display:flex;align-items:center;gap:10px;min-width:208px;padding:7px 9px;border:1px solid rgba(115,143,171,.18);border-radius:15px;background:rgba(255,255,255,.68);color:var(--text);box-shadow:0 7px 22px rgba(15,50,80,.045);cursor:pointer;transition:.18s ease}
.profile-button:hover{background:#fff;border-color:rgba(31,104,176,.2);box-shadow:0 12px 28px rgba(15,50,80,.08);transform:translateY(-1px)}
.user-avatar{width:37px;height:37px;border-radius:12px;display:grid;place-items:center;background:linear-gradient(145deg,var(--navy),#1b669d);color:#fff;font-size:13px;font-weight:850;letter-spacing:.02em;box-shadow:0 8px 18px rgba(8,40,68,.15)}
.user-copy{display:flex;flex-direction:column;align-items:flex-start;line-height:1.18;min-width:0}.user-copy strong{max-width:138px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:12px;color:var(--heading)}.user-copy small{margin-top:4px;font-size:10px;color:var(--muted)}.chevron{margin-left:auto;color:#8090a1}
.profile-menu{position:absolute;right:0;top:54px;width:258px;padding:8px;border:1px solid rgba(99,127,155,.16);border-radius:16px;background:rgba(255,255,255,.98);box-shadow:0 25px 60px rgba(10,36,61,.17);z-index:70}
.profile-menu-head{display:flex;flex-direction:column;padding:11px 12px 13px;margin-bottom:4px;border-bottom:1px solid var(--border-soft)}.profile-menu-head strong{font-size:13px;color:var(--heading)}.profile-menu-head span{margin-top:3px;font-size:11px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.profile-menu a,.menu-logout{display:block;width:100%;padding:10px 12px;border:0;border-radius:10px;background:transparent;text-align:left;color:#263f58;font-weight:600;cursor:pointer}.profile-menu a:hover,.menu-logout:hover{background:#f1f6fb;color:#0e4f89}.profile-menu form{margin:4px 0 0;padding-top:5px;border-top:1px solid var(--border-soft)}

.shell{display:grid;grid-template-columns:var(--sidebar) minmax(0,1fr);gap:23px;min-height:calc(100vh - 82px);padding:18px 24px 26px 18px;position:relative;z-index:1}
.sidebar{position:sticky;top:100px;align-self:start;height:calc(100vh - 122px);overflow:auto;display:flex;flex-direction:column;padding:16px 12px;background:linear-gradient(160deg,rgba(7,34,58,.99),rgba(12,57,94,.97));border:1px solid rgba(255,255,255,.08);border-radius:22px;box-shadow:0 24px 58px rgba(9,38,63,.17);color:#fff;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.16) transparent}
.primary-nav{display:flex;flex-direction:column;gap:4px}
.nav-link,.nav-back,.nav-help{display:flex;align-items:center;min-height:42px;padding:10px 13px;border-radius:12px;color:rgba(242,248,255,.76);font-weight:650;font-size:13px;transition:.17s ease}
.nav-link:hover,.nav-back:hover,.nav-help:hover{background:rgba(255,255,255,.075);color:#fff;transform:translateX(2px)}
.nav-link.active{color:#fff;background:linear-gradient(135deg,rgba(31,116,196,.95),rgba(18,86,148,.92));box-shadow:0 10px 24px rgba(3,22,39,.18),inset 0 1px rgba(255,255,255,.13)}
.nav-divider{height:1px;margin:11px 6px;background:rgba(255,255,255,.08)}.nav-back{font-weight:560}.nav-help{color:#a7cae9;margin-top:2px}
.context-card{display:flex;flex-direction:column;margin:0 0 13px;padding:14px 13px 15px;border:1px solid rgba(127,180,232,.12);border-radius:15px;background:linear-gradient(145deg,rgba(53,132,203,.16),rgba(255,255,255,.035))}.context-card span{font-size:9px;font-weight:850;letter-spacing:.13em;text-transform:uppercase;color:#8ec4f1}.context-card strong{margin-top:4px;font-size:15px;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.context-card small{margin-top:3px;font-size:10px;color:rgba(236,246,255,.48)}
.sidebar-cta{display:flex;flex-direction:column;margin-top:17px;padding:14px;border:1px solid rgba(143,190,235,.13);border-radius:15px;background:rgba(255,255,255,.035)}.sidebar-cta span{font-size:9px;letter-spacing:.13em;text-transform:uppercase;color:#8bb8df}.sidebar-cta strong{margin:3px 0 10px;font-size:13px}.sidebar-cta .primary{box-shadow:none}
.sidebar-footer{margin-top:auto;display:flex;justify-content:space-between;align-items:center;padding:17px 9px 0;border-top:1px solid rgba(255,255,255,.07);color:rgba(241,248,255,.42);font-size:10px}.sidebar-footer small{font-size:10px}
.content{width:100%;max-width:1540px;margin:0 auto;padding:12px 4px 55px;position:relative}

/* Typography and headings */
.page-head,.hero-head,.panel-title,.section-head{display:flex;align-items:flex-start;justify-content:space-between;gap:22px}
.page-head{margin:3px 0 23px;padding:3px 2px}.hero-head{margin:2px 0 22px;padding:4px 2px}.page-head h1,.hero-head h1,.wizard-intro h1{margin:3px 0 7px;font-size:clamp(29px,2.25vw,36px);line-height:1.12;letter-spacing:-.035em;color:var(--heading);font-weight:780}.page-head p,.hero-head p,.wizard-intro p{max-width:760px;margin:0;color:var(--muted)}
.eyebrow{display:block;text-transform:uppercase;letter-spacing:.14em;font-size:9px;font-weight:850;color:#2c70b5}.muted,.help{color:var(--muted)}.help{font-size:11px;margin-top:5px}.section-gap{margin-top:20px}.section-copy{margin-bottom:15px}.text-link{font-size:12px;font-weight:750;color:#1968b4}.text-link:hover{text-decoration:underline}.hero-actions,.actions,.wizard-actions{display:flex;align-items:center;gap:9px;flex-wrap:wrap}

/* Surfaces */
.panel,.metric,.login-shell-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}
.panel{padding:22px}.panel h2{margin:3px 0 8px;font-size:18px;letter-spacing:-.018em;color:#17344f}.panel-title{margin-bottom:17px}.panel-title h2{margin:2px 0 0}.table-panel{padding:0;overflow:hidden}.panel-head{padding:20px 22px 0}.form-panel{max-width:790px}
.button,button{appearance:none;min-height:41px;display:inline-flex;align-items:center;justify-content:center;padding:9px 15px;border:1px solid rgba(117,143,168,.28);border-radius:11px;background:rgba(255,255,255,.88);color:#17334d;font-weight:720;box-shadow:0 2px 6px rgba(15,39,65,.025);cursor:pointer;transition:.16s ease}.button:hover,button:hover{background:#fff;border-color:rgba(23,109,197,.26);box-shadow:0 9px 22px rgba(15,50,80,.075);transform:translateY(-1px)}.primary{background:linear-gradient(135deg,#1a73c8,#105aa8);border-color:#1b69b7;color:#fff;box-shadow:0 10px 23px rgba(23,109,197,.17)}.primary:hover{background:linear-gradient(135deg,#1769b9,#0c5198);box-shadow:0 13px 29px rgba(23,109,197,.22)}.full{width:100%}button:disabled{opacity:.55;cursor:not-allowed;transform:none}

/* Dashboard */
.metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px;margin:0 0 19px}.premium-metrics{grid-template-columns:repeat(5,minmax(0,1fr))}.metric{position:relative;min-height:116px;padding:18px 19px;overflow:hidden;transition:.19s ease}.metric::after{content:"";position:absolute;width:94px;height:94px;right:-50px;top:-45px;border-radius:50%;background:radial-gradient(circle,rgba(46,128,205,.13),transparent 69%)}.metric:hover{transform:translateY(-2px);box-shadow:var(--shadow-hover)}.metric-top{display:flex;justify-content:space-between;align-items:center}.metric span{font-size:11px;font-weight:720;color:#61778d}.metric-top i{width:6px;height:6px;border-radius:50%;background:#76a9da;box-shadow:0 0 0 4px rgba(92,157,218,.11)}.metric strong{display:block;margin-top:16px;font-size:29px;line-height:1;letter-spacing:-.04em;color:#0f304d}.metric small{display:block;margin-top:7px;color:#8a9aaa;font-size:10px}.metric.attention strong{color:#9c4d42}
.dashboard-grid{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(300px,.72fr);gap:19px}.chart-panel{min-height:310px}.trend-chart{display:block;width:100%;height:auto}.trend-chart text{fill:#8496a8;font-size:10px}.chart-axis{stroke:#dce5ee;stroke-width:1}.chart-ok{fill:#2d79bf}.chart-bad{fill:#d77978}.chart-legend{display:flex;gap:12px;color:var(--muted);font-size:10px}.chart-legend span{display:flex;align-items:center;gap:5px}.chart-legend i{display:inline-block;width:7px;height:7px;border-radius:3px}.legend-ok{background:#2d79bf}.legend-bad{background:#d77978}
.chart-empty-state{min-height:225px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:24px;color:var(--muted)}.chart-empty-state strong{margin-top:14px;color:#2a4660;font-size:14px}.chart-empty-state p{max-width:420px;margin:6px 0 0;font-size:11px}.empty-orbit{position:relative;width:46px;height:46px;border:1px solid rgba(46,119,183,.18);border-radius:50%;box-shadow:0 0 0 9px rgba(51,129,197,.04)}.empty-orbit::before{content:"";position:absolute;inset:10px;border-radius:50%;background:linear-gradient(145deg,#e9f3fc,#dcecf9)}.empty-orbit i{position:absolute;width:7px;height:7px;border-radius:50%;background:#4e99cf;top:3px;left:19px;animation:orbit 7s linear infinite}@keyframes orbit{to{transform:rotate(360deg);transform-origin:4px 20px}}
.bar-list{display:grid;gap:14px}.bar-row>div:first-child{display:flex;justify-content:space-between;font-size:11px;margin-bottom:6px}.bar-row span{color:#587087}.bar-row strong{color:#21415e}.version-progress,.health-progress{width:100%;height:7px;border:0;border-radius:99px;overflow:hidden;appearance:none;background:#eaf0f5}.version-progress::-webkit-progress-bar,.health-progress::-webkit-progress-bar{background:#eaf0f5}.version-progress::-webkit-progress-value,.health-progress::-webkit-progress-value{background:linear-gradient(90deg,#276fb4,#4ca8cf);border-radius:99px}.version-progress::-moz-progress-bar,.health-progress::-moz-progress-bar{background:linear-gradient(90deg,#276fb4,#4ca8cf);border-radius:99px}
.issue-list{display:grid;gap:8px}.issue-row{display:grid;grid-template-columns:34px minmax(0,1fr) auto;gap:11px;align-items:center;padding:11px 12px;border:1px solid var(--border-soft);border-radius:12px;background:rgba(251,253,255,.76);transition:.16s ease}.issue-row:hover{background:#fff;border-color:rgba(46,116,182,.2)}.issue-icon{width:31px;height:31px;border-radius:10px;display:grid;place-items:center;background:#fff1ef;color:#a8453c;font-weight:850}.issue-row strong{display:block;font-size:12px}.issue-row small{display:block;margin-top:2px;color:var(--muted);font-size:10px}.issue-row time{color:#94a2b0;font-size:9px}.success-empty{display:flex;align-items:center;gap:13px;padding:17px;border-radius:13px;background:linear-gradient(135deg,rgba(235,249,243,.78),rgba(249,253,251,.9));border:1px solid rgba(63,143,103,.13)}.success-empty>span{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:#e2f4e9;color:#16704d;font-weight:850}.success-empty p{margin:3px 0 0;color:var(--muted);font-size:11px}
.profile-notice{display:flex;align-items:center;gap:10px;margin:-7px 0 17px;padding:11px 13px;border:1px solid rgba(184,132,44,.2);border-radius:12px;background:rgba(255,249,236,.76);color:#6c5122}.profile-notice strong{font-size:11px}.profile-notice span{font-size:10px;color:#806c47}.profile-notice a{margin-left:auto;color:#8d5b0c;font-size:10px;font-weight:800}

/* Tables and status */
table{width:100%;min-width:700px;border-collapse:separate;border-spacing:0}th,td{text-align:left;padding:14px 16px;border-bottom:1px solid rgba(134,157,180,.17);vertical-align:middle}th{background:rgba(246,249,252,.92);font-size:10px;color:#667b90;text-transform:uppercase;letter-spacing:.075em;font-weight:820}tbody tr{transition:background .15s ease}tbody tr:hover{background:rgba(235,244,252,.48)}tbody tr:last-child td{border-bottom:0}.table-link{font-weight:760;color:#175b99}.cell-sub{display:block;margin-top:3px;color:var(--muted);font-size:10px}.row-actions{text-align:right;width:1%;white-space:nowrap}.inline-actions{display:flex;justify-content:flex-end;align-items:center;gap:7px}.inline-actions form{margin:0}.empty{padding:38px;text-align:center;color:var(--muted)}.empty.compact{padding:27px;border:1px dashed rgba(116,147,176,.3);border-radius:13px;background:rgba(250,252,254,.58)}
.status{display:inline-flex;align-items:center;padding:5px 8px;border-radius:999px;background:#eef2f6;color:#526579;font-size:10px;font-weight:760}.status.active,.status.online,.status.success,.status.published{background:#e7f6ee;color:#0b704d}.status.inactive,.status.offline{background:#eff2f5;color:#667585}.status.warning{background:#fff4df;color:#9a620f}.status.error,.status.failed,.status.blocked{background:#fff0ef;color:#a5423b}

/* Forms */
.form-panel form,.login-form-pane form,.wizard-card form{display:grid;gap:15px}label{display:grid;gap:7px;font-weight:690;color:#304a62;font-size:12px}input,select,textarea{width:100%;border:1px solid #c9d5e0;border-radius:11px;background:rgba(255,255,255,.94);color:#102a42;outline:none;box-shadow:inset 0 1px 2px rgba(15,39,65,.02);transition:.16s ease}input,select{height:44px;padding:0 12px}textarea{padding:11px 12px;resize:vertical}input:focus,select:focus,textarea:focus{border-color:#72a8d7;background:#fff;box-shadow:0 0 0 4px rgba(28,108,181,.09)}.field-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.check,.check-line{display:flex!important;align-items:flex-start!important;gap:9px!important}.check input,.check-line input{width:17px!important;height:17px!important;margin-top:2px}.actions{justify-content:flex-end;margin-top:7px}.inline-form{display:flex;align-items:end;gap:10px}.inline-form select{max-width:560px}.field-readonly{display:grid;gap:3px;padding:13px 14px;border:1px solid var(--border-soft);border-radius:12px;background:linear-gradient(135deg,rgba(248,251,254,.97),rgba(241,247,252,.8))}.field-readonly span{font-size:9px;font-weight:820;letter-spacing:.08em;text-transform:uppercase;color:#6c7e90}.field-readonly strong{color:#16344f}.field-readonly small{color:var(--muted)}
.alert{padding:12px 14px;margin:13px 0;border-radius:12px;font-weight:650}.alert.error{background:#fff2f0;border:1px solid #f1c8c4;color:#a43e36}.alert.success{background:#ecf8f1;border:1px solid #b9e4cb;color:#0b704d}

/* Wizard */
.wizard-page{max-width:1080px;margin:0 auto}.wizard-intro{margin:3px 0 20px;padding:1px 2px}.wizard-intro.compact{margin-bottom:17px}.workspace-breadcrumb{display:flex;align-items:center;gap:8px;margin:0 0 14px;color:var(--muted);font-size:11px}.workspace-breadcrumb a{color:#2c68a2;font-weight:720}.workspace-breadcrumb strong{color:#314e69}
.wizard-steps{position:relative;display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:0;margin:0 0 19px;padding:0;list-style:none}.wizard-steps::before{content:"";position:absolute;left:7%;right:7%;top:17px;height:1px;background:#cedae5}.wizard-steps li{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;gap:6px;text-align:center;color:#8a9aaa}.wizard-steps li>span{width:34px;height:34px;display:grid;place-items:center;border:1px solid #cad6e1;border-radius:50%;background:#f7fafc;color:#718499;font-size:11px;font-weight:800;box-shadow:0 0 0 5px rgba(238,244,249,.94)}.wizard-steps li small{font-size:9px;font-weight:720}.wizard-steps li.done>span{background:#e5f4ec;border-color:#a9d4bd;color:#0e704d}.wizard-steps li.done small{color:#547565}.wizard-steps li.current>span{background:linear-gradient(145deg,#1b72c3,#105b9f);border-color:#155f9f;color:#fff;box-shadow:0 0 0 6px rgba(31,112,183,.1),0 7px 17px rgba(18,86,148,.14)}.wizard-steps li.current small{color:#1e527d;font-weight:820}
.wizard-card{max-width:900px;margin:0 auto;padding:28px 30px;box-shadow:0 24px 60px rgba(15,46,75,.09),0 2px 8px rgba(15,46,75,.035)}.wizard-card>h2{font-size:22px;margin:4px 0 8px}.wizard-card>p{max-width:730px}.wizard-actions{justify-content:flex-end;margin-top:10px;padding-top:16px;border-top:1px solid var(--border-soft)}.wizard-note,.wizard-blocked{padding:14px 15px;border-radius:12px;border:1px solid rgba(83,136,184,.16);background:linear-gradient(135deg,#eef6fd,#f9fcff);color:#466079}.wizard-blocked strong{display:block;color:#224766;margin-bottom:5px}.wizard-blocked p{margin:0 0 11px}.device-choices{display:grid;gap:8px;margin:15px 0}.device-choice{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:12px 14px;border:1px solid var(--border-soft);border-radius:12px;background:#fbfdff}.token-box,.token-panel{margin:14px 0}.token-value{display:block;padding:13px 15px;border-radius:11px;background:linear-gradient(145deg,#082945,#103f67);color:#edf7ff;font:12px ui-monospace,SFMono-Regular,Consolas,monospace;overflow-wrap:anywhere;box-shadow:0 10px 23px rgba(8,41,69,.12)}.copy-button{margin-top:8px}.finish-card{text-align:left}.finish-check{display:grid;place-items:center;width:45px;height:45px;margin-bottom:10px;border-radius:50%;background:#e5f5ec;color:#0b704d;font-size:21px;font-weight:900}.progress-list{display:grid;gap:8px;margin:16px 0}.progress-row{display:grid;grid-template-columns:12px minmax(0,1fr) auto;align-items:center;gap:11px;padding:10px 11px;border-radius:11px;background:#f8fbfd;border:1px solid var(--border-soft)}.progress-row div{display:flex;flex-direction:column}.progress-row span{font-size:10px;color:var(--muted)}.progress-row time{font-size:9px;color:#91a0ae}.progress-dot{width:9px;height:9px;border-radius:50%;background:#9aabba}.progress-dot.ok{background:#2a9a6b}.progress-dot.bad{background:#c95b54}.progress-dot.wait{background:#c39a51}
.wizard-context-banner{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin:0 0 18px;padding:12px 15px;border:1px solid rgba(56,119,181,.15);border-radius:13px;background:linear-gradient(135deg,rgba(236,245,253,.92),rgba(250,252,254,.92))}.wizard-context-banner span{font-size:9px;font-weight:850;letter-spacing:.12em;text-transform:uppercase;color:#2e6ca7}.wizard-context-banner strong{color:#173b5b}.wizard-context-banner small{margin-left:auto;color:var(--muted)}

/* Profiles, platform and help */
.profile-grid{display:grid;grid-template-columns:1.05fr 1.4fr .9fr;gap:17px}.profile-card{display:flex;align-items:center;gap:16px}.profile-avatar{width:61px;height:61px;display:grid;place-items:center;border-radius:18px;background:linear-gradient(145deg,var(--navy),#1a659c);color:#fff;font-size:23px;font-weight:850;box-shadow:0 12px 25px rgba(8,40,68,.14)}.profile-card h2{margin:0}.profile-card p{margin:3px 0;color:var(--muted)}.chip-row{display:flex;gap:6px;flex-wrap:wrap;margin-top:9px}.soft-chip{display:inline-flex;padding:5px 8px;border-radius:999px;background:#edf4fa;color:#4c667e;font-size:9px;font-weight:760}.details{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 28px;margin:0}.details div{display:grid;grid-template-columns:minmax(120px,170px) 1fr;gap:13px;padding:11px 0;border-bottom:1px solid var(--border-soft)}.details dt{color:var(--muted);font-weight:700}.details dd{margin:0;overflow-wrap:anywhere}.info-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}.info-tile span{display:block;color:var(--muted);font-size:10px}.info-tile strong{display:block;margin:7px 0 3px;font-size:23px;letter-spacing:-.025em}.info-tile small{color:#899aaa}.platform-links{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px;margin-top:17px}.action-card{transition:.17s ease}.action-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-hover)}.action-card h2{margin:3px 0 6px}.action-card p{margin:0;color:var(--muted)}
.help-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}.help-card{transition:.17s ease}.help-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-hover)}.help-icon{width:38px;height:38px;display:grid;place-items:center;border-radius:12px;background:linear-gradient(145deg,#e8f2fb,#eff9fd);color:#276aa9;font-weight:850}.help-card h2{margin:12px 0 5px}.help-card .text-link{display:inline-block;margin-top:12px}.compare-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.compare-grid>div{padding:14px;border:1px solid var(--border-soft);border-radius:12px;background:#f8fbfd}.compare-grid p{margin:5px 0 0;color:var(--muted)}
.quick-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.quick-grid a{display:flex;flex-direction:column;padding:12px;border:1px solid var(--border-soft);border-radius:12px;background:#f7fafc;font-weight:750}.quick-grid a:hover{background:#fff;border-color:rgba(45,114,179,.18)}.quick-grid a span{margin-top:4px;color:var(--muted);font-size:9px;font-weight:500}.workspace-grid{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:17px}.health-card{display:flex;flex-direction:column}.health-score{margin:8px 0 0;font-size:25px;letter-spacing:-.035em}

/* 2FA and security */
.security-status{display:flex;align-items:flex-start;gap:12px}.twofa-setup{display:grid;grid-template-columns:220px minmax(0,1fr);gap:23px;align-items:start}.qr-shell{display:grid;place-items:center;padding:15px;border:1px solid var(--border-soft);border-radius:15px;background:#fff}.qr-code{width:180px;height:180px}.secret-key{display:block;margin-top:7px;padding:11px;border-radius:10px;background:#edf3f8;color:#173a58;font:12px ui-monospace,SFMono-Regular,Consolas,monospace;overflow-wrap:anywhere}.recovery-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;margin:13px 0}.recovery-grid code{padding:9px 11px;border-radius:9px;background:#082844;color:#eaf5ff;text-align:center}.otp-input{letter-spacing:.16em;font-weight:800}

/* Browser updates */
.update-attention{border-color:rgba(205,153,64,.28);background:linear-gradient(145deg,rgba(255,255,255,.95),rgba(255,249,237,.91))}.update-panel{margin:17px 0}.update-panel>p{max-width:760px;color:var(--muted)}.update-list{display:grid;gap:8px;margin:17px 0;padding:0;list-style:none}.update-list li{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px 14px;border:1px solid var(--border-soft);border-radius:12px;background:#f9fbfd}.update-list li strong{font-size:11px}.update-list li small{color:var(--muted)}.system-checks{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.system-check{display:flex;align-items:flex-start;gap:10px;padding:12px 13px;border:1px solid var(--border-soft);border-radius:12px;background:linear-gradient(145deg,#fbfdff,#f5f9fc)}.system-check>.status{flex:0 0 auto;margin-top:1px}.system-check>div{display:flex;flex-direction:column;min-width:0}.system-check strong{font-size:11px;color:#1b3d59}.system-check small{margin-top:2px;color:var(--muted);font-size:9px}

/* Installer */
.install-shell{width:min(720px,100%);padding:32px}.install-brand{display:flex;align-items:center;justify-content:space-between;padding-bottom:18px;margin-bottom:18px;border-bottom:1px solid var(--border-soft)}.install-brand img{width:220px;height:auto;object-fit:contain;object-position:left}.install-brand small{color:var(--muted)}.install-shell h1{font-size:28px;margin:3px 0 5px}.install-shell h2{font-size:14px;margin:23px 0 11px;padding-top:14px;border-top:1px solid var(--border-soft)}

/* Login */
.auth-shell{min-height:100vh;display:grid;place-items:center;padding:34px;position:relative;z-index:1}.login-shell-card{width:min(930px,100%);min-height:560px;display:grid;grid-template-columns:1.04fr .96fr;overflow:hidden;border-color:rgba(126,151,175,.2);background:rgba(255,255,255,.9);box-shadow:0 32px 90px rgba(11,42,68,.16),0 1px 0 rgba(255,255,255,.72) inset}.login-shell-card.compact-auth{min-height:510px}.login-visual{position:relative;display:flex;flex-direction:column;justify-content:space-between;padding:43px 44px 47px;color:#fff;overflow:hidden;background:radial-gradient(circle at 78% 18%,rgba(52,139,207,.28),transparent 35%),radial-gradient(circle at 18% 88%,rgba(57,161,188,.11),transparent 37%),linear-gradient(148deg,#07243d,#0b3557 62%,#0c4165)}.login-visual::before{content:"";position:absolute;inset:auto -105px -120px auto;width:310px;height:310px;border:1px solid rgba(255,255,255,.06);border-radius:50%;box-shadow:0 0 0 62px rgba(255,255,255,.018),0 0 0 124px rgba(255,255,255,.012)}.login-visual-logo{position:relative;z-index:1;width:270px;height:88px;overflow:hidden}.login-logo-display{position:absolute;width:270px;max-width:none;height:auto;left:0;top:-37px;filter:brightness(0) invert(1) drop-shadow(0 8px 18px rgba(0,0,0,.14));opacity:.97}.login-promise{position:relative;z-index:1;max-width:420px}.login-promise .eyebrow{color:#98c7ea}.login-promise h1{margin:7px 0 13px;font-size:39px;line-height:1.04;letter-spacing:-.045em;color:#fff}.login-promise p{margin:0;color:rgba(241,248,255,.67)}.login-points{display:flex;gap:7px;flex-wrap:wrap;margin-top:21px}.login-points span{padding:6px 9px;border:1px solid rgba(255,255,255,.09);border-radius:999px;background:rgba(255,255,255,.045);font-size:9px;color:rgba(243,249,255,.78)}.login-form-pane{display:flex;flex-direction:column;justify-content:center;padding:58px 52px;background:rgba(255,255,255,.94)}.login-form-pane h1{margin:3px 0 7px;font-size:31px;letter-spacing:-.035em;color:var(--heading)}.login-form-pane>p{margin:0 0 22px}.login-security{margin-top:18px!important;text-align:center;font-size:9px;color:#93a0ad!important}.login-mobile-brand{display:none}

/* Misc */
.hash{font:11px ui-monospace,SFMono-Regular,Consolas,monospace;overflow-wrap:anywhere}.hash.short{display:block;max-width:260px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.priority-line{display:flex;flex-wrap:wrap;gap:7px;margin:13px 0}.priority-line span{display:inline-flex;padding:6px 9px;border:1px solid rgba(39,112,176,.14);border-radius:999px;background:var(--accent-soft);color:#295578;font-size:10px;font-weight:720}

@media(max-width:1180px){.premium-metrics{grid-template-columns:repeat(3,1fr)}.metrics{grid-template-columns:repeat(2,1fr)}.dashboard-grid{grid-template-columns:1fr}.topbar-context{display:none}.profile-grid,.platform-links,.info-grid{grid-template-columns:1fr 1fr}.help-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:900px){:root{--sidebar:270px}.mobile-nav-toggle{display:block}.brand{width:auto;flex-basis:auto}.brand-logo-crop{width:190px;height:54px}.brand-logo{width:190px;top:-25px}.shell{display:block;padding:0}.sidebar{position:fixed;z-index:45;left:12px;top:92px;bottom:14px;width:var(--sidebar);height:auto;transform:translateX(calc(-100% - 20px));transition:transform .2s ease}.sidebar.open{transform:translateX(0)}.content{padding:25px 18px 55px}.login-shell-card{grid-template-columns:1fr;max-width:520px;min-height:0}.login-visual{display:none}.login-form-pane{padding:39px 34px}.login-mobile-brand{display:block;position:relative;width:230px;height:75px;overflow:hidden;margin-bottom:22px}.login-mobile-brand img{position:absolute;width:230px;max-width:none;left:0;top:-31px}.wizard-steps small{display:none}.wizard-steps li>span{width:29px;height:29px}.wizard-steps::before{top:15px}.field-grid,.twofa-setup,.details,.workspace-grid{grid-template-columns:1fr}.details>div{grid-template-columns:130px 1fr}.quick-grid{grid-template-columns:1fr}}
@media(max-width:650px){.topbar{height:72px;padding:0 14px;gap:12px}.brand-logo-crop{width:155px;height:48px}.brand-logo{width:155px;top:-20px}.profile-button{min-width:0}.user-copy,.chevron{display:none}.content{padding:21px 13px 44px}.premium-metrics,.metrics,.help-grid,.profile-grid,.platform-links,.info-grid,.compare-grid{grid-template-columns:1fr}.page-head,.hero-head{flex-direction:column}.panel,.wizard-card{padding:19px}.wizard-card{max-width:none}.wizard-intro h1{font-size:28px}.wizard-actions{justify-content:stretch}.wizard-actions .button,.wizard-actions button{flex:1}.profile-notice{align-items:flex-start;flex-direction:column}.profile-notice a{margin-left:0}.recovery-grid{grid-template-columns:1fr}.system-checks{grid-template-columns:1fr}.update-list li{align-items:flex-start;flex-direction:column;gap:2px}.issue-row{grid-template-columns:31px 1fr}.issue-row time{display:none}.install-brand{align-items:flex-start;flex-direction:column;gap:8px}.auth-shell{padding:18px}.login-form-pane{padding:31px 22px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
.desired-summary{padding:0 22px 17px}.metrics.four{grid-template-columns:repeat(4,minmax(0,1fr))}.quick-actions h2{margin-bottom:12px}.wizard-success{padding:12px 14px;margin:0 0 14px;border:1px solid rgba(52,139,97,.16);border-radius:12px;background:linear-gradient(135deg,#edf8f2,#f9fcfa);color:#286c50;font-size:11px;font-weight:650}.recovery-panel{border-color:rgba(52,139,97,.18)}
@media(max-width:900px){.metrics.four{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:650px){.metrics.four{grid-template-columns:1fr}}

/* v0.8.0 premium operations refinement */
:root{
  --bg:#f2f1f5;
  --bg-deep:#ebeaf0;
  --surface:rgba(255,255,255,.9);
  --surface-soft:#f8f7fa;
  --text:#28313f;
  --heading:#151d2c;
  --muted:#687181;
  --muted-2:#9398a4;
  --border:rgba(72,79,103,.15);
  --border-soft:rgba(82,87,108,.10);
  --accent:#6256a8;
  --accent-2:#433a7d;
  --accent-soft:#f0edf9;
  --navy:#151c30;
  --navy-2:#202a45;
  --navy-3:#293550;
  --cyan:#2b8f92;
  --success:#23765f;
  --danger:#b14f52;
  --warning:#a96f28;
  --shadow:0 18px 48px rgba(38,39,55,.07),0 2px 8px rgba(38,39,55,.025);
  --shadow-hover:0 24px 62px rgba(38,39,55,.11),0 5px 16px rgba(38,39,55,.04);
  font-family:"Segoe UI Variable Text","Segoe UI Variable","Segoe UI",ui-sans-serif,system-ui,-apple-system,sans-serif;
}
body{font-weight:400;background:linear-gradient(142deg,rgba(255,255,255,.82),rgba(244,242,248,.62)),var(--bg)}
body::before{background:radial-gradient(circle at 35% 42%,rgba(100,83,168,.16),rgba(112,91,170,.04) 46%,transparent 71%)}
body::after{background:radial-gradient(circle at 64% 35%,rgba(42,137,139,.11),rgba(186,133,71,.035) 48%,transparent 73%)}
.topbar{background:rgba(251,250,253,.86);border-bottom-color:rgba(67,68,88,.11)}
.sidebar{background:radial-gradient(circle at 10% 4%,rgba(92,76,150,.22),transparent 34%),linear-gradient(160deg,#151c30,#202a45 68%,#1d3442);border-color:rgba(255,255,255,.075);box-shadow:0 25px 62px rgba(28,27,43,.18)}
.nav-link,.nav-back,.nav-help{font-weight:500;letter-spacing:-.005em}
.nav-link.active{background:linear-gradient(135deg,rgba(102,84,171,.88),rgba(49,103,126,.72));box-shadow:0 10px 24px rgba(15,17,31,.23),inset 0 1px rgba(255,255,255,.12)}
.nav-icon{width:19px;height:19px;margin-right:10px;display:grid;place-items:center;flex:0 0 19px;color:rgba(232,233,245,.74)}
.nav-icon svg,.button svg,.choice-icon svg,.quick-icon svg{width:100%;height:100%;display:block;fill:currentColor}
.nav-link.active .nav-icon,.nav-link:hover .nav-icon{color:#fff}
.context-card{background:linear-gradient(145deg,rgba(100,84,165,.19),rgba(38,111,116,.07));border-color:rgba(189,181,229,.11)}
.context-card span{color:#c2b8ed}.nav-help{color:#b9b3dc}
.sidebar-cta{background:linear-gradient(150deg,rgba(108,89,176,.12),rgba(255,255,255,.025));border-color:rgba(198,190,230,.1)}
.page-head h1,.hero-head h1,.wizard-intro h1{font-weight:620;letter-spacing:-.03em}
.panel h2,.quick-actions h2,.login-form-pane h1{font-weight:600}.eyebrow{font-weight:650;color:#6d5aa8}.text-link,.table-link{font-weight:600}
.profile-button{background:rgba(255,255,255,.73);border-color:rgba(72,75,96,.12)}.user-avatar{font-weight:650;background:linear-gradient(145deg,#4c477c,#2f6f74)}.user-copy strong{font-weight:600}
.panel,.metric,.login-shell-card{border-color:var(--border);box-shadow:var(--shadow)}
.button,button{font-weight:550;border-color:rgba(76,77,96,.17)}
.button svg,button svg{width:17px;height:17px;margin-right:7px;fill:currentColor}
.primary{background:linear-gradient(135deg,#6659aa,#4f628d 58%,#3d797d);border-color:#5b5690;box-shadow:0 10px 23px rgba(75,69,124,.16)}
.primary:hover{background:linear-gradient(135deg,#5c509d,#465a83 58%,#346e72);box-shadow:0 13px 29px rgba(66,61,111,.20)}
input,select,textarea{font-weight:400}.form-panel label,.wizard-card label{font-weight:500}.help,.muted{font-weight:400}
.metric span{font-weight:500}.metric strong{font-weight:620}.status,.soft-chip{font-weight:600}

/* Guided setup and deployment */
.wizard-card{max-width:900px}.wizard-intro{max-width:950px}.wizard-steps li small{font-weight:500}.wizard-steps li.current small{font-weight:650;color:var(--heading)}
.wizard-steps li.current>span{background:linear-gradient(135deg,#6659aa,#397b7e);border-color:transparent;box-shadow:0 7px 20px rgba(91,78,148,.22)}
.wizard-steps li.done>span{background:#e7f3ef;color:#27705d;border-color:rgba(35,118,95,.12)}
.deployment-choice-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px;margin:17px 0}
.deployment-choice{display:grid;grid-template-columns:42px 1fr;column-gap:12px;align-items:center;padding:17px;border:1px solid var(--border-soft);border-radius:17px;background:linear-gradient(145deg,rgba(255,255,255,.96),rgba(247,245,251,.9));transition:.18s ease}
.deployment-choice:hover{transform:translateY(-2px);border-color:rgba(99,83,166,.24);box-shadow:var(--shadow-hover)}
.deployment-choice .choice-icon{grid-row:1/3;width:42px;height:42px;display:grid;place-items:center;border-radius:14px;background:linear-gradient(145deg,#efebf9,#e9f4f2);color:#5b5395;padding:11px}
.deployment-choice strong{font-weight:600;color:var(--heading)}.deployment-choice small{color:var(--muted);font-size:11px;margin-top:2px}
.device-choice{display:flex;align-items:center;gap:12px}.device-choice .choice-icon{width:35px;height:35px;padding:8px;border-radius:12px;background:var(--accent-soft);color:var(--accent);flex:0 0 35px}.device-choice>span:last-child{display:flex;flex-direction:column}.device-choice strong{font-weight:600}.device-choice small{color:var(--muted)}
.choice-radios{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:0 0 16px}.choice-radios label{display:flex;gap:10px;padding:14px;border:1px solid var(--border-soft);border-radius:14px;background:#faf9fb;cursor:pointer}.choice-radios input{margin-top:3px}.choice-radios span{display:flex;flex-direction:column}.choice-radios strong{font-weight:600}.choice-radios small{font-size:10px;color:var(--muted);margin-top:2px}
.token-card,.token-box{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px 12px;align-items:center;padding:15px 16px;margin:15px 0;border:1px solid rgba(96,82,159,.16);border-radius:16px;background:linear-gradient(145deg,#f8f6fb,#f1f7f6)}
.token-card>span,.token-box>span{grid-column:1/-1;color:var(--muted);font-size:10px;font-weight:550;text-transform:uppercase;letter-spacing:.08em}
.token-card code,.token-box code{display:block;min-width:0;padding:10px 12px;border-radius:11px;background:#1a2134;color:#f5f4fb;font:12px ui-monospace,SFMono-Regular,Consolas,monospace;overflow-wrap:anywhere;word-break:break-all}
.token-card small,.token-box small{grid-column:1/-1;color:var(--muted)}
.deployment-methods{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:18px 0}.deployment-methods article{padding:16px;border:1px solid var(--border-soft);border-radius:16px;background:rgba(250,249,252,.8)}.deployment-methods .choice-icon{width:31px;height:31px;display:block;color:#6256a8;padding:5px}.deployment-methods h3{font-size:13px;font-weight:600;margin:8px 0 5px}.deployment-methods p{font-size:11px;color:var(--muted);margin:0}
.print-defaults{margin:17px 0;padding:17px;border:1px solid var(--border-soft);border-radius:16px;background:linear-gradient(145deg,#fbfafc,#f7faf9)}.print-defaults legend{padding:0 7px;color:var(--heading);font-weight:600}.print-defaults .help strong{font-weight:600}

/* Settings and notifications */
.settings-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:17px}.notification-list{display:grid;gap:8px;margin:15px 0}.notification-person{display:flex!important;align-items:flex-start;gap:10px;padding:11px 12px;border:1px solid var(--border-soft);border-radius:12px;background:#faf9fb}.notification-person input{margin-top:3px}.notification-person span{display:flex;flex-direction:column}.notification-person strong{font-weight:600}.notification-person small{font-size:10px;color:var(--muted);margin-top:2px}.inline-test-mail{margin-top:18px;padding-top:17px;border-top:1px solid var(--border-soft)}
.quick-grid a{position:relative;font-weight:550;background:linear-gradient(145deg,#faf9fb,#f7faf9)}.quick-grid a>span:last-child{font-weight:400}.quick-icon{width:21px;height:21px;margin-bottom:7px;color:#6256a8}

/* Login: quieter, more luxurious */
.login-visual{background:radial-gradient(circle at 78% 18%,rgba(115,92,174,.26),transparent 35%),radial-gradient(circle at 18% 88%,rgba(45,137,139,.13),transparent 37%),linear-gradient(148deg,#151c30,#202b47 61%,#214653)}
.login-promise .eyebrow{color:#c8bdf0}.login-promise h1{font-weight:580;letter-spacing:-.04em}.login-points span{font-weight:450}

@media(max-width:900px){.settings-grid,.deployment-methods{grid-template-columns:1fr}.deployment-choice-grid{grid-template-columns:1fr}}
@media(max-width:650px){.choice-radios{grid-template-columns:1fr}.token-card,.token-box{grid-template-columns:1fr}.token-card .button,.token-box .button{width:100%}}
.deployment-choice.selected{border-color:rgba(99,83,166,.38);background:linear-gradient(145deg,#f4f0fb,#eef7f5);box-shadow:0 11px 27px rgba(70,61,112,.10)}
.deployment-choice>span:not(.choice-icon){font-size:11px;color:var(--muted);text-align:left}.deployment-choice>strong{text-align:left}
.token-card{display:block}.token-copy{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:end}.token-copy>div{min-width:0;display:flex;flex-direction:column;gap:6px}.token-label{color:var(--muted);font-size:10px;font-weight:550;text-transform:uppercase;letter-spacing:.08em}.token-copy code{width:100%}.token-card>small{display:block;margin-top:9px}.deployment-command{margin:17px 0;padding:16px;border:1px solid var(--border-soft);border-radius:16px;background:#faf9fb}.deployment-command h3{margin:3px 0 10px;font-size:14px;font-weight:600}.command-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:center}.command-row code{min-width:0;padding:11px 12px;border-radius:11px;background:#1a2134;color:#f5f4fb;font:11px ui-monospace,SFMono-Regular,Consolas,monospace;overflow-wrap:anywhere;word-break:break-word}
@media(max-width:650px){.token-copy,.command-row{grid-template-columns:1fr}.token-copy .button,.command-row .button{width:100%}}

/* v0.8.1 stabilization + premium polish */
:root{
  --bg:#f4f2f3;
  --bg-deep:#ebe8ec;
  --surface:rgba(255,255,255,.91);
  --surface-solid:#fff;
  --surface-soft:#faf8fa;
  --text:#303440;
  --heading:#171b27;
  --muted:#737783;
  --muted-2:#999ca5;
  --border:rgba(63,61,78,.13);
  --border-soft:rgba(75,71,89,.085);
  --accent:#62548c;
  --accent-2:#4a406f;
  --accent-soft:#f1edf7;
  --teal:#397b78;
  --teal-soft:#eaf5f2;
  --warm:#b18758;
  --warm-soft:#f8f1e9;
  --navy:#171c2c;
  --navy-2:#22283d;
  --navy-3:#2f354d;
  --success:#28725d;
  --danger:#ac5155;
  --warning:#a87435;
  --shadow:0 22px 58px rgba(35,31,44,.07),0 2px 10px rgba(35,31,44,.025);
  --shadow-hover:0 28px 70px rgba(35,31,44,.11),0 6px 18px rgba(35,31,44,.045);
  --radius:22px;
  --radius-sm:13px;
  font-family:"Segoe UI Variable Text","Segoe UI Variable","Segoe UI",ui-sans-serif,system-ui,-apple-system,sans-serif;
}
body{font-size:14px;font-weight:400;letter-spacing:-.006em;background:
  radial-gradient(circle at 84% 7%,rgba(104,83,145,.10),transparent 31%),
  radial-gradient(circle at 9% 88%,rgba(55,125,120,.075),transparent 34%),
  radial-gradient(circle at 72% 87%,rgba(177,135,88,.055),transparent 30%),
  linear-gradient(145deg,rgba(255,255,255,.84),rgba(247,244,247,.66)),var(--bg)}
body::before{opacity:.72;background:radial-gradient(circle at 35% 42%,rgba(101,79,146,.14),rgba(100,82,145,.035) 48%,transparent 72%)}
body::after{opacity:.65;background:radial-gradient(circle at 64% 35%,rgba(44,122,119,.10),rgba(177,135,88,.025) 50%,transparent 74%)}
.topbar{height:86px;padding:0 30px;background:rgba(252,250,252,.82);border-bottom-color:rgba(59,57,71,.09);box-shadow:0 1px 22px rgba(31,28,40,.035)}
.brand{height:66px}.brand-logo-crop{width:235px;height:62px}.brand-logo{width:235px;top:-31px;filter:drop-shadow(0 8px 22px rgba(28,26,39,.075))}
.shell{gap:26px;padding:20px 27px 30px 18px}.sidebar{top:106px;height:calc(100vh - 130px);padding:17px 13px;background:radial-gradient(circle at 8% 3%,rgba(113,91,164,.20),transparent 32%),linear-gradient(165deg,#151a29,#22283c 64%,#24383e);border-radius:24px;box-shadow:0 28px 70px rgba(25,24,38,.18)}
.nav-link,.nav-back,.nav-help{min-height:43px;font-weight:470;font-size:13px;letter-spacing:0}.nav-link.active{font-weight:560;background:linear-gradient(135deg,rgba(99,80,144,.86),rgba(52,105,106,.73));box-shadow:0 11px 28px rgba(16,17,29,.23),inset 0 1px rgba(255,255,255,.11)}
.context-card{border-radius:17px;background:linear-gradient(150deg,rgba(104,83,153,.18),rgba(50,116,112,.07))}.context-card strong{font-weight:560}.context-card span{font-weight:600;color:#cabfeb}
.content{max-width:1500px;padding-top:14px}
.page-head{margin-bottom:25px}.page-head h1,.hero-head h1,.wizard-intro h1{font-weight:560;letter-spacing:-.038em;font-size:clamp(30px,2.2vw,38px)}
.page-head p,.hero-head p,.wizard-intro p{font-size:14px;line-height:1.6}.eyebrow{font-size:9px;font-weight:620;letter-spacing:.15em;color:#715ca0}
.panel,.metric,.login-shell-card{background:linear-gradient(150deg,rgba(255,255,255,.94),rgba(251,249,251,.88));border-color:var(--border);box-shadow:var(--shadow)}.panel{padding:24px}.panel h2{font-weight:560;letter-spacing:-.024em}.panel-title h2{font-size:18px}.panel-title{margin-bottom:19px}
.metric{padding:21px 20px}.metric span{font-weight:470;color:#747887}.metric strong{font-weight:580;color:#202633;letter-spacing:-.035em}
.button,button{min-height:42px;border-radius:12px;font-weight:520;letter-spacing:-.005em;background:rgba(255,255,255,.89);border-color:rgba(70,66,83,.15)}
.primary{background:linear-gradient(135deg,#65558f 0%,#555d82 54%,#3e7976 100%);border-color:rgba(80,74,116,.72);box-shadow:0 11px 26px rgba(77,66,112,.16)}.primary:hover{background:linear-gradient(135deg,#594b82,#4d5678 54%,#376d6b)}
input,select,textarea{border-radius:13px!important;border-color:rgba(80,77,94,.18)!important;background:rgba(255,255,255,.9)!important;color:var(--text)!important;box-shadow:inset 0 1px 1px rgba(33,31,41,.015)}
input:focus,select:focus,textarea:focus{outline:none!important;border-color:rgba(99,84,142,.42)!important;box-shadow:0 0 0 4px rgba(99,84,142,.075)!important}
.form-panel label,.wizard-card label{font-weight:480}.help,.muted{color:#777b87}.status,.soft-chip{font-weight:560}
.customer-settings-form .field-grid{margin-bottom:26px}.customer-settings-form>button.primary{margin-top:12px}

/* Login */
.login-shell-card{border-radius:28px;overflow:hidden}.login-visual{background:radial-gradient(circle at 76% 18%,rgba(117,91,165,.27),transparent 35%),radial-gradient(circle at 15% 88%,rgba(52,128,124,.14),transparent 39%),linear-gradient(150deg,#171c2c,#242a40 60%,#254348)}
.login-promise h1{font-weight:540;letter-spacing:-.045em}.login-points span{font-weight:430;border-color:rgba(255,255,255,.11);background:rgba(255,255,255,.045)}.login-form-pane h1{font-weight:560}

/* Deployment */
.deployment-readiness{margin-bottom:18px;padding:23px 24px;background:linear-gradient(145deg,rgba(255,255,255,.96),rgba(247,246,250,.91))}.deployment-readiness-head{display:flex;justify-content:space-between;gap:18px;align-items:flex-start}.deployment-readiness-head h2{margin:3px 0 5px}.deployment-readiness-head p{margin:0}.readiness-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:18px}.readiness-item{position:relative;display:grid;grid-template-columns:42px minmax(0,1fr) 27px;gap:13px;align-items:center;padding:15px 16px;border:1px solid var(--border-soft);border-radius:17px;background:rgba(250,249,251,.82)}.readiness-item.is-ready{background:linear-gradient(145deg,rgba(237,247,242,.9),rgba(252,253,252,.96));border-color:rgba(40,114,93,.13)}.readiness-item.needs-action{background:linear-gradient(145deg,rgba(250,244,235,.86),rgba(255,253,250,.96));border-color:rgba(168,116,53,.14)}.readiness-icon{width:42px;height:42px;padding:11px;border-radius:14px;background:#f0edf6;color:#675791}.readiness-item.is-ready .readiness-icon{background:#e6f2ed;color:#28725d}.readiness-item.needs-action .readiness-icon{background:#f7eee2;color:#9f6d31}.readiness-icon svg{width:100%;height:100%;fill:currentColor}.readiness-item>div{min-width:0;display:flex;flex-direction:column}.readiness-label{font-size:10px;color:var(--muted);text-transform:uppercase;letter-spacing:.08em;font-weight:560}.readiness-item strong{margin:3px 0 2px;font-size:13px;font-weight:560;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.readiness-item small{font-size:11px;color:var(--muted);line-height:1.45}.readiness-state{width:25px;height:25px;border-radius:50%;display:grid;place-items:center;background:#e5f2ec;color:#28725d;font-weight:650}.needs-action .readiness-state{background:#f5eadc;color:#9d6a2f}.readiness-actions{display:flex;align-items:center;gap:9px;flex-wrap:wrap;margin-top:16px;padding-top:15px;border-top:1px solid var(--border-soft)}
.deployment-workbench{display:grid;grid-template-columns:minmax(0,1fr);gap:14px;margin-bottom:18px}.deployment-choice-grid{margin:0}.deployment-choice{border-radius:18px;padding:19px;background:linear-gradient(145deg,rgba(255,255,255,.95),rgba(249,247,250,.9))}.deployment-choice .choice-icon{background:linear-gradient(145deg,#eee9f5,#e9f4f1);color:#62538c}.deployment-choice strong{font-weight:560}.deployment-choice.selected{border-color:rgba(99,84,142,.27);background:linear-gradient(145deg,#f5f1f9,#eef7f4);box-shadow:0 13px 32px rgba(61,52,82,.085)}.deployment-create{max-width:none}.deployment-form-actions{margin-top:20px}.deployment-history{margin-top:4px}.deployment-history .panel-title{padding:22px 24px 0}.deployment-history .empty{margin:0 24px 24px}
.token-card{padding:18px;border-radius:18px}.token-copy{gap:14px}.token-copy code{font-size:12px;line-height:1.55;padding:12px 14px}.token-card>small{margin-top:10px;line-height:1.5}

/* Help */
.help-search-panel{max-width:860px;margin-bottom:18px}.help-search-panel label{font-weight:520}.help-search-panel input{margin-top:8px}.help-layout{display:grid;grid-template-columns:290px minmax(0,1fr);gap:20px;align-items:start}.help-toc{position:sticky;top:106px;padding:16px}.help-topic-link{display:grid;grid-template-columns:30px minmax(0,1fr);gap:11px;align-items:start;padding:11px 10px;border-radius:13px;transition:.16s ease}.help-topic-link:hover{background:#f4f0f8}.help-topic-link>span{width:29px;height:29px;display:grid;place-items:center;padding:6px;border-radius:10px;background:var(--accent-soft);color:var(--accent)}.help-topic-link svg{width:100%;height:100%;fill:currentColor}.help-topic-link div{display:flex;flex-direction:column}.help-topic-link strong{font-size:12px;font-weight:560;color:var(--heading)}.help-topic-link small{font-size:10px;color:var(--muted);line-height:1.35;margin-top:2px}.help-content{display:grid;gap:16px}.help-article{scroll-margin-top:105px}.help-article-head{display:grid;grid-template-columns:48px minmax(0,1fr);gap:14px;align-items:start;margin-bottom:17px}.help-section-icon{width:48px;height:48px;padding:13px;border-radius:15px;background:linear-gradient(145deg,#eee9f6,#eaf4f1);color:#62538c}.help-section-icon svg{width:100%;height:100%;fill:currentColor}.help-article-head h2{margin:1px 0 4px;font-size:20px}.help-article-head p{margin:0;color:var(--muted)}.help-steps{list-style:none;padding:0;margin:0;display:grid;gap:8px}.help-steps li{display:grid;grid-template-columns:22px minmax(0,1fr);gap:10px;padding:11px 12px;border-radius:13px;background:rgba(249,248,250,.72);border:1px solid var(--border-soft)}.help-step-marker{width:20px;height:20px;padding:5px;color:#6b5a96}.help-step-marker svg{width:100%;height:100%;fill:currentColor}.help-steps strong{font-size:12px;font-weight:560;color:var(--heading)}.help-steps p{margin:2px 0 0;color:var(--muted);font-size:12px;line-height:1.55}.help-actions{display:flex;gap:8px;margin-top:16px;padding-top:15px;border-top:1px solid var(--border-soft)}

/* Wizard */
.wizard-card{max-width:930px;padding:27px}.wizard-card h2{font-size:21px;font-weight:560}.wizard-actions{margin-top:22px;padding-top:17px;border-top:1px solid var(--border-soft)}.wizard-note,.wizard-success,.wizard-blocked{border-radius:15px}.wizard-steps li small{font-weight:460}.wizard-steps li.current small{font-weight:570}

@media(max-width:1000px){.help-layout{grid-template-columns:1fr}.help-toc{position:static;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px}.readiness-grid{grid-template-columns:1fr}}
@media(max-width:650px){.help-toc{grid-template-columns:1fr}.deployment-readiness-head{flex-direction:column}.readiness-item{grid-template-columns:38px minmax(0,1fr) 25px}.topbar{padding:0 17px}.shell{padding-left:12px;padding-right:12px}}

/* v0.9.0 driverprofielen */
.driver-profile-field{margin-top:18px;padding:18px;border:1px solid rgba(100,82,145,.13);border-radius:18px;background:linear-gradient(145deg,rgba(247,244,250,.9),rgba(242,248,246,.82))}.driver-profile-field .text-link{display:inline-flex;margin-top:8px}.capture-guide{margin-bottom:22px;padding:19px 20px;border:1px solid rgba(76,101,118,.12);border-radius:18px;background:linear-gradient(145deg,rgba(249,248,251,.95),rgba(241,247,246,.86))}.capture-guide>strong{display:block;margin-bottom:10px;font-size:14px;font-weight:580;color:var(--heading)}.capture-guide ol{margin:0 0 13px;padding-left:21px;color:var(--text)}.capture-guide li{padding:4px 0;line-height:1.55}.capture-guide b{font-weight:580}.profile-facts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.profile-facts>div{display:flex;flex-direction:column;padding:16px;border:1px solid var(--border-soft);border-radius:16px;background:rgba(249,248,251,.76)}.profile-facts span{font-size:10px;color:var(--muted);text-transform:uppercase;letter-spacing:.07em}.profile-facts strong{margin-top:5px;font-size:13px;font-weight:560;color:var(--heading);overflow-wrap:anywhere}.technical-details{margin-top:18px;padding-top:16px;border-top:1px solid var(--border-soft)}.technical-details summary{cursor:pointer;color:var(--muted);font-weight:520}.technical-details dl{display:grid;grid-template-columns:180px minmax(0,1fr);gap:9px 18px;margin:16px 0 0}.technical-details dt{color:var(--muted)}.technical-details dd{margin:0;color:var(--text)}.break-anywhere{overflow-wrap:anywhere;word-break:break-word}.cell-sub{display:block;margin-top:3px;color:var(--muted);font-size:10px;font-weight:400}
@media(max-width:900px){.profile-facts{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:650px){.profile-facts{grid-template-columns:1fr}.technical-details dl{grid-template-columns:1fr;gap:3px}.technical-details dd{margin-bottom:8px}}

/* v0.10.0 Pilot & Operations */
.table-tools{display:flex;align-items:end;gap:11px;flex-wrap:wrap;padding:0 0 17px;margin-bottom:2px;border-bottom:1px solid var(--border-soft)}
.table-tools label{display:flex;flex-direction:column;gap:6px;min-width:170px;margin:0}.table-tools label>span{font-size:10px;font-weight:560;letter-spacing:.055em;text-transform:uppercase;color:var(--muted)}
.table-tools .table-search{min-width:min(360px,100%);flex:1 1 280px}.table-tools input,.table-tools select{min-height:40px;margin:0}.table-count{margin-left:auto;padding:0 4px 10px;color:var(--muted);font-size:11px;white-space:nowrap}
.table-scroll{width:100%;overflow-x:auto}.table-tools+.table-scroll{margin-top:8px}
.filter-bar{display:flex;align-items:end;gap:11px;flex-wrap:wrap;padding-bottom:18px;margin-bottom:10px;border-bottom:1px solid var(--border-soft)}.filter-bar label{display:flex;flex-direction:column;gap:6px;min-width:170px;margin:0}.filter-bar label>span,.filter-bar label{font-size:11px}.filter-bar .filter-search{flex:1 1 300px;min-width:min(360px,100%)}.filter-actions{display:flex;gap:8px;align-items:center}.filter-actions .button,.filter-actions button{margin:0}
.fleet-metrics{margin-bottom:18px}.fleet-online{font-weight:560;color:#28725d}.table-sub{display:block;margin-top:4px;font-size:10px;color:var(--muted);line-height:1.35}.health-healthy,.health-success{background:#e7f3ed!important;color:#236b58!important}.health-attention,.health-warning{background:#f6ecdd!important;color:#936329!important}.health-offline,.health-failed,.health-error{background:#f7e7e8!important;color:#9a4148!important}.health-empty,.health-inactive{background:#eff0f3!important;color:#686d78!important}
.diagnostic-panel .panel-title{display:flex;justify-content:space-between;gap:18px;align-items:flex-start}.diagnostic-guidance{margin:4px 0 14px}.diagnostic-history{display:grid;gap:8px}.diagnostic-result{border:1px solid var(--border-soft);border-radius:14px;background:linear-gradient(145deg,rgba(252,251,252,.95),rgba(247,249,249,.88));overflow:hidden}.diagnostic-result>summary{list-style:none;cursor:pointer}.diagnostic-result>summary::-webkit-details-marker{display:none}.diagnostic-result-head{display:flex;justify-content:space-between;gap:15px;align-items:center;padding:12px 14px}.diagnostic-result-head:hover{background:rgba(255,255,255,.55)}.diagnostic-result-head>div{display:flex;align-items:center;gap:10px;flex-wrap:wrap;min-width:0}.diagnostic-result-head strong{font-size:12px;font-weight:550;line-height:1.35}.diagnostic-result-meta{display:flex;align-items:center;gap:10px;font-size:10px;color:var(--muted);white-space:nowrap}.diagnostic-result-meta b{width:8px;height:8px;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:rotate(45deg);transition:transform .16s ease;margin:-4px 3px 0 0}.diagnostic-result[open] .diagnostic-result-meta b{transform:rotate(225deg);margin:4px 3px 0 0}.diagnostic-checks{list-style:none;margin:0;padding:12px 14px 14px;border-top:1px solid var(--border-soft);display:grid;gap:9px;background:rgba(255,255,255,.42)}.diagnostic-checks li{display:grid;grid-template-columns:10px minmax(0,1fr);gap:10px;align-items:start}.diagnostic-checks li>div{display:flex;flex-direction:column}.diagnostic-checks strong{font-size:11px;font-weight:550}.diagnostic-checks small{margin-top:2px;font-size:10px;line-height:1.45;color:var(--muted)}.diagnostic-empty{padding:12px 14px;border-top:1px solid var(--border-soft);font-size:11px;color:var(--muted)}.diagnostic-dot{width:8px;height:8px;border-radius:50%;margin-top:4px;background:#9499a3}.diagnostic-success{background:#3d8d73}.diagnostic-warning{background:#c28b45}.diagnostic-failed{background:#b9545c}.diagnostic-info{background:#6878a3}.diagnostic-archive{margin-top:2px}.diagnostic-archive>summary{display:flex;align-items:center;gap:8px;width:max-content;list-style:none;cursor:pointer;padding:6px 2px;font-size:11px;font-weight:560;color:var(--muted)}.diagnostic-archive>summary::-webkit-details-marker{display:none}.diagnostic-archive>summary span{display:grid;place-items:center;min-width:20px;height:20px;padding:0 6px;border-radius:999px;background:var(--surface-soft);border:1px solid var(--border-soft);font-size:9px}.diagnostic-history-older{margin-top:6px}
.compatibility-panel{background:linear-gradient(145deg,rgba(246,244,250,.96),rgba(240,248,245,.9))}.compatibility-strip{display:grid;grid-template-columns:48px minmax(0,1fr) auto;gap:14px;align-items:center;padding:16px;border:1px solid rgba(83,85,105,.11);border-radius:17px;background:rgba(255,255,255,.66)}.compatibility-strip>span{width:45px;height:45px;padding:12px;border-radius:14px;background:#ece8f4;color:#65558f}.compatibility-strip svg{width:100%;height:100%;fill:currentColor}.compatibility-strip>div{display:flex;flex-direction:column;min-width:0}.compatibility-strip strong{font-size:13px;font-weight:570;overflow-wrap:anywhere}.compatibility-strip small{margin-top:3px;font-size:10px;color:var(--muted);overflow-wrap:anywhere}.compatibility-strip>b{font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.07em;color:#28725d;background:#e5f2ec;border-radius:999px;padding:7px 10px;white-space:nowrap}.profile-printer-list{display:grid;gap:10px}.profile-printer-row{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:14px 15px;border:1px solid var(--border-soft);border-radius:15px;background:rgba(250,249,251,.75)}.profile-printer-row>div:first-child{display:flex;flex-direction:column}.profile-printer-row strong{font-size:12px;font-weight:560}.profile-printer-row small{margin-top:3px;color:var(--muted);font-size:10px}
@media(max-width:720px){.table-tools{align-items:stretch}.table-tools label,.table-tools .table-search{min-width:100%;width:100%}.table-count{margin-left:0;padding-bottom:0}.filter-bar{align-items:stretch}.filter-bar label,.filter-bar .filter-search{min-width:100%;width:100%}.filter-actions{width:100%}.filter-actions>*{flex:1}.diagnostic-panel .panel-title,.diagnostic-result-head,.profile-printer-row{flex-direction:column;align-items:stretch}.compatibility-strip{grid-template-columns:42px minmax(0,1fr)}.compatibility-strip>b{grid-column:1/-1;justify-self:start}}

/* v0.10.1 Agent installation repair */
.field-label{display:flex;align-items:baseline;gap:5px;min-height:16px}.optional{font-size:10px;font-weight:440;color:var(--muted);letter-spacing:0;text-transform:none}
.deployment-ready-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px}.deployment-ready-head h2{margin:3px 0 0}.deployment-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:18px 0 20px}.deployment-summary>div{min-width:0;display:flex;flex-direction:column;gap:4px;padding:14px 15px;border:1px solid var(--border-soft);border-radius:15px;background:rgba(249,248,251,.72)}.deployment-summary span{font-size:10px;font-weight:520;letter-spacing:.055em;text-transform:uppercase;color:var(--muted)}.deployment-summary strong{font-size:13px;font-weight:560;color:var(--heading);overflow-wrap:anywhere}.single-install-card{display:grid;grid-template-columns:50px minmax(0,1fr) auto;gap:16px;align-items:center;margin:6px 0 20px;padding:20px;border:1px solid rgba(88,79,124,.14);border-radius:19px;background:linear-gradient(145deg,rgba(246,243,250,.93),rgba(239,248,245,.9))}.single-install-icon{width:50px;height:50px;padding:14px;border-radius:16px;background:#ece8f4;color:#65558f}.single-install-icon svg{width:100%;height:100%;fill:currentColor}.single-install-card h3{margin:3px 0 5px;font-size:17px;font-weight:570;color:var(--heading)}.single-install-card p{margin:0;max-width:720px;font-size:12px;line-height:1.55;color:var(--muted)}.single-install-button{white-space:nowrap}.deployment-advanced{margin:18px 0}.deployment-advanced summary{padding:3px 0}.deployment-advanced .token-card,.deployment-advanced .deployment-command{margin-top:14px}
@media(max-width:900px){.deployment-summary{grid-template-columns:repeat(2,minmax(0,1fr))}.single-install-card{grid-template-columns:46px minmax(0,1fr)}.single-install-button{grid-column:1/-1;justify-self:stretch}}
@media(max-width:600px){.deployment-summary{grid-template-columns:1fr}.deployment-ready-head{flex-direction:column}.single-install-card{grid-template-columns:1fr}.single-install-icon{width:44px;height:44px}.single-install-button{width:100%}}

/* v0.10.2 – eenvoudiger driver- en driverprofielbeheer */
.simple-steps{display:grid;gap:10px;margin:0 0 22px}.simple-steps>div{display:grid;grid-template-columns:34px minmax(0,1fr);gap:12px;align-items:start;padding:14px 15px;border:1px solid var(--border-soft);border-radius:16px;background:rgba(249,248,251,.72)}.simple-steps>div>b{display:grid;place-items:center;width:28px;height:28px;border-radius:10px;background:rgba(75,58,111,.09);color:var(--heading);font-size:12px}.simple-steps span{display:flex;flex-direction:column;gap:3px}.simple-steps strong{font-size:13px;font-weight:600;color:var(--heading)}.simple-steps small{font-size:11px;line-height:1.5;color:var(--muted)}.simple-steps.compact{margin-bottom:18px}
.analysis-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:0 0 22px}.analysis-summary>div{display:flex;flex-direction:column;gap:4px;padding:15px 16px;border:1px solid var(--border-soft);border-radius:16px;background:rgba(249,248,251,.72)}.analysis-summary span{font-size:10px;text-transform:uppercase;letter-spacing:.07em;color:var(--muted)}.analysis-summary strong{font-size:13px;color:var(--heading);overflow-wrap:anywhere}.analysis-summary small{font-size:10px;color:var(--muted)}
.form-grid.two{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.technical-details ul{margin:14px 0 0;padding-left:20px}.technical-details li{padding:3px 0;color:var(--text);line-height:1.45}.technical-details p{line-height:1.55}
@media(max-width:760px){.analysis-summary,.form-grid.two{grid-template-columns:1fr}.simple-steps>div{grid-template-columns:30px minmax(0,1fr)}}

.driver-existing-summary{grid-template-columns:1fr}

/* v0.10.3: veelgebruikte generieke afdrukprofielen. Driver-private opties blijven in Driverprofielen. */
.print-preset-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:12px 0 14px}
.print-preset{display:flex;flex-direction:column;align-items:flex-start;gap:4px;min-height:76px;padding:12px 14px;text-align:left;border-radius:14px}
.print-preset strong{font-size:.94rem}.print-preset span{font-size:.8rem;color:var(--muted);line-height:1.35}.print-preset.selected{outline:2px solid currentColor;outline-offset:1px}.print-preset.reset{border-style:dashed}
.driver-specific-note{margin:0 0 16px;padding:11px 13px;border-radius:12px;background:var(--surface-soft,rgba(15,23,42,.045));font-size:.88rem;line-height:1.5}
@media(max-width:900px){.print-preset-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:620px){.print-preset-grid{grid-template-columns:1fr}.print-preset{min-height:0}}

/* v0.10.4 – printervarianten, basisprofielen en printersets */
.mini-card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:14px}
.mini-card{display:flex;flex-direction:column;gap:4px;min-width:0;padding:14px 15px;border:1px solid var(--border-soft);border-radius:15px;background:rgba(249,248,251,.72)}
.mini-card strong{font-size:13px;font-weight:590;color:var(--heading)}.mini-card span{font-size:11px;line-height:1.45;color:var(--muted)}
.check-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin:12px 0 16px}.check-grid .check{margin:0;padding:11px 12px;border:1px solid var(--border-soft);border-radius:13px;background:rgba(249,248,251,.68)}.check-grid .check span{min-width:0;overflow-wrap:anywhere}.check-grid.is-disabled{opacity:.5}
.separator-text{display:flex;align-items:center;gap:10px;margin:16px 0 8px;color:var(--muted);font-size:10px;text-transform:uppercase;letter-spacing:.06em}.separator-text:before,.separator-text:after{content:"";height:1px;flex:1;background:var(--border-soft)}
.variant-base-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:0 0 22px}.variant-base-summary>div{display:flex;flex-direction:column;gap:4px;min-width:0;padding:13px 14px;border:1px solid var(--border-soft);border-radius:14px;background:rgba(249,248,251,.7)}.variant-base-summary span{font-size:10px;text-transform:uppercase;letter-spacing:.055em;color:var(--muted)}.variant-base-summary strong{font-size:12px;font-weight:570;color:var(--heading);overflow-wrap:anywhere}
.variant-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px;margin:14px 0 18px}.variant-choice{display:flex!important;flex-direction:column;gap:11px!important;margin:0!important;padding:14px!important;border:1px solid var(--border-soft);border-radius:16px;background:rgba(249,248,251,.72)}.variant-choice-head{display:grid;grid-template-columns:auto minmax(0,1fr);gap:10px;align-items:start}.variant-choice-head input{margin:3px 0 0}.variant-choice-head>span{display:flex;flex-direction:column;gap:3px}.variant-choice-head strong{font-size:13px;font-weight:590;color:var(--heading)}.variant-choice-head small{font-size:10px;line-height:1.45;color:var(--muted)}.variant-name-label{display:flex;flex-direction:column;gap:5px;font-size:10px;font-weight:550;color:var(--muted)}.variant-name-label input{margin:0;min-height:38px}
.print-profile-manage{display:flex;justify-content:flex-end;margin:-3px 0 14px}.print-preset.custom{position:relative}.print-preset em{margin-top:auto;font-size:9px;font-style:normal;font-weight:600;letter-spacing:.055em;text-transform:uppercase;color:var(--muted)}
.printer-set-choice{min-height:44px}.section-gap{margin-top:18px}
.assignment-choice-note{font-size:10px;color:var(--muted)}
@media(max-width:900px){.mini-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.variant-base-summary{grid-template-columns:repeat(2,minmax(0,1fr))}.variant-grid{grid-template-columns:1fr}}
@media(max-width:620px){.mini-card-grid,.check-grid,.variant-base-summary{grid-template-columns:1fr}.print-profile-manage{justify-content:flex-start}}
.variant-choice.is-selected{border-color:rgba(88,79,124,.34);background:linear-gradient(145deg,rgba(246,243,250,.92),rgba(242,249,246,.86))}.variant-choice:not(.is-selected) .variant-name-label{opacity:.58}

/* v0.11.0 – Agentlog technische details */
.log-exception{margin:.65rem 0 0;max-height:22rem;overflow:auto;white-space:pre-wrap;word-break:break-word;font-size:.78rem;line-height:1.45;padding:.8rem;border-radius:10px;background:rgba(15,23,42,.05)}


/* v0.11.1 – compact Agentbeheer */
.agent-removal-form{display:grid;gap:13px;margin-top:14px}.agent-removal-options{display:grid;gap:8px}.agent-removal-choice{display:grid!important;grid-template-columns:18px minmax(0,1fr);gap:10px!important;align-items:start;padding:11px 12px;border:1px solid var(--border-soft);border-radius:13px;background:rgba(250,249,251,.78);cursor:pointer}.agent-removal-choice input[type="radio"]{appearance:auto!important;width:16px!important;height:16px!important;min-width:16px!important;min-height:16px!important;padding:0!important;margin:2px 0 0!important;box-shadow:none!important;accent-color:var(--accent)}.agent-removal-choice span{display:flex;flex-direction:column;gap:2px}.agent-removal-choice strong{font-size:12px;font-weight:600;color:var(--heading)}.agent-removal-choice small{font-size:11px;font-weight:400;line-height:1.4;color:var(--muted)}.agent-removal-form>.button{justify-self:start}.agent-management-card{min-width:0}

/* v0.12.0 · consistent file upload controls */
.nde-file-input{position:absolute!important;width:1px!important;height:1px!important;overflow:hidden!important;clip:rect(0 0 0 0)!important;clip-path:inset(50%)!important;white-space:nowrap!important}
.nde-file-picker{display:flex;align-items:center;gap:12px;width:100%;min-height:48px;margin-top:8px;padding:6px 10px 6px 6px;border:1px solid var(--line,#d8dee8);border-radius:14px;background:rgba(255,255,255,.74);cursor:pointer;transition:border-color .18s ease,box-shadow .18s ease,background .18s ease}
.nde-file-picker:hover,.nde-file-picker:focus{border-color:rgba(51,92,130,.45);box-shadow:0 0 0 3px rgba(60,108,151,.08);outline:none;background:#fff}
.nde-file-picker-button{display:inline-flex;align-items:center;justify-content:center;min-height:36px;padding:0 14px;border-radius:10px;background:#eef3f8;color:#102d49;font-weight:700;white-space:nowrap}
.nde-file-picker.has-file .nde-file-picker-button{background:#e9f4f1}
.nde-file-picker-name{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--muted,#687386);font-size:.92rem}
.driver-upload-progress{margin:12px 0 18px;padding:14px 16px;border:1px solid #dfe6ee;border-radius:14px;background:#f8fafc}
.driver-upload-progress-head{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:8px}
.driver-upload-progress progress{display:block;width:100%;height:8px;margin:0 0 8px}
.driver-upload-progress small{display:block;color:var(--muted,#687386)}

/* v0.12.0 · source selection alignment */
.driver-source-workbench{max-width:900px}
.driver-source-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:22px;align-items:start}
.driver-source-grid>label{margin:0}
.driver-source-grid .help{display:block;min-height:38px;margin-top:8px}
.driver-source-actions{display:flex;justify-content:flex-end;align-items:center;gap:10px;margin-top:22px}

/* v0.12.0 · customer onboarding */
.onboarding-card .onboarding-head{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:18px}
.onboarding-steps{display:grid;gap:8px}
.onboarding-step{display:grid;grid-template-columns:34px minmax(0,1fr) auto;align-items:center;gap:12px;padding:11px 12px;border:1px solid #e3e8ef;border-radius:12px;background:rgba(255,255,255,.65);text-decoration:none;color:inherit}
.onboarding-step:hover{background:#fff;border-color:#cfd9e5}
.onboarding-step-number{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:#edf2f7;color:#17324d;font-weight:800;font-size:.82rem}
.onboarding-step.done .onboarding-step-number{background:#e5f5ee;color:#087247}
.onboarding-step strong{display:block}.onboarding-step small{display:block;color:var(--muted,#687386);margin-top:2px}
.onboarding-step-state{font-size:.82rem;color:var(--muted,#687386);white-space:nowrap}

/* v0.12.0 · agent action overview */
.action-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:16px}
.action-summary .metric{min-height:auto}
.agent-action-type{display:flex;flex-direction:column;gap:3px}.agent-action-type small,.agent-action-context small{color:var(--muted,#687386)}
.agent-action-next{font-weight:650}.agent-action-next small{display:block;font-weight:400;color:var(--muted,#687386);margin-top:3px}

/* v0.12.0 · driver profile state */
.profile-state-card{padding:20px}
.profile-state-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:16px}
.profile-state-badge{display:inline-flex;align-items:center;padding:6px 10px;border-radius:999px;font-size:.82rem;font-weight:750;background:#eef3f8;color:#183550}
.profile-state-badge.ready{background:#e4f5ed;color:#087247}.profile-state-badge.failed{background:#fae9e9;color:#9a2828}.profile-state-badge.pending{background:#fff4db;color:#7c5704}
.profile-source-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:14px}
.profile-source-grid>div{padding:12px;border-radius:12px;background:#f7f9fb;border:1px solid #e5eaf0}.profile-source-grid span{display:block;color:var(--muted,#687386);font-size:.8rem;margin-bottom:4px}.profile-source-grid strong{display:block;overflow-wrap:anywhere}
.profile-progress{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;margin-top:18px}.profile-progress span{padding:8px 10px;border-radius:10px;background:#f1f4f7;color:#6b7480;font-size:.82rem;text-align:center;font-weight:650}.profile-progress span.done{background:#e7f4ee;color:#087247}.profile-progress span.current{background:#eaf0fb;color:#284b83}

@media(max-width:760px){
  .driver-source-grid,.profile-source-grid,.action-summary{grid-template-columns:1fr}
  .driver-source-actions{justify-content:stretch}.driver-source-actions .button,.driver-source-actions button{flex:1}
  .onboarding-card .onboarding-head,.profile-state-head{flex-direction:column}
  .onboarding-step{grid-template-columns:34px minmax(0,1fr)}.onboarding-step-state{grid-column:2}
  .profile-progress{grid-template-columns:1fr 1fr}
  .nde-file-picker{align-items:flex-start;flex-direction:column}.nde-file-picker-name{white-space:normal;overflow-wrap:anywhere}
}

/* v0.12.0 · final alignment for the customer setup checklist */
.customer-onboarding{overflow:hidden}
.customer-onboarding .panel-title{margin-bottom:16px}
.onboarding-list{display:grid;gap:8px}
.onboarding-list .onboarding-step{grid-template-columns:34px minmax(0,1fr) auto}
.onboarding-number{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:#edf2f7;color:#17324d;font-weight:800;font-size:.82rem}
.onboarding-step.done .onboarding-number{background:#e5f5ee;color:#087247}
.onboarding-step>b{font-size:.8rem;color:var(--muted);font-weight:700;white-space:nowrap}

/* v0.12.0 · final alignment for Agent actions */
.agent-action-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:0 0 18px}
.agent-action-summary article{padding:14px 16px;border:1px solid var(--border-soft);border-radius:15px;background:rgba(255,255,255,.72)}
.agent-action-summary span{display:block;font-size:10px;text-transform:uppercase;letter-spacing:.055em;color:var(--muted);margin-bottom:4px}
.agent-action-summary strong{font-size:24px;line-height:1;color:var(--heading)}
.action-error{color:#9a2828!important}

/* v0.12.0 · final driver-profile status/progress */
.profile-state-badge.success{background:#e4f5ed;color:#087247}.profile-state-badge.danger{background:#fae9e9;color:#9a2828}.profile-state-badge.warning{background:#fff4db;color:#7c5704}
.profile-source-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
.profile-progress-step{display:grid;grid-template-columns:18px minmax(0,1fr);align-items:center;gap:8px;padding:9px 10px;border-radius:10px;background:#f1f4f7;color:#6b7480}
.profile-progress-step>span{display:block;width:10px;height:10px;padding:0;border-radius:50%;background:#c7d0da}
.profile-progress-step strong{font-size:.8rem}
.profile-progress-step.current{background:#eaf0fb;color:#284b83}.profile-progress-step.current>span{background:#5578ae}
.profile-progress-step.done{background:#e7f4ee;color:#087247}.profile-progress-step.done>span{background:#2e966b}
.profile-progress-step.failed{background:#fae9e9;color:#9a2828}.profile-progress-step.failed>span{background:#c74848}

@media(max-width:760px){
  .onboarding-list .onboarding-step{grid-template-columns:34px minmax(0,1fr)}
  .onboarding-step>b{grid-column:2}
  .agent-action-summary,.profile-source-grid{grid-template-columns:1fr 1fr}
}
@media(max-width:520px){.agent-action-summary,.profile-source-grid{grid-template-columns:1fr}}


/* v0.12.5 · driverkeuze en review-UX */
.driver-identity-grid{align-items:start}.driver-model-field{display:grid;gap:7px;font-size:12px;color:#304a62;font-weight:480}.driver-model-field>label{display:block;min-height:18px}.driver-model-help{display:block;margin:-7px 0 3px}.nde-combobox{position:relative}.nde-combobox input{padding-right:44px}.nde-combobox-toggle{position:absolute;right:5px;top:5px;width:34px;min-width:34px;height:34px;min-height:34px;padding:0;border:0;border-radius:9px;background:transparent;box-shadow:none;color:#60778d;font-size:18px}.nde-combobox-toggle:hover{background:#eef4f9;box-shadow:none;transform:none}.nde-combobox-menu{position:absolute;z-index:80;left:0;right:0;top:calc(100% + 6px);max-height:310px;overflow:auto;padding:6px;border:1px solid rgba(111,139,166,.27);border-radius:13px;background:rgba(255,255,255,.99);box-shadow:0 18px 42px rgba(15,50,80,.16)}.nde-combobox-option{display:block;width:100%;min-height:36px;padding:8px 10px;border:0;border-radius:9px;background:transparent;box-shadow:none;text-align:left;color:#183650;font-weight:500}.nde-combobox-option:hover,.nde-combobox-option:focus{background:#eef5fb;border:0;box-shadow:none;transform:none;outline:none}.nde-combobox-more,.nde-combobox-empty{padding:9px 10px;color:var(--muted);font-size:10px}.wizard-driver-picker{display:grid;gap:13px;padding:16px;border:1px solid var(--border-soft);border-radius:16px;background:rgba(248,251,253,.78)}.wizard-driver-picker-head{display:flex;align-items:flex-start;justify-content:space-between;gap:15px}.wizard-driver-picker-head>div:first-child{display:flex;flex-direction:column;gap:3px}.wizard-driver-picker-head strong{color:var(--heading);font-size:13px}.wizard-driver-picker-head small{color:var(--muted);font-size:10px}.wizard-driver-actions{justify-content:flex-end}.wizard-driver-state{display:grid;gap:14px;padding:17px;border:1px solid var(--border-soft);border-radius:16px;background:linear-gradient(145deg,rgba(248,251,253,.92),rgba(246,248,251,.88))}.wizard-driver-state>p{margin:0;color:var(--muted)}.wizard-existing-drivers{display:grid;gap:9px}.wizard-existing-driver{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:12px;align-items:center;padding:12px 13px;border:1px solid var(--border-soft);border-radius:13px;background:rgba(255,255,255,.8)}.wizard-existing-driver>div{display:flex;flex-direction:column;min-width:0}.wizard-existing-driver strong{font-size:12px;color:var(--heading);overflow-wrap:anywhere}.wizard-existing-driver small{margin-top:2px;color:var(--muted);font-size:10px}.wizard-existing-driver form{display:block}.driver-package-files{margin-top:0;padding-top:0;border-top:0}.driver-package-files>summary{font-size:12px;color:#40586f}.driver-package-files .table-scroll{margin-top:12px;max-height:420px;overflow:auto}
@media(max-width:760px){.wizard-driver-picker-head{flex-direction:column}.wizard-driver-actions{justify-content:flex-start}.wizard-existing-driver{grid-template-columns:1fr}.wizard-existing-driver .status{justify-self:start}}

/* v0.12.6 · afgeleide drivermetadata */
.readonly-field{min-height:42px;display:flex;align-items:center;padding:10px 12px;border:1px solid var(--line,#dbe2ea);border-radius:12px;background:rgba(244,247,250,.72);color:var(--ink,#17324d);line-height:1.45}

/* v0.12.8 · compacte technische disclosure en driveruitgever */
.detail-disclosure{margin-top:16px;border:1px solid var(--border-soft);border-radius:14px;background:rgba(249,250,252,.72);overflow:hidden}
.detail-disclosure>summary{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:13px 15px;cursor:pointer;list-style:none;color:var(--heading);font-weight:570}
.detail-disclosure>summary::-webkit-details-marker{display:none}
.detail-disclosure>summary::after{content:'+';display:grid;place-items:center;width:24px;height:24px;flex:0 0 24px;border-radius:8px;background:#eef3f7;color:#64788b;font-size:16px;font-weight:500}
.detail-disclosure[open]>summary::after{content:'−'}
.detail-disclosure>summary>span{min-width:0}
.detail-disclosure>summary>small{margin-left:auto;color:var(--muted);font-size:10px;font-weight:450}
.detail-disclosure[open]>summary{border-bottom:1px solid var(--border-soft);background:rgba(245,248,250,.72)}
.detail-disclosure-body{padding:4px 15px 13px}
.technical-facts{display:block;margin:0}
.technical-facts>div{display:grid;grid-template-columns:minmax(130px,175px) minmax(0,1fr);gap:16px;padding:10px 0;border-bottom:1px solid var(--border-soft)}
.technical-facts>div:last-child{border-bottom:0}
.technical-facts dt{color:var(--muted);font-size:11px;font-weight:560}
.technical-facts dd{min-width:0;margin:0;color:var(--text);overflow-wrap:anywhere}
.technical-facts code.hash{display:inline;white-space:normal;word-break:break-all}
.technical-panel{padding:0;overflow:hidden}
.technical-panel>.detail-disclosure{margin:0;border:0;border-radius:inherit;background:transparent}
.publisher-identity{display:flex;flex-direction:column;gap:4px;margin:16px 0 0;padding:15px 16px;border:1px solid rgba(97,84,143,.13);border-radius:14px;background:linear-gradient(145deg,rgba(248,246,251,.86),rgba(245,249,248,.82))}
.publisher-identity span{font-size:10px;text-transform:uppercase;letter-spacing:.055em;color:var(--muted)}
.publisher-identity strong{font-size:13px;font-weight:590;color:var(--heading);overflow-wrap:anywhere}
.publisher-actions{display:block;margin-top:16px}
.publisher-approval-form{display:grid;gap:13px;width:100%;max-width:760px}
.approval-explainer{padding:13px 14px;border:1px solid rgba(196,142,65,.17);border-radius:13px;background:rgba(255,249,238,.74)}
.approval-explainer strong{display:block;margin-bottom:4px;color:var(--heading);font-size:12px}
.approval-explainer p{margin:0;color:var(--muted);font-size:11px;line-height:1.55}
.publisher-approval-form .check{margin:0}
.publisher-approval-form button{justify-self:start}
@media(max-width:650px){.detail-disclosure>summary{align-items:flex-start}.detail-disclosure>summary>small{display:none}.technical-facts>div{grid-template-columns:1fr;gap:3px}.publisher-approval-form button{width:100%;justify-self:stretch}}


/* v0.12.9 profile, preferences and destructive-action UX */
.profile-grid{grid-template-columns:minmax(270px,.9fr) minmax(430px,1.25fr) minmax(250px,.8fr);align-items:stretch}
.profile-grid>.panel{min-width:0}.profile-summary-card{align-self:stretch;min-height:210px}.profile-summary-card>div:last-child{min-width:0}.profile-summary-card p{overflow-wrap:anywhere}
.account-card .details{grid-template-columns:1fr 1fr}.account-card .details>div{grid-template-columns:minmax(105px,135px) minmax(0,1fr)}
.product-card .details{grid-template-columns:1fr}.product-card .details>div{grid-template-columns:minmax(115px,135px) minmax(0,1fr)}.product-card .details dd{overflow-wrap:normal;word-break:normal;white-space:normal}.product-card .help{margin-top:12px}
.notification-preferences-card{max-width:880px}.notification-preferences-card form{display:grid;gap:18px}.notification-preferences-card .notification-list{gap:10px;margin:0}
.notification-preferences-card .notification-person{display:grid!important;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:14px;padding:14px 16px;background:linear-gradient(145deg,rgba(255,255,255,.92),rgba(247,249,252,.94));transition:.16s ease}
.notification-preferences-card .notification-person:hover{border-color:rgba(47,111,173,.24);background:#fff}.notification-preferences-card .notification-person input{appearance:none;width:42px;height:24px;margin:0;border:1px solid rgba(94,116,139,.28);border-radius:999px;background:#dfe6ed;position:relative;cursor:pointer;flex:0 0 auto;transition:.18s ease}
.notification-preferences-card .notification-person input::after{content:"";position:absolute;width:18px;height:18px;left:2px;top:2px;border-radius:50%;background:#fff;box-shadow:0 2px 6px rgba(31,46,61,.18);transition:.18s ease}.notification-preferences-card .notification-person input:checked{background:linear-gradient(135deg,#66569b,#337f7e);border-color:transparent}.notification-preferences-card .notification-person input:checked::after{transform:translateX(18px)}
.notification-preferences-card .notification-person strong{font-size:12px;color:var(--heading)}.notification-preferences-card .notification-person small{font-size:10px}.notification-preferences-card button.primary{justify-self:start;min-width:190px}
.security-card{max-width:900px}.security-card .security-status{align-items:center;padding-bottom:14px;margin-bottom:18px;border-bottom:1px solid var(--border-soft)}.security-card .security-status h2{margin:0 0 4px}.security-card form{max-width:680px}.security-card form>label{max-width:680px}.security-card form>button.primary,.security-card .actions{margin-top:12px}.security-card button.primary{min-width:175px}
.preference-management-card{max-width:980px}.preference-toggle{display:grid!important;grid-template-columns:auto minmax(0,1fr);gap:14px;align-items:start;padding:15px 16px;border:1px solid var(--border-soft);border-radius:14px;background:linear-gradient(145deg,#fbfcfe,#f7f8fb);cursor:pointer}.preference-toggle>input{position:absolute;opacity:0;pointer-events:none}.preference-toggle-control{width:44px;height:25px;margin-top:1px;border-radius:999px;background:#dce4eb;border:1px solid rgba(83,105,126,.2);position:relative;transition:.18s ease}.preference-toggle-control::after{content:"";position:absolute;width:19px;height:19px;left:2px;top:2px;border-radius:50%;background:#fff;box-shadow:0 2px 7px rgba(22,45,67,.18);transition:.18s ease}.preference-toggle>input:checked+.preference-toggle-control{background:linear-gradient(135deg,#66569b,#337f7e);border-color:transparent}.preference-toggle>input:checked+.preference-toggle-control::after{transform:translateX(19px)}.preference-toggle strong{display:block;color:var(--heading);font-size:12px}.preference-toggle small{display:block;margin-top:5px;color:var(--muted);font-size:10px;line-height:1.55}.preference-management-card .form-actions{margin-top:14px}
.nde-confirm-backdrop[hidden]{display:none}.nde-confirm-backdrop{position:fixed;inset:0;z-index:200;display:grid;place-items:center;padding:20px;background:rgba(11,24,38,.36);backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px)}.nde-confirm-dialog{width:min(470px,100%);padding:22px;border:1px solid rgba(96,116,137,.22);border-radius:18px;background:#fff;box-shadow:0 28px 85px rgba(10,28,45,.25)}.nde-confirm-dialog h2{margin:0 0 7px;font-size:19px}.nde-confirm-dialog p{margin:0;color:var(--muted)}.nde-confirm-actions{display:flex;justify-content:flex-end;gap:9px;margin-top:20px}
@media(max-width:1180px){.profile-grid{grid-template-columns:1fr 1fr}.product-card{grid-column:1/-1}.product-card .details{grid-template-columns:1fr 1fr}}
@media(max-width:760px){.profile-grid{grid-template-columns:1fr}.product-card{grid-column:auto}.account-card .details,.product-card .details{grid-template-columns:1fr}.notification-preferences-card button.primary{width:100%}.security-card{max-width:none}.preference-toggle{grid-template-columns:auto minmax(0,1fr)}}

/* v0.12.12 customer lifecycle */
.view-filter{display:flex;gap:.55rem;flex-wrap:wrap;margin:0 0 1rem}.view-filter .button.active{box-shadow:inset 0 0 0 2px currentColor}.danger-zone{margin-top:1.25rem;border-color:rgba(177,58,58,.28)}.danger-zone-actions{display:flex;gap:.65rem;flex-wrap:wrap}.danger-permanent{margin-top:1.15rem;padding-top:1.15rem;border-top:1px solid var(--line)}.danger-permanent h3{margin:.2rem 0 .55rem}.danger-permanent form{max-width:620px;margin-top:1rem}.wipe-summary{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:.5rem .9rem;padding:0;margin:1rem 0;list-style:none}.wipe-summary li{display:flex;justify-content:space-between;gap:.75rem;padding:.55rem .7rem;border:1px solid var(--line);border-radius:12px;background:var(--surface-soft)}.wipe-summary strong{font-variant-numeric:tabular-nums}.danger-permanent button[disabled]{opacity:.45;cursor:not-allowed}
@media (max-width:720px){.wipe-summary{grid-template-columns:1fr}.danger-permanent form{max-width:none}}

/* v0.12.13 · rustige lokale navigatie, klantenbeheer en uitrolstatus */
.workspace-tabs{display:flex;align-items:center;gap:1.35rem;overflow-x:auto;margin:-.2rem 0 1.15rem;padding:0;border:0;border-bottom:1px solid var(--border-soft);border-radius:0;background:transparent;scrollbar-width:none}
.workspace-tabs::-webkit-scrollbar{display:none}.workspace-tabs a{position:relative;flex:0 0 auto;padding:.65rem 0 .78rem;border-radius:0;text-decoration:none;color:var(--muted);font-weight:620;white-space:nowrap;background:transparent!important;box-shadow:none!important}.workspace-tabs a:hover{color:var(--heading)}.workspace-tabs a.active{color:var(--heading)}.workspace-tabs a.active::after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:2px;border-radius:2px;background:currentColor}
.status-filter{display:flex;align-items:center;gap:1.1rem;margin:0 0 1rem;border-bottom:1px solid var(--border-soft);overflow-x:auto;scrollbar-width:none}.status-filter::-webkit-scrollbar{display:none}.status-filter a{position:relative;display:inline-flex;padding:.5rem 0 .72rem;color:var(--muted);font-size:12px;font-weight:620;text-decoration:none;white-space:nowrap}.status-filter a:hover,.status-filter a.active{color:var(--heading)}.status-filter a.active::after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:2px;border-radius:2px;background:currentColor}
.compact-head{margin-bottom:.8rem}.customer-list-panel{padding-top:18px}.customer-list-panel table td,.customer-list-panel table th{vertical-align:middle}.customer-list-panel .row-actions{width:1%;white-space:nowrap}
.compact-alert{margin:0 0 1rem;padding:12px 14px}.danger-zone{overflow:hidden}.danger-zone>.panel-title{margin-bottom:.8rem}.secondary-danger{background:transparent}.danger-permanent{display:grid;grid-template-columns:minmax(260px,.85fr) minmax(320px,1.15fr);gap:1.5rem 2rem;align-items:start}.danger-copy{min-width:0}.danger-copy p{max-width:650px}.compact-wipe{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:0}.compact-wipe>div{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 12px;border:1px solid var(--border-soft);border-radius:11px;background:var(--surface-soft)}.compact-wipe span{font-size:11px;color:var(--muted)}.compact-wipe strong{font-size:13px;font-variant-numeric:tabular-nums}.permanent-delete-form{grid-column:1/-1;display:grid;grid-template-columns:minmax(260px,1fr) auto;gap:10px 12px;align-items:end;max-width:none!important;margin-top:0!important;padding-top:1rem;border-top:1px solid var(--border-soft)}.permanent-delete-form label{margin:0}.permanent-delete-form label>span{display:block;margin-bottom:6px;font-size:11px;color:var(--muted)}.permanent-delete-form input{margin:0}.permanent-delete-form button{min-height:42px}.danger-permanent .detail-disclosure{margin-top:12px}
.deployment-panel .table-tools{margin-bottom:0}.deployment-table{table-layout:auto}.deployment-table .computer-cell{min-width:180px;white-space:nowrap}.deployment-table .time-cell{min-width:165px;white-space:nowrap}.deployment-table .result-copy{font-weight:570;white-space:nowrap}.deployment-table .row-actions{width:1%;min-width:160px}.deployment-note{display:block;max-width:280px;margin-top:6px;color:var(--muted);font-size:10px;line-height:1.4;white-space:normal}.deployment-table td{vertical-align:middle}
@media(max-width:760px){.workspace-tabs{gap:1rem;margin-left:0;margin-right:0}.status-filter{gap:1rem}.danger-permanent{grid-template-columns:1fr}.compact-wipe{grid-template-columns:1fr 1fr}.permanent-delete-form{grid-template-columns:1fr}.permanent-delete-form button{width:100%}.deployment-table .computer-cell{min-width:150px}.deployment-table .row-actions{min-width:130px}}
@media(max-width:480px){.compact-wipe{grid-template-columns:1fr}}

/* v0.12.13 · laatste UI-afwerking op basis van praktijkschermen */
.workspace-tabs{width:max-content;max-width:100%;gap:1.2rem;margin:-.3rem 0 1.25rem;border-bottom:0}
.workspace-tabs a{padding:.42rem 0 .62rem;font-size:12px}
.workspace-tabs a.active::after{bottom:0}
.status-filter{width:max-content;max-width:100%;gap:1.05rem;margin:0 0 14px;border-bottom:0}
.status-filter a{padding:.38rem 0 .58rem}
.status-filter a.active::after{bottom:0}
.customer-list-panel,.deployment-panel{padding:0}
.customer-list-panel .table-tools,.deployment-panel .table-tools{margin:0;padding:16px 18px;border-bottom:1px solid var(--border-soft)}
.customer-list-panel .table-scroll,.deployment-panel .table-scroll{margin:0}
.customer-list-panel th,.customer-list-panel td,.deployment-panel th,.deployment-panel td{padding-top:13px;padding-bottom:13px}
.danger-zone{padding:22px 24px}
.danger-zone-actions{padding-bottom:2px}
@media(max-width:650px){.workspace-tabs{margin-top:-.15rem}.customer-list-panel .table-tools,.deployment-panel .table-tools{padding:14px}.danger-zone{padding:19px}}

/* v0.12.14 — consistente lokale navigatie, kaartafstand en doorzoekbare selectors */
.select-filter-search{display:block;width:100%;margin:0;padding:10px 12px;border:1px solid var(--border);border-radius:10px;background:#fff;font:inherit;color:var(--text)}
.select-filter-search:focus{outline:0;border-color:rgba(45,114,179,.45);box-shadow:0 0 0 3px rgba(45,114,179,.08)}
.dashboard-grid,.workspace-grid{gap:24px}.profile-grid{gap:22px}.info-grid,.platform-links{gap:20px}.section-gap{margin-top:24px}

/* v0.12.15: consistent header actions and customer printer-port management */
.page-actions{display:flex;align-items:center;justify-content:flex-end;gap:9px;flex-wrap:wrap;align-self:flex-start}
.page-actions form{margin:0;display:flex}
.page-actions .danger,.inline-actions .danger{border-color:rgba(174,64,64,.25);color:#a13535;background:rgba(255,249,249,.92)}
.page-actions .danger:hover,.inline-actions .danger:hover{border-color:rgba(174,64,64,.42);background:#fff5f5;color:#8f2929}
.port-usage{min-width:180px}.port-usage strong,.port-usage small{display:block}.port-usage small{max-width:320px;margin-top:3px;color:var(--muted);font-size:10px;line-height:1.4;white-space:normal}
.deployment-detail-summary{grid-template-columns:repeat(2,minmax(0,1fr))}
.technical-operation-table{margin-top:14px}
@media(max-width:650px){.page-actions{width:100%;justify-content:flex-start}.page-actions .button,.page-actions button{width:auto}.deployment-detail-summary{grid-template-columns:1fr}.port-usage{min-width:150px}}
.workspace-tabs span.disabled{position:relative;flex:0 0 auto;padding:.42rem 0 .62rem;font-size:12px;font-weight:620;white-space:nowrap;color:var(--muted);opacity:.48;cursor:not-allowed}

/* v0.12.24 – consistente wizard, protocolvelden en Agent-voortgang */
.wizard-steps{grid-template-columns:repeat(8,minmax(0,1fr))}
.protocol-fields{margin-top:12px}
.protocol-fields[hidden]{display:none!important}
.protocol-fields .field-grid{align-items:start}
.detail-grid{display:grid;grid-template-columns:1fr;gap:0;margin:0}
.detail-grid>div{display:grid;grid-template-columns:minmax(145px,190px) minmax(0,1fr);gap:22px;align-items:baseline;padding:10px 0;border-bottom:1px solid var(--border-soft)}
.detail-grid>div:last-child{border-bottom:0}
.detail-grid>div>span{color:var(--muted);font-size:11px;font-weight:520}
.detail-grid>div>strong{min-width:0;color:var(--heading);font-size:12px;font-weight:590;overflow-wrap:anywhere}
.agent-wait{margin:14px 0;padding:16px 17px;border:1px solid rgba(82,106,142,.14);border-radius:16px;background:linear-gradient(145deg,rgba(247,248,252,.96),rgba(240,247,246,.92));box-shadow:0 8px 22px rgba(30,54,77,.035)}
.agent-wait-copy{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.agent-wait-copy>div{display:flex;flex-direction:column;gap:2px}.agent-wait-kicker{font-size:9px;line-height:1.2;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);font-weight:650}.agent-wait-copy strong{font-size:13px;font-weight:600;color:var(--heading)}.agent-wait-copy small{font-size:9px;color:var(--muted);white-space:nowrap}.agent-wait>p{margin:8px 0 12px;color:var(--muted);font-size:11px;line-height:1.5}
.agent-wait-bar{position:relative;height:7px;overflow:hidden;border-radius:999px;background:rgba(94,116,139,.12)}.agent-wait-bar>span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#6659aa,#397b7e);transition:width .28s ease}
.agent-wait-steps{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:7px;margin-top:11px}.agent-wait-step{display:flex;align-items:center;gap:7px;min-width:0;padding:7px 9px;border-radius:10px;background:rgba(255,255,255,.58);color:var(--muted);font-size:9px;font-weight:520}.agent-wait-step i{width:7px;height:7px;flex:0 0 7px;border-radius:50%;background:#aab5bf}.agent-wait-step.done{color:#247158}.agent-wait-step.done i{background:#37906e}.agent-wait-step.current{color:#3e567d;background:rgba(235,240,250,.86)}.agent-wait-step.current i{background:#5c6ea5;box-shadow:0 0 0 4px rgba(92,110,165,.10)}
@media(max-width:900px){.wizard-steps{grid-template-columns:repeat(8,minmax(0,1fr))}.wizard-steps::before{left:6%;right:6%}}
@media(max-width:650px){.detail-grid>div{grid-template-columns:1fr;gap:3px}.agent-wait-copy{flex-direction:column;gap:6px}.agent-wait-copy small{white-space:normal}.agent-wait-steps{grid-template-columns:1fr}.wizard-steps{column-gap:0}.wizard-steps li>span{width:27px;height:27px;box-shadow:0 0 0 3px rgba(238,244,249,.94)}}
@media(prefers-reduced-motion:reduce){.agent-wait-bar>span{transition:none}}

/* v0.12.25 – rustige Agentstatus, consistente acties en veilige historie-reset */
.agent-wait-timing{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-top:9px;font-size:10px}.agent-wait-timing strong{color:var(--heading);font-weight:620}.agent-wait-timing span{color:var(--muted);text-align:right}.user-row-actions{min-width:205px;max-width:340px;justify-content:flex-end;flex-wrap:wrap}.user-row-actions>a,.user-row-actions>form>button{min-width:92px;text-align:center}.wizard-actions-split{justify-content:space-between}.wizard-actions-split .wizard-action-next{margin-left:auto}.history-reset-card{margin-top:20px;border-color:rgba(176,113,72,.22);background:linear-gradient(145deg,rgba(255,252,248,.96),rgba(251,248,246,.92))}.history-reset-card .wipe-summary{margin:14px 0}.history-reset-form{display:grid;grid-template-columns:minmax(220px,1fr) auto;align-items:end;gap:12px;margin-top:14px}.history-reset-form label{margin:0}.history-reset-note{font-size:10px;color:var(--muted);margin-top:8px}.agent-wait-step.current{box-shadow:inset 0 0 0 1px rgba(92,110,165,.08)}
@media(max-width:760px){.user-row-actions{min-width:0;flex-wrap:wrap}.history-reset-form{grid-template-columns:1fr}.history-reset-form button{width:100%}.agent-wait-timing{align-items:flex-start;flex-direction:column;gap:3px}.agent-wait-timing span{text-align:left}.wizard-actions-split{justify-content:stretch}.wizard-actions-split .wizard-action-next{margin-left:0}}