/* Previous clear material, new rounded lens geometry, only one displacement pass. */
@layer staff-liquid {
html[data-theme] body:is(.admin,.merchant,.personal-glass)[data-staff-optics] #app{backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
html[data-theme] body:is(.admin,.merchant,.personal-glass)[data-staff-optics] .lg-surface{border-color:transparent!important;isolation:isolate!important}
html[data-theme] body:is(.admin,.merchant,.personal-glass)[data-staff-optics] .lg-surface>.lg-optic{background:var(--staff-glass-reflection)!important;filter:none!important;backdrop-filter:var(--hyalite,none)!important;-webkit-backdrop-filter:var(--hyalite,none)!important;box-shadow:var(--staff-glass-inner)!important;transition:none!important;transform:none!important}
/* Pending geometry keeps layout but is not shown as an unfinished transparent pane. */
html[data-theme] body:is(.admin,.merchant,.personal-glass)[data-staff-optics] .lg-surface[data-glass-presentation=pending]{visibility:visible!important;box-shadow:none!important}
html[data-theme] body:is(.admin,.merchant,.personal-glass)[data-staff-optics] .lg-surface[data-glass-presentation=pending]>:not(.lg-optic):not(.lg-placeholder),html[data-theme] body:is(.admin,.merchant,.personal-glass)[data-staff-optics] .lg-surface[data-glass-presentation=pending]>:not(.lg-optic):not(.lg-placeholder) *{visibility:hidden!important}
html[data-theme] body:is(.admin,.merchant,.personal-glass)[data-staff-optics] .lg-placeholder{display:none!important;position:absolute!important;inset:-1px!important;z-index:5!important;width:auto!important;height:auto!important;min-width:0!important;min-height:0!important;margin:0!important;padding:0!important;border:0!important;transform:none!important;filter:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;opacity:1!important;animation:none!important;transition:none!important;border-radius:inherit!important;pointer-events:none!important;font-size:0!important;background:#e4ebf5!important;box-shadow:none!important}
html[data-theme=dark] body:is(.admin,.merchant,.personal-glass)[data-staff-optics] .lg-placeholder{background:#202c40!important}
html[data-theme] body:is(.admin,.merchant,.personal-glass)[data-staff-optics] .lg-surface[data-glass-presentation=pending]>.lg-optic>.lg-placeholder{display:block!important;visibility:visible!important}
html[data-theme] body:is(.admin,.merchant,.personal-glass)[data-staff-optics] .lg-placeholder:before,html[data-theme] body:is(.admin,.merchant,.personal-glass)[data-staff-optics] .lg-placeholder:after{content:''!important;position:absolute!important;left:22px!important;top:22px!important;width:30%!important;height:5px!important;border-radius:3px!important;background:#5973911c!important}
html[data-theme] body:is(.admin,.merchant,.personal-glass)[data-staff-optics] .lg-placeholder:after{top:36px!important;width:53%!important;height:4px!important;opacity:.65!important}
/* A small mobile toolbar needs a readable backdrop while scrolling text passes behind it. */
@media(max-width:900px){html[data-theme] body.personal-glass[data-staff-optics] .lw-desktop-header.topbar[data-glass-state=live]>.lg-optic{backdrop-filter:blur(4px) var(--hyalite)!important;-webkit-backdrop-filter:blur(4px) var(--hyalite)!important}}
/* The dark caustic, coloured dispersion and additional frosted passes are deliberately omitted. */
html[data-theme] body:is(.admin,.merchant,.personal-glass)[data-staff-optics] .lg-surface>.lg-optic:after{display:block!important;background:var(--hyalite-rim,none) 0 0/100% 100%!important;opacity:var(--staff-glass-edge)!important}
html[data-theme] body:is(.admin,.merchant,.personal-glass)[data-staff-optics] .lg-surface>.lg-optic:before{background:radial-gradient(ellipse at 50% 46%,var(--staff-glass-reading),var(--staff-glass-fade) 60%,transparent)!important}
html[data-theme] body:is(.admin,.merchant,.personal-glass)[data-staff-optics] [data-liquid-material=bar]{background:var(--staff-glass-face)!important}
html[data-theme] body:is(.admin,.merchant,.personal-glass)[data-staff-optics] [data-liquid-material=slab]{background:transparent!important;box-shadow:var(--staff-glass-shadow)!important}
/* Keep the flat pane clear; the optical rim supplies thickness without an inner tinted mat. */
html[data-theme] body:is(.admin,.merchant,.personal-glass)[data-staff-optics] [data-liquid-material=slab]>.lg-optic:before{background:none!important}
@media(prefers-reduced-transparency:reduce),(forced-colors:active){html[data-theme] body:is(.admin,.merchant,.personal-glass)[data-staff-optics] .lg-surface>.lg-optic{display:none!important}html[data-theme] body:is(.admin,.merchant,.personal-glass)[data-staff-optics] .lg-surface{background:var(--surface,#f9fbff)!important}}
}
/* Outer window only. The preceding v190 inner material is unchanged. */
@layer staff-liquid{
html[data-theme] body:is(.admin,.merchant,.personal-glass) .outer-window-glass{display:block!important;position:absolute!important;inset:0!important;z-index:20!important;pointer-events:none!important;border-radius:inherit!important;overflow:hidden!important}
html[data-theme] body:is(.admin,.merchant,.personal-glass) .outer-window-glass>:is(img,svg){position:absolute!important;inset:0!important;width:100%!important;height:100%!important;max-width:none!important;border:0!important;pointer-events:none!important}
html[data-theme] body:is(.admin,.merchant,.personal-glass) .outer-window-measure{display:block!important;position:absolute!important;left:0!important;top:0!important;visibility:hidden!important;pointer-events:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
html[data-theme] body:is(.admin,.merchant,.personal-glass)[data-window-edge-lit] [data-liquid-material]>.lg-optic>.lg-glint{opacity:0!important}
html[data-theme] body:is(.admin,.merchant,.personal-glass) .outer-window-bitmap:not([src]){display:none!important}
@media(max-width:900px),(prefers-reduced-transparency:reduce),(forced-colors:active){html[data-theme] body:is(.admin,.merchant,.personal-glass) .outer-window-glass{display:none!important}}
}

/* v193: one outer contour. Keep the same optical rim and pointer light. */
@layer staff-liquid{@media(min-width:901px){
html[data-theme] body:is(.admin,.merchant,.personal-glass).experience #app:has(>.outer-window-glass[data-ready=true]){border-color:transparent!important}
html[data-theme] body.admin.experience #app:has(>.outer-window-glass[data-ready=true]){box-shadow:0 24px 75px #2b33592b!important}
}}