/* Cuentas de clientas y puntos */
.acct-btn{position:relative}
.acct-btn svg{width:20px;height:20px}
.acct-pts{position:absolute;top:-6px;right:-8px;min-width:22px;height:20px;padding:0 6px;border-radius:999px;background:var(--hot);color:#fff;font-size:11px;font-weight:700;display:flex;align-items:center;justify-content:center;font-variant-numeric:tabular-nums}
.acct{z-index:33}
#acct-scrim{z-index:32}
.acct .drawer-body{gap:16px}
.acct-lead{font-size:16px;color:var(--ink)}
.acct-form{display:flex;flex-direction:column;gap:12px}
.acct-form .btn{width:100%}
.acct-err{color:#a23a3a;font-size:14px;min-height:0}
.acct-err:empty{display:none}
.acct-alt{font-size:15px;color:var(--ink-soft)}
.linkish{background:none;border:0;padding:0;font:inherit;font-weight:600;color:var(--hot);text-decoration:underline;text-underline-offset:3px;cursor:pointer;align-self:flex-start}
.muted{color:var(--ink-soft);font-size:14px}
.acct-ok{background:var(--card);border-radius:20px;padding:18px;display:flex;flex-direction:column;gap:8px}
.acct-ok b{font-size:18px}
.pts-how{background:var(--blush);border-radius:18px;padding:14px 16px;font-size:14px;color:var(--ink-soft)}
.pts-how b{color:var(--ink)}
.pts-how ul{margin:6px 0 0;padding-left:18px;display:flex;flex-direction:column;gap:4px}
.pts-card{background:var(--hot-soft);border-radius:22px;padding:18px;display:flex;flex-direction:column;gap:6px}
.pts-card small{font-size:12px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--berry)}
.pts-card > b{font-family:var(--f-display);font-size:54px;font-weight:400;line-height:1;font-variant-numeric:tabular-nums}
.pts-card span{font-size:14px}
.pts-bar{height:8px;border-radius:999px;background:rgba(255,255,255,.7);overflow:hidden}
.pts-bar i{display:block;height:100%;background:var(--hot);border-radius:999px}
.acct-h{font-size:24px;margin-bottom:8px}
.ped-list,.mov-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px}
.ped-list li{background:var(--card);border-radius:18px;padding:12px 14px;display:flex;flex-direction:column;gap:4px}
.ped-top,.ped-bot{display:flex;justify-content:space-between;align-items:center;gap:8px;flex-wrap:wrap}
.ped-list small{color:var(--ink-soft)}
.ped-items{font-size:13px;color:var(--ink-soft);line-height:1.4}
.ped-bot{font-weight:600;font-variant-numeric:tabular-nums}
.ped-bot small{font-weight:400}
.ped-pts{color:var(--berry)}
.ped-st{font-size:12px;font-weight:700;border-radius:999px;padding:2px 10px;background:var(--blush)}
.ped-st.pendiente{background:#fbefd2;color:#7a5200}
.ped-st.pagado{background:#e1f1e6;color:#2f6a46}
.ped-st.entregado{background:var(--ink);color:var(--bg)}
.ped-st.cancelado{background:#f3dddd;color:#8f3434}
.acct-det{background:var(--card);border-radius:18px;padding:12px 14px}
.acct-det summary{cursor:pointer;font-weight:600}
.acct-det[open] summary{margin-bottom:10px}
.mov-list li{display:flex;justify-content:space-between;gap:10px;font-size:14px}
.mov-list small{display:block;color:var(--ink-soft);font-size:12px}
.mov-list b{color:var(--berry);font-variant-numeric:tabular-nums}
.mov-list b.neg{color:var(--ink-soft)}
/* Bloque de puntos en la bolsa */
.pts-in{background:var(--hot-soft);border-radius:18px;padding:12px 14px;display:flex;flex-direction:column;gap:8px;font-size:14px}
.pts-use{display:flex;align-items:center;gap:8px;font-weight:600;cursor:pointer}
.pts-use input{width:18px;height:18px;accent-color:var(--hot)}
.pts-total b{font-size:16px}