/* TALENTRE Graphite. Presentation only; card geometry and live animations are owned by the existing UI. */
:root {
  --bg: #0d1011;
  --panel: #171b1d;
  --line: #303638;
  --text: #f1f2ef;
  --muted: #a1aaa9;
  --silver: #dce1dc;
  --green: #95e7b8;
  --red: #ef939b;
  --surface-base: var(--bg);
  --surface-panel: var(--panel);
  --surface-raised: #23292b;
  --ui-bg: var(--bg);
  --ui-panel: var(--panel);
  --ui-menu: #202628;
  --ui-hover: #252d2d;
  --ui-muted: var(--muted);
  --ui-ink: var(--text);
  --market-mint: var(--green);
  --market-cyan: #b4d8cb;
  --market-violet: #bcb7d0;
  --market-red: var(--red);
  --graphite-highlight: #ffffff0c;
  --graphite-control: #262d2f;
  --graphite-hover: #222b28;
  --graphite-shadow: 0 12px 28px #00000030, 0 3px 7px #00000024;
}

/* 1. Neutral surfaces with a clear depth hierarchy. */
html, body { background: var(--bg); color: var(--text); }
.lane {
  background: var(--panel);
  border-color: var(--line);
  border-radius: 10px;
  box-shadow: var(--graphite-shadow), inset 0 1px 0 var(--graphite-highlight);
}
.lane-header {
  background: linear-gradient(180deg, #252b2d, #1f2527);
  border-color: #353d3e;
  box-shadow: inset 0 1px 0 #ffffff0b, 0 2px 5px #00000014;
}
.lane-scroll { scrollbar-color: #465350 transparent; }
.lane-scroll::-webkit-scrollbar-thumb { background: #465350; border-radius: 5px; }
.token-card, body.compact .token-card {
  background: transparent;
  border-color: #2c3434;
  box-shadow: none;
  transition: background-color 150ms ease-out;
}
.token-card:hover, .launch-card:hover, .token-card:focus-within {
  background: var(--graphite-hover);
  box-shadow: inset 0 1px 0 #ffffff04;
}

/* 2. Silver light ties the terminal chrome to the landing identity. */
.app-header {
  background: radial-gradient(ellipse 440px 120px at 45px -38px, #dbe8df15, transparent 76%), #111516;
  border-color: #303738;
  box-shadow: 0 5px 18px #00000028, inset 0 1px 0 #e8f1e60b;
}
.app-header .brand { color: #e6eae3; }
.brand img { filter: drop-shadow(0 2px 3px #00000055); }
.app-header .nav { color: #b6bfbd; transition: background-color 150ms ease-out, color 150ms ease-out; }
.app-header .nav:hover { color: var(--text); background: #ffffff06; }
.app-header .nav.active { color: #b1edc9; background: #21332b; box-shadow: inset 0 1px 0 #bdffcf08; }
.nav-group + .nav-group { border-color: var(--line); }
.page-title h1 { color: var(--text); text-shadow: 0 1px 1px #00000030; }
.chain-name { color: #b6bfba; border-color: #3b4441; }
.lane-heading h2, .lane-header h2,
.lane[data-lane=new] .lane-header h2, .lane[data-lane=migrated] .lane-header h2 { color: var(--text); }
.lane-description, .lane-count { color: var(--muted); }

/* 3. Controls sit above the panels; inputs are gently inset. */
.global-search, .lane-search {
  color: var(--text);
  background: #111617;
  border-color: #3b4544;
  box-shadow: inset 0 1px 3px #00000024, 0 1px 0 #ffffff03;
  transition: border-color 150ms ease-out, background-color 150ms ease-out;
}
.global-search input { color: var(--text); }
.global-search input::placeholder, .lane-search::placeholder { color: #a0aba8; }
.global-search:focus-within, .lane-search:focus { border-color: #91baa2; box-shadow: 0 0 0 2px #96e4b711; }
.global-search kbd { color: #b2bdb7; background: #232c28; border-color: #3c4841; }
.app-header .tools-trigger, .app-header .header-tools #paste,
.customize, .lane-pause, .quiet, .utility {
  background: linear-gradient(180deg, #2a3233, #242b2c);
  color: #d2dbd5;
  box-shadow: inset 0 1px 0 #ffffff09, 0 1px 2px #00000022;
  transition: background-color 150ms ease-out, color 150ms ease-out;
}
.app-header .tools-trigger:hover, .app-header .header-tools #paste:hover,
.customize:hover, .lane-pause:hover, .quiet:hover, .utility:hover { background: #333e3c; color: var(--text); }
.quick-amount, .preset-select { background: #232c2b; border-color: #41504a; color: #dce7df; box-shadow: inset 0 1px 0 #ffffff06; }
.quick-amount input { color: #e3ede5; font-variant-numeric: tabular-nums; }
.quick-amount > .icon { color: var(--green); }
.lane-tools > .icon-button { color: #b9c7be; }
.lane-tools > .icon-button:hover { color: #e4eee6; background: #2d3a33; }
.lane-tools > .icon-button.active, .lane-pause[aria-pressed=true] { background: #2a4133; color: #b7edc8; box-shadow: inset 0 0 0 1px #84b8954d; }
.age-options { background: #151a1a; border-color: #38413e; box-shadow: inset 0 1px 2px #00000020; }
.age-options button { color: #aab6ae; }
.age-options button.selected { color: #f0f3ec; background: #313b35; box-shadow: inset 0 1px 0 #ffffff0a, 0 1px 3px #00000028; }
.filter-chips { background: #1b2520; border-color: #334139; }
.filter-chips button { background: #2d4133; color: #c4e7cb; }
.lane-resume { background: #bceaca; color: #163323; }

/* 4. Avatars retain their original dimensions and network badge anchor. */
.live-art, body.compact .live-art {
  border-radius: 8px;
  background: #131918;
  box-shadow: 0 0 0 1px #becfc529, 0 3px 7px #00000040, inset 0 1px 0 #ffffff0c;
}
.live-art img { border-radius: inherit; }
.live-art .avatar-placeholder { background: #293531; color: #bad0c1; }
.avatar-chain { background: #151d19; border-color: var(--panel); box-shadow: 0 1px 3px #00000055; }
.token-card:hover .avatar-chain, .token-card:focus-within .avatar-chain { border-color: var(--graphite-hover); }
.token-picture .address { color: #a1afa6; font-variant-numeric: tabular-nums; }
.token-picture .address:hover { color: #e2eee3; }

/* 5. Stable numeric alignment and a clearer text hierarchy. */
.token-symbol, body.compact .token-symbol { color: var(--text); font-weight: 600; letter-spacing: -.015em; }
.token-full-name { color: #a2aca6; }
.token-meta, body.compact .token-meta, .venue, .token-meta .venue { color: #a4b2a8; }
.token-meta .age { color: #a3e6b9; font-variant-numeric: tabular-nums; }
[data-lane=active] .token-meta .age { color: #b4cbc0; }
[data-lane=migrated] .token-meta .age { color: #c6bdd5; }
.token-meta .icon, .token-meta .vital, .token-meta [data-ui-icon=chart] { color: #b8c8bd; stroke-width: 1.6; }
.token-meta a[href*="x.com"] .icon, .token-meta a[href*="twitter.com"] .icon,
.token-meta [data-ui-icon=social], .token-meta [data-ui-icon=globe] { color: #a8c8b8; }
.token-meta a:hover .icon { color: #dcf1e2; }
.token-social a { color: #b4d8cb; transition: color 140ms ease-out; }
.token-social a:hover { color: #e0f7e8; }
.token-social .price-label, .launch-status { color: #b5c2b8; }
.token-market, .metric-number, .data-chip, .indexing-label, .sol-quote { font-variant-numeric: tabular-nums; }
.cash-line .cap-value, .lane[data-lane=active] .cash-line .cap-value,
.lane[data-lane=migrated] .cash-line .cap-value, .launch-card .cap-value { color: #f0f4ec; font-weight: 600; letter-spacing: -.015em; }
.cash-line > span, .cash-line > span:first-child, .cash-line > span:last-child,
.launch-card .cap-label, .secondary-value { color: #a6b3a9; }
.cash-line b, .cash-line > span:first-child b { color: #c8d6ca; }
.data-chip { color: #c6d2c8; }
.data-chip small, .indexing-label, .sol-unit { color: #a3b0a5; }
.data-chip.positive, .data-chip .positive, .flow-chip b { color: var(--green); }
.data-chip.negative, .data-chip .negative, .flow-chip em { color: var(--red); }
.flow-chip i { color: #93a197; }
.star-button { color: #b2bda9; }
.star-button.saved { color: #e5d092; }

/* 6. Mint actions with a top highlight and a short tactile press. */
.quick-buy, .round-buy .quick-buy, .app-header .deposit, .tools-wallet {
  background: linear-gradient(180deg, #b0f0c9 0%, #96e4b6 100%);
  color: #112e1c;
  box-shadow: inset 0 1px 0 #ecfff480, inset 0 -1px 0 #286d3e30, 0 2px 5px #00000035;
  transition: box-shadow 140ms ease-out, transform 120ms ease-out;
}
.quick-buy:hover, .round-buy .quick-buy:hover, .app-header .deposit:hover, .tools-wallet:hover {
  color: #102d1b;
  background: linear-gradient(180deg, #c0f7d5, #a9edc4);
  box-shadow: inset 0 1px 0 #ffffff99, inset 0 -1px 0 #286d3e26, 0 3px 9px #00000040;
}
.quick-buy:active, .round-buy .quick-buy:active, .app-header .deposit:active, .tools-wallet:active {
  transform: translateY(1px);
  background: #96dcb0;
  box-shadow: inset 0 1px 3px #164e302e, 0 1px 2px #00000020;
}
.quick-buy .icon { color: inherit; stroke-width: 1.65; }

/* 7. Menus and dock share the same finish. No extra loops, blur or entry animation. */
.bottom-bar { background: #111617; border-color: #323c36; box-shadow: 0 -4px 18px #0000002b, inset 0 1px 0 #ffffff06; }
.bottom-bar button, .footer-right { color: #adbbb1; }
.bottom-bar [data-icon], #dock-menu [data-icon] { color: #a9bdb0; }
.bottom-bar button.active, .bottom-bar button[aria-current=page] { color: #b4eec8; background: #243b2d; box-shadow: inset 0 1px 0 #d0ffdf0a; }
.bottom-bar button.active [data-icon], .bottom-bar button[aria-current=page] [data-icon] { color: #a1e6b7; }
.bottom-bar .sol-quote { color: #a7e2b8; }
.mobile-lanes button { background: #1d2621; color: #bac8bc; border-color: #3a493e; }
.mobile-lanes button[aria-pressed=true] { background: #2a3f2f; color: #c3f1cb; border-color: #6c9777; }
dialog, #tools-menu, #dock-menu, #search-results {
  background: #202628;
  color: var(--text);
  border-color: #46534c;
  box-shadow: 0 22px 60px #00000070, 0 5px 16px #0000003b, inset 0 1px 0 #ffffff10;
}
dialog::backdrop { background: #060a08a6; }
#tools-menu button, #dock-menu button { color: #d5dfd5; }
#tools-menu button:hover, #dock-menu button:hover { background: #303c34; color: #f1f5ed; }
.keyword-fields input, .range-row input, .preset-grid input, .named-presets input,
.named-presets select, .setting-row select { color: #e3eadd; background: #141c17; border-color: #445449; box-shadow: inset 0 1px 3px #0000002b; }
.setting-row, .dialog-actions, .dialog-tabs, .tools-account { border-color: #39473c; }
.setting-row, .range-row label { color: #c8d6c8; }
.category-tabs { background: #19221b; }
.category-tabs button.selected { background: #354939; color: #e8f1df; }
.dialog-tabs button.selected { color: #bde9c3; border-color: #a1d4ad; }
.dialog-actions .primary { background: #a9e8bc; color: #163422; box-shadow: inset 0 1px 0 #ffffff55, 0 2px 5px #00000030; }
.lane-empty, .lane-empty span { color: #b4c3b6; }

/* Existing reduced-motion and user motion settings remain authoritative. */
@media (prefers-reduced-motion: reduce) {
  .quick-buy, .round-buy .quick-buy, .app-header .deposit, .tools-wallet,
  .token-card, body.compact .token-card { transition: none; }
  .quick-buy:active, .round-buy .quick-buy:active, .app-header .deposit:active, .tools-wallet:active { transform: none; }
}
body[data-motion=off] .quick-buy, body[data-motion=off] .deposit { transition: none; }
body[data-motion=off] .quick-buy:active, body[data-motion=off] .deposit:active { transform: none; }
@media (max-width:960px) {
  .lane { box-shadow: 0 4px 12px #00000030, inset 0 1px 0 #ffffff08; }
  .bottom-bar .footer-right { background: #111617; }
}