.mobile-account-profile-settings{display:none}
.password-reference-input { display: block; position: relative; }
.password-reference-lock, .password-visibility-toggle, .password-reference-guidance { display: none; }
#mobile-dashboard-account .mobile-account-metric > .referral-metric-only { display: none; }
.mobile-account-payments-metric{display:none!important}
@media(max-width:767px){
#mobile-dashboard-account .mobile-account-profile-card{position:relative}
#mobile-dashboard-account .mobile-account-profile-settings{position:absolute;top:-2px;right:0;display:grid;place-items:center;width:44px;height:44px;padding:10px;border:0;border-radius:50%;background:transparent;color:#fff;box-shadow:none;cursor:pointer}
#mobile-dashboard-account .mobile-account-profile-settings svg{width:24px;height:24px;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
#mobile-dashboard-account .mobile-account-profile-settings:focus-visible{outline:2px solid #fff;outline-offset:2px}
#mobile-dashboard-account .mobile-account-profile-settings:active{background:#ffffff20}
body:has(#mobile-dashboard-account:not(.hidden)){background:#eff9f6}
#mobile-dashboard-account{position:relative;isolation:isolate;background:transparent;border:0;box-shadow:none;padding:0 12px 18px;gap:10px;color:#101629}
#mobile-dashboard-account:before{
  content:"";
  position:absolute;
  z-index:-1;
  inset:-30px 0 auto;
  height:430px;
  pointer-events:none;
  background:radial-gradient(ellipse at 45% -20%,#35dca3,transparent 45%),radial-gradient(ellipse at 120% 90%,#00ad80,transparent 65%),linear-gradient(140deg,#005649,#003d38 65%,#00896b);
  -webkit-mask-image:linear-gradient(to bottom,#000 0%,#000 65%,rgba(0,0,0,.85) 72%,rgba(0,0,0,.45) 82%,rgba(0,0,0,.12) 92%,transparent 100%);
  mask-image:linear-gradient(to bottom,#000 0%,#000 65%,rgba(0,0,0,.85) 72%,rgba(0,0,0,.45) 82%,rgba(0,0,0,.12) 92%,transparent 100%);
}
#mobile-dashboard-account .mobile-account-profile-card{background:transparent;border:0;box-shadow:none;padding:0;margin:0 0 0;border-radius:0}
#mobile-dashboard-account .mobile-account-profile-card:before{content:"Contul meu";display:block;color:white;font-size:28px;font-weight:750;margin:5px 7px 18px}
#mobile-dashboard-account .mobile-account-profile-top{padding:0 10px 10px;gap:16px}
#mobile-dashboard-account .mobile-account-profile-avatar{width:74px;height:74px;border:2px solid #8fffd3;box-shadow:0 0 0 2px #009976;background:#effbf5}
#mobile-dashboard-account .mobile-dashboard-account-email{color:white;font-size:17px;font-weight:600}
#mobile-dashboard-account .mobile-account-profile-copy>[data-account-membership]{display:none}
#mobile-dashboard-account .mobile-account-connected-badge{background:#009c6b99;border:1px solid #00b881;color:white;border-radius:24px;min-height:25px;padding:0 12px;font-size:14px}
#mobile-dashboard-account .mobile-account-connected-badge span{background:#00efaa}
#mobile-dashboard-account .mobile-account-metrics{gap:6px;background:none;border:0;padding:0;min-height:72px;margin:0 0 8px}
#mobile-dashboard-account .mobile-account-metric{padding:12px 9px;gap:10px;border:1px solid #00ce94;border-radius:13px;background:linear-gradient(135deg,#00977299,#005b5099);color:white;min-width:0}
#mobile-dashboard-account .mobile-account-metric-icon{width:42px;height:44px;border-radius:14px;background:linear-gradient(135deg,#00c88d,#00624f);color:white;box-shadow:inset 0 0 0 1px #16d69a}
#mobile-dashboard-account .mobile-account-metric-copy{min-width:0}
#mobile-dashboard-account .mobile-account-metric-copy>span{font-size:10px;color:white;white-space:nowrap}
#mobile-dashboard-account .mobile-account-metric-copy strong{font-size:25px;color:white;line-height:1.15}
#mobile-dashboard-account .mobile-account-action-list{background:#ffffffed;border:6px solid #ffffff80;border-radius:17px;overflow:hidden;box-shadow:0 8px 24px #00795b0c}
#mobile-dashboard-account .mobile-account-action-row{min-height:58px;padding:7px 8px;gap:16px;background:transparent;color:#101629;font-size:16px;font-weight:650;border-bottom:1px solid #edf1f2}
#mobile-dashboard-account .mobile-account-action-icon{width:42px;height:42px;background:#fff;border:1px solid #a7ddc6;color:#009d64;border-radius:50%}
#mobile-dashboard-account .mobile-account-action-icon svg{width:25px;height:25px}
#mobile-dashboard-account .reference-action-copy{display:grid;gap:3px;text-align:left}
#mobile-dashboard-account .reference-action-copy small,#mobile-dashboard-account .mobile-account-action-copy small{font-size:12px;font-weight:400;color:#747e8d;white-space:normal;line-height:1.3}
#mobile-dashboard-account .mobile-account-buy-credits{min-height:86px;border:1px solid #0ac48e;border-radius:15px;background:radial-gradient(ellipse at 90% 0%,#2ee6a6,transparent 65%),linear-gradient(110deg,#007356,#00966c);padding:14px;gap:18px;box-shadow:0 8px 20px #00836720}
#mobile-dashboard-account .mobile-account-buy-icon{width:56px;height:56px;border:1px solid #00dc99;background:#005c47;border-radius:16px;color:white}
#mobile-dashboard-account .mobile-account-buy-copy strong{font-size:19px;color:white}
#mobile-dashboard-account .mobile-account-buy-copy>span{font-size:14px;color:#e2fff3;font-weight:400}
#mobile-dashboard-account .mobile-dashboard-signout{background:white;color:#ff1740;border:1px solid #e2eceb;border-radius:16px;min-height:40px;margin:0;font-size:16px}
}
@media(max-width:767px){
body.mobile-account-dashboard-active:has(#mobile-dashboard-account:not(.hidden)) .mobile-brand-header{display:none!important}
body.mobile-account-dashboard-active:has(#mobile-dashboard-account:not(.hidden)) .page-shell{padding-top:0!important}
body.mobile-account-dashboard-active:has(#mobile-dashboard-account:not(.hidden)) #mobile-account-dashboard{padding:20px 0 84px!important}
#mobile-dashboard-account{padding:0 12px 18px!important}
#mobile-dashboard-account .mobile-account-profile-card:before{margin:0 8px 18px;font-size:27px}
#mobile-dashboard-account .mobile-account-profile-top{padding:0 10px 5px!important;min-height:78px}
#mobile-dashboard-account .mobile-account-metrics{margin-top:8px!important;margin-bottom:8px!important;min-height:72px}
#mobile-dashboard-account .mobile-account-metric{display:flex!important;align-items:center;padding:13px 11px!important;gap:12px!important}
#mobile-dashboard-account .mobile-account-metric-copy{display:flex;flex-direction:column;gap:4px}
#mobile-dashboard-account .mobile-account-metric-icon{flex:0 0 42px}
#mobile-dashboard-account .mobile-account-metric-copy strong{font-size:24px!important;white-space:nowrap}
#mobile-dashboard-account .mobile-account-action-list{margin:0!important}
#mobile-dashboard-account .mobile-account-action-row{min-height:55px!important;gap:17px!important}
#mobile-dashboard-account .mobile-account-action-row>span:nth-child(2){font-size:14px}
#mobile-dashboard-account .mobile-account-buy-copy>span{font-weight:400!important;line-height:1.3}
#mobile-dashboard-account .mobile-account-buy-copy strong{font-size:18px!important}
#mobile-dashboard-account .mobile-account-profile-avatar:after{content:"";position:absolute;right:0;bottom:4px;width:11px;height:11px;background:#00ce86;border:2px solid white;border-radius:50%}
#mobile-dashboard-account .mobile-account-profile-avatar{overflow:visible}
}
/* Payment history stays inside the account shell. */
@media (max-width: 860px) {
  #mobile-dashboard-account .mobile-account-action-list[hidden] { display: none; }
  #mobile-dashboard-account .mobile-account-row-chevron {
    width: 8px;
    height: 8px;
    border-width: 1.5px 1.5px 0 0;
    border-radius: .75px;
    color: #77958b;
    justify-self: center;
  }
  #mobile-dashboard-account .mobile-account-buy-arrow {
    width: 11px;
    height: 11px;
    border-width: 2px 2px 0 0;
    border-radius: 1px;
    justify-self: center;
  }
  #mobile-dashboard-account .mobile-account-content-card { min-width: 0; }
  #mobile-dashboard-account.mobile-account-detail-open > .mobile-account-buy-credits,
  #mobile-dashboard-account.mobile-account-detail-open > .mobile-dashboard-signout,
  #mobile-dashboard-account.mobile-account-detail-open > .mobile-account-status { display: none; }
  #mobile-dashboard-account .mobile-account-profile-card:before { content: attr(data-profile-title); transition: margin-bottom 300ms ease, font-size 300ms ease; }
  #mobile-dashboard-account .mobile-dashboard-account-email { transition: font-size 300ms ease; }
  #mobile-dashboard-account .mobile-account-connected-badge { transition: font-size 300ms ease, min-height 300ms ease, padding 300ms ease; }
  #mobile-dashboard-account .mobile-account-profile-top { transition: min-height 300ms ease, padding 300ms ease, grid-template-columns 300ms ease; }
  #mobile-dashboard-account .mobile-account-profile-avatar { transition: width 300ms ease, height 300ms ease; }
  #mobile-dashboard-account .mobile-account-metrics {
    /* Keep the same tracks in both states so the third card grows into place. */
    grid-template-columns: minmax(0,1fr) 6px minmax(0,1fr) 0px minmax(0,0fr);
    column-gap: 0;
    transition: grid-template-columns 300ms ease, margin 300ms ease, min-height 300ms ease;
  }
  #mobile-dashboard-account .mobile-account-metric:nth-child(1) { grid-column: 1; grid-row: 1; }
  #mobile-dashboard-account .mobile-account-metric:nth-child(2) { grid-column: 3; grid-row: 1; }
  #mobile-dashboard-account .mobile-account-metric:nth-child(3) { grid-column: 5; grid-row: 1; }
  #mobile-dashboard-account .mobile-account-metric { transition: padding 300ms ease, gap 300ms ease; }
  #mobile-dashboard-account .mobile-account-payments-metric {
    display: flex !important; overflow: hidden; min-width: 0;
    padding: 0 !important; border-width: 0; opacity: 0; visibility: hidden;
    transform: translateX(8px) scale(.9); transform-origin: right center;
    transition: padding 300ms ease, gap 300ms ease, border-width 300ms ease, opacity 300ms ease, transform 300ms ease, visibility 0s linear 300ms;
  }
  #mobile-dashboard-account .mobile-account-metric-icon { transition: flex-basis 300ms ease, width 300ms ease, height 300ms ease, border-radius 300ms ease; }
  #mobile-dashboard-account .mobile-account-metric-icon svg { transition: width 300ms ease, height 300ms ease; }
  #mobile-dashboard-account .mobile-account-metric-copy,
  #mobile-dashboard-account .mobile-account-profile-copy { transition: gap 300ms ease; }
  #mobile-dashboard-account .mobile-account-metric-copy > span,
  #mobile-dashboard-account .mobile-account-metric-copy strong { transition: font-size 300ms ease; }
  #mobile-dashboard-account:before { transition: height 300ms ease; }
  #mobile-dashboard-account.mobile-account-detail-open:before { height: 370px; }
  #mobile-dashboard-account .mobile-account-profile-card { transition: gap 300ms ease; }
  #mobile-dashboard-account.mobile-account-detail-open .mobile-account-profile-card { gap: 10px; }
  #mobile-dashboard-account.mobile-account-detail-open .mobile-account-profile-card:before { margin-bottom: 6px; font-size: 24px; }
  #mobile-dashboard-account.mobile-account-detail-open .mobile-account-profile-top { min-height: 46px; grid-template-columns: 44px minmax(0,1fr); padding-bottom: 0 !important; }
  #mobile-dashboard-account.mobile-account-detail-open .mobile-account-profile-avatar { width: 44px; height: 44px; }
  #mobile-dashboard-account.mobile-account-detail-open .mobile-account-profile-copy { gap: 5px; }
  #mobile-dashboard-account.mobile-account-detail-open .mobile-dashboard-account-email { font-size: 15px; }
  #mobile-dashboard-account.mobile-account-detail-open .mobile-account-connected-badge { font-size: 12px; min-height: 22px; padding: 0 10px; }
  #mobile-dashboard-account.mobile-account-detail-open .mobile-account-metrics { min-height: 60px; margin-top: 4px !important; margin-bottom: 4px !important; }
  #mobile-dashboard-account.mobile-account-history-open .mobile-account-metrics { grid-template-columns: minmax(0,1fr) 6px minmax(0,1fr) 6px minmax(0,1fr); }
  #mobile-dashboard-account.mobile-account-detail-open .mobile-account-metric { padding: 6px !important; gap: 6px !important; }
  #mobile-dashboard-account.mobile-account-detail-open:not(.mobile-account-history-open) .mobile-account-payments-metric { padding: 0 !important; }
  #mobile-dashboard-account.mobile-account-history-open .mobile-account-payments-metric { border-width: 1px; opacity: 1; visibility: visible; transform: none; transition-delay: 0s; }
  #mobile-dashboard-account-payments-value { display: flex; align-items: center; min-height: 23px; }
  #mobile-dashboard-account-payments-value .am-vinyl-mini { --am-vinyl-size: 20px; }
  #mobile-dashboard-account.mobile-account-detail-open .mobile-account-metric-icon { flex-basis: 26px; width: 26px; height: 30px; border-radius: 9px; }
  #mobile-dashboard-account.mobile-account-detail-open .mobile-account-metric-icon svg { width: 17px; height: 17px; }
  #mobile-dashboard-account.mobile-account-detail-open .mobile-account-metric-copy { gap: 2px; }
  #mobile-dashboard-account.mobile-account-detail-open .mobile-account-metric-copy > span { font-size: 9px; line-height: 1.1; white-space: normal; }
  #mobile-dashboard-account.mobile-account-detail-open .mobile-account-metric-label-detail { display: none; }
  #mobile-dashboard-account.mobile-account-detail-open .mobile-account-metric-copy strong { font-size: 20px !important; }
  #mobile-dashboard-account.mobile-account-detail-open :is(#mobile-dashboard-payments-count, #mobile-dashboard-orders-count) { display: none; }
  #mobile-dashboard-account.mobile-account-detail-open .mobile-payments-page-head { grid-template-columns: 40px minmax(0,1fr); }
  #mobile-dashboard-account.mobile-account-detail-open .mobile-account-content-card {
    background: #ffffffed; border: 6px solid #ffffff80; border-radius: 17px;
    box-shadow: 0 8px 24px #00795b0c; overflow: hidden;
  }
  #mobile-dashboard-account :is(#mobile-dashboard-payments, #mobile-dashboard-orders, #mobile-dashboard-settings) {
    margin: 0; padding: 10px 6px 12px; border: 0; border-radius: 0;
    background: transparent; box-shadow: none; min-width: 0; gap: 12px;
  }
  #mobile-dashboard-account :is(#mobile-dashboard-payments, #mobile-dashboard-orders, #mobile-dashboard-settings):not(.hidden) { animation: account-payments-reveal 300ms ease both; }
  #mobile-dashboard-account .mobile-payments-page-head { grid-template-columns: 40px minmax(0, 1fr) auto; gap: 8px; }
  #mobile-dashboard-account .mobile-payments-page-head h2 { font-size: 18px; line-height: 1.2; }
  #mobile-dashboard-account .mobile-payments-back-button { width: 40px; height: 40px; color: #008e64; background: #ecf9f2; border-color: #dbefe6; }
  #mobile-dashboard-account .mobile-payments-search { background: #f3f8f6; }
  #mobile-dashboard-account .mobile-payments-history-summary { padding: 10px 6px; gap: 6px; }
  #mobile-dashboard-account .mobile-payments-history-copy { min-width: 0; }
  #mobile-dashboard-account .mobile-payments-history-copy strong { font-size: 14px; }
  @keyframes account-payments-reveal { from { opacity: 0; transform: translateY(12px); } to { opacity: 1; transform: translateY(0); } }
}
@media (prefers-reduced-motion: reduce) {
  #mobile-dashboard-account:before,
  #mobile-dashboard-account .mobile-account-profile-card,
  #mobile-dashboard-account .mobile-account-profile-card:before,
  #mobile-dashboard-account .mobile-account-profile-top,
  #mobile-dashboard-account .mobile-account-profile-avatar,
  #mobile-dashboard-account .mobile-dashboard-account-email,
  #mobile-dashboard-account .mobile-account-connected-badge,
  #mobile-dashboard-account .mobile-account-metrics,
  #mobile-dashboard-account .mobile-account-metric,
  #mobile-dashboard-account .mobile-account-metric-icon,
  #mobile-dashboard-account .mobile-account-metric-icon svg,
  #mobile-dashboard-account .mobile-account-metric-copy,
  #mobile-dashboard-account .mobile-account-profile-copy,
  #mobile-dashboard-account .mobile-account-metric-copy > span,
  #mobile-dashboard-account .mobile-account-metric-copy strong { transition: none; }
  #mobile-dashboard-account :is(#mobile-dashboard-payments, #mobile-dashboard-orders, #mobile-dashboard-settings):not(.hidden) { animation: none; }
}
@media (max-width: 860px) {
  body.mobile-account-dashboard-active.mobile-account-settings-inline-open #account-main-grid > #mobile-account-dashboard { display: grid !important; }
  body.mobile-account-dashboard-active.mobile-account-settings-inline-open #account-main-grid > #account-sidebar { display: none !important; }
  #mobile-dashboard-settings #account-session-panel { margin: 0; padding: 0; background: transparent; border: 0; box-shadow: none; }
  #mobile-dashboard-settings #account-session-panel > :not(#account-session-password-host):not(#account-session-footer-status):not(#account-delete-open):not(#settings-delete-caption) { display: none !important; }
  #mobile-dashboard-settings #account-settings-back { display: none !important; }
  #mobile-dashboard-settings #account-profile-form { padding: 0; border: 0; border-radius: 0; background: transparent; box-shadow: none; }
  #mobile-dashboard-settings .account-settings-fields { grid-template-columns: minmax(0,1fr); }
  #mobile-dashboard-settings .account-settings-actions { grid-template-columns: minmax(0,1fr); }
  #mobile-dashboard-settings .account-password-field input { min-width: 0; width: 100%; box-sizing: border-box; }
  #mobile-dashboard-account.mobile-account-detail-open .mobile-payments-page-head h2 { font-size: 18px; }
}
@media (max-width: 860px) {
  #mobile-dashboard-settings.mobile-password-change-inline #account-session-panel { display: none !important; }
  #mobile-dashboard-settings #account-password-change-form {
    position: static; inset: auto; transform: none; width: 100%; max-width: none;
    max-height: none; margin: 0; padding: 0; border: 0; border-radius: 0;
    background: transparent; box-shadow: none; overflow: visible; box-sizing: border-box;
  }
  #mobile-dashboard-settings #account-password-change-form .account-password-modal-head { display: none; }
  #mobile-dashboard-settings #account-password-change-form .account-password-modal-actions { grid-template-columns: minmax(0,1fr); }
  #mobile-dashboard-settings #account-password-modal-save { width: 100%; }
}
/* Avatar picker uses the same mint, white and emerald palette as the account. */
#mobile-dashboard-account button.mobile-account-profile-avatar { padding: 0; cursor: pointer; appearance: none; }
#mobile-dashboard-account button.mobile-account-profile-avatar:focus-visible { outline: 3px solid #fff; outline-offset: 4px; }
body.account-avatar-picker-open { overflow: hidden; }
dialog.account-avatar-picker {
  box-sizing: border-box; width: min(420px, calc(100vw - 24px)); max-width: none;
  max-height: calc(100dvh - 32px); margin: auto; padding: 24px 20px 20px;
  border: 1px solid #d7eee4; border-radius: 24px; background: #fbfffd; color: #132b24;
  box-shadow: 0 24px 80px #003d3850; overflow-y: auto; overscroll-behavior: contain;
}
dialog.account-avatar-picker::backdrop { background: #003d3877; backdrop-filter: blur(7px); }
.account-avatar-picker h2 { margin: 0; font: 700 23px/1.2 Inter,sans-serif; text-align: center; }
.avatar-picker-intro { margin: 8px 0 16px; color: #6b8178; font-size: 13px; text-align: center; }
.avatar-picker-preview { display: grid; justify-items: center; gap: 8px; margin-bottom: 18px; }
.avatar-picker-preview img { width: 90px; height: 90px; object-fit: cover; border: 3px solid #0cbf85; border-radius: 50%; background: white; }
.avatar-picker-preview-name { font-size: 14px; }
.avatar-picker-grid { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 12px 8px; }
.avatar-picker-grid button { display: grid; justify-items: center; align-content: start; gap: 6px; padding: 5px 2px; border: 1px solid transparent; border-radius: 13px; background: transparent; color: #527368; cursor: pointer; }
.avatar-picker-grid img { width: 100%; aspect-ratio: 1; border-radius: 50%; object-fit: cover; background: white; border: 2px solid #dceee6; box-sizing: border-box; }
.avatar-picker-grid span { font-size: 10px; line-height: 1.25; text-align: center; }
.avatar-picker-grid button[aria-pressed="true"] { background: #e1f8ed; border-color: #00ad75; color: #006d4e; }
.avatar-picker-grid button[aria-pressed="true"] img { border-color: #00ad75; }
.avatar-picker-grid button:focus-visible { outline: 2px solid #009d64; outline-offset: 2px; }
.avatar-picker-status { min-height: 18px; margin: 12px 0 8px; color: #bd283b; font-size: 12px; }
.avatar-picker-actions { display: grid; grid-template-columns: 1fr 1.3fr; gap: 10px; }
.avatar-picker-actions button { display: flex; align-items: center; justify-content: center; gap: 8px; min-height: 46px; border-radius: 13px; border: 1px solid #cde8db; background: #fff; color: #00875c; font: 600 14px Inter,sans-serif; cursor: pointer; }
.avatar-picker-actions [data-avatar-save] { background: linear-gradient(120deg,#008c65,#10ba7e); color: #fff; border-color: transparent; }
.avatar-picker-actions button:disabled { opacity: .5; cursor: default; }
@media (prefers-reduced-motion: no-preference) {
  .account-avatar-picker[open] { animation: avatar-picker-enter 200ms ease-out; }
  @keyframes avatar-picker-enter { from { opacity: 0; translate: 0 12px; } to { opacity: 1; translate: 0 0; } }
}
/* Settings reference layout; the same form nodes retain their existing behavior. */
.settings-reference-only { display: none; }
.account-security-card { display: contents; }
@media (max-width: 860px) {
  #mobile-dashboard-account .mobile-account-content-card:has(#mobile-dashboard-settings:not(.hidden)) {
    border: 1px solid #fff; border-radius: 17px;
    background: radial-gradient(ellipse at 100% 0%,#b9eadc75,transparent 45%),linear-gradient(135deg,#f3faf8ed,#f4faf8d9);
    box-shadow: 0 14px 35px #007b5c12; overflow: visible;
  }
  #mobile-dashboard-account #mobile-dashboard-settings { padding: 13px 10px 19px; gap: 16px; }
  #mobile-dashboard-settings .mobile-payments-page-head { grid-template-columns: 40px minmax(0,1fr); gap: 12px; padding: 0 2px; }
  #mobile-dashboard-settings .mobile-payments-back-button { border: 0; border-radius: 14px; background: #f6fffc99; }
  #mobile-dashboard-account.mobile-account-detail-open #mobile-dashboard-settings .mobile-payments-page-head h2 { font-size: 20px; font-weight: 750; color: #062b25; margin: 0; }
  #mobile-dashboard-settings .settings-page-description { margin: 4px 0 0; color: #738792; font-size: 11px; line-height: 1.4; }
  #mobile-dashboard-settings.mobile-password-change-inline .settings-page-description { display: block; }
  #mobile-dashboard-settings #account-session-panel { gap: 0; }
  #mobile-dashboard-settings #account-profile-form { gap: 13px; }
  #mobile-dashboard-settings .settings-reference-only { display: block; }
  #mobile-dashboard-settings #account-settings-fields,
  #mobile-dashboard-settings .account-security-card:has(#account-password-change-toggle:not(.hidden)) {
    padding: 13px; border: 1px solid #fff; border-radius: 17px;
    background: linear-gradient(125deg,#ffffffed,#f4fbf8a8);
    box-shadow: 0 5px 18px #36796504;
  }
  #mobile-dashboard-settings #account-settings-fields { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 12px 14px; }
  #mobile-dashboard-settings .account-security-card { display: none; }
  #mobile-dashboard-settings .account-security-card:has(#account-password-change-toggle:not(.hidden)) { display: grid; gap: 12px; }
  #mobile-dashboard-settings .settings-section-heading { grid-column: 1 / -1; display: flex; align-items: center; gap: 11px; margin: 0 0 3px; }
  #mobile-dashboard-settings .settings-section-icon { display: grid; place-items: center; flex: 0 0 36px; height: 36px; border-radius: 50%; color: #008467; background: #dcf7ee; }
  #mobile-dashboard-settings .settings-section-icon svg { width: 20px; height: 20px; fill: none; stroke: currentColor; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; }
  #mobile-dashboard-settings .settings-section-heading h3 { font: 700 14px/1.25 Inter,sans-serif; letter-spacing: -.4px; margin: 0; color: #0d182b; }
  #mobile-dashboard-settings .settings-section-heading p { margin: 4px 0 0; font-size: 10px; line-height: 1.4; color: #788b99; }
  #mobile-dashboard-settings #account-settings-fields .account-password-field { position: relative; min-width: 0; gap: 5px; margin: 0; }
  #mobile-dashboard-settings #account-settings-fields .account-password-field > span { color: #526373; font-size: 11px; font-weight: 600; line-height: 1.3; }
  #mobile-dashboard-settings #account-settings-fields :is(input,select) {
    height: 38px; min-height: 38px; padding: 0 8px 0 32px; border: 1px solid #d8e6e8;
    border-radius: 10px; background: #f3f9f8b3; box-shadow: none; color: #15242a;
    font: 400 12px/1.2 Inter,sans-serif;
  }
  #mobile-dashboard-settings #account-settings-fields :is(input,select):focus { outline: none; border-color: #08b484; box-shadow: 0 0 0 2px #08b48416; }
  #mobile-dashboard-settings .settings-input-icon { position: absolute; bottom: 11px; left: 11px; width: 16px; height: 16px; fill: none; stroke: #91a7b0; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; pointer-events: none; }
  #mobile-dashboard-settings #account-password-change-toggle {
    display: flex; align-items: center; justify-content: flex-start; min-height: 47px;
    gap: 10px; padding: 7px 10px; margin: 0; border: 1px solid #fff; border-radius: 12px;
    background: #e5f5f0; color: #0d2131; font: 400 12px/1.3 Inter,sans-serif;
  }
  #mobile-dashboard-settings #account-password-change-toggle.hidden { display: none; }
  #mobile-dashboard-settings #account-password-change-toggle svg { box-sizing: content-box; width: 18px; height: 18px; padding: 7px; border-radius: 50%; background: #d9f1e9; color: #008367; }
  #mobile-dashboard-settings #account-password-change-toggle:after { content: ''; width: 6px; height: 6px; margin-left: auto; border-right: 1.5px solid #537b7b; border-top: 1.5px solid #537b7b; transform: rotate(45deg); }
  #mobile-dashboard-settings #account-password-inline-host:has(#account-password-change-fields.hidden) { display: none; }
  #mobile-dashboard-settings .account-settings-actions { padding: 0 2px; margin: 0; }
  #mobile-dashboard-settings #account-password-save {
    min-height: 43px; width: 100%; padding: 10px; border: 1px solid #0bc69a; border-radius: 11px;
    background: linear-gradient(110deg,#008265,#00a97d 65%,#19c799); box-shadow: 0 9px 22px #008b6518;
    font: 600 13px/1.2 Inter,sans-serif; color: white;
  }
  #mobile-dashboard-settings #account-password-save svg { width: 18px; height: 18px; }
  #mobile-dashboard-settings #account-delete-open {
    display: flex !important; align-items: center; justify-content: center; gap: 9px;
    margin: 13px 12px 0 !important; padding: 13px 0 5px !important;
    border-top: 1px solid #d6eae4 !important; text-decoration: none !important;
    font: 600 12px/1.4 Inter,sans-serif !important; color: #e12830 !important;
  }
  #mobile-dashboard-settings #account-delete-open svg { width: 19px; height: 19px; fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }
  #mobile-dashboard-settings #account-session-panel > #settings-delete-caption { display: block !important; margin: 2px 0 0; text-align: center; color: #788b99; font-size: 10px; line-height: 1.4; }
  #mobile-dashboard-settings .locality-picker-results { min-width: min(240px,calc(100vw - 60px)); left: auto; right: 0; }
}
@media (max-width: 860px) {
  #mobile-dashboard-account.mobile-account-referrals-open .mobile-account-metric:nth-child(-n+2) > :not(.referral-metric-only) { display: none; }
  #mobile-dashboard-account.mobile-account-referrals-open .referral-metric-only { display: grid; }
  #mobile-dashboard-account.mobile-account-referrals-open .mobile-account-metric-copy.referral-metric-only > span { font-size: 10px; white-space: normal; }
  #mobile-dashboard-account .mobile-account-content-card:has(#mobile-account-referral-panel:not(.hidden)) {
    border: 1px solid #fff; border-radius: 17px;
    background: radial-gradient(ellipse at 100% 0%,#b9eadc75,transparent 45%),linear-gradient(135deg,#f3faf8ed,#f4faf8d9);
    box-shadow: 0 14px 35px #007b5c12;
  }
  #mobile-dashboard-account #mobile-account-referral-panel {
    margin: 0; padding: 13px 10px 19px; border: 0; border-radius: 0;
    background: transparent; box-shadow: none; gap: 14px; min-width: 0;
  }
  #mobile-account-referral-panel:not(.hidden) { animation: account-payments-reveal 300ms ease both; }
  #mobile-account-referral-panel .mobile-payments-page-head { padding: 0 2px; gap: 12px; }
  #mobile-dashboard-account #mobile-account-referral-title { margin: 0; font: 750 20px/1.25 Inter,sans-serif; color: #062b25; }
  #mobile-account-referral-panel .mobile-payments-back-button { border: 0; border-radius: 14px; background: #f6fffc99; }
  #mobile-account-referral-panel .referral-page-description { margin: 4px 0 0; color: #738792; font-size: 11px; line-height: 1.4; }
  #mobile-account-referral-panel .account-referral-head,
  #mobile-account-referral-panel .mobile-account-referral-link-row,
  #mobile-account-referral-panel .account-referral-list {
    display: grid; grid-template-columns: minmax(0,1fr); gap: 10px; padding: 14px; border: 1px solid #fff; border-radius: 16px;
    background: linear-gradient(125deg,#ffffffed,#f4fbf8a8); min-width: 0;
  }
  #mobile-account-referral-panel .account-referral-head p { margin: 0; font-size: 12px; line-height: 1.6; color: #526b75; }
  #mobile-account-referral-panel .account-referral-code { justify-self: start; color: #00866a; background: #e0f5ed; border: 0; font-size: 11px; padding: 7px 10px; border-radius: 8px; }
  #mobile-account-referral-panel .mobile-account-referral-link-row input { min-height: 42px; border: 1px solid #d8e6e8; border-radius: 10px; background: #f6fbfa; font-size: 12px; padding: 10px; color: #31585c; text-overflow: ellipsis; }
  #mobile-account-referral-panel .mobile-account-referral-link-actions { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 8px; min-width: 0; }
  #mobile-account-referral-panel .mobile-account-referral-link-actions button { min-width: 0; padding: 8px; min-height: 42px; border: 1px solid #b5dfd1; border-radius: 10px; background: #f6fffc; color: #00856a; font: 600 12px Inter,sans-serif; }
  #mobile-account-referral-panel #mobile-account-referral-share { border-color: #00b88d; background: linear-gradient(110deg,#008265,#00b889); color: #fff; }
  #mobile-account-referral-panel .account-referral-stats { display: flex; flex-wrap: wrap; gap: 8px; }
  #mobile-account-referral-panel .account-referral-stats > span { flex: 1; background: #e1f4ed; border: 0; border-radius: 10px; padding: 10px; font-size: 11px; color: #4a7368; }
  #mobile-account-referral-panel .account-referral-stats > span:nth-child(2) { display: none; }
  #mobile-account-referral-panel .account-referral-empty { margin: 0; color: #788b99; font-size: 12px; line-height: 1.6; }
  #mobile-account-referral-panel .account-referral-row { gap: 8px; padding: 10px 0; border-bottom: 1px solid #e4eeea; background: none; }
  #mobile-account-referral-panel .account-referral-row-main { min-width: 0; }
  #mobile-account-referral-panel .account-referral-row-main strong { overflow-wrap: anywhere; font-size: 12px; }
  #mobile-account-referral-panel .account-referral-row-status { font-size: 10px; white-space: nowrap; }
  @media (prefers-reduced-motion: reduce) {
    #mobile-account-referral-panel:not(.hidden) { animation: none; }
  }
}