/* Venetti - Maleta de muestras. Todo bajo #mal-raiz. */

#mal-raiz .mal-sub { color: var(--txt2); max-width: 66ch; margin: .3rem 0 0; }

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

#mal-raiz .mal-kpis { display: flex; gap: 1.8rem; flex-wrap: wrap; margin-bottom: 1rem; }
#mal-raiz .mal-kpi { display: flex; flex-direction: column; }
#mal-raiz .mal-kv { font-size: 1.6rem; font-weight: 700; line-height: 1.1; }
#mal-raiz .mal-kt { font-size: .76rem; color: var(--txt2); text-transform: uppercase; letter-spacing: .04em; }

#mal-raiz .mal-vistas { display: flex; gap: .4rem; flex-wrap: wrap; margin-bottom: .8rem; }
#mal-raiz .mal-vista {
  padding: .45rem .8rem; border-radius: var(--r); cursor: pointer; font-size: .9rem;
  border: 1px solid var(--bor); background: var(--sup2); color: var(--txt);
}
#mal-raiz .mal-vista-on { background: var(--verde); border-color: var(--verde); color: #fff; }

#mal-raiz .mal-nota { color: var(--txt2); font-size: .9rem; margin: 0 0 .8rem; max-width: 66ch; }

#mal-raiz .mal-buscar {
  width: 100%; padding: .6rem .7rem; border-radius: var(--r);
  border: 1px solid var(--bor); background: var(--sup); color: var(--txt);
  font-size: 1rem; box-sizing: border-box;
}

#mal-raiz .mal-lista { margin-top: .6rem; }
#mal-raiz .mal-vacio { color: var(--txt2); padding: 1rem 0; max-width: 66ch; }
#mal-raiz .mal-fila {
  display: flex; align-items: center; gap: .7rem;
  padding: .55rem 0; border-bottom: 1px solid var(--bor);
}
#mal-raiz .mal-chk { width: 1.1rem; height: 1.1rem; flex: 0 0 auto; }
#mal-raiz .mal-izq { flex: 1; display: flex; flex-direction: column; min-width: 0; }
#mal-raiz .mal-cod { font-weight: 600; font-variant-numeric: tabular-nums; }
#mal-raiz .mal-desc { font-size: .85rem; color: var(--txt2); }
#mal-raiz .mal-tag {
  font-size: .75rem; color: var(--txt2); border: 1px solid var(--bor);
  border-radius: 999px; padding: .12rem .55rem; white-space: nowrap;
}
#mal-raiz .mal-tag-ojo { color: var(--ambar); border-color: var(--ambar); }

#mal-raiz .mal-acciones { display: flex; gap: .5rem; flex-wrap: wrap; margin-top: 1rem; }
#mal-raiz .mal-btn {
  padding: .8rem 1.1rem; border-radius: var(--r); border: 0;
  background: var(--verde); color: #fff; font-size: 1rem; font-weight: 600; cursor: pointer;
}
#mal-raiz .mal-btn:disabled { opacity: .45; cursor: default; }