/* Modal global "Nueva nota o actividad".
   Estilos que antes vivían inline en admin_buzon.php.
   Como el modal ahora se incluye desde admin_header_new.php
   y aparece en cualquier página admin, sus estilos viajan acá. */

.btn-tipo-np {
  display: flex;
  align-items: center;
  gap: .85rem;
  padding: .8rem 1rem;
  background: var(--jd-bg-body);
  border: 1px solid var(--jd-border-color);
  border-radius: var(--jd-radius-md);
  cursor: pointer;
  text-align: left;
  transition: var(--jd-transition);
  width: 100%;
}
.btn-tipo-np:hover {
  border-color: var(--jd-crimson);
  background: var(--jd-bg-card-hover);
  transform: translateY(-1px);
}
.btn-tipo-np .np-icon {
  width: 38px;
  height: 38px;
  border-radius: var(--jd-radius-sm);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.1rem;
  flex-shrink: 0;
}
.btn-tipo-np .np-info { flex-grow: 1; min-width: 0; }
.btn-tipo-np .np-info strong { color: var(--jd-text-primary); font-size: .92rem; display: block; }
.btn-tipo-np .np-info small { color: var(--jd-text-muted); font-size: .78rem; }

/* Grid de checkboxes para campos de selección múltiple (paso formulario). */
.seleccion-multiple-grid-np {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(160px, 1fr));
  gap: .35rem .85rem;
  padding: .55rem .7rem;
  background: var(--jd-bg-body);
  border: 1px solid var(--jd-border-color);
  border-radius: var(--jd-radius-sm);
}

/* Toast inline del modal (independiente de admin_buzon.php). */
#np-toast {
  position: fixed;
  top: 80px;
  right: 20px;
  z-index: 1080;
  display: none;
  max-width: 340px;
  padding: .75rem 1rem;
  border-radius: var(--jd-radius-sm);
  font-size: .85rem;
  box-shadow: var(--jd-shadow-md);
}