/* Classic — the original SaltaVidas visual language.
 * Sharp compact panels, neon accent rails, and rectangular tabs. Palette
 * values still come from the selected --sv-* theme tokens. */
body[data-ui-style="classic"] .panel {
  border-radius: 8px;
  box-shadow: none;
}
body[data-ui-style="classic"] .panel h2 {
  letter-spacing: .02em;
  border-bottom: 2px solid var(--sv-accent);
}
body[data-ui-style="classic"] .tab {
  border-radius: 6px 6px 0 0;
  border-bottom: 2px solid transparent;
  background: var(--sv-card);
  color: var(--sv-text-muted);
}
body[data-ui-style="classic"] .tab.active {
  color: var(--sv-accent);
  background: var(--sv-surface);
  border-bottom-color: var(--sv-accent);
}
body[data-ui-style="classic"] .btn { border-radius: 7px; }
body[data-ui-style="classic"] .activity-item,
body[data-ui-style="classic"] .job-node,
body[data-ui-style="classic"] .finance-card {
  border-radius: 7px;
  box-shadow: none;
}
body[data-ui-style="classic"] .header-hud {
  color: var(--sv-hud-text);
  border-radius: 8px;
  border-color: color-mix(in srgb, var(--sv-accent) 36%, transparent);
}
body[data-ui-style="classic"] .header h1,
body[data-ui-style="classic"] .header .bloodline { color: var(--sv-hud-text); }
body[data-ui-style="classic"] .header h1::after {
  content: "CLASSIC";
  align-self: flex-end;
  margin: 0 0 3px -2px;
  color: var(--sv-accent);
  font-size: .52rem;
  font-weight: 800;
  letter-spacing: .16em;
}
body[data-ui-style="classic"] .header-hud [style*="color:"] { color: var(--sv-hud-text) !important; }
body[data-ui-style="classic"] .mob-nav-btn { border-radius: 8px; }
body[data-ui-style="classic"] #compact-stats-bar { border-radius: 8px; }