.tabs { display: flex; gap: 4px; padding: 4px; border-radius: 999px; background: var(--md-surface-2); }
.tabs .tab { border: 0; cursor: pointer; padding: 10px 16px; margin: 0; background: transparent; color: var(--md-on-surface-variant); border-radius: 999px; }
.tabs .tab.selected { background: var(--md-secondary-container); color: var(--md-on-secondary-container); font-weight: 700; }
.tabs .tab:hover { background: var(--md-focus); }