/* VisionLab CRM Premium Redesign v2 - visual layer only */
:root{
  --vl-surface:#ffffff;--vl-surface-soft:#f7f9f9;--vl-canvas:#f3f6f6;
  --vl-line:#dfe7e8;--vl-line-strong:#cbd7d9;--vl-ink:#172124;--vl-muted:#67777b;
  --vl-teal:#0b8d88;--vl-teal-strong:#08716e;--vl-teal-soft:#eaf7f6;--vl-gold:#c9a554;
  --vl-radius-sm:10px;--vl-radius:14px;--vl-radius-lg:18px;--vl-radius-xl:24px;
  --vl-shadow-xs:0 1px 2px rgb(17 23 25 / 4%);
  --vl-shadow-sm:0 1px 3px rgb(17 23 25 / 4%),0 8px 24px rgb(17 23 25 / 5%);
  --vl-shadow-md:0 2px 6px rgb(17 23 25 / 5%),0 18px 44px rgb(17 23 25 / 8%);
}
.dark{--vl-surface:#12191b;--vl-surface-soft:#0f1618;--vl-canvas:#0b1113;--vl-line:#253236;--vl-line-strong:#344448;--vl-ink:#edf5f5;--vl-muted:#9babad;--vl-teal-soft:#102c2b;}
html{font-feature-settings:"cv02","cv03","cv04","tnum";text-rendering:optimizeLegibility}
body{background:var(--vl-canvas)!important;color:var(--vl-ink)}
@keyframes vl-enter{from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:none}}
@keyframes vl-soft-pulse{0%,100%{opacity:1;box-shadow:0 0 0 0 rgb(24 170 164 / 0)}50%{opacity:.78;box-shadow:0 0 0 5px rgb(24 170 164 / 8%)}}
@keyframes vl-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-3px)}}
@keyframes vl-row-in{from{opacity:.25;transform:translateX(-4px)}to{opacity:1;transform:none}}
::selection{background:rgb(24 170 164 / 22%);color:var(--vl-ink)}
/* App shell */
header{border-bottom:1px solid rgb(255 255 255 / 10%)!important;box-shadow:0 8px 28px rgb(12 28 30 / 15%)!important}
header>div.absolute.inset-0:first-child{background:linear-gradient(112deg,#111719 0%,#123f40 54%,#0b7773 100%)!important}
header>div.absolute.inset-0.pointer-events-none{background:linear-gradient(135deg,rgb(255 255 255 / 5%),transparent 44%,rgb(201 165 84 / 7%))!important}
header nav{padding-left:18px!important;padding-right:18px!important;gap:10px!important}
header img[alt="VisionlabCRM"]{height:46px!important;max-width:240px!important;filter:drop-shadow(0 6px 14px rgb(0 0 0 / 12%))}
header button{transition:background-color .16s ease,border-color .16s ease,transform .16s ease!important}
header button:hover{transform:translateY(-1px)}
header .bg-black\/20{background:rgb(0 0 0 / 16%)!important;border:1px solid rgb(255 255 255 / 9%);box-shadow:inset 0 1px 0 rgb(255 255 255 / 4%)}
aside{background:var(--vl-surface)!important;border-right:1px solid var(--vl-line)!important;box-shadow:8px 0 26px rgb(17 23 25 / 3%)!important}
aside>div{padding-top:14px!important}
aside nav{padding:0 8px 10px!important;gap:3px!important}
aside nav p{font-size:9px!important;letter-spacing:.16em!important;font-weight:750!important;color:var(--vl-muted)!important;opacity:.72!important;padding-left:10px!important}
aside nav a,aside nav button{border-radius:10px!important;transition:background-color .16s ease,color .16s ease,border-color .16s ease,transform .16s ease!important}
aside nav a:hover,aside nav button:hover{background:var(--vl-teal-soft)!important;color:var(--vl-ink)!important;border-color:rgb(24 170 164 / 16%)!important}
aside nav a:hover svg,aside nav button:hover svg{color:var(--vl-teal)!important}
aside .bg-accent{background:var(--vl-teal-soft)!important;color:var(--vl-teal-strong)!important}
aside .bg-muted\/40{background:var(--vl-surface-soft)!important;border:1px solid var(--vl-line)!important}
aside .border-gray-400\/70{border-color:var(--vl-line-strong)!important}
/* Main workspace */
#mainPageContainer{background:radial-gradient(circle at 88% 0%,rgb(24 170 164 / 5%),transparent 24%),linear-gradient(180deg,#f8fbfb 0,var(--vl-canvas) 180px)!important;scrollbar-gutter:stable}
.dark #mainPageContainer{background:radial-gradient(circle at 88% 0%,rgb(24 170 164 / 6%),transparent 25%),var(--vl-canvas)!important}
#mainPageContainer>*{animation:vl-enter .28s cubic-bezier(.22,1,.36,1) both}
#mainPageContainer h1,#mainPageContainer h2,#mainPageContainer h3{letter-spacing:-.022em;color:var(--vl-ink)}
#mainPageContainer h1{font-weight:720!important}
#mainPageContainer .text-muted-foreground{color:var(--vl-muted)!important}
#mainPageContainer [class*="bg-card"]{background:var(--vl-surface)!important}
#mainPageContainer [class*="border"]{border-color:var(--vl-line)}
#mainPageContainer [class*="rounded-xl"][class*="border"],#mainPageContainer [class*="rounded-2xl"][class*="border"],#mainPageContainer [class*="rounded-lg"][class*="border"]{box-shadow:var(--vl-shadow-xs)}
#mainPageContainer [class*="shadow-sm"]{box-shadow:var(--vl-shadow-sm)!important}
#mainPageContainer [class*="shadow-md"],#mainPageContainer [class*="shadow-lg"]{box-shadow:var(--vl-shadow-md)!important}
#mainPageContainer [class*="bg-muted"]{background-color:var(--vl-surface-soft)!important}
#mainPageContainer [class*="bg-accent"]{background-color:var(--vl-teal-soft)!important}
#mainPageContainer [class*="text-primary"]{color:var(--vl-teal-strong)!important}
#mainPageContainer [class*="bg-primary"]{background:linear-gradient(135deg,var(--vl-teal-strong),var(--vl-teal))!important;color:white!important}
#mainPageContainer [class*="border-primary"]{border-color:rgb(11 141 136 / 32%)!important}
#mainPageContainer [class*="ring-primary"]{--tw-ring-color:rgb(11 141 136 / 25%)!important}
#mainPageContainer .vlta-page{padding:24px 28px 30px!important}
#mainPageContainer .vlta-header{margin-bottom:6px}
#mainPageContainer .vlta-header h1{font-size:26px!important;font-weight:720!important}
#mainPageContainer .vlta-tabs{margin-top:18px;border-bottom-color:var(--vl-line)!important;gap:6px}
#mainPageContainer .vlta-tabs button{min-width:auto;border:1px solid transparent!important;border-radius:9px 9px 0 0;padding:9px 13px!important}
#mainPageContainer .vlta-tabs button[aria-selected="true"]{background:var(--vl-teal-soft)!important;color:var(--vl-teal-strong)!important;border-color:rgb(11 141 136 / 16%)!important;border-bottom-color:var(--vl-teal)!important}
/* Tables, forms, controls */
#mainPageContainer table{border-collapse:separate;border-spacing:0;background:var(--vl-surface)}
#mainPageContainer thead tr{background:#f2f6f6!important}
.dark #mainPageContainer thead tr{background:#162023!important}
#mainPageContainer th{height:40px;padding:9px 12px!important;color:#5f7074!important;font-size:10px!important;font-weight:760!important;letter-spacing:.055em!important;text-transform:uppercase}
#mainPageContainer td{padding:10px 12px!important;border-bottom-color:var(--vl-line)!important;color:var(--vl-ink)}
#mainPageContainer tbody tr{transition:background-color .14s ease,transform .14s ease}
#mainPageContainer tbody tr:hover{background:rgb(24 170 164 / 4%)!important}
#mainPageContainer input,#mainPageContainer textarea,#mainPageContainer select{border-color:var(--vl-line-strong)!important;background:var(--vl-surface)!important;color:var(--vl-ink)!important;border-radius:10px!important;box-shadow:inset 0 1px 0 rgb(17 23 25 / 2%);transition:border-color .15s ease,box-shadow .15s ease,background-color .15s ease}
#mainPageContainer input:focus,#mainPageContainer textarea:focus,#mainPageContainer select:focus{border-color:var(--vl-teal)!important;box-shadow:0 0 0 3px rgb(24 170 164 / 11%)!important;outline:none!important}
#mainPageContainer button{border-radius:10px;transition:transform .15s ease,box-shadow .15s ease,background-color .15s ease,border-color .15s ease}
#mainPageContainer button:not(:disabled):active{transform:translateY(1px)}
#mainPageContainer button[class*="bg-primary"]{box-shadow:0 8px 18px rgb(11 141 136 / 16%)}
#mainPageContainer button[class*="bg-primary"]:hover{box-shadow:0 10px 22px rgb(11 141 136 / 22%);filter:saturate(1.06)}
#mainPageContainer [role="tablist"]{background:var(--vl-surface-soft)!important;border:1px solid var(--vl-line);padding:3px;border-radius:11px!important}
#mainPageContainer [role="tab"]{border-radius:8px!important}
#mainPageContainer [data-state="active"][role="tab"]{background:var(--vl-surface)!important;color:var(--vl-teal-strong)!important;box-shadow:0 1px 4px rgb(17 23 25 / 7%)!important}
#mainPageContainer .vlta-table-wrap{border-radius:14px!important;border-color:var(--vl-line)!important;box-shadow:var(--vl-shadow-sm);overflow:hidden}
#mainPageContainer .vlta-button{border-radius:10px!important;min-height:40px!important}
#mainPageContainer .vlta-button.primary{background:linear-gradient(135deg,var(--vl-teal-strong),var(--vl-teal))!important;border-color:var(--vl-teal-strong)!important;box-shadow:0 8px 18px rgb(11 141 136 / 15%)}
#mainPageContainer .vlta-button.secondary{background:var(--vl-surface)!important;border-color:var(--vl-line-strong)!important}
/* Dialogs, drawers, popovers */
[role="dialog"]{border-color:var(--vl-line)!important;background:var(--vl-surface)!important;border-radius:18px!important;box-shadow:0 30px 80px rgb(17 23 25 / 22%)!important}
[role="dialog"] h2,[role="dialog"] h3{letter-spacing:-.02em;color:var(--vl-ink)}
[role="dialog"] input,[role="dialog"] textarea,[role="dialog"] select{border-color:var(--vl-line-strong)!important;background:var(--vl-surface)!important;border-radius:10px!important}
[role="dialog"] button{border-radius:10px}
[data-radix-popper-content-wrapper]>div{border-color:var(--vl-line)!important;background:var(--vl-surface)!important;box-shadow:0 16px 44px rgb(17 23 25 / 15%)!important}
.fixed.inset-0.bg-black\/80{background:rgb(13 22 24 / 48%)!important;backdrop-filter:blur(8px)}
.vlta-backdrop{background:rgb(13 22 24 / 42%)!important;backdrop-filter:blur(8px)}
.vlta-dialog{border-radius:18px!important;border-color:var(--vl-line)!important;background:var(--vl-surface)!important;box-shadow:0 30px 80px rgb(17 23 25 / 22%)!important}
.vlta-form-grid input,.vlta-form-grid select{border-radius:10px!important;border-color:var(--vl-line-strong)!important;background:var(--vl-surface)!important}
/* Status and live-state polish */
#mainPageContainer [class*="bg-emerald"],#mainPageContainer [class*="text-emerald"]{--vl-status-live:1}
#mainPageContainer [class*="rounded-full"][class*="bg-emerald"]{animation:vl-soft-pulse 2.4s ease-in-out infinite}
#mainPageContainer [class*="rounded-full"][class*="bg-green"]{animation:vl-soft-pulse 2.4s ease-in-out infinite}
#mainPageContainer audio{height:38px;border-radius:10px}
#mainPageContainer .vlta-player{border-radius:14px!important;border-left-width:1px!important;border-color:rgb(11 141 136 / 24%)!important;background:linear-gradient(135deg,var(--vl-surface),var(--vl-teal-soft))!important;box-shadow:var(--vl-shadow-sm)}
/* Call/softphone surfaces */
body>div[class*="fixed"][class*="bottom"],body>div[class*="fixed"][class*="right"]{font-feature-settings:"tnum"}
#mainPageContainer [class*="font-mono"]{font-variant-numeric:tabular-nums}
/* Login: premium split layout with live dashboard preview */
.visionlab-login-page{background:radial-gradient(circle at 15% 10%,rgb(24 170 164 / 11%),transparent 30%),radial-gradient(circle at 88% 86%,rgb(201 165 84 / 10%),transparent 28%),linear-gradient(180deg,#f8fbfb 0,#f2f6f6 100%)!important}
.dark .visionlab-login-page{background:radial-gradient(circle at 15% 10%,rgb(24 170 164 / 8%),transparent 30%),linear-gradient(180deg,#101719 0,#0b1113 100%)!important}
.visionlab-login-page>.relative.z-10{max-width:1240px!important;width:min(1240px,calc(100vw - 48px))!important}
.visionlab-login-shell{display:grid!important;grid-template-columns:minmax(0,1.18fr) minmax(420px,.82fr)!important;max-width:1240px!important;width:100%!important;min-height:700px;border-radius:28px!important;border:1px solid rgb(189 204 207 / 72%)!important;background:rgb(255 255 255 / 88%)!important;box-shadow:0 30px 90px rgb(17 23 25 / 15%),0 2px 6px rgb(17 23 25 / 4%)!important;overflow:hidden!important}
.dark .visionlab-login-shell{background:rgb(18 25 27 / 92%)!important;border-color:#29383b!important}
.visionlab-login-page .visionlab-login-visual{display:block!important;min-width:0;padding:16px!important;background:linear-gradient(145deg,#eef7f6 0,#f9fbfb 60%,#f5f1e7 100%);border-right:1px solid var(--vl-line)}
.dark .visionlab-login-page .visionlab-login-visual{background:linear-gradient(145deg,#0e2222 0,#101719 62%,#1a1811 100%)}
.visionlab-login-visual>*{height:100%;min-height:664px;border-radius:20px!important;overflow:hidden}
.visionlab-login-panel{min-height:700px!important;padding:72px 54px 44px!important;background:var(--vl-surface)!important}
.visionlab-login-logo{border:0!important;background:transparent!important;box-shadow:none!important;backdrop-filter:none!important;padding:0!important;overflow:visible!important}
.visionlab-login-logo>div.absolute{display:none!important}
.visionlab-login-logo img{height:52px!important;width:auto!important;max-width:300px!important;filter:none!important;drop-shadow:none!important}
.visionlab-login-panel h1{font-size:34px!important;font-weight:730!important;letter-spacing:-.045em!important;margin-top:4px}
.visionlab-login-panel h1+p{font-size:14px!important;line-height:1.65!important;max-width:390px;margin-left:auto;margin-right:auto;color:var(--vl-muted)!important}
.visionlab-login-page .proxall-auth-form label{font-size:9.5px!important;font-weight:760!important;color:var(--vl-muted)!important}
.visionlab-login-page .proxall-auth-form input{height:52px!important;border-radius:12px!important;border-color:var(--vl-line-strong)!important;background:var(--vl-surface)!important}
.visionlab-login-page .proxall-auth-form button[type="submit"]{height:52px!important;border-radius:12px!important;background:linear-gradient(135deg,#08716e,#18aaa4)!important;box-shadow:0 12px 28px rgb(11 141 136 / 22%)!important;font-weight:700!important}
.visionlab-login-controls{top:22px!important;right:22px!important}
/* Recolor the existing animated dashboard preview to VisionLab teal/gold */
.visionlab-login-visual [class*="purple-"]{border-color:rgb(24 170 164 / 18%)!important}
.visionlab-login-visual [class*="violet-"]{border-color:rgb(24 170 164 / 18%)!important}
.visionlab-login-visual [class*="5a3ab8"]{border-color:rgb(24 170 164 / 18%)!important;background-color:rgb(24 170 164 / 5%)!important}
.visionlab-login-visual [class*="a78bfa"]{color:#0b8d88!important}
.visionlab-login-visual [class*="4A2E9B"]{color:#08716e!important;background-color:rgb(11 141 136 / 8%)!important}
.visionlab-login-visual [class*="bg-purple"]{background-color:rgb(24 170 164 / 7%)!important}
.visionlab-login-visual [class*="text-purple"]{color:#0b8d88!important}
.visionlab-login-visual [class*="border-purple"]{border-color:rgb(24 170 164 / 16%)!important}
.visionlab-login-visual [class*="rounded-xl"]{box-shadow:0 12px 32px rgb(17 23 25 / 7%)}
.visionlab-login-visual svg path,.visionlab-login-visual svg polyline{transition:stroke-dashoffset .6s ease,opacity .6s ease}
.visionlab-login-visual [class*="animate-ping"]{animation-duration:2.4s!important}
.visionlab-login-visual [class*="Wallboard"],.visionlab-login-visual [class*="Live"]{letter-spacing:.08em}
.visionlab-login-visual>*>*{animation:vl-enter .45s cubic-bezier(.22,1,.36,1) both}
.visionlab-login-visual table tbody tr:nth-child(2n),.visionlab-login-visual [class*="divide-y"]>*:nth-child(2n){animation:vl-row-in 1.8s ease-in-out alternate infinite}
@media(max-width:1020px){
  .visionlab-login-page>.relative.z-10{width:min(620px,calc(100vw - 32px))!important;max-width:620px!important}
  .visionlab-login-shell{display:block!important;max-width:620px!important;min-height:auto!important}
  .visionlab-login-page .visionlab-login-visual{display:none!important}
  .visionlab-login-panel{min-height:610px!important;padding:76px 48px 40px!important}
}
@media(max-width:640px){
  .visionlab-login-page>.relative.z-10{width:calc(100vw - 24px)!important;max-width:calc(100vw - 24px)!important}
  .visionlab-login-shell{border-radius:20px!important}
  .visionlab-login-panel{min-height:560px!important;padding:72px 22px 28px!important}
  .visionlab-login-logo img{height:42px!important;max-width:250px!important}
  .visionlab-login-panel h1{font-size:28px!important}
}
/* Responsive operational workspace */
@media(max-width:1180px){
  header nav{padding-left:12px!important;padding-right:12px!important}
  #mainPageContainer .vlta-page{padding:20px!important}
  #mainPageContainer th,#mainPageContainer td{padding-left:10px!important;padding-right:10px!important}
}
@media(max-width:767px){
  header{box-shadow:0 6px 20px rgb(12 28 30 / 14%)!important}
  #mainPageContainer{background:var(--vl-canvas)!important}
  #mainPageContainer .vlta-page{padding:14px!important}
  #mainPageContainer [class*="rounded-2xl"][class*="border"],#mainPageContainer [class*="rounded-xl"][class*="border"]{border-radius:14px!important}
  [role="dialog"]{width:calc(100vw - 20px)!important;max-width:calc(100vw - 20px)!important;border-radius:16px!important}
}
@media(prefers-reduced-motion:reduce){
  #mainPageContainer>*,.visionlab-login-visual>*>*,.visionlab-login-visual [class*="animate-ping"],#mainPageContainer [class*="rounded-full"][class*="bg-emerald"]{animation:none!important}
  *{scroll-behavior:auto!important}
}
/* Team Wallboard - premium operations density */
#mainPageContainer [class*="animate-fade-in-up"][class*="cursor-pointer"]{border-radius:14px!important;box-shadow:0 1px 2px rgb(17 23 25 / 4%),0 8px 20px rgb(17 23 25 / 4%)!important;transition:transform .18s cubic-bezier(.22,1,.36,1),box-shadow .18s ease,border-color .18s ease!important}
#mainPageContainer [class*="animate-fade-in-up"][class*="cursor-pointer"]:hover{transform:translateY(-2px)!important;box-shadow:0 2px 6px rgb(17 23 25 / 5%),0 16px 32px rgb(17 23 25 / 8%)!important;border-color:rgb(11 141 136 / 24%)!important}
#mainPageContainer [class*="animate-fade-in-up"] h3{font-weight:700!important;letter-spacing:-.015em!important;color:var(--vl-ink)!important}
#mainPageContainer [class*="animate-fade-in-up"] [class*="font-mono"]{font-size:12px!important;font-variant-numeric:tabular-nums}
#mainPageContainer [class*="animate-fade-in-up"] [class*="bg-slate-50"]{background:var(--vl-surface-soft)!important}
#mainPageContainer [class*="animate-fade-in-up"] [class*="border-slate"]{border-color:var(--vl-line)!important}
/* Agent details and manager monitoring */
[role="dialog"]:has(.modal-animate){width:min(1380px,96vw)!important;max-width:1380px!important;max-height:92vh!important;padding:0!important;border-radius:22px!important;overflow:auto!important}
[role="dialog"]:has(.modal-animate)>div.p-6{padding:26px 28px 30px!important}
[role="dialog"]:has(.modal-animate) .modal-animate>div{border-radius:16px!important;border-color:var(--vl-line)!important;box-shadow:var(--vl-shadow-sm)!important;background:var(--vl-surface)!important}
[role="dialog"]:has(.modal-animate) h2{font-size:20px!important;font-weight:730!important;letter-spacing:-.025em!important}
[role="dialog"]:has(.modal-animate) h3.text-xl{font-size:22px!important;font-weight:740!important;color:var(--vl-ink)!important}
[role="dialog"]:has(.modal-animate) [class*="bg-slate-50"],[role="dialog"]:has(.modal-animate) [class*="bg-slate-900"]{background:var(--vl-surface-soft)!important}
[role="dialog"]:has(.modal-animate) [class*="border-slate"]{border-color:var(--vl-line)!important}
[role="dialog"]:has(.modal-animate) [class*="ring-slate"]{--tw-ring-color:var(--vl-line-strong)!important}
[role="dialog"]:has(.modal-animate) h4.uppercase{font-size:9.5px!important;letter-spacing:.14em!important;color:var(--vl-muted)!important}
/* Monitoring controls: Listen=Teal, Whisper=Gold, Join=Green */
[role="dialog"] button[class~="bg-purple-500/10"]{border-color:rgb(11 141 136 / 28%)!important;background:rgb(11 141 136 / 8%)!important;color:#08716e!important}
[role="dialog"] button[class~="bg-purple-500/10"]:hover{background:rgb(11 141 136 / 14%)!important}
[role="dialog"] button[class~="bg-purple-500"]{border-color:#08716e!important;background:#08716e!important;color:#fff!important;box-shadow:0 8px 18px rgb(8 113 110 / 22%)!important;--tw-ring-color:rgb(8 113 110 / 20%)!important}
[role="dialog"] button[class~="bg-amber-500/10"]{border-color:rgb(179 139 63 / 30%)!important;background:rgb(201 165 84 / 10%)!important;color:#84652f!important}
[role="dialog"] button[class~="bg-amber-500/10"]:hover{background:rgb(201 165 84 / 17%)!important}
[role="dialog"] button[class~="bg-amber-500"]{border-color:#b38b3f!important;background:#b38b3f!important;color:#fff!important;box-shadow:0 8px 18px rgb(179 139 63 / 22%)!important;--tw-ring-color:rgb(179 139 63 / 18%)!important}
[role="dialog"] button[class~="bg-green-500/10"]{border-color:rgb(22 163 74 / 25%)!important;background:rgb(22 163 74 / 8%)!important;color:#15803d!important}
[role="dialog"] button[class~="bg-green-500"]{box-shadow:0 8px 18px rgb(22 163 74 / 18%)!important}
[role="dialog"] button:disabled[class*="monitor"],[role="dialog"] button:disabled{cursor:not-allowed!important}
[role="dialog"] .grid.grid-cols-3>button{min-height:42px!important}
/* Agent detail table and metric cards */
[role="dialog"]:has(.modal-animate) table{border-collapse:separate;border-spacing:0;width:100%}
[role="dialog"]:has(.modal-animate) thead tr{background:#f2f6f6!important}
.dark [role="dialog"]:has(.modal-animate) thead tr{background:#162023!important}
[role="dialog"]:has(.modal-animate) th{font-size:9.5px!important;text-transform:uppercase;letter-spacing:.055em;color:var(--vl-muted)!important;font-weight:760!important}
[role="dialog"]:has(.modal-animate) td{border-bottom-color:var(--vl-line)!important}
/* Finish recoloring login dashboard preview */
.visionlab-login-visual svg [stroke="#a78bfa"],.visionlab-login-visual svg [stroke="#8b5cf6"],.visionlab-login-visual svg [stroke="#7c3aed"]{stroke:#c9a554!important}
.visionlab-login-visual svg [fill="#a78bfa"],.visionlab-login-visual svg [fill="#8b5cf6"],.visionlab-login-visual svg [fill="#7c3aed"]{fill:#c9a554!important}
.visionlab-login-visual [style*="#a78bfa"],.visionlab-login-visual [style*="#8b5cf6"]{color:#b38b3f!important;border-color:rgb(179 139 63 / 22%)!important}
.visionlab-login-visual [class*="text-[#a78bfa]"]{color:#b38b3f!important}
.visionlab-login-visual [class*="bg-[#a78bfa]"]{background-color:#c9a554!important}
.visionlab-login-visual [class*="border-[#a78bfa]"]{border-color:rgb(201 165 84 / 24%)!important}
/* Accessible focus treatment across app */
#mainPageContainer :focus-visible,[role="dialog"] :focus-visible,aside :focus-visible{outline:2px solid rgb(24 170 164 / 50%)!important;outline-offset:2px!important;box-shadow:none}
/* Normalize the app's legacy Aurora cards into one design system */
#mainPageContainer .rounded-2xl.border-0.bg-card,[role="dialog"] .rounded-2xl.border-0.bg-card{border:1px solid var(--vl-line)!important;background:var(--vl-surface)!important;box-shadow:var(--vl-shadow-sm)!important}
.dark #mainPageContainer .rounded-2xl.border-0.bg-card,.dark [role="dialog"] .rounded-2xl.border-0.bg-card{background:var(--vl-surface)!important}
#mainPageContainer .rounded-2xl.border-0.bg-card:hover{border-color:rgb(11 141 136 / 18%)!important}
[data-slot="checkbox"]{border-color:var(--vl-line-strong)!important;border-radius:5px!important}
[data-slot="checkbox"][data-state="checked"]{background:var(--vl-teal)!important;border-color:var(--vl-teal)!important}
[data-slot="checkbox"]:focus-visible{--tw-ring-color:rgb(24 170 164 / 22%)!important}
/* Keep status colors semantic, remove stray purple from core application chrome */
#mainPageContainer [class~="text-purple-600"]{color:var(--vl-teal-strong)!important}
#mainPageContainer [class~="bg-purple-500/10"]{background:rgb(11 141 136 / 8%)!important}
#mainPageContainer [class~="border-purple-500/30"]{border-color:rgb(11 141 136 / 25%)!important}
#mainPageContainer [class~="text-indigo-600"]{color:var(--vl-teal-strong)!important}
#mainPageContainer [class~="bg-indigo-500/10"]{background:rgb(11 141 136 / 8%)!important}
#mainPageContainer [class~="border-indigo-500/30"]{border-color:rgb(11 141 136 / 25%)!important}
/* Brand scale */
.visionlab-login-logo img{height:60px!important;max-width:350px!important}
@media(max-width:640px){.visionlab-login-logo img{height:48px!important;max-width:285px!important}}