/* ============================================================================
   APP Y NOTIFICACIONES (27/10/2026) — el cartel "Activá las notificaciones"
   y la solapa de Actividad del equipo. Receta: hoja blanca con borde casi
   negro, botón negro, pastillas casi rectas.
   ============================================================================ */

/* ---- el cartel ---- */
.appn-fondo { z-index: 1400; }
.appn-caja {
  width: min(420px, 94vw); text-align: center; padding: 22px 22px 18px;
  border: 1.5px solid var(--color-borde-tarjeta, #2C2C2A); border-radius: 8px;
}
.appn-icono {
  width: 46px; height: 46px; margin: 0 auto 10px; border-radius: 6px;
  display: flex; align-items: center; justify-content: center;
  background: #FBEDE8; color: var(--color-accent, #B5472B);
}
.appn-icono .icon-svg { width: 24px; height: 24px; }
.appn-caja h3 { font-size: 1.15rem; margin: 0 0 .45rem; }
.appn-caja p { margin: 0 0 .6rem; font-size: .9rem; color: #45443F; line-height: 1.45; }
.appn-pasos { text-align: left; margin: .2rem 0 .6rem; padding-left: 1.3rem; font-size: .88rem; line-height: 1.5; }
.appn-error { color: var(--color-accent, #B5472B); font-size: .82rem; white-space: pre-line; }
.appn-caja .modal-acciones { justify-content: center; }
.appn-caja .modal-acciones .btn-primario,
.appn-caja .modal-acciones .btn-secundario { min-width: 120px; justify-content: center; }

/* ---- la solapa ---- */
.appn-kpis { grid-template-columns: repeat(4, minmax(0, 1fr)); }
.appn-barra { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; }
.appn-barra .au-pers { margin-right: auto; }
.appn-mini { padding: 5px 10px; font-size: .8rem; }
.appn-msj {
  width: 260px; max-width: 100%; padding: 6px 9px; font-size: .85rem;
  border: 1.5px solid var(--color-borde-tarjeta, #2C2C2A); border-radius: 4px;
}
.appn-barra .btn-primario[disabled] { opacity: .45; cursor: default; }
.appn-nota { display: block; margin: 4px 0 8px; }
.appn-tabla td { padding: .4rem .6rem; }
.appn-tabla td small { color: #6B6A64; }
.appn-pas { display: inline-block; padding: 2px 7px; border-radius: 4px; font-size: .74rem; font-weight: 700; white-space: nowrap; }
.appn-pas.ok { background: #E3F2E8; color: #157F3D; }
.appn-pas.mal { background: #FBEDE8; color: #B5472B; }
.appn-pas.nd { background: #EFEFEC; color: #6B6A64; }
.appn-chip {
  display: inline-block; margin: 1px 4px 1px 0; padding: 1px 6px; border-radius: 3px;
  border: 1px solid #D3D2CC; font-size: .72rem; color: #45443F; white-space: nowrap;
}
.appn-chip.on { border-color: #157F3D; color: #157F3D; }
.appn-si { color: #157F3D; font-weight: 700; }
.appn-no { color: #B5472B; font-weight: 700; }
.appn-nd { color: #6B6A64; }
.appn-pend { color: #B7791F !important; font-weight: 600; }

@media (max-width: 760px) {
  .appn-kpis { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .appn-msj { width: 100%; }
  .appn-caja-t { overflow-x: auto; }
}