/* Tokene Black completion — staging public pages, only while Black is selected.
   Preserves price/alert semantic colors, layout, and Navy as a separate choice. */
body.tk-flat-preview.tk-black :is(
  .tn-licensed-section,.tn-licensed-card,
  .tn-news-actions,.tn-licensed-heading,
  .sme-hero,.sme-summary > div,.sme-filters,.sme-results,.sme-preset,.sme-table-wrap,
  .tkcalc .tk-hero,.tkcalc .tk-panel,.tkcalc .tk-result,.tkcalc .tk-fact,.tkcalc .tk-news-card,.tkcalc .tk-mode,.tkcalc .tk-chip,
  .sc-page .sc-hero,.sc-page .sc-card,.sc-page .sc-how,.sc-page .sc-promises,
  .coin-detail-page .coin-hero-card,.coin-detail-page .coin-stat-item,
  .coin-detail-page .coin-chart-card,.coin-detail-page .coin-source-card,
  .coin-detail-page .coin-price-block,.coin-detail-page .coin-chart-controls,
  .coin-detail-page .coin-chart-header,
  .tk-legal-policy,
  .tokene-market-pulse .tokene-pulse-panel
){
  background:#000!important;
  background-image:none!important;
  border-color:#303030!important;
  box-shadow:none!important;
}
body.tk-flat-preview.tk-black :is(
  .tn-licensed-section,.tn-licensed-card,.sme-hero,.sme-filters,.sme-results,
  .tkcalc .tk-panel,.tkcalc .tk-result,.sc-page .sc-card,
  .coin-detail-page .coin-chart-card,.coin-detail-page .coin-hero-card
){color:#edf0f4!important;}
body.tk-flat-preview.tk-black :is(
  .tn-licensed-section,.tn-licensed-card,.sme,.tkcalc,.sc-page,.coin-detail-page
) :is(h1,h2,h3,h4,h5,h6){color:#f4f6f8!important;}
body.tk-flat-preview.tk-black :is(
  .tn-licensed-card,.tn-licensed-section
) :is(p,small,time,.tn-licensed-meta){color:#aeb9c7!important;}
body.tk-flat-preview.tk-black .sme :is(.sme-preset,.sme-results-head,.sme-summary > div){
  background:#000!important;background-image:none!important;border-color:#333!important;box-shadow:none!important;
}
body.tk-flat-preview.tk-black .sme :is(.sme-preset:hover,.sme-preset:focus-visible){background:#111!important;}
body.tk-flat-preview.tk-black .sme .sme-table :is(th,td){background:#000!important;border-color:#333!important;}
body.tk-flat-preview.tk-black .sme .sme-table tbody tr:hover>td{background:#101010!important;}
body.tk-flat-preview.tk-black .sc-page :is(.sc-form,.sc-address,.sc-small){background:#000!important;border-color:#343434!important;color:#e9eef5!important;}
body.tk-flat-preview.tk-black .tkcalc :is(.tk-toolbar,.tk-mode,.tk-select,.tk-input,.tk-result,.tk-facts,.tk-chip){
  background:#000!important;background-image:none!important;border-color:#313131!important;box-shadow:none!important;
}
body.tk-flat-preview.tk-black .tkcalc .tk-result :is(.tk-result-number,.tk-result-unit){color:#f4f8fd!important;}
body.tk-flat-preview.tk-black .tkcalc .tk-mode.is-active,
body.tk-flat-preview.tk-black .tkcalc .tk-chip.is-active{background:#236bc4!important;border-color:#367ed6!important;}
body.tk-flat-preview.tk-black .coin-detail-page :is(
  .coin-stat-grid,.coin-hero-left,.coin-hero-right,.coin-chart-title,.coin-hero-identity,
  .coin-source-body
){background:transparent!important;background-image:none!important;}
body.tk-flat-preview.tk-black .coin-detail-page :is(.coin-hero-card,.coin-stat-item,.coin-chart-card,.coin-source-card){
  border:1px solid #2c2c2c!important;
}
body.tk-flat-preview.tk-black .coin-detail-page :is(
  .coin-hero-name,.coin-price,.coin-stat-value,.coin-chart-title,.coin-source-title
){color:#f5f7f9!important;}
body.tk-flat-preview.tk-black .coin-detail-page :is(
  .coin-last-updated,.coin-stat-label,.coin-source-text
){color:#aab5c2!important;}
/* Fix faint news article headlines on the pure-black canvas. */
body.tk-flat-preview.tk-black :is(
  .news-section,.news-page,.news-list-wrapper,.news-articles,
  .news-grid,.tn-news-list,.news-list,.tn-licensed-section
) :is(h1,h2,h3,h4,h5,h6,a:not(.btn)){color:#f1f5f9!important;}
body.tk-flat-preview.tk-black :is(.news-item,.news-article,.article-card,.news-featured,.news-featured-card){
  background:#000!important;background-image:none!important;border-color:#303030!important;box-shadow:none!important;
}
body.tk-flat-preview.tk-black :is(.news-item,.news-article,.article-card,.news-featured,.news-featured-card) :is(h1,h2,h3,h4,h5,h6){color:#fff!important;}
/* Do not change semantic positive/negative quote colors. */
body.tk-flat-preview.tk-black .tn-licensed-read:hover,
body.tk-flat-preview.tk-black .sme :is(a:hover,.sme-preset:hover){text-decoration-color:#79baff;}
/* Black mode consent panel; Navy mode retains original styling. */
body.tk-flat-preview.tk-black .cc-window.cc-floating,
body.tk-flat-preview.tk-black .cc-window.cc-banner{
  background:#000!important;background-image:none!important;
  border:1px solid #303030!important;box-shadow:none!important;color:#ecf0f4!important;
}
body.tk-flat-preview.tk-black .cc-window :is(.cc-message,.cc-link){color:#c4ced8!important;}
body.tk-flat-preview.tk-black .cc-window .cc-btn{
  background:#000!important;color:#fff!important;
  border:1px solid #5c94d9!important;box-shadow:none!important;
}
body.tk-flat-preview.tk-black .cc-window .cc-btn:hover{background:#141414!important;}

/* tokene-news-contrast-fix: featured news titles must remain legible on pure black. */
body.tk-flat-preview.tk-black .card-body .card-title a.text-dark,
body.tk-flat-preview.tk-black .card-body .card-title a.text-dark:hover,
body.tk-flat-preview.tk-black .card-body .card-title a.text-dark:focus-visible{
  color:#f4f6fa!important;
  text-shadow:none!important;
}

/* Tokene Black final audit 2026-11-01: isolated public-page exceptions. */
body.tk-flat-preview.tk-black :is(
  .my-market-page,
  .my-market-page .my-market-hero,
  .my-market-page .my-market-panel,
  .my-market-page .my-market-card,
  .my-market-page .my-market-toolbar,
  .my-market-page .my-market-alert,
  .my-market-page .my-market-activity
) {
  background:#000000!important;
  background-image:none!important;
  box-shadow:none!important;
  border-color:#303030!important;
}
body.tk-flat-preview.tk-black .sc-how article {
  background:#000000!important;
  background-image:none!important;
  border-color:#303030!important;
  box-shadow:none!important;
}
body.tk-flat-preview.tk-black section[aria-label="News intelligence context"] {
  background:#000000!important;
  background-image:none!important;
  border:1px solid #303030!important;
  box-shadow:none!important;
}


/* tokene-black-watchlist-movers-final-v1
   Remove independent navy gradients on Watchlist and slate-grey header bands on
   Gainers/Losers. Preserve text, quote status, positive/negative signal colors.
*/
body.tk-flat-preview.tk-black .my-market-page :is(
  .my-market-summary-card,
  .my-market-panel,
  .my-market-panel__head,
  .my-market-pulse,
  .my-market-table-wrap,
  .my-market-table,
  .my-market-table thead,
  .my-market-table thead th,
  .my-market-table tbody td,
  .my-market-panel__foot,
  .my-market-empty
) {
  background-color:#000000!important;
  background-image:none!important;
  box-shadow:none!important;
  border-color:#303030!important;
}
body.tk-flat-preview.tk-black .my-market-page :is(
  .my-market-summary-card__icon,
  .my-market-pulse__icon,
  .my-market-empty__icon,
  .my-market-remove-btn,
  .my-market-move-badge.move-normal
) {
  background:#101010!important;
  background-image:none!important;
  box-shadow:none!important;
  border-color:#343434!important;
}
body.tk-flat-preview.tk-black .my-market-page :is(
  .my-market-summary-card__label,
  .my-market-pulse__copy span,
  .my-market-panel__eyebrow,
  .my-market-panel__legend,
  .my-market-count-badge,
  .my-market-table thead th
) {color:#b4bfcc!important;}
body.tk-flat-preview.tk-black .my-market-page :is(
  .my-market-summary-card small,
  .my-market-pulse__note,
  .my-market-panel__foot,
  .my-market-asset__name span
) {color:#a5b0be!important;}
body.tk-flat-preview.tk-black .my-market-page .my-market-table tbody tr:hover td{
  background:#101010!important;
}
body.tk-flat-preview.tk-black .my-market-page .my-market-btn:hover{
  box-shadow:none!important;
}
/* Gainers/Losers share this title and table structure with other public pages. */
body.tk-flat-preview.tk-black .page-title{
  background:#000000!important;
  background-image:none!important;
  box-shadow:none!important;
  border-color:#303030!important;
}
body.tk-flat-preview.tk-black .mkt-table-wrap .mkt-table-inner,
body.tk-flat-preview.tk-black .mkt-table-wrap .mkt-table-header{
  background:#000000!important;
  background-image:none!important;
  border-color:#303030!important;
  box-shadow:none!important;
}
body.tk-flat-preview.tk-black .mkt-table-wrap #coins-info-table{
  border-color:#303030!important;
}


/* tokene-coin-panels-monochrome-v1 — all crypto lists on Black.
   Flat #000 backgrounds and neutral coin ticker badges.
   Keep chart trend colors, positive/negative 24-hour badges and star actions. */
body.tk-flat-preview.tk-black .mkt-table-wrap :is(
  .mkt-table-inner,
  table,
  table.table,
  table thead,
  table tbody,
  table tr,
  table th,
  table td
) {
  background:#000000!important;
  background-image:none!important;
  box-shadow:none!important;
  border-color:#292929!important;
}
body.tk-flat-preview.tk-black .mkt-table-wrap table tbody tr:hover > td {
  background:#0d0d0d!important;
}
body.tk-flat-preview.tk-black .mkt-table-wrap :is(
  .badge.badge-warning,
  .badge-warning
) {
  background:#090909!important;
  background-image:none!important;
  color:#cbd2dc!important;
  border:1px solid #323232!important;
  box-shadow:none!important;
  text-shadow:none!important;
}
body.tk-flat-preview.tk-black .mkt-table-wrap :is(
  .coin-name,
  .mkt-table-title
) {
  color:#f4f5f7!important;
  text-shadow:none!important;
}
body.tk-flat-preview.tk-black .mkt-table-wrap :is(
  .mkt-badge-up,.mkt-badge-down
) {
  box-shadow:none!important;
}
/* User's local My Market list: consistent ticker and table surfaces. */
body.tk-flat-preview.tk-black .my-market-page .my-market-asset__name span {
  background:#090909!important;
  background-image:none!important;
  border:1px solid #303030!important;
  color:#bfc7d2!important;
  box-shadow:none!important;
}
body.tk-flat-preview.tk-black .my-market-page :is(
  .my-market-table,
  .my-market-table thead,
  .my-market-table tbody,
  .my-market-table tr,
  .my-market-table th,
  .my-market-table td,
  .my-market-table-wrap
) {
  background:#000000!important;
  background-image:none!important;
  box-shadow:none!important;
  border-color:#2b2b2b!important;
}
body.tk-flat-preview.tk-black .my-market-page .my-market-table tbody tr:hover > td {
  background:#0e0e0e!important;
}
body.tk-flat-preview.tk-black .my-market-page :is(
  .my-market-move-badge.move-normal,
  .my-market-count-badge
) {
  background:#090909!important;
  background-image:none!important;
  border:1px solid #333333!important;
  color:#c2cbd5!important;
  box-shadow:none!important;
}


/* tokene-coin-table-id-specific-v2:
   #coins-info-table uses higher-specificity theme declarations.
   Override its real selector (not generic table), limited to Black. */
body.tk-flat-preview.tk-black .mkt-table-wrap #coins-info-table.table,
body.tk-flat-preview.tk-black .mkt-table-wrap #coins-info-table.table > thead,
body.tk-flat-preview.tk-black .mkt-table-wrap #coins-info-table.table > tbody,
body.tk-flat-preview.tk-black .mkt-table-wrap #coins-info-table.table > tbody > tr,
body.tk-flat-preview.tk-black .mkt-table-wrap #coins-info-table.table > thead > tr > th,
body.tk-flat-preview.tk-black .mkt-table-wrap #coins-info-table.table > tbody > tr > td {
  background:#000000!important;
  background-image:none!important;
  border-color:#303030!important;
  box-shadow:none!important;
}
body.tk-flat-preview.tk-black .mkt-table-wrap #coins-info-table.table > tbody > tr:hover > td {
  background:#0d0d0d!important;
}
body.tk-flat-preview.tk-black .mkt-table-wrap #coins-info-table.table .badge.badge-warning{
  background:#090909!important;
  color:#cbd2dc!important;
  border:1px solid #323232!important;
}

/* tokene-sme-outer-trueblack-v1: pure black Smart Market Explorer canvas.
   Only the selected Black theme changes. Navy retains its original gradient. */
body.tk-flat-preview.tk-black #smart-market-explorer.sme {
  background:#000000!important;
  background-image:none!important;
  box-shadow:none!important;
}

/* tokene-news-quick-read-trueblack-v1
   AI/source brief surface uses black only in the Tokene Black theme.
   Keep navy appearance and content semantics unchanged. */
body.tk-flat-preview.tk-black .tn-news-brief {
  background:#000000!important;
  background-image:none!important;
  border-color:#303030!important;
  color:#e5ebf4!important;
  box-shadow:none!important;
}
body.tk-flat-preview.tk-black .tn-news-brief :is(
  .tn-news-brief-kicker span,
  .tn-ai-proof q,
  .tn-ai-caution
){
  background:#090909!important;
  background-image:none!important;
  border-color:#333333!important;
  box-shadow:none!important;
}
body.tk-flat-preview.tk-black .tn-news-brief :is(
  h2,.tn-full-heading,.tn-ai-brief h3
){color:#f1f4f9!important;}
body.tk-flat-preview.tk-black .tn-news-brief :is(
  p,.tn-optech-highlights li,.tn-ai-brief li
){color:#d0d9e5!important;}
body.tk-flat-preview.tk-black .tn-news-brief :is(
  .tn-news-brief-note,.tn-ai-proof,.tn-source-credit,
  .tn-news-brief-kicker span
){color:#b3bdcb!important;}
body.tk-flat-preview.tk-black .tn-news-brief .tn-news-brief-kicker{
  color:#9ec5ff!important;
}
body.tk-flat-preview.tk-black .tn-news-brief .tn-ai-proof q{
  border-left:3px solid #6d92c2!important;
}

/* Tokene True Black — targeted coin + exchange visual polish v1
   Scoped to existing pages; no changes to market values, JS, SVG chart or globe. */
body.tk-black .coin-detail-page .coin-chart-card {
  background: #050607 !important;
  border: 1px solid #242b30 !important;
  border-radius: 18px !important;
  padding: 24px 26px !important;
  box-shadow: 0 10px 30px rgba(0,0,0,.17);
}
body.tk-black .coin-detail-page .coin-chart-title {
  color: #f4f7fa !important;
  font-size: 17px !important;
  font-weight: 700 !important;
  line-height: 1.5;
}
body.tk-black .coin-detail-page .coin-chart-title .fa {
  color: #30c9c0 !important;
  margin-right: 8px;
}
body.tk-black .coin-detail-page .coin-chart-header {
  gap: 15px;
  padding-bottom: 14px;
  border-bottom: 1px solid #20262b;
}
body.tk-black .coin-detail-page #echart {
  background: #05090e;
  border: 1px solid #202c33;
  border-radius: 13px;
  overflow: hidden;
  margin-top: 16px;
}
body.tk-black .coin-detail-page #echart img {
  border-radius: 12px;
}
body.tk-black .coin-detail-page .coin-chart-card:has(#from_ammount) {
  display: grid;
  grid-template-columns: repeat(3, minmax(0,1fr));
  column-gap: 14px;
  row-gap: 14px;
  align-items: start;
}
body.tk-black .coin-detail-page .coin-chart-card:has(#from_ammount) > h4 {
  grid-column: 1/-1;
  margin: 0 0 2px !important;
}
body.tk-black .coin-detail-page .coin-chart-card:has(#from_ammount) > .row {
  display: contents;
}
body.tk-black .coin-detail-page .coin-chart-card:has(#from_ammount) > .row > [class*="col-"] {
  width: auto !important;
  max-width: none !important;
  flex: none !important;
  padding: 0 !important;
  margin: 0 !important;
  min-width: 0;
}
body.tk-black .coin-detail-page #from_ammount,
body.tk-black .coin-detail-page #from_cryptoc,
body.tk-black .coin-detail-page .coin-chart-card:has(#from_ammount) .select2-selection--single {
  min-height: 48px !important;
  height: 48px !important;
  width: 100%;
  border: 1px solid #333e45 !important;
  border-radius: 10px !important;
  background: #0c1013 !important;
  color: #f2f7fa !important;
  font-size: 14px !important;
  padding: 11px 13px !important;
}
body.tk-black .coin-detail-page #from_cryptoc:disabled {
  opacity: .85;
  color: #c7d0d6 !important;
}
body.tk-black .coin-detail-page .coin-chart-card:has(#from_ammount) .select2-container {
  width: 100% !important;
}
body.tk-black .coin-detail-page .coin-chart-card:has(#from_ammount) .select2-selection__rendered {
  color: #f2f7fa !important;
  line-height: 24px !important;
  padding-left: 0 !important;
}
body.tk-black .coin-detail-page .coin-chart-card:has(#from_ammount) .select2-selection__arrow {
  top: 10px !important;
  right: 9px !important;
}
body.tk-black .coin-detail-page .coin-chart-card:has(#from_ammount) > h5 {
  grid-column: 1/-1;
  margin: 5px 0 0 !important;
  padding: 19px 22px !important;
  background: linear-gradient(95deg,#0b1617,#080e10);
  border: 1px solid #1e4546;
  border-radius: 12px;
  text-align: left !important;
  color: #f6fafa !important;
  font-size: 18px !important;
  line-height: 1.45 !important;
  overflow-wrap: anywhere;
}
body.tk-black .coin-detail-page .coin-chart-card:has(#from_ammount) #to_ammount {
  color: #f6fafa !important;
  font-weight: 750;
  font-variant-numeric: tabular-nums;
}
body.tk-black .coin-detail-page .coin-chart-card:has(#from_ammount) > .text-center {
  grid-column: 1/-1;
  margin: 0 !important;
  text-align: right !important;
}
body.tk-black .coin-detail-page .coin-chart-card:has(#from_ammount) > .text-center a {
  border-color: #31585a !important;
  background: #0c181a !important;
  color: #bdf5f1 !important;
  border-radius: 9px;
  padding: 8px 13px !important;
  font-size: 13px !important;
}
body.tk-black .coin-detail-page #history-section > .text-muted {
  color: #aeb8c1 !important;
  font-size: 13px !important;
}
body.tk-black .coin-detail-page #history-table,
body.tk-black:has(#exchangeSearch) #coins-info-table {
  width: 100% !important;
  background: #08090a !important;
  border-collapse: separate !important;
  border-spacing: 0;
  border: 1px solid #252b30 !important;
  border-radius: 12px;
  overflow: hidden;
  font-variant-numeric: tabular-nums;
}
body.tk-black .coin-detail-page #history-table th,
body.tk-black:has(#exchangeSearch) #coins-info-table thead th {
  background: #101519 !important;
  color: #b9c9d1 !important;
  border: 0 !important;
  border-bottom: 1px solid #344047 !important;
  padding: 13px 14px !important;
  font-weight: 700;
  font-size: 12px !important;
  letter-spacing: .045em;
  text-transform: uppercase;
  white-space: normal;
}
body.tk-black .coin-detail-page #history-table td,
body.tk-black:has(#exchangeSearch) #coins-info-table tbody td {
  background: #080a0c !important;
  color: #e1e8ec !important;
  border: 0 !important;
  border-bottom: 1px solid #22282e !important;
  padding: 13px 14px !important;
  font-size: 14px !important;
  line-height: 1.5;
  vertical-align: middle;
}
body.tk-black .coin-detail-page #history-table tbody tr:nth-child(even) td,
body.tk-black:has(#exchangeSearch) #coins-info-table tbody tr:nth-child(even) td {
  background: #0d1114 !important;
}
body.tk-black .coin-detail-page #history-table tbody tr:hover td,
body.tk-black:has(#exchangeSearch) #coins-info-table tbody tr:hover td {
  background: #102021 !important;
}
body.tk-black:has(#exchangeSearch) #exchangeSearch {
  background: #0b1013 !important;
  border: 1px solid #36424b !important;
  border-radius: 12px !important;
  color: #eaf4f6 !important;
  height: 48px !important;
  padding: 0 16px !important;
  font-size: 14px !important;
  margin-bottom: 12px;
}
body.tk-black:has(#exchangeSearch) #exchangeSearch::placeholder {
  color: #99a9b4 !important;
  opacity: 1;
}
body.tk-black:has(#exchangeSearch) #searchResults {
  background: #101719 !important;
  color: #e9f3f3 !important;
  border-color: #344047 !important;
  border-radius: 10px;
  z-index: 99;
  max-width: 100%;
}
body.tk-black:has(#exchangeSearch) #coins-info-table_wrapper {
  background: #050607 !important;
  border: 1px solid #242b30;
  border-radius: 16px;
  padding: 14px !important;
}
body.tk-black:has(#exchangeSearch) #coins-info-table tbody td:nth-child(2) {
  font-weight: 600;
}
body.tk-black:has(#exchangeSearch) #coins-info-table_wrapper a {
  color: #e4f6f6;
}
body.tk-black:has(#exchangeSearch) #coins-info-table_wrapper a:hover {
  color: #4fe1d5;
}
body.tk-black:has(#exchangeSearch) #coins-info-table_wrapper .dataTables_paginate,
body.tk-black:has(#exchangeSearch) #coins-info-table_wrapper .dataTables_info {
  color: #aab8c2 !important;
  font-size: 13px;
}
body.tk-black .coin-detail-page :is(input, select, button, a):focus-visible,
body.tk-black:has(#exchangeSearch) :is(input, select, button, a):focus-visible {
  outline: 2px solid #40d8cf !important;
  outline-offset: 2px;
}
@media (max-width: 991px) {
  body.tk-black .coin-detail-page .coin-chart-card:has(#from_ammount) {
    grid-template-columns: repeat(2,minmax(0,1fr));
  }
  body.tk-black .coin-detail-page .coin-chart-card:has(#from_ammount) > .row:nth-of-type(2) > [class*="col-"] {
    grid-column: 1/-1;
  }
}
@media (max-width: 600px) {
  body.tk-black .coin-detail-page .coin-chart-card {
    padding: 16px !important;
    border-radius: 14px !important;
  }
  body.tk-black .coin-detail-page .coin-chart-card:has(#from_ammount) {
    grid-template-columns: minmax(0,1fr);
    row-gap: 11px;
  }
  body.tk-black .coin-detail-page .coin-chart-card:has(#from_ammount) > h5 {
    padding: 15px !important;
    font-size: 16px !important;
  }
  body.tk-black .coin-detail-page .coin-chart-card:has(#from_ammount) > .text-center {
    text-align: left !important;
  }
  body.tk-black .coin-detail-page #history-table th,
  body.tk-black:has(#exchangeSearch) #coins-info-table thead th {
    padding: 10px 9px !important;
    font-size: 11px !important;
  }
  body.tk-black .coin-detail-page #history-table td,
  body.tk-black:has(#exchangeSearch) #coins-info-table tbody td {
    padding: 11px 9px !important;
    font-size: 13px !important;
  }
  body.tk-black:has(#exchangeSearch) #coins-info-table_wrapper {
    padding: 8px !important;
  }
}