/* ──────────────────────────────────────────────────────────────────────────
   Presupuestos, panel de arriba. Casi todo viene ya de tecnologia-nueva.css
   (.tg-*): aquí solo está lo propio de esta pantalla y lo que hay que
   esconder de la versión anterior.
   ────────────────────────────────────────────────────────────────────────── */

#pn { display: flex; flex-direction: column; gap: 16px; margin-bottom: 20px; }

/* Las cuatro cifras y las dos columnas heredan .tg-kpis / .tg-dos; aquí solo
   se ajusta cómo se comportan al estrecharse. */
@media (max-width: 1080px) { .pn-kpis { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 900px)  { .pn-dos  { grid-template-columns: minmax(0, 1fr); } }

/* El texto de cada fila de «lo que pide atención»: número arriba y el detalle
   debajo, y que se coma el espacio sobrante para que la píldora y el botón
   queden siempre pegados a la derecha. */
.pn-txt { flex: 1 1 auto; min-width: 0; display: flex; flex-direction: column; gap: 1px; }
.pn-txt b { font-size: 13.5px; font-weight: 600; }
.pn-txt i {
  font-style: normal;
  font-size: 12px;
  color: var(--tg-suave-tinta, var(--text-soft));
  overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
}

/* ── Lo de antes ──────────────────────────────────────────────────────────
   Las cuatro cajas de estado de la versión anterior decían lo mismo que las
   cifras nuevas, y las dos filas de pastillas (PROYECTO / CLIENTE) repetían
   lo que ya filtra el buscador de debajo. Se esconden, no se borran: quitar
   el <script> y este <link> deja la pantalla como estaba.                  */
.pn-activo #pres-proy-dash { display: none !important; }