@layer er101 {
/* Never place a reconnect overlay over an authenticated workspace. */
html.er101-auth-pending #app .er-auth-login{visibility:hidden!important}
#er101-auth-launch{position:fixed!important;inset:0!important;z-index:2147483646!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:15px!important;background:#f4f6ef!important;color:#31513b!important;font:600 13px/1.5 system-ui!important;pointer-events:none!important}
#er101-auth-launch img{border-radius:13px!important}
#er101-reconnect{margin:12px 0 0!important;font:400 12px/1.6 system-ui!important;color:#6c7d64!important}
#er101-reconnect button{padding:4px 8px!important;margin-left:4px!important;border:1px solid #d1ddc8!important;border-radius:6px!important;background:#f5f8ed!important;color:#355c40!important;font:600 12px/1.5 system-ui!important;min-height:34px!important}
body[data-er-role=employee] #page .er91-team-summary{display:none!important}
@media(max-width:1023px){
 /* The document remains in normal coordinates. Only the active surface is fixed. */
 body.er101-viewport{position:fixed!important;inset:0!important;width:100%!important;height:100%!important;overflow:hidden!important;overscroll-behavior:none!important}
 body.er101-viewport :is(#app,.shell,.main,.content,#page,#modalHost){transform:none!important;filter:none!important;perspective:none!important;contain:none!important}
 body.er101-viewport #page .chat-shell{transition:none!important;scroll-behavior:auto!important}
 body.er101-viewport #modalHost .modal-overlay{position:fixed!important;inset:0 auto auto 0!important;box-sizing:border-box!important;width:100%!important;height:var(--er100-dialog-height,100dvh)!important;min-height:0!important;max-height:none!important;display:flex!important;align-items:flex-start!important;justify-content:center!important;padding:12px!important;overflow:hidden!important;transform:none!important;transition:none!important}
 body.er101-viewport #modalHost .modal{display:flex!important;flex-direction:column!important;flex:0 1 auto!important;box-sizing:border-box!important;min-width:0!important;width:min(500px,100%)!important;max-width:100%!important;height:auto!important;min-height:0!important;max-height:calc(var(--er100-dialog-height,100dvh) - 24px)!important;margin:0!important;overflow:hidden!important;transform:none!important;transition:none!important;border-radius:14px!important}
 body.er101-viewport #modalHost .modal-head{flex:0 0 auto!important;position:relative!important;min-height:55px!important;padding:12px 14px!important;gap:10px!important}
 body.er101-viewport #modalHost .modal-head h2{font:700 18px/1.3 system-ui!important;letter-spacing:-.3px!important;margin:0!important}
 body.er101-viewport #modalHost .modal-head .modal-x{position:static!important;flex:none!important;width:32px!important;min-width:32px!important;height:32px!important;min-height:32px!important;padding:5px!important;border-radius:8px!important;font-size:23px!important}
 body.er101-viewport #modalHost .modal-body{flex:1 1 auto!important;min-width:0!important;min-height:0!important;height:auto!important;max-height:none!important;padding:14px!important;overflow-y:auto!important;overflow-x:hidden!important;overscroll-behavior:contain!important;-webkit-overflow-scrolling:touch!important}
 body.er101-viewport #modalHost .modal-foot{position:relative!important;inset:auto!important;flex:0 0 auto!important;min-height:58px!important;max-height:none!important;padding:9px 12px!important;gap:8px!important;display:flex!important;flex-direction:row!important;align-items:center!important;justify-content:flex-end!important}
 body.er101-viewport #modalHost .modal-foot button{flex:0 1 auto!important;width:auto!important;min-width:70px!important;min-height:40px!important;padding:9px 12px!important;font:650 12px/1.4 system-ui!important;white-space:normal!important;border-radius:9px!important}
 body.er101-viewport #modalHost .er152-form{padding:0!important;margin:0!important;min-width:0!important}
 body.er101-viewport #modalHost .er152-form form{min-width:0!important;max-width:100%!important}
 body.er101-viewport #modalHost .er152-form label{min-width:0!important;font-size:11px!important}
 body.er101-viewport #modalHost .er152-native-field{width:100%!important;min-width:0!important;max-width:100%!important;box-sizing:border-box!important;overflow:hidden!important}
 body.er101-viewport #modalHost .er152-form :is(input:not([type=hidden]),select,textarea){box-sizing:border-box!important;min-width:0!important;width:100%!important;max-width:100%!important;min-height:44px!important;font:400 16px/1.4 system-ui!important}
 body.er101-viewport #modalHost :is(input[type=date],input[type=time]){box-sizing:border-box!important;min-width:0!important;width:100%!important;max-width:100%!important;padding:10px!important}
 body.er101-viewport #modalHost input::-webkit-date-and-time-value{min-width:0!important;max-width:100%!important;text-align:left!important;white-space:nowrap!important}
 body.er101-viewport #modalHost .er152-form textarea{min-height:76px!important}
}
}