.calculator-sticky {
    position: sticky;
    top: 12px;
    z-index: 1;
}

@media (max-width: 991.98px) {
    .calculator-sticky {
        position: static;
        top: auto;
    }
}

.chart-box {
    min-height: 120px;
}

/* Donut chart */
.donut-ring { stroke: rgba(15, 23, 42, 0.08); }
.donut-segment { transform: rotate(-90deg); transform-origin: 50% 50%; }
.donut-segment-principal { stroke: rgba(76, 175, 80, 1); }
.donut-segment-interest { stroke: rgba(23, 162, 184, 1); }
.donut-segment-fees { stroke: rgba(255, 193, 7, 1); }

.legend-dot {
    width: 10px; height: 10px;
    border-radius: 999px; display: inline-block;
}
.legend-dot-principal { background: rgba(76, 175, 80, 1); }
.legend-dot-interest  { background: rgba(23, 162, 184, 1); }
.legend-dot-fees      { background: rgba(255, 193, 7, 1); }

/* Loan type tabs */
#loanTypeTabs .nav-link {
    color: #198754;
    border: 1px solid #198754;
    border-radius: 6px;
    padding: 4px 14px;
    font-size: 0.875rem;
    margin-right: 6px;
}
#loanTypeTabs .nav-link.active {
    background: #198754;
    color: #fff;
}