.atlas-card,
body.atlas-app .premium-card,
body.atlas-app .card,
body.atlas-app .panel,
body.atlas-app .toolbar-card,
body.atlas-app .status-card,
body.atlas-app .trade-card,
body.atlas-app .analysis-card,
body.atlas-app .executive-brief-card,
body.atlas-app .trade-decision-centre,
body.atlas-app .decision-card,
body.atlas-app .workspace-section {
  border: 1px solid var(--atlas-border) !important;
  border-radius: var(--atlas-radius) !important;
  background: var(--atlas-surface-1) !important;
  box-shadow: none !important;
}
.atlas-card { padding: var(--atlas-card-padding); }
.atlas-card-elevated { background: var(--atlas-surface-2) !important; box-shadow: var(--atlas-shadow) !important; }
.atlas-card-subtle { background: var(--atlas-surface-subtle) !important; }

.atlas-button-primary,
body.atlas-app .primary-button,
body.atlas-app .refresh-button,
body.atlas-app button:not(.atlas-button-secondary):not(.atlas-button-ghost):not(.secondary) {
  min-height: var(--atlas-control-height) !important;
  padding: 8px 13px !important;
  border: 1px solid var(--atlas-border-emphasis) !important;
  border-radius: var(--atlas-radius-sm) !important;
  color: #171407 !important;
  background: linear-gradient(135deg, var(--atlas-gold-bright), var(--atlas-gold)) !important;
  box-shadow: none !important;
  font-size: .78rem !important;
  font-weight: var(--atlas-weight-bold) !important;
  cursor: pointer;
}
.atlas-button-secondary,
.atlas-button-ghost,
body.atlas-app .secondary-button,
body.atlas-app .v35-action-button.secondary,
body.atlas-app button.secondary,
body.atlas-app .filter:not(.active) {
  min-height: var(--atlas-control-height) !important;
  border: 1px solid var(--atlas-border) !important;
  border-radius: var(--atlas-radius-sm) !important;
  color: var(--atlas-text-secondary) !important;
  background: var(--atlas-surface-subtle) !important;
}
.atlas-button-ghost { background: transparent !important; }

.atlas-badge,
body.atlas-app .pill,
body.atlas-app .badge,
body.atlas-app .side-badge,
body.atlas-app .status-badge,
body.atlas-app .regime-badge,
body.atlas-app [class*="-badge"] {
  display: inline-flex;
  align-items: center;
  width: fit-content;
  border: 1px solid currentColor !important;
  border-radius: 999px !important;
  padding: 3px 8px !important;
  font-size: var(--atlas-type-badge) !important;
  font-weight: var(--atlas-weight-bold) !important;
  letter-spacing: var(--atlas-tracking-micro) !important;
  line-height: 1.35 !important;
  text-transform: uppercase !important;
}
.atlas-badge-long, body.atlas-app .long, body.atlas-app .positive, body.atlas-app .good { color: var(--atlas-long) !important; }
.atlas-badge-short, body.atlas-app .short, body.atlas-app .negative { color: var(--atlas-short) !important; }
.atlas-badge-wait { color: var(--atlas-wait) !important; }
.atlas-badge-invalid, body.atlas-app .invalidated { color: var(--atlas-invalid) !important; }
.atlas-badge-info { color: var(--atlas-info) !important; }

.atlas-metric { display: grid; gap: var(--atlas-space-1); }
.atlas-metric-label { color: var(--atlas-text-muted); font-size: var(--atlas-type-label); font-weight: var(--atlas-weight-bold); letter-spacing: var(--atlas-tracking-label); text-transform: uppercase; }
.atlas-metric-value { color: var(--atlas-text); font-size: var(--atlas-type-metric); font-weight: var(--atlas-weight-bold); font-variant-numeric: tabular-nums; }

.atlas-control,
.atlas-input,
.atlas-select,
body.atlas-app input,
body.atlas-app select,
body.atlas-app textarea {
  min-height: var(--atlas-control-height) !important;
  border: 1px solid var(--atlas-border) !important;
  border-radius: var(--atlas-radius-sm) !important;
  color: var(--atlas-text) !important;
  background: var(--atlas-bg-deep) !important;
}

.atlas-section-title,
.atlas-eyebrow,
body.atlas-app .eyebrow,
body.atlas-app .section-title {
  color: var(--atlas-gold) !important;
  font-size: var(--atlas-type-label) !important;
  font-weight: var(--atlas-weight-bold) !important;
  letter-spacing: .14em !important;
  line-height: 1.35 !important;
  text-transform: uppercase !important;
}

body.atlas-app .entry-state { padding: 8px 10px !important; border-left: 3px solid var(--atlas-wait) !important; background: rgba(232, 185, 94, .06); }
body.atlas-app .entry-state.at-entry,
body.atlas-app .entry-state.actionable { border-left-color: var(--atlas-long) !important; }
body.atlas-app .entry-state.invalidated,
body.atlas-app .entry-state.price-extended { border-left-color: var(--atlas-invalid) !important; }

body.atlas-app :focus-visible { outline: 2px solid var(--atlas-gold-bright) !important; outline-offset: 3px; }
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { scroll-behavior: auto !important; animation-duration: .01ms !important; animation-iteration-count: 1 !important; transition-duration: .01ms !important; }
}
@media (forced-colors: active) {
  .atlas-card, .atlas-button-primary, .atlas-button-secondary, .atlas-button-ghost,
  .atlas-badge, .atlas-control, .atlas-input, .atlas-select { border: 1px solid CanvasText !important; forced-color-adjust: auto; }
}
