/* APR to APY Converter Styles */

/* Result cards */
.card-title {
    font-variant-numeric: tabular-nums;
}

/* Formula display */
#formulaDisplay {
    font-family: 'Courier New', monospace;
    font-size: 0.95rem;
    letter-spacing: 0.5px;
}

/* Comparison table */
#comparisonTable {
    font-size: 0.9rem;
}

#comparisonTable thead th {
    font-weight: 600;
    white-space: nowrap;
    vertical-align: middle;
    border-bottom-width: 2px;
}

#comparisonTable tbody td {
    vertical-align: middle;
}

#comparisonTable tbody tr:hover {
    background-color: rgba(var(--bs-primary-rgb), 0.05);
}

#comparisonTable .table-active {
    background-color: rgba(var(--bs-primary-rgb), 0.1);
    font-weight: 500;
}

/* Number formatting in table cells */
#comparisonTable td {
    font-variant-numeric: tabular-nums;
}

/* Dark mode adjustments */
[data-bs-theme="dark"] #comparisonTable tbody tr:hover {
    background-color: rgba(168, 85, 247, 0.1);
}

[data-bs-theme="dark"] #comparisonTable .table-active {
    background-color: rgba(168, 85, 247, 0.15);
}

[data-bs-theme="dark"] #comparisonTable thead th {
    background-color: rgba(30, 34, 42, 0.8);
    border-color: rgba(255, 255, 255, 0.1);
}

[data-bs-theme="dark"] .table-light {
    --bs-table-bg: rgba(30, 34, 42, 0.8);
    --bs-table-color: var(--bs-body-color);
}

/* Responsive improvements */
@media (max-width: 768px) {
    #comparisonTable {
        font-size: 0.8rem;
    }

    #comparisonTable thead th,
    #comparisonTable tbody td {
        padding: 0.5rem 0.4rem;
    }

    #formulaDisplay {
        font-size: 0.85rem;
    }
}