.clients-view{display:flex;flex-direction:column;gap:16px}.clients-toolbar{display:flex;gap:10px;align-items:center;padding:11px 13px;background:#f4f7f9;border:1px solid #d9e0e5;border-radius:9px}.clients-toolbar input,.clients-toolbar select{padding:8px 10px;border:1px solid #c7d0d8;border-radius:6px;background:#fff;color:#263746;font-size:10px}.clients-toolbar input{min-width:280px}.clients-toolbar .button{font-size:10px;padding:8px 11px}.clients-table-panel{padding:0}.clients-table{min-width:920px}.clients-table td small{display:block;color:#81919b;font-size:8px;margin-top:3px}.client-state{display:inline-block;padding:4px 7px;border-radius:999px;background:#e7f3ed;color:#277158;font-size:8px}.client-state.inactivo,.client-state.retirado{background:#f3e9e8;color:#a6534d}.client-state.pendiente_coordenadas{background:#fff3df;color:#987136}.client-dialog{width:min(760px,calc(100vw - 28px));border:0;border-radius:14px;padding:0;box-shadow:0 24px 70px #172a3438}.client-dialog::backdrop{background:#15252b66}.client-dialog form{padding:18px}.client-dialog-heading{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:14px}.client-dialog-heading h2{margin:0;color:#263746;font-size:18px}.client-form-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.client-form-grid label{display:flex;flex-direction:column;gap:4px;color:#526574;font-size:9px;font-weight:700}.client-form-grid input,.client-form-grid select{padding:8px 9px;border:1px solid #c7d0d8;border-radius:6px;color:#263746;background:#fff;font-size:10px}.client-history{margin-top:14px;max-height:150px;overflow:auto}.client-history>div{padding:7px 0;border-bottom:1px solid #edf0f2}.client-history strong{font-size:9px;color:#2f6171}.client-history span{float:right;color:#8998a1;font-size:8px}.client-history p{margin:4px 0 0;color:#526574;font-size:9px}.client-dialog-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:15px}.client-dialog-actions .button{font-size:10px;padding:8px 11px}@media(max-width:700px){.clients-toolbar{flex-wrap:wrap}.clients-toolbar input{min-width:0;flex:1}.client-form-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:450px){.client-form-grid{grid-template-columns:1fr}}
.clients-view{gap:12px}.clients-table-panel{padding:0}.clients-table{min-width:0;width:100%;table-layout:fixed}.clients-table th,.clients-table td{padding:7px 8px;font-size:9px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.clients-table th:first-child,.clients-table td:first-child{width:68px}.clients-table th:nth-child(2){width:125px}.clients-table th:nth-child(4){width:190px}.clients-table th:nth-child(5){width:130px}.clients-table td small{display:block;color:#81919b;font-size:8px;margin-top:2px}.clients-pagination{display:flex;align-items:center;justify-content:flex-end;gap:9px;padding:9px 11px;border-top:1px solid #e4e8eb;color:#526574;font-size:10px}.clients-pagination .button{font-size:9px;padding:6px 10px}.clients-pagination .button:disabled{opacity:.45;cursor:not-allowed}
.clients-view input,.clients-view select{text-transform:uppercase}.client-row-actions{display:flex;align-items:center;gap:4px}.client-row-actions .button{font-size:8px;padding:5px 7px;white-space:nowrap}.client-delete{background:#a84e52!important;border-color:#a84e52!important;color:#fff!important}
.clients-table-panel{display:flex;flex-direction:column;padding:0;border-radius:8px;box-shadow:none;overflow:hidden}.clients-table{font-size:12px;white-space:normal;table-layout:auto}.clients-table th{position:sticky;top:0;background:#fbfcfc;color:#91a19a;border-bottom:1px solid #edf1ee;font-size:10px;font-weight:500;padding:0 18px;text-transform:none}.clients-table td{padding:13px 18px;border-bottom:1px solid #f0f3f1;color:#526574;vertical-align:middle}.clients-table tbody tr:last-child td{border-bottom:0}.clients-table tbody tr:hover{background:#fafcfb}.clients-table td strong{font-weight:500;color:#405c59}.clients-table td small{color:#9aa9a3;font-size:10px;line-height:1.5}.client-row-actions .button{border:0;background:transparent!important;color:#88a098!important;font-size:11px;padding:4px 6px}.client-row-actions .button:hover{color:#277f70!important}.client-row-actions .client-delete{color:#ad7770!important}.clients-pagination{border-top:1px solid #edf1ee;padding:11px 17px;color:#95a79d}.clients-pagination .button{border:0;background:transparent!important;color:#899e93!important;font-size:11px}.clients-pagination .button:not(:disabled):hover{background:#f1f7f4!important;color:#388e7b!important}.clients-pagination .button:disabled{color:#d2dbd4!important;opacity:1}
.clients-table thead th{height:40px!important;position:sticky!important;top:0!important;background:#fbfcfc!important;color:#91a19a!important;border-bottom:1px solid #edf1ee!important;font-size:10px!important;letter-spacing:0!important;font-weight:500!important;line-height:1.2!important;padding:0 18px!important;text-transform:none!important;vertical-align:middle!important}.clients-table thead th:first-child{text-align:left}.clients-table thead th:not(:first-child){text-align:left}
.clients-table thead th{color:#61757b!important;font-weight:650!important}.clients-table td{color:#40565f!important}.clients-table td strong{color:#294852!important;font-weight:650!important}.clients-table td small{color:#71848a!important}.clients-table .client-state{font-weight:650!important}