.commitment-summary{display:grid;grid-template-columns:repeat(5,minmax(128px,1fr));gap:10px;margin-bottom:14px}
.commitment-summary button{display:flex;min-width:0;align-items:center;justify-content:space-between;gap:12px;padding:15px 16px;border:1px solid var(--line2);border-radius:12px;background:linear-gradient(145deg,#111f1b,#0b1613);color:var(--text);text-align:left;cursor:pointer;transition:transform .18s,border-color .18s,background .18s,box-shadow .18s}
.commitment-summary button:hover,.commitment-summary button:focus-visible,.commitment-summary button.active{transform:translateY(-2px);border-color:#4a806a;outline:0;background:#13271f;box-shadow:0 13px 28px rgba(0,0,0,.2)}
.commitment-summary span,.commitment-summary small,.commitment-summary b{display:block;min-width:0}
.commitment-summary small{margin-bottom:5px;color:#70847c;font-size:7px;font-weight:800;letter-spacing:1px;text-transform:uppercase}
.commitment-summary b{overflow:hidden;color:#c8d7d1;font-size:9px;letter-spacing:.45px;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap}
.commitment-summary strong{flex:0 0 auto;font:800 25px Manrope;color:var(--mint)}
.commitment-summary button[data-commitment-quick="Pendiente"] strong{color:var(--amber)}
.commitment-summary button[data-commitment-quick="En proceso"] strong{color:var(--blue)}
.commitment-summary button[data-commitment-quick="Esperando cliente"] strong{color:var(--violet)}
.commitment-summary button[data-commitment-quick="Finalizado"] strong{color:#8fa29b}
.commitment-filter-result{margin-top:-5px;margin-bottom:10px}
@media(max-width:1180px){.commitment-summary{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:700px){.commitment-summary{grid-template-columns:1fr 1fr}.commitment-summary button:first-child{grid-column:1/-1}}