/* Tool tabs use the same typography, spacing and active rule as Sizing tables. */
.workspaceTabs{display:flex;flex-direction:column;flex-shrink:0;border-bottom:1px solid var(--hairline);background:var(--panel);min-width:0}
.workspaceTabs[hidden]{display:none}
.workspaceControls{display:flex;align-items:center;flex-shrink:0;padding:4px 24px 0;overflow-x:auto;min-height:46px;min-width:0}
.workspaceProjectHeading{padding:10px 24px;border-bottom:1px solid var(--hairline);min-width:0;color:var(--ink)}
.workspaceProjectRow{display:flex;align-items:baseline;gap:8px 12px;min-width:0;flex-wrap:wrap}
.workspaceProjectLabel{font:600 11px var(--sans);text-transform:uppercase;letter-spacing:.05em;color:var(--muted);flex-shrink:0}
.workspaceProjectName{font:600 13px var(--heading);margin:0;min-width:0;overflow-wrap:anywhere;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.workspaceProjectState{font:12px var(--sans);color:var(--warn,var(--hub-warn));flex-shrink:0}
.workspaceProjectDetail{font:12px/1.5 var(--sans);margin:4px 0 0;color:var(--muted);overflow-wrap:anywhere;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.workspaceProjectHeading[data-relation="different"] .workspaceProjectDetail{color:var(--warn,var(--hub-warn))}
.workspaceOpenTabs{display:contents}
.workspacePhone{display:none;min-width:0;flex:1;align-items:center}
.workspaceTab{display:flex;align-items:center;flex-shrink:0;border-bottom:3px solid transparent}
.workspaceTab:has([aria-selected="true"]){border-bottom-color:var(--copper)}
.workspaceTab [role="tab"]{cursor:grab}
.workspaceDragging{opacity:.45}
.workspaceDropBefore{box-shadow:inset 3px 0 var(--copper)}
.workspaceDropAfter{box-shadow:inset -3px 0 var(--copper)}
.workspaceTabs .workspaceMove{padding:10px 7px;font-size:16px;line-height:1}
.workspaceTabs .workspaceMove:disabled{opacity:.35;cursor:default}
.workspaceTabs button,.workspaceTabs select{border:0;background:none;padding:12px 14px;cursor:pointer;font:600 11.5px var(--heading);text-transform:uppercase;letter-spacing:.06em;color:var(--muted)}
.workspaceTabs button[aria-selected="true"]{color:var(--ink)}
.workspaceTabs button:focus-visible,.workspaceTabs select:focus-visible{outline:2px solid var(--copper);outline-offset:-4px}
.workspaceTabs .workspaceClose{padding:10px 8px;font-size:16px;line-height:1}
.workspaceTabs .workspaceNote{font:12px var(--sans);text-transform:none;letter-spacing:0;color:var(--warn,var(--hub-warn));margin-left:7px}
.workspaceTabs select{max-width:170px;margin-left:auto;color:var(--ink);background:var(--panel)}
.workspaceTabs .workspaceSwitcher{width:100%;max-width:none;min-width:0;margin:0;text-overflow:ellipsis}
.workspaceFrame{position:absolute;inset:0;width:100%;height:100%;border:0;background:var(--panel);display:none}
.workspaceStandaloneTabs{position:sticky;top:0;z-index:80}
.workspaceStandaloneFrame{position:fixed;top:var(--workspace-tab-height,46px);height:calc(100dvh - var(--workspace-tab-height,46px));z-index:79}
.workspacePrimary[hidden]{display:none!important}
.workspaceShowingCompanion>#argentoShareBanner{display:none!important}
@media(max-width:600px){.workspaceControls{padding:0 4px;min-height:44px}.workspaceProjectHeading{padding:10px 12px}.workspaceProjectRow{gap:4px 8px}.workspaceTabs button{padding:13px 10px;font-size:11px}.workspaceTabs .workspaceNote{font-size:11px}.workspaceTabs select{max-width:112px;font-size:10px;padding:12px 4px}.workspaceOpenTabs{display:none}.workspacePhone{display:flex}}
@media print{.workspaceTabs,.workspaceStandaloneFrame{display:none!important}}
