/* =========================================================
   TABS BAR - barra di navigazione tra le tab
   ========================================================= */

.tabs-bar {
  background: var(--bg-card);
  border-bottom: 1px solid var(--border-default);
  display: flex;
  padding: 0 24px;
  gap: 4px;
  box-shadow: 0 1px 3px rgba(0,0,0,0.04);
}

.tab-btn {
  background: transparent;
  border: none;
  border-bottom: 3px solid transparent;
  padding: 14px 24px;
  font-size: 14px;
  font-weight: 600;
  color: var(--text-muted);
  cursor: pointer;
  transition: all 0.15s;
  font-family: inherit;
}

.tab-btn:hover {
  color: var(--accent-primary);
  background: var(--bg-page);
}

.tab-btn.tab-active {
  color: var(--accent-dark);
  border-bottom-color: var(--accent-primary);
  background: var(--bg-page);
}

.tab-content {
  /* contenitore dove vengono renderizzati i layout delle tab */
  min-height: 200px;
}