@import url("./atlas-tokens.css");

/* 智企双擎默认走 Atlas 深色；旧类名映射到同一套令牌 */
:root {
  --cyan: var(--risk-green);
  --amber: var(--blue);
  --line: var(--border);
  --font: var(--font-sans);
}

html, body {
  margin: 0;
  min-height: 100%;
  background: var(--bg);
  color: var(--text);
  font-family: var(--font-sans);
  -webkit-font-smoothing: antialiased;
}
body { overflow-x: clip; }

.wrap { position: relative; z-index: auto; min-height: 100dvh; background: var(--bg); }
.display { font-family: var(--font-sans); letter-spacing: -0.015em; font-weight: 400; }
.shell { width: min(960px, calc(100% - 40px)); margin: 0 auto; }

.logo {
  width: 32px;
  height: 32px;
  border-radius: 10px;
  display: grid;
  place-items: center;
  background: var(--blue-soft);
  color: var(--blue);
  font-weight: 600;
  font-size: 14px;
}

:where(button, a, input, textarea, [tabindex]):focus-visible {
  outline: 2px solid var(--blue);
  outline-offset: 2px;
}

.ghost, .ghost-btn, .nav-btn, .nav-ghost {
  display: inline-flex;
  align-items: center;
  gap: var(--s2);
  height: 36px;
  padding: 0 var(--s3);
  border: 0;
  border-radius: var(--r-pill);
  background: transparent;
  color: var(--muted);
  font: 400 14px var(--font-sans);
  cursor: pointer;
  transition: background-color var(--dur) var(--ease), color var(--dur) var(--ease);
}
.ghost:hover, .ghost-btn:hover, .nav-btn:hover, .nav-ghost:hover {
  background: var(--surface-hi);
  color: var(--text);
}
.ghost-icon { width: 36px; padding: 0; justify-content: center; }
.nav-btn.active { background: var(--surface); color: var(--text); }

.tonal, .primary-btn, .primary-btn.cyan {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: var(--s2);
  height: 44px;
  padding: 0 var(--s5);
  border: 0;
  border-radius: var(--r-pill);
  background: var(--blue);
  color: var(--on-blue);
  font: 400 15px var(--font-sans);
  cursor: pointer;
  box-shadow: none;
  transition: filter var(--dur) var(--ease), opacity var(--dur) var(--ease);
}
.tonal:hover, .primary-btn:hover { filter: brightness(1.08); transform: none; box-shadow: none; }
.primary-btn .cta-arrow { display: none; }

.outlined, .primary-btn.amber {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: var(--s2);
  height: 44px;
  padding: 0 var(--s5);
  border: 1px solid var(--border);
  border-radius: var(--r-pill);
  background: var(--panel);
  color: var(--blue);
  font: 400 15px var(--font-sans);
  cursor: pointer;
  box-shadow: none;
}
.outlined:hover, .primary-btn.amber:hover { background: var(--surface); filter: none; }

button:disabled { opacity: 0.4; cursor: default; filter: none; }

.mode-pill {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  font-size: 12px;
  padding: 6px 10px;
  border-radius: var(--r-pill);
  border: 1px solid var(--border);
  color: var(--muted);
  background: transparent;
}
.dot { display: inline-block; width: 6px; height: 6px; border-radius: 50%; margin-right: 6px; background: var(--blue); }
.dot.cyan, .dot.amber { background: var(--blue); }

@keyframes rise { from { opacity: 0; transform: translateY(6px); } to { opacity: 1; transform: none; } }
.fade, .hero-in { animation: rise 260ms var(--ease) both; }
.d1 { animation-delay: 40ms; }
.d2 { animation-delay: 80ms; }
.d3 { animation-delay: 120ms; }

.muted { color: var(--muted); }
.eyebrow {
  font: 400 12px/1 var(--font-sans);
  letter-spacing: 0.1em;
  text-transform: none;
  color: var(--muted);
}

.wrap .text-slate-400,
.wrap .text-slate-500,
.wrap .text-slate-600 {
  color: var(--muted) !important;
}

.chip, .dim-tag, .tag, .sample-flag, .bmc-meta span {
  padding: 6px var(--s3);
  border-radius: var(--r-pill);
  background: var(--surface-hi);
  color: var(--muted);
  font-size: 12.5px;
  border: 0;
}

.messages, .md-table-wrap, .bmc-items, .report-board, body {
  scrollbar-width: thin;
  scrollbar-color: var(--scrollbar) transparent;
}

@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
  }
}