.tab-scroll{display:flex;align-items:center;gap:4px;overflow:auto;scrollbar-width:none;flex:1;min-width:0;height:42px;padding:2px 0 2px 2px}.workspace-tab{height:38px;display:flex;align-items:center;flex:1 1 168px;min-width:56px;max-width:260px;container:workspace-tab / inline-size;border:0;border-radius:22px;background:none;position:relative;color:#8e8e93}.workspace-tab.selected{background:rgba(0,0,0,.065);color:#1c1c1e}.workspace-tab>button[role=tab]{display:flex;align-items:center;gap:7px;padding:0 0 0 10px;border-radius:22px;font-size:17px;font-weight:400;color:inherit;height:38px;flex:1;min-width:0;max-width:none;text-align:left}.workspace-tab>button[role=tab]>span{flex:1;min-width:0;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.workspace-tab>button[role=tab]>svg{width:18px;height:18px}.tab-close{width:38px;height:38px;margin:0;border-radius:50%;color:inherit;display:flex;align-items:center;justify-content:center;flex-shrink:0}.tab-split-dot{display:none}
.tab-scroll[data-compact]>.workspace-tab{flex:0 0 48px;min-width:48px;max-width:48px}
.tab-scroll[data-compact]>.workspace-tab>button[role=tab]{flex:0 0 24px;width:24px;min-width:24px;padding:0;gap:0;justify-content:center}
.tab-scroll[data-compact]>.workspace-tab>.tab-close{flex:0 0 24px;width:24px}
.tab-scroll[data-compact]>.workspace-tab>.tab-close svg{transform:translateX(-4px)}
/* Web tabs share available width before scrolling. Compact tabs retain distinct
   selection and close targets; hover never changes their geometry. */
@container workspace-tab (max-width:112px){
  .workspace-tab>button[role=tab]{padding-left:6px;gap:4px}
  .workspace-tab>.tab-close{width:28px}
}
@container workspace-tab (max-width:80px){
  .workspace-tab>button[role=tab]{padding:0;gap:0;justify-content:center}
  .workspace-tab>button[role=tab]>span{display:none}
  .workspace-tab>.tab-close{width:24px}
}

@media(max-width:841px){.workspace-tab{max-width:230px}}