@layer minigap-mobile-flow {
#accountModal.account-modal {
  --aw-surface:var(--mf-surface,var(--paper,#172431));
  --aw-ink:var(--mf-ink,var(--text,#e9f1f8));
  --aw-line:var(--mf-line,var(--line,#466075));
  --aw-muted:var(--mf-muted,var(--muted,#a6bacb));
}
html[data-theme="slate-mint"] #accountModal.account-modal {
  --aw-surface:#fcfefd;--aw-ink:#183c39;--aw-line:#cfe0db;--aw-muted:#4d6a65;
}
html[data-theme="light"] #accountModal.account-modal {
  --aw-surface:#ffffff;--aw-ink:#203550;--aw-line:#cbdce9;--aw-muted:#526a80;
}
html[data-theme="dark"] #accountModal.account-modal {
  --aw-surface:#192431;--aw-ink:#edf3fa;--aw-line:#354657;--aw-muted:#aabccd;
}
html[data-theme="classic"] #accountModal.account-modal {
  --aw-surface:#222238;--aw-ink:#f3efff;--aw-line:#49415f;--aw-muted:#c1b9d5;
}
html body #accountModal.account-modal > .account-panel {
  display:flex!important;flex-direction:column!important;overflow:hidden!important;
  width:min(860px,calc(100vw - 40px))!important;height:min(760px,calc(100dvh - 48px))!important;
  max-height:calc(100dvh - 48px)!important;padding:0!important;border-radius:24px!important;
  background:var(--aw-surface)!important;color:var(--aw-ink)!important;
}
html body #accountModal.account-modal .account-header {
  position:relative!important;flex:0 0 auto!important;min-height:60px!important;
  padding:12px 22px!important;margin:0!important;box-shadow:none!important;
  border-bottom:1px solid var(--aw-line)!important;background:var(--aw-surface)!important;
}
html body #accountModal.account-modal .account-header h3 { margin:0!important;font-size:18px!important; }
html body #accountModal.account-modal #accountForm {
  display:block!important;flex:1 1 auto!important;min-height:0!important;overflow-y:auto!important;
  overflow-x:hidden!important;padding:0 24px!important;margin:0!important;overscroll-behavior:contain;
  scroll-padding-block:76px 90px;scrollbar-width:thin;background:var(--aw-surface)!important;
}
html body #accountModal.account-modal #accountForm .account-tabs {
  position:sticky!important;top:0!important;z-index:4!important;display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;margin:0 -24px 20px!important;
  padding:10px 24px!important;gap:6px!important;min-height:0!important;
  width:auto!important;max-width:none!important;box-sizing:border-box!important;
  border:0!important;border-bottom:1px solid var(--aw-line)!important;border-radius:0!important;
  background:var(--aw-surface)!important;overflow:visible!important;
}
html body #accountModal.account-modal #accountForm .account-tab {
  min-width:0!important;min-height:44px!important;padding:8px 4px!important;font-size:13px!important;
  border:0!important;border-radius:12px!important;box-shadow:none!important;white-space:normal!important;
  background:transparent!important;color:var(--aw-muted)!important;line-height:1.5!important;
}
html body #accountModal.account-modal #accountForm .account-tab.active {
  background:var(--mf-soft,color-mix(in srgb,var(--aw-ink) 9%,var(--aw-surface)))!important;
  color:var(--aw-ink)!important;
}
html body #accountModal.account-modal #accountForm .account-tab:focus-visible { outline:2px solid currentColor;outline-offset:2px; }
html body #accountModal.account-modal .account-tab-panel { gap:18px!important;padding-bottom:20px; }
html body #accountModal.account-modal .account-tab-panel > section {
  padding:18px!important;margin:0!important;border:1px solid var(--aw-line)!important;
  border-radius:16px!important;box-shadow:none!important;background:transparent!important;
}
html body #accountModal.account-modal #accountForm > .account-actions {
  position:sticky!important;bottom:0!important;z-index:5!important;display:flex!important;gap:10px!important;
  margin:0 -24px!important;padding:12px 24px!important;border-top:1px solid var(--aw-line)!important;
  background:var(--aw-surface)!important;box-shadow:none!important;
}
html body #accountModal.account-modal #accountForm > .account-actions button { min-height:44px!important;flex:1; }
html body #accountModal.account-modal #accountForm .phone-visibility { line-height:1.9;align-items:flex-start; }
html body #accountModal.account-modal #accountForm .pc-call-access { flex-wrap:wrap;gap:12px;margin:0;padding:16px;border-radius:14px; }
html body #accountModal.account-modal #profileImageButton { box-shadow:none!important;background:transparent!important; }
@media(max-width:700px) {
  html body #accountModal.account-modal { padding:0!important;align-items:stretch!important; }
  html body #accountModal.account-modal > .account-panel {
    width:100%!important;height:var(--app-height,100dvh)!important;max-height:100dvh!important;
    border-radius:0!important;border:0!important;
  }
  html body #accountModal.account-modal .account-header { min-height:56px!important;padding:8px 16px!important; }
  html body #accountModal.account-modal #accountForm { padding:0 16px!important; }
  html body #accountModal.account-modal #accountForm .account-tabs {
    margin:0 -16px 16px!important;padding:8px!important;gap:2px!important;
  }
  html body #accountModal.account-modal #accountForm .account-tab { font-size:12px!important;min-height:48px!important; }
  html body #accountModal.account-modal #accountForm .account-tab > span[aria-hidden] { display:none!important; }
  html body #accountModal.account-modal .account-tab-panel > section { padding:14px!important; }
  html body #accountModal.account-modal #accountForm > .account-actions {
    margin:0 -16px!important;padding:10px 16px calc(10px + env(safe-area-inset-bottom))!important;
  }
  html[data-mobile-design="flow"] body #app #mobileFlowNav {
    gap:4px!important;padding-inline:12px!important;align-items:center!important;
  }
  html[data-mobile-design="flow"] body #app #mobileFlowNav button {
    min-height:50px!important;padding:4px 8px!important;gap:2px!important;border-radius:14px!important;
    font-size:11px!important;font-weight:600!important;line-height:1.5!important;
  }
  html[data-mobile-design="flow"] body #app #mobileFlowNav button[aria-current] {
    background:var(--mf-soft)!important;color:var(--mf-accent)!important;box-shadow:none!important;
  }
  html[data-mobile-design="flow"] body #app #mobileFlowNav svg { width:23px!important;height:23px!important; }
}
}