/* Connections-style tab trays shared by workspace pages and pop-outs.
   Only presentation changes: original IDs, roles, selection attributes and
   handlers stay authoritative. Hidden/retired tabs must never be re-exposed. */
body:has(#appShell.ui-workspace) :is(#appShell,dialog,.modal) :is([role="tablist"]:not([aria-orientation="vertical"]),.sec-tabs,.cs-filters,.cancel-tabs,.cards-tabs,.tags-tabs,.term-tabs,.utility-tabs,.saved-tabs,.saved-drawer-tabs,.saved-presentation,.saved-destinations,.search-tabs,.search-detail-tabs,.season-view-options,.missing-view-options,.contract-filters,.source-seg,.dashboard-missing-webhook-tablist,.admin-plan-groups,.cs-editor-navigation > [role="group"]) {
  --tab-tray:#f4f5f8;--tab-face:#fff;--tab-ink:#172234;
  --tab-muted:#5e6b7d;--tab-line:#dfe5ed;--tab-selected-line:#b9cdef;--tab-count-bg:#f5f7fa;
  position:relative;isolation:isolate;display:flex;flex-wrap:nowrap;align-items:center;align-content:start;
  width:fit-content;max-width:100%;min-width:0;box-sizing:border-box;
  gap:3px!important;padding:5px!important;min-height:0!important;
  border:1px solid var(--tab-line)!important;border-radius:13px!important;
  background:var(--tab-tray)!important;box-shadow:none!important;
  overflow-x:auto;scrollbar-width:thin;transition:none!important;
}
body:has(#appShell.ui-workspace) :is(#appShell,dialog,.modal) :is([role="tablist"]:not([aria-orientation="vertical"]),.sec-tabs,.cs-filters,.cancel-tabs,.cards-tabs,.tags-tabs,.term-tabs,.utility-tabs,.saved-tabs,.saved-drawer-tabs,.saved-presentation,.saved-destinations,.search-tabs,.search-detail-tabs,.season-view-options,.missing-view-options,.contract-filters,.source-seg,.dashboard-missing-webhook-tablist,.admin-plan-groups,.cs-editor-navigation > [role="group"]) > button:not([hidden]):not(.u-hidden) {
  display:inline-flex;align-items:center;justify-content:center;gap:6px;
  flex:0 0 auto!important;min-width:0!important;max-width:100%;width:auto!important;
  min-height:34px!important;height:auto!important;
  margin:0!important;padding:6px 10px!important;box-sizing:border-box;
  border:1px solid transparent!important;border-radius:9px!important;
  background:transparent!important;box-shadow:none!important;
  color:var(--tab-muted)!important;
  font-family:var(--workspace-font-sans,inherit)!important;font-size:11px!important;
  font-weight:400!important;line-height:1.5!important;letter-spacing:normal!important;text-transform:none!important;
  white-space:nowrap!important;overflow-wrap:normal;text-decoration:none!important;
  transform:none!important;transition:none!important;cursor:pointer!important;
}
body:has(#appShell.ui-workspace) :is(#appShell,dialog,.modal) :is([role="tablist"]:not([aria-orientation="vertical"]),.sec-tabs,.cs-filters,.cancel-tabs,.cards-tabs,.tags-tabs,.term-tabs,.utility-tabs,.saved-tabs,.saved-drawer-tabs,.saved-presentation,.saved-destinations,.search-tabs,.search-detail-tabs,.season-view-options,.missing-view-options,.contract-filters,.source-seg,.dashboard-missing-webhook-tablist,.admin-plan-groups,.cs-editor-navigation > [role="group"]) > button:not([hidden]):not(.u-hidden):is([aria-selected="true"],[aria-pressed="true"],.is-active,.active) {
  --tab-count-bg:var(--tab-tray);--tab-muted:var(--tab-ink);
  background:var(--tab-face)!important;border-color:transparent!important;
  color:var(--tab-ink)!important;box-shadow:0 1px 4px #0002!important;
}
body:has(#appShell.ui-workspace) :is(#appShell,dialog,.modal) :is([role="tablist"]:not([aria-orientation="vertical"]),.sec-tabs,.cs-filters,.cancel-tabs,.cards-tabs,.tags-tabs,.term-tabs,.utility-tabs,.saved-tabs,.saved-drawer-tabs,.saved-presentation,.saved-destinations,.search-tabs,.search-detail-tabs,.season-view-options,.missing-view-options,.contract-filters,.source-seg,.dashboard-missing-webhook-tablist,.admin-plan-groups,.cs-editor-navigation > [role="group"]) > button:not([hidden]):not(.u-hidden):hover:not(:disabled):not([aria-selected="true"],[aria-pressed="true"],.is-active,.active) {color:var(--tab-ink)!important}
body:has(#appShell.ui-workspace) :is(#appShell,dialog,.modal) :is([role="tablist"]:not([aria-orientation="vertical"]),.sec-tabs,.cs-filters,.cancel-tabs,.cards-tabs,.tags-tabs,.term-tabs,.utility-tabs,.saved-tabs,.saved-drawer-tabs,.saved-presentation,.saved-destinations,.search-tabs,.search-detail-tabs,.season-view-options,.missing-view-options,.contract-filters,.source-seg,.dashboard-missing-webhook-tablist,.admin-plan-groups,.cs-editor-navigation > [role="group"]) > button:not([hidden]):not(.u-hidden):focus-visible {outline:2px solid var(--ui-blue,#1671ec)!important;outline-offset:1px!important}
body:has(#appShell.ui-workspace) :is(#appShell,dialog,.modal) :is([role="tablist"]:not([aria-orientation="vertical"]),.sec-tabs,.cs-filters,.cancel-tabs,.cards-tabs,.tags-tabs,.term-tabs,.utility-tabs,.saved-tabs,.saved-drawer-tabs,.saved-presentation,.saved-destinations,.search-tabs,.search-detail-tabs,.season-view-options,.missing-view-options,.contract-filters,.source-seg,.dashboard-missing-webhook-tablist,.admin-plan-groups,.cs-editor-navigation > [role="group"]) > button:not([hidden]):not(.u-hidden):disabled {opacity:.5!important;cursor:not-allowed!important}
body:has(#appShell.ui-workspace) :is(#appShell,dialog,.modal) :is([role="tablist"]:not([aria-orientation="vertical"]),.sec-tabs,.cs-filters,.cancel-tabs,.cards-tabs,.tags-tabs,.term-tabs,.utility-tabs,.saved-tabs,.saved-drawer-tabs,.saved-presentation,.saved-destinations,.search-tabs,.search-detail-tabs,.season-view-options,.missing-view-options,.contract-filters,.source-seg,.dashboard-missing-webhook-tablist,.admin-plan-groups,.cs-editor-navigation > [role="group"]) > button:not([hidden]):not(.u-hidden)::after {border:0!important;box-shadow:none!important}
body:has(#appShell.ui-workspace[data-ui-theme="dark"]) :is(#appShell,dialog,.modal) :is([role="tablist"]:not([aria-orientation="vertical"]),.sec-tabs,.cs-filters,.cancel-tabs,.cards-tabs,.tags-tabs,.term-tabs,.utility-tabs,.saved-tabs,.saved-drawer-tabs,.saved-presentation,.saved-destinations,.search-tabs,.search-detail-tabs,.season-view-options,.missing-view-options,.contract-filters,.source-seg,.dashboard-missing-webhook-tablist,.admin-plan-groups,.cs-editor-navigation > [role="group"]) {
  --tab-tray:#172231;--tab-face:#304056;--tab-ink:#e8edf6;--tab-muted:#98a7bd;--tab-line:#2c3a4e;--tab-selected-line:#2c3a4e;--tab-count-bg:#1d293a;
}
/* Retain the matching dialog's inset without a full-width underline. */
body:has(#appShell.ui-workspace) :is(#appShell,dialog,.modal) :is([role="tablist"]:not([aria-orientation="vertical"]),.sec-tabs,.cs-filters,.cancel-tabs,.cards-tabs,.tags-tabs,.term-tabs,.utility-tabs,.saved-tabs,.saved-drawer-tabs,.saved-presentation,.saved-destinations,.search-tabs,.search-detail-tabs,.season-view-options,.missing-view-options,.contract-filters,.source-seg,.dashboard-missing-webhook-tablist,.admin-plan-groups,.cs-editor-navigation > [role="group"]):is([hidden],.u-hidden),
body:has(#appShell.ui-workspace) :is(#appShell,dialog,.modal) :is([role="tablist"]:not([aria-orientation="vertical"]),.sec-tabs,.cs-filters,.cancel-tabs,.cards-tabs,.tags-tabs,.term-tabs,.utility-tabs,.saved-tabs,.saved-drawer-tabs,.saved-presentation,.saved-destinations,.search-tabs,.search-detail-tabs,.season-view-options,.missing-view-options,.contract-filters,.source-seg,.dashboard-missing-webhook-tablist,.admin-plan-groups,.cs-editor-navigation > [role="group"]) > button:is([hidden],.u-hidden) {display:none!important}
#appShell.ui-workspace .purchase-settings-tabs {margin:0 26px 12px;max-width:calc(100% - 52px)}
@media(max-width:650px){
  #appShell.ui-workspace .purchase-settings-tabs {margin-inline:18px;max-width:calc(100% - 36px)}
}
@media(pointer:coarse){
  body:has(#appShell.ui-workspace) :is(#appShell,dialog,.modal) :is([role="tablist"]:not([aria-orientation="vertical"]),.sec-tabs,.cs-filters,.cancel-tabs,.cards-tabs,.tags-tabs,.term-tabs,.utility-tabs,.saved-tabs,.saved-drawer-tabs,.saved-presentation,.saved-destinations,.search-tabs,.search-detail-tabs,.season-view-options,.missing-view-options,.contract-filters,.source-seg,.dashboard-missing-webhook-tablist,.admin-plan-groups,.cs-editor-navigation > [role="group"]) > button:not([hidden]):not(.u-hidden) {min-height:44px!important}
}

body:has(#appShell.ui-workspace) :is(#appShell,dialog,.modal) [data-sliding-tabs]::before {
  content:"";position:absolute;z-index:-1;top:5px;bottom:5px;left:0;
  width:var(--segment-width);transform:translateX(var(--segment-x));
  border-radius:9px;background:var(--tab-face);box-shadow:0 1px 4px #0002;
  transition:transform .22s ease,width .22s ease;pointer-events:none;
}
body:has(#appShell.ui-workspace) :is(#appShell,dialog,.modal) [data-sliding-tabs][data-sliding-tabs] > button:not([hidden]):not(.u-hidden):is([aria-selected="true"],[aria-pressed="true"],.is-active,.active) {
  background:transparent!important;box-shadow:none!important;
}
@media(prefers-reduced-motion:reduce){
  body:has(#appShell.ui-workspace) :is(#appShell,dialog,.modal) [data-sliding-tabs]::before {transition:none}
}
/* Count badges share metrics regardless of which controller updates them. */
body:has(#appShell.ui-workspace) :is(#appShell,dialog,.modal) :is(.cs-tabs > button > span,button > :is(.workspace-tab-count,.season-count,.cancel-count,.cards-count,.tags-count,.term-count,.missing-count,.saved-count,.utility-tab-count)) {
  display:inline-flex!important;align-items:center;justify-content:center;flex:none;
  box-sizing:border-box;min-width:20px;min-height:20px;margin:0!important;padding:1px 5px!important;
  border:1px solid var(--tab-line,var(--ui-line))!important;border-radius:5px!important;
  background:var(--tab-count-bg,var(--ui-surface-muted))!important;color:var(--tab-muted,var(--ui-ink-secondary))!important;
  font:400 10px/1.4 var(--workspace-font-sans)!important;font-variant-numeric:tabular-nums;
}
body:has(#appShell.ui-workspace) :is(#appShell,dialog,.modal) .workspace-tab-count[hidden] {display:none!important}
#appShell.ui-workspace.workspace-refined #paneSecurity.security-workspace .sec-viewbar {border-bottom:0;gap:12px;flex-wrap:wrap}
#appShell.ui-workspace.workspace-refined #paneSecurity.security-workspace .sec-viewbar > .sec-link {margin:0 0 0 auto}