/* Alertes sur l'écran (public/alertes.js) : carte qui propose de les activer (en bas à droite ; pleine largeur sur téléphone) et panneau de réglage */
.al-carte{position:fixed;right:20px;bottom:calc(20px + env(safe-area-inset-bottom,0px));z-index:90;width:min(400px,calc(100% - 32px));display:grid;grid-template-columns:auto minmax(0,1fr);gap:10px 12px;
  background:var(--panel);color:var(--ink);border:1px solid var(--copper);border-radius:var(--r-carte);box-shadow:0 12px 36px #1c242833;padding:14px 16px;
  opacity:0;transform:translateY(12px);transition:opacity .25s ease,transform .25s ease}
.al-carte.vu{opacity:1;transform:none}
.al-ic{width:36px;height:36px;border-radius:50%;background:var(--copper-soft);color:var(--copper);display:flex;align-items:center;justify-content:center}
.al-ic svg{width:20px;height:20px}
.al-txt{display:flex;flex-direction:column;gap:4px;font-size:var(--t-petit);color:var(--muted);line-height:1.4}
.al-txt b{font-size:var(--t-texte);color:var(--ink)}
.al-txt span b{font-size:inherit}
.al-err,.al-msg{color:var(--bad)}
.al-msg{color:var(--copper)}
.al-carte .al-btns{grid-column:1 / -1;display:flex;gap:8px;justify-content:flex-end;flex-wrap:wrap}
.al-carte .al-btns:empty{display:none}
.al-panneau .al-btns{display:flex;gap:8px;flex-wrap:wrap;margin-top:6px}
.al-panneau .al-btns svg{width:15px;height:15px}
.al-panneau p{margin:0 0 8px}
.al-quoi{color:var(--ink)}
@media (max-width:640px){
  .al-carte{right:16px;left:16px;width:auto;bottom:calc(16px + env(safe-area-inset-bottom,0px))}
  .al-carte .al-btns .btn{flex:1;justify-content:center}
}
@media (prefers-reduced-motion:reduce){.al-carte{transition:none}}
@media print{.al-carte{display:none}}
/* Nouveautés après une mise à jour (public/nouveautes.js) */
.nv{display:flex;flex-direction:column;gap:14px}
.nv-bloc+.nv-bloc{border-top:1px solid var(--line);padding-top:12px}
.nv-tete{display:flex;justify-content:space-between;gap:10px;align-items:baseline}
.nv-liste{margin:6px 0 0;padding-left:18px;display:flex;flex-direction:column;gap:5px;line-height:1.45}
/* La carte « Être prévenu » s'efface tant que les nouveautés ou la carte de mise à jour sont affichées (elle reviendra plus tard) */
body:has(#modal:not([hidden]) .nv) .al-carte:not(.nv-carte),body:has(.as-appro-f) .al-carte:not(.nv-carte),body:has(.nv-carte) .al-carte:not(.nv-carte){display:none}