/* SofaMend 4.6.8 — Premium corporate customer login, scoped to the auth page only.
   Keeps the approved family photo as a local asset and preserves existing authentication. */
.sm468-auth *, .sm468-auth *::before, .sm468-auth *::after{box-sizing:border-box}
.sm468-auth{--sm-navy:#112a3b;--sm-orange:#f15b0c;--sm-line:#e2e9ec;display:grid;grid-template-columns:minmax(0,1.04fr) minmax(0,.96fr);width:min(1190px,100%);min-width:0;min-height:590px;gap:0;margin:32px auto 50px;overflow:hidden;background:#fff;border:1px solid #e8e8e8;border-radius:27px;box-shadow:0 25px 70px rgba(17,42,59,.1)}
.sm468-hero{position:relative;min-height:590px;isolation:isolate;overflow:hidden;background:#dfc5a3}
.sm468-hero-photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:72% 50%;z-index:-2}
.sm468-hero-wash{position:absolute;inset:0;background:linear-gradient(90deg,rgba(12,33,46,.82) 0%,rgba(12,33,46,.62) 43%,rgba(12,33,46,.1) 100%),linear-gradient(0deg,rgba(10,32,47,.54),transparent 55%);z-index:-1}
.sm468-hero-copy{position:relative;padding:clamp(36px,4.1vw,66px) clamp(26px,3.6vw,55px);max-width:570px;color:white}
.sm468-hero-label{display:inline-flex;align-items:center;gap:9px;color:#ffbe8d;font-size:11px;letter-spacing:.13em;font-weight:900}
.sm468-sparkle{font-size:18px;color:#fa772a}
.sm468-hero h1{margin:27px 0 16px;color:#fff;font-size:clamp(38px,4.5vw,65px);line-height:1.065;letter-spacing:-.055em;font-weight:850;max-width:500px}
.sm468-hero h1 em{font-style:normal;color:#ff833b}
.sm468-hero p{max-width:420px;font-size:16px;line-height:1.7;color:#f2f7f9;margin:0}
.sm468-hero-features{display:flex;flex-wrap:wrap;gap:9px;margin-top:26px}
.sm468-hero-features span{padding:9px 12px;border:1px solid #ffffff50;border-radius:50px;background:#0624374d;backdrop-filter:blur(6px);color:#fff;font-size:12px;font-weight:750}
.sm468-hero-corner{position:absolute;bottom:27px;left:clamp(26px,3.6vw,55px);color:#f3f8fa;font-size:10px;letter-spacing:.075em;font-weight:800;display:flex;gap:7px;align-items:center}
.sm468-hero-corner span{display:grid;place-items:center;border-radius:9px;background:#f15b0c;color:#fff;width:29px;height:29px;font-size:14px}
.sm468-form-side{align-self:center;padding:32px clamp(20px,4vw,62px);min-width:0}
.sm468-login-card{position:relative;margin:auto;max-width:455px;padding:8px 0 0;background:#fff}
.sm468-card-header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:30px}
.sm468-mini-brand{font-size:23px;color:#102c3c;letter-spacing:-.065em;font-weight:900;white-space:nowrap}
.sm468-mini-brand strong{color:#f15b0c}
.sm468-secure-chip{display:inline-flex;align-items:center;gap:6px;white-space:nowrap;color:#166345;background:#e7f6ed;padding:7px 10px;border-radius:20px;font-weight:750;font-size:10px}
.sm468-secure-chip span{color:#219963}
.sm468-eyebrow{color:#e15a0b;font-weight:900;font-size:10px;letter-spacing:.15em}
.sm468-login-card h2{margin:7px 0 9px;color:#112b3b;font-size:clamp(26px,2.4vw,36px);line-height:1.15;letter-spacing:-.045em;font-weight:850}
.sm468-card-intro{margin:0 0 25px;color:#697d8a;font-size:13px;line-height:1.6}
.sm468-login-form{display:flex!important;flex-direction:column!important;gap:0!important;margin:0!important}
.sm468-login-form label{display:block;color:#254052;font-size:12px;line-height:1.3;font-weight:800;margin:0 0 8px}
.sm468-input-wrap{position:relative;display:flex;align-items:center;min-width:0;margin:0 0 21px}
.sm468-input-icon{position:absolute;left:16px;top:50%;transform:translateY(-50%);width:19px;height:19px;color:#8495a3;pointer-events:none;display:inline-flex}
.sm468-input-icon svg{width:19px;height:19px}
.sm468-login-form .sm468-input-wrap input{width:100%!important;min-width:0!important;height:53px!important;min-height:53px!important;padding:0 15px 0 49px!important;background:#fbfcfc!important;color:#173449!important;border:1px solid #dbe4e9!important;border-radius:13px!important;box-shadow:none!important;font-size:13px!important;margin:0!important;outline:0}
.sm468-login-form .sm468-input-wrap input:focus{border-color:#e96a17!important;box-shadow:0 0 0 3px rgba(240,103,19,.11)!important;background:#fff!important}
.sm468-login-form input::placeholder{color:#95a3ac}
.sm468-password-row{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:0 0 8px}
.sm468-password-row label{margin:0}
.sm468-password-row a{font-size:12px;text-decoration:none;font-weight:800;color:#dc5a0a}
.sm468-password{margin-bottom:20px}
.sm468-login-form .sm468-password input{padding-right:65px!important}
.sm468-password-toggle{position:absolute;right:9px;top:50%;transform:translateY(-50%);background:#fff3e9;border:0;border-radius:9px;padding:9px 11px;color:#cc5108;font-size:11px;font-weight:850;cursor:pointer}
.sm468-submit{appearance:none;border:0!important;display:flex;align-items:center;justify-content:center;gap:13px;min-height:53px;width:100%;cursor:pointer;background:linear-gradient(110deg,#f35e10,#de4901)!important;color:#fff!important;border-radius:13px!important;box-shadow:0 9px 24px rgba(218,79,6,.19);font-size:14px!important;font-weight:850!important;transition:transform .2s,filter .2s}
.sm468-submit:hover{filter:brightness(1.05);transform:translateY(-1px)}
.sm468-submit span{font-size:19px}
.sm468-or{display:flex;align-items:center;gap:10px;justify-content:center;margin:24px 0 15px;color:#96a3ab;letter-spacing:.11em;font-size:10px;font-weight:900}
.sm468-or:before,.sm468-or:after{content:"";height:1px;flex:1;background:#e9eff0}
.sm468-create{display:flex;align-items:center;justify-content:center;gap:12px;min-height:48px;border-radius:12px;border:1px solid #ffd9c4;background:#fff8f4;color:#b94c0b!important;text-decoration:none;font-size:13px;font-weight:850}
.sm468-create:hover{background:#fff0e6}
.sm468-support{margin:19px auto 0;text-align:center;color:#6f7f8b;font-size:11px;line-height:1.5}
.sm468-support a{color:#d75b0b;font-weight:800;text-decoration:none}
.sm468-card-footer{display:flex;align-items:center;justify-content:space-between;gap:6px;flex-wrap:wrap;margin-top:25px;padding-top:14px;border-top:1px solid #e6ecef;color:#71828e;font-size:10px;font-weight:750}
.sm468-below-card{text-align:center;font-size:11px;color:#87939c;margin:18px 0 0}
.sm468-below-card a{color:#d7590a;font-weight:800;text-decoration:none}
.sm468-notice{padding:12px;margin-bottom:16px;background:#e8f8ef;border:1px solid #b6eacb;border-radius:11px;color:#146546;font-weight:750;font-size:13px}
@media(min-width:1550px){.sm468-auth{width:min(1320px,94vw);min-height:630px}.sm468-hero{min-height:630px}}
@media(max-width:950px){.sm468-auth{grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);margin:21px auto 42px}.sm468-hero{min-height:575px}.sm468-hero-copy{padding:35px 25px}.sm468-hero h1{font-size:40px}.sm468-hero-corner{left:25px}.sm468-form-side{padding:24px}.sm468-card-header{margin-bottom:22px}}
@media(max-width:700px){
 body:not(.sm-admin-mode) .sm468-auth{display:flex!important;flex-direction:column!important;width:100%!important;max-width:none!important;min-height:0!important;margin:0 auto 20px!important;border:0!important;border-radius:0!important;overflow:visible!important;background:#f5f7f8!important;box-shadow:none!important}
 body:not(.sm-admin-mode) .sm468-hero{min-height:0!important;height:clamp(190px,57vw,250px)!important;max-height:none!important;width:100%!important;border-radius:0!important;overflow:hidden!important}
 body:not(.sm-admin-mode) .sm468-hero-photo{object-position:63% 52%!important}
 body:not(.sm-admin-mode) .sm468-hero-wash{background:linear-gradient(90deg,#0d283bc7 0%,#0c2c3f8a 42%,#0c2c3f12 92%)!important}
 body:not(.sm-admin-mode) .sm468-hero-copy{padding:22px 20px!important;width:67%!important;max-width:290px!important}
 body:not(.sm-admin-mode) .sm468-hero-label{font-size:8px!important;letter-spacing:.09em!important;white-space:nowrap}
 body:not(.sm-admin-mode) .sm468-hero h1{font-size:clamp(27px,8vw,38px)!important;letter-spacing:-.055em!important;line-height:1.04!important;margin:12px 0 7px!important;color:#fff!important}
 body:not(.sm-admin-mode) .sm468-hero p{font-size:10px!important;line-height:1.45!important;max-width:240px!important;color:#f8fafb!important}
 body:not(.sm-admin-mode) .sm468-hero-features{display:none!important}
 body:not(.sm-admin-mode) .sm468-hero-corner{display:none!important}
 body:not(.sm-admin-mode) .sm468-form-side{position:relative!important;z-index:1!important;margin:-14px 10px 0!important;padding:0 0 12px!important;width:auto!important;max-width:none!important}
 body:not(.sm-admin-mode) .sm468-login-card{width:100%!important;max-width:none!important;border:1px solid #e5eaee!important;border-radius:23px!important;box-shadow:0 12px 34px rgba(12,39,56,.12)!important;background:#fff!important;padding:20px 19px 18px!important}
 body:not(.sm-admin-mode) .sm468-card-header{margin-bottom:16px!important}
 body:not(.sm-admin-mode) .sm468-mini-brand{font-size:20px!important}
 body:not(.sm-admin-mode) .sm468-login-card h2{font-size:clamp(23px,6.2vw,29px)!important;margin:5px 0 5px!important}
 body:not(.sm-admin-mode) .sm468-card-intro{font-size:11px!important;margin-bottom:17px!important}
 body:not(.sm-admin-mode) .sm468-input-wrap{margin-bottom:16px!important}
 body:not(.sm-admin-mode) .sm468-login-form .sm468-input-wrap input{height:48px!important;min-height:48px!important}
 body:not(.sm-admin-mode) .sm468-submit{min-height:49px!important}
 body:not(.sm-admin-mode) .sm468-or{margin:17px 0 11px!important}
 body:not(.sm-admin-mode) .sm468-create{min-height:43px!important}
 body:not(.sm-admin-mode) .sm468-support{margin-top:14px!important}
 body:not(.sm-admin-mode) .sm468-card-footer{margin-top:16px!important;font-size:9px!important}
 body:not(.sm-admin-mode) .sm468-below-card{font-size:10px!important;margin:14px 0!important}
}
@media(max-width:365px){body:not(.sm-admin-mode) .sm468-login-card{padding:17px 14px!important}body:not(.sm-admin-mode) .sm468-hero-copy{padding-left:15px!important}body:not(.sm-admin-mode) .sm468-hero h1{font-size:27px!important}body:not(.sm-admin-mode) .sm468-card-footer{font-size:8px!important}}
@media(prefers-reduced-motion:reduce){.sm468-submit{transition:none!important}}

/* v4.6.8 integration refinements: remove inherited generic form card and make the
   customer login its own full-bleed mobile app screen without changing other pages. */
.sm468-auth .sm468-login-form{border:0!important;box-shadow:none!important;background:transparent!important;padding:0!important;border-radius:0!important;min-height:0!important}
.sm468-invalid{color:#a12b29!important;background:#fff2f1!important;border-color:#f3c4bd!important}
@media(max-width:700px){
 body.sm-login-mode main.container{padding:0!important;margin:0!important;max-width:none!important;width:100%!important;overflow:visible!important;min-height:0!important}
 body.sm-login-mode .sm468-hero{border-radius:0!important}
 body.sm-login-mode .sm468-form-side{margin-left:12px!important;margin-right:12px!important}
 body.sm-login-mode .sm-corporate-footer{display:none!important}
 body.sm-login-mode .sm468-auth{margin-top:0!important}
}