/* Scoped overrides: do not alter shipping, checkout, or unrelated dialogs. */
html body .modal-popup.xbau-auth-modal {inset:0!important; padding:24px; overflow:auto;}
html body .xbau-auth-modal .modal-inner-wrap {width:min(1000px,100%)!important; height:auto!important; min-height:0; max-height:calc(100dvh - 48px)!important; margin:0 auto!important; top:50%; transform:translateY(-50%)!important; border-radius:24px; overflow:hidden; box-shadow:0 24px 80px #0005; font-family:inherit; color:#4D4D4F;}
html body .xbau-auth-modal .modal-header {padding:0; min-height:0;}
html body .xbau-auth-modal .action-close {left:auto; right:12px; top:12px; margin:0!important; width:40px; height:40px; padding:0!important; border:0; border-radius:12px!important; background:#f3f5f5; color:#4D4D4F; display:grid; place-items:center; z-index:5; transition:background-color .18s,color .18s;}
html body .xbau-auth-modal .action-close::before {position:static; margin:0!important; width:20px; height:20px; line-height:20px; font-size:20px; color:inherit;}
html body .xbau-auth-modal .action-close:is(:hover,:focus-visible) {background:#1E99A4; color:#fff;}
html body .xbau-auth-modal .modal-content {padding:0; overflow:auto; max-height:calc(100dvh - 72px); overscroll-behavior:contain; scrollbar-width:auto;}
html body .xbau-auth-modal .modal-content::-webkit-scrollbar {width:8px;}
html body .xbau-auth-modal .modal-content::-webkit-scrollbar-track {margin-block:20px; background:transparent;}
html body .xbau-auth-modal .modal-content::-webkit-scrollbar-thumb {background:#9C9EA1; border:2px solid #fff; border-radius:8px;}
html body .xbau-auth-modal .modal-columns {display:grid; grid-template-columns:44% 56%; max-height:none; min-height:560px;}
html body .xbau-auth-modal .modal-columns .column-cover {position:relative; width:100%; max-height:none; min-height:100%; overflow:hidden; background:#163c40;}
html body .xbau-auth-modal .xbau-auth-cover {display:block; position:absolute; inset:0; width:100%; height:100%; object-fit:cover;}
html body .xbau-auth-modal .column-cover::after {content:""; position:absolute; inset:0; background:linear-gradient(150deg,#102e33bd,#102e3340);}
html body .xbau-auth-modal .xbau-auth-benefits {position:relative; z-index:1; padding:32px; color:white;}
html body .xbau-auth-modal .xbau-auth-wordmark {font-size:30px; font-weight:800; letter-spacing:2px; color:white;}
html body .xbau-auth-modal .xbau-auth-benefits h2 {color:white; font-size:25px; line-height:1.25; margin:28px 0; font-weight:600;}
html body .xbau-auth-modal .xbau-auth-benefits ul {list-style:none; margin:0; padding:0; display:grid; gap:24px;}
html body .xbau-auth-modal .xbau-auth-benefits li {display:flex; gap:16px; align-items:flex-start; margin:0;}
html body .xbau-auth-modal .xbau-auth-benefits h3 {font-size:17px; line-height:1.4; color:white; margin:0 0 6px; font-weight:600;}
html body .xbau-auth-modal .xbau-auth-benefits p {font-size:14px; line-height:1.65; color:#f1f6f6; margin:0;}
html body .xbau-auth-modal .xbau-auth-icon {display:grid; place-items:center; flex:0 0 44px; width:44px; height:44px; background:#1E99A44d; border:1px solid #ffffff40; border-radius:13px;}
html body .xbau-auth-modal .xbau-auth-icon svg {width:26px; height:26px; color:#fff; stroke:#fff;}
html body .xbau-auth-modal .modal-columns .column-form {display:block; width:100%; padding:32px 32px 24px; max-height:none; overflow:visible; background:white;}
html body .xbau-auth-modal .column-form .modal-form {width:100%; max-width:none; margin:0; padding:0;}
html body .xbau-auth-modal .form {margin:0!important; width:100%!important; min-width:0!important; max-width:none;}
html body .xbau-auth-modal .fieldset {margin:0; padding:0; min-width:0;}
html body .xbau-auth-modal .legend, html body .xbau-auth-modal .form-title {display:block; width:100%; font-size:25px; line-height:1.3; font-weight:600; text-align:left; margin:0 0 22px; padding:0 34px 0 0; float:none; border:0;}
html body .xbau-auth-modal .field {margin:0 0 12px!important; min-width:0;}
html body .xbau-auth-modal .field .control {width:100%;}
html body .xbau-auth-modal input.input-text,html body .xbau-auth-modal select {height:54px; min-height:54px; width:100%; max-width:none; border-radius:12px; border:1px solid #b6b8ba; font:inherit; font-size:14px; box-sizing:border-box;}
html body .xbau-auth-modal input.input-text:focus,html body .xbau-auth-modal select:focus {border-color:#1E99A4; box-shadow:0 0 0 3px #1E99A419;}
html body .xbau-auth-modal .field-name-firstname {width:calc(50% - 7px); margin-right:7px;}
html body .xbau-auth-modal .field-name-lastname {width:calc(50% - 7px); margin-left:7px;}
html body .xbau-auth-modal .field.password,html body .xbau-auth-modal .field.confirmation {clear:both;}
html body .xbau-auth-modal .field.personal,html body .xbau-auth-modal .field.company {display:inline-flex; align-items:center; gap:10px; width:auto; margin:6px 20px 20px 0!important; padding-left:0; float:none;}
html body .xbau-auth-modal .field.personal .control,html body .xbau-auth-modal .field.company .control {order:-1; margin-bottom:0; width:25px!important; height:25px; padding-left:0;}
html body .xbau-auth-modal .fieldset .field.personal .label,html body .xbau-auth-modal .fieldset .field.company .label {position:static; font-size:14px; width:auto; padding:0; margin:0;}
html body .xbau-auth-modal .field.choice,html body .xbau-auth-modal .field.agreements {display:flex; align-items:flex-start; gap:10px; clear:both;}
html body .xbau-auth-modal .field.choice .label,html body .xbau-auth-modal .field.agreements .label {position:static; width:auto; font-size:13px; line-height:1.6; margin:0; padding:0; color:#4D4D4F; white-space:normal;}
html body .xbau-auth-modal .field.choice input,html body .xbau-auth-modal .field.agreements input {flex:0 0 22px; width:22px; height:22px; margin:0;}
html body .xbau-auth-modal .field.note {text-align:left; font-size:14px; line-height:1.65; margin-bottom:24px!important;}
html body .xbau-auth-modal .actions-toolbar {margin:8px 0 0; padding:0;}
html body .xbau-auth-modal .actions-toolbar>.primary {width:100%; float:none;}
html body .xbau-auth-modal button.action.primary {height:auto; min-height:52px; width:100%; padding:13px 20px; border-radius:13px; background:#1E99A4; border-color:#1E99A4; font:inherit; font-weight:600; font-size:16px; white-space:normal;}
html body .xbau-auth-modal .actions-toolbar>.secondary {display:block; width:100%; text-align:center; margin:16px 0 0;}
html body .xbau-auth-modal .xbau-auth-back {border:0; background:none; padding:4px; color:#1E99A4; font:inherit; font-size:14px; cursor:pointer;}
html body .xbau-auth-modal [data-role="password-strength-meter"] {margin-top:8px;}
html body .xbau-auth-modal .password-strength-meter {display:flex; align-items:center; flex-wrap:wrap; column-gap:4px; font-size:11px; height:auto; min-height:32px; line-height:1.5; padding:6px 8px; border-radius:8px; box-sizing:border-box;}
html body .xbau-auth-modal .password-strength-meter span {line-height:1.5;}
html body .xbau-auth-modal .show-password {top:16px; right:16px;}
html body .xbau-auth-modal .xbau-recaptcha-attribution {font-size:11px; margin:16px 0 0;}
html body .xbau-auth-modal .mage-error {font-size:12px; line-height:1.5; padding:5px 8px;}
html body .xbau-auth-modal .xbau-password-fields {display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:14px; clear:both;}
html body .xbau-auth-modal .xbau-password-fields>.field {width:100%; float:none;}
html body .xbau-auth-modal.reset-password-modal .modal-columns .column-form {display:flex; align-items:center; justify-content:center;}
html body .xbau-auth-modal.reset-password-modal .column-form .modal-form {max-width:440px; margin:0 auto;}
html body .xbau-auth-modal.reset-password-modal .form-title,html body .xbau-auth-modal.reset-password-modal .field.note {text-align:center; padding-right:0;}
/* In short viewports, inset the scroll area so its rail cannot hit the curved corners. */
@media(max-height:700px){html body .xbau-auth-modal .modal-inner-wrap{padding-block:12px;background:#fff}html body .xbau-auth-modal .action-close{right:20px}}
@media(max-width:900px){html body .xbau-auth-modal .xbau-password-fields{grid-template-columns:minmax(0,1fr);gap:0}}
@media(max-width:900px){html body .xbau-auth-modal .modal-columns{grid-template-columns:38% 62%}html body .xbau-auth-modal .xbau-auth-benefits{padding:38px 24px}html body .xbau-auth-modal .xbau-auth-benefits h2{font-size:23px}html body .xbau-auth-modal .xbau-auth-benefits li{gap:10px}html body .xbau-auth-modal .column-form{padding:44px 24px 24px}}
@media(max-width:680px){html body .modal-popup.xbau-auth-modal{padding:12px}html body .xbau-auth-modal .modal-inner-wrap{max-height:calc(100dvh - 24px)!important;border-radius:20px}html body .xbau-auth-modal .modal-columns{display:block;min-height:0}html body .xbau-auth-modal .column-cover{min-height:140px}html body .xbau-auth-modal .xbau-auth-benefits{padding:22px 64px 22px 24px}html body .xbau-auth-modal .xbau-auth-benefits h2{font-size:20px;margin:10px 0 0}html body .xbau-auth-modal .xbau-auth-wordmark{font-size:22px}html body .xbau-auth-modal .xbau-auth-benefits ul{display:none}html body .xbau-auth-modal .column-form{padding:24px}html body .xbau-auth-modal .legend,html body .xbau-auth-modal .form-title{font-size:23px;margin-bottom:20px;padding:0}html body .xbau-auth-modal .action-close{z-index:5}html body .xbau-auth-modal .xbau-auth-cover{object-position:center 65%}}
@media(max-width:380px){html body .xbau-auth-modal .column-form{padding:20px 16px}html body .xbau-auth-modal .field-name-firstname,html body .xbau-auth-modal .field-name-lastname{float:none;width:100%;margin-left:0;margin-right:0}}
@media(max-width:680px){html body .xbau-auth-modal .modal-content{max-height:calc(100dvh - 24px)}}
@media(max-width:680px) and (max-height:700px){html body .xbau-auth-modal .modal-content{max-height:calc(100dvh - 48px)}}
@media(max-width:900px){html body .xbau-auth-modal .modal-columns .column-form{padding:44px 24px 24px}}
@media(max-width:680px){html body .xbau-auth-modal .modal-columns .column-cover{min-height:140px}html body .xbau-auth-modal .modal-columns .column-form{padding:24px}}
@media(max-width:380px){html body .xbau-auth-modal .modal-columns .column-form{padding:20px 16px}}