.chr-crm-wrap { margin-top: 20px; }
.chr-crm-card { background: #fff; border: 1px solid #ccd0d4; padding: 20px; border-radius: 4px; box-shadow: 0 1px 1px rgba(0,0,0,.04); }
.chr-saldo-deudor { color: #d63638; }
.chr-saldo-favor { color: #00a32a; }
.chr-saldo-cero { color: #646970; }

/* Modal Styles */
.chr-crm-modal { position: fixed; z-index: 9999; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,0.5); }
.chr-crm-modal-content {
    background-color: #fff;
    margin: 3% auto; /* 3% from the top and centered */
    padding: 30px;
    border: 1px solid #888;
    width: 90%; /* Could be more or less, depending on screen size */
    max-width: 1000px;
    border-radius: 8px;
    box-shadow: 0 4px 20px rgba(0,0,0,0.15);
    position: relative;
    max-height: 85vh;
    overflow-y: auto;
}
.chr-crm-close { color: #aaa; float: right; font-size: 28px; font-weight: bold; cursor: pointer; }
.chr-crm-close:hover { color: black; }
.chr-crm-payment-form { background: #f0f0f1; padding: 15px; border-radius: 4px; margin-bottom: 20px; display: flex; gap: 10px; align-items: center; }
.chr-crm-payment-form input[type="number"] { width: 120px; }
.chr-crm-payment-form input[type="text"] { flex-grow: 1; }
.chr-crm-ledger-container { margin-top: 20px; }
.chr-status-badge { padding: 4px 8px; border-radius: 4px; font-size: 11px; font-weight: bold; text-transform: uppercase; }
.status-open { background: #f0f0f1; color: #50575e; }
.status-closed { background: #dff0d8; color: #3c763d; }
.status-cancelled { background: #f8d7da; color: #721c24; }
.chr-status-select { border: 1px solid #ccc; border-radius: 4px; padding: 2px 5px; cursor: pointer; transition: all 0.2s; }
.chr-status-select:hover { border-color: #888; background: #f9f9f9; }
.chr-btn-danger:hover { background: #b32d2e !important; }
.chr-datepicker { background: #fff !important; cursor: pointer; font-weight: 500; border: 1px solid #ddd !important; border-radius: 4px; padding: 6px 10px !important; width: 130px !important; }
#chr-btn-export-csv:hover { background: #135e96 !important; }
