/* VOLENG Core shared product header · V25.4 · owned VOLENG code */
#vcore-header,#vcore-header *{box-sizing:border-box}
#vcore-header{--vc-line:#dce4ef;--vc-ink:#112541;--vc-muted:#687c96;flex:0 0 auto;display:flex;align-items:center;gap:14px;padding:9px 20px;min-height:64px;background:#fff;color:var(--vc-ink);border-bottom:2px solid transparent;border-image:linear-gradient(90deg,#2065e9,#14b8a6,#9b5aeb) 1;font:500 13px/1.35 Inter,'Segoe UI',Arial,sans-serif;z-index:35;position:relative;width:100%;}
#vcore-header a{color:inherit;text-decoration:none}
#vcore-header .vc-brand{display:flex;align-items:center;gap:9px;white-space:nowrap;font-size:17px;font-weight:900;letter-spacing:.06em}
#vcore-header .vc-symbol{width:27px;height:29px;display:block;object-fit:contain}
#vcore-header .vc-home,#vcore-header .vc-apptrigger,#vcore-header .vc-tools a,#vcore-header .vc-tools button{border:1px solid var(--vc-line);background:white;border-radius:9px;min-height:37px;display:flex;align-items:center;justify-content:center;padding:0 12px;font-size:12px;color:#17345d;cursor:pointer;white-space:nowrap}
#vcore-header .vc-home{font-size:21px;padding:0 11px}
#vcore-header .vc-switch{position:relative}
#vcore-header .vc-apptrigger{font-weight:760;gap:8px;color:#153c77;background:#f8fbff}
#vcore-header .vc-appmenu{display:none;position:absolute;left:0;top:calc(100% + 7px);min-width:235px;max-width:min(350px,calc(100vw - 25px));padding:7px;background:white;border:1px solid #dce6f5;box-shadow:0 18px 55px #132e5430;border-radius:13px;z-index:100}
#vcore-header .vc-switch[data-open=true] .vc-appmenu{display:block}
#vcore-header .vc-appmenu a,#vcore-header .vc-appmenu span{display:flex;align-items:center;padding:11px 13px;border-radius:8px;text-decoration:none;white-space:normal;font-size:12px;color:#153a6b}
#vcore-header .vc-appmenu a:hover{background:#ebf3ff}
#vcore-header .vc-appmenu a[aria-current=page]{background:#e8f0ff;font-weight:800}
#vcore-header .vc-appmenu .vc-separator{border-top:1px solid #e1e8f3;margin:7px 0 5px}
#vcore-header .vc-find{margin:auto;max-width:510px;flex:1;position:relative;min-width:100px}
#vcore-header .vc-find input{width:100%;font:inherit;border-radius:11px;border:1px solid var(--vc-line);background:#f3f6fb;outline:none;height:40px;padding:0 16px;color:var(--vc-ink)}
#vcore-header .vc-find input:focus{border-color:#6fa7ee;background:#fff;box-shadow:0 0 0 3px #2576ec17}
#vcore-header .vc-results{display:none;position:absolute;top:44px;left:0;right:0;background:white;box-shadow:0 14px 35px #142a4b24;border:1px solid var(--vc-line);border-radius:12px;padding:7px;z-index:101;max-height:320px;overflow:auto}
#vcore-header .vc-results:not(:empty){display:block}
#vcore-header .vc-results button{display:block;padding:10px 12px;background:white;text-align:left;width:100%;border:0;color:#244c81;border-radius:8px;cursor:pointer}
#vcore-header .vc-results button:hover{background:#eef4ff}
#vcore-header .vc-tools{display:flex;align-items:center;gap:7px}
#vcore-header .vc-tools a{font-weight:700}
#vcore-header .vc-user{display:flex;align-items:center;gap:9px;white-space:nowrap;max-width:205px}
#vcore-header .vc-avatar{width:33px;height:33px;border-radius:50%;background:#2064e8;color:white;display:grid;place-items:center;font-weight:800;font-size:15px}
#vcore-header .vc-user b,#vcore-header .vc-user small{display:block;max-width:145px;overflow:hidden;text-overflow:ellipsis}
#vcore-header .vc-user small{font-size:10px;color:#8392a8;margin-top:2px}
#vcore-header .vc-menuicon{display:none;border:1px solid var(--vc-line);border-radius:8px;background:white;padding:8px;cursor:pointer}
.vc-legacy-topbar{display:none!important}
/* A uniform dark sidebar without affecting the product-specific functionality. */
body.vcore-enabled .shell>.sidebar,body.vcore-enabled #appView>.sidebar,body.vcore-enabled #appShell .sidebar{background:#0e223b!important;color:#e5effe!important}
body.vcore-enabled .shell>.sidebar a,body.vcore-enabled .shell>.sidebar button,body.vcore-enabled #appView>.sidebar button,body.vcore-enabled #appShell .sidebar button{color:#dce8fb!important}
body.vcore-enabled .shell>.sidebar button.active,body.vcore-enabled #appView>.sidebar button.selected,body.vcore-enabled #appShell .sidebar button.selected{background:#1762db!important;color:white!important}
body.vcore-enabled .shell>.sidebar .sidebar-caption,body.vcore-enabled #appShell .sidebar .sidebarCaption{color:#a8b9d2!important}
@media(max-width:1100px){#vcore-header{gap:8px;padding:7px 12px}#vcore-header .vc-tools .vc-optional{display:none}#vcore-header .vc-user span:last-child{display:none}}
@media(max-width:740px){#vcore-header .vc-brand strong{display:none}#vcore-header .vc-find{max-width:none}#vcore-header .vc-tools{display:none}#vcore-header .vc-apptrigger{padding:0 9px}#vcore-header .vc-home{padding:0 9px}#vcore-header .vc-menuicon{display:flex}#vcore-header .vc-user{display:none}}

#vcore-header .vc-user{position:relative;cursor:pointer}#vcore-header .vc-account-menu{display:none;position:absolute;right:0;top:42px;min-width:165px;background:#fff;border:1px solid #dbe5f2;border-radius:11px;box-shadow:0 15px 35px #152a4830;padding:6px;z-index:104}#vcore-header .vc-user.vc-expanded .vc-account-menu{display:block}#vcore-header .vc-account-menu a,#vcore-header .vc-account-menu button{display:block;width:100%;border:0;text-align:left;padding:10px 11px;background:white;border-radius:7px;color:#1c3f6b;font-size:12px;font-weight:600;cursor:pointer}#vcore-header .vc-account-menu a:hover,#vcore-header .vc-account-menu button:hover{background:#edf4ff}
@media(max-width:740px){#vcore-header .vc-menuicon{display:flex} body.vcore-enabled #appShell .sidebar.vc-show,body.vcore-enabled #appView>.sidebar.vc-show{display:flex!important;position:fixed!important;top:64px;left:0;z-index:110!important}}

body.vcore-enabled .shell>.sidebar .product-name,body.vcore-enabled .shell>.sidebar .sidebar-bottom,body.vcore-enabled .shell>.sidebar .sidebar-caption,body.vcore-enabled .shell>.sidebar .logo{color:#e7f0ff!important}body.vcore-enabled .shell>.sidebar .sidebar-bottom span{color:#b6c8de!important}

/* V25.5 – structural fixes: shared header ABOVE all product navigation. */
#vcore-header[hidden]{display:none!important}
body.vcore-enabled.vcore-root-header{display:block!important;min-height:100vh;margin:0}
body.vcore-enabled.vcore-root-header > .shell,
body.vcore-enabled.vcore-root-header > #appShell,
body.vcore-enabled.vcore-root-header > #appView{min-height:calc(100vh - 64px)!important;max-width:none!important}
body.vcore-enabled.vcore-root-header > .shell>.sidebar,
body.vcore-enabled.vcore-root-header > #appView>.sidebar,
body.vcore-enabled.vcore-root-header > #appShell>.sidebar{position:sticky!important;top:0!important;height:calc(100vh - 64px)!important;min-height:0!important;overflow-y:auto!important;overscroll-behavior:contain}
body.vcore-enabled.vcore-root-header > .shell > .body,
body.vcore-enabled.vcore-root-header > #appView > .main,
body.vcore-enabled.vcore-root-header > #appShell > .mainShell{min-width:0!important;flex:1 1 0!important}
/* The old product topbars remain in DOM for their existing JS listeners, but do not
   display twice. Its changing page title is mirrored into the context line. */
body.vcore-enabled .vc-page-context{padding:20px 32px 0;background:transparent;min-height:78px;display:flex;flex-direction:column;justify-content:center;gap:5px}
body.vcore-enabled .vc-page-context small{font-size:11px;font-weight:800;color:#6584a3;letter-spacing:.08em;text-transform:uppercase}
body.vcore-enabled .vc-page-context h1{color:#112d4d;font-size:26px;letter-spacing:-.025em;line-height:1.15;margin:0;font-weight:800}
/* Avoid a second VOLENG brand in the sidebar. Keep each product name and its tools. */
body.vcore-enabled .shell>.sidebar>.logo,body.vcore-enabled #appView>.sidebar>.logo.side,
body.vcore-enabled #appShell>.sidebar>.sidebarBrand{display:none!important}
body.vcore-enabled .shell>.sidebar{padding-top:26px}
body.vcore-enabled #appView>.sidebar .sidebarTitle{margin-top:22px}
body.vcore-enabled #appShell>.sidebar .sidebarCaption:first-of-type{margin-top:20px}
/* Preserve the same dark sidebar on all desktop/secondary screens. */
body.vcore-enabled .shell>.sidebar,body.vcore-enabled #appView>.sidebar,body.vcore-enabled #appShell>.sidebar{background:#0b1f38!important;color:#e5effe!important;border-right-color:#274362!important}
body.vcore-enabled .shell>.sidebar nav button,body.vcore-enabled #appView>.sidebar nav button,body.vcore-enabled #appShell>.sidebar nav button{border-radius:9px!important;color:#c3d4ea!important}
body.vcore-enabled .shell>.sidebar nav button:hover,body.vcore-enabled #appView>.sidebar nav button:hover,body.vcore-enabled #appShell>.sidebar nav button:hover{background:#193958!important;color:white!important}
body.vcore-enabled .shell>.sidebar nav button.active,body.vcore-enabled #appView>.sidebar nav button.selected,body.vcore-enabled #appShell>.sidebar nav button.selected{background:#1762dc!important;color:white!important}
body.vcore-enabled .shell>.sidebar .product-name{color:white!important}
body.vcore-enabled .shell>.sidebar .product-name .pill{color:#a5c8ff!important;background:#1a426d!important}
body.vcore-enabled .shell>.sidebar .sidebar-bottom a{color:#b5d1ff!important}
body.vcore-enabled .shell>.sidebar .sidebar-bottom{border-color:#264261!important}
/* On wide viewports, use a stable right-aligned utility zone like Operations. */
#vcore-header .vc-find{min-width:160px;max-width:610px;margin-left:auto;margin-right:auto}
#vcore-header .vc-user{flex-shrink:0}
#vcore-header .vc-appmenu{z-index:500}
#vcore-header .vc-account-menu{z-index:500}
@media(max-width:960px){#vcore-header{gap:7px}#vcore-header .vc-tools{display:none}#vcore-header .vc-brand{font-size:14px}}
@media(max-width:740px){
 #vcore-header .vc-user{display:flex!important;max-width:36px;overflow:visible}
 #vcore-header .vc-user>span:nth-child(2){display:none!important}
 #vcore-header .vc-menuicon{display:flex}
 body.vcore-enabled.vcore-root-header > .shell>.sidebar,
 body.vcore-enabled.vcore-root-header > #appView>.sidebar,
 body.vcore-enabled.vcore-root-header > #appShell>.sidebar{height:calc(100vh - 64px)!important}
 body.vcore-enabled.vcore-root-header > .shell>.sidebar{display:none!important}
 body.vcore-enabled.vcore-root-header > .shell>.sidebar.vc-show{display:flex!important;position:fixed!important;top:64px!important;left:0;z-index:110!important}
 body.vcore-enabled .vc-page-context{padding:18px 16px 0;min-height:65px}
 body.vcore-enabled .vc-page-context h1{font-size:23px}
}

body.vcore-enabled.vcore-root-header > #vcore-header{position:sticky!important;top:0!important;z-index:125!important}

/* VOLENG V25.6 – Operations visual standards for Agenda and Flow. */
#vcore-header{min-height:62px!important;height:62px!important;padding:8px 20px!important;gap:12px!important;background:#fff!important;border-bottom:2px solid transparent!important;border-image:linear-gradient(90deg,#2563eb,#14b8a6,#f59e0b,#bd4bda) 1!important;box-shadow:0 1px 0 #dde5f1!important;color:#132c4f!important}
#vcore-header .vc-brand{font-weight:820!important;letter-spacing:.045em!important;color:#112445!important}
#vcore-header .vc-home,#vcore-header .vc-apptrigger,#vcore-header .vc-tools a{min-height:36px!important;border-radius:9px!important}
#vcore-header .vc-find input{background:#f3f6fb!important;height:39px!important;border:1px solid #dfe7f2!important;border-radius:10px!important}
#vcore-header .vc-avatar{background:#2360e4!important}
body.vcore-enabled .shell>.sidebar,body.vcore-enabled #appView>.sidebar,body.vcore-enabled #appShell>.sidebar{background:#0e213b!important;box-shadow:none!important}
body.vcore-enabled.vcore-root-header>.shell>.sidebar,body.vcore-enabled.vcore-root-header>#appView>.sidebar,body.vcore-enabled.vcore-root-header>#appShell>.sidebar{width:204px!important;min-width:204px!important;flex:0 0 204px!important}
body.vcore-enabled .shell>.sidebar nav button.active,body.vcore-enabled #appView>.sidebar nav button.selected,body.vcore-enabled #appShell .sidebar nav button.selected{background:#1764e9!important;border-radius:10px!important}
body.vcore-enabled .vc-page-context{padding:23px 29px 5px!important;min-height:92px!important}
body.vcore-enabled .vc-page-context small{letter-spacing:.12em!important;color:#54789e!important}
body.vcore-enabled .vc-page-context h1{font-size:26px!important;letter-spacing:-.035em!important}
body.vcore-enabled.vcore-root-header>.shell>.body,body.vcore-enabled.vcore-root-header>#appView>.main,body.vcore-enabled.vcore-root-header>#appShell>.mainShell{background:#f4f7fc!important}
#vcore-header .vc-account-menu{overflow:auto;max-height:80vh}
@media(max-width:820px){body.vcore-enabled.vcore-root-header>.shell>.sidebar,body.vcore-enabled.vcore-root-header>#appView>.sidebar,body.vcore-enabled.vcore-root-header>#appShell>.sidebar{min-width:0!important;width:204px!important}#vcore-header{padding:7px 10px!important;gap:6px!important}#vcore-header .vc-find{min-width:80px!important}}