/* Shared tab control. Content-specific margins belong to its parent layout. */
.ui-tabs--segmented { display:flex; align-items:center; flex-wrap:nowrap; gap:2px; padding:2px; border:1px solid var(--line); border-radius:6px; background:var(--surface-1); }
.ui-tabs--segmented > button { display:inline-flex; align-items:center; justify-content:center; min-height:32px; padding:5px 10px; border:1px solid transparent; border-radius:4px; background:transparent; color:var(--muted); font-family:inherit; font-size:var(--text-xs); font-weight:500; line-height:20px; white-space:nowrap; cursor:pointer; box-shadow:none; transition:background-color 140ms ease,color 140ms ease,border-color 140ms ease; }
.ui-tabs--segmented > button:hover { background:var(--surface-2); color:var(--ink); }
.ui-tabs--segmented > button[aria-selected="true"],.ui-tabs--segmented > button[aria-pressed="true"] { background:var(--canvas); border-color:var(--line); color:var(--ink); box-shadow:0 1px 2px rgb(32 33 39 / .025); }
.ui-tabs > button:focus-visible { outline:2px solid var(--focus); outline-offset:2px; }
@media(prefers-reduced-motion:reduce) { .ui-tabs > button { transition:none; } }