/* --------------------------------------------------------------------------
   Tablero de tareas
   -------------------------------------------------------------------------- */
.cmr-tablero-pagina { max-width: none; }

.cmr-tablero-tabs { display: flex; flex-wrap: wrap; gap: .4rem; }

.cmr-tablero-acciones { display: flex; align-items: center; gap: 1rem; }

.cmr-tablero {
  display: grid;
  grid-auto-flow: column;
  grid-auto-columns: minmax(16rem, 1fr);
  gap: 1rem;
  align-items: start;
  /* Un tablero con muchas columnas se desplaza en su propia caja, no empujando
     la página entera hacia los lados. */
  overflow-x: auto;
  padding-bottom: .5rem;
}

.cmr-columna {
  display: grid;
  gap: .5rem;
  align-content: start;
  padding: .8rem;
  background: var(--papel);
  border-radius: calc(var(--radio) * 4);
  min-height: 8rem;
}

.cmr-columna.es-cierra { background: #eef3ef; }

.cmr-columna-cabecera { display: flex; align-items: center; justify-content: space-between; gap: .5rem; }

.cmr-columna-cabecera h3 {
  font-family: var(--sans); font-weight: 800; font-size: .72rem;
  letter-spacing: .12em; text-transform: uppercase; color: var(--verde);
}

.cmr-columna-cuenta {
  padding: .1rem .45rem; font-size: .7rem; color: var(--gris);
  background: var(--blanco); border-radius: 1rem;
}

.cmr-columna-pila { display: grid; gap: .1rem; }

.cmr-columna-mas {
  padding: .5rem; font-size: .8rem; color: var(--gris); text-align: left;
  border-radius: var(--radio);
}

.cmr-columna-mas:hover { background: var(--blanco); color: var(--verde); }