/* ==========================================================================
   CooperApp · Estilo C «Bento» — pantalla: proyectos
   --------------------------------------------------------------------------
   Solo lo que es exclusivo de esta pantalla. Todo lo que sirva para más de
   una va en components.css. Prohibido escribir colores, radios o sombras
   literales: se consumen con var(--token) de tokens.css.
   ========================================================================== */

/* La celda de subvención agrupa el importe y, debajo, el medidor de ejecución
   frente al plazo. Van en una columna propia para que en la vista de fichas
   (table-cards, < 780px) no se repartan como si fueran dos datos sueltos. */
.celda-subv{
  display:flex;
  flex-direction:column;
  align-items:flex-end;
  gap:var(--esp-2);
  min-width:0;
}

/* ---- Reparto del ancho de la tabla ---------------------------------------
   Ocho columnas, casi todas con `nowrap`: el navegador da a cada una su
   mínimo y el título —la única que de verdad hay que leer— se quedaba con las
   sobras y se partía en cuatro líneas. Se recorta el relleno lateral de la
   celda (16px → 12px por lado, 64px recuperados en total) y ese aire se le da
   al título. */
#projects-list .tabla th,
#projects-list .tabla td{padding-left:var(--esp-3);padding-right:var(--esp-3)}
#projects-list .celda-titulo{min-width:24ch}
#projects-list .medidor{width:100%}
#projects-list .medidor .txt{justify-content:flex-end;font-size:10.5px}