/* Venetti - estilos de la pantalla de Ingreso de mercaderia.
   La hoja principal fuerza flex column y mayusculas en label,
   por eso aca se usan clases propias y span en vez de label. */

#ig-raiz .ig-sub { color: var(--txt2); max-width: 70ch; margin: .4rem 0 0; }
#ig-raiz .ig-seccion {
  color: var(--txt2); font-size: .72rem; letter-spacing: .08em;
  text-transform: uppercase; margin: 1.2rem 0 .2rem;
}

#ig-raiz .ig-aviso {
  padding: .6rem .9rem; border-radius: var(--r); margin: .8rem 0;
  background: var(--sup2); color: var(--txt); border: 1px solid var(--bor);
}
#ig-raiz .ig-aviso.ig-malo { color: var(--rojo); border-color: var(--rojo); }

#ig-raiz .ig-volver {
  background: none; border: 0; color: var(--txt2); cursor: pointer;
  padding: .4rem 0; text-transform: none; font-size: .88rem;
}
#ig-raiz .ig-volver:hover { color: var(--txt); }

#ig-raiz .ig-fila { display: flex; flex-wrap: wrap; gap: .8rem; margin-top: .6rem; }
#ig-raiz .ig-campo { display: flex; flex-direction: column; gap: .25rem; }
#ig-raiz .ig-lbl {
  color: var(--txt2); font-size: .7rem; letter-spacing: .07em; text-transform: uppercase;
}
#ig-raiz .ig-in {
  padding: .5rem .7rem; background: var(--sup2); color: var(--txt);
  border: 1px solid var(--bor); border-radius: var(--r); min-width: 9rem;
}
#ig-raiz .ig-num { max-width: 8rem; }

#ig-raiz .ig-acciones { display: flex; gap: .5rem; margin-top: 1rem; }
#ig-raiz .ig-btn, #ig-raiz .ig-btn2 {
  padding: .55rem 1rem; border-radius: var(--r); cursor: pointer;
  font-size: .9rem; text-transform: none; border: 1px solid var(--bor);
}
#ig-raiz .ig-btn { background: var(--verde); color: #06231a; border-color: var(--verde); font-weight: 600; }
#ig-raiz .ig-btn[disabled] { opacity: .5; cursor: default; }
#ig-raiz .ig-btn2 { background: transparent; color: var(--txt2); }
#ig-raiz .ig-btn2:hover { color: var(--txt); }
#ig-raiz .ig-btn2.ig-peligro { color: #fff; background: var(--rojo); border-color: var(--rojo); }

#ig-raiz .ig-abierta {
  display: flex; align-items: center; justify-content: space-between;
  width: 100%; padding: .7rem .9rem; margin-top: .4rem; text-align: left;
  background: var(--sup2); color: var(--txt); cursor: pointer;
  border: 1px solid var(--bor); border-radius: var(--r); text-transform: none;
}
#ig-raiz .ig-abierta:hover { border-color: var(--verde); }
#ig-raiz .ig-prov { display: block; font-weight: 700; }
#ig-raiz .ig-meta { display: block; color: var(--txt2); font-size: .82rem; }
#ig-raiz .ig-dias { color: var(--txt2); font-size: .82rem; }
#ig-raiz .ig-dias.ig-malo { color: var(--ambar); }

#ig-raiz .ig-enc-compra {
  display: flex; align-items: flex-start; justify-content: space-between;
  gap: 1rem; flex-wrap: wrap;
}

#ig-raiz .ig-kpis { display: flex; flex-wrap: wrap; gap: 1.6rem; margin: 1rem 0 .4rem; }
#ig-raiz .ig-kpi { display: flex; flex-direction: column; }
#ig-raiz .ig-kv { font-size: 1.25rem; font-weight: 700; color: var(--txt); }
#ig-raiz .ig-kt {
  color: var(--txt2); font-size: .7rem; letter-spacing: .07em; text-transform: uppercase;
}

#ig-raiz .ig-captura { display: flex; gap: .5rem; margin-top: 1.2rem; }
#ig-raiz .ig-busca {
  flex: 1; padding: .7rem .9rem; font-size: 1rem;
  background: var(--sup2); color: var(--txt);
  border: 1px solid var(--bor); border-radius: var(--r);
}
#ig-raiz .ig-cant {
  width: 5rem; text-align: center; padding: .7rem .4rem;
  background: var(--sup2); color: var(--txt);
  border: 1px solid var(--bor); border-radius: var(--r);
}

#ig-raiz .ig-sugs {
  margin-top: .35rem; border: 1px solid var(--bor);
  border-radius: var(--r); overflow: hidden; background: var(--sup2);
}
#ig-raiz .ig-sug {
  display: flex; flex-direction: column; align-items: flex-start; gap: .1rem;
  width: 100%; padding: .55rem .9rem; text-align: left; text-transform: none;
  background: none; border: 0; border-bottom: 1px solid var(--bor);
  color: var(--txt); cursor: pointer;
}
#ig-raiz .ig-sug:last-child { border-bottom: 0; }
#ig-raiz .ig-sug:hover { background: var(--sup); }
#ig-raiz .ig-sug-cod { font-weight: 700; letter-spacing: .02em; }
#ig-raiz .ig-sug-sub { color: var(--txt2); font-size: .82rem; }

#ig-raiz .ig-barra {
  display: flex; align-items: center; justify-content: space-between;
  gap: 1rem; flex-wrap: wrap; margin: 1.2rem 0 .2rem;
}
#ig-raiz .ig-totales { color: var(--txt2); }
#ig-raiz .ig-vacio { color: var(--txt2); padding: 1.4rem 0; }

#ig-raiz .ig-tabla { width: 100%; border-collapse: collapse; margin-top: .6rem; }
#ig-raiz .ig-tabla th {
  text-align: left; font-size: .72rem; letter-spacing: .08em; font-weight: 600;
  text-transform: uppercase; color: var(--txt2);
  padding: .5rem .6rem; border-bottom: 1px solid var(--bor);
}
#ig-raiz .ig-tabla td {
  padding: .55rem .6rem; border-bottom: 1px solid var(--bor); vertical-align: middle;
}
#ig-raiz .ig-cod { font-weight: 700; letter-spacing: .02em; }
#ig-raiz .ig-mod { color: var(--txt2); }
#ig-raiz .ig-u { font-weight: 700; }

#ig-raiz .ig-tag {
  display: inline-block; padding: .1rem .45rem; margin-right: .4rem;
  border-radius: var(--r); background: var(--sup2); color: var(--txt2);
  font-size: .72rem; letter-spacing: .04em;
}
#ig-raiz .ig-mini {
  background: none; border: 1px solid var(--bor); border-radius: var(--r);
  color: var(--txt2); cursor: pointer; font-size: .78rem;
  padding: .2rem .55rem; text-transform: none;
}
#ig-raiz .ig-mini:hover { color: var(--txt); }
#ig-raiz .ig-mini-on { color: var(--verde); border-color: var(--verde); }
#ig-raiz .ig-quitar {
  background: none; border: 0; color: var(--txt2);
  cursor: pointer; font-size: .82rem; text-transform: none;
}
#ig-raiz .ig-quitar:hover { color: var(--rojo); }


/* selector de vista y avisos de importacion abierta */
#ig-raiz .ig-vistas { display: flex; gap: .4rem; margin: .9rem 0 .2rem; }
#ig-raiz .ig-vista {
  padding: .4rem .9rem; border-radius: var(--r); cursor: pointer;
  font-size: .88rem; text-transform: none;
  background: transparent; color: var(--txt2); border: 1px solid var(--bor);
}
#ig-raiz .ig-vista:hover { color: var(--txt); }
#ig-raiz .ig-vista-on { background: var(--sup2); color: var(--txt); border-color: var(--verde); }

#ig-raiz .ig-alerta {
  margin: .9rem 0 .2rem; padding: .6rem .9rem;
  border-radius: var(--r); border: 1px solid var(--ambar);
  color: var(--ambar); font-size: .9rem;
}
#ig-raiz .ig-alerta-fuerte { border-color: var(--rojo); color: var(--rojo); }