/* Segmented tabs for peer views. The pill indicator animates position and width together. */
.orka-tabs { position: relative; display: inline-flex; align-items: center; gap: 2px; padding: 3px; border-radius: var(--radius-pill); background: var(--bg-subtle); }
.orka-tabs--full { display: flex; width: 100%; }
.orka-tabs__indicator { position: absolute; top: 3px; bottom: 3px; border-radius: var(--radius-pill); background: var(--bg-surface); box-shadow: var(--shadow-xs); transition: left var(--transition-base), width var(--transition-base); }
.orka-tabs__tab {
  position: relative; z-index: 1; flex: 1; min-height: 30px; padding: 0 var(--space-3);
  display: inline-flex; align-items: center; justify-content: center; gap: var(--space-2);
  border: 0; border-radius: var(--radius-pill); background: transparent; cursor: pointer; white-space: nowrap;
  font-family: var(--font-sans); font-size: var(--fs-sm); font-weight: var(--fw-semibold); color: var(--text-tertiary);
  transition: color var(--transition-base), transform var(--press-dur) var(--ease-orka);
}
.orka-tabs__tab:hover { color: var(--text-secondary); }
.orka-tabs__tab:active { transform: scale(var(--press-scale)); }
.orka-tabs__tab[aria-selected="true"] { color: var(--brand-text); }
.orka-tabs__tab:focus-visible { outline: none; box-shadow: var(--shadow-focus); }
.orka-tabs__tab svg { width: var(--icon-sm); height: var(--icon-sm); }

/* A plain sticky bar for views outside the workspace (settings, admin, docs). */
.orka-toolbar {
  position: sticky; top: 0; z-index: 20; display: flex; align-items: center; gap: var(--space-3);
  min-height: var(--shell-guidebar-height); padding: 0 var(--space-4);
  background: var(--bg-surface); box-shadow: inset 0 -1px 0 var(--border-subtle);
}
.orka-toolbar--bottom { top: auto; bottom: 0; box-shadow: inset 0 1px 0 var(--border-subtle); }
.orka-toolbar__title { font-size: var(--type-h6-size); font-weight: var(--fw-semibold); }
.orka-toolbar__spacer { flex: 1; }