/* --- Shared UI: segmented toggle (SSOT) --- */
/* Цель:
   - toggle выглядит как единый button-group,
   - без изменения существующего визуала.
 */

.seg-toggle {
  display: inline-flex;
  border: 1px solid var(--border);
  border-radius: var(--radius-md);
  overflow: hidden;
  background: var(--card);
}

.seg-toggle .seg-item {
  border: 0;
  border-right: 1px solid var(--border);
  background: transparent;
  color: var(--muted-foreground);
  padding: 0.5rem 0.75rem;
  font-size: var(--text-sm);
  line-height: 1;
}

.seg-toggle .seg-item:last-child {
  border-right: 0;
}

.seg-toggle .seg-item[aria-pressed="true"] {
  background: var(--primary);
  color: var(--primary-foreground);
}