/*
 * NetNapz Markets — homepage-matched brand theme.
 * Styles only: all markets, search, pagination, coin detail, chart,
 * news, CoinGecko calls and local watchlists remain unchanged.
 * Warm light editorial canvas, dark navy site header, yellow NetNapz cues.
 */
:root {
  color-scheme: light;
  --bg: #f7f7f4;
  --panel: #ffffff;
  --panel2: #fbfcfa;
  --panel3: #f0f3f3;
  --border: #dce3e5;
  --border2: #d0dadf;
  --text: #112534;
  --muted: #677988;
  --muted2: #8494a0;
  --gold: #ffce24;
  --gold2: #dba912;
  --yellow-bg: #fff5d2;
  --green: #078956;
  --red: #c63c51;
  --blue: #195a85;
  --shadow: 0 6px 20px rgba(17,39,55,.06);
}
html,body {
  background:#f7f7f4 !important;
  color:#132535 !important;
}
body {
  background-image:linear-gradient(180deg,#f9f9f7 0%,#f5f6f4 100%) !important;
}
.topbar {
  background:#091b2b !important;
  border-bottom:3px solid #ffca24 !important;
  box-shadow:0 3px 12px rgba(8,28,45,.11) !important;
}
.brand-symbol {
  color:#ffd035 !important;
  filter:none !important;
}
.brand-copy strong {
  color:#fff !important;
}
.brand-copy small {
  color:#ffda56 !important;
}
.topnav a, .topnav button {
  color:#d3dee7 !important;
}
.topnav a:hover,.topnav button:hover,.topnav button.active {
  color:#fff !important;
}
.topnav button.active::after {
  background:#ffcb28 !important;
}
.navCount {
  background:#304253 !important;
  color:#d6e4eb !important;
}
.aiStar {color:#ffda4b !important}
.header-search {
  background:#142e41 !important;
  border:1px solid #3b5365 !important;
  color:#cbd8df !important;
}
.header-search:hover {border-color:#ffcf35 !important}
.header-search kbd {
  border:1px solid #536879 !important;
  color:#dce8ee !important;
}
.icon-btn {
  background:#163145 !important;
  border:1px solid #3d5262 !important;
  color:#fff !important;
}
.icon-btn:hover {
  border-color:#ffce26 !important;
  color:#ffda53 !important;
}
.market-shell {
  color:#152636 !important;
}
.app-disclosure {
  color:#718292 !important;
}
.app-disclosure #freshness {
  color:#64798b !important;
}
.disclosure-pipe {color:#bcc4c8 !important}
.eyebrow {
  color:#9b7400 !important;
}
.gold-star {color:#e0ae15 !important}
.headline-block {
  position:relative;
}
.headline-block h1 {
  color:#0c2131 !important;
  letter-spacing:-.045em;
}
.headline-block h1 span {
  color:#cb9600 !important;
  background:linear-gradient(transparent 73%,rgba(255,210,49,.29) 73%) !important;
}
.lead {
  color:#5b7080 !important;
}
.ai-cta {
  background:#fff !important;
  border:1px solid #e2bf46 !important;
  box-shadow:0 4px 13px rgba(33,50,60,.07) !important;
  color:#172a3b !important;
}
.ai-cta:hover {
  background:#fff9e6 !important;
  border-color:#e3af00 !important;
}
.ai-cta .ai-sigil {
  color:#112332 !important;
  background:#ffcf29 !important;
}
.ai-cta strong {color:#122737 !important}
.ai-cta small {color:#687988 !important}
.cta-arrow {color:#9b7000 !important}
.global-grid .metric {
  background:#fff !important;
  border:1px solid #dce4e7 !important;
  border-top:3px solid #ffcf33 !important;
  box-shadow:0 3px 14px rgba(23,41,55,.045) !important;
}
.metric>span {
  color:#566b7e !important;
}
.metric strong {
  color:#0d2434 !important;
}
.metric small {
  color:#697d8c !important;
}
.metric small.positive,.metric .positive {color:#078956 !important}
.metric small.negative,.metric .negative {color:#c63c51 !important}
.positive {color:#078956 !important}
.negative {color:#c63c51 !important}
.neutral {color:#6e8090 !important}
.trends-panel {
  background:#fff !important;
  border:1px solid #dce4e7 !important;
  box-shadow:var(--shadow) !important;
}
.section-title strong {
  color:#152a3c !important;
}
.section-subtle {
  color:#748696 !important;
}
.section-title .fire {
  color:#bb8d00 !important;
}
.text-link {
  color:#856100 !important;
}
.text-link:hover {
  color:#503a00 !important;
}
.trending-card {
  background:#f7f9f8 !important;
  border:1px solid #e0e6e8 !important;
  color:#142839 !important;
}
.trending-card:hover {
  border-color:#e2bf44 !important;
  background:#fff9e6 !important;
}
.trending-card strong {
  color:#122838 !important;
}
.trending-card small {
  color:#6c7d8a !important;
}
.trending-card .trend-rank {
  color:#ab8100 !important;
}
.loading-trends {
  color:#738391 !important;
}
.table-section {
  background:#fff !important;
  border:1px solid #dbe3e6 !important;
  box-shadow:var(--shadow) !important;
}
.table-header h2 {
  color:#0d2232 !important;
}
.table-header .muted {
  color:#627586 !important;
}
.provider-pill {
  color:#176a4b !important;
  border:1px solid #cce5d6 !important;
  background:#effaf3 !important;
}
.market-controls {
  border-bottom:1px solid #e3e8e9 !important;
}
.market-tabs button {
  color:#536779 !important;
}
.market-tabs button:hover {
  color:#0b2233 !important;
  background:#f1f4f3 !important;
}
.market-tabs button.active {
  color:#132332 !important;
  background:#ffd233 !important;
  box-shadow:none !important;
}
.control-search {
  color:#64798b !important;
  background:#f9faf9 !important;
  border:1px solid #d8e0e3 !important;
}
.control-search:hover {
  border-color:#d7b029 !important;
  background:#fffef9 !important;
}
.control-search span:last-child {
  color:#80919d !important;
}
.sort-label {
  color:#5e7081 !important;
}
.sort-label select {
  background:#fff !important;
  color:#183043 !important;
  border:1px solid #d7e0e3 !important;
}
.sort-direction,.refresh-btn {
  color:#243b4c !important;
  background:#f9faf9 !important;
  border:1px solid #d9e0e4 !important;
}
.sort-direction:hover,.refresh-btn:hover {
  border-color:#dcb936 !important;
  background:#fff7dc !important;
}
.list-notice {
  border:1px solid #ead59e !important;
  background:#fff8e3 !important;
  color:#6f5615 !important;
}
.table-scroll {
  scrollbar-color:#c8d1d6 #fff !important;
}
.market-table thead {
  background:#0e2232 !important;
}
.market-table th {
  color:#e6eff5 !important;
  border-bottom:1px solid #263f53 !important;
}
.market-table td {
  color:#172d3d !important;
  border-bottom:1px solid #e7ecee !important;
}
.market-table tbody tr:nth-child(even) {
  background:#fafbf9 !important;
}
.market-table tbody tr:hover {
  background:#fff8e4 !important;
}
.market-table .rank-col {
  color:#6d8191 !important;
}
.market-table .coin-cell strong {
  color:#142939 !important;
}
.market-table .coin-cell em {
  color:#7b8b99 !important;
}
.market-table .coin-cell img {
  background:transparent !important;
}
.market-table .price-cell {
  color:#102a3b !important;
}
.market-table .percent-cell.positive {color:#078956 !important}
.market-table .percent-cell.negative {color:#c83a52 !important}
.watch-star {
  color:#94a0ab !important;
}
.watch-star.is-watched {
  color:#d5a400 !important;
}
.watch-star:hover {
  color:#b98c00 !important;
}
.loading-table {
  color:#6c7d8c !important;
}
.empty-table {
  color:#64798b !important;
}
.table-footer {
  background:#fbfcfa !important;
  border-top:1px solid #e6e9ec !important;
  color:#657a8b !important;
}
.pagination button {
  color:#1d3546 !important;
  background:#fff !important;
  border:1px solid #d6dfe3 !important;
}
.pagination button:hover:not(:disabled) {
  border-color:#d7aa24 !important;
  color:#725200 !important;
}
.pagination span {color:#364d60 !important}
.loader {
  border-color:#d8e1e4 !important;
  border-top-color:#c39300 !important;
}
.news-section {
  background:#fff !important;
  border:1px solid #dce3e6 !important;
}
.news-entry {
  background:#fafbfa !important;
  border:1px solid #e1e6e8 !important;
}
.news-entry:hover {
  border-color:#d9b739 !important;
  background:#fff9eb !important;
}
.news-entry strong {
  color:#132a3b !important;
}
.news-entry small {
  color:#778896 !important;
}
.news-entry p {
  color:#607484 !important;
}
.insight-card {
  background:
    radial-gradient(circle at 87% 12%,rgba(255,210,54,.17),transparent 39%),
    linear-gradient(140deg,#10293b,#0a1929) !important;
  color:#fff !important;
  border:1px solid #223d4b !important;
}
.insight-card h3 {color:#fff !important}
.insight-card p:not(.eyebrow) {color:#c8d8e2 !important}
.insight-card .eyebrow {color:#ffdb6a !important}
.insight-card .orb {color:#ffd02b !important}
.insight-card a {
  background:#ffcf2c !important;
  color:#0c2331 !important;
}
.insight-card a:hover {background:#ffe17b !important}
.app-footer {
  background:#091b2b !important;
  color:#b8cad7 !important;
  border-radius:11px !important;
  padding:19px 22px !important;
  margin-top:22px !important;
}
.app-footer span:first-child {
  color:#ffce33 !important;
}
.app-footer a {
  color:#e7f0f4 !important;
}
.app-footer a:hover {
  color:#ffdd62 !important;
}
/* Individual coin research pages */
.detail-bar {
  color:#5c7182 !important;
}
.back-link {
  color:#896400 !important;
}
.crumb-divider {
  color:#b4bfc4 !important;
}
.detail-skeleton {
  color:#627687 !important;
  background:#fff !important;
  border:1px solid #dce3e6 !important;
}
.coin-title-row h1 {
  color:#10283a !important;
}
.coin-title-row>span:not(.rank-pill) {
  color:#687d8d !important;
}
.rank-pill {
  background:#edf1f3 !important;
  color:#526b7d !important;
}
.coin-intro {
  color:#758696 !important;
}
.coin-price>span:first-child {
  color:#0e2536 !important;
}
.change-pill {
  background:#e4f6ec !important;
  color:#088351 !important;
}
.change-pill.negative {
  background:#ffedf0 !important;
  color:#bd3750 !important;
}
.coin-overview-left>p:last-child {
  color:#617686 !important;
}
.watch-action,.outlined-action {
  background:#fff !important;
  color:#1b3547 !important;
  border:1px solid #d7e1e4 !important;
}
.watch-action:hover,.outlined-action:hover {
  background:#fff9e4 !important;
  border-color:#d6b137 !important;
}
.gold-action {
  background:#ffd12d !important;
  color:#0d2434 !important;
  border:1px solid #f2c126 !important;
}
.gold-action:hover {background:#ffe079 !important}
.chart-panel,
.detail-stats,
.about-panel,
.coin-news,
.side-widget {
  background:#fff !important;
  border:1px solid #dce3e6 !important;
  box-shadow:0 3px 13px rgba(19,39,53,.042) !important;
}
.panel-head h2 {
  color:#132a3c !important;
}
.panel-head p {
  color:#728493 !important;
}
.chart-type {
  background:#f0f3f4 !important;
}
.chart-type button {
  color:#66798a !important;
}
.chart-type button.active {
  background:#ffdc61 !important;
  color:#1b2b35 !important;
}
.range-choices {
  background:#f6f8f8 !important;
  border:1px solid #d8e1e5 !important;
}
.range-choices button {
  color:#5b7283 !important;
}
.range-choices button.active {
  color:#142b39 !important;
  background:#ffcf2d !important;
}
.range-choices button:hover:not(.active) {
  color:#112a3c !important;
  background:#e9eef0 !important;
}
.chart-asof {
  color:#718394 !important;
}
/* Keep chart plotting surface deep navy for readable existing SVG tick labels. */
.chart-stage {
  background:linear-gradient(180deg,#112638,#0b1a2c) !important;
  border:1px solid #213c4d !important;
}
.chart-placeholder {color:#d0dde8 !important}
.chart-hover {
  color:#fff !important;
  background:#183449 !important;
  border:1px solid #527085 !important;
}
.chart-footnote {
  color:#718394 !important;
}
.stat-box {
  background:#f8faf9 !important;
  border:1px solid #e0e7e9 !important;
}
.stat-box span {
  color:#697e8d !important;
}
.stat-box strong {
  color:#132c3b !important;
}
.stat-box strong.positive {color:#068655 !important}
.stat-box strong.negative {color:#c53e56 !important}
.stat-box small {color:#7f8f9c !important}
.about-panel>p {
  color:#4c6072 !important;
}
.tag-list span {
  color:#435e72 !important;
  background:#f6f8f7 !important;
  border:1px solid #dce5e6 !important;
}
.official-links a {
  color:#806000 !important;
  background:#fff9e5 !important;
  border:1px solid #ebd792 !important;
}
.official-links a:hover {
  background:#fff1bb !important;
}
.side-widget h3 {
  color:#122a3c !important;
}
.range-values strong {
  color:#132b3c !important;
}
.range-labels {
  color:#708494 !important;
}
.rail-stat-list>div {
  border-bottom:1px solid #e4eaed !important;
}
.rail-stat-list span {
  color:#647a8b !important;
}
.rail-stat-list strong {
  color:#142b3a !important;
}
.supply-track {
  background:#e3e9e9 !important;
}
.supply-track span {
  background:#e8b529 !important;
}
.side-widget small.muted,.rail-disclaimer {
  color:#718493 !important;
}
.quick-links a {
  background:#f7f9f9 !important;
  color:#213a4d !important;
  border:1px solid #e1e7e8 !important;
}
.quick-links a:hover {
  background:#fff7db !important;
  color:#715000 !important;
}
/* Search all assets modal */
.search-shade {
  background:rgba(4,20,32,.65) !important;
  backdrop-filter:blur(5px) !important;
}
.search-modal {
  color:#152b3d !important;
  background:#fff !important;
  border:1px solid #dce3e6 !important;
  box-shadow:0 25px 85px rgba(3,18,29,.30) !important;
}
.search-title-row {
  border-bottom:1px solid #e1e7e8 !important;
}
.search-title-row strong {color:#152b3b !important}
.search-title-row button {
  background:#f2f5f5 !important;
  color:#2b4151 !important;
}
.searchbox {
  background:#f8faf9 !important;
  border:1px solid #cbd7dc !important;
}
.searchbox>span {color:#b38b00 !important}
.searchbox input {
  color:#142c3d !important;
}
.searchbox input::placeholder {color:#7a8e9a !important}
.searchbox kbd {
  color:#6f8190 !important;
  border:1px solid #d7e0e3 !important;
}
#searchStatus {
  color:#637788 !important;
}
.search-results {
  scrollbar-color:#bbc9d0 transparent !important;
}
.search-result {
  color:#192e3e !important;
  border-top:1px solid #ecf0ef !important;
}
.search-result:hover,.search-result:focus-visible {
  background:#fff7df !important;
}
.search-result strong {
  color:#10283a !important;
}
.search-result small,.search-result .search-result-rank {
  color:#768896 !important;
}
.search-hint {
  color:#657a8b !important;
}
.search-footer {
  color:#748593 !important;
  border-top:1px solid #e3e8e9 !important;
}
.toast {
  color:#122c3a !important;
  background:#fff7dc !important;
  border:1px solid #e5c05b !important;
  box-shadow:0 7px 23px rgba(9,32,50,.15) !important;
}
@media(max-width:700px) {
  .topbar {border-bottom-width:2px !important}
  .global-grid .metric {border-top-width:2px !important}
  .app-footer {border-radius:9px !important;padding:15px 13px !important}
  .market-table thead {background:#0c2435 !important}
}


/* NetNapz article thumbnails: real WordPress featured images, where available. */
.news-entry {
  display:flex !important;
  align-items:center !important;
  gap:14px !important;
  padding:10px !important;
  min-width:0 !important;
}
.news-entry-media {
  position:relative;
  width:142px;
  height:86px;
  min-width:142px;
  overflow:hidden;
  border-radius:8px;
  border:1px solid #e1e6e8;
  background:#f1f3f3;
}
.news-entry-media img {
  display:block;
  width:100%;
  height:100%;
  object-fit:cover;
}
.news-entry-fallback {
  display:flex;
  align-items:center;
  justify-content:center;
  padding:10px;
  background:linear-gradient(135deg,#0b2334,#173b4d) !important;
  color:#ffd43b !important;
  font-size:10px;
  font-weight:900;
  letter-spacing:.08em;
  text-align:center;
}
.news-entry-copy {
  display:flex;
  flex-direction:column;
  justify-content:center;
  gap:4px;
  flex:1;
  min-width:0;
}
.news-entry-copy strong {
  display:-webkit-box !important;
  -webkit-line-clamp:3;
  -webkit-box-orient:vertical;
  overflow:hidden;
  font-size:12px !important;
  line-height:1.35 !important;
}
.news-entry-copy small {
  margin-top:0 !important;
}
.news-entry-copy p {
  display:-webkit-box !important;
  -webkit-line-clamp:2;
  -webkit-box-orient:vertical;
  overflow:hidden;
  margin:1px 0 0 !important;
  line-height:1.4;
}
@media(max-width:700px) {
 .news-entry-media {width:110px;min-width:110px;height:75px}
 .news-entry {gap:10px !important;padding:8px !important}
 .news-entry-copy strong {font-size:11px !important}
 .news-entry-copy p {-webkit-line-clamp:2;font-size:9px !important}
}
@media(max-width:380px) {
 .news-entry-media {width:85px;min-width:85px;height:68px}
 .news-entry-copy p {display:none !important}
}
