.loan-calc-widget {
    background: var(--clr-dark-bg); 
    color: #fff; 
    padding: 30px; 
    border-radius: 4px;
}
.loan-calc-widget .loan-row { margin-bottom: 20px; }
.loan-calc-widget label { font-size: 13px; display: block; margin-bottom: 8px; font-weight: 600;}
.loan-calc-widget input[type="number"], .loan-calc-widget input[type="text"], .loan-calc-widget select {
    width: 100%; padding: 12px; background: transparent; border: 1px solid #444; color: #fff; font-weight: 700; border-radius: 4px;
}
.loan-calc-widget select option {
    background: #222;
    color: #fff;
}
.loan-calc-widget .year-selector {
    border: 1px solid #444; padding: 10px 15px; border-radius: 4px; cursor: pointer; transition: 0.2s;
}
.loan-calc-widget .year-selector.active {
    background: var(--clr-primary); border-color: var(--clr-primary);
}

/* Media print for loan detail */
@media print {
    body.printing-loan-detail {
        background: #fff !important;
        color: #000 !important;
    }
    body.printing-loan-detail > *:not(#loan-detail-modal) {
        display: none !important;
    }
    body.printing-loan-detail #loan-detail-modal {
        position: static !important;
        display: block !important;
        background: transparent !important;
        width: 100% !important;
        height: auto !important;
    }
    body.printing-loan-detail #loan-detail-modal > div {
        position: static !important;
        transform: none !important;
        width: 100% !important;
        max-width: 100% !important;
        max-height: none !important;
        box-shadow: none !important;
        border-radius: 0 !important;
        border: none !important;
    }
    body.printing-loan-detail #loan-detail-modal .no-print,
    body.printing-loan-detail #loan-detail-modal #close-loan-detail,
    body.printing-loan-detail #loan-detail-modal #print-loan-detail {
        display: none !important;
    }
    /* Đảm bảo text và table hiển thị rõ ràng trên bản in */
    body.printing-loan-detail #loan-detail-modal table {
        border-color: #333 !important;
    }
    body.printing-loan-detail #loan-detail-modal th, 
    body.printing-loan-detail #loan-detail-modal td {
        border: 1px solid #333 !important;
        color: #000 !important;
    }
}