/* Calistenia Recreio RJ — login e área do cliente */
.conta{padding-block:56px 80px;display:flex;justify-content:center}
.conta-box{width:min(440px,100%);background:var(--card);border:1px solid var(--line);border-radius:26px;padding:26px}
.conta-tabs{display:grid;grid-template-columns:1fr 1fr;gap:6px;background:var(--card-2);border-radius:16px;padding:5px;margin-bottom:16px}
.conta-tab{border:0;background:none;padding:11px;border-radius:12px;font-weight:800;cursor:pointer;color:var(--muted)}
.conta-tab[aria-selected="true"]{background:#fff;color:#000}
.conta-tab:focus-visible{outline:2px solid #fff;outline-offset:2px}
.conta-sub{color:var(--muted);font-size:.95rem;margin-bottom:16px;text-align:left}
.conta-btn{width:100%;margin-top:6px}
.conta-pg{padding-block:48px 80px}
.conta-topo{display:flex;justify-content:space-between;align-items:flex-end;gap:16px;flex-wrap:wrap;margin-bottom:24px}
.conta-dados{color:var(--muted);text-align:left}
.conta-acoes{display:flex;gap:10px;flex-wrap:wrap}
.conta-h2{font-size:1.3rem;font-weight:800;margin-bottom:14px}
.mc-lista{display:grid;gap:12px}
.mc-vazio{border:1px dashed var(--line);border-radius:18px;padding:26px;text-align:center;color:var(--muted)}
.mc-ped{background:var(--card);border:1px solid var(--line);border-radius:18px;padding:18px;display:grid;grid-template-columns:1fr auto;gap:14px;align-items:center}
.mc-ped .cod{font-family:ui-monospace,monospace;font-weight:800}
.mc-ped .sm{color:var(--muted);font-size:.9rem}
.mc-ped .itens{margin-top:6px;font-size:.95rem}
.mc-ped .dir{text-align:right;display:grid;gap:8px;justify-items:end}
.mc-ped .tot{font-size:1.25rem;font-weight:900;font-variant-numeric:tabular-nums}
.st{display:inline-block;padding:4px 10px;border-radius:99px;font-size:.78rem;font-weight:800;background:rgba(255,255,255,.08)}
.st.pago,.st.entregue{background:rgba(61,220,132,.15);color:#3ddc84}
.st.enviado{background:rgba(200,160,255,.15);color:#d3b5ff}
.st.novo{background:rgba(255,200,87,.15);color:#ffc857}
.st.cancelado{background:rgba(255,107,107,.13);color:#ff6b6b}
@media (max-width:640px){.mc-ped{grid-template-columns:1fr}.mc-ped .dir{justify-items:start;text-align:left}}