/* ── Select2 Custom Styling ── */
.select2-container { width: 100% !important; }
.select2-container--default .select2-selection--single {
    background-color: #ffffff;
    border: 1px solid #cbd5e1;
    border-radius: 0.75rem;
    height: 42px;
    padding: 6px 12px;
    font-size: 0.875rem;
    display: flex;
    align-items: center;
    box-shadow: 0 1px 2px 0 rgba(15, 23, 42, 0.04);
}
.dark .select2-container--default .select2-selection--single {
    background-color: #18181b;
    border-color: #3f3f46;
    color: #ffffff;
}
.select2-container--default .select2-selection--single .select2-selection__rendered {
    color: inherit;
    line-height: 1.5;
    padding-inline-start: 4px;
    width: 100%;
}
.select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 100%;
    top: 0;
    inset-inline-end: 10px;
    inset-inline-start: auto;
}
.select2-dropdown {
    border: 1px solid #e2e8f0;
    border-radius: 0.75rem;
    overflow: hidden;
    box-shadow: 0 20px 25px -5px rgba(15, 23, 42, 0.1), 0 8px 10px -6px rgba(15, 23, 42, 0.04);
    z-index: 9999;
}
.dark .select2-dropdown {
    background-color: #18181b;
    border-color: #11646a;
    color: #ffffff;
}
.select2-container--default .select2-search--dropdown {
    padding: 8px;
}
.select2-container--default .select2-search--dropdown .select2-search__field {
    border: 1px solid #cbd5e1;
    border-radius: 0.5rem;
    padding: 6px 12px;
    font-size: 0.875rem;
    outline: none;
}
.dark .select2-container--default .select2-search--dropdown .select2-search__field {
    background-color: #27272a;
    border-color: #3f3f46;
    color: #ffffff;
}
.select2-container--default .select2-results__option {
    padding: 8px 12px;
    font-size: 0.875rem;
}
.select2-container--default .select2-results__option--highlighted[aria-selected] {
    background-color: #11646a;
    color: #ffffff;
}
.select2-container--default .select2-results__option[aria-selected=true] {
    background-color: #e6f3f4;
    color: #11646a;
    font-weight: 600;
}
.dark .select2-container--default .select2-results__option[aria-selected=true] {
    background-color: rgba(17,100,106,.25);
    color: #5eead4;
}

/* ── Sidebar Custom Brand Styling & Animations ── */
@keyframes sidebarItemSlide {
    from {
        opacity: 0;
        transform: translateX(-12px);
    }
    to {
        opacity: 1;
        transform: translateX(0);
    }
}

@keyframes sidebarItemSlideRTL {
    from {
        opacity: 0;
        transform: translateX(12px);
    }
    to {
        opacity: 1;
        transform: translateX(0);
    }
}

@keyframes activeNavGlow {
    0%, 100% {
        box-shadow: inset 3px 0 0 #11646a, 0 2px 8px rgba(17, 100, 106, 0.12);
    }
    50% {
        box-shadow: inset 3px 0 0 #169393, 0 4px 14px rgba(17, 100, 106, 0.25);
    }
}

@keyframes activeNavGlowDark {
    0%, 100% {
        box-shadow: inset 3px 0 0 #5eead4, 0 2px 8px rgba(94, 234, 212, 0.15);
    }
    50% {
        box-shadow: inset 3px 0 0 #2dd4bf, 0 4px 16px rgba(94, 234, 212, 0.3);
    }
}

[data-flux-sidebar] {
    background-color: #ffffff !important;
    border-color: #cbd5e1 !important;
    box-shadow: 2px 0 6px 0 rgba(15, 23, 42, 0.04);
    transition: background-color 0.3s ease-in-out, border-color 0.3s ease-in-out, width 0.3s cubic-bezier(0.16, 1, 0.3, 1);
}
.dark [data-flux-sidebar] {
    background-color: #0d1516 !important;
    border-color: #1a2e30 !important;
}

/* Sidebar Item Base & Entrance Stagger */
[data-flux-sidebar-item],
ui-disclosure[data-flux-sidebar-group] > button {
    transition: transform 0.25s cubic-bezier(0.34, 1.56, 0.64, 1),
                background-color 0.2s ease-in-out,
                color 0.2s ease-in-out,
                box-shadow 0.25s ease-in-out !important;
    animation: sidebarItemSlide 0.3s cubic-bezier(0.16, 1, 0.3, 1) both;
    will-change: transform, opacity;
}

/* Sidebar Text Color Enforcement (Sharp Contrast in Light & Dark) */
:root:not(.dark) [data-flux-sidebar-item],
:root:not(.dark) [data-flux-sidebar-item] span,
:root:not(.dark) [data-flux-sidebar-item] [data-content],
:root:not(.dark) ui-disclosure[data-flux-sidebar-group] > button,
:root:not(.dark) ui-disclosure[data-flux-sidebar-group] > button span {
    color: #334155 !important;
}

.dark [data-flux-sidebar-item],
.dark [data-flux-sidebar-item] span,
.dark [data-flux-sidebar-item] [data-content],
.dark ui-disclosure[data-flux-sidebar-group] > button,
.dark ui-disclosure[data-flux-sidebar-group] > button span {
    color: #e2e8f0 !important;
}

html[dir="rtl"] [data-flux-sidebar-item],
html[dir="rtl"] ui-disclosure[data-flux-sidebar-group] > button {
    animation-name: sidebarItemSlideRTL;
}

[data-flux-sidebar-nav] [data-flux-sidebar-item]:nth-child(1),
[data-flux-sidebar-nav] ui-disclosure[data-flux-sidebar-group]:nth-child(1) > button { animation-delay: 15ms; }

[data-flux-sidebar-nav] [data-flux-sidebar-item]:nth-child(2),
[data-flux-sidebar-nav] ui-disclosure[data-flux-sidebar-group]:nth-child(2) > button { animation-delay: 30ms; }

[data-flux-sidebar-nav] [data-flux-sidebar-item]:nth-child(3),
[data-flux-sidebar-nav] ui-disclosure[data-flux-sidebar-group]:nth-child(3) > button { animation-delay: 45ms; }

[data-flux-sidebar-nav] [data-flux-sidebar-item]:nth-child(4),
[data-flux-sidebar-nav] ui-disclosure[data-flux-sidebar-group]:nth-child(4) > button { animation-delay: 60ms; }

[data-flux-sidebar-nav] [data-flux-sidebar-item]:nth-child(5),
[data-flux-sidebar-nav] ui-disclosure[data-flux-sidebar-group]:nth-child(5) > button { animation-delay: 75ms; }

[data-flux-sidebar-nav] [data-flux-sidebar-item]:nth-child(6),
[data-flux-sidebar-nav] ui-disclosure[data-flux-sidebar-group]:nth-child(6) > button { animation-delay: 90ms; }

[data-flux-sidebar-nav] [data-flux-sidebar-item]:nth-child(7),
[data-flux-sidebar-nav] ui-disclosure[data-flux-sidebar-group]:nth-child(7) > button { animation-delay: 105ms; }

[data-flux-sidebar-nav] [data-flux-sidebar-item]:nth-child(8),
[data-flux-sidebar-nav] ui-disclosure[data-flux-sidebar-group]:nth-child(8) > button { animation-delay: 120ms; }

/* Icon Base Styling & Spring Animation */
[data-flux-sidebar-item] svg,
ui-disclosure[data-flux-sidebar-group] > button svg,
[data-flux-sidebar] svg[data-flux-icon] {
    color: #475569 !important;
    stroke: currentColor !important;
    transition: transform 0.3s cubic-bezier(0.34, 1.56, 0.64, 1), color 0.2s ease-in-out !important;
}

.dark [data-flux-sidebar-item] svg,
.dark ui-disclosure[data-flux-sidebar-group] > button svg,
.dark [data-flux-sidebar] svg[data-flux-icon] {
    color: rgba(255, 255, 255, 0.8) !important;
}

[data-flux-sidebar-item]:hover svg,
ui-disclosure[data-flux-sidebar-group] > button:hover svg {
    color: #11646a !important;
    transform: scale(1.18) rotate(-5deg) !important;
}

.dark [data-flux-sidebar-item]:hover svg,
.dark ui-disclosure[data-flux-sidebar-group] > button:hover svg {
    color: #5eead4 !important;
}

html[dir="rtl"] [data-flux-sidebar-item]:hover svg,
html[dir="rtl"] ui-disclosure[data-flux-sidebar-group] > button:hover svg {
    transform: scale(1.18) rotate(5deg) !important;
}

/* Active Nav Item Styling & Glow */
[data-flux-sidebar-item][data-current],
[data-flux-sidebar-item].current {
    background-color: #e6f3f4 !important;
    color: #11646a !important;
    font-weight: 700 !important;
    border-radius: 0.75rem !important;
    animation: activeNavGlow 3s ease-in-out infinite !important;
}

.dark [data-flux-sidebar-item][data-current],
.dark [data-flux-sidebar-item].current {
    background-color: rgba(17, 100, 106, 0.28) !important;
    color: #5eead4 !important;
    animation: activeNavGlowDark 3s ease-in-out infinite !important;
}

[data-flux-sidebar-item][data-current] svg,
.dark [data-flux-sidebar-item][data-current] svg {
    color: #11646a !important;
    transform: scale(1.08) !important;
}
.dark [data-flux-sidebar-item][data-current] svg {
    color: #5eead4 !important;
}

/* Hover Nav Item Styling */
[data-flux-sidebar-item]:hover:not([data-current]),
ui-disclosure[data-flux-sidebar-group] > button:hover {
    background-color: rgba(17, 100, 106, 0.08) !important;
    color: #11646a !important;
    border-radius: 0.75rem !important;
    transform: translateX(5px) !important;
}

html[dir="rtl"] [data-flux-sidebar-item]:hover:not([data-current]),
html[dir="rtl"] ui-disclosure[data-flux-sidebar-group] > button:hover {
    transform: translateX(-5px) !important;
}

.dark [data-flux-sidebar-item]:hover:not([data-current]),
.dark ui-disclosure[data-flux-sidebar-group] > button:hover {
    background-color: rgba(17, 100, 106, 0.2) !important;
    color: #5eead4 !important;
}

/* Active Press Tap Feedback */
[data-flux-sidebar-item]:active,
ui-disclosure[data-flux-sidebar-group] > button:active {
    transform: scale(0.96) !important;
}

/* Sidebar Badge Pulse */
[data-flux-sidebar-item] [data-flux-badge] {
    transition: transform 0.25s cubic-bezier(0.34, 1.56, 0.64, 1);
    animation: pulseSubtle 2.5s ease-in-out infinite;
}

[data-flux-sidebar-item]:hover [data-flux-badge] {
    transform: scale(1.15);
}

/* Select2 Dropdown Animation */
.select2-dropdown {
    animation: modalPopIn 0.22s cubic-bezier(0.16, 1, 0.3, 1) both;
}

/* ── Global Micro-interactions & Smooth Transitions ── */
.page-transition-container {
    animation: pageEnter 0.4s cubic-bezier(0.16, 1, 0.3, 1) both;
}

input, select, textarea, .select2-selection {
    transition: border-color 0.2s cubic-bezier(0.16, 1, 0.3, 1), box-shadow 0.2s cubic-bezier(0.16, 1, 0.3, 1), transform 0.15s ease !important;
}

input:focus, select:focus, textarea:focus, .select2-container--open .select2-selection {
    border-color: #11646a !important;
    box-shadow: 0 0 0 3px rgba(17, 100, 106, 0.15), 0 2px 8px rgba(17, 100, 106, 0.08) !important;
}

button, .btn, [data-flux-button] {
    transition: transform 0.2s cubic-bezier(0.16, 1, 0.3, 1), background-color 0.2s ease, box-shadow 0.2s ease, color 0.2s ease !important;
}

button:active, .btn:active, [data-flux-button]:active {
    transform: scale(0.96) !important;
}

tbody tr {
    transition: background-color 0.2s ease-in-out, transform 0.15s ease-in-out !important;
}

/* ── Tab Switching Animations ── */
@keyframes tabContentEnter {
    0% {
        opacity: 0;
        transform: translateY(10px) scale(0.99);
    }
    100% {
        opacity: 1;
        transform: translateY(0) scale(1);
    }
}

.tab-content-container, [data-flux-tab-panel], .tab-panel {
    animation: tabContentEnter 0.35s cubic-bezier(0.16, 1, 0.3, 1) both !important;
}

/* ── Brand Banner Icon Containers & Contrast (Light & Dark Modes) ── */
.brand-banner-icon-box,
[data-flux-main] .bg-gradient-to-r div[class*="rounded-2xl"]:has(> [data-flux-icon]),
[data-flux-main] .bg-gradient-to-r div[class*="rounded-2xl"]:has(> svg),
[data-flux-main] div[class*="bg-white/20"]:has(> [data-flux-icon]),
[data-flux-main] div[class*="bg-white/20"]:has(> svg),
[data-flux-main] .bg-gradient-to-r div[class*="bg-white/20"] {
    background-color: rgba(255, 255, 255, 0.22) !important;
    border: 1px solid rgba(255, 255, 255, 0.35) !important;
    color: #ffffff !important;
    backdrop-filter: blur(10px) !important;
    -webkit-backdrop-filter: blur(10px) !important;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.06) !important;
}

.brand-banner-icon-box svg,
[data-flux-main] .bg-gradient-to-r div[class*="rounded-2xl"] > svg,
[data-flux-main] div[class*="bg-white/20"] > svg,
[data-flux-main] .bg-gradient-to-r div[class*="bg-white/20"] svg {
    color: #ffffff !important;
    stroke: #ffffff !important;
    fill: none !important;
}

/* ── Header Banner Action Buttons (Strictly White Background Buttons) ── */
.bg-gradient-to-r button[class*="bg-white"],
.bg-gradient-to-r a[class*="bg-white"],
[data-flux-main] .bg-gradient-to-r button[class*="bg-white"],
[data-flux-main] .bg-gradient-to-r a[class*="bg-white"],
button[class*="bg-white"][class*="text-[#0d4f54]"],
a[class*="bg-white"][class*="text-[#0d4f54]"],
button[class*="bg-white"][class*="!text-[#0d4f54]"],
a[class*="bg-white"][class*="!text-[#0d4f54]"] {
    background-color: #ffffff !important;
    color: #0d4f54 !important;
    font-size: 0.75rem !important;
    font-weight: 600 !important;
    letter-spacing: 0.01em !important;
}

.bg-gradient-to-r button[class*="bg-white"] *,
.bg-gradient-to-r a[class*="bg-white"] *,
[data-flux-main] .bg-gradient-to-r button[class*="bg-white"] *,
[data-flux-main] .bg-gradient-to-r a[class*="bg-white"] *,
button[class*="bg-white"][class*="text-[#0d4f54]"] *,
a[class*="bg-white"][class*="text-[#0d4f54]"] *,
button[class*="bg-white"][class*="!text-[#0d4f54]"] *,
a[class*="bg-white"][class*="!text-[#0d4f54]"] *,
.btn-interactive[class*="bg-white"] * {
    color: #0d4f54 !important;
    font-size: 0.75rem !important;
    font-weight: 600 !important;
}

/* ── Universal Enhanced Status Badges (Active / Inactive) ── */
button[class*="bg-emerald-100"],
span[class*="bg-emerald-100"],
button[class*="bg-emerald-500/"],
span[class*="bg-emerald-500/"] {
    background-color: rgba(16, 185, 129, 0.12) !important;
    color: #047857 !important; /* rich high-contrast emerald-700 */
    border: 1px solid rgba(16, 185, 129, 0.35) !important;
    font-weight: 600 !important;
}

.dark button[class*="bg-emerald-100"],
.dark span[class*="bg-emerald-100"],
.dark button[class*="bg-emerald-500/"],
.dark span[class*="bg-emerald-500/"] {
    background-color: rgba(16, 185, 129, 0.18) !important;
    color: #6ee7b7 !important;
    border-color: rgba(16, 185, 129, 0.35) !important;
}

button[class*="bg-rose-100"],
span[class*="bg-rose-100"],
button[class*="bg-rose-500/"],
span[class*="bg-rose-500/"] {
    background-color: rgba(244, 63, 94, 0.12) !important;
    color: #be123c !important; /* rich high-contrast rose-700 */
    border: 1px solid rgba(244, 63, 94, 0.35) !important;
    font-weight: 600 !important;
}

.dark button[class*="bg-rose-100"],
.dark span[class*="bg-rose-100"],
.dark button[class*="bg-rose-500/"],
.dark span[class*="bg-rose-500/"] {
    background-color: rgba(244, 63, 94, 0.18) !important;
    color: #fda4af !important;
    border-color: rgba(244, 63, 94, 0.35) !important;
}


.bg-gradient-to-r button[class*="bg-white"] svg,
.bg-gradient-to-r a[class*="bg-white"] svg,
[data-flux-main] .bg-gradient-to-r button[class*="bg-white"] svg,
[data-flux-main] .bg-gradient-to-r a[class*="bg-white"] svg,
button[class*="bg-white"][class*="text-[#0d4f54]"] svg,
a[class*="bg-white"][class*="text-[#0d4f54]"] svg,
button[class*="bg-white"][class*="!text-[#0d4f54]"] svg,
a[class*="bg-white"][class*="!text-[#0d4f54]"] svg,
.btn-interactive[class*="bg-white"] svg {
    color: #0d4f54 !important;
    stroke: #0d4f54 !important;
    fill: none !important;
}

[data-flux-main] .bg-gradient-to-r button[class*="bg-white"]:hover,
[data-flux-main] .bg-gradient-to-r a[class*="bg-white"]:hover,
.bg-gradient-to-r button[class*="bg-white"]:hover,
.bg-gradient-to-r a[class*="bg-white"]:hover {
    background-color: #f0fdfa !important;
    color: #0d4f54 !important;
}

[data-flux-main] .bg-gradient-to-r button[class*="bg-white"]:hover span,
[data-flux-main] .bg-gradient-to-r a[class*="bg-white"]:hover span,
.bg-gradient-to-r button[class*="bg-white"]:hover span,
.bg-gradient-to-r a[class*="bg-white"]:hover span {
    color: #0d4f54 !important;
}

[data-flux-main] .bg-gradient-to-r button[class*="bg-white"]:hover svg,
[data-flux-main] .bg-gradient-to-r a[class*="bg-white"]:hover svg,
.bg-gradient-to-r button[class*="bg-white"]:hover svg,
.bg-gradient-to-r a[class*="bg-white"]:hover svg {
    color: #0d4f54 !important;
    stroke: #0d4f54 !important;
}

/* ── KPI Cards & Dashboard Icon Badges (Light & Dark Modes) ── */
:root:not(.dark) [data-flux-main] div[class*="bg-teal-50"] {
    background-color: #f0fdfa !important;
    border-color: #99f6e4 !important;
    color: #0f766e !important;
}
:root:not(.dark) [data-flux-main] div[class*="bg-sky-50"] {
    background-color: #f0f9ff !important;
    border-color: #bae6fd !important;
    color: #0369a1 !important;
}
:root:not(.dark) [data-flux-main] div[class*="bg-purple-50"] {
    background-color: #faf5ff !important;
    border-color: #e9d5ff !important;
    color: #7e22ce !important;
}
:root:not(.dark) [data-flux-main] div[class*="bg-amber-50"] {
    background-color: #fffbeb !important;
    border-color: #fde68a !important;
    color: #b45309 !important;
}
:root:not(.dark) [data-flux-main] div[class*="bg-emerald-50"] {
    background-color: #ecfdf5 !important;
    border-color: #a7f3d0 !important;
    color: #047857 !important;
}
:root:not(.dark) [data-flux-main] div[class*="bg-indigo-50"] {
    background-color: #eef2ff !important;
    border-color: #c7d2fe !important;
    color: #4338ca !important;
}
:root:not(.dark) [data-flux-main] div[class*="bg-rose-50"] {
    background-color: #fff1f2 !important;
    border-color: #fecdd3 !important;
    color: #be123c !important;
}

/* ── Premium Scrollbar Reset for Navigation & Tabs ── */
.scrollbar-none::-webkit-scrollbar,
[class*="overflow-x-auto"].scrollbar-none::-webkit-scrollbar,
nav.scrollbar-none::-webkit-scrollbar {
    display: none !important;
    width: 0 !important;
    height: 0 !important;
}

.scrollbar-none,
[class*="overflow-x-auto"].scrollbar-none,
nav.scrollbar-none {
    scrollbar-width: none !important;
    -ms-overflow-style: none !important;
}

/* ── Universal Brilliant White Text Enforcement on Solid Buttons & Active Tabs ── */
button[class*="bg-[#11646a]"]:not([class*="/10"]):not([class*="/20"]):not([class*="text-[#0d4f54]"]),
a[class*="bg-[#11646a]"]:not([class*="/10"]):not([class*="/20"]):not([class*="text-[#0d4f54]"]),
button[class*="bg-[#0a9099]"]:not([class*="/10"]):not([class*="/20"]):not([class*="text-[#0d4f54]"]),
a[class*="bg-[#0a9099]"]:not([class*="/10"]):not([class*="/20"]):not([class*="text-[#0d4f54]"]),
button[class*="bg-[#026982]"]:not([class*="/10"]):not([class*="/20"]):not([class*="text-[#0d4f54]"]),
a[class*="bg-[#026982]"]:not([class*="/10"]):not([class*="/20"]):not([class*="text-[#0d4f54]"]),
button[class*="bg-[#033d4b]"]:not([class*="/10"]):not([class*="/20"]):not([class*="text-[#0d4f54]"]),
a[class*="bg-[#033d4b]"]:not([class*="/10"]):not([class*="/20"]):not([class*="text-[#0d4f54]"]),
button[class*="bg-[#0d4f54]"]:not([class*="/10"]):not([class*="/20"]):not([class*="text-[#0d4f54]"]),
a[class*="bg-[#0d4f54]"]:not([class*="/10"]):not([class*="/20"]):not([class*="text-[#0d4f54]"]),
.tab-active,
.subtab-active,
.admin-tab-item-active,
button.tab-active,
button.subtab-active,
a.tab-active,
a.subtab-active {
    color: #ffffff !important;
}

button[class*="bg-[#11646a]"]:not([class*="/10"]):not([class*="/20"]) span:not([class*="bg-amber"]):not([class*="bg-teal"]):not([class*="text-zinc"]):not([class*="text-amber"]):not([class*="text-rose"]):not([class*="text-emerald"]):not([class*="text-black"]),
a[class*="bg-[#11646a]"]:not([class*="/10"]):not([class*="/20"]) span:not([class*="bg-amber"]):not([class*="bg-teal"]):not([class*="text-zinc"]):not([class*="text-amber"]):not([class*="text-rose"]):not([class*="text-emerald"]):not([class*="text-black"]),
button[class*="bg-[#0a9099]"]:not([class*="/10"]):not([class*="/20"]) span:not([class*="bg-amber"]):not([class*="bg-teal"]):not([class*="text-zinc"]):not([class*="text-amber"]):not([class*="text-rose"]):not([class*="text-emerald"]):not([class*="text-black"]),
a[class*="bg-[#0a9099]"]:not([class*="/10"]):not([class*="/20"]) span:not([class*="bg-amber"]):not([class*="bg-teal"]):not([class*="text-zinc"]):not([class*="text-amber"]):not([class*="text-rose"]):not([class*="text-emerald"]):not([class*="text-black"]),
button[class*="bg-[#026982]"]:not([class*="/10"]):not([class*="/20"]) span:not([class*="bg-amber"]):not([class*="bg-teal"]):not([class*="text-zinc"]):not([class*="text-amber"]):not([class*="text-rose"]):not([class*="text-emerald"]):not([class*="text-black"]),
a[class*="bg-[#026982]"]:not([class*="/10"]):not([class*="/20"]) span:not([class*="bg-amber"]):not([class*="bg-teal"]):not([class*="text-zinc"]):not([class*="text-amber"]):not([class*="text-rose"]):not([class*="text-emerald"]):not([class*="text-black"]),
button[class*="bg-[#0d4f54]"]:not([class*="/10"]):not([class*="/20"]) span:not([class*="bg-amber"]):not([class*="bg-teal"]):not([class*="text-zinc"]):not([class*="text-amber"]):not([class*="text-rose"]):not([class*="text-emerald"]):not([class*="text-black"]),
a[class*="bg-[#0d4f54]"]:not([class*="/10"]):not([class*="/20"]) span:not([class*="bg-amber"]):not([class*="bg-teal"]):not([class*="text-zinc"]):not([class*="text-amber"]):not([class*="text-rose"]):not([class*="text-emerald"]):not([class*="text-black"]),
.tab-active span:not([class*="bg-amber"]):not([class*="bg-teal"]):not([class*="text-zinc"]):not([class*="text-amber"]):not([class*="text-rose"]):not([class*="text-emerald"]):not([class*="text-black"]),
.subtab-active span:not([class*="bg-amber"]):not([class*="bg-teal"]):not([class*="text-zinc"]):not([class*="text-amber"]):not([class*="text-rose"]):not([class*="text-emerald"]):not([class*="text-black"]),
.admin-tab-item-active span:not([class*="bg-amber"]):not([class*="bg-teal"]):not([class*="text-zinc"]):not([class*="text-amber"]):not([class*="text-rose"]):not([class*="text-emerald"]):not([class*="text-black"]) {
    color: #ffffff !important;
}

button[class*="bg-[#11646a]"]:not([class*="/10"]):not([class*="/20"]):not([class*="text-[#0d4f54]"]) svg,
a[class*="bg-[#11646a]"]:not([class*="/10"]):not([class*="/20"]):not([class*="text-[#0d4f54]"]) svg,
button[class*="bg-[#0a9099]"]:not([class*="/10"]):not([class*="/20"]):not([class*="text-[#0d4f54]"]) svg,
a[class*="bg-[#0a9099]"]:not([class*="/10"]):not([class*="/20"]):not([class*="text-[#0d4f54]"]) svg,
button[class*="bg-[#026982]"]:not([class*="/10"]):not([class*="/20"]):not([class*="text-[#0d4f54]"]) svg,
a[class*="bg-[#026982]"]:not([class*="/10"]):not([class*="/20"]):not([class*="text-[#0d4f54]"]) svg,
button[class*="bg-[#0d4f54]"]:not([class*="/10"]):not([class*="/20"]):not([class*="text-[#0d4f54]"]) svg,
a[class*="bg-[#0d4f54]"]:not([class*="/10"]):not([class*="/20"]):not([class*="text-[#0d4f54]"]) svg,
.tab-active svg,
.subtab-active svg,
.admin-tab-item-active svg {
    color: #ffffff !important;
    stroke: currentColor !important;
}

/* ── Universal Delete Icon & Trash Button Contrast Guarantee across Entire Application ── */
button:not([class*="bg-rose-600"]):not([class*="bg-rose-700"]):not([class*="text-white"]) svg,
a:not([class*="bg-rose-600"]):not([class*="bg-rose-700"]):not([class*="text-white"]) svg {
    stroke: currentColor !important;
}

button:not([class*="text-"]):not([class*="bg-"]) svg,
a:not([class*="text-"]):not([class*="bg-"]) svg {
    color: inherit !important;
}

button[class*="text-rose-"]:not([class*="bg-rose-600"]):not([class*="bg-rose-700"]):not([class*="text-white"]),
a[class*="text-rose-"]:not([class*="bg-rose-600"]):not([class*="bg-rose-700"]):not([class*="text-white"]),
div[class*="text-rose-"]:not([class*="bg-rose-600"]):not([class*="bg-rose-700"]):not([class*="text-white"]) > svg,
span[class*="text-rose-"]:not([class*="bg-rose-600"]):not([class*="bg-rose-700"]):not([class*="text-white"]) > svg {
    color: rgb(225 29 72) !important;
}

button[class*="text-rose-"]:not([class*="bg-rose-600"]):not([class*="bg-rose-700"]):not([class*="text-white"]) svg,
a[class*="text-rose-"]:not([class*="bg-rose-600"]):not([class*="bg-rose-700"]):not([class*="text-white"]) svg,
button[class*="hover:bg-rose-"]:not([class*="bg-rose-600"]):not([class*="bg-rose-700"]):not([class*="text-white"]) svg,
a[class*="hover:bg-rose-"]:not([class*="bg-rose-600"]):not([class*="bg-rose-700"]):not([class*="text-white"]) svg {
    color: rgb(225 29 72) !important;
    stroke: currentColor !important;
}

.dark button[class*="text-rose-"]:not([class*="bg-rose-600"]):not([class*="bg-rose-700"]):not([class*="text-white"]),
.dark a[class*="text-rose-"]:not([class*="bg-rose-600"]):not([class*="bg-rose-700"]):not([class*="text-white"]),
.dark div[class*="text-rose-"]:not([class*="bg-rose-600"]):not([class*="bg-rose-700"]):not([class*="text-white"]) > svg,
.dark span[class*="text-rose-"]:not([class*="bg-rose-600"]):not([class*="bg-rose-700"]):not([class*="text-white"]) > svg {
    color: rgb(251 113 133) !important;
}

.dark button[class*="text-rose-"]:not([class*="bg-rose-600"]):not([class*="bg-rose-700"]):not([class*="text-white"]) svg,
.dark a[class*="text-rose-"]:not([class*="bg-rose-600"]):not([class*="bg-rose-700"]):not([class*="text-white"]) svg,
.dark button[class*="hover:bg-rose-"]:not([class*="bg-rose-600"]):not([class*="bg-rose-700"]):not([class*="text-white"]) svg,
.dark a[class*="hover:bg-rose-"]:not([class*="bg-rose-600"]):not([class*="bg-rose-700"]):not([class*="text-white"]) svg {
    color: rgb(251 113 133) !important;
    stroke: currentColor !important;
}

button[class*="hover:text-rose-"]:hover,
a[class*="hover:text-rose-"]:hover,
button[class*="hover:bg-rose-"]:not([class*="bg-rose-600"]):not([class*="bg-rose-700"]):not([class*="text-white"]):hover,
a[class*="hover:bg-rose-"]:not([class*="bg-rose-600"]):not([class*="bg-rose-700"]):not([class*="text-white"]):hover {
    color: rgb(225 29 72) !important;
}

button[class*="hover:text-rose-"]:hover svg,
a[class*="hover:text-rose-"]:hover svg,
button[class*="hover:bg-rose-"]:not([class*="bg-rose-600"]):not([class*="bg-rose-700"]):not([class*="text-white"]):hover svg,
a[class*="hover:bg-rose-"]:not([class*="bg-rose-600"]):not([class*="bg-rose-700"]):not([class*="text-white"]):hover svg {
    color: rgb(225 29 72) !important;
    stroke: currentColor !important;
}

.dark button[class*="hover:text-rose-"]:hover,
.dark a[class*="hover:text-rose-"]:hover,
.dark button[class*="hover:bg-rose-"]:not([class*="bg-rose-600"]):not([class*="bg-rose-700"]):not([class*="text-white"]):hover,
.dark a[class*="hover:bg-rose-"]:not([class*="bg-rose-600"]):not([class*="bg-rose-700"]):not([class*="text-white"]):hover {
    color: rgb(251 113 133) !important;
}

.dark button[class*="hover:text-rose-"]:hover svg,
.dark a[class*="hover:text-rose-"]:hover svg,
.dark button[class*="hover:bg-rose-"]:not([class*="bg-rose-600"]):not([class*="bg-rose-700"]):not([class*="text-white"]):hover svg,
.dark a[class*="hover:bg-rose-"]:not([class*="bg-rose-600"]):not([class*="bg-rose-700"]):not([class*="text-white"]):hover svg {
    color: rgb(251 113 133) !important;
    stroke: currentColor !important;
}

div[class*="bg-rose-100"] svg,
div[class*="bg-rose-500/10"] svg {
    color: rgb(225 29 72) !important;
    stroke: currentColor !important;
}

.dark div[class*="bg-rose-950"] svg,
.dark div[class*="bg-rose-500/20"] svg {
    color: rgb(251 113 133) !important;
    stroke: currentColor !important;
}



/* ── Modern Segmented Control & Tab Switcher Badges ── */
button[class*="bg-[#11646a]"] span[class*="bg-white/"],
a[class*="bg-[#11646a]"] span[class*="bg-white/"],
button[class*="bg-[#0a9099]"] span[class*="bg-white/"],
a[class*="bg-[#0a9099]"] span[class*="bg-white/"],
button[class*="bg-[#026982]"] span[class*="bg-white/"],
a[class*="bg-[#026982]"] span[class*="bg-white/"],
.tab-active span[class*="bg-white/"] {
    background-color: rgba(255, 255, 255, 0.22) !important;
    color: #ffffff !important;
    border: 1px solid rgba(255, 255, 255, 0.3) !important;
}

/* ── Enhanced Button Micro-Interactions & Elevation ── */
button[class*="bg-"]:hover:not(:disabled),
button[class*="rounded-"]:hover:not(:disabled),
a[class*="bg-"]:hover,
.tab-active:hover {
    transition: all 0.25s cubic-bezier(0.16, 1, 0.3, 1);
}