/* Transparent liquid material only. Existing page layout and typography stay in the page. */
body.senzhi-liquid {
    --lg-surface: linear-gradient(135deg, rgba(255,255,255,.34) 0%, rgba(255,255,255,.08) 44%, rgba(255,255,255,.18) 100%);
    --lg-border: rgba(255,255,255,.18);
    --lg-panel-bg: linear-gradient(135deg, rgba(255,255,255,.23), rgba(255,255,255,.07) 55%, rgba(236,247,255,.12));
    --lg-panel-shadow: 0 10px 30px rgba(35,55,85,.055), inset 0 .5px 0 rgba(255,255,255,.35);
    --lg-button-bg: linear-gradient(145deg, rgba(255,255,255,.4), rgba(255,255,255,.12) 55%, rgba(194,222,253,.18));
    --lg-button-shadow: 0 4px 14px rgba(42,70,106,.055), inset 0 .5px 0 rgba(255,255,255,.48);
    --lg-shadow: var(--lg-panel-shadow);
    --lg-blur: 2px;
    --lg-ink: #1d2637;
    --lg-blue: #0071e3;
    --lg-ease: cubic-bezier(.2,.75,.2,1);
    --card-bg: rgba(255,255,255,.2);
    --card-border: var(--lg-border);
}
body.senzhi-liquid:not(.senzhi-liquid-landing) {
    background: radial-gradient(ellipse at 2% 10%,rgba(128,188,255,.29),transparent 42%), radial-gradient(ellipse at 80% 0%,rgba(203,184,245,.22),transparent 43%), radial-gradient(ellipse at 72% 88%,rgba(142,220,216,.23),transparent 44%), #f1f5fa;
    background-attachment: fixed;
}
.senzhi-liquid :is(.card, .panel-card, .ticket-card, .modal-content, .dropdown-menu, .login-card, .auth-card) {
    background: var(--lg-panel-bg) !important;
    border-color: transparent !important;
    box-shadow: var(--lg-shadow) !important;
}
/* Large panels stay clear; filters on them would also contain fixed preview dialogs. */
.senzhi-liquid :is(.card-header, .card-footer, .modal-header, .modal-footer) {
    background: rgba(255,255,255,.12) !important;
    border-color: rgba(119,142,169,.14) !important;
}
.senzhi-liquid :is(.modal-content, .dropdown-menu) {
    background: linear-gradient(130deg,rgba(255,255,255,.56),rgba(243,248,255,.34)) !important;
    -webkit-backdrop-filter: blur(20px) saturate(160%);
    backdrop-filter: blur(20px) saturate(160%);
}
.senzhi-liquid .modal-backdrop { --bs-backdrop-opacity: .24; background-color: #25344d; }
.senzhi-liquid :is(.form-control, .form-select, .input-group-text) {
    background-color: rgba(255,255,255,.26) !important;
    border-color: rgba(133,151,177,.27);
    box-shadow: inset 0 1px 2px rgba(255,255,255,.85), 0 1px 1px rgba(49,67,91,.03);
    transition: background-color .2s, box-shadow .2s, border-color .2s;
}
.senzhi-liquid :is(.form-control, .form-select):focus {
    background-color: rgba(255,255,255,.48) !important;
    border-color: rgba(0,113,227,.5);
    box-shadow: 0 0 0 3px rgba(0,113,227,.1), inset 0 1px 1px rgba(255,255,255,.9);
}
.senzhi-liquid :is(.form-control, .form-select):disabled { background-color: rgba(225,232,241,.5) !important; }
.senzhi-liquid :is(.btn-light, .btn-outline-secondary, .btn-outline-primary) {
    background-color: rgba(255,255,255,.2);
    border-color: rgba(137,158,183,.28);
    box-shadow: inset 0 1px 0 rgba(255,255,255,.85), inset 0 -1px 0 rgba(255,255,255,.55), 0 2px 5px rgba(42,63,87,.04);
}
.senzhi-liquid :is(.btn-primary, .btn-success) {
    background-image: linear-gradient(165deg,rgba(255,255,255,.27),rgba(255,255,255,.02) 55%,rgba(0,0,0,.055));
    box-shadow: inset 0 1px 1px rgba(255,255,255,.68), inset 0 -1px 1px rgba(255,255,255,.22), 0 4px 10px rgba(28,78,143,.12);
}
.senzhi-liquid :is(.btn, .btn-glass, .tool-menu-item, .sidebar .nav-link) {
    transition: background-color .22s var(--lg-ease), box-shadow .22s var(--lg-ease), color .22s, transform .22s var(--lg-ease);
}
.senzhi-liquid :is(.btn, .btn-glass):active { transform: scale(.985); }
/* The moving pill is the only menu selection layer. */
.senzhi-liquid .lg-lens-rim, .senzhi-liquid .lg-optics-defs { display: none !important; }
.senzhi-liquid .lg-nav-indicator {
    background: linear-gradient(135deg,rgba(255,255,255,.38),rgba(179,215,255,.12)) !important;
    box-shadow: 0 4px 15px rgba(50,93,148,.10), inset 0 1px 1px rgba(255,255,255,.92), inset 0 -1px 1px rgba(109,151,197,.16) !important;
    -webkit-backdrop-filter: var(--lg-refraction, blur(3px) saturate(130%));
    backdrop-filter: var(--lg-refraction, blur(3px) saturate(130%));
}
/* Refraction is painted behind the content, never as a filter on the text or
   an ancestor of a fixed image preview. The zero-size SVG must remain rendered. */
.senzhi-liquid .lg-refraction-defs { position: fixed; width: 0; height: 0; top: 0; left: 0; pointer-events: none; }
.senzhi-liquid .lg-optical-relative { position: relative; }
.senzhi-liquid .lg-optical-stack { z-index: 0; }
body.senzhi-liquid .lg-optical-host {
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
}
body.senzhi-liquid .lg-optical-host::before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: -1;
    border: 0;
    border-radius: inherit;
    pointer-events: none;
    opacity: 1;
    transform: none;
    background: linear-gradient(145deg,rgba(255,255,255,.12),rgba(255,255,255,.01) 48%,rgba(220,239,255,.06));
    box-shadow: inset 0 1px 1px rgba(255,255,255,.8), inset 1px 0 1px rgba(255,255,255,.35), inset 0 -1px 1px rgba(99,139,183,.16);
    -webkit-backdrop-filter: var(--lg-refraction, blur(2px) saturate(120%));
    backdrop-filter: var(--lg-refraction, blur(2px) saturate(120%));
}
/* Navigation glass samples behind the host, below all of its own content.
   A single header layer avoids nested SVG backdrop repaint echoes. */
body.senzhi-liquid :is(.tool-sidebar,.sidebar,.senzhi-liquid-workspace .top-navbar).lg-optical-host {
    -webkit-backdrop-filter: var(--lg-refraction, blur(2px) saturate(120%)) !important;
    backdrop-filter: var(--lg-refraction, blur(2px) saturate(120%)) !important;
}
body.senzhi-liquid :is(.tool-sidebar,.sidebar,.senzhi-liquid-workspace .top-navbar).lg-optical-host::before { display: none; }
.senzhi-liquid .lg-pointer-lit {
    --lg-button-bg: radial-gradient(ellipse at var(--lg-x,25%) var(--lg-y,10%),rgba(255,255,255,.5),rgba(255,255,255,.12) 72%);
}
@supports not ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))) {
    .senzhi-liquid :is(.modal-content,.dropdown-menu) { background: rgba(247,250,255,.96) !important; }
}
@media (prefers-reduced-transparency: reduce), (prefers-contrast: more) {
    body.senzhi-liquid { --lg-surface: #f8faff; --lg-panel-bg: #f8faff; --lg-button-bg: #f8faff; --lg-border: #b6c3d2; --lg-blur: 0px; }
    .senzhi-liquid :is(.modal-content,.dropdown-menu) { background: #f8faff !important; backdrop-filter: none; -webkit-backdrop-filter: none; }
    .senzhi-liquid .lg-lens-rim { display: none; }
    body.senzhi-liquid .lg-optical-host::before { display: none; }
    body.senzhi-liquid :is(.tool-sidebar,.sidebar,.senzhi-liquid-workspace .top-navbar).lg-optical-host { backdrop-filter: none !important; -webkit-backdrop-filter: none !important; }
    .senzhi-liquid .lg-nav-indicator { background: #e5f0ff !important; backdrop-filter: none; -webkit-backdrop-filter: none; }
}
@media (prefers-reduced-motion: reduce) {
    .senzhi-liquid :is(.btn,.btn-glass,.tool-menu-item,.sidebar .nav-link) { transition: none !important; }
    .senzhi-liquid :is(.btn,.btn-glass):active, .senzhi-liquid .lg-nav-arriving { transform: none !important; }
}