.erp-focus-shade{position:fixed;z-index:13000;background:rgba(8,24,35,.76);pointer-events:auto;touch-action:none}
.erp-focus-ring{position:fixed;z-index:13001;border:3px solid #4be0bf;border-radius:9px;box-sizing:border-box;box-shadow:0 0 0 1px #fff8;pointer-events:none}
.erp-focus-ring[hidden]{display:none}
.erp-focus-panel{position:fixed!important;right:auto!important;bottom:auto!important;margin:0!important;transform:none!important;z-index:13003!important;box-sizing:border-box;overflow:auto;overscroll-behavior:contain;pointer-events:auto;box-shadow:0 24px 80px #07182480!important}
.erp-focus-panel button:focus-visible,.erp-focus-panel a:focus-visible{outline:3px solid #007f82;outline-offset:3px}
.erp-focus-panel button{min-height:40px}
@media(max-width:600px){.erp-focus-panel button{min-height:44px}}
@media(prefers-reduced-motion:no-preference){.erp-focus-panel{animation:erp-focus-appear .16s ease-out}@keyframes erp-focus-appear{from{opacity:0}to{opacity:1}}}
/* Existing Intro.js tours retain their selectors and use the same contrast. */
.introjs-overlay{opacity:.76!important;background:#081823!important}
.introjs-tooltip{border-radius:12px!important;box-shadow:0 24px 80px #07182460!important;max-width:min(460px,calc(100vw - 40px))!important;max-height:calc(100dvh - 40px);overflow:auto;font-family:'Segoe UI',sans-serif!important}
