/* VOLENG UI 2.0 · V25.65 | production presentation layer
 * Cross-product visual parity from user-provided premium motion / SVG ideas.
 * NO change to authorization, mutation logic, routing, billing, or platform API.
 * Loaded after V25.64 skin to supersede legacy cascade, with theme and motion safeguards. */
:root{
 --v65-ink:#102342;--v65-muted:#617896;--v65-line:#dde8f7;--v65-paper:#fff;
 --v65-canvas:#f3f7fd;--v65-accent:#316cef;--v65-accent-soft:#e9f1ff;
 --v65-radius:18px;--v65-radius-lg:25px;
 --v65-shadow:0 4px 10px rgba(18,48,95,.025),0 16px 38px rgba(20,53,98,.075);
 --v65-easing:cubic-bezier(.2,.82,.2,1);
}
:where([data-theme="dark"],html.dark,body.vs31-dark,body.vc-dark-content,.simpleApp[data-theme="dark"]){
 --v65-ink:#eef4ff;--v65-muted:#a4b7cf;--v65-line:#314460;--v65-paper:#1a2840;
 --v65-canvas:#101b2b;--v65-accent-soft:#203c64;--v65-shadow:0 16px 48px rgba(0,0,0,.23);
}
/* Reusable primitives connected to genuine React Order Management & existing HTML flows. */
.vu65-eyebrow,.vu65-hero-eyebrow{font-size:10px;letter-spacing:.17em;font-weight:900;text-transform:uppercase;color:#386cdb}
.vu65-premium-surface{border:1px solid var(--v65-line);border-radius:var(--v65-radius);background:var(--v65-paper);box-shadow:var(--v65-shadow)}
.vu65-hero-period{color:#4b84fd}
.vu65-visual{width:320px;max-width:100%;pointer-events:none;flex:none;filter:drop-shadow(0 10px 17px rgba(27,70,130,.045))}
.vu65-visual svg{display:block;width:100%;height:auto;overflow:visible}
.vu65-draw{stroke-dasharray:600;stroke-dashoffset:600;animation:vu65-draw 2.1s var(--v65-easing) .2s forwards}
.vu65-arc{stroke-dasharray:3 7;animation:vu65-arc-fade 2.1s ease .25s both}
.vu65-float-card{animation:vu65-bob 6s ease-in-out infinite}
.vu65-float-delay{animation-delay:-2.6s}
@keyframes vu65-draw{to{stroke-dashoffset:0}}
@keyframes vu65-arc-fade{from{opacity:0}}
@keyframes vu65-bob{0%,100%{transform:translateY(0)}50%{transform:translateY(-7px)}}
/* Workspace: restore a strong design rhythm, ample headings, actual KPI cards and tables. */
body .simpleApp.v2-upgraded{--v65-accent:#3e71ea;--v65-canvas:#f3f7fd}
body .simpleApp.v2-upgraded .newPlatformTopbar{height:auto;min-height:66px!important;background:rgba(255,255,255,.97)!important;border-bottom:1px solid #dde8f5!important;box-shadow:0 6px 30px rgba(18,46,87,.07)!important;backdrop-filter:blur(15px)}
body .simpleApp.v2-upgraded .newPlatformTopbar .newPlatformSearch{border:1px solid #e0e9f5!important;background:#f4f7fc!important;border-radius:14px!important;box-shadow:inset 0 1px 2px rgba(16,41,75,.025)}
body .simpleApp.v2-upgraded .newPlatformTopbar :is(.newUtilityIcon,.workspaceTopHome,.newSupportAction){border-radius:12px!important;transition:background .2s,transform .2s,box-shadow .2s}
body .simpleApp.v2-upgraded .newPlatformTopbar :is(.newUtilityIcon,.workspaceTopHome,.newSupportAction):not(:disabled):hover{background:#edf4ff!important;transform:translateY(-1px)}
body .simpleApp.v2-upgraded .newPlatformTopbar .newTopbarUser{border-radius:13px!important}
body .simpleApp.v2-upgraded .newWorkspaceBody>aside#volengNavigation{background:linear-gradient(155deg,#0d2038,#112c4f 58%,#10213d)!important;border-right:1px solid #294462!important;box-shadow:10px 0 28px rgba(10,31,59,.075)!important}
body .simpleApp.v2-upgraded .newWorkspaceBody>aside#volengNavigation .nav{min-height:43px!important;border-radius:12px!important;transition:background .18s,transform .18s,color .18s,box-shadow .18s!important}
body .simpleApp.v2-upgraded .newWorkspaceBody>aside#volengNavigation .nav.active{background:linear-gradient(110deg,#245fda,#3984ff)!important;box-shadow:inset 3px 0 #addbff,0 7px 15px rgba(5,24,58,.26)!important}
body .simpleApp.v2-upgraded .newWorkspaceBody>aside#volengNavigation .nav:not(.active):hover{background:#204269!important;transform:translateX(3px)}
body .simpleApp.v2-upgraded .newWorkspaceBody main :is(.todayHomePanel,.orderManagementPanel,.v25Panel,.v25Metric,.v25Module,.financeCorePanel,.uniformFleetModule,.uniformHrModule,.settingsSection){border:1px solid #dce7f4!important;border-radius:19px!important;box-shadow:var(--v65-shadow)!important;background-color:#fff!important;transition:border-color .2s,transform .2s,box-shadow .2s}
body .simpleApp.v2-upgraded .newWorkspaceBody main :is(.v25Metric,.v25Module,.todayHomeKpi):not(:disabled):hover{transform:translateY(-3px)!important;border-color:#b3cff4!important;box-shadow:0 15px 32px rgba(29,73,135,.12)!important}
body .simpleApp.v2-upgraded .newWorkspaceBody main :is(.v25Heading h1,.v25Panel h2,.todayHomePanel h3,.orderManagementPage h1){letter-spacing:-.045em!important}
body .simpleApp.v2-upgraded .newWorkspaceBody main :is(.todayHomePanel,.orderManagementPanel,.v25Panel) header{border-bottom-color:#e7edf7}
body .simpleApp.v2-upgraded .newWorkspaceBody :is(.v25Toolbar,.v25PeriodTabs,.orderReportDateRange,.orderReportPanel header){border-radius:14px}
body .simpleApp.v2-upgraded .newWorkspaceBody :is(.orderQueueTable,.orderReportTableWrap,.orderDocumentsGrid,.v25StaffTable){border-radius:15px!important;overflow-x:auto!important}
body .simpleApp.v2-upgraded .newWorkspaceBody :is(.orderQueueTable,.orderReportTableWrap) thead th{background:#eef4fd!important;font-size:11px!important;letter-spacing:.08em!important;color:#526a8c!important;font-weight:850!important}
body .simpleApp.v2-upgraded .newWorkspaceBody :is(.orderQueueTable,.orderReportTableWrap) tbody tr:hover{background:#eff6ff!important}
body .simpleApp.v2-upgraded .newWorkspaceBody :is(.orderQueueTable,.orderReportTableWrap) :is(th,td){padding-top:13px;padding-bottom:13px}
body .simpleApp.v2-upgraded .newWorkspaceBody :is(.orderReportPanel,.orderQueueTable,.orderDocumentsGrid article){border-color:#dce6f4!important}
body .simpleApp.v2-upgraded .newWorkspaceBody :is(.page,.v25Executive){animation:vu65-page-in .32s var(--v65-easing) both}
@keyframes vu65-page-in{from{opacity:.35;transform:translateY(7px)}to{opacity:1;transform:translateY(0)}}
/* Order Management: actual React SVG component and new hero typography, no synthetic stats. */
body .simpleApp.v2-upgraded .orderManagementPage .orderManagementTodayHero{position:relative;min-height:244px!important;padding:28px 34px!important;margin-bottom:19px!important;overflow:hidden;border:1px solid #d0e0fb!important;border-radius:24px!important;box-shadow:0 22px 58px rgba(37,89,153,.10)!important;background:radial-gradient(ellipse 260px 210px at 84% 41%,rgba(107,174,255,.20),transparent 100%),linear-gradient(111deg,#fff 6%,#f1f6ff 100%)!important;align-items:flex-start!important;gap:14px!important;display:flex!important;flex-direction:column!important;justify-content:center!important}
body .simpleApp.v2-upgraded .orderManagementTodayHero::after{content:"";position:absolute;inset:0;pointer-events:none;background-image:radial-gradient(#b5c9ed 1px,transparent 1px);background-size:22px 22px;opacity:.18;mask-image:linear-gradient(90deg,transparent,#000)}
body .simpleApp.v2-upgraded .orderManagementTodayHero .todayHomeHeroNow{position:relative;z-index:2;display:flex!important;gap:9px;align-items:center;flex-direction:row!important;color:#5a7ba7!important}
body .simpleApp.v2-upgraded .orderManagementTodayHero .todayHomeHeroNow small{color:#4e73b0!important}
body .simpleApp.v2-upgraded .orderManagementTodayHero .todayHomeHeroNow strong{color:#536d93!important;font-size:12px!important}
body .simpleApp.v2-upgraded .orderManagementTodayHero .vu65-orders-intro{position:relative;z-index:2;max-width:540px;flex:none}
body .simpleApp.v2-upgraded .orderManagementTodayHero .vu65-orders-intro h1{font-size:clamp(29px,3vw,43px)!important;line-height:1.1!important;margin:9px 0 10px!important;font-weight:850!important;color:#102747!important}
body .simpleApp.v2-upgraded .orderManagementTodayHero .vu65-orders-intro p{font-size:13px;line-height:1.65;color:#617998;max-width:445px;margin:0!important}
body .simpleApp.v2-upgraded .orderManagementTodayHero .vu65-visual{position:absolute;z-index:1;right:18px;top:4px;width:min(35%,345px)}
body .simpleApp.v2-upgraded .orderManagementTodayHero .orderManagementHomeActions{position:relative;z-index:2;display:flex;gap:10px;flex-wrap:wrap;align-items:center;margin-top:13px}
body .simpleApp.v2-upgraded .orderManagementTodayHero .orderManagementHomeActions button{border-radius:12px!important;padding:12px 17px!important;box-shadow:0 7px 18px rgba(37,95,221,.20)}
body .simpleApp.v2-upgraded .orderManagementHomeKpis{display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:11px!important;margin-bottom:18px!important}
body .simpleApp.v2-upgraded .orderManagementHomeKpis .todayHomeKpi{min-width:0!important;border-radius:17px!important;background:#fff!important;border:1px solid #dce7f5!important;box-shadow:0 6px 18px rgba(24,52,96,.05)!important;min-height:110px!important}
body .simpleApp.v2-upgraded .orderManagementHomeKpis .todayHomeKpi b{color:#1f426d!important;font-size:25px!important}
body .simpleApp.v2-upgraded .orderManagementHomeKpis .todayHomeKpi em{color:#7589a3!important;font-size:10px!important;line-height:1.35!important}
body .simpleApp.v2-upgraded .orderManagementHomeKpis .todayHomeKpi>span:first-child{border-radius:12px!important}
/* App launcher: pricing-inspired suite cards retain original subscribed-only source. */
body[data-vu-product="apps"]{background:#f2f6fc!important}
body[data-vu-product="apps"] .wrap{max-width:1220px!important}
body[data-vu-product="apps"] .hero{border-radius:27px!important;background:radial-gradient(circle at 85% 25%,#d9eafa 0,transparent 36%),linear-gradient(120deg,#fff 15%,#edf5ff)!important;box-shadow:0 20px 50px rgba(23,61,117,.07)!important;padding:44px!important}
body[data-vu-product="apps"] .hero:after{content:"";position:absolute;right:23px;bottom:-70px;height:220px;width:220px;border-radius:50%;background:conic-gradient(from 120deg,rgba(46,107,226,.14),rgba(114,221,201,.14),rgba(196,176,255,.13),rgba(46,107,226,.14));filter:blur(14px);pointer-events:none}
body[data-vu-product="apps"] .hero h1{font-size:clamp(31px,3vw,43px)!important}
body[data-vu-product="apps"] .appGrid{gap:19px!important}
body[data-vu-product="apps"] .appCard{min-height:282px!important;border:1px solid #dce7f4!important;border-radius:22px!important;box-shadow:var(--v65-shadow)!important;transition:transform .23s var(--v65-easing),box-shadow .23s var(--v65-easing)}
body[data-vu-product="apps"] .appCard:before{height:6px!important;background:linear-gradient(90deg,var(--accent),#abccf3)!important}
body[data-vu-product="apps"] .appCard:hover{transform:translateY(-5px)!important;box-shadow:0 22px 55px rgba(21,60,116,.14)!important}
body[data-vu-product="apps"] .cardIcon{width:58px;height:58px;border-radius:17px!important}
body[data-vu-product="apps"] .cardBody h3{font-size:23px!important}
body[data-vu-product="apps"] .cardBottom{border-top-color:#e6edf7!important}
/* Agenda: premium administrative workspace, no changes to booking logic or rendered data. */
body[data-vu-product="agenda"].vs31-shell{background:var(--v65-canvas)!important;color:var(--v65-ink)!important}
body[data-vu-product="agenda"].vs31-shell .body{background:var(--v65-canvas)!important}
body[data-vu-product="agenda"].vs31-shell .page{background:transparent!important;padding:clamp(16px,2vw,32px)!important}
body[data-vu-product="agenda"].vs31-shell .page-heading{position:relative;overflow:hidden;border:1px solid #d7e6fa!important;background:radial-gradient(circle at 87% 38%,#d9e9ff,transparent 33%),linear-gradient(110deg,#fff,#f4f8ff)!important;border-radius:23px!important;padding:30px!important;box-shadow:var(--v65-shadow)!important;margin-bottom:22px!important;min-height:149px;display:flex;align-items:center;justify-content:space-between}
body[data-vu-product="agenda"].vs31-shell .page-heading:before{content:"";position:absolute;right:-18px;bottom:-49px;width:173px;height:173px;border:1px solid #a9c7f4;border-radius:50%;box-shadow:0 0 0 30px #c9dcfa44,0 0 0 62px #dfeafa66;pointer-events:none}
body[data-vu-product="agenda"].vs31-shell .page-heading>*{position:relative;z-index:1}
body[data-vu-product="agenda"].vs31-shell .page-heading .eyebrow{color:#3971d7!important;font-weight:900;letter-spacing:.15em!important}
body[data-vu-product="agenda"].vs31-shell .page-heading h1{font-size:clamp(26px,2.6vw,38px)!important;font-weight:850!important;letter-spacing:-.05em!important;color:#102b50!important;margin:7px 0!important}
body[data-vu-product="agenda"].vs31-shell .page-heading p{color:#657e9f!important;font-size:13px!important}
body[data-vu-product="agenda"].vs31-shell :is(.panel,.stats>*,.care-intro,.care-grid>*,.info-soft){border:1px solid #dce7f5!important;border-radius:18px!important;background:#fff!important;box-shadow:var(--v65-shadow)!important}
body[data-vu-product="agenda"].vs31-shell .panel{overflow:hidden}
body[data-vu-product="agenda"].vs31-shell .panel h2{letter-spacing:-.03em;font-weight:800}
body[data-vu-product="agenda"].vs31-shell .stats{gap:13px!important;margin-bottom:19px!important}
body[data-vu-product="agenda"].vs31-shell .stats>*{padding:19px!important}
body[data-vu-product="agenda"].vs31-shell .stats strong{font-size:29px!important;letter-spacing:-.04em}
body[data-vu-product="agenda"].vs31-shell .panel-top{border-bottom:1px solid #e7edf6!important;padding:19px 22px!important}
body[data-vu-product="agenda"].vs31-shell :is(.list,.tablewrap){border-radius:0 0 16px 16px!important}
body[data-vu-product="agenda"].vs31-shell :is(.tablewrap,.list) :is(tr,button):hover{background:#f3f8ff}
body[data-vu-product="agenda"].vs31-shell :is(button.primary,#new-appt){background:linear-gradient(110deg,#2561df,#3983f4)!important;border:0!important;box-shadow:0 8px 17px rgba(31,105,226,.17)!important;border-radius:12px!important}
body[data-vu-product="agenda"].vs31-shell :is(.filters input,.filters select,.form input:not([type=checkbox]),.form select,.form textarea){background:#fff;border:1px solid #d6e3f4;border-radius:11px!important;color:#1c3554;min-height:41px}
body[data-vu-product="agenda"].vs31-shell :is(.filters input,.filters select,.form input,.form select,.form textarea):focus-visible{outline:0!important;border-color:#568df6!important;box-shadow:0 0 0 3px #5591f523!important}
body[data-vu-product="agenda"].vs31-shell .quick-actions button{border:1px solid #dce8f8!important;background:#f4f8ff!important;border-radius:12px!important;transition:background .2s,transform .2s}
body[data-vu-product="agenda"].vs31-shell .quick-actions button:hover{background:#e5f0ff!important;transform:translateY(-2px)}
/* Owner Admin visual alignment; owner actions and RBAC unchanged. */
body .shell.owner-v2518{--owner-v65-border:#dfebf8;background:#f4f7fc}
body .shell.owner-v2518 :is(.owner-card,.owner-unified-suite,.owner-stage-card,.owner-stat,.panel,.card){border-radius:18px!important;border-color:#dce7f4!important;box-shadow:var(--v65-shadow)!important}
body .shell.owner-v2518 :is(.owner-unified-suite,.owner-card){transition:transform .18s var(--v65-easing),box-shadow .18s var(--v65-easing)}
body .shell.owner-v2518 :is(.owner-unified-suite,.owner-card):hover{box-shadow:0 20px 48px rgba(18,55,111,.13)!important}
body .shell.owner-v2518 :is(input:not([type=checkbox]),select,textarea){border-radius:10px!important}
body .shell.owner-v2518 :is(button,a):focus-visible{outline:3px solid #87b4fa!important;outline-offset:3px}
/* Home marketing: keep product story and functional tabs; refine motion and card system. */
body.v58-home .v52-product-stage{border-radius:26px!important;box-shadow:0 38px 100px rgba(3,17,40,.29)!important}
body.v58-home .v58-bento-card{border-radius:24px!important;transition:transform .28s var(--v65-easing),box-shadow .28s var(--v65-easing)!important}
body.v58-home .v58-bento-card:hover{transform:translateY(-5px)!important;box-shadow:0 27px 65px rgba(27,61,118,.13)!important}
body.v58-home .v58-connected-diagram{border-radius:24px!important}
/* Shared accessible controls, meaningful hover only. */
body :is(button,a,input,select,textarea):focus-visible{outline:2px solid #5487f4;outline-offset:3px}
body :is(button,select,input,textarea):disabled{cursor:not-allowed}
@media(max-width:1180px){body .simpleApp.v2-upgraded .orderManagementHomeKpis{grid-template-columns:repeat(3,minmax(0,1fr))!important}}
@media(max-width:920px){body .simpleApp.v2-upgraded .orderManagementTodayHero .vu65-visual{opacity:.32;right:-10px;top:0;width:40%}body .simpleApp.v2-upgraded .orderManagementHomeKpis{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media(max-width:620px){body .simpleApp.v2-upgraded .orderManagementPage .orderManagementTodayHero{padding:24px 20px!important;min-height:250px!important}body .simpleApp.v2-upgraded .orderManagementTodayHero .vu65-visual{opacity:.14;right:-50px;top:16px;width:65%}body .simpleApp.v2-upgraded .orderManagementTodayHero .vu65-orders-intro h1{font-size:31px!important}body .simpleApp.v2-upgraded .orderManagementHomeKpis{grid-template-columns:1fr!important}body[data-vu-product="apps"] .hero{padding:25px!important}body[data-vu-product="agenda"].vs31-shell .page-heading{padding:21px!important;flex-wrap:wrap;gap:18px}}
@media(prefers-reduced-motion:reduce){.vu65-draw,.vu65-arc,.vu65-float-card,.simpleApp.v2-upgraded .newWorkspaceBody main :is(.page,.v25Executive){animation:none!important}body :is(.v58-bento-card,.appCard,.v25Module,.todayHomeKpi){transition:none!important}body :is(.v58-bento-card,.appCard,.v25Module,.todayHomeKpi):hover{transform:none!important}}
/* Avoid light-only surface forcing on dark Workspace modes: preserve semantic panel contrast. */
body .simpleApp.v2-upgraded:is([data-theme="dark"],.dark,.theme-dark) .newWorkspaceBody main :is(.todayHomePanel,.orderManagementPanel,.v25Panel,.v25Metric,.v25Module,.financeCorePanel,.uniformFleetModule,.uniformHrModule,.settingsSection),body[data-theme="dark"] .simpleApp.v2-upgraded .newWorkspaceBody main :is(.todayHomePanel,.orderManagementPanel,.v25Panel,.v25Metric,.v25Module){background-color:var(--v65-paper)!important;border-color:var(--v65-line)!important;box-shadow:var(--v65-shadow)!important}
body[data-vu-product="agenda"].vs31-dark :is(.page-heading,.panel,.stats>*,.care-intro,.care-grid>*,.info-soft){background:var(--v65-paper)!important;color:var(--v65-ink)!important;border-color:var(--v65-line)!important}
body[data-vu-product="agenda"].vs31-dark .page-heading h1,body[data-vu-product="agenda"].vs31-dark .page-heading p{color:var(--v65-ink)!important}
/* Agenda navigation: the shared VOLENG shell supplies the single SVG icon.
   No CSS pseudo-icons: they caused duplicate symbols next to every label. */
body[data-vu-product="agenda"].vs31-shell #agenda-navigation button[data-view]{font-size:0!important;display:flex!important;align-items:center!important;gap:12px!important;min-height:43px!important;border-radius:11px!important}
body[data-vu-product="agenda"].vs31-shell #agenda-navigation button[data-view]>span{font-size:13px!important;line-height:1.35!important;font-weight:650!important}
body[data-vu-product="agenda"].vs31-shell #agenda-navigation button[data-view]:not(.active):hover{background:#1a3c65!important;color:#fff!important}
body[data-vu-product="agenda"].vs31-shell #agenda-navigation button[data-view].active{background:linear-gradient(110deg,#2463e1,#3984f8)!important;box-shadow:inset 3px 0 #a9d7ff,0 5px 13px rgba(0,20,58,.23)!important}
body[data-vu-product="agenda"].vs31-shell .vs31-header{background:rgba(255,255,255,.97)!important;box-shadow:0 6px 25px rgba(17,46,83,.06)!important}
body[data-vu-product="agenda"].vs31-shell .sidebar{background:linear-gradient(160deg,#0c2039,#112a49)!important}
/* Dark-mode interop for Agenda and Workspace (CSS-only, not a theme toggle). */
body[data-vu-product="agenda"].vs31-dark .page-heading{background:linear-gradient(110deg,#1a2a40,#203a5b)!important}
body[data-vu-product="agenda"].vs31-dark :is(.form input:not([type=checkbox]),.form select,.form textarea,.filters input,.filters select){background:#16283f!important;color:#e6f1ff!important;border-color:#3e5474!important}
body[data-vu-product="agenda"].vs31-dark .quick-actions button{background:#223c5c!important;border-color:#34577f!important;color:#e7f1ff!important}
body .simpleApp.v2-upgraded:is(.dark,.theme-dark,[data-theme="dark"]) .orderManagementTodayHero,body[data-theme="dark"] .simpleApp.v2-upgraded .orderManagementTodayHero{background:radial-gradient(circle at 84% 40%,#234669,transparent 35%),linear-gradient(110deg,#1a2d43,#203750)!important;border-color:#345477!important}
body .simpleApp.v2-upgraded:is(.dark,.theme-dark,[data-theme="dark"]) .orderManagementTodayHero .vu65-orders-intro :is(h1,p),body[data-theme="dark"] .simpleApp.v2-upgraded .orderManagementTodayHero .vu65-orders-intro :is(h1,p){color:#e6efff!important}
body .simpleApp.v2-upgraded:is(.dark,.theme-dark,[data-theme="dark"]) .orderManagementHomeKpis .todayHomeKpi,body[data-theme="dark"] .simpleApp.v2-upgraded .orderManagementHomeKpis .todayHomeKpi{background:#1a2940!important;border-color:#3e5370!important;color:#e8f2ff!important}
body .simpleApp.v2-upgraded:is(.dark,.theme-dark,[data-theme="dark"]) .orderManagementHomeKpis .todayHomeKpi b,body[data-theme="dark"] .simpleApp.v2-upgraded .orderManagementHomeKpis .todayHomeKpi b{color:#eaf2ff!important}