/* /account: the website & software customer account. Builds on style.css
   tokens and customer-portal.css cards; only account-specific layout here. */
.account-page .portal-card h3{font-size:1.05rem;margin:4px 0 10px}
.account-form{display:grid;gap:14px;max-width:560px}.account-form h3{margin:0}
.account-page textarea{width:100%;min-width:0;border:1px solid #39435e;border-radius:8px;background:var(--bg-raised);color:var(--text);padding:10px 12px;font:inherit;resize:vertical}
.account-page textarea:focus-visible,.account-page .button:focus-visible{outline:2px solid var(--cyan);outline-offset:3px}
.account-page small{color:var(--muted)}
.account-google{width:100%;max-width:440px;background:#fff;color:#1f1f1f;border-color:#dadce0}.account-google:hover{background:#f8faff;color:#111}
.account-divider{display:flex;align-items:center;gap:10px;max-width:440px;margin:18px 0;color:var(--muted);font-size:.82rem}.account-divider::before,.account-divider::after{content:"";flex:1;height:1px;background:var(--border)}
.account-register{margin:18px 0;max-width:560px}
.account-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;margin-top:18px}
.account-connection{border:1px solid #242b42;border-radius:12px;padding:18px;background:rgba(13,17,28,.7);min-width:0}
.account-code-row{display:flex;flex-wrap:wrap;gap:12px;align-items:end;max-width:640px}.account-code-row label{flex:1 1 240px}
.account-product-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:14px;margin:18px 0}
.account-product{display:grid;gap:8px;align-content:start;border:1px solid #242b42;border-radius:12px;padding:16px;background:rgba(13,17,28,.7);min-width:0}
.account-product h3{margin:0}.account-product p{margin:0;font-size:.9rem}.account-product strong{color:var(--cyan);font-size:.9rem}
.account-product-kind{font-size:.75rem;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}
.account-product .portal-actions{margin:6px 0 0}.account-product .button{font-size:.86rem;min-height:38px}
.account-activation{border-top:1px solid #242b42;margin-top:22px;padding-top:18px}
.account-record-actions{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.account-record-actions .button{min-height:38px;font-size:.86rem}
.account-inline-form{display:flex;flex-wrap:wrap;gap:10px;align-items:end;flex:1 1 100%}.account-inline-form label{flex:1 1 220px}
#account-status:empty{display:none}#account-status:not(:empty){padding:14px 18px;border:1px solid #39435e;border-radius:10px;background:rgba(17,22,36,.9)}
@media(max-width:760px){.account-grid{grid-template-columns:minmax(0,1fr)}}
@media(max-width:440px){.account-page .portal-actions .button,.account-code-row .button{width:100%}}