/* Glass and a quiet pixel texture follow the same perspective as the POS. */
.system-page .pos-surface{isolation:isolate;background:var(--secondary);box-shadow:0 0 12px color-mix(in srgb, var(--brand-tint) 33.333%, transparent)}
.system-page .pos-surface iframe{width:100%;height:100%;filter:brightness(1.16) saturate(.94)}
.system-page .pos-surface[data-display="standby"] iframe{filter:brightness(1.3) saturate(.9)}
.system-page .pos-surface::before,.system-page .pos-surface::after{content:'';position:absolute;inset:0;pointer-events:none}
.system-page .pos-surface::before{z-index:1;background:linear-gradient(115deg,#ffffff35 0%,#ffffff0d 24%,transparent 48%,color-mix(in srgb, var(--brand-tint) 6.275%, transparent) 100%);box-shadow:inset 0 0 20px color-mix(in srgb, var(--brand-tint) 21.961%, transparent)}
.system-page .pos-surface::after{z-index:2;background:repeating-linear-gradient(0deg,color-mix(in srgb, var(--hero-deep) 4.314%, transparent) 0px,color-mix(in srgb, var(--hero-deep) 4.314%, transparent) 1px,transparent 1px,transparent 4px);box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--brand-tint) 33.333%, transparent)}