/* ====== NOTIFY (compartido) ====== */

/* Campana */
.mh-notify{
  background: transparent;
  border: none;
  font-size: 18px;
  cursor: pointer;
  margin-right: 8px;
}
.mh-notify.enabled{ color:#16a34a; }
.mh-notify.denied{  color:#dc2626; }

/* Panel flotante (MISMO nombre que usas en el HTML) */
.kitchen-notify-panel{
  position: fixed;
  top: calc(70px + env(safe-area-inset-top));
  right: calc(16px + env(safe-area-inset-right));
  z-index: 9999;
  max-width: calc(100vw - 24px);
}

/* Card */
.kn-card{
  background:#fff;
  border:1px solid #e5e7eb;
  border-radius:14px;
  padding:16px;
  width: 280px;              /* un poco más ancho para iOS */
  max-width: 92vw;
  box-shadow:0 20px 40px rgba(0,0,0,.15);
}

/* Textos y botones */
.kn-title{ font-weight:700; margin-bottom:10px; }
.kn-status{ font-size:13px; margin-bottom:12px; color:#6b7280; }

.kn-btn-primary{
  width:100%;
  padding:10px;
  border-radius:8px;
  background:#2563eb;
  color:#fff;
  border:none;
  font-weight:600;
  cursor:pointer;
}
.kn-btn-danger{
  width:100%;
  padding:10px;
  border-radius:8px;
  background:#dc2626;
  color:#fff;
  border:none;
  font-weight:600;
  cursor:pointer;
}