/* EarthRoster V1452.182 — compact refined identity, flatter plan choices.
 * Visual changes only. Original input IDs, radio buttons, login/onboarding/billing handlers remain.
 */
@layer er154 {
  #app .er154-auth {
    color:#1a342b!important;
    background:linear-gradient(180deg,#112e26 0,#214e3d 216px,#d7ddd1 216px,#dee1d6 100%)!important;
  }
  #app .er154-auth .er-auth-header {
    padding-top:25px!important;padding-bottom:21px!important;
  }
  #app .er154-auth .er-auth-main{gap:21px!important}
  #app .er154-auth .er-auth-card {
    background:linear-gradient(155deg,#e7eae0 0%,#e6e9df 56%,#dce3d8 100%)!important;
    border:1px solid #779182!important;
    border-radius:20px!important;
    padding:23px 27px 22px!important;
    box-shadow:0 15px 34px #0e30283c,0 1px 0 #ffffff70 inset!important;
  }
  #app .er154-auth .er-auth-heading {
    margin:-23px -27px 18px!important;
    padding:22px 27px 22px!important;
    min-height:0!important;
    background:linear-gradient(120deg,#163f33 0%,#1f503e 63%,#2b5a44 100%)!important;
    border-bottom:3px solid #b98f65!important;
    border-radius:0!important;
  }
  #app .er154-auth .er-auth-heading::before {
    right:-65px!important;top:-135px!important;opacity:.36!important;
  }
  #app .er154-auth .er-auth-heading::after {
    left:27px!important;bottom:12px!important;width:28px!important;height:2px!important;
  }
  #app .er154-auth .er-auth-heading .er-auth-kicker {
    color:#e0d9b5!important;letter-spacing:.14em!important;font-size:10px!important;
  }
  #app .er154-auth #erAuthTitle {
    margin:6px 0 6px!important;
    font-size:clamp(25px,3vw,32px)!important;letter-spacing:-1.0px!important;
    line-height:1.13!important;
  }
  #app .er154-auth .er-auth-heading p {
    font-size:12.8px!important;line-height:1.45!important;max-width:410px!important;
    color:#d7e4d9!important;
  }
  #app .er154-auth .er-auth-form{gap:10px!important;margin-top:14px!important}
  #app .er154-auth .er-auth-heading+.er-auth-form{margin-top:0!important}
  #app .er154-auth .er-auth-field{gap:5px!important}
  #app .er154-auth .er-auth-field label {
    font-size:12px!important;font-weight:730!important;color:#264b3a!important;
  }
  #app .er154-auth .er-auth-input {
    height:47px!important;min-height:47px!important;
    background:#f4f3e9!important;
    border:1px solid #a7b9ab!important;border-radius:10px!important;
    box-shadow:0 1px 2px #183f3010!important;
    font-size:14.5px!important;
  }
  #app .er154-auth .er154-field-icon{top:8px!important;height:30px!important}
  #app .er154-auth .er-auth-eye {top:1px!important;height:45px!important}
  #app .er154-auth .er-auth-submit {
    min-height:49px!important;height:49px!important;
    border-radius:10px!important;
    background:#205943!important;
    border:1px solid #154b37!important;
    border-bottom:2px solid #143f30!important;
    box-shadow:0 5px 12px #1e543b22!important;
  }
  #app .er154-auth .er-auth-switch {
    margin-top:15px!important;padding-top:12px!important;gap:4px!important;
    border-top:1px solid #b8c9ba!important;
    color:#597063!important;font-size:12px!important;
  }
  #app .er154-auth .er-auth-switch>a,
  #app .er154-auth .er-auth-switch>button {
    min-height:40px!important;height:auto!important;
    padding:6px 8px!important;
    border:none!important;border-radius:7px!important;
    color:#1a593f!important;background:transparent!important;
    box-shadow:none!important;
    font-size:13px!important;font-weight:720!important;
  }
  #app .er154-auth .er-auth-switch>a:hover,
  #app .er154-auth .er-auth-switch>button:hover{background:#d3dfd1!important}
  #app .er154-auth .er-auth-switch>a b{text-decoration:underline;text-underline-offset:3px}
  #app .er154-auth .er-auth-switch>a svg:last-child{width:17px!important;height:17px!important}

  /* Plan picker: no nested green rectangle. Segmented choices live directly on form. */
  #app .er154-auth .er110-start {
    display:block!important;
    width:100%!important;min-inline-size:0!important;
    padding:0!important;margin:0 0 5px!important;
    border:0!important;border-radius:0!important;
    background:transparent!important;box-shadow:none!important;
  }
  #app .er154-auth .er110-start legend {
    float:none!important;width:100%!important;
    padding:0!important;margin:0 0 9px!important;
    color:#294b3a!important;font-size:12.5px!important;
    font-weight:780!important;line-height:1.3!important;
  }
  #app .er154-auth .er110-start-options {
    display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;
    gap:7px!important;width:100%!important;
    padding:0!important;border:0!important;background:transparent!important;
  }
  #app .er154-auth .er110-start-option {min-height:43px!important;height:43px!important}
  #app .er154-auth .er110-start-option>span {
    min-height:43px!important;height:43px!important;
    padding:6px 3px!important;
    border-radius:9px!important;
    border:1px solid #9dad9f!important;
    background:#eeeede!important;
    color:#315542!important;
    box-shadow:none!important;
    font-size:12px!important;font-weight:690!important;line-height:1.25!important;
  }
  #app .er154-auth .er110-start-option:has(input:checked)>span {
    background:#215843!important;border-color:#184935!important;
    color:#fffef5!important;box-shadow:0 2px 5px #12412a20!important;
  }
  #app .er154-auth #er110-start-description {
    position:relative!important;
    padding:0 0 0 20px!important;
    margin:9px 1px 0!important;
    text-align:left!important;
    color:#4f6c5b!important;
    font-size:11.5px!important;line-height:1.35!important;
    min-height:17px!important;
  }
  #app .er154-auth #er110-start-description::before {
    content:'✓';display:grid;place-items:center;
    position:absolute;left:0;top:0;width:15px;height:15px;
    background:#d3dfcc;color:#1b5e3d;border-radius:50%;
    font-size:10px;font-weight:800;
  }
  #app .er154-auth .er111-signup-plan:not([hidden]) {
    margin:0!important;padding:8px 0 10px!important;
    background:transparent!important;border:0!important;
    border-top:1px solid #bdcaba!important;
    border-bottom:1px solid #bdcaba!important;
    border-radius:0!important;
  }
  #app .er154-auth .er-auth-footer {padding-top:13px!important;color:#567060!important}
  @media(max-width:780px){
    #app .er154-auth {
      background:linear-gradient(180deg,#112e26 0,#1b4938 230px,#d6dfd4 230px,#dde2d6 100%)!important;
    }
    #app .er154-auth .er-auth-header {padding:calc(19px + env(safe-area-inset-top,0px)) 21px 19px!important}
    #app .er154-auth .er-auth-main {padding:0 14px!important}
    #app .er154-auth .er-auth-card {padding:20px 21px 20px!important;border-radius:18px!important}
    #app .er154-auth .er-auth-heading {margin:-20px -21px 16px!important;padding:22px 22px 20px!important}
    #app .er154-auth .er-auth-heading::after {left:22px!important}
    #app .er154-auth #erAuthTitle{font-size:28px!important}
    #app .er154-auth .er-auth-heading p{font-size:12.5px!important}
    #app .er154-auth .er-auth-form{gap:10px!important;margin-top:12px!important}
    #app .er154-auth .er-auth-heading+.er-auth-form{margin-top:0!important}
    #app .er154-auth .er-auth-input{height:47px!important;min-height:47px!important;font-size:16px!important}
    #app .er154-auth .er110-start legend{font-size:12.5px!important}
    #app .er154-auth .er-auth-switch{margin-top:12px!important;padding-top:10px!important}
    #app .er154-auth .er-auth-footer{padding:12px 10px max(23px,env(safe-area-inset-bottom,0px))!important}
  }
  @media(max-width:360px){
    #app .er154-auth .er-auth-main{padding:0 10px!important}
    #app .er154-auth .er-auth-card{padding:17px 16px 18px!important}
    #app .er154-auth .er-auth-heading{margin:-17px -16px 14px!important;padding:18px 17px 18px!important}
    #app .er154-auth .er-auth-heading::after{left:17px!important}
    #app .er154-auth #erAuthTitle{font-size:26px!important}
    #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 *{transition:none!important;animation:none!important}}
}