/* DBM · Daily Buffer Manager.
 *
 * Monocromo, como todo el portal. El rojo (--alarma) está reservado a lo
 * vencido; el amortiguador ya trae su propio emoji desde Odoo y no necesita
 * que la celda se pinte, que sería colorear dos veces la misma información.
 *
 * Todo acotado a .mod-dbm: app.js pone esa clase en #vista, y sin el acote los
 * estilos de un tablero se cuelan en el de al lado.
 */
.mod-dbm section { margin: 0 0 2.2rem; }

.mod-dbm h2 {
  display: flex; align-items: baseline; gap: .6rem;
  margin: 0 0 .5rem;
}
.mod-dbm h2 .meta { font-size: .8rem; }

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

.mod-dbm 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-dbm th.num, .mod-dbm td.num { text-align: right; padding-right: .9rem; }

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

.mod-dbm .dbm-of { white-space: nowrap; font-variant-numeric: tabular-nums; }
/* El "!" de urgente en Odoo. Va pegado al folio y no en su propia columna:
 * una columna entera vacía en el 95% de los renglones es ruido. */
.mod-dbm .dbm-of b { color: var(--alarma); margin-left: .25rem; }

.mod-dbm .dbm-buf { white-space: nowrap; }
.mod-dbm .dbm-fuera { color: var(--alarma); margin-left: .3rem; cursor: help; }

/* Cliente y producto son los que se desbordan. Se cortan con puntos y el
 * nombre completo vive en el title, que es donde no estorba. */
.mod-dbm .dbm-corta, .mod-dbm .dbm-prod {
  max-width: 16rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
}
.mod-dbm .dbm-prod { max-width: 22rem; }
.mod-dbm .dbm-op { color: var(--meta); font-size: .8rem; }

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

@media (max-width: 900px) {
  .mod-dbm .dbm-prod, .mod-dbm .dbm-corta { max-width: 9rem; }
  .mod-dbm td, .mod-dbm th { font-size: .78rem; }
}

/* Liberada por bandera sin respaldo en almacén. No se pinta de rojo (la OF sí
 * puede correr) pero no puede pasar inadvertida: es la única manera de que el
 * aviso exista, porque en ABM esa OF ya no aparece. */
.mod-dbm .dbm-desac { font-style: normal; margin-left: .3rem; cursor: help; }
.mod-dbm tr[data-desac] .dbm-of { border-left: 2px solid var(--ink); padding-left: .35rem; }