/**
 * LioPlus Account Experience — mobile-first account surface.
 * Scope: public account markup rendered under [data-lio-account].
 */

[data-lio-account] {
  --lio-cream: #f7f3ea;
  --lio-cream-deep: #e8e1d1;
  --lio-ink: #263442;
  --lio-muted: #637180;
  --lio-sky: #63b9d5;
  --lio-sky-deep: #176b89;
  --lio-sky-wash: #e2f5fb;
  --lio-white: #fffdfa;
  --lio-danger: #b5423e;
  --lio-success: #257963;
  --lio-radius: 28px;
  --lio-control-radius: 17px;
  --lio-shadow-out: 13px 13px 28px rgba(106, 115, 113, .14), -12px -12px 25px rgba(255, 255, 255, .82);
  --lio-shadow-in: inset 6px 6px 13px rgba(160, 158, 146, .18), inset -6px -6px 13px rgba(255, 255, 255, .9);
  --lio-flip-duration: 460ms;
  box-sizing: border-box;
  color: var(--lio-ink);
  font-family: inherit;
  line-height: 1.6;
}

[data-lio-account] *,
[data-lio-account] *::before,
[data-lio-account] *::after {
  box-sizing: inherit;
}

.lio-account-shell {
  position: relative;
  isolation: isolate;
  width: min(100%, 500px);
  min-height: min(700px, calc(100dvh - 2rem));
  margin-inline: auto;
  padding: clamp(18px, 5vw, 28px);
  overflow: hidden;
  border: 1px solid rgba(255, 255, 255, .78);
  border-radius: 34px;
  background:
    radial-gradient(circle at 16% 3%, rgba(255, 255, 255, .98), transparent 27%),
    radial-gradient(circle at 98% 68%, rgba(177, 232, 247, .45), transparent 34%),
    var(--lio-cream);
  box-shadow: var(--lio-shadow-out);
}

.lio-account__halo,
.lio-account__halo::before,
.lio-account__halo::after {
  position: absolute;
  border-radius: 50%;
  content: "";
  pointer-events: none;
}

.lio-account__halo {
  z-index: -1;
  width: 312px;
  aspect-ratio: 1;
  top: -171px;
  left: -121px;
  border: 1px solid rgba(73, 176, 210, .28);
  background: radial-gradient(circle, rgba(232, 249, 253, .92) 0 30%, rgba(155, 219, 239, .24) 31% 48%, transparent 49%);
  box-shadow: inset -13px -13px 29px rgba(255, 255, 255, .74), inset 9px 9px 21px rgba(79, 179, 214, .13);
}

.lio-account__halo::before {
  width: 57px;
  height: 57px;
  right: -38px;
  bottom: 54px;
  border: 8px solid rgba(99, 185, 213, .2);
}

.lio-account__halo::after {
  width: 8px;
  height: 8px;
  left: 53px;
  bottom: 22px;
  background: var(--lio-sky);
  box-shadow: 20px 16px 0 rgba(99, 185, 213, .5), 45px 4px 0 rgba(99, 185, 213, .26);
}

.lio-account__eyebrow {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  margin: 6px 0 18px;
  color: var(--lio-sky-deep);
  font-size: 12px;
  font-weight: 750;
  letter-spacing: .02em;
}

.lio-account__eyebrow::before {
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: currentColor;
  content: "";
}

.lio-account__heading {
  max-width: 22ch;
  margin: 0;
  color: var(--lio-ink);
  font-size: clamp(24px, 7vw, 32px);
  font-weight: 790;
  letter-spacing: -.045em;
  line-height: 1.27;
}

.lio-account__lede {
  max-width: 34ch;
  margin: 9px 0 24px;
  color: var(--lio-muted);
  font-size: 14px;
}

.lio-account__stage {
  position: relative;
  min-height: 405px;
  perspective: 1100px;
  transform-style: preserve-3d;
}

[data-lio-step] {
  position: absolute;
  inset: 0;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  opacity: 0;
  pointer-events: none;
  transform: rotateY(-80deg) translateZ(1px);
  transform-origin: 100% 50%;
  transition: opacity var(--lio-flip-duration) ease, transform var(--lio-flip-duration) cubic-bezier(.2, .78, .2, 1);
  will-change: transform, opacity;
}

[data-lio-step="identifier"] {
  opacity: 1;
  pointer-events: auto;
  transform: rotateY(0) translateZ(1px);
}

[data-lio-account][data-lio-current-step="otp"] [data-lio-step="identifier"] {
  opacity: 0;
  pointer-events: none;
  transform: rotateY(80deg) translateZ(1px);
  transform-origin: 0 50%;
}

[data-lio-account][data-lio-current-step="otp"] [data-lio-step="otp"] {
  opacity: 1;
  pointer-events: auto;
  transform: rotateY(0) translateZ(1px);
}

.lio-account__panel {
  width: 100%;
  padding: clamp(20px, 6vw, 28px);
  border: 1px solid rgba(255, 255, 255, .74);
  border-radius: var(--lio-radius);
  background: rgba(247, 243, 234, .76);
  box-shadow: var(--lio-shadow-out), var(--lio-shadow-in);
  backdrop-filter: blur(11px);
}

.lio-account__form {
  display: grid;
  gap: 15px;
}

.lio-account__label {
  display: grid;
  gap: 8px;
  color: var(--lio-ink);
  font-size: 13px;
  font-weight: 700;
}

.lio-account__input {
  width: 100%;
  min-height: 52px;
  padding: 0 15px;
  border: 1px solid transparent;
  border-radius: var(--lio-control-radius);
  outline: 0;
  background: rgba(255, 253, 250, .78);
  box-shadow: var(--lio-shadow-in);
  color: var(--lio-ink);
  direction: ltr;
  font: inherit;
  text-align: left;
  transition: border-color 170ms ease, box-shadow 170ms ease, background 170ms ease;
}

.lio-account__input::placeholder {
  color: #77808a;
  opacity: 1;
}

.lio-account__input:focus-visible,
.lio-account__button:focus-visible,
.lio-account__text-button:focus-visible,
.lio-account__provider:focus-visible,
.lio-account__back:focus-visible {
  outline: 3px solid rgba(23, 107, 137, .88);
  outline-offset: 3px;
}

.lio-account__input:focus {
  border-color: var(--lio-sky-deep);
  background: var(--lio-white);
  box-shadow: 0 0 0 4px rgba(99, 185, 213, .18), var(--lio-shadow-in);
}

.lio-account__button,
.lio-account__provider,
.lio-account__text-button,
.lio-account__back {
  min-height: 44px;
  border: 0;
  font: inherit;
  cursor: pointer;
}

.lio-account__button {
  min-height: 54px;
  padding: 0 18px;
  border-radius: var(--lio-control-radius);
  background: linear-gradient(135deg, #227e9e, #58b4d1);
  box-shadow: 7px 7px 17px rgba(47, 125, 151, .22), -5px -5px 15px rgba(255, 255, 255, .76);
  color: white;
  font-weight: 760;
  transition: transform 170ms ease, box-shadow 170ms ease, filter 170ms ease;
}

.lio-account__button:hover {
  filter: brightness(1.04);
}

.lio-account__button:active {
  box-shadow: inset 4px 4px 9px rgba(17, 89, 115, .26);
  transform: translateY(1px);
}

.lio-account__button[disabled],
.lio-account__text-button[disabled] {
  cursor: wait;
  opacity: .65;
}

.lio-account__divider {
  display: grid;
  grid-template-columns: 1fr auto 1fr;
  align-items: center;
  gap: 10px;
  margin: 6px 0 0;
  color: var(--lio-muted);
  font-size: 12px;
}

.lio-account__divider::before,
.lio-account__divider::after {
  height: 1px;
  background: rgba(96, 111, 125, .22);
  content: "";
}

.lio-account__providers {
  display: grid;
  grid-template-columns: minmax(0, 220px);
  justify-content: center;
  gap: 10px;
}

.lio-account__provider {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 7px;
  min-width: 0;
  padding: 0 10px;
  border: 1px solid rgba(97, 109, 118, .16);
  border-radius: 15px;
  background: rgba(255, 253, 250, .72);
  box-shadow: 4px 4px 11px rgba(127, 131, 128, .1), -4px -4px 11px rgba(255, 255, 255, .74);
  color: var(--lio-ink);
  font-size: 12px;
  font-weight: 680;
  text-decoration: none;
  transition: transform 170ms ease, border-color 170ms ease;
}

.lio-account__provider:hover {
  border-color: rgba(23, 107, 137, .4);
  transform: translateY(-1px);
}

.lio-account__provider svg {
  flex: 0 0 17px;
  width: 17px;
  height: 17px;
}

.lio-account__assist {
  margin: 2px 0 0;
  color: var(--lio-muted);
  font-size: 12px;
  line-height: 1.75;
}

.lio-account__text-button,
.lio-account__back {
  padding: 2px 0;
  background: transparent;
  color: var(--lio-sky-deep);
  font-size: 13px;
  font-weight: 720;
  text-decoration: underline;
  text-underline-offset: 3px;
}

.lio-account__back {
  display: inline-flex;
  align-items: center;
  align-self: flex-start;
  gap: 5px;
  margin: -2px 0 13px;
  text-decoration: none;
}

.lio-account__back::before {
  content: "←";
  direction: ltr;
  font-size: 17px;
  line-height: 1;
}

.lio-account__otp-wrap {
  position: relative;
  min-height: 64px;
  direction: ltr;
}

/* This is the one real, accessible OTP input. The four visible cells are only presentation. */
.lio-account__otp-input {
  position: absolute;
  z-index: 2;
  inset: 0;
  width: 100%;
  height: 100%;
  margin: 0;
  border: 0;
  outline: 0;
  opacity: .01;
  cursor: text;
}

.lio-account__otp-cells {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: clamp(5px, 2.4vw, 10px);
  pointer-events: none;
}

.lio-account__otp-cell {
  display: grid;
  min-width: 0;
  min-height: 58px;
  place-items: center;
  border: 1px solid rgba(97, 109, 118, .13);
  border-radius: 14px;
  background: rgba(255, 253, 250, .76);
  box-shadow: var(--lio-shadow-in);
  color: var(--lio-ink);
  font-family: ui-monospace, SFMono-Regular, Consolas, monospace;
  font-size: clamp(20px, 6vw, 27px);
  font-weight: 760;
  line-height: 1;
  transition: color 150ms ease, background 150ms ease, border-color 150ms ease, transform 190ms cubic-bezier(.2, .8, .2, 1);
}

.lio-account__otp-cell.is-filled {
  border-color: rgba(23, 107, 137, .35);
  background: var(--lio-white);
  color: var(--lio-sky-deep);
  transform: translateY(-2px);
}

.lio-account__otp-wrap:focus-within .lio-account__otp-cell {
  border-color: rgba(23, 107, 137, .48);
}

.lio-account__otp-wrap:focus-within .lio-account__otp-cell:first-child {
  box-shadow: 0 0 0 4px rgba(99, 185, 213, .18), var(--lio-shadow-in);
}

.lio-account__status {
  min-height: 23px;
  margin: 12px 0 0;
  color: var(--lio-muted);
  font-size: 12px;
}

.lio-account__status[data-state="error"] {
  color: var(--lio-danger);
}

.lio-account__status[data-state="success"] {
  color: var(--lio-success);
}

.lio-account__resend-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  margin-top: 4px;
}

.lio-account__masked-identity {
  margin: 0 0 22px;
  color: var(--lio-muted);
  font-size: 13px;
}

.lio-account__guest-note {
  margin: 22px 0 0;
  padding: 13px 14px;
  border: 1px solid rgba(23, 107, 137, .13);
  border-radius: 15px;
  background: rgba(226, 245, 251, .54);
  color: #3a5a68;
  font-size: 12px;
  line-height: 1.75;
}

.lio-account__profile {
  display: grid;
  gap: 14px;
}

.lio-account__profile-card {
  padding: 16px;
  border: 1px solid rgba(255, 255, 255, .7);
  border-radius: 19px;
  background: rgba(255, 253, 250, .65);
  box-shadow: var(--lio-shadow-in);
}

.lio-account__profile-card h3,
.lio-account__profile-card p {
  margin: 0;
}

.lio-account__profile-card h3 {
  color: var(--lio-ink);
  font-size: 15px;
}

.lio-account__profile-card p {
  margin-top: 5px;
  color: var(--lio-muted);
  font-size: 12px;
}

.lio-account__profile-links {
  display: grid;
  gap: 8px;
  padding: 0;
  margin: 0;
  list-style: none;
}

.lio-account__profile-links a {
  display: flex;
  align-items: center;
  justify-content: space-between;
  min-height: 48px;
  padding: 0 15px;
  border-radius: 15px;
  background: rgba(255, 253, 250, .6);
  box-shadow: 4px 4px 10px rgba(127, 131, 128, .08), -4px -4px 10px rgba(255, 255, 255, .66);
  color: var(--lio-ink);
  font-size: 13px;
  font-weight: 670;
  text-decoration: none;
}

.lio-account__profile-links a::after {
  content: "‹";
  color: var(--lio-sky-deep);
  direction: ltr;
  font-size: 21px;
}

.lio-account__profile-links a:focus-visible {
  outline: 3px solid rgba(23, 107, 137, .88);
  outline-offset: 3px;
}

.lio-account__profile-links a:hover {
  background: var(--lio-white);
}

@media (min-width: 501px) {
  .lio-account-shell {
    min-height: 678px;
  }

  .lio-account__stage {
    min-height: 385px;
  }
}

@media (max-width: 349px) {
  .lio-account-shell {
    border-radius: 27px;
    padding: 15px;
  }

  .lio-account__panel {
    padding: 18px;
  }

  .lio-account__providers {
    grid-template-columns: 1fr;
  }

  .lio-account__stage {
    min-height: 440px;
  }
}

@media (prefers-reduced-motion: reduce) {
  [data-lio-account] *,
  [data-lio-account] *::before,
  [data-lio-account] *::after {
    scroll-behavior: auto !important;
    transition-duration: .01ms !important;
    animation-duration: .01ms !important;
    animation-iteration-count: 1 !important;
  }
}

/* Production markup aliases (AccountView/ProfileView). The preview uses the
 * shorter lio-account__ classes above, while WordPress renders lio-ae-*.
 */
body.lio-account-surface .lio-ae-auth,
body.lio-account-dashboard .lio-ae-profile {
  --lio-ae-cream: #f7f3ea;
  --lio-ae-ink: #263442;
  --lio-ae-muted: #637180;
  --lio-ae-sky: #63b9d5;
  --lio-ae-sky-deep: #176b89;
  box-sizing: border-box;
  position: relative;
  isolation: isolate;
  width: min(100%, 500px);
  margin: 18px auto 36px;
  padding: clamp(20px, 6vw, 30px);
  overflow: hidden;
  border: 1px solid rgba(255, 255, 255, .78);
  border-radius: 34px;
  background: radial-gradient(circle at 15% 0, rgba(255,255,255,.98), transparent 28%), radial-gradient(circle at 100% 74%, rgba(177,232,247,.45), transparent 34%), var(--lio-ae-cream);
  box-shadow: 13px 13px 28px rgba(106,115,113,.14), -12px -12px 25px rgba(255,255,255,.82);
  color: var(--lio-ae-ink);
}

body.lio-account-surface .lio-ae-auth *,
body.lio-account-dashboard .lio-ae-profile * { box-sizing: border-box; }

.lio-ae-halo,
.lio-ae-halo__ring,
.lio-ae-halo__arc,
.lio-ae-halo__dot { position: absolute; pointer-events: none; }

.lio-ae-halo { z-index: -1; inset: 0; }
.lio-ae-halo__ring { width: 320px; height: 320px; top: -183px; left: -128px; border: 1px solid rgba(73,176,210,.28); border-radius: 50%; background: radial-gradient(circle, rgba(232,249,253,.92) 0 30%, rgba(155,219,239,.24) 31% 48%, transparent 49%); box-shadow: inset -13px -13px 29px rgba(255,255,255,.74), inset 9px 9px 21px rgba(79,179,214,.13); }
.lio-ae-halo__arc { width: 64px; height: 64px; top: 108px; left: 132px; border: 8px solid rgba(99,185,213,.21); border-radius: 50%; }
.lio-ae-halo__dot { width: 8px; height: 8px; border-radius: 50%; background: var(--lio-ae-sky); }
.lio-ae-halo__dot--one { top: 142px; left: 55px; box-shadow: 20px 16px 0 rgba(99,185,213,.5); }
.lio-ae-halo__dot--two { top: 174px; left: 105px; opacity: .38; }

.lio-ae-brand { display: inline-flex; align-items: center; gap: 8px; color: var(--lio-ae-sky-deep); font-size: 12px; font-weight: 800; letter-spacing: .09em; }
.lio-ae-brand__mark { display: grid; width: 30px; height: 30px; place-items: center; border-radius: 10px; background: #e1f5fa; box-shadow: inset 3px 3px 7px rgba(116,175,193,.16), inset -3px -3px 7px #fff; font-size: 15px; letter-spacing: 0; }
.lio-ae-scene { position: relative; min-height: 436px; margin-top: 19px; perspective: 1100px; }
.lio-ae-card { position: relative; min-height: 436px; transform-style: preserve-3d; }
.lio-ae-face { position: absolute; inset: 0; display: block; padding: clamp(20px, 6vw, 28px); border: 1px solid rgba(255,255,255,.74); border-radius: 28px; background: rgba(247,243,234,.76); box-shadow: 13px 13px 28px rgba(106,115,113,.14), -12px -12px 25px rgba(255,255,255,.82), inset 6px 6px 13px rgba(160,158,146,.18), inset -6px -6px 13px rgba(255,255,255,.9); backdrop-filter: blur(11px); opacity: 0; pointer-events: none; transform: rotateY(-80deg) translateZ(1px); transform-origin: 100% 50%; transition: opacity 460ms ease, transform 460ms cubic-bezier(.2,.78,.2,1); }
.lio-ae-face--identifier { opacity: 1; pointer-events: auto; transform: rotateY(0) translateZ(1px); }
[data-lio-account][data-lio-current-step="otp"] .lio-ae-face--identifier { opacity: 0; pointer-events: none; transform: rotateY(80deg) translateZ(1px); transform-origin: 0 50%; }
[data-lio-account][data-lio-current-step="otp"] .lio-ae-face--otp { opacity: 1; pointer-events: auto; transform: rotateY(0) translateZ(1px); }

.lio-ae-eyebrow { display: inline-flex; align-items: center; gap: 7px; margin: 0 0 10px; color: var(--lio-ae-sky-deep); font-size: 12px; font-weight: 750; }
.lio-ae-eyebrow::before { width: 7px; height: 7px; border-radius: 50%; background: currentColor; content: ""; }
.lio-ae-face h1, .lio-ae-face h2 { margin: 0; color: var(--lio-ae-ink); font-size: clamp(23px, 7vw, 30px); font-weight: 790; letter-spacing: -.045em; line-height: 1.3; }
.lio-ae-lead { margin: 9px 0 22px; color: var(--lio-ae-muted); font-size: 13px; line-height: 1.8; }
.lio-ae-form { display: grid; gap: 14px; }
.lio-ae-form > label:not(.screen-reader-text) { color: var(--lio-ae-ink); font-size: 13px; font-weight: 700; }
.lio-ae-field { display: flex; align-items: center; min-height: 54px; border: 1px solid transparent; border-radius: 17px; background: rgba(255,253,250,.78); box-shadow: inset 6px 6px 13px rgba(160,158,146,.18), inset -6px -6px 13px rgba(255,255,255,.9); transition: border-color 170ms ease, box-shadow 170ms ease, background 170ms ease; }
.lio-ae-field:focus-within { border-color: var(--lio-ae-sky-deep); background: #fffdfa; box-shadow: 0 0 0 4px rgba(99,185,213,.18), inset 6px 6px 13px rgba(160,158,146,.18), inset -6px -6px 13px rgba(255,255,255,.9); }
.lio-ae-field input { flex: 1; min-width: 0; min-height: 52px; padding: 0 15px; border: 0; outline: 0; background: transparent; color: var(--lio-ae-ink); font: inherit; text-align: left; }
.lio-ae-field input::placeholder { color: #77808a; opacity: 1; }
.lio-ae-help { margin: -5px 0 1px; color: var(--lio-ae-muted); font-size: 12px; line-height: 1.7; }
.lio-ae-primary { display: inline-flex; align-items: center; justify-content: center; gap: 8px; min-height: 54px; padding: 0 18px; border: 0; border-radius: 17px; background: linear-gradient(135deg,#227e9e,#58b4d1); box-shadow: 7px 7px 17px rgba(47,125,151,.22), -5px -5px 15px rgba(255,255,255,.76); color: white; cursor: pointer; font: 760 14px/1.2 inherit; transition: transform 170ms ease, filter 170ms ease; }
.lio-ae-primary:hover { filter: brightness(1.04); }
.lio-ae-primary:active { transform: translateY(1px); box-shadow: inset 4px 4px 9px rgba(17,89,115,.26); }
.lio-ae-primary:disabled { cursor: wait; opacity: .65; }
.lio-ae-back, .lio-ae-email-toggle, .lio-ae-resend button, .lio-ae-guest-link { min-height: 44px; border: 0; background: transparent; color: var(--lio-ae-sky-deep); font: 720 13px/1.2 inherit; text-decoration: underline; text-underline-offset: 3px; }
.lio-ae-back { display: inline-grid; width: 44px; height: 44px; place-items: center; margin: -10px -10px 6px 0; border-radius: 50%; cursor: pointer; text-decoration: none; }
.lio-ae-back span { font-size: 22px; }
.lio-ae-otp { position: relative; min-height: 63px; }
.lio-ae-otp > input { position: absolute; z-index: 2; inset: 0; width: 100%; height: 100%; margin: 0; border: 0; outline: 0; opacity: .01; cursor: text; }
.lio-ae-otp__cells { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: clamp(5px,2.4vw,10px); pointer-events: none; }
.lio-ae-otp__cell { display: grid; min-width: 0; min-height: 58px; place-items: center; border: 1px solid rgba(97,109,118,.13); border-radius: 14px; background: rgba(255,253,250,.76); box-shadow: inset 6px 6px 13px rgba(160,158,146,.18), inset -6px -6px 13px rgba(255,255,255,.9); color: var(--lio-ae-sky-deep); font: 760 clamp(20px,6vw,27px)/1 ui-monospace, SFMono-Regular, Consolas, monospace; transition: transform 190ms cubic-bezier(.2,.8,.2,1), background 150ms ease, border-color 150ms ease; }
.lio-ae-otp__cell.is-filled { border-color: rgba(23,107,137,.35); background: #fffdfa; transform: translateY(-2px); }
.lio-ae-otp:focus-within .lio-ae-otp__cell { border-color: rgba(23,107,137,.48); }
.lio-ae-otp:focus-within .lio-ae-otp__cell:first-child { box-shadow: 0 0 0 4px rgba(99,185,213,.18), inset 6px 6px 13px rgba(160,158,146,.18), inset -6px -6px 13px rgba(255,255,255,.9); }
.lio-ae-resend { display: flex; align-items: center; justify-content: space-between; gap: 12px; color: var(--lio-ae-muted); font-size: 12px; }
.lio-ae-status { min-height: 23px; margin: 13px 0 0; color: var(--lio-ae-muted); font-size: 12px; }
.lio-ae-status[data-state="error"] { color: #b5423e; }
.lio-ae-status[data-state="success"] { color: #257963; }
.lio-ae-divider { display: grid; grid-template-columns: 1fr auto 1fr; align-items: center; gap: 10px; margin: 16px 0 10px; color: var(--lio-ae-muted); font-size: 12px; }
.lio-ae-divider::before,.lio-ae-divider::after { height: 1px; background: rgba(96,111,125,.22); content: ""; }
.lio-ae-providers { display: grid; grid-template-columns: minmax(0,220px); justify-content: center; gap: 10px; }
.lio-ae-provider { display: grid; min-height: 44px; place-items: center; padding: 0 10px; border: 1px solid rgba(97,109,118,.16); border-radius: 15px; background: rgba(255,253,250,.72); box-shadow: 4px 4px 11px rgba(127,131,128,.1), -4px -4px 11px rgba(255,255,255,.74); color: var(--lio-ae-ink); font-size: 12px; font-weight: 680; text-align: center; text-decoration: none; }
.lio-ae-email-toggle { display: block; margin: 14px auto 0; cursor: pointer; }
.lio-ae-guest-link { display: block; width: fit-content; margin: 6px auto 0; }
.lio-ae-privacy { margin: 14px 0 0; color: var(--lio-ae-muted); font-size: 11px; line-height: 1.75; text-align: center; }

/* Progressive email fallback: without JavaScript WooCommerce stays visible;
 * after enhancement this native panel is disclosed by the account toggle. */
body.lio-account-surface #customer_login.lio-ae-native-email[hidden] { display: none !important; }
body.lio-account-surface #customer_login.lio-ae-native-email {
  display: grid;
  box-sizing: border-box;
  grid-template-columns: 1fr;
  gap: 16px;
  width: min(100%, 500px);
  margin: 0 auto 36px;
  padding: clamp(18px, 5vw, 26px);
  border: 1px solid rgba(255,255,255,.78);
  border-radius: 28px;
  background: rgba(255,253,250,.78);
  box-shadow: 9px 9px 21px rgba(106,115,113,.12), -8px -8px 19px rgba(255,255,255,.76);
}
body.lio-account-surface #customer_login.lio-ae-native-email *,
body.lio-account-surface #customer_login.lio-ae-native-email *::before,
body.lio-account-surface #customer_login.lio-ae-native-email *::after { box-sizing: border-box; }
body.lio-account-surface #customer_login.lio-ae-native-email .u-column1,
body.lio-account-surface #customer_login.lio-ae-native-email .u-column2 { float: none; width: 100%; }
body.lio-account-surface #customer_login.lio-ae-native-email input.input-text {
  min-height: 52px;
  border: 1px solid rgba(23,107,137,.22);
  border-radius: 15px;
  background: #fffdfa;
}
body.lio-account-surface #customer_login.lio-ae-native-email button.button {
  min-height: 48px;
  border-radius: 15px;
  background: #176b89;
  color: #fff;
}

body.lio-account-dashboard .lio-ae-profile { display: grid; gap: 15px; }

body.lio-account-dashboard .lio-ae-phone-connections { --lio-ae-ink: #263442; --lio-ae-muted: #626c73; --lio-ae-sky-deep: #176b89; display: grid; gap: 12px; width: 100%; max-width: 430px; box-sizing: border-box; margin: 18px 0; padding: 18px; border: 1px solid rgba(97,109,118,.15); border-radius: 22px; background: rgba(255,253,250,.72); box-shadow: 7px 7px 17px rgba(127,131,128,.1), -6px -6px 15px rgba(255,255,255,.76); color: var(--lio-ae-ink); }
body.lio-account-dashboard .lio-ae-phone-connections * { box-sizing: border-box; }
body.lio-account-dashboard .lio-ae-phone-connections [hidden] { display: none !important; }
body.lio-account-dashboard .lio-ae-phone-entry, body.lio-account-dashboard .lio-ae-phone-verify { display: grid; gap: 9px; }
body.lio-account-dashboard .lio-ae-phone-connections h2 { margin: 0; font-size: 17px; }
body.lio-account-dashboard .lio-ae-phone-lead, body.lio-account-dashboard .lio-ae-phone-connections > p { margin: 0; color: var(--lio-ae-muted); font-size: 14px; line-height: 1.8; }
body.lio-account-dashboard .lio-ae-phone-connections label { font-size: 13px; font-weight: 700; }
body.lio-account-dashboard .lio-ae-phone-field { display: flex; min-height: 48px; border: 1px solid rgba(23,107,137,.22); border-radius: 15px; background: #fffdfa; }
body.lio-account-dashboard .lio-ae-phone-field input { width: 100%; min-width: 0; min-height: 46px; padding: 0 13px; border: 0; outline: 0; background: transparent; color: var(--lio-ae-ink); font-family: inherit; font-size: 16px; line-height: 1.3; direction: ltr; text-align: left; }
body.lio-account-dashboard .lio-ae-phone-field:focus-within { outline: 2px solid #176b89; outline-offset: 2px; }
body.lio-account-dashboard .lio-ae-phone-primary, body.lio-account-dashboard .lio-ae-phone-actions button, body.lio-account-dashboard .lio-ae-phone-reauth { display: inline-flex; min-height: 44px; align-items: center; justify-content: center; padding: 0 12px; border: 0; border-radius: 14px; background: #176b89; color: #fff; cursor: pointer; font-family: inherit; font-size: 14px; font-weight: 700; line-height: 1.4; text-decoration: none; }
body.lio-account-dashboard .lio-ae-phone-connections button:disabled { cursor: default; opacity: .6; }
body.lio-account-dashboard .lio-ae-phone-connections button:focus-visible, body.lio-account-dashboard .lio-ae-phone-reauth:focus-visible { outline: 2px solid #176b89; outline-offset: 3px; }
body.lio-account-dashboard .lio-ae-phone-actions { display: flex; flex-wrap: wrap; gap: 6px; justify-content: space-between; }
body.lio-account-dashboard .lio-ae-phone-actions button { background: transparent; color: var(--lio-ae-sky-deep); text-decoration: underline; }
body.lio-account-dashboard .lio-ae-phone-status { min-height: 22px; }
body.lio-account-dashboard .lio-ae-phone-status[data-state="error"] { color: #b5423e; }
body.lio-account-dashboard .lio-ae-phone-status[data-state="success"] { color: #257963; }
body.lio-account-dashboard .woocommerce-MyAccount-content > p { display: none; }
.lio-ae-profile__hero { display: flex; align-items: center; gap: 15px; padding: 5px 3px 7px; }
.lio-ae-profile__hero > div:last-child { min-width: 0; }
.lio-ae-profile__avatar { display: grid; flex: 0 0 58px; width: 58px; height: 58px; place-items: center; border-radius: 50%; background: radial-gradient(circle at 35% 25%, #93d8ea, #2b9fc4); box-shadow: 6px 6px 13px rgba(47,125,151,.2), -5px -5px 12px rgba(255,255,255,.7); color: white; font-size: 21px; font-weight: 790; }
.lio-ae-profile h1,.lio-ae-latest-order h2 { margin: 0; color: var(--lio-ae-ink); font-size: 21px; letter-spacing: -.03em; }
.lio-ae-profile__hero h1,.lio-ae-profile__hero p { overflow-wrap: anywhere; }
.lio-ae-profile__hero p:not(.lio-ae-eyebrow),.lio-ae-latest-order p { margin: 3px 0 0; color: var(--lio-ae-muted); font-size: 12px; }
.lio-ae-latest-order { display: flex; flex-wrap: wrap; min-width: 0; align-items: center; justify-content: space-between; gap: 14px; padding: 16px; border-radius: 19px; background: rgba(255,253,250,.65); box-shadow: inset 6px 6px 13px rgba(160,158,146,.18), inset -6px -6px 13px rgba(255,255,255,.9); }
.lio-ae-latest-order > div { flex: 1 1 180px; min-width: 0; overflow-wrap: anywhere; }
.lio-ae-latest-order > a { max-width: 100%; min-width: 0; box-sizing: border-box; }
.lio-ae-latest-order a { display: grid; min-height: 44px; place-items: center; padding: 0 12px; border-radius: 14px; background: #e2f5fb; color: var(--lio-ae-sky-deep); font-size: 12px; font-weight: 700; text-decoration: none; }
.lio-ae-profile__nav ul { display: grid; gap: 8px; padding: 0; margin: 0; list-style: none; }
.lio-ae-profile__nav a { display: grid; grid-template-columns: 34px 1fr auto; align-items: center; gap: 11px; min-height: 63px; padding: 9px 13px; border-radius: 17px; background: rgba(255,253,250,.6); box-shadow: 4px 4px 10px rgba(127,131,128,.08), -4px -4px 10px rgba(255,255,255,.66); color: var(--lio-ae-ink); text-decoration: none; }
.lio-ae-profile__icon { display: grid; width: 32px; height: 32px; place-items: center; border-radius: 11px; background: #e2f5fb; color: var(--lio-ae-sky-deep); font-size: 17px; }
.lio-ae-profile__icon svg { width: 20px; height: 20px; }
.lio-ae-profile__nav strong,.lio-ae-profile__nav small { display: block; }
.lio-ae-profile__nav strong { font-size: 13px; }
.lio-ae-profile__nav small { margin-top: 2px; color: var(--lio-ae-muted); font-size: 11px; }
.lio-ae-profile__arrow { color: var(--lio-ae-sky-deep); font-size: 21px; }
.lio-ae-logout { display: grid; min-height: 44px; place-items: center; color: #a43e3a; font-size: 13px; font-weight: 700; text-decoration: none; }

.lio-ae-auth :focus-visible,.lio-ae-profile :focus-visible { outline: 3px solid rgba(23,107,137,.88); outline-offset: 3px; }
@media (max-width: 349px) { .lio-ae-scene,.lio-ae-card { min-height: 462px; } .lio-ae-face { padding: 18px; } .lio-ae-providers { grid-template-columns: 1fr; } }
/* The gated customer dashboard already provides its own account navigation. */
body.lio-account-dashboard .woocommerce-MyAccount-navigation { display: none; }
@media (max-width: 767px) {
  body.lio-account-dashboard .woocommerce-MyAccount-content { float: none; width: 100%; }
}
@media (prefers-reduced-motion: reduce) { .lio-ae-auth *, .lio-ae-auth *::before, .lio-ae-auth *::after { transition-duration: .01ms !important; animation-duration: .01ms !important; animation-iteration-count: 1 !important; } }

/* Reference-aligned surface — the supplied motion reference uses a neutral
 * neumorphic disc and a full-card Y flip. Behavioural selectors, the single
 * real OTP input and WooCommerce fallback markup remain unchanged. */
body.lio-account-surface .lio-ae-auth,
body.lio-account-surface #customer_login.lio-ae-native-email,
body.lio-account-dashboard .lio-ae-profile {
  --lio-ae-surface: #ececec;
  --lio-ae-surface-light: #f4f4f4;
  --lio-ae-surface-shadow: #bfbfbf;
  --lio-ae-ink: #202020;
  --lio-ae-muted: #696969;
  --lio-ae-accent: #650d27;
  --lio-ae-accent-deep: #4d091d;
  --lio-ae-danger: #8e1d1d;
  --lio-ae-success: #276b57;
}

body.lio-account-surface .lio-ae-auth {
  --circle-size: min(88vw, 430px);
  display: flex;
  width: min(100%, 560px);
  flex-direction: column;
  align-items: center;
  margin: 18px auto 34px;
  padding: 0;
  overflow: visible;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
  color: var(--lio-ae-ink);
}

/* The phone/OTP controls require the REST client. Until enhancement succeeds,
 * keep those controls out of the no-JS path; native Woo email/password and
 * cache-safe social initiation links remain available below. */
body.lio-account-surface .lio-ae-auth:not([data-lio-account-ready="true"]) .lio-ae-scene,
body.lio-account-surface .lio-ae-auth:not([data-lio-account-ready="true"]) .lio-ae-status,
body.lio-account-surface .lio-ae-auth:not([data-lio-account-ready="true"]) .lio-ae-email-toggle,
body.lio-account-surface .lio-ae-auth:not([data-lio-account-ready="true"]) .lio-ae-divider {
  display: none;
}

body.lio-account-surface .lio-ae-auth .screen-reader-text {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  clip-path: inset(50%) !important;
  border: 0 !important;
  white-space: nowrap !important;
}

body.lio-account-surface .lio-ae-halo {
  display: none;
}

body.lio-account-surface .lio-ae-brand-shell {
  position: relative;
  display: grid;
  width: fit-content;
  min-width: 158px;
  min-height: 52px;
  place-items: center;
  margin: 0 auto 18px;
  padding: 0 12px;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
  direction: ltr;
}

body.lio-account-surface .lio-ae-brand-shell::after {
  display: none;
}

body.lio-account-surface .lio-ae-brand-logo {
  position: relative;
  z-index: 1;
  display: inline-flex;
  align-items: baseline;
  gap: 7px;
  color: #f3f3f3;
  direction: ltr;
  font-family: Arial, sans-serif;
  line-height: 1;
  text-shadow:
    -1.25px -1.25px 1.35px rgba(255,255,255,.98),
    1.25px 1.4px 1.5px rgba(105,105,105,.48),
    0 3px 6px rgba(120,120,120,.06);
}

body.lio-account-surface .lio-ae-brand-logo b {
  display: flex;
  gap: 2.2px;
  color: inherit;
  font-size: 28px;
  font-weight: 900;
  letter-spacing: 0;
}

body.lio-account-surface .lio-ae-brand-logo b i {
  color: inherit;
  font-style: normal;
}

body.lio-account-surface .lio-ae-brand-logo > span {
  color: #650d27;
  font-size: 15px;
  font-weight: 900;
  letter-spacing: .14em;
  text-shadow:
    -1px -1px 1px rgba(255,255,255,.72),
    1px 1.4px 1.6px rgba(92,24,24,.24);
}

body.lio-account-surface .lio-ae-brand {
  position: relative;
  z-index: 3;
  display: flex;
  width: fit-content;
  align-items: center;
  justify-content: center;
  gap: 8px;
  margin: 0 auto 13px;
  color: var(--lio-ae-accent);
  font-size: 11px;
  font-weight: 800;
  letter-spacing: .11em;
}

body.lio-account-surface .lio-ae-brand__mark {
  width: 31px;
  height: 31px;
  border-radius: 50%;
  background: var(--lio-ae-surface);
  box-shadow: -5px -5px 10px rgba(255,255,255,.96), 5px 5px 11px rgba(190,190,190,.72);
  color: var(--lio-ae-accent);
}

body.lio-account-surface .lio-ae-scene {
  width: var(--circle-size);
  height: var(--circle-size);
  min-height: 0;
  aspect-ratio: 1 / 1;
  flex: 0 0 auto;
  margin: 0 auto;
  perspective: 1800px;
}

body.lio-account-surface .lio-ae-card {
  width: 100%;
  height: 100%;
  min-height: 0;
  aspect-ratio: 1 / 1;
  flex: 0 0 auto;
  transform: rotateY(0deg);
  transform-style: preserve-3d;
  transition: transform .52s cubic-bezier(.22,.61,.36,1);
  will-change: transform;
}

body.lio-account-surface [data-lio-account][data-lio-current-step="otp"] .lio-ae-card {
  transform: rotateY(180deg);
}

body.lio-account-surface .lio-ae-face {
  position: absolute;
  inset: 0;
  display: flex;
  width: 100%;
  height: 100%;
  flex-direction: column;
  justify-content: center;
  padding: clamp(36px, 11.5vw, 92px);
  overflow: hidden;
  border: 0;
  border-radius: 50%;
  background: var(--lio-ae-surface);
  box-shadow: -22px -22px 44px rgba(255,255,255,.98), 22px 22px 50px rgba(195,195,195,.88), inset -1px -1px 1px rgba(255,255,255,.55);
  opacity: 1;
  backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
  pointer-events: none;
  transform-origin: 50% 50%;
  transition: none;
  text-align: center;
}

body.lio-account-surface .lio-ae-face::before {
  position: absolute;
  inset: 12px;
  border: 1px solid rgba(255,255,255,.68);
  border-radius: 50%;
  box-shadow: inset 3px 3px 9px rgba(163,163,163,.18), inset -3px -3px 9px rgba(255,255,255,.72);
  content: "";
  pointer-events: none;
}

body.lio-account-surface .lio-ae-face > * {
  position: relative;
  z-index: 1;
}

body.lio-account-surface .lio-ae-face--identifier {
  opacity: 1;
  pointer-events: auto;
  transform: rotateY(0deg) translateZ(1px);
}

body.lio-account-surface .lio-ae-face--otp {
  opacity: 1;
  transform: rotateY(180deg) translateZ(1px);
}

body.lio-account-surface [data-lio-account][data-lio-current-step="otp"] .lio-ae-face--identifier {
  opacity: 1;
  pointer-events: none;
  transform: rotateY(0deg) translateZ(1px);
  transform-origin: 50% 50%;
}

body.lio-account-surface [data-lio-account][data-lio-current-step="otp"] .lio-ae-face--otp {
  opacity: 1;
  pointer-events: auto;
  transform: rotateY(180deg) translateZ(1px);
}

body.lio-account-surface .lio-ae-eyebrow {
  display: inline-flex;
  align-items: center;
  align-self: center;
  gap: 6px;
  margin: 0 0 5px;
  color: var(--lio-ae-accent);
  font-size: 10px;
  font-weight: 760;
}

body.lio-account-surface .lio-ae-eyebrow::before {
  width: 5px;
  height: 5px;
  background: currentColor;
}

body.lio-account-surface .lio-ae-face h1,
body.lio-account-surface .lio-ae-face h2 {
  margin: 0;
  color: var(--lio-ae-ink);
  font-size: clamp(24px, 7vw, 39px);
  font-weight: 800;
  letter-spacing: -.045em;
  line-height: 1.25;
  text-shadow: 1px 1px 1px rgba(255,255,255,.92), -2px -2px 1px rgba(163,163,163,.22);
}

body.lio-account-surface .lio-ae-lead {
  margin: 5px 0 clamp(12px, 4vw, 22px);
  color: var(--lio-ae-muted);
  font-size: clamp(10px, 2.8vw, 12.5px);
  line-height: 1.65;
  text-align: center;
}

body.lio-account-surface .lio-ae-form {
  display: grid;
  gap: clamp(8px, 2.2vw, 14px);
}

body.lio-account-surface .lio-ae-form > label:not(.screen-reader-text) {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0,0,0,0);
  clip-path: inset(50%);
  border: 0;
  white-space: nowrap;
}

body.lio-account-surface .lio-ae-field {
  display: flex;
  min-height: clamp(44px, 11vw, 48px);
  align-items: center;
  overflow: hidden;
  border: 1px solid transparent;
  border-radius: 12px;
  background: var(--lio-ae-surface);
  box-shadow: inset -6px -6px 10px rgba(255,255,255,.96), inset 6px 6px 10px rgba(184,190,204,.46);
  transition: box-shadow .4s cubic-bezier(.22,1,.36,1), transform .4s cubic-bezier(.22,1,.36,1);
}

body.lio-account-surface .lio-ae-field:focus-within {
  border-color: rgba(101,13,39,.72);
  background: var(--lio-ae-surface);
  box-shadow: 0 0 0 1px rgba(101,13,39,.22), inset 3px 3px 6px rgba(77,9,29,.24), inset -3px -3px 6px rgba(255,255,255,.66);
  transform: translateY(-2px);
}

body.lio-account-surface .lio-ae-field__icon {
  display: grid;
  flex: 0 0 40px;
  width: 40px;
  height: 100%;
  place-items: center;
  color: #929292;
  transition: color .35s ease;
}

body.lio-account-surface .lio-ae-field__icon svg {
  width: 17px;
  height: 17px;
}

body.lio-account-surface .lio-ae-field:focus-within .lio-ae-field__icon {
  color: var(--lio-ae-accent);
}

body.lio-account-surface .lio-ae-field input {
  min-height: clamp(44px, 10.5vw, 46px);
  padding: 0 12px 0 4px;
  color: var(--lio-ae-ink);
  font-size: clamp(12px, 3.4vw, 14.5px);
  font-weight: 550;
}

body.lio-account-surface .lio-ae-field input::placeholder {
  color: #696969;
}

body.lio-account-surface .lio-ae-help {
  margin: -3px 0 0;
  color: var(--lio-ae-muted);
  font-size: clamp(9px, 2.4vw, 11px);
  line-height: 1.55;
  text-align: center;
}

body.lio-account-surface .lio-ae-primary {
  position: relative;
  min-height: clamp(44px, 11vw, 46px);
  overflow: hidden;
  border-radius: 12px;
  background: var(--lio-ae-surface);
  box-shadow: -7px -7px 12px var(--lio-ae-surface-light), 7px 7px 12px var(--lio-ae-surface-shadow);
  color: #626262;
  font-family: inherit;
  font-size: clamp(13px, 3.5vw, 15px);
  font-weight: 800;
  line-height: 1.4;
  letter-spacing: .01em;
  transition: color .4s ease, background .4s ease, box-shadow .4s ease, transform .25s ease;
}

body.lio-account-surface .lio-ae-primary::before {
  position: absolute;
  top: 0;
  left: -60%;
  width: 40%;
  height: 100%;
  background: linear-gradient(115deg, transparent, rgba(255,255,255,.52), transparent);
  content: "";
  transform: skewX(-20deg);
  transition: left .6s ease;
}

body.lio-account-surface .lio-ae-primary:hover,
body.lio-account-surface .lio-ae-primary[aria-busy="true"] {
  background: var(--lio-ae-surface);
  box-shadow: -9px -9px 15px rgba(255,255,255,.96), 9px 9px 15px rgba(185,185,185,.72);
  color: var(--lio-ae-ink);
  filter: none;
  transform: translateY(-1px);
}

body.lio-account-surface .lio-ae-primary:hover::before,
body.lio-account-surface .lio-ae-primary[aria-busy="true"]::before {
  left: 130%;
}

body.lio-account-surface .lio-ae-primary:active {
  background: var(--lio-ae-surface);
  box-shadow: inset 4px 4px 8px rgba(170,170,170,.2), inset -4px -4px 8px rgba(255,255,255,.82);
  color: var(--lio-ae-ink);
  transform: translateY(0) scale(.97);
}

body.lio-account-surface .lio-ae-primary:disabled {
  cursor: wait;
  opacity: .72;
}

body.lio-account-surface .lio-ae-otp-heading {
  display: grid;
  grid-template-columns: 44px minmax(0, 1fr) 44px;
  width: calc(100% - 28px);
  align-self: center;
  align-items: center;
  gap: 4px;
}

body.lio-account-surface .lio-ae-otp-heading h2 {
  grid-column: 2;
  text-align: center;
}

body.lio-account-surface .lio-ae-back {
  position: static;
  z-index: 4;
  top: clamp(29px, 9vw, 62px);
  right: clamp(34px, 10vw, 68px);
  display: grid;
  width: 44px;
  height: 44px;
  min-height: 44px;
  place-items: center;
  margin: 0;
  border-radius: 50%;
  background: var(--lio-ae-surface);
  box-shadow: -4px -4px 9px rgba(255,255,255,.92), 4px 4px 9px rgba(190,190,190,.68);
  color: var(--lio-ae-accent);
  text-decoration: none;
}

body.lio-account-surface .lio-ae-back:active {
  box-shadow: inset 3px 3px 6px rgba(184,190,204,.5), inset -3px -3px 6px rgba(255,255,255,.9);
}

body.lio-account-surface .lio-ae-otp {
  min-height: clamp(44px, 11vw, 54px);
}

body.lio-account-surface .lio-ae-otp__cells {
  gap: clamp(4px, 1.7vw, 9px);
}

body.lio-account-surface .lio-ae-otp__cell {
  min-height: clamp(44px, 10vw, 52px);
  border: 0;
  border-radius: 10px;
  background: var(--lio-ae-surface);
  box-shadow: inset -5px -5px 9px rgba(255,255,255,.94), inset 5px 5px 9px rgba(184,190,204,.44);
  color: var(--lio-ae-ink);
  font-size: clamp(16px, 5vw, 24px);
}

body.lio-account-surface .lio-ae-otp__cell.is-filled {
  border-color: transparent;
  background: var(--lio-ae-surface);
  color: var(--lio-ae-accent);
  transform: translateY(-2px);
}

body.lio-account-surface .lio-ae-otp:focus-within .lio-ae-otp__cell {
  border-color: transparent;
}

body.lio-account-surface .lio-ae-otp:focus-within .lio-ae-otp__cell:first-child {
  box-shadow: inset 3px 3px 6px rgba(77,9,29,.28), inset -3px -3px 6px rgba(123,25,54,.18);
}

body.lio-account-surface .lio-ae-resend {
  min-height: 20px;
  justify-content: center;
  color: var(--lio-ae-muted);
  font-size: clamp(9px, 2.4vw, 11px);
}

body.lio-account-surface .lio-ae-resend button {
  color: var(--lio-ae-accent);
}

body.lio-account-surface .lio-ae-status {
  width: var(--circle-size);
  min-height: 20px;
  margin: 12px 0 0;
  color: var(--lio-ae-muted);
  font-size: 11px;
  text-align: center;
}

body.lio-account-surface .lio-ae-status[data-state="error"] { color: var(--lio-ae-danger); }
body.lio-account-surface .lio-ae-status[data-state="success"] { color: var(--lio-ae-success); }

body.lio-account-surface .lio-ae-status:empty {
  min-height: 0;
  margin-top: 2px;
}

body.lio-account-surface .lio-ae-divider {
  width: var(--circle-size);
  grid-template-columns: minmax(0,1fr) auto minmax(0,1fr);
  gap: 12px;
  margin: 16px 0 11px;
  color: var(--lio-ae-muted);
}

body.lio-account-surface .lio-ae-divider::before,
body.lio-account-surface .lio-ae-divider::after {
  background: rgba(120,120,120,.22);
}

body.lio-account-surface .lio-ae-divider span {
  min-width: 20px;
  text-align: center;
}

body.lio-account-surface .lio-ae-social-fallback {
  --circle-size: min(88vw, 430px);
  width: var(--circle-size);
  margin: 18px auto 0;
}

body.lio-account-surface .lio-ae-social-fallback .lio-ae-status {
  margin: 0 0 8px;
  color: var(--lio-ae-danger);
  text-align: center;
}

body.lio-account-surface .lio-ae-providers {
  display: grid;
  width: var(--circle-size);
  grid-template-columns: minmax(0, 220px);
  justify-content: center;
  gap: 12px;
}

body.lio-account-surface .lio-ae-provider {
  display: grid;
  min-width: 0;
  min-height: 48px;
  grid-template-columns: 22px minmax(0,1fr);
  align-items: center;
  gap: 8px;
  padding: 0 14px;
  border: 0;
  border-radius: 13px;
  background: #f4f4f4;
  box-shadow: -5px -5px 10px rgba(255,255,255,.82), 6px 7px 14px rgba(170,170,170,.2);
  color: #202020;
  direction: ltr;
  font-size: clamp(10px, 2.8vw, 12px);
  font-weight: 600;
  transition: box-shadow .2s ease, transform .2s ease;
}

body.lio-account-surface .lio-ae-provider:hover {
  border-color: transparent;
  box-shadow: -7px -7px 13px rgba(255,255,255,.9), 7px 8px 16px rgba(170,170,170,.23);
  transform: translateY(-1px);
}

body.lio-account-surface .lio-ae-provider:active {
  box-shadow: inset 3px 3px 7px rgba(170,170,170,.16), inset -3px -3px 7px rgba(255,255,255,.75);
  transform: translateY(0) scale(.985);
}

body.lio-account-surface .lio-ae-provider:only-child {
  width: min(100%, 220px);
  grid-column: 1 / -1;
  justify-self: center;
}

body.lio-account-surface .lio-ae-provider__icon {
  display: grid;
  width: 22px;
  height: 22px;
  place-items: center;
  color: #050505;
}

body.lio-account-surface .lio-ae-provider__icon svg {
  display: block;
  width: 19px;
  height: 19px;
  overflow: visible;
}

body.lio-account-surface .lio-ae-provider__label {
  min-width: 0;
  direction: rtl;
  text-align: center;
  white-space: nowrap;
}

body.lio-account-surface .lio-ae-email-toggle,
body.lio-account-surface .lio-ae-resend button,
body.lio-account-surface .lio-ae-guest-link {
  color: var(--lio-ae-accent);
}

body.lio-account-surface .lio-ae-email-toggle {
  width: fit-content;
  margin-top: 8px;
}

/* User reference, 2026-09-05: retain the approved circle, wordmark and
 * phone-to-OTP flow; distribute the short identifier form within the disc. */
body.lio-account-surface .lio-ae-face--identifier {
  justify-content: flex-start;
  padding-top: clamp(40px, 13.5vw, 62px);
}

body.lio-account-surface .lio-ae-face--identifier h1 {
  margin-bottom: clamp(30px, 9vw, 42px);
}

body.lio-account-surface .lio-ae-face--identifier .lio-ae-form {
  gap: clamp(20px, 6.8vw, 30px);
}

body.lio-account-surface .lio-ae-face--identifier .lio-ae-primary {
  width: 86%;
  justify-self: center;
  color: var(--lio-ae-ink);
}

/* Keep the OTP action and its raised shadow within the disc's inner edge. */
body.lio-account-surface .lio-ae-face--otp .lio-ae-primary {
  width: 76%;
  justify-self: center;
  margin-block-end: 8px;
}

body.lio-account-surface .lio-ae-auth button,
body.lio-account-surface .lio-ae-auth input,
body.lio-account-surface .lio-ae-provider {
  font-family: inherit;
}

body.lio-account-surface .lio-ae-email-toggle {
  min-height: 44px;
  padding: 6px 14px;
  border: 0;
  background: transparent;
  font-size: 13px;
  text-decoration: none;
}

body.lio-account-surface .lio-ae-auth .lio-ae-email-toggle {
  display: grid;
  grid-template-columns: 22px minmax(0, 1fr);
  align-items: center;
  gap: 8px;
  width: min(88vw, 220px);
  min-height: 48px;
  padding: 0 14px;
  margin-top: 20px;
  border-radius: 13px;
  background: #f4f4f4;
  box-shadow: -5px -5px 10px rgba(255,255,255,.82), 6px 7px 14px rgba(170,170,170,.2);
  direction: ltr;
  font-size: 14px;
  transition: box-shadow .2s ease, transform .2s ease;
}

body.lio-account-surface .lio-ae-email-toggle > span:last-child {
  direction: rtl;
  text-align: center;
}

body.lio-account-surface .lio-ae-email-toggle__icon,
body.lio-account-surface .lio-ae-email-toggle__icon svg {
  display: block;
  width: 22px;
  height: 22px;
  color: var(--lio-ae-accent);
}

body.lio-account-surface .lio-ae-auth .lio-ae-email-toggle:hover {
  box-shadow: -7px -7px 13px rgba(255,255,255,.9), 7px 8px 16px rgba(170,170,170,.23);
  transform: translateY(-1px);
}

body.lio-account-surface .lio-ae-auth .lio-ae-email-toggle:active {
  box-shadow: inset 3px 3px 7px rgba(170,170,170,.16), inset -3px -3px 7px rgba(255,255,255,.75);
  transform: translateY(0);
}

body.lio-account-surface .lio-ae-back:focus-visible,
body.lio-account-surface .lio-ae-email-toggle:focus-visible {
  outline: 2px solid var(--lio-ae-accent);
  outline-offset: 3px;
}

/* Account-only chrome requested by the user. Native notices and the bottom
 * navigation (.wd-toolbar) keep their existing visibility and behavior. */
body.lio-account-surface header.whb-header,
body.lio-account-surface footer.footer-container,
body.lio-account-surface aside.lio-floating-cart {
  display: none !important;
}

body.lio-account-surface .lio-ae-provider {
  font-size: 14px;
  text-decoration: none;
}

/* The view omits Google when its existing readiness gates are closed.
 * Promote the working native email entry in that state, without a new provider. */
body.lio-account-surface .lio-ae-auth:not(:has(.lio-ae-providers)) .lio-ae-email-toggle {
  width: min(88vw, 220px);
  min-height: 48px;
  margin-top: 20px;
  border-radius: 13px;
  background: #f4f4f4;
  box-shadow: -5px -5px 10px rgba(255,255,255,.82), 6px 7px 14px rgba(170,170,170,.2);
  color: var(--lio-ae-ink);
  font-size: 14px;
  font-weight: 700;
}

body.lio-account-surface .lio-ae-guest-link {
  color: #696969;
}

body.lio-account-surface .lio-ae-privacy {
  width: var(--circle-size);
  max-width: 48ch;
  margin: 10px auto 0;
  color: var(--lio-ae-muted);
}

body.lio-account-surface #customer_login.lio-ae-native-email {
  border: 0;
  background: var(--lio-ae-surface);
  box-shadow: -11px -11px 24px rgba(255,255,255,.92), 11px 11px 24px rgba(193,193,193,.72);
}

body.lio-account-surface #customer_login.lio-ae-native-email input.input-text {
  border: 0;
  background: var(--lio-ae-surface);
  box-shadow: inset -6px -6px 10px rgba(255,255,255,.95), inset 6px 6px 10px rgba(184,190,204,.45);
}

body.lio-account-surface #customer_login.lio-ae-native-email input.input-text:focus {
  box-shadow: inset 3px 3px 6px rgba(77,9,29,.3), inset -3px -3px 6px rgba(123,25,54,.2);
}

body.lio-account-surface #customer_login.lio-ae-native-email button.button {
  border: 0;
  background: linear-gradient(155deg, #7b1936, var(--lio-ae-accent-deep));
  box-shadow: 0 8px 18px rgba(77,9,29,.25);
  color: #fff;
  width: 100%;
  min-height: 48px;
  font-family: inherit;
  font-size: 14px;
  font-weight: 700;
}

body.lio-account-dashboard .lio-ae-profile {
  overflow: hidden;
  border: 0;
  background: var(--lio-ae-surface);
  box-shadow: -14px -14px 30px rgba(255,255,255,.94), 14px 14px 31px rgba(195,195,195,.76);
  color: var(--lio-ae-ink);
}

body.lio-account-dashboard .lio-ae-profile::before {
  position: absolute;
  z-index: -1;
  top: -160px;
  left: -120px;
  width: 310px;
  height: 310px;
  border: 1px solid rgba(255,255,255,.64);
  border-radius: 50%;
  box-shadow: inset 8px 8px 18px rgba(190,190,190,.22), inset -8px -8px 18px rgba(255,255,255,.75);
  content: "";
}

body.lio-account-dashboard .lio-ae-profile__avatar {
  background: var(--lio-ae-surface);
  box-shadow: -6px -6px 12px rgba(255,255,255,.94), 6px 6px 13px rgba(190,190,190,.7), inset 0 0 0 2px rgba(101,13,39,.1);
  color: var(--lio-ae-accent);
}

body.lio-account-dashboard .lio-ae-profile h1,
body.lio-account-dashboard .lio-ae-latest-order h2 {
  color: var(--lio-ae-ink);
}

body.lio-account-dashboard .lio-ae-profile__hero p:not(.lio-ae-eyebrow),
body.lio-account-dashboard .lio-ae-latest-order p {
  color: var(--lio-ae-muted);
}

body.lio-account-dashboard .lio-ae-latest-order {
  background: var(--lio-ae-surface);
  box-shadow: inset -6px -6px 11px rgba(255,255,255,.92), inset 6px 6px 11px rgba(184,190,204,.42);
}

body.lio-account-dashboard .lio-ae-latest-order a {
  background: var(--lio-ae-surface);
  box-shadow: -4px -4px 8px rgba(255,255,255,.9), 4px 4px 8px rgba(190,190,190,.65);
  color: var(--lio-ae-accent);
}

body.lio-account-dashboard .lio-ae-profile__nav a {
  background: var(--lio-ae-surface);
  box-shadow: -5px -5px 10px rgba(255,255,255,.9), 5px 5px 10px rgba(190,190,190,.62);
  color: var(--lio-ae-ink);
  transition: box-shadow .25s ease, transform .25s ease;
}

body.lio-account-dashboard .lio-ae-profile__nav a:hover {
  box-shadow: -7px -7px 13px rgba(255,255,255,.95), 7px 7px 13px rgba(190,190,190,.68);
  transform: translateY(-1px);
}

body.lio-account-dashboard .lio-ae-profile__nav a:active {
  box-shadow: inset -4px -4px 8px rgba(255,255,255,.9), inset 4px 4px 8px rgba(184,190,204,.44);
  transform: translateY(0);
}

body.lio-account-dashboard .lio-ae-profile__notice {
  width: fit-content;
  margin: 0 auto 12px;
  padding: 7px 13px;
  border-radius: 999px;
  background: var(--lio-ae-surface);
  box-shadow: inset -2px -2px 5px rgba(255,255,255,.86), inset 2px 2px 5px rgba(184,190,204,.34);
  color: var(--lio-ae-muted);
  font-size: 12px;
}

body.lio-account-dashboard .lio-ae-connections {
  width: min(100%, 620px);
  margin: 18px auto 0;
  padding: 18px;
  border-radius: 24px;
  background: var(--lio-ae-surface);
  box-shadow: -8px -8px 18px rgba(255,255,255,.9), 9px 10px 20px rgba(184,190,204,.38);
}

body.lio-account-dashboard .lio-ae-connections h2 {
  margin: 0 0 12px;
  font-size: 16px;
}

body.lio-account-dashboard .lio-ae-connections__list {
  display: grid;
  gap: 8px;
}

body.lio-account-dashboard .lio-ae-connection {
  display: flex;
  min-height: 48px;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 8px 12px;
  border-radius: 15px;
  box-shadow: inset -3px -3px 7px rgba(255,255,255,.8), inset 3px 3px 7px rgba(184,190,204,.28);
}

body.lio-account-dashboard .lio-ae-connection span {
  color: var(--lio-ae-muted);
  font-size: 12px;
}

body.lio-account-dashboard .lio-ae-connection form {
  margin: 0;
}

body.lio-account-dashboard .lio-ae-connection button {
  min-height: 44px;
  padding: 0 16px;
  border: 0;
  border-radius: 12px;
  background: var(--lio-ae-surface);
  box-shadow: -4px -4px 8px rgba(255,255,255,.82), 5px 5px 10px rgba(170,170,170,.22);
  color: var(--lio-ae-accent);
  font: 700 12px/1 inherit;
  cursor: pointer;
}

body.lio-account-dashboard .lio-ae-connection button:active {
  box-shadow: inset 3px 3px 7px rgba(170,170,170,.16), inset -3px -3px 7px rgba(255,255,255,.75);
}

body.lio-account-dashboard .lio-ae-profile__icon {
  background: var(--lio-ae-surface);
  box-shadow: inset -3px -3px 6px rgba(255,255,255,.92), inset 3px 3px 6px rgba(184,190,204,.42);
  color: var(--lio-ae-accent);
}

body.lio-account-dashboard .lio-ae-profile__nav small {
  color: var(--lio-ae-muted);
}

body.lio-account-dashboard .lio-ae-profile__arrow,
body.lio-account-dashboard .lio-ae-logout {
  color: var(--lio-ae-accent);
}

body.lio-account-surface .lio-ae-auth :focus-visible,
body.lio-account-dashboard .lio-ae-profile :focus-visible {
  outline-color: var(--lio-ae-accent);
}

@media (max-width: 420px) {
  body.lio-account-surface .lio-ae-brand {
    margin-bottom: 9px;
  }

  body.lio-account-surface .lio-ae-scene,
  body.lio-account-surface .lio-ae-card {
    min-height: 0;
  }

  body.lio-account-surface .lio-ae-face {
    padding: clamp(31px, 10.5vw, 43px);
  }

  body.lio-account-surface .lio-ae-face::before {
    inset: 8px;
  }

  body.lio-account-surface .lio-ae-face h1,
  body.lio-account-surface .lio-ae-face h2 {
    font-size: clamp(23px, 7.2vw, 28px);
  }

  body.lio-account-surface .lio-ae-lead {
    margin-bottom: 10px;
  }

  body.lio-account-surface .lio-ae-back {
    top: clamp(24px, 8vw, 33px);
    right: clamp(30px, 10vw, 42px);
  }
}

@media (max-width: 359px) {
  body.lio-account-surface .lio-ae-primary {
    width: 76%;
    justify-self: center;
  }

  body.lio-account-surface .lio-ae-providers {
    grid-template-columns: 1fr;
    gap: 10px;
  }

  body.lio-account-surface .lio-ae-provider,
  body.lio-account-surface .lio-ae-provider:only-child {
    width: 100%;
    grid-column: auto;
  }
}

@media (max-width: 349px) {
  body.lio-account-surface .lio-ae-face {
    padding: 29px;
  }

  body.lio-account-surface .lio-ae-eyebrow {
    margin-bottom: 2px;
  }

  body.lio-account-surface .lio-ae-lead {
    margin: 3px 0 7px;
    line-height: 1.45;
  }

  body.lio-account-surface .lio-ae-form {
    gap: 6px;
  }

  body.lio-account-surface .lio-ae-help {
    line-height: 1.35;
  }

  body.lio-account-surface .lio-ae-back {
    top: 21px;
    right: 30px;
  }
}

/* Native WooCommerce customer endpoints: presentation only, scoped by Assets.
 * Forms, notices, links, order ownership and identity checks stay with their owners. */
body.lio-account-customer-endpoint {
  --lio-ae-surface: #ececec;
  --lio-ae-surface-light: #f4f4f4;
  --lio-ae-surface-shadow: #bfbfbf;
  --lio-ae-ink: #202020;
  --lio-ae-muted: #696969;
  --lio-ae-accent: #650d27;
  --lio-ae-accent-deep: #4d091d;
  --lio-ae-danger: #8e1d1d;
  --lio-ae-success: #276b57;
}
body.lio-account-customer-endpoint .main-page-wrapper { background: var(--lio-ae-surface); }
body.lio-account-customer-endpoint .wd-my-account-wrapper {
  display: grid; grid-template-columns: minmax(0, 1fr); gap: 0;
  width: 100%; max-width: 960px; margin-inline: auto;
}
body.lio-account-customer-endpoint .wd-my-account-sidebar {
  grid-column: 1; width: 100%; max-width: 100%; min-width: 0;
  margin: 0; padding: 0; border: 0;
}
body.lio-account-customer-endpoint .woocommerce-MyAccount-content { grid-column: 1; }
body.lio-account-customer-endpoint :is(.woocommerce-MyAccount-navigation, .woocommerce-MyAccount-content) {
  box-sizing: border-box;
  float: none;
  width: 100%;
  min-width: 0;
  color: var(--lio-ae-ink);
  direction: rtl;
}
body.lio-account-customer-endpoint :is(.woocommerce-MyAccount-navigation, .woocommerce-MyAccount-content) * { box-sizing: border-box; }
body.lio-account-customer-endpoint .woocommerce-MyAccount-navigation { margin: 0 0 24px; padding: 0; border: 0; }
body.lio-account-customer-endpoint .woocommerce-MyAccount-navigation ul {
  display: flex; flex-wrap: wrap; gap: 8px; margin: 0; padding: 0; list-style: none;
}
body.lio-account-customer-endpoint .woocommerce-MyAccount-navigation li { margin: 0; padding: 0; border: 0; flex: 1 1 auto; }
body.lio-account-customer-endpoint .woocommerce-MyAccount-navigation a {
  display: flex; align-items: center; justify-content: center; min-height: 44px; padding: 9px 13px;
  border: 1px solid transparent; border-radius: 13px; background: var(--lio-ae-surface); color: var(--lio-ae-muted);
  box-shadow: -3px -3px 7px rgba(255,255,255,.9), 3px 4px 8px rgba(190,190,190,.45);
  font-size: 13px; font-weight: 600; line-height: 1.6; text-decoration: none; overflow-wrap: anywhere;
}
body.lio-account-customer-endpoint .woocommerce-MyAccount-navigation :is(.is-active a, a[aria-current="page"]) {
  color: var(--lio-ae-accent); border-color: rgba(101,13,39,.16);
  box-shadow: inset 3px 3px 7px rgba(184,190,204,.42), inset -3px -3px 7px rgba(255,255,255,.92);
}
body.lio-account-customer-endpoint .woocommerce-MyAccount-content {
  padding: clamp(16px, 4vw, 30px); margin-bottom: 32px; border: 1px solid rgba(255,255,255,.65); border-radius: 26px;
  background: var(--lio-ae-surface); box-shadow: -8px -8px 18px rgba(255,255,255,.9), 9px 10px 20px rgba(184,190,204,.38);
  font-size: 14px; line-height: 1.9; overflow-wrap: anywhere;
}
body.lio-account-customer-endpoint .woocommerce-MyAccount-content :is(h2, h3) { color: var(--lio-ae-ink); font-size: clamp(17px, 4.8vw, 22px); line-height: 1.6; margin: 0 0 16px; }
body.lio-account-customer-endpoint .woocommerce-MyAccount-content p { margin: 0 0 16px; }
body.lio-account-customer-endpoint .woocommerce-MyAccount-content a { color: var(--lio-ae-accent); text-underline-offset: 4px; }
body.lio-account-customer-endpoint .woocommerce-MyAccount-content :is(.button, button, .edit, .lio-ae-phone-reauth) {
  display: inline-flex; align-items: center; justify-content: center; gap: 6px; min-height: 44px; max-width: 100%; padding: 9px 16px;
  border: 1px solid transparent; border-radius: 13px; background: var(--lio-ae-surface); color: var(--lio-ae-accent);
  box-shadow: -4px -4px 9px rgba(255,255,255,.9), 5px 5px 10px rgba(190,190,190,.55);
  font-family: inherit; font-size: 14px; font-weight: 700; line-height: 1.6; text-align: center; white-space: normal; text-decoration: none; cursor: pointer;
}
body.lio-account-customer-endpoint .woocommerce-MyAccount-content :is(.button, button, .edit):active {
  box-shadow: inset 3px 3px 7px rgba(184,190,204,.42), inset -3px -3px 7px rgba(255,255,255,.9);
}
body.lio-account-customer-endpoint :is(.woocommerce-MyAccount-navigation, .woocommerce-MyAccount-content) :focus-visible { outline: 2px solid var(--lio-ae-accent); outline-offset: 3px; }
body.lio-account-customer-endpoint .woocommerce-MyAccount-content :is(button:disabled, input:disabled, select:disabled, .button.disabled) { opacity: .55; cursor: not-allowed; }
body.lio-account-customer-endpoint .woocommerce-MyAccount-content :is(form, fieldset) { min-width: 0; margin: 0; }
body.lio-account-customer-endpoint .woocommerce-MyAccount-content .form-row { float: none; width: 100%; max-width: 100%; padding: 0; margin: 0 0 18px; }
body.lio-account-customer-endpoint .woocommerce-MyAccount-content label { display: block; margin-bottom: 7px; color: var(--lio-ae-ink); font-size: 13px; font-weight: 700; }
body.lio-account-customer-endpoint .woocommerce-MyAccount-content :is(input.input-text, .lio-ae-phone-field input, textarea, select) {
  display: block; width: 100%; min-width: 0; max-width: 100%; min-height: 48px; padding: 10px 13px;
  border: 1px solid rgba(105,105,105,.16); border-radius: 13px; background: var(--lio-ae-surface); color: var(--lio-ae-ink);
  box-shadow: inset 4px 4px 8px rgba(184,190,204,.42), inset -4px -4px 8px rgba(255,255,255,.92);
  font-family: inherit; font-size: 16px; line-height: 1.6;
}
body.lio-account-customer-endpoint .woocommerce-MyAccount-content :is(input[type="email"], input[type="tel"], input[name$="postcode"]) { direction: ltr; text-align: left; }
body.lio-account-customer-endpoint .woocommerce-MyAccount-content :is(.woocommerce-invalid input, [aria-invalid="true"]) { border-color: var(--lio-ae-danger); }
body.lio-account-customer-endpoint .woocommerce-MyAccount-content :is(.required, .woocommerce-password-hint) { color: var(--lio-ae-danger); }
body.lio-account-customer-endpoint .woocommerce-MyAccount-content :is(.description, em, .lio-ae-phone-lead) { color: var(--lio-ae-muted); font-size: 13px; font-style: normal; }
body.lio-account-customer-endpoint .woocommerce-MyAccount-content fieldset { margin-block: 24px; padding: 18px 14px 0; border: 1px solid rgba(105,105,105,.2); border-radius: 18px; }
body.lio-account-customer-endpoint .woocommerce-MyAccount-content legend { padding: 0 8px; color: var(--lio-ae-ink); font-weight: 700; }
body.lio-account-customer-endpoint :is(.woocommerce-error, .woocommerce-message, .woocommerce-info) {
  padding: 16px 20px; border: 1px solid rgba(105,105,105,.16); border-inline-start: 3px solid var(--lio-ae-accent); border-radius: 15px;
  background: #f4f4f4; color: var(--lio-ae-ink); margin: 0 0 20px; line-height: 1.9; overflow-wrap: anywhere;
}
body.lio-account-customer-endpoint .woocommerce-error { color: var(--lio-ae-danger); list-style-position: inside; }
body.lio-account-customer-endpoint .woocommerce-message { border-inline-start-color: var(--lio-ae-success); }
body.lio-account-customer-endpoint :is(.woocommerce-error, .woocommerce-message, .woocommerce-info)::before { position: static; margin-inline-end: 8px; }
body.lio-account-customer-endpoint .woocommerce-MyAccount-content :is(.woocommerce-Addresses, .woocommerce-columns--addresses) { display: grid; grid-template-columns: minmax(0, 1fr); gap: 18px; margin: 18px 0; }
body.lio-account-customer-endpoint .woocommerce-MyAccount-content :is(.woocommerce-Address, .woocommerce-column--billing-address, .woocommerce-column--shipping-address) {
  float: none; width: 100%; max-width: 100%; min-width: 0; margin: 0; flex-basis: auto; padding: 18px; border: 1px solid rgba(255,255,255,.65); border-radius: 19px;
  box-shadow: inset 4px 4px 9px rgba(184,190,204,.3), inset -4px -4px 9px rgba(255,255,255,.85);
}
body.lio-account-customer-endpoint .woocommerce-Address-title { display: flex; flex-wrap: wrap; gap: 10px; align-items: center; justify-content: space-between; margin-bottom: 14px; }
body.lio-account-customer-endpoint .woocommerce-Address-title h2 { margin: 0; }
body.lio-account-customer-endpoint .woocommerce-MyAccount-content address { margin: 0; padding: 0; border: 0; font-style: normal; line-height: 2.1; }
body.lio-account-customer-endpoint .woocommerce-MyAccount-content table { width: 100%; max-width: 100%; border-collapse: collapse; border: 0; text-align: start; }
body.lio-account-customer-endpoint .woocommerce-MyAccount-content :is(th, td) { padding: 13px 10px; border: 0; border-bottom: 1px solid rgba(105,105,105,.18); text-align: start; vertical-align: middle; font-size: 13px; white-space: normal; }
body.lio-account-customer-endpoint .woocommerce-MyAccount-content th { color: var(--lio-ae-ink); font-weight: 700; }
body.lio-account-customer-endpoint .woocommerce-MyAccount-content .woocommerce-table--order-details { table-layout: fixed; }
body.lio-account-customer-endpoint .woocommerce-MyAccount-content .woocommerce-pagination { display: flex; flex-wrap: wrap; justify-content: space-between; gap: 12px; margin-top: 22px; }
body.lio-account-customer-endpoint .woocommerce-MyAccount-content .lio-ae-phone-connections { display: grid; gap: 12px; margin: 24px 0; padding: 18px; border: 1px solid rgba(105,105,105,.18); border-radius: 18px; }
body.lio-account-customer-endpoint .lio-ae-phone-connections :is(.lio-ae-phone-entry, .lio-ae-phone-verify) { display: grid; gap: 10px; }
body.lio-account-customer-endpoint .lio-ae-phone-connections .lio-ae-phone-actions { display: flex; flex-wrap: wrap; gap: 10px; }
body.lio-account-customer-endpoint .lio-ae-phone-connections [hidden] { display: none !important; }
body.lio-account-customer-endpoint .lio-ae-phone-status[data-state="error"] { color: var(--lio-ae-danger); }
body.lio-account-customer-endpoint .lio-ae-phone-status[data-state="success"] { color: var(--lio-ae-success); }
body.lio-account-customer-endpoint .woocommerce-MyAccount-content .select2-container { width: 100% !important; min-width: 0; }
body.lio-account-customer-endpoint .woocommerce-MyAccount-content .select2-selection--single { min-height: 48px; border: 1px solid rgba(105,105,105,.16); border-radius: 13px; background: var(--lio-ae-surface); box-shadow: inset 4px 4px 8px rgba(184,190,204,.42), inset -4px -4px 8px rgba(255,255,255,.92); }
body.lio-account-customer-endpoint .woocommerce-MyAccount-content .select2-selection__rendered { padding-block: 9px; color: var(--lio-ae-ink); }
body.lio-account-customer-endpoint .woocommerce-MyAccount-content .select2-selection__arrow { top: 11px; }
@media (max-width: 600px) {
  body.lio-account-customer-endpoint .woocommerce-MyAccount-content .woocommerce-orders-table { display: block; }
  body.lio-account-customer-endpoint .woocommerce-orders-table thead { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); }
  body.lio-account-customer-endpoint .woocommerce-orders-table tbody { display: grid; gap: 16px; }
  body.lio-account-customer-endpoint .woocommerce-orders-table tr { display: block; padding: 10px 12px; border-radius: 17px; box-shadow: inset 3px 3px 8px rgba(184,190,204,.3), inset -3px -3px 8px rgba(255,255,255,.85); }
  body.lio-account-customer-endpoint .woocommerce-orders-table :is(td, th[scope="row"]) { display: flex; flex-wrap: wrap; justify-content: space-between; gap: 6px 12px; padding: 10px 0; text-align: start !important; }
  body.lio-account-customer-endpoint .woocommerce-orders-table [data-title]::before { content: attr(data-title); float: none; font-weight: 700; color: var(--lio-ae-muted); }
  body.lio-account-customer-endpoint .woocommerce-orders-table .woocommerce-orders-table__cell-order-actions { border-bottom: 0; }
}
@media (min-width: 700px) {
  body.lio-account-customer-endpoint .woocommerce-MyAccount-content :is(.woocommerce-Addresses, .woocommerce-columns--addresses) { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  body.lio-account-customer-endpoint .woocommerce-MyAccount-navigation li { flex: 0 1 auto; }
}
/* Verified-mobile purchase receipts: independent of native order actions. */
body.lio-account-surface .lio-ae-history{margin-block:28px;padding:clamp(16px,4vw,28px);border:1px solid #ffffffb3;border-radius:24px;background:#ececec;color:#303030;overflow-wrap:anywhere}
body.lio-account-surface .lio-ae-history h2{font-size:19px;line-height:1.8;margin:0 0 18px}
body.lio-account-surface .lio-ae-history h3{font-size:16px;line-height:1.8;margin:0 0 10px}
body.lio-account-surface .lio-ae-history__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr));gap:16px}
body.lio-account-surface .lio-ae-history__card{padding:18px;border-radius:18px;background:#f5f5f5;border:1px solid #fff;min-width:0}
body.lio-account-surface .lio-ae-history address{font-style:normal;font-size:14px;line-height:2;margin-block:12px 20px}
body.lio-account-surface .lio-ae-history__link,body.lio-account-surface .lio-ae-history__pages a{display:inline-flex;align-items:center;min-height:44px;color:#650d27;font-weight:600;text-decoration:none}
body.lio-account-surface .lio-ae-history a:focus-visible{outline:2px solid #650d27;outline-offset:4px;border-radius:5px}
body.lio-account-surface .lio-ae-history__pages{display:flex;justify-content:space-between;gap:24px;margin-top:18px}
body.lio-account-surface .lio-ae-history__items{list-style:none;margin:0;padding:0}
body.lio-account-surface .lio-ae-history__items li{display:flex;flex-wrap:wrap;justify-content:space-between;gap:8px 20px;padding-block:14px;border-bottom:1px solid #d7d7d7}
/* A native empty-account notice must not contradict visible recovered purchases.
   Only the Woo browse-products notice is affected; errors and other notices stay visible. */
body.lio-account-customer-endpoint .woocommerce-MyAccount-content:has(.lio-ae-history) > :is(.woocommerce-info,.wc-block-components-notice-banner.is-info):has(a.woocommerce-Button.wc-forward){display:none}

/* The native email form shares the approved circular phone entry. */
body.lio-account-surface .lio-ae-face--email { transform: rotateY(180deg) translateZ(1px); visibility: hidden; padding: 12% 16%; }
body.lio-account-surface [data-lio-entry-mode="email"] .lio-ae-card { transform: rotateY(180deg); }
body.lio-account-surface [data-lio-entry-mode="email"] .lio-ae-face--email { visibility: visible; pointer-events: auto; }
body.lio-account-surface [data-lio-entry-mode="email"] .lio-ae-face--otp { visibility: hidden; }
body.lio-account-surface [data-lio-entry-mode="email"] .lio-ae-face--identifier { pointer-events: none; }
body.lio-account-surface .lio-ae-face--email .col-login,
body.lio-account-surface .lio-ae-face--email .u-column1 { width: 100%; max-width: none; padding: 0; margin: 0; float: none; }
body.lio-account-surface .lio-ae-face--email h2 { margin: 0 0 12px; font-size: clamp(21px,6vw,29px); line-height: 1.25; }
body.lio-account-surface .lio-ae-face--email form.woocommerce-form-login { display: block !important; padding: 0; margin: 0; border: 0; background: transparent; box-shadow: none; }
body.lio-account-surface .lio-ae-face--email .form-row { padding: 0; margin: 0 0 8px; }
body.lio-account-surface .lio-ae-face--email .form-row > label { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; }
body.lio-account-surface .lio-ae-face--email input.input-text { width: 100%; height: 44px; min-height: 44px; padding: 8px 12px; border: 1px solid rgba(255,255,255,.65); border-radius: 13px; background: var(--lio-ae-surface); box-shadow: inset 5px 5px 10px rgba(180,184,191,.48),inset -5px -5px 10px #fff; font: inherit; font-size: 16px; direction: ltr; text-align: left; }
body.lio-account-surface .lio-ae-face--email input:focus-visible { outline: 2px solid var(--lio-ae-accent); outline-offset: 2px; }
body.lio-account-surface .lio-ae-face--email .password-input { display: block; position: relative; }
body.lio-account-surface .lio-ae-face--email .password-input input { padding-right: 42px; }
body.lio-account-surface .lio-ae-face--email .show-password-input { position: absolute; inset: 0 0 auto auto; width: 44px; height: 44px; margin: 0; padding: 0; background: transparent; border: 0; box-shadow: none; }
body.lio-account-surface .lio-ae-face--email button[type="submit"] { display: block; width: 84%; min-height: 44px; height: 44px; margin: 10px auto 0; padding: 8px; border: 0; border-radius: 14px; background: var(--lio-ae-surface); box-shadow: -6px -6px 14px rgba(255,255,255,.9),6px 6px 14px rgba(175,175,175,.55); color: var(--lio-ae-ink); font: inherit; font-weight: 700; }
body.lio-account-surface .lio-ae-face--email .login-form-footer { display: flex; flex-direction: column; align-items: center; gap: 3px; margin: 6px auto 0; font-size: 10px; line-height: 1.4; }
body.lio-account-surface .lio-ae-face--email .login-form-footer label { display: flex; align-items: center; gap: 4px; margin: 0; font-size: inherit; }
body.lio-account-surface .lio-ae-face--email .login-form-footer input { margin: 0; width: 14px; height: 14px; }
body.lio-account-surface .lio-ae-email-register { margin: 14px auto 0; padding: 8px 12px; min-height: 44px; background: transparent; border: 0; box-shadow: none; color: var(--lio-ae-muted); font: inherit; font-size: 12px; }
body.lio-account-surface .lio-ae-email-register[hidden] { display: none !important; }
@media(prefers-reduced-motion:reduce){body.lio-account-surface .lio-ae-card{transition:none!important}}
body.lio-account-surface .lio-ae-scene { position: relative; }
body.lio-account-surface .lio-ae-login-success { position: absolute; inset: 0; z-index: 5; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 18px; border-radius: 50%; background: var(--lio-ae-surface); box-shadow: inset -2px -2px 6px #fff,inset 2px 2px 6px #d2d2d2; color: var(--lio-ae-accent); animation: lio-ae-success-in .48s cubic-bezier(.2,.7,.3,1) both; }
body.lio-account-surface .lio-ae-login-success::after { content: ''; position: absolute; inset: 8%; border: 1px solid rgba(101,13,39,.2); border-radius: 50%; animation: lio-ae-success-ring .65s ease-out both; }
body.lio-account-surface .lio-ae-login-success svg { width: 80px; height: 80px; overflow: visible; stroke: currentColor; stroke-width: 3; stroke-linecap: round; stroke-linejoin: round; }
body.lio-account-surface .lio-ae-login-success circle { stroke-opacity: .15; stroke-width: 1.5; }
body.lio-account-surface .lio-ae-login-success path { stroke-dasharray: 62; stroke-dashoffset: 62; animation: lio-ae-success-check .38s .12s ease-out forwards; }
body.lio-account-surface .lio-ae-login-success strong { font: inherit; font-size: 20px; font-weight: 700; color: var(--lio-ae-ink); }
@keyframes lio-ae-success-in { from { opacity: 0; transform: scale(.96); } to { opacity: 1; transform: scale(1); } }
@keyframes lio-ae-success-ring { from { opacity: .8; transform: scale(.9); } to { opacity: 0; transform: scale(1.12); } }
@keyframes lio-ae-success-check { to { stroke-dashoffset: 0; } }
@media(prefers-reduced-motion:reduce){body.lio-account-surface .lio-ae-login-success,body.lio-account-surface .lio-ae-login-success::after,body.lio-account-surface .lio-ae-login-success path{animation:none!important}body.lio-account-surface .lio-ae-login-success path{stroke-dashoffset:0}body.lio-account-surface .lio-ae-login-success::after{display:none}}

/* Circular faces are opaque; backdrop blur disrupts the 3D face compositing. */
body.lio-account-surface .lio-ae-face { backdrop-filter: none; -webkit-backdrop-filter: none; }
body.lio-account-surface .lio-ae-status-link { display: inline-flex; align-items: center; min-height: 44px; padding-inline: 8px; color: #650d27; font-weight: 600; text-decoration: underline; text-underline-offset: 3px; }

/*
 * LioPlus Account Experience — OTP resend control refinement (generation 5)
 *
 * Additive, scoped CSS for the existing [data-lio-resend] control only.
 * The timer/button swap remains owned by account-0.8.10.js.
 */

body.lio-account-surface .lio-ae-face--otp .lio-ae-resend {
  display: grid;
  min-height: 44px;
  place-items: center;
  margin: 0 auto;
  color: var(--lio-ae-muted);
  font-size: clamp(10px, 2.8vw, 12px);
  font-weight: 650;
  line-height: 1.4;
  text-align: center;
}

/* Keep the cooldown label in the same reserved control slot as the button. */
body.lio-account-surface .lio-ae-face--otp .lio-ae-resend [data-lio-timer] {
  display: inline-flex;
  min-height: 44px;
  align-items: center;
  justify-content: center;
  padding-inline: 12px;
  direction: rtl;
  font-variant-numeric: tabular-nums;
}

/* JS owns this attribute while it swaps the cooldown label and the button. */
body.lio-account-surface .lio-ae-face--otp .lio-ae-resend [data-lio-timer][hidden] {
  display: none !important;
}

body.lio-account-surface .lio-ae-face--otp .lio-ae-resend button[data-lio-resend] {
  display: inline-flex;
  min-width: min(100%, 164px);
  min-height: 44px;
  align-items: center;
  justify-content: center;
  padding: 0 16px;
  border: 0;
  border-radius: 12px;
  background: var(--lio-ae-surface);
  box-shadow: -4px -4px 9px rgba(255,255,255,.92), 4px 4px 9px rgba(190,190,190,.68);
  color: var(--lio-ae-accent);
  cursor: pointer;
  font-family: inherit;
  font-size: clamp(11px, 3vw, 13px);
  font-weight: 800;
  line-height: 1.35;
  text-align: center;
  text-decoration: none;
  transition: box-shadow .2s ease, color .2s ease, transform .2s ease;
}

body.lio-account-surface .lio-ae-face--otp .lio-ae-resend button[data-lio-resend][hidden] {
  display: none !important;
}

body.lio-account-surface .lio-ae-face--otp .lio-ae-resend button[data-lio-resend]:hover:not(:disabled) {
  box-shadow: -7px -7px 13px rgba(255,255,255,.9), 7px 8px 16px rgba(170,170,170,.23);
  color: var(--lio-ae-ink);
  transform: translateY(-1px);
}

body.lio-account-surface .lio-ae-face--otp .lio-ae-resend button[data-lio-resend]:active:not(:disabled) {
  box-shadow: inset 3px 3px 7px rgba(170,170,170,.16), inset -3px -3px 7px rgba(255,255,255,.75);
  transform: translateY(0) scale(.985);
}

body.lio-account-surface .lio-ae-face--otp .lio-ae-resend button[data-lio-resend]:disabled {
  cursor: not-allowed;
  opacity: .62;
}

body.lio-account-surface .lio-ae-face--otp .lio-ae-resend button[data-lio-resend]:focus-visible {
  outline: 2px solid var(--lio-ae-accent);
  outline-offset: 3px;
}

@media (prefers-reduced-motion: reduce) {
  body.lio-account-surface .lio-ae-face--otp .lio-ae-resend button[data-lio-resend] {
    transition: none;
  }
}

/*
 * Profile cleanup — additive candidate.
 *
 * Scope is limited to the already gated account dashboard. The selectors below
 * match the supplied /my-account DOM: one WoodMart sidebar and the direct
 * WoodMart account-links grid. Native notices and all other content children
 * remain outside the hide selectors.
 */

body.lio-account-dashboard .wd-my-account-wrapper {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 0;
  width: 100%;
}

body.lio-account-dashboard .wd-my-account-sidebar {
  display: none;
}

body.lio-account-dashboard .woocommerce-MyAccount-content.wd-grid-col {
  grid-column: 1;
  float: none;
  width: 100%;
  min-width: 0;
}

body.lio-account-dashboard .woocommerce-MyAccount-content > ul.wd-my-account-links.wd-nav-my-acc.wd-nav.wd-icon-top.wd-grid-g {
  display: none;
}

/* This wrapper is intentionally retained, including Woo notices. */
body.lio-account-dashboard .woocommerce-MyAccount-content > .woocommerce-notices-wrapper {
  display: block;
}

/* The neutral profile SVG has no intrinsic CSS size in the current stylesheet. */
body.lio-account-dashboard .lio-ae-profile__avatar > svg {
  display: block;
  width: 28px;
  height: 28px;
}

/* Dokan's documented customer-to-vendor invitation; dashboard presentation only. */
body.lio-account-dashboard ul.dokan-account-migration-lists {
  display: none;
}

@supports selector(p:has(+ ul)) {
  body.lio-account-dashboard p:has(+ ul.dokan-account-migration-lists) {
    display: none;
  }
}

/* Candidate-only presentation for the existing verified purchase history. */
body.lio-account-surface .lio-ae-history__status {
  margin: 0 0 12px;
  color: var(--lio-ae-muted);
  font-size: 13px;
  font-weight: 700;
}

body.lio-account-surface .lio-ae-history :is(.lio-ae-history__products, .lio-ae-history__items) {
  display: grid;
  gap: 10px;
  margin: 0 0 15px;
  padding: 0;
  list-style: none;
}

body.lio-account-surface .lio-ae-history :is(.lio-ae-history__products, .lio-ae-history__items) li {
  display: flex;
  align-items: center;
  gap: 10px;
  min-width: 0;
}

body.lio-account-surface .lio-ae-history__thumb {
  display: grid;
  flex: 0 0 48px;
  width: 48px;
  height: 48px;
  place-items: center;
  overflow: hidden;
  border: 1px solid rgba(255, 255, 255, .8);
  border-radius: 12px;
  background: #fff;
}

body.lio-account-surface .lio-ae-history__thumb-image {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.lio-ae-owned-order-products {
  min-width: 0;
  max-width: 100%;
}

.lio-ae-owned-order-products ul {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  max-width: 100%;
  margin: 0;
  padding: 0;
  list-style: none;
}

.lio-ae-owned-order-products__item {
  flex: 0 0 48px;
  width: 48px;
  height: 48px;
}

.lio-ae-owned-order-products__image {
  display: block;
  width: 48px;
  height: 48px;
  max-width: 100%;
  object-fit: contain;
}

@media (max-width: 479px) {
  .woocommerce-orders-table .lio-ae-owned-order-products {
    width: 100%;
    max-width: 100%;
  }
}

/* Additive busy state for the owned links enhanced by profile-feedback.js. */
body.lio-account-dashboard .lio-ae-profile__nav a.lio-ae-link-feedback--busy,
body.lio-account-dashboard .lio-ae-latest-order > a.lio-ae-link-feedback--busy,
body.lio-account-dashboard .lio-ae-profile__waitlist.lio-ae-link-feedback--busy,
body.lio-account-dashboard .lio-ae-history .lio-ae-history__link.lio-ae-link-feedback--busy,
body.lio-account-customer-endpoint .lio-ae-history .lio-ae-history__link.lio-ae-link-feedback--busy,
body.lio-account-customer-endpoint .woocommerce-orders-table .woocommerce-orders-table__cell-order-actions a.woocommerce-button.button.view.lio-ae-link-feedback--busy {
  color: var(--lio-ae-accent, #650d27);
  cursor: progress;
  opacity: .84;
  box-shadow: inset 2px 2px 5px rgba(77,9,29, .18), inset -2px -2px 5px rgba(255, 255, 255, .76);
  transition: color 120ms ease, opacity 120ms ease, box-shadow 120ms ease;
}

@media (prefers-reduced-motion: reduce) {
  body.lio-account-dashboard .lio-ae-link-feedback--busy,
  body.lio-account-customer-endpoint .lio-ae-link-feedback--busy { transition: none; }
}

/*
 * LioPlus Account Experience — compact verified-login motion candidate.
 *
 * CSS only. It reuses the existing .lio-ae-login-success element, which the
 * current client creates only after the verification response is accepted.
 * Nothing here creates a timer, changes navigation, or changes OTP state.
 */

body.lio-account-surface .lio-ae-auth[data-lio-login-success="true"] {
  --lio-ae-login-red: var(--lio-ae-accent, #650d27);
  --lio-ae-login-green: var(--lio-ae-success, #276b57);
  --lio-ae-login-handoff-ms: 250ms;
}

body.lio-account-surface .lio-ae-auth[data-lio-login-success="true"] .lio-ae-login-success {
  position: absolute;
  inset: 0;
  z-index: 5;
  display: grid;
  place-items: center;
  pointer-events: none;
  border-radius: 50%;
  background: transparent;
  box-shadow: none;
  color: var(--lio-ae-login-green);
  opacity: 1;
  animation: none;
}

/* Existing cells stay visible briefly: a compact LioPlus-red confirmation. */
body.lio-account-surface .lio-ae-auth[data-lio-login-success="true"] .lio-ae-otp__cell {
  animation: lio-ae-login-cell-confirm 210ms cubic-bezier(.2, .8, .2, 1) both;
}

body.lio-account-surface .lio-ae-auth[data-lio-login-success="true"] .lio-ae-login-success::after { display: none; }

body.lio-account-surface .lio-ae-auth[data-lio-login-success="true"] .lio-ae-login-success svg {
  width: 48px;
  height: 48px;
  overflow: visible;
  stroke: currentColor;
  stroke-width: 3;
  stroke-linecap: round;
  stroke-linejoin: round;
  filter: drop-shadow(0 2px 5px rgba(39, 107, 87, .16));
  opacity: 0;
  transform: scale(.88);
  animation: lio-ae-login-tick-in 90ms 90ms cubic-bezier(.2, .8, .2, 1) both;
}

body.lio-account-surface .lio-ae-auth[data-lio-login-success="true"] .lio-ae-login-success circle {
  stroke: currentColor;
  stroke-opacity: .18;
  stroke-width: 1.5;
}

body.lio-account-surface .lio-ae-auth[data-lio-login-success="true"] .lio-ae-login-success path {
  stroke-dasharray: 62;
  stroke-dashoffset: 62;
  animation: lio-ae-login-check-draw 90ms 90ms ease-out both;
}

/* The existing welcome string is deliberately not expanded into a success card. */
body.lio-account-surface .lio-ae-auth[data-lio-login-success="true"] .lio-ae-login-success strong { display: none; }

@keyframes lio-ae-login-cell-confirm {
  0% {
    border-color: rgba(101,13,39, .32);
    box-shadow: 0 0 0 0 rgba(101,13,39, 0), inset 4px 4px 9px rgba(160, 158, 146, .14), inset -4px -4px 9px rgba(255, 255, 255, .72);
  }
  42% {
    border-color: var(--lio-ae-login-red, #650d27);
    background: rgba(101,13,39, .09);
    color: var(--lio-ae-login-red, #650d27);
    box-shadow: 0 0 0 4px rgba(101,13,39, .09), 0 0 13px rgba(101,13,39, .17), inset 3px 3px 8px rgba(101,13,39, .08), inset -4px -4px 9px rgba(255, 255, 255, .7);
    transform: translateY(-1px) scale(1.015);
  }
  65%,
  100% {
    border-color: rgba(101,13,39, .22);
    opacity: 0;
    box-shadow: 0 0 0 0 rgba(101,13,39, 0), inset 4px 4px 9px rgba(160, 158, 146, .14), inset -4px -4px 9px rgba(255, 255, 255, .72);
    transform: translateY(0) scale(1);
  }
}

@keyframes lio-ae-login-tick-in { to { opacity: 1; transform: scale(1); } }
@keyframes lio-ae-login-check-draw { to { stroke-dashoffset: 0; } }

@media (prefers-reduced-motion: reduce) {
  body.lio-account-surface .lio-ae-auth[data-lio-login-success="true"] .lio-ae-otp__cell,
  body.lio-account-surface .lio-ae-auth[data-lio-login-success="true"] .lio-ae-login-success svg,
  body.lio-account-surface .lio-ae-auth[data-lio-login-success="true"] .lio-ae-login-success path { animation: none !important; }

  body.lio-account-surface .lio-ae-auth[data-lio-login-success="true"] .lio-ae-otp__cell { opacity: 0; }
  body.lio-account-surface .lio-ae-auth[data-lio-login-success="true"] .lio-ae-login-success svg { opacity: 1; transform: none; }
  body.lio-account-surface .lio-ae-auth[data-lio-login-success="true"] .lio-ae-login-success path { stroke-dashoffset: 0; }
}

body.lio-account-dashboard .lio-ae-latest-order > a { white-space: normal; text-align: center; }
body.lio-account-surface .lio-ae-history__thumb-image { object-fit: contain; }
body.lio-account-dashboard .lio-ae-profile__waitlist { display: flex; align-items: center; justify-content: center; min-height: 44px; color: var(--lio-ae-accent); font-size: 13px; text-underline-offset: 4px; }
/* Additive merge motion; active only after the existing verified-success state. */
body.lio-account-surface .lio-ae-auth[data-lio-login-success="true"][data-lio-login-merge="true"] .lio-ae-otp__cell {
  --lio-ae-merge-x: 0px;
  --lio-ae-merge-tilt: 0deg;
  animation: lio-ae-login-cell-converge 210ms cubic-bezier(.22, .72, .28, 1) both;
  will-change: transform, opacity;
}

/* The offsets derive from the actual four-cell LTR grid width and its column gap. */
body.lio-account-surface .lio-ae-auth[data-lio-login-merge="true"] .lio-ae-otp__cell:nth-child(1) {
  --lio-ae-merge-x: calc(var(--lio-ae-merge-half-step) + var(--lio-ae-merge-half-step) + var(--lio-ae-merge-half-step));
  --lio-ae-merge-tilt: -5deg;
}
body.lio-account-surface .lio-ae-auth[data-lio-login-merge="true"] .lio-ae-otp__cell:nth-child(2) {
  --lio-ae-merge-x: var(--lio-ae-merge-half-step);
  --lio-ae-merge-tilt: -2deg;
}
body.lio-account-surface .lio-ae-auth[data-lio-login-merge="true"] .lio-ae-otp__cell:nth-child(3) {
  --lio-ae-merge-x: calc(0px - var(--lio-ae-merge-half-step));
  --lio-ae-merge-tilt: 2deg;
}
body.lio-account-surface .lio-ae-auth[data-lio-login-merge="true"] .lio-ae-otp__cell:nth-child(4) {
  --lio-ae-merge-x: calc(0px - var(--lio-ae-merge-half-step) - var(--lio-ae-merge-half-step) - var(--lio-ae-merge-half-step));
  --lio-ae-merge-tilt: 5deg;
}

@keyframes lio-ae-login-cell-converge {
  0% { opacity: 1; transform: translateX(0) translateY(-2px) rotate(0); }
  42% {
    border-color: var(--lio-ae-login-red, #650d27);
    background: rgba(101,13,39, .08);
    box-shadow: 0 0 0 3px rgba(101,13,39, .07), 0 0 10px rgba(101,13,39, .13), inset 3px 3px 7px rgba(101,13,39, .08), inset -4px -4px 9px rgba(255,255,255,.7);
    transform: translateX(0) translateY(-1px) rotate(0);
  }
  82% { opacity: .86; transform: translateX(var(--lio-ae-merge-x)) translateY(0) rotate(var(--lio-ae-merge-tilt)) scale(.91); }
  100% { opacity: 0; transform: translateX(var(--lio-ae-merge-x)) translateY(0) rotate(var(--lio-ae-merge-tilt)) scale(.82); }
}

/* The existing SVG is moved to the same measured cell-row centre; it remains small and transparent. */
body.lio-account-surface .lio-ae-auth[data-lio-login-merge="true"] .lio-ae-login-success svg {
  position: absolute;
  left: var(--lio-ae-merge-center-x);
  top: var(--lio-ae-merge-center-y);
  width: 44px;
  height: 44px;
  transform: translate(-50%, -50%) scale(.84);
  animation: lio-ae-login-merge-tick-in 90ms 145ms cubic-bezier(.2, .8, .2, 1) both;
}

body.lio-account-surface .lio-ae-auth[data-lio-login-merge="true"] .lio-ae-login-success path {
  animation: lio-ae-login-merge-check 90ms 155ms ease-out both;
}

@keyframes lio-ae-login-merge-tick-in {
  to { opacity: 1; transform: translate(-50%, -50%) scale(1); }
}
@keyframes lio-ae-login-merge-check { to { stroke-dashoffset: 0; } }

@media (prefers-reduced-motion: reduce) {
  body.lio-account-surface .lio-ae-auth[data-lio-login-merge="true"] .lio-ae-otp__cell,
  body.lio-account-surface .lio-ae-auth[data-lio-login-merge="true"] .lio-ae-login-success svg,
  body.lio-account-surface .lio-ae-auth[data-lio-login-merge="true"] .lio-ae-login-success path { animation: none !important; }

  body.lio-account-surface .lio-ae-auth[data-lio-login-merge="true"] .lio-ae-otp__cell { opacity: 0; }
  body.lio-account-surface .lio-ae-auth[data-lio-login-merge="true"] .lio-ae-login-success svg { opacity: 1; transform: translate(-50%, -50%) scale(1); }
  body.lio-account-surface .lio-ae-auth[data-lio-login-merge="true"] .lio-ae-login-success path { stroke-dashoffset: 0; }
}

/*
 * Candidate overlay for account-0.8.17.css.
 *
 * The resting primary control stays unchanged.  This only supplies the dark-red,
 * light-label feedback shown in the approved interaction reference.  The
 * aria-busy selector intentionally remains eligible when the submit control is
 * disabled by the existing request code. Its opacity is restored only while
 * busy so the dark-red status remains legible without changing other disabled
 * controls.
 */

body.lio-account-surface .lio-ae-primary:hover:not(:disabled),
body.lio-account-surface .lio-ae-primary[aria-busy="true"],
body.lio-account-surface .lio-ae-primary:focus-visible {
  background: linear-gradient(135deg, #7b1936 0%, #650d27 58%, #4d091d 100%);
  box-shadow: -5px -5px 10px rgba(255, 255, 255, .82), 6px 7px 13px rgba(77,9,29, .42);
  color: #fff;
  text-shadow: 0 1px 1px rgba(61, 8, 8, .28);
}

body.lio-account-surface .lio-ae-primary[aria-busy="true"] {
  opacity: 1;
}

/* Keep the existing press transform, while restoring a red-tinted inset depth. */
body.lio-account-surface .lio-ae-primary:active:not(:disabled) {
  background: linear-gradient(135deg, #7b1936 0%, #650d27 58%, #4d091d 100%);
  box-shadow: inset 4px 4px 8px rgba(92, 13, 13, .52), inset -4px -4px 8px rgba(255, 255, 255, .22);
  color: #fff;
  text-shadow: 0 1px 1px rgba(61, 8, 8, .28);
}

/* The owner stylesheet already enables focus-visible outlines; retain it explicitly here. */
body.lio-account-surface .lio-ae-primary:focus-visible {
  outline: 3px solid var(--lio-ae-accent);
  outline-offset: 3px;
}

/*
 * Candidate login-chrome correction for account-0.8.17.css.
 *
 * AccountView emits .lio-ae-auth only from woocommerce_before_customer_login_form
 * and returns early for an authenticated user. The native lost-password endpoint
 * does not use that hook or marker. This therefore hides only the native toolbar
 * on the anonymous root login form; it does not alter toolbar markup, links,
 * navigation behavior, customer dashboards/endpoints, or password recovery.
 */

@supports selector(body:has(.lio-ae-auth)) {
  body.lio-account-surface:has(.lio-ae-auth) .wd-toolbar {
    display: none !important;
  }
}

/* Candidate overlay: preserves existing order URLs and anchor semantics. */
body.lio-account-dashboard .lio-ae-latest-order > a.lio-ae-latest-order__action,
body.lio-account-surface.lio-account-customer-endpoint #lio-purchase-history[aria-label="خریدهای قبلی"] .lio-ae-history__grid > .lio-ae-history__card > a.lio-ae-history__link {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 44px;
  padding: 10px 14px;
  border-radius: 14px;
  background: var(--lio-ae-accent, #650d27);
  box-shadow: -4px -4px 8px rgba(255,255,255,.9), 4px 4px 8px rgba(101,13,39,.28);
  color: #fff;
  font-weight: 760;
  text-decoration: none;
  touch-action: manipulation;
}

body.lio-account-dashboard .lio-ae-latest-order > a.lio-ae-latest-order__action:active,
body.lio-account-surface.lio-account-customer-endpoint #lio-purchase-history[aria-label="خریدهای قبلی"] .lio-ae-history__grid > .lio-ae-history__card > a.lio-ae-history__link:active {
  box-shadow: inset 2px 2px 5px rgba(92,12,23,.3), inset -2px -2px 5px rgba(255,255,255,.22);
}

body.lio-account-dashboard .lio-ae-latest-order > a.lio-ae-latest-order__action:focus-visible,
body.lio-account-surface.lio-account-customer-endpoint #lio-purchase-history[aria-label="خریدهای قبلی"] .lio-ae-history__grid > .lio-ae-history__card > a.lio-ae-history__link:focus-visible {
  outline: 3px solid rgba(101,13,39,.48);
  outline-offset: 3px;
}

body.lio-account-dashboard .lio-ae-latest-order > a.lio-ae-latest-order__action.lio-ae-link-feedback--busy,
body.lio-account-surface.lio-account-customer-endpoint #lio-purchase-history[aria-label="خریدهای قبلی"] .lio-ae-history__grid > .lio-ae-history__card > a.lio-ae-history__link.lio-ae-link-feedback--busy {
	color: #fff;
}

/* Assets adds both markers only to the exact customer's non-root account endpoints. */
body.lio-account-surface.lio-account-customer-endpoint h3.woocommerce-MyAccount-title.entry-title {
	display: none;
}

/* The account-menu class is applied by Assets only to exact-customer supported endpoints. */
body.lio-account-surface.lio-account-customer-endpoint .woocommerce-MyAccount-navigation {
	display: none;
}

body.lio-account-surface.lio-account-customer-endpoint .lio-ae-endpoint-return {
	margin: 0 0 24px;
}

body.lio-account-surface.lio-account-customer-endpoint .lio-ae-endpoint-return > a {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 44px;
	padding: 10px 14px;
	border-radius: 14px;
	background: var(--lio-ae-accent, #650d27);
	box-shadow: -4px -4px 8px rgba(255,255,255,.9), 4px 4px 8px rgba(101,13,39,.28);
	color: #fff;
	font-weight: 760;
	text-decoration: none;
	touch-action: manipulation;
}

body.lio-account-surface.lio-account-customer-endpoint .lio-ae-endpoint-return > a:active {
	box-shadow: inset 2px 2px 5px rgba(92,12,23,.3), inset -2px -2px 5px rgba(255,255,255,.22);
}

body.lio-account-surface.lio-account-customer-endpoint .lio-ae-endpoint-return > a:focus-visible {
	outline: 3px solid rgba(101,13,39,.48);
	outline-offset: 3px;
}

/* Candidate overlay for the independent birthday form following WooCommerce's edit-account form. */
body.lio-account-surface.lio-account-customer-endpoint .lio-ae-birthday {
	margin-block: 24px;
	padding: 18px;
	border-radius: 18px;
	background: var(--lio-ae-surface, #f2f2f2);
	box-shadow: -4px -4px 10px rgba(255,255,255,.82), 4px 4px 10px rgba(170,170,170,.34);
}

body.lio-account-surface.lio-account-customer-endpoint .lio-ae-birthday h2 {
	margin: 0 0 8px;
}

body.lio-account-surface.lio-account-customer-endpoint .lio-ae-birthday p {
	margin: 0 0 14px;
}

body.lio-account-surface.lio-account-customer-endpoint .lio-ae-birthday__form .form-row {
	float: none;
	width: 100%;
	margin: 0 0 12px;
}

body.lio-account-surface.lio-account-customer-endpoint .lio-ae-birthday__form select {
	display: block;
	width: 100%;
	height: 154px;
	padding: 6px 12px;
	border: 1px solid rgba(101,13,39,.16);
	border-radius: 14px;
	background: linear-gradient(to bottom, rgba(242,242,242,.78), #fff 37%, #fff 63%, rgba(242,242,242,.78));
	color: var(--lio-ae-ink, #303030);
	font-size: 16px;
	font-weight: 700;
	line-height: 1.8;
	scroll-behavior: smooth;
}

body.lio-account-surface.lio-account-customer-endpoint .lio-ae-birthday__form select option {
	padding-block: 5px;
}

body.lio-account-surface.lio-account-customer-endpoint .lio-ae-birthday__form button {
	min-height: 44px;
}

body.lio-account-surface.lio-account-customer-endpoint .lio-ae-birthday :focus-visible {
	outline: 3px solid rgba(101,13,39,.48);
	outline-offset: 3px;
}

body.lio-account-surface.lio-account-customer-endpoint .lio-ae-birthday__selected {
	min-height: 1.8em;
	color: var(--lio-ae-muted, #5f5f5f);
	font-weight: 650;
}

@media (prefers-reduced-motion: reduce) {
	body.lio-account-surface.lio-account-customer-endpoint .lio-ae-birthday__form select {
		scroll-behavior: auto;
	}
}

/* Candidate overlay for only Assets-gated customer endpoints. */
body.lio-account-surface.lio-account-customer-endpoint .wd-my-account-wrapper {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  width: min(100%, 1040px);
  min-width: 0;
  margin-inline: auto;
  gap: 0;
}

/* WoodMart places native navigation in this sidebar. Contents makes the real return link a grid child without retaining a blank 30% column. */
body.lio-account-surface.lio-account-customer-endpoint .wd-my-account-sidebar {
  display: contents;
}

body.lio-account-surface.lio-account-customer-endpoint .lio-ae-endpoint-return {
  grid-column: 1;
  grid-row: 1;
  margin: 0 0 16px;
}

body.lio-account-surface.lio-account-customer-endpoint .woocommerce-MyAccount-content {
  grid-column: 1;
  grid-row: 2;
  width: 100%;
  max-width: none;
  min-width: 0;
}

body.lio-account-surface.lio-account-customer-endpoint .lio-ae-birthday__wheels {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
  min-width: 0;
}

body.lio-account-surface.lio-account-customer-endpoint .lio-ae-birthday__wheels .form-row {
  width: auto;
  margin: 0;
  min-width: 0;
}

body.lio-account-surface.lio-account-customer-endpoint .lio-ae-birthday__wheels select {
  height: 154px;
  min-height: 154px;
  min-width: 0;
  padding-inline: 8px;
  text-align: center;
  background: linear-gradient(to bottom, rgba(242,242,242,.86) 0 24%, #fff 41% 59%, rgba(242,242,242,.86) 76% 100%);
}

body.lio-account-surface.lio-account-customer-endpoint .lio-ae-birthday__wheels select option {
  text-align: center;
}

@media (min-width: 700px) {
  body.lio-account-surface.lio-account-customer-endpoint .lio-ae-birthday__wheels {
    max-width: 520px;
  }
}

@media (max-width: 699px) {
  body.lio-account-surface.lio-account-customer-endpoint .main-page-wrapper {
    min-width: 0;
    padding-inline: 10px;
  }

  body.lio-account-surface.lio-account-customer-endpoint .wd-my-account-wrapper {
    width: calc(100vw - 20px);
    max-width: 100%;
  }
}



/* Video reference 1: accepted response only. Four real OTP cells glow together, gather into one warm-red rounded square, then draw a light green tick. */
body.lio-account-surface .lio-ae-auth[data-lio-login-success="true"] {
  --lio-ae-login-handoff-ms: 650ms;
}

/* Pending is deliberately still: the entered code remains readable until the server accepts it. */
body.lio-account-surface .lio-ae-auth[data-lio-otp-processing="true"]:not([data-lio-login-success="true"]) .lio-ae-otp__cell {
  animation: none !important;
  will-change: auto;
}

body.lio-account-surface .lio-ae-auth[data-lio-login-success="true"] .lio-ae-login-success {
  background: transparent;
  border-radius: 0;
  color: var(--lio-ae-login-green, #276b57);
}

/* Collective warm-red emphasis precedes the measured four-cell gather; there is no waiting loop. */
body.lio-account-surface .lio-ae-auth[data-lio-login-success="true"] .lio-ae-otp__cell,
body.lio-account-surface .lio-ae-auth[data-lio-login-success="true"][data-lio-login-merge="true"] .lio-ae-otp__cell {
  --lio-ae-merge-x: 0px;
  --lio-ae-merge-tilt: 0deg;
  animation: lio-ae-reference-cell-gather 650ms cubic-bezier(.22, .72, .28, 1) both !important;
  will-change: transform, opacity, box-shadow;
}

body.lio-account-surface .lio-ae-auth[data-lio-login-success="true"][data-lio-login-merge="true"] .lio-ae-otp__cell:nth-child(1) { --lio-ae-merge-x: calc(var(--lio-ae-merge-half-step) + var(--lio-ae-merge-half-step) + var(--lio-ae-merge-half-step)); --lio-ae-merge-tilt: -5deg; }
body.lio-account-surface .lio-ae-auth[data-lio-login-success="true"][data-lio-login-merge="true"] .lio-ae-otp__cell:nth-child(2) { --lio-ae-merge-x: var(--lio-ae-merge-half-step); --lio-ae-merge-tilt: -2deg; }
body.lio-account-surface .lio-ae-auth[data-lio-login-success="true"][data-lio-login-merge="true"] .lio-ae-otp__cell:nth-child(3) { --lio-ae-merge-x: calc(0px - var(--lio-ae-merge-half-step)); --lio-ae-merge-tilt: 2deg; }
body.lio-account-surface .lio-ae-auth[data-lio-login-success="true"][data-lio-login-merge="true"] .lio-ae-otp__cell:nth-child(4) { --lio-ae-merge-x: calc(0px - var(--lio-ae-merge-half-step) - var(--lio-ae-merge-half-step) - var(--lio-ae-merge-half-step)); --lio-ae-merge-tilt: 5deg; }

@keyframes lio-ae-reference-cell-gather {
  0%, 14% { opacity: 1; transform: translateY(-2px) rotate(0); }
  32% { border-color: var(--lio-ae-login-red, #650d27); background: rgba(101,13,39, .09); color: var(--lio-ae-login-red, #650d27); box-shadow: 0 0 0 4px rgba(101,13,39,.08), 0 0 18px rgba(101,13,39,.26), inset 3px 3px 8px rgba(101,13,39,.10), inset -4px -4px 9px rgba(255,255,255,.68); transform: translateY(-2px) rotate(0); }
  53% { border-color: var(--lio-ae-login-red, #650d27); background: rgba(101,13,39, .12); color: var(--lio-ae-login-red, #650d27); box-shadow: 0 0 0 5px rgba(101,13,39,.10), 0 0 24px rgba(101,13,39,.32), inset 3px 3px 8px rgba(101,13,39,.12), inset -4px -4px 9px rgba(255,255,255,.65); transform: translateY(-1px) rotate(0); }
  79% { opacity: .9; border-color: var(--lio-ae-login-red, #650d27); background: rgba(101,13,39,.16); box-shadow: 0 0 20px rgba(101,13,39,.34); transform: translateX(var(--lio-ae-merge-x)) translateY(0) rotate(var(--lio-ae-merge-tilt)) scale(.92); }
  88%, 100% { opacity: 0; transform: translateX(var(--lio-ae-merge-x)) translateY(0) rotate(var(--lio-ae-merge-tilt)) scale(.80); }
}

/* The final glyph is a rounded square at the actual measured four-cell row centre, never a circle. */
body.lio-account-surface .lio-ae-auth[data-lio-login-success="true"] .lio-ae-login-success svg,
body.lio-account-surface .lio-ae-auth[data-lio-login-success="true"][data-lio-login-merge="true"] .lio-ae-login-success svg {
  position: absolute;
  left: var(--lio-ae-merge-center-x, 50%);
  top: var(--lio-ae-merge-center-y, 50%);
  width: var(--lio-ae-merge-svg-size, 77px);
  height: var(--lio-ae-merge-svg-size, 77px);
  overflow: visible;
  opacity: 0;
  transform: translate(-50%, -50%) scale(.76);
  filter: drop-shadow(0 0 16px rgba(101,13,39,.52));
  animation: lio-ae-reference-square-in 650ms cubic-bezier(.22, .72, .28, 1) both !important;
}

body.lio-account-surface .lio-ae-auth[data-lio-login-success="true"] .lio-ae-login-success rect {
  fill: rgba(101,13,39,.18);
  stroke: #7b1936;
  stroke-width: 2.8;
}

body.lio-account-surface .lio-ae-auth[data-lio-login-success="true"] .lio-ae-login-success path {
  stroke: #c5e0ce;
  stroke-width: 3.6;
  filter: drop-shadow(0 1px 2px rgba(39,107,87,.38));
  stroke-dasharray: 62;
  stroke-dashoffset: 62;
  animation: lio-ae-reference-check-draw 140ms 470ms ease-out both !important;
}

@keyframes lio-ae-reference-square-in {
  0%, 58% { opacity: 0; transform: translate(-50%, -50%) scale(.76); }
  73% { opacity: 1; transform: translate(-50%, -50%) scale(1.035); }
  88%, 100% { opacity: 1; transform: translate(-50%, -50%) scale(1); }
}
@keyframes lio-ae-reference-check-draw { to { stroke-dashoffset: 0; } }

@media (prefers-reduced-motion: reduce) {
  body.lio-account-surface .lio-ae-auth[data-lio-login-success="true"] .lio-ae-otp__cell { animation: none !important; opacity: 0; }
  body.lio-account-surface .lio-ae-auth[data-lio-login-success="true"] .lio-ae-login-success svg { animation: none !important; opacity: 1; transform: translate(-50%, -50%) scale(1); }
  body.lio-account-surface .lio-ae-auth[data-lio-login-success="true"] .lio-ae-login-success path { animation: none !important; stroke-dashoffset: 0; }
}
/* The reference dims the ancillary OTP UI while the familiar code row performs the accepted morph. */
body.lio-account-surface .lio-ae-auth[data-lio-login-success="true"] .lio-ae-face--otp .lio-ae-lead,
body.lio-account-surface .lio-ae-auth[data-lio-login-success="true"] .lio-ae-face--otp .lio-ae-resend,
body.lio-account-surface .lio-ae-auth[data-lio-login-success="true"] .lio-ae-face--otp .lio-ae-form > .lio-ae-primary,
body.lio-account-surface .lio-ae-auth[data-lio-login-success="true"] .lio-ae-face--otp .lio-ae-back {
  pointer-events: none;
  animation: lio-ae-reference-secondary-fade 650ms ease both !important;
}
body.lio-account-surface .lio-ae-auth[data-lio-login-success="true"] .lio-ae-face--otp h2 {
  animation: lio-ae-reference-title-settle 650ms ease both;
}
@keyframes lio-ae-reference-secondary-fade {
  0%, 34% { opacity: 1; transform: none; }
  66%, 100% { opacity: 0; transform: translateY(-3px); }
}
@keyframes lio-ae-reference-title-settle {
  0%, 34% { opacity: 1; transform: translateY(0); }
  56% { opacity: 0; transform: translateY(-3px); }
  78%, 100% { opacity: 1; transform: translateY(0); }
}
@media (prefers-reduced-motion: reduce) {
  body.lio-account-surface .lio-ae-auth[data-lio-login-success="true"] .lio-ae-face--otp .lio-ae-lead,
  body.lio-account-surface .lio-ae-auth[data-lio-login-success="true"] .lio-ae-face--otp .lio-ae-resend,
  body.lio-account-surface .lio-ae-auth[data-lio-login-success="true"] .lio-ae-face--otp .lio-ae-form > .lio-ae-primary,
  body.lio-account-surface .lio-ae-auth[data-lio-login-success="true"] .lio-ae-face--otp .lio-ae-back,
  body.lio-account-surface .lio-ae-auth[data-lio-login-success="true"] .lio-ae-face--otp h2 { animation: none !important; }
}
/* The short accepted title is constrained to the original one-line heading footprint, so measured merge geometry cannot drift. */
body.lio-account-surface .lio-ae-otp-heading,
body.lio-account-surface .lio-ae-otp-heading h2 {
  min-height: 1.3em;
}
body.lio-account-surface .lio-ae-otp-heading h2 {
  white-space: nowrap;
}

/* Login handoff focuses the non-interactive profile for screen readers.
 * Suppress only its browser ring; interactive descendants retain brand focus.
 */
body.lio-account-dashboard .lio-ae-profile[tabindex="-1"]:focus {
  outline: none;
}