/* ═══ Coins Table — unified design (matches categories style) ═══ */

#cryptocurency-market-cap-wrapper {
    --bg: #f4f6f9;
    --card: #fff;
    --hover: #f8fafd;
    --border: #e8edf4;
    --t1: #0d1320;
    --t2: #536070;
    --t3: #9aa5b4;
    --accent: #2563eb;
    --accent-h: #1d4ed8;
    --accent-l: #eff6ff;
    --green: #059669;
    --red: #dc2626;
    --r: 14px;
    --rs: 10px;
    --sh: 0 1px 4px rgba(15,23,42,.05), 0 1px 2px rgba(15,23,42,.04);
    --tr: .18s ease;
    --font: 'Manrope', -apple-system, BlinkMacSystemFont, sans-serif;
    max-width: 1200px;
    margin: 0 auto;
    padding: 0;
    font-family: var(--font);
    color: var(--t1);
    -webkit-font-smoothing: antialiased;
    font-size: 15px;
    line-height: 1.5;
}
/* Font on all elements EXCEPT icon fonts */
#cryptocurency-market-cap-wrapper *:not(.bx):not(.btn_cmc_watch_list):not(.cmc-fav) {
    font-family: var(--font);
    box-sizing: border-box;
}

/* ═══ Description text ═══ */
#cryptocurency-market-cap-wrapper .mmdesc {
    font-size: 14px;
    line-height: 1.6;
    color: var(--t2);
    margin-bottom: 16px;
    max-width: 800px;
}

/* ═══ Section Card ═══ */
#cryptocurency-market-cap-wrapper .cmc-section-card {
    background: var(--card);
    border: 1px solid var(--border);
    border-radius: var(--r);
    box-shadow: var(--sh);
    position: relative;
}
#cryptocurency-market-cap-wrapper .cmc-section-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 14px 18px;
    border-bottom: 1px solid var(--border);
    flex-wrap: wrap;
    gap: 8px;
}
#cryptocurency-market-cap-wrapper .cmc-section-title {
    font-size: 15px;
    font-weight: 700;
    display: flex;
    align-items: center;
    gap: 7px;
    color: var(--t1);
   padding-left: 15px;
}
#cryptocurency-market-cap-wrapper .cmc-section-title .cmc-count {
    background: var(--accent-l);
    color: var(--accent);
    font-size: 11px;
    font-weight: 700;
    padding: 2px 7px;
    border-radius: 20px;
}

/* ═══ Head right controls ═══ */
#cryptocurency-market-cap-wrapper .cmc-head-controls {
    display: flex;
    align-items: center;
    gap: 8px;
    flex-wrap: wrap;
}

/* Currency selector */
#cryptocurency-market-cap-wrapper .cmc-head-controls .cmc_conversions {
    padding: 7px 11px;
    border: 1px solid var(--border);
    border-radius: var(--rs);
    font-size: 12px;
    color: var(--t1);
    background: var(--card);
    outline: none;
    width: 90px;
    transition: var(--tr);
    cursor: pointer;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6'%3E%3Cpath d='M0 0l5 6 5-6z' fill='%239aa5b4'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right 8px center;
    padding-right: 24px;
}
#cryptocurency-market-cap-wrapper .cmc-head-controls .cmc_conversions:focus {
    border-color: var(--accent);
    box-shadow: 0 0 0 3px rgba(37,99,235,.1);
}

/* Typeahead search in head (when DT search is off) */
#cryptocurency-market-cap-wrapper .cmc-head-controls .cmc_search {
    position: relative;
}
#cryptocurency-market-cap-wrapper .cmc-head-controls .cmc_search .typeahead,
#cryptocurency-market-cap-wrapper .cmc-head-controls span.twitter-typeahead input.typeahead {
    padding: 7px 11px !important;
    border: 1px solid var(--border) !important;
    border-radius: var(--rs) !important;
    font-size: 12px !important;
    color: var(--t1) !important;
    background: var(--card) !important;
    outline: none !important;
    width: 170px !important;
    height: auto !important;
    transition: var(--tr);
    box-shadow: none !important;
    margin: 0 !important;
}
#cryptocurency-market-cap-wrapper .cmc-head-controls .cmc_search .typeahead:focus,
#cryptocurency-market-cap-wrapper .cmc-head-controls span.twitter-typeahead input.typeahead:focus {
    border-color: var(--accent) !important;
    box-shadow: 0 0 0 3px rgba(37,99,235,.1) !important;
}

/* Fav toggle in head */
#cryptocurency-market-cap-wrapper .cmc-section-head #cmc_toggel_fav {
    cursor: pointer;
    font-size: 20px;
    color: var(--t3);
    transition: var(--tr);
    margin: 0;
    padding: 0;
    float: none;
    line-height: 1;
	position: absolute;
    left: 5px;
}
#cryptocurency-market-cap-wrapper .cmc-section-head #cmc_toggel_fav:hover,
#cryptocurency-market-cap-wrapper .cmc-section-head #cmc_toggel_fav.bxs-star {
    color: #f59e0b;
}

/* ═══ Table wrapper ═══ */
#cryptocurency-market-cap-wrapper .cmc-table-wrap {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
}

/* ═══ Hide old filter wrap ═══ */
#cryptocurency-market-cap-wrapper .cmc-filter-wrap {
    display: none !important;
}

/* ═══ Table overrides ═══ */
#cryptocurency-market-cap-wrapper table#cmc_coinslist {
    width: 100% !important;
    min-width: 700px;
    border-collapse: separate !important;
    border-spacing: 0 !important;
    border: 0 !important;
    background: var(--card);
    table-layout: auto !important;
    margin: 0 !important;
    padding: 0;
    border-radius: 0;
    box-shadow: none !important;
}

/* ═══ Header (thead) — matches categories ═══ */
#cryptocurency-market-cap-wrapper table#cmc_coinslist thead th {
    text-align: center !important;
    padding: 9px 5px !important;
    font-size: 13px !important;
    text-transform: inherit !important;
    font-weight: 500 !important;
    letter-spacing: .5px;
    color: var(--t3) !important;
    background: var(--bg) !important;
    border-bottom: 1px solid var(--border) !important;
    border-top: 0 !important;
    border-left: 0 !important;
    border-right: 0 !important;
    white-space: nowrap;
    cursor: pointer;
    user-select: none;
    transition: var(--tr);
    vertical-align: middle;
}
#cryptocurency-market-cap-wrapper table#cmc_coinslist thead th:hover {
    color: var(--t1) !important;
}

/* Badge in header — reset */
#cryptocurency-market-cap-wrapper table#cmc_coinslist thead th .badge {
    background: none; color: inherit; font-size: inherit; font-weight: inherit;
    padding: 0; margin: 0; border-radius: 0; display: inline;
}

/* ═══ Body (tbody) — exact match to categories: padding 16px 0 ═══ */
/* Direct child selector so nested chart tables are NOT affected */
#cryptocurency-market-cap-wrapper table#cmc_coinslist > tbody > tr > td {
    padding: 16px 0 !important;
    border-bottom: 1px solid var(--border) !important;
    border-top: 0 !important;
    border-left: 0 !important;
    border-right: 0 !important;
    font-size: 14px !important;
    vertical-align: middle;
    color: var(--t1);
    text-align: center;
    background: var(--card);
    transition: var(--tr);
}

#cryptocurency-market-cap-wrapper table#cmc_coinslist > tbody > tr {
    transition: var(--tr);
    cursor: pointer;
}
#cryptocurency-market-cap-wrapper table#cmc_coinslist > tbody > tr:hover > td {
    background: var(--hover) !important;
}
#cryptocurency-market-cap-wrapper table#cmc_coinslist > tbody > tr:last-child > td {
    border-bottom: none !important;
}

/* ═══ Rank column ═══ */
#cryptocurency-market-cap-wrapper table#cmc_coinslist .cmc-rank {
    text-align: center;
    color: var(--t3);
    font-size: 13px !important;
    font-weight: 600;
    width: 40px !important;
    white-space: nowrap;
}
#cryptocurency-market-cap-wrapper table#cmc_coinslist .cmc-rank .mrank {
    color: var(--t3); font-size: 13px; font-weight: 600;
}
/* Fav star in rank cell — override cmc-custom.css mobile absolute positioning */
#cryptocurency-market-cap-wrapper table#cmc_coinslist .btn_cmc_watch_list {
    cursor: pointer;
    font-size: 17px;
    color: var(--t3);
    transition: var(--tr);
    vertical-align: middle;
    margin-right: 10px;
    position: static !important;
    top: auto !important;
    left: auto !important;
}
#cryptocurency-market-cap-wrapper table#cmc_coinslist .btn_cmc_watch_list:hover,
#cryptocurency-market-cap-wrapper table#cmc_coinslist .btn_cmc_watch_list.cmc_onwatch_list {
    color: #f59e0b;
}

/* ═══ Asset cell (name column) — CPT-style ═══ */
#cryptocurency-market-cap-wrapper table#cmc_coinslist .cmc-name {
    text-align: left !important;
}
#cryptocurency-market-cap-wrapper table#cmc_coinslist .cmc-name a {
    display: flex !important;
    align-items: center;
    padding-left: 0;
    white-space: nowrap;
    text-decoration: none !important;
    color: var(--t1) !important;
    box-shadow: none !important;
}
#cryptocurency-market-cap-wrapper table#cmc_coinslist .cmc-name a:hover {
    color: var(--accent) !important;
}
#cryptocurency-market-cap-wrapper table#cmc_coinslist .cmc-name .cmc_coin_logo {
    margin-left: 10px;
    width: 36px; height: 36px; border-radius: 50%;
    display: flex; align-items: center; justify-content: center;
    overflow: hidden; flex-shrink: 0;
}
#cryptocurency-market-cap-wrapper table#cmc_coinslist .cmc-name .cmc_coin_logo img {
    width: 100% !important; height: 100% !important; object-fit: contain;
}
#cryptocurency-market-cap-wrapper table#cmc_coinslist .cmc-name .cmc_coin_name {
    font-weight: 700 !important;
    font-size: 15px !important;
    line-height: 1.1;
    color: var(--t1);
    overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
    display: block !important;
}
#cryptocurency-market-cap-wrapper table#cmc_coinslist .cmc-name .cmc_coin_symbol {
    color: var(--t3);
    font-size: 12px !important;
    font-weight: 500;
    margin-top: 2px;
    overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
    display: block !important;
}
#cryptocurency-market-cap-wrapper table#cmc_coinslist .cmc-name a br {
    display: none;
}

/* ═══ Numeric columns ═══ */
#cryptocurency-market-cap-wrapper table#cmc_coinslist .cmc-price,
#cryptocurency-market-cap-wrapper table#cmc_coinslist .cmc-market-cap,
#cryptocurency-market-cap-wrapper table#cmc_coinslist .cmc-vol,
#cryptocurency-market-cap-wrapper table#cmc_coinslist .cmc-changes,
#cryptocurency-market-cap-wrapper table#cmc_coinslist .cmc-ath,
#cryptocurency-market-cap-wrapper table#cmc_coinslist .cmc-high,
#cryptocurency-market-cap-wrapper table#cmc_coinslist .cmc-low,
#cryptocurency-market-cap-wrapper table#cmc_coinslist .cmc-supply,
#cryptocurency-market-cap-wrapper table#cmc_coinslist .cmc-ath-chnage-per,
#cryptocurency-market-cap-wrapper table#cmc_coinslist .cmc-ath-date {
    white-space: nowrap; font-weight: 500; font-size: 15px !important;
}
#cryptocurency-market-cap-wrapper table#cmc_coinslist .cmc-price {
    font-weight: 700;
}

/* ═══ Change colors ═══ */
#cryptocurency-market-cap-wrapper .cmc-up { color: var(--green) !important; }
#cryptocurency-market-cap-wrapper .cmc-down { color: var(--red) !important; }

/* ═══ ATH combined cell: price + % change inline, date tooltip ═══ */
#cryptocurency-market-cap-wrapper table#cmc_coinslist .cmc-ath {
    cursor: default;
}
#cryptocurency-market-cap-wrapper table#cmc_coinslist .cmc-ath .cmc-ath-pct {
    font-size: 80% !important;
    margin-left: 6px;
    font-weight: 600;
}

/* ═══ Sparkline charts column ═══ */
#cryptocurency-market-cap-wrapper table#cmc_coinslist td .cmc-charts {
    width: 130px;
    max-width: 130px;
    height: 40px;
    margin: 0 auto;
    display: block;
    overflow: visible !important;
}
#cryptocurency-market-cap-wrapper table#cmc_coinslist .cmc-charts .ccpw-chart-container {
    overflow: visible !important;
    width: 100% !important;
    height: 40px !important;
}
#cryptocurency-market-cap-wrapper table#cmc_coinslist .cmc-charts canvas.cmc-sparkline-charts {
    display: block !important;
    width: 135px !important;
    height: 40px !important;
}
#cryptocurency-market-cap-wrapper table#cmc_coinslist .cmc-charts .cmc_svg_images {
    height: 40px; width: 135px; display: block;
}
/* Spinner hide after chart loads */
#cryptocurency-market-cap-wrapper table#cmc_coinslist .cmc_spinner { display: none; }
/* Nested tables inside sparkline charts — reset bootstrap borders/overflow */
#cryptocurency-market-cap-wrapper table#cmc_coinslist .cmc-charts table,
#cryptocurency-market-cap-wrapper table#cmc_coinslist .cmc-charts .table-responsive {
    border: none !important;
    overflow: visible !important;
    margin: 0 !important;
    box-shadow: none !important;
    -ms-overflow-style: none !important;
}
#cryptocurency-market-cap-wrapper table#cmc_coinslist .cmc-charts table td {
    border: none !important;
}
/* LW charts container inside sparkline */
#cryptocurency-market-cap-wrapper table#cmc_coinslist .cmc-charts .cmc-sparkline-lw {
    overflow: visible !important;
    border: none !important;
}
#cryptocurency-market-cap-wrapper table#cmc_coinslist .cmc-charts .cmc-sparkline-lw table {
    border: none !important;
    border-collapse: collapse !important;
    border-spacing: 0 !important;
}

/* ═══ Sticky Name column — CSS only ═══ */
#cryptocurency-market-cap-wrapper table#cmc_coinslist > thead > tr > th,
#cryptocurency-market-cap-wrapper table#cmc_coinslist > tbody > tr > td {
    position: static !important;
}
#cryptocurency-market-cap-wrapper table#cmc_coinslist > thead > tr > th:nth-child(2),
#cryptocurency-market-cap-wrapper table#cmc_coinslist > tbody > tr > td:nth-child(2) {
    position: sticky !important;
    left: 0 !important;
    z-index: 1;
    background: var(--card);
    max-width: 130px !important;
}
#cryptocurency-market-cap-wrapper table#cmc_coinslist > thead > tr > th:nth-child(2) {
    background: var(--bg) !important;
    z-index: 3 !important;
}
#cryptocurency-market-cap-wrapper table#cmc_coinslist > tbody > tr:hover > td:nth-child(2) {
    background: var(--hover) !important;
}

/* ═══ DataTables wrapper ═══ */
#cmc_coinslist_wrapper.dataTables_wrapper,
div#cmc_coinslist_wrapper.dataTables_wrapper {
    position: relative !important;
    box-shadow: none !important;
    overflow: visible !important;
    padding: 0 !important;
}

/* ═══ Top & Bottom: hide entirely (search & pagination moved via JS) ═══ */
#cmc_coinslist_wrapper .top,
#cmc_coinslist_wrapper .bottom {
    display: none !important;
    position: static !important;
    bottom: auto !important;
    top: auto !important;
}

/* ═══ DT search input — when moved into .cmc-head-controls ═══ */
#cryptocurency-market-cap-wrapper .cmc-head-controls .dataTables_filter {
    display: block !important;
    position: static;
    float: none;
}
#cryptocurency-market-cap-wrapper .cmc-head-controls .dataTables_filter label {
    display: flex;
    align-items: center;
    margin: 0;
    font-size: 0; /* hide label text */
}
#cryptocurency-market-cap-wrapper .cmc-head-controls .dataTables_filter input {
    padding: 7px 11px !important;
    border: 1px solid var(--border) !important;
    border-radius: var(--rs) !important;
    font-size: 12px !important;
    color: var(--t1) !important;
    background: var(--card) !important;
    outline: none !important;
    width: 170px !important;
    height: auto !important;
    margin: 0 !important;
    box-shadow: none !important;
    box-sizing: border-box;
}
#cryptocurency-market-cap-wrapper .cmc-head-controls .dataTables_filter input:focus {
    border-color: var(--accent) !important;
    box-shadow: 0 0 0 3px rgba(37,99,235,.1) !important;
}
#cryptocurency-market-cap-wrapper .cmc-head-controls .dataTables_filter input::placeholder {
    color: var(--t3);
}

/* Processing overlay */
#cmc_coinslist_wrapper.dataTables_wrapper div.dataTables_processing {
    position: absolute !important;
    top: 50% !important; left: 50% !important;
    transform: translate(-50%, -50%) !important;
    z-index: 20;
    background: rgba(255,255,255,.88) !important;
    padding: 12px 28px !important;
    border-radius: 8px;
    font-size: 13px; font-weight: 600; color: var(--t2);
    box-shadow: 0 2px 12px rgba(0,0,0,.08);
    margin: 0 !important; width: auto !important; height: auto !important;
}
#cmc_coinslist_wrapper.dataTables_wrapper div.dataTables_processing:before,
#cmc_coinslist_wrapper.dataTables_wrapper div.dataTables_processing:after {
    display: none !important;
}

/* ═══ Bottom pagination — CPT-style (moved via JS to .cmc-section-card) ═══ */
#cryptocurency-market-cap-wrapper .cmc-pagination-wrap {
    width: 100%;
}
#cryptocurency-market-cap-wrapper .cmc-pagination-wrap .dataTables_paginate {
    display: flex !important;
    align-items: center;
    justify-content: center;
    gap: 3px;
    padding: 14px;
    float: none !important;
    position: static !important;
    margin: 0 !important;
    border-spacing: 0 !important;
}
#cryptocurency-market-cap-wrapper .cmc-pagination-wrap .paginate_button,
#cmc_coinslist_wrapper .dataTables_paginate .paginate_button {
    width: 120px !important;
    height: 40px !important;
    display: inline-flex !important;
    align-items: center; justify-content: center;
    border: 1px solid var(--border) !important;
    border-radius: 7px !important;
    font-size: 14px !important;
    font-weight: 600;
    cursor: pointer;
    transition: var(--tr);
    text-decoration: none !important;
    padding: 0 !important;
    line-height: 1;
    margin: 0 2px;
    color: var(--t1) !important;
    background: var(--card) !important;
    min-width: auto !important;
}
#cryptocurency-market-cap-wrapper .cmc-pagination-wrap .paginate_button:hover:not(.disabled),
#cmc_coinslist_wrapper .dataTables_paginate .paginate_button:hover:not(.disabled) {
    background: var(--hover) !important;
    color: var(--t1) !important;
    border-color: var(--border) !important;
}
#cryptocurency-market-cap-wrapper .cmc-pagination-wrap .paginate_button.disabled,
#cryptocurency-market-cap-wrapper .cmc-pagination-wrap .paginate_button.disabled:hover,
#cmc_coinslist_wrapper .dataTables_paginate .paginate_button.disabled,
#cmc_coinslist_wrapper .dataTables_paginate .paginate_button.disabled:hover {
    opacity: .4; pointer-events: none; cursor: not-allowed;
    background: transparent !important; color: var(--t3) !important;
}

/* ═══ Sort icons ═══ */
#cryptocurency-market-cap-wrapper table#cmc_coinslist thead th[role=columnheader]:not(.no-sort)::after {
    margin-left: 4px; font-size: 13px; vertical-align: middle; opacity: .4;
    position: relative !important; display: inline !important;
    right: auto !important; bottom: auto !important; top: auto !important;
}
#cryptocurency-market-cap-wrapper table#cmc_coinslist thead th.sorting::after,
#cryptocurency-market-cap-wrapper table#cmc_coinslist thead th[role=columnheader]:not(.no-sort)::after {
    content: '⇅';
}
#cryptocurency-market-cap-wrapper table#cmc_coinslist thead th.sorting_asc::after,
#cryptocurency-market-cap-wrapper table#cmc_coinslist thead th[aria-sort=ascending]:not(.no-sort)::after {
    content: '↑' !important; opacity: 1; color: var(--accent);
}
#cryptocurency-market-cap-wrapper table#cmc_coinslist thead th.sorting_desc::after,
#cryptocurency-market-cap-wrapper table#cmc_coinslist thead th[aria-sort=descending]:not(.no-sort)::after {
    content: '↓' !important; opacity: 1; color: var(--accent);
}
#cryptocurency-market-cap-wrapper table#cmc_coinslist thead th::before {
    display: none !important;
}

/* ═══ Scroll wrapper ═══ */
#cmc_coinslist_wrapper .dataTables_scroll {
    border-right: none !important;
    box-shadow: none !important;
    width: 100% !important;
    overflow: visible !important;
}

/* ═══ DTFC (tableHeadFixer) — neutralize ═══ */
#cmc_coinslist_wrapper .DTFC_LeftWrapper,
#cmc_coinslist_wrapper .DTFC_RightWrapper,
#cmc_coinslist_wrapper .DTFC_LeftHeadWrapper,
#cmc_coinslist_wrapper .DTFC_LeftBodyWrapper,
#cmc_coinslist_wrapper .DTFC_LeftFootWrapper {
    display: none !important;
}

/* ═══ Remove bootstrap stripes/borders ═══ */
#cryptocurency-market-cap-wrapper table#cmc_coinslist.table-striped > tbody > tr:nth-of-type(odd) {
    background-color: transparent !important;
}
#cryptocurency-market-cap-wrapper table#cmc_coinslist.table-bordered {
    border: 0 !important;
}
#cryptocurency-market-cap-wrapper table#cmc_coinslist.table-bordered > thead > tr > th,
#cryptocurency-market-cap-wrapper table#cmc_coinslist.table-bordered > tbody > tr > td {
    border-left: 0 !important; border-right: 0 !important;
}

/* ═══ tfoot hide ═══ */
#cryptocurency-market-cap-wrapper table#cmc_coinslist tfoot { display: none; }

/* ═══ Mobile ═══ */
@media (max-width: 768px) {
    #cryptocurency-market-cap-wrapper .cmc-section-head {
        flex-direction: column;
        align-items: flex-start;
        gap: 10px;
    }
    #cryptocurency-market-cap-wrapper .cmc-head-controls {
        width: 100%;
        justify-content: space-between;
    }
    /* Name column on mobile — enough space for logo + name */
    #cryptocurency-market-cap-wrapper table#cmc_coinslist > thead > tr > th:nth-child(2),
    #cryptocurency-market-cap-wrapper table#cmc_coinslist > tbody > tr > td:nth-child(2) {
        min-width: 120px !important;
		z-index: 2;
    }
    #cryptocurency-market-cap-wrapper table#cmc_coinslist .cmc-name .cmc_coin_name {
        max-width: 90px;
    }
    #cryptocurency-market-cap-wrapper .cmc-head-controls .dataTables_filter input {
        width: 140px !important;
    }
}

/* ═══════════════════════════════════════════════════════════════════
   Two-column layout (Gainers / Losers)
   ═══════════════════════════════════════════════════════════════════ */
.twocol {
    display: flex;
    gap: 24px;
    margin: 32px 0;
}
.twocol .onecol {
    flex: 1;
    min-width: 0;
}
@media (max-width: 768px) {
    .twocol { flex-direction: column; gap: 24px; }
    .twocol .onecol { width: 100%; }
}

/* Hide the h2 that sits BEFORE the shortcode (user puts it in WP editor) */
.twocol .onecol > h2 { display: none; }

/* ═══════════════════════════════════════════════════════════════════
   Gainers / Losers — card wrapper  (.top-gl-wrapper)
   ═══════════════════════════════════════════════════════════════════ */
.top-gl-wrapper {
    --bg: #f4f6f9;
    --card: #fff;
    --hover: #f8fafd;
    --border: #e8edf4;
    --t1: #0d1320;
    --t2: #536070;
    --t3: #9aa5b4;
    --green: #059669;
    --red: #dc2626;
    --r: 14px;
    --rs: 10px;
    --sh: 0 1px 4px rgba(15,23,42,.05), 0 1px 2px rgba(15,23,42,.04);
    --tr: .18s ease;
    --font: 'Manrope', -apple-system, BlinkMacSystemFont, sans-serif;
    font-family: var(--font);
    color: var(--t1);
    -webkit-font-smoothing: antialiased;
}
.top-gl-wrapper *:not(.bx) {
    font-family: var(--font);
    box-sizing: border-box;
}

/* Card container */
.top-gl-wrapper .cmc-gl-card {
    background: var(--card);
    border: 1px solid var(--border);
    border-radius: var(--r);
    box-shadow: var(--sh);
    overflow: hidden;
}

/* Card header */
.top-gl-wrapper .cmc-gl-head {
    display: flex;
    align-items: center;
    padding: 14px 18px;
    border-bottom: 1px solid var(--border);
}
.top-gl-wrapper .cmc-gl-title {
    font-size: 15px;
    font-weight: 700;
    color: var(--t1);
    display: flex;
    align-items: center;
    gap: 7px;
}
.top-gl-wrapper .cmc-gl-title .cmc-gl-icon {
    font-size: 17px;
}
.top-gl-wrapper .cmc-gl-title .cmc-gl-count {
    background: #eff6ff;
    color: #2563eb;
    font-size: 11px;
    font-weight: 700;
    padding: 2px 7px;
    border-radius: 20px;
}

/* ═══ Gainers/Losers DataTable ═══ */
.top-gl-wrapper table.cmc-gainer-lossers {
    width: 100% !important;
    border-collapse: separate !important;
    border-spacing: 0 !important;
    border: 0 !important;
    background: var(--card);
    table-layout: auto !important;
    margin: 0 !important;
    box-shadow: none !important;
}

/* Header */
.top-gl-wrapper table.cmc-gainer-lossers thead th {
    text-align: center !important;
    padding: 9px 12px !important;
    font-size: 13px !important;
    text-transform: inherit !important;
    font-weight: 500 !important;
    letter-spacing: .5px;
    color: var(--t3) !important;
    background: var(--bg) !important;
    border-bottom: 1px solid var(--border) !important;
    border-top: 0 !important;
    border-left: 0 !important;
    border-right: 0 !important;
    white-space: nowrap;
    vertical-align: middle;
}
.top-gl-wrapper table.cmc-gainer-lossers thead th .badge {
    background: none; color: inherit; font-size: inherit; font-weight: inherit;
    padding: 0; margin: 0; border-radius: 0; display: inline;
}
.top-gl-wrapper table.cmc-gainer-lossers thead th.gl-coin-name {
    text-align: left !important;
    padding-left: 18px !important;
}

/* Body rows */
.top-gl-wrapper table.cmc-gainer-lossers > tbody > tr > td {
    padding: 12px 12px !important;
    border-bottom: 1px solid var(--border) !important;
    border-top: 0 !important;
    border-left: 0 !important;
    border-right: 0 !important;
    font-size: 14px !important;
    vertical-align: middle;
    color: var(--t1);
    text-align: center;
    background: var(--card);
    transition: var(--tr);
}
.top-gl-wrapper table.cmc-gainer-lossers > tbody > tr {
    transition: var(--tr);
    cursor: pointer;
}
.top-gl-wrapper table.cmc-gainer-lossers > tbody > tr:hover > td {
    background: var(--hover) !important;
}
.top-gl-wrapper table.cmc-gainer-lossers > tbody > tr:last-child > td {
    border-bottom: none !important;
}

/* Name cell */
.top-gl-wrapper table.cmc-gainer-lossers .cmc-gl-name-cell {
    text-align: left !important;
}
.top-gl-wrapper table.cmc-gainer-lossers .cmc-gl-name-cell a {
    display: flex !important;
    align-items: center;
    text-decoration: none !important;
    color: var(--t1) !important;
    box-shadow: none !important;
    gap: 10px;
	background-image: none;
}
.top-gl-wrapper table.cmc-gainer-lossers .cmc-gl-name-cell a:hover {
    color: #2563eb !important;
}
.top-gl-wrapper table.cmc-gainer-lossers .cmc-gl-name-cell .cmc_coin_logo {
    width: 32px; height: 32px; border-radius: 50%;
    display: flex; align-items: center; justify-content: center;
    overflow: hidden; flex-shrink: 0;
}
.top-gl-wrapper table.cmc-gainer-lossers .cmc-gl-name-cell .cmc_coin_logo img {
    width: 100% !important; height: 100% !important; object-fit: contain;
}
.top-gl-wrapper table.cmc-gainer-lossers .cmc-gl-name-cell .cmc-gl-name-text {
    display: flex;
    flex-direction: column;
    min-width: 0;
}
.top-gl-wrapper table.cmc-gainer-lossers .cmc-gl-name-cell .cmc_coin_name {
    font-weight: 700 !important;
    font-size: 14px !important;
    line-height: 1.2;
    color: var(--t1);
    overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
}
.top-gl-wrapper table.cmc-gainer-lossers .cmc-gl-name-cell .cmc_coin_symbol {
    color: var(--t3);
    font-size: 12px !important;
    font-weight: 500;
    margin-top: 1px;
}

/* Price cell */
.top-gl-wrapper table.cmc-gainer-lossers .cmc-formatted-price {
    font-weight: 700;
    font-size: 14px;
    white-space: nowrap;
}

/* Changes cell */
.top-gl-wrapper table.cmc-gainer-lossers .cmc-changes {
    white-space: nowrap;
    font-weight: 600;
    font-size: 14px !important;
}
.top-gl-wrapper table.cmc-gainer-lossers .cmc-up,
.top-gl-wrapper table.cmc-gainer-lossers span.changes.up { color: var(--green) !important; }
.top-gl-wrapper table.cmc-gainer-lossers .cmc-down,
.top-gl-wrapper table.cmc-gainer-lossers span.changes.down { color: var(--red) !important; }

/* Remove bootstrap stripes/borders */
.top-gl-wrapper table.cmc-gainer-lossers.table-striped > tbody > tr:nth-of-type(odd) {
    background-color: transparent !important;
}
.top-gl-wrapper table.cmc-gainer-lossers.table-bordered {
    border: 0 !important;
}
.top-gl-wrapper table.cmc-gainer-lossers.table-bordered > thead > tr > th,
.top-gl-wrapper table.cmc-gainer-lossers.table-bordered > tbody > tr > td {
    border-left: 0 !important; border-right: 0 !important;
}

/* DataTables wrapper overrides */
.top-gl-wrapper .dataTables_wrapper {
    box-shadow: none !important;
    overflow: visible !important;
    padding: 0 !important;
}
.top-gl-wrapper .dataTables_wrapper .top,
.top-gl-wrapper .dataTables_wrapper .bottom {
    display: none !important;
}
.top-gl-wrapper .dataTables_wrapper div.dataTables_processing {
    position: absolute !important;
    top: 50% !important; left: 50% !important;
    transform: translate(-50%, -50%) !important;
    z-index: 20;
    background: rgba(255,255,255,.88) !important;
    padding: 12px 28px !important;
    border-radius: 8px;
    font-size: 13px; font-weight: 600; color: var(--t2);
    box-shadow: 0 2px 12px rgba(0,0,0,.08);
    margin: 0 !important; width: auto !important; height: auto !important;
}

/* ═══════════════════════════════════════════════════════════════════
   "О списке" info block
   ═══════════════════════════════════════════════════════════════════ */
.cmc-about-block {
    --bg: #f4f6f9;
    --card: #fff;
    --border: #e8edf4;
    --t1: #0d1320;
    --t2: #536070;
    --r: 14px;
    --sh: 0 1px 4px rgba(15,23,42,.05), 0 1px 2px rgba(15,23,42,.04);
    --font: 'Manrope', -apple-system, BlinkMacSystemFont, sans-serif;
    font-family: var(--font);
    background: var(--card);
    border: 1px solid var(--border);
    border-radius: var(--r);
    box-shadow: var(--sh);
    margin: 32px 0;
    overflow: hidden;
}
.cmc-about-block * {
    font-family: var(--font);
    box-sizing: border-box;
}
.cmc-about-block .cmc-about-head {
    display: flex;
    align-items: center;
    padding: 14px 18px;
    border-bottom: 1px solid var(--border);
}
.cmc-about-block .cmc-about-title {
    font-size: 15px;
    font-weight: 700;
    color: var(--t1);
}
.cmc-about-block .cmc-about-body {
    padding: 20px 24px;
    font-size: 14px;
    line-height: 1.7;
    color: var(--t2);
}
.cmc-about-block .cmc-about-body ul {
    margin: 14px 0 0;
    padding: 0 0 0 20px;
    list-style: none;
}
.cmc-about-block .cmc-about-body ul li {
    position: relative;
    padding: 8px 0 8px 16px;
    margin: 0;
}
.cmc-about-block .cmc-about-body ul li::before {
    content: '';
    position: absolute;
    left: 0;
    top: 16px;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: #2563eb;
}
.cmc-about-block .cmc-about-body ul li img {
    max-width: 220px;
    height: auto;
    border-radius: 8px;
    margin: 8px 0 8px 16px;
    box-shadow: 0 1px 4px rgba(0,0,0,.08);
}