/* ---- Modal Dynamic Colors ---- */
.modal.modal-receita {
    border-top: 4px solid var(--income-color);
    box-shadow: 0 10px 40px rgba(16, 185, 129, 0.1);
}

.modal.modal-receita .modal-title {
    color: var(--income-color);
}

.modal.modal-receita .btn-primary {
    background: linear-gradient(135deg, var(--income-color), #059669);
    box-shadow: 0 4px 12px rgba(16, 185, 129, 0.3);
}

/* Receita tab active: green background, white text */
.modal.modal-receita .tab.tab-receita.active {
    background: var(--income-color);
    color: #fff !important;
    border-bottom-color: var(--income-color);
    border-radius: 6px;
}

.modal.modal-despesa {
    border-top: 4px solid var(--expense-color);
    box-shadow: 0 10px 40px rgba(239, 68, 68, 0.1);
}

.modal.modal-despesa .modal-title {
    color: var(--expense-color);
}

.modal.modal-despesa .btn-primary {
    background: linear-gradient(135deg, var(--expense-color), #DC2626);
    box-shadow: 0 4px 12px rgba(239, 68, 68, 0.3);
}

/* Despesa tab active: red background, white text */
.modal.modal-despesa .tab.tab-despesa.active {
    background: var(--expense-color);
    color: #fff !important;
    border-bottom-color: var(--expense-color);
    border-radius: 6px;
}

/* Batch delete button */
.btn-danger {
    background: var(--expense-color);
    color: #fff;
    border: none;
}
.btn-danger:hover {
    background: #DC2626;
    box-shadow: 0 4px 12px rgba(239, 68, 68, 0.3);
}