/* ===== Traventia UI — Tabs (usa data-tv="tabs", ver traventia-ui.js) ===== */

.tv-tabs-list {
	display: flex;
	gap: var(--tv-space-1);
	border-bottom: 1px solid var(--tv-border);
	overflow-x: auto;
}

.tv-tab {
	background: none;
	border: none;
	border-bottom: 2px solid transparent;
	padding: 12px 18px;
	font-size: var(--tv-text-sm);
	font-weight: var(--tv-font-medium);
	color: var(--tv-text-muted);
	cursor: pointer;
	white-space: nowrap;
	transition: color var(--tv-transition-fast), border-color var(--tv-transition-fast);
}

.tv-tab:hover { color: var(--tv-text); }

.tv-tab[aria-selected="true"] {
	color: var(--tv-primary-dark);
	border-bottom-color: var(--tv-primary);
	font-weight: var(--tv-font-semibold);
}

.tv-tab-panel { padding-top: var(--tv-space-6); }

.tv-tab-panel[hidden] { display: none; }