/* lot 60 : « Me prévenir » (bleu nuit, bleu, argent ; le nombre de la cloche en rouge) */
#v2-cloche{position:relative}
#v2-cloche .sd60-nb{position:absolute;top:-4px;right:-4px;min-width:20px;height:20px;padding:0 5px;border-radius:10px;background:#E0313A;color:#fff;font:800 11px/20px Manrope,system-ui,sans-serif;text-align:center;box-shadow:0 0 0 2px #0B1F3A;pointer-events:none;z-index:2}
#v2-cloche .sd60-nb[hidden]{display:none}
/* le compteur « Activité » de v2-fil.js passe en bas quand le rouge est affiché */
#v2-cloche.sd60-a .fil-badge{top:auto;bottom:-4px;background:#C9CED6;color:#0B1F3A}
.sd60-bt{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:40px;padding:0 14px;border-radius:12px;border:1px solid #1E5AA8;background:#1E5AA8;color:#fff;font:700 13px/1.2 Manrope,system-ui,sans-serif;cursor:pointer;white-space:nowrap;text-decoration:none}
.sd60-bt:hover,.sd60-bt:focus-visible{background:#174a8c;border-color:#174a8c;outline:none}
.sd60-bt.sd60-clair{background:#fff;color:#0B1F3A;border-color:#C9CED6}
.sd60-bt.sd60-clair:hover,.sd60-bt.sd60-clair:focus-visible{background:#EEF1F5;border-color:#0B1F3A}
.sd60-bt.sd60-fort{background:#0B1F3A;border-color:#0B1F3A}
.sd60-bt.sd60-fort:hover,.sd60-bt.sd60-fort:focus-visible{background:#1E5AA8;border-color:#1E5AA8}
/* partie « Me prévenir » en haut du tiroir de la cloche */
.sd60-sec{margin:4px 4px 10px;padding:10px;border:1px solid #C9CED6;border-radius:14px;background:#F6F8FB;color:#0B1F3A}
.sd60-t{display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding-right:52px;min-height:44px}
.sd60-t b{font:800 15px/1.2 Manrope,system-ui,sans-serif}
.sd60-n{min-width:22px;height:22px;padding:0 6px;border-radius:11px;background:#E0313A;color:#fff;font:800 12px/22px Manrope,system-ui,sans-serif;text-align:center}
.sd60-t .sd60-quand{margin-left:auto}
.sd60-l{list-style:none;margin:8px 0 0;padding:0;display:grid;gap:6px;max-height:46vh;overflow-y:auto}
.sd60-l li{display:flex;align-items:center;gap:8px;padding:8px 10px;border-radius:10px;background:#fff;border-left:4px solid #1E5AA8}
.sd60-l li.sd60-urg{border-left-color:#0B1F3A} /* revue 7 : urgent en bleu nuit, le rouge reste réservé aux compteurs */
.sd60-x{flex:1 1 auto;min-width:0;display:grid;gap:2px}
.sd60-x b{font:700 13px/1.3 Manrope,system-ui,sans-serif}
.sd60-x small{color:#4F6478;font-size:12px;line-height:1.3;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.sd60-v{margin:8px 2px 0;color:#4F6478;font-size:13px}
.sd60-v a{color:#1E5AA8;font-weight:700}
/* bouton sur les écrans d'alertes */
.sd60-ecran{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin:6px 0 12px;padding:10px 12px;border:1px solid #C9CED6;border-radius:14px;background:#F6F8FB;color:#0B1F3A}
.sd60-ecran span{color:#4F6478;font-size:13px}
/* fenêtre « Me prévenir quand… » */
.sd60-f{display:grid;gap:12px;color:#0B1F3A}
.sd60-i{margin:0;color:#4F6478;font-size:13px}
.sd60-mods{display:grid;gap:8px}
.sd60-mod{display:flex;align-items:flex-start;gap:10px;min-height:44px;padding:10px 12px;border:1px solid #C9CED6;border-radius:12px;background:#fff;cursor:pointer}
.sd60-mod:has(input:checked){border-color:#1E5AA8;box-shadow:0 0 0 2px rgba(30,90,168,.18);background:#F6F8FB}
.sd60-mod input{width:20px;height:20px;margin:2px 0 0;accent-color:#1E5AA8;flex:0 0 auto}
.sd60-mod span{display:grid;gap:3px}
.sd60-mod b{font:700 14px/1.3 Manrope,system-ui,sans-serif}
.sd60-mod em{font-style:normal;font-size:12px;font-weight:700}
.sd60-on{color:#1E5AA8}
.sd60-off{color:#7A8794}
.sd60-j{display:grid;gap:6px;font-weight:700;font-size:13px}
.sd60-j input{height:44px;max-width:160px;padding:0 12px;border:1px solid #C9CED6;border-radius:10px;font:600 15px Manrope,system-ui,sans-serif;color:#0B1F3A}
.sd60-j input:focus{outline:2px solid #1E5AA8;outline-offset:1px}
.sd60-e{margin:0;min-height:1em;color:#E0313A;font-weight:700;font-size:13px}
.sd60-act{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.sd60-act:empty{display:none}
.sd60-act small{color:#4F6478}
/* téléphone : boutons d'au moins 44 px */
@media (max-width:760px){
  .sd60-bt{min-height:44px}
  .sd60-t .sd60-quand{margin-left:0;flex:1 1 100%}
  .sd60-ecran .sd60-bt{flex:1 1 100%}
  .sd60-l li{flex-wrap:wrap}
  .sd60-l li .sd60-bt{flex:1 1 100%}
}