/* v15: account entry uses the existing shared modal lifecycle. */
.account-dialog {
  position:fixed; z-index:90; top:50%; left:50%; transform:translate(-50%,-50%);
  width:min(460px,calc(100% - 40px)); max-height:85dvh; overflow-y:auto;
  padding:28px; border:1px solid var(--glass-edge,#fff); border-radius:24px;
  background:rgb(246 253 249 / .94); color:var(--ink);
  box-shadow:var(--glass-shadow); backdrop-filter:var(--glass-filter);
  -webkit-backdrop-filter:var(--glass-filter); overscroll-behavior:contain;
}
.account-dialog .drawer-header { padding-bottom:18px; }
.account-dialog .drawer-header h2 { display:flex; align-items:center; gap:10px; font-size:23px; }
.account-dialog .drawer-header h2 svg { width:25px; height:25px; color:var(--primary); }
.account-description { margin:0 0 22px; font-size:13px; color:var(--chrome-muted); line-height:2; }
.account-links { display:grid; gap:10px; }
.account-links>button { display:flex; align-items:center; gap:12px; min-height:54px; padding:12px 15px; border:1px solid var(--chrome-line); border-radius:12px; background:rgb(255 255 255 / .58); text-align:right; font-size:14px; }
.account-links>button>svg { width:21px; height:21px; color:var(--primary); }
.account-links>button>svg:last-child { margin-inline-start:auto; width:17px; }
.account-links .cart-count { margin-inline-start:auto; }
@media (hover:hover) and (pointer:fine) { .account-links>button:hover { background:var(--accent-soft); } }
@media (max-width:600px) { .account-dialog { width:calc(100% - 32px); padding:22px; border-radius:20px; } }
@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))) { .account-dialog { background:#f2faf5; } }
@media (prefers-reduced-transparency:reduce) { .account-dialog { background:#f2faf5; backdrop-filter:none; -webkit-backdrop-filter:none; } }