:root{
  --surface:#0b1117;--surface-2:#101922;--surface-3:#15222d;--surface-4:#192a36;
  --border:#243744;--border-strong:#355264;--accent:#64dcff;--accent-2:#46b9e6;
  --ok:#55d98b;--warn:#ffca6a;--danger:#ff7474;--info:#8eb6ff;
}
select,input,textarea{
  appearance:none;-webkit-appearance:none;background:linear-gradient(180deg,#101820,#0b1218)!important;
  color:#edf6fb!important;border:1px solid var(--border)!important;border-radius:10px!important;
  min-height:40px;padding:9px 12px!important;outline:none!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.035)!important;
}
select{
  background-image:linear-gradient(45deg,transparent 50%,#8fb4c7 50%),linear-gradient(135deg,#8fb4c7 50%,transparent 50%),linear-gradient(180deg,#101820,#0b1218)!important;
  background-position:calc(100% - 17px) 17px,calc(100% - 12px) 17px,0 0!important;
  background-size:5px 5px,5px 5px,100% 100%!important;background-repeat:no-repeat!important;padding-right:34px!important;
}
select option{background:#101820;color:#edf6fb}
input[type="file"]{padding:5px!important}
input[type="file"]::file-selector-button{
  border:1px solid #31536a;border-radius:8px;padding:7px 11px;margin-right:10px;color:#daf6ff;
  background:linear-gradient(180deg,#173244,#0d1c27);font-weight:700;cursor:pointer;
}
label{display:flex;flex-direction:column;gap:6px;color:#9eb0bc;font-size:11px;font-weight:650;letter-spacing:.02em}
label input,label select,label textarea{font-size:13px;font-weight:500}
input[type="checkbox"],input[type="radio"]{appearance:auto!important;-webkit-appearance:auto!important;min-height:auto!important;width:auto!important;padding:0!important;accent-color:#64dcff;box-shadow:none!important}
input:focus,select:focus,textarea:focus{border-color:#4ea6c9!important;box-shadow:0 0 0 3px rgba(86,216,255,.09)!important}
.grid2{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:14px!important;align-items:start}
.card{border-color:#263946!important;box-shadow:0 14px 34px rgba(0,0,0,.28),inset 0 1px 0 rgba(255,255,255,.035)!important}
.kpis article{transition:transform .16s ease,border-color .16s ease;min-height:112px}.kpis article small{display:block;margin-top:6px;color:#728692;font-size:10px;font-weight:600}.kpis article[data-quality-filter],.kpis article[data-vuln-quick]{cursor:pointer}
.kpis article:hover{transform:translateY(-2px);border-color:#3b5869}
.kpis article:nth-child(4n+1){box-shadow:inset 0 2px 0 rgba(100,220,255,.48),0 14px 34px rgba(0,0,0,.24)!important}
.kpis article:nth-child(4n+2){box-shadow:inset 0 2px 0 rgba(85,217,139,.42),0 14px 34px rgba(0,0,0,.24)!important}
.kpis article:nth-child(4n+3){box-shadow:inset 0 2px 0 rgba(255,202,106,.40),0 14px 34px rgba(0,0,0,.24)!important}
.kpis article:nth-child(4n+4){box-shadow:inset 0 2px 0 rgba(142,182,255,.42),0 14px 34px rgba(0,0,0,.24)!important}
.page-head{align-items:center!important;margin-bottom:20px!important}
.page-head h1{font-weight:700!important}
.enterprise-toolbar{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:0 0 12px}
.enterprise-toolbar .grow{flex:1;min-width:180px}
.enterprise-toolbar input,.enterprise-toolbar select{min-height:36px;padding:7px 10px!important}
.enterprise-panel{background:linear-gradient(145deg,#101923,#0a1016);border:1px solid var(--border);border-radius:14px;overflow:hidden}
.enterprise-panel-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 14px;cursor:pointer;background:linear-gradient(180deg,#13202a,#0d151c);border-bottom:1px solid rgba(255,255,255,.035)}
.enterprise-panel-head:hover{background:linear-gradient(180deg,#172632,#0e1820)}
.enterprise-panel-head h3{font-size:13px;letter-spacing:.01em}
.enterprise-panel-meta{display:flex;gap:8px;align-items:center;color:#8496a3;font-size:11px}
.enterprise-panel-body{padding:12px 14px}
.enterprise-panel.collapsed .enterprise-panel-body{display:none}
.enterprise-chevron{width:24px;height:24px;display:grid;place-items:center;border-radius:7px;border:1px solid #2d414f;background:#0a1117;color:#9fdcf3}
.enterprise-panel.collapsed .enterprise-chevron{transform:rotate(-90deg)}
.table-shell{border:1px solid #1e2d37;border-radius:12px;overflow:hidden;background:#090e13}
.table-shell table{margin:0}
.table-shell thead th{position:sticky;top:0;z-index:1;background:#0d151c}
.table-shell tbody tr{cursor:default}
.table-shell tbody tr:nth-child(even){background:rgba(255,255,255,.012)}
.table-pager{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 12px;border-top:1px solid #1e2d37;background:#0b1116;color:#8697a3;font-size:11px}
.pager-buttons{display:flex;gap:6px}
.mini-btn{border:1px solid #2c414f;background:#101a22;color:#d9e8f0;border-radius:7px;padding:6px 9px;cursor:pointer;font-size:11px}
.mini-btn:disabled{opacity:.35;cursor:not-allowed}
.metric-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.metric-card{position:relative;overflow:hidden;padding:15px;border-radius:14px;border:1px solid #243745;background:linear-gradient(145deg,#111b24,#0a1016);cursor:pointer;transition:.16s ease}
.metric-card:hover{transform:translateY(-1px);border-color:#3d6072}
.ops-kpi-link{cursor:pointer;outline:none}
.ops-kpi-link:hover,.ops-kpi-link:focus{border-color:#4f829a;box-shadow:0 0 0 1px rgba(100,220,255,.18),0 10px 24px rgba(0,0,0,.22)}
.ops-kpi-link small{display:block;margin-top:5px;color:#7f96a4;font-size:10px}
.metric-card .metric-label{font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:#82939f;font-weight:750}
.metric-card .metric-value{font-size:28px;font-weight:720;margin-top:7px}
.metric-card .metric-sub{font-size:11px;color:#73848f;margin-top:3px}
.metric-card:after{content:"";position:absolute;width:90px;height:90px;border-radius:50%;right:-34px;top:-40px;background:radial-gradient(circle,rgba(86,216,255,.18),transparent 68%)}
.chart-interactive{position:relative;min-height:190px}
.chart-legend{display:flex;gap:8px;flex-wrap:wrap;margin-top:8px}
.chart-chip{display:flex;gap:6px;align-items:center;border:1px solid #2d414f;border-radius:999px;padding:5px 8px;color:#9eafba;font-size:10px;cursor:pointer}
.chart-chip:hover{border-color:#4f829a;color:#eaf8ff}
.chart-chip .swatch{width:8px;height:8px;border-radius:50%}
.drawer{position:fixed;top:0;right:0;height:100vh;width:min(520px,94vw);z-index:100;background:linear-gradient(180deg,#0c131a,#080d12);border-left:1px solid #2b414f;box-shadow:-28px 0 70px rgba(0,0,0,.55);transform:translateX(102%);transition:.2s ease;overflow:auto}
.drawer.open{transform:none}
.drawer-head{position:sticky;top:0;z-index:2;display:flex;justify-content:space-between;align-items:center;padding:16px 18px;background:rgba(11,17,23,.95);backdrop-filter:blur(12px);border-bottom:1px solid #20313d}
.drawer-body{padding:18px}
.drawer-grid{display:grid;grid-template-columns:1fr 1fr;gap:11px}
.drawer-section{margin-top:18px;padding-top:14px;border-top:1px solid #1e2d37}
.action-row{display:flex;gap:8px;flex-wrap:wrap}
.status-badge{display:inline-flex;align-items:center;gap:6px;border-radius:999px;padding:5px 8px;border:1px solid #2a3d49;font-size:10px;font-weight:700}
.status-badge.ok{color:#8bf1b5;border-color:#285d3f;background:#0a1710}
.status-badge.warn{color:#ffd580;border-color:#644b21;background:#181207}
.status-badge.danger{color:#ff9e9e;border-color:#673337;background:#1a0d0f}
.status-badge.info{color:#a8c6ff;border-color:#344c75;background:#0c1320}
.empty-state{padding:28px;text-align:center;color:#71828e}
.filter-chip-row{display:flex;gap:7px;flex-wrap:wrap;margin:0 0 12px}
.filter-chip{border:1px solid #293e4b;background:#0d151c;color:#9caeba;border-radius:999px;padding:6px 10px;cursor:pointer;font-size:11px}
.filter-chip.active{color:#e9fbff;border-color:#4e8299;background:#102430}
.timeline{display:grid;gap:8px}
.timeline-item{display:grid;grid-template-columns:10px 150px 1fr auto;gap:10px;align-items:start;padding:10px;border:1px solid #1f303b;border-radius:10px;background:#0b1218}
.timeline-dot{width:8px;height:8px;border-radius:50%;margin-top:5px;background:#5bc9ef}
.timeline-time{font-size:11px;color:#7f909c}
.timeline-main{font-size:12px}
.timeline-meta{font-size:10px;color:#758692}
details.enterprise-group{border:1px solid #233540;border-radius:11px;background:#0b1218;margin-bottom:8px;overflow:hidden}
details.enterprise-group>summary{list-style:none;cursor:pointer;padding:11px 13px;display:flex;align-items:center;justify-content:space-between;gap:12px;background:#0e171e}
details.enterprise-group>summary::-webkit-details-marker{display:none}
details.enterprise-group[open]>summary{border-bottom:1px solid #20313b;background:#11202a}
details.enterprise-group .group-body{padding:10px 12px}
.device-summary{display:grid;grid-template-columns:minmax(180px,1.4fr) repeat(4,minmax(90px,.7fr)) auto;gap:10px;align-items:center}
.device-name{font-weight:700;color:#eef8fc}
.device-link{appearance:none;border:0;background:transparent;color:#eaf8ff;font:inherit;font-weight:750;padding:0;cursor:pointer;text-align:left}.device-link:hover{color:#64dcff;text-decoration:underline}
.device-sub{font-size:10px;color:#748691;margin-top:2px}
.owner-card{display:grid;grid-template-columns:42px 1fr;gap:10px;align-items:center;padding:10px;border:1px solid #22333e;border-radius:11px;background:#0b1218}
.owner-avatar{width:42px;height:42px;border-radius:11px;display:grid;place-items:center;background:linear-gradient(145deg,#17354a,#0c1b26);color:#77dfff;font-weight:800}
.ops-cockpit{display:grid;grid-template-columns:minmax(320px,.72fr) minmax(0,1.65fr);gap:16px;margin-bottom:16px;align-items:start}
.ops-attention{position:sticky;top:74px;max-height:calc(100vh - 96px);overflow:auto}
.ops-analytics{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.ops-analytics>.card{min-width:0;overflow:hidden;contain:layout paint}
.grid2>.card{min-width:0;overflow:hidden}
#view-quality .grid2{min-width:0}
#view-quality #chart-quality{width:100%!important;height:150px!important;min-height:150px!important;max-height:150px!important;min-width:0!important}
.ops-analytics>.card:last-child{grid-column:1/-1}
.ops-analytics canvas{width:100%!important;height:210px!important;min-height:210px!important;max-height:210px!important;aspect-ratio:auto!important;flex:none}
.action-center-list{display:grid;gap:9px}.action-center-item{display:grid;grid-template-columns:42px minmax(0,1fr) auto;gap:11px;align-items:center;border:1px solid #263a46;border-radius:12px;padding:11px;background:linear-gradient(145deg,#0c151c,#090f14)}
.action-center-count{width:42px;height:42px;border-radius:11px;display:grid;place-items:center;font-size:18px;font-weight:800;background:#122633;color:#7ee4ff}.action-center-item.warn .action-center-count{background:#2a2110;color:#ffd477}.action-center-item.danger .action-center-count{background:#2c1417;color:#ff9696}.action-center-title{font-weight:760;font-size:12px}.action-center-sub{font-size:10px;color:#7f919d;margin-top:3px}
.hero-workbench{display:grid;grid-template-columns:1.2fr .8fr;gap:14px;margin-bottom:16px}
.workbench-panel{border:1px solid #243744;border-radius:15px;background:linear-gradient(145deg,#101922,#090f14);padding:16px}
.workbench-title{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-bottom:12px}
.workbench-title h2{font-size:16px}
.native-hidden{display:none!important}
@media(max-width:1100px){.metric-grid{grid-template-columns:repeat(2,1fr)}.ops-cockpit{grid-template-columns:1fr}.ops-attention{position:static;max-height:none}.hero-workbench{grid-template-columns:1fr}.device-summary{grid-template-columns:1fr 1fr}}
@media(max-width:700px){.metric-grid{grid-template-columns:1fr}.drawer-grid{grid-template-columns:1fr}.device-summary{grid-template-columns:1fr}}

/* pre-acceptance operational UX hardening */
.top .search{display:flex!important;align-items:center;gap:8px;border:0!important;background:transparent!important;box-shadow:none!important;}
.top .search input{flex:1;min-width:0;border:1px solid rgba(116,216,232,.55)!important;box-shadow:none!important;background:#17323c!important;}
.top .search .search-submit{flex:0 0 auto;min-width:82px;}
.enterprise-toolbar{display:flex!important;align-items:center;gap:8px;flex-wrap:wrap;}
.enterprise-toolbar .grow{flex:1 1 320px;min-width:220px;}
.ec-search-btn{flex:0 0 auto;}
.kpis article[tabindex],.metric-card[data-mon-kpi],#view-users .kpis article,#view-governance .kpis article,[data-agent-kpi]{cursor:pointer;transition:border-color .15s ease,transform .15s ease;}
.kpis article[tabindex]:hover,#view-users .kpis article:hover,#view-governance .kpis article:hover,[data-agent-kpi]:hover{border-color:rgba(100,220,255,.8)!important;transform:translateY(-1px);}
.enterprise-chevron{font-size:0!important;min-width:74px;display:inline-flex;justify-content:center;}
.enterprise-chevron::after{content:"View";font-size:11px;font-weight:700;letter-spacing:.02em;border:1px solid rgba(155,211,224,.45);border-radius:8px;padding:4px 8px;color:#dff7fb;background:rgba(11,35,43,.55);}
#clipboard-buffer{min-height:86px;}
#view-approvals td:last-child{white-space:nowrap;}
#view-software .card,#view-scripts .card{overflow:visible;}