/* Dark theme styles for spread cards */
body.dark .spread-card {
    background: #1e1e2e;
    border: 1px solid #2d2d3d;
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.2);
}

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

body.dark .spread-card .card-header {
    border-bottom: 1px solid #2d2d3d;
    background: linear-gradient(135deg, #252535, #1e1e2e);
    padding: 1.25rem;
}

body.dark .funding-card .card-header {
    background-color: #1e1e2e;
}

body.dark .coin-info h3 {
    color: #e6e6e6;
    margin: 0 0 4px 0;
    font-size: 1.2em;
    font-weight: 600;
}

body.dark .coin-meta .symbol {
    color: #8a8a9a;
    font-weight: 500;
}

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

body.dark .spread-value .label,
body.dark .spread-percentage .label {
    color: #8a8a9a;
    font-weight: 500;
}

body.dark .spread-value .value,
body.dark .spread-percentage .value {
    color: #e6e6e6;
}

body.dark .spread-card .spread-percentage {
    margin-bottom: 1rem;
}

body.dark .first-exchange,
body.dark .second-exchange {
    background: linear-gradient(135deg, #252535, #2d2d3d);
    border-radius: 8px;
    color: #e6e6e6;
}

body.dark .exchange .buy {
    color: #4ade80;
}

body.dark .exchange .sell {
    color: #f87171;
}

body.dark .spread-card .card-footer {
    background: #181828;
    border-top: 1px solid #2d2d3d;
    padding: 1rem 1.25rem;
}

body.dark .card-footer .time {
    color: #8a8a9a;
    font-size: 0.8em;
}

body.dark .empty-state {
    color: #64748b;
}

body.dark .card-favourite {
    color: #e6e6e6;
    opacity: 0.5;
}

body.dark .card-favourite:hover {
    opacity: 0.8;
}

body.dark .card-favourite.active {
    color: #f59e0b;
    opacity: 1;
}

body.dark .exchange-price {
    color: #e6e6e6;
}

body.dark .exchange-name {
    color: #b0b0c0;
}

body.dark .spread-card .max-position-info {
    color: #8a8a9a;
    font-size: 0.85em;
    padding: 8px 0 0;
}

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

/* Dark table styles for spreads */
body.dark .spread-table {
    background: #1e1e2e;
    border-radius: 8px;
    overflow: hidden;
}

body.dark .spread-table th {
    background: #252535;
    color: #6a6a7a;
    border-bottom: 1px solid #2d2d3d;
}

body.dark .spread-table td {
    border-bottom: 1px solid #252535;
    color: #e6e6e6;
}

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

body.dark .spread-table tr:last-child td {
    border-bottom: none;
}

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

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

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

body.dark .contract-addr {
    color: #6a6a7a;
}

body.dark .price-cell {
    color: #e6e6e6;
}

body.dark .askbid-cell .ask {
    color: #4ade80;
}

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

body.dark .table-favourite {
    color: #e6e6e6;
}

body.dark .spread-table .coin-link {
    color: #e6e6e6;
}