/* Shared tab-selector treatment (operator round 2026-09-05).

   The operator asked to drop the "bottom-shade" tab style — a 2px accent rule
   under the selected tab, sitting on a 1px rule under the whole row. Two
   surfaces used it (Files' Pinned/Recent/Browse/Search row and Connections'
   Connectors/Assistant/Secrets/Tools row) while a third, the Agents rail's
   Active/Archived pair, already used a tinted chip — so the board taught two
   different things about what "selected" looks like.

   This file is the single definition of the replacement, and it is
   deliberately SMALL: the same tinted chip the topbar destinations already
   use for aria-current, so selection reads identically everywhere instead of
   introducing a fourth idiom. No new geometry system, no new component.

   The three call sites (files-new/styles.css, foundation.css's .conn-subtab,
   workforce/agents-rail.css) consume these variables rather than importing a
   class, because each row keeps its own layout (flex-fill in the rail,
   count-badges in Files) — only the SELECTION LANGUAGE is shared. */

:root {
  --cc-tab-radius: 8px;
  --cc-tab-pad: 7px 12px;
  --cc-tab-ink: var(--ui-muted);
  --cc-tab-ink-hover: var(--ui-text);
  --cc-tab-ink-selected: var(--ui-accent);
  --cc-tab-bg-hover: var(--ui-hover);
  /* The selected chip: a soft accent wash plus a hairline of the same accent.
     Both are color-mixes of --ui-accent, so each theme's own accent drives
     them and neither needs a light-theme override. */
  --cc-tab-bg-selected: color-mix(in srgb, var(--ui-accent) 13%, transparent);
  --cc-tab-line-selected: color-mix(in srgb, var(--ui-accent) 30%, transparent);
}

/* Row selection (the Files tree's open-file mark) consumes the SAME variables:
   an accent left bar plus this tinted field. The rule itself lives with the
   surface, because #files-tab's own row rule outranks a bare class here — the
   same reason .fn-page-tab applies these variables locally rather than
   importing a class. */