.personnel-payroll285{margin-top:18px}.payroll-kpis285{display:grid;grid-template-columns:repeat(4,minmax(150px,1fr));gap:10px;margin:14px 0}.payroll-kpis285 article{border:1px solid #dfe8e1;border-radius:14px;padding:13px;background:#fff;display:flex;flex-direction:column;gap:5px}.payroll-kpis285 small{color:#607067}.payroll-kpis285 strong{font-size:1.12rem;color:#173d25}.payroll-kpis285 .net285{background:#edf8f0;border-color:#9fd2ad}.payroll-status285{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 14px}.payroll-status285 button{border:1px solid #d9e5dc;background:#fff;border-radius:12px;padding:8px 12px;display:flex;gap:7px;align-items:center;cursor:pointer}.payroll-status285 b{font-size:1.05rem}.payroll-status285 span{font-size:.82rem}.personnel-payroll285 td small{display:block;color:#65756b;margin-top:3px}.payroll-state285{display:inline-flex;padding:5px 8px;border-radius:999px;background:#eef2ef;font-size:.78rem;white-space:nowrap}.state-aprobada,.state-pagada{background:#e4f6e9;color:#17612e}.state-pendiente-de-revision{background:#fff1c9;color:#765600}.state-anulada{background:#fde6e6;color:#8f2525}.personnel-payroll285 .table-wrap{overflow:auto}.personnel-payroll285 table{min-width:1450px}@media(max-width:900px){.payroll-kpis285{grid-template-columns:repeat(2,minmax(140px,1fr))}}@media(max-width:620px){.payroll-kpis285{grid-template-columns:1fr}.personnel-payroll285 .panel-head{align-items:stretch}.personnel-payroll285 .panel-head .btn{width:100%}}