/* Shared with the brand knowledge library: 40px tray, 32px selection.
   Business components own the selected state; workspace-motion places the thumb. */
:is(.plane-shell.plane-refresh,dialog) .cs-segmented.ui-tabs {
 --ui-tab-tray:var(--cs-tray,#f2f3f5);--ui-tab-paper:var(--surface,#fff);
 --ui-tab-ink:#1f343f;--ui-tab-muted:#687381;--ui-tab-hover:#e9ebee;
 display:inline-flex!important;position:relative;isolation:isolate;
 align-items:center!important;justify-content:flex-start!important;flex-wrap:nowrap!important;
 flex:0 1 auto!important;width:max-content!important;max-width:100%;min-width:0;
 height:40px!important;min-height:40px!important;box-sizing:border-box;
 padding:4px!important;gap:0!important;border:0!important;border-radius:9px!important;
 background:var(--ui-tab-tray)!important;box-shadow:none!important;
 overflow-x:auto!important;overflow-y:hidden!important;scrollbar-width:none;
 vertical-align:middle;scroll-padding-inline:4px;
}
:is(.plane-shell.plane-refresh,dialog) .cs-segmented.ui-tabs::-webkit-scrollbar{display:none}
:is(.plane-shell.plane-refresh,dialog) .cs-segmented.ui-tabs>:is(button,a) {
 position:relative;z-index:1;display:inline-flex!important;align-items:center;justify-content:center;
 flex:0 0 auto!important;gap:6px!important;width:auto!important;min-width:32px;
 height:32px!important;min-height:32px!important;box-sizing:border-box;
 margin:0!important;padding:6px 10px!important;border:0!important;border-radius:6px!important;
 background:transparent!important;box-shadow:none!important;color:var(--ui-tab-muted)!important;
 font-family:inherit;font-size:13px!important;font-weight:400!important;line-height:20px!important;
 text-decoration:none!important;white-space:nowrap;cursor:pointer;
 transition:color 140ms ease,background-color 140ms ease!important;
}
:is(.plane-shell.plane-refresh,dialog) .cs-segmented.ui-tabs>:is(button,a)::after,
:is(.plane-shell.plane-refresh,dialog) .cs-segmented.ui-tabs>:is(button,a)::before{content:none!important}
:is(.plane-shell.plane-refresh,dialog) .cs-segmented.ui-tabs>:is(button,a):hover{background:var(--ui-tab-hover)!important;color:var(--ui-tab-ink)!important}
:is(.plane-shell.plane-refresh,dialog) .cs-segmented.ui-tabs>:is(button,a):is(.active,.selected,.is-active,[aria-pressed=true],[aria-selected=true],[aria-current=page]) {
 background:transparent!important;color:var(--ui-tab-ink)!important;font-weight:500!important;
}
:is(.plane-shell.plane-refresh,dialog) .cs-segmented.ui-tabs>:is(button,a):focus-visible{outline:2px solid var(--ui-tab-ink)!important;outline-offset:-2px!important}
:is(.plane-shell.plane-refresh,dialog) .cs-segmented.ui-tabs>:is(button,a):is(:disabled,[aria-disabled=true]){opacity:.45;cursor:not-allowed;pointer-events:none}
:is(.plane-shell.plane-refresh,dialog) .cs-segmented.ui-tabs>:is(button,a)>:is(small,em,.badge){
 margin:0!important;padding:0!important;background:transparent!important;color:inherit!important;
 border:0!important;font-size:12px!important;font-weight:400!important;font-style:normal;line-height:20px!important;
}
:is(.plane-shell.plane-refresh,dialog) .cs-segmented.ui-tabs>:is(button,a)>svg{width:15px;height:15px;flex-shrink:0}
:is(.plane-shell.plane-refresh,dialog) .cs-segmented.ui-tabs>.cs-seg-thumb {
 position:absolute;z-index:0;top:4px;bottom:4px;left:0;border:0!important;border-radius:6px!important;
 background:var(--ui-tab-paper)!important;box-shadow:0 1px 3px #1823340d!important;pointer-events:none;
}
:is(.plane-shell.plane-refresh,dialog) .cs-segmented.ui-tabs>.cs-seg-thumb[hidden]{display:none!important}
:is(.plane-shell.plane-refresh,dialog) .ui-tabbar{display:flex;align-items:center;min-width:0;min-height:56px;box-sizing:border-box;padding:8px 24px;background:var(--surface,#fff);border-bottom:1px solid var(--cs-line,#e6e8ed)}
:is(.plane-shell.plane-refresh,dialog) .ui-tabbar>.cs-segmented.ui-tabs{margin:0!important}
/* Keep metric toggles anchored inside their cards. */
:is(.plane-shell.plane-refresh,dialog) .gr-curve-card>.gr-curve-tabs.ui-tabs{position:absolute}
/* The legacy report's multiline tab descriptions remain available to readers
   and on hover while its controls adopt the same compact horizontal pattern. */
:is(.plane-shell.plane-refresh,dialog) .px-story{grid-template-columns:minmax(0,1fr);grid-template-rows:auto 1fr;gap:16px}
:is(.plane-shell.plane-refresh,dialog) .px-story-tabs.ui-tabs>button>strong{display:inline-flex;align-items:center;gap:6px;font:inherit}
:is(.plane-shell.plane-refresh,dialog) .px-story-tabs.ui-tabs>button>strong>svg{display:block;width:15px;height:15px}
:is(.plane-shell.plane-refresh,dialog) .px-story-tabs.ui-tabs>button>p{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
:is(.plane-shell.plane-refresh,dialog) .px-story-tabs.ui-tabs .px-progress{display:none}
html.dark :is(.plane-shell.plane-refresh,dialog) .cs-segmented.ui-tabs{--ui-tab-tray:var(--pd-layer);--ui-tab-paper:var(--pd-selected);--ui-tab-ink:var(--pd-ink);--ui-tab-muted:var(--pd-muted);--ui-tab-hover:var(--pd-hover,var(--pd-selected))}
html.dark :is(.plane-shell.plane-refresh,dialog) .cs-segmented.ui-tabs>:is(button,a){color:var(--ui-tab-muted)!important}
html.dark :is(.plane-shell.plane-refresh,dialog) .cs-segmented.ui-tabs>:is(button,a):is(:hover,.active,.selected,.is-active,[aria-pressed=true],[aria-selected=true],[aria-current=page]){color:var(--ui-tab-ink)!important}
html.dark :is(.plane-shell.plane-refresh,dialog) .cs-segmented.ui-tabs>.cs-seg-thumb{background:var(--ui-tab-paper)!important;box-shadow:0 1px 3px #0005!important}
html.dark :is(.plane-shell.plane-refresh,dialog) .ui-tabbar{background:var(--pd-layer);border-color:var(--pd-border)}
@media(max-width:700px){:is(.plane-shell.plane-refresh,dialog) .ui-tabbar{padding-inline:16px}}
@media(prefers-reduced-motion:reduce){:is(.plane-shell.plane-refresh,dialog) .cs-segmented.ui-tabs>:is(button,a){transition:none!important}}