/* Shared customer-account styles; inherit each site's fonts/colors (style.css loaded first). */
#acct{max-width:760px;margin:2rem auto 4rem;padding:0 1rem;display:grid;gap:1.25rem}
.acct-card{border:1px solid color-mix(in srgb,currentColor 18%,transparent);border-radius:14px;padding:1.4rem;display:grid;gap:.8rem}
.acct-card h1{margin:0;font-size:clamp(1.8rem,4vw,2.6rem)}.acct-card h2{margin:0}
.acct-card label{display:grid;gap:.3rem;font-weight:600}
.acct-card input{font:inherit;padding:.7rem .8rem;border-radius:10px;border:1px solid color-mix(in srgb,currentColor 30%,transparent);background:transparent;color:inherit}
.acct-err,.acct-msg{color:#e5484d;font-size:.9rem;min-height:1em;margin:0}.acct-msg:empty{display:none}
.acct-note{opacity:.75;font-size:.95rem;margin:0}.acct-links{margin:0}.acct-links a{color:inherit}
.acct-hp{position:absolute;left:-9999px}
.acct-head{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem;flex-wrap:wrap}.acct-head h1{margin:.2rem 0}
.acct-banner{padding:.8rem 1rem;border-radius:10px;background:color-mix(in srgb,#b8f13c 25%,transparent);margin:0}
.acct-table{width:100%;border-collapse:collapse;font-size:.95rem}.acct-table th,.acct-table td{text-align:left;padding:.45rem .4rem;border-bottom:1px solid color-mix(in srgb,currentColor 12%,transparent)}
.acct-plans{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:.8rem}.acct-plan{display:grid;gap:.4rem;padding:1rem;border-radius:12px;border:1px solid color-mix(in srgb,currentColor 18%,transparent)}
.acct-danger{border-color:color-mix(in srgb,#e5484d 45%,transparent)}button.danger{background:#e5484d;color:#fff;border-color:#e5484d}
.linkish{background:none;border:0;padding:0;color:inherit;text-decoration:underline;cursor:pointer;font:inherit}
.acct-head h1,.acct-card h1{overflow-wrap:anywhere}
#acct .button.danger,#acct button.danger{background:#e5484d;color:#fff;border-color:#e5484d}