.liquidGlass-wrapper {
    position: relative;
    isolation: isolate;
    overflow: hidden;
    border: 1px solid rgba(148, 163, 184, 0.42);
    background: #ffffff;
    box-shadow: 0 8px 18px rgba(15, 23, 42, 0.08);
    transition: border-color 0.22s ease, box-shadow 0.22s ease;
}

.liquidGlass-effect {
    position: absolute;
    z-index: 0;
    inset: 0;
    border-radius: inherit;
    display: none;
    transform: translateZ(0);
    overflow: hidden;
    pointer-events: none;
}

.liquidGlass-tint {
    z-index: 1;
    position: absolute;
    inset: 0;
    border-radius: inherit;
    display: none;
    pointer-events: none;
}

.liquidGlass-shine {
    position: absolute;
    inset: 0;
    z-index: 2;
    border-radius: inherit;
    display: none;
    pointer-events: none;
}

.liquidGlass-text {
    position: relative;
    z-index: 3;
    font-size: inherit;
    color: inherit;
}

.liquidGlass-wrapper > :not(.liquidGlass-effect):not(.liquidGlass-tint):not(.liquidGlass-shine) {
    position: relative;
    z-index: 3;
}

.liquidGlass-wrapper.glass-btn::before,
.liquidGlass-wrapper.glass-btn::after {
    content: none !important;
}

.liquidGlass-wrapper.glass-btn {
    background-color: inherit !important;
}

.liquidGlass-wrapper.glass-panel::before,
.liquidGlass-wrapper.glass-panel::after {
    content: none !important;
}

.liquidGlass-wrapper.bg-blue-600 > .liquidGlass-tint {
    display: none;
}

.liquidGlass-wrapper.bg-red-600 > .liquidGlass-tint {
    display: none;
}

.liquidGlass-wrapper.bg-green-600 > .liquidGlass-tint,
.liquidGlass-wrapper.bg-green-500 > .liquidGlass-tint {
    display: none;
}

.liquidGlass-wrapper.bg-slate-900 > .liquidGlass-tint {
    display: none;
}

.liquidGlass-wrapper.bg-gray-300 > .liquidGlass-tint {
    display: none;
}

.liquidGlass-wrapper:hover {
    border-color: rgba(100, 116, 139, 0.48);
    box-shadow: 0 10px 22px rgba(15, 23, 42, 0.12);
}

.liquidGlass-wrapper.bg-blue-600:hover > .liquidGlass-tint {
    display: none;
}

.liquidGlass-wrapper.bg-red-600:hover > .liquidGlass-tint {
    display: none;
}

.liquidGlass-wrapper.bg-green-600:hover > .liquidGlass-tint,
.liquidGlass-wrapper.bg-green-500:hover > .liquidGlass-tint {
    display: none;
}

.liquidGlass-wrapper.bg-slate-900:hover > .liquidGlass-tint {
    display: none;
}

.liquidGlass-wrapper.bg-gray-300:hover > .liquidGlass-tint {
    display: none;
}

/* Dark mode — base tint for non-colored wrappers */
html[data-theme="dark"] .liquidGlass-wrapper:not(.bg-blue-600):not(.bg-red-600):not(.bg-green-600):not(.bg-green-500):not(.bg-slate-900) > .liquidGlass-tint,
body.dark-mode .liquidGlass-wrapper:not(.bg-blue-600):not(.bg-red-600):not(.bg-green-600):not(.bg-green-500):not(.bg-slate-900) > .liquidGlass-tint {
    display: none;
}

html[data-theme="dark"] .liquidGlass-wrapper.glass-btn,
body.dark-mode .liquidGlass-wrapper.glass-btn {
    border-color: rgba(100, 116, 139, 0.6);
    box-shadow: 0 10px 24px rgba(2, 6, 23, 0.34);
}

html[data-theme="dark"] .liquidGlass-wrapper.glass-btn:not(.bg-blue-600):not(.bg-red-600):not(.bg-green-600):not(.bg-green-500):not(.bg-slate-900) > .liquidGlass-tint,
body.dark-mode .liquidGlass-wrapper.glass-btn:not(.bg-blue-600):not(.bg-red-600):not(.bg-green-600):not(.bg-green-500):not(.bg-slate-900) > .liquidGlass-tint {
    display: none;
}

html[data-theme="dark"] .liquidGlass-wrapper.glass-btn:not(.bg-blue-600):not(.bg-red-600):not(.bg-green-600):not(.bg-green-500):not(.bg-slate-900):hover > .liquidGlass-tint,
body.dark-mode .liquidGlass-wrapper.glass-btn:not(.bg-blue-600):not(.bg-red-600):not(.bg-green-600):not(.bg-green-500):not(.bg-slate-900):hover > .liquidGlass-tint {
    display: none;
}

html[data-theme="dark"] .liquidGlass-wrapper.glass-btn.bg-blue-600 > .liquidGlass-tint,
body.dark-mode .liquidGlass-wrapper.glass-btn.bg-blue-600 > .liquidGlass-tint {
    display: none;
}

html[data-theme="dark"] .liquidGlass-wrapper.glass-btn.bg-blue-600:hover > .liquidGlass-tint,
body.dark-mode .liquidGlass-wrapper.glass-btn.bg-blue-600:hover > .liquidGlass-tint {
    display: none;
}

html[data-theme="dark"] .liquidGlass-wrapper.glass-btn.bg-green-600 > .liquidGlass-tint,
html[data-theme="dark"] .liquidGlass-wrapper.glass-btn.bg-green-500 > .liquidGlass-tint,
body.dark-mode .liquidGlass-wrapper.glass-btn.bg-green-600 > .liquidGlass-tint,
body.dark-mode .liquidGlass-wrapper.glass-btn.bg-green-500 > .liquidGlass-tint {
    display: none;
}

html[data-theme="dark"] .liquidGlass-wrapper.glass-btn.bg-green-600:hover > .liquidGlass-tint,
html[data-theme="dark"] .liquidGlass-wrapper.glass-btn.bg-green-500:hover > .liquidGlass-tint,
body.dark-mode .liquidGlass-wrapper.glass-btn.bg-green-600:hover > .liquidGlass-tint,
body.dark-mode .liquidGlass-wrapper.glass-btn.bg-green-500:hover > .liquidGlass-tint {
    display: none;
}

html[data-theme="dark"] .liquidGlass-wrapper.glass-btn.bg-red-600 > .liquidGlass-tint,
body.dark-mode .liquidGlass-wrapper.glass-btn.bg-red-600 > .liquidGlass-tint {
    display: none;
}

html[data-theme="dark"] .liquidGlass-wrapper.glass-btn.bg-red-600:hover > .liquidGlass-tint,
body.dark-mode .liquidGlass-wrapper.glass-btn.bg-red-600:hover > .liquidGlass-tint {
    display: none;
}

html[data-theme="dark"] .liquidGlass-wrapper.glass-btn.bg-slate-900 > .liquidGlass-tint,
body.dark-mode .liquidGlass-wrapper.glass-btn.bg-slate-900 > .liquidGlass-tint {
    display: none;
}

html[data-theme="dark"] .liquidGlass-wrapper.glass-btn.bg-slate-900:hover > .liquidGlass-tint,
body.dark-mode .liquidGlass-wrapper.glass-btn.bg-slate-900:hover > .liquidGlass-tint {
    display: none;
}

html[data-theme="dark"] .glass-btn.text-slate-900,
html[data-theme="dark"] .glass-btn.text-slate-800,
html[data-theme="dark"] .glass-btn.text-slate-700,
html[data-theme="dark"] .glass-btn.text-slate-600,
body.dark-mode .glass-btn.text-slate-900,
body.dark-mode .glass-btn.text-slate-800,
body.dark-mode .glass-btn.text-slate-700,
body.dark-mode .glass-btn.text-slate-600 {
    color: #f1f5f9 !important;
}

.glass-page--dense .liquidGlass-wrapper {
    border-color: rgba(148, 163, 184, 0.48);
    box-shadow: 0 12px 24px rgba(15, 23, 42, 0.12);
}

.glass-page--dense .liquidGlass-wrapper > .liquidGlass-effect {
    display: none;
}

.glass-page--dense .liquidGlass-wrapper > .liquidGlass-tint {
    display: none;
}

.glass-page--dense .liquidGlass-wrapper:hover > .liquidGlass-tint {
    display: none;
}

.glass-page--dense .liquidGlass-wrapper.bg-blue-600 > .liquidGlass-tint {
    display: none;
}

.glass-page--dense .liquidGlass-wrapper.bg-red-600 > .liquidGlass-tint {
    display: none;
}

.glass-page--dense .liquidGlass-wrapper.bg-green-600 > .liquidGlass-tint,
.glass-page--dense .liquidGlass-wrapper.bg-green-500 > .liquidGlass-tint {
    display: none;
}

.glass-page--dense .liquidGlass-wrapper.bg-slate-900 > .liquidGlass-tint {
    display: none;
}

.glass-page--dense .liquidGlass-wrapper.bg-gray-300 > .liquidGlass-tint {
    display: none;
}

.glass-page--dense .liquidGlass-wrapper.bg-blue-600:hover > .liquidGlass-tint {
    display: none;
}

.glass-page--dense .liquidGlass-wrapper.bg-red-600:hover > .liquidGlass-tint {
    display: none;
}

.glass-page--dense .liquidGlass-wrapper.bg-green-600:hover > .liquidGlass-tint,
.glass-page--dense .liquidGlass-wrapper.bg-green-500:hover > .liquidGlass-tint {
    display: none;
}

.glass-page--dense .liquidGlass-wrapper.bg-slate-900:hover > .liquidGlass-tint {
    display: none;
}

.glass-page--dense .liquidGlass-wrapper.bg-gray-300:hover > .liquidGlass-tint {
    display: none;
}

html[data-theme="dark"] .glass-page--dense .liquidGlass-wrapper,
body.dark-mode.glass-page--dense .liquidGlass-wrapper {
    border-color: rgba(148, 163, 184, 0.58);
    box-shadow: 0 14px 28px rgba(2, 6, 23, 0.36);
    background: #0f172a;
}

html[data-theme="dark"] .glass-page--dense .liquidGlass-wrapper > .liquidGlass-tint,
body.dark-mode.glass-page--dense .liquidGlass-wrapper > .liquidGlass-tint {
    display: none;
}

html[data-theme="dark"] .glass-page--dense .liquidGlass-wrapper:hover > .liquidGlass-tint,
body.dark-mode.glass-page--dense .liquidGlass-wrapper:hover > .liquidGlass-tint {
    display: none;
}

.perf-lite .liquidGlass-wrapper {
    transition: border-color .16s ease, box-shadow .16s ease !important;
}

.perf-lite .liquidGlass-wrapper:hover {
    transform: none !important;
}

body.viewport-bg {
    position: relative;
    background-color: var(--c-bg, #f1f5f9);
}

body.viewport-bg::before {
    content: "";
    position: fixed;
    inset: 0;
    z-index: -2;
    pointer-events: none;
    background:
        radial-gradient(ellipse 75% 65% at 15% 10%,  #4f8ef7 0%,  transparent 55%),
        radial-gradient(ellipse 55% 75% at 88% 8%,   #9b5de5 0%,  transparent 55%),
        radial-gradient(ellipse 65% 55% at 50% 100%, #e74c8b 0%,  transparent 55%),
        radial-gradient(ellipse 50% 60% at 95% 72%,  #00c9a7 0%,  transparent 52%),
        #14103a;
}

body.viewport-bg::after {
    content: "";
    position: fixed;
    inset: 0;
    z-index: -1;
    pointer-events: none;
    background: linear-gradient(180deg, rgba(248, 250, 252, 0.28) 0%, rgba(248, 250, 252, 0.42) 100%);
}

html[data-theme="dark"] body.viewport-bg::after,
body.dark-mode.viewport-bg::after {
    background: linear-gradient(180deg, rgba(2, 6, 23, 0.38) 0%, rgba(2, 6, 23, 0.56) 100%);
}

@media (prefers-reduced-motion: reduce) {
    .liquidGlass-wrapper {
        transition: none !important;
    }
}