/* Customer accounts: sign-in page, account page, header link */
.auth-card{max-width:460px;margin:0 auto}
.auth-list{display:grid;gap:10px}
.auth-btn{display:flex;align-items:center;justify-content:center;gap:12px;min-height:50px;padding:10px 16px;border:1.5px solid var(--line);border-radius:14px;background:var(--card);color:var(--heading);font-weight:700;text-decoration:none;transition:.15s}
.auth-btn:hover{border-color:var(--accent);transform:translateY(-1px)}
.auth-btn .auth-ic{font-size:1.2rem;line-height:1}
.auth-or{display:flex;align-items:center;gap:12px;margin:18px 0;color:var(--muted);font-size:.85rem}
.auth-or:before,.auth-or:after{content:"";flex:1;height:1px;background:var(--line)}
.auth-alt{background:transparent;border:1.5px solid var(--line);color:var(--heading)}
.auth-form{display:grid;gap:12px}
.auth-form label{display:grid;gap:6px;margin:0}
.auth-code{font-size:1.6rem;letter-spacing:.35em;text-align:center}
.auth-row{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;margin:16px 0 0;font-size:.9rem}
.btn-block{width:100%;display:block;text-align:center}
.linkbtn{background:none;border:0;padding:0;color:var(--accent);font:inherit;font-weight:600;cursor:pointer;text-decoration:underline}
.linkbtn.danger{color:#c0392b}
.acct-orders{display:grid;gap:8px}
.acct-order{display:flex;justify-content:space-between;gap:12px;padding:12px 14px;border:1px solid var(--line);border-radius:12px;color:var(--text);text-decoration:none}
.acct-order span{display:grid;gap:2px}.acct-order span:last-child{text-align:right}
.acct-guest{display:grid;gap:12px;border-color:var(--accent)}
.acct-methods{list-style:none;margin:0 0 14px;padding:0;display:grid;gap:8px}
.acct-methods li{display:flex;justify-content:space-between;gap:10px;padding:10px 0;border-bottom:1px solid var(--line)}
.acct-methods em{font-style:normal;color:var(--muted)}.acct-methods em.on{color:var(--accent);font-weight:700}
.acct-foot{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;margin-top:8px}
.acct-link{display:inline-flex;align-items:center;gap:6px;font-weight:700;white-space:nowrap}
.acct-link svg{flex:0 0 auto}
.co-acct{margin:0 0 18px;padding:12px 16px;border:1px solid var(--line);border-radius:14px;background:var(--card);font-size:.92rem}
.co-acct a{font-weight:700}

.co-choose{display:grid;gap:12px;margin:0 0 18px}
.co-opt{display:block;margin:0}
.co-opt>button,a.co-opt{display:flex;align-items:center;gap:14px;width:100%;padding:16px 18px;border:1.5px solid var(--line);border-radius:18px;background:var(--card);color:inherit;text-align:left;font:inherit;cursor:pointer;text-decoration:none;transition:transform .12s,box-shadow .12s,border-color .12s}
.co-opt>button:hover,a.co-opt:hover{border-color:var(--accent);box-shadow:0 6px 18px rgba(0,0,0,.08);transform:translateY(-1px)}
.co-opt-main>button{border-color:var(--accent)}
.co-ic{flex:0 0 auto;display:grid;place-items:center;width:44px;height:44px;border-radius:14px;background:rgba(0,0,0,.05);font-size:1.3rem}
.co-tx{flex:1;display:grid;gap:2px}.co-tx b{font-size:1.05rem}.co-tx small{color:var(--muted);font-size:.86rem;line-height:1.35}
.co-go{flex:0 0 auto;font-weight:700;color:var(--accent);font-size:1.2rem}