/*# sourceMappingURL=data:application/json;charset=utf8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY3VzdG9tLmNzcyIsInNvdXJjZXMiOlsiY3VzdG9tLnNjc3MiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IiJ9 */

/*# sourceMappingURL=custom.css.map */

/* Custom CSS for the admin dashboard */

/* Fix navbar-right alignment */
.navbar-nav.navbar-right {
    margin-left: auto !important;
    margin-right: 0 !important;
    display: flex;
    align-items: center;
}

/* For RTL layout */
html[dir="rtl"] .navbar-nav.navbar-right {
    margin-right: auto !important;
    margin-left: 0 !important;
}

/* Make sure the container takes full width */
.main-navbar .navbar {
    display: flex;
    width: 100%;
}
[dir="rtl"] .form-check {
    float: right;
    margin-left: 0;
  }

/* ========== Al-Huda Brand Colors (Logo Purple Theme) ========== */
:root {
    --brand-primary: #6B5361;
    --brand-primary-dark: #4A3F4D;
    --brand-primary-light: #8A7A8D;
    --brand-secondary: #9B8B9E;
    --brand-accent: #7A6A7D;
}

/* Primary Button - Brown */
.btn-brand-primary,
.trips-module .btn-primary {
    background-color: var(--brand-primary) !important;
    border-color: var(--brand-primary) !important;
    color: #fff !important;
}

.btn-brand-primary:hover,
.trips-module .btn-primary:hover {
    background-color: var(--brand-primary-dark) !important;
    border-color: var(--brand-primary-dark) !important;
}

/* Info Button - Light Brown */
.trips-module .btn-info {
    background-color: var(--brand-accent) !important;
    border-color: var(--brand-accent) !important;
    color: #fff !important;
}

.trips-module .btn-info:hover {
    background-color: var(--brand-secondary) !important;
    border-color: var(--brand-secondary) !important;
}

/* Success Button - Darker Brown */
.trips-module .btn-success {
    background-color: var(--brand-primary-light) !important;
    border-color: var(--brand-primary-light) !important;
    color: #fff !important;
}

.trips-module .btn-success:hover {
    background-color: var(--brand-primary) !important;
    border-color: var(--brand-primary) !important;
}

/* Badge Colors */
.trips-module .badge-primary {
    background-color: var(--brand-primary) !important;
}

.trips-module .badge-info {
    background-color: var(--brand-accent) !important;
}

.trips-module .badge-success {
    background-color: var(--brand-primary-light) !important;
}

/* ========== Table & Button Improvements ========== */

/* Table Responsive Improvements */
.table-responsive {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
}

.trips-module .table th,
.trips-module .table td {
    vertical-align: middle;
    white-space: nowrap;
    padding: 0.5rem;
}

/* Action Buttons Spacing */
.trips-module .btn-icon {
    width: 32px;
    height: 32px;
    padding: 0;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin: 0 2px;
}

.trips-module .d-flex .btn {
    margin: 0 3px;
}

/* ========== Select2 UI - Purple Theme ========== */
.select2-container--default .select2-selection--multiple,
.select2-container--default .select2-selection--single {
    min-height: 42px !important;
    border: 1px solid #B8ADB9 !important;
    border-radius: 4px !important;
    padding: 5px !important;
    background-color: #fff !important;
}

/* Fix Select2 when inside is-invalid */
.is-invalid + .select2-container--default .select2-selection--multiple,
.is-invalid + .select2-container--default .select2-selection--single,
.select2-container--default .select2-selection--multiple.is-invalid,
.form-group .is-invalid ~ .select2-container .select2-selection {
    border-color: #B8ADB9 !important;
    background-color: #fff !important;
}

/* Select2 Focus State */
.select2-container--default.select2-container--focus .select2-selection--multiple,
.select2-container--default.select2-container--focus .select2-selection--single {
    border-color: var(--brand-primary) !important;
    box-shadow: 0 0 0 0.2rem rgba(107, 91, 110, 0.15) !important;
}

/* Selected Items (Tags) */
.select2-container--default .select2-selection--multiple .select2-selection__choice {
    background-color: #E8E3E9 !important;
    border: 1px solid #B8ADB9 !important;
    color: #4A3F4D !important;
    padding: 4px 10px !important;
    margin: 3px !important;
    border-radius: 3px !important;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
    color: #6B5B6E !important;
    margin-right: 5px !important;
    font-weight: bold !important;
}

[dir="rtl"] .select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
    margin-right: 0 !important;
    margin-left: 5px !important;
}

/* Dropdown Results */
.select2-container--default .select2-results__option--highlighted[aria-selected] {
    background-color: var(--brand-primary) !important;
    color: #fff !important;
}

.select2-container--default .select2-results__option[aria-selected=true] {
    background-color: #E8E3E9 !important;
    color: #4A3F4D !important;
}

/* Override Bootstrap is-invalid for select2 */
select.is-invalid + .select2-container .select2-selection {
    border-color: #B8ADB9 !important;
    background-color: #fff !important;
}

/* Card Statistic Fix */
.card-statistic-1 .card-icon {
    width: 80px;
    height: 80px;
    line-height: 80px;
    font-size: 28px;
}

/* Alert RTL Fix */
[dir="rtl"] .alert {
    text-align: right;
}

/* Form Control Focus State */
.form-control:focus {
    border-color: var(--brand-primary);
    box-shadow: 0 0 0 0.2rem rgba(107, 91, 110, 0.25);
}

/* ========== Fix Select Multiple (Supervisors) ========== */
select.form-control[multiple],
select.form-control[multiple].is-invalid,
select.form-control[multiple]:invalid {
    min-height: 120px !important;
    height: auto !important;
    padding: 6px !important;
    overflow-y: auto !important;
    border: 1px solid #D7CCC8 !important;
    background-color: #fff !important;
    background-image: none !important;
}

select.form-control[multiple]:focus {
    border-color: var(--brand-primary) !important;
    box-shadow: 0 0 0 0.2rem rgba(139, 90, 43, 0.15) !important;
}

select.form-control[multiple] option {
    padding: 6px 10px !important;
    line-height: 1.5 !important;
    margin-bottom: 2px !important;
}

select.form-control[multiple] option:checked {
    background-color: #f3e3d3 !important;
    color: #3e2723 !important;
}

/* ========== Order Stages Module - Brown Theme ========== */
.order-stages-module .btn-primary {
    background-color: var(--brand-primary) !important;
    border-color: var(--brand-primary) !important;
}

.order-stages-module .btn-primary:hover {
    background-color: var(--brand-primary-dark) !important;
    border-color: var(--brand-primary-dark) !important;
}

.order-stages-module .btn-info {
    background-color: var(--brand-accent) !important;
    border-color: var(--brand-accent) !important;
    color: #fff !important;
}

.order-stages-module .btn-success {
    background-color: var(--brand-primary-light) !important;
    border-color: var(--brand-primary-light) !important;
}

.order-stages-module .badge-success {
    background-color: var(--brand-primary-light) !important;
}

.order-stages-module .badge-secondary {
    background-color: #A1887F !important;
}

.order-stages-module .nav-tabs .nav-link.active {
    color: var(--brand-primary) !important;
    border-bottom-color: var(--brand-primary) !important;
}

/* ========== Roles Module - Purple Theme ========== */
.roles-module .btn-primary {
    background-color: var(--brand-primary) !important;
    border-color: var(--brand-primary) !important;
}

.roles-module .btn-primary:hover {
    background-color: var(--brand-primary-dark) !important;
    border-color: var(--brand-primary-dark) !important;
}

.roles-module .card-header {
    background: linear-gradient(135deg, var(--brand-primary) 0%, var(--brand-primary-dark) 100%);
    color: white !important;
}

.roles-module .card-header h4 {
    color: white !important;
}

.roles-module .badge-primary {
    background-color: var(--brand-primary) !important;
}

.roles-module .badge-danger {
    background-color: var(--brand-accent) !important;
}

.roles-module .badge-info {
    background-color: var(--brand-secondary) !important;
}

.roles-module .text-primary {
    color: var(--brand-primary) !important;
}

.roles-module .border-primary {
    border-color: var(--brand-primary) !important;
}

.roles-module .card.border {
    border-color: var(--brand-primary-light) !important;
}

.roles-module .card-header.bg-light {
    background-color: #E8E3E9 !important;
    color: var(--brand-primary-dark) !important;
}

/* Fix text colors in roles module */
.roles-module .text-muted {
    color: #6c757d !important;
}

.roles-module label {
    color: #495057 !important;
}

.roles-module .card-body {
    color: #212529;
}

.roles-module .table th,
.roles-module .table td {
    color: #212529 !important;
}

/* Ensure form labels are visible */
.roles-module .col-form-label {
    color: #495057 !important;
    font-weight: 500;
}

/* Module checkboxes labels */
.roles-module .custom-control-label {
    color: #212529 !important;
}

/* Alert text */
.roles-module .alert {
    color: #212529 !important;
}

/* ============================================
   Admins Module - Purple Theme (Same as Roles)
   ============================================ */
.admins-module .btn-primary {
    background-color: var(--brand-primary) !important;
    border-color: var(--brand-primary) !important;
    color: #fff !important;
}

.admins-module .btn-primary:hover {
    background-color: var(--brand-primary-dark) !important;
    border-color: var(--brand-primary-dark) !important;
}

.admins-module .btn-secondary {
    background-color: var(--brand-secondary) !important;
    border-color: var(--brand-secondary) !important;
    color: #fff !important;
}

.admins-module .btn-secondary:hover {
    background-color: var(--brand-accent) !important;
    border-color: var(--brand-accent) !important;
}

.admins-module .card-header {
    background: linear-gradient(135deg, var(--brand-primary) 0%, var(--brand-primary-dark) 100%);
    color: white !important;
}

.admins-module .card-header h4 {
    color: white !important;
}

.admins-module .card-header.bg-light {
    background-color: #E8E3E9 !important;
    color: var(--brand-primary-dark) !important;
}

.admins-module .badge-primary {
    background-color: var(--brand-primary) !important;
}

.admins-module .badge-danger {
    background-color: #dc3545 !important;
}

.admins-module .badge-info {
    background-color: var(--brand-accent) !important;
}

.admins-module .badge-secondary {
    background-color: var(--brand-secondary) !important;
}

/* Fix text colors in admins module */
.admins-module .text-muted {
    color: #6c757d !important;
}

.admins-module label {
    color: #495057 !important;
}

.admins-module .card-body {
    color: #212529;
}

.admins-module .table th,
.admins-module .table td {
    color: #212529 !important;
}

/* Ensure form labels are visible */
.admins-module .col-form-label {
    color: #495057 !important;
    font-weight: 500;
}

/* Module checkboxes labels */
.admins-module .custom-control-label {
    color: #212529 !important;
}

/* Alert text */
.admins-module .alert {
    color: #212529 !important;
}