/*
 * NetNapz Trade Buddy — homepage-matched editorial theme
 * Visual-only layer. The chat engine, CoinGecko, voice, uploads, sources,
 * charts and conversations remain untouched.
 * Design: ink navy / warm ivory / crisp white / signature NetNapz yellow.
 */
:root,
html[data-theme="dark"],
html[data-theme="light"] {
  color-scheme: light;
  --page: #f7f7f3;
  --side: #0a1827;
  --panel: #ffffff;
  --soft: #f3f5f6;
  --hover: #fff6d3;
  --border: #dce2e5;
  --ink: #101f2c;
  --muted: #627282;
  --gold: #f8c400;
  --goldsoft: #fff4c8;
  --yellowText: #765500;
  --shadow: rgba(13, 28, 43, .10);
  --user: #fff4cb;
  --assistant: #ffffff;
  --good: #078854;
  --bad: #c83a52;
  --brand-navy: #091a29;
  --brand-yellow: #f8c400;
  --brand-paper: #f7f7f3;
  --brand-line: #dfe4e7;
  --brand-copy: #152434;
  --brand-subtle: #607184;
}
html, body {
  color: var(--brand-copy) !important;
  background: #f7f7f3 !important;
}
body {
  background-image:
    radial-gradient(ellipse at 8% 5%,rgba(255,211,56,.09),transparent 36%),
    radial-gradient(ellipse at 90% 93%,rgba(9,36,64,.035),transparent 38%) !important;
}
body::after {
  display:none !important; /* Remove the cinematic rock scenery */
}
.shell {
  margin: 10px 13px !important;
  height: calc(100dvh - 20px) !important;
  min-height: 540px;
  background: #fff !important;
  border: 1px solid #dae0e4 !important;
  border-radius: 17px !important;
  box-shadow: 0 8px 30px rgba(10,27,40,.10),0 2px 5px rgba(10,27,40,.04) !important;
  overflow: hidden;
}
.shell::after {
  box-shadow: none !important;
  border: 0 !important;
}
.shell.softGlow {
  box-shadow: 0 3px 16px rgba(10,27,40,.09) !important;
}
.sidebar {
  background: linear-gradient(170deg,#091725 0%,#0e2133 64%,#0b1928 100%) !important;
  border-right: 1px solid #243645 !important;
}
/* Site header owns the NETNAPZ logo; start sidebar with the New chat button. */
.sidebar { padding-top: 15px !important; }

.sidebar::before {
  background: radial-gradient(circle at 85% 88%,rgba(255,205,46,.11),transparent 45%) !important;
}
.sidehead {
  border-bottom: 1px solid rgba(255,255,255,.10) !important;
}
.sidehead .logo {
  filter: none !important;
}
.newchat {
  background: #ffd027 !important;
  border: 1px solid #ffd027 !important;
  box-shadow: 0 2px 8px rgba(5,15,25,.15) !important;
  color: #111d27 !important;
  border-radius: 9px !important;
}
.newchat:hover {
  background: #ffe071 !important;
  border-color: #ffe071 !important;
}
.newchat kbd {
  background: rgba(8,23,32,.12) !important;
  color: #283440 !important;
}
.sideNav a, .sideNav button {
  color: #d3dde5 !important;
}
.sideNav .navIcon {
  color: #cedbe6 !important;
}
.sideNav a:hover, .sideNav button:hover {
  color: #ffdc50 !important;
  border-color: rgba(255,210,50,.22) !important;
  background: rgba(255,215,63,.10) !important;
}
.sideNav a:hover .navIcon, .sideNav button:hover .navIcon {
  color: #ffde60 !important;
}
.sidecaption {
  color: #f4f6fa !important;
}
.sidecaption span {
  color: #8fabbf !important;
}
.conversationlist {
  scrollbar-color: #455b6e transparent !important;
}
.thread.active {
  background: rgba(255,213,55,.14) !important;
  border-color: rgba(255,212,53,.36) !important;
  box-shadow:none !important;
}
.thread:not(.active):hover {
  background: rgba(255,255,255,.055) !important;
  border-color: rgba(255,255,255,.10) !important;
}
.thread button.openThread,
.thread button.openThread strong {
  color:#e5edf3 !important;
}
.thread button.openThread small {
  color:#a4b2c0 !important;
}
.thread.active button.openThread strong {
  color:#ffdc62 !important;
}
.thread .deleteThread {
  color:#bfcedc !important;
}
.sidefooter {
  background:none !important;
}
.promoCard {
  min-height:122px !important;
  border:1px solid rgba(255,210,57,.42) !important;
  background:
    radial-gradient(circle at 85% 70%,rgba(255,202,28,.20),transparent 36%),
    linear-gradient(130deg,#192d3d,#0c1b2c) !important;
  box-shadow:none !important;
  border-radius:10px !important;
}
.promoCard::after {
  display:none !important;
}
.promoCard strong {
  color:#fff !important;
  text-shadow:none !important;
}
.promoCard small {
  color:#c5d2db !important;
  text-shadow:none !important;
}
.promoOrb {
  right:9px !important;
  bottom:10px !important;
  height:63px !important;
  width:63px !important;
  border:1px solid rgba(255,209,53,.35) !important;
  border-radius:17px !important;
  background:
    radial-gradient(circle at 50% 50%,rgba(255,209,31,.23),transparent 66%),
    linear-gradient(140deg,#1c3850,#142436) !important;
  color:#ffd144 !important;
  font-size:31px !important;
  box-shadow:none !important;
  text-shadow:none !important;
}
.sidefooter a,.sidefooter button {
  color:#b6c7d6 !important;
}
.sidefooter a:hover,.sidefooter button:hover {
  color:#ffda46 !important;
}
.sidefooter small {
  color:#a0b0c0 !important;
}
.main {
  background:#f7f7f3 !important;
  color:#142434 !important;
}
.main::before {
  background:linear-gradient(180deg,#f9faf8 0%,#f4f5f2 100%) !important;
}
.main::after {display:none !important}
.topbar {
  min-height:66px !important;
  height:66px !important;
  background: #091a29 !important;
  border-bottom: 3px solid #f8c400 !important;
  color:#fff !important;
  box-shadow:none !important;
}
.topbrand .monogram {
  background:#ffd32b !important;
  color:#0d1d28 !important;
  border-radius:10px !important;
}
.topName strong {
  color:#fff !important;
}
.topName small {
  color:#b9c9d5 !important;
}
.onlineStatus {
  border:1px solid #355e4d !important;
  color:#b7e5cb !important;
  background:#14362e !important;
}
.headerSearch {
  background:#122638 !important;
  border:1px solid #345066 !important;
  color:#c1cdd5 !important;
}
.headerSearch kbd {
  color:#cbd6df !important;
  border-color:#496074 !important;
}
.headerSearch:hover,.headerSearch:focus-visible {
  border-color:#ffcf2c !important;
}
.headerIcon {
  color:#e6edf2 !important;
  background:transparent !important;
}
.headerIcon:hover {
  background:#1c3b4e !important;
  color:#ffdb4e !important;
}
.sunIcon {
  color:#ffcf2a !important;
}
.accountAvatar {
  border:1px solid #ffcc2b !important;
  background:#1a3448 !important;
  color:#e0e9ef !important;
}
.scrollarea {
  background:
    radial-gradient(ellipse at 57% 16%,rgba(255,218,101,.14) 0%,transparent 51%),
    #f7f7f3 !important;
  scrollbar-color: #c5ced5 transparent !important;
}
/* Replace heavy gold mountain art with an understated editorial chart-grid motif. */
.goldAmbient {
  top:40px !important;
  left:0 !important;
  right:0 !important;
  height:295px !important;
  opacity:1 !important;
  filter:none !important;
  background:
    linear-gradient(to bottom,rgba(248,249,246,0) 12%,#f7f7f3 100%),
    radial-gradient(circle at 73% 16%,rgba(252,211,75,.13),transparent 35%),
    repeating-linear-gradient(0deg,transparent 0 41px,rgba(35,63,86,.035) 42px 43px),
    repeating-linear-gradient(90deg,transparent 0 41px,rgba(35,63,86,.035) 42px 43px) !important;
  pointer-events:none !important;
}
.shell.softGlow .goldAmbient {opacity:.65 !important}
.welcome {
  color:#132737 !important;
}
.welcomeMark {
  background:#ffd12c !important;
  color:#0c1d29 !important;
  box-shadow:0 8px 27px rgba(245,189,19,.20) !important;
  border-radius:17px !important;
}
.welcome h1 {
  color:#0b2030 !important;
}
.welcome h1 em {
  color:#ca9300 !important;
}
.welcome p {
  color:#637383 !important;
}
.eyebrow {
  color:#9d7100 !important;
}
.promptcards button {
  background:#fff !important;
  border:1px solid #e0e5e8 !important;
  box-shadow:0 3px 10px rgba(17,31,48,.035) !important;
  color:#142638 !important;
}
.promptcards button:hover {
  background:#fff9e7 !important;
  border-color:#dfb522 !important;
  box-shadow:0 5px 13px rgba(17,31,48,.07) !important;
}
.promptcards strong {
  color:#182f40 !important;
}
.promptcards span {
  color:#6d7d8c !important;
}
.message.assistant .avatar {
  background:#ffce2a !important;
  border:1px solid #e1b321 !important;
  color:#102431 !important;
}
.message.user .messageBody {
  border:1px solid #e6cf87 !important;
  background:#fff4cf !important;
  box-shadow:0 3px 10px rgba(32,42,56,.045) !important;
}
.message.assistant .messageBody {
  border:1px solid #dce3e7 !important;
  background:#fff !important;
  box-shadow:0 5px 17px rgba(20,43,59,.055) !important;
}
.messageMeta {
  color:#102536 !important;
}
.modelName {
  color:#667988 !important;
}
.messageText,
.message.user .messageText {
  color:#1a2a39 !important;
}
.messageText li::marker {
  color:#c49300 !important;
}
.message .screenshot {
  border-color:#d6e0e4 !important;
  background:#f6f7f6 !important;
}
.message.failed .messageMeta {
  color:#b82d48 !important;
}
.message.pending .messageBody {
  border-color:#dab63e !important;
}
.responseSynopsis {
  background:#f8faf9 !important;
  border:1px solid #e2e8eb !important;
  color:#4c5e6d !important;
}
.sentimentTile {
  background:#effbf3 !important;
  border:1px solid #c6e8d3 !important;
}
.sentimentIcon {
  background:#daf4e4 !important;
  color:#078854 !important;
}
.sentimentLabel {
  color:#078653 !important;
}
.sentimentTile small {
  color:#577566 !important;
}
.sentimentTile.bearish {
  background:#fff1f2 !important;
  border-color:#f2c8cf !important;
}
.sentimentTile.bearish .sentimentIcon {
  background:#ffe1e7 !important;
  color:#c03651 !important;
}
.sentimentTile.bearish .sentimentLabel {color:#be304d !important}
.sentimentTile.bearish small {color:#87616c !important}
.sentimentTile.neutral {
  background:#fff8e5 !important;
  border-color:#efdeb2 !important;
}
.sentimentTile.neutral .sentimentIcon {
  background:#fff0c3 !important;
  color:#977200 !important;
}
.sentimentTile.neutral .sentimentLabel {color:#957000 !important}
.marketSnapshot {
  background:#f7fbf9 !important;
  border:1px solid #d6e5de !important;
  color:#122737 !important;
  box-shadow:none !important;
}
.marketHead {color:#193344 !important}
.marketCoin {
  background:#ffce32 !important;
  color:#102431 !important;
}
.verified {
  color:#0c814e !important;
  background:#e5f7ed !important;
}
.marketPrice {
  color:#0a2532 !important;
}
.marketChange {color:#0c8b55 !important}
.marketChange.down {color:#c0374f !important}
.marketStats {
  border-top:1px solid #dce7df !important;
}
.marketStats span {color:#697b85 !important}
.marketStats b {color:#132b38 !important}
.marketTimestamp {color:#6d808b !important}
.quickActions button {
  border:1px solid #dce3e7 !important;
  background:#f9faf9 !important;
  color:#192b3a !important;
}
.quickActions button:hover {
  border-color:#e2ba2d !important;
  background:#fffbeb !important;
  box-shadow:0 2px 9px rgba(17,31,45,.08) !important;
}
.quickActions .actionContent strong {
  color:#162a3b !important;
}
.quickActions .actionContent small {
  color:#667788 !important;
}
.quickActions .arrow {color:#a37b00 !important}
.quickActions .actionIcon {
  background:#e3f4eb !important;
  border-color:#c9e9d9 !important;
  color:#088753 !important;
}
.quickActions button:nth-child(2) .actionIcon {
  background:#fff0f2 !important;
  border-color:#f1d1d8 !important;
  color:#c43d53 !important;
}
.quickActions button:nth-child(3) .actionIcon {
  background:#e9f2fb !important;
  border-color:#cbddec !important;
  color:#166ea5 !important;
}
.quickActions button:nth-child(4) .actionIcon {
  background:#fff5d6 !important;
  border-color:#e9d99f !important;
  color:#8a6700 !important;
}
.sourceList {
  background:transparent !important;
  border-top:1px solid #e5e9ec !important;
}
.sourceList small {color:#627383 !important}
.sourceList a {
  background:#f6f8f9 !important;
  color:#304659 !important;
  border:1px solid #dbe2e6 !important;
}
.sourceList a:hover {
  border-color:#d3a918 !important;
  color:#7c5c00 !important;
  background:#fff7de !important;
}
.setupPanel {
  background:#fffdfa !important;
  border:1px solid #e4d49d !important;
  color:#132636 !important;
}
.setupPanel>div:first-child {color:#8d6500 !important}
.setupMeta,.setupFooter {color:#627382 !important}
.setupSide {
  background:#fff !important;
  border-color:#e1e6e8 !important;
}
.setupSide h4.long {color:#078a51 !important}
.setupSide h4.short {color:#bd3650 !important}
.setupSide .level {border-color:#e5e9ed !important}
.setupSide .level span {color:#667887 !important}
.setupSide .level b {color:#152a3a !important}
.chartCard {
  border:1px solid #d8e1e4 !important;
  background:#fff !important;
}
.chartCard button {
  border:1px solid #e2c44c !important;
  background:#fff4c9 !important;
  color:#745700 !important;
}
.composerArea {
  background:#fbfbf9 !important;
  border-top:1px solid #e0e5e7 !important;
}
.composer {
  background:#fff !important;
  border:1px solid #cdd9dd !important;
  box-shadow:0 3px 13px rgba(16,40,55,.06) !important;
}
.composer:focus-within {
  border-color:#d8b12f !important;
  box-shadow:0 0 0 3px rgba(248,199,32,.14) !important;
}
.composer textarea {
  background:transparent !important;
  color:#12293b !important;
}
.composer textarea::placeholder {color:#7d8a95 !important}
.toolbtn {
  background:#f8f9f8 !important;
  color:#253d4d !important;
  border-color:#d6dfe4 !important;
}
.toolbtn.enabled {
  background:#fff4c8 !important;
  color:#705400 !important;
  border:1px solid #e4c76b !important;
}
.toggleDot {
  background:#f5c000 !important;
  box-shadow:none !important;
}
.toolbtn:not(.enabled) .toggleDot {background:#b9c6cc !important}
.toolbarright select {
  background:#fff !important;
  color:#2e475b !important;
  border:1px solid #d6e0e4 !important;
}
.sendButton {
  background:#ffce20 !important;
  color:#101c25 !important;
  border:1px solid #f6c525 !important;
  box-shadow:0 3px 8px rgba(216,164,10,.22) !important;
}
.sendButton:hover {background:#ffe070 !important}
.iconbutton {
  border-color:#d8e1e4 !important;
  color:#253c4e !important;
  background:#fff !important;
}
.composer .toolbarleft>.toolbtn {
  border-color:#d7e1e5 !important;
  background:#f6f8f8 !important;
}
.composer .toolbarright #micButton {
  border-color:#dbe2e7 !important;
  background:#f7f8f8 !important;
}
.imageTray {
  background:#fff !important;
  border:1px solid #e0e6e9 !important;
  color:#152a3b !important;
}
.imageTray span {color:#576d7c !important}
.status {color:#72828c !important}
.legal {color:#87959b !important}
@media (max-width:900px) {
  .shell {
    margin:0 !important;
    width:100% !important;
    height:100dvh !important;
    min-height:0 !important;
    border:0 !important;
    border-radius:0 !important;
    box-shadow:none !important;
  }
  .sidebar {
    box-shadow:10px 0 30px rgba(8,23,38,.22) !important;
  }
  .menu {
    color:#ffda53 !important;
    background:transparent !important;
  }
}
@media (max-width:580px) {
  .topbar {height:60px !important;min-height:60px !important}
  .message.assistant .messageBody {border-radius:13px !important}
  .welcome {margin-top:43px !important}
  .promptcards {gap:8px}
  .goldAmbient {top:20px !important;height:195px !important}
  .sourceList a {max-width:145px}
}
@media (prefers-reduced-motion:reduce) {
  .goldAmbient {filter:none !important}
}