/* HMR Connect inspired light workspace; VANTRO identity and workflows retained. */
html:has(body.vl-workspace){background:#f4f7fb}
body.vl-workspace,body.vl-workspace.vd-shell{background:#f4f7fb!important;color:#17324d;font-size:15px;line-height:1.6}
.vl-workspace .vd-sidebar{background:linear-gradient(170deg,#17334f,#10253e);padding:28px 16px;border-right:0}
.vl-workspace .vd-sidebar nav a{font-size:14px;gap:13px;padding:14px 13px;border-radius:9px}
.vl-workspace .vd-sidebar nav a.is-current{background:#157a63;border-color:#24967a;box-shadow:0 4px 12px #061d3020}
.vl-workspace .vd-sidebar-bottom strong,.vl-workspace .vd-sidebar-bottom small{font-size:12px}
.vl-workspace .vd-tagline,.vl-workspace .vd-nav-label{font-size:10px}
.vl-workspace .topbar,.vl-workspace .pa-header{background:#fff;border-bottom:1px solid #e0e7ef;color:#183650}
.vl-workspace .topbar{padding:18px 0;min-height:58px}
.vl-workspace .workspace-tag,.vl-workspace .pa-header-tagline{font-size:11px;color:#58718a}
.vl-workspace .vx-brand-lockup{color:#183650}
.vl-workspace .vx-brand-lockup small{color:#61788d}
.vl-workspace .hero,.vl-workspace .pa-hero{color:#16324e;background:transparent;padding:28px 0 22px}
.vl-workspace .hero h1,.vl-workspace .pa-hero h1{color:#16324e;font-size:36px;font-weight:720;letter-spacing:-.035em;line-height:1.18}
.vl-workspace .hero-description,.vl-workspace .pa-hero p:last-child{color:#58718a;font-size:15px;line-height:1.65;max-width:850px}
.vl-workspace .eyebrow,.vl-workspace .hero .eyebrow{color:#477669;font-size:11px;letter-spacing:.12em}
.vl-workspace #identity{color:#536d83;font-size:12px;border:0;padding:0;margin-top:12px}
.vl-workspace .workspace-toolbar{border-color:#dfe7ef;padding:16px 0;margin-bottom:24px}
.vl-workspace .picker-row{color:#4e677f;font-size:13px}
.vl-workspace .picker-row select{background:#fff;color:#193851;border:1px solid #d5e0eb;font-size:14px;min-height:42px}
.vl-workspace .workspace-toolbar nav a.task{background:#fff;color:#1d6655;border:1px solid #cbded7;font-size:13px;min-height:42px}
.vl-workspace .vx-overview-heading h2{font-size:24px;color:#17324d}
.vl-workspace .vx-overview-heading p{font-size:13px;color:#647b8f}
.vl-workspace .vx-metrics{gap:18px}
.vl-workspace .vx-metric{background:#edf8f3!important;border:1px solid #d7eae1!important;border-radius:14px;padding:24px!important;box-shadow:0 3px 14px #16324e05!important}
.vl-workspace .vx-metric:nth-child(2){background:#edf5ff!important;border-color:#dce8f7!important}
.vl-workspace .vx-metric:nth-child(3){background:#f0edff!important;border-color:#e5dff5!important}
.vl-workspace .vx-metric:nth-child(4){background:#fff8e9!important;border-color:#f1e5cb!important}
.vl-workspace .vx-metric-label{font-size:14px!important;color:#405a70!important;font-weight:600}
.vl-workspace .vx-metric strong{font-size:38px;color:#193b55!important;font-weight:720}
.vl-workspace .vx-metric small{font-size:12px;color:#61788a!important;line-height:1.5}
.vl-workspace .vx-audit-bar span,.vl-workspace .vx-audit-bar strong{font-size:13px;color:#526c83}
.vl-workspace .vd-split{gap:20px;margin:20px 0}
.vl-workspace .vd-panel,.vl-workspace .pa-card,.vl-workspace section:not(.vx-overview){background:#fff;border:1px solid #dde6ef;border-radius:14px;box-shadow:0 3px 15px #14334e04}
.vl-workspace .vd-panel{padding:24px}
.vl-workspace .vd-panel h3{font-size:22px;color:#1a3650}
.vl-workspace .vd-panel .eyebrow{font-size:11px}
.vl-workspace .vd-badge,.vl-workspace .vd-caption{font-size:12px!important}
.vl-workspace .vd-action strong{font-size:14px}.vl-workspace .vd-action small{font-size:12px;line-height:1.5}
.vl-workspace .vd-action{padding:16px 0;cursor:pointer}
.vl-workspace .vd-ring span,.vl-workspace .vd-breakdown>div{font-size:13px}
.vl-workspace .pa-table th,.vl-workspace .vd-queue th{font-size:12px;background:#f4f7fb;color:#425b73;padding:14px}
.vl-workspace .pa-table td,.vl-workspace .vd-queue td{font-size:14px;padding:15px 14px;color:#29465e}
.vl-workspace .vd-queue table{width:100%;border-collapse:collapse}.vl-workspace .vd-queue tr{border-bottom:1px solid #e8edf3}
.vl-workspace .vd-connection{background:#edf5ff;color:#48677f;border-color:#d5e5f4;font-size:13px}
.vl-workspace .vd-context-link{background:#fff!important;color:#466279!important;border-color:#e1e8f0!important;font-size:13px}
.vl-workspace .section-description,.vl-workspace .pa-card p,.vl-workspace .sc-operations>p{font-size:14px;color:#536d83}
.vl-workspace .pa-button,.vl-workspace button,.vl-workspace input,.vl-workspace select{font-size:14px;min-height:42px;border-radius:8px}
.vl-workspace .filters{background:#fff;border-color:#dce6ef}.vl-workspace .filters label{font-size:13px;color:#405d75}
.vl-workspace .sc-op-counts>div{background:#fff!important;border-color:#dce7ef!important;padding:20px}
.vl-workspace .sc-op-counts span{color:#536d83!important;font-size:13px!important}
.vl-workspace .sc-op-counts strong{color:#183b55!important;font-size:32px!important}
.vl-workspace .page-footer{color:#61798e;font-size:12px;border-color:#dce6ef}
@media(max-width:850px){.vl-workspace.vd-shell main,.vl-workspace.vd-shell #MainContent{padding:20px 18px}.vl-workspace .hero h1,.vl-workspace .pa-hero h1{font-size:29px}.vl-workspace .vx-metrics{gap:12px}.vl-workspace .vx-metric{padding:18px!important}.vl-workspace .vd-panel{padding:20px}.vl-workspace .vd-coverage{flex-wrap:wrap}.vl-workspace .hero-description{font-size:14px}}
@media(max-width:420px){.vl-workspace .vx-metric-label{font-size:13px!important}.vl-workspace .vx-metric strong{font-size:32px}.vl-workspace .vx-metric small{font-size:11px}.vl-workspace .vd-panel-head{align-items:flex-start;flex-wrap:wrap}}
