/* V1452.155 — production sign-in / create-company screens.
   First cascade layer ensures these intentionally limited auth-only rules supersede
   historical auth skins without affecting the rest of EarthRoster. */
@layer er154 {
#app .er154-auth{position:relative!important;isolation:isolate!important;display:flex!important;flex-direction:column!important;min-height:100dvh!important;height:auto!important;overflow:hidden!important;width:100%!important;padding:0!important;background:radial-gradient(ellipse at 25% 38%,#fff8ee 0%,#faf1e5 60%,#f6ecdc 100%)!important;color:#1c4028!important;font-family:system-ui,-apple-system,"Segoe UI",sans-serif!important}
#app .er154-auth *{box-sizing:border-box!important}
#app .er154-auth .er154-top-art,#app .er154-auth .er154-bottom-art{display:block!important;position:absolute!important;z-index:-1!important;left:0!important;right:0!important;width:100%!important;pointer-events:none!important;border:0!important}
#app .er154-auth .er154-top-art{top:0!important;height:clamp(200px,24vw,270px)!important;background:url('/earthroster-auth-top.svg') 50% 0 /100% 100% no-repeat!important}
#app .er154-auth .er154-bottom-art{bottom:0!important;height:clamp(105px,12vw,160px)!important;background:url('/earthroster-auth-bottom.svg') 50% 100%/100% 100% no-repeat!important}
#app .er154-auth .er-auth-header{position:relative!important;z-index:1!important;display:flex!important;align-items:center!important;justify-content:flex-start!important;width:100%!important;max-width:720px!important;min-height:0!important;height:auto!important;padding:clamp(34px,4.5vw,52px) 24px 23px!important;margin:0 auto!important;background:transparent!important;border:0!important;box-shadow:none!important}
#app .er154-auth .er-auth-header::after{display:none!important}
#app .er154-auth .er-auth-brand{display:inline-flex!important;align-items:center!important;gap:14px!important;padding:0!important;min-height:65px!important;background:none!important;border:0!important;text-align:left!important;box-shadow:none!important;text-decoration:none!important;cursor:pointer!important}
#app .er154-auth .er105-auth-logo{display:block!important;width:62px!important;height:62px!important;flex:0 0 62px!important;object-fit:contain!important;border:0!important;border-radius:13px!important;box-shadow:0 5px 12px #09200c25!important}
#app .er154-auth .er154-brand-divider{display:block!important;width:1px!important;height:54px!important;min-width:1px!important;background:#e6e2d4a6!important;margin:0 0 0 1px!important}
#app .er154-auth .er154-brand-copy{display:grid!important;align-items:center!important;gap:4px!important;min-width:0!important}
#app .er154-auth .er-auth-brand strong{display:block!important;font:780 clamp(28px,4.4vw,37px)/1.08 system-ui,sans-serif!important;letter-spacing:-1.55px!important;white-space:nowrap!important;color:#fffbeb!important;text-shadow:0 1px 1px #263e2920!important}
#app .er154-auth .er-auth-brand strong span{color:#bcbb71!important}
#app .er154-auth .er-auth-brand small{display:block!important;margin:0!important;font:420 clamp(12px,1.8vw,16px)/1.4 system-ui,sans-serif!important;white-space:nowrap!important;color:#f6f0df!important}
#app .er154-auth .er-auth-main{position:relative!important;z-index:1!important;display:block!important;flex:0 0 auto!important;max-width:720px!important;width:100%!important;margin:0 auto!important;padding:0 18px 0!important;min-height:0!important;height:auto!important;background:transparent!important;border:0!important;border-radius:0!important;overflow:visible!important;box-shadow:none!important}
#app .er154-auth .er-auth-story{display:none!important}
#app .er154-auth .er-auth-card{display:block!important;width:100%!important;max-width:none!important;min-height:0!important;height:auto!important;margin:0!important;padding:32px clamp(24px,5vw,42px) 28px!important;border:1px solid #f9f4e8!important;border-radius:27px!important;background:linear-gradient(145deg,#fffcf5 0%,#fffaf2 65%,#fff7ed 100%)!important;box-shadow:0 15px 38px #574c3027!important;overflow:visible!important}
#app .er154-auth .er-auth-kicker{display:block!important;font:770 12px/1.4 system-ui!important;letter-spacing:2.3px!important;text-transform:uppercase!important;color:#565c2f!important;margin:0!important}
#app .er154-auth #erAuthTitle{font:790 clamp(29px,4.3vw,39px)/1.13 system-ui!important;letter-spacing:-1.35px!important;color:#143b23!important;margin:9px 0 9px!important}
#app .er154-auth .er-auth-heading p{font:430 15px/1.55 system-ui!important;color:#5e5c4e!important;margin:0!important;max-width:none!important;white-space:normal!important}
#app .er154-auth .er-auth-form{display:grid!important;gap:16px!important;width:100%!important;min-width:0!important;padding:0!important;margin:23px 0 0!important}
#app .er154-auth .er-auth-name-row{display:grid!important;grid-template-columns:1fr!important;gap:13px!important;min-width:0!important}
#app .er154-auth .er-auth-field{display:grid!important;gap:6px!important;min-width:0!important;margin:0!important;padding:0!important}
#app .er154-auth .er-auth-field label{font:740 15px/1.34 system-ui!important;color:#133d25!important;margin:0!important}
#app .er154-auth .er-auth-input-wrap,#app .er154-auth .er-auth-input-wrap:focus-within{position:relative!important;display:block!important;border:0!important;border-radius:11px!important;padding:0!important;background:transparent!important;outline:0!important;box-shadow:none!important;width:100%!important;min-width:0!important}
#app .er154-auth .er-auth-input{display:block!important;width:100%!important;min-width:0!important;height:53px!important;min-height:53px!important;padding:11px 48px 11px 64px!important;border:1px solid #cbbb9c!important;border-radius:11px!important;background:#fffaf2a8!important;box-shadow:none!important;outline:0!important;color:#2e3827!important;font:440 16px/1.45 system-ui!important;transition:border-color .15s,background-color .15s!important}
#app .er154-auth .er-auth-input:focus{background:#fffdf8!important;border-color:#748748!important;box-shadow:0 0 0 2px #74874828!important;outline:0!important}
#app .er154-auth .er-auth-input::placeholder{opacity:1!important;color:#8c8a7e!important}
#app .er154-auth .er154-field-icon{position:absolute!important;z-index:1!important;left:1px!important;top:8px!important;display:grid!important;place-items:center!important;width:51px!important;height:37px!important;padding:0!important;color:#535532!important;border-right:1px solid #c6b89d!important;pointer-events:none!important}
#app .er154-auth .er154-field-icon svg{display:block!important;width:24px!important;height:24px!important}
#app .er154-auth .er-auth-eye{position:absolute!important;z-index:2!important;right:2px!important;top:3px!important;display:grid!important;place-items:center!important;height:47px!important;min-height:47px!important;width:47px!important;margin:0!important;padding:12px!important;background:transparent!important;color:#51552d!important;border:0!important;box-shadow:none!important;cursor:pointer!important}
#app .er154-auth .er-auth-eye svg{width:24px!important;height:24px!important}
#app .er154-auth .er-auth-submit{display:flex!important;align-items:center!important;justify-content:center!important;gap:15px!important;width:100%!important;min-height:56px!important;height:56px!important;padding:12px 20px!important;margin:8px 0 0!important;border:1px solid #244a26!important;border-radius:12px!important;background:linear-gradient(110deg,#214522,#305d2d 58%,#254923 100%)!important;color:#fffdf5!important;font:740 17px/1.3 system-ui!important;box-shadow:0 4px 8px #2d4e2730!important;cursor:pointer!important}
#app .er154-auth .er-auth-submit:hover{filter:brightness(1.08)!important}
#app .er154-auth .er-auth-submit:disabled{opacity:.64!important;cursor:wait!important}
#app .er154-auth .er-auth-submit svg{width:23px!important;height:23px!important}
#app .er154-auth .er-auth-help{display:grid!important;justify-items:center!important;gap:4px!important;font:420 13px/1.5 system-ui!important;margin:18px 0 0!important;color:#625d50!important;text-align:center!important}
#app .er154-auth .er-auth-help strong{display:block!important;font:690 14px/1.4 system-ui!important;text-decoration:underline!important;color:#515b30!important}
#app .er154-auth .er-auth-help span{color:#615d50!important}
#app .er154-auth .er-auth-switch{display:grid!important;grid-template-columns:1fr!important;justify-items:stretch!important;gap:12px!important;padding:18px 0 0!important;margin:22px 0 0!important;border-top:1px solid #ded5c7!important;text-align:center!important;color:#615d51!important;font:420 14px/1.35 system-ui!important}
#app .er154-auth .er-auth-switch>a,#app .er154-auth .er-auth-switch>button{display:flex!important;align-items:center!important;justify-content:center!important;gap:10px!important;width:100%!important;min-width:0!important;min-height:52px!important;margin:0!important;padding:9px 16px!important;border:1px solid #a7ac70!important;border-radius:12px!important;background:linear-gradient(100deg,#f0f0d9,#eff0d6 65%,#f7efd9)!important;color:#254724!important;font:740 16px/1.35 system-ui!important;text-decoration:none!important;box-shadow:none!important;cursor:pointer!important}
#app .er154-auth .er-auth-switch>a svg,#app .er154-auth .er-auth-switch>button svg{width:21px!important;height:21px!important;flex:none!important}
#app .er154-auth .er-auth-switch>a svg:last-child,#app .er154-auth .er-auth-switch>button svg:last-child{margin-left:auto!important}
#app .er154-auth .er-auth-switch>a svg:first-child{margin-right:auto!important}
#app .er154-auth .er-auth-switch b{font:inherit!important}
#app .er154-auth .er-auth-footer{position:relative!important;z-index:1!important;display:block!important;flex:1 0 auto!important;text-align:center!important;width:100%!important;margin:0!important;padding:20px 12px max(65px,calc(45px + env(safe-area-inset-bottom,0px)))!important;background:transparent!important;color:#2a4930!important;font:470 12px/1.6 system-ui!important;letter-spacing:0!important}
/* The existing saved-on-this-device company greeting is cosmetic and never authenticates a session. */
#app .er154-auth .er-auth-card:has(#lcRecognised.show) .er-auth-heading>p{display:block!important}
#app .er154-auth .lc-recognised{display:none!important}
#app .er154-auth .lc-recognised.show{display:block!important;margin:19px 0 0!important;padding:0!important;border:0!important;background:transparent!important;box-shadow:none!important}
#app .er154-auth .lc-rec-inner,#app .er154-auth .lc-recognised.show .lc-rec-inner{display:flex!important;align-items:center!important;gap:13px!important;width:100%!important;min-width:0!important;padding:12px!important;border:0!important;border-radius:14px!important;background:linear-gradient(100deg,#edf0e2,#f2f2df)!important;box-shadow:none!important}
#app .er154-auth .lc-rec-av,#app .er154-auth .lc-recognised.show .lc-rec-av{display:grid!important;place-items:center!important;flex:0 0 43px!important;width:43px!important;height:43px!important;border-radius:10px!important;background:linear-gradient(130deg,#284e1d,#4d710d)!important;color:#fff!important}
#app .er154-auth .lc-rec-av svg{width:27px!important;height:27px!important}
#app .er154-auth .lc-rec-inner>div{display:grid!important;gap:4px!important;min-width:0!important}
#app .er154-auth .lc-rec-inner b{font:750 17px/1.25 system-ui!important;color:#204327!important;overflow-wrap:anywhere!important}
#app .er154-auth .lc-rec-inner em{font:440 13px/1.45 system-ui!important;font-style:normal!important;color:#777567!important}
#app .er154-auth .er-auth-error:empty{display:none!important}
#app .er154-auth .er-auth-error:not(:empty){display:block!important;margin-top:15px!important;border:1px solid #e8c6bc!important;background:#fff1e9!important;color:#8a4333!important;padding:11px 13px!important;border-radius:10px!important;font-size:13px!important}
/* Subscription choices are the original, functioning radio buttons. */
#app .er154-auth .er110-start{display:block!important;min-width:0!important;margin:0!important;padding:14px 13px 11px!important;border:0!important;border-radius:17px!important;background:linear-gradient(110deg,#eeefda 0%,#f4efda 55%,#eef0d9 100%)!important}
#app .er154-auth .er110-start legend{display:block!important;float:none!important;width:auto!important;padding:0 0 3px!important;margin:0!important;font:740 15px/1.45 system-ui!important;color:#254328!important}
#app .er154-auth .er110-start-options{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:6px!important;width:100%!important;padding:0!important;border:0!important;border-radius:0!important;background:transparent!important}
#app .er154-auth .er110-start-option{display:block!important;position:relative!important;flex:1 1 0!important;min-width:0!important;min-height:45px!important;margin:0!important;padding:0!important;border:0!important;border-radius:10px!important;background:transparent!important;color:#263d2b!important;cursor:pointer!important}
#app .er154-auth .er110-start-option>input{position:absolute!important;z-index:2!important;inset:0!important;width:100%!important;height:100%!important;opacity:0!important;margin:0!important;pointer-events:auto!important;cursor:pointer!important}
#app .er154-auth .er110-start-option>span{display:grid!important;place-items:center!important;min-height:45px!important;height:100%!important;width:100%!important;padding:8px 3px!important;border:1px solid #d2c7b5!important;border-radius:10px!important;background:#fffaf2!important;color:#243d26!important;font:570 13px/1.25 system-ui!important;white-space:nowrap!important;box-shadow:0 2px 4px #7a65400a!important}
#app .er154-auth .er110-start-option:has(input:checked)>span{background:linear-gradient(125deg,#234921,#305b28)!important;border-color:#234921!important;color:white!important;box-shadow:none!important;font-weight:720!important}
#app .er154-auth .er110-start-option:has(input:focus-visible)>span{outline:2px solid #9a9e63!important;outline-offset:2px!important}
#app .er154-auth #er110-start-description{display:block!important;min-height:0!important;margin:10px 0 0!important;padding:0!important;text-align:center!important;color:#625e4e!important;font:425 12px/1.4 system-ui!important}
#app .er154-auth .er111-signup-plan[hidden]{display:none!important}
#app .er154-auth .er111-signup-plan:not([hidden]){margin:0!important;padding:6px 0 14px!important;border-bottom:1px solid #d9ccae!important}
#app .er154-auth .er111-signup-plan summary{font-size:12px!important;color:#254724!important}
#app .er154-auth .er111-signup-plan select{background:#fffcf6!important;border:1px solid #d2c7b5!important;color:#244628!important}
#app .er154-auth .er-auth-field>small{margin:0!important;font:420 12px/1.4 system-ui!important;color:#645d4e!important}
#app .er154-auth .er-auth-brand:focus-visible,#app .er154-auth button:focus-visible,#app .er154-auth a:focus-visible{outline:2px solid #9da25a!important;outline-offset:3px!important}
@media(max-width:767px){
 #app .er154-auth .er154-top-art{height:205px!important}
 #app .er154-auth .er-auth-header{max-width:520px!important;width:100%!important;padding:calc(49px + env(safe-area-inset-top,0px)) 27px 21px!important}
 #app .er154-auth .er-auth-brand{min-height:55px!important;gap:12px!important}
 #app .er154-auth .er105-auth-logo{width:52px!important;height:52px!important;flex-basis:52px!important}
 #app .er154-auth .er154-brand-divider{height:48px!important}
 #app .er154-auth .er-auth-brand strong{font-size:clamp(25px,7vw,32px)!important;letter-spacing:-1.25px!important}
 #app .er154-auth .er-auth-brand small{font-size:12px!important}
 #app .er154-auth .er-auth-main{max-width:520px!important;width:100%!important;padding:0 9px!important;margin:0 auto!important}
 #app .er154-auth .er-auth-card{width:100%!important;padding:20px 20px 18px!important;border-radius:24px!important}
 #app .er154-auth .er-auth-kicker{font-size:11px!important;letter-spacing:2px!important}
 #app .er154-auth #erAuthTitle{font-size:clamp(25px,7.5vw,31px)!important;letter-spacing:-1.15px!important;margin:9px 0 8px!important}
 #app .er154-auth .er-auth-heading p{font-size:12px!important;line-height:1.5!important}
 #app .er154-auth .er-auth-form{gap:10px!important;margin-top:13px!important}
 #app .er154-auth .er-auth-name-row{gap:10px!important}
 #app .er154-auth .er-auth-input{height:44px!important;min-height:44px!important;font-size:15px!important;padding-left:61px!important}
 #app .er154-auth .er154-field-icon{top:3px!important}
 #app .er154-auth .er-auth-eye{top:0px!important;height:44px!important}
 #app .er154-auth .er-auth-field label{font-size:13px!important}
 #app .er154-auth .er-auth-submit{height:49px!important;min-height:49px!important;font-size:16px!important;margin-top:5px!important}
 #app .er154-auth .er-auth-switch{margin-top:15px!important;gap:8px!important;padding-top:12px!important;font-size:12px!important}
 #app .er154-auth .er-auth-switch>a,#app .er154-auth .er-auth-switch>button{min-height:46px!important;font-size:14px!important}
 #app .er154-auth .er-auth-footer{padding:16px 10px max(60px,calc(45px + env(safe-area-inset-bottom,0px)))!important}
 #app .er154-auth .er110-start{padding:11px 11px 10px!important}
 #app .er154-auth .er110-start legend{font-size:13px!important}
 #app .er154-auth .er110-start-option>span{font-size:12px!important;min-height:42px!important}
 #app .er154-auth #er110-start-description{font-size:11px!important}
 #app .er154-auth .lc-rec-inner b{font-size:15px!important}
}
@media(max-width:360px){
 #app .er154-auth .er-auth-header{padding-left:20px!important;padding-right:16px!important}
 #app .er154-auth .er-auth-card{padding:20px 15px!important}
 #app .er154-auth .er-auth-main{padding-inline:7px!important}
 #app .er154-auth .er-auth-brand strong{font-size:24px!important}
 #app .er154-auth .er110-start-options{gap:4px!important}
 #app .er154-auth .er110-start-option>span{font-size:11px!important}
}
}