/* Custom Quill Editor Styles */
.ql-editor {
    min-height: 300px;
    font-size: 14px;
    line-height: 1.6;
}

.ql-toolbar {
    border-top: 1px solid #ccc;
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;
    border-bottom: none;
    border-radius: 0.375rem 0.375rem 0 0;
}

.ql-container {
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    border-top: none;
    border-radius: 0 0 0.375rem 0.375rem;
}

.ql-editor.ql-blank::before {
    font-style: italic;
    color: #6c757d;
}

.datepicker {
    box-shadow: none !important;
    padding: .375rem .75rem !important;
}

/* Status badge colors for debtor collection stages */
.status-badge {
    padding: 0.25rem 0.5rem;
    border-radius: 0.25rem;
    font-size: 0.875rem;
    font-weight: 500;
    display: inline-block;
}

/* New/Initial stages - Blue/Info */
.status-new {
    background-color: red;
    color: #fff;
}

/* Early collection stages - Yellow/Warning */
.status-payment_request, .status-phone_negotiations,
.status-krd_entry, .status-final_notice, .status-skip_tracing,
.status-lawsuit_filed, .status-payment_order_issued,
.status-payment_order_objection, .status-enforcement_clause,
.status-enforcement_request, .status-enforcement_discontinued,
.status-enforcement_completed,
.status-full_repayment, .status-settlement,
.status-withdrawn
{
    background-color: #201f29;
    color: #fff;
}

/* Table sorting icons */
th a svg {
    width: 0.875rem;
    height: 0.875rem;
    vertical-align: baseline;
    margin-left: 0.25rem;
}

/* Button icon alignment */
.btn svg {
    vertical-align: middle;
    margin-top: -0.125rem;
}

.btn-outline-secondary {
    padding: 10px 20px;
}

/* Table cell vertical alignment */
.table td, .table th {
    vertical-align: middle;
}

/* Status filter dropdown styling */
.status-filter-dropdown {
    min-width: 300px;
    max-height: 400px;
    overflow-y: auto;
}

.status-group {
    margin-bottom: 1rem;
}

.status-group:last-child {
    margin-bottom: 0;
}

.status-group-label {
    font-weight: 600;
    font-size: 0.875rem;
    color: #6c757d;
    margin-bottom: 0.5rem;
    padding-bottom: 0.25rem;
    border-bottom: 1px solid #e9ecef;
}

.status-filter-dropdown .form-check {
    padding-left: 1.5rem;
    margin-bottom: 0.25rem;
}

.status-filter-dropdown .form-check-label {
    font-size: 0.875rem;
    cursor: pointer;
}

.status-filter-dropdown .form-check-input {
    cursor: pointer;
}

#statusFilterDropdown {
    padding: .375rem .75rem;
}