/* Copycat mobile source layout v3
   Desktop is locked: every rule is mobile-only. */
@media (max-width: 820px) {
  html,
  body {
    width: 100% !important;
    max-width: 100% !important;
    overflow-x: hidden !important;
  }

  *,
  *::before,
  *::after {
    box-sizing: border-box;
  }

  .nav {
    position: relative !important;
    display: flex !important;
    align-items: flex-start !important;
    justify-content: space-between !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    padding-right: 142px !important;
    overflow: visible !important;
  }

  .nav .brand {
    max-width: 56vw !important;
    min-width: 0 !important;
    z-index: 2 !important;
  }

  .nav-menu-wrap {
    position: absolute !important;
    top: 22px !important;
    right: 28px !important;
    left: auto !important;
    margin: 0 !important;
    transform: none !important;
    z-index: 5000 !important;
  }

  .nav-menu-trigger {
    position: relative !important;
    margin: 0 !important;
    transform: none !important;
  }

  .nav-menu {
    right: 0 !important;
    left: auto !important;
    z-index: 5001 !important;
    max-width: calc(100vw - 40px) !important;
  }

  .cc-dashboard-shell {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    overflow-x: hidden !important;
  }

  .cc-dashboard-analysis-row {
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
    justify-content: flex-start !important;
    grid-template-columns: minmax(0, 1fr) !important;
    grid-auto-flow: row !important;
    gap: 28px !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    overflow: visible !important;
  }

  .cc-dashboard-analysis-row > .cc-card,
  .cc-signal-board-card,
  .cc-allocation-card,
  .cc-exposure-card {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    grid-column: 1 / -1 !important;
    justify-self: stretch !important;
    transform: none !important;
    overflow: hidden !important;
  }

  .cc-signal-board-card {
    order: 1 !important;
  }

  .cc-allocation-card {
    order: 2 !important;
  }

  .cc-exposure-card {
    order: 3 !important;
  }

  .cc-donut-layout {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 18px !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
  }

  .cc-donut-stage,
  .cc-donut-legend {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
  }

  .cc-donut-stage {
    justify-self: center !important;
  }

  .cc-dashboard-performance-row {
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
    justify-content: flex-start !important;
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 34px !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    overflow: visible !important;
  }

  .cc-index-compact-wrapper,
  .cc-pressure-card {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    grid-column: 1 / -1 !important;
    transform: none !important;
  }

  .cc-index-compact-wrapper {
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    overflow: visible !important;
    margin-bottom: 26px !important;
  }

  .cc-index-card,
  .cc-index-card.deep,
  .cc-index-dashboard-fit {
    height: auto !important;
    min-height: 860px !important;
    max-height: none !important;
    overflow: visible !important;
    padding-bottom: 34px !important;
  }

  .cc-index-chart {
    min-height: 250px !important;
    height: 250px !important;
    max-height: none !important;
  }

  .cc-index-metrics {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 12px !important;
    width: 100% !important;
    max-width: 100% !important;
    overflow: visible !important;
  }

  .cc-index-metrics > div {
    width: 100% !important;
    min-width: 0 !important;
  }

  .cc-index-note {
    margin-top: 16px !important;
    max-width: 100% !important;
    overflow-wrap: anywhere !important;
    line-height: 1.35 !important;
  }

  .cc-scroll-table {
    width: 100% !important;
    max-width: 100% !important;
    overflow-x: auto !important;
    -webkit-overflow-scrolling: touch;
  }

  .cc-signal-table,
  .cc-flow-table {
    width: 100% !important;
    max-width: 100% !important;
    table-layout: fixed !important;
  }

  .cc-signal-table th,
  .cc-signal-table td,
  .cc-flow-table th,
  .cc-flow-table td {
    min-width: 0 !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
  }

  .cc-warning-banner {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: flex-start !important;
    text-align: center !important;
    gap: 16px !important;
    padding: 30px 24px !important;
    width: 100% !important;
    max-width: 100% !important;
    overflow: hidden !important;
  }

  .cc-warning-banner .cc-shield {
    margin: 0 auto !important;
  }

  .cc-footer-main,
  .cc-footer-meta {
    width: 100% !important;
    max-width: 100% !important;
    text-align: center !important;
  }

  .cc-footer-main strong,
  .cc-footer-main em,
  .cc-footer-main small,
  .cc-footer-meta small {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    line-height: 1.35 !important;
    overflow-wrap: anywhere !important;
  }

  .cc-footer-quality {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 10px !important;
  }

  .cc-legal-links {
    margin: 12px auto 0 !important;
    padding: 0 !important;
    width: 100% !important;
    max-width: 100% !important;
    display: flex !important;
    flex-wrap: wrap !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px 13px !important;
    text-align: center !important;
    line-height: 1.45 !important;
    white-space: normal !important;
  }

  .cc-legal-links a,
  .cc-legal-links span {
    display: inline-block !important;
  }
}

/* COPYCAT_MOBILE_FINAL_TIDY_START */
/* Copycat mobile final tidy override.
   Desktop remains locked: mobile-only at max-width 820px. */
@media (max-width: 820px) {
  /* Logo + menu on one line */
  .nav {
    align-items: center !important;
    min-height: 92px !important;
    padding-right: 150px !important;
  }

  .nav .brand {
    display: inline-flex !important;
    align-items: center !important;
    line-height: 1 !important;
  }

  .nav-menu-wrap {
    top: 50% !important;
    right: 28px !important;
    transform: translateY(-50%) !important;
  }

  .nav-menu-trigger {
    transform: none !important;
  }

  /* Mobile tables: keep full columns and allow horizontal drag/scroll */
  .cc-signal-board-card,
  .cc-pressure-card {
    overflow: hidden !important;
  }

  .cc-signal-board-card .cc-scroll-table,
  .cc-pressure-card .cc-scroll-table {
    overflow-x: auto !important;
    overflow-y: auto !important;
    -webkit-overflow-scrolling: touch !important;
    touch-action: pan-x pan-y !important;
    scrollbar-width: thin !important;
  }

  .cc-signal-table,
  .cc-flow-table {
    table-layout: auto !important;
    width: max-content !important;
    max-width: none !important;
    border-collapse: collapse !important;
  }

  .cc-signal-table {
    min-width: 1080px !important;
  }

  .cc-flow-table {
    min-width: 940px !important;
  }

  .cc-signal-table th,
  .cc-signal-table td,
  .cc-flow-table th,
  .cc-flow-table td {
    max-width: none !important;
    overflow: visible !important;
    text-overflow: clip !important;
    white-space: nowrap !important;
  }

  .cc-signal-board-card .cc-scroll-table::after,
  .cc-pressure-card .cc-scroll-table::after {
    content: "drag sideways for more columns";
    display: block;
    position: sticky;
    left: 0;
    margin-top: 8px;
    font-size: 11px;
    letter-spacing: .12em;
    text-transform: uppercase;
    color: rgba(247,251,255,.42);
  }

  /* Index card: keep the perfect chart but remove the extra dead space below */
  .cc-index-compact-wrapper {
    margin-bottom: 12px !important;
  }

  .cc-index-card,
  .cc-index-card.deep,
  .cc-index-dashboard-fit {
    height: auto !important;
    min-height: unset !important;
    max-height: none !important;
    padding-bottom: 24px !important;
    overflow: visible !important;
  }

  .cc-index-chart {
    height: 242px !important;
    min-height: 242px !important;
  }

  .cc-index-note {
    margin-bottom: 0 !important;
  }

  .cc-dashboard-performance-row {
    gap: 18px !important;
  }
}
/* COPYCAT_MOBILE_FINAL_TIDY_END */

/* COPYCAT_MOBILE_FINAL_POLISH_V4_START
   Desktop locked: mobile-only final polish. */
@media (max-width: 820px) {
  /* Remove duplicate site date/time from mobile header. Mobile OS already shows time. */
  .nav time,
  .nav .cc-local-time,
  .nav .cc-viewer-time,
  .nav .cc-top-time,
  .nav [class*="local-time"],
  .nav [class*="viewer-time"],
  .nav [class*="date"],
  .nav [id*="local-time"],
  .nav [id*="viewer-time"],
  .nav [id*="date"],
  .copycat-local-time,
  .copycat-viewer-time,
  .copycat-top-time,
  [data-copycat-viewer-time],
  [data-copycat-local-time] {
    display: none !important;
    visibility: hidden !important;
  }

  /* Keep logo and menu cleanly on one header row. */
  .nav {
    min-height: 92px !important;
    align-items: center !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    padding-right: 150px !important;
  }

  .nav .brand {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    line-height: 1 !important;
    white-space: nowrap !important;
  }

  .nav-menu-wrap {
    top: 50% !important;
    right: 28px !important;
    transform: translateY(-50%) !important;
  }

  /* Make vertical rhythm consistent between mobile cards. */
  .cc-dashboard-shell {
    --cc-mobile-card-gap: 28px;
  }

  .cc-dashboard-shell > section,
  .cc-dashboard-analysis-row,
  .cc-dashboard-performance-row {
    margin-top: var(--cc-mobile-card-gap) !important;
    margin-bottom: 0 !important;
  }

  .cc-dashboard-top {
    margin-top: 0 !important;
  }

  .cc-dashboard-analysis-row,
  .cc-dashboard-performance-row {
    gap: var(--cc-mobile-card-gap) !important;
  }

  .cc-dashboard-analysis-row > .cc-card,
  .cc-dashboard-performance-row > *,
  .cc-index-compact-wrapper,
  .cc-pressure-card,
  .cc-warning-banner {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }

  .cc-warning-banner {
    margin-top: var(--cc-mobile-card-gap) !important;
  }

  /* Index is locked visually; remove only the remaining dead space under it. */
  .cc-index-card,
  .cc-index-card.deep,
  .cc-index-dashboard-fit {
    min-height: 0 !important;
    padding-bottom: 26px !important;
  }

  .cc-index-compact-wrapper {
    margin-bottom: 0 !important;
  }

  .cc-dashboard-performance-row {
    gap: var(--cc-mobile-card-gap) !important;
  }

  /* Tables: allow real horizontal dragging for all columns. */
  .cc-signal-board-card .cc-scroll-table,
  .cc-pressure-card .cc-scroll-table {
    overflow-x: auto !important;
    overflow-y: auto !important;
    -webkit-overflow-scrolling: touch !important;
    touch-action: pan-x pan-y !important;
    max-width: 100% !important;
  }

  .cc-signal-table,
  .cc-flow-table {
    table-layout: auto !important;
    width: max-content !important;
    max-width: none !important;
    border-collapse: separate !important;
    border-spacing: 0 !important;
  }

  .cc-signal-table {
    min-width: 1120px !important;
  }

  .cc-flow-table {
    min-width: 980px !important;
  }

  .cc-signal-table th,
  .cc-signal-table td,
  .cc-flow-table th,
  .cc-flow-table td {
    max-width: none !important;
    min-width: 94px !important;
    overflow: visible !important;
    text-overflow: clip !important;
    white-space: nowrap !important;
  }

  /* Sticky row identity while horizontally dragging tables. */
  .cc-signal-table th:nth-child(1),
  .cc-signal-table td:nth-child(1) {
    position: sticky !important;
    left: 0 !important;
    z-index: 5 !important;
    min-width: 48px !important;
    width: 48px !important;
  }

  .cc-signal-table th:nth-child(2),
  .cc-signal-table td:nth-child(2) {
    position: sticky !important;
    left: 48px !important;
    z-index: 5 !important;
    min-width: 190px !important;
    width: 190px !important;
  }

  .cc-flow-table th:nth-child(1),
  .cc-flow-table td:nth-child(1) {
    position: sticky !important;
    left: 0 !important;
    z-index: 5 !important;
    min-width: 210px !important;
    width: 210px !important;
  }

  .cc-signal-table thead th:nth-child(1),
  .cc-signal-table thead th:nth-child(2),
  .cc-flow-table thead th:nth-child(1) {
    z-index: 7 !important;
  }

  :root[data-theme="dark"] .cc-signal-table th:nth-child(1),
  :root[data-theme="dark"] .cc-signal-table td:nth-child(1),
  :root[data-theme="dark"] .cc-signal-table th:nth-child(2),
  :root[data-theme="dark"] .cc-signal-table td:nth-child(2),
  :root[data-theme="dark"] .cc-flow-table th:nth-child(1),
  :root[data-theme="dark"] .cc-flow-table td:nth-child(1) {
    background: rgba(7, 18, 29, .97) !important;
    box-shadow: 10px 0 16px rgba(0, 0, 0, .22) !important;
  }

  :root:not([data-theme="dark"]) .cc-signal-table th:nth-child(1),
  :root:not([data-theme="dark"]) .cc-signal-table td:nth-child(1),
  :root:not([data-theme="dark"]) .cc-signal-table th:nth-child(2),
  :root:not([data-theme="dark"]) .cc-signal-table td:nth-child(2),
  :root:not([data-theme="dark"]) .cc-flow-table th:nth-child(1),
  :root:not([data-theme="dark"]) .cc-flow-table td:nth-child(1) {
    background: rgba(255, 250, 238, .97) !important;
    box-shadow: 10px 0 16px rgba(111, 87, 50, .12) !important;
  }

  .cc-signal-board-card .cc-scroll-table::after,
  .cc-pressure-card .cc-scroll-table::after {
    content: "drag sideways for more columns";
    display: block;
    position: sticky;
    left: 0;
    margin-top: 10px;
    font-size: 11px;
    letter-spacing: .12em;
    text-transform: uppercase;
    color: rgba(120, 130, 145, .75);
  }
}
/* COPYCAT_MOBILE_FINAL_POLISH_V4_END */

/* COPYCAT_MOBILE_STICKY_ICON_HERO_V5_START
   Desktop locked: mobile-only final polish. */
@media (max-width: 820px) {
  /* Bring hero content up; mobile already has a tall OS/header area. */
  .cc-dashboard-top {
    min-height: auto !important;
    padding-top: 76px !important;
    padding-bottom: 28px !important;
    margin-top: 0 !important;
    gap: 24px !important;
  }

  .cc-dashboard-copy {
    margin-top: 0 !important;
    padding-top: 0 !important;
  }

  /* Compact sticky table identity columns: token icon stays locked, text/data gets more room. */
  .cc-signal-table th:nth-child(1),
  .cc-signal-table td:nth-child(1) {
    left: 0 !important;
    min-width: 34px !important;
    width: 34px !important;
    max-width: 34px !important;
    padding-left: 8px !important;
    padding-right: 4px !important;
  }

  .cc-signal-table th:nth-child(2),
  .cc-signal-table td:nth-child(2) {
    left: 34px !important;
    min-width: 72px !important;
    width: 72px !important;
    max-width: 72px !important;
    padding-left: 8px !important;
    padding-right: 8px !important;
  }

  .cc-flow-table th:nth-child(1),
  .cc-flow-table td:nth-child(1) {
    left: 0 !important;
    min-width: 84px !important;
    width: 84px !important;
    max-width: 84px !important;
    padding-left: 10px !important;
    padding-right: 8px !important;
  }

  /* In sticky asset cells, keep the token logo/icon only. */
  .cc-signal-table td:nth-child(2) .cc-asset-cell,
  .cc-flow-table td:nth-child(1) .cc-asset-cell {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 0 !important;
    width: 100% !important;
  }

  .cc-signal-table td:nth-child(2) .cc-asset-cell > *:not(:first-child),
  .cc-flow-table td:nth-child(1) .cc-asset-cell > *:not(:first-child) {
    display: none !important;
  }

  .cc-signal-table td:nth-child(2) img,
  .cc-flow-table td:nth-child(1) img,
  .cc-signal-table td:nth-child(2) svg,
  .cc-flow-table td:nth-child(1) svg {
    margin: 0 auto !important;
  }

  .cc-flow-table th:nth-child(1) {
    font-size: 0 !important;
  }

  .cc-flow-table th:nth-child(1)::after {
    content: "Asset";
    font-size: 15px;
  }

  .cc-signal-table th:nth-child(2) {
    font-size: 0 !important;
  }

  .cc-signal-table th:nth-child(2)::after {
    content: "Asset";
    font-size: 15px;
  }

  /* Make sticky strip feel like the card, not a separate lock overlay. */
  :root[data-theme="dark"] .cc-signal-table th:nth-child(1),
  :root[data-theme="dark"] .cc-signal-table td:nth-child(1),
  :root[data-theme="dark"] .cc-signal-table th:nth-child(2),
  :root[data-theme="dark"] .cc-signal-table td:nth-child(2),
  :root[data-theme="dark"] .cc-flow-table th:nth-child(1),
  :root[data-theme="dark"] .cc-flow-table td:nth-child(1) {
    background: rgba(8, 20, 31, .98) !important;
    box-shadow: 6px 0 10px rgba(0, 0, 0, .14) !important;
  }

  :root:not([data-theme="dark"]) .cc-signal-table th:nth-child(1),
  :root:not([data-theme="dark"]) .cc-signal-table td:nth-child(1),
  :root:not([data-theme="dark"]) .cc-signal-table th:nth-child(2),
  :root:not([data-theme="dark"]) .cc-signal-table td:nth-child(2),
  :root:not([data-theme="dark"]) .cc-flow-table th:nth-child(1),
  :root:not([data-theme="dark"]) .cc-flow-table td:nth-child(1) {
    background: rgba(255, 250, 239, .98) !important;
    box-shadow: 6px 0 10px rgba(111, 87, 50, .08) !important;
  }

  /* Shift all non-sticky columns closer now the locked identity area is smaller. */
  .cc-signal-table th,
  .cc-signal-table td,
  .cc-flow-table th,
  .cc-flow-table td {
    min-width: 94px !important;
  }

  .cc-signal-table {
    min-width: 980px !important;
  }

  .cc-flow-table {
    min-width: 880px !important;
  }
}
/* COPYCAT_MOBILE_STICKY_ICON_HERO_V5_END */

/* COPYCAT_MOBILE_HERO_TABLE_RESTORE_V6_START
   Desktop locked: mobile-only restore/polish. */
@media (max-width: 820px) {
  /* Restore the original strong mobile hero typography, but move the block closer to the header. */
  .cc-dashboard-top {
    padding-top: 38px !important;
    padding-bottom: 28px !important;
    min-height: auto !important;
    gap: 28px !important;
  }

  .cc-dashboard-copy {
    margin-top: 0 !important;
    padding-top: 0 !important;
  }

  .cc-dashboard-copy h1 {
    font-size: clamp(52px, 12.8vw, 76px) !important;
    line-height: .9 !important;
    letter-spacing: -0.055em !important;
    margin: 18px 0 22px !important;
  }

  .cc-dashboard-copy h1 em {
    display: block !important;
    font-size: inherit !important;
    line-height: .9 !important;
  }

  .cc-dashboard-copy > p:not(.eyebrow) {
    font-size: clamp(21px, 5vw, 30px) !important;
    line-height: 1.24 !important;
  }

  /* Tables: only the small row-number/icon area stays sticky.
     The full asset name comes back and scrolls normally with the data. */
  .cc-signal-board-card .cc-scroll-table,
  .cc-pressure-card .cc-scroll-table {
    overflow-x: auto !important;
    overflow-y: auto !important;
    -webkit-overflow-scrolling: touch !important;
    touch-action: pan-x pan-y !important;
    max-width: 100% !important;
  }

  .cc-signal-table,
  .cc-flow-table {
    table-layout: auto !important;
    width: max-content !important;
    max-width: none !important;
    border-collapse: collapse !important;
    border-spacing: 0 !important;
  }

  .cc-signal-table {
    min-width: 1120px !important;
  }

  .cc-flow-table {
    min-width: 980px !important;
  }

  .cc-signal-table th,
  .cc-signal-table td,
  .cc-flow-table th,
  .cc-flow-table td {
    min-width: 94px !important;
    max-width: none !important;
    overflow: visible !important;
    text-overflow: clip !important;
    white-space: nowrap !important;
  }

  /* Reset the previous icon-only hiding. */
  .cc-signal-table td:nth-child(2) .cc-asset-cell > *,
  .cc-flow-table td:nth-child(1) .cc-asset-cell > * {
    display: inline-flex !important;
  }

  .cc-signal-table td:nth-child(2) .cc-asset-cell,
  .cc-flow-table td:nth-child(1) .cc-asset-cell {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 10px !important;
    width: auto !important;
  }

  .cc-signal-table th:nth-child(2),
  .cc-flow-table th:nth-child(1) {
    font-size: inherit !important;
  }

  .cc-signal-table th:nth-child(2)::after,
  .cc-flow-table th:nth-child(1)::after {
    content: none !important;
  }

  /* Asset Signal Board: sticky # column only. Asset name is visible and scrolls normally. */
  .cc-signal-table th:nth-child(1),
  .cc-signal-table td:nth-child(1) {
    position: sticky !important;
    left: 0 !important;
    z-index: 6 !important;
    min-width: 46px !important;
    width: 46px !important;
    max-width: 46px !important;
    padding-left: 8px !important;
    padding-right: 8px !important;
  }

  .cc-signal-table th:nth-child(2),
  .cc-signal-table td:nth-child(2) {
    position: static !important;
    left: auto !important;
    z-index: auto !important;
    min-width: 190px !important;
    width: auto !important;
    max-width: none !important;
    padding-left: 14px !important;
    padding-right: 16px !important;
  }

  /* Buyer/Seller Pressure: sticky compact icon strip only. Asset name remains visible in the same row but not locked. */
  .cc-flow-table th:nth-child(1),
  .cc-flow-table td:nth-child(1) {
    position: sticky !important;
    left: 0 !important;
    z-index: 6 !important;
    min-width: 118px !important;
    width: 118px !important;
    max-width: 118px !important;
    padding-left: 10px !important;
    padding-right: 10px !important;
  }

  .cc-flow-table td:nth-child(1) .cc-asset-cell {
    min-width: 0 !important;
    max-width: 98px !important;
    overflow: hidden !important;
  }

  .cc-flow-table td:nth-child(1) .cc-asset-cell > *:first-child {
    flex: 0 0 auto !important;
  }

  .cc-flow-table td:nth-child(1) .cc-asset-cell > *:not(:first-child) {
    display: none !important;
  }

  .cc-flow-table th:nth-child(1) {
    font-size: 0 !important;
  }

  .cc-flow-table th:nth-child(1)::after {
    content: "Asset";
    font-size: 15px;
  }

  /* Softer sticky background so the lock does not look like a harsh overlay. */
  :root[data-theme="dark"] .cc-signal-table th:nth-child(1),
  :root[data-theme="dark"] .cc-signal-table td:nth-child(1),
  :root[data-theme="dark"] .cc-flow-table th:nth-child(1),
  :root[data-theme="dark"] .cc-flow-table td:nth-child(1) {
    background: rgba(8, 20, 31, .96) !important;
    box-shadow: 5px 0 9px rgba(0, 0, 0, .12) !important;
  }

  :root:not([data-theme="dark"]) .cc-signal-table th:nth-child(1),
  :root:not([data-theme="dark"]) .cc-signal-table td:nth-child(1),
  :root:not([data-theme="dark"]) .cc-flow-table th:nth-child(1),
  :root:not([data-theme="dark"]) .cc-flow-table td:nth-child(1) {
    background: rgba(255, 250, 239, .94) !important;
    box-shadow: 5px 0 9px rgba(111, 87, 50, .07) !important;
  }
}
/* COPYCAT_MOBILE_HERO_TABLE_RESTORE_V6_END */

/* COPYCAT_MOBILE_COMPACT_FRONT_LAYER_V7_START
   Mobile-only polish. Desktop and Copycat Index internals remain locked. */
@media (max-width: 820px) {
  /* Keep only the Copycat logo/menu header visible while scrolling.
     Use a solid-enough surface so page cards do not show through it. */
  .nav {
    position: sticky !important;
    top: 0 !important;
    z-index: 9000 !important;
    isolation: isolate !important;
    min-height: 92px !important;
    background: color-mix(in srgb, var(--page-bg) 96%, #07131f 4%) !important;
    -webkit-backdrop-filter: blur(18px) saturate(120%) !important;
    backdrop-filter: blur(18px) saturate(120%) !important;
    border-bottom: 1px solid color-mix(in srgb, var(--panel-line) 70%, transparent) !important;
    box-shadow: 0 10px 24px rgba(0, 0, 0, .12) !important;
  }

  /* Close the remaining empty space below the mobile header. */
  .cc-dashboard-top {
    padding-top: 12px !important;
  }

  /* One consistent vertical rhythm across the dashboard. */
  .cc-dashboard-shell {
    --cc-mobile-card-gap: 24px;
    position: relative !important;
    isolation: isolate !important;
  }

  .cc-dashboard-shell > section:not(.cc-dashboard-top),
  .cc-dashboard-shell > footer {
    margin-top: var(--cc-mobile-card-gap) !important;
    margin-bottom: 0 !important;
  }

  .cc-dashboard-top {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }

  .cc-top-rail,
  .cc-dashboard-analysis-row,
  .cc-dashboard-performance-row {
    gap: var(--cc-mobile-card-gap) !important;
  }

  .cc-kpi-grid {
    column-gap: 14px !important;
    row-gap: var(--cc-mobile-card-gap) !important;
    margin-top: var(--cc-mobile-card-gap) !important;
    margin-bottom: 0 !important;
  }

  .cc-dashboard-analysis-row > .cc-card,
  .cc-dashboard-performance-row > *,
  .cc-index-compact-wrapper,
  .cc-pressure-card,
  .cc-warning-banner {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }

  /* Decorative lines stay behind every information card. */
  .cc-dashboard-shell .line-backdrop {
    z-index: 0 !important;
    pointer-events: none !important;
  }

  .cc-dashboard-shell > section,
  .cc-dashboard-shell > footer,
  .cc-kpi-grid > article,
  .cc-top-rail > *,
  .cc-dashboard-analysis-row > *,
  .cc-dashboard-performance-row > * {
    position: relative !important;
    z-index: 2 !important;
    opacity: 1 !important;
    filter: none !important;
    mix-blend-mode: normal !important;
    -webkit-mask-image: none !important;
    mask-image: none !important;
  }

  /* Give the two long-value KPI cards enough room for their final line. */
  .cc-kpi-grid article.cc-tracked-value-card,
  .cc-kpi-grid article.cc-open-position-card {
    min-height: 118px !important;
    overflow: hidden !important;
  }

  .cc-kpi-grid article.cc-tracked-value-card b,
  .cc-kpi-grid article.cc-open-position-card b {
    max-width: 100% !important;
    font-size: clamp(18px, 4.8vw, 21px) !important;
    line-height: 1.04 !important;
    letter-spacing: -.045em !important;
    white-space: nowrap !important;
    overflow: visible !important;
    text-overflow: clip !important;
  }

  .cc-kpi-grid article.cc-tracked-value-card em,
  .cc-kpi-grid article.cc-open-position-card em {
    display: block !important;
    max-width: 100% !important;
    white-space: normal !important;
    overflow: visible !important;
    text-overflow: clip !important;
    overflow-wrap: anywhere !important;
    line-height: 1.22 !important;
  }

  /* Tables remain horizontally draggable. */
  .cc-signal-board-card .cc-scroll-table,
  .cc-pressure-card .cc-scroll-table {
    position: relative !important;
    z-index: 3 !important;
    overflow-x: auto !important;
    overflow-y: auto !important;
    -webkit-overflow-scrolling: touch !important;
    touch-action: pan-x pan-y !important;
  }

  /*
   * Asset Signal Board:
   * keep the small # column and logo column locked,
   * but make the locked strip only slightly wider than the logo.
   */
  .cc-signal-table th:nth-child(1),
  .cc-signal-table td:nth-child(1) {
    position: sticky !important;
    left: 0 !important;
    z-index: 12 !important;
    min-width: 40px !important;
    width: 40px !important;
    max-width: 40px !important;
    padding-left: 7px !important;
    padding-right: 5px !important;
    background: color-mix(in srgb, var(--panel) 98%, transparent) !important;
    box-shadow: none !important;
  }

  .cc-signal-table th:nth-child(2),
  .cc-signal-table td:nth-child(2) {
    position: sticky !important;
    left: 40px !important;
    z-index: 12 !important;
    min-width: 58px !important;
    width: 58px !important;
    max-width: 58px !important;
    padding-left: 7px !important;
    padding-right: 7px !important;
    background: color-mix(in srgb, var(--panel) 98%, transparent) !important;
    box-shadow: 4px 0 7px rgba(0, 0, 0, .10) !important;
  }

  .cc-signal-table thead th:nth-child(1),
  .cc-signal-table thead th:nth-child(2) {
    z-index: 14 !important;
  }

  .cc-signal-table th:nth-child(2) {
    font-size: 0 !important;
    text-align: center !important;
  }

  .cc-signal-table th:nth-child(2)::after {
    content: "Asset";
    font-size: 10px !important;
    letter-spacing: .03em !important;
  }

  .cc-signal-table td:nth-child(2) .cc-asset-cell {
    display: inline-flex !important;
    width: 100% !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 0 !important;
    overflow: visible !important;
  }

  .cc-signal-table td:nth-child(2) .cc-asset-cell > *:not(:first-child) {
    display: none !important;
  }

  /*
   * Buyer/Seller Pressure:
   * its first cell contains both logo and name in the source,
   * so keep the compact logo identity strip locked and let the data use the width.
   */
  .cc-flow-table th:nth-child(1),
  .cc-flow-table td:nth-child(1) {
    position: sticky !important;
    left: 0 !important;
    z-index: 12 !important;
    min-width: 58px !important;
    width: 58px !important;
    max-width: 58px !important;
    padding-left: 7px !important;
    padding-right: 7px !important;
    background: color-mix(in srgb, var(--panel) 98%, transparent) !important;
    box-shadow: 4px 0 7px rgba(0, 0, 0, .10) !important;
  }

  .cc-flow-table thead th:nth-child(1) {
    z-index: 14 !important;
    font-size: 0 !important;
    text-align: center !important;
  }

  .cc-flow-table th:nth-child(1)::after {
    content: "Asset";
    font-size: 10px !important;
    letter-spacing: .03em !important;
  }

  .cc-flow-table td:nth-child(1) .cc-asset-cell {
    display: inline-flex !important;
    width: 100% !important;
    max-width: none !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 0 !important;
    overflow: visible !important;
  }

  .cc-flow-table td:nth-child(1) .cc-asset-cell > *:not(:first-child) {
    display: none !important;
  }

  .cc-signal-table td:nth-child(2) img,
  .cc-signal-table td:nth-child(2) svg,
  .cc-flow-table td:nth-child(1) img,
  .cc-flow-table td:nth-child(1) svg {
    margin: 0 auto !important;
    flex: 0 0 auto !important;
  }
}
/* COPYCAT_MOBILE_COMPACT_FRONT_LAYER_V7_END */

/* COPYCAT_MOBILE_ASSET_NAMES_V8D_START
   The added logo cells are hidden at desktop widths, so the desktop table
   remains visually unchanged. */
.cc-mobile-asset-logo-head,
.cc-mobile-asset-logo-cell {
  display: none !important;
}

@media (max-width: 820px) {
  .cc-mobile-asset-logo-head,
  .cc-mobile-asset-logo-cell {
    display: table-cell !important;
    box-sizing: border-box !important;
    vertical-align: middle !important;
  }

  /* Asset Signal Board: lock only # and a narrow logo strip. */
  .cc-signal-table th:nth-child(1),
  .cc-signal-table td:nth-child(1) {
    position: sticky !important;
    left: 0 !important;
    z-index: 42 !important;
    min-width: 34px !important;
    width: 34px !important;
    max-width: 34px !important;
    padding-left: 5px !important;
    padding-right: 4px !important;
    background: color-mix(in srgb, var(--panel) 98%, transparent) !important;
    box-shadow: none !important;
  }

  .cc-signal-table th:nth-child(2),
  .cc-signal-table td:nth-child(2) {
    position: sticky !important;
    left: 34px !important;
    z-index: 42 !important;
    min-width: 50px !important;
    width: 50px !important;
    max-width: 50px !important;
    padding-left: 5px !important;
    padding-right: 5px !important;
    text-align: center !important;
    background: color-mix(in srgb, var(--panel) 98%, transparent) !important;
    box-shadow: 4px 0 7px rgba(0, 0, 0, .09) !important;
  }

  .cc-signal-table thead th:nth-child(1),
  .cc-signal-table thead th:nth-child(2) {
    z-index: 44 !important;
  }

  .cc-signal-table th:nth-child(2) {
    font-size: 0 !important;
  }

  .cc-signal-table th:nth-child(2)::after {
    content: none !important;
  }

  .cc-signal-table td:nth-child(2) .cc-token-logo {
    display: inline-flex !important;
    margin: 0 auto !important;
  }

  /* Column 3 is the real Asset name and scrolls normally. */
  .cc-signal-table th:nth-child(3),
  .cc-signal-table td:nth-child(3) {
    position: static !important;
    left: auto !important;
    z-index: auto !important;
    min-width: 116px !important;
    width: auto !important;
    max-width: none !important;
    padding-left: 12px !important;
    padding-right: 14px !important;
    background: transparent !important;
    box-shadow: none !important;
  }

  .cc-signal-table th:nth-child(3) {
    font-size: inherit !important;
  }

  .cc-signal-table th:nth-child(3)::after {
    content: none !important;
  }

  .cc-signal-table td:nth-child(3) .cc-token-logo {
    display: none !important;
  }

  .cc-signal-table td:nth-child(3) .cc-asset-cell,
  .cc-signal-table td:nth-child(3) .cc-asset-hover,
  .cc-signal-table td:nth-child(3) .cc-asset-hover b {
    display: inline-flex !important;
    width: auto !important;
    max-width: none !important;
    overflow: visible !important;
    text-overflow: clip !important;
    white-space: nowrap !important;
  }

  /* Buyer/Seller Pressure: lock only a narrow logo strip. */
  .cc-flow-table th:nth-child(1),
  .cc-flow-table td:nth-child(1) {
    position: sticky !important;
    left: 0 !important;
    z-index: 42 !important;
    min-width: 52px !important;
    width: 52px !important;
    max-width: 52px !important;
    padding-left: 6px !important;
    padding-right: 6px !important;
    text-align: center !important;
    background: color-mix(in srgb, var(--panel) 98%, transparent) !important;
    box-shadow: 4px 0 7px rgba(0, 0, 0, .09) !important;
  }

  .cc-flow-table thead th:nth-child(1) {
    z-index: 44 !important;
    font-size: 0 !important;
  }

  .cc-flow-table th:nth-child(1)::after {
    content: none !important;
  }

  .cc-flow-table td:nth-child(1) .cc-token-logo {
    display: inline-flex !important;
    margin: 0 auto !important;
  }

  /* Column 2 is the real Asset name and scrolls normally. */
  .cc-flow-table th:nth-child(2),
  .cc-flow-table td:nth-child(2) {
    position: static !important;
    left: auto !important;
    z-index: auto !important;
    min-width: 108px !important;
    width: auto !important;
    max-width: none !important;
    padding-left: 12px !important;
    padding-right: 14px !important;
    background: transparent !important;
    box-shadow: none !important;
  }

  .cc-flow-table th:nth-child(2) {
    font-size: inherit !important;
  }

  .cc-flow-table th:nth-child(2)::after {
    content: none !important;
  }

  .cc-flow-table td:nth-child(2) .cc-token-logo {
    display: none !important;
  }

  .cc-flow-table td:nth-child(2) .cc-asset-cell,
  .cc-flow-table td:nth-child(2) .cc-asset-hover,
  .cc-flow-table td:nth-child(2) .cc-asset-hover b {
    display: inline-flex !important;
    width: auto !important;
    max-width: none !important;
    overflow: visible !important;
    text-overflow: clip !important;
    white-space: nowrap !important;
  }
}
/* COPYCAT_MOBILE_ASSET_NAMES_V8D_END */

/* COPYCAT_MOBILE_ASSET_WIDTH_V9_START
   Mobile-only: keep the Asset ticker column compact so Signal stays visible. */
@media (max-width: 820px) {
  .cc-signal-table th:nth-child(3),
  .cc-signal-table td:nth-child(3) {
    min-width: 92px !important;
    width: 92px !important;
    max-width: 92px !important;
    padding-left: 10px !important;
    padding-right: 10px !important;
    overflow: hidden !important;
  }

  .cc-signal-table td:nth-child(3) .cc-asset-cell,
  .cc-signal-table td:nth-child(3) .cc-asset-hover,
  .cc-signal-table td:nth-child(3) .cc-asset-hover b {
    width: 100% !important;
    max-width: 72px !important;
    min-width: 0 !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
  }

  .cc-signal-table th:nth-child(4),
  .cc-signal-table td:nth-child(4) {
    min-width: 112px !important;
    width: 112px !important;
    max-width: 112px !important;
  }
}
/* COPYCAT_MOBILE_ASSET_WIDTH_V9_END */

/* COPYCAT_MOBILE_UNIFORM_SPACING_COMPACT_TABLES_V10_START
   Mobile-only. Desktop layout and Copycat Index internals remain unchanged. */
@media (max-width: 820px) {
  /*
   * One consistent vertical rhythm.
   * Major dashboard cards/sections use the same 24px separation.
   */
  .cc-dashboard-shell {
    --cc-mobile-card-gap: 24px !important;
  }

  .cc-dashboard-shell > .cc-kpi-grid,
  .cc-dashboard-shell > .cc-dashboard-analysis-row,
  .cc-dashboard-shell > .cc-dashboard-performance-row,
  .cc-dashboard-shell > .cc-warning-banner {
    margin-top: var(--cc-mobile-card-gap) !important;
    margin-bottom: 0 !important;
  }

  .cc-top-rail,
  .cc-dashboard-analysis-row,
  .cc-dashboard-performance-row {
    gap: var(--cc-mobile-card-gap) !important;
  }

  .cc-kpi-grid {
    column-gap: 14px !important;
    row-gap: var(--cc-mobile-card-gap) !important;
    margin-bottom: 0 !important;
  }

  .cc-dashboard-analysis-row > *,
  .cc-dashboard-performance-row > *,
  .cc-index-compact-wrapper,
  .cc-pressure-card,
  .cc-warning-banner {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }

  /*
   * Both mobile tables size each column closely to its content.
   * Horizontal dragging remains enabled.
   */
  .cc-signal-board-card .cc-scroll-table,
  .cc-pressure-card .cc-scroll-table {
    overflow-x: auto !important;
    overflow-y: auto !important;
    -webkit-overflow-scrolling: touch !important;
    touch-action: pan-x pan-y !important;
  }

  .cc-signal-table,
  .cc-flow-table {
    table-layout: fixed !important;
    width: max-content !important;
    max-width: none !important;
    min-width: 0 !important;
    border-collapse: collapse !important;
  }

  .cc-signal-table th,
  .cc-signal-table td,
  .cc-flow-table th,
  .cc-flow-table td {
    box-sizing: border-box !important;
    min-width: 0 !important;
    padding-left: 7px !important;
    padding-right: 7px !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
  }

  /*
   * Asset Signal Board columns after the mobile logo column was added:
   * 1 #, 2 logo, 3 Asset, 4 Signal, 5 Confidence,
   * 6 Wallets, 7 Value L/S, 8 Net value, 9 % total value.
   */

  /* Tiny locked row number. */
  .cc-signal-table th:nth-child(1),
  .cc-signal-table td:nth-child(1) {
    position: sticky !important;
    left: 0 !important;
    z-index: 52 !important;
    min-width: 24px !important;
    width: 24px !important;
    max-width: 24px !important;
    padding-left: 4px !important;
    padding-right: 3px !important;
    text-align: center !important;
  }

  /* Narrow locked logo strip. */
  .cc-signal-table th:nth-child(2),
  .cc-signal-table td:nth-child(2) {
    position: sticky !important;
    left: 24px !important;
    z-index: 52 !important;
    min-width: 46px !important;
    width: 46px !important;
    max-width: 46px !important;
    padding-left: 4px !important;
    padding-right: 4px !important;
    text-align: center !important;
  }

  .cc-signal-table thead th:nth-child(1),
  .cc-signal-table thead th:nth-child(2) {
    z-index: 54 !important;
  }

  .cc-signal-table th:nth-child(3),
  .cc-signal-table td:nth-child(3) {
    min-width: 82px !important;
    width: 82px !important;
    max-width: 82px !important;
  }

  .cc-signal-table th:nth-child(4),
  .cc-signal-table td:nth-child(4) {
    min-width: 110px !important;
    width: 110px !important;
    max-width: 110px !important;
  }

  .cc-signal-table th:nth-child(5),
  .cc-signal-table td:nth-child(5) {
    min-width: 88px !important;
    width: 88px !important;
    max-width: 88px !important;
  }

  .cc-signal-table th:nth-child(6),
  .cc-signal-table td:nth-child(6) {
    min-width: 132px !important;
    width: 132px !important;
    max-width: 132px !important;
  }

  .cc-signal-table th:nth-child(7),
  .cc-signal-table td:nth-child(7) {
    min-width: 168px !important;
    width: 168px !important;
    max-width: 168px !important;
  }

  .cc-signal-table th:nth-child(8),
  .cc-signal-table td:nth-child(8) {
    min-width: 118px !important;
    width: 118px !important;
    max-width: 118px !important;
  }

  .cc-signal-table th:nth-child(9),
  .cc-signal-table td:nth-child(9) {
    min-width: 154px !important;
    width: 154px !important;
    max-width: 154px !important;
  }

  .cc-signal-table td:nth-child(3) .cc-asset-cell,
  .cc-signal-table td:nth-child(3) .cc-asset-hover,
  .cc-signal-table td:nth-child(3) .cc-asset-hover b {
    width: 100% !important;
    max-width: 68px !important;
    min-width: 0 !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
  }

  /*
   * Buyer/Seller Pressure columns after the mobile logo column was added:
   * 1 logo, 2 Asset, 3 Net buyers, 4 Bullish flow,
   * 5 Bearish flow, 6 Net value flow, 7 Read.
   */

  .cc-flow-table th:nth-child(1),
  .cc-flow-table td:nth-child(1) {
    position: sticky !important;
    left: 0 !important;
    z-index: 52 !important;
    min-width: 48px !important;
    width: 48px !important;
    max-width: 48px !important;
    padding-left: 4px !important;
    padding-right: 4px !important;
    text-align: center !important;
  }

  .cc-flow-table thead th:nth-child(1) {
    z-index: 54 !important;
  }

  .cc-flow-table th:nth-child(2),
  .cc-flow-table td:nth-child(2) {
    min-width: 104px !important;
    width: 104px !important;
    max-width: 104px !important;
  }

  .cc-flow-table th:nth-child(3),
  .cc-flow-table td:nth-child(3) {
    min-width: 104px !important;
    width: 104px !important;
    max-width: 104px !important;
  }

  .cc-flow-table th:nth-child(4),
  .cc-flow-table td:nth-child(4),
  .cc-flow-table th:nth-child(5),
  .cc-flow-table td:nth-child(5),
  .cc-flow-table th:nth-child(6),
  .cc-flow-table td:nth-child(6) {
    min-width: 136px !important;
    width: 136px !important;
    max-width: 136px !important;
  }

  .cc-flow-table th:nth-child(7),
  .cc-flow-table td:nth-child(7) {
    min-width: 88px !important;
    width: 88px !important;
    max-width: 88px !important;
  }

  .cc-flow-table td:nth-child(2) .cc-asset-cell,
  .cc-flow-table td:nth-child(2) .cc-asset-hover,
  .cc-flow-table td:nth-child(2) .cc-asset-hover b {
    width: 100% !important;
    max-width: 90px !important;
    min-width: 0 !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
  }
}
/* COPYCAT_MOBILE_UNIFORM_SPACING_COMPACT_TABLES_V10_END */

/* COPYCAT_MOBILE_SPACING_TABLES_V11_START
   Stronger mobile-only spacing and table compaction.
   Desktop and Copycat Index component remain unchanged. */
@media (max-width: 820px) {
  /* Clear, uniform vertical rhythm between all major mobile cards. */
  .cc-dashboard-shell {
    --cc-mobile-card-gap: 20px !important;
  }

  .cc-dashboard-shell > section,
  .cc-dashboard-shell > footer {
    margin-bottom: 0 !important;
  }

  .cc-dashboard-shell > section + section,
  .cc-dashboard-shell > section + footer,
  .cc-dashboard-shell > footer {
    margin-top: var(--cc-mobile-card-gap) !important;
  }

  .cc-top-rail,
  .cc-dashboard-analysis-row,
  .cc-dashboard-performance-row {
    gap: var(--cc-mobile-card-gap) !important;
  }

  .cc-kpi-grid {
    column-gap: 14px !important;
    row-gap: var(--cc-mobile-card-gap) !important;
    margin-top: var(--cc-mobile-card-gap) !important;
    margin-bottom: 0 !important;
  }

  .cc-dashboard-analysis-row > *,
  .cc-dashboard-performance-row > *,
  .cc-index-compact-wrapper,
  .cc-warning-banner {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }

  /* Keep mobile tables draggable and remove fixed full-width stretching. */
  .cc-signal-board-card .cc-scroll-table,
  .cc-pressure-card .cc-scroll-table {
    overflow-x: auto !important;
    overflow-y: auto !important;
    -webkit-overflow-scrolling: touch !important;
    touch-action: pan-x pan-y !important;
  }

  .cc-signal-table,
  .cc-flow-table {
    table-layout: fixed !important;
    width: max-content !important;
    max-width: none !important;
    min-width: 0 !important;
    border-collapse: collapse !important;
  }

  .cc-signal-table th,
  .cc-signal-table td,
  .cc-flow-table th,
  .cc-flow-table td {
    box-sizing: border-box !important;
    min-width: 0 !important;
    padding-left: 5px !important;
    padding-right: 5px !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
  }

  /* Asset Signal Board: 1 #, 2 logo, 3 Asset, 4 Signal, 5 Confidence,
     6 Wallets, 7 Value L/S, 8 Net value, 9 % total value. */
  .cc-signal-table th:nth-child(1),
  .cc-signal-table td:nth-child(1) {
    position: sticky !important;
    left: 0 !important;
    z-index: 62 !important;
    width: 20px !important;
    min-width: 20px !important;
    max-width: 20px !important;
    padding-left: 2px !important;
    padding-right: 2px !important;
    text-align: center !important;
  }

  .cc-signal-table th:nth-child(2),
  .cc-signal-table td:nth-child(2) {
    position: sticky !important;
    left: 20px !important;
    z-index: 62 !important;
    width: 42px !important;
    min-width: 42px !important;
    max-width: 42px !important;
    padding-left: 3px !important;
    padding-right: 3px !important;
    text-align: center !important;
  }

  .cc-signal-table thead th:nth-child(1),
  .cc-signal-table thead th:nth-child(2) {
    z-index: 64 !important;
  }

  .cc-signal-table th:nth-child(3),
  .cc-signal-table td:nth-child(3) {
    width: 70px !important;
    min-width: 70px !important;
    max-width: 70px !important;
  }

  .cc-signal-table th:nth-child(4),
  .cc-signal-table td:nth-child(4) {
    width: 96px !important;
    min-width: 96px !important;
    max-width: 96px !important;
  }

  .cc-signal-table th:nth-child(5),
  .cc-signal-table td:nth-child(5) {
    width: 76px !important;
    min-width: 76px !important;
    max-width: 76px !important;
  }

  .cc-signal-table th:nth-child(6),
  .cc-signal-table td:nth-child(6) {
    width: 112px !important;
    min-width: 112px !important;
    max-width: 112px !important;
  }

  .cc-signal-table th:nth-child(7),
  .cc-signal-table td:nth-child(7) {
    width: 142px !important;
    min-width: 142px !important;
    max-width: 142px !important;
  }

  .cc-signal-table th:nth-child(8),
  .cc-signal-table td:nth-child(8) {
    width: 104px !important;
    min-width: 104px !important;
    max-width: 104px !important;
  }

  .cc-signal-table th:nth-child(9),
  .cc-signal-table td:nth-child(9) {
    width: 132px !important;
    min-width: 132px !important;
    max-width: 132px !important;
  }

  .cc-signal-table td:nth-child(3) .cc-asset-cell,
  .cc-signal-table td:nth-child(3) .cc-asset-hover,
  .cc-signal-table td:nth-child(3) .cc-asset-hover b {
    width: 100% !important;
    max-width: 60px !important;
    min-width: 0 !important;
  }

  /* Buyer/Seller Pressure: 1 logo, 2 Asset, 3 Net buyers,
     4 Bullish flow, 5 Bearish flow, 6 Net value flow, 7 Read. */
  .cc-flow-table th:nth-child(1),
  .cc-flow-table td:nth-child(1) {
    position: sticky !important;
    left: 0 !important;
    z-index: 62 !important;
    width: 42px !important;
    min-width: 42px !important;
    max-width: 42px !important;
    padding-left: 3px !important;
    padding-right: 3px !important;
    text-align: center !important;
  }

  .cc-flow-table thead th:nth-child(1) {
    z-index: 64 !important;
  }

  .cc-flow-table th:nth-child(2),
  .cc-flow-table td:nth-child(2) {
    width: 88px !important;
    min-width: 88px !important;
    max-width: 88px !important;
  }

  .cc-flow-table th:nth-child(3),
  .cc-flow-table td:nth-child(3) {
    width: 92px !important;
    min-width: 92px !important;
    max-width: 92px !important;
  }

  .cc-flow-table th:nth-child(4),
  .cc-flow-table td:nth-child(4),
  .cc-flow-table th:nth-child(5),
  .cc-flow-table td:nth-child(5),
  .cc-flow-table th:nth-child(6),
  .cc-flow-table td:nth-child(6) {
    width: 122px !important;
    min-width: 122px !important;
    max-width: 122px !important;
  }

  .cc-flow-table th:nth-child(7),
  .cc-flow-table td:nth-child(7) {
    width: 76px !important;
    min-width: 76px !important;
    max-width: 76px !important;
  }

  .cc-flow-table td:nth-child(2) .cc-asset-cell,
  .cc-flow-table td:nth-child(2) .cc-asset-hover,
  .cc-flow-table td:nth-child(2) .cc-asset-hover b {
    width: 100% !important;
    max-width: 78px !important;
    min-width: 0 !important;
  }
}
/* COPYCAT_MOBILE_SPACING_TABLES_V11_END */