/* Hide the initial overflow scrollbar before JS moves tabs; retain the pre-enhancement scroll fallback. */
html[data-portal-ui="vristo"] #portal-main-container [data-portal-tabs] [data-portal-tab-strip]{scrollbar-width:none}
html[data-portal-ui="vristo"] #portal-main-container [data-portal-tabs] [data-portal-tab-strip]::-webkit-scrollbar{display:none;width:0;height:0}
/* Shared layout only: retain existing Vristo tab colors, borders and active treatments. */
html[data-portal-ui="vristo"] #portal-main-container [data-portal-tabs][data-tabs-ready]{display:flex;flex-direction:row;align-items:center;gap:8px;min-width:0;max-width:100%;overflow:visible}
html[data-portal-ui="vristo"] #portal-main-container [data-portal-tabs][data-tabs-ready] [data-portal-tab-strip]{display:flex;flex:1 1 0;flex-wrap:nowrap;width:auto;min-width:0;max-width:100%;overflow:hidden;overscroll-behavior:auto;scrollbar-width:none}
html[data-portal-ui="vristo"] #portal-main-container [data-portal-tabs] [data-portal-tab-strip]>.tab{flex:0 0 auto;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
html[data-portal-ui="vristo"] #portal-main-container [data-portal-tabs] [data-portal-tab-strip]>.tab>span{min-width:0;overflow:hidden;text-overflow:ellipsis}
html[data-portal-ui="vristo"] #portal-main-container [data-portal-tabs] [data-portal-tab-strip]>.tab>i,
html[data-portal-ui="vristo"] #portal-main-container [data-portal-tabs] [data-portal-tab-strip]>.tab>.badge{flex-shrink:0}
html[data-portal-ui="vristo"] #portal-main-container [data-portal-tabs] .portal-tabs-more{display:inline-flex;align-items:center;gap:7px;flex:1 0 auto;align-self:stretch;justify-content:flex-start;min-width:max-content;height:auto;white-space:nowrap;margin:0;color:inherit;border:0;background:transparent;border-radius:0;box-shadow:none;font:inherit;font-size:13px;padding-inline:12px}
html[data-portal-ui="vristo"] #portal-main-container [data-portal-tabs] .portal-tabs-more>.badge{margin-inline-start:auto}
html[data-portal-ui="vristo"] #portal-main-container [data-portal-tabs] .portal-tabs-more>i{margin-inline-start:0;padding-inline-start:0;flex:none}
html[data-portal-ui="vristo"] #portal-main-container [data-portal-tabs] .portal-tabs-more:is(:hover,[aria-expanded="true"]){background:var(--color-base-200)}
html[data-portal-ui="vristo"] #portal-main-container [data-portal-tabs] .portal-tabs-more:focus-visible{outline:2px solid var(--color-primary);outline-offset:-3px}
html[data-portal-ui="vristo"] #portal-main-container .va-account-nav[data-portal-tabs] .portal-tabs-more{min-height:54px}
html[data-portal-ui="vristo"] #portal-main-container .v-company-tab-panel[data-portal-tabs] .portal-tabs-more{min-height:44px}
html[data-portal-ui="vristo"] #portal-main-container [data-portal-tabs] .portal-tabs-more[hidden]{display:none}
html[data-portal-ui="vristo"] #portal-main-container [data-portal-tabs] .portal-tabs-more[aria-expanded="true"]>i{transform:rotate(180deg)}
html[data-portal-ui="vristo"] #portal-main-container .v-company-tab-panel[data-portal-tabs]{display:flex;padding:0 8px}
html[data-portal-ui="vristo"] #portal-main-container .va-account-nav[data-portal-tabs]{overflow:visible}
html[data-portal-ui="vristo"] #portal-main-container .v-dashboard-bar[data-portal-tabs]>.v-dashboard-add{display:flex;flex:0 0 auto;align-items:center;justify-content:center;width:34px;height:34px;border:1px dashed var(--color-primary);border-radius:6px;background:transparent;color:var(--color-primary)}
html[data-portal-ui="vristo"] #portal-main-container .v-dashboard-bar[data-portal-tabs]>.portal-tabs-more{margin-inline-end:0}
html[data-portal-ui="vristo"] #portal-main-container .v-dashboard-bar[data-portal-tabs]>.v-dashboard-menu{margin-inline-start:0}
html[data-portal-ui="vristo"] .portal-tabs-menu{position:fixed;inset:auto;margin:0;padding:8px;z-index:160;width:300px;max-width:calc(100vw - 24px);overflow:auto;border:1px solid var(--color-base-300);border-radius:12px;background:var(--color-base-100);color:var(--color-base-content);box-shadow:0 12px 32px color-mix(in srgb,var(--color-base-content) 15%,transparent)}
html[data-portal-ui="vristo"] .portal-tabs-menu[popover]:not(:popover-open),html[data-portal-ui="vristo"] .portal-tabs-menu[hidden]{display:none}
html[data-portal-ui="vristo"] .portal-tabs-menu::backdrop{background:transparent}
html[data-portal-ui="vristo"] .portal-tabs-menu .portal-tabs-search{width:100%;margin-bottom:6px}
html[data-portal-ui="vristo"] .portal-tabs-list{padding:0;width:100%;gap:3px}
html[data-portal-ui="vristo"] .portal-tabs-list>li[hidden]{display:none}
html[data-portal-ui="vristo"] #portal-main-container .portal-tabs-menu .tab{display:flex;align-items:center;gap:10px;flex:none;width:100%;min-height:38px;height:auto;max-width:none!important;padding:9px 10px;border:0;border-radius:7px;white-space:normal;text-align:start;text-decoration:none;font-size:13px;color:var(--color-base-content);background:transparent;box-shadow:none}
html[data-portal-ui="vristo"] #portal-main-container .portal-tabs-menu .tab:hover,html[data-portal-ui="vristo"] #portal-main-container .portal-tabs-menu .tab:focus-visible{background:var(--color-base-200);color:var(--color-base-content)}
html[data-portal-ui="vristo"] #portal-main-container .portal-tabs-menu .tab:focus-visible{outline:2px solid var(--color-primary);outline-offset:-2px}
html[data-portal-ui="vristo"] #portal-main-container .portal-tabs-menu .tab::before,html[data-portal-ui="vristo"] #portal-main-container .portal-tabs-menu .tab::after{display:none}
html[data-portal-ui="vristo"] .portal-tabs-menu .v-dashboard-count{margin-inline-start:auto}
html[data-portal-ui="vristo"] .portal-tabs-empty{padding:10px;font-size:13px;opacity:.7}
html[data-portal-ui="vristo"] .profile-tab-count{font-size:.85em;font-variant-numeric:tabular-nums;white-space:nowrap;opacity:.7}
@media(max-width:480px){html[data-portal-ui="vristo"] #portal-main-container [data-portal-tabs]{gap:4px}html[data-portal-ui="vristo"] #portal-main-container [data-portal-tabs] .portal-tabs-more{gap:4px;padding-inline:8px}}