/* ------------------------------------------------------------------
 * Aftersales Admin — shared overrides (demo_2)
 * Loaded after the NobleUI theme so these rules win.
 * ------------------------------------------------------------------ */

/* 1. Readable form inputs ------------------------------------------------
 * This is a DARK theme (input bg #0c1427) but the theme sets input TEXT to
 * #495057 (dark grey) — near-invisible. Fix: light text only. Do NOT change
 * the background. */
.form-control,
.custom-select,
textarea.form-control,
select,
select.form-control,
input.form-control {
    color: #e9ecef !important;
    -webkit-text-fill-color: #e9ecef;
}
.form-control::placeholder {
    color: #8a94a6 !important;
    -webkit-text-fill-color: #8a94a6;
    opacity: 1;
}
.form-control:disabled,
.form-control[readonly] {
    color: #9aa2b1 !important;
    -webkit-text-fill-color: #9aa2b1;
}

/* 2. Select2 — light selection text on the dark theme (bg untouched) ----- */
.select2-container .select2-selection--single {
    height: calc(2.875rem + 2px);
    border-radius: 2px;
}
.select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: calc(2.875rem + 2px);
    color: #e9ecef;
    padding-left: 0.94rem;
}
.select2-container--default .select2-selection--single .select2-selection__arrow {
    height: calc(2.875rem + 2px);
}
.select2-container--default .select2-selection--single .select2-selection__placeholder {
    color: #8a94a6;
}
.select2-container--default .select2-results__option--highlighted[aria-selected] {
    background-color: #6571ff;
}
/* Full-width select2 inside bootstrap grid columns */
.select2-container {
    width: 100% !important;
}

/* 3. DataTables — light control + header text (bg untouched) ------------- */
.dataTables_wrapper .dataTables_filter input,
.dataTables_wrapper .dataTables_length select {
    color: #e9ecef !important;
    -webkit-text-fill-color: #e9ecef;
}
.dataTables_wrapper .dataTables_filter input {
    margin-left: 0.5rem;
}
.dataTables_wrapper .dataTables_length select {
    min-width: 4.5rem;
}
.dataTables_wrapper .dataTables_info,
.dataTables_wrapper .dataTables_length,
.dataTables_wrapper .dataTables_filter,
.dataTables_wrapper .dataTables_filter label,
.dataTables_wrapper .dataTables_length label {
    color: #b8bfce;
}
/* Consistent header text with the rest of the dark tables */
table.dataTable thead th,
table.dataTable thead td {
    color: #d3d8e2 !important;
}
.dataTables_wrapper .dataTables_paginate .paginate_button.current {
    background: #6571ff;
    border-color: #6571ff;
    color: #fff !important;
}
.dataTables_wrapper .row {
    align-items: center;
}
table.dataTable thead th {
    white-space: nowrap;
}

/* 4. Status pills -------------------------------------------------------- */
.badge.badge-status-active { background-color: #05a34a; color: #fff; }
.badge.badge-status-inactive { background-color: #6c7293; color: #fff; }