/* MobresAI login layout, adapted to the existing loyalty palette. */
.auth-shell{width:calc(100% - 48px);max-width:1100px;min-height:700px;margin:40px auto;grid-template-columns:1fr 1fr;border:1px solid var(--line);border-radius:24px;overflow:hidden;box-shadow:var(--shadow)}
.auth-story{padding:48px;background:linear-gradient(155deg,#203d38,#2c5148);color:#fff;justify-content:space-between}
.auth-story .brand{color:#fff}.auth-story .brand>span{background:var(--peach)}
.story-copy{margin:auto 0}.story-copy h1{font-family:'DM Sans','Segoe UI',sans-serif;font-size:46px;line-height:1.14;letter-spacing:-1.5px;font-weight:700;color:#fff}
.story-copy h1 em{color:#f5b596;font-style:normal}.story-copy p{color:#d7e3de;font-size:16px;line-height:1.65}.auth-story .overline{color:#f5b596}
.connection-map{display:none}.story-foot{color:#ccdbd4}.auth-story:before,.auth-story:after{border-color:#ffffff12;pointer-events:none}
.auth-side{padding:36px;background:#fff}.auth-card{display:block;min-height:0;width:100%;max-width:410px;padding:0;border:0;border-radius:0;box-shadow:none}
.auth-card .step-indicator{margin-top:0}.auth-card .connected-business{margin-top:0}.auth-card .mobile-brand{position:static}
.auth-card h2{font-family:'DM Sans','Segoe UI',sans-serif;font-size:30px;font-weight:700;line-height:1.2;letter-spacing:-.8px}
.auth-card>label{font-size:14px;margin:18px 0}.auth-card>p{font-size:15px;margin-bottom:24px}.input-with-action input{font-size:16px}
.connected-business b{font-size:14px}.connected-business span{font-size:12px;overflow-wrap:anywhere}.connected-business small{font-size:10px}.connected-business .business-logo{font-family:'Segoe UI',sans-serif}
.auth-card .form-error{margin:12px 0!important;font-size:14px!important}.auth-card .primary-action{margin-top:24px}.trust-note{font-size:12px;line-height:1.6}
@media(max-width:999px){.auth-shell{display:block;max-width:460px;min-height:0;margin:28px auto}.auth-story{display:none}.auth-side{padding:32px 28px}.mobile-brand{display:flex;margin-bottom:30px}.auth-card h2{font-size:29px}}
@media(max-width:520px){.auth-shell{width:100%;margin:0;border:0;border-radius:0;box-shadow:none;min-height:calc(100dvh - 27px)}.auth-side{min-height:calc(100dvh - 27px);padding:30px 24px calc(30px + env(safe-area-inset-bottom))}.auth-card{max-width:410px}.auth-card h2{font-size:28px}.auth-card .mobile-brand{margin-bottom:26px}}

@media(max-width:760px){
  .auth-shell{width:100%;max-width:none;margin:0;border:0;border-radius:0;box-shadow:none;min-height:calc(100dvh - 23px)}
  .auth-side{min-height:calc(100dvh - 23px)}
}