.bonos-module-tabs{display:flex;gap:.75rem;flex-wrap:wrap}.bonos-clientes-toolbar{grid-template-columns:minmax(260px,1fr) 220px auto}.bono-client-results{display:flex;flex-direction:column;gap:.45rem;margin-top:.55rem;max-height:220px;overflow:auto}.bono-client-results button{display:flex;justify-content:space-between;gap:1rem;text-align:left;padding:.75rem 1rem;border:1px solid var(--border);background:#fff;border-radius:12px}.bono-client-results button small{color:var(--muted)}.bono-progress-head{display:flex;justify-content:space-between;margin-bottom:.5rem}.bono-card .progress,.cliente-bono-card .progress{height:9px;border-radius:999px}.bono-card .progress-bar,.cliente-bono-card .progress-bar{background:var(--gold)}.bono-estado-activo{background:#d1e7dd;color:#0f5132}.bono-estado-pendiente{background:#fff3cd;color:#664d03}.bono-estado-agotado{background:#cff4fc;color:#055160}.bono-estado-caducado,.bono-estado-cancelado{background:#e2e3e5;color:#41464b}.bono-movements{display:flex;flex-direction:column;gap:.65rem}.bono-movements>div{display:grid;grid-template-columns:44px 1fr auto;align-items:center;gap:.75rem;padding:.75rem;border:1px solid var(--border);border-radius:12px}.bono-movements>div>span{font-size:1.1rem;font-weight:800}.bono-movements small{display:block;color:var(--muted)}.cliente-bono-card{display:flex;flex-direction:column;background:#fff;border:1px solid var(--border);border-radius:22px;box-shadow:0 12px 35px rgba(32,25,20,.06);overflow:hidden}.cliente-bono-top{display:flex;justify-content:space-between;padding:1.5rem 1.5rem 0}.cliente-bono-icon{display:grid;place-items:center;width:48px;height:48px;border-radius:15px;background:rgba(201,165,106,.15);color:var(--gold-dark);font-size:1.25rem}.cliente-bono-body{flex:1;padding:1.25rem 1.5rem}.cliente-bono-body h3{font-size:1.2rem;font-weight:800}.cliente-bono-balance{display:flex;align-items:baseline;gap:.5rem;margin:1.25rem 0 .75rem}.cliente-bono-balance strong{font-size:2.2rem;color:var(--gold-dark)}.cliente-bono-balance span{color:var(--muted)}.cliente-bono-dates{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-top:1.25rem}.cliente-bono-dates span{display:flex;flex-direction:column;color:var(--muted);font-size:.82rem}.cliente-bono-dates b{color:var(--dark);font-size:.95rem}.cliente-bono-actions{padding:1rem 1.5rem 1.5rem;border-top:1px solid var(--border)}@media(max-width:700px){.bonos-clientes-toolbar{grid-template-columns:1fr}.cliente-bono-dates{grid-template-columns:1fr}}