.app-theme-item {
    display: flex;
    align-items: center;
}

.app-theme-toggle {
    display: inline-flex;
    width: 36px;
    height: 36px;
    align-items: center;
    justify-content: center;
    border: 0;
    border-radius: 50%;
    background: transparent;
    cursor: pointer;
    transition: background-color .2s ease;
    transform-origin: center;
}

.app-theme-toggle:hover,
.app-theme-toggle:focus-visible {
    background: #f1f5f9;
    outline: none;
}

.app-theme-toggle:disabled {
    cursor: wait;
    opacity: .7;
}

.theme-icon {
    width: 29px;
    height: 29px;
    overflow: visible;
    filter: drop-shadow(0 1px 1px rgb(15 23 42 / 18%));
    transition: opacity .2s ease, transform .28s ease;
}

.theme-icon-moon {
    display: none;
}

.app-theme-toggle.is-bouncing {
    animation: theme-toggle-bounce .42s cubic-bezier(.34, 1.56, .64, 1);
}

.app-theme-toggle:active {
    transform: scale(.9);
}

@keyframes theme-toggle-bounce {
    0% { transform: scale(1) rotate(0); }
    34% { transform: scale(.78) rotate(-8deg); }
    68% { transform: scale(1.2) rotate(7deg); }
    100% { transform: scale(1) rotate(0); }
}

html[data-app-theme="dark"] {
    color-scheme: dark;
    background: #0f172a;
}

html[data-app-theme="dark"] body {
    background: #0f172a !important;
    color: #e2e8f0;
}

html[data-app-theme="dark"] .app-topbar,
html[data-app-theme="dark"] .app-brand,
html[data-app-theme="dark"] #menuSidebar {
    background: #1e293b !important;
    border-color: #334155 !important;
}

html[data-app-theme="dark"] .app-brand h1,
html[data-app-theme="dark"] .app-brand h6,
html[data-app-theme="dark"] .app-page-title,
html[data-app-theme="dark"] .app-topbar-meta li,
html[data-app-theme="dark"] .app-topbar-meta a,
html[data-app-theme="dark"] .app-topbar-meta button {
    color: #dbe6f5 !important;
}

html[data-app-theme="dark"] #menuBtn,
html[data-app-theme="dark"] #menuBtn:hover,
html[data-app-theme="dark"] #menuBtn:focus-visible {
    color: #f8fafc;
}

html[data-app-theme="dark"] #menuSidebar li,
html[data-app-theme="dark"] #menuSidebar .nav-link,
html[data-app-theme="dark"] #menuSidebar .dropToggle {
    color: #cbd5e1 !important;
}

html[data-app-theme="dark"] #menuSidebar .nav-link:hover,
html[data-app-theme="dark"] #menuSidebar .dropToggle:hover {
    background: #164e63 !important;
    color: #a5f3fc !important;
}

html[data-app-theme="dark"] #menuSidebar .nav-link-active {
    background: #164e63 !important;
    color: #a5f3fc !important;
}

html[data-app-theme="dark"] .app-theme-toggle:hover,
html[data-app-theme="dark"] .app-theme-toggle:focus-visible {
    background: #334155;
}

html[data-app-theme="dark"] .theme-icon-sun {
    display: none;
}

html[data-app-theme="dark"] .theme-icon-moon {
    display: block;
}

html[data-app-theme="dark"] .bg-white,
html[data-app-theme="dark"] .bg-white\/90,
html[data-app-theme="dark"] .bg-white\/80,
html[data-app-theme="dark"] .bg-slate-50,
html[data-app-theme="dark"] .bg-slate-100,
html[data-app-theme="dark"] .bg-gray-50,
html[data-app-theme="dark"] .bg-gray-100,
html[data-app-theme="dark"] .bg-neutral-100,
html[data-app-theme="dark"] .bg-zinc-100,
html[data-app-theme="dark"] .bg-stone-100 {
    background-color: #0f172a !important;
}

html[data-app-theme="dark"] .bg-slate-200,
html[data-app-theme="dark"] .bg-slate-300,
html[data-app-theme="dark"] .bg-slate-400,
html[data-app-theme="dark"] .bg-gray-200,
html[data-app-theme="dark"] .bg-gray-300,
html[data-app-theme="dark"] .bg-neutral-200,
html[data-app-theme="dark"] .bg-neutral-300,
html[data-app-theme="dark"] .bg-zinc-200,
html[data-app-theme="dark"] .bg-zinc-300,
html[data-app-theme="dark"] .bg-stone-200,
html[data-app-theme="dark"] .bg-stone-300 {
    background-color: #334155 !important;
}

html[data-app-theme="dark"] .bg-slate-800 {
    background-color: #1e293b !important;
}

html[data-app-theme="dark"] .bg-slate-900 {
    background-color: #0f172a !important;
}

html[data-app-theme="dark"] .bg-sky-50,
html[data-app-theme="dark"] .bg-cyan-50,
html[data-app-theme="dark"] .bg-sky-50\/90,
html[data-app-theme="dark"] .bg-cyan-50\/90 {
    background-color: #164e63 !important;
}

html[data-app-theme="dark"] .bg-sky-100,
html[data-app-theme="dark"] .bg-cyan-100,
html[data-app-theme="dark"] .bg-sky-200,
html[data-app-theme="dark"] .bg-cyan-200 {
    background-color: #155e75 !important;
}

html[data-app-theme="dark"] .bg-blue-50,
html[data-app-theme="dark"] .bg-indigo-50,
html[data-app-theme="dark"] .bg-violet-50,
html[data-app-theme="dark"] .bg-purple-50 {
    background-color: #1e3a8a !important;
}

html[data-app-theme="dark"] .bg-blue-100,
html[data-app-theme="dark"] .bg-indigo-100,
html[data-app-theme="dark"] .bg-violet-100,
html[data-app-theme="dark"] .bg-purple-100,
html[data-app-theme="dark"] .bg-blue-200,
html[data-app-theme="dark"] .bg-indigo-200,
html[data-app-theme="dark"] .bg-violet-200,
html[data-app-theme="dark"] .bg-purple-200 {
    background-color: #312e81 !important;
}

html[data-app-theme="dark"] .bg-emerald-50,
html[data-app-theme="dark"] .bg-green-50,
html[data-app-theme="dark"] .bg-teal-50,
html[data-app-theme="dark"] .bg-lime-50 {
    background-color: #064e3b !important;
}

html[data-app-theme="dark"] .bg-emerald-100,
html[data-app-theme="dark"] .bg-green-100,
html[data-app-theme="dark"] .bg-teal-100,
html[data-app-theme="dark"] .bg-lime-100,
html[data-app-theme="dark"] .bg-emerald-200,
html[data-app-theme="dark"] .bg-green-200,
html[data-app-theme="dark"] .bg-teal-200,
html[data-app-theme="dark"] .bg-lime-200 {
    background-color: #065f46 !important;
}

html[data-app-theme="dark"] .bg-amber-50,
html[data-app-theme="dark"] .bg-yellow-50,
html[data-app-theme="dark"] .bg-orange-50,
html[data-app-theme="dark"] .bg-amber-50\/90,
html[data-app-theme="dark"] .bg-yellow-50\/90 {
    background-color: #78350f !important;
}

html[data-app-theme="dark"] .bg-amber-100,
html[data-app-theme="dark"] .bg-yellow-100,
html[data-app-theme="dark"] .bg-orange-100,
html[data-app-theme="dark"] .bg-amber-200,
html[data-app-theme="dark"] .bg-yellow-200,
html[data-app-theme="dark"] .bg-orange-200 {
    background-color: #92400e !important;
}

html[data-app-theme="dark"] .bg-red-50,
html[data-app-theme="dark"] .bg-rose-50,
html[data-app-theme="dark"] .bg-pink-50,
html[data-app-theme="dark"] .bg-fuchsia-50 {
    background-color: #881337 !important;
}

html[data-app-theme="dark"] .bg-red-100,
html[data-app-theme="dark"] .bg-rose-100,
html[data-app-theme="dark"] .bg-pink-100,
html[data-app-theme="dark"] .bg-fuchsia-100,
html[data-app-theme="dark"] .bg-red-200,
html[data-app-theme="dark"] .bg-rose-200,
html[data-app-theme="dark"] .bg-pink-200,
html[data-app-theme="dark"] .bg-fuchsia-200 {
    background-color: #9f1239 !important;
}

html[data-app-theme="dark"] .bg-stone-50,
html[data-app-theme="dark"] .bg-neutral-50,
html[data-app-theme="dark"] .bg-zinc-50 {
    background-color: #1e293b !important;
}

html[data-app-theme="dark"] .text-slate-900,
html[data-app-theme="dark"] .text-slate-800,
html[data-app-theme="dark"] .text-slate-700,
html[data-app-theme="dark"] .text-gray-900,
html[data-app-theme="dark"] .text-gray-800,
html[data-app-theme="dark"] .text-gray-700 {
    color: #e2e8f0 !important;
}

html[data-app-theme="dark"] .text-slate-600,
html[data-app-theme="dark"] .text-slate-500,
html[data-app-theme="dark"] .text-gray-600,
html[data-app-theme="dark"] .text-gray-500 {
    color: #a9b8cc !important;
}

html[data-app-theme="dark"] .text-sky-600,
html[data-app-theme="dark"] .text-cyan-600,
html[data-app-theme="dark"] .text-sky-700,
html[data-app-theme="dark"] .text-sky-800,
html[data-app-theme="dark"] .text-sky-900,
html[data-app-theme="dark"] .text-sky-950,
html[data-app-theme="dark"] .text-cyan-700,
html[data-app-theme="dark"] .text-cyan-800,
html[data-app-theme="dark"] .text-cyan-900,
html[data-app-theme="dark"] .text-cyan-950,
html[data-app-theme="dark"] .text-blue-600,
html[data-app-theme="dark"] .text-blue-700,
html[data-app-theme="dark"] .text-blue-800,
html[data-app-theme="dark"] .text-blue-900,
html[data-app-theme="dark"] .text-blue-950,
html[data-app-theme="dark"] .text-indigo-600,
html[data-app-theme="dark"] .text-indigo-700,
html[data-app-theme="dark"] .text-indigo-800,
html[data-app-theme="dark"] .text-indigo-900,
html[data-app-theme="dark"] .text-indigo-950,
html[data-app-theme="dark"] .text-violet-600,
html[data-app-theme="dark"] .text-violet-700,
html[data-app-theme="dark"] .text-violet-800,
html[data-app-theme="dark"] .text-violet-900,
html[data-app-theme="dark"] .text-violet-950,
html[data-app-theme="dark"] .text-purple-600,
html[data-app-theme="dark"] .text-purple-700,
html[data-app-theme="dark"] .text-purple-800,
html[data-app-theme="dark"] .text-purple-900,
html[data-app-theme="dark"] .text-purple-950 {
    color: #67e8f9 !important;
}

html[data-app-theme="dark"] .text-emerald-600,
html[data-app-theme="dark"] .text-green-600,
html[data-app-theme="dark"] .text-teal-600,
html[data-app-theme="dark"] .text-emerald-700,
html[data-app-theme="dark"] .text-emerald-800,
html[data-app-theme="dark"] .text-emerald-900,
html[data-app-theme="dark"] .text-green-700,
html[data-app-theme="dark"] .text-green-800,
html[data-app-theme="dark"] .text-green-900,
html[data-app-theme="dark"] .text-teal-700,
html[data-app-theme="dark"] .text-teal-800,
html[data-app-theme="dark"] .text-teal-900,
html[data-app-theme="dark"] .text-teal-950,
html[data-app-theme="dark"] .text-lime-600,
html[data-app-theme="dark"] .text-lime-700,
html[data-app-theme="dark"] .text-lime-800,
html[data-app-theme="dark"] .text-lime-900,
html[data-app-theme="dark"] .text-lime-950 {
    color: #6ee7b7 !important;
}

html[data-app-theme="dark"] .text-amber-600,
html[data-app-theme="dark"] .text-amber-700,
html[data-app-theme="dark"] .text-amber-800,
html[data-app-theme="dark"] .text-amber-900,
html[data-app-theme="dark"] .text-amber-950,
html[data-app-theme="dark"] .text-yellow-600,
html[data-app-theme="dark"] .text-yellow-700,
html[data-app-theme="dark"] .text-yellow-800,
html[data-app-theme="dark"] .text-yellow-900,
html[data-app-theme="dark"] .text-yellow-950,
html[data-app-theme="dark"] .text-orange-600,
html[data-app-theme="dark"] .text-orange-700,
html[data-app-theme="dark"] .text-orange-800,
html[data-app-theme="dark"] .text-orange-900,
html[data-app-theme="dark"] .text-orange-950 {
    color: #fde68a !important;
}

html[data-app-theme="dark"] .text-red-600,
html[data-app-theme="dark"] .text-red-700,
html[data-app-theme="dark"] .text-red-800,
html[data-app-theme="dark"] .text-red-900,
html[data-app-theme="dark"] .text-rose-600,
html[data-app-theme="dark"] .text-rose-700,
html[data-app-theme="dark"] .text-rose-800,
html[data-app-theme="dark"] .text-rose-900,
html[data-app-theme="dark"] .text-rose-950,
html[data-app-theme="dark"] .text-pink-600,
html[data-app-theme="dark"] .text-pink-700,
html[data-app-theme="dark"] .text-pink-800,
html[data-app-theme="dark"] .text-pink-900,
html[data-app-theme="dark"] .text-pink-950,
html[data-app-theme="dark"] .text-fuchsia-600,
html[data-app-theme="dark"] .text-fuchsia-700,
html[data-app-theme="dark"] .text-fuchsia-800,
html[data-app-theme="dark"] .text-fuchsia-900,
html[data-app-theme="dark"] .text-fuchsia-950 {
    color: #fda4af !important;
}

html[data-app-theme="dark"] .border-slate-100,
html[data-app-theme="dark"] .border-slate-200,
html[data-app-theme="dark"] .border-slate-300,
html[data-app-theme="dark"] .border-gray-100,
html[data-app-theme="dark"] .border-gray-200 {
    border-color: #334155 !important;
}

html[data-app-theme="dark"] .border-sky-200,
html[data-app-theme="dark"] .border-sky-300,
html[data-app-theme="dark"] .border-cyan-200,
html[data-app-theme="dark"] .border-cyan-300 {
    border-color: #0e7490 !important;
}

html[data-app-theme="dark"] .border-emerald-200,
html[data-app-theme="dark"] .border-green-200,
html[data-app-theme="dark"] .border-teal-200 {
    border-color: #047857 !important;
}

html[data-app-theme="dark"] .border-amber-200,
html[data-app-theme="dark"] .border-yellow-200,
html[data-app-theme="dark"] .border-orange-200 {
    border-color: #b45309 !important;
}

html[data-app-theme="dark"] .border-red-200,
html[data-app-theme="dark"] .border-rose-200 {
    border-color: #be123c !important;
}

html[data-app-theme="dark"] [class~="hover:bg-slate-50"]:hover,
html[data-app-theme="dark"] [class~="hover:bg-slate-100"]:hover,
html[data-app-theme="dark"] [class~="hover:bg-gray-50"]:hover,
html[data-app-theme="dark"] [class~="hover:bg-gray-100"]:hover {
    background-color: #1e293b !important;
}

html[data-app-theme="dark"] [class~="hover:bg-sky-50"]:hover,
html[data-app-theme="dark"] [class~="hover:bg-cyan-50"]:hover,
html[data-app-theme="dark"] [class~="hover:bg-blue-50"]:hover,
html[data-app-theme="dark"] [class~="hover:bg-indigo-50"]:hover,
html[data-app-theme="dark"] [class~="hover:bg-violet-50"]:hover,
html[data-app-theme="dark"] [class~="hover:bg-purple-50"]:hover {
    background-color: #164e63 !important;
}

html[data-app-theme="dark"] [class~="hover:bg-emerald-50"]:hover,
html[data-app-theme="dark"] [class~="hover:bg-green-50"]:hover,
html[data-app-theme="dark"] [class~="hover:bg-teal-50"]:hover,
html[data-app-theme="dark"] [class~="hover:bg-lime-50"]:hover {
    background-color: #064e3b !important;
}

html[data-app-theme="dark"] [class~="hover:bg-rose-50"]:hover,
html[data-app-theme="dark"] [class~="hover:bg-red-50"]:hover,
html[data-app-theme="dark"] [class~="hover:bg-pink-50"]:hover,
html[data-app-theme="dark"] [class~="hover:bg-fuchsia-50"]:hover {
    background-color: #881337 !important;
}

html[data-app-theme="dark"] [class~="hover:bg-amber-50"]:hover,
html[data-app-theme="dark"] [class~="hover:bg-yellow-50"]:hover,
html[data-app-theme="dark"] [class~="hover:bg-orange-50"]:hover {
    background-color: #78350f !important;
}

html[data-app-theme="dark"] #rekapTable th[style*="color: #334155" i],
html[data-app-theme="dark"] #rekapTable th[style*="color: #0f172a" i] {
    color: #e2e8f0 !important;
}

html[data-app-theme="dark"] #rekapTable [style*="background-color: #dbeafe" i],
html[data-app-theme="dark"] #rekapTable [style*="background-color: #eff6ff" i] {
    background-color: #172554 !important;
}

html[data-app-theme="dark"] #rekapTable [style*="background-color: #dcfce7" i],
html[data-app-theme="dark"] #rekapTable [style*="background-color: #f0fdf4" i] {
    background-color: #052e16 !important;
}

html[data-app-theme="dark"] #rekapTable [style*="background-color: #fef3c7" i],
html[data-app-theme="dark"] #rekapTable [style*="background-color: #fffbeb" i] {
    background-color: #422006 !important;
}

html[data-app-theme="dark"] #rekapTable [style*="background-color: #fce7f3" i],
html[data-app-theme="dark"] #rekapTable [style*="background-color: #fdf2f8" i] {
    background-color: #500724 !important;
}

html[data-app-theme="dark"] #rekapTable [style*="background-color: #ede9fe" i],
html[data-app-theme="dark"] #rekapTable [style*="background-color: #f5f3ff" i] {
    background-color: #2e1065 !important;
}

html[data-app-theme="dark"] #rekapTable [style*="background-color: #cffafe" i],
html[data-app-theme="dark"] #rekapTable [style*="background-color: #ecfeff" i] {
    background-color: #083344 !important;
}

html[data-app-theme="dark"] #rekapTable [style*="background-color: #ffedd5" i],
html[data-app-theme="dark"] #rekapTable [style*="background-color: #fff7ed" i] {
    background-color: #431407 !important;
}

html[data-app-theme="dark"] #rekapTable [style*="background-color: #e0e7ff" i],
html[data-app-theme="dark"] #rekapTable [style*="background-color: #eef2ff" i] {
    background-color: #1e1b4b !important;
}

html[data-app-theme="dark"] #rekapTable [style*="background-color: #f1f5f9" i],
html[data-app-theme="dark"] #rekapTable [style*="background-color: #f8fafc" i],
html[data-app-theme="dark"] #rekapTable [style*="background-color: #cbd5e1" i],
html[data-app-theme="dark"] #rekapTable [style*="background-color: #e2e8f0" i] {
    background-color: #1e293b !important;
}

html[data-app-theme="dark"] input:not([type="checkbox"]):not([type="radio"]),
html[data-app-theme="dark"] select,
html[data-app-theme="dark"] textarea {
    border-color: #3a4a61;
    background-color: #1e293b;
    color: #e2e8f0;
}

html[data-app-theme="dark"] input::placeholder,
html[data-app-theme="dark"] textarea::placeholder {
    color: #8191a7;
}

html[data-app-theme="dark"] table thead,
html[data-app-theme="dark"] table tfoot {
    background-color: #1e293b;
    color: #dbe6f5;
}

#orderTableHead th {
    background-color: #f1f5f9 !important;
    color: #475569;
}

html[data-app-theme="dark"] #orderTableHead th {
    background-color: #1e293b !important;
    color: #dbe6f5;
}

html[data-app-theme="dark"] table tbody tr {
    border-color: #334155;
}

html[data-app-theme="dark"] table tbody tr:hover {
    background-color: #1e293b;
}

html[data-app-theme="dark"] dialog {
    border-color: #334155;
    background: #1e293b;
    color: #e2e8f0;
}

html[data-app-theme="dark"] dialog input,
html[data-app-theme="dark"] dialog select,
html[data-app-theme="dark"] dialog textarea {
    background: #0f172a;
    color: #e2e8f0;
}

html[data-app-theme="dark"] .app-notification-panel {
    border-color: #334155;
    background: #1e293b;
    color: #e2e8f0;
}

/* Shared application palette: colorful semantic accents on calm page surfaces. */
:root {
    --app-page: #f2f6fb;
    --app-surface: #ffffff;
    --app-surface-raised: #f8fbff;
    --app-border: #d6e1ed;
    --app-ink: #1e293b;
    --app-muted: #52647a;
}

html:not([data-app-theme="dark"]) body {
    background-color: var(--app-page) !important;
    color: var(--app-ink);
}

html:not([data-app-theme="dark"]) .app-topbar,
html:not([data-app-theme="dark"]) .app-brand,
html:not([data-app-theme="dark"]) #menuSidebar {
    background-color: var(--app-surface) !important;
    border-color: var(--app-border) !important;
}

html:not([data-app-theme="dark"]) :is(.bg-white, .bg-white\/80, .bg-white\/90) {
    background-color: var(--app-surface) !important;
}

html:not([data-app-theme="dark"]) :is(.bg-slate-50, .bg-slate-100, .bg-gray-50, .bg-gray-100, .bg-neutral-50, .bg-neutral-100, .bg-zinc-50, .bg-zinc-100, .bg-stone-50, .bg-stone-100) {
    background-color: var(--app-page) !important;
}

html:not([data-app-theme="dark"]) :is(.bg-slate-200, .bg-slate-300, .bg-gray-200, .bg-gray-300, .bg-neutral-200, .bg-neutral-300, .bg-zinc-200, .bg-zinc-300, .bg-stone-200, .bg-stone-300) {
    background-color: #e4edf6 !important;
}

html:not([data-app-theme="dark"]) :is(.bg-sky-50, .bg-sky-100, .bg-blue-50, .bg-blue-100) { background-color: #e5f0ff !important; }
html:not([data-app-theme="dark"]) :is(.bg-violet-50, .bg-violet-100, .bg-purple-50, .bg-purple-100) { background-color: #f0ebff !important; }
html:not([data-app-theme="dark"]) :is(.bg-indigo-50, .bg-indigo-100) { background-color: #ecebff !important; }
html:not([data-app-theme="dark"]) :is(.bg-cyan-50, .bg-cyan-100, .bg-teal-50, .bg-teal-100) { background-color: #e1f7f8 !important; }
html:not([data-app-theme="dark"]) :is(.bg-emerald-50, .bg-emerald-100, .bg-green-50, .bg-green-100) { background-color: #e7f7ed !important; }
html:not([data-app-theme="dark"]) :is(.bg-lime-50, .bg-lime-100) { background-color: #f0f7df !important; }
html:not([data-app-theme="dark"]) :is(.bg-amber-50, .bg-amber-100, .bg-yellow-50, .bg-yellow-100) { background-color: #fff5dc !important; }
html:not([data-app-theme="dark"]) :is(.bg-orange-50, .bg-orange-100) { background-color: #fff0e4 !important; }
html:not([data-app-theme="dark"]) :is(.bg-red-50, .bg-red-100, .bg-rose-50, .bg-rose-100) { background-color: #fff0f1 !important; }
html:not([data-app-theme="dark"]) :is(.bg-pink-50, .bg-pink-100, .bg-fuchsia-50, .bg-fuchsia-100) { background-color: #fff0f8 !important; }

html:not([data-app-theme="dark"]) :is(.bg-sky-200, .bg-blue-200) { background-color: #cfe3ff !important; }
html:not([data-app-theme="dark"]) :is(.bg-violet-200, .bg-purple-200) { background-color: #ddd0ff !important; }
html:not([data-app-theme="dark"]) .bg-indigo-200 { background-color: #d1d4ff !important; }
html:not([data-app-theme="dark"]) :is(.bg-cyan-200, .bg-teal-200) { background-color: #b9ecee !important; }
html:not([data-app-theme="dark"]) :is(.bg-emerald-200, .bg-green-200) { background-color: #c4ebd3 !important; }
html:not([data-app-theme="dark"]) .bg-lime-200 { background-color: #e0efb3 !important; }
html:not([data-app-theme="dark"]) :is(.bg-amber-200, .bg-yellow-200) { background-color: #ffe49a !important; }
html:not([data-app-theme="dark"]) .bg-orange-200 { background-color: #ffd5b5 !important; }
html:not([data-app-theme="dark"]) :is(.bg-red-200, .bg-rose-200) { background-color: #ffcbd2 !important; }
html:not([data-app-theme="dark"]) :is(.bg-pink-200, .bg-fuchsia-200) { background-color: #ffc6e6 !important; }

html:not([data-app-theme="dark"]) :is(.text-sky-500, .text-sky-600, .text-sky-700, .text-blue-500, .text-blue-600, .text-blue-700) { color: #1d4ed8 !important; }
html:not([data-app-theme="dark"]) .text-indigo-600 { color: #4338ca !important; }
html:not([data-app-theme="dark"]) :is(.text-cyan-600, .text-cyan-700, .text-teal-600, .text-teal-700) { color: #0e7490 !important; }
html:not([data-app-theme="dark"]) :is(.text-emerald-500, .text-emerald-600, .text-emerald-700, .text-green-600, .text-green-700) { color: #047857 !important; }
html:not([data-app-theme="dark"]) :is(.text-lime-600, .text-lime-700) { color: #4d7c0f !important; }
html:not([data-app-theme="dark"]) :is(.text-amber-500, .text-amber-600, .text-amber-700, .text-yellow-600, .text-yellow-700) { color: #92400e !important; }
html:not([data-app-theme="dark"]) :is(.text-orange-600, .text-orange-700) { color: #c2410c !important; }
html:not([data-app-theme="dark"]) :is(.text-red-600, .text-rose-500, .text-rose-600, .text-rose-700) { color: #be123c !important; }
html:not([data-app-theme="dark"]) :is(.text-pink-600, .text-pink-700, .text-fuchsia-600, .text-fuchsia-700) { color: #a21caf !important; }
html:not([data-app-theme="dark"]) :is(.text-violet-600, .text-violet-700, .text-purple-600, .text-purple-700) { color: #6d28d9 !important; }

html[data-app-theme="dark"] {
    color-scheme: dark;
    --app-page: #0f172a;
    --app-surface: #172235;
    --app-surface-raised: #1e293b;
    --app-border: #334155;
    --app-ink: #e2e8f0;
    --app-muted: #a8b7ca;
    background-color: var(--app-page);
}

html[data-app-theme="dark"] body { background-color: var(--app-page) !important; color: var(--app-ink); }
html[data-app-theme="dark"] .app-topbar,
html[data-app-theme="dark"] .app-brand,
html[data-app-theme="dark"] #menuSidebar,
html[data-app-theme="dark"] :is(.bg-white, .bg-white\/80, .bg-white\/90, .bg-slate-50, .bg-slate-100, .bg-gray-50, .bg-gray-100, .bg-neutral-50, .bg-neutral-100, .bg-zinc-50, .bg-zinc-100, .bg-stone-50, .bg-stone-100) {
    background-color: var(--app-surface) !important;
    border-color: var(--app-border) !important;
}

html[data-app-theme="dark"] :is(.bg-slate-200, .bg-slate-300, .bg-gray-200, .bg-gray-300, .bg-neutral-200, .bg-neutral-300, .bg-zinc-200, .bg-zinc-300, .bg-stone-200, .bg-stone-300) { background-color: #334155 !important; }
html[data-app-theme="dark"] :is(.bg-sky-50, .bg-sky-100, .bg-blue-50, .bg-blue-100) { background-color: #1b3151 !important; }
html[data-app-theme="dark"] :is(.bg-violet-50, .bg-violet-100, .bg-purple-50, .bg-purple-100) { background-color: #30264a !important; }
html[data-app-theme="dark"] :is(.bg-indigo-50, .bg-indigo-100) { background-color: #23294c !important; }
html[data-app-theme="dark"] :is(.bg-cyan-50, .bg-cyan-100, .bg-teal-50, .bg-teal-100) { background-color: #123a43 !important; }
html[data-app-theme="dark"] :is(.bg-emerald-50, .bg-emerald-100, .bg-green-50, .bg-green-100) { background-color: #143b2e !important; }
html[data-app-theme="dark"] :is(.bg-lime-50, .bg-lime-100) { background-color: #343a1e !important; }
html[data-app-theme="dark"] :is(.bg-amber-50, .bg-amber-100, .bg-yellow-50, .bg-yellow-100) { background-color: #46320f !important; }
html[data-app-theme="dark"] :is(.bg-orange-50, .bg-orange-100) { background-color: #48291b !important; }
html[data-app-theme="dark"] :is(.bg-red-50, .bg-red-100, .bg-rose-50, .bg-rose-100) { background-color: #481f31 !important; }
html[data-app-theme="dark"] :is(.bg-pink-50, .bg-pink-100, .bg-fuchsia-50, .bg-fuchsia-100) { background-color: #45213f !important; }

html[data-app-theme="dark"] :is(.bg-sky-200, .bg-blue-200) { background-color: #244b73 !important; }
html[data-app-theme="dark"] :is(.bg-violet-200, .bg-purple-200) { background-color: #49376c !important; }
html[data-app-theme="dark"] .bg-indigo-200 { background-color: #3b4476 !important; }
html[data-app-theme="dark"] :is(.bg-cyan-200, .bg-teal-200) { background-color: #15545e !important; }
html[data-app-theme="dark"] :is(.bg-emerald-200, .bg-green-200) { background-color: #1a5a3b !important; }
html[data-app-theme="dark"] .bg-lime-200 { background-color: #505821 !important; }
html[data-app-theme="dark"] :is(.bg-amber-200, .bg-yellow-200) { background-color: #624610 !important; }
html[data-app-theme="dark"] .bg-orange-200 { background-color: #663719 !important; }
html[data-app-theme="dark"] :is(.bg-red-200, .bg-rose-200) { background-color: #65243b !important; }
html[data-app-theme="dark"] :is(.bg-pink-200, .bg-fuchsia-200) { background-color: #622b57 !important; }

html[data-app-theme="dark"] :is(.text-sky-500, .text-sky-600, .text-sky-700, .text-blue-500, .text-blue-600, .text-blue-700) { color: #93c5fd !important; }
html[data-app-theme="dark"] .text-indigo-600 { color: #a5b4fc !important; }
html[data-app-theme="dark"] :is(.text-cyan-600, .text-cyan-700, .text-teal-600, .text-teal-700) { color: #67e8f9 !important; }
html[data-app-theme="dark"] :is(.text-emerald-500, .text-emerald-600, .text-emerald-700, .text-emerald-800, .text-green-600, .text-green-700, .text-green-800) { color: #86efac !important; }
html[data-app-theme="dark"] :is(.text-lime-600, .text-lime-700) { color: #bef264 !important; }
html[data-app-theme="dark"] :is(.text-amber-500, .text-amber-600, .text-amber-700, .text-amber-800, .text-yellow-600, .text-yellow-700) { color: #fcd34d !important; }
html[data-app-theme="dark"] :is(.text-orange-600, .text-orange-700) { color: #fdba74 !important; }
html[data-app-theme="dark"] :is(.text-red-600, .text-rose-500, .text-rose-600, .text-rose-700, .text-rose-800) { color: #fda4af !important; }
html[data-app-theme="dark"] :is(.text-pink-600, .text-pink-700, .text-fuchsia-600, .text-fuchsia-700) { color: #f0abfc !important; }
html[data-app-theme="dark"] :is(.text-violet-600, .text-violet-700, .text-purple-600, .text-purple-700) { color: #c4b5fd !important; }

html:not([data-app-theme="dark"]) :is(.bg-sky-400, .bg-sky-500, .bg-sky-600, .bg-blue-500, .bg-blue-600) { background-color: #2563eb !important; }
html:not([data-app-theme="dark"]) :is(.bg-cyan-500, .bg-cyan-600, .bg-teal-500, .bg-teal-600) { background-color: #0e7490 !important; }
html:not([data-app-theme="dark"]) :is(.bg-emerald-500, .bg-emerald-600, .bg-green-500, .bg-green-600) { background-color: #047857 !important; }
html:not([data-app-theme="dark"]) :is(.bg-amber-400, .bg-amber-500, .bg-amber-600, .bg-yellow-500, .bg-yellow-600) { background-color: #b45309 !important; }
html:not([data-app-theme="dark"]) :is(.bg-orange-500, .bg-orange-600) { background-color: #c2410c !important; }
html:not([data-app-theme="dark"]) :is(.bg-red-500, .bg-red-600, .bg-rose-500, .bg-rose-600) { background-color: #be123c !important; }
html:not([data-app-theme="dark"]) :is(.bg-pink-500, .bg-pink-600, .bg-fuchsia-500, .bg-fuchsia-600) { background-color: #a21caf !important; }
html:not([data-app-theme="dark"]) :is(.bg-violet-500, .bg-violet-600, .bg-purple-500, .bg-purple-600) { background-color: #6d28d9 !important; }

html[data-app-theme="dark"] :is(.bg-sky-400, .bg-sky-500, .bg-sky-600, .bg-blue-500, .bg-blue-600) { background-color: #2563eb !important; }
html[data-app-theme="dark"] :is(.bg-cyan-500, .bg-cyan-600, .bg-teal-500, .bg-teal-600) { background-color: #0e7490 !important; }
html[data-app-theme="dark"] :is(.bg-emerald-500, .bg-emerald-600, .bg-green-500, .bg-green-600) { background-color: #047857 !important; }
html[data-app-theme="dark"] :is(.bg-amber-400, .bg-amber-500, .bg-amber-600, .bg-yellow-500, .bg-yellow-600) { background-color: #b45309 !important; }
html[data-app-theme="dark"] :is(.bg-orange-500, .bg-orange-600) { background-color: #c2410c !important; }
html[data-app-theme="dark"] :is(.bg-red-500, .bg-red-600, .bg-rose-500, .bg-rose-600) { background-color: #be123c !important; }
html[data-app-theme="dark"] :is(.bg-pink-500, .bg-pink-600, .bg-fuchsia-500, .bg-fuchsia-600) { background-color: #a21caf !important; }
html[data-app-theme="dark"] :is(.bg-violet-500, .bg-violet-600, .bg-purple-500, .bg-purple-600) { background-color: #6d28d9 !important; }

html:not([data-app-theme="dark"]) :is(.border-slate-100, .border-slate-200, .border-slate-300, .border-gray-100, .border-gray-200, .border-gray-300) { border-color: #d6e1ed !important; }
html[data-app-theme="dark"] :is(.border-slate-100, .border-slate-200, .border-slate-300, .border-gray-100, .border-gray-200, .border-gray-300) { border-color: #334155 !important; }
html:not([data-app-theme="dark"]) :is(.border-blue-100, .border-blue-200, .border-indigo-100, .border-indigo-200) { border-color: #9bbcff !important; }
html:not([data-app-theme="dark"]) :is(.border-cyan-100, .border-cyan-200, .border-teal-100, .border-teal-200) { border-color: #83dce2 !important; }
html:not([data-app-theme="dark"]) :is(.border-green-100, .border-green-200, .border-emerald-100, .border-emerald-200) { border-color: #8bd3a6 !important; }
html:not([data-app-theme="dark"]) :is(.border-amber-100, .border-amber-200, .border-yellow-100, .border-yellow-200) { border-color: #e8c46d !important; }
html:not([data-app-theme="dark"]) :is(.border-orange-100, .border-orange-200) { border-color: #efaa79 !important; }
html:not([data-app-theme="dark"]) :is(.border-rose-100, .border-rose-200, .border-red-100, .border-red-200) { border-color: #ed9eae !important; }
html:not([data-app-theme="dark"]) :is(.border-pink-100, .border-pink-200, .border-fuchsia-100, .border-fuchsia-200) { border-color: #e59acb !important; }
html:not([data-app-theme="dark"]) :is(.border-violet-100, .border-violet-200, .border-purple-100, .border-purple-200) { border-color: #baa1ef !important; }
html[data-app-theme="dark"] :is(.border-blue-100, .border-blue-200, .border-indigo-100, .border-indigo-200) { border-color: #5368a2 !important; }
html[data-app-theme="dark"] :is(.border-cyan-100, .border-cyan-200, .border-teal-100, .border-teal-200) { border-color: #167c86 !important; }
html[data-app-theme="dark"] :is(.border-green-100, .border-green-200, .border-emerald-100, .border-emerald-200) { border-color: #18734b !important; }
html[data-app-theme="dark"] :is(.border-amber-100, .border-amber-200, .border-yellow-100, .border-yellow-200) { border-color: #9a681e !important; }
html[data-app-theme="dark"] :is(.border-orange-100, .border-orange-200) { border-color: #9a5128 !important; }
html[data-app-theme="dark"] :is(.border-rose-100, .border-rose-200, .border-red-100, .border-red-200) { border-color: #98475c !important; }
html[data-app-theme="dark"] :is(.border-pink-100, .border-pink-200, .border-fuchsia-100, .border-fuchsia-200) { border-color: #914b83 !important; }
html[data-app-theme="dark"] :is(.border-violet-100, .border-violet-200, .border-purple-100, .border-purple-200) { border-color: #7054a0 !important; }

html:not([data-app-theme="dark"]) :is([class~="hover:bg-sky-50"], [class~="hover:bg-blue-50"]):hover { background-color: #d7e8ff !important; }
html:not([data-app-theme="dark"]) :is([class~="hover:bg-cyan-50"], [class~="hover:bg-teal-50"]):hover { background-color: #c9eff1 !important; }
html:not([data-app-theme="dark"]) :is([class~="hover:bg-emerald-50"], [class~="hover:bg-green-50"]):hover { background-color: #d1f0dd !important; }
html:not([data-app-theme="dark"]) :is([class~="hover:bg-amber-50"], [class~="hover:bg-yellow-50"]):hover { background-color: #ffedc2 !important; }
html:not([data-app-theme="dark"]) [class~="hover:bg-orange-50"]:hover { background-color: #ffdfc7 !important; }
html:not([data-app-theme="dark"]) :is([class~="hover:bg-rose-50"], [class~="hover:bg-red-50"]):hover { background-color: #ffdce1 !important; }
html:not([data-app-theme="dark"]) :is([class~="hover:bg-pink-50"], [class~="hover:bg-fuchsia-50"]):hover { background-color: #ffd8ef !important; }
html:not([data-app-theme="dark"]) :is([class~="hover:bg-violet-50"], [class~="hover:bg-purple-50"]):hover { background-color: #e4d7ff !important; }

html[data-app-theme="dark"] :is([class~="hover:bg-sky-50"], [class~="hover:bg-blue-50"]):hover { background-color: #294875 !important; }
html[data-app-theme="dark"] :is([class~="hover:bg-cyan-50"], [class~="hover:bg-teal-50"]):hover { background-color: #17606b !important; }
html[data-app-theme="dark"] :is([class~="hover:bg-emerald-50"], [class~="hover:bg-green-50"]):hover { background-color: #1d6241 !important; }
html[data-app-theme="dark"] :is([class~="hover:bg-amber-50"], [class~="hover:bg-yellow-50"]):hover { background-color: #715116 !important; }
html[data-app-theme="dark"] [class~="hover:bg-orange-50"]:hover { background-color: #754123 !important; }
html[data-app-theme="dark"] :is([class~="hover:bg-rose-50"], [class~="hover:bg-red-50"]):hover { background-color: #742a45 !important; }
html[data-app-theme="dark"] :is([class~="hover:bg-pink-50"], [class~="hover:bg-fuchsia-50"]):hover { background-color: #71325f !important; }
html[data-app-theme="dark"] :is([class~="hover:bg-violet-50"], [class~="hover:bg-purple-50"]):hover { background-color: #513978 !important; }

html:not([data-app-theme="dark"]) #rekapTable th[style*="color: #334155" i],
html:not([data-app-theme="dark"]) #rekapTable th[style*="color: #0f172a" i] { color: #1e293b !important; }
html[data-app-theme="dark"] #rekapTable th[style*="color: #334155" i],
html[data-app-theme="dark"] #rekapTable th[style*="color: #0f172a" i] { color: #e2e8f0 !important; }

html:not([data-app-theme="dark"]) #rekapTable [style*="background-color: #dbeafe" i],
html:not([data-app-theme="dark"]) #rekapTable [style*="background-color: #eff6ff" i] { background-color: #e5f0ff !important; }
html:not([data-app-theme="dark"]) #rekapTable [style*="background-color: #dcfce7" i],
html:not([data-app-theme="dark"]) #rekapTable [style*="background-color: #f0fdf4" i] { background-color: #e7f7ed !important; }
html:not([data-app-theme="dark"]) #rekapTable [style*="background-color: #fef3c7" i],
html:not([data-app-theme="dark"]) #rekapTable [style*="background-color: #fffbeb" i] { background-color: #fff5dc !important; }
html:not([data-app-theme="dark"]) #rekapTable [style*="background-color: #fce7f3" i],
html:not([data-app-theme="dark"]) #rekapTable [style*="background-color: #fdf2f8" i] { background-color: #fff0f1 !important; }
html:not([data-app-theme="dark"]) #rekapTable [style*="background-color: #ede9fe" i],
html:not([data-app-theme="dark"]) #rekapTable [style*="background-color: #f5f3ff" i] { background-color: #f0ebff !important; }
html:not([data-app-theme="dark"]) #rekapTable [style*="background-color: #e0e7ff" i],
html:not([data-app-theme="dark"]) #rekapTable [style*="background-color: #eef2ff" i] { background-color: #ecebff !important; }
html:not([data-app-theme="dark"]) #rekapTable [style*="background-color: #cffafe" i],
html:not([data-app-theme="dark"]) #rekapTable [style*="background-color: #ecfeff" i] { background-color: #e1f7f8 !important; }
html:not([data-app-theme="dark"]) #rekapTable [style*="background-color: #ffedd5" i],
html:not([data-app-theme="dark"]) #rekapTable [style*="background-color: #fff7ed" i] { background-color: #fff0e4 !important; }
html:not([data-app-theme="dark"]) #rekapTable [style*="background-color: #cbd5e1" i],
html:not([data-app-theme="dark"]) #rekapTable [style*="background-color: #e2e8f0" i] { background-color: #e4edf6 !important; }

html[data-app-theme="dark"] #rekapTable [style*="background-color: #dbeafe" i],
html[data-app-theme="dark"] #rekapTable [style*="background-color: #eff6ff" i] { background-color: #202d52 !important; }
html[data-app-theme="dark"] #rekapTable [style*="background-color: #dcfce7" i],
html[data-app-theme="dark"] #rekapTable [style*="background-color: #f0fdf4" i] { background-color: #143b2e !important; }
html[data-app-theme="dark"] #rekapTable [style*="background-color: #fef3c7" i],
html[data-app-theme="dark"] #rekapTable [style*="background-color: #fffbeb" i] { background-color: #46320f !important; }
html[data-app-theme="dark"] #rekapTable [style*="background-color: #fce7f3" i],
html[data-app-theme="dark"] #rekapTable [style*="background-color: #fdf2f8" i] { background-color: #481f31 !important; }
html[data-app-theme="dark"] #rekapTable [style*="background-color: #ede9fe" i],
html[data-app-theme="dark"] #rekapTable [style*="background-color: #f5f3ff" i] { background-color: #30264a !important; }
html[data-app-theme="dark"] #rekapTable [style*="background-color: #e0e7ff" i],
html[data-app-theme="dark"] #rekapTable [style*="background-color: #eef2ff" i] { background-color: #23294c !important; }
html[data-app-theme="dark"] #rekapTable [style*="background-color: #cffafe" i],
html[data-app-theme="dark"] #rekapTable [style*="background-color: #ecfeff" i] { background-color: #123a43 !important; }
html[data-app-theme="dark"] #rekapTable [style*="background-color: #ffedd5" i],
html[data-app-theme="dark"] #rekapTable [style*="background-color: #fff7ed" i] { background-color: #48291b !important; }
html[data-app-theme="dark"] #rekapTable [style*="background-color: #cbd5e1" i],
html[data-app-theme="dark"] #rekapTable [style*="background-color: #e2e8f0" i] { background-color: #26384d !important; }

html { --app-accent: #1d4ed8; --app-accent-text: #1d4ed8; --app-accent-soft: #eff6ff; --app-accent-border: #bfdbfe; --app-accent-deep: #1e3a8a; }
html[data-app-palette="lagoon"] { --app-accent: #347f8e; --app-accent-text: #347f8e; --app-accent-soft: #ecfeff; --app-accent-border: #a5f3fc; --app-accent-deep: #244d56; }
html[data-app-palette="violet"] { --app-accent: #69538f; --app-accent-text: #69538f; --app-accent-soft: #f5f3ff; --app-accent-border: #ddd6fe; --app-accent-deep: #43325e; }
html[data-app-palette="rose"] { --app-accent: #a24c63; --app-accent-text: #a24c63; --app-accent-soft: #fff1f2; --app-accent-border: #fecdd3; --app-accent-deep: #643042; }
html[data-app-palette="amber"] { --app-accent: #8e672e; --app-accent-text: #8e672e; --app-accent-soft: #fffbeb; --app-accent-border: #fde68a; --app-accent-deep: #5d431f; }
html[data-app-palette="emerald"] { --app-accent: #3d7356; --app-accent-text: #3d7356; --app-accent-soft: #ecfdf5; --app-accent-border: #a7f3d0; --app-accent-deep: #294d39; }
html[data-app-palette="blue"] { --app-accent: #4c6897; --app-accent-text: #4c6897; --app-accent-soft: #eff6ff; --app-accent-border: #bfdbfe; --app-accent-deep: #31476c; }
html[data-app-palette="lagoon"]:not([data-app-theme="dark"]) { --app-page: #f0f6f7; --app-border: #dbe8e9; }
html[data-app-palette="violet"]:not([data-app-theme="dark"]) { --app-page: #f4f2f8; --app-border: #e3deed; }
html[data-app-palette="rose"]:not([data-app-theme="dark"]) { --app-page: #faf3f5; --app-border: #eddee2; }
html[data-app-palette="amber"]:not([data-app-theme="dark"]) { --app-page: #f8f5ee; --app-border: #e9e1d1; }
html[data-app-palette="emerald"]:not([data-app-theme="dark"]) { --app-page: #f1f6f3; --app-border: #dce8e0; }
html[data-app-palette="blue"]:not([data-app-theme="dark"]) { --app-page: #f2f6fb; --app-border: #dce5f0; }

html[data-app-theme="dark"][data-app-palette="lagoon"] { --app-accent: #0891b2; --app-accent-text: #67e8f9; --app-accent-soft: #164e63; --app-accent-border: #0e7490; --app-accent-deep: #0e7490; }
html[data-app-theme="dark"][data-app-palette="violet"] { --app-accent: #7c3aed; --app-accent-text: #c4b5fd; --app-accent-soft: #312e81; --app-accent-border: #6d28d9; --app-accent-deep: #5b21b6; }
html[data-app-theme="dark"][data-app-palette="rose"] { --app-accent: #e11d48; --app-accent-text: #fda4af; --app-accent-soft: #881337; --app-accent-border: #be123c; --app-accent-deep: #9f1239; }
html[data-app-theme="dark"][data-app-palette="amber"] { --app-accent: #d97706; --app-accent-text: #fcd34d; --app-accent-soft: #78350f; --app-accent-border: #b45309; --app-accent-deep: #92400e; }
html[data-app-theme="dark"][data-app-palette="emerald"] { --app-accent: #059669; --app-accent-text: #6ee7b7; --app-accent-soft: #064e3b; --app-accent-border: #047857; --app-accent-deep: #047857; }
html[data-app-theme="dark"][data-app-palette="blue"] { --app-accent: #2563eb; --app-accent-text: #93c5fd; --app-accent-soft: #1e3a8a; --app-accent-border: #1d4ed8; --app-accent-deep: #1d4ed8; }

html[data-app-palette] :is(.text-blue-500, .text-blue-600, .text-blue-700, .text-blue-800, .text-cyan-500, .text-cyan-600, .text-cyan-700, .text-sky-500, .text-sky-600, .text-sky-700) { color: var(--app-accent-text) !important; }
html[data-app-palette] :is(.bg-blue-50, .bg-blue-100, .bg-cyan-50, .bg-cyan-100, .bg-sky-50, .bg-sky-100) { background-color: var(--app-accent-soft) !important; }
html[data-app-palette] :is(.bg-blue-500, .bg-blue-600, .bg-cyan-500, .bg-cyan-600, .bg-sky-500, .bg-sky-600) { background-color: var(--app-accent) !important; }
html[data-app-palette] :is(.border-blue-100, .border-blue-200, .border-cyan-100, .border-cyan-200, .border-sky-100, .border-sky-200) { border-color: var(--app-accent-border) !important; }
html[data-app-palette] :is([class~="hover:text-blue-700"], [class~="hover:text-blue-600"], [class~="hover:text-cyan-700"]):hover { color: var(--app-accent-text) !important; }
html[data-app-palette] :is([class~="hover:bg-blue-50"], [class~="hover:bg-cyan-50"], [class~="hover:bg-sky-50"]):hover { background-color: var(--app-accent-soft) !important; }
html[data-app-palette] :is([class~="focus:ring-blue-500"], [class~="focus:ring-cyan-500"]):focus { --tw-ring-color: var(--app-accent); }
html[data-app-palette] .app-brand-mark,
html[data-app-palette] #menuSidebar .nav-link-active .nav-link-icon,
html[data-app-palette] #menuSidebar .nav-section-active .nav-section-icon { color: var(--app-accent-text); }
html[data-app-palette] #menuSidebar .nav-link-active { background-color: var(--app-accent-soft) !important; color: var(--app-accent-text) !important; }
html[data-app-palette] #menuSidebar .nav-section-active > .dropdown > .dropToggle,
html[data-app-palette] #menuSidebar .nav-section-active > .dropToggle { color: var(--app-accent-text) !important; }
html[data-app-palette] #menuSidebar .nav-link:hover,
html[data-app-palette] #menuSidebar .dropToggle:hover { color: var(--app-accent-text) !important; }

html[data-app-theme="dark"][data-app-palette] .text-blue-500,
html[data-app-theme="dark"][data-app-palette] .text-blue-600,
html[data-app-theme="dark"][data-app-palette] .text-blue-700,
html[data-app-theme="dark"][data-app-palette] .text-blue-800,
html[data-app-theme="dark"][data-app-palette] .text-cyan-500,
html[data-app-theme="dark"][data-app-palette] .text-cyan-600,
html[data-app-theme="dark"][data-app-palette] .text-cyan-700,
html[data-app-theme="dark"][data-app-palette] .text-sky-500,
html[data-app-theme="dark"][data-app-palette] .text-sky-600,
html[data-app-theme="dark"][data-app-palette] .text-sky-700 { color: var(--app-accent-text) !important; }

button,
a,
input,
select,
textarea { transition-property: color, background-color, border-color, box-shadow, transform; transition-duration: 160ms; }
button:focus-visible,
a:focus-visible,
input:focus-visible,
select:focus-visible,
textarea:focus-visible { outline: 2px solid var(--app-accent); outline-offset: 2px; }
.app-confirm-dialog {
    margin: auto;
    width: min(460px, calc(100vw - 32px));
    max-width: none;
    padding: 0;
    overflow: visible;
    border: 0;
    border-radius: 22px;
    background: transparent;
    color: inherit;
    box-shadow: 0 24px 70px rgb(15 23 42 / 28%);
}
.app-confirm-dialog::backdrop { background: rgb(15 23 42 / 55%); backdrop-filter: blur(3px); }
.app-confirm-card {
    display: grid;
    grid-template-columns: 48px minmax(0, 1fr);
    gap: 16px;
    padding: 26px;
    border: 1px solid #e2e8f0;
    border-radius: inherit;
    background: #fff;
    color: #172033;
}
.app-confirm-icon {
    display: grid;
    width: 48px;
    height: 48px;
    place-items: center;
    border-radius: 15px;
    background: var(--app-accent-soft);
    color: var(--app-accent-text);
    font-size: 20px;
}
.app-confirm-copy h2 { margin: 1px 0 6px; font-size: 16px; font-weight: 750; }
.app-confirm-copy p { margin: 0; color: #64748b; font-size: 13px; line-height: 1.6; }
.app-confirm-actions {
    display: flex;
    grid-column: 1 / -1;
    justify-content: center;
    gap: 10px;
    margin-top: 5px;
}
.app-confirm-actions button {
    min-height: 40px;
    padding: 0 16px;
    border: 1px solid #cbd5e1;
    border-radius: 11px;
    background: #fff;
    color: #334155;
    font-size: 13px;
    font-weight: 700;
    cursor: pointer;
}
.app-confirm-actions button:hover { background: #f8fafc; }
.app-confirm-actions [data-confirm-accept] {
    border-color: var(--app-accent);
    background: var(--app-accent);
    color: #fff;
}
.app-confirm-actions [data-confirm-accept]:hover { filter: brightness(.92); }
html[data-app-theme="dark"] .app-confirm-card { border-color: #334155; background: #1e293b; color: #f1f5f9; }
html[data-app-theme="dark"] .app-confirm-copy p { color: #cbd5e1; }
html[data-app-theme="dark"] .app-confirm-actions button:not([data-confirm-accept]) { border-color: #475569; background: #263449; color: #e2e8f0; }
html[data-app-theme="dark"] .app-confirm-actions button:not([data-confirm-accept]):hover { background: #334155; }
.import-progress-indeterminate { animation: import-progress-slide 1.2s ease-in-out infinite alternate; }
@keyframes import-progress-slide {
    from { transform: translateX(-40%); }
    to { transform: translateX(220%); }
}
@media (max-width: 480px) {
    .app-confirm-card { padding: 21px; }
    .app-confirm-actions button { flex: 1; }
}