@layer er114 {
/* V114: Actual Nov 1 feedback — keep the original screens and functional controls. */
#app .er-auth-login{min-width:0!important;overflow-x:clip!important}
#app .er-auth-login .er-auth-heading p:not(.er84-trial-note){max-width:48ch!important;line-height:1.5!important}
#app .er-auth-login .er84-trial-note{display:block!important;background:transparent!important;border:0!important;border-left:3px solid #9ab6a2!important;border-radius:0!important;box-shadow:none!important;padding:4px 0 4px 10px!important;margin:13px 0 0!important;color:#536c59!important;font:500 12px/1.5 system-ui!important;overflow-wrap:anywhere!important}
#app .er-auth-login :is(.er-auth-card,.er-auth-form,.er-auth-input-wrap){min-width:0!important}
#app .er-auth-login .er-auth-submit{transition:background-color .16s ease!important}
#app .er-auth-login :is(.er-auth-eye,.er-auth-switch button){touch-action:manipulation!important}
/* Roster filters: no clipped searchable employee popover or over-wide actions. */
#page .er14509-roster :is(.er113-employee-select,.er113-employee-trigger,.er113-employee-popover){max-width:100%!important;box-sizing:border-box!important}
#page .er14509-roster .er113-employee-trigger{overflow:hidden!important}
#page .er14509-roster .er113-employee-popover{box-shadow:0 12px 34px #15362327!important}
#page .er14509-roster :is(input,select,button){touch-action:manipulation}
/* Publishing review: draft list and checkbox remain visible and usable. */
.er113-publish-review{min-width:0!important;width:100%!important;box-sizing:border-box!important}
.er113-publish-review ul{max-height:min(38dvh,310px)!important;overscroll-behavior:contain!important}
.er113-publish-review li{min-width:0!important;overflow-wrap:anywhere!important}
.er113-publish-notify{max-width:100%!important;box-sizing:border-box!important;cursor:pointer!important}
.er113-publish-notify>span{min-width:0!important}
/* Scheduled messages: standard vertical rhythm, safe-area room and legible edit form. */
html.er-earth body #er-send-later .er-later-heading-icon{flex:none!important}
html.er-earth body #er-send-later .er-later-body{min-width:0!important;scrollbar-gutter:stable!important}
html.er-earth body #er-send-later .er-later-field>span{flex-wrap:wrap!important}
html.er-earth body #er-send-later :is(.er-later-mode,.er-later-presets){min-width:0!important}
html.er-earth body #er-send-later :is(input,textarea,select){font-size:16px!important}
/* Invoicing: consistent hierarchy and always-readable service/due date controls. */
#er-invoicing :is(.er-invoice-section,.er-invoice-layout,.er-invoice-heading){min-width:0!important}
#er-invoicing .er-invoice-heading h1{line-height:1.2!important}
#er-invoicing .er-invoice-heading p{line-height:1.5!important}
#er-invoicing .er-invoice-metrics{min-width:0!important}
#er1278-invoice-root :is(.er106-invoice-dates,.er106-send-options,.er106-dates-grid){min-width:0!important;box-sizing:border-box!important}
#er1278-invoice-root .er106-dates-grid input{appearance:auto!important;color-scheme:light!important}
/* Keep Today/My timesheets visible when clock content scrolls. */
#page .v499-clock-page .v499-clock-tabs{position:sticky!important;top:0!important;z-index:25!important;background:#eff6e9!important;border:1px solid #d0dfce!important;box-shadow:0 3px 12px #20452b10!important}
@media(max-width:760px){
 #app .er-auth-login .er-auth-header{padding:calc(12px + env(safe-area-inset-top,0px)) 18px 14px!important}
 #app .er-auth-login .er-auth-main{max-width:465px!important;width:100%!important;padding:0 12px 18px!important;margin:auto!important}
 #app .er-auth-login .er-auth-card{padding:clamp(19px,5.4vw,26px)!important;border-radius:18px!important}
 #app .er-auth-login #erAuthTitle{font-size:clamp(28px,8vw,34px)!important;line-height:1.16!important;margin:7px 0 9px!important}
 #app .er-auth-login .er-auth-heading p:not(.er84-trial-note){font-size:13px!important;line-height:1.47!important}
 #app .er-auth-login .er84-trial-note{font-size:12px!important;margin-top:11px!important}
 #app .er-auth-login .er-auth-form{gap:13px!important;margin-top:17px!important}
 #app .er-auth-login .er-auth-input{height:50px!important;min-height:50px!important}
 #app .er-auth-login .er-auth-submit{height:50px!important;min-height:50px!important}
 #app .er-auth-login .er-auth-help{margin:15px 0!important}
 #app .er-auth-login .er-auth-switch{margin-top:15px!important;padding-top:15px!important}
 #app .er-auth-login .er-auth-footer{padding:0 16px calc(10px + env(safe-area-inset-bottom,0px))!important}
 #page .er14509-roster .er113-employee-popover{position:relative!important;top:auto!important;left:auto!important;right:auto!important;margin-top:5px!important;max-height:min(290px,42dvh)!important}
 #page .er14509-roster .er113-employee-options{max-height:min(204px,28dvh)!important}
 #page .er14509-roster .er113-employee-options button{min-height:42px!important}
 #er151-dialog :is(.er113-publish-review,.er151-body){min-width:0!important}
 .er113-publish-review ul{max-height:min(34dvh,265px)!important;margin:10px 0!important}
 .er113-publish-review li{padding:9px 10px!important;gap:8px!important}
 .er113-publish-notify{padding:11px!important;gap:9px!important}
 html.er-earth body #er-send-later[open]{inset:calc(var(--er94-vv-top,0px) + max(8px,env(safe-area-inset-top,0px))) 8px auto!important;width:calc(100vw - 16px)!important;max-width:calc(100vw - 16px)!important;height:calc(var(--er94-visible-height,100dvh) - max(8px,env(safe-area-inset-top,0px)) - max(8px,env(safe-area-inset-bottom,0px)))!important;max-height:calc(var(--er94-visible-height,100dvh) - 16px)!important;border-radius:15px!important}
 html.er-earth body #er-send-later .er-later-header{min-height:61px!important;padding:11px 13px!important;gap:9px!important}
 html.er-earth body #er-send-later h2{font-size:19px!important;letter-spacing:-.3px!important}
 html.er-earth body #er-send-later .er-later-body{padding:14px 13px!important;scrollbar-gutter:auto!important}
 html.er-earth body #er-send-later .er-later-footer{padding:10px 12px calc(10px + env(safe-area-inset-bottom,0px))!important;gap:8px!important;min-height:60px!important}
 html.er-earth body #er-send-later .er-later-footer>button{flex:1 1 auto!important;min-width:0!important;padding:9px 8px!important}
 html.er-earth body #er-send-later .er-later-timing{padding:11px!important;gap:10px!important;margin:14px 0!important}
 html.er-earth body #er-send-later .er-later-recipient{margin-bottom:13px!important}
 #er-invoicing .er-invoice-heading{display:flex!important;align-items:flex-start!important;gap:9px!important;flex-wrap:wrap!important}
 #er-invoicing .er-invoice-heading>div:first-child{min-width:0!important;flex:1 1 175px!important}
 #er-invoicing .er-invoice-heading>div:last-child{min-width:0!important}
 #er-invoicing .er-invoice-layout>main{min-width:0!important;padding:13px 11px 28px!important}
 #er-invoicing .er-invoice-section{padding:13px!important;border-radius:13px!important}
 #er1278-invoice-root .er106-dates-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:9px!important}
 #er1278-invoice-root .er106-dates-grid label:first-child{grid-column:1/-1!important}
 #er1278-invoice-root .er106-dates-grid label{min-width:0!important}
 #er1278-invoice-root .er106-dates-grid input{max-width:100%!important;padding:7px!important;min-height:48px!important}
 #page .v499-clock-page .v499-clock-tabs{top:0!important}
}
@media(max-width:360px){
 #app .er-auth-login .er-auth-main{padding-inline:9px!important}
 #app .er-auth-login .er-auth-card{padding:17px!important}
 html.er-earth body #er-send-later .er-later-mode button{font-size:10px!important;padding:7px 3px!important}
 #er1278-invoice-root .er106-dates-grid{grid-template-columns:1fr!important}
}

/* The mail-connection detail sheet shown in the Nov 1 recording. */
html.er-earth body dialog#er50-email-setup[open]{max-width:min(500px,calc(100vw - 20px))!important;min-width:0!important;box-sizing:border-box!important}
html.er-earth body #er50-email-setup :is(.er50-email-result,.er50-email-state,.er50-email-footnote){min-width:0!important;box-sizing:border-box!important;overflow-wrap:anywhere!important}
html.er-earth body #er50-email-setup>footer button{min-height:43px!important}
@media(max-width:760px){
 html.er-earth body dialog#er50-email-setup[open]{width:calc(100vw - 18px)!important;max-width:calc(100vw - 18px)!important;inset:calc(var(--er94-vv-top,0px) + max(10px,env(safe-area-inset-top,0px))) 9px auto!important;max-height:calc(var(--er94-visible-height,100dvh) - 22px - env(safe-area-inset-bottom,0px))!important;border-radius:15px!important}
 html.er-earth body #er50-email-setup>header{padding:13px 15px!important}
 html.er-earth body #er50-email-setup>header h2{font-size:19px!important}
 html.er-earth body #er50-email-setup .er50-email-result{padding:12px 13px!important}
 html.er-earth body #er50-email-setup .er50-email-state{padding:12px!important;margin-bottom:9px!important}
 html.er-earth body #er50-email-setup .er50-email-state h3{font-size:15px!important;line-height:1.35!important}
 html.er-earth body #er50-email-setup>footer{padding:10px 13px calc(10px + env(safe-area-inset-bottom,0px))!important}
 html.er-earth body #er50-email-setup>footer button{flex:1!important;min-width:0!important;font-size:12px!important}
}
}