.bawabetna-account-entry {
  width: 100%;
  min-height: clamp(34rem, calc(100vh - 10rem), 48rem);
  overflow-x: hidden;
  background:
    radial-gradient(circle at 12% 14%, rgba(14, 165, 233, 0.18), transparent 26rem),
    radial-gradient(circle at 88% 78%, rgba(20, 184, 166, 0.16), transparent 28rem),
    linear-gradient(135deg, #f8fafc 0%, #eef5f8 46%, #e7f5f1 100%);
  color: #111827;
  padding: clamp(0.75rem, 1.5vw, 1.3rem) clamp(1rem, 2.5vw, 2rem) clamp(2rem, 4vw, 3rem);
  box-sizing: border-box;
}

.bawabetna-account-entry * {
  box-sizing: border-box;
}

body:has(.bawabetna-account-entry) .market-suggestion-panel {
  display: none;
}

.market-suggestion-panel {
  display: none !important;
}

.bawabetna-account-entry__shell {
  width: min(1040px, 100%);
  margin: 0 auto;
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(320px, 430px);
  gap: clamp(1.4rem, 4vw, 4rem);
  align-items: center;
}

.bawabetna-account-entry__brand {
  display: grid;
  gap: clamp(0.8rem, 1.8vw, 1.25rem);
}

.bawabetna-account-entry__home {
  width: fit-content;
  display: inline-flex;
  color: #111827;
  text-decoration: none;
}

.bawabetna-account-entry__logo-frame {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 11.5rem;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
}

.bawabetna-account-entry__logo {
  display: block;
  width: clamp(9.5rem, 15vw, 13.5rem);
  height: auto;
}

.bawabetna-account-entry__copy h1 {
  max-width: 13ch;
  margin: 0 0 0.75rem;
  color: #111827;
  font-size: clamp(2.15rem, 4vw, 3.6rem);
  line-height: 1.02;
  letter-spacing: 0;
}

.bawabetna-account-entry__copy p {
  max-width: 54ch;
  margin: 0;
  color: #475569;
  font-size: clamp(1rem, 1.35vw, 1.13rem);
  line-height: 1.65;
}

.bawabetna-account-entry__policy {
  display: grid;
  gap: 0.55rem;
  max-width: 48rem;
  margin: 0;
  padding-inline-start: 1.25rem;
  color: #334155;
  line-height: 1.55;
}

.bawabetna-account-entry__policy li::marker {
  color: #0f766e;
  font-size: 1.1em;
}

.bawabetna-account-entry__authorized-note {
  width: fit-content;
  margin: 0;
  border: 1px solid rgba(245, 158, 11, 0.28);
  border-radius: 999px;
  background: rgba(245, 158, 11, 0.12);
  color: #78350f;
  font-size: 0.84rem;
  font-weight: 850;
  padding: 0.45rem 0.75rem;
}

.bawabetna-account-entry__trust-rail {
  display: grid;
  gap: 0.75rem;
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.bawabetna-account-entry__trust-rail article {
  display: grid;
  gap: 0.45rem;
  border: 1px solid rgba(15, 118, 110, 0.16);
  border-radius: 0.85rem;
  background: rgba(255, 255, 255, 0.58);
  padding: 0.9rem;
  text-align: start;
}

.bawabetna-account-entry__trust-rail span {
  width: fit-content;
  border: 1px solid rgba(15, 118, 110, 0.20);
  border-radius: 999px;
  background: rgba(15, 118, 110, 0.08);
  color: #0f766e;
  font-size: 0.72rem;
  font-weight: 850;
  padding: 0.2rem 0.55rem;
}

.bawabetna-account-entry__trust-rail h2,
.bawabetna-account-entry__trust-rail p {
  margin: 0;
}

.bawabetna-account-entry__trust-rail h2 {
  color: #111827;
  font-size: 0.96rem;
  line-height: 1.28;
}

.bawabetna-account-entry__trust-rail p {
  color: #475569;
  font-size: 0.86rem;
  line-height: 1.55;
}

.bawabetna-account-entry__panel {
  padding: clamp(1.1rem, 2.4vw, 1.65rem);
  border: 1px solid rgba(15, 23, 42, 0.1);
  border-radius: 1rem;
  background: rgba(255, 255, 255, 0.95);
  box-shadow: 0 24px 70px rgba(15, 23, 42, 0.14);
}

.bawabetna-account-entry__state {
  display: grid;
  gap: 0.65rem;
  margin-bottom: 1rem;
  padding: 1rem;
  border: 1px solid rgba(15, 118, 110, 0.2);
  border-radius: 0.85rem;
  background: linear-gradient(135deg, #ecfeff, #f8fafc);
}

.bawabetna-account-entry__state span {
  width: fit-content;
  border: 1px solid rgba(15, 118, 110, 0.22);
  border-radius: 999px;
  color: #0f766e;
  background: rgba(15, 118, 110, 0.08);
  font-size: 0.78rem;
  font-weight: 850;
  padding: 0.25rem 0.65rem;
}

.bawabetna-account-entry__state h2,
.bawabetna-account-entry__state p {
  margin: 0;
}

.bawabetna-account-entry__state h2 {
  color: #111827;
  font-size: 1.18rem;
  line-height: 1.3;
}

.bawabetna-account-entry__state p {
  color: #475569;
  line-height: 1.6;
}

.bawabetna-account-entry__matrix {
  display: grid;
  gap: 0.65rem;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  margin-bottom: 1rem;
}

.bawabetna-account-entry__matrix-item {
  display: grid;
  gap: 0.35rem;
  min-width: 0;
  padding: 0.85rem;
  border: 1px solid rgba(15, 23, 42, 0.1);
  border-radius: 0.8rem;
  background: #f8fafc;
}

.bawabetna-account-entry__matrix-item span {
  width: fit-content;
  border-radius: 999px;
  padding: 0.18rem 0.55rem;
  font-size: 0.72rem;
  font-weight: 850;
}

.bawabetna-account-entry__matrix-item h3,
.bawabetna-account-entry__matrix-item p {
  margin: 0;
}

.bawabetna-account-entry__matrix-item h3 {
  color: #111827;
  font-size: 0.96rem;
  line-height: 1.3;
}

.bawabetna-account-entry__matrix-item p {
  color: #475569;
  font-size: 0.88rem;
  line-height: 1.55;
}

.bawabetna-account-entry__matrix-item--closed span {
  color: #92400e;
  background: #fef3c7;
}

.bawabetna-account-entry__matrix-item--limited span {
  color: #0f766e;
  background: #ccfbf1;
}

.bawabetna-account-entry__matrix-item--protected span {
  color: #1e3a8a;
  background: #dbeafe;
}

.bawabetna-account-entry__account-state {
  margin-top: 1rem;
  padding-top: 1rem;
  border-top: 1px solid #e2e8f0;
}

.bawabetna-account-entry__social {
  display: grid;
  gap: 0.75rem;
}

.bawabetna-account-entry__social-button {
  min-height: 3rem;
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  gap: 0.85rem;
  padding: 0.82rem 1rem;
  border: 1px solid #d8dee8;
  border-radius: 0.75rem;
  color: #172033;
  background: #fff;
  text-decoration: none;
  font-weight: 800;
}

.bawabetna-account-entry__social-button--apple {
  color: #fff;
  background: #111827;
  border-color: #111827;
}

.bawabetna-account-entry__social-button.is-disabled {
  opacity: 0.72;
  cursor: not-allowed;
}

.bawabetna-account-entry__social-button small {
  color: currentColor;
  opacity: 0.68;
  font-weight: 700;
  text-align: end;
}

.bawabetna-account-entry__divider {
  display: flex;
  align-items: center;
  gap: 1rem;
  margin: 1.25rem 0;
  color: #64748b;
  font-size: 0.9rem;
  font-weight: 800;
}

.bawabetna-account-entry__divider::before,
.bawabetna-account-entry__divider::after {
  content: "";
  height: 1px;
  flex: 1 1 auto;
  background: #e2e8f0;
}

.bawabetna-account-entry-form {
  display: grid;
  gap: 1rem;
}

.bawabetna-account-entry-form label {
  margin-bottom: 0.35rem;
  color: #334155;
  font-weight: 800;
}

.bawabetna-account-entry-form input[type="text"],
.bawabetna-account-entry-form input[type="email"],
.bawabetna-account-entry-form input[type="password"] {
  width: 100%;
  min-height: 3.1rem;
  border: 1px solid #cbd5e1;
  border-radius: 0.7rem;
  padding: 0.7rem 0.9rem;
  color: #172033;
  background: #fff;
  font-size: 1rem;
}

.bawabetna-account-entry-form input:focus {
  outline: 3px solid rgba(15, 118, 110, 0.25);
  border-color: #0f766e;
}

.bawabetna-account-entry-submit,
.bawabetna-account-entry-form .button--primary {
  width: 100%;
  min-height: 3.25rem;
  border: 0;
  border-radius: 0.75rem;
  background: #164e63;
  color: #fff;
  font-weight: 850;
  font-size: 1rem;
  cursor: pointer;
}

.bawabetna-account-entry__secondary,
.bawabetna-account-entry__public-links {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 0.75rem 1rem;
}

.bawabetna-account-entry__secondary {
  margin-top: 1.2rem;
}

.bawabetna-account-entry__secondary a {
  display: inline-grid;
  gap: 0.15rem;
  color: #164e63;
  font-weight: 800;
  text-align: center;
  text-decoration: none;
}

.bawabetna-account-entry__secondary small {
  color: #64748b;
  font-size: 0.78rem;
  font-weight: 750;
}

.bawabetna-account-entry__public-links {
  margin-top: 1rem;
  padding-top: 1rem;
  border-top: 1px solid #e2e8f0;
}

.bawabetna-account-entry__public-links a {
  color: #475569;
  font-size: 0.9rem;
  font-weight: 750;
  text-decoration: none;
}

.bawabetna-account-entry__notice {
  display: grid;
  gap: 0.8rem;
  padding: 1rem;
  border: 1px solid rgba(15, 118, 110, 0.2);
  border-radius: 0.85rem;
  background: #f8fafc;
  color: #334155;
}

.bawabetna-account-entry__notice h2,
.bawabetna-account-entry__notice p {
  margin: 0;
}

.bawabetna-account-entry__notice h2 {
  font-size: 1.25rem;
}

.bawabetna-account-entry__notice p {
  line-height: 1.6;
}

:root[data-theme="dark"] .bawabetna-account-entry {
  background:
    radial-gradient(circle at 12% 14%, rgba(34, 211, 238, 0.18), transparent 26rem),
    radial-gradient(circle at 88% 78%, rgba(20, 184, 166, 0.12), transparent 28rem),
    linear-gradient(135deg, #03101e 0%, #061725 46%, #04080f 100%);
  color: #eef6ff;
}

:root[data-theme="dark"] .bawabetna-account-entry__home,
:root[data-theme="dark"] .bawabetna-account-entry__copy h1,
:root[data-theme="dark"] .bawabetna-account-entry__trust-rail h2,
:root[data-theme="dark"] .bawabetna-account-entry__state h2,
:root[data-theme="dark"] .bawabetna-account-entry__matrix-item h3,
:root[data-theme="dark"] .bawabetna-account-entry__notice h2 {
  color: #f8fbff;
}

:root[data-theme="dark"] .bawabetna-account-entry__copy p,
:root[data-theme="dark"] .bawabetna-account-entry__policy,
:root[data-theme="dark"] .bawabetna-account-entry__trust-rail p,
:root[data-theme="dark"] .bawabetna-account-entry__state p,
:root[data-theme="dark"] .bawabetna-account-entry__matrix-item p,
:root[data-theme="dark"] .bawabetna-account-entry__notice p {
  color: #cbd5e1;
}

:root[data-theme="dark"] .bawabetna-account-entry__panel,
:root[data-theme="dark"] .bawabetna-account-entry__trust-rail article,
:root[data-theme="dark"] .bawabetna-account-entry__state,
:root[data-theme="dark"] .bawabetna-account-entry__matrix-item,
:root[data-theme="dark"] .bawabetna-account-entry__notice {
  border-color: rgba(148, 163, 184, 0.22);
  background: rgba(3, 16, 30, 0.82);
  box-shadow: 0 24px 70px rgba(0, 0, 0, 0.28);
}

:root[data-theme="dark"] .bawabetna-account-entry__state {
  background: linear-gradient(135deg, rgba(8, 47, 73, 0.80), rgba(6, 78, 59, 0.36));
}

:root[data-theme="dark"] .bawabetna-account-entry__logo-frame {
  background: transparent;
  box-shadow: none;
}

:root[data-theme="dark"] .bawabetna-account-entry__authorized-note,
:root[data-theme="dark"] .bawabetna-account-entry__state span,
:root[data-theme="dark"] .bawabetna-account-entry__trust-rail span {
  border-color: rgba(103, 232, 249, 0.28);
  background: rgba(103, 232, 249, 0.10);
  color: #a5f3fc;
}

:root[data-theme="dark"] .bawabetna-account-entry__account-state,
:root[data-theme="dark"] .bawabetna-account-entry__public-links {
  border-color: rgba(148, 163, 184, 0.18);
}

:root[data-theme="dark"] .bawabetna-account-entry__divider {
  color: #94a3b8;
}

:root[data-theme="dark"] .bawabetna-account-entry__divider::before,
:root[data-theme="dark"] .bawabetna-account-entry__divider::after {
  background: rgba(148, 163, 184, 0.24);
}

:root[data-theme="dark"] .bawabetna-account-entry__secondary a,
:root[data-theme="dark"] .bawabetna-account-entry__public-links a {
  color: #67e8f9;
}

:root[data-theme="dark"] .bawabetna-account-entry__secondary small {
  color: #a8b5c6;
}

[dir="rtl"] .bawabetna-account-entry,
[dir="rtl"] .bawabetna-account-entry__brand,
[dir="rtl"] .bawabetna-account-entry__panel,
[dir="rtl"] .bawabetna-account-entry__copy,
[dir="rtl"] .bawabetna-account-entry__notice,
[dir="rtl"] .bawabetna-account-entry-form {
  text-align: right;
}

[dir="rtl"] .bawabetna-account-entry__policy {
  padding-inline-start: 0;
  padding-inline-end: 1.25rem;
}

[dir="rtl"] .bawabetna-account-entry__social-button {
  grid-template-columns: auto minmax(0, 1fr);
}

[dir="rtl"] .bawabetna-account-entry__social-button span {
  text-align: right;
}

[dir="rtl"] .bawabetna-account-entry__social-button small {
  text-align: left;
}

@media (max-width: 900px) {
  .bawabetna-account-entry {
    max-width: 100vw;
    min-height: auto;
    overflow-x: hidden;
    padding: 0.85rem clamp(0.85rem, 4vw, 1.25rem) 1.75rem;
    width: 100vw;
  }

  .bawabetna-account-entry__shell {
    grid-template-columns: 1fr;
    max-width: calc(100vw - 32px);
    width: calc(100vw - 32px);
    gap: 1rem;
  }

  .bawabetna-account-entry__brand,
  .bawabetna-account-entry__panel,
  .bawabetna-account-entry__copy,
  .bawabetna-account-entry__notice {
    max-width: 100%;
    min-width: 0;
    overflow-wrap: anywhere;
  }

  .bawabetna-account-entry__brand,
  [dir="rtl"] .bawabetna-account-entry__brand,
  [dir="rtl"] .bawabetna-account-entry__copy,
  [dir="rtl"] .bawabetna-account-entry__notice {
    text-align: center;
  }

  .bawabetna-account-entry__home {
    justify-self: center;
  }

  .bawabetna-account-entry__logo-frame {
    min-width: 9.75rem;
    padding: 0.48rem 0.68rem;
  }

  .bawabetna-account-entry__logo {
    width: min(11rem, 68vw);
  }

  .bawabetna-account-entry__copy h1 {
    max-width: 100%;
    margin-inline: auto;
    font-size: clamp(1.75rem, 7vw, 2.4rem);
    overflow-wrap: anywhere;
  }

  .bawabetna-account-entry__copy p {
    max-width: 100%;
    margin-inline: auto;
    font-size: 0.98rem;
  }

  .bawabetna-account-entry__policy,
  [dir="rtl"] .bawabetna-account-entry__policy {
    list-style-position: inside;
    padding-inline: 0;
    text-align: center;
    font-size: 0.93rem;
  }

  .bawabetna-account-entry__panel {
    padding: 1rem;
  }

  .bawabetna-account-entry__matrix {
    grid-template-columns: 1fr;
  }

  .bawabetna-account-entry__trust-rail {
    grid-template-columns: 1fr;
  }

  .bawabetna-account-entry__social-button,
  [dir="rtl"] .bawabetna-account-entry__social-button {
    grid-template-columns: 1fr;
    justify-items: center;
    text-align: center;
  }

  .bawabetna-account-entry__social-button span,
  .bawabetna-account-entry__social-button small,
  [dir="rtl"] .bawabetna-account-entry__social-button span,
  [dir="rtl"] .bawabetna-account-entry__social-button small {
    min-width: 0;
    text-align: center;
    overflow-wrap: anywhere;
  }
}


/* Bawabetna 2026 master visual redesign for account entry */
.bawabetna-account-entry {
  background:
    radial-gradient(circle at 16% 10%, rgba(216,169,74,.18), transparent 22rem),
    linear-gradient(135deg, #030b16 0%, #071527 48%, #020812 100%) !important;
  color: #f8fafc !important;
}
.bawabetna-account-entry__shell{width:min(1180px,100%)!important;min-height:calc(100vh - 2rem);}
.bawabetna-account-entry__brand,.bawabetna-account-entry__panel{
  border:1px solid rgba(216,169,74,.24)!important;border-radius:32px!important;
  background:linear-gradient(145deg,rgba(11,29,51,.86),rgba(3,11,22,.94))!important;
  box-shadow:0 34px 110px rgba(0,0,0,.42), inset 0 1px 0 rgba(255,255,255,.06)!important;
  padding:clamp(1.25rem,3vw,2.4rem)!important;
}
.bawabetna-account-entry__brand{position:relative;overflow:hidden;}
.bawabetna-account-entry__brand:before{content:"";position:absolute;inset:0;background:url('/themes/custom/bawabetna_public/assets/ref2026/security-shield-dark.webp') center/cover no-repeat;opacity:.16;pointer-events:none;}
.bawabetna-account-entry__brand>*{position:relative;}
.bawabetna-account-entry__copy h1{color:#fff!important;font-size:clamp(2.2rem,4.2vw,4.6rem)!important;line-height:1.05!important;}
.bawabetna-account-entry__copy p,.bawabetna-account-entry__policy li,.bawabetna-account-entry__trust-rail p{color:#b9c6d6!important;}
.bawabetna-account-entry__panel input{background:rgba(3,11,22,.66)!important;border:1px solid rgba(216,169,74,.26)!important;color:#fff!important;border-radius:14px!important;min-height:50px!important;}
.bawabetna-account-entry__panel .button,.bawabetna-account-entry__panel input[type="submit"]{background:linear-gradient(135deg,#f2d08a,#d8a94a)!important;color:#071527!important;border:0!important;border-radius:14px!important;font-weight:800!important;}
.bawabetna-account-entry__state,.bawabetna-account-entry__matrix-item,.bawabetna-account-entry__secondary a,.bawabetna-account-entry__social-button{
  background:rgba(255,255,255,.055)!important;border:1px solid rgba(216,169,74,.18)!important;border-radius:18px!important;color:#f8fafc!important;
}
