@layer legado {
/* peticiones-oferta: estilos de las peticiones de oferta (27-sep-2026): las cuatro tarjetas de atención
 * de la pestaña «Peticiones» del proyecto, la tabla de cobertura por partida y el detalle desplegable de
 * cada petición (los filtros de la pantalla de Compras usan la barra `saved-view-bar-v2` de siempre). Solo tokens de css/tokens.css: nada de colores
 * sueltos, para que el tema oscuro y el contraste medido sigan valiendo. Todo cuelga de `.rfq-` y no
 * toca ninguna clase compartida. */

.rfq-enlace {
  background: none;
  border: 0;
  padding: 0;
  color: var(--ty-marca-tinta);
  font: inherit;
  text-align: left;
  cursor: pointer;
  text-decoration: underline;
  text-underline-offset: 2px;
}

.rfq-enlace:focus-visible {
  outline: 2px solid var(--ty-marca);
  outline-offset: 2px;
}

.rfq-atenciones {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
  gap: var(--ty-e-3);
  margin: var(--ty-e-4) 0;
}

.rfq-atencion {
  border: 1px solid var(--ty-raya);
  border-radius: var(--ty-r-2, 10px);
  background-color: var(--ty-panel);
  padding: var(--ty-e-3);
  display: flex;
  flex-direction: column;
  gap: var(--ty-e-2);
  min-width: 0;
}

.rfq-atencion.con-algo {
  border-color: var(--ty-aviso-borde);
  background-color: var(--ty-aviso-fondo);
}

.rfq-atencion header {
  display: flex;
  justify-content: space-between;
  align-items: baseline;
  gap: var(--ty-e-2);
}

.rfq-cuenta {
  font-family: var(--ty-fuente-dato);
  font-size: var(--ty-t-mayor);
  font-weight: var(--ty-peso-fuerte);
}

.rfq-atencion ul,
.rfq-fuera,
.rfq-historia {
  margin: 0;
  padding-left: var(--ty-e-4);
  display: grid;
  gap: var(--ty-e-1);
  font-size: var(--ty-t-menor);
}

.rfq-partida--sin_peticiones td:first-child {
  box-shadow: inset 3px 0 0 var(--ty-peligro-tinta);
}

.rfq-partida--falta_pedir td:first-child,
.rfq-partida--desglose_sin_confirmar td:first-child {
  box-shadow: inset 3px 0 0 var(--ty-aviso-tinta);
}

.rfq-partida--pedido td:first-child,
.rfq-partida--adjudicada td:first-child {
  box-shadow: inset 3px 0 0 var(--ty-exito-tinta);
}

.rfq-tabla td {
  vertical-align: top;
}

.rfq-fila.selected td {
  background-color: var(--ty-marca-velo);
}

.rfq-alertas {
  display: flex;
  flex-wrap: wrap;
  gap: var(--ty-e-1);
  margin-top: var(--ty-e-1);
}

.rfq-detalle td {
  background-color: var(--ty-panel-hondo);
}

.rfq-detalle-cuerpo {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
  gap: var(--ty-e-4);
  padding: var(--ty-e-2) 0;
}

.rfq-detalle-cuerpo h4 {
  margin: 0 0 var(--ty-e-1);
  font-size: var(--ty-t-menor);
  text-transform: none;
  color: var(--ty-tinta-media);
}

.rfq-detalle-cuerpo p {
  margin: 0 0 var(--ty-e-2);
}

.rfq-notas {
  white-space: pre-line;
}
}