/* SALOVIX V554 — pendiente de pago comparte exactamente el color de
   Apariencia de Reservas pendientes en agenda, plano y todas las vistas. */
:root{
  --mat-payment-pending:var(--mat-pending,#F5C842);
  --mat-payment-pending-text:var(--mat-pending-text,#1F2937);
}

/* Apariencia mantiene una paleta específica para el modo oscuro. Las
   reservas con señal han de usar esa misma fuente tanto en agenda como en
   plano, sin volver al color claro por una variable heredada antigua. */
body.matilde-cover-dark-mode,
body.matilde-tablet-dark-mode,
#section-tablet.covermanager-dark-mode,
#section-tablet.matilde-tablet-dark-mode,
#section-mobile.covermanager-dark-mode,
#section-mobile.mobile-dark-mode{
  --mat-payment-pending:var(--mat-cover-pending,var(--mat-pending,#F5C842));
  --mat-payment-pending-text:var(--mat-cover-text,var(--mat-pending-text,#1F2937));
}

:is(.tablet-res-card,.mobile-res-item,[data-reserva-card="true"],.tablet-table,.mobile-table,[data-mesa-id],.table-glow-payment-pending).is-payment-pending,
.table-glow-payment-pending{
  background:var(--mat-payment-pending,var(--mat-pending,#F5C842)) !important;
  background-color:var(--mat-payment-pending,var(--mat-pending,#F5C842)) !important;
  border-color:var(--mat-payment-pending,var(--mat-pending,#F5C842)) !important;
  color:var(--mat-payment-pending-text,var(--mat-pending-text,#1F2937)) !important;
  -webkit-text-fill-color:var(--mat-payment-pending-text,var(--mat-pending-text,#1F2937)) !important;
}

:is(.tablet-table,.mobile-table,[data-mesa-id]).is-payment-pending :is(span,strong,i,div),
.table-glow-payment-pending :is(span,strong,i,div){
  color:var(--mat-payment-pending-text,var(--mat-pending-text,#1F2937)) !important;
  -webkit-text-fill-color:var(--mat-payment-pending-text,var(--mat-pending-text,#1F2937)) !important;
}