/* Atlas Trader — unified Dark Neon skin, coordinated with the public landing.
   Presentation-only overrides. Keep financial calculations, auth and data flows intact. */
:root {
  color-scheme: dark;
  --bg: #0B0B0C;
  --card: #151719;
  --card2: #111314;
  --line: #2b302d;
  --ink: #FFFFFF;
  --muted: #A1A1AA;
  --green: #22C55E;
  --red: #ff7485;
  --blue: #86dda5;
  --yellow: #edc378;
  --accent: #22C55E;
  --atlas-surface: #111214;
  --atlas-raised: #17191b;
  --atlas-border: #292e2b;
  --atlas-hover: #1c2520;
  --atlas-bright: #00ff66;
}
html, body { background: var(--bg); color: var(--ink); }
body { background: radial-gradient(circle at 90% 0%, rgba(34,197,94,.025),transparent 32%), #0B0B0C; }
::selection { background: rgba(34,197,94,.32); color: #fff; }
a { color: #b5ebc4; }
a:hover { color: #e9fff0; }

/* Auth: same dark hero language, understated neon lighting and gridded floor. */
.auth {
  isolation: isolate;
  overflow: hidden;
  position: relative;
  min-height: 100svh;
  background: radial-gradient(ellipse 45% 40% at 50% 12%,rgba(14,65,32,.22),transparent 85%),#0B0B0C;
}
.auth::before {
  content: "";
  pointer-events: none;
  position: absolute;
  z-index: -1;
  width: min(950px,150vw);
  height: 470px;
  left: 50%; bottom: -310px;
  transform: translateX(-50%) perspective(550px) rotateX(62deg);
  transform-origin: center center;
  background: repeating-linear-gradient(0deg, transparent 0 41px,rgba(34,197,94,.22) 42px 43px),
              repeating-linear-gradient(90deg,transparent 0 41px,rgba(34,197,94,.18) 42px 43px);
  mask-image: linear-gradient(to bottom,transparent,#000 40%,transparent 100%);
  opacity: .66;
}
.auth::after {
  content: "";
  pointer-events: none;
  position: absolute;
  z-index: -1;
  width: 520px; height: 520px;
  top: 2%; left: calc(50% - 260px);
  border-radius: 50%;
  background: radial-gradient(circle,transparent 46%, rgba(34,197,94,.07) 58%, transparent 68%);
  filter: blur(12px);
}
.auth-panel {
  position: relative;
  max-width: 440px;
  padding: clamp(25px,4vw,38px);
  background: linear-gradient(146deg,rgba(24,27,26,.97),rgba(13,15,14,.98));
  border: 1px solid #343b36;
  border-radius: 18px;
  box-shadow: 0 24px 100px rgba(0,0,0,.65), 0 0 75px rgba(34,197,94,.045), inset 0 1px rgba(255,255,255,.045);
}
.auth-panel .brand { color: #fff; letter-spacing: .09em; font-weight: 850; }
.auth-panel .mark { background: var(--accent); color: #092312; }
.auth h1 { color:#fff; font-size:clamp(27px,4.1vw,32px); }
.auth .muted { color:#b1b5b2; line-height:1.72; }
.auth .notice { color: #f1c678; }

/* Primary buttons match landing's white CTA. Focus and active states use neon. */
button:not(.secondary):not(.danger), button.primary-cta {
  background: #fff;
  color: #0B0B0C;
  border: 1px solid #fff;
  box-shadow: none;
}
button:not(.secondary):not(.danger):hover, button.primary-cta:hover {
  background: #e7f9ec;
  color: #08190e;
  border-color: #e7f9ec;
}
button.secondary, .top-actions .logout-btn, .auth-buttons button {
  background: #181b19;
  border: 1px solid #3b413d;
  color: #f0f2f1;
}
button.secondary:hover, .top-actions .logout-btn:hover, .auth-buttons button:hover {
  background: #222723;
  border-color: #57705d;
  color: #fff;
}
button.danger { background:#392125; color:#ffc3c9; border:1px solid #63333b; }
button.danger:hover { background:#503038; }
button:focus-visible, a:focus-visible, input:focus-visible,
select:focus-visible, textarea:focus-visible { outline:2px solid #3ae57a; outline-offset:3px; }
input,select,textarea {
  background: #111412;
  color: #f4f6f4;
  border: 1px solid #39423c;
}
input:hover,select:hover,textarea:hover { border-color: #657367; }
input:focus,select:focus,textarea:focus {
  border-color: var(--accent);
  box-shadow: 0 0 0 3px rgba(34,197,94,.16);
}
input::placeholder,textarea::placeholder { color:#7b847d; }
label { color:#bec3be; }

/* Shell navigation, tabs, dashboard and all inner workspaces. */
.sidebar {
  background: linear-gradient(160deg,#121514,#0d0e0f 66%);
  border-color: #292e2b;
}
.sidebar .brand { color:#fff; }
.sidebar .mark,.brand .mark,.auth .mark {
  background:linear-gradient(135deg,#2ce474,#159843);
  color:#071c0e;
  box-shadow:0 0 24px rgba(34,197,94,.10);
}
.brand-text em { color:#63ea95; }
.side-workspace { background:#191c1a; border-color:#303631; }
.side-workspace-icon { background:#173222; color:#7af2a2; }
.nav-divider,.sidebar-foot { color:#858b86; border-color:#2d322e; }
.nav button,.global-nav button,.work-tabs button {
  background: transparent!important;
  color:#b0b6b0!important;
  border-color:transparent!important;
  box-shadow:none!important;
}
.nav button.active,.nav button:hover,
.global-nav button.active,.global-nav button:hover,
.work-tabs button.active,.work-tabs button:hover {
  background:#192a1e!important;
  border-color:#2e603e!important;
  color:#6bec9a!important;
  box-shadow: inset 3px 0 0 #22C55E!important;
}
.nav-trailing { color:#b4d1ba!important; border-color:#3d5741; }
.global-nav { background:rgba(17,20,18,.97); border-color:#2d352e; }
.masthead { background:#111413; border-color:#292f2b; color:#e5ece7; }
.masthead-muted,.masthead-right { color:#959d97; }
.masthead-dot { background:#22C55E; }
.main { background:transparent; }
.eyebrow,.saas-overline,.archive-kicker { color:#55e78a; }
.top h1,.module-title,.panel h2,.atlas-hero h2 { color:#fff; }
.top .sub,.hint-note { color:#a1aaa4; }

/* Consistent cards, tables, analytics and visuals. */
.panel,.saas-card,.metric-line,.archive-metric,.kpi,
.module-overview,.account-chip,.registration-item,.atlas-dialog {
  background: linear-gradient(150deg,#191c1a,#121413);
  border-color: #2f3731;
  color: var(--ink);
}
.panel:hover,.module-overview:hover,.account-chip:hover,.metric-line:hover { border-color:#48644e; }
.kpi .big,.archive-metric strong,.balance-current b { color:#fff; }
.banner,.archive-shell,.atlas-hero {
  background: radial-gradient(ellipse at 88% 10%,rgba(25,100,49,.19),transparent 45%),
              linear-gradient(135deg,#1a211c,#101211);
  border-color:#2e5237;
  color:#d2e6d7;
}
.banner { border-left-color:#22C55E; }
.archive-metric { background:#151d18; border-color:#304639; }
.archive-legend,.archive-guide { color:#b5c6b9; border-color:#334437; }
.archive-table th,.archive-table td,.table th,.table td { border-color:#303632; }
.module-tag { background:#193023; color:#75eaa1; border-color:#315b3c; }
.module-tag.real { background:#172020; color:#bbdac5; border-color:#3f5345; }
.module-tag.backtest { background:#2c261a; color:#e9c788; border-color:#59492c; }
.account-chip.selected { background:#1b3524; border-color:#45b770; }
.balance-card { background:linear-gradient(140deg,#1b201c,#121513); border-color:#344139; }
.balance-title span { background:#1b3424; color:#acf1c0; }
.balance-line { color:#c1cbc3; border-color:#333d35; }
.balance-line b,.balance-current { color:#f7fff9; }
.balance-note { color:#a8b5aa; }
[data-calculation-preview] { background:#12231a; border:1px solid #2b6940; color:#bfe8c9; }
.entry-form [readonly] { background:#18261c; border-color:#37734a; color:#d9ffe3; }
.metric-fill { background:#22C55E; }
.metric-fill.down { background:var(--red); }
.metric-track { background:#2c342e; }
.metric-list .metric-line:hover { border-color:#426f4c; }
.pill,.tag-options button { background:#1c2c20!important; border-color:#345a3e!important; color:#afdcbc!important; }
.tag-options button.selected { background:#22C55E!important; border-color:#55e587!important; color:#082313!important; }
.date-squares>div,.calendar-tile { background:#171b18; border-color:#313a33; }
.saas-metric,#saas-message { color:#67ea93; }
#saas-portal { background:#0B0B0C; color:#f3f7f4; }
.saas-card { background:linear-gradient(146deg,#1a1e1b,#121513); }
.saas-tag { border-color:#425846; }
.saas-tag.active { color:#6bec9a; }
.saas-table th,.saas-table td { border-color:#303a32; }
.atlas-dialog { background:#1a1d1b; border-color:#3b463e; }

/* Remaining app utilities that should not retain a blue highlight. */
.notice,.saas-note { line-height:1.6; }
.masthead .positive,.positive { color:#4be585; }
.negative { color:#ff7485; }
.hero-kicker { color:#59e78e; }
::-webkit-scrollbar { width:9px; height:9px; }
::-webkit-scrollbar-track { background:#101311; }
::-webkit-scrollbar-thumb { background:#303b33; border-radius:999px; }
::-webkit-scrollbar-thumb:hover { background:#46654d; }
@media (max-width: 780px) {
  .sidebar { background:#111413; border-color:#2b342e; }
  .auth-panel { margin: 10px auto; }
}
@media (prefers-reduced-motion:reduce) { .auth::before,.auth::after { animation:none; } }
/* SVG colours retained by historical chart markup are harmonised without
   changing risk calculations or chart data. */
#app svg [stroke="#42ddb0"],#app svg [stroke="#4f9ffd"] { stroke:#22C55E!important; }
#app svg [stroke="#79c4ff"],#app svg [stroke="#8baaff"] { stroke:#9be5b6!important; }
#app svg [fill="#42ddb0"],#app svg [fill="#4f9ffd"] { fill:#22C55E!important; }
#app svg stop[stop-color="#42ddb0"] { stop-color:#22C55E!important; }