/* Recepción de compras — piezas propias (app.css trae la base de la marca) */

/* chips de filtro */
.chips{display:flex;gap:7px;flex-wrap:wrap;margin:0 0 14px}
.chip{display:inline-flex;align-items:center;gap:6px;padding:5px 11px;border:1px solid var(--borde);
  border-radius:20px;background:var(--blanco);font-size:12.5px;color:var(--tinta-suave)}
.chip b{color:var(--tinta);font-size:12px}
.chip.on{background:var(--verde-claro);border-color:var(--verde);color:var(--verde);font-weight:600}
.chip.on b{color:var(--verde)}
.chip:hover{border-color:var(--borde-fuerte)}

/* tabla de bandeja */
.tabla .mini{display:block;margin-top:2px}
.tabla-conteo td.esperado .mini,.tabla-lineas-ver td:nth-child(3) .mini{display:inline;margin:0 0 0 3px}
.tabla-docs td{vertical-align:top}
.doc-folio b{font-size:13.5px}
.doc-folio .mini{display:block;margin-top:2px}
.avance-mini{height:5px;border-radius:4px;background:#eceae3;overflow:hidden;max-width:120px;margin-bottom:3px}
.avance-mini span{display:block;height:100%;background:var(--verde)}
.avance-celda{min-width:110px}
.acciones-celda{text-align:right;white-space:nowrap}
.rojo-marca{color:var(--rojo);display:block;margin-top:2px;font-weight:600}
.ambar-txt{color:var(--ambar)}

/* subida de archivos */
.subida{border:1.5px dashed var(--borde-fuerte);border-radius:11px;padding:12px;background:#fbfaf6;margin-bottom:14px}
.subida input[type=file]{width:100%;font-size:13px}
.lista-archivos{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px}
.lista-archivos figure{margin:0;width:96px;text-align:center;font-size:10.5px;color:var(--tinta-suave)}
.lista-archivos img{width:96px;height:76px;object-fit:cover;border-radius:7px;border:1px solid var(--borde)}
.lista-archivos .pdf-pill{display:grid;place-items:center;height:76px;border:1px solid var(--borde);
  border-radius:7px;background:var(--rojo-claro);color:var(--rojo);font-weight:700;font-size:12px}

/* buscador de catálogo */
.buscador-producto{margin:6px 0 12px}
.buscador-producto label{display:block;font-size:12.5px;color:var(--tinta-suave);font-weight:600}
.buscador-producto input{width:100%;margin-top:4px}
.resultados{display:none;border:1px solid var(--borde-fuerte);border-radius:10px;background:var(--blanco);
  box-shadow:var(--sombra);margin-top:6px;overflow:hidden}
.resultados.on{display:block}
.resultados button{display:block;width:100%;text-align:left;border:0;border-bottom:1px solid var(--borde);
  background:var(--blanco);padding:8px 11px;font:inherit;font-size:12.5px;cursor:pointer}
.resultados button:last-child{border-bottom:0}
.resultados button:hover{background:var(--verde-claro)}
.resultados small{color:var(--tinta-suave);display:block;font-size:11px}

/* formularios de cabecera */
.fila>label select{width:100%}
.fila>label.angosto{min-width:118px}

/* grilla de líneas editable */
.grilla-lineas{overflow-x:auto}
.tabla-lineas{min-width:820px}
.tabla-lineas input,.tabla-lineas select{width:100%;padding:6px 7px;font-size:13px;border-radius:7px;
  border:1px solid var(--borde-fuerte);background:var(--blanco);color:var(--tinta)}
.tabla-lineas .c-cod{width:86px}
.tabla-lineas .c-cant,.tabla-lineas .c-un,.tabla-lineas .c-precio{width:78px}
.tabla-lineas .c-imp{width:86px}
.tabla-lineas .c-bicom{width:110px}
.tabla-lineas input.num{text-align:right}
.tabla-lineas .quitar{width:34px;text-align:center}
.mini-btn{border:1px solid var(--borde-fuerte);background:var(--blanco);border-radius:6px;cursor:pointer;
  font:inherit;font-size:12px;color:var(--tinta-suave);padding:2px 7px;line-height:1.5}
.mini-btn:hover{border-color:var(--verde);color:var(--verde)}
.linea-acciones{display:flex;gap:12px;align-items:center;justify-content:space-between;margin-top:10px;flex-wrap:wrap}
.totales-grilla{font-size:12.5px;color:var(--tinta-suave);font-weight:600}
.acciones-form{display:flex;gap:10px;align-items:center;margin-top:18px;padding-top:14px;
  border-top:1px solid var(--borde)}

/* ficha */
.resumen{display:flex;gap:26px;flex-wrap:wrap;margin-bottom:12px}
.resumen div{display:flex;flex-direction:column;gap:2px}
.resumen b{font-size:17px;letter-spacing:-.01em}
.meta-doc{display:flex;gap:18px;flex-wrap:wrap;font-size:12.5px;color:var(--tinta-suave);
  border-top:1px solid var(--borde);padding-top:10px;margin-top:4px}
.bloque-diff{display:flex;align-items:center;gap:12px;justify-content:space-between;
  background:var(--ambar-claro);border:1px solid #ecd9ab;color:#6d4409;border-radius:10px;
  padding:9px 13px;font-size:13px;margin-top:12px}
.bloque-diff.ok{background:var(--verde-claro);border-color:#bfdccb;color:#144a31}
.acciones-doc{display:flex;gap:10px;flex-wrap:wrap;align-items:center;margin-top:14px}
.acciones-doc .btn.grande,.acciones-doc .btn.primario.grande{width:auto;flex:0 1 auto;min-width:220px}
.nota-candado{font-size:12.5px;color:var(--ambar);background:var(--ambar-claro);border:1px solid #ecd9ab;
  border-radius:9px;padding:8px 12px;max-width:640px}
.grande-pill{font-size:13px;padding:8px 14px}
.agregar-archivo{display:flex;gap:8px;align-items:center;margin-top:10px;flex-wrap:wrap}
.agregar-archivo input{font-size:12.5px;flex:1;min-width:200px}
.miniaturas{display:flex;gap:8px;flex-wrap:wrap}
.miniatura{width:104px;height:84px;border:1px solid var(--borde);border-radius:8px;overflow:hidden;
  display:block;background:#f7f5ef}
.miniatura img{width:100%;height:100%;object-fit:cover;display:block}
.miniatura.pdf{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;
  font-size:10px;text-align:center;padding:4px;color:var(--rojo)}
.miniatura .icono{font-weight:700;font-size:13px}
.tabla-lineas-ver td{vertical-align:top}

/* conteo */
.contador-conteo{font-size:14px;margin-bottom:4px}
.contador-conteo b{font-size:17px}
.contador-conteo .cero{color:var(--verde);font-weight:600}
.contador-conteo .con-dif{color:var(--ambar);font-weight:700}
.tabla-conteo td{vertical-align:middle}
.tabla-conteo .esperado{color:var(--tinta-suave)}
.tabla-conteo .entrada{white-space:nowrap}
.tabla-conteo input.cuenta{width:88px;text-align:right;font-size:15px;padding:8px 9px;font-weight:600}
.tabla-conteo input.nota-linea{width:100%;font-size:12px;padding:5px 7px}
.tabla-conteo .atajo{margin:0 4px}
.fila-conteo.cambiada{background:#fbfaf6}
.fila-conteo.falta{background:var(--rojo-claro)}
.fila-conteo.sobra{background:var(--ambar-claro)}
.veredicto .pill{font-size:11px}
.barra-guardar{position:sticky;bottom:0;display:flex;gap:12px;justify-content:space-between;
  align-items:center;background:rgba(244,242,236,.96);backdrop-filter:blur(6px);
  border-top:1px solid var(--borde);padding:12px 0;margin-top:6px}

/* reporte de diferencias */
.hoja{background:var(--blanco)}
.hoja-top{display:flex;justify-content:space-between;align-items:flex-start;
  border-bottom:2px solid var(--tinta);padding-bottom:8px;margin-bottom:12px;font-size:13px}
.hoja-top span{display:block}
.hoja-fecha{font-size:12px;color:var(--tinta-suave);text-transform:uppercase;letter-spacing:.06em}
.hoja h2{font-size:16px;margin:0 0 12px}
.hoja h2 .mini{display:block;font-weight:400;margin-top:2px}
.tabla-diff td,.tabla-diff th{font-size:12.5px}
.pie-diff{display:flex;gap:30px;margin-top:14px;padding-top:10px;border-top:1px solid var(--borde)}
.pie-diff b{font-size:16px;display:block}
.firmas{display:flex;gap:40px;margin-top:34px}
.firmas div{flex:1;border-top:1px solid var(--tinta);padding-top:5px;font-size:11.5px;
  color:var(--tinta-suave);max-width:230px}
.angosto2{max-width:620px}

/* teléfono */
@media (max-width:760px){
  .tabla-docs thead{display:none}
  .tabla-docs tr{display:grid;grid-template-columns:1fr auto;gap:4px 10px;
    border-bottom:1px solid var(--borde);padding:9px 0}
  .tabla-docs td{border:0;padding:0}
  .tabla-docs td.acciones-celda{grid-column:2;grid-row:1/3;text-align:right}
  .tabla-docs td.avance-celda{grid-column:1}
  .resumen{gap:16px}
  .barra-guardar{padding-bottom:16px}
  /* el conteo se apila: producto, facturado, contado, nota */
  .tabla-conteo,.tabla-conteo tbody,.tabla-conteo tr,.tabla-conteo td{display:block}
  .tabla-conteo thead{display:none}
  .tabla-conteo tr{padding:12px 0;border-bottom:1px solid var(--borde)}
  .tabla-conteo td{border:0;padding:0}
  .tabla-conteo td.mini{display:none}
  .tabla-conteo td.prod{margin-bottom:4px;font-weight:600;line-height:1.35}
  .tabla-conteo td.prod .mini{font-weight:400}
  .tabla-conteo td.esperado{margin-bottom:8px;font-size:12.5px;color:var(--tinta-suave)}
  .tabla-conteo td.esperado::before{content:"facturado ";text-transform:uppercase;letter-spacing:.04em}
  .tabla-conteo td.entrada{display:flex;align-items:center;gap:9px}
  .tabla-conteo input.cuenta{width:110px;font-size:17px;padding:9px 10px}
  .tabla-conteo td.nota-celda{margin-top:8px}
  .tabla-conteo input.nota-linea{width:100%}
  .tabla-conteo td.veredicto{margin-top:6px}
  .marca .kicker{display:none}
  header nav a{white-space:nowrap;padding:5px 8px;font-size:13px}
  /* el reporte de diferencias: se ocultan las columnas de relleno */
  .tabla-diff th:nth-child(6),.tabla-diff td:nth-child(6),
  .tabla-diff th:nth-child(7),.tabla-diff td:nth-child(7){display:none}
  .tabla-diff th,.tabla-diff td{padding:5px 6px}
  .pie-diff{gap:14px;flex-wrap:wrap}
  /* la ficha: en el teléfono solo lo que se mira (producto, cantidad, contado, estado) */
  .tabla-lineas-ver th:nth-child(1),.tabla-lineas-ver td:nth-child(1),
  .tabla-lineas-ver th:nth-child(4),.tabla-lineas-ver td:nth-child(4),
  .tabla-lineas-ver th:nth-child(5),.tabla-lineas-ver td:nth-child(5),
  .tabla-lineas-ver th:nth-child(8),.tabla-lineas-ver td:nth-child(8){display:none}
  .tabla-lineas-ver th,.tabla-lineas-ver td{padding:6px}
}

/* imprimir: solo la hoja */
@media print{
  header.top,nav,.no-imprimir,footer,.barra,.aviso,.chips{display:none!important}
  body{background:#fff}
  main{padding:0;max-width:none}
  .tarjeta{border:0;box-shadow:none;padding:0;margin:0}
  .hoja h2{font-size:15px}
  .tabla th,.tabla td{border-color:#999}
  .firmas{margin-top:60px}
}