/* CLIENTES */

#pantallaClientes{
 padding:18px 24px;
 color:#111827;
}

.clientes-shell{
 max-width:1120px;
 margin:0 auto;
 background:#fff;
 border:1px solid #edf1f7;
 border-radius:8px;
 box-shadow:0 10px 28px rgba(15,23,42,.08);
 padding:20px;
}

.clientes-header{
 display:flex;
 align-items:center;
 justify-content:space-between;
 gap:16px;
 margin-bottom:16px;
}

.clientes-header h2{
 margin:0;
 font-size:26px;
 color:#101828;
}

.clientes-header p{
 margin:4px 0 0;
 color:#667085;
}

.btn-cliente-nuevo{
 width:min(100%,220px);
 margin:0;
 border-radius:8px;
 background:linear-gradient(90deg,#c01855,#e5256b);
 color:#fff;
 font-weight:800;
 min-height:44px;
 box-shadow:0 10px 22px rgba(192,24,85,.18);
}

.clientes-resumen{
 display:grid;
 grid-template-columns:repeat(3,minmax(0,1fr));
 gap:12px;
 margin-bottom:16px;
}

.clientes-resumen div{
 background:#f8fafc;
 border:1px solid #eef2f7;
 border-radius:8px;
 padding:14px;
}

.clientes-resumen span{
 display:block;
 color:#667085;
 font-size:13px;
 margin-bottom:7px;
}

.clientes-resumen strong{
 color:#101828;
 font-size:22px;
}

.clientes-toolbar{
 padding-bottom:14px;
 border-bottom:1px solid #eef2f7;
}

#buscarClientes{
 width:min(100%,420px);
 min-height:44px;
 background:#f8fafc;
 color:#111827;
 border:1px solid #e4e7ec;
 border-radius:8px;
 padding:12px 14px;
 font-size:14px;
}

.tabla-clientes{
 width:100%;
 border-collapse:collapse;
 table-layout:fixed;
 font-size:14px;
}

.tabla-clientes th{
 color:#475467;
 font-size:13px;
 font-weight:800;
 text-align:left;
 padding:14px 12px;
 border-bottom:1px solid #e5e7eb;
}

.tabla-clientes td{
 color:#344054;
 padding:16px 12px;
 border-bottom:1px solid #eef2f7;
 vertical-align:middle;
}

.tabla-clientes tr:hover{
 background:#f8fafc;
}

.tabla-clientes td:first-child strong{
 display:block;
 color:#101828;
 margin-bottom:4px;
}

.tabla-clientes td:first-child span{
 display:block;
 color:#667085;
 font-size:12px;
}

.tabla-clientes th:nth-child(1),
.tabla-clientes td:nth-child(1){
 width:25%;
}

.tabla-clientes th:nth-child(2),
.tabla-clientes td:nth-child(2){
 width:15%;
}

.tabla-clientes th:nth-child(3),
.tabla-clientes td:nth-child(3),
.tabla-clientes th:nth-child(4),
.tabla-clientes td:nth-child(4){
 width:13%;
}

.tabla-clientes th:nth-child(5),
.tabla-clientes td:nth-child(5){
 width:16%;
}

.tabla-clientes th:nth-child(6),
.tabla-clientes td:nth-child(6){
 width:18%;
}

.cliente-saldo-rojo{
 color:#b42318 !important;
 font-weight:800;
}

.cliente-saldo-ok{
 color:#027a48 !important;
 font-weight:800;
}

.estado-cliente{
 display:inline-flex;
 align-items:center;
 gap:7px;
 font-weight:800;
 font-size:13px;
}

.estado-cliente::before{
 content:"";
 width:9px;
 height:9px;
 border-radius:50%;
}

.estado-cliente.ok{
 color:#027a48;
}

.estado-cliente.ok::before{
 background:#12b76a;
}

.estado-cliente.adeudo{
 color:#b42318;
}

.estado-cliente.adeudo::before{
 background:#f04438;
}

.acciones-clientes{
 display:flex;
 gap:6px;
 flex-wrap:wrap;
}

.acciones-clientes button{
 margin:0;
 width:auto;
 min-height:30px;
 padding:7px 9px;
 border-radius:8px;
 background:#0d6efd;
 color:#fff;
 font-size:12px;
 font-weight:800;
}

.acciones-clientes button:nth-child(2){
 background:#344054;
}

.acciones-clientes button:nth-child(3){
 background:#f2f4f7;
 color:#344054;
}

.clientes-vacio{
 text-align:center !important;
 color:#667085 !important;
 padding:36px 12px !important;
}

body.oscuro #pantallaClientes,
body.oscuro .clientes-header h2,
body.oscuro .clientes-resumen strong,
body.oscuro .tabla-clientes td:first-child strong{
 color:#f8fafc;
}

body.oscuro .clientes-shell{
 background:#111827;
 border-color:#243044;
}

body.oscuro .clientes-resumen div,
body.oscuro #buscarClientes{
 background:#1f2937;
 border-color:#374151;
 color:#f8fafc;
}

body.oscuro .tabla-clientes th,
body.oscuro .tabla-clientes td{
 color:#f8fafc;
 border-color:#243044;
}

body.oscuro .tabla-clientes tr:hover{
 background:#172033;
}