/* Vozua Finance — Vozua Health visual parity layer
   Keeps existing finance functionality while matching the Health shell proportions,
   spacing, navigation, topbar, AI-search placement, cards and secure-access screens. */
:root{
  --vh-navy:#1d2532;
  --vh-navy-2:#202a3b;
  --vh-blue:#1477e8;
  --vh-blue-2:#2d8df4;
  --vh-ink:#162234;
  --vh-muted:#6e7c91;
  --vh-line:#dce3eb;
  --vh-soft:#f5f7fa;
  --vh-white:#fff;
  --vh-shadow:0 1px 2px rgba(16,32,56,.04);
}

/* ---------- Secure access / login ---------- */
body.login-page{margin:0!important;background:#fff!important;color:var(--vh-ink)!important;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important;min-height:100vh!important}
body.login-page .login-shell{display:grid!important;grid-template-columns:minmax(520px,46.5%) minmax(560px,53.5%)!important;min-height:100vh!important;width:100%!important;background:#fff!important}
body.login-page .login-showcase{position:relative!important;min-height:100vh!important;padding:54px 68px 42px!important;background:linear-gradient(152deg,#1a212c 0%,#1d2638 57%,#153a7e 100%)!important;color:#fff!important;border:0!important;display:flex!important;flex-direction:column!important;overflow:hidden!important}
body.login-page .login-showcase:before{content:""!important;position:absolute!important;left:-5%!important;right:-10%!important;bottom:-18%!important;height:54%!important;background:radial-gradient(circle at 72% 10%,rgba(16,103,238,.40),transparent 48%)!important;pointer-events:none!important}
body.login-page .login-showcase:after{content:""!important;position:absolute!important;inset:auto 0 0 0!important;height:1px!important;background:rgba(255,255,255,.06)!important}
body.login-page .showcase-brand{position:relative!important;z-index:1!important;display:flex!important;align-items:center!important;gap:15px!important;margin:0!important;color:#1682ff!important;font-size:27px!important;letter-spacing:.005em!important;font-weight:760!important}
body.login-page .showcase-brand img{width:48px!important;height:48px!important;object-fit:contain!important;border-radius:13px!important;box-shadow:none!important;background:#eef5ff!important}
body.login-page .showcase-brand span{color:#1682ff!important;font-size:26px!important;font-weight:760!important}
body.login-page .showcase-content{position:relative!important;z-index:1!important;margin:auto 0 0!important;max-width:560px!important;padding:0 0 21vh!important}
body.login-page .login-showcase .eyebrow.light{display:block!important;margin:0 0 18px!important;color:#36a2ff!important;font-size:12px!important;font-weight:760!important;letter-spacing:.13em!important;text-transform:uppercase!important}
body.login-page .login-showcase h1{margin:0!important;max-width:520px!important;color:#fff!important;font-size:clamp(34px,3vw,46px)!important;line-height:1.06!important;letter-spacing:-.035em!important;font-weight:760!important}
body.login-page .login-showcase p{display:none!important}
body.login-page .showcase-footer{position:relative!important;z-index:1!important;display:block!important;margin-top:auto!important;color:rgba(255,255,255,.65)!important;font-size:13px!important}
body.login-page .showcase-footer span{display:block!important;margin-bottom:0!important}
body.login-page .showcase-footer strong{display:none!important}
body.login-page form.login-card{align-self:center!important;justify-self:center!important;width:min(440px,calc(100% - 64px))!important;margin:0!important;padding:28px 0!important;border:0!important;border-radius:0!important;background:#fff!important;box-shadow:none!important;color:var(--vh-ink)!important}
body.login-page .login-brand-lockup{display:grid!important;grid-template-columns:52px auto!important;grid-template-rows:auto auto!important;column-gap:12px!important;align-items:center!important;margin:0 0 30px!important;text-align:left!important}
body.login-page .login-brand-lockup .login-logo{grid-row:1/3!important;width:52px!important;height:52px!important;border-radius:14px!important;background:#eef5ff!important;object-fit:contain!important;margin:0!important}
body.login-page .login-brand-lockup strong{display:block!important;font-size:22px!important;line-height:1.1!important;color:#1b2330!important;font-weight:800!important;letter-spacing:-.02em!important;text-transform:uppercase!important}
body.login-page .login-brand-lockup small{font-size:10px!important;color:#167de9!important;letter-spacing:.16em!important;font-weight:760!important;text-transform:uppercase!important;margin-top:5px!important}
body.login-page .login-brand-lockup em{display:none!important}
body.login-page .login-welcome{margin:0 0 18px!important}
body.login-page .login-welcome:before{content:"SECURE ACCESS";display:block;margin:0 0 9px;color:#1780eb;font-size:10px;font-weight:800;letter-spacing:.18em}
body.login-page .login-welcome h2{margin:0 0 7px!important;font-family:Georgia,"Times New Roman",serif!important;font-weight:750!important;font-size:34px!important;line-height:1.05!important;letter-spacing:-.025em!important;color:#182336!important}
body.login-page .login-intro{margin:0!important;color:#7a8798!important;font-size:14px!important;line-height:1.5!important}
body.login-page .form-label{display:block!important;margin:15px 0 7px!important;color:#27364a!important;font-size:12px!important;font-weight:720!important}
body.login-page input.field{width:100%!important;height:50px!important;border:1px solid #dce3ea!important;border-radius:4px!important;background:#fff!important;padding:0 14px!important;color:#172236!important;font-size:14px!important;box-shadow:none!important;outline:none!important}
body.login-page input.field:focus{border-color:#5aa7f2!important;box-shadow:0 0 0 3px rgba(23,126,235,.09)!important}
body.login-page .password-field{position:relative!important}
body.login-page .password-field input.field{padding-right:76px!important}
body.login-page .password-toggle{position:absolute!important;right:8px!important;top:50%!important;transform:translateY(-50%)!important;width:auto!important;height:38px!important;padding:0 10px!important;border:0!important;background:transparent!important;color:#3075b8!important;font-size:12px!important;font-weight:680!important}
body.login-page .password-toggle .eye-open,body.login-page .password-toggle .eye-closed{display:none!important}
body.login-page .password-toggle:after{content:"Show"}
body.login-page .password-toggle[aria-label="Hide password"]:after{content:"Hide"}
body.login-page .btn.btn-primary.btn-block{height:52px!important;margin:21px 0 0!important;border:0!important;border-radius:8px!important;background:linear-gradient(90deg,#1789ec,#136dd6)!important;color:#fff!important;font-size:14px!important;font-weight:760!important;box-shadow:0 8px 18px rgba(20,119,232,.18)!important}
body.login-page .btn.btn-primary.btn-block:hover{filter:brightness(.98)!important;transform:none!important}
body.login-page .login-forgot-row{display:flex!important;justify-content:flex-end!important;margin:9px 0 14px!important}
body.login-page .login-forgot-row a{font-size:12px!important;color:#347ab8!important;text-decoration:none!important;font-weight:650!important}
body.login-page .login-register-action{display:flex!important;justify-content:center!important;align-items:center!important;gap:20px!important;margin-top:6px!important}
body.login-page .login-register-action a.btn{width:auto!important;min-height:auto!important;height:auto!important;margin:0!important;padding:0!important;border:0!important;background:transparent!important;box-shadow:none!important;color:#236da7!important;font-size:12px!important;font-weight:650!important;text-decoration:none!important}
body.login-page .login-register-action a.btn:hover{text-decoration:underline!important}
body.login-page .login-contact{display:none!important}
body.login-page .login-copyright{display:block!important;margin-top:28px!important;text-align:left!important;color:#b1bac7!important;font-size:10px!important}
body.login-page .alert{border-radius:6px!important;font-size:13px!important}

/* ---------- Main Health-style shell ---------- */
body.app-page{background:#f7f9fb!important;color:var(--vh-ink)!important;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important}
body.app-page .app{min-height:100vh!important;background:#f7f9fb!important}
body.app-page .sidebar{position:fixed!important;z-index:80!important;left:0!important;top:0!important;bottom:0!important;width:296px!important;background:linear-gradient(180deg,#202637 0%,#20263a 100%)!important;border-right:1px solid #2d3447!important;color:#dfe6f2!important;display:flex!important;flex-direction:column!important;padding:0!important;box-shadow:none!important}
body.app-page .vf-side-brand{height:96px!important;display:flex!important;align-items:center!important;gap:15px!important;padding:0 28px!important;border-bottom:1px solid rgba(255,255,255,.04)!important;background:#f8fafc!important;color:#2373c9!important;flex:0 0 auto!important}
body.app-page .vf-side-brand img{width:47px!important;height:47px!important;border-radius:12px!important;background:#edf4ff!important;object-fit:contain!important}
body.app-page .vf-side-brand strong{font-size:22px!important;letter-spacing:.01em!important;font-weight:760!important;color:#2a72be!important;text-transform:uppercase!important}
body.app-page .sidebar-scroll{padding:16px 0 10px!important;overflow:auto!important;flex:1 1 auto!important}
body.app-page .nav.enterprise-nav details{margin:0!important;padding:0!important;border:0!important}
body.app-page .nav.enterprise-nav summary{list-style:none!important;display:flex!important;align-items:center!important;justify-content:space-between!important;min-height:48px!important;padding:0 31px!important;color:#7891d8!important;font-size:14px!important;font-weight:560!important;letter-spacing:.06em!important;text-transform:uppercase!important;cursor:pointer!important}
body.app-page .nav.enterprise-nav summary::-webkit-details-marker{display:none!important}
body.app-page .nav.enterprise-nav summary span{font-size:14px!important;color:#6779a9!important}
body.app-page .nav.enterprise-nav details>div{padding:1px 0 6px!important}
body.app-page .nav.enterprise-nav a{position:relative!important;display:flex!important;align-items:center!important;gap:13px!important;min-height:44px!important;margin:0!important;padding:0 27px 0 31px!important;border-radius:0!important;border:0!important;background:transparent!important;color:#a7b1c5!important;font-size:13px!important;font-weight:520!important;text-decoration:none!important}
body.app-page .nav.enterprise-nav a svg{width:18px!important;height:18px!important;color:#7694d5!important;opacity:.95!important;flex:0 0 auto!important}
body.app-page .nav.enterprise-nav a:hover{background:rgba(255,255,255,.035)!important;color:#fff!important}
body.app-page .nav.enterprise-nav a.active{background:linear-gradient(90deg,rgba(29,104,210,.19),rgba(29,104,210,.04))!important;color:#f3f7ff!important;font-weight:690!important}
body.app-page .nav.enterprise-nav a.active:before{content:"";position:absolute;left:0;top:7px;bottom:7px;width:3px;border-radius:0 3px 3px 0;background:#2188ff}
body.app-page .nav.enterprise-nav .badge{margin-left:auto!important;min-width:19px!important;height:19px!important;padding:0 5px!important;border-radius:9px!important;background:#2a6ac4!important;color:#fff!important;font-size:10px!important;display:inline-grid!important;place-items:center!important}
body.app-page .logout{padding:10px 24px 22px!important;border-top:0!important;background:transparent!important}
body.app-page .logout .btn{justify-content:flex-start!important;border:0!important;background:transparent!important;color:#b9c1cf!important;padding:0 8px!important;height:42px!important;box-shadow:none!important;font-size:13px!important}
body.app-page .logout .btn svg{width:18px!important;height:18px!important}
body.app-page .topbar{position:fixed!important;z-index:75!important;left:296px!important;right:0!important;top:0!important;height:72px!important;padding:0 25px!important;display:flex!important;align-items:center!important;gap:13px!important;background:rgba(255,255,255,.98)!important;border-bottom:1px solid #e2e7ed!important;box-shadow:none!important;backdrop-filter:blur(8px)!important}
body.app-page .topbar-menu{width:40px!important;height:40px!important;border:0!important;background:transparent!important;color:#324157!important;border-radius:8px!important}
body.app-page .vf-top-context{display:flex!important;align-items:center!important;gap:10px!important;height:42px!important;min-width:245px!important;max-width:310px!important;padding:0 13px!important;border:1px solid #e0e5eb!important;border-radius:7px!important;background:#fff!important;color:#273449!important}
body.app-page .vf-top-context img{width:26px!important;height:26px!important;border-radius:7px!important;background:#eef4fc!important;object-fit:contain!important}
body.app-page .vf-top-context-copy{min-width:0!important;display:flex!important;align-items:center!important;gap:7px!important}
body.app-page .vf-top-context-copy strong{display:block!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;font-size:12px!important;font-weight:680!important;color:#243348!important}
body.app-page .vf-top-context-copy small{display:none!important}
body.app-page .vf-top-context-copy:after{content:"⌄";font-size:12px;color:#6c788b}
body.app-page .vf-top-search{flex:1 1 440px!important;max-width:520px!important;height:42px!important;border:1px solid #e0e5eb!important;border-radius:7px!important;background:#fff!important;color:#718097!important;display:flex!important;align-items:center!important;gap:9px!important;padding:0 14px!important;font-size:12px!important;text-align:left!important;cursor:pointer!important}
body.app-page .vf-top-search svg{width:17px!important;height:17px!important;stroke:currentColor!important;fill:none!important;stroke-width:1.8!important}
body.app-page .vf-top-search span{overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important}
body.app-page .top-spacer{flex:1 1 auto!important;min-width:5px!important}
body.app-page .topbar .icon-btn{position:relative!important;width:39px!important;height:39px!important;border:1px solid #e0e5eb!important;border-radius:7px!important;background:#fff!important;color:#3b485c!important;display:inline-grid!important;place-items:center!important;box-shadow:none!important}
body.app-page .topbar .icon-btn svg{width:18px!important;height:18px!important}
body.app-page .notification-btn b{position:absolute!important;right:-4px!important;top:-5px!important;min-width:17px!important;height:17px!important;border-radius:9px!important;background:#a84040!important;color:#fff!important;font-size:9px!important;display:grid!important;place-items:center!important;border:2px solid #fff!important}
body.app-page .vf-ai-top-button{width:39px!important;height:39px!important;border:1px solid #e0e5eb!important;border-radius:7px!important;background:#fff!important;color:#303d52!important;display:grid!important;place-items:center!important;cursor:pointer!important}
body.app-page .vf-ai-top-button svg{width:19px!important;height:19px!important;fill:none!important;stroke:currentColor!important;stroke-width:1.7!important}
body.app-page .vf-user-chip{display:flex!important;align-items:center!important;gap:9px!important;height:44px!important;min-width:190px!important;max-width:240px!important;padding:0 10px!important;border:1px solid #e0e5eb!important;border-radius:7px!important;background:#fff!important}
body.app-page .vf-user-avatar{width:33px!important;height:33px!important;border-radius:7px!important;background:#e8eef8!important;color:#2d527d!important;display:grid!important;place-items:center!important;font-size:13px!important;font-weight:760!important}
body.app-page .vf-user-copy{min-width:0!important}
body.app-page .vf-user-copy strong{display:block!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;font-size:11px!important;line-height:1.2!important;color:#283649!important}
body.app-page .vf-user-copy small{display:block!important;margin-top:2px!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;font-size:9px!important;color:#788598!important}
body.app-page .main{margin-left:296px!important;padding:92px 28px 42px!important;min-width:0!important;min-height:100vh!important;background:#f7f9fb!important}
body.app-page .vf-health-ai-bar{height:44px!important;margin:0 0 18px!important;border:1px solid #dce3ea!important;border-radius:8px!important;background:#fff!important;display:flex!important;align-items:center!important;gap:11px!important;padding:0 11px 0 15px!important;color:#68768a!important;box-shadow:var(--vh-shadow)!important;cursor:pointer!important}
body.app-page .vf-health-ai-bar svg{width:18px!important;height:18px!important;fill:none!important;stroke:#346ca5!important;stroke-width:1.8!important;flex:0 0 auto!important}
body.app-page .vf-health-ai-bar span{font-size:12px!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important}
body.app-page .vf-health-ai-bar span b{font-weight:690!important;color:#36465c!important}
body.app-page .vf-health-ai-bar strong{margin-left:auto!important;padding:5px 9px!important;border-radius:5px!important;background:#eef3fb!important;color:#3f6493!important;font-size:9px!important;letter-spacing:.05em!important;white-space:nowrap!important}
body.app-page #page-content{width:100%!important;max-width:none!important;margin:0!important}
body.app-page #page-content>.page-header:first-child,body.app-page #page-content>.dashboard-head:first-child{margin-top:0!important}
body.app-page .card,body.app-page .kpi,body.app-page .panel,body.app-page .stat-card{border:1px solid #dde4eb!important;border-radius:10px!important;background:#fff!important;box-shadow:var(--vh-shadow)!important}
body.app-page h1,body.app-page h2,body.app-page h3{color:#1c2a3e!important;letter-spacing:-.02em!important}
body.app-page .app-copyright{color:#8b97a8!important;font-size:11px!important}
body.app-page .app-copyright a{color:#507da9!important}
body.app-page .backdrop{z-index:78!important}

/* ---------- Standalone master + agent shell using same geometry ---------- */
body.vf-standalone{margin:0;background:#f7f9fb;color:var(--vh-ink);font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
body.vf-standalone .vf-standalone-sidebar{position:fixed;z-index:50;left:0;top:0;bottom:0;width:296px;background:#202637;color:#dfe6f2;display:flex;flex-direction:column}
body.vf-standalone .vf-side-brand{height:96px;display:flex;align-items:center;gap:15px;padding:0 28px;background:#f8fafc;border-bottom:1px solid #e4e9ef;color:#2a72be}
body.vf-standalone .vf-side-brand img{width:47px;height:47px;border-radius:12px;background:#edf4ff;object-fit:contain}
body.vf-standalone .vf-side-brand strong{font-size:22px;font-weight:760;color:#2a72be;text-transform:uppercase}
body.vf-standalone .vf-standalone-nav{padding:17px 0;overflow:auto;flex:1}
body.vf-standalone .vf-nav-label{padding:13px 31px 9px;color:#7891d8;font-size:13px;letter-spacing:.07em;text-transform:uppercase}
body.vf-standalone .vf-standalone-nav a{position:relative;display:flex;align-items:center;gap:12px;height:44px;padding:0 31px;color:#a7b1c5;text-decoration:none;font-size:13px}
body.vf-standalone .vf-standalone-nav a:hover,body.vf-standalone .vf-standalone-nav a.active{background:linear-gradient(90deg,rgba(29,104,210,.19),rgba(29,104,210,.04));color:#fff}
body.vf-standalone .vf-standalone-nav a.active:before{content:"";position:absolute;left:0;top:7px;bottom:7px;width:3px;background:#2188ff;border-radius:0 3px 3px 0}
body.vf-standalone .vf-standalone-logout{padding:10px 25px 23px}
body.vf-standalone .vf-standalone-logout a{color:#b9c1cf;text-decoration:none;font-size:13px}
body.vf-standalone .vf-standalone-topbar{position:fixed;z-index:45;left:296px;right:0;top:0;height:72px;padding:0 25px;display:flex;align-items:center;gap:13px;background:rgba(255,255,255,.98);border-bottom:1px solid #e2e7ed}
body.vf-standalone .vf-menu-button{width:40px;height:40px;border:0;background:transparent;color:#344157;font-size:23px;cursor:pointer}
body.vf-standalone .vf-top-context{display:flex;align-items:center;gap:10px;height:42px;min-width:245px;max-width:310px;padding:0 13px;border:1px solid #e0e5eb;border-radius:7px;background:#fff}
body.vf-standalone .vf-top-context img{width:26px;height:26px;border-radius:7px;background:#eef4fc;object-fit:contain}
body.vf-standalone .vf-top-context strong{font-size:12px;font-weight:680;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
body.vf-standalone .vf-top-search-field{flex:1 1 450px;max-width:520px;height:42px;border:1px solid #e0e5eb;border-radius:7px;background:#fff;padding:0 14px;font:inherit;font-size:12px;color:#445267;outline:none}
body.vf-standalone .vf-top-search-field:focus{border-color:#76aee8;box-shadow:0 0 0 3px rgba(31,116,215,.08)}
body.vf-standalone .vf-user-chip{margin-left:auto;display:flex;align-items:center;gap:9px;height:44px;min-width:190px;max-width:240px;padding:0 10px;border:1px solid #e0e5eb;border-radius:7px;background:#fff}
body.vf-standalone .vf-user-avatar{width:33px;height:33px;border-radius:7px;background:#e8eef8;color:#2d527d;display:grid;place-items:center;font-size:13px;font-weight:760}
body.vf-standalone .vf-user-copy{min-width:0}
body.vf-standalone .vf-user-copy strong{display:block;font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
body.vf-standalone .vf-user-copy small{display:block;margin-top:2px;font-size:9px;color:#788598;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
body.vf-standalone .wrap{max-width:none!important;margin:0 0 0 296px!important;padding:92px 28px 52px!important;background:#f7f9fb!important;min-height:100vh!important}
body.vf-standalone .vf-health-ai-bar{height:44px;margin:0 0 18px;border:1px solid #dce3ea;border-radius:8px;background:#fff;display:flex;align-items:center;gap:11px;padding:0 11px 0 15px;color:#68768a;box-shadow:var(--vh-shadow)}
body.vf-standalone .vf-health-ai-bar .vf-ai-glyph{font-size:18px;color:#346ca5}
body.vf-standalone .vf-health-ai-bar input{flex:1;border:0;outline:0;background:transparent;font:inherit;font-size:12px;color:#344257;min-width:0}
body.vf-standalone .vf-health-ai-bar strong{padding:5px 9px;border-radius:5px;background:#eef3fb;color:#3f6493;font-size:9px;letter-spacing:.05em;white-space:nowrap}
body.vf-standalone .top{margin:0 0 18px!important}
body.vf-standalone .top h1{font-size:28px!important;font-weight:690!important;letter-spacing:-.025em!important}
body.vf-standalone .top p{font-size:13px!important;color:#788598!important}
body.vf-standalone .card{border:1px solid #dde4eb!important;border-radius:10px!important;box-shadow:var(--vh-shadow)!important;background:#fff!important}
body.vf-standalone .stats{gap:10px!important;margin:15px 0!important}
body.vf-standalone .stat strong{font-size:24px!important;font-weight:620!important}
body.vf-standalone .stat span{font-size:11px!important;color:#6f7d91!important}
body.vf-standalone .tabs{top:72px!important;background:#f7f9fb!important}

/* ---------- Forgot password secure-access parity ---------- */
body.vf-auth-page{margin:0;background:#fff;color:var(--vh-ink);font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
.vf-auth-shell{display:grid;grid-template-columns:minmax(520px,46.5%) minmax(560px,53.5%);min-height:100vh}
.vf-auth-showcase{position:relative;padding:54px 68px 42px;background:linear-gradient(152deg,#1a212c 0%,#1d2638 57%,#153a7e 100%);color:#fff;display:flex;flex-direction:column;overflow:hidden}
.vf-auth-showcase:before{content:"";position:absolute;left:-5%;right:-10%;bottom:-18%;height:54%;background:radial-gradient(circle at 72% 10%,rgba(16,103,238,.40),transparent 48%)}
.vf-auth-brand{position:relative;z-index:1;display:flex;align-items:center;gap:15px;color:#1682ff;font-size:26px;font-weight:760}
.vf-auth-brand img{width:48px;height:48px;border-radius:13px;background:#eef5ff;object-fit:contain}
.vf-auth-copy{position:relative;z-index:1;margin:auto 0 0;padding-bottom:21vh;max-width:520px}
.vf-auth-copy small{display:block;margin-bottom:18px;color:#36a2ff;font-size:12px;font-weight:760;letter-spacing:.13em;text-transform:uppercase}
.vf-auth-copy h2{margin:0;color:#fff;font-size:clamp(34px,3vw,46px);line-height:1.06;letter-spacing:-.035em}
.vf-auth-foot{position:relative;z-index:1;color:rgba(255,255,255,.65);font-size:13px}
.vf-auth-main{display:grid;place-items:center;padding:34px;background:#fff}
.vf-auth-card{width:min(440px,100%)}
.vf-auth-logo{display:flex;align-items:center;gap:12px;margin-bottom:28px}
.vf-auth-logo img{width:52px;height:52px;border-radius:14px;background:#eef5ff;object-fit:contain}
.vf-auth-logo strong{display:block;font-size:22px;text-transform:uppercase;color:#1b2330}
.vf-auth-logo small{display:block;margin-top:5px;color:#167de9;font-size:10px;letter-spacing:.16em;font-weight:760;text-transform:uppercase}
.vf-auth-card .secure-label{display:block;margin-bottom:9px;color:#1780eb;font-size:10px;font-weight:800;letter-spacing:.18em}
.vf-auth-card h1{margin:0 0 7px;font-family:Georgia,"Times New Roman",serif;font-size:34px;line-height:1.05;color:#182336}
.vf-auth-card .sub{margin:0 0 18px;color:#7a8798;font-size:14px;line-height:1.5}
.vf-auth-card .label{display:block;margin:15px 0 7px;color:#27364a;font-size:12px;font-weight:720}
.vf-auth-card .field{width:100%;height:50px;border:1px solid #dce3ea;border-radius:4px;background:#fff;padding:0 14px;box-sizing:border-box;font:inherit;font-size:14px;outline:none}
.vf-auth-card .field:focus{border-color:#5aa7f2;box-shadow:0 0 0 3px rgba(23,126,235,.09)}
.vf-auth-card .password{position:relative}
.vf-auth-card .password .field{padding-right:66px}
.vf-auth-card .eye{position:absolute;right:8px;top:50%;transform:translateY(-50%);height:36px;padding:0 9px;border:0;background:transparent;color:#3075b8;font-size:12px;font-weight:680;cursor:pointer}
.vf-auth-card .eye svg{display:none}
.vf-auth-card .eye:after{content:"Show"}
.vf-auth-card .btn{width:100%;height:52px;margin-top:21px;border:0;border-radius:8px;background:linear-gradient(90deg,#1789ec,#136dd6);color:#fff;font-weight:760;cursor:pointer}
.vf-auth-card .back{display:block;text-align:center;margin-top:17px;color:#236da7;text-decoration:none;font-size:12px}
.vf-auth-card .alert{padding:12px 14px;border-radius:6px;margin:0 0 14px;font-size:13px}
.vf-auth-card .bad{background:#fff1f2;border:1px solid #efc9cf;color:#8d2e39}
.vf-auth-card .ok{background:#edf7f2;border:1px solid #cbe8da;color:#176d49}

@media(max-width:1120px){
  body.app-page .sidebar{width:250px!important}
  body.app-page .topbar{left:250px!important}
  body.app-page .main{margin-left:250px!important}
  body.app-page .vf-side-brand{padding:0 22px!important}
  body.app-page .nav.enterprise-nav summary,body.app-page .nav.enterprise-nav a{padding-left:24px!important;padding-right:20px!important}
  body.app-page .vf-top-context{min-width:185px!important;max-width:220px!important}
  body.app-page .vf-user-chip{min-width:150px!important}
  body.vf-standalone .vf-standalone-sidebar{width:250px}
  body.vf-standalone .vf-standalone-topbar{left:250px}
  body.vf-standalone .wrap{margin-left:250px!important}
}
@media(max-width:900px){
  body.login-page .login-shell,.vf-auth-shell{grid-template-columns:1fr!important}
  body.login-page .login-showcase,.vf-auth-showcase{display:none!important}
  body.login-page form.login-card{width:min(430px,calc(100% - 36px))!important;padding:46px 0!important}
  body.app-page .sidebar{transform:translateX(-100%);width:286px!important;transition:transform .2s ease!important}
  body.app-page.sidebar-open .sidebar,body.app-page .app.sidebar-open .sidebar{transform:translateX(0)!important}
  body.app-page .topbar{left:0!important;padding:0 14px!important;gap:8px!important}
  body.app-page .main{margin-left:0!important;padding:88px 14px 34px!important}
  body.app-page .vf-top-context{display:none!important}
  body.app-page .vf-top-search{max-width:none!important;flex:1!important}
  body.app-page .vf-user-chip{min-width:42px!important;width:42px!important;padding:4px!important;justify-content:center!important}
  body.app-page .vf-user-copy{display:none!important}
  body.vf-standalone .vf-standalone-sidebar{transform:translateX(-100%);transition:transform .2s ease;width:286px}
  body.vf-standalone.vf-sidebar-open .vf-standalone-sidebar{transform:translateX(0)}
  body.vf-standalone .vf-standalone-topbar{left:0;padding:0 14px}
  body.vf-standalone .vf-top-context{display:none}
  body.vf-standalone .wrap{margin-left:0!important;padding:88px 14px 40px!important}
  body.vf-standalone .vf-user-chip{min-width:42px;width:42px;padding:4px;justify-content:center}
  body.vf-standalone .vf-user-copy{display:none}
}
@media(max-width:620px){
  body.login-page form.login-card{width:min(420px,calc(100% - 30px))!important;padding:32px 0!important}
  body.login-page .login-brand-lockup{margin-bottom:24px!important}
  body.login-page .login-register-action{flex-direction:column!important;gap:9px!important}
  body.app-page .vf-top-search span{font-size:0!important}
  body.app-page .vf-top-search span:after{content:"Search";font-size:12px!important}
  body.app-page .topbar .icon-btn:nth-of-type(n+3){display:none!important}
  body.app-page .vf-ai-top-button{display:none!important}
  body.app-page .main{padding-left:10px!important;padding-right:10px!important}
  body.app-page .vf-health-ai-bar{margin-bottom:13px!important}
  body.vf-standalone .vf-top-search-field{min-width:0}
  body.vf-standalone .wrap{padding-left:10px!important;padding-right:10px!important}
  .vf-auth-main{padding:28px 20px}
}

/* ---------- Finance Command Centre: mirrors the supplied Vozua Health dashboard composition ---------- */
body.app-page .vh-command-centre{width:100%;min-width:0}
body.app-page .vh-command-centre .page-head{display:flex!important;align-items:flex-end!important;justify-content:space-between!important;gap:18px!important;margin:0 0 14px!important;padding:0!important}
body.app-page .vh-command-centre .page-head h1{margin:0!important;font-size:28px!important;line-height:1.12!important;font-weight:650!important;color:#1a273a!important}
body.app-page .vh-command-centre .page-head p{margin:5px 0 0!important;color:#6f7d91!important;font-size:12px!important}
body.app-page .vh-command-kpis{display:grid!important;grid-template-columns:repeat(6,minmax(0,1fr))!important;gap:9px!important;margin:0 0 10px!important}
body.app-page .vh-command-kpi{display:block!important;min-width:0!important;min-height:89px!important;padding:13px 14px!important;border:1px solid #dfe5ec!important;border-radius:9px!important;background:#fff!important;color:#1e2a3c!important;text-decoration:none!important;box-shadow:0 1px 2px rgba(18,35,58,.035)!important;transition:border-color .16s ease,transform .16s ease!important}
body.app-page .vh-command-kpi:hover{border-color:#b8c8d9!important;transform:translateY(-1px)!important}
body.app-page .vh-command-kpi span{display:block!important;color:#69778c!important;font-size:10px!important;font-weight:600!important;margin-bottom:8px!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
body.app-page .vh-command-kpi strong{display:block!important;color:#202b3d!important;font-size:16px!important;line-height:1.14!important;font-weight:580!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
body.app-page .vh-command-kpi small{display:block!important;color:#8a95a6!important;font-size:9px!important;margin-top:7px!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
body.app-page .vh-command-alerts{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:9px!important;margin:0 0 18px!important}
body.app-page .vh-command-alerts>a{position:relative!important;display:block!important;min-width:0!important;min-height:74px!important;padding:12px 14px 12px 18px!important;border:1px solid #dfe5ec!important;border-radius:9px!important;background:#fff!important;color:#1f2d40!important;text-decoration:none!important;box-shadow:0 1px 2px rgba(18,35,58,.035)!important}
body.app-page .vh-command-alerts>a:before{content:"";position:absolute;left:0;top:12px;bottom:12px;width:2px;border-radius:0 2px 2px 0;background:#5f7ea5}
body.app-page .vh-command-alerts>a:nth-child(2):before{background:#7f70c3}
body.app-page .vh-command-alerts>a:nth-child(3):before{background:#4f9b7e}
body.app-page .vh-command-alerts>a:nth-child(4):before{background:#3b78b8}
body.app-page .vh-command-alerts span{display:block;color:#7a8798;font-size:10px;margin-bottom:6px}
body.app-page .vh-command-alerts strong{display:block;color:#233146;font-size:14px;font-weight:590;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
body.app-page .vh-command-alerts small{display:block;margin-top:5px;color:#9aa4b2;font-size:9px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
body.app-page .vh-command-grid{display:grid!important;grid-template-columns:1.45fr .8fr 1fr!important;gap:18px!important;margin:0 0 18px!important}
body.app-page .vh-command-panel{min-width:0!important;padding:18px!important;border:1px solid #dfe5ec!important;border-radius:10px!important;background:#fff!important;box-shadow:0 1px 2px rgba(18,35,58,.035)!important}
body.app-page .vh-command-panel>header{display:flex!important;align-items:flex-start!important;justify-content:space-between!important;gap:12px!important;margin-bottom:17px!important}
body.app-page .vh-command-panel>header h2{margin:0!important;font-size:16px!important;line-height:1.2!important;font-weight:610!important;color:#223044!important}
body.app-page .vh-command-panel>header p{margin:4px 0 0!important;color:#8a95a6!important;font-size:10px!important;line-height:1.45!important}
body.app-page .vh-command-panel>header>a{color:#617895!important;text-decoration:none!important;font-size:10px!important;white-space:nowrap!important}
body.app-page .vh-flow-list{display:grid!important;gap:12px!important}
body.app-page .vh-flow-list>a{display:grid!important;grid-template-columns:96px minmax(80px,1fr) 28px!important;align-items:center!important;gap:10px!important;color:#66758a!important;text-decoration:none!important;font-size:10px!important}
body.app-page .vh-flow-list i,body.app-page .vh-finance-list i{display:block!important;position:relative!important;height:6px!important;background:#eef2f6!important;border-radius:7px!important;overflow:hidden!important}
body.app-page .vh-flow-list i b{display:block!important;height:100%!important;border-radius:7px!important;background:#2e88dd!important}
body.app-page .vh-flow-list>a:nth-child(3) i b{background:#7894c2!important}
body.app-page .vh-flow-list>a:nth-child(4) i b{background:#4d86c3!important}
body.app-page .vh-flow-list>a:nth-child(5) i b{background:#7891aa!important}
body.app-page .vh-flow-list strong{justify-self:end!important;color:#344357!important;font-size:10px!important;font-weight:580!important}
body.app-page .vh-rings{display:grid!important;grid-template-columns:1fr 1fr!important;gap:12px!important;align-items:start!important}
body.app-page .vh-rings>a{display:grid!important;justify-items:center!important;gap:8px!important;text-decoration:none!important;color:#768498!important}
body.app-page .vh-ring{--p:0;position:relative;width:92px;height:92px;border-radius:50%;background:conic-gradient(#2384da calc(var(--p)*1%),#e8edf3 0)!important;display:grid;place-items:center}
body.app-page .vh-ring:before{content:"";position:absolute;inset:9px;border-radius:50%;background:#fff}
body.app-page .vh-ring-alt{background:conic-gradient(#a65591 calc(var(--p)*1%),#eee9ef 0)!important}
body.app-page .vh-ring span{position:relative;z-index:1;display:grid;justify-items:center}
body.app-page .vh-ring strong{font-size:16px!important;color:#2c394d!important;font-weight:620!important}
body.app-page .vh-ring small{font-size:8px!important;color:#8794a5!important;margin-top:2px!important}
body.app-page .vh-rings>a>small{font-size:9px!important;color:#8995a5!important}
body.app-page .vh-capacity-foot{display:grid!important;grid-template-columns:1fr 1fr!important;gap:9px!important;margin-top:17px!important;padding-top:13px!important;border-top:1px solid #edf1f4!important}
body.app-page .vh-capacity-foot span{display:block!important;color:#8b96a6!important;font-size:8px!important}
body.app-page .vh-capacity-foot strong{display:block!important;margin-top:4px!important;color:#39475a!important;font-size:10px!important;font-weight:590!important}
body.app-page .vh-finance-list{display:grid!important;gap:13px!important}
body.app-page .vh-finance-list>a{display:grid!important;grid-template-columns:74px minmax(65px,1fr) 82px!important;align-items:center!important;gap:9px!important;color:#6f7d91!important;text-decoration:none!important;font-size:9px!important}
body.app-page .vh-finance-list i b{display:block!important;height:100%!important;border-radius:7px!important;background:#2a80cb!important}
body.app-page .vh-finance-list>a:nth-child(2) i b{background:#547ead!important}
body.app-page .vh-finance-list>a:nth-child(3) i b{background:#4f9a8d!important}
body.app-page .vh-finance-list>a:nth-child(4) i b{background:#7a70a8!important}
body.app-page .vh-finance-list strong{justify-self:end!important;color:#3b4859!important;font-size:9px!important;font-weight:570!important;white-space:nowrap!important}
body.app-page .vh-command-bottom{display:grid!important;grid-template-columns:1fr 1fr!important;gap:18px!important}
body.app-page .vh-control-list,body.app-page .vh-position-list{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:9px!important}
body.app-page .vh-control-list>a,body.app-page .vh-position-list>div{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:10px!important;min-height:44px!important;padding:10px 12px!important;border:1px solid #edf1f4!important;border-radius:7px!important;background:#fbfcfd!important;color:#657387!important;text-decoration:none!important;font-size:10px!important}
body.app-page .vh-control-list strong,body.app-page .vh-position-list strong{color:#324154!important;font-size:10px!important;font-weight:620!important;text-align:right!important}
@media(max-width:1280px){body.app-page .vh-command-kpis{grid-template-columns:repeat(3,minmax(0,1fr))!important}body.app-page .vh-command-grid{grid-template-columns:1.2fr .9fr!important}.vh-finance-panel{grid-column:1/-1!important}}
@media(max-width:760px){body.app-page .vh-command-kpis{grid-template-columns:repeat(2,minmax(0,1fr))!important}body.app-page .vh-command-alerts{grid-template-columns:repeat(2,minmax(0,1fr))!important}body.app-page .vh-command-grid,body.app-page .vh-command-bottom{grid-template-columns:1fr!important}body.app-page .vh-flow-list>a{grid-template-columns:90px minmax(70px,1fr) 24px!important}body.app-page .vh-command-centre .page-head h1{font-size:24px!important}}

/* Final screenshot-parity refinements */
body.login-page .login-brand-lockup{grid-template-rows:auto!important}
body.login-page .login-brand-lockup .login-logo{grid-row:1!important}
body.login-page .login-brand-lockup small{display:none!important}
.vf-auth-logo small{display:none!important}
body.app-page .vf-top-context:after,body.vf-standalone .vf-top-context:after{content:"⌄";margin-left:auto;color:#7e8999;font-size:12px}
body.app-page .vf-user-chip:after,body.vf-standalone .vf-user-chip:after{content:"⌄";margin-left:auto;color:#7e8999;font-size:11px}

/* ===== 2026-09-09 V3 usability correction ===== */
/* Desktop menu must always remain visible so a collapsed sidebar can always reopen. */
@media(min-width:1001px){
  body.app-page .topbar-menu{display:grid!important;flex:0 0 40px!important}
  body.app-page.sidebar-collapsed .sidebar,
  body.app-page .app.sidebar-collapsed .sidebar{width:76px!important;min-width:76px!important;overflow:visible!important}
  body.app-page.sidebar-collapsed .topbar,
  body.app-page .app.sidebar-collapsed .topbar{left:76px!important}
  body.app-page.sidebar-collapsed .main,
  body.app-page .app.sidebar-collapsed .main{margin-left:76px!important;width:calc(100% - 76px)!important}
  body.app-page.sidebar-collapsed .vf-side-brand,
  body.app-page .app.sidebar-collapsed .vf-side-brand{padding:0!important;justify-content:center!important;gap:0!important}
  body.app-page.sidebar-collapsed .vf-side-brand strong,
  body.app-page .app.sidebar-collapsed .vf-side-brand strong{display:none!important}
  body.app-page.sidebar-collapsed .vf-side-brand img,
  body.app-page .app.sidebar-collapsed .vf-side-brand img{width:42px!important;height:42px!important}
  body.app-page.sidebar-collapsed .sidebar-scroll,
  body.app-page .app.sidebar-collapsed .sidebar-scroll{overflow-x:visible!important;padding-left:0!important;padding-right:0!important}
  body.app-page.sidebar-collapsed .enterprise-nav summary,
  body.app-page .app.sidebar-collapsed .enterprise-nav summary{display:none!important}
  body.app-page.sidebar-collapsed .enterprise-nav details>div,
  body.app-page .app.sidebar-collapsed .enterprise-nav details>div{display:block!important;padding:3px 0!important}
  body.app-page.sidebar-collapsed .enterprise-nav a,
  body.app-page .app.sidebar-collapsed .enterprise-nav a{width:52px!important;min-width:52px!important;height:44px!important;min-height:44px!important;margin:3px auto!important;padding:0!important;justify-content:center!important;border-radius:9px!important}
  body.app-page.sidebar-collapsed .enterprise-nav a>span:not(.badge),
  body.app-page .app.sidebar-collapsed .enterprise-nav a>span:not(.badge){display:none!important}
  body.app-page.sidebar-collapsed .enterprise-nav .badge,
  body.app-page .app.sidebar-collapsed .enterprise-nav .badge{position:absolute!important;right:0!important;top:1px!important}
  body.app-page.sidebar-collapsed .logout,
  body.app-page .app.sidebar-collapsed .logout{padding-left:10px!important;padding-right:10px!important}
  body.app-page.sidebar-collapsed .logout .btn,
  body.app-page .app.sidebar-collapsed .logout .btn{width:52px!important;min-width:52px!important;padding:0!important;justify-content:center!important}
  body.app-page.sidebar-collapsed .logout .btn span,
  body.app-page .app.sidebar-collapsed .logout .btn span{display:none!important}
}

/* The top header no longer carries another search: it stays clean and compact. */
body.app-page .topbar>.top-spacer{flex:1 1 auto!important}
body.app-page .vf-top-search,body.app-page .vf-ai-top-button{display:none!important}

/* One inline AI search. Search results stay attached to the visible field. */
.vf-inline-search-wrap{position:relative;z-index:70;margin:0 0 18px}
body.app-page .vf-inline-search-wrap .vf-health-ai-bar,
body.vf-standalone .vf-inline-search-wrap .vf-health-ai-bar{margin-bottom:0!important;cursor:text!important}
body.app-page .vf-inline-search-bar input,
body.vf-standalone .vf-inline-search-bar input{flex:1 1 auto;min-width:0;height:40px;border:0!important;outline:0!important;background:transparent!important;color:#344257!important;font:inherit!important;font-size:12px!important;box-shadow:none!important;padding:0!important}
body.app-page .vf-inline-search-bar input::placeholder,
body.vf-standalone .vf-inline-search-bar input::placeholder{color:#77869a;opacity:1}
.vf-inline-search-results{position:absolute;left:0;right:0;top:50px;z-index:200;max-height:min(440px,58vh);overflow:auto;border:1px solid #dbe3eb;border-radius:10px;background:#fff;box-shadow:0 18px 42px rgba(26,43,68,.16);padding:6px}
.vf-inline-search-results[hidden]{display:none!important}
.vf-inline-search-caption{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:8px 10px 7px;border-bottom:1px solid #edf1f5;color:#506176;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.06em}
.vf-inline-search-caption small{font-size:9px;color:#8a96a6;text-transform:none;letter-spacing:0;font-weight:600}
.vf-inline-search-result{width:100%;display:grid;grid-template-columns:32px minmax(0,1fr) auto 20px;align-items:center;gap:10px;min-height:54px;padding:7px 9px;border:0;border-bottom:1px solid #f0f3f6;background:#fff;color:#28374b;text-decoration:none;text-align:left;font:inherit;cursor:pointer}
.vf-inline-search-result:last-child{border-bottom:0}
.vf-inline-search-result:hover,.vf-inline-search-result:focus{background:#f6f9fc;outline:0}
.vf-inline-result-mark{width:30px;height:30px;border-radius:8px;display:grid;place-items:center;background:#edf4fb;color:#35628f;font-size:11px;font-weight:800;text-transform:uppercase}
.vf-inline-result-copy{min-width:0}
.vf-inline-result-copy strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#26364a;font-size:11px;font-weight:700}
.vf-inline-result-copy small{display:block;margin-top:3px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#7c8999;font-size:9.5px}
.vf-inline-search-result em{font-style:normal;color:#6d7e91;font-size:9px;white-space:nowrap}
.vf-inline-result-arrow{color:#8da0b3;font-size:19px;line-height:1}
.vf-inline-search-empty{padding:17px 13px;text-align:center}
.vf-inline-search-empty strong{display:block;color:#34465b;font-size:12px}
.vf-inline-search-empty span{display:block;margin-top:4px;color:#8491a2;font-size:10px}
.vf-inline-search-loading{display:flex;align-items:center;justify-content:center;gap:8px;padding:16px;color:#708096;font-size:10px}
.vf-inline-search-loading span{width:14px;height:14px;border-radius:50%;background:repeating-conic-gradient(#587ba0 0deg 9deg,transparent 9deg 30deg);-webkit-mask:radial-gradient(farthest-side,transparent calc(100% - 3px),#000 0);mask:radial-gradient(farthest-side,transparent calc(100% - 3px),#000 0);animation:vfInlineSearchSpin .55s linear infinite}
@keyframes vfInlineSearchSpin{to{transform:rotate(360deg)}}
.vf-search-hit{outline:2px solid rgba(33,126,219,.34)!important;outline-offset:3px!important;transition:outline-color .45s ease!important}

/* Standalone Master/Agent desktop collapse is reversible and keeps FINANCE inside its brand area. */
@media(min-width:901px){
  body.vf-standalone.vf-sidebar-collapsed .vf-standalone-sidebar{width:76px}
  body.vf-standalone.vf-sidebar-collapsed .vf-standalone-topbar{left:76px}
  body.vf-standalone.vf-sidebar-collapsed .wrap{margin-left:76px!important}
  body.vf-standalone.vf-sidebar-collapsed .vf-side-brand{padding:0;justify-content:center;gap:0}
  body.vf-standalone.vf-sidebar-collapsed .vf-side-brand strong{display:none}
  body.vf-standalone.vf-sidebar-collapsed .vf-side-brand img{width:42px;height:42px}
  body.vf-standalone.vf-sidebar-collapsed .vf-nav-label{display:none}
  body.vf-standalone.vf-sidebar-collapsed .vf-standalone-nav a{justify-content:center;height:44px;padding:0 5px;font-size:0}
  body.vf-standalone.vf-sidebar-collapsed .vf-standalone-nav a:after{content:"•";font-size:20px;color:#7891d8}
  body.vf-standalone.vf-sidebar-collapsed .vf-standalone-nav a.active:after{color:#fff}
  body.vf-standalone.vf-sidebar-collapsed .vf-standalone-logout{padding:10px 0 22px;text-align:center}
  body.vf-standalone.vf-sidebar-collapsed .vf-standalone-logout a{font-size:0}
  body.vf-standalone.vf-sidebar-collapsed .vf-standalone-logout a:after{content:"↪";font-size:18px}
}

@media(max-width:620px){
  .vf-inline-search-wrap{margin-bottom:13px}
  .vf-inline-search-results{top:48px;left:0;right:0;max-height:52vh}
  .vf-inline-search-result{grid-template-columns:30px minmax(0,1fr) 18px}
  .vf-inline-search-result em{display:none}
  body.app-page .vf-inline-search-bar strong,body.vf-standalone .vf-inline-search-bar strong{display:none!important}
}

/* ===== 2026-09-09 V4 header-search + brand correction ===== */
/* Match the clean Vozua Health lockup: text, not a stylised FINANCE wordmark. */
body.app-page .vf-side-brand strong,
body.vf-standalone .vf-side-brand strong{
  font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif!important;
  font-size:20px!important;
  line-height:1!important;
  font-weight:720!important;
  letter-spacing:-.025em!important;
  text-transform:none!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}

/* The single AI Search now lives inside the header and expands through all available space. */
body.app-page .topbar .vf-top-inline-search,
body.vf-standalone .vf-standalone-topbar .vf-top-inline-search{
  position:relative!important;
  z-index:95!important;
  flex:1 1 620px!important;
  min-width:170px!important;
  max-width:none!important;
  width:auto!important;
  margin:0!important;
}
body.app-page .topbar .vf-top-inline-search .vf-health-ai-bar,
body.vf-standalone .vf-standalone-topbar .vf-top-inline-search .vf-health-ai-bar{
  width:100%!important;
  height:42px!important;
  min-height:42px!important;
  margin:0!important;
  box-sizing:border-box!important;
  border-radius:7px!important;
  box-shadow:none!important;
}
body.app-page .topbar .vf-top-inline-search .vf-inline-search-results,
body.vf-standalone .vf-standalone-topbar .vf-top-inline-search .vf-inline-search-results{
  top:48px!important;
  left:0!important;
  right:0!important;
  width:auto!important;
  max-height:min(440px,58vh)!important;
}
body.app-page .topbar .vf-top-inline-search input,
body.vf-standalone .vf-standalone-topbar .vf-top-inline-search input{
  width:100%!important;
}
body.app-page .topbar>.top-spacer{display:none!important}

/* Keep the header balanced on smaller desktops while preserving a long search field. */
@media (min-width:901px) and (max-width:1180px){
  body.app-page .vf-top-context{min-width:155px!important;max-width:180px!important}
  body.app-page .vf-user-chip{min-width:138px!important;max-width:170px!important}
  body.app-page .topbar{gap:9px!important;padding-left:16px!important;padding-right:16px!important}
  body.vf-standalone .vf-top-context{min-width:155px;max-width:180px}
  body.vf-standalone .vf-user-chip{min-width:138px;max-width:170px}
  body.vf-standalone .vf-standalone-topbar{gap:9px;padding-left:16px;padding-right:16px}
}

/* When the sidebar is collapsed, only the icon remains — never the Vozua Finance text. */
@media(min-width:901px){
  body.app-page.sidebar-collapsed .vf-side-brand strong,
  body.app-page .app.sidebar-collapsed .vf-side-brand strong,
  body.vf-standalone.vf-sidebar-collapsed .vf-side-brand strong{display:none!important}
}

/* Mobile/tablet: search still remains in the header and gets priority over secondary controls. */
@media(max-width:900px){
  body.app-page .topbar .vf-top-inline-search,
  body.vf-standalone .vf-standalone-topbar .vf-top-inline-search{flex:1 1 auto!important;min-width:0!important}
  body.app-page .topbar .vf-top-inline-search strong,
  body.vf-standalone .vf-standalone-topbar .vf-top-inline-search strong{display:none!important}
}
@media(max-width:620px){
  body.app-page .topbar>a.icon-btn:not(.notification-btn){display:none!important}
  body.app-page .topbar{gap:6px!important;padding-left:8px!important;padding-right:8px!important}
  body.app-page .topbar .vf-top-inline-search .vf-health-ai-bar,
  body.vf-standalone .vf-standalone-topbar .vf-top-inline-search .vf-health-ai-bar{padding-left:10px!important;padding-right:10px!important}
  body.app-page .topbar .vf-top-inline-search input,
  body.vf-standalone .vf-standalone-topbar .vf-top-inline-search input{font-size:11px!important}
}

/* ===== 2026-09-09 V5 overview + navigation UX refinement ===== */
/* Softer typography: retain hierarchy without heavy, unnecessary bold text. */
body.app-page .sidebar,
body.app-page .main,
body.vf-standalone{
  font-weight:400!important;
}
body.app-page .enterprise-nav summary,
body.app-page .enterprise-nav a,
body.app-page .enterprise-nav a span:not(.badge),
body.app-page .logout .btn,
body.vf-standalone .vf-standalone-nav a,
body.vf-standalone .vf-nav-label,
body.vf-standalone .vf-standalone-logout a{
  font-weight:460!important;
}
body.app-page .main h1,
body.app-page .main h2,
body.app-page .main h3,
body.app-page .main h4,
body.app-page .main strong,
body.app-page .main b,
body.app-page .main .btn,
body.vf-standalone h1,
body.vf-standalone h2,
body.vf-standalone h3,
body.vf-standalone strong,
body.vf-standalone b,
body.vf-standalone .btn{
  font-weight:540!important;
}
body.app-page .page-head h1,
body.vf-standalone .top h1{
  font-weight:520!important;
  letter-spacing:-.02em!important;
}
body.app-page .vf-side-brand strong,
body.vf-standalone .vf-side-brand strong{
  font-weight:600!important;
}
body.app-page .vf-user-chip strong,
body.app-page .vf-top-context strong,
body.vf-standalone .vf-user-chip strong,
body.vf-standalone .vf-top-context strong{
  font-weight:520!important;
}

/* One-open-at-a-time sidebar accordion. */
body.app-page .enterprise-nav details{
  margin:0 0 3px!important;
  border-radius:8px!important;
  overflow:hidden!important;
}
body.app-page .enterprise-nav details>summary{
  min-height:38px!important;
  padding:0 12px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:10px!important;
  color:#8e9aaf!important;
  font-size:10.5px!important;
  line-height:1.2!important;
  letter-spacing:.015em!important;
  text-transform:none!important;
  cursor:pointer!important;
  list-style:none!important;
  border-radius:7px!important;
  transition:background .16s ease,color .16s ease!important;
}
body.app-page .enterprise-nav details>summary::-webkit-details-marker{display:none!important}
body.app-page .enterprise-nav details>summary:hover{
  background:rgba(255,255,255,.055)!important;
  color:#dbe5f4!important;
}
body.app-page .enterprise-nav details[open]>summary{
  color:#ffffff!important;
  background:rgba(255,255,255,.075)!important;
}
body.app-page .enterprise-nav details>summary span{
  display:inline-block!important;
  color:inherit!important;
  font-size:12px!important;
  transform:rotate(-90deg)!important;
  transition:transform .17s ease!important;
}
body.app-page .enterprise-nav details[open]>summary span{transform:rotate(0deg)!important}
body.app-page .enterprise-nav details>div{
  padding:5px 0 7px!important;
}
body.app-page .enterprise-nav details[open]>div{
  animation:vfNavGroupReveal .16s ease-out both!important;
}
@keyframes vfNavGroupReveal{
  from{opacity:.25;transform:translateY(-3px)}
  to{opacity:1;transform:none}
}
body.app-page .enterprise-nav details>div>a{
  min-height:38px!important;
  margin:2px 6px!important;
  border-radius:7px!important;
}
body.app-page .enterprise-nav details>div>a.active{
  font-weight:500!important;
}

/* Logout stays clearly visible but calm and professional. */
body.app-page .sidebar .logout{
  padding:10px 12px 14px!important;
}
body.app-page .sidebar .logout .btn,
body.vf-standalone .vf-standalone-logout a{
  background:#0d223c!important;
  color:#ffffff!important;
  border:1px solid #183553!important;
  box-shadow:none!important;
  text-transform:none!important;
}
body.app-page .sidebar .logout .btn:hover,
body.vf-standalone .vf-standalone-logout a:hover{
  background:#173552!important;
  color:#ffffff!important;
}
body.app-page .sidebar .logout svg{stroke:#ffffff!important}

/* Overview wallet card: one clear balance with the two most useful actions. */
body.app-page .vf-overview-wallet{
  display:grid!important;
  grid-template-columns:minmax(280px,1.25fr) minmax(280px,.75fr)!important;
  gap:0!important;
  margin:0 0 14px!important;
  border:1px solid #dfe6ee!important;
  border-radius:12px!important;
  overflow:hidden!important;
  background:#ffffff!important;
  box-shadow:0 4px 16px rgba(30,48,73,.035)!important;
}
body.app-page .vf-wallet-balance{
  min-width:0!important;
  padding:20px 22px!important;
  background:linear-gradient(135deg,#0d223c 0%,#163653 100%)!important;
  color:#ffffff!important;
}
body.app-page .vf-wallet-balance-top{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:14px!important;
  margin-bottom:18px!important;
}
body.app-page .vf-wallet-label{
  font-size:11px!important;
  line-height:1.2!important;
  font-weight:500!important;
  letter-spacing:.015em!important;
  color:rgba(255,255,255,.9)!important;
}
body.app-page .vf-wallet-status{
  display:inline-flex!important;
  align-items:center!important;
  gap:6px!important;
  min-height:24px!important;
  padding:0 9px!important;
  border:1px solid rgba(255,255,255,.18)!important;
  border-radius:999px!important;
  background:rgba(255,255,255,.08)!important;
  color:#dfe9f4!important;
  font-size:9px!important;
  font-weight:450!important;
  white-space:nowrap!important;
}
body.app-page .vf-wallet-status:before{
  content:"";
  width:6px;height:6px;border-radius:50%;
  background:#91d5b8;
  box-shadow:0 0 0 3px rgba(145,213,184,.12);
}
body.app-page .vf-wallet-status.is-local:before{background:#c8d2df;box-shadow:none}
body.app-page .vf-wallet-balance-caption{
  display:block!important;
  margin-bottom:5px!important;
  color:rgba(255,255,255,.68)!important;
  font-size:10px!important;
}
body.app-page .vf-wallet-balance-value{
  display:block!important;
  max-width:100%!important;
  overflow-wrap:anywhere!important;
  color:#ffffff!important;
  font-size:clamp(26px,2.3vw,36px)!important;
  line-height:1.1!important;
  letter-spacing:-.03em!important;
  font-weight:520!important;
}
body.app-page .vf-wallet-balance>small{
  display:block!important;
  margin-top:9px!important;
  color:rgba(255,255,255,.64)!important;
  font-size:9.5px!important;
  line-height:1.45!important;
}
body.app-page .vf-wallet-actions{
  display:grid!important;
  grid-template-columns:1fr!important;
  align-content:center!important;
  gap:9px!important;
  padding:18px!important;
  background:#fbfcfe!important;
}
body.app-page .vf-wallet-action{
  display:grid!important;
  grid-template-columns:38px minmax(0,1fr)!important;
  align-items:center!important;
  gap:11px!important;
  min-height:58px!important;
  padding:9px 11px!important;
  border:1px solid #e1e7ee!important;
  border-radius:9px!important;
  background:#ffffff!important;
  color:#2d3f55!important;
  text-decoration:none!important;
  transition:border-color .16s ease,background .16s ease,transform .16s ease!important;
}
body.app-page .vf-wallet-action:hover{
  border-color:#cbd8e5!important;
  background:#f7fafc!important;
  transform:translateY(-1px)!important;
}
body.app-page .vf-wallet-action-icon{
  width:36px!important;height:36px!important;
  display:grid!important;place-items:center!important;
  border-radius:8px!important;
  background:#edf3f9!important;
  color:#244c72!important;
}
body.app-page .vf-wallet-action-icon svg{
  width:18px!important;height:18px!important;
  fill:none!important;stroke:currentColor!important;
  stroke-width:1.8!important;stroke-linecap:round!important;stroke-linejoin:round!important;
}
body.app-page .vf-wallet-action-title{
  display:block!important;
  color:#2b3c50!important;
  font-size:11px!important;
  line-height:1.25!important;
  font-weight:520!important;
}
body.app-page .vf-wallet-action small{
  display:block!important;
  margin-top:3px!important;
  color:#8490a0!important;
  font-size:9.5px!important;
  line-height:1.25!important;
}

/* Dashboard values remain readable, but no oversized heavy emphasis. */
body.app-page .vh-command-kpi strong,
body.app-page .vh-command-alerts strong,
body.app-page .vh-command-panel strong,
body.app-page .vh-ring strong{
  font-weight:530!important;
}
body.app-page .vh-command-panel>header h2{
  font-weight:520!important;
}

@media(max-width:920px){
  body.app-page .vf-overview-wallet{grid-template-columns:1fr!important}
  body.app-page .vf-wallet-actions{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}
@media(max-width:560px){
  body.app-page .vf-overview-wallet{border-radius:10px!important}
  body.app-page .vf-wallet-balance{padding:17px!important}
  body.app-page .vf-wallet-actions{grid-template-columns:1fr!important;padding:12px!important}
  body.app-page .vf-wallet-balance-value{font-size:27px!important}
}

/* Overview title is intentionally quiet, not a hero headline. */
body.app-page.page-dashboard .page-head h1,
body.vf-standalone .top h1{
  font-size:21px!important;
  line-height:1.25!important;
  text-transform:none!important;
}
body.app-page.page-dashboard .page-head p,
body.vf-standalone .top p{
  margin-top:4px!important;
  font-size:10.5px!important;
  color:#8793a3!important;
}

/* ===== 2026-09-09 V6 — brand belongs to sidebar only ===== */
body.app-page .topbar > .vf-top-context,
body.vf-standalone .vf-standalone-topbar > .vf-top-context{
  display:none!important;
}
body.app-page .topbar .vf-top-inline-search,
body.vf-standalone .vf-standalone-topbar .vf-top-inline-search{
  margin-left:0!important;
  flex:1 1 auto!important;
  min-width:0!important;
  max-width:none!important;
}

/* ===== 2026-09-09 V7 — calm finance navigation + compact wallet ===== */
:root{
  --vf7-side:#1f2738;
  --vf7-side-deep:#192233;
  --vf7-side-line:rgba(255,255,255,.065);
  --vf7-side-text:#b7c1d2;
  --vf7-side-muted:#7f90b4;
  --vf7-side-active:#ffffff;
  --vf7-accent:#2d82df;
  --vf7-card-line:#e2e8ef;
  --vf7-card-soft:#f8fafc;
}

/* Main sidebar: Health-style dark navigation, quiet hierarchy, no oversized blocks. */
body.app-page .sidebar{
  background:var(--vf7-side)!important;
  border-right:1px solid #2c3548!important;
}
body.app-page .vf-side-brand{
  height:82px!important;
  padding:0 22px!important;
  gap:11px!important;
  background:#f8fafc!important;
  border-bottom:1px solid #e4e9ef!important;
}
body.app-page .vf-side-brand img{
  width:39px!important;
  height:39px!important;
  border-radius:10px!important;
}
body.app-page .vf-side-brand strong{
  color:#2c5f94!important;
  font-size:17px!important;
  line-height:1!important;
  font-weight:560!important;
  letter-spacing:-.015em!important;
  text-transform:none!important;
}
body.app-page .sidebar-scroll{
  padding:13px 10px 10px!important;
  background:linear-gradient(180deg,var(--vf7-side) 0%,var(--vf7-side-deep) 100%)!important;
  scrollbar-color:#46536a transparent!important;
}
body.app-page .enterprise-nav details{
  margin:0 0 4px!important;
  border:0!important;
  border-radius:9px!important;
  overflow:visible!important;
  background:transparent!important;
}
body.app-page .enterprise-nav details>summary{
  position:relative!important;
  min-height:40px!important;
  padding:0 11px!important;
  border:0!important;
  border-radius:8px!important;
  background:transparent!important;
  color:var(--vf7-side-muted)!important;
  font-size:10.5px!important;
  line-height:1.2!important;
  font-weight:480!important;
  letter-spacing:.015em!important;
  text-transform:none!important;
  cursor:pointer!important;
  user-select:none!important;
  -webkit-user-select:none!important;
  pointer-events:auto!important;
}
body.app-page .enterprise-nav details>summary:hover{
  color:#d6deeb!important;
  background:rgba(255,255,255,.04)!important;
}
body.app-page .enterprise-nav details[open]>summary{
  color:#dfe7f4!important;
  background:rgba(255,255,255,.045)!important;
}
body.app-page .enterprise-nav details>summary span{
  width:22px!important;
  height:22px!important;
  display:grid!important;
  place-items:center!important;
  flex:0 0 22px!important;
  border-radius:6px!important;
  color:#7f91b8!important;
  font-size:14px!important;
  line-height:1!important;
  transform:rotate(-90deg)!important;
  transition:transform .16s ease,color .16s ease,background .16s ease!important;
}
body.app-page .enterprise-nav details[open]>summary span{
  transform:rotate(0deg)!important;
  color:#b8c7e5!important;
  background:rgba(255,255,255,.04)!important;
}
body.app-page .enterprise-nav details>div{
  padding:3px 0 6px!important;
}
body.app-page .enterprise-nav details>div>a{
  position:relative!important;
  min-height:39px!important;
  margin:2px 0!important;
  padding:0 11px!important;
  gap:11px!important;
  border:0!important;
  border-radius:8px!important;
  background:transparent!important;
  color:var(--vf7-side-text)!important;
  font-size:11.5px!important;
  font-weight:430!important;
  box-shadow:none!important;
  transform:none!important;
}
body.app-page .enterprise-nav details>div>a svg{
  width:17px!important;
  height:17px!important;
  flex:0 0 17px!important;
  color:#7e8ca4!important;
  opacity:1!important;
}
body.app-page .enterprise-nav details>div>a:hover{
  color:#f4f7fb!important;
  background:rgba(255,255,255,.055)!important;
}
body.app-page .enterprise-nav details>div>a:hover svg{color:#b7c7de!important}
body.app-page .enterprise-nav details>div>a.active{
  color:var(--vf7-side-active)!important;
  background:linear-gradient(90deg,rgba(46,122,211,.22),rgba(46,122,211,.07))!important;
  font-weight:480!important;
  box-shadow:none!important;
}
body.app-page .enterprise-nav details>div>a.active:before{
  content:""!important;
  position:absolute!important;
  left:-10px!important;
  top:8px!important;
  bottom:8px!important;
  width:2px!important;
  border-radius:0 2px 2px 0!important;
  background:var(--vf7-accent)!important;
}
body.app-page .enterprise-nav details>div>a.active svg{color:#72a9e8!important}
body.app-page .enterprise-nav .badge{
  background:#315f98!important;
  color:#fff!important;
  font-weight:520!important;
}
body.app-page .logout{
  margin:0!important;
  padding:10px 12px 14px!important;
  border-top:1px solid var(--vf7-side-line)!important;
  background:var(--vf7-side-deep)!important;
}
body.app-page .logout .btn{
  min-height:40px!important;
  border:1px solid rgba(255,255,255,.09)!important;
  border-radius:8px!important;
  background:#0f2946!important;
  color:#fff!important;
  font-size:11.5px!important;
  font-weight:480!important;
  box-shadow:none!important;
}
body.app-page .logout .btn:hover{background:#153858!important;border-color:rgba(255,255,255,.14)!important}
body.app-page .logout .btn svg{color:#fff!important;stroke:#fff!important}

/* Native details are always clickable while the sidebar is expanded. */
body.app-page:not(.sidebar-collapsed) .enterprise-nav details>summary,
body.app-page .app:not(.sidebar-collapsed) .enterprise-nav details>summary{
  display:flex!important;
  visibility:visible!important;
  opacity:1!important;
  pointer-events:auto!important;
}

/* Compact collapsed navigation: brand word disappears and icons stay centered. */
@media(min-width:1001px){
  body.app-page.sidebar-collapsed .vf-side-brand,
  body.app-page .app.sidebar-collapsed .vf-side-brand{
    height:82px!important;
    padding:0!important;
    background:#f8fafc!important;
  }
  body.app-page.sidebar-collapsed .vf-side-brand strong,
  body.app-page .app.sidebar-collapsed .vf-side-brand strong{display:none!important}
  body.app-page.sidebar-collapsed .vf-side-brand img,
  body.app-page .app.sidebar-collapsed .vf-side-brand img{width:38px!important;height:38px!important}
  body.app-page.sidebar-collapsed .sidebar-scroll,
  body.app-page .app.sidebar-collapsed .sidebar-scroll{padding:10px 6px!important;background:linear-gradient(180deg,var(--vf7-side) 0%,var(--vf7-side-deep) 100%)!important}
  body.app-page.sidebar-collapsed .enterprise-nav details>div>a,
  body.app-page .app.sidebar-collapsed .enterprise-nav details>div>a{
    width:48px!important;min-width:48px!important;height:42px!important;min-height:42px!important;margin:3px auto!important;padding:0!important;justify-content:center!important;
  }
  body.app-page.sidebar-collapsed .enterprise-nav details>div>a.active:before,
  body.app-page .app.sidebar-collapsed .enterprise-nav details>div>a.active:before{left:-6px!important;top:8px!important;bottom:8px!important}
  body.app-page.sidebar-collapsed .logout,
  body.app-page .app.sidebar-collapsed .logout{padding:10px 8px 14px!important}
  body.app-page.sidebar-collapsed .logout .btn,
  body.app-page .app.sidebar-collapsed .logout .btn{width:48px!important;min-width:48px!important;height:42px!important;margin:auto!important}
}

/* Wallet is a compact utility card, not a hero/banner. */
body.app-page .vf-overview-wallet{
  display:grid!important;
  grid-template-columns:minmax(260px,.9fr) minmax(320px,1.1fr)!important;
  align-items:stretch!important;
  gap:0!important;
  min-height:96px!important;
  margin:0 0 16px!important;
  border:1px solid var(--vf7-card-line)!important;
  border-radius:10px!important;
  overflow:hidden!important;
  background:#fff!important;
  box-shadow:0 1px 2px rgba(18,35,58,.03)!important;
}
body.app-page .vf-wallet-balance{
  position:relative!important;
  min-width:0!important;
  padding:15px 18px!important;
  background:#fff!important;
  color:#243246!important;
  border-right:1px solid #e8edf2!important;
}
body.app-page .vf-wallet-balance:before{
  content:""!important;
  position:absolute!important;
  left:0!important;
  top:15px!important;
  bottom:15px!important;
  width:2px!important;
  background:#457eb6!important;
  border-radius:0 2px 2px 0!important;
}
body.app-page .vf-wallet-balance-top{
  margin:0 0 8px!important;
  align-items:center!important;
}
body.app-page .vf-wallet-label{
  color:#536274!important;
  font-size:10.5px!important;
  font-weight:500!important;
  letter-spacing:0!important;
}
body.app-page .vf-wallet-status{
  min-height:21px!important;
  padding:0 7px!important;
  border:1px solid #e2e8ef!important;
  background:#f8fafc!important;
  color:#718095!important;
  font-size:8.5px!important;
  font-weight:430!important;
}
body.app-page .vf-wallet-status:before{
  width:5px!important;height:5px!important;background:#4f9b7e!important;box-shadow:none!important;
}
body.app-page .vf-wallet-balance-caption{
  margin:0 0 2px!important;
  color:#8a96a5!important;
  font-size:9px!important;
}
body.app-page .vf-wallet-balance-value{
  color:#243246!important;
  font-size:clamp(20px,1.8vw,26px)!important;
  line-height:1.12!important;
  letter-spacing:-.025em!important;
  font-weight:520!important;
}
body.app-page .vf-wallet-balance>small{
  margin-top:5px!important;
  color:#909aa8!important;
  font-size:8.5px!important;
  line-height:1.35!important;
}
body.app-page .vf-wallet-actions{
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  align-items:center!important;
  align-content:center!important;
  gap:8px!important;
  padding:13px!important;
  background:#fbfcfd!important;
}
body.app-page .vf-wallet-action{
  grid-template-columns:30px minmax(0,1fr)!important;
  min-height:48px!important;
  gap:9px!important;
  padding:7px 9px!important;
  border:1px solid #e3e9ef!important;
  border-radius:8px!important;
  background:#fff!important;
  color:#324258!important;
  box-shadow:none!important;
}
body.app-page .vf-wallet-action:hover{
  border-color:#cfdbe7!important;
  background:#f8fafc!important;
  transform:none!important;
}
body.app-page .vf-wallet-action-icon{
  width:30px!important;height:30px!important;border-radius:7px!important;background:#eef3f8!important;color:#365f88!important;
}
body.app-page .vf-wallet-action-icon svg{width:15px!important;height:15px!important}
body.app-page .vf-wallet-action-title{font-size:10.5px!important;font-weight:500!important;color:#314156!important}
body.app-page .vf-wallet-action small{margin-top:2px!important;font-size:8.5px!important;color:#8b96a4!important}

/* Standalone Master/Agent uses the same restrained navigation treatment. */
body.vf-standalone .vf-standalone-sidebar{background:linear-gradient(180deg,var(--vf7-side) 0%,var(--vf7-side-deep) 100%)!important}
body.vf-standalone .vf-side-brand{height:82px!important;padding:0 22px!important;gap:11px!important;background:#f8fafc!important;border-bottom:1px solid #e4e9ef!important}
body.vf-standalone .vf-side-brand img{width:39px!important;height:39px!important;border-radius:10px!important}
body.vf-standalone .vf-side-brand strong{font-size:17px!important;font-weight:560!important;letter-spacing:-.015em!important;text-transform:none!important;color:#2c5f94!important}
body.vf-standalone .vf-standalone-nav{padding:13px 10px!important}
body.vf-standalone .vf-nav-label{padding:10px 11px 7px!important;color:var(--vf7-side-muted)!important;font-size:10.5px!important;font-weight:480!important;letter-spacing:.015em!important;text-transform:none!important}
body.vf-standalone .vf-standalone-nav a{height:39px!important;margin:2px 0!important;padding:0 11px!important;border-radius:8px!important;color:var(--vf7-side-text)!important;font-size:11.5px!important;font-weight:430!important}
body.vf-standalone .vf-standalone-nav a:hover,body.vf-standalone .vf-standalone-nav a.active{background:linear-gradient(90deg,rgba(46,122,211,.22),rgba(46,122,211,.07))!important;color:#fff!important}
body.vf-standalone .vf-standalone-logout{padding:10px 12px 14px!important;border-top:1px solid var(--vf7-side-line)!important;background:var(--vf7-side-deep)!important}
body.vf-standalone .vf-standalone-logout a{display:flex!important;align-items:center!important;justify-content:center!important;min-height:40px!important;border:1px solid rgba(255,255,255,.09)!important;border-radius:8px!important;background:#0f2946!important;color:#fff!important;font-size:11.5px!important;font-weight:480!important}

@media(max-width:920px){
  body.app-page .vf-overview-wallet{grid-template-columns:1fr!important}
  body.app-page .vf-wallet-balance{border-right:0!important;border-bottom:1px solid #e8edf2!important}
  body.app-page .vf-wallet-actions{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}
@media(max-width:520px){
  body.app-page .vf-overview-wallet{border-radius:9px!important}
  body.app-page .vf-wallet-balance{padding:14px 15px!important}
  body.app-page .vf-wallet-balance-value{font-size:22px!important}
  body.app-page .vf-wallet-actions{padding:10px!important;gap:7px!important}
  body.app-page .vf-wallet-action{min-height:46px!important;padding:6px 8px!important}
  body.app-page .vf-wallet-action small{display:none!important}
}