/* Figma personal centre header, with editable account information instead of the five shortcuts. */
.phone #appMain:has(.account-screen){padding:72px 0 0;background:#637da9;}.phone #appMain>.account-screen{max-width:none;margin:0;width:100%;}.account-scene{min-height:245px;padding:22px 20px 24px;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#183867 url('../../assets/figma/account-imgRectangle19612.png') right top/217% auto;color:#fff;}.account-scene .account-avatar-editor{margin:0;display:block;}.account-avatar-button{display:block;position:relative;cursor:pointer;border-radius:50%;width:98px;height:98px;overflow:hidden;box-shadow:0 4px 20px #09245633;}.account-avatar-button #accountAvatarPreview{width:98px;height:98px;object-fit:cover;border:0;border-radius:50%;background:#eaf2ff;}.account-avatar-button>span{position:absolute;bottom:0;left:0;right:0;padding:6px;background:#18386690;color:#fff;text-align:center;font-size:10px;}.account-scene h2{margin:14px 0 14px;font-size:22px;font-weight:500;line-height:1.3;}.account-badges{display:flex;gap:18px;justify-content:center;}.account-badges span{background:rgba(66,82,124,.8);padding:4px 18px;border-radius:20px;font-size:11px;}.account-details{padding:28px 24px 32px;background:linear-gradient(150deg,rgba(143,156,190,.74),rgba(70,115,174,.95));border-radius:24px 24px 0 0;margin-top:-10px;min-height:400px;}.account-membership-banner{position:relative;display:flex;flex-direction:column;justify-content:center;width:100%;height:100px;padding:20px 18px;text-align:left;background:none;border:0;color:#fff;font:inherit;cursor:pointer;margin-bottom:26px;}.account-membership-bg{position:absolute;left:0;top:15px;width:100%;height:78px;}.account-membership-uu{position:absolute;right:0;top:0;width:165px;height:93px;object-fit:cover;border-bottom-right-radius:17px;}.account-membership-banner>strong,.account-membership-banner>small{position:relative;z-index:1;max-width:65%;}.account-membership-banner>strong{font-size:19px;font-weight:600;margin:8px 0;}.account-membership-banner>small{font-size:11px;}.account-data-form{background:rgba(255,255,255,.9);border:1px solid rgba(255,255,255,.6);border-radius:22px;padding:22px;max-width:540px;margin:0 auto;}.account-data-form>label{font-size:14px;}.account-data-form .primary{margin-bottom:0;}.theme-dark .account-data-form{background:rgba(23,35,51,.94);border-color:#536783;}.theme-dark .account-details{background:linear-gradient(150deg,#415273,#253b5c);}
@media(min-width:600px){.account-scene{min-height:280px;background-size:130% auto;}.account-details{padding:30px 36px 45px;}.account-membership-banner{max-width:540px;margin:0 auto 26px;}.account-membership-bg{height:95px;top:0;}.account-membership-uu{top:-15px;height:110px;width:195px;}.account-membership-banner>strong{font-size:22px;}.account-membership-banner>small{font-size:13px;}}

/* UG-MERGE-20261020-01: apply source account readability fixes only when dark
 * mode is already selected; reuse the current dream theme's color tokens. */
.phone.theme-dark .account-screen .account-scene {
  background-color: #15294b;
}
.phone.theme-dark .account-screen .account-details {
  background: linear-gradient(150deg, #263b59, #1b304d);
}
.phone.theme-dark .account-screen .account-data-form {
  background: var(--dream-surface);
  border-color: var(--line);
  color: var(--ink);
}
.phone.theme-dark .account-data-form :is(input, select) {
  background: var(--cream);
  border-color: var(--line);
  color: var(--ink);
}