html[data-workspace-tabs] body{overflow:hidden}
html[data-workspace-tabs] .main{height:100dvh;display:flex;flex-direction:column;min-height:0}
html[data-workspace-tabs] .main>.topbar{flex:none}
html[data-workspace-tabs] .shell>.main>.content.workspace-tabs-host{padding:0!important;max-width:none!important;margin:0!important;flex:1;min-height:0;width:100%;display:flex;flex-direction:column}
.workspace-tab-strip{display:flex;gap:4px;align-items:center;overflow-x:auto;overflow-y:hidden;flex:none;min-height:50px;padding:7px 24px;border-bottom:1px solid #e5e8f0;background:#fff;scrollbar-width:thin;scroll-padding-inline:24px}
.workspace-tab{position:relative;display:flex;align-items:center;flex:0 0 auto;min-width:66px;max-width:184px;height:34px;padding:0 4px 0 0;border:0;border-radius:8px;background:transparent;color:#52617a;transition:background-color .14s ease,color .14s ease}
.workspace-tab:hover{background:#f3f5f9;color:#0e1f37}
.workspace-tab.active{background:var(--nh-semantic-color-action-soft,#fff0f2);color:var(--primary,#c92335);box-shadow:none}
.workspace-tab.active::after{display:none}
.workspace-tab-label{display:block;flex:1;min-width:0;min-height:34px;height:34px;padding:7px 10px;border:0;border-radius:7px;background:transparent;color:inherit;font:inherit;font-size:13px;line-height:20px;text-align:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;cursor:pointer}
.workspace-tab.active .workspace-tab-label{font-weight:600}
.workspace-tab-close{display:grid;place-items:center;flex:0 0 24px;width:24px;height:24px;min-height:24px;margin:0;padding:0;border:0;border-radius:6px;background:transparent;color:#8b96a8;font:400 17px/1 Arial,sans-serif;cursor:pointer}
.workspace-tab-close:hover{background:#e9edf4;color:#3d4b6c}
.workspace-tab.active .workspace-tab-close{color:#c16a88}
.workspace-tab.active .workspace-tab-close:hover{background:#ffe0eb;color:var(--primary,#c92335)}
.workspace-tab-label:focus-visible,.workspace-tab-close:focus-visible{outline:2px solid var(--primary,#c92335);outline-offset:-2px}
@media(prefers-reduced-motion:reduce){.workspace-tab{transition:none}}
.workspace-tab-panels{flex:1;min-height:0;position:relative;background:var(--background,#f6f7f9)}
.workspace-tab-panel{display:block;width:100%;height:100%;border:0;background:var(--background,#f6f7f9)}.workspace-tab-panel[hidden]{display:none!important}
.workspace-tab-confirm{width:min(440px,calc(100vw - 32px));border:1px solid #dcdfe6;border-radius:14px;padding:24px;color:#0e1f37;background:white}.workspace-tab-confirm::backdrop{background:#0e1f3766}.workspace-tab-confirm h2{margin:0 0 12px;font-size:19px}.workspace-tab-confirm p{margin:0 0 24px;color:#3d4b6c;font-size:14px}.workspace-tab-confirm .button-row{justify-content:flex-end}
html[data-workspace-tab-frame] .shell{display:block!important;min-height:100dvh!important}
html[data-workspace-tab-frame] .shell>.rail,html[data-workspace-tab-frame] .shell>.secondary,html[data-workspace-tab-frame] .main>.topbar{display:none!important}
html[data-workspace-tab-frame] .shell>.main{margin:0!important;width:100%!important;min-height:100dvh}
html[data-workspace-tab-frame] .content{padding-top:24px!important}

.workspace-tab-menu{position:fixed;z-index:1200;min-width:220px;padding:5px;border:1px solid #e5e8f0;border-radius:10px;background:#fff;box-shadow:0 8px 28px #0e1f3724;color:#0e1f37}
.workspace-tab-menu button{display:flex;align-items:center;justify-content:space-between;gap:24px;width:100%;min-height:36px;padding:8px 10px;border:0;border-radius:6px;background:transparent;color:inherit;font:inherit;font-size:13px;text-align:left;cursor:pointer}
.workspace-tab-menu button:hover:not(:disabled),.workspace-tab-menu button:focus-visible{background:var(--nh-semantic-color-action-soft,#fff0f2);color:var(--primary,#c92335);outline:none}
.workspace-tab-menu button:disabled{color:#a3acb9;cursor:default}.workspace-tab-menu kbd{color:#8792a4;font:11px inherit;white-space:nowrap}


html[data-workspace-tab-frame] .workbench-icon-rail,html[data-workspace-tab-frame] .navigation-sheet,html[data-workspace-tab-frame] .mobile-bottom-nav,html[data-workspace-tab-frame] .bottom-nav,html[data-workspace-tab-frame] .mobile-nav{display:none!important}
html[data-workspace-tab-frame] .shell>.main>.content{padding-bottom:24px!important}
html[data-workspace-tabs] .workspace-tabs-host>.workspace-tab-strip{min-width:0}
@media(max-width:800px){.workspace-tab-strip{padding-inline:12px;scroll-padding-inline:12px}}
/* Only the current tab uses the brand selection color. */
html[data-nh-theme] .workspace-tab:not(.active){background:transparent}
html[data-nh-theme] .workspace-tab:not(.active):hover{background:var(--nh-semantic-color-bg-subtle,#eef1f5)}
html[data-nh-theme] .workspace-tab-label{background:transparent!important}
html[data-nh-theme] .workspace-tab.active{background:var(--nh-semantic-color-action-soft,#fff0f2);color:var(--primary)}
/* Keep focus on the complete tab, including its close control. */
html[data-nh-theme] .workspace-tab :is(.workspace-tab-label,.workspace-tab-close):focus{outline:none;box-shadow:none}
html[data-nh-theme] .workspace-tab:has(:focus-visible){outline:2px solid var(--primary,#c92335);outline-offset:-2px}