/* ABM · Admin Buffer Manager.
 *
 * Monocromo. El rojo (--alarma) es exactamente para una cosa: el requisito que
 * falta. Es el único uso legítimo del color aquí, porque es la información que
 * la pantalla existe para dar — si además se pintaran las urgencias, el ojo ya
 * no sabría qué está mirando.
 *
 * Acotado a .mod-abm: app.js pone esa clase en #vista.
 */
.mod-abm section { margin: 0 0 2.4rem; }
.mod-abm h2 { display: flex; align-items: baseline; gap: .6rem; margin: 0 0 .5rem; }
.mod-abm h2 .meta { font-size: .8rem; }
.mod-abm section > .meta { margin: 0 0 .7rem; max-width: 46rem; }

.mod-abm table { width: 100%; border-collapse: collapse; }

.mod-abm th {
  text-align: left; font-weight: 500; font-size: .76rem;
  color: var(--meta); padding: .3rem .5rem .3rem 0;
  border-bottom: 1px solid var(--rule); white-space: nowrap;
}
.mod-abm th.num, .mod-abm td.num { text-align: right; padding-right: .9rem; }

.mod-abm td {
  padding: .38rem .5rem .38rem 0;
  border-bottom: 1px solid var(--rule);
  font-size: .86rem; vertical-align: baseline;
}

.mod-abm .abm-of { white-space: nowrap; font-variant-numeric: tabular-nums; }
.mod-abm .abm-of b { color: var(--alarma); margin-left: .25rem; }
.mod-abm .abm-buf { white-space: nowrap; }

.mod-abm .abm-corta, .mod-abm .abm-prod {
  max-width: 13rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
}
.mod-abm .abm-prod { max-width: 18rem; }

/* Las cinco columnas del kit. Centradas y angostas para que se lean como una
 * cuadrícula: lo que se busca es el patrón de la columna, no cada celda. */
.mod-abm th.abm-req, .mod-abm td.abm-req {
  text-align: center; white-space: nowrap;
  font-size: .76rem; padding-left: .35rem; padding-right: .35rem;
  border-left: 1px solid var(--rule);
}
.mod-abm td.abm-req { cursor: help; }
.mod-abm .abm-ok { color: var(--meta); }
.mod-abm .abm-na { color: var(--rule); }
.mod-abm .abm-falta { color: var(--alarma); font-weight: 600; }
/* La fecha de llegada del papel, debajo de «falta». Es lo que Compras contesta
 * cuando alguien pregunta, así que vive en la celda y no en un tooltip. */
.mod-abm .abm-falta i {
  display: block; font-style: normal; font-weight: 400;
  font-size: .68rem; color: var(--meta);
}
/* Declarado llegado pero sin reservar en almacén. No se pinta de rojo —libera
 * igual— pero no puede pasar inadvertido. */
.mod-abm .abm-desac { color: var(--ink); }

.mod-abm tr[data-urg] .abm-of { font-weight: 600; }

@media (max-width: 1100px) {
  .mod-abm .abm-prod, .mod-abm .abm-corta { max-width: 8rem; }
  .mod-abm td, .mod-abm th { font-size: .76rem; }
}

/* Sin lista de materiales. No es un requisito que falte: es que no se sabe qué
 * falta, y eso hay que decirlo o las cinco columnas en "—" se leen al revés. */
.mod-abm .abm-sinreceta {
  display: inline-block; font-style: normal; font-size: .66rem;
  margin-left: .4rem; padding: .05rem .3rem;
  border: 1px solid var(--alarma); color: var(--alarma); cursor: help;
}