/* NFTStocks daylight theme, aligned with the Signalbound Command Center palette. */
:root {
  color-scheme: light;
  --bg: #e9ece6;
  --panel: #ffffff;
  --panel2: #f0f3ef;
  --line: #cbd4cd;
  --line2: #98a79d;
  --text: #17211c;
  --muted: #56645c;
  --green: #087a7f;
  --amber: #956300;
  --red: #bd423b;
  --base: #315fc7;
  --chain-accent: #668a24;
  --chain-border: #9caf70;
}

html { background: var(--bg); }
body {
  background:
    radial-gradient(circle at 10% 4%, rgba(8, 122, 127, .10), transparent 31rem),
    radial-gradient(circle at 91% 13%, rgba(102, 138, 36, .09), transparent 29rem),
    linear-gradient(180deg, #f6f8f4 0, var(--bg) 42rem);
  color: var(--text);
}

::selection { background: rgba(8, 122, 127, .18); color: #0d211a; }
.ns-grid {
  opacity: .42;
  background-image:
    linear-gradient(rgba(23, 33, 28, .045) 1px, transparent 1px),
    linear-gradient(90deg, rgba(23, 33, 28, .045) 1px, transparent 1px);
}

.ns-topbar {
  border-color: var(--line);
  background: rgba(247, 249, 245, .92);
  box-shadow: 0 1px 0 rgba(255, 255, 255, .8);
}
.ns-brand img {
  padding: 5px;
  border-radius: 8px;
  background: #13231d;
  box-shadow: 0 5px 14px rgba(23, 33, 28, .14);
}
.ns-wallet,
.ns-wallet.is-connected {
  border-color: #6d9a9d;
  background: #e5f2f1;
  color: #075e63;
}
.ns-wallet:hover { border-color: var(--green); background: #d9eceb; }

.ns-sidebar {
  border-color: var(--line);
  background: rgba(244, 246, 242, .88);
  box-shadow: inset -1px 0 rgba(255, 255, 255, .75);
}
.ns-agent-switcher > button,
.ns-runtime,
.ns-metrics,
.ns-card,
.ns-market,
.ns-wallet-card,
.ns-position,
.ns-chat-card,
.ns-chat-context,
.ns-guide-card,
.ns-guide-intro {
  border-color: var(--line);
  background: rgba(255, 255, 255, .94);
  color: var(--text);
  box-shadow: 0 8px 24px rgba(37, 54, 45, .045);
}
.ns-agent-menu,
.wallet-menu {
  border-color: var(--line2);
  background: #fff;
  color: var(--text);
  box-shadow: 0 20px 50px rgba(31, 46, 38, .16);
}
.ns-agent-menu button:hover,
.ns-agent-menu button.is-active { background: #e7f3ef; }
.ns-product-nav button { color: #53645c; }
.ns-product-nav button:hover { background: #eef3ef; }
.ns-product-nav button.is-active {
  border-color: #83aaa2;
  background: #dfeeea;
  color: #075e63;
}
.ns-trust { border-color: var(--line); }

.ns-titlebar,
.ns-chat-card > header,
.ns-wallet-card > header,
.ns-chat-form { border-color: var(--line); }
.ns-runtime button,
.ns-secondary,
.wallet-menu-actions a,
.wallet-menu-actions button,
.ns-suggestions button,
.ns-market button,
.ns-position button,
.ns-guide-command,
.ns-guide-prompts button,
.ns-wallet-address button,
.ns-wallet-address a {
  border-color: var(--line2);
  background: #f5f7f4;
  color: var(--text);
}
.ns-runtime button:hover,
.ns-secondary:hover,
.ns-suggestions button:hover,
.ns-market button:hover,
.ns-position button:hover,
.ns-guide-command:hover,
.ns-guide-prompts button:hover { background: #e5f1ee; }
.ns-filterbar,
.ns-chat-tools {
  border-color: var(--line);
  background: #f3f6f2;
}
.ns-filterbar button,
.ns-filterbar button:disabled,
.ns-filterbar button:disabled:hover,
.ns-market-more,
.ns-capability-empty button {
  border-color: var(--line2);
  background: #fff;
  color: #33453c;
}
.ns-filterbar button:hover,
.ns-filterbar button.is-active,
.ns-market-more:hover,
.ns-capability-empty button:hover {
  border-color: var(--green);
  background: #dfeeea;
  color: #075e63;
}
.ns-filterbar button:disabled,
.ns-filterbar button:disabled:hover { color: #87938c; opacity: .72; }
.ns-notice { background: #fff5d9; color: #765000; }
.ns-notice.is-error { background: #fff0ed; color: #9f302a; }

.ns-metrics article { border-color: var(--line); }
.ns-metrics span,
.ns-footer { color: #6d7a73; }
.ns-card { background: linear-gradient(145deg, #fff, #f7f9f6); }
.ns-row,
.ns-market footer,
.ns-position footer { border-color: var(--line); }
.ns-token-icon,
.ns-token-icon img {
  border-color: var(--line);
  background: #edf1ed;
}
.ns-empty { background: #f8faf7; }
.ns-primary,
.ns-chat-form button {
  border-color: #a97c19;
  background: #f2c14e;
  color: #2f2204;
}
.ns-primary:hover,
.ns-chat-form button:hover:not(:disabled) { background: #eab83f; }
.ns-proof-card li > b { background: #e5f2f1; }

.ns-search input,
.ns-chat-form textarea,
.ns-attest-form select,
.ns-attest-form input {
  border-color: var(--line2);
  background: #fff;
  color: var(--text);
}
.ns-market:hover { background: #f7faf7; box-shadow: 0 12px 28px rgba(37, 54, 45, .08); }
.ns-market > span,
.ns-market.has-lp .ns-market-meta span:last-child { background: #e5f2ed; color: #08704a; }
.ns-market button:first-child { color: #765000; background: #fff8e7; }
.ns-market-meta span,
.ns-position-metrics span { background: #f2f5f1; }
.ns-market-price,
.ns-chat-context li,
.ns-guide-card ol,
.ns-guide-card ul { color: #46564e; }
.ns-capability-empty {
  border-color: var(--chain-border);
  background: linear-gradient(135deg, #f4f8eb, #fff);
}

.ns-wallet-address {
  border-color: var(--line);
  background: #edf3ef;
}
.ns-wallet-address small { color: #64736b; }
.ns-wallet-address code { color: #17211c; }
.ns-wallet-warning { background: #fff8e7; color: #8a6412; }

.ns-network-bar {
  border-color: #b8c7be;
  background: rgba(255, 255, 255, .88);
  box-shadow: 0 10px 30px rgba(37, 54, 45, .055);
}
.ns-network-disclosure { border-color: var(--line); color: #66756d; }
.ns-network-switch button {
  border-color: var(--line);
  background: #f5f7f4;
  color: #56645c;
}
.ns-network-switch button:hover { background: #edf2ee; }
.ns-network-switch button.is-active { background: #e5f2ef; }
.ns-network-switch button:nth-child(2).is-active { background: #e9effd; }
.ns-network-switch button:nth-child(3).is-active { background: #f0f6e4; }
.ns-network-pair img { border-color: #f5f7f4; }
.ns-chain-badge { background: #f7f9f6; color: #405149; }
.ns-chain-badge.is-base { border-color: #91a7df; color: #244b9f; }
.ns-chain-badge.is-robinhood { background: #f1f6e8; color: #4f7117; }
.ns-market-group > header,
.ns-guide-compare section,
.ns-guide-card dl > div {
  border-color: var(--line);
  background: #f3f6f2;
}
.ns-market.is-base { border-top-color: #6f8ed7; }
.ns-market.is-robinhood { border-top-color: var(--chain-border); }

.ns-guide-jumps {
  border-color: var(--line);
  background: rgba(247, 249, 245, .94);
  box-shadow: 0 8px 18px rgba(37, 54, 45, .06);
}
.ns-guide-callout { background: #e8f3ef; }
.ns-guide-callout.is-warning { background: #fff5d9; }
.ns-footer { border-color: var(--line); background: rgba(244, 246, 242, .72); }
.ns-footer strong { color: #33453c; }

/* Chat and action receipts */
.ns-chat-view { --chat-border: #b7c8bf; --chat-panel: rgba(255, 255, 255, .95); }
.ns-chat-actions button,
.ns-message,
.ns-action-journey,
.ns-chat-form,
.ns-context-proof {
  border-color: var(--line);
  background: #f6f8f5;
  color: var(--text);
}
.ns-chat-actions button:hover { background: #fff5d9; }
.ns-chat-badge.is-ready { border-color: #82ad95; background: #e7f3eb; color: #075f3c; }
.ns-chat-empty strong,
.ns-message p,
.ns-action-summary b,
.ns-action-content > p,
.ns-chat-form > label,
.ns-context-link { color: var(--text); }
.ns-message.is-user { border-color: #d2b56e; background: #fff8e7; }
.ns-action-journey[open] { border-color: #79aaa1; background: #fff; }
.ns-action-content { border-color: var(--line); }
.ns-action-timeline span { border-color: var(--line); color: #68776f; background: #f6f8f5; }
.ns-action-timeline span.is-done { border-color: #82ad95; color: #075f3c; background: #e7f3eb; }
.ns-chat-log { scrollbar-color: #83aaa2 transparent; }
.ns-chat-form textarea { background: #fff; color: var(--text); }
.ns-context-link { border-color: var(--line2); background: #fff; }
.ns-code-build { background: #f6f8f5; }

/* Wallet provider stays focused while using the same daylight surfaces. */
.wallet-provider-modal { background: rgba(23, 33, 28, .48); }
.wallet-provider-dialog {
  border-color: var(--line2);
  background: linear-gradient(145deg, #fff, #f2f5f1);
  box-shadow: 0 28px 90px rgba(20, 34, 26, .26);
}
.wallet-provider-head button,
.wallet-provider-option,
.wallet-provider-icon { background: #f3f6f2; color: var(--text); }
.wallet-provider-option:hover { background: #e5f2ef; }

@media (max-width: 760px) {
  .ns-sidebar { background: rgba(247, 249, 245, .96); }
}
