/* Private profile. Scoped overrides intentionally win over the legacy shell. */
.real-app .account-shell { max-width:720px; }
.account-shell .page-intro { margin-bottom:24px; }
.real-app .account-shell .page-intro h1 { margin:0; font-size:28px; line-height:1.3; letter-spacing:-.035em; }
#account-content { display:grid; gap:20px; }
.real-app .account-card { min-width:0; padding:28px; border:1px solid #dce5ee; border-radius:20px; background:#fff; box-shadow:0 14px 38px rgba(23,43,77,.055); }
.account-card h2 { margin:0; font-size:18px; line-height:1.4; letter-spacing:-.025em; overflow-wrap:anywhere; }
.account-identity-row { display:flex; gap:16px; align-items:center; }
.account-person { min-width:0; flex:1; }
.account-person h2 { font-size:22px; }
.account-identity-row > .button { flex:none; }
.account-avatar { display:grid; place-items:center; position:relative; flex:0 0 56px; height:56px; border-radius:50%; background:#edf3f8; color:#294768; font-size:16px; font-weight:700; overflow:hidden; }
.account-avatar img { position:absolute; width:100%; height:100%; object-fit:cover; }
.account-handle { margin:4px 0 0; color:#536981; font-size:14px; line-height:1.5; overflow-wrap:anywhere; }
.account-details { margin:24px 0 0; padding:16px 18px; border-radius:12px; background:#f5f8fb; }
.account-details > div { display:grid; grid-template-columns:140px minmax(0,1fr); gap:16px; align-items:baseline; }
.real-app .account-details dt,.account-counts dt { color:#536981; font-size:13px; line-height:1.5; }
.real-app .account-details dd { margin:0; min-width:0; font-size:14px; line-height:1.5; }
.account-wallet-details summary { display:flex; align-items:center; gap:10px; width:fit-content; min-height:44px; margin-block:-10px; padding-block:10px; color:#203c5b; cursor:pointer; list-style:none; font-family:ui-monospace,SFMono-Regular,Consolas,monospace; }
.account-wallet-details summary::-webkit-details-marker { display:none; }
.account-wallet-details summary::after { content:''; width:6px; height:6px; border-right:1.5px solid currentColor; border-bottom:1.5px solid currentColor; transform:rotate(45deg) translateY(-2px); }
.account-wallet-details[open] summary::after { transform:rotate(225deg) translate(-1px,-1px); }
.account-wallet-details code { display:block; margin-top:14px; padding:10px 12px; background:#f4f7fa; border-radius:6px; font-size:12px; line-height:1.7; overflow-wrap:anywhere; user-select:all; }
.real-app .account-note,.account-message { color:#536981; font-size:14px; line-height:1.6; overflow-wrap:anywhere; }
.account-note { margin:8px 0 0; }
.account-message:empty { display:none; }
.account-feedback { padding:20px 24px; border:1px solid #dce5ee; background:#fff; border-radius:12px; margin-bottom:20px; }
.account-feedback:not(:has(.account-message:not(:empty),#account-recovery:not(:empty))) { display:none; }
.account-message:not(:empty) { margin:0; }
.account-feedback #account-recovery:not(:empty) { margin-top:16px; }
.account-empty { display:flex; align-items:center; justify-content:space-between; gap:24px; margin-top:24px; }
.account-empty h3 { margin:0; font-size:16px; line-height:1.5; font-weight:600; }
.account-empty .account-note { max-width:400px; margin-top:4px; }
.account-empty .account-actions { flex:none; }
.account-counts { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:16px; margin:24px 0; }
.account-counts dd { margin:6px 0 0; font-size:24px; line-height:1.3; color:#142c46; font-weight:650; font-variant-numeric:tabular-nums; }
.account-actions,#account-recovery { display:flex; flex-wrap:wrap; gap:12px; }
.account-actions a { text-decoration:none; }
.account-shell .button { min-height:44px; }
.account-shell :is(button,a,summary):focus-visible { outline:3px solid #1769ff; outline-offset:3px; }
#account-title:focus { outline:none; }
@media(max-width:640px) {
  .account-feedback { padding:20px; }
  .real-app .account-card { padding:20px; border-radius:16px; }
  .account-identity-row { display:grid; grid-template-columns:48px minmax(0,1fr); gap:12px; }
  .account-avatar { width:48px; height:48px; }
  .account-person h2 { font-size:20px; }
  .account-identity-row > .button { grid-column:1 / -1; margin-top:4px; justify-self:start; }
  .account-details { margin-top:20px; }
  .account-details { padding:14px; }
  .account-details > div { grid-template-columns:1fr; gap:6px; }
  .account-wallet-details summary { margin-block:0; }
  .account-wallet-details code { margin-top:8px; }
  .account-empty { flex-direction:column; align-items:stretch; gap:20px; margin-top:20px; }
  .account-actions .button { width:100%; }
  .account-counts { gap:8px; }
  .account-counts dt { min-height:40px; }
}