/* Public auth pages — match landing-v2 dark green UI */

body.lv2-auth {
  margin: 0;
  min-height: 100vh;
  font-family: "SF Pro Text", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Helvetica, Arial, sans-serif;
  color: #f3f7f4;
  background: #070a09;
  -webkit-font-smoothing: antialiased;
}

body.lv2-auth a {
  color: inherit;
  text-decoration: none;
}

.lv2-auth-bg {
  position: fixed;
  inset: 0;
  z-index: 0;
  pointer-events: none;
  background:
    radial-gradient(ellipse 70% 55% at 75% 20%, color-mix(in srgb, var(--pp-theme, #25d366) 20%, transparent), transparent 70%),
    radial-gradient(ellipse 50% 40% at 10% 90%, color-mix(in srgb, var(--pp-theme-gradient-start, #075e54) 35%, transparent), transparent 65%),
    linear-gradient(165deg, #050807 0%, #0b1410 45%, #07110c 100%);
}

.lv2-auth-bg::after {
  content: "";
  position: absolute;
  inset: 0;
  background-image:
    linear-gradient(rgba(255, 255, 255, 0.035) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255, 255, 255, 0.035) 1px, transparent 1px);
  background-size: 64px 64px;
  mask-image: radial-gradient(ellipse 70% 60% at 50% 40%, #000 20%, transparent 75%);
  opacity: 0.45;
}

.lv2-auth-header {
  position: sticky;
  top: 0;
  z-index: 50;
  height: 4.75rem;
  display: flex;
  align-items: center;
  border-bottom: 1px solid rgba(255, 255, 255, 0.08);
  background: rgba(7, 10, 9, 0.72);
  backdrop-filter: blur(14px);
  -webkit-backdrop-filter: blur(14px);
}

.lv2-auth-header-inner {
  width: min(1240px, calc(100% - 2rem));
  margin-inline: auto;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
}

.lv2-auth-logo img {
  height: 48px;
  width: auto;
  max-width: min(260px, 52vw);
  object-fit: contain;
}

.lv2-auth-nav {
  display: none;
  align-items: center;
  gap: 1.5rem;
}

.lv2-auth-nav a {
  font-size: 0.92rem;
  font-weight: 500;
  color: rgba(232, 244, 236, 0.72);
  transition: color 0.2s;
}

.lv2-auth-nav a:hover,
.lv2-auth-nav a.is-active {
  color: #fff;
}

.lv2-auth-actions {
  display: flex;
  align-items: center;
  gap: 0.6rem;
}

.lv2-auth-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.45rem;
  min-height: 2.6rem;
  padding: 0.55rem 1.15rem;
  border-radius: 999px;
  font-size: 0.9rem;
  font-weight: 560;
  border: 1px solid transparent;
  transition: transform 0.25s cubic-bezier(0.22, 1, 0.36, 1), box-shadow 0.25s, background 0.25s, color 0.25s;
}

.lv2-auth-btn:hover {
  transform: translateY(-2px);
}

.lv2-auth-btn--ghost {
  background: rgba(255, 255, 255, 0.06);
  border-color: rgba(255, 255, 255, 0.14);
  color: #fff;
}

.lv2-auth-btn--solid {
  background: var(--pp-theme, #25d366);
  color: #04110a;
  box-shadow: 0 10px 28px color-mix(in srgb, var(--pp-theme, #25d366) 35%, transparent);
}

.lv2-auth-main {
  position: relative;
  z-index: 1;
  padding: clamp(1.5rem, 4vw, 2.75rem) 0 clamp(2.5rem, 5vw, 4rem);
  min-height: calc(100vh - 4.75rem - 4.5rem);
}

.lv2-auth-footer {
  position: relative;
  z-index: 1;
  padding: 1.25rem 0 1.75rem;
  text-align: center;
  font-size: 0.88rem;
  color: rgba(232, 244, 236, 0.55);
}

.lv2-auth-footer a {
  color: var(--pp-theme, #25d366);
  font-weight: 560;
}

/* Shell / split */
body.lv2-auth .pp-auth-shell {
  width: min(1120px, calc(100% - 2rem));
  margin: 0 auto;
}

body.lv2-auth .pp-auth-split {
  display: grid;
  grid-template-columns: 1fr;
  gap: 0;
  border-radius: 1.5rem;
  overflow: hidden;
  background: rgba(14, 21, 18, 0.72);
  border: 1px solid rgba(255, 255, 255, 0.1);
  box-shadow: 0 28px 70px rgba(0, 0, 0, 0.45);
  backdrop-filter: blur(10px);
}

@media (min-width: 992px) {
  body.lv2-auth .pp-auth-split {
    grid-template-columns: 1fr 1fr;
    min-height: 560px;
  }

  .lv2-auth-nav {
    display: flex;
  }
}

body.lv2-auth .pp-auth-visual {
  position: relative;
  padding: clamp(2rem, 5vw, 3rem);
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  color: #fff;
  background:
    linear-gradient(160deg, rgba(5, 8, 7, 0.82) 0%, color-mix(in srgb, var(--pp-theme, #25d366) 55%, transparent) 100%),
    url('../img/home-1/hero/hero-1.jpg') center/cover no-repeat;
}

body.lv2-auth .pp-auth-visual--login {
  background:
    linear-gradient(160deg, rgba(5, 8, 7, 0.85) 0%, color-mix(in srgb, var(--pp-theme, #25d366) 60%, transparent) 100%),
    var(--pp-auth-login-bg, url('../img/home-1/hero/hero-1.jpg')) center/cover no-repeat;
  background-size: cover;
  background-position: center;
}

body.lv2-auth .pp-auth-visual h2 {
  font-family: "SF Pro Display", -apple-system, BlinkMacSystemFont, "Helvetica Neue", sans-serif;
  font-size: clamp(1.55rem, 3vw, 2.1rem);
  font-weight: 650;
  letter-spacing: -0.025em;
  margin: 0 0 0.75rem;
  color: #fff;
}

body.lv2-auth .pp-auth-visual p {
  margin: 0;
  font-size: 0.98rem;
  line-height: 1.6;
  color: rgba(255, 255, 255, 0.88);
  max-width: 34ch;
}

body.lv2-auth .pp-auth-form-panel {
  padding: clamp(1.75rem, 4vw, 2.75rem);
  background: rgba(10, 16, 13, 0.55);
  color: #f3f7f4;
}

body.lv2-auth .pp-auth-form-panel h1 {
  font-family: "SF Pro Display", -apple-system, BlinkMacSystemFont, "Helvetica Neue", sans-serif;
  font-size: clamp(1.45rem, 2.8vw, 1.9rem);
  font-weight: 650;
  letter-spacing: -0.02em;
  margin: 0 0 0.45rem;
  color: #fff;
}

body.lv2-auth .pp-auth-lead {
  margin: 0 0 1.35rem;
  color: rgba(232, 244, 236, 0.65);
  font-size: 0.95rem;
}

body.lv2-auth .pp-form-label {
  display: block;
  margin: 0.85rem 0 0.4rem;
  font-size: 0.84rem;
  font-weight: 560;
  color: rgba(232, 244, 236, 0.78);
}

body.lv2-auth .pp-form-control {
  width: 100%;
  min-height: 2.85rem;
  padding: 0.7rem 0.95rem;
  border-radius: 0.9rem;
  border: 1px solid rgba(255, 255, 255, 0.12);
  background: rgba(255, 255, 255, 0.05);
  color: #fff;
  -webkit-text-fill-color: #fff;
  caret-color: #fff;
  font-size: 0.98rem;
  outline: none;
  transition: border-color 0.2s, box-shadow 0.2s, background 0.2s;
}

/* Beat auth-pages.css dark text (#1a192e) on dark login panel */
body.lv2-auth.pp-auth-page input:not([type="radio"]):not([type="checkbox"]):not([type="hidden"]),
body.lv2-auth.pp-auth-page textarea,
body.lv2-auth.pp-auth-page select,
body.lv2-auth.pp-auth-page .pp-form-control,
body.lv2-auth.pp-auth-page .pp-form-control:focus {
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
  caret-color: #fff;
  background: rgba(255, 255, 255, 0.05);
}

body.lv2-auth .pp-form-control::placeholder,
body.lv2-auth.pp-auth-page .pp-form-control::placeholder,
body.lv2-auth.pp-auth-page input::placeholder {
  color: rgba(232, 244, 236, 0.45) !important;
  -webkit-text-fill-color: rgba(232, 244, 236, 0.45) !important;
  opacity: 1;
}

body.lv2-auth .pp-form-control:focus {
  border-color: color-mix(in srgb, var(--pp-theme, #25d366) 70%, #fff);
  box-shadow: 0 0 0 3px color-mix(in srgb, var(--pp-theme, #25d366) 25%, transparent);
  background: rgba(255, 255, 255, 0.07);
}

body.lv2-auth.pp-auth-page input:-webkit-autofill,
body.lv2-auth.pp-auth-page input:-webkit-autofill:hover,
body.lv2-auth.pp-auth-page input:-webkit-autofill:focus,
body.lv2-auth.pp-auth-page .pp-form-control:-webkit-autofill,
body.lv2-auth.pp-auth-page .pp-form-control:-webkit-autofill:hover,
body.lv2-auth.pp-auth-page .pp-form-control:-webkit-autofill:focus {
  -webkit-text-fill-color: #fff !important;
  caret-color: #fff;
  transition: background-color 99999s ease-out;
  box-shadow: 0 0 0 1000px rgba(20, 30, 25, 0.95) inset !important;
}

body.lv2-auth .pp-auth-submit {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  min-height: 2.95rem;
  margin-top: 1.25rem;
  padding: 0.75rem 1.25rem;
  border: none;
  border-radius: 999px;
  background: var(--pp-theme, #25d366);
  color: #04110a;
  font-size: 0.98rem;
  font-weight: 650;
  cursor: pointer;
  box-shadow: 0 12px 32px color-mix(in srgb, var(--pp-theme, #25d366) 35%, transparent);
  transition: transform 0.25s, box-shadow 0.25s;
}

body.lv2-auth .pp-auth-submit:hover {
  transform: translateY(-2px);
  box-shadow: 0 16px 40px color-mix(in srgb, var(--pp-theme, #25d366) 42%, transparent);
}

body.lv2-auth .pp-auth-forgot,
body.lv2-auth .pp-auth-switch {
  margin: 1rem 0 0;
  font-size: 0.9rem;
  color: rgba(232, 244, 236, 0.62);
  text-align: center;
}

body.lv2-auth .pp-auth-forgot a,
body.lv2-auth .pp-auth-switch a {
  color: var(--pp-theme, #25d366);
  font-weight: 600;
}

body.lv2-auth .pp-auth-alert {
  padding: 0.85rem 1rem;
  border-radius: 0.9rem;
  margin-bottom: 1rem;
  font-size: 0.9rem;
}

body.lv2-auth .pp-auth-alert ul {
  margin: 0;
  padding-left: 1.1rem;
}

body.lv2-auth .pp-auth-alert-success {
  background: rgba(37, 211, 102, 0.12);
  border: 1px solid rgba(37, 211, 102, 0.35);
  color: #b7f7ce;
}

body.lv2-auth .pp-auth-alert-error {
  background: rgba(239, 68, 68, 0.12);
  border: 1px solid rgba(239, 68, 68, 0.35);
  color: #fecaca;
}

/* Register wizard on dark auth shell */
body.lv2-auth .reg-wizard {
  width: min(1100px, calc(100% - 2rem));
  margin: 0 auto;
  padding: 1.25rem clamp(1rem, 3vw, 1.75rem) 2rem;
  border-radius: 1.5rem;
  background: rgba(14, 21, 18, 0.72);
  border: 1px solid rgba(255, 255, 255, 0.1);
  box-shadow: 0 28px 70px rgba(0, 0, 0, 0.4);
  /* Follow SaaS landing theme from superadmin (--pp-theme) */
  --reg-accent: var(--pp-theme, #25d366);
  --reg-green: var(--pp-theme, #25d366);
  --reg-green-dark: var(--pp-theme-gradient-start, #075e54);
  --reg-green-soft: color-mix(in srgb, var(--pp-theme, #25d366) 18%, transparent);
  --reg-border: rgba(255, 255, 255, 0.16);
  --reg-text: rgba(232, 244, 236, 0.82);
  --reg-muted: rgba(232, 244, 236, 0.55);
  --reg-heading: #fff;
  overflow: hidden;
}

body.lv2-auth .reg-step__title,
body.lv2-auth .reg-stepper__label,
body.lv2-auth .reg-plan-card__name,
body.lv2-auth .reg-plan-card__price,
body.lv2-auth .reg-label {
  color: #fff;
}

body.lv2-auth .reg-step__lead,
body.lv2-auth .reg-plan-card__desc,
body.lv2-auth .reg-phone-help,
body.lv2-auth .reg-hint,
body.lv2-auth .reg-switch,
body.lv2-auth .reg-legal {
  color: rgba(232, 244, 236, 0.62);
}

body.lv2-auth .reg-switch a,
body.lv2-auth .reg-legal a,
body.lv2-auth .reg-hint strong {
  color: var(--pp-theme, #25d366);
}

body.lv2-auth .reg-grid-2 {
  display: grid;
  grid-template-columns: 1fr;
  gap: 1rem 1.15rem;
  align-items: start;
}

@media (min-width: 768px) {
  body.lv2-auth .reg-grid-2 {
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  }
}

body.lv2-auth .reg-grid-2 > .reg-field {
  min-width: 0;
  max-width: 100%;
}

body.lv2-auth .reg-field {
  min-width: 0;
  max-width: 100%;
  position: relative;
}

/* Beat register-wizard + auth-pages light input colors */
body.lv2-auth.pp-auth-page .reg-wizard input.reg-input,
body.lv2-auth.pp-auth-page .reg-wizard input.reg-slug__input,
body.lv2-auth.pp-auth-page .reg-wizard #phone,
body.lv2-auth.pp-auth-page .reg-wizard .iti input,
body.lv2-auth .reg-wizard input.reg-input,
body.lv2-auth .reg-wizard input.reg-slug__input,
body.lv2-auth .reg-wizard #phone,
body.lv2-auth .reg-wizard .iti input {
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
  caret-color: #fff;
}

/* Standard text inputs only — not nested slug/iti wrappers */
body.lv2-auth .reg-wizard input.reg-input {
  display: block;
  width: 100%;
  max-width: 100%;
  box-sizing: border-box;
  border: 1.5px solid var(--reg-border) !important;
  border-radius: 12px;
  background: rgba(255, 255, 255, 0.06) !important;
  box-shadow: none !important;
}

body.lv2-auth .reg-wizard input.reg-input::placeholder,
body.lv2-auth .reg-wizard input.reg-input::-webkit-input-placeholder,
body.lv2-auth .reg-wizard input.reg-slug__input::placeholder,
body.lv2-auth .reg-wizard input.reg-slug__input::-webkit-input-placeholder,
body.lv2-auth .reg-wizard #phone::placeholder,
body.lv2-auth .reg-wizard .iti input::placeholder {
  color: rgba(232, 244, 236, 0.55) !important;
  -webkit-text-fill-color: rgba(232, 244, 236, 0.55) !important;
  opacity: 1 !important;
}

body.lv2-auth .reg-wizard input.reg-input:-webkit-autofill,
body.lv2-auth .reg-wizard input.reg-input:-webkit-autofill:hover,
body.lv2-auth .reg-wizard input.reg-input:-webkit-autofill:focus,
body.lv2-auth .reg-wizard input.reg-slug__input:-webkit-autofill,
body.lv2-auth.pp-auth-page .reg-wizard input:-webkit-autofill {
  -webkit-text-fill-color: #fff !important;
  caret-color: #fff;
  transition: background-color 99999s ease-out;
  box-shadow: 0 0 0 1000px rgba(20, 30, 25, 0.95) inset !important;
}

body.lv2-auth .reg-wizard input.reg-input:focus {
  border-color: var(--reg-green, #25d366) !important;
  box-shadow: 0 0 0 3px color-mix(in srgb, var(--reg-green, #25d366) 22%, transparent) !important;
  background: rgba(255, 255, 255, 0.08) !important;
  outline: none;
}

/* Slug compound field */
body.lv2-auth .reg-slug {
  display: flex;
  align-items: stretch;
  width: 100%;
  max-width: 100%;
  box-sizing: border-box;
  border: 1.5px solid var(--reg-border) !important;
  border-radius: 12px;
  overflow: hidden;
  background: rgba(255, 255, 255, 0.06) !important;
}

body.lv2-auth .reg-slug:focus-within {
  border-color: var(--reg-green, #25d366) !important;
  box-shadow: 0 0 0 3px color-mix(in srgb, var(--reg-green, #25d366) 22%, transparent) !important;
}

body.lv2-auth .reg-slug__prefix {
  background: rgba(255, 255, 255, 0.12) !important;
  color: rgba(232, 244, 236, 0.9) !important;
  border-right: 1px solid var(--reg-border) !important;
}

/* Hidden wizard steps must never paint ghost fields */
body.lv2-auth .reg-wizard .reg-step[hidden] {
  display: none !important;
}

body.lv2-auth .reg-slug__input {
  border: none !important;
  background: transparent !important;
  box-shadow: none !important;
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
  min-width: 0;
  flex: 1 1 auto;
}

/* Password: keep toggle inside one bordered input */
body.lv2-auth .reg-password {
  position: relative;
  display: block;
  width: 100%;
  max-width: 100%;
}

body.lv2-auth .reg-password .reg-input {
  padding-right: 2.85rem;
  position: relative;
  z-index: 0;
}

body.lv2-auth .reg-password__toggle {
  position: absolute;
  right: 0.55rem;
  top: 50%;
  transform: translateY(-50%);
  z-index: 2;
  border: none !important;
  background: transparent !important;
  color: rgba(232, 244, 236, 0.55) !important;
  box-shadow: none !important;
}

body.lv2-auth .reg-password__toggle:hover {
  color: #fff !important;
}

/* Phone (intl-tel-input) — one border only on the input */
body.lv2-auth .reg-wizard .iti {
  display: block;
  width: 100%;
  max-width: 100%;
  position: relative;
  border: none !important;
  background: transparent !important;
  box-shadow: none !important;
}

body.lv2-auth .reg-wizard .iti input.reg-input,
body.lv2-auth .reg-wizard .iti input#phone {
  width: 100%;
  max-width: 100%;
  box-sizing: border-box;
  background: rgba(255, 255, 255, 0.06) !important;
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
}

body.lv2-auth .reg-wizard .iti__flag-container {
  border: none !important;
  background: transparent !important;
}

body.lv2-auth .reg-wizard .iti__selected-flag,
body.lv2-auth .reg-wizard .iti--show-selected-dial-code .iti__selected-flag {
  background: transparent !important;
  border-right: 1px solid rgba(255, 255, 255, 0.14) !important;
}

body.lv2-auth .reg-wizard .iti__selected-dial-code {
  color: rgba(232, 244, 236, 0.85) !important;
}

body.lv2-auth .reg-wizard .iti__country-list {
  background: #0e1512 !important;
  border: 1px solid rgba(255, 255, 255, 0.12) !important;
  color: #fff !important;
  z-index: 30;
}

body.lv2-auth .reg-plan-card {
  background: rgba(255, 255, 255, 0.04);
  border: 1.5px solid var(--reg-border);
  color: #fff;
}

body.lv2-auth .reg-plan-card.is-selected,
body.lv2-auth .reg-plan-card--popular {
  border-color: color-mix(in srgb, var(--pp-theme, #25d366) 65%, transparent);
  box-shadow: 0 0 0 1px color-mix(in srgb, var(--pp-theme, #25d366) 35%, transparent);
}

body.lv2-auth .reg-alert--error {
  background: rgba(239, 68, 68, 0.12);
  border: 1px solid rgba(239, 68, 68, 0.35);
  color: #fecaca;
}

/* Auth / register CTAs — dynamic SaaS theme primary */
body.lv2-auth .reg-btn--primary,
body.lv2-auth .reg-plan-card__cta,
body.lv2-auth .reg-plan-card__cta--solid,
body.lv2-auth .reg-plan-card__cta--outline,
body.lv2-auth .reg-plan-card__cta--solid.reg-plan-card__cta,
body.lv2-auth .lv2-auth-btn--solid {
  background: var(--pp-theme, #25d366) !important;
  color: #04110a !important;
  -webkit-text-fill-color: #04110a !important;
  border: 2px solid var(--pp-theme, #25d366) !important;
  font-weight: 700;
  box-shadow: 0 8px 22px color-mix(in srgb, var(--pp-theme, #25d366) 35%, transparent);
}

body.lv2-auth .reg-btn--primary:hover,
body.lv2-auth .reg-btn--primary:focus,
body.lv2-auth .reg-plan-card__cta:hover,
body.lv2-auth .reg-plan-card__cta:focus,
body.lv2-auth .reg-plan-card__cta--solid:hover,
body.lv2-auth .reg-plan-card__cta--outline:hover,
body.lv2-auth .reg-plan-card.is-selected .reg-plan-card__cta,
body.lv2-auth .lv2-auth-btn--solid:hover {
  background: color-mix(in srgb, var(--pp-theme, #25d366) 82%, #fff) !important;
  border-color: color-mix(in srgb, var(--pp-theme, #25d366) 82%, #fff) !important;
  color: #04110a !important;
  -webkit-text-fill-color: #04110a !important;
  box-shadow: 0 10px 26px color-mix(in srgb, var(--pp-theme, #25d366) 40%, transparent) !important;
  filter: none !important;
  opacity: 1 !important;
}

body.lv2-auth .reg-btn--ghost {
  background: rgba(255, 255, 255, 0.1) !important;
  border: 1.5px solid rgba(255, 255, 255, 0.28) !important;
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
}

body.lv2-auth .reg-btn--ghost:hover {
  background: rgba(255, 255, 255, 0.16) !important;
  border-color: rgba(255, 255, 255, 0.4) !important;
  color: #fff !important;
}

body.lv2-auth .reg-stepper__num {
  background: rgba(255, 255, 255, 0.08);
  color: #fff;
  border-color: rgba(255, 255, 255, 0.14);
}

body.lv2-auth .reg-stepper__item.is-active .reg-stepper__num,
body.lv2-auth .reg-stepper__item.is-done .reg-stepper__num {
  background: var(--pp-theme, #25d366) !important;
  color: #04110a !important;
  -webkit-text-fill-color: #04110a !important;
  border-color: transparent !important;
}

body.lv2-auth .reg-stepper__item.is-active .reg-stepper__num .reg-stepper__num-text,
body.lv2-auth .reg-stepper__item.is-done .reg-stepper__num .fa-check {
  color: #04110a !important;
}

@media (max-width: 767.98px) {
  .lv2-auth-logo img {
    height: 40px;
  }

  .lv2-auth-actions .lv2-auth-btn--ghost {
    display: none;
  }

  body.lv2-auth .pp-auth-form-panel {
    padding: 1.35rem 1.15rem 1.6rem;
  }
}

/* Phone country picker (intl-tel-input): a dark panel that matches the form, not the library's white box.
   The form's "white text" input rule would otherwise make the search field white on white. */
body.lv2-auth .iti { width: 100%; }
body.lv2-auth .iti__dropdown-content {
  background: #0d1411; border: 1px solid rgba(255, 255, 255, 0.14); border-radius: 14px; margin-top: 8px;
  box-shadow: 0 18px 44px rgba(0, 0, 0, 0.55), 0 2px 8px rgba(0, 0, 0, 0.35); overflow: hidden;
  width: 400px !important; max-width: calc(100vw - 32px) !important; z-index: 30;
}
body.lv2-auth .iti .iti__search-input {
  display: block; width: 100%; box-sizing: border-box; margin: 0; padding: 13px 16px 13px 16px !important; height: auto !important;
  border: 0 !important; border-bottom: 1px solid rgba(255, 255, 255, 0.12) !important; border-radius: 0 !important;
  background: rgba(255, 255, 255, 0.06) !important; color: #fff !important; -webkit-text-fill-color: #fff !important;
  font: inherit; font-size: 0.95rem; box-shadow: none !important; outline: none;
}
body.lv2-auth .iti .iti__search-input::placeholder { color: rgba(232, 244, 236, 0.55) !important; -webkit-text-fill-color: rgba(232, 244, 236, 0.55) !important; opacity: 1 !important; }
body.lv2-auth .iti .iti__search-input:focus { background: rgba(255, 255, 255, 0.1) !important; border-bottom-color: color-mix(in srgb, var(--reg-green, var(--pp-theme, #25d366)) 70%, #fff) !important; }
body.lv2-auth .iti__country-list {
  background: transparent; margin: 0; padding: 6px; max-height: 264px; width: 100% !important; max-width: none !important; box-sizing: border-box; border: 0 !important; box-shadow: none !important;
  overflow-y: auto; scrollbar-width: thin; scrollbar-color: rgba(255, 255, 255, 0.25) transparent;
}
body.lv2-auth .iti__country { display: flex; align-items: center; gap: 10px; padding: 10px 12px; border-radius: 9px; color: #e8f4ec; }
body.lv2-auth .iti__country .iti__flag-box, body.lv2-auth .iti__country .iti__flag { flex: none; margin-right: 0; }
body.lv2-auth .iti__country-name { margin-right: 0; flex: 1; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
body.lv2-auth .iti__dial-code { color: rgba(232, 244, 236, 0.6); font-variant-numeric: tabular-nums; }
body.lv2-auth .iti__country.iti__highlight, body.lv2-auth .iti__country:hover { background: color-mix(in srgb, var(--reg-green, var(--pp-theme, #25d366)) 26%, transparent); color: #fff; }
body.lv2-auth .iti__country.iti__active { background: color-mix(in srgb, var(--reg-green, var(--pp-theme, #25d366)) 16%, transparent); }
body.lv2-auth .iti__divider { border-bottom: 1px solid rgba(255, 255, 255, 0.12); margin: 6px 4px; padding: 0; }
body.lv2-auth .iti__selected-flag:focus-visible { outline: 2px solid color-mix(in srgb, var(--reg-green, var(--pp-theme, #25d366)) 70%, #fff); outline-offset: -2px; }
@media (max-width: 560px) { body.lv2-auth .iti__dropdown-content { width: 100% !important; } }