/* VOLENG V25.31 master chrome: match Operations screenshot's white 64px bar. */
:root{--vs31-sidebar:#10243e;--vs31-blue:#1664dc;--vs31-bg:#f5f7fb;--vs31-border:#e0e8f3}
.vs31-header{position:relative;z-index:1000;display:flex;align-items:center;gap:10px;height:64px;padding:0 20px;background:#fff;border-bottom:1px solid #e3e9f2;color:#112d4f;font:500 12px/1.4 Inter,ui-sans-serif,system-ui,-apple-system,'Segoe UI',sans-serif;box-sizing:border-box}
.vs31-header *,.vs31-switch *{box-sizing:border-box}.vs31-header button,.vs31-header input,.vs31-header select{font:inherit}
.vs31-brand{display:flex;align-items:center;gap:9px;margin-right:17px;text-decoration:none;color:#172139;white-space:nowrap;letter-spacing:.07em;font-weight:900;font-size:14px}.vs31-brand img{width:23px;height:23px;object-fit:contain}
.vs31-home,.vs31-switch-button,.vs31-tool{display:inline-flex;justify-content:center;align-items:center;flex-shrink:0;min-width:33px;height:34px;background:#fff;border:1px solid #d8e3f1;border-radius:9px;color:#24507e;cursor:pointer;text-decoration:none;font-weight:650;padding:0 10px}
.vs31-home{font-size:22px}.vs31-switch-button{font-size:11px;white-space:nowrap}.vs31-home:hover,.vs31-switch-button:hover,.vs31-tool:not(:disabled):hover{background:#f0f6ff;border-color:#adcaf2}
.vs31-switch{position:relative;display:flex;flex-shrink:0}.vs31-menu{position:absolute;left:0;top:calc(100% + 10px);background:#fff;border:1px solid #dfe7f2;box-shadow:0 24px 55px #17355225;border-radius:14px;max-height:min(66vh,600px);width:290px;overflow:auto;padding:8px;z-index:1200}.vs31-menu[hidden],.vs31-results[hidden],.vs31-profile-menu[hidden]{display:none!important}
.vs31-menu-heading{color:#6d84a5;font-size:10px;font-weight:900;letter-spacing:.12em;margin:13px 10px 6px}.vs31-menu-option{display:flex;align-items:center;gap:11px;padding:9px 10px;color:#204469;text-decoration:none;font-size:12px;font-weight:700;border-radius:9px}.vs31-menu-option:hover{background:#edf4ff;color:#175bbb}.vs31-menu-icon{width:27px;height:27px;display:grid;place-items:center;flex-shrink:0;background:#e7f0ff;color:#1c65c3;border-radius:8px}.vs31-menu-copy small{display:block;font-size:10px;color:#71859e;font-weight:400}
.vs31-search{display:flex;align-items:center;gap:8px;position:relative;flex:1;max-width:495px;min-width:80px;height:35px;margin-inline:auto;padding:0 13px;border:1px solid #dce5f2;border-radius:9px;background:#f2f6fd}.vs31-search-icon{font-size:19px;color:#7891ab}.vs31-search input{border:0!important;outline:none!important;background:transparent!important;width:100%;min-width:0;color:#1b3b60}.vs31-search input::placeholder{color:#7e91a8}.vs31-results{position:absolute;top:100%;left:0;right:0;background:white;border:1px solid var(--vs31-border);border-radius:10px;padding:6px;box-shadow:0 15px 30px #19365526;z-index:1200}.vs31-search-result{display:block;width:100%;border:0!important;border-radius:7px;padding:11px;text-align:left;color:#163759;background:white;cursor:pointer}.vs31-search-result:hover{background:#eef5ff}.vs31-search-empty{display:block;color:#74869b;padding:10px}
.vs31-tools{display:flex;align-items:center;gap:7px;margin-left:auto;flex-shrink:0}.vs31-tool{font-size:18px;font-weight:500;padding:0;width:34px}.vs31-tool:disabled{opacity:.32;cursor:not-allowed}.vs31-support{height:34px;display:inline-flex;align-items:center;padding:0 11px;border:1px solid #dce5f1;border-radius:9px;text-decoration:none;white-space:nowrap;color:#22517c;font-size:12px;font-weight:700}
.vs31-profile{position:relative}.vs31-profile-button{display:flex;align-items:center;gap:8px;min-width:150px;padding:0 2px;border:0!important;background:transparent!important;cursor:pointer;text-align:left;color:#182d47}.vs31-avatar{border-radius:100%;background:#2565e6;color:white;display:grid;place-items:center;width:33px;height:33px;flex-shrink:0;font-weight:800}.vs31-person{display:grid;gap:2px}.vs31-person strong{font-size:11px}.vs31-person small{color:#6a7d96;font-size:10px}.vs31-profile-menu{position:absolute;right:0;top:44px;min-width:175px;padding:7px;box-shadow:0 15px 30px #19365526;border-radius:10px;background:white;border:1px solid #e1e8f2;z-index:1300}.vs31-profile-menu a,.vs31-profile-menu button{display:block;width:100%;padding:9px 10px;border:0;background:white;text-align:left;text-decoration:none;color:#1d3b59;font-size:12px;cursor:pointer;border-radius:6px}.vs31-profile-menu a:hover,.vs31-profile-menu button:hover{background:#edf4ff}.vs31-health{font-size:10px;color:#627d96;white-space:nowrap}.vs31-health[data-status=ready]{color:#05896d}.vs31-health[data-status=failed]{color:#b34949}
.vs31-language{height:34px;padding:4px;border:1px solid #dce5f1;border-radius:8px;background:#fff;color:#234c77;max-width:65px}.vs31-mobile{display:none}
body.vs31-shell{margin:0;background:var(--vs31-bg)}body.vs31-shell>.shell{min-height:calc(100vh - 64px)!important}body.vs31-shell .vs31-old-topbar{display:none!important}
body.vs31-shell .sidebar{background:#10243e!important;width:212px!important;min-width:212px!important;flex:0 0 212px!important;color:#d8e6f4!important}
body.vs31-shell .sidebar :is(.brand,.logo){display:none!important}body.vs31-shell .sidebar :is(.product,.product-name){margin-top:13px!important}body.vs31-shell .sidebar :is(nav button.current,nav button.active){background:#1e64d7!important;color:white!important}
body.vs31-shell .sidebar :is(nav button,nav a){border-radius:9px}body.vs31-shell .main,body.vs31-shell .body{background:#f5f7fb!important}
body.vs31-shell .main .content,body.vs31-shell .body .page{max-width:none!important;padding:24px 22px!important}
body.vs31-shell .sidebar nav{display:grid!important}
body.vs31-shell .sidebar nav .vs31-extra-module{padding:13px 12px;color:#c8daf0;font-size:12px;text-decoration:none;font-weight:650}body.vs31-shell .sidebar nav .vs31-extra-module:hover{background:#284868}body.vs31-shell .sidebar nav .vs31-extra-module[hidden]{display:none!important}
body.vs31-shell .sidebar .navbottom,body.vs31-shell .sidebar .sidebar-bottom{margin-top:auto}
body.vs31-shell.vs31-dark .main,body.vs31-shell.vs31-dark .body,body.vs31-shell.vs31-dark .content{background:#192b42!important;color:#e7f0ff}body.vs31-shell.vs31-dark .main :is(.panel,.stats article),body.vs31-shell.vs31-dark .body :is(.panel,.stats article){background:#223853!important;color:#edf3ff!important;border-color:#395272!important}
/* Operations' native React header already contains the real search/actions. Only standardize picker. */
body.vs31-operations .newPlatformTopbar .vs31-switch{z-index:1001}.newPlatformTopbar .vs31-menu{z-index:1500}
@media(max-width:1050px){.vs31-brand{margin-right:2px}.vs31-search{max-width:340px}.vs31-person{display:none}.vs31-profile-button{min-width:auto}.vs31-support{padding:0 8px}}
@media(max-width:780px){.vs31-header{padding:0 10px;gap:6px}.vs31-search{display:none}.vs31-health,.vs31-tool:disabled{display:none}.vs31-brand strong{display:none}.vs31-menu{left:-42px;width:min(300px,calc(100vw - 20px))}.vs31-mobile{display:inline-flex}.vs31-support{font-size:0}.vs31-support::first-letter{font-size:18px}body.vs31-shell .sidebar{width:212px!important;min-width:212px!important;flex-basis:212px!important}}
/* V25.32 supports common SVG navigation marks in existing app shell. */
.vs31-switch-button .vi,.vs31-menu-icon .vi{width:17px;height:17px;display:block}
