.dashboard {
  .account-shell { padding-block:10px 28px; max-width:1000px; margin-inline:auto; }
  .account-intro { display:flex; align-items:flex-start; justify-content:space-between; gap:24px; margin-bottom:20px; }
  .account-intro h1 { font:500 32px/1.3 var(--serif); color:#403448; }
  .account-intro p { max-width:650px; font-size:16px; line-height:1.8; color:#746b79; margin-top:10px; }
  .account-help-link { font-size:14px; padding-block:8px; color:#76516e; text-decoration:underline; text-underline-offset:4px; }
  .account-side { min-width:0; background:#faf8fb; border-inline-start:1px solid #dedbe2; padding:24px; }
  .account-side .commerce-wallet { margin:0; border:0; border-radius:0; padding:0; background:transparent; }
  .account-side .commerce-wallet-row { align-items:flex-start; }
  .account-side .commerce-wallet-row>div:first-child { display:grid; gap:8px; }
  .account-side .commerce-wallet-row strong { font-size:28px; }
  .account-overview { display:grid; grid-template-columns:minmax(0,1fr) 320px; align-items:stretch; border:1px solid #dedbe2; border-radius:6px; overflow:hidden; }
  .account-panel { background:#fff; padding:24px; min-width:0; }
  .account-details { display:block; margin:0; }
  .account-panel-heading { display:flex; align-items:center; gap:13px; }
  .account-panel h2 { font:500 20px/1.5 var(--serif); color:#403448; margin:0; }
  .account-symbol { display:flex; align-items:center; justify-content:center; flex-shrink:0; width:24px; height:30px; color:#76516e; }
  .account-symbol svg { width:23px; height:23px; }
  .account-fields { margin:12px 0 0; }
  .account-fields>div { display:grid; grid-template-columns:160px minmax(0,1fr); align-items:center; gap:16px; min-height:58px; padding:10px 0; border-bottom:1px solid #e8e5eb; }
  .account-fields dt { color:#746b79; font-size:15px; line-height:1.6; }
  .account-fields dd { margin:0; font-size:15px; font-weight:500; overflow-wrap:anywhere; }
  .account-fields .email-badge { display:table; margin-inline-start:0; margin-top:4px; font-size:12px; font-weight:400; }
  .account-id-row { display:flex; align-items:center; justify-content:space-between; gap:12px; flex-wrap:wrap; }
  #account-id { user-select:all; font-variant-numeric:tabular-nums; }
  .account-copy { display:inline-flex; align-items:center; gap:7px; min-height:42px; padding:9px 12px; border:1px solid #d4c8d5; border-radius:4px; background:#fff; font-size:14px; font-weight:400; line-height:1.5; color:#76516e; transition:background-color 160ms ease,color 160ms ease; }
  .account-copy:hover { background:#f3edf4; }
  .account-copy[data-state="copied"] { background:#eef5e9; color:#4a683e; }
  .account-copy[data-state="error"] { background:#f9eded; color:#9b3c46; }
  .copy-icons, .copy-labels { display:grid; }
  .copy-icons svg { grid-area:1/1; width:16px; height:16px; transition:opacity 160ms ease,transform 160ms ease; }
  .copy-icons svg:last-child { opacity:0; transform:scale(.8); }
  .account-copy[data-state="copied"] .copy-icons svg:first-child { opacity:0; transform:scale(.8); }
  .account-copy[data-state="copied"] .copy-icons svg:last-child { opacity:1; transform:scale(1); }
  .copy-labels span { grid-area:1/1; opacity:0; transform:translateY(3px); transition:opacity 160ms ease,transform 160ms ease; }
  .account-copy[data-state="idle"] [data-copy-label="idle"],
  .account-copy[data-state="copied"] [data-copy-label="copied"],
  .account-copy[data-state="error"] [data-copy-label="error"] { opacity:1; transform:translateY(0); }
  .copy-announcement { position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip-path:inset(50%); white-space:nowrap; }
  .account-security { display:flex; justify-content:space-between; align-items:center; gap:18px; padding-top:16px; min-height:58px; font-size:15px; color:#746b79; }
  .account-action { display:inline-flex; align-items:center; justify-content:center; flex-shrink:0; gap:8px; min-height:42px; padding:10px 16px; border-radius:4px; border:1px solid #d4c8d5; font-size:14px; font-weight:500; line-height:1.5; text-align:center; color:#76516e; background:#fff; transition:background-color 160ms ease,border-color 160ms ease; }
  .account-action:hover { background:#f3edf4; border-color:#a78aaa; }
  .account-action svg { width:17px; height:17px; }
  .account-action:focus-visible, .account-copy:focus-visible { outline:2px solid #76516e; outline-offset:3px; }
  .account-signins { display:flex; align-items:center; gap:10px; width:100%; border:0; border-top:1px solid #dedbe2; border-radius:0; min-height:52px; padding:12px 0; background:transparent; color:#76516e; font-size:15px; line-height:1.6; text-align:start; }
  .account-signins:hover { color:#76516e; border-color:#b9aabd; }
  .signins-count { display:grid; place-items:center; min-width:25px; height:25px; padding-inline:5px; border-radius:50%; color:#76516e; background:#eee6f0; font-size:13px; }
  .account-signins svg { width:18px; height:18px; flex-shrink:0; }
  .signins-chevron { margin-inline-start:auto; }
  .account-side .commerce-wallet-row { gap:16px; font-size:15px; }
  .account-side .commerce-wallet a { display:inline-flex; align-items:center; justify-content:center; min-height:42px; padding:10px 16px; border:1px solid #d4c8d5; border-radius:4px; font-size:14px; font-weight:500; line-height:1.5; color:#76516e; }
  .account-side .commerce-wallet a:hover { background:#f3edf4; border-color:#a78aaa; }
  .account-side .commerce-wallet .commerce-history-trigger { width:100%; min-height:52px; margin-top:20px; padding:12px 0; font-size:15px; line-height:1.6; }
  .account-side .commerce-orders-count { display:grid; place-items:center; min-width:25px; height:25px; padding-inline:5px; border-radius:50%; font-size:13px; color:#76516e; background:#eee6f0; }
  .account-copy, .account-action, .account-side .commerce-wallet a { min-height:42px; padding:10px 14px; font:500 14px/20px var(--serif); border:1px solid #d4c8d5; border-radius:4px; }

  @media(prefers-reduced-motion:reduce) {
    .account-copy, .account-action, .copy-icons svg, .copy-labels span, .signins-chevron { transition:none; }
  }
}
.account-layout.profile-mode { display:block; max-width:1200px; padding-block:10px 40px; }
.account-layout.profile-mode .account-content { border:0; border-radius:0; padding:0; background:transparent; }
.account-skeleton { max-width:900px; margin-inline:auto; min-height:360px; }

.history-dialog {
  .login-history { list-style:none; padding:0; margin:14px 0 0; }
  .login-history li { display:grid; grid-template-columns:36px minmax(0,1fr) auto; gap:4px 14px; padding:18px 0; border-top:1px solid #e8e5eb; }
  .login-history li:last-child { padding-bottom:0; }
  .login-device-icon { grid-column:1; grid-row:1/3; display:grid; place-items:center; width:36px; height:36px; background:#eee6f0; color:#76516e; border-radius:8px; }
  .login-device-icon svg { width:19px; height:19px; }
  .login-device { grid-column:2; display:flex; flex-wrap:wrap; align-items:baseline; gap:5px 12px; justify-content:space-between; font-size:16px; line-height:1.6; font-weight:500; }
  .login-device span { font-size:14px; font-weight:400; color:#746b79; }
  .login-history time, .login-address { color:#746b79; font-size:11px; line-height:1.7; font-variant-numeric:tabular-nums; overflow-wrap:anywhere; }
  .login-history time { grid-column:2; }
  .login-address { grid-column:3; grid-row:1/3; align-self:center; text-align:end; }
  .login-address bdi { color:#456782; }
  .login-empty { margin-top:20px; color:#746b79; font-size:15px; line-height:1.8; }

}
html[dir="rtl"] .signins-chevron { transform:scaleX(-1); }