/* Custom styles for ETF Calculator */

body {
    background-color: #f6f8fa;
}

.card {
    border-radius: 18px;
    box-shadow: 0 2px 12px rgba(0,0,0,0.06);
}

.card .card-body {
    padding: 1.5rem 1rem;
}

/* Sidebar */
.card.p-4 {
    padding: 2rem !important;
}

/* Summary Cards */
.row.mb-4 .card {
    min-height: 120px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: none;
    border-radius: 16px;
    font-size: 1.1rem;
}

.row.mb-4 .card .display-6 {
    font-size: 2.1rem;
    font-weight: 700;
    margin-top: 0.5rem;
}

/* Investment Balance Color Classes */
.investment-balance-profitable {
    background: #B3E5C2 !important;
    color: #238B34 !important;
}
.investment-balance-breakeven {
    background: #FFF9C4 !important;
    color: #F7C840 !important;
}
.investment-balance-loss {
    background: #FBE7E7 !important;
    color: #E43E3B !important;
}

/* Margin Balance Color Classes */
.margin-balance-paid {
    background: #B3E5C2 !important;
    color: #238B34 !important;
}
.margin-balance-owed {
    background: #FBE7E7 !important;
    color: #E43E3B !important;
}

/* Total Dividends - Keep existing blue */
.row.mb-4 .card.text-primary {
    background: #eaf1fb;
    color: #0d6efd !important;
}

/* ROI Color Classes */
.roi-low {
    background: #FFF9C4 !important;
    color: #F7C840 !important;
}
.roi-good {
    background: #B3E5C2 !important;
    color: #238B34 !important;
}
.roi-negative {
    background: #FBE7E7 !important;
    color: #E43E3B !important;
}

/* Buying Power - Always Green */
.buying-power-always-green {
    background: #B3E5C2 !important;
    color: #238B34 !important;
}

/* Keep existing classes for backward compatibility */
.row.mb-4 .card.text-success {
    background: #e6f9ed;
    color: #1e7e34 !important;
}
.row.mb-4 .card.text-info {
    background: #e6f7fa;
    color: #0dcaf0 !important;
}
.row.mb-4 .card.text-danger {
    background: #fbeaea;
    color: #dc3545 !important;
}

/* Simulation Results */
.card.p-4 {
    border-radius: 18px;
}

.row.row-cols-1 .card {
    border-radius: 14px;
    border-width: 2px;
    border-color: #0d6efd !important;
    background: #fff;
    min-height: 180px;
    margin-bottom: 0.5rem;
}

.row.row-cols-1 .card-body pre {
    font-size: 1.05rem;
    color: #222;
    background: none;
    border: none;
    padding: 0;
    margin: 0;
}

/* Highlighted card (for current month, if needed) */
.card.border-primary {
    border-color: #0d6efd !important;
    box-shadow: 0 0 0 2px #0d6efd33;
}

/* Form tweaks */
.form-label {
    font-weight: 500;
}

.btn-primary {
    background: #0d6efd;
    border-radius: 8px;
    font-weight: 600;
    font-size: 1.1rem;
    padding: 0.75rem 0;
}

textarea.form-control {
    min-height: 38px;
    font-size: 0.97rem;
}

/* Responsive tweaks */
@media (max-width: 991px) {
    .col-lg-3, .col-lg-9 {
        flex: 0 0 100%;
        max-width: 100%;
    }
    .row.mb-4 .card {
        margin-bottom: 1rem;
    }
}