/* Accountpagina — hergebruikt de tokens en velden uit styles.css */
.account-page{padding-bottom:0}
.account-section{padding:36px 0 96px}
.account-shell{display:grid;gap:24px;max-width:760px}
[hidden]{display:none!important}
.notice{padding:16px;background:#f2e2d8;border-left:3px solid var(--rust)}
.muted{color:var(--muted)}
.state{color:var(--muted);min-height:20px}

.auth-card{background:#fff;border:1px solid var(--line);max-width:480px;width:100%}
.tabs{display:grid;grid-template-columns:1fr 1fr;border-bottom:1px solid var(--line)}
.tab{min-height:54px;border:0;background:var(--paper);font:inherit;font-weight:700;cursor:pointer;color:var(--muted);border-bottom:2px solid transparent;margin-bottom:-1px}
.tab[aria-selected="true"]{background:#fff;color:var(--ink);border-bottom-color:var(--rust)}
.tab:hover{color:var(--ink)}
.auth-form{display:grid;gap:16px;padding:24px var(--gutter) 28px}
.auth-form h2{font-size:1.75rem}
.form-message{margin:0;min-height:0;font-size:.9375rem;font-weight:600;color:#a32a18}
.form-message:empty{display:none}
.form-message.ok{color:#2c5a2a}
.link-button{border:0;background:none;color:var(--rust);font:inherit;font-weight:700;cursor:pointer;min-height:44px;text-align:left;padding:0}
.link-button:hover{text-decoration:underline}
.button-large{width:100%}
.button-dark{background:var(--ink);color:#fff}
.button-dark:hover{background:var(--ink-soft)}
.button-line{border-color:var(--ink);color:var(--ink);background:transparent}
.button-line:hover{background:var(--ink);color:#fff}

.account-head{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:16px;padding-bottom:20px;border-bottom:1px solid var(--line)}
.account-head h2{font-size:clamp(1.75rem,5vw,2.5rem)}
.account-head-actions{display:flex;flex-wrap:wrap;gap:10px}
.account-title{font-family:var(--serif);font-size:1.5rem;margin:28px 0 12px}

.my-orders{list-style:none;margin:0;padding:0;display:grid;gap:12px}
.my-order{background:#fff;border:1px solid var(--line);padding:18px var(--gutter);display:grid;gap:8px}
.my-order-top{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}
.my-order-top time{color:var(--muted);font-size:.875rem}
.my-order ul{margin:0;padding:0;list-style:none;display:grid;gap:2px;font-weight:600}
.my-order .where{color:var(--muted);font-size:.9375rem}
.profile-form{background:#fff;border:1px solid var(--line);padding-top:24px}
@media (min-width:640px){
  .auth-form{padding:28px 32px 32px}
  .my-order{padding:20px 24px}
  .field-row{grid-template-columns:1fr 1fr}
  .field-row-postal{grid-template-columns:.8fr 1.2fr}
  .button-large{width:auto;justify-self:start;min-width:220px}
}
.my-order .total{font-weight:700}