/* ---------------------------------------------------------------------------
   Bandeja de la agenda — repaso visual
   ---------------------------------------------------------------------------
   Lo que fallaba no era el color: era el peso. Tres cajas crema enormes con el
   número perdido arriba a la izquierda, y cada solicitud midiendo lo que tres
   por llevar sus botones apilados. Se corrige la proporción, no la paleta. */
/* Las cifras: cajas contenidas y con el número junto a su etiqueta. Antes se
   estiraban a todo el ancho y quedaban tres campos crema medio vacíos. */
.cmr-panel-resumen {
  grid-template-columns: repeat(auto-fit, minmax(11rem, 14rem));
  gap: .8rem;
  margin-bottom: 1.6rem;
}

.cmr-metrica {
  gap: .15rem;
  padding: .9rem 1.1rem;
  background: transparent;
  border: 1px solid var(--crema);
  border-left: 3px solid var(--crema);
}

.cmr-metrica-valor { font-size: 2.4rem; font-weight: 400; }

.cmr-metrica-label {
  font-size: .7rem;
  font-weight: 600;
  text-transform: uppercase;
}

/* La primera cifra es la única que pide algo: se marca en verde cuando hay
   trabajo por hacer, y se apaga cuando la bandeja está limpia. */
.cmr-panel-resumen .cmr-metrica:first-child { border-left-color: var(--verde); }

/* La tabla: filas más juntas y con una franja al pasar por encima, que es lo
   que ayuda a seguir una fila larga hasta su botón. */
.cmr-tabla td { padding: .75rem .8rem; }

.cmr-tabla tbody tr { transition: background var(--transicion); }

.cmr-tabla tbody tr:hover { background: rgba(255, 247, 235, .7); }

.cmr-col-cuando strong { font-weight: 600; white-space: nowrap; }

.cmr-col-cuando span { font-size: .8rem; color: var(--gris); }

/* Confirmar y Cancelar, en línea. Apilados, cada solicitud ocupaba tres
   alturas de botón y la bandeja no cabía en pantalla. */
.cmr-col-acciones { gap: .35rem; min-width: 13rem; }

.cmr-acciones-par { display: flex; gap: .35rem; }

.cmr-acciones-par .cmr-boton-mini { flex: 1; white-space: nowrap; }

/* Confirmar es la acción normal y se ve; cancelar existe y no grita. */
.cmr-boton-mini.es-ok {
  background: var(--verde);
  color: var(--papel);
  border-color: var(--verde);
}

.cmr-boton-mini.es-ok:hover { background: var(--verde-claro); border-color: var(--verde-claro); }

/* La nota interna, en sordina hasta que se escribe en ella: se usa en una de
   cada diez respuestas y con el mismo peso que los botones parecía un campo
   obligatorio. */
.cmr-nota {
  width: 100%;
  border-color: transparent;
  border-bottom-color: var(--crema);
  border-radius: 0;
  background: transparent;
  padding: .3rem .1rem;
  transition: border-color var(--transicion);
}

.cmr-nota::placeholder { color: var(--gris); opacity: .7; }

.cmr-nota:focus {
  outline: none;
  border-bottom-color: var(--verde);
  background: var(--papel);
}

/* La bitácora deja de ser un botón con recuadro dentro de cada fila y pasa a
   ser lo que es: un enlace para abrir lo que hay debajo. */
.cmr-bitacora-abrir {
  padding: .2rem 0;
  border: 0;
  color: var(--gris);
  font-weight: 600;
}

.cmr-bitacora-abrir:hover { background: transparent; color: var(--verde); }

.cmr-bitacora-abrir:hover .cmr-ico { color: var(--verde); }

.cmr-col-motivo { color: var(--tinta); }