/* ===============================
   UI-003: Theme & Styling System - Tabs
================================ */
.tabs {
  display: flex;
  border-bottom: 1px solid var(--border);
  margin-bottom: 1rem;
}
.tabs button {
  background: none;
  border: none;
  padding: 0.8rem 1.2rem;
  margin-right: 0.5rem;
  font-weight: 500;
  color: var(--text-muted);
  cursor: pointer;
  border-bottom: 3px solid transparent;
  transition: all 0.2s;
}
.tabs button:hover { color: var(--text-light); }
.tabs button.active {
  color: var(--accent);
  border-bottom: 3px solid var(--accent);
}
.tab-pane { display: none; }
.tab-pane.active { display: block; }