/* R4.7.5 auth and mobile experience. Scoped, avoids changing commerce UI. */
:root{--fbax-ink:#102a34;--fbax-deep:#0b2330;--fbax-blue:#06a6e4;--fbax-line:#dae4e9}
.fb-skip-link{position:absolute!important;left:12px;top:-90px;background:#fff;color:#082e40!important;padding:12px 18px;z-index:10000;border-radius:8px}
.fb-skip-link:focus{top:8px}
.fb-auth-shell,.fb-auth-recovery{min-height:100svh;background:#f4f7f8;display:flex;flex-direction:column;color:#102a34}
.fb-auth-header,.fb-auth-recovery-header{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:14px clamp(18px,4vw,72px);background:#fff;border-bottom:1px solid #dae4e9;min-height:78px;position:relative;z-index:30}
.fb-auth-brand,.fb-auth-recovery-header>a:first-child{display:block;flex:0 0 auto}
.fb-auth-brand img,.fb-auth-recovery-header>a:first-child img{display:block;width:auto;max-width:min(210px,44vw);max-height:45px;object-fit:contain}
.fb-auth-navigation,.fb-recovery-menu{display:flex;align-items:center;gap:clamp(14px,2.2vw,30px)}
.fb-auth-navigation a,.fb-recovery-menu a{font-size:14px;font-weight:650;color:#183945;text-decoration:none;white-space:nowrap}
.fb-auth-navigation a:hover,.fb-auth-navigation a:focus-visible,.fb-recovery-menu a:hover,.fb-recovery-menu a:focus-visible{color:#007da8;text-decoration:underline}
.fb-auth-grid{display:grid;grid-template-columns:minmax(0,0.92fr) minmax(0,1.08fr);width:min(1440px,calc(100% - 36px));margin:28px auto 44px;flex:1;min-height:560px;gap:0;border-radius:22px;overflow:hidden;box-shadow:0 20px 55px rgba(10,38,52,.10);background:#fff}
.fb-auth-story{position:relative;isolation:isolate;overflow:hidden;display:flex;align-items:center;padding:clamp(28px,5vw,76px);background:radial-gradient(circle at 94% 10%,#14566d 0,transparent 44%),linear-gradient(138deg,#071923 0%,#103747 62%,#103545 100%);color:#fff}
.fb-auth-story-content{position:relative;z-index:1;width:100%;max-width:560px}
.fb-eyebrow{font-size:11px;letter-spacing:.14em;font-weight:800;color:#12b4e9;display:block;margin-bottom:18px}
.fb-auth-story h1{color:#fff;font-weight:800;font-size:clamp(40px,4vw,69px);line-height:1.04;letter-spacing:-.045em;margin:0 0 25px}
.fb-auth-story h1 em{font-style:normal;color:#36c4ed}
.fb-auth-story p{font-size:clamp(16px,1.35vw,19px);max-width:460px;line-height:1.65;color:#d0e0e6}
.fb-auth-pill-list{display:flex;flex-wrap:wrap;gap:9px;margin-top:34px}
.fb-auth-pill-list span{border:1px solid rgba(156,219,237,.38);padding:9px 13px;border-radius:999px;color:#e4f5fa;font-size:12px;font-weight:650;background:rgba(255,255,255,.045)}
.fb-auth-story-note{border-left:3px solid #eabf43;padding:13px 0 13px 15px;margin-top:46px;color:#c8e1ea;font-size:14px;line-height:1.55}
.fb-auth-pattern{position:absolute;right:-18%;bottom:-45%;width:75%;aspect-ratio:1;border-radius:50%;border:1px solid #ffffff22;z-index:0;pointer-events:none}
.fb-auth-pattern i{position:absolute;inset:12%;border-radius:50%;border:1px solid #ffffff12}.fb-auth-pattern i:nth-child(2){inset:25%}.fb-auth-pattern i:nth-child(3){inset:40%}
.fb-auth-main{min-width:0;display:flex;flex-direction:column;justify-content:center;padding:clamp(20px,4vw,65px)}
.fb-auth-main .account-form{width:100%;max-width:660px;min-width:0;margin:0 auto!important;padding:0!important;background:transparent!important;box-shadow:none!important}
.fb-auth-main .account-form__inner{width:100%;max-width:none;min-width:0;margin:0!important;padding:0!important;box-shadow:none!important}
.fb-auth-main .account-form__header{display:flex!important;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:22px}
.fb-auth-main .account-form__logo img{max-width:168px;max-height:49px;object-fit:contain}
.fb-auth-main .account-form .links{display:flex;flex-wrap:wrap;gap:4px;padding:4px;background:#eff4f6;border:1px solid #dce8ed;border-radius:12px;max-width:100%}
.fb-auth-main .account-form .links>a{display:inline-flex;min-height:42px;align-items:center;justify-content:center;white-space:normal;padding:7px 12px;border-radius:9px;font-size:13px;font-weight:750;color:#17445b;text-align:center;text-decoration:none}
.fb-auth-main .account-form .links>a.active{background:#079fd9;color:#fff}
.fb-auth-main .account-form__title{font-weight:800;font-size:clamp(25px,2.3vw,34px);letter-spacing:-.035em;line-height:1.2;color:#112d3b;margin:0 0 8px}
.fb-auth-main .account-form__desc{color:#516674;font-size:14px;line-height:1.65;margin:0 0 22px}
.fb-auth-main .form--label,.fb-auth-recovery .form--label{font-size:13px;font-weight:700;color:#1f3945;display:block;margin-bottom:7px}
.fb-auth-main .input-group,.fb-auth-recovery .input-group{min-width:0;max-width:100%}
.fb-auth-main .form-control,.fb-auth-recovery .form-control{min-width:0;max-width:100%;font-size:15px;min-height:50px;color:#153442;border-radius:9px;border-color:#d7e1e7;background-color:#fff}
.fb-auth-main .form-control:focus,.fb-auth-recovery .form-control:focus{border-color:#008fbe!important;box-shadow:0 0 0 3px rgba(0,153,199,.14)!important}
.fb-auth-main .form-group,.fb-auth-recovery .form-group{margin-bottom:18px}
.fb-auth-main .btn--base,.fb-auth-recovery .btn--base{background:#009edf;color:#fff;border-color:#009edf;min-height:50px;border-radius:10px;display:inline-flex;align-items:center;justify-content:center;gap:12px}
.fb-auth-main .btn--base:hover,.fb-auth-recovery .btn--base:hover{background:#007ba9;border-color:#007ba9}
.fb-auth-main .row,.fb-auth-recovery .row{min-width:0}
.fb-auth-main .account-form__content{margin-bottom:25px!important}
.fb-auth-security-note{margin:22px auto 0;color:#60727b;text-align:center;font-size:12px;max-width:630px}
.fb-auth-footer{margin-top:auto;display:flex;justify-content:space-between;gap:14px;padding:18px clamp(18px,4vw,72px);color:#617885;background:#fff;font-size:12px;border-top:1px solid #e2e9ed}
.fb-auth-recovery-main{flex:1;width:min(780px,calc(100% - 32px));margin:clamp(28px,6vw,75px) auto}
.fb-auth-recovery-heading{text-align:center;margin-bottom:30px}
.fb-auth-recovery-heading h1{font-size:clamp(30px,4.5vw,46px);font-weight:800;letter-spacing:-.035em;color:#102d3a;margin:0 0 8px}
.fb-auth-recovery-heading p{font-size:15px;line-height:1.6;color:#56717d;margin:0 auto;max-width:620px}
.fb-auth-recovery-main>.my-120{padding:0!important;margin:0!important}
.fb-auth-recovery-main>.my-120>.container{max-width:100%;padding:0!important}
.fb-auth-recovery .card.custom--card,.fb-auth-recovery .verification-code-wrapper,.fb-auth-recovery .verification-area{border:1px solid #dfe8ed!important;box-shadow:0 18px 45px rgba(16,45,58,.08);border-radius:17px;background:#fff;overflow:visible}
.fb-auth-recovery .card-body,.fb-auth-recovery .verification-area{padding:clamp(20px,4vw,38px)!important}
.fb-auth-recovery .verification-area{max-width:100%;width:100%}
.fb-auth-recovery .verification-code-wrapper{max-width:650px;width:100%;border:0!important;box-shadow:none}
.fb-auth-recovery .account-form{padding:0!important;border:0!important;box-shadow:none!important}
.fb-auth-recovery .col-xl-5,.fb-auth-recovery .col-lg-7,.fb-auth-recovery .col-md-8,.fb-auth-recovery .col-md-6{flex:0 0 100%;max-width:620px;width:100%;margin-inline:auto}
.fb-auth-recovery-links{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-top:25px;font-size:14px}
.fb-auth-recovery-links a{color:#006f9f;font-weight:700;text-decoration:underline;text-underline-offset:3px}
.fb-auth-recovery .verification-code,.fb-auth-recovery .verification-code input{max-width:100%;box-sizing:border-box}
.fb-mobile-menu-toggle{display:none;align-items:center;justify-content:center;gap:7px;min-width:48px;min-height:48px;border:1px solid #bad5e1;border-radius:11px;background:#f3f8fa;color:#123545;font-weight:750;cursor:pointer}
.fb-mobile-menu-toggle:focus-visible,.fb-auth-shell a:focus-visible,.fb-auth-recovery a:focus-visible,.fb3-public-header a:focus-visible{outline:3px solid #08a5df;outline-offset:3px}
/* Legacy front-end header: Bootstrap collapse remains the controller of its menu. */
@media(max-width:1199.98px){.header{z-index:100!important}.header .navbar{position:relative}.header .navbar-toggler.header-button{display:flex!important;align-items:center;justify-content:center;min-width:48px;min-height:48px;z-index:4;cursor:pointer}.header .navbar-collapse{background:#fff!important;position:absolute!important;top:calc(100% + 2px);left:0;right:0;z-index:100;max-height:calc(100svh - 85px);overflow-y:auto;padding:14px 20px;box-shadow:0 16px 40px #112c3a26;border-radius:0 0 14px 14px}.header .navbar-collapse:not(.show):not(.collapsing){display:none!important}.header .navbar-collapse.show{display:block!important}.header .navbar-nav,.header .main-nav{align-items:stretch!important;flex-direction:column!important;gap:2px!important}.header .navbar-nav .nav-link{white-space:normal;display:block!important;padding:13px 8px!important;color:#193948!important;font-size:15px!important}.header .action-nav{margin:12px 0 0;justify-content:flex-start;flex-wrap:wrap}}
/* Mobile menu for the FlexiBuild product site's separate header */
@media(max-width:1024px){.fb3-public-header{z-index:200!important}.fb3-public-header .fb3-nav{position:relative;gap:12px!important;min-height:64px;height:auto!important;padding-block:10px}.fb3-public-header .fb-mobile-menu-toggle{display:inline-flex!important;margin-left:auto;order:3}.fb3-public-header .fb3-nav>.fb-mobile-nav,.fb3-public-header .fb3-nav>nav{display:none!important;position:absolute!important;top:100%;left:0;right:0;z-index:250;background:#fff;border:1px solid #dce5e8;border-radius:0 0 15px 15px;box-shadow:0 22px 36px #122f4126;padding:12px!important;margin:0!important;max-height:calc(100svh - 76px);overflow-y:auto;flex-direction:column!important;gap:0!important}.fb3-public-header .fb3-nav>nav.fb-menu-open{display:flex!important}.fb3-public-header .fb3-nav>nav a{display:block;padding:13px 12px!important;width:100%;font-size:15px!important;border-bottom:1px solid #edf2f5}.fb3-public-header .fb3-nav-actions{order:2;margin-left:auto}.fb3-public-header .fb3-nav-actions a:last-child{font-size:12px;padding:9px 11px}.fb3-public-header .fb3-nav-actions a:first-child{display:none}}
@media(max-width:850px){.fb-auth-header,.fb-auth-recovery-header{min-height:66px;padding:12px 17px}.fb-auth-header .fb-mobile-menu-toggle,.fb-auth-recovery-header .fb-mobile-menu-toggle{display:inline-flex;order:2;margin-left:auto}.fb-auth-navigation,.fb-recovery-menu{display:none!important;position:absolute;top:100%;left:12px;right:12px;z-index:40;flex-direction:column;align-items:stretch;gap:0;background:#fff;border:1px solid #dce6eb;border-radius:0 0 14px 14px;padding:10px;box-shadow:0 18px 36px #0b2c4026}.fb-auth-navigation.fb-menu-open,.fb-recovery-menu.fb-menu-open{display:flex!important}.fb-auth-navigation a,.fb-recovery-menu a{padding:13px 12px;border-bottom:1px solid #edf1f3}.fb-auth-grid{grid-template-columns:1fr;width:min(740px,calc(100% - 24px));margin:14px auto 24px;gap:0}.fb-auth-story{padding:25px 25px 20px;min-height:0}.fb-auth-story h1{font-size:36px;margin-bottom:12px}.fb-auth-story p{font-size:14px;line-height:1.5;margin-bottom:0}.fb-auth-story-note{display:none}.fb-auth-pill-list{margin-top:15px}.fb-auth-pill-list span{font-size:10px;padding:5px 9px}.fb-auth-main{padding:clamp(22px,5vw,40px)}.fb-auth-footer{flex-direction:column;gap:5px}.fb-auth-main .account-form__header{align-items:flex-start}}
@media(max-width:520px){.fb-auth-story h1{font-size:31px}.fb-auth-story{padding:24px 19px}.fb-auth-main{padding:24px 16px}.fb-auth-main .account-form__header{flex-direction:column;gap:12px}.fb-auth-main .account-form .links{width:100%}.fb-auth-main .account-form .links>a{flex:1;min-width:0;font-size:12px}.fb-auth-recovery-heading h1{font-size:31px}.fb-auth-recovery-main{width:calc(100% - 24px);margin:27px auto}.fb-auth-recovery .card-body,.fb-auth-recovery .verification-area{padding:20px!important}.fb3-public-header .fb3-nav-actions a:last-child{font-size:11px;padding:7px 9px}.fb3-public-header .brand-copy b{font-size:17px}.fb3-public-header .fb-mobile-menu-toggle{min-width:44px;min-height:44px}.cookies-card{max-width:calc(100vw - 20px)!important;width:min(450px,calc(100vw - 20px))!important;left:10px!important;bottom:10px!important;right:auto!important;z-index:500!important}.cookies-card__content{max-height:125px;overflow:auto}.cookies-card__btn{display:flex;gap:6px}.cookies-card__btn a{min-width:96px}}
/* Admin sign-in, recovery and OTP layout only; no admin-dashboard changes. */
.login-main{min-height:100svh;background-position:center;background-size:cover;display:flex;align-items:center;padding:35px 0}
.login-main .login-area{max-width:min(560px,calc(100vw - 24px));width:100%;margin-inline:auto}
.login-main .login-wrapper{border-radius:18px;overflow:hidden;box-shadow:0 20px 60px #001b3260}
.login-main .login-wrapper__body{background:#fff;padding:clamp(20px,3.5vw,36px)}
.login-main .form-control{min-height:47px;max-width:100%;font-size:15px}
.login-main .cmn-btn{min-height:48px;background:#009ee0;border-color:#009ee0;color:#fff}
.login-main .verification-code{max-width:100%}
@media(prefers-reduced-motion:reduce){.fb-auth-shell *,.fb-auth-recovery *{scroll-behavior:auto!important;transition:none!important}}