/* The account dashboard uses a readable content width instead of full screen. */
.security-form { display: grid; gap: 14px; max-width: 560px; margin-bottom: 20px; }
.security-form label { display: grid; gap: 8px; font-weight: 700; }
.security-form input { width: 100%; padding: 12px; border: 1px solid var(--line); border-radius: 10px; color: var(--ink); background: var(--bg); }
.security-form button { justify-self: start; }
.security-form input { min-width: 0; font: inherit; }
.security-page .card { margin-bottom: 20px; }
.security-page .security-form { max-width: none; }
.account-page.security-page main { max-width: 880px; }
.security-page table td:first-child { max-width: 300px; overflow-wrap: anywhere; }
.security-session-actions { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 16px; }
.security-page .card > form:not(.security-form) { margin-top: 12px; }
.dashboard-page .page-heading { align-items: center; }
.dashboard-page .page-heading > .button { flex-shrink: 0; }
.forgot-password-link { justify-self: end; font-size: 14px; }
.developer-page main { max-width: 1120px; margin-inline: auto; }
.developer-page main > .card { margin-bottom: 20px; }
.developer-page pre { padding: 16px; margin: 0; line-height: 1.7; }
.developer-page .table-wrap { overflow-x: auto; }
.dashboard-page main {
  width: 100%;
  max-width: 1200px;
  margin-inline: auto;
  padding: 36px 24px 56px;
  box-sizing: border-box;
}
.dashboard-page .page-heading { margin-bottom: 22px; }
.dashboard-page .stats { gap: 16px; }
.dashboard-page .stats article { min-height: 126px; padding: 20px; }
.dashboard-page .stats strong { font-size: clamp(1.4rem, 2vw, 1.7rem); }
.dashboard-page main > .card, .dashboard-page .two-col .card { padding: 20px; }
.dashboard-page .wallet-fund-card { gap: 20px; }
.dashboard-page .wallet-fund-card h2 { margin-bottom: 8px; }
.dashboard-page .wallet-fund-card p { margin: 0; max-width: 65ch; line-height: 1.6; }
.dashboard-page .wallet-fund-card > .button { flex-shrink: 0; }
.dashboard-page .table-wrap { max-height: 380px; overflow: auto; scrollbar-width: thin; }
.dashboard-page main > .card table { min-width: 620px; }
.dashboard-page .two-col { gap: 16px; }
.dashboard-page .two-col .table-wrap { max-height: 280px; }
.dashboard-page table th, .dashboard-page table td { padding: 12px 10px; }
.dashboard-page table th { white-space: nowrap; }
.home-page .store-service-card { min-height: 154px; gap: 12px; }
.home-page .store-card-title { overflow-wrap: anywhere; }
.home-page .store-card-link { margin-top: auto; }
@media (max-width: 720px) {
  .dashboard-page main { padding: 24px 16px 40px; }
  .dashboard-page .stats { grid-template-columns: 1fr; gap: 12px; }
  .dashboard-page .stats article { min-height: auto; padding: 18px; }
  .dashboard-page .two-col { grid-template-columns: 1fr; }
  .dashboard-page .wallet-fund-card { align-items: flex-start; flex-direction: column; }
  .dashboard-page .wallet-fund-card > .button { align-self: flex-start; }
}

.security-form select{width:100%;padding:12px;border:1px solid var(--line);border-radius:10px;background:var(--bg);color:var(--ink);font:inherit}.recovery-options{border-top:1px solid var(--line);padding-top:18px;margin-top:22px}.recovery-options summary{cursor:pointer;font-weight:700}.authenticator-qr{display:block;border-radius:12px;background:white;padding:8px;margin:18px 0}

#account-connections .connection-google,.connection-heading{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
#account-connections .connection-google{padding:8px 0 20px}
#account-connections .connection-google form{margin-inline-start:auto}
#account-connections .connection-authenticator{border-top:1px solid var(--line);padding-top:20px}
#account-connections .connection-status{font-size:12px;border-radius:20px;padding:5px 10px;background:var(--bg);color:var(--muted)}
#account-connections .connection-status.linked{color:#65e5b1;background:rgba(38,180,130,.13)}
#account-connections p{max-width:75ch;line-height:1.6;color:var(--muted)}
#account-connections .authenticator-setup{display:grid;grid-template-columns:260px minmax(0,1fr);gap:24px;align-items:center;margin-bottom:20px}
#account-connections .authenticator-qr{box-sizing:border-box;width:220px;height:220px;max-width:100%;margin:0;margin-inline-start:24px}
#account-connections .security-form{width:100%;max-width:420px}
#account-connections details{margin:18px 0}
#account-connections summary{cursor:pointer;font-weight:700}
@media(max-width:600px){#account-connections .authenticator-setup{grid-template-columns:1fr;gap:12px}#account-connections .authenticator-qr{margin-inline:auto}#account-connections .connection-google form{margin-inline-start:0}}

.recovery-method-field{position:relative;display:block}
.security-form .recovery-method-field select{appearance:none;-webkit-appearance:none;display:block;padding-inline-end:44px;margin:0;min-height:44px}
.recovery-method-chevron{position:absolute;inset-inline-end:14px;top:50%;transform:translateY(-50%);width:18px;height:18px;color:var(--ink);pointer-events:none}