/* Account-only component, using the shared workspace tokens and controls. */
.mp-site .mp-credentials-section{display:grid;gap:24px;align-items:start;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr)}
.mp-site .mp-account-security{padding:28px}
.mp-security-heading{display:flex;align-items:center;gap:12px;padding-bottom:22px;border-bottom:1px solid var(--moo-border)}
.mp-security-icon{display:grid;place-items:center;flex:none;width:40px;height:40px;border-radius:10px;background:#edf6fc;color:var(--moo-brand)}
.mp-site .mp-security-heading h2{margin:0 0 4px;font-size:16px;line-height:1.5}
.mp-site .mp-security-heading #email{font-size:12px;line-height:1.6;margin:0;color:var(--moo-muted);overflow-wrap:anywhere}
.mp-password-intro{padding:22px 0 20px}
.mp-site .mp-password-intro h3{font-size:15px;margin:0 0 6px}
.mp-site .mp-password-intro p,.mp-site .mp-password-note,.mp-site .mp-password-hint{font-size:12px;line-height:1.7;color:var(--moo-muted);margin:0}
.mp-password-fields{padding:0;border:0;margin:0;min-width:0}
.mp-password-field{margin-bottom:17px}
.mp-site .mp-password-field label{display:block;font-size:12px;font-weight:550;color:var(--moo-text);margin:0 0 8px}
.mp-password-input{position:relative}
.mp-site .mp-password-input input{display:block;width:100%;min-width:0;height:44px;border:1px solid #d3dee9;border-radius:6px;background:#fff;color:var(--moo-text);padding:10px 48px 10px 13px;font-size:14px;box-shadow:none;outline:none}
.mp-site .mp-password-input input:focus{border-color:var(--moo-brand);box-shadow:0 0 0 3px #087db312}
.mp-site .mp-password-input input[aria-invalid=true]{border-color:#cf4e4e}
.mp-site .mp-password-toggle{position:absolute;right:2px;top:2px;transform:none;width:40px;height:40px;display:grid;place-items:center;padding:0;background:transparent;border:0;border-radius:5px;color:#788a9c;cursor:pointer}
.mp-password-toggle .mp-icon{width:17px;height:17px}
.mp-site .mp-password-toggle:hover{background:#f1f6fa;color:var(--moo-brand)}
.mp-site .mp-password-toggle:focus-visible{outline:2px solid var(--moo-brand);outline-offset:-3px}
.mp-site .mp-password-hint{margin:-8px 0 22px;font-size:11px}
.mp-password-actions{display:flex;align-items:center;flex-wrap:wrap;gap:14px 20px}
.mp-password-actions .mp-button{min-width:135px;min-height:42px}
.mp-site .mp-account-security .mp-primary{background:var(--moo-brand);border-color:var(--moo-brand);color:#fff}
.mp-site .mp-account-security .mp-primary:hover{background:#086d9a}
.mp-password-actions>a{font-size:12px;color:var(--moo-brand);text-decoration:none}
.mp-password-actions>a:hover{text-decoration:underline}
.mp-site .mp-password-note{display:flex;align-items:flex-start;gap:7px;margin-top:22px;padding-top:17px;border-top:1px solid #eef2f6;font-size:11px}
.mp-password-note .mp-icon{width:15px;height:15px;flex:none;margin-top:2px}
.mp-password-success{padding:24px 0}
.mp-password-success>.mp-icon{width:30px;height:30px;color:#23826c}
.mp-site .mp-password-success h3{font-size:17px;margin:14px 0 8px}
.mp-site .mp-password-success p{font-size:13px;margin:0 0 20px}
.mp-site #account-password-form[hidden],.mp-site .mp-password-success[hidden]{display:none!important}
.mp-site #password-feedback.show{margin:0 0 18px;font-size:12px}
@media(max-width:1000px){.mp-site .mp-credentials-section{grid-template-columns:minmax(0,1fr)}}
@media(max-width:600px){.mp-site .mp-account-security{padding:20px}.mp-password-actions{gap:16px}.mp-password-actions .mp-button{flex:1}}