:root {
    --crypnot-bg: #ffffff;
    --crypnot-card: #ffffff;
    --crypnot-soft: #f8fafc;
    --crypnot-soft-2: #f1f5f9;
    --crypnot-text: #020617;
    --crypnot-muted: #64748b;
    --crypnot-border: #e2e8f0;
    --crypnot-primary: #0f172a;
    --crypnot-up: #16a34a;
    --crypnot-up-bg: #dcfce7;
    --crypnot-down: #dc2626;
    --crypnot-down-bg: #fee2e2;
    --crypnot-shadow: 0 18px 46px rgba(15, 23, 42, .07);
}

.crypnot-container,
.crypnot-market-wrap,
.crypnot-market-ticker {
    max-width: 1180px;
    margin-left: auto;
    margin-right: auto;
}

.crypnot-market-wrap,
.crypnot-coin-page,
.crypnot-market-ticker,
.crypnot-card,
.crypnot-pro-chart {
    color: var(--crypnot-text);
    font-family: inherit;
}

.crypnot-section { padding: 28px 18px; }

.crypnot-kicker {
    display: block;
    margin: 0 0 6px !important;
    color: var(--crypnot-muted) !important;
    font-size: 11px !important;
    font-weight: 900;
    text-transform: uppercase;
    letter-spacing: .12em;
}

.crypnot-alert {
    padding: 16px 18px;
    border: 1px solid #fde68a;
    border-radius: 16px;
    background: #fffbeb;
    color: #92400e;
    font-weight: 700;
}

.crypnot-card,
.crypnot-stat-card,
.crypnot-market-header,
.crypnot-table-shell,
.crypnot-pro-chart {
    border: 1px solid var(--crypnot-border);
    border-radius: 24px;
    background: var(--crypnot-card);
    box-shadow: var(--crypnot-shadow);
}

.crypnot-card { padding: 24px; }

.crypnot-market-header,
.crypnot-coin-title-row,
.crypnot-card-head,
.crypnot-pro-chart-head {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 22px;
}

.crypnot-market-header {
    padding: 24px;
    margin: 0 18px 22px;
    background: linear-gradient(135deg, #ffffff, #f8fafc);
}

.crypnot-market-header h2,
.crypnot-coin-page h1,
.crypnot-coin-page h2,
.crypnot-card h2,
.crypnot-pro-chart h2 {
    margin-top: 0;
    color: var(--crypnot-text);
    line-height: 1.12;
}

.crypnot-market-header h2 { margin-bottom: 8px; font-size: clamp(28px, 4vw, 44px); }
.crypnot-coin-page h1 { margin-bottom: 14px; font-size: clamp(30px, 5vw, 54px); }
.crypnot-coin-page h2,
.crypnot-card h2,
.crypnot-pro-chart h2 { margin-bottom: 10px; font-size: clamp(22px, 3vw, 32px); }

.crypnot-market-header p,
.crypnot-coin-hero p,
.crypnot-card p,
.crypnot-copy p,
.crypnot-pro-chart p {
    margin-top: 0;
    color: var(--crypnot-muted);
    font-size: 15px;
    line-height: 1.7;
}

.crypnot-header-actions {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: 10px;
}

.crypnot-updated,
.crypnot-live-pill,
.crypnot-chart-live-box {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    white-space: nowrap;
    padding: 9px 13px;
    border: 1px solid var(--crypnot-border);
    border-radius: 999px;
    background: #fff;
    color: var(--crypnot-muted);
    font-size: 12px;
    font-weight: 900;
}

.crypnot-live-pill span,
.crypnot-live-dot {
    width: 8px;
    height: 8px;
    border-radius: 999px;
    background: #f59e0b;
    box-shadow: 0 0 0 4px rgba(245, 158, 11, .14);
}
.crypnot-live-pill.is-connected span,
.crypnot-chart-live-box.is-connected .crypnot-live-dot {
    background: var(--crypnot-up);
    box-shadow: 0 0 0 4px rgba(22, 163, 74, .14);
    animation: crypnotPulse 1.5s ease-in-out infinite;
}
@keyframes crypnotPulse { 0%,100%{transform:scale(1)} 50%{transform:scale(1.35);opacity:.7} }

/* Live ticker */
.crypnot-market-ticker {
    overflow: hidden;
    margin: 0 auto 20px;
    border-radius: 22px;
    background: #0b1220;
    border: 1px solid rgba(148, 163, 184, .22);
    box-shadow: 0 18px 42px rgba(2, 6, 23, .18);
}
.crypnot-ticker-track {
    display: flex;
    align-items: stretch;
    width: max-content;
    animation: crypnotTicker 46s linear infinite;
    will-change: transform;
}
.crypnot-market-ticker:hover .crypnot-ticker-track { animation-play-state: paused; }
@keyframes crypnotTicker { from{transform:translateX(0)} to{transform:translateX(-50%)} }

.crypnot-ticker-item {
    flex: 0 0 354px;
    width: 354px;
    min-height: 72px;
    display: grid;
    grid-template-columns: 34px minmax(88px, 1fr) 94px 66px 58px;
    align-items: center;
    gap: 9px;
    padding: 10px 13px;
    border-right: 1px solid rgba(148, 163, 184, .18);
    box-sizing: border-box;
    color: #fff !important;
    text-decoration: none !important;
}
.crypnot-ticker-item:hover { background: rgba(255,255,255,.035); }
.crypnot-ticker-logo { width: 34px; height: 34px; display: grid; place-items: center; border-radius: 999px; background: rgba(255,255,255,.08); }
.crypnot-ticker-logo img { width: 28px; height: 28px; border-radius: 50%; display: block; }
.crypnot-ticker-coin { min-width: 0; }
.crypnot-ticker-coin strong,
.crypnot-ticker-coin em { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.crypnot-ticker-coin strong { color: #fff; font-size: 13px; line-height: 1.15; font-weight: 900; }
.crypnot-ticker-coin em { margin-top: 3px; color: rgba(255,255,255,.55); font-size: 11px; font-style: normal; font-weight: 900; }
.crypnot-ticker-item .crypnot-live-price { width: 86px; min-width: 86px; max-width: 86px; color: #fff !important; text-align: right; justify-content: flex-end; font-size: 13px; font-weight: 900; }
.crypnot-ticker-change { width: 62px; min-width: 62px; display: inline-flex; justify-content: flex-end; }
.crypnot-ticker-item .crypnot-badge { width: 58px; min-width: 58px; padding: 5px 3px; font-size: 10px; }
.crypnot-ticker-spark,
.crypnot-ticker-spark .crypnot-sparkline { width: 58px; height: 26px; display: block; flex: 0 0 58px; }
.crypnot-sparkline { width: 120px; height: 36px; display: block; }
.crypnot-sparkline.is-up { color: var(--crypnot-up); }
.crypnot-sparkline.is-down { color: var(--crypnot-down); }

/* Badges + live number stability */
.crypnot-live-price,
.crypnot-fixed-number,
.crypnot-market-table td,
.crypnot-price-panel strong,
.crypnot-stat-card strong,
.crypnot-chart-quote-row strong {
    font-variant-numeric: tabular-nums;
    font-feature-settings: "tnum" 1, "lnum" 1;
}
.crypnot-live-price {
    display: inline-flex;
    min-width: 96px;
    text-align: right;
    justify-content: flex-end;
    border-radius: 0 !important;
    padding: 0 !important;
    background: transparent !important;
    transition: color .18s ease, opacity .18s ease;
}
.crypnot-live-price.is-flash-up { color: var(--crypnot-up) !important; }
.crypnot-live-price.is-flash-down { color: var(--crypnot-down) !important; }
.crypnot-badge {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 72px;
    padding: 7px 10px;
    border-radius: 999px;
    font-size: 12px;
    font-weight: 900;
    line-height: 1;
}
.crypnot-badge.is-up { color: var(--crypnot-up); background: var(--crypnot-up-bg); }
.crypnot-badge.is-down { color: var(--crypnot-down); background: var(--crypnot-down-bg); }
.crypnot-badge.is-flat { color: var(--crypnot-muted); background: var(--crypnot-soft-2); }
.crypnot-muted { color: var(--crypnot-muted); }

/* Market table */
.crypnot-table-shell { overflow-x: auto; }
.crypnot-market-table { width: 100%; min-width: 920px; margin: 0; border-collapse: collapse; table-layout: fixed; }
.crypnot-market-table th { text-align: left; background: var(--crypnot-soft); color: var(--crypnot-muted); font-size: 11px; font-weight: 900; letter-spacing: .08em; text-transform: uppercase; }
.crypnot-market-table th,
.crypnot-market-table td { padding: 16px 14px; border-bottom: 1px solid var(--crypnot-border); vertical-align: middle; }
.crypnot-market-table tbody tr:last-child td { border-bottom: 0; }
.crypnot-market-table tbody tr:hover { background: #fbfdff; }
.crypnot-market-table th:nth-child(1), .crypnot-market-table td:nth-child(1) { width: 60px; }
.crypnot-market-table th:nth-child(2), .crypnot-market-table td:nth-child(2) { width: 260px; }
.crypnot-market-table th:nth-child(3), .crypnot-market-table td:nth-child(3) { width: 145px; }
.crypnot-market-table th:nth-child(4), .crypnot-market-table td:nth-child(4) { width: 112px; }
.crypnot-market-table th:nth-child(5), .crypnot-market-table td:nth-child(5),
.crypnot-market-table th:nth-child(6), .crypnot-market-table td:nth-child(6) { width: 142px; }
.crypnot-market-table th:nth-child(7), .crypnot-market-table td:nth-child(7) { width: 130px; }
.crypnot-coin-link { display: inline-flex; align-items: center; gap: 12px; color: var(--crypnot-text) !important; text-decoration: none !important; }
.crypnot-coin-link img { width: 34px; height: 34px; border-radius: 50%; }
.crypnot-coin-link strong { display: block; font-size: 15px; line-height: 1.2; }
.crypnot-coin-link em { display: block; margin-top: 2px; color: var(--crypnot-muted); font-size: 12px; font-style: normal; font-weight: 800; }

/* Hero */
.crypnot-coin-hero { padding: 48px 18px 22px; background: transparent; border-bottom: 1px solid var(--crypnot-border); }
.crypnot-coin-logo-large { width: 82px; height: 82px; border-radius: 999px; box-shadow: 0 14px 28px rgba(15,23,42,.10); }
.crypnot-price-panel {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 0;
    margin-top: 22px;
    border: 1px solid var(--crypnot-border);
    border-radius: 22px;
    background: #fff;
    overflow: hidden;
    box-shadow: 0 12px 30px rgba(15, 23, 42, .04);
}
.crypnot-price-panel > div { padding: 16px 18px; border-right: 1px solid var(--crypnot-border); }
.crypnot-price-panel > div:last-child { border-right: 0; }
.crypnot-price-panel span,
.crypnot-stat-card span,
.crypnot-chart-quote-row span { display: block; margin-bottom: 6px; color: var(--crypnot-muted); font-size: 11px; font-weight: 900; letter-spacing: .06em; text-transform: uppercase; }
.crypnot-price-panel strong { font-size: clamp(22px, 3vw, 32px); line-height: 1; }
.crypnot-small-strong { font-size: 16px !important; }
.crypnot-price-panel .crypnot-live-price { min-width: 0; width: auto; justify-content: flex-start; text-align: left; }

/* Professional chart */
.crypnot-chart-section { padding-top: 32px; }
.crypnot-pro-chart { padding: 18px; border-radius: 28px; background: linear-gradient(180deg, #ffffff 0%, #fbfdff 100%); box-shadow: 0 18px 55px rgba(15,23,42,.07); }
.crypnot-pro-chart-head { padding: 6px 2px 16px; display: flex; align-items: center; justify-content: space-between; gap: 16px; }
.crypnot-chart-coin-title { display: flex; align-items: flex-start; gap: 14px; min-width: 0; }
.crypnot-chart-coin-title img { width: 46px; height: 46px; border-radius: 999px; flex: 0 0 auto; }
.crypnot-chart-coin-title h2 { margin-bottom: 8px; }
.crypnot-chart-coin-title p { margin-bottom: 0; max-width: 760px; color: var(--crypnot-muted); font-size: 14px; line-height: 1.55; }
.crypnot-chart-live-box { color: var(--crypnot-text); }

.crypnot-chart-quote-row {
    display: grid;
    grid-template-columns: minmax(250px, 1.35fr) repeat(4, minmax(135px, .75fr));
    border: 1px solid var(--crypnot-border);
    border-radius: 20px;
    overflow: hidden;
    background: #fff;
    margin: 4px 0 18px;
}
.crypnot-chart-quote-row > div { padding: 14px 16px; border-right: 1px solid var(--crypnot-border); min-width: 0; }
.crypnot-chart-quote-row > div:last-child { border-right: 0; }
.crypnot-chart-quote-row strong { display: block; font-size: 16px; line-height: 1.2; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.crypnot-quote-main { display: flex; align-items: center; flex-wrap: wrap; gap: 8px 12px; }
.crypnot-quote-main span { flex-basis: 100%; }
.crypnot-quote-main .crypnot-live-price { justify-content: flex-start; text-align: left; min-width: 144px; font-size: clamp(26px, 4vw, 40px); font-weight: 950; letter-spacing: -.04em; }
.crypnot-quote-main em { font-style: normal; }

.crypnot-chart-toolbar {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    margin: 12px 0 10px;
}
.crypnot-range-buttons,
.crypnot-view-buttons { display: inline-flex; flex-wrap: wrap; align-items: center; gap: 6px; padding: 5px; border: 1px solid var(--crypnot-border); border-radius: 999px; background: var(--crypnot-soft); }
.crypnot-range-buttons button,
.crypnot-view-buttons button { border: 0; border-radius: 999px; background: transparent; color: var(--crypnot-text); padding: 8px 11px; cursor: pointer; font-size: 12px; font-weight: 950; line-height: 1; }
.crypnot-range-buttons button.active,
.crypnot-range-buttons button:hover,
.crypnot-view-buttons button.active,
.crypnot-view-buttons button:hover { background: var(--crypnot-primary); color: #fff; }

.crypnot-chart-meta-row,
.crypnot-chart-footer-row { display: flex; align-items: center; justify-content: space-between; gap: 14px; color: var(--crypnot-muted); font-size: 12px; font-weight: 800; }
.crypnot-chart-help { opacity: .76; }
.crypnot-chart-meta-row { margin: 0 2px 10px; }
.crypnot-chart-footer-row { margin: 10px 2px 0; }
.crypnot-chart-footer-row strong { color: var(--crypnot-text); }

.crypnot-chart-canvas-shell {
    position: relative;
    width: 100%;
    height: 500px;
    border: 1px solid var(--crypnot-border);
    border-radius: 22px;
    overflow: hidden;
    background: #fff;
}
.crypnot-chart-canvas { display: block; width: 100%; height: 100%; cursor: grab; touch-action: none; user-select: none; }
.crypnot-chart-canvas.is-dragging { cursor: grabbing; }
.crypnot-chart-loading { position: absolute; inset: 0; display: grid; place-items: center; background: rgba(255,255,255,.76); color: var(--crypnot-muted); font-weight: 900; text-align: center; padding: 20px; }
.crypnot-chart-tooltip { position: absolute; z-index: 5; display: none; width: 190px; padding: 10px 12px; border: 1px solid var(--crypnot-border); border-radius: 14px; background: rgba(255,255,255,.96); box-shadow: 0 16px 34px rgba(15,23,42,.14); pointer-events: none; }
.crypnot-chart-tooltip strong { display: block; color: var(--crypnot-text); font-size: 14px; font-weight: 950; }
.crypnot-chart-tooltip span { display: block; margin-top: 4px; color: var(--crypnot-muted); font-size: 11px; font-weight: 800; line-height: 1.35; }


/* Overview, movers, converter, stats */
.crypnot-overview-grid,
.crypnot-movers-grid,
.crypnot-stats-grid { display: grid; gap: 14px; }
.crypnot-overview-grid { grid-template-columns: repeat(4, minmax(0, 1fr)); }
.crypnot-movers-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.crypnot-stats-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.crypnot-stat-card { padding: 18px; }
.crypnot-stat-card strong { display: block; font-size: 20px; line-height: 1.25; }
.crypnot-card-head.compact { align-items: center; margin-bottom: 16px; }
.crypnot-card-head.compact h2 { margin-bottom: 0; font-size: 22px; }
.crypnot-card-head.compact span { color: var(--crypnot-muted); font-size: 12px; font-weight: 900; text-transform: uppercase; letter-spacing: .08em; }
.crypnot-mover-list { display: grid; gap: 10px; }
.crypnot-mover-item { display: grid; grid-template-columns: 34px 1fr auto; align-items: center; gap: 12px; padding: 12px; border-radius: 16px; background: var(--crypnot-soft); color: var(--crypnot-text) !important; text-decoration: none !important; }
.crypnot-mover-item img { width: 34px; height: 34px; border-radius: 999px; }
.crypnot-mover-item strong,
.crypnot-mover-item em { display: block; }
.crypnot-mover-item em { margin-top: 2px; color: var(--crypnot-muted); font-size: 12px; font-style: normal; font-weight: 800; }

.crypnot-converter-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px; }
.crypnot-converter label { display: grid; gap: 8px; color: var(--crypnot-text); font-weight: 900; }
.crypnot-converter input { width: 100%; padding: 14px 16px; border: 1px solid var(--crypnot-border); border-radius: 14px; background: #fff; color: var(--crypnot-text); font-size: 18px; font-weight: 900; }

.crypnot-content-grid { display: grid; grid-template-columns: minmax(0, 2fr) minmax(280px, .9fr); gap: 20px; }
.crypnot-copy h2:not(:first-child) { margin-top: 30px; }
.crypnot-faq details { margin-bottom: 10px; padding: 14px 16px; border: 1px solid var(--crypnot-border); border-radius: 16px; background: var(--crypnot-soft); }
.crypnot-faq summary { cursor: pointer; font-weight: 900; }
.crypnot-faq p { margin-bottom: 0; }

.crypnot-news-context {
    margin: 0 0 14px;
    padding: 12px 14px;
    border: 1px solid var(--crypnot-border);
    border-radius: 14px;
    background: var(--crypnot-soft);
    color: var(--crypnot-muted) !important;
    font-size: 14px;
    line-height: 1.55;
}

.crypnot-news-list { display: grid; gap: 12px; }
.crypnot-news-item { display: block; padding: 14px; border: 1px solid var(--crypnot-border); border-radius: 16px; background: var(--crypnot-soft); color: var(--crypnot-text) !important; text-decoration: none !important; transition: transform .2s ease, background .2s ease; }
.crypnot-news-item:hover { transform: translateY(-2px); background: #fff; }
.crypnot-news-item strong { display: block; line-height: 1.35; }
.crypnot-news-item span { display: block; margin-top: 8px; color: var(--crypnot-muted); font-size: 12px; font-weight: 800; }

@media (max-width: 1024px) {
    .crypnot-chart-quote-row { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .crypnot-chart-quote-row > div { border-bottom: 1px solid var(--crypnot-border); }
    .crypnot-chart-quote-row > div:nth-child(2n) { border-right: 0; }
    .crypnot-chart-quote-row > div:nth-last-child(-n+1) { border-bottom: 0; }
    .crypnot-chart-toolbar { align-items: flex-start; flex-direction: column; }
    .crypnot-overview-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 780px) {
    .crypnot-market-header,
    .crypnot-coin-title-row,
    .crypnot-card-head,
    .crypnot-pro-chart-head { display: block; }
    .crypnot-header-actions { align-items: flex-start; margin-top: 14px; }
    .crypnot-coin-logo-large { margin-top: 16px; }
    .crypnot-price-panel,
    .crypnot-overview-grid,
    .crypnot-movers-grid,
    .crypnot-stats-grid,
    .crypnot-content-grid,
    .crypnot-converter-grid { grid-template-columns: 1fr; }
    .crypnot-price-panel > div { border-right: 0; border-bottom: 1px solid var(--crypnot-border); }
    .crypnot-price-panel > div:last-child { border-bottom: 0; }
    .crypnot-chart-live-box { margin-top: 12px; }
    .crypnot-chart-quote-row { grid-template-columns: 1fr; }
    .crypnot-chart-quote-row > div { border-right: 0 !important; border-bottom: 1px solid var(--crypnot-border); }
    .crypnot-chart-quote-row > div:last-child { border-bottom: 0; }
    .crypnot-chart-canvas-shell { height: 390px; }
    .crypnot-chart-meta-row,
    .crypnot-chart-footer-row { display: block; }
    .crypnot-chart-meta-row span,
    .crypnot-chart-footer-row span,
    .crypnot-chart-footer-row strong { display: block; margin-top: 4px; }
    .crypnot-market-table { min-width: 0; table-layout: auto; }
    .crypnot-market-table thead { display: none; }
    .crypnot-market-table,
    .crypnot-market-table tbody,
    .crypnot-market-table tr,
    .crypnot-market-table td { display: block; width: 100% !important; }
    .crypnot-market-table tr { padding: 12px 0; border-bottom: 1px solid var(--crypnot-border); }
    .crypnot-market-table tbody tr:last-child { border-bottom: 0; }
    .crypnot-market-table td { display: flex; align-items: center; justify-content: space-between; gap: 14px; border-bottom: 0; padding: 10px 16px; text-align: right; }
    .crypnot-market-table td::before { content: attr(data-label); color: var(--crypnot-muted); font-weight: 900; font-size: 11px; text-transform: uppercase; letter-spacing: .06em; text-align: left; }
    .crypnot-market-table td[data-label="Coin"] { display: block; text-align: left; }
    .crypnot-market-table td[data-label="Coin"]::before { display: block; margin-bottom: 8px; }
}

@media (max-width: 640px) {
    .crypnot-section { padding-left: 12px; padding-right: 12px; }
    .crypnot-card,
    .crypnot-pro-chart { padding: 14px; border-radius: 20px; }
    .crypnot-chart-canvas-shell { height: 340px; border-radius: 18px; }
    .crypnot-range-buttons,
    .crypnot-view-buttons { width: 100%; justify-content: center; border-radius: 18px; }
    .crypnot-range-buttons button,
    .crypnot-view-buttons button { padding: 8px 9px; }
    .crypnot-ticker-item { flex-basis: 300px; width: 300px; grid-template-columns: 30px minmax(62px,1fr) 80px 54px 42px; gap: 7px; padding: 9px 10px; }
    .crypnot-ticker-logo { width: 30px; height: 30px; }
    .crypnot-ticker-logo img { width: 24px; height: 24px; }
    .crypnot-ticker-item .crypnot-live-price { width: 76px; min-width: 76px; max-width: 76px; font-size: 11px; }
    .crypnot-ticker-change { width: 54px; min-width: 54px; }
    .crypnot-ticker-item .crypnot-badge { width: 50px; min-width: 50px; font-size: 9px; }
    .crypnot-ticker-spark,
    .crypnot-ticker-spark .crypnot-sparkline { width: 42px; }
}

/* v1.8 final polish */
body.crypnot-market-template footer,
body.crypnot-market-template .site-footer,
body.crypnot-market-template #colophon,
body.crypnot-market-template .footer,
body.crypnot-market-template .copyright,
body.crypnot-market-template .elementor-location-footer {
    display: none !important;
}

.crypnot-market-wrap,
.crypnot-container,
.crypnot-market-ticker {
    width: min(1180px, calc(100% - 28px));
}

.crypnot-market-wrap {
    position: relative;
    isolation: isolate;
}
.crypnot-market-wrap:before,
.crypnot-pro-chart:before {
    content: "";
    position: absolute;
    inset: -1px;
    border-radius: inherit;
    pointer-events: none;
    background: radial-gradient(circle at 20% 0%, rgba(22,163,74,.08), transparent 32%), radial-gradient(circle at 85% 16%, rgba(59,130,246,.08), transparent 30%);
    z-index: -1;
}

.crypnot-market-header,
.crypnot-table-shell,
.crypnot-pro-chart,
.crypnot-card,
.crypnot-stat-card {
    border-color: rgba(148, 163, 184, .28);
    box-shadow: 0 22px 60px rgba(15, 23, 42, .075);
}

.crypnot-market-controls {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 14px;
    margin: 0 18px 14px;
}
.crypnot-market-search {
    flex: 1 1 360px;
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 10px 14px;
    border: 1px solid var(--crypnot-border);
    border-radius: 18px;
    background: #fff;
    box-shadow: 0 12px 28px rgba(15, 23, 42, .04);
}
.crypnot-market-search span {
    color: var(--crypnot-muted);
    font-size: 11px;
    font-weight: 950;
    text-transform: uppercase;
    letter-spacing: .08em;
    white-space: nowrap;
}
.crypnot-market-search input {
    width: 100%;
    min-width: 0;
    border: 0 !important;
    outline: 0 !important;
    box-shadow: none !important;
    background: transparent !important;
    color: var(--crypnot-text);
    font: inherit;
    font-weight: 800;
    padding: 6px 0 !important;
}
.crypnot-market-tabs {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 5px;
    border: 1px solid var(--crypnot-border);
    border-radius: 999px;
    background: var(--crypnot-soft);
}
.crypnot-market-tabs button {
    border: 0;
    border-radius: 999px;
    background: transparent;
    color: var(--crypnot-text);
    cursor: pointer;
    padding: 9px 13px;
    font-size: 12px;
    font-weight: 950;
    line-height: 1;
}
.crypnot-market-tabs button.active,
.crypnot-market-tabs button:hover {
    background: var(--crypnot-primary);
    color: #fff;
}

.crypnot-market-table thead th {
    position: sticky;
    top: 0;
    z-index: 2;
}
.crypnot-market-table tbody tr {
    transition: background .2s ease, transform .2s ease;
}
.crypnot-market-table tbody tr:hover {
    background: linear-gradient(90deg, rgba(22,163,74,.045), rgba(59,130,246,.035));
}
.crypnot-market-table .crypnot-live-price {
    min-width: 118px;
}
.crypnot-table-shell {
    margin: 0 18px;
    border-radius: 26px;
}

.crypnot-market-ticker {
    background: linear-gradient(135deg, #0f172a, #111827 52%, #020617);
    border-radius: 26px;
}
.crypnot-ticker-item {
    grid-template-columns: 34px minmax(96px, 1fr) 96px 66px 64px;
}
.crypnot-ticker-spark,
.crypnot-ticker-spark .crypnot-sparkline {
    width: 64px;
}

.crypnot-pro-chart {
    position: relative;
    padding: clamp(18px, 3vw, 28px);
    overflow: hidden;
    border-radius: 28px;
}
.crypnot-pro-chart-head {
    margin-bottom: 18px;
}
.crypnot-chart-coin-title img {
    width: 46px;
    height: 46px;
}
.crypnot-chart-coin-title h2 {
    font-size: clamp(28px, 4vw, 42px);
    letter-spacing: -.045em;
}
.crypnot-chart-coin-title p {
    max-width: 720px;
    margin-bottom: 0;
}
.crypnot-chart-quote-row {
    border-radius: 24px;
    box-shadow: inset 0 0 0 1px rgba(255,255,255,.55);
}
.crypnot-chart-quote-row > div {
    background: rgba(255,255,255,.72);
}
.crypnot-quote-main .crypnot-live-price {
    min-width: 174px;
}
.crypnot-chart-toolbar {
    margin-top: 18px;
}
.crypnot-range-buttons,
.crypnot-view-buttons {
    border-radius: 18px;
    padding: 6px;
}
.crypnot-range-buttons button,
.crypnot-view-buttons button {
    min-width: 42px;
}
.crypnot-chart-meta-row {
    display: none !important;
}
.crypnot-chart-canvas-shell {
    height: 540px;
    border-radius: 26px;
    box-shadow: inset 0 0 0 1px rgba(255,255,255,.5), 0 18px 48px rgba(15,23,42,.045);
}
.crypnot-chart-tooltip {
    width: 230px;
    border-radius: 18px;
}

@media (max-width: 780px) {
    .crypnot-market-controls {
        align-items: stretch;
        flex-direction: column;
    }
    .crypnot-market-tabs {
        width: 100%;
        justify-content: center;
    }
    .crypnot-market-search {
        flex-basis: auto;
    }
    .crypnot-chart-canvas-shell {
        height: 420px;
    }
}

/* v1.9 Pro polish: theme-aware colors, stable ticker, modern filters, reliable drag/pan */
:root {
    --crypnot-primary: var(--e-global-color-primary, #0f172a);
    --crypnot-accent: var(--e-global-color-accent, #16a34a);
    --crypnot-text: var(--e-global-color-text, #020617);
    --crypnot-muted: var(--e-global-color-secondary, #64748b);
}

.crypnot-market-wrap,
.crypnot-container,
.crypnot-market-ticker {
    max-width: min(1180px, calc(100vw - 32px));
}

.crypnot-market-controls {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 14px;
    margin: 0 18px 16px;
    padding: 12px;
    border: 1px solid var(--crypnot-border);
    border-radius: 24px;
    background: linear-gradient(180deg, #ffffff, #f8fafc);
    box-shadow: 0 14px 34px rgba(15, 23, 42, .045);
}
.crypnot-market-search {
    position: relative;
    flex: 1 1 460px;
    min-width: 240px;
    display: flex;
    align-items: center;
    gap: 10px;
    margin: 0;
}
.crypnot-market-search span {
    position: absolute;
    left: 16px;
    top: 50%;
    transform: translateY(-50%);
    width: 8px;
    height: 8px;
    overflow: hidden;
    border-radius: 999px;
    background: var(--crypnot-accent);
    color: transparent !important;
    pointer-events: none;
    box-shadow: 0 0 0 5px rgba(22, 163, 74, .10);
}
.crypnot-market-search input {
    width: 100%;
    height: 48px;
    border: 1px solid var(--crypnot-border) !important;
    border-radius: 999px !important;
    outline: none !important;
    background: #fff !important;
    color: var(--crypnot-text) !important;
    padding: 0 18px 0 38px !important;
    font-size: 14px !important;
    font-weight: 800 !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.85), 0 10px 22px rgba(15,23,42,.035) !important;
    transition: border-color .18s ease, box-shadow .18s ease, transform .18s ease;
}
.crypnot-market-search input:focus {
    border-color: color-mix(in srgb, var(--crypnot-primary) 42%, var(--crypnot-border)) !important;
    box-shadow: 0 0 0 4px rgba(15, 23, 42, .08), 0 14px 28px rgba(15,23,42,.045) !important;
}
.crypnot-market-tabs {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 6px;
    border: 1px solid var(--crypnot-border);
    border-radius: 999px;
    background: #fff;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.8);
}
.crypnot-market-tabs button {
    min-width: 82px;
    height: 36px;
    border-radius: 999px !important;
    border: 0 !important;
    background: transparent !important;
    color: var(--crypnot-muted) !important;
    font-size: 12px !important;
    font-weight: 950 !important;
    letter-spacing: .01em;
    transition: background .18s ease, color .18s ease, transform .18s ease;
}
.crypnot-market-tabs button.active,
.crypnot-market-tabs button:hover {
    background: var(--crypnot-primary) !important;
    color: #fff !important;
    transform: translateY(-1px);
}

.crypnot-market-ticker {
    border-radius: 24px;
    background: linear-gradient(135deg, var(--crypnot-primary), #111827 58%, #020617);
    border-color: rgba(255,255,255,.10);
}
.crypnot-ticker-track { align-items: stretch; }
.crypnot-ticker-item {
    flex: 0 0 392px;
    width: 392px;
    grid-template-columns: 34px minmax(92px, 1fr) 106px 74px 76px;
    gap: 10px;
    min-height: 74px;
    padding: 11px 14px;
}
.crypnot-ticker-logo,
.crypnot-ticker-logo img {
    width: 34px;
    height: 34px;
}
.crypnot-ticker-item .crypnot-live-price {
    width: 104px !important;
    min-width: 104px !important;
    max-width: 104px !important;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.crypnot-ticker-change,
.crypnot-ticker-item .crypnot-badge {
    width: 70px !important;
    min-width: 70px !important;
}
.crypnot-ticker-spark,
.crypnot-ticker-spark .crypnot-sparkline {
    width: 76px !important;
    height: 30px !important;
    overflow: hidden;
}
.crypnot-ticker-spark svg {
    display: block;
    width: 76px !important;
    height: 30px !important;
}

.crypnot-table-shell {
    overflow: auto;
    border-radius: 26px;
    background: #fff;
}
.crypnot-market-table th {
    background: #f8fafc;
    white-space: nowrap;
}
.crypnot-market-table td { white-space: nowrap; }
.crypnot-market-table .crypnot-coin-link { min-width: 0; }
.crypnot-market-table .crypnot-live-price {
    min-width: 126px !important;
    max-width: 126px;
}
.crypnot-market-table tr[style*="display: none"] { display: none !important; }

.crypnot-pro-chart {
    border-radius: 30px;
    background: radial-gradient(circle at 10% 5%, rgba(22,163,74,.055), transparent 30%), linear-gradient(180deg, #fff 0%, #fbfdff 100%);
}
.crypnot-chart-quote-row {
    grid-template-columns: minmax(270px, 1.35fr) repeat(4, minmax(130px, .75fr));
}
.crypnot-chart-toolbar {
    align-items: center;
}
.crypnot-range-buttons,
.crypnot-view-buttons {
    max-width: 100%;
    overflow-x: auto;
    scrollbar-width: none;
}
.crypnot-range-buttons::-webkit-scrollbar,
.crypnot-view-buttons::-webkit-scrollbar { display: none; }
.crypnot-range-buttons button.active,
.crypnot-view-buttons button.active {
    background: var(--crypnot-primary) !important;
    color: #fff !important;
}
.crypnot-chart-canvas-shell {
    position: relative;
    height: 560px;
    min-height: 420px;
    user-select: none;
    overflow: hidden;
    cursor: grab;
    touch-action: none;
    background: linear-gradient(180deg, #ffffff, #f8fafc);
}
.crypnot-chart-canvas-shell:after {
    content: "Drag chart left/right • mouse wheel to pan";
    position: absolute;
    right: 16px;
    bottom: 12px;
    z-index: 2;
    color: var(--crypnot-muted);
    font-size: 10px;
    font-weight: 900;
    letter-spacing: .04em;
    text-transform: uppercase;
    opacity: .72;
    pointer-events: none;
}
.crypnot-chart-canvas {
    display: block;
    width: 100% !important;
    height: 100% !important;
    cursor: grab;
    touch-action: none;
}
.crypnot-chart-canvas.is-dragging,
.crypnot-chart-canvas-shell:has(.crypnot-chart-canvas.is-dragging) {
    cursor: grabbing;
}
.crypnot-chart-tooltip { pointer-events: none; }

@media (max-width: 980px) {
    .crypnot-chart-quote-row { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .crypnot-chart-quote-row > div:nth-child(2n) { border-right: 0; }
    .crypnot-chart-toolbar { flex-direction: column; align-items: stretch; }
    .crypnot-range-buttons, .crypnot-view-buttons { justify-content: flex-start; }
}
@media (max-width: 640px) {
    .crypnot-market-controls { margin-inline: 0; border-radius: 20px; }
    .crypnot-market-tabs { width: 100%; justify-content: space-between; }
    .crypnot-market-tabs button { min-width: 0; flex: 1; }
    .crypnot-ticker-item {
        flex-basis: 344px;
        width: 344px;
        grid-template-columns: 32px minmax(80px, 1fr) 90px 64px 56px;
        gap: 8px;
    }
    .crypnot-ticker-spark,
    .crypnot-ticker-spark .crypnot-sparkline,
    .crypnot-ticker-spark svg { width: 56px !important; }
    .crypnot-chart-canvas-shell { height: 440px; }
    .crypnot-chart-canvas-shell:after { display: none; }
}

/* v2.0 final user fixes: no ticker, single clean search bar, sequential table ranks, visible chart scrollbar */
.crypnot-market-ticker,
.crypnot-ticker-track,
.crypnot-ticker-item {
    display: none !important;
}

.crypnot-market-controls {
    display: grid !important;
    grid-template-columns: minmax(260px, 1fr) auto !important;
    align-items: center !important;
    gap: 12px !important;
    margin: 0 18px 18px !important;
    padding: 10px !important;
    border: 1px solid var(--crypnot-border) !important;
    border-radius: 22px !important;
    background: #ffffff !important;
    box-shadow: 0 16px 44px rgba(15, 23, 42, .06) !important;
}
.crypnot-market-search {
    position: relative !important;
    display: flex !important;
    align-items: center !important;
    min-width: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
}
.crypnot-market-search span {
    position: absolute !important;
    left: 18px !important;
    top: 50% !important;
    width: 18px !important;
    height: 18px !important;
    transform: translateY(-50%) !important;
    overflow: hidden !important;
    color: transparent !important;
    background: transparent !important;
    box-shadow: none !important;
    border-radius: 0 !important;
    pointer-events: none !important;
}
.crypnot-market-search span:before,
.crypnot-market-search span:after {
    content: "" !important;
    position: absolute !important;
    display: block !important;
}
.crypnot-market-search span:before {
    width: 10px !important;
    height: 10px !important;
    left: 1px !important;
    top: 1px !important;
    border: 2px solid var(--crypnot-muted) !important;
    border-radius: 999px !important;
    opacity: .68 !important;
}
.crypnot-market-search span:after {
    width: 7px !important;
    height: 2px !important;
    left: 11px !important;
    top: 12px !important;
    background: var(--crypnot-muted) !important;
    border-radius: 999px !important;
    transform: rotate(45deg) !important;
    opacity: .68 !important;
}
.crypnot-market-search input {
    width: 100% !important;
    height: 48px !important;
    margin: 0 !important;
    border: 0 !important;
    border-radius: 16px !important;
    outline: none !important;
    background: #f8fafc !important;
    color: var(--crypnot-text) !important;
    padding: 0 16px 0 48px !important;
    font-size: 14px !important;
    font-weight: 750 !important;
    box-shadow: inset 0 0 0 1px rgba(148,163,184,.20) !important;
    transition: background .18s ease, box-shadow .18s ease !important;
}
.crypnot-market-search input:focus {
    background: #ffffff !important;
    box-shadow: inset 0 0 0 2px var(--crypnot-primary), 0 10px 26px rgba(15,23,42,.07) !important;
}
.crypnot-market-tabs {
    display: inline-grid !important;
    grid-template-columns: repeat(3, minmax(78px, 1fr)) !important;
    gap: 4px !important;
    padding: 4px !important;
    border: 0 !important;
    border-radius: 16px !important;
    background: #f8fafc !important;
    box-shadow: inset 0 0 0 1px rgba(148,163,184,.20) !important;
}
.crypnot-market-tabs button {
    min-width: 78px !important;
    height: 40px !important;
    border-radius: 12px !important;
    border: 0 !important;
    background: transparent !important;
    color: var(--crypnot-muted) !important;
    box-shadow: none !important;
    font-size: 12px !important;
    font-weight: 900 !important;
    line-height: 1 !important;
}
.crypnot-market-tabs button.active,
.crypnot-market-tabs button:hover {
    background: var(--crypnot-primary) !important;
    color: #ffffff !important;
    transform: none !important;
    box-shadow: 0 8px 18px rgba(15,23,42,.14) !important;
}
.crypnot-row-rank {
    font-weight: 850 !important;
    color: var(--crypnot-muted) !important;
    min-width: 46px !important;
    text-align: center !important;
}
.crypnot-chart-canvas-shell:after { display: none !important; }
.crypnot-chart-scrollbar {
    margin: 12px 2px 0 !important;
    padding: 10px 12px !important;
    border: 1px solid rgba(148,163,184,.22) !important;
    border-radius: 16px !important;
    background: #f8fafc !important;
}
.crypnot-chart-scrollbar input[type="range"] {
    width: 100% !important;
    height: 8px !important;
    display: block !important;
    margin: 0 !important;
    accent-color: var(--crypnot-primary) !important;
    cursor: pointer !important;
}
.crypnot-chart-scrollbar input[type="range"]::-webkit-slider-runnable-track {
    height: 8px !important;
    border-radius: 999px !important;
    background: linear-gradient(90deg, rgba(15,23,42,.22), rgba(15,23,42,.08)) !important;
}
.crypnot-chart-scrollbar input[type="range"]::-webkit-slider-thumb {
    margin-top: -5px !important;
    width: 18px !important;
    height: 18px !important;
    border-radius: 999px !important;
    background: var(--crypnot-primary) !important;
    box-shadow: 0 6px 16px rgba(15,23,42,.22) !important;
}
.crypnot-chart-scrollbar input[type="range"]::-moz-range-track {
    height: 8px !important;
    border-radius: 999px !important;
    background: rgba(15,23,42,.16) !important;
}
.crypnot-chart-scrollbar input[type="range"]::-moz-range-thumb {
    width: 18px !important;
    height: 18px !important;
    border: 0 !important;
    border-radius: 999px !important;
    background: var(--crypnot-primary) !important;
}
.crypnot-chart-canvas-shell {
    cursor: grab !important;
    height: 540px !important;
}
.crypnot-chart-canvas-shell:active { cursor: grabbing !important; }
.crypnot-chart-canvas { cursor: grab !important; }
.crypnot-chart-canvas.is-dragging { cursor: grabbing !important; }
.crypnot-table-shell { overflow-x: auto !important; }
.crypnot-market-table { min-width: 980px !important; }

@media (max-width: 760px) {
    .crypnot-market-controls {
        grid-template-columns: 1fr !important;
        margin-inline: 0 !important;
        border-radius: 20px !important;
    }
    .crypnot-market-tabs {
        width: 100% !important;
    }
    .crypnot-market-tabs button {
        min-width: 0 !important;
    }
    .crypnot-chart-scrollbar {
        border-radius: 14px !important;
        padding: 8px 10px !important;
    }
}

/* v2.1 user update: separate coin manager support, normal percentage text, cleaner professional controls */
.crypnot-market-wrap,
.crypnot-coin-page,
.crypnot-pro-chart,
.crypnot-card {
    --crypnot-primary: var(--e-global-color-primary, #0f172a);
    --crypnot-accent: var(--e-global-color-accent, var(--crypnot-primary));
}

.crypnot-percent-inline,
.crypnot-badge {
    display: inline !important;
    min-width: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    font-weight: 900 !important;
    font-size: inherit !important;
    line-height: inherit !important;
    white-space: nowrap !important;
}
.crypnot-percent-inline.is-up,
.crypnot-badge.is-up { color: var(--crypnot-up) !important; }
.crypnot-percent-inline.is-down,
.crypnot-badge.is-down { color: var(--crypnot-down) !important; }
.crypnot-percent-inline.is-flat,
.crypnot-badge.is-flat { color: var(--crypnot-muted) !important; }
.crypnot-chart-quote-row em[data-live-change],
.crypnot-quote-main em[data-live-change] {
    font-style: normal !important;
    background: transparent !important;
    padding: 0 !important;
    border-radius: 0 !important;
}
.crypnot-price-panel [data-live-change] {
    display: block !important;
    margin-top: 5px !important;
    background: transparent !important;
}

.crypnot-market-controls {
    grid-template-columns: minmax(300px, 1fr) auto !important;
    padding: 12px !important;
    border-radius: 26px !important;
    background: linear-gradient(135deg, rgba(255,255,255,.96), rgba(248,250,252,.96)) !important;
    backdrop-filter: blur(14px) !important;
}
.crypnot-market-search input {
    height: 52px !important;
    border-radius: 18px !important;
    background: #fff !important;
    box-shadow: inset 0 0 0 1px rgba(148,163,184,.24), 0 10px 22px rgba(15,23,42,.035) !important;
}
.crypnot-market-tabs {
    height: 52px !important;
    align-items: center !important;
    background: #fff !important;
    box-shadow: inset 0 0 0 1px rgba(148,163,184,.24) !important;
}
.crypnot-market-tabs button.active,
.crypnot-market-tabs button:hover {
    background: var(--crypnot-primary) !important;
}
.crypnot-market-table .crypnot-percent-inline,
.crypnot-mover-list .crypnot-percent-inline {
    font-size: 13px !important;
}

/* v2.3 theme compatibility + duplicate cleanup polish */
.crypnot-market-wrap,
.crypnot-coin-page,
.crypnot-pro-chart,
.crypnot-card,
.crypnot-table-shell,
.crypnot-market-header,
.crypnot-price-panel,
.crypnot-chart-quote-row,
.crypnot-stat-card {
    --crypnot-primary: var(--e-global-color-primary, var(--wp--preset--color--primary, #0f172a));
    --crypnot-accent: var(--e-global-color-accent, var(--wp--preset--color--vivid-green-cyan, #16a34a));
    --crypnot-up: #16a34a;
    --crypnot-down: #ef4444;
    --crypnot-text: var(--e-global-color-text, #0f172a);
    --crypnot-muted: var(--e-global-color-secondary, #64748b);
    --crypnot-card: var(--wp--preset--color--base, #ffffff);
    --crypnot-soft: #f8fafc;
    --crypnot-soft-2: #f1f5f9;
    --crypnot-border: rgba(148, 163, 184, .28);
    --crypnot-shadow: 0 18px 52px rgba(15,23,42,.075);
    --crypnot-chart-text: var(--crypnot-text);
    --crypnot-chart-muted: var(--crypnot-muted);
    --crypnot-chart-grid: rgba(148,163,184,.22);
    --crypnot-chart-bg-top: #ffffff;
    --crypnot-chart-bg-bottom: #f8fafc;
}

.crypnot-coin-page,
.crypnot-market-wrap {
    color: var(--crypnot-text) !important;
}

.crypnot-coin-page :where(h1,h2,h3,h4,strong,summary,label,td,th),
.crypnot-market-wrap :where(h1,h2,h3,h4,strong,summary,label,td,th) {
    color: var(--crypnot-text);
}

.crypnot-coin-page :where(p,span,em,small),
.crypnot-market-wrap :where(p,span,em,small) {
    color: inherit;
}

.crypnot-kicker,
.crypnot-market-header p,
.crypnot-coin-hero p,
.crypnot-card p,
.crypnot-copy p,
.crypnot-pro-chart p,
.crypnot-chart-coin-title p,
.crypnot-chart-meta-row,
.crypnot-updated,
.crypnot-chart-live-box,
.crypnot-coin-link em,
.crypnot-news-item span,
.crypnot-stat-card span,
.crypnot-price-panel span,
.crypnot-chart-quote-row span {
    color: var(--crypnot-muted) !important;
}

.crypnot-card,
.crypnot-stat-card,
.crypnot-market-header,
.crypnot-table-shell,
.crypnot-pro-chart,
.crypnot-price-panel,
.crypnot-chart-quote-row,
.crypnot-chart-canvas-shell,
.crypnot-converter input,
.crypnot-chart-tooltip,
.crypnot-live-pill,
.crypnot-updated,
.crypnot-chart-live-box {
    background: var(--crypnot-card) !important;
    border-color: var(--crypnot-border) !important;
    color: var(--crypnot-text) !important;
}

.crypnot-market-search input,
.crypnot-market-tabs,
.crypnot-range-buttons,
.crypnot-view-buttons,
.crypnot-faq details,
.crypnot-news-item,
.crypnot-news-context,
.crypnot-mover-item,
.crypnot-chart-scrollbar,
.crypnot-market-table th {
    background: var(--crypnot-soft) !important;
    border-color: var(--crypnot-border) !important;
    color: var(--crypnot-text) !important;
}

.crypnot-market-table tbody tr:hover,
.crypnot-news-item:hover {
    background: var(--crypnot-soft-2) !important;
}

.crypnot-chart-loading {
    pointer-events: none !important;
    background: color-mix(in srgb, var(--crypnot-card) 82%, transparent) !important;
    color: var(--crypnot-muted) !important;
}

.crypnot-chart-canvas-shell,
.crypnot-chart-canvas {
    pointer-events: auto !important;
}

/* Support common theme dark-mode switches used by WordPress themes and Elementor sites. */
html[class*="dark"] .crypnot-market-wrap,
html[class*="dark"] .crypnot-coin-page,
body[class*="dark"] .crypnot-market-wrap,
body[class*="dark"] .crypnot-coin-page,
html[data-theme="dark"] .crypnot-market-wrap,
html[data-theme="dark"] .crypnot-coin-page,
body[data-theme="dark"] .crypnot-market-wrap,
body[data-theme="dark"] .crypnot-coin-page,
html[data-color-scheme="dark"] .crypnot-market-wrap,
html[data-color-scheme="dark"] .crypnot-coin-page,
body[data-color-scheme="dark"] .crypnot-market-wrap,
body[data-color-scheme="dark"] .crypnot-coin-page {
    --crypnot-text: #f8fafc;
    --crypnot-muted: #94a3b8;
    --crypnot-card: #10141f;
    --crypnot-soft: #151b27;
    --crypnot-soft-2: #1c2433;
    --crypnot-border: rgba(148,163,184,.24);
    --crypnot-shadow: 0 18px 54px rgba(0,0,0,.28);
    --crypnot-chart-text: #f8fafc;
    --crypnot-chart-muted: #94a3b8;
    --crypnot-chart-grid: rgba(148,163,184,.18);
    --crypnot-chart-bg-top: #10141f;
    --crypnot-chart-bg-bottom: #151b27;
    --crypnot-chart-area-up: rgba(22, 163, 74, .18);
    --crypnot-chart-area-down: rgba(239, 68, 68, .16);
}

@media (prefers-color-scheme: dark) {
    .crypnot-market-wrap,
    .crypnot-coin-page {
        --crypnot-text: #f8fafc;
        --crypnot-muted: #94a3b8;
        --crypnot-card: #10141f;
        --crypnot-soft: #151b27;
        --crypnot-soft-2: #1c2433;
        --crypnot-border: rgba(148,163,184,.24);
        --crypnot-shadow: 0 18px 54px rgba(0,0,0,.28);
        --crypnot-chart-text: #f8fafc;
        --crypnot-chart-muted: #94a3b8;
        --crypnot-chart-grid: rgba(148,163,184,.18);
        --crypnot-chart-bg-top: #10141f;
        --crypnot-chart-bg-bottom: #151b27;
        --crypnot-chart-area-up: rgba(22, 163, 74, .18);
        --crypnot-chart-area-down: rgba(239, 68, 68, .16);
    }
}

/* One clean search/filter bar */
.crypnot-market-controls {
    background: var(--crypnot-card) !important;
    box-shadow: var(--crypnot-shadow) !important;
}
.crypnot-market-search input {
    box-shadow: inset 0 0 0 1px var(--crypnot-border) !important;
}
.crypnot-market-tabs button.active,
.crypnot-range-buttons button.active,
.crypnot-view-buttons button.active {
    background: var(--crypnot-primary) !important;
    color: #ffffff !important;
}

/* Prevent theme tables from damaging market rows. */
.crypnot-market-table,
.crypnot-market-table th,
.crypnot-market-table td {
    border-color: var(--crypnot-border) !important;
}
.crypnot-market-table td,
.crypnot-market-table th {
    background-clip: padding-box !important;
}

/* v2.4 final theme-adaptive transparent UI fix
   Goal: no white-on-white or black-on-black when Crypnot switches light/dark mode. */
.crypnot-market-wrap,
.crypnot-coin-page,
.crypnot-pro-chart,
.crypnot-card,
.crypnot-table-shell,
.crypnot-market-header,
.crypnot-price-panel,
.crypnot-chart-quote-row,
.crypnot-stat-card {
    color-scheme: light dark;
    --crypnot-glass: rgba(255, 255, 255, .70);
    --crypnot-glass-strong: rgba(255, 255, 255, .84);
    --crypnot-glass-soft: rgba(248, 250, 252, .72);
    --crypnot-text: #07111f;
    --crypnot-muted: #526174;
    --crypnot-card: rgba(255, 255, 255, .72);
    --crypnot-soft: rgba(248, 250, 252, .78);
    --crypnot-soft-2: rgba(241, 245, 249, .86);
    --crypnot-border: rgba(100, 116, 139, .25);
    --crypnot-chart-text: #07111f;
    --crypnot-chart-muted: #526174;
    --crypnot-chart-grid: rgba(100,116,139,.20);
    --crypnot-chart-bg-top: rgba(255,255,255,.60);
    --crypnot-chart-bg-bottom: rgba(248,250,252,.42);
}

html[class*="dark"] .crypnot-market-wrap,
html[class*="dark"] .crypnot-coin-page,
body[class*="dark"] .crypnot-market-wrap,
body[class*="dark"] .crypnot-coin-page,
html[class*="night"] .crypnot-market-wrap,
html[class*="night"] .crypnot-coin-page,
body[class*="night"] .crypnot-market-wrap,
body[class*="night"] .crypnot-coin-page,
html[data-theme="dark"] .crypnot-market-wrap,
html[data-theme="dark"] .crypnot-coin-page,
body[data-theme="dark"] .crypnot-market-wrap,
body[data-theme="dark"] .crypnot-coin-page,
html[data-bs-theme="dark"] .crypnot-market-wrap,
html[data-bs-theme="dark"] .crypnot-coin-page,
body[data-bs-theme="dark"] .crypnot-market-wrap,
body[data-bs-theme="dark"] .crypnot-coin-page,
html[data-color-scheme="dark"] .crypnot-market-wrap,
html[data-color-scheme="dark"] .crypnot-coin-page,
body[data-color-scheme="dark"] .crypnot-market-wrap,
body[data-color-scheme="dark"] .crypnot-coin-page,
html[data-mode="dark"] .crypnot-market-wrap,
html[data-mode="dark"] .crypnot-coin-page,
body[data-mode="dark"] .crypnot-market-wrap,
body[data-mode="dark"] .crypnot-coin-page,
.crypnot-theme-dark,
.crypnot-theme-dark .crypnot-pro-chart,
.crypnot-theme-dark .crypnot-card,
.crypnot-theme-dark .crypnot-table-shell,
.crypnot-theme-dark .crypnot-market-header,
.crypnot-theme-dark .crypnot-price-panel,
.crypnot-theme-dark .crypnot-chart-quote-row,
.crypnot-theme-dark .crypnot-stat-card {
    color-scheme: dark;
    --crypnot-text: #ffffff;
    --crypnot-muted: #d2d8e3;
    --crypnot-card: rgba(255, 255, 255, .035);
    --crypnot-soft: rgba(255, 255, 255, .055);
    --crypnot-soft-2: rgba(255, 255, 255, .085);
    --crypnot-glass: rgba(255, 255, 255, .035);
    --crypnot-glass-strong: rgba(255, 255, 255, .060);
    --crypnot-glass-soft: rgba(255, 255, 255, .045);
    --crypnot-border: rgba(255, 255, 255, .16);
    --crypnot-shadow: 0 18px 54px rgba(0,0,0,.32);
    --crypnot-chart-text: #ffffff;
    --crypnot-chart-muted: #cbd5e1;
    --crypnot-chart-grid: rgba(255,255,255,.14);
    --crypnot-chart-bg-top: rgba(255,255,255,.035);
    --crypnot-chart-bg-bottom: rgba(255,255,255,.020);
    --crypnot-chart-area-up: rgba(22, 163, 74, .18);
    --crypnot-chart-area-down: rgba(239, 68, 68, .16);
}

.crypnot-theme-light,
.crypnot-theme-light .crypnot-pro-chart,
.crypnot-theme-light .crypnot-card,
.crypnot-theme-light .crypnot-table-shell,
.crypnot-theme-light .crypnot-market-header,
.crypnot-theme-light .crypnot-price-panel,
.crypnot-theme-light .crypnot-chart-quote-row,
.crypnot-theme-light .crypnot-stat-card {
    color-scheme: light;
    --crypnot-text: #07111f;
    --crypnot-muted: #526174;
    --crypnot-card: rgba(255, 255, 255, .72);
    --crypnot-soft: rgba(248, 250, 252, .78);
    --crypnot-soft-2: rgba(241, 245, 249, .88);
    --crypnot-border: rgba(100, 116, 139, .25);
    --crypnot-chart-text: #07111f;
    --crypnot-chart-muted: #526174;
    --crypnot-chart-grid: rgba(100,116,139,.20);
    --crypnot-chart-bg-top: rgba(255,255,255,.60);
    --crypnot-chart-bg-bottom: rgba(248,250,252,.42);
}

/* Make every plugin panel glass/transparent instead of hard white. */
.crypnot-card,
.crypnot-stat-card,
.crypnot-market-header,
.crypnot-table-shell,
.crypnot-pro-chart,
.crypnot-price-panel,
.crypnot-chart-quote-row,
.crypnot-chart-canvas-shell,
.crypnot-converter input,
.crypnot-chart-tooltip,
.crypnot-live-pill,
.crypnot-updated,
.crypnot-chart-live-box,
.crypnot-market-controls,
.crypnot-market-search input,
.crypnot-market-tabs,
.crypnot-range-buttons,
.crypnot-view-buttons,
.crypnot-faq details,
.crypnot-news-item,
.crypnot-news-context,
.crypnot-mover-item,
.crypnot-chart-scrollbar {
    background: var(--crypnot-card) !important;
    color: var(--crypnot-text) !important;
    border-color: var(--crypnot-border) !important;
    box-shadow: none !important;
}

.crypnot-card,
.crypnot-stat-card,
.crypnot-market-header,
.crypnot-table-shell,
.crypnot-pro-chart,
.crypnot-price-panel,
.crypnot-chart-quote-row,
.crypnot-chart-canvas-shell,
.crypnot-market-controls {
    backdrop-filter: blur(14px);
    -webkit-backdrop-filter: blur(14px);
}

.crypnot-market-header,
.crypnot-pro-chart {
    background: linear-gradient(135deg, var(--crypnot-glass-strong), var(--crypnot-glass-soft)) !important;
}

.crypnot-chart-canvas-shell,
.crypnot-table-shell,
.crypnot-price-panel,
.crypnot-chart-quote-row {
    background: var(--crypnot-glass) !important;
}

/* Text safety: force readable text inside plugin in both modes. */
.crypnot-market-wrap,
.crypnot-coin-page,
.crypnot-market-wrap :where(h1,h2,h3,h4,h5,h6,strong,b,td,th,label,summary,a),
.crypnot-coin-page :where(h1,h2,h3,h4,h5,h6,strong,b,td,th,label,summary,a),
.crypnot-pro-chart :where(h1,h2,h3,h4,h5,h6,strong,b,td,th,label,summary,a) {
    color: var(--crypnot-text) !important;
}

.crypnot-market-wrap :where(p,span,em,small,li,div),
.crypnot-coin-page :where(p,span,em,small,li,div),
.crypnot-pro-chart :where(p,span,em,small,li,div) {
    color: inherit;
}

.crypnot-kicker,
.crypnot-market-header p,
.crypnot-coin-hero p,
.crypnot-card p,
.crypnot-copy p,
.crypnot-pro-chart p,
.crypnot-chart-coin-title p,
.crypnot-chart-meta-row,
.crypnot-updated,
.crypnot-chart-live-box,
.crypnot-coin-link em,
.crypnot-news-item span,
.crypnot-stat-card span,
.crypnot-price-panel span,
.crypnot-chart-quote-row span,
.crypnot-market-search input::placeholder {
    color: var(--crypnot-muted) !important;
}

.crypnot-market-search input,
.crypnot-converter input {
    color: var(--crypnot-text) !important;
    caret-color: var(--crypnot-text) !important;
    outline-color: var(--crypnot-accent, var(--crypnot-primary)) !important;
}

.crypnot-market-table th {
    background: var(--crypnot-soft) !important;
    color: var(--crypnot-muted) !important;
}
.crypnot-market-table td {
    background: transparent !important;
    color: var(--crypnot-text) !important;
}
.crypnot-market-table tbody tr:hover,
.crypnot-news-item:hover,
.crypnot-mover-item:hover {
    background: var(--crypnot-soft-2) !important;
}

.crypnot-range-buttons button,
.crypnot-view-buttons button,
.crypnot-market-tabs button {
    color: var(--crypnot-text) !important;
}
.crypnot-range-buttons button.active,
.crypnot-range-buttons button:hover,
.crypnot-view-buttons button.active,
.crypnot-view-buttons button:hover,
.crypnot-market-tabs button.active,
.crypnot-market-tabs button:hover {
    background: var(--crypnot-text) !important;
    color: var(--crypnot-card) !important;
}
.crypnot-theme-dark .crypnot-range-buttons button.active,
.crypnot-theme-dark .crypnot-range-buttons button:hover,
.crypnot-theme-dark .crypnot-view-buttons button.active,
.crypnot-theme-dark .crypnot-view-buttons button:hover,
.crypnot-theme-dark .crypnot-market-tabs button.active,
.crypnot-theme-dark .crypnot-market-tabs button:hover,
html[class*="dark"] .crypnot-range-buttons button.active,
html[class*="dark"] .crypnot-range-buttons button:hover,
body[class*="dark"] .crypnot-range-buttons button.active,
body[class*="dark"] .crypnot-range-buttons button:hover,
html[class*="dark"] .crypnot-view-buttons button.active,
html[class*="dark"] .crypnot-view-buttons button:hover,
body[class*="dark"] .crypnot-view-buttons button.active,
body[class*="dark"] .crypnot-view-buttons button:hover,
html[class*="dark"] .crypnot-market-tabs button.active,
html[class*="dark"] .crypnot-market-tabs button:hover,
body[class*="dark"] .crypnot-market-tabs button.active,
body[class*="dark"] .crypnot-market-tabs button:hover {
    background: #ffffff !important;
    color: #07111f !important;
}

/* Keep gain/loss colors readable and independent from theme text color. */
.crypnot-percent-inline.is-up,
.crypnot-badge.is-up,
.crypnot-live-price.is-flash-up { color: var(--crypnot-up) !important; }
.crypnot-percent-inline.is-down,
.crypnot-badge.is-down,
.crypnot-live-price.is-flash-down { color: var(--crypnot-down) !important; }

@media (max-width: 760px) {
    .crypnot-market-controls {
        padding: 10px !important;
        border-radius: 18px !important;
    }
}


/* v2.5 final theme visibility and glass cleanup
   Fixes: removed outer green glow, readable light/dark text, transparent boxes, correct stat text colors. */
.crypnot-market-wrap:before,
.crypnot-pro-chart:before {
    display: none !important;
    content: none !important;
}

.crypnot-market-wrap,
.crypnot-coin-page {
    --crypnot-up: #16a34a;
    --crypnot-down: #ef4444;
    --crypnot-primary: var(--e-global-color-primary, #0f172a);
    --crypnot-accent: var(--e-global-color-accent, #16a34a);
    color: var(--crypnot-text) !important;
}

/* Default must be safe for light mode, even before JavaScript detects theme. */
.crypnot-market-wrap,
.crypnot-coin-page,
.crypnot-market-wrap.crypnot-theme-light,
.crypnot-coin-page.crypnot-theme-light {
    color-scheme: light;
    --crypnot-text: #07111f;
    --crypnot-muted: #4b5b70;
    --crypnot-card: rgba(255, 255, 255, .74);
    --crypnot-soft: rgba(248, 250, 252, .82);
    --crypnot-soft-2: rgba(241, 245, 249, .92);
    --crypnot-border: rgba(100, 116, 139, .28);
    --crypnot-glass: rgba(255, 255, 255, .68);
    --crypnot-glass-strong: rgba(255, 255, 255, .82);
    --crypnot-glass-soft: rgba(248, 250, 252, .62);
    --crypnot-shadow: 0 18px 48px rgba(15,23,42,.08);
    --crypnot-chart-text: #07111f;
    --crypnot-chart-muted: #4b5b70;
    --crypnot-chart-grid: rgba(100,116,139,.22);
    --crypnot-chart-bg-top: rgba(255,255,255,.72);
    --crypnot-chart-bg-bottom: rgba(248,250,252,.50);
    --crypnot-row-hover: rgba(15, 23, 42, .035);
    --crypnot-inner-highlight: rgba(255,255,255,.70);
}

.crypnot-market-wrap.crypnot-theme-dark,
.crypnot-coin-page.crypnot-theme-dark {
    color-scheme: dark;
    --crypnot-text: #f8fafc;
    --crypnot-muted: #c7d0df;
    --crypnot-card: rgba(15, 23, 42, .26);
    --crypnot-soft: rgba(255, 255, 255, .060);
    --crypnot-soft-2: rgba(255, 255, 255, .095);
    --crypnot-border: rgba(255, 255, 255, .14);
    --crypnot-glass: rgba(15, 23, 42, .20);
    --crypnot-glass-strong: rgba(15, 23, 42, .30);
    --crypnot-glass-soft: rgba(255, 255, 255, .045);
    --crypnot-shadow: none;
    --crypnot-chart-text: #f8fafc;
    --crypnot-chart-muted: #c7d0df;
    --crypnot-chart-grid: rgba(255,255,255,.13);
    --crypnot-chart-bg-top: rgba(15,23,42,.25);
    --crypnot-chart-bg-bottom: rgba(15,23,42,.16);
    --crypnot-row-hover: rgba(255, 255, 255, .055);
    --crypnot-inner-highlight: rgba(255,255,255,.075);
}

/* Also respect common explicit dark attributes, but JS wrapper classes above take priority. */
html[data-theme="dark"] .crypnot-market-wrap:not(.crypnot-theme-light),
html[data-theme="dark"] .crypnot-coin-page:not(.crypnot-theme-light),
body[data-theme="dark"] .crypnot-market-wrap:not(.crypnot-theme-light),
body[data-theme="dark"] .crypnot-coin-page:not(.crypnot-theme-light),
html[data-bs-theme="dark"] .crypnot-market-wrap:not(.crypnot-theme-light),
html[data-bs-theme="dark"] .crypnot-coin-page:not(.crypnot-theme-light),
body[data-bs-theme="dark"] .crypnot-market-wrap:not(.crypnot-theme-light),
body[data-bs-theme="dark"] .crypnot-coin-page:not(.crypnot-theme-light) {
    color-scheme: dark;
    --crypnot-text: #f8fafc;
    --crypnot-muted: #c7d0df;
    --crypnot-card: rgba(15, 23, 42, .26);
    --crypnot-soft: rgba(255, 255, 255, .060);
    --crypnot-soft-2: rgba(255, 255, 255, .095);
    --crypnot-border: rgba(255, 255, 255, .14);
    --crypnot-glass: rgba(15, 23, 42, .20);
    --crypnot-glass-strong: rgba(15, 23, 42, .30);
    --crypnot-glass-soft: rgba(255, 255, 255, .045);
    --crypnot-shadow: none;
    --crypnot-chart-text: #f8fafc;
    --crypnot-chart-muted: #c7d0df;
    --crypnot-chart-grid: rgba(255,255,255,.13);
    --crypnot-chart-bg-top: rgba(15,23,42,.25);
    --crypnot-chart-bg-bottom: rgba(15,23,42,.16);
    --crypnot-row-hover: rgba(255, 255, 255, .055);
    --crypnot-inner-highlight: rgba(255,255,255,.075);
}

/* Glass panels: transparent, theme-aware, no hard white/grey blocks. */
.crypnot-card,
.crypnot-stat-card,
.crypnot-market-header,
.crypnot-table-shell,
.crypnot-pro-chart,
.crypnot-price-panel,
.crypnot-chart-quote-row,
.crypnot-chart-canvas-shell,
.crypnot-market-controls,
.crypnot-market-search input,
.crypnot-market-tabs,
.crypnot-range-buttons,
.crypnot-view-buttons,
.crypnot-faq details,
.crypnot-news-item,
.crypnot-news-context,
.crypnot-mover-item,
.crypnot-chart-scrollbar,
.crypnot-chart-tooltip,
.crypnot-live-pill,
.crypnot-updated,
.crypnot-chart-live-box,
.crypnot-converter input {
    background: var(--crypnot-glass) !important;
    color: var(--crypnot-text) !important;
    border-color: var(--crypnot-border) !important;
    box-shadow: inset 0 1px 0 var(--crypnot-inner-highlight) !important;
}

.crypnot-market-header,
.crypnot-pro-chart {
    background: linear-gradient(135deg, var(--crypnot-glass-strong), var(--crypnot-glass-soft)) !important;
}

.crypnot-chart-quote-row > div,
.crypnot-price-panel > div {
    background: transparent !important;
    color: var(--crypnot-text) !important;
    border-color: var(--crypnot-border) !important;
}

.crypnot-chart-canvas-shell {
    background: linear-gradient(180deg, var(--crypnot-chart-bg-top), var(--crypnot-chart-bg-bottom)) !important;
}

/* Text readability in both modes. */
.crypnot-market-wrap :where(h1,h2,h3,h4,h5,h6,strong,b,td,th,label,summary,a),
.crypnot-coin-page :where(h1,h2,h3,h4,h5,h6,strong,b,td,th,label,summary,a),
.crypnot-pro-chart :where(h1,h2,h3,h4,h5,h6,strong,b,td,th,label,summary,a) {
    color: var(--crypnot-text) !important;
}

.crypnot-market-wrap :where(p,li,div),
.crypnot-coin-page :where(p,li,div),
.crypnot-pro-chart :where(p,li,div) {
    color: var(--crypnot-text) !important;
}

.crypnot-kicker,
.crypnot-market-header p,
.crypnot-coin-hero p,
.crypnot-card p,
.crypnot-copy p,
.crypnot-pro-chart p,
.crypnot-chart-coin-title p,
.crypnot-chart-meta-row,
.crypnot-updated,
.crypnot-chart-live-box,
.crypnot-coin-link em,
.crypnot-news-item span,
.crypnot-stat-card span,
.crypnot-price-panel span,
.crypnot-chart-quote-row span,
.crypnot-market-search input::placeholder,
.crypnot-row-rank {
    color: var(--crypnot-muted) !important;
}

.crypnot-market-search input,
.crypnot-converter input {
    color: var(--crypnot-text) !important;
    caret-color: var(--crypnot-text) !important;
}

.crypnot-market-table th {
    background: var(--crypnot-soft) !important;
    color: var(--crypnot-muted) !important;
}
.crypnot-market-table td {
    background: transparent !important;
    color: var(--crypnot-text) !important;
}
.crypnot-market-table tbody tr:hover,
.crypnot-news-item:hover,
.crypnot-mover-item:hover {
    background: var(--crypnot-row-hover) !important;
}

/* Active buttons: dark mode uses white active pill; light mode uses dark active pill. */
.crypnot-range-buttons button,
.crypnot-view-buttons button,
.crypnot-market-tabs button {
    color: var(--crypnot-text) !important;
}
.crypnot-market-wrap.crypnot-theme-light .crypnot-range-buttons button.active,
.crypnot-market-wrap.crypnot-theme-light .crypnot-range-buttons button:hover,
.crypnot-market-wrap.crypnot-theme-light .crypnot-view-buttons button.active,
.crypnot-market-wrap.crypnot-theme-light .crypnot-view-buttons button:hover,
.crypnot-market-wrap.crypnot-theme-light .crypnot-market-tabs button.active,
.crypnot-market-wrap.crypnot-theme-light .crypnot-market-tabs button:hover,
.crypnot-coin-page.crypnot-theme-light .crypnot-range-buttons button.active,
.crypnot-coin-page.crypnot-theme-light .crypnot-range-buttons button:hover,
.crypnot-coin-page.crypnot-theme-light .crypnot-view-buttons button.active,
.crypnot-coin-page.crypnot-theme-light .crypnot-view-buttons button:hover,
.crypnot-coin-page.crypnot-theme-light .crypnot-market-tabs button.active,
.crypnot-coin-page.crypnot-theme-light .crypnot-market-tabs button:hover {
    background: #0f172a !important;
    color: #ffffff !important;
}
.crypnot-market-wrap.crypnot-theme-dark .crypnot-range-buttons button.active,
.crypnot-market-wrap.crypnot-theme-dark .crypnot-range-buttons button:hover,
.crypnot-market-wrap.crypnot-theme-dark .crypnot-view-buttons button.active,
.crypnot-market-wrap.crypnot-theme-dark .crypnot-view-buttons button:hover,
.crypnot-market-wrap.crypnot-theme-dark .crypnot-market-tabs button.active,
.crypnot-market-wrap.crypnot-theme-dark .crypnot-market-tabs button:hover,
.crypnot-coin-page.crypnot-theme-dark .crypnot-range-buttons button.active,
.crypnot-coin-page.crypnot-theme-dark .crypnot-range-buttons button:hover,
.crypnot-coin-page.crypnot-theme-dark .crypnot-view-buttons button.active,
.crypnot-coin-page.crypnot-theme-dark .crypnot-view-buttons button:hover,
.crypnot-coin-page.crypnot-theme-dark .crypnot-market-tabs button.active,
.crypnot-coin-page.crypnot-theme-dark .crypnot-market-tabs button:hover {
    background: #ffffff !important;
    color: #07111f !important;
}

/* Keep price movement colors independent from theme text fixes. */
.crypnot-percent-inline.is-up,
.crypnot-badge.is-up,
.crypnot-live-price.is-flash-up,
[data-live-change].is-up,
.is-up { color: var(--crypnot-up) !important; }
.crypnot-percent-inline.is-down,
.crypnot-badge.is-down,
.crypnot-live-price.is-flash-down,
[data-live-change].is-down,
.is-down { color: var(--crypnot-down) !important; }

.crypnot-market-table .crypnot-live-price,
.crypnot-price-panel .crypnot-live-price,
.crypnot-quote-main .crypnot-live-price {
    color: var(--crypnot-up) !important;
}

/* Cleaner separators and no glow outline. */
.crypnot-market-header,
.crypnot-table-shell,
.crypnot-pro-chart,
.crypnot-price-panel,
.crypnot-chart-quote-row,
.crypnot-market-controls {
    outline: 0 !important;
    box-shadow: inset 0 1px 0 var(--crypnot-inner-highlight) !important;
}

@media (max-width: 760px) {
    .crypnot-market-wrap,
    .crypnot-container,
    .crypnot-market-ticker {
        width: min(100%, calc(100vw - 20px)) !important;
    }
}

/* Article coin chips (merged into Crypnot Markets v2.9) */
.crypnot-article-chips,
.crypnot-article-chip-inline-wrap {
    --chip-bg-light: rgba(255,255,255,.78);
    --chip-bg-dark: rgba(15,23,42,.62);
    --chip-border-light: rgba(148,163,184,.24);
    --chip-border-dark: rgba(226,232,240,.14);
    --chip-text-light: #0f172a;
    --chip-text-dark: #f8fafc;
    --chip-muted-light: #475569;
    --chip-muted-dark: #cbd5e1;
    font-family: inherit;
}

/* Auto chips above article: compact, clean, no oversized pill */
.crypnot-article-chips {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 7px;
    margin: 0 0 14px;
    padding: 0;
    isolation: isolate;
}

/* Manual chip shortcode inside paragraphs must remain inline */
.crypnot-article-chip-inline-wrap {
    display: inline !important;
    vertical-align: baseline !important;
    margin: 0 .18em !important;
    padding: 0 !important;
    line-height: inherit !important;
    white-space: nowrap;
}

.crypnot-article-chip {
    position: relative;
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    gap: 5px;
    border: 1px solid var(--chip-border-light);
    border-radius: 999px;
    background: linear-gradient(135deg, rgba(255,255,255,.86), rgba(248,250,252,.68));
    color: var(--chip-text-light) !important;
    text-decoration: none !important;
    font-weight: 800;
    line-height: 1 !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.42), 0 6px 14px rgba(15,23,42,.06);
    transition: transform .16s ease, border-color .16s ease, box-shadow .16s ease, background .16s ease;
    overflow: hidden;
    white-space: nowrap !important;
    max-width: 100%;
}

.crypnot-article-chip.is-bar-chip {
    min-height: 30px;
    padding: 4px 9px 4px 5px;
}

.crypnot-article-chip.is-inline-chip {
    min-height: 22px !important;
    height: 22px !important;
    padding: 2px 6px 2px 3px !important;
    gap: 4px !important;
    margin: 0 .12em !important;
    transform: translateY(-1px);
    box-shadow: none !important;
    vertical-align: baseline !important;
}

.crypnot-article-chip::before {
    content: "";
    position: absolute;
    inset: -1px;
    border-radius: inherit;
    background: radial-gradient(circle at 12% 30%, rgba(168,85,247,.13), transparent 40%), radial-gradient(circle at 92% 55%, rgba(99,102,241,.10), transparent 40%);
    opacity: .40;
    pointer-events: none;
    z-index: 0;
    animation: crypnotArticleChipGlow 4.5s ease-in-out infinite alternate;
}

.crypnot-article-chip.is-inline-chip::before {
    opacity: .20;
    animation: none;
}

@keyframes crypnotArticleChipGlow {
    from { transform: translateX(-3px); opacity: .25; }
    to { transform: translateX(3px); opacity: .48; }
}

.crypnot-article-chip:hover {
    transform: translateY(-1px);
    border-color: rgba(139,92,246,.34);
    box-shadow: inset 0 1px 0 rgba(255,255,255,.50), 0 8px 20px rgba(99,102,241,.10);
}

.crypnot-article-chip.is-inline-chip:hover {
    transform: translateY(-1px);
    box-shadow: 0 3px 8px rgba(99,102,241,.08) !important;
}

.crypnot-article-chip-icon {
    width: 20px;
    height: 20px;
    flex: 0 0 20px;
    display: grid;
    place-items: center;
    border-radius: 50%;
    background: rgba(15,23,42,.06);
    overflow: hidden;
    position: relative;
    z-index: 1;
}

.crypnot-article-chip.is-inline-chip .crypnot-article-chip-icon {
    width: 16px !important;
    height: 16px !important;
    flex-basis: 16px !important;
}

.crypnot-article-chip-icon img {
    width: 100%;
    height: 100%;
    display: block;
    border-radius: 50%;
}

.crypnot-article-chip-icon span {
    display: grid;
    place-items: center;
    width: 100%;
    height: 100%;
    font-size: 10px;
    font-weight: 900;
}

.crypnot-article-chip strong,
.crypnot-article-chip-price,
.crypnot-article-chip-change {
    position: relative;
    z-index: 1;
    white-space: nowrap !important;
    font-variant-numeric: tabular-nums;
    font-feature-settings: "tnum" 1, "lnum" 1;
}

.crypnot-article-chip strong {
    font-size: 12px !important;
    color: inherit !important;
    letter-spacing: -.01em;
}

.crypnot-article-chip-price {
    color: var(--chip-muted-light) !important;
    font-size: 11.5px !important;
    min-width: 54px;
    text-align: right;
    font-weight: 760 !important;
}

.crypnot-article-chip-change .crypnot-percent-inline {
    font-size: 11.5px !important;
    font-weight: 900 !important;
}

/* Inline chips are intentionally tiny so they do not disturb paragraphs */
.crypnot-article-chip.is-inline-chip strong { font-size: 11px !important; }
.crypnot-article-chip.is-inline-chip .crypnot-article-chip-price {
    font-size: 10.5px !important;
    min-width: 42px !important;
}
.crypnot-article-chip.is-inline-chip .crypnot-article-chip-change .crypnot-percent-inline { font-size: 10.5px !important; }

.crypnot-article-chip.is-up .crypnot-article-chip-change,
.crypnot-article-chip .crypnot-percent-inline.is-up { color: var(--crypnot-up) !important; }
.crypnot-article-chip.is-down .crypnot-article-chip-change,
.crypnot-article-chip .crypnot-percent-inline.is-down { color: var(--crypnot-down) !important; }

.crypnot-article-chip-live {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    min-height: 28px;
    padding: 4px 9px;
    border: 1px solid var(--chip-border-light);
    border-radius: 999px;
    background: rgba(255,255,255,.64);
    color: var(--chip-muted-light);
    font-size: 11px;
    line-height: 1;
    font-weight: 800;
    box-shadow: 0 6px 14px rgba(15,23,42,.05);
}

.crypnot-article-chip-live span {
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: var(--crypnot-up);
    box-shadow: 0 0 0 3px rgba(22,163,74,.12);
}

.crypnot-theme-dark .crypnot-article-chip,
body.dark .crypnot-article-chip,
body.dark-mode .crypnot-article-chip,
body.theme-dark .crypnot-article-chip,
[data-theme="dark"] .crypnot-article-chip {
    border-color: var(--chip-border-dark);
    background: linear-gradient(135deg, rgba(15,23,42,.70), rgba(30,41,59,.46));
    color: var(--chip-text-dark) !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.05), 0 6px 14px rgba(0,0,0,.16);
}

.crypnot-theme-dark .crypnot-article-chip.is-inline-chip,
body.dark .crypnot-article-chip.is-inline-chip,
body.dark-mode .crypnot-article-chip.is-inline-chip,
body.theme-dark .crypnot-article-chip.is-inline-chip,
[data-theme="dark"] .crypnot-article-chip.is-inline-chip {
    background: linear-gradient(135deg, rgba(15,23,42,.78), rgba(30,41,59,.54));
    box-shadow: none !important;
}

.crypnot-theme-dark .crypnot-article-chip-price,
body.dark .crypnot-article-chip-price,
body.dark-mode .crypnot-article-chip-price,
body.theme-dark .crypnot-article-chip-price,
[data-theme="dark"] .crypnot-article-chip-price {
    color: var(--chip-muted-dark) !important;
}

.crypnot-theme-dark .crypnot-article-chip-icon,
body.dark .crypnot-article-chip-icon,
body.dark-mode .crypnot-article-chip-icon,
body.theme-dark .crypnot-article-chip-icon,
[data-theme="dark"] .crypnot-article-chip-icon {
    background: rgba(255,255,255,.08);
}

.crypnot-theme-dark .crypnot-article-chip-live,
body.dark .crypnot-article-chip-live,
body.dark-mode .crypnot-article-chip-live,
body.theme-dark .crypnot-article-chip-live,
[data-theme="dark"] .crypnot-article-chip-live {
    border-color: var(--chip-border-dark);
    background: rgba(15,23,42,.54);
    color: var(--chip-muted-dark);
}

@media (prefers-color-scheme: dark) {
    body:not(.light):not(.theme-light) .crypnot-article-chip {
        border-color: var(--chip-border-dark);
        background: linear-gradient(135deg, rgba(15,23,42,.70), rgba(30,41,59,.46));
        color: var(--chip-text-dark) !important;
    }
    body:not(.light):not(.theme-light) .crypnot-article-chip-price { color: var(--chip-muted-dark) !important; }
}

@media (max-width: 640px) {
    .crypnot-article-chips { gap: 6px; margin-bottom: 13px; }
    .crypnot-article-chip.is-bar-chip { min-height: 28px; padding: 4px 8px 4px 5px; gap: 4px; }
    .crypnot-article-chip-icon { width: 18px; height: 18px; flex-basis: 18px; }
    .crypnot-article-chip-price { min-width: 50px; font-size: 11px !important; }
    .crypnot-article-chip strong,
    .crypnot-article-chip-change .crypnot-percent-inline { font-size: 11px !important; }
    .crypnot-article-chip-live { min-height: 26px; padding: 4px 8px; font-size: 10.5px; }
}


/* v3.0 article coin chip final polish: no Live chip, compact inline symbol chips */
.crypnot-article-chip-live {
    display: none !important;
}

.crypnot-article-chips {
    gap: 6px !important;
    margin: 0 0 16px !important;
}
.crypnot-article-chip.is-bar-chip {
    min-height: 26px !important;
    padding: 3px 8px 3px 4px !important;
    gap: 5px !important;
    font-size: 12px !important;
    box-shadow: 0 5px 14px rgba(15,23,42,.08) !important;
}
.crypnot-article-chip.is-bar-chip .crypnot-article-chip-icon {
    width: 18px !important;
    height: 18px !important;
    flex-basis: 18px !important;
}
.crypnot-article-chip.is-bar-chip strong,
.crypnot-article-chip.is-bar-chip .crypnot-article-chip-price,
.crypnot-article-chip.is-bar-chip .crypnot-article-chip-change .crypnot-percent-inline {
    font-size: 11.5px !important;
}
.crypnot-article-chip.is-bar-chip .crypnot-article-chip-price {
    min-width: 52px !important;
}

.crypnot-article-chip-inline-wrap {
    display: inline !important;
    margin: 0 !important;
    padding: 0 !important;
    line-height: inherit !important;
    vertical-align: baseline !important;
    white-space: normal !important;
}
.crypnot-article-chip.is-inline-chip {
    display: inline-flex !important;
    align-items: center !important;
    height: auto !important;
    min-height: 0 !important;
    padding: 0 .38em !important;
    margin: 0 .08em !important;
    gap: .24em !important;
    border-radius: .55em !important;
    font-size: .84em !important;
    line-height: 1.18 !important;
    vertical-align: -0.08em !important;
    transform: none !important;
    box-shadow: none !important;
    white-space: nowrap !important;
}
.crypnot-article-chip.is-inline-chip:hover {
    transform: none !important;
    box-shadow: none !important;
}
.crypnot-article-chip.is-inline-chip::before {
    display: none !important;
}
.crypnot-article-chip.is-inline-chip .crypnot-article-chip-icon {
    width: 1em !important;
    height: 1em !important;
    flex: 0 0 1em !important;
}
.crypnot-article-chip.is-inline-chip strong {
    font-size: 1em !important;
    line-height: 1 !important;
    letter-spacing: 0 !important;
}
.crypnot-article-chip.is-inline-chip .crypnot-article-chip-price,
.crypnot-article-chip.is-inline-chip .crypnot-article-chip-change {
    display: none !important;
}


/* v3.1: slightly larger inline article coin chips while keeping paragraph alignment natural */
.crypnot-article-chip.is-inline-chip {
    padding: .04em .48em !important;
    margin: 0 .10em !important;
    gap: .28em !important;
    border-radius: .62em !important;
    font-size: .94em !important;
    line-height: 1.12 !important;
    vertical-align: -0.04em !important;
}
.crypnot-article-chip.is-inline-chip .crypnot-article-chip-icon {
    width: 1.12em !important;
    height: 1.12em !important;
    flex: 0 0 1.12em !important;
}
.crypnot-article-chip.is-inline-chip strong {
    font-size: 1em !important;
    line-height: 1 !important;
}

/* Public /price/ coin index pagination. Uses WordPress/theme pagination class names so themes can style it naturally. */
.crypnot-public-pagination {
    margin: 22px 18px 0;
    text-align: center;
}
.crypnot-public-pagination .nav-links {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    flex-wrap: wrap;
}
.crypnot-public-pagination .page-numbers {
    min-width: 36px;
    height: 36px;
    padding: 0 12px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 999px;
    border: 1px solid var(--crypnot-border);
    background: transparent;
    color: var(--crypnot-text) !important;
    line-height: 1;
    font-size: 14px;
    font-weight: 700;
    text-decoration: none !important;
    transition: transform .16s ease, border-color .16s ease, background .16s ease;
}
.crypnot-public-pagination a.page-numbers:hover {
    transform: translateY(-1px);
    border-color: color-mix(in srgb, var(--crypnot-text) 24%, var(--crypnot-border));
    background: color-mix(in srgb, var(--crypnot-text) 7%, transparent);
}
.crypnot-public-pagination .page-numbers.current {
    background: var(--crypnot-text);
    border-color: var(--crypnot-text);
    color: var(--crypnot-bg) !important;
}
.crypnot-public-pagination .page-numbers.dots {
    border-color: transparent;
    background: transparent;
    min-width: 22px;
    padding-left: 0;
    padding-right: 0;
    color: var(--crypnot-muted) !important;
}
.crypnot-public-pagination .page-numbers[aria-disabled="true"] {
    opacity: .42;
    pointer-events: none;
}


/* v3.7 public /price/ Load More button. Theme-friendly: uses inherited fonts and WordPress button class support. */
.crypnot-load-more-wrap {
    display: flex;
    justify-content: center;
    margin: 24px 0 6px;
}
.crypnot-load-more-button {
    appearance: none;
    border: 1px solid color-mix(in srgb, var(--crypnot-accent, #8b5cf6) 45%, transparent);
    border-radius: 999px;
    padding: 12px 22px;
    font: inherit;
    font-weight: 700;
    line-height: 1;
    cursor: pointer;
    color: var(--crypnot-text, currentColor);
    background: color-mix(in srgb, var(--crypnot-accent, #8b5cf6) 11%, transparent);
    box-shadow: none;
    transition: transform .18s ease, border-color .18s ease, background .18s ease;
}
.crypnot-load-more-button:hover,
.crypnot-load-more-button:focus-visible {
    transform: translateY(-1px);
    border-color: color-mix(in srgb, var(--crypnot-accent, #8b5cf6) 70%, transparent);
    background: color-mix(in srgb, var(--crypnot-accent, #8b5cf6) 16%, transparent);
    outline: none;
}
.crypnot-theme-dark .crypnot-load-more-button {
    color: #fff;
}
.crypnot-theme-light .crypnot-load-more-button {
    color: #111827;
}


/* v3.8 Coin name wrapping fix for public market table
   Long token names must stay inside the Coin column and wrap cleanly instead of overlapping Price/24h cells. */
.crypnot-table-shell {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
}
.crypnot-market-table {
    table-layout: fixed !important;
}
.crypnot-market-table th,
.crypnot-market-table td {
    box-sizing: border-box;
}
.crypnot-market-table th:nth-child(1),
.crypnot-market-table td:nth-child(1) { width: 64px !important; }
.crypnot-market-table th:nth-child(2),
.crypnot-market-table td:nth-child(2) { width: 310px !important; max-width: 310px !important; }
.crypnot-market-table th:nth-child(3),
.crypnot-market-table td:nth-child(3) { width: 150px !important; }
.crypnot-market-table th:nth-child(4),
.crypnot-market-table td:nth-child(4) { width: 118px !important; }
.crypnot-market-table th:nth-child(5),
.crypnot-market-table td:nth-child(5),
.crypnot-market-table th:nth-child(6),
.crypnot-market-table td:nth-child(6) { width: 150px !important; }
.crypnot-market-table th:nth-child(7),
.crypnot-market-table td:nth-child(7) { width: 138px !important; }
.crypnot-market-table td[data-label="Coin"] {
    overflow: hidden !important;
}
.crypnot-coin-link {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    display: flex !important;
    align-items: center !important;
    gap: 12px !important;
    white-space: normal !important;
    overflow: hidden !important;
}
.crypnot-coin-link img {
    width: 34px !important;
    height: 34px !important;
    min-width: 34px !important;
    flex: 0 0 34px !important;
    object-fit: contain !important;
}
.crypnot-coin-link > span {
    display: block !important;
    min-width: 0 !important;
    max-width: calc(100% - 46px) !important;
    overflow: hidden !important;
}
.crypnot-coin-link strong {
    display: block !important;
    max-width: 100% !important;
    white-space: normal !important;
    overflow-wrap: anywhere !important;
    word-break: normal !important;
    hyphens: auto !important;
    line-height: 1.22 !important;
    font-size: 14px !important;
}
.crypnot-coin-link em {
    display: block !important;
    max-width: 100% !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    line-height: 1.15 !important;
}
.crypnot-market-table td:nth-child(3),
.crypnot-market-table td:nth-child(4),
.crypnot-market-table td:nth-child(5),
.crypnot-market-table td:nth-child(6) {
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}
@media (max-width: 900px) {
    .crypnot-market-table th:nth-child(2),
    .crypnot-market-table td:nth-child(2) {
        width: 100% !important;
        max-width: none !important;
    }
    .crypnot-market-table td[data-label="Coin"] {
        overflow: visible !important;
    }
    .crypnot-coin-link > span {
        max-width: 100% !important;
    }
}


/* v4.1: article compact price chart inspired by clean market embeds; no heavy quote cards in posts */
.crypnot-compact-chart-section {
    width: min(100%, 760px);
    margin: 28px 0;
    padding: 0 !important;
}
.crypnot-compact-price-chart {
    --crypnot-chart-bg-top: rgba(12, 14, 18, 0);
    --crypnot-chart-bg-bottom: rgba(12, 14, 18, 0);
    --crypnot-chart-grid: rgba(148, 163, 184, .10);
    --crypnot-chart-text: var(--crypnot-text);
    --crypnot-chart-muted: var(--crypnot-muted);
    --crypnot-chart-area-up: rgba(16, 185, 129, .18);
    --crypnot-chart-area-down: rgba(239, 68, 68, .18);
    position: relative;
    overflow: hidden;
    border: 0 !important;
    border-radius: 22px;
    background:
        radial-gradient(circle at 8% 0%, rgba(139,92,246,.10), transparent 34%),
        linear-gradient(180deg, rgba(255,255,255,.06), rgba(255,255,255,.02));
    color: var(--crypnot-text) !important;
    padding: 20px 18px 16px;
    box-shadow: none !important;
    isolation: isolate;
}
.crypnot-compact-price-chart::before {
    content: "";
    position: absolute;
    inset: 0;
    border-radius: inherit;
    border: 1px solid color-mix(in srgb, var(--crypnot-border) 74%, transparent);
    pointer-events: none;
    z-index: 2;
}
.crypnot-compact-chart-head {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 14px;
    margin-bottom: 10px;
    position: relative;
    z-index: 3;
}
.crypnot-compact-chart-identity {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    min-width: 0;
}
.crypnot-compact-chart-identity img {
    width: 34px;
    height: 34px;
    border-radius: 50%;
    flex: 0 0 34px;
}
.crypnot-compact-chart-identity strong {
    display: block;
    color: var(--crypnot-text) !important;
    font-size: clamp(18px, 2vw, 24px);
    line-height: 1.05;
    font-weight: 900;
    letter-spacing: -.02em;
}
.crypnot-compact-chart-identity span {
    display: block;
    margin-top: 2px;
    color: var(--crypnot-muted) !important;
    font-size: 12px;
    line-height: 1;
    font-weight: 800;
    letter-spacing: .04em;
    text-transform: uppercase;
}
.crypnot-compact-chart-live {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 7px 10px;
    border: 1px solid color-mix(in srgb, var(--crypnot-border) 74%, transparent);
    border-radius: 999px;
    color: var(--crypnot-text) !important;
    background: color-mix(in srgb, var(--crypnot-card) 74%, transparent);
    font-size: 11px;
    font-weight: 900;
    line-height: 1;
}
.crypnot-compact-chart-live span {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: var(--crypnot-up);
    box-shadow: 0 0 0 4px rgba(22,163,74,.14);
}
.crypnot-compact-chart-price-row {
    display: flex;
    align-items: baseline;
    gap: 9px;
    margin: 8px 0 10px;
    position: relative;
    z-index: 3;
}
.crypnot-compact-chart-price-row strong {
    color: var(--crypnot-text) !important;
    font-size: clamp(30px, 5vw, 42px);
    line-height: 1;
    letter-spacing: -.04em;
    font-weight: 950;
    font-variant-numeric: tabular-nums;
}
.crypnot-compact-chart-price-row em {
    font-style: normal;
    font-size: 15px;
    font-weight: 900;
}
.crypnot-compact-chart-canvas-shell {
    height: 300px !important;
    min-height: 260px;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    margin: 0 !important;
    padding: 0 !important;
}
.crypnot-compact-chart-canvas-shell .crypnot-chart-loading {
    background: transparent !important;
    color: var(--crypnot-muted) !important;
}
.crypnot-compact-price-chart .crypnot-chart-tooltip {
    border-radius: 12px;
    font-size: 12px;
}
.crypnot-theme-dark .crypnot-compact-price-chart,
body.dark .crypnot-compact-price-chart,
body.dark-mode .crypnot-compact-price-chart,
body.theme-dark .crypnot-compact-price-chart,
[data-theme="dark"] .crypnot-compact-price-chart {
    --crypnot-card: rgba(14, 18, 24, .70);
    --crypnot-text: #f8fafc;
    --crypnot-muted: #94a3b8;
    --crypnot-border: rgba(226,232,240,.14);
    --crypnot-chart-grid: rgba(148, 163, 184, .08);
    background:
        radial-gradient(circle at 8% 0%, rgba(139,92,246,.11), transparent 34%),
        linear-gradient(180deg, rgba(255,255,255,.04), rgba(255,255,255,.015));
}
.crypnot-theme-light .crypnot-compact-price-chart,
body.light .crypnot-compact-price-chart,
body.light-mode .crypnot-compact-price-chart,
body.theme-light .crypnot-compact-price-chart,
[data-theme="light"] .crypnot-compact-price-chart {
    --crypnot-card: rgba(255,255,255,.80);
    --crypnot-text: #0f172a;
    --crypnot-muted: #64748b;
    --crypnot-border: rgba(148,163,184,.22);
}
@media (max-width: 640px) {
    .crypnot-compact-chart-section { width: 100%; margin: 22px 0; }
    .crypnot-compact-price-chart { padding: 16px 14px 12px; border-radius: 18px; }
    .crypnot-compact-chart-canvas-shell { height: 240px !important; min-height: 220px; }
    .crypnot-compact-chart-live { padding: 6px 8px; font-size: 10px; }
}

/* v4.1: inline chips like professional article references: symbol + 24h %, no price, no vertical jump */
.crypnot-article-chip.is-inline-chip {
    padding: .12em .50em .13em .30em !important;
    margin: 0 .10em !important;
    gap: .30em !important;
    border-radius: 999px !important;
    font-size: .90em !important;
    line-height: 1 !important;
    vertical-align: -0.10em !important;
    color: #f8fafc !important;
    background: linear-gradient(180deg, rgba(31,35,43,.96), rgba(24,27,34,.96)) !important;
    border: 1px solid rgba(255,255,255,.10) !important;
    box-shadow: none !important;
}
.crypnot-article-chip.is-inline-chip .crypnot-article-chip-icon {
    width: 1.05em !important;
    height: 1.05em !important;
    flex: 0 0 1.05em !important;
}
.crypnot-article-chip.is-inline-chip strong {
    font-size: .94em !important;
    line-height: 1 !important;
    color: #f8fafc !important;
    font-weight: 900 !important;
}
.crypnot-article-chip.is-inline-chip .crypnot-article-chip-price { display: none !important; }
.crypnot-article-chip.is-inline-chip .crypnot-article-chip-change {
    display: inline-flex !important;
    align-items: center !important;
    line-height: 1 !important;
}
.crypnot-article-chip.is-inline-chip .crypnot-article-chip-change .crypnot-percent-inline {
    display: inline !important;
    font-size: .92em !important;
    font-weight: 900 !important;
    line-height: 1 !important;
}


.crypnot-article-chip.is-inline-chip:hover { transform: none !important; opacity: .94; }
body:not(.dark):not(.dark-mode):not(.theme-dark) .crypnot-article-chip.is-inline-chip,
.crypnot-theme-light .crypnot-article-chip.is-inline-chip,
[data-theme="light"] .crypnot-article-chip.is-inline-chip {
    color: #0f172a !important;
    background: linear-gradient(180deg, rgba(241,245,249,.96), rgba(226,232,240,.96)) !important;
    border-color: rgba(15,23,42,.10) !important;
}
body:not(.dark):not(.dark-mode):not(.theme-dark) .crypnot-article-chip.is-inline-chip strong,
.crypnot-theme-light .crypnot-article-chip.is-inline-chip strong,
[data-theme="light"] .crypnot-article-chip.is-inline-chip strong { color: #0f172a !important; }


/* v4.2 final: article compact chart must replace the full coin-page chart inside posts, and inline chips use fixed #1A1A1A with no arrows */
.crypnot-compact-chart-section {
    width: min(100%, 860px) !important;
    margin: 30px 0 !important;
    padding: 0 !important;
}
.crypnot-compact-price-chart {
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    color: inherit !important;
    padding: 0 !important;
    border-radius: 0 !important;
}
.crypnot-compact-price-chart::before { display: none !important; }
.crypnot-compact-chart-head {
    margin-bottom: 8px !important;
}
.crypnot-compact-chart-identity img {
    width: 38px !important;
    height: 38px !important;
}
.crypnot-compact-chart-identity strong {
    color: currentColor !important;
    font-size: clamp(20px, 2.4vw, 30px) !important;
    font-weight: 900 !important;
}
.crypnot-compact-chart-identity span,
.crypnot-compact-chart-price-row em {
    color: var(--crypnot-muted, #94a3b8) !important;
}
.crypnot-compact-chart-live {
    display: none !important;
}
.crypnot-compact-chart-price-row {
    margin: 10px 0 8px !important;
    gap: 8px !important;
}
.crypnot-compact-chart-price-row strong {
    color: currentColor !important;
    font-size: clamp(30px, 4.2vw, 44px) !important;
}
.crypnot-compact-chart-canvas-shell {
    height: 270px !important;
    min-height: 240px !important;
    background: transparent !important;
    border: 0 !important;
    border-radius: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
    box-shadow: none !important;
}
.crypnot-article-chip.is-inline-chip {
    background: #1A1A1A !important;
    color: #ffffff !important;
    border-color: rgba(255,255,255,.12) !important;
    box-shadow: none !important;
}
.crypnot-article-chip.is-inline-chip strong,
.crypnot-article-chip.is-inline-chip .crypnot-percent-inline {
    color: #ffffff !important;
}
.crypnot-article-chip.is-inline-chip .crypnot-percent-inline.is-up::before,
.crypnot-article-chip.is-inline-chip .crypnot-percent-inline.is-down::before,
.crypnot-article-chip.is-inline-chip .crypnot-percent-inline.is-flat::before {
    content: "" !important;
    display: none !important;
}
.crypnot-article-chip.is-inline-chip .crypnot-article-chip-change .crypnot-percent-inline {
    font-size: .90em !important;
    letter-spacing: -.01em !important;
}
body:not(.dark):not(.dark-mode):not(.theme-dark) .crypnot-article-chip.is-inline-chip,
.crypnot-theme-light .crypnot-article-chip.is-inline-chip,
[data-theme="light"] .crypnot-article-chip.is-inline-chip {
    background: #1A1A1A !important;
    color: #ffffff !important;
    border-color: rgba(255,255,255,.12) !important;
}
body:not(.dark):not(.dark-mode):not(.theme-dark) .crypnot-article-chip.is-inline-chip strong,
.crypnot-theme-light .crypnot-article-chip.is-inline-chip strong,
[data-theme="light"] .crypnot-article-chip.is-inline-chip strong,
body:not(.dark):not(.dark-mode):not(.theme-dark) .crypnot-article-chip.is-inline-chip .crypnot-percent-inline,
.crypnot-theme-light .crypnot-article-chip.is-inline-chip .crypnot-percent-inline,
[data-theme="light"] .crypnot-article-chip.is-inline-chip .crypnot-percent-inline {
    color: #ffffff !important;
}
@media (max-width: 640px) {
    .crypnot-compact-chart-section { margin: 24px 0 !important; }
    .crypnot-compact-chart-canvas-shell { height: 235px !important; min-height: 220px !important; }
}