/* PROVEEDORES */

#pantallaProveedores{
 padding:18px 24px;
 color:var(--pos-text,#172033);
}

.proveedores-shell{
 max-width:1180px;
 margin:0 auto;
 background:var(--pos-surface-strong,#fff);
 border:1px solid var(--pos-line,#dbe3ef);
 border-radius:14px;
 padding:20px;
}

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

.proveedores-header h2{
 margin:0;
 font-size:22px;
 font-weight:800;
 letter-spacing:-.02em;
}

.proveedores-header p{
 margin:4px 0 0;
 color:var(--pos-muted,#687386);
 font-weight:600;
 font-size:13px;
}

.btn-proveedor-nuevo{
 width:auto;
 margin:0;
 border:0;
 border-radius:10px;
 background:var(--brand-color,#0d6efd) !important;
 color:#fff !important;
 font-weight:800;
 font-size:14px;
 min-height:40px;
 padding:0 16px;
 cursor:pointer;
}

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

.proveedores-resumen div{
 background:var(--pos-surface-strong,#fff);
 border:1px solid var(--pos-line,#dbe3ef);
 border-radius:12px;
 padding:14px;
}

.proveedores-resumen span{
 display:block;
 color:var(--pos-muted,#687386);
 font-size:12px;
 font-weight:700;
 margin-bottom:6px;
}

.proveedores-resumen strong{
 color:var(--pos-text,#172033);
 font-size:20px;
 font-weight:800;
}

.proveedores-toolbar{
 padding-bottom:14px;
 margin-bottom:6px;
 border-bottom:1px solid var(--pos-line,#dbe3ef);
}

#buscarProveedores{
 width:min(100%,480px);
 min-height:40px;
 background:var(--pos-surface-strong,#fff);
 color:var(--pos-text,#172033);
 border:1px solid var(--pos-line,#dbe3ef);
 border-radius:9px;
 padding:0 14px;
 font-size:13px;
 font-weight:600;
}

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

.tabla-proveedores th{
 color:var(--pos-muted,#687386);
 font-size:11px;
 font-weight:800;
 text-transform:uppercase;
 letter-spacing:.05em;
 text-align:left;
 padding:10px 12px;
 border-bottom:1px solid var(--pos-line,#dbe3ef);
}

.tabla-proveedores td{
 color:var(--pos-text,#172033);
 font-weight:600;
 padding:12px;
 border-bottom:1px solid var(--pos-line,#dbe3ef);
 vertical-align:middle;
}

.tabla-proveedores td:first-child strong{
 display:block;
 color:var(--pos-text,#172033);
 margin-bottom:3px;
 font-weight:800;
}

.tabla-proveedores td:first-child span{
 display:block;
 color:var(--pos-muted,#687386);
 font-size:12px;
 white-space:nowrap;
 overflow:hidden;
 text-overflow:ellipsis;
}

.tabla-proveedores th:nth-child(1),
.tabla-proveedores td:nth-child(1){ width:24%; }
.tabla-proveedores th:nth-child(2),
.tabla-proveedores td:nth-child(2),
.tabla-proveedores th:nth-child(3),
.tabla-proveedores td:nth-child(3){ width:14%; }
.tabla-proveedores th:nth-child(4),
.tabla-proveedores td:nth-child(4){ width:18%; }
.tabla-proveedores th:nth-child(5),
.tabla-proveedores td:nth-child(5){ width:12%; }
.tabla-proveedores th:nth-child(6),
.tabla-proveedores td:nth-child(6){ width:18%; }

.proveedor-productos{
 display:inline-flex;
 align-items:center;
 justify-content:center;
 min-width:32px;
 height:24px;
 padding:0 8px;
 border-radius:999px;
 background:color-mix(in srgb,var(--brand-color,#0d6efd) 12%,transparent);
 color:var(--brand-color,#0d6efd);
 font-weight:800;
 font-size:12px;
}

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

.acciones-proveedores button{
 width:auto;
 margin:0;
 min-height:28px;
 padding:0 10px;
 border-radius:7px;
 border:1px solid var(--pos-line,#dbe3ef) !important;
 background:transparent !important;
 color:var(--pos-text,#172033) !important;
 font-size:11px;
 font-weight:700;
 cursor:pointer;
 white-space:nowrap;
}

.acciones-proveedores button:first-child{
 border-color:var(--brand-color,#0d6efd) !important;
 color:var(--brand-color,#0d6efd) !important;
}

.acciones-proveedores .btn-proveedor-baja{
 border-color:#ef4444 !important;
 color:#b91c1c !important;
}

.acciones-proveedores .btn-proveedor-reactivar{
 border-color:#10b981 !important;
 color:#047857 !important;
}

.proveedores-vacio{
 text-align:center !important;
 color:var(--pos-muted,#687386) !important;
 padding:36px 12px !important;
 font-weight:600;
}

.proveedores-pie{
 display:flex;
 align-items:center;
 justify-content:space-between;
 flex-wrap:wrap;
 gap:12px;
 margin-top:14px;
}

.proveedores-pie span{
 color:var(--pos-muted,#687386);
 font-size:12px;
 font-weight:600;
}

.proveedores-pie-derecha{
 display:flex;
 align-items:center;
 gap:16px;
 flex-wrap:wrap;
}

.proveedores-estado-filtro{
 display:flex;
 align-items:center;
 gap:8px;
}

.proveedores-estado-filtro span{
 color:var(--pos-muted,#687386);
 font-size:12px;
 font-weight:700;
}

.proveedores-estado-filtro button{
 width:auto;
 min-height:28px;
 padding:0 10px;
 border:1px solid var(--pos-line,#dbe3ef);
 border-radius:7px;
 background:transparent !important;
 color:var(--pos-muted,#687386) !important;
 font-size:12px;
 font-weight:700;
 cursor:pointer;
}

.proveedores-estado-filtro button.activo{
 border-color:var(--brand-color,#0d6efd);
 background:color-mix(in srgb,var(--brand-color,#0d6efd) 10%,transparent) !important;
 color:var(--brand-color,#0d6efd) !important;
}

@media (max-width:900px){
 .proveedores-resumen{ grid-template-columns:1fr; }
 .proveedores-header{ flex-direction:column; align-items:flex-start; }
 .proveedores-pie{ flex-direction:column; align-items:flex-start; }
}