/* One persistent brand bar. Header geometry and responsive navigation live here. */
.portal-page{--v360-header-height:80px;--v360-sidebar-width:216px}
.portal-page .workspace{margin-left:var(--v360-sidebar-width);padding-top:var(--v360-header-height)}
.portal-page .topbar{position:fixed;inset:0 0 auto;z-index:30;height:var(--v360-header-height);display:flex;align-items:center;gap:24px;padding:0 24px 0 0;background:#fff;color:#142d45;border-bottom:1px solid #dce4ed}
.portal-page .topbar-left{height:100%;width:var(--v360-sidebar-width);flex:0 0 var(--v360-sidebar-width);display:flex;align-items:center;justify-content:center;gap:12px;padding:0 12px;background:#142d45;min-width:0}
.portal-page .topbar-brand{display:block;flex:0 0 auto;padding:0;border-radius:8px}
.portal-page .topbar-brand img{display:block;width:136px;height:68px;object-fit:contain}
.portal-page .topbar .menu-toggle{display:inline-flex;align-items:center;justify-content:center;width:36px;height:44px;min-height:44px;flex:0 0 36px;padding:8px;background:transparent;border:0;border-radius:8px;color:#fff}
.portal-page .topbar .menu-toggle:hover{background:#244969}
.portal-page .topbar .menu-toggle span{display:none}
.portal-page .topbar :is(a,button,summary):focus-visible{outline:3px solid #006eaa;outline-offset:3px}
.portal-page .topbar-left :is(a,button):focus-visible{outline-color:#5cc6b1}
.portal-page .sidebar{top:var(--v360-header-height);width:var(--v360-sidebar-width);padding-top:24px}
.portal-page .sidebar-brand,.portal-page .app-name{display:none}
.portal-page .topbar .account{flex:0 0 auto;margin-left:auto;display:flex;align-items:center;gap:12px;color:#54677d;font-size:12px;min-width:0}
.portal-page .topbar .user-name{max-width:120px}
.portal-page .topbar .logout{display:flex;align-items:center;gap:6px;min-height:44px;padding:8px 0 8px 12px;color:#54677d;font-size:12px;border-left:1px solid #dce4ed;white-space:nowrap}
.portal-page .topbar .logout span{margin:0}
.portal-page .topbar .logout:hover{color:#142d45}
.portal-page .topbar .v360-tour-launch{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:44px;padding:8px;color:#54677d;background:transparent;border:0;border-radius:8px;margin:0;font-size:12px;white-space:nowrap}
.portal-page .topbar .v360-tour-launch[hidden]{display:none}
.portal-page .topbar .v360-tour-launch:hover{background:#f3f6fa;color:#142d45}
.portal-page .topbar .vcrm-nav{flex:1;min-width:0;max-width:none;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:0;margin:0;background:transparent;border:0;border-radius:0;overflow:visible}
.portal-page .topbar :is(.vcrm-header-primary,.vcrm-header-actions){display:flex;align-items:center;gap:4px;min-width:0}
.portal-page .topbar .vcrm-link{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:10px 12px;font-family:inherit;font-size:13px;line-height:1.4;font-weight:600;white-space:nowrap;background:transparent;color:#54677d;border:1px solid transparent;border-radius:8px;cursor:pointer;text-decoration:none}
.portal-page .topbar .vcrm-link svg{width:18px;height:18px;flex:0 0 18px}
.portal-page .topbar .vcrm-link:hover{background:#f3f6fa;color:#142d45}
.portal-page .topbar .vcrm-link[aria-current=page]{background:#edf8f6;color:#06655f;border-color:transparent}
.portal-page .topbar .vcrm-header-create{background:#087d77;color:#fff;border-color:#087d77}
.portal-page .topbar .vcrm-header-create:hover{background:#06655f;color:#fff;border-color:#06655f}
.portal-page .topbar .vcrm-header-budget{border-color:#8092a6;color:#244969;margin-left:4px}
.portal-page .vcrm-header-more{position:relative}
.portal-page .vcrm-header-more>summary{list-style:none}
.portal-page .vcrm-header-more>summary::-webkit-details-marker{display:none}
.portal-page .vcrm-header-more:not([open])>.vcrm-header-dropdown{display:none}
.portal-page .vcrm-header-more[open]>summary{background:#edf8f6;color:#06655f}
.portal-page .vcrm-header-dropdown{position:fixed;top:calc(var(--v360-header-height) + 8px);right:24px;width:280px;max-width:calc(100% - 32px);max-height:calc(100dvh - var(--v360-header-height) - 32px);overflow-y:auto;padding:8px;background:#fff;border:1px solid #8092a6;border-radius:12px;box-shadow:0 12px 32px #142d4520}
.portal-page .topbar .vcrm-header-dropdown .vcrm-link{display:flex;width:100%;justify-content:flex-start;text-align:left;padding:10px 12px}
.portal-page .vcrm-more-primary{display:none}
.portal-page main,.portal-page main [id]{scroll-margin-top:calc(var(--v360-header-height) + 16px)}
@media(max-width:1280px){.portal-page .topbar{gap:16px;padding-right:16px}.portal-page .topbar .user-name{display:none}.portal-page .topbar .account{gap:8px}.portal-page .topbar .vcrm-link{padding-inline:10px}}
@media(max-width:1100px){.portal-page .topbar .vcrm-header-primary,.portal-page .topbar .vcrm-header-budget{display:none}.portal-page .vcrm-more-primary{display:block}.portal-page .topbar .vcrm-header-dropdown .vcrm-header-budget{display:flex}.portal-page .topbar .vcrm-nav{justify-content:flex-end}}
@media(max-width:800px){.portal-page{--v360-header-height:72px}.portal-page .workspace{margin-left:0}.portal-page .topbar{gap:8px;padding-right:12px}.portal-page .topbar-left{width:168px;flex-basis:168px;gap:8px;padding:0 8px}.portal-page .topbar-brand img{width:108px;height:64px}.portal-page .topbar .account{gap:4px}.portal-page .topbar .logout{padding-left:8px}.portal-page .vcrm-header-dropdown{right:16px}.portal-page .sidebar{top:var(--v360-header-height)}}
@media(max-width:600px){.portal-page .topbar .vcrm-header-create>span,.portal-page .topbar .v360-tour-launch>span,.portal-page .topbar .logout>span{display:none}.portal-page .topbar .vcrm-header-create{width:40px;padding:10px}.portal-page .topbar .v360-tour-launch{width:32px;padding:6px}.portal-page .topbar .logout{width:32px;justify-content:center;padding:6px}.portal-page .topbar .vcrm-nav,.portal-page .topbar .account{gap:4px}.portal-page .topbar .vcrm-header-more>summary{padding:10px 8px;gap:4px;font-size:12px}.portal-page .topbar .vcrm-header-more>summary>svg{width:12px;flex-basis:12px}.portal-page .topbar .vcrm-header-actions{gap:4px}}
@media(max-width:360px){.portal-page .topbar .vcrm-header-more>summary>span{display:none}.portal-page .topbar .vcrm-header-more>summary{width:36px;padding:10px;}.portal-page .topbar-left{width:148px;flex-basis:148px;gap:4px;padding:0 4px}.portal-page .topbar-brand img{width:100px}.portal-page .topbar{padding-right:8px;gap:4px}}
@media print{.portal-page .topbar{display:none!important}.portal-page .workspace{padding-top:0}}