html:not([data-skin]),
html[data-skin="default"],
html[data-skin="minimal"],
html[data-skin="modern"],
html[data-skin="material"],
html[data-skin="saas"],
html[data-skin="flat"],
html[data-skin="galaxy"],
html[data-skin="retro"],
html[data-skin="neon"],
html[data-skin="pixel"] {
    --theme-font-sans-serif: "Google Sans", sans-serif !important;
}

:root {
    --theme-logo-lg-height: 40px !important;
}

.side-nav {
    font-family: var(--theme-font-sans-serif) !important;
}

/* Align sidenav logo area height with topbar */
.sidenav-menu > .logo {
    height: var(--theme-topbar-height);
    display: flex;
    align-items: center;
}
.auth-box {
    padding: 0px;
}
.auth-brand .logo-dark img, .auth-brand .logo-light img {
    height: 60px;
}
h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 {
    font-family: var(--theme-font-sans-serif) !important;
}

/* Select2 clear button — position absolutely so it sits just left of the 34px UBold arrow */
.select2-container .select2-selection--single .select2-selection__clear {
    position: absolute !important;
    top: 50% !important;
    inset-inline-end: 40px !important;
    right: 40px !important;
    transform: translateY(-50%) !important;
    float: none !important;
    margin: 0 !important;
    padding: 0 4px !important;
    height: auto !important;
    line-height: 1 !important;
    font-size: 1rem !important;
    font-weight: 400 !important;
    color: var(--theme-secondary-color, #6c757d) !important;
    z-index: 1;
}
.select2-container .select2-selection--single .select2-selection__clear:hover {
    color: #dc3545 !important;
}

/* ─── Text contrast ───────────────────────────────────────────────────────── */
/* Bootstrap's default text-muted (#6c757d) is borderline WCAG AA.
   #4b5563 passes WCAG AA and AAA on white. */
.text-muted,
.text-secondary {
    color: #374151 !important;
}

/* ─── Soft badge styles ───────────────────────────────────────────────────── */
/* Replace Bootstrap's saturated badge fill (white text on dark bg) with
   light pastel backgrounds + dark thematic text. All combos exceed WCAG AA. */
.badge.bg-danger {
    background-color: #fde8e8 !important;
    color: #9b1c1c !important;
}
.badge.bg-warning {
    background-color: #fef3c7 !important;
    color: #92400e !important;
}
.badge.bg-primary {
    background-color: #dbeafe !important;
    color: #1e40af !important;
}
.badge.bg-success {
    background-color: #d1fae5 !important;
    color: #065f46 !important;
}
.badge.bg-secondary {
    background-color: #f1f5f9 !important;
    color: #334155 !important;
}
.badge.bg-info {
    background-color: #e0f2fe !important;
    color: #075985 !important;
}
.badge.bg-light {
    background-color: #f1f5f9 !important;
    color: #374151 !important;
}
.badge.bg-dark {
    background-color: #e2e8f0 !important;
    color: #1e293b !important;
}
.logo-text {
    font-size: 1.5rem;
    font-weight: bold;
    color: #FFF;
}
.logo-text-login {
    font-size: 2rem;
    font-weight: bold;
    color: #374151;
}