/* Dedicated account login; checkout and registration retain their own layouts. */
body:is(#authentication,#registration){--auth-green:var(--sr-theme-primary,#1b7d36);--auth-ink:var(--sr-theme-text,#1f2328);--auth-muted:var(--sr-theme-muted,#6b7280);background:#f3f5f3;color:var(--auth-ink)}
:is(#authentication,#registration) #header,:is(#authentication,#registration) #footer{display:none}
:is(#authentication,#registration) #wrapper{background:transparent;box-shadow:none;padding:0;min-height:100vh;min-height:100dvh}
:is(#authentication,#registration) #wrapper>.container{width:100%;max-width:none;padding:0}
:is(#authentication,#registration) #wrapper>.container>.row{margin:0}
:is(#authentication,#registration) #content-wrapper{padding:0;float:none}
:is(#authentication,#registration) .sr-auth{width:min(100% - 40px,480px);margin:auto;min-height:100vh;min-height:100dvh;display:flex;flex-direction:column;justify-content:center;padding:32px 0;gap:22px}
:is(#authentication,#registration) .sr-auth-back{align-self:flex-start;display:flex;align-items:center;gap:10px;font-size:13px;color:var(--auth-muted);text-decoration:none}
:is(#authentication,#registration) .sr-auth-back:hover{color:var(--auth-green)}
:is(#authentication,#registration) .sr-auth-logo{display:block;align-self:center;max-width:75%;margin:4px 0 6px}
:is(#authentication,#registration) .sr-auth-logo img{display:block;object-fit:contain;max-width:100%;width:260px;height:60px}
:is(#authentication,#registration) .sr-auth-card{background:var(--sr-theme-surface,#fff);border:1px solid #e5eae5;border-radius:22px;padding:36px;box-shadow:0 14px 45px #182e1810}
:is(#authentication,#registration) .sr-auth-heading{margin-bottom:26px}
:is(#authentication,#registration) .sr-auth-eyebrow{color:var(--auth-green);font-size:10px;font-weight:700;letter-spacing:1.7px;margin:0 0 12px}
:is(#authentication,#registration) .sr-auth-heading h1{font-family:inherit;font-size:27px;line-height:1.2;font-weight:750;text-transform:none;margin:0 0 10px;color:var(--auth-ink)}
:is(#authentication,#registration) .sr-auth-heading>p:last-child{font-size:13px;line-height:1.6;color:var(--auth-muted);margin:0}
:is(#authentication,#registration) .login-form{width:100%;max-width:none;margin:0}
:is(#authentication,#registration) :is(#login-form,#customer-form) .form-group{margin:0 0 18px;display:block}
:is(#authentication,#registration) :is(#login-form,#customer-form) .form-control-label{float:none;width:100%;padding:0;margin:0 0 7px;text-align:left;font-size:13px;font-weight:600;color:var(--auth-ink)}
:is(#authentication,#registration) :is(#login-form,#customer-form) .js-input-column{float:none;width:100%;padding:0}
:is(#authentication,#registration) :is(#login-form,#customer-form) .form-control-comment{display:none}
:is(#authentication,#registration) :is(#login-form,#customer-form) .form-control{height:48px;font-size:16px;background:#f8faf8;border:1px solid #dce3dc;border-radius:9px;color:var(--auth-ink);padding:10px 13px;box-shadow:none}
:is(#authentication,#registration) :is(#login-form,#customer-form) .form-control:focus{border-color:var(--auth-green);outline:2px solid var(--auth-green);outline-offset:2px;background:#fff}
:is(#authentication,#registration) :is(#login-form,#customer-form) .input-group{width:100%}
:is(#authentication,#registration) :is(#login-form,#customer-form) .input-group .form-control{border-radius:9px 0 0 9px}
:is(#authentication,#registration) :is(#login-form,#customer-form) .input-group-btn>.btn{height:48px;padding:0 12px;border:1px solid #dce3dc;border-left:0;border-radius:0 9px 9px 0;background:#edf2ed;color:var(--auth-green);font-size:12px;text-transform:none;box-shadow:none}
:is(#authentication,#registration) .forgot-password{text-align:right;font-size:12px;margin:-3px 0 22px;padding:0}
:is(#authentication,#registration) .forgot-password a{color:var(--auth-muted);text-decoration:underline;text-underline-offset:3px}
:is(#authentication,#registration) :is(#login-form,#customer-form) .form-footer{padding:0;margin:0}
:is(#authentication,#registration) :is(#submit-login,#customer-form .form-control-submit){width:100%;min-height:48px;border:0;border-radius:9px;background:var(--auth-green);color:#fff;font-family:inherit;font-size:14px;font-weight:700;text-transform:none;box-shadow:0 5px 14px #1b7d3620;transition:filter .18s}
:is(#authentication,#registration) :is(#submit-login,#customer-form .form-control-submit):hover{filter:brightness(.92)}
:is(#authentication,#registration) .sr-auth a:focus-visible,:is(#authentication,#registration) .sr-auth button:focus-visible{outline:2px solid var(--auth-green);outline-offset:4px}
:is(#authentication,#registration) .sr-auth-register{border-top:1px solid #e7ece7;margin-top:25px;padding-top:22px;text-align:center;font-size:13px}
:is(#authentication,#registration) .sr-auth-register p{color:var(--auth-muted);margin:0 0 7px}
:is(#authentication,#registration) .sr-auth-register a{color:var(--auth-green);font-weight:700;display:inline-flex;gap:10px;align-items:center}
:is(#authentication,#registration) .sr-auth-benefits{display:grid;gap:8px;margin-top:24px;color:var(--auth-muted);font-size:12px}
:is(#authentication,#registration) .sr-auth-benefits span:before{content:'✓';color:var(--auth-green);margin-right:9px}
:is(#authentication,#registration) .sr-auth-help{align-self:center;font-size:12px;color:var(--auth-muted)}
:is(#authentication,#registration) .sr-auth .alert{font-size:13px;overflow-wrap:anywhere}
@media(max-width:767px){
 :is(#authentication,#registration) .sr-auth{width:min(100% - 32px,440px);padding:20px 0;gap:18px}
 :is(#authentication,#registration) .sr-auth-logo{margin:0}
 :is(#authentication,#registration) .sr-auth-logo img{width:210px;height:45px}
 :is(#authentication,#registration) .sr-auth-card{padding:25px 22px;border-radius:17px;box-shadow:0 8px 28px #182e180a}
 :is(#authentication,#registration) .sr-auth-heading{margin-bottom:22px}
 :is(#authentication,#registration) .sr-auth-heading h1{font-size:23px}
 :is(#authentication,#registration) .sr-auth-heading>p:last-child{font-size:12px}
 :is(#authentication,#registration) .sr-auth-benefits{display:none}
 :is(#authentication,#registration) .sr-auth-register{margin-top:21px;padding-top:19px}
}
@media(max-width:767px) and (max-height:700px){
 :is(#authentication,#registration) .sr-auth{padding:12px 0;gap:12px}
 :is(#authentication,#registration) .sr-auth-card{padding:20px}
 :is(#authentication,#registration) .sr-auth-heading{margin-bottom:17px}
 :is(#authentication,#registration) .sr-auth-eyebrow{margin-bottom:8px}
 :is(#authentication,#registration) :is(#login-form,#customer-form) .form-group{margin-bottom:14px}
 :is(#authentication,#registration) .forgot-password{margin-bottom:17px}
 :is(#authentication,#registration) .sr-auth-register{margin-top:17px;padding-top:15px}
}
@media(prefers-reduced-motion:reduce){:is(#authentication,#registration) :is(#submit-login,#customer-form .form-control-submit){transition:none}}
@media(max-width:767px) and (max-height:600px){
 :is(#authentication,#registration) .sr-auth{gap:10px;padding:10px 0}
 :is(#authentication,#registration) .sr-auth-logo img{height:36px;width:185px}
 :is(#authentication,#registration) .sr-auth-card{padding:18px}
 :is(#authentication,#registration) .sr-auth-heading{margin-bottom:15px}
 :is(#authentication,#registration) .sr-auth-heading>p:last-child{display:none}
 :is(#authentication,#registration) .sr-auth-heading h1{font-size:23px;margin-bottom:0}
 :is(#authentication,#registration) :is(#login-form,#customer-form) .form-control-label{line-height:18px;margin-bottom:5px}
 :is(#authentication,#registration) :is(#login-form,#customer-form) .form-group{margin-bottom:12px}
 :is(#authentication,#registration) .sr-auth-register{padding-top:12px;margin-top:14px;line-height:1.4}
 :is(#authentication,#registration) .sr-auth-register p{font-size:12px;margin-bottom:4px}
}

@media(max-width:767px){:is(#authentication,#registration) .sr-auth-heading h1{font-size:18px;line-height:1.25;letter-spacing:-.3px}}
@media(max-width:360px){:is(#authentication,#registration) .sr-auth-heading h1{font-size:16px}}

/* Registration keeps all native fields, consent and password-policy controls. */
#registration .sr-auth{width:min(100% - 40px,560px)}
#registration .register-form{margin:0}
#registration #customer-form .form-control-comment{display:block;float:none;width:100%;padding:0;font-size:11px;line-height:1.5;margin-top:5px;color:var(--auth-muted)}
#registration #customer-form .form-control-comment:empty{display:none}
#registration #customer-form .custom-checkbox{display:block;font-size:12px;line-height:1.6}
#registration #customer-form .custom-checkbox label{color:var(--auth-muted);padding-left:28px}
#registration #customer-form .custom-checkbox input+span{margin-left:-28px}
#registration #customer-form .radio-inline{font-size:13px;margin-right:16px}
#registration #customer-form .form-control-submit{float:none}
#registration #customer-form .form-control-select{padding-right:30px}
@media(max-width:767px){
 #registration .sr-auth{width:min(100% - 32px,440px)}
 #registration #customer-form .form-group{margin-bottom:15px}
 #registration #customer-form .form-control-label{font-size:12px}
}
#registration #customer-form .form-group:has(.custom-checkbox)>.form-control-label{display:none}
#registration #customer-form .form-group:has(.custom-checkbox){margin-bottom:15px}
#registration #customer-form .custom-checkbox label{margin-bottom:0}
#registration #customer-form .sr-registration-hint{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip-path:inset(50%);white-space:nowrap;border:0}
#registration #customer-form .form-control::placeholder{font-size:12px;color:var(--auth-muted);opacity:.85}
/* Account verification entry supplied by smartriver_verifyemail. */
#authentication .sr-auth .sr-verify-inline-entry{text-align:center;font-size:12px;margin-top:12px!important}
#authentication .sr-auth .sr-verify-inline-entry a{color:var(--auth-muted);text-underline-offset:3px}
@media(max-width:767px) and (max-height:600px){
 #authentication .sr-auth:has(.sr-verify-inline-entry){gap:8px}
 #authentication .sr-auth:has(.sr-verify-inline-entry) .sr-auth-card{padding:14px 18px}
 #authentication .sr-auth:has(.sr-verify-inline-entry) .sr-auth-logo img{height:28px}
 #authentication .sr-auth:has(.sr-verify-inline-entry) #login-form .form-group{margin-bottom:10px}
 #authentication .sr-auth:has(.sr-verify-inline-entry) .sr-auth-register{margin-top:10px;padding-top:10px}
}