/* ==========================================================================
   HABB Diamond UI 2026 v1.7.0 — HABB Technology
   WooCommerce My Account — Premium Login/Register Interface
   ========================================================================== */

.habb-b2bui-shell {
  --b2b-primary:       #E8551E;
  --b2b-primary-dark:  #C94410;
  --b2b-primary-light: #FFF0EA;
  --b2b-bg:            #F5F6FA;
  --b2b-card:          #FFFFFF;
  --b2b-border:        #E4E8EF;
  --b2b-text:          #1A1D23;
  --b2b-muted:         #6B7280;
  --b2b-shadow:        0 4px 24px rgba(0,0,0,0.08);
  --b2b-shadow-hover:  0 8px 40px rgba(232,85,30,0.18);
  --b2b-radius:        16px;
  --b2b-radius-sm:     10px;
  --b2b-ease:          all 0.25s cubic-bezier(0.4,0,0.2,1);
}

/* FULL PAGE RESET — override Woodmart layout */
body.b2b-login-page #page,
body.b2b-login-page .site-content,
body.b2b-login-page .woodmart-row,
body.b2b-login-page .container { max-width:100%!important; padding:0!important; margin:0!important; }
body.b2b-login-page .site-content .col-12 { padding:0!important; }

/* PAGE WRAPPER */
.habb-b2bui-shell .b2b-auth-page {
  display:flex; align-items:flex-start;
  min-height:100vh; background:var(--b2b-bg); font-family:inherit;
}

/* ================================================================== */
/* LEFT — BRAND PANEL                                                   */
/* ================================================================== */
.b2b-auth-brand {
  flex:0 0 380px; width:380px; box-sizing:border-box;
  background:linear-gradient(160deg,#1A1D23 0%,#2D3748 100%);
  display:flex; flex-direction:column;
  justify-content:flex-start; align-items:flex-start;
  padding:52px 44px 44px;
  position:sticky; top:0; height:100vh;
  min-height:500px; overflow:hidden;
}

/* decorative blobs with ambient animation */
.b2b-auth-brand::before {
  content:''; position:absolute; top:-90px; right:-50px;
  width:260px; height:260px; border-radius:50%;
  background:var(--b2b-primary); opacity:.12;
  pointer-events:none;
  animation: b2bBlobFloat 8s ease-in-out infinite;
}
.b2b-auth-brand::after {
  content:''; position:absolute; bottom:-70px; left:-40px;
  width:200px; height:200px; border-radius:50%;
  background:var(--b2b-primary); opacity:.07;
  pointer-events:none;
  animation: b2bBlobFloat 10s ease-in-out infinite reverse;
}
@keyframes b2bBlobFloat {
  0%,100% { transform:translate(0,0) scale(1); }
  50%     { transform:translate(12px,-10px) scale(1.05); }
}

/* logo */
.b2b-brand-logo { position:relative; z-index:1; margin-bottom:36px; }
.b2b-brand-logo img { max-width:140px; height:auto; filter:brightness(0) invert(1); }
.b2b-brand-logo-text { font-size:22px; font-weight:800; color:#fff; letter-spacing:-.3px; }

/* headline */
.b2b-brand-title { position:relative; z-index:1; font-size:22px; font-weight:700; color:#fff; line-height:1.4; margin:0 0 10px; }
.b2b-brand-sub { position:relative; z-index:1; font-size:13.5px; color:rgba(255,255,255,.58); line-height:1.65; margin:0 0 36px; }

/* feature list */
.b2b-brand-features { position:relative; z-index:1; list-style:none!important; padding:0!important; margin:0!important; display:flex; flex-direction:column; gap:14px; }
.b2b-brand-features li { display:flex!important; flex-direction:row!important; align-items:center!important; gap:12px!important; padding:0!important; margin:0!important; font-size:13.5px; color:rgba(255,255,255,.82); line-height:1.4; }
.b2b-feat-icon { display:inline-flex!important; align-items:center!important; justify-content:center!important; width:22px!important; height:22px!important; min-width:22px!important; min-height:22px!important; border-radius:50%; background:var(--b2b-primary); flex-shrink:0!important; }
.b2b-feat-icon svg { display:block; width:11px; height:11px; flex-shrink:0; }

/* ================================================================== */
/* RIGHT — FORM PANEL                                                   */
/* ================================================================== */
.b2b-auth-content { flex:1; display:flex; align-items:flex-start; justify-content:center; padding:52px 40px 80px; min-width:0; overflow-y:auto; }
.b2b-auth-card { width:100%; max-width:520px; }

/* ================================================================== */
/* CARD TAB SELECTOR — inspired by product card UI                     */
/* ================================================================== */
.b2b-card-tabs {
  display:flex; gap:16px;
  margin-bottom:32px;
}
.b2b-card-tab {
  flex:1; position:relative;
  display:flex; flex-direction:column; align-items:center;
  gap:6px; padding:22px 16px 20px;
  background:var(--b2b-card);
  border:1.5px solid var(--b2b-border);
  border-top:3px solid transparent;
  border-radius:var(--b2b-radius);
  cursor:pointer; text-align:center;
  transition:var(--b2b-ease);
  outline:none;
}
.b2b-card-tab:hover {
  border-color:rgba(232,85,30,.3);
  box-shadow:0 4px 16px rgba(0,0,0,.06);
  transform:translateY(-2px);
}
/* ACTIVE state */
.b2b-card-tab.active {
  border-color:var(--b2b-primary);
  border-top:3px solid var(--b2b-primary);
  box-shadow:0 6px 24px rgba(232,85,30,.12);
}
/* SELECTED badge */
.b2b-card-badge {
  position:absolute; top:-1px; right:12px;
  background:var(--b2b-primary); color:#fff;
  font-size:9px; font-weight:800; letter-spacing:.8px;
  padding:4px 10px; border-radius:0 0 6px 6px;
  opacity:0; transform:translateY(-4px);
  transition:var(--b2b-ease);
  pointer-events:none;
}
.b2b-card-tab.active .b2b-card-badge {
  opacity:1; transform:translateY(0);
}
/* icon */
.b2b-card-icon {
  width:36px; height:36px;
  display:flex; align-items:center; justify-content:center;
  color:var(--b2b-muted);
  transition:var(--b2b-ease);
}
.b2b-card-icon svg { width:28px; height:28px; }
.b2b-card-tab.active .b2b-card-icon { color:var(--b2b-primary); }
/* title */
.b2b-card-title {
  font-size:14px; font-weight:700;
  color:var(--b2b-text); letter-spacing:.2px;
  transition:var(--b2b-ease);
}
.b2b-card-tab.active .b2b-card-title { color:var(--b2b-primary); }
/* description */
.b2b-card-desc {
  font-size:11.5px; color:var(--b2b-muted);
  line-height:1.4; margin:0;
}

/* ================================================================== */
/* PANELS                                                               */
/* ================================================================== */
.b2b-panel { display:block; }
.habb-b2bui-shell.is-enhanced .b2b-panel { display:none; }
.habb-b2bui-shell.is-enhanced .b2b-panel.active { display:block; animation:b2bFadeUp .25s ease; }
@keyframes b2bFadeUp {
  from { opacity:0; transform:translateY(8px); }
  to   { opacity:1; transform:translateY(0);   }
}
.b2b-panel-title { font-size:22px; font-weight:700; color:var(--b2b-text); margin:0 0 4px; }
.b2b-panel-sub { font-size:13.5px; color:var(--b2b-primary); margin:0 0 26px; line-height:1.5; }

/* ================================================================== */
/* FORM FIELDS — overrides WooCommerce + B2BKing defaults              */
/* ================================================================== */
.b2b-auth-page .woocommerce-form-row,
.b2b-auth-page .form-row,
.b2b-auth-page .b2bking_registration_field,
.b2b-auth-page p.form-row { margin-bottom:14px!important; padding:0!important; float:none!important; width:100%!important; clear:both!important; }

.b2b-auth-page .woocommerce-form-row label,
.b2b-auth-page .form-row label,
.b2b-auth-page .b2bking_registration_field label { display:block!important; font-size:11px!important; font-weight:700!important; color:var(--b2b-text)!important; margin-bottom:5px!important; text-transform:uppercase!important; letter-spacing:.6px!important; }

.b2b-auth-page input[type="text"],
.b2b-auth-page input[type="email"],
.b2b-auth-page input[type="password"],
.b2b-auth-page input[type="tel"],
.b2b-auth-page input[type="number"],
.b2b-auth-page select,
.b2b-auth-page textarea {
  display:block!important; width:100%!important; height:48px!important;
  padding:0 16px!important; border:1.5px solid var(--b2b-border)!important;
  border-radius:var(--b2b-radius-sm)!important; font-size:14px!important;
  color:var(--b2b-text)!important; background:var(--b2b-card)!important;
  transition:var(--b2b-ease)!important; box-shadow:none!important;
  outline:none!important; box-sizing:border-box!important;
  -webkit-appearance:none!important; appearance:none!important;
}
.b2b-auth-page textarea { height:auto!important; min-height:88px!important; padding:12px 16px!important; resize:vertical!important; }
.b2b-auth-page input:focus,
.b2b-auth-page select:focus,
.b2b-auth-page textarea:focus { border-color:var(--b2b-primary)!important; box-shadow:0 0 0 3px rgba(232,85,30,.1)!important; }

/* custom select arrow */
.b2b-auth-page select { background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%236B7280' stroke-width='2'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E")!important; background-repeat:no-repeat!important; background-position:right 12px center!important; padding-right:40px!important; }
.b2b-auth-page .required { color:var(--b2b-primary); }

/* ================================================================== */
/* PASSWORD TOGGLE (show/hide eye icon)                                */
/* ================================================================== */
.b2b-auth-page .b2b-password-wrap {
  position:relative!important;
}

.b2b-auth-page .b2b-password-field {
  position:relative!important;
  display:block!important;
  width:100%!important;
  min-height:48px!important;
}

.b2b-auth-page .b2b-password-field input[type="password"],
.b2b-auth-page .b2b-password-field input[type="text"] {
  padding-right:54px!important;
}

.b2b-auth-page .b2b-password-field input::-ms-reveal,
.b2b-auth-page .b2b-password-field input::-ms-clear {
  display:none!important;
}

.b2b-auth-page .b2b-password-field .b2b-pw-toggle {
  position:absolute!important;
  right:10px!important;
  top:6px!important;
  bottom:auto!important;
  transform:none!important;
}

/* WooCommerce can inject its password strength message inside the same
   field wrapper after #reg_password. Keep the eye button anchored to the
   48px input row, not centered across the input plus strength message. */
.b2b-auth-page .b2b-password-field .woocommerce-password-strength,
.b2b-auth-page .b2b-password-field .woocommerce-password-hint {
  position:static!important;
  display:block!important;
  width:100%!important;
  clear:both!important;
  box-sizing:border-box!important;
  margin:8px 0 0!important;
}

/* Fallback for sites still serving older markup from cache. */
.b2b-auth-page .b2b-password-wrap > .b2b-pw-toggle {
  position:absolute!important;
  right:10px!important;
  top:37px!important;
  transform:none!important;
}

.b2b-auth-page .b2b-pw-toggle {
  width:36px!important;
  height:36px!important;
  min-width:36px!important;
  max-width:36px!important;
  min-height:36px!important;
  max-height:36px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  flex:0 0 36px!important;
  padding:0!important;
  margin:0!important;
  background:transparent!important;
  background-color:transparent!important;
  background-image:none!important;
  border:0!important;
  border-radius:8px!important;
  box-shadow:none!important;
  outline:0!important;
  color:var(--b2b-muted)!important;
  cursor:pointer!important;
  line-height:1!important;
  font-size:0!important;
  text-indent:0!important;
  text-transform:none!important;
  letter-spacing:normal!important;
  z-index:5!important;
  -webkit-appearance:none!important;
  appearance:none!important;
  transition:color .2s ease, background-color .2s ease!important;
}

.b2b-auth-page .b2b-pw-toggle:hover,
.b2b-auth-page .b2b-pw-toggle:focus {
  color:var(--b2b-primary)!important;
  background:rgba(232,85,30,.08)!important;
  box-shadow:none!important;
}

.b2b-auth-page .b2b-pw-toggle svg {
  width:18px!important;
  height:18px!important;
  min-width:18px!important;
  min-height:18px!important;
  display:block!important;
  pointer-events:none!important;
}

.b2b-auth-page .b2b-pw-toggle .b2b-eye-closed { display:none!important; }
.b2b-auth-page .b2b-pw-toggle.is-visible .b2b-eye-open { display:none!important; }
.b2b-auth-page .b2b-pw-toggle.is-visible .b2b-eye-closed { display:block!important; }

/* ================================================================== */
/* PASSWORD STRENGTH BAR                                               */
/* ================================================================== */
.b2b-pw-strength-track { margin-top:6px; height:3px; border-radius:2px; background:#e4e8ef; overflow:hidden; }
.b2b-pw-strength-fill { height:100%; width:0; border-radius:2px; transition:all .35s ease; background:transparent; }
.b2b-pw-str-1 { background:#E74C3C; }
.b2b-pw-str-2 { background:#E8911E; }
.b2b-pw-str-3 { background:#F1C40F; }
.b2b-pw-str-4 { background:#27AE60; }

/* ================================================================== */
/* SUBMIT BUTTON + LOADING STATE                                       */
/* ================================================================== */
.b2b-auth-page .woocommerce-button,
.b2b-auth-page button[type="submit"],
.b2b-auth-page input[type="submit"] {
  display:flex!important; align-items:center!important; justify-content:center!important;
  width:100%!important; height:52px!important; padding:0 24px!important;
  background:var(--b2b-primary)!important; color:#fff!important;
  border:none!important; border-radius:var(--b2b-radius-sm)!important;
  font-size:14px!important; font-weight:700!important; letter-spacing:.8px!important;
  text-transform:uppercase!important; cursor:pointer!important;
  transition:var(--b2b-ease)!important; margin-top:6px!important;
  text-align:center!important; line-height:1!important;
  box-sizing:border-box!important; position:relative;
  gap:8px;
}
.b2b-auth-page .woocommerce-button:hover,
.b2b-auth-page button[type="submit"]:hover {
  background:var(--b2b-primary-dark)!important;
  transform:translateY(-1px)!important;
  box-shadow:var(--b2b-shadow-hover)!important;
}

/* spinner element */
.b2b-btn-spinner {
  display:none;
  width:18px; height:18px;
  border:2.5px solid rgba(255,255,255,.3);
  border-top-color:#fff;
  border-radius:50%;
  animation:b2bSpin .6s linear infinite;
}
@keyframes b2bSpin { to { transform:rotate(360deg); } }

/* loading state */
.b2b-submit-btn.is-loading { opacity:.82; pointer-events:none; }
.b2b-submit-btn.is-loading .b2b-btn-text { display:inline-flex; align-items:center; }
.b2b-submit-btn.is-loading .b2b-btn-spinner { display:block; }

/* ================================================================== */
/* REMEMBER ME ROW + LOST PASSWORD                                     */
/* ================================================================== */
.b2b-form-extras {
  display:flex; align-items:center; justify-content:space-between;
  margin:12px 0 20px; gap:8px;
  flex-wrap:nowrap;
}
.b2b-auth-page .woocommerce-form__label-for-checkbox,
.b2b-auth-page .b2b-remember-label {
  display:flex!important; align-items:center!important;
  gap:7px!important; font-size:13px!important;
  color:var(--b2b-muted)!important; font-weight:400!important;
  cursor:pointer!important; line-height:1!important;
  margin:0!important; padding:0!important;
  /* Kill WoodMart's checkbox label visual replacements */
  background:none!important;
  border:none!important;
  box-shadow:none!important;
  position:relative;
}
/* Kill ALL WoodMart pseudo-element checkbox visuals on the label */
.b2b-auth-page .woocommerce-form__label-for-checkbox::before,
.b2b-auth-page .woocommerce-form__label-for-checkbox::after,
.b2b-auth-page .b2b-remember-label::before,
.b2b-auth-page .b2b-remember-label::after {
  content:none!important;
  display:none!important;
}

/* Custom checkbox — hides native + WoodMart visual, pure CSS box */
.b2b-auth-page input[type="checkbox"] {
  -webkit-appearance:none!important; appearance:none!important;
  width:16px!important; height:16px!important;
  min-width:16px!important; min-height:16px!important;
  max-width:16px!important; max-height:16px!important;
  margin:0!important; padding:0!important;
  border:1.5px solid var(--b2b-border)!important;
  border-radius:4px!important;
  background:var(--b2b-card)!important;
  cursor:pointer!important;
  flex-shrink:0; position:relative;
  transition:var(--b2b-ease)!important;
  display:inline-block!important;
  vertical-align:middle!important;
  /* Kill any WoodMart overrides */
  box-shadow:none!important;
  outline:none!important;
  opacity:1!important;
  visibility:visible!important;
}
/* Kill WoodMart checkbox pseudo-elements */
.b2b-auth-page input[type="checkbox"]::before,
.b2b-auth-page input[type="checkbox"]::after {
  content:none!important;
  display:none!important;
}
.b2b-auth-page input[type="checkbox"]:checked {
  background:var(--b2b-primary)!important;
  border-color:var(--b2b-primary)!important;
}
.b2b-auth-page input[type="checkbox"]:checked::after {
  content:''!important;
  display:block!important;
  position:absolute; top:2px; left:4.5px;
  width:5px; height:9px;
  border:solid #fff; border-width:0 2px 2px 0;
  transform:rotate(45deg);
}
/* Lost password link */
.b2b-auth-page .woocommerce-LostPassword { margin:0!important; white-space:nowrap; }
.b2b-auth-page .woocommerce-LostPassword a { font-size:13px; color:var(--b2b-primary); text-decoration:none; font-weight:600; }
.b2b-auth-page .woocommerce-LostPassword a:hover { text-decoration:underline; }

/* ================================================================== */
/* DIVIDER                                                             */
/* ================================================================== */
.b2b-divider { display:flex; align-items:center; gap:12px; margin:20px 0; }
.b2b-divider::before, .b2b-divider::after { content:''; flex:1; height:1px; background:var(--b2b-border); }
.b2b-divider span { font-size:12px; color:var(--b2b-muted); white-space:nowrap; }

/* switch link */
.b2b-switch-row { text-align:center; font-size:13.5px; color:var(--b2b-muted); }
.b2b-switch-row a { color:var(--b2b-primary)!important; font-weight:700!important; text-decoration:none!important; }
.b2b-switch-row a:hover { text-decoration:underline!important; }

/* ================================================================== */
/* B2BKING FIELD GROUP SECTION LABEL                                   */
/* ================================================================== */
.b2b-section-label { font-size:10.5px; font-weight:700; text-transform:uppercase; letter-spacing:1px; color:var(--b2b-primary); border-left:3px solid var(--b2b-primary); padding-left:8px; margin:22px 0 14px; display:block; }

/* ================================================================== */
/* PRIVACY POLICY TEXT                                                 */
/* ================================================================== */
.b2b-auth-page .woocommerce-privacy-policy-text,
.b2b-auth-page .woocommerce-privacy-policy-text p { font-size:12px!important; color:var(--b2b-muted)!important; line-height:1.6!important; margin:12px 0!important; padding:12px!important; background:var(--b2b-bg)!important; border-radius:var(--b2b-radius-sm)!important; border-left:3px solid var(--b2b-border)!important; }
.b2b-auth-page .woocommerce-privacy-policy-text a { color:var(--b2b-primary)!important; font-weight:600!important; }

/* ================================================================== */
/* WOOCOMMERCE NOTICES                                                 */
/* ================================================================== */
.b2b-auth-page .woocommerce-error,
.b2b-auth-page .woocommerce-message,
.b2b-auth-page .woocommerce-info { border-radius:var(--b2b-radius-sm)!important; border-left-width:4px!important; padding:12px 16px!important; font-size:13.5px!important; margin-bottom:16px!important; list-style:none!important; }
.b2b-auth-page .woocommerce-error   { background:#FFF0F0; border-left-color:#E74C3C; }
.b2b-auth-page .woocommerce-message { background:#F0FFF4; border-left-color:#27AE60; }
.b2b-auth-page .woocommerce-info    { background:#EBF5FF; border-left-color:#3498DB; }

/* ================================================================== */
/* HIDE Woodmart default col2-set                                      */
/* ================================================================== */
.b2b-auth-page .col2-set, .b2b-auth-page .u-columns { display:block!important; width:100%!important; }
.b2b-auth-page .u-column1, .b2b-auth-page .u-column2,
.b2b-auth-page .col-1, .b2b-auth-page .col-2 { float:none!important; width:100%!important; padding:0!important; }

/* ================================================================== */
/* ROLE CARDS (Individual / Corporate) — minimal horizontal pills     */
/* ================================================================== */
.b2b-role-cards {
  display:flex; gap:10px;
  margin-bottom:20px;
}
.b2b-role-cards:empty { display:none; }
.b2b-role-card {
  flex:1; display:flex; align-items:center; gap:10px;
  padding:10px 14px;
  background:var(--b2b-card);
  border:1.5px solid var(--b2b-border);
  border-radius:var(--b2b-radius-sm);
  cursor:pointer; outline:none;
  transition:var(--b2b-ease);
}
.b2b-role-card:hover {
  border-color:rgba(232,85,30,.35);
  background:var(--b2b-primary-light);
}
.b2b-role-card.active {
  border-color:var(--b2b-primary);
  border-left:3px solid var(--b2b-primary);
  background:var(--b2b-primary-light);
}
.b2b-role-icon {
  width:28px; height:28px; min-width:28px;
  display:flex; align-items:center; justify-content:center;
  color:var(--b2b-muted); transition:var(--b2b-ease);
}
.b2b-role-icon svg { width:22px; height:22px; }
.b2b-role-card.active .b2b-role-icon { color:var(--b2b-primary); }
.b2b-role-info { display:flex; flex-direction:column; gap:1px; min-width:0; }
.b2b-role-title {
  font-size:13px; font-weight:700;
  color:var(--b2b-text); line-height:1.2;
  white-space:nowrap; overflow:hidden; text-overflow:ellipsis;
}
.b2b-role-card.active .b2b-role-title { color:var(--b2b-primary); }
.b2b-role-desc {
  font-size:11px; color:var(--b2b-muted);
  line-height:1.2;
}

.habb-b2bui-shell .b2b-hidden-role-field {
  display:none!important;
}

/* ================================================================== */
/* RESPONSIVE                                                          */
/* ================================================================== */
@media (max-width:900px) {
  .b2b-auth-page { flex-direction:column; align-items:stretch; }
  .b2b-auth-brand { flex:none; width:100%!important; position:relative!important; height:auto!important; min-height:auto!important; padding:32px 28px; justify-content:flex-start!important; }
  .b2b-brand-features { display:none; }
  .b2b-auth-content { padding:32px 20px 60px; overflow-y:visible; }
}
@media (max-width:480px) {
  .b2b-auth-card { max-width:100%; }
  /* Login/Register card tabs stay in single row on mobile */
  .b2b-card-tabs { gap:8px; }
  .b2b-card-tab { padding:12px 8px; }
  .b2b-card-icon { width:24px; height:24px; }
  .b2b-card-icon svg { width:20px; height:20px; }
  .b2b-card-title { font-size:12px; }
  .b2b-card-desc { font-size:10px; }
  .b2b-card-badge { font-size:8px; padding:3px 6px; }
  /* Role cards compact on mobile */
  .b2b-role-cards { gap:8px; }
  .b2b-role-card { padding:8px 10px; }
  .b2b-role-icon { width:22px; height:22px; min-width:22px; }
  .b2b-role-icon svg { width:18px; height:18px; }
  .b2b-role-title { font-size:11.5px; }
  .b2b-role-desc { font-size:10px; }
}

/* WooCommerce also injects a native password reveal button (.show-password-input).
   The HABB UI uses its own scoped .b2b-pw-toggle, so the native control must be hidden
   inside this shell to prevent duplicate eye icons and overlapping controls. */
.b2b-auth-page .show-password-input,
.b2b-auth-page button.show-password-input,
.habb-b2bui-shell .show-password-input,
.habb-b2bui-shell button.show-password-input {
  display:none!important;
  visibility:hidden!important;
  opacity:0!important;
  pointer-events:none!important;
  width:0!important;
  height:0!important;
  min-width:0!important;
  min-height:0!important;
  max-width:0!important;
  max-height:0!important;
  padding:0!important;
  margin:0!important;
  border:0!important;
  box-shadow:none!important;
  position:absolute!important;
  right:auto!important;
}

/* Admin-managed field and consent helpers */
.habb-b2bui-shell .habb-b2bui-hidden-field { display:none!important; }
.b2b-auth-page .b2b-privacy-note {
  font-size:12px; line-height:1.6; color:var(--b2b-muted); background:#fff; border:1px solid var(--b2b-border); border-radius:var(--b2b-radius-sm); padding:12px 14px; margin:12px 0 14px;
}
.b2b-auth-page .b2b-privacy-note a { color:var(--b2b-primary)!important; font-weight:700; text-decoration:none; }
.b2b-auth-page .b2b-privacy-note a:hover { text-decoration:underline; }
.b2b-auth-page .b2b-marketing-consent { margin:8px 0 12px!important; }
.b2b-auth-page .b2b-marketing-consent label { text-transform:none!important; letter-spacing:0!important; font-size:12.5px!important; font-weight:500!important; color:var(--b2b-muted)!important; }

/* International phone field */
.b2b-auth-page .habb-intl-phone {
  display:flex!important;
  align-items:stretch!important;
  width:100%!important;
  border:1.5px solid var(--b2b-border)!important;
  border-radius:var(--b2b-radius-sm)!important;
  background:var(--b2b-card)!important;
  overflow:hidden!important;
  box-sizing:border-box!important;
  transition:var(--b2b-ease)!important;
}
.b2b-auth-page .habb-intl-phone:focus-within {
  border-color:var(--b2b-primary)!important;
  box-shadow:0 0 0 3px rgba(232,85,30,.1)!important;
}
.b2b-auth-page .habb-intl-phone .habb-intl-phone-country {
  width:106px!important;
  min-width:106px!important;
  max-width:106px!important;
  height:48px!important;
  border:0!important;
  border-right:1px solid var(--b2b-border)!important;
  border-radius:0!important;
  background-color:var(--b2b-bg)!important;
  background-position:right 8px center!important;
  padding:0 24px 0 10px!important;
  font-size:13px!important;
  font-weight:700!important;
  color:var(--b2b-text)!important;
  box-shadow:none!important;
}
.b2b-auth-page .habb-intl-phone input[type="tel"],
.b2b-auth-page .habb-intl-phone input[type="text"] {
  flex:1 1 auto!important;
  min-width:0!important;
  height:48px!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
  background:transparent!important;
}
.b2b-auth-page .habb-intl-phone input[type="tel"]:focus,
.b2b-auth-page .habb-intl-phone input[type="text"]:focus,
.b2b-auth-page .habb-intl-phone .habb-intl-phone-country:focus {
  border-color:transparent!important;
  box-shadow:none!important;
  outline:none!important;
}
@media(max-width:480px){
  .b2b-auth-page .habb-intl-phone .habb-intl-phone-country { width:94px!important; min-width:94px!important; max-width:94px!important; font-size:12px!important; }
}