/* Enterprise One UI refinement — v10 */
:root{--radius-card:16px;--focus:0 0 0 3px color-mix(in srgb,var(--primary) 24%,transparent)}
html{scroll-behavior:smooth;scroll-padding-top:84px}
body{font-feature-settings:"ss01" on,"cv11" on}
button,a,input,select,textarea{ -webkit-tap-highlight-color:transparent}
button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:0;box-shadow:var(--focus)}
.sidebar{padding-top:20px;box-shadow:4px 0 24px rgba(20,35,70,.025)}#main-nav{flex:1;min-height:0;overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;padding-right:3px;scrollbar-width:thin;scrollbar-color:var(--line) transparent}#main-nav::-webkit-scrollbar{width:5px}#main-nav::-webkit-scrollbar-thumb{background:var(--line);border-radius:8px}.sidebar-bottom{padding-top:10px;flex-shrink:0}
.brand{padding-bottom:22px}
.brand-mark{border-radius:11px;background:linear-gradient(145deg,#6b96ff,#3158d5);box-shadow:0 7px 18px rgba(53,104,232,.22)}
.nav-group{margin-bottom:12px}
.nav-group-title{font-size:9px;font-weight:800;letter-spacing:1.45px}
.nav-link{min-height:39px;border-radius:10px;font-size:12px;transition:background .16s ease,color .16s ease,transform .16s ease}
.nav-link:hover{transform:translateX(2px)}
.nav-link.active{font-weight:700;box-shadow:inset 2px 0 0 var(--primary)}
.topbar{backdrop-filter:saturate(1.3) blur(14px);background:color-mix(in srgb,var(--surface) 92%,transparent)}
.global-search{transition:border-color .16s,box-shadow .16s}
.global-search:focus-within{border-color:var(--primary);box-shadow:var(--focus)}
main{padding-top:32px}
.page-head{align-items:center;margin-bottom:25px}
.page-head h1{font-size:27px;letter-spacing:-1px}
.page-head p{max-width:720px;line-height:1.65;font-size:12px}
.eyebrow{font-size:9px;letter-spacing:1.55px}
.btn{min-height:35px;transition:transform .15s ease,box-shadow .15s ease,border-color .15s ease}
.btn:active{transform:translateY(1px)}
.btn-primary{background:linear-gradient(135deg,var(--primary),color-mix(in srgb,var(--primary) 78%,#152e75));box-shadow:0 5px 14px color-mix(in srgb,var(--primary) 20%,transparent)}
.btn-primary:hover{box-shadow:0 8px 18px color-mix(in srgb,var(--primary) 28%,transparent);transform:translateY(-1px)}
.card{border-radius:var(--radius-card);box-shadow:0 2px 5px rgba(20,35,70,.025),0 10px 28px rgba(20,35,70,.035);transition:border-color .18s,box-shadow .18s}
.card:hover{border-color:color-mix(in srgb,var(--primary) 18%,var(--line))}
.kpi{min-height:104px;padding:18px}
.kpi-icon{border-radius:12px}
.kpi-value{font-size:25px;letter-spacing:-1px}
.kpi-label{font-size:10px;font-weight:600}
.kpi-trend{font-size:10px}
.card-head{gap:12px}
.card-head h3{font-size:13px}
.table-wrap{border-radius:10px}
table{min-width:620px}
th{font-size:9px;letter-spacing:.55px;text-transform:uppercase;padding:12px 11px;background:var(--surface-2)}
td{font-size:11px;padding:13px 11px;line-height:1.45}
tbody tr{transition:background .14s}
tbody tr:hover{background:color-mix(in srgb,var(--primary-soft) 42%,var(--surface))}
.pill{padding:5px 9px;font-size:9px;letter-spacing:.1px}
.field{min-height:38px;border-radius:9px;font-size:11px}
.filters{gap:10px}
.tabs{gap:20px}
.tab{font-size:11px;padding:12px 3px}
.notice{border-radius:11px;padding:14px 16px;line-height:1.65}
.empty-note{padding:36px 20px}
.modal{border-radius:18px;padding:25px}
.modal h2{font-size:20px}
.modal p{font-size:12px;line-height:1.7}
.toast{border:1px solid color-mix(in srgb,var(--surface) 18%,transparent);border-radius:11px}
.footer{font-size:10px}
.help-card{border:1px solid color-mix(in srgb,var(--primary) 12%,transparent)}
.user-mini{padding-top:13px}
[data-theme="dark"] .card{box-shadow:0 4px 18px rgba(0,0,0,.12)}
[data-theme="dark"] .topbar{background:color-mix(in srgb,var(--surface) 90%,transparent)}
[data-theme="dark"] th{background:#202b3a}
[data-theme="dark"] .nav-link.active{background:#233451}
[data-theme="dark"] .brand-mark{box-shadow:0 7px 18px rgba(0,0,0,.25)}
/* Module-specific layout polish */
#content .grid{align-items:stretch}
#content .section-grid>.card,#content .split-grid>.card{min-width:0}
#content .person small{max-width:270px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
#content .progress-track{width:100%;max-width:140px}
#content .flow-step:last-child{border-bottom:0}
#content .device-screen{border:1px solid #30435f;box-shadow:inset 0 0 60px rgba(0,0,0,.2)}
#content .tabs::-webkit-scrollbar,.table-wrap::-webkit-scrollbar{height:6px}
#content .tabs::-webkit-scrollbar-thumb,.table-wrap::-webkit-scrollbar-thumb{background:var(--line);border-radius:10px}
/* Better empty/loading and form feedback primitives */
.loading-skeleton{background:linear-gradient(90deg,var(--surface-2),var(--line),var(--surface-2));background-size:200% 100%;animation:eoShimmer 1.3s infinite}
@keyframes eoShimmer{to{background-position:-200% 0}}
.field:disabled,button:disabled{opacity:.55;cursor:not-allowed}
::selection{background:var(--primary-soft);color:var(--text)}
@media(min-width:1500px){main{padding-left:42px;padding-right:42px}.kpi-grid{gap:18px}.card{padding:20px}}
@media(max-width:1100px){.page-head h1{font-size:24px}.kpi{min-height:94px}}
@media(max-width:760px){
 main{padding-top:22px;padding-bottom:86px}
 .page-head{margin-bottom:18px}
 .page-head h1{font-size:22px}
 .page-head p{font-size:11px}
 .head-actions{display:flex;flex-wrap:wrap}
 .head-actions .btn{flex:1}
 .kpi{min-height:88px;padding:12px}
 .kpi-value{font-size:20px}
 .card{border-radius:13px}
 .filters{align-items:stretch}
 .filters .field,.filters .btn{flex:1 1 135px}
 .filters .search-field{flex:2 1 190px}
 .table-wrap{margin-left:-2px;margin-right:-2px}
 .footer{margin-bottom:62px}
 .mobile-bottom{box-shadow:0 -8px 24px rgba(20,35,70,.06);backdrop-filter:blur(16px);background:color-mix(in srgb,var(--surface) 94%,transparent)}
}
@media(max-width:390px){.page-head h1{font-size:20px}.kpi{gap:7px}.kpi-icon{width:29px;height:29px}.kpi-value{font-size:18px}.kpi-trend{font-size:9px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}