/* « Être appelé maintenant » (formulaire home) + alerte sur la page calendrier. */
.album-rappel { grid-column: 1 / -1; width: 100%; box-sizing: border-box; flex: 1 1 100%; margin: 0 0 18px; padding: 18px; border: 2px solid #f39718; border-radius: 16px; background: #fff7ec; text-align: center; }
.album-rappel__statut { font-size: 14px; color: #153e75; margin-bottom: 10px; display: flex; align-items: center; justify-content: center; gap: 8px; }
.album-rappel__point { width: 10px; height: 10px; border-radius: 50%; background: #2bb24c; box-shadow: 0 0 0 0 rgba(43,178,76,.6); animation: album-rappel-pulse 1.8s infinite; }
@keyframes album-rappel-pulse { 70% { box-shadow: 0 0 0 10px rgba(43,178,76,0); } 100% { box-shadow: 0 0 0 0 rgba(43,178,76,0); } }
.album-rappel__bouton { background: #f39718 !important; color: #fff !important; border: 0 !important; border-radius: 30px !important; padding: 14px 28px !important; font-size: 17px !important; font-weight: 700 !important; cursor: pointer; }
.album-rappel__bouton:hover { background: #153e75 !important; }
.album-rappel__ok { color: #153e75; font-size: 15px; line-height: 1.5; }
.album-rappel__annuler { display: block; margin: 8px auto 0; background: none !important; border: 0 !important; color: #6b778a !important; text-decoration: underline; font-size: 13px !important; padding: 0 !important; cursor: pointer; }
.album-rappel__ou { margin-top: 12px; font-size: 13px; color: #6b778a; text-transform: uppercase; letter-spacing: .08em; }
.album-rappel.is-actif { background: #eef8f0; border-color: #2bb24c; }
.album-rappel__manque { border-color: #e03a3a !important; box-shadow: 0 0 0 3px rgba(224,58,58,.15) !important; }

/* Page calendrier : alerte « À rappeler maintenant » */
.album-rappel-alerte { position: fixed; z-index: 99999; left: 16px; right: 16px; bottom: 16px; max-width: 460px; margin: 0 auto; background: #153e75; color: #fff; border-radius: 18px; padding: 18px 20px; box-shadow: 0 12px 40px rgba(0,0,0,.3); font-family: inherit; animation: album-rappel-in .3s ease-out; }
@keyframes album-rappel-in { from { transform: translateY(30px); opacity: 0; } }
.album-rappel-alerte__titre { font-size: 13px; text-transform: uppercase; letter-spacing: .08em; color: #f39718; font-weight: 700; }
.album-rappel-alerte__nom { font-size: 20px; font-weight: 700; margin: 4px 0 2px; }
.album-rappel-alerte__info { font-size: 14px; opacity: .85; }
.album-rappel-alerte__msg { font-size: 14px; margin-top: 8px; padding: 8px 10px; background: rgba(255,255,255,.1); border-radius: 8px; max-height: 90px; overflow: auto; }
.album-rappel-alerte__actions { display: flex; gap: 10px; margin-top: 14px; flex-wrap: wrap; }
.album-rappel-alerte__appeler { flex: 1; text-align: center; background: #f39718; color: #fff !important; border-radius: 30px; padding: 12px 16px; font-weight: 700; font-size: 17px; text-decoration: none !important; }
.album-rappel-alerte__fait { background: transparent; color: #fff; border: 1px solid rgba(255,255,255,.5); border-radius: 30px; padding: 10px 16px; cursor: pointer; font-size: 14px; }

/* Page calendrier : réglage ntfy */
.album-ntfy-bouton { position: fixed; z-index: 99998; left: 16px; bottom: 16px; background: #fff; color: #153e75; border: 1px solid #153e75; border-radius: 30px; padding: 8px 14px; font-size: 13px; cursor: pointer; box-shadow: 0 4px 14px rgba(0,0,0,.12); }
.album-ntfy { position: fixed; z-index: 99998; left: 16px; right: 16px; bottom: 64px; max-width: 460px; background: #fff; color: #153e75; border-radius: 16px; padding: 18px; box-shadow: 0 12px 40px rgba(0,0,0,.25); font-size: 14px; line-height: 1.5; }
.album-ntfy ol { margin: 10px 0; padding-left: 20px; }
.album-ntfy li { margin-bottom: 6px; }
.album-ntfy__lien { display: inline-block; margin-top: 4px; background: #f39718; color: #fff !important; border-radius: 20px; padding: 6px 14px; font-weight: 700; text-decoration: none !important; }
.album-ntfy__test { background: #153e75; color: #fff; border: 0; border-radius: 20px; padding: 8px 14px; cursor: pointer; }
.album-ntfy code { font-size: 12px; word-break: break-all; }
.album-rappel__aide { font-size: 13px; color: #6b778a; margin-top: 8px; }
.album-rappel--etape3 { color: #153e75; font-size: 15px; }
.album-rappel--etape3 .album-rappel__annuler { display: inline; margin: 0 0 0 4px; }
.album-rappel[hidden], .album-rappel [hidden] { display: none !important; }
