@charset "UTF-8";

/* Keep secondary consistent so .btn-secondary can't drift to white. */
:root,
[data-bs-theme=light],
[data-menu-theme=light] {
    --tblr-secondary: #66626c;
    --tblr-secondary-rgb: 102, 98, 108;
}

/* Default badge contrast: white text on colored badges. */
html body .badge,
html body .badge[class*="bg-"],
html body .badge[class*="text-bg-"] {
    color: #ffffff !important;
    --tblr-badge-color: #ffffff !important;
}

/* Light badges keep dark text. */
html body .badge.bg-light,
html body .badge.bg-white,
html body .badge.text-bg-light,
html body .badge.text-bg-white,
html body .badge.bg-warning,
html body .badge.text-bg-warning {
    color: #111827 !important;
    --tblr-badge-color: #111827 !important;
}

/* Safety net for secondary buttons. */
html body .btn-secondary {
    --tblr-btn-color: #ffffff;
    --tblr-btn-bg: #66626c;
    --tblr-btn-border-color: #66626c;
    --tblr-btn-hover-color: #ffffff;
    --tblr-btn-hover-bg: #56515d;
    --tblr-btn-hover-border-color: #56515d;
}

/* Global form readability polish. Kept here because this file is already loaded on all admin pages. */
:root {
    --mrsaan-control-border: #b9c3cf;
    --mrsaan-control-border-hover: #97a6b8;
    --mrsaan-control-focus: #6d5df6;
    --mrsaan-control-shadow: 0 2px 6px rgba(15, 23, 42, 0.08), inset 0 1px 0 rgba(255, 255, 255, 0.85);
    --mrsaan-control-focus-shadow: 0 0 0 0.2rem rgba(109, 93, 246, 0.2), 0 3px 10px rgba(15, 23, 42, 0.1);
}

html body .form-control,
html body .form-select,
html body .input-group-text,
html body .select2-container--bootstrap .select2-selection,
html body .select2-container--bootstrap4 .select2-selection,
html body .select2-container--default .select2-selection--single,
html body .select2-container--default .select2-selection--multiple {
    background-color: #ffffff;
    border-color: var(--mrsaan-control-border) !important;
    box-shadow: var(--mrsaan-control-shadow) !important;
}

html body .form-control,
html body .form-select,
html body .select2-container--bootstrap .select2-selection--single,
html body .select2-container--bootstrap4 .select2-selection--single,
html body .select2-container--default .select2-selection--single {
    min-height: 2.45rem;
}

html body .form-control:hover,
html body .form-select:hover,
html body .select2-container--bootstrap .select2-selection:hover,
html body .select2-container--bootstrap4 .select2-selection:hover,
html body .select2-container--default .select2-selection--single:hover,
html body .select2-container--default .select2-selection--multiple:hover {
    border-color: var(--mrsaan-control-border-hover) !important;
}

html body .form-control:focus,
html body .form-select:focus,
html body .select2-container--bootstrap.select2-container--focus .select2-selection,
html body .select2-container--bootstrap.select2-container--open .select2-selection,
html body .select2-container--bootstrap4.select2-container--focus .select2-selection,
html body .select2-container--bootstrap4.select2-container--open .select2-selection,
html body .select2-container--default.select2-container--focus .select2-selection--single,
html body .select2-container--default.select2-container--open .select2-selection--single,
html body .select2-container--default.select2-container--focus .select2-selection--multiple,
html body .select2-container--default.select2-container--open .select2-selection--multiple {
    border-color: var(--mrsaan-control-focus) !important;
    box-shadow: var(--mrsaan-control-focus-shadow) !important;
    outline: 0;
}

html body .form-control::placeholder {
    color: #8b95a1;
}

html body .select2-container--bootstrap .select2-selection__placeholder,
html body .select2-container--bootstrap4 .select2-selection__placeholder,
html body .select2-container--default .select2-selection__placeholder {
    color: #8b95a1 !important;
}