html.laloon-locked body{background:#eef3f7!important}
html.laloon-locked .app,html.laloon-locked #villarBootScreen{display:none!important}
html.laloon-locked body>dialog:not(#operatorAccessDialog):not(#operatorRecoveryDialog):not(#operatorRecoveryExpiredDialog){visibility:hidden!important}
html.laloon-locked #operatorAccessDialog{width:min(460px,calc(100vw - 32px));max-height:calc(100dvh - 32px);border:1px solid #dce6ec;border-radius:24px;box-shadow:0 24px 80px #152f4a24;padding:0}
html.laloon-locked #operatorAccessDialog::backdrop{background:radial-gradient(ellipse at top,#e1f3ef,#edf1f8 70%)}
html.laloon-locked #operatorAccessForm{padding:32px 28px;gap:18px;background:#fff;color:#172554}
.laloon-login-logo{display:block;width:210px;max-width:80%;height:auto;margin:0 auto 10px}
/* Authentication has a fixed light palette, independent of the workspace theme. */
html :is(#operatorAccessDialog,#operatorRecoveryDialog,#operatorRecoveryExpiredDialog){color-scheme:light;background:#fff!important;color:#172554!important;border-color:#dce6ec!important;box-shadow:0 24px 80px #152f4a24!important}
html :is(#operatorAccessDialog,#operatorRecoveryDialog,#operatorRecoveryExpiredDialog) form{background:#fff!important;color:#172554!important}
html :is(#operatorAccessDialog,#operatorRecoveryDialog,#operatorRecoveryExpiredDialog) :is(h2,label){color:#172554!important}
html :is(#operatorAccessDialog,#operatorRecoveryDialog,#operatorRecoveryExpiredDialog) :is(p,small){color:#475569!important}
html :is(#operatorAccessDialog,#operatorRecoveryDialog,#operatorRecoveryExpiredDialog) input{color-scheme:light;background:#fff!important;color:#172554!important;border-color:#94a3b8!important;caret-color:#172554!important}
html :is(#operatorAccessDialog,#operatorRecoveryDialog) input::placeholder{color:#64748b!important;opacity:1}
html :is(#operatorAccessDialog,#operatorRecoveryDialog) input:autofill{box-shadow:0 0 0 1000px #f0f7ff inset!important;-webkit-text-fill-color:#172554!important;caret-color:#172554!important}
html :is(#operatorAccessDialog,#operatorRecoveryDialog,#operatorRecoveryExpiredDialog) button.primary{background:linear-gradient(110deg,#4f46e5,#079da5)!important;color:#fff!important}
html :is(#operatorAccessDialog,#operatorRecoveryDialog,#operatorRecoveryExpiredDialog) .operator-access-error{background:#fef2f2!important;color:#b91c1c!important;border-color:#fecaca!important}
html :is(#operatorAccessDialog,#operatorRecoveryDialog) .operator-access-success{background:#f0fdf4!important;color:#166534!important;border-color:#86efac!important}
html #operatorAccessDialog .operator-password-reset{background:transparent!important;color:#3730a3!important}
html :is(#operatorAccessDialog,#operatorRecoveryDialog,#operatorRecoveryExpiredDialog) .operator-close{background:#eef2ff!important;color:#334155!important}
html :is(#operatorAccessDialog,#operatorRecoveryDialog,#operatorRecoveryExpiredDialog) :is(input,button):focus-visible{outline:2px solid #4f46e5;outline-offset:3px}
#operatorAccessForm h2{font-size:23px;line-height:1.4;text-align:center}
#operatorAccessForm input{min-height:48px;font-size:16px!important;width:100%;box-sizing:border-box}
#operatorAccessForm button{min-height:44px}
#operatorAccessForm button[type=submit]{background:linear-gradient(110deg,#4f46e5,#079da5);color:white;border:0;border-radius:12px;font-weight:700}
#laloonIdleWarning{position:fixed;z-index:2147483646;bottom:20px;left:50%;transform:translateX(-50%);width:min(440px,calc(100% - 32px));box-sizing:border-box;padding:16px;background:#fff8e8;color:#593c0b;border:1px solid #d7a858;border-radius:14px;box-shadow:0 6px 25px #0002;text-align:center}
#laloonIdleWarning[hidden]{display:none!important}
#laloonIdleWarning button{min-height:44px;padding:10px 24px;border-radius:9px;background:#172554;color:white;border:0;font:inherit}
@media(max-width:480px){html.laloon-locked #operatorAccessForm{padding:24px 20px}#operatorAccessForm h2{font-size:21px}}