/* Localsewa v32.8.75 — Account Security refresh
   Compact, premium security hierarchy. Account email is immutable. */

.ls-account-security-main {
  --ls-security-border: #dfe9e3;
  --ls-security-text: #10231a;
  --ls-security-muted: #64748b;
  --ls-security-green: #15803d;
  --ls-security-soft: #f5fbf7;
}

.ls-account-security-back {
  margin-bottom: 12px !important;
  padding-inline: 4px !important;
  border-radius: 10px !important;
}

.ls-security-password-card,
.ls-security-sessions-card,
.ls-security-google-card {
  border-color: var(--ls-security-border) !important;
  box-shadow: 0 10px 28px rgba(15, 35, 26, 0.055) !important;
}

.ls-security-password-card {
  border-radius: 24px !important;
}

/* Turn the tall hero into a compact identity row. */
.ls-security-hero {
  display: grid !important;
  grid-template-columns: 44px minmax(0, 1fr) !important;
  column-gap: 13px !important;
  row-gap: 2px !important;
  align-items: start !important;
  padding: 18px 18px 17px !important;
  background: linear-gradient(145deg, #f7fcf8 0%, #f1f9f4 100%) !important;
}

.ls-security-hero > div:first-child {
  grid-column: 1 !important;
  grid-row: 1 / span 3 !important;
  width: 44px !important;
  height: 44px !important;
  border-radius: 14px !important;
  margin: 0 !important;
}

.ls-security-hero > p:first-of-type,
.ls-security-hero > h1,
.ls-security-hero > p:last-of-type {
  grid-column: 2 !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
}

.ls-security-hero > p:first-of-type {
  margin-top: 0 !important;
  font-size: 9px !important;
  line-height: 1.25 !important;
  letter-spacing: .145em !important;
}

.ls-security-hero > h1 {
  margin-top: 2px !important;
  font-size: clamp(21px, 5.6vw, 25px) !important;
  line-height: 1.08 !important;
  letter-spacing: -.035em !important;
}

.ls-security-hero > p:last-of-type {
  margin-top: 5px !important;
  max-width: 440px !important;
  font-size: 12.5px !important;
  line-height: 1.5 !important;
}

.ls-security-password-form {
  padding: 17px 18px 18px !important;
  gap: 13px !important;
}

.ls-security-otp-destination {
  min-height: 54px !important;
  padding: 10px 12px !important;
  border-radius: 15px !important;
  background: #f8fbf9 !important;
}

.ls-security-otp-destination > svg {
  width: 18px !important;
  height: 18px !important;
}

.ls-security-otp-destination p:first-child {
  font-size: 8.5px !important;
  letter-spacing: .1em !important;
}

.ls-security-otp-destination p:last-child {
  margin-top: 1px !important;
  font-size: 12.5px !important;
}

/* Keep password fields visually quiet and consistent. */
.ls-account-security-main label {
  margin-bottom: 5px !important;
  font-size: 10.5px !important;
  color: #334155 !important;
}

.ls-account-security-main input {
  font-size: 13px !important;
}

.ls-security-password-form > button[type="submit"] {
  height: 46px !important;
  margin-top: 2px !important;
  border-radius: 13px !important;
  box-shadow: 0 8px 20px rgba(22, 163, 74, .13) !important;
}

.ls-security-password-card > div:last-child {
  padding-block: 11px !important;
  font-size: 10.5px !important;
}

/* Active sessions: compact utility card, not another large promo block. */
.ls-security-sessions-card {
  margin-top: 14px !important;
  padding: 16px !important;
  border-radius: 20px !important;
}

.ls-security-sessions-card > div:first-child {
  gap: 11px !important;
}

.ls-security-sessions-card > div:first-child > div:first-child {
  width: 40px !important;
  height: 40px !important;
  border-radius: 13px !important;
}

.ls-security-sessions-card h2 {
  font-size: 14px !important;
}

.ls-security-sessions-card p {
  margin-top: 3px !important;
  font-size: 11px !important;
  line-height: 1.55 !important;
}

.ls-security-sessions-card > button {
  height: 42px !important;
  margin-top: 12px !important;
  border-radius: 12px !important;
  background: #fbfcfd !important;
  font-size: 12.5px !important;
}

.ls-security-extra {
  margin-top: 14px !important;
}

/* One compact recovery card remains. The self-service email-change card is removed. */
.ls-security-google-card {
  padding: 16px !important;
  border-radius: 20px !important;
  background: linear-gradient(145deg, #ffffff 0%, #f7fcf8 100%) !important;
}

.ls-security-google-card > p:first-child {
  font-size: 8.5px !important;
  letter-spacing: .135em !important;
}

.ls-security-google-card h2 {
  margin-top: 3px !important;
  font-size: 14px !important;
  line-height: 1.3 !important;
}

.ls-security-google-card > p:nth-of-type(2) {
  margin-top: 4px !important;
  font-size: 11px !important;
  line-height: 1.55 !important;
}

.ls-security-google-card > button {
  height: 42px !important;
  margin-top: 12px !important;
  border-radius: 12px !important;
  font-size: 12.5px !important;
}

@media (min-width: 640px) {
  .ls-security-hero {
    padding: 21px 22px 20px !important;
  }

  .ls-security-password-form {
    padding: 20px 22px 21px !important;
  }

  .ls-security-sessions-card,
  .ls-security-google-card {
    padding: 18px !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  .ls-account-security-main *,
  .ls-security-extra * {
    scroll-behavior: auto !important;
  }
}