/* EarthRoster V1452.183 | focused premium sign-in / company visual polish.
   Cosmetic-only overrides: no form IDs, billing selection or submission logic changed. */
@layer er154 {
  #app .er154-auth {
    color:#1a3830!important;
    background:linear-gradient(180deg,#102f29 0px,#194338 225px,#cdd6cc 225px,#d8ded2 100%)!important;
  }
  #app .er154-auth .er-auth-brand strong {color:#fcfaf0!important;letter-spacing:-1.1px!important}
  #app .er154-auth .er-auth-brand strong span {color:#dacfa5!important}
  #app .er154-auth .er-auth-brand small {color:#c7dbcf!important}
  #app .er154-auth .er105-auth-logo {
    background:#e8e2cb!important;border:1px solid #c6be9c!important;
    border-radius:13px!important;box-shadow:0 4px 13px #051e192b!important;
  }
  #app .er154-auth .er-auth-card {
    background:linear-gradient(155deg,#f0ece2 0%,#ecebe2 49%,#e3e8de 100%)!important;
    border:1px solid #668779!important;border-radius:23px!important;
    box-shadow:0 16px 32px #0a2e2430,0 3px 7px #0b271b11,0 1px 0 #ffffffb0 inset!important;
    overflow:hidden!important;
  }
  #app .er154-auth .er-auth-heading {
    background:linear-gradient(117deg,#143b32 0%,#205143 72%,#2c6049 100%)!important;
    border-bottom:3px solid #c49c69!important;
  }
  #app .er154-auth .er-auth-heading::before {
    opacity:.23!important;right:-100px!important;top:-150px!important;
  }
  #app .er154-auth .er-auth-heading::after {
    background:#dab987!important;width:29px!important;bottom:13px!important;
  }
  #app .er154-auth .er-auth-heading .er-auth-kicker {
    color:#e4d2ad!important;font-size:10px!important;letter-spacing:.15em!important;
  }
  #app .er154-auth #erAuthTitle {color:#ffffff!important;font-weight:760!important}
  #app .er154-auth .er-auth-heading p {color:#dce8df!important}
  #app .er154-auth .er-auth-field label {color:#214637!important;letter-spacing:.006em!important;font-weight:730!important}
  #app .er154-auth .er-auth-input {
    background:#faf8f0!important;color:#153f31!important;
    border:1px solid #a8b6a8!important;
    border-radius:11px!important;
    box-shadow:0 2px 4px #122d2310,0 1px 0 #ffffffbd inset!important;
  }
  #app .er154-auth .er-auth-input::placeholder {color:#718679!important;opacity:1!important}
  #app .er154-auth .er154-field-icon {color:#295d49!important;border-right:1px solid #d8ddd0!important}
  #app .er154-auth .er-auth-input:focus {
    background:#fffdf7!important;border-color:#276b52!important;
    box-shadow:0 0 0 3px #37785a2e,0 2px 5px #173e2f16!important;
  }
  #app .er154-auth .er-auth-submit {
    background:linear-gradient(110deg,#1b5641,#1d6547 60%,#154735)!important;
    border:1px solid #164a38!important;
    border-bottom:2px solid #113d2e!important;
    box-shadow:0 6px 12px #1646302c,0 1px 0 #ffffff28 inset!important;
    border-radius:11px!important;font-weight:760!important;letter-spacing:.005em!important;
  }
  #app .er154-auth .er-auth-submit:hover {background:linear-gradient(110deg,#24684d,#24724e)!important}
  #app .er154-auth .er-auth-submit:active {box-shadow:0 2px 6px #16463022!important}
  #app .er154-auth .er-auth-help {margin-top:12px!important;color:#5a6e60!important}
  #app .er154-auth .er-auth-help strong {color:#1d6249!important}
  #app .er154-auth .er-auth-switch {border-top:1px solid #c1cec0!important;color:#566c5c!important}
  #app .er154-auth .er-auth-switch>a,
  #app .er154-auth .er-auth-switch>button {
    color:#19553e!important;background:#e0e9da!important;
    border:1px solid #d0ddcc!important;
    border-radius:9px!important;min-height:43px!important;
    text-decoration:none!important;
  }
  #app .er154-auth .er-auth-switch>a:hover,
  #app .er154-auth .er-auth-switch>button:hover {background:#d1e0cc!important}
  #app .er154-auth .er-auth-footer {color:#506a5d!important}

  /* Plan choice sits naturally within the form; no outer green slab. */
  #app .er154-auth .er110-start {
    border:0!important;border-radius:0!important;
    background:transparent!important;padding:0!important;
  }
  #app .er154-auth .er110-start legend {color:#204b3b!important;font-size:12.5px!important;font-weight:760!important}
  #app .er154-auth .er110-start-options {gap:8px!important}
  #app .er154-auth .er110-start-option>span {
    background:#faf8ef!important;
    border:1px solid #9daea0!important;
    color:#315c49!important;
    border-radius:10px!important;
    box-shadow:0 2px 3px #1739270d!important;
    font-weight:710!important;
  }
  #app .er154-auth .er110-start-option:has(input:checked)>span {
    background:linear-gradient(120deg,#215a45,#236f50)!important;
    border:1px solid #1c5c42!important;
    color:#fffef7!important;
    box-shadow:0 4px 10px #1c563424!important;
  }
  #app .er154-auth .er110-start-option:has(input:focus-visible)>span {outline:3px solid #b88d53!important;outline-offset:2px!important}
  #app .er154-auth #er110-start-description {color:#446752!important;font-size:11.5px!important}
  #app .er154-auth #er110-start-description::before {background:#d6e5d6!important;color:#1c6746!important}
  #app .er154-auth .er111-signup-plan:not([hidden]) {border-color:#b7cab6!important}
  #app .er154-auth .er-auth-story {
    background:linear-gradient(145deg,#245747 0%,#173e33 58%,#122f29 100%)!important;
    border-color:#538271!important;
    box-shadow:0 16px 34px #152d2628!important;
  }
  #app .er154-auth .er-auth-story::before {opacity:.65!important}
  #app .er154-auth .er-auth-features li::before {background:#d7dcb7!important;color:#285140!important}
  @media(max-width:780px){
    #app .er154-auth {
      background:linear-gradient(180deg,#102f29 0px,#174437 226px,#cdd6cc 226px,#dce1d7 100%)!important;
    }
    #app .er154-auth .er-auth-header {padding-top:calc(19px + env(safe-area-inset-top,0px))!important;padding-bottom:18px!important}
    #app .er154-auth .er-auth-card {border-radius:21px!important}
    #app .er154-auth .er-auth-heading {padding-top:23px!important;padding-bottom:19px!important}
    #app .er154-auth .er-auth-form {gap:11px!important}
    #app .er154-auth .er-auth-input {min-height:48px!important;height:48px!important}
    #app .er154-auth .er-auth-submit {height:50px!important;min-height:50px!important}
    #app .er154-auth .er-auth-switch {gap:2px!important;margin-top:11px!important;padding-top:11px!important}
    #app .er154-auth .er-auth-footer {flex:0 0 auto!important;padding:12px 10px max(18px,env(safe-area-inset-bottom,0px))!important}
    /* Use available viewport height on login so the main card doesn't stick to the top. */
    #app .er154-auth.er-auth-login .er-auth-main {
      flex:1 0 auto!important;display:flex!important;flex-direction:column!important;
      justify-content:center!important;
    }
    #app .er154-auth.er-auth-signup .er-auth-main {flex:0 0 auto!important}
  }
  @media(max-width:360px){
    #app .er154-auth .er110-start-options {gap:5px!important}
    #app .er154-auth .er110-start-option>span {font-size:11px!important}
  }
  @media(prefers-reduced-motion:reduce){
    #app .er154-auth *,#app .er154-auth *::before,#app .er154-auth *::after{transition:none!important;animation:none!important}
  }
}