.proshop-account-button{background:#003e7e;color:#fff;border:0;border-radius:8px;padding:12px 18px;font-weight:700;max-width:240px;overflow-wrap:anywhere}
#proshop-account{width:min(540px,94vw);max-height:90dvh;border:0;border-radius:14px;padding:0;color:var(--ink);box-shadow:0 20px 80px #10274744}
#proshop-account::backdrop{background:#10274799}
.proshop-account-content{position:relative;padding:30px;overflow-wrap:anywhere}
.proshop-account-content h2{padding-right:30px}
.proshop-account-close{position:absolute;right:15px;top:12px;border:0;background:transparent;font-size:28px;color:var(--ink);padding:4px 10px}
.proshop-account-content form{display:grid;gap:12px;margin:24px 0}
.proshop-account-content input{width:100%;min-width:0;border:1px solid var(--line);border-radius:7px;padding:13px;color:var(--ink);background:#fff}
#proshop-code{font-size:24px;letter-spacing:5px}
.proshop-account-content button:disabled{opacity:.6;cursor:wait}
.proshop-account-content button:focus-visible,.proshop-account-content input:focus-visible,.proshop-account-button:focus-visible{outline:3px solid #75a8e5;outline-offset:3px}
.proshop-account-actions{display:flex;gap:10px;flex-wrap:wrap;margin:18px 0}
.proshop-profile-fields{margin:22px 0}
.proshop-profile-fields>div{border-bottom:1px solid var(--line);padding:12px 0}
.proshop-profile-fields dt{font-size:13px;color:var(--muted)}
.proshop-profile-fields dd{margin:5px 0 0;white-space:pre-line;font-weight:600}
#proshop-account-message{min-height:1.5em;color:#244f78}
@media(max-width:600px){header{flex-wrap:wrap;gap:12px}.proshop-account-button{margin-left:auto;padding:10px 14px}.proshop-account-content{padding:24px 20px}}