/* panel Owner/Admin: selector de periodo, hoja inferior, calendario, vaciado de metricas y editor/tarjeta de metodos de pago */
.btn.plain{background:none;color:var(--hint)}
.btn.sm.fit.dg svg{flex:none}

/* ---- selector de periodo ---- */
.pchips{display:flex;gap:6px;overflow-x:auto;padding:2px 2px 4px;scrollbar-width:none;overscroll-behavior-x:contain}.pchips::-webkit-scrollbar{display:none}
.pchips button{flex:none;display:inline-flex;align-items:center;gap:6px;border:1.5px solid var(--line);background:var(--bg);color:var(--tx);border-radius:99px;padding:8px 14px;font-family:inherit;font-size:13.5px;font-weight:600;transition:transform .1s}
.pchips button:active{transform:scale(.96)}.pchips button.on{background:var(--ac);color:var(--act);border-color:var(--ac)}
.plab{display:flex;align-items:center;gap:6px;font-size:12.5px;color:var(--hint);margin:8px 6px 14px}.plab span{min-width:0}
.hid{margin-bottom:10px;padding:12px 14px}.hid>svg{flex:none;color:var(--hint)}

/* ---- hoja inferior ---- */
.sh{position:fixed;inset:0;display:flex;align-items:flex-end;justify-content:center}
.sh-bg{position:absolute;inset:0;background:rgba(0,0,0,.5);animation:shf .2s both}
.sh-p{position:relative;width:100%;max-width:520px;max-height:92vh;overflow-y:auto;overscroll-behavior:contain;background:var(--bg);border-radius:24px 24px 0 0;padding:22px 18px calc(18px + env(safe-area-inset-bottom));animation:shu .28s cubic-bezier(.2,.8,.2,1) both}
.sh-p:before{content:"";position:absolute;top:8px;left:50%;width:38px;height:4px;margin-left:-19px;border-radius:4px;background:var(--line)}
.sh.out .sh-bg{animation:shf .18s reverse both}.sh.out .sh-p{animation:shu .18s ease-in reverse both}
@keyframes shf{from{opacity:0}}@keyframes shu{from{transform:translateY(100%)}}
.sh-t{font-size:20px;font-weight:700;letter-spacing:-.01em}.sh-s{margin:6px 0 4px;line-height:1.45}

/* ---- calendario de rango ---- */
.cal-h{display:flex;align-items:center;justify-content:space-between;margin:16px 0 8px}.cal-h b{font-size:16px;text-transform:capitalize}
.cal-n{width:40px;height:40px;border-radius:12px;border:0;background:var(--sec);color:var(--tx);display:grid;place-items:center}.cal-n:disabled{opacity:.3}.cal-n:active{transform:scale(.94)}
.cal-w,.cal-g{display:grid;grid-template-columns:repeat(7,1fr);row-gap:4px}
.cal-w span{text-align:center;font-size:11px;font-weight:700;color:var(--hint);padding:4px 0}
.cal-g button{height:42px;border:0;background:none;color:var(--tx);font-family:inherit;font-size:15px;font-weight:600;position:relative;border-radius:0;padding:0}
.cal-g button:disabled{color:var(--hint);opacity:.35}
.cal-g .rg{background:color-mix(in srgb,var(--ac) 16%,transparent)}
.cal-g .sel{background:var(--ac);color:var(--act)}
.cal-g .sel.a{border-radius:12px 0 0 12px}.cal-g .sel.z{border-radius:0 12px 12px 0}.cal-g .sel.a.z{border-radius:12px}
.cal-g .td:not(.sel){box-shadow:inset 0 0 0 1.5px var(--ac);border-radius:12px}
.cal-s{text-align:center;font-size:13.5px;font-weight:600;margin:14px 0 4px;min-height:20px}

/* ---- vaciar metricas ---- */
.rs-r{display:flex;align-items:center;gap:10px;width:100%;margin-top:8px;padding:13px 14px;border-radius:13px;border:1.5px solid var(--line);background:var(--bg);color:var(--tx);font-family:inherit;font-size:15px;text-align:left}
.rs-r[hidden]{display:none}.rs-r svg{color:var(--hint);flex:none}
.rs-n{margin:14px 4px 6px;padding:12px 14px;border-radius:14px;background:var(--sec);font-size:13.5px;line-height:1.45}

/* ---- tarjeta "Donde depositar" (sala): bloques separados con aire ---- */
.pmc .pmh{display:flex;align-items:center;gap:12px}
.pmc .pmv{display:inline-block;margin-top:5px;padding:4px 8px;line-height:1.3}
.pmc .pmx{margin-top:18px;padding:2px 14px;border-radius:14px;background:var(--sec)}
.pmc .pmx .kv{padding:11px 0;gap:12px}.pmc .pmx .kv:first-child{border-top:0}.pmc .pmx .kv b{text-align:right;word-break:break-word}
.pmc .pma{display:flex;gap:10px;margin-top:18px}.pmc .pma .btn{margin:0}
.pmc .pmq{display:grid;place-items:center;margin-top:12px}.pmc .pmq:empty{display:none}

/* ---- editor de metodos de pago (panel admin) ---- */
.pme{padding:18px 16px 16px}
.pme-h{display:flex;align-items:baseline;justify-content:space-between;gap:10px}.pme-h .h{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.pme .lb{margin:16px 4px 6px}.pme-h+.lb{margin-top:12px}
.pme-x{margin-top:20px;padding:14px 12px 12px;border-radius:14px;background:var(--sec)}
.pme-t{font-size:12px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--hint);margin:0 4px 10px}
.pme-r{display:flex;align-items:center;gap:8px}.pme-r+.pme-r{margin-top:10px}.pme-r .in{flex:1;min-width:0}.pme-d{flex:none;width:44px;height:46px;padding:0}
.pme .pme-add{width:100%;margin-top:18px;padding:12px}
.pme-f{margin-top:18px;padding-top:16px;border-top:1px solid var(--line)}.pme .pme-del{width:100%;padding:12px}
