/* Dark theme for coin pages */

body.dark .coin-page-header h1,
body.dark .coin-detail-title h1 {
    color: #e6e6e6;
}

body.dark .coin-detail-name {
    color: #8a8a9a;
}

body.dark .coin-disabled-badge {
    background: rgba(220, 38, 38, 0.15);
    color: #f87171;
}

body.dark .coin-subtitle {
    color: #b3b3b3;
}

/* Stats */
body.dark .stat-card {
    background-color: #1e1e2e;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2);
}

body.dark .stat-value {
    color: #e6e6e6;
}

body.dark .stat-label {
    color: #b3b3b3;
}

/* Coin grid cards */
body.dark .coin-card {
    background: #1e1e2e;
    border-color: #2d2d3d;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2);
}

body.dark .coin-card:hover {
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.3);
    border-color: #3d3d4d;
}

body.dark .coin-card-header {
    border-bottom-color: #2d2d3d;
}

body.dark .coin-name {
    color: #e6e6e6;
}

body.dark .coin-symbol-text {
    color: #e6e6e6;
}

body.dark .coin-name-secondary {
    color: #8a8a9a;
}

body.dark .coin-symbol-badge {
    background: linear-gradient(135deg, #4facfe, #00f2fe);
}

/* Search & Filters */
body.dark .coin-search-input {
    background: #1e1e2e;
    border-color: #2d2d3d;
    color: #e6e6e6;
}

body.dark .coin-search-input:focus {
    border-color: #4facfe;
    box-shadow: 0 0 0 3px rgba(79, 172, 254, 0.15);
}

body.dark .coin-search-input::placeholder {
    color: #555;
}

body.dark .coin-filter-group label {
    color: #8a8a9a;
}

body.dark .coin-filter-select {
    background: #1e1e2e;
    border-color: #2d2d3d;
    color: #e6e6e6;
}

body.dark .coin-filter-select:focus {
    border-color: #4facfe;
    box-shadow: 0 0 0 3px rgba(79, 172, 254, 0.15);
}

body.dark .coin-filter-reset {
    background: rgba(220, 38, 38, 0.15);
    color: #f87171;
}

body.dark .coin-filter-reset:hover {
    background: rgba(220, 38, 38, 0.25);
    color: #fca5a5;
}

/* Pagination */
body.dark .coin-pagination .page-link {
    background: #1e1e2e;
    border-color: #2d2d3d;
    color: #b3b3b3;
}

body.dark .coin-pagination .page-link:hover {
    background: #2d2d3d;
    border-color: #3d3d4d;
    color: #e6e6e6;
}

body.dark .coin-pagination .page-current {
    background: linear-gradient(135deg, #4facfe, #00f2fe);
    color: #1a1a2e;
    border-color: transparent;
}

body.dark .coin-pagination .page-dots {
    color: #555;
}

body.dark .chain-badge {
    background-color: #1e3a8a;
    color: #bfdbfe;
}

body.dark .meta-item {
    color: #8a8a9a;
}

body.dark .coin-card-contract code {
    background: #252535;
    color: #8a8a9a;
}

/* Info cards */
body.dark .info-card {
    background: #1e1e2e;
    border-color: #2d2d3d;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2);
}

body.dark .info-card-label {
    color: #8a8a9a;
}

body.dark .info-card-value {
    color: #e6e6e6;
}

/* Contract block */
body.dark .contract-block {
    background: #1e1e2e;
    border-color: #2d2d3d;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2);
}

body.dark .contract-label {
    color: #8a8a9a;
}

body.dark .contract-value {
    background: #252535;
    color: #e6e6e6;
}

body.dark .btn-copy {
    background: #252535;
    border-color: #3d3d4d;
    color: #b3b3b3;
}

body.dark .btn-copy:hover {
    background: #2d2d3d;
    border-color: #4d4d5d;
}

/* Back & admin buttons */
body.dark .btn-back {
    background: #252535;
    color: #b3b3b3;
}

body.dark .btn-back:hover {
    background: #2d2d3d;
    color: #e6e6e6;
}

body.dark .btn-disable-coin {
    background: rgba(220, 38, 38, 0.15);
    color: #f87171;
}

body.dark .btn-disable-coin:hover {
    background: rgba(220, 38, 38, 0.25);
    color: #fca5a5;
}

body.dark .btn-enable-coin {
    background: rgba(34, 197, 94, 0.15);
    color: #4ade80;
}

body.dark .btn-enable-coin:hover {
    background: rgba(34, 197, 94, 0.25);
    color: #86efac;
}

/* Section headers */
body.dark .section-header {
    border-bottom-color: #333;
}

body.dark .section-header h2 {
    color: #e6e6e6;
}

body.dark .section-count {
    background-color: #2d2d3d;
    color: #b3b3b3;
}

/* Table */
body.dark .coin-table {
    background: #1e1e2e;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
}

body.dark .coin-table thead {
    background-color: #252535;
}

body.dark .coin-table th {
    color: #6a6a7a;
    border-bottom-color: #2d2d3d;
}

body.dark .coin-table td {
    border-bottom-color: #252535;
    color: #e6e6e6;
}

body.dark .coin-table tbody tr:hover {
    background-color: rgba(37, 37, 53, 0.6);
}

/* Exchange link */
body.dark .exchange-link {
    color: #e6e6e6;
}

body.dark .exchange-link:hover {
    color: #4facfe;
}

/* Trade type badges */
body.dark .trade-type-badge.trade-type-spot {
    background-color: rgba(34, 197, 94, 0.15);
    color: #4ade80;
}

body.dark .trade-type-badge.trade-type-futures,
body.dark .trade-type-badge.trade-type-фьючерсы {
    background-color: rgba(245, 158, 11, 0.15);
    color: #fbbf24;
}

/* API icon dark */
body.dark .api-icon-ok {
    color: #4ade80;
}

body.dark .api-icon-partial {
    color: #fbbf24;
}

/* Price cells */
body.dark .askbid-cell .ask {
    color: #4ade80;
}

body.dark .askbid-cell .bid {
    color: #f87171;
}

/* Volume */
body.dark .volume-value {
    color: #e6e6e6;
}

/* Funding */
body.dark .funding-rate.positive {
    color: #4ade80;
}

body.dark .funding-rate.negative {
    color: #f87171;
}

/* Max position */
body.dark .max-pos-usd {
    color: #8a8a9a;
}

/* Spread */
body.dark .spread-pct.positive,
body.dark .spread-pct-reverse.positive {
    color: #4ade80;
}

body.dark .spread-pct.negative,
body.dark .spread-pct-reverse.negative {
    color: #f87171;
}

body.dark .spread-avg {
    color: #b3b3b3;
}

/* Exchange badges */
body.dark .badge-1 {
    background-color: #1e3a5f;
    color: #60a5fa;
}

body.dark .badge-2 {
    background-color: #3b2f1a;
    color: #fbbf24;
}

/* Time */
body.dark .time-info {
    color: #e6e6e6;
}

body.dark .date-info {
    color: #8a8a9a;
}

/* Listing dates */
body.dark .listing-date-item .date-main {
    color: #e6e6e6;
}

body.dark .listing-date-item .date-time {
    color: #8a8a9a;
}

/* Text muted */
body.dark .text-muted {
    color: #555;
}

/* Empty state */
body.dark .empty-state {
    color: #555;
}