/* Les notifications push (25/09/2026) : le panneau #notifsX et la rangée d'outils du hub de saison. */

/* La rangée au pied du hub de saison (partagée avec le guide du lapin). */
.hubOutilsX{flex:none;display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-end;padding:8px 16px 10px;border-top:1px solid rgba(241,233,214,.1)}
.hubOutilsX button{font:600 12.5px "Instrument Sans",sans-serif;color:var(--creme,#F1E9D6);background:rgba(241,233,214,.06);border:1px solid rgba(241,233,214,.2);border-radius:999px;padding:6px 12px;cursor:pointer;white-space:nowrap}
.hubOutilsX button:hover{background:rgba(241,233,214,.12)}
.hubOutilsX .nt-hub.actif{border-color:rgba(95,191,138,.5);color:#9FDDB8}
@media (max-width:900px){
  .hubOutilsX{justify-content:center;padding:6px 10px calc(8px + env(safe-area-inset-bottom))}
}

#notifsX{position:fixed;inset:0;z-index:62;display:none;align-items:center;justify-content:center;padding:12px;background:rgba(6,10,8,.62)}
#notifsX.vu{display:flex}
#notifsX .nt-carte{position:relative;box-sizing:border-box;width:min(420px,100%);max-height:calc(100dvh - 24px);overflow-y:auto;overscroll-behavior:contain;
  background:linear-gradient(170deg,#1D3428,#0F1A14 70%);border:1px solid rgba(201,162,39,.45);border-radius:16px;padding:18px 18px 14px;color:var(--creme,#F1E9D6);
  box-shadow:0 18px 50px rgba(0,0,0,.55);font-family:"Instrument Sans",sans-serif}
#notifsX.occupe .nt-carte{cursor:progress}
#notifsX .nt-fermer{position:absolute;top:8px;right:10px;width:34px;height:34px;border:0;background:none;color:inherit;font-size:24px;line-height:1;cursor:pointer;opacity:.7}
#notifsX .nt-tete{display:flex;gap:12px;align-items:center;padding-right:30px}
#notifsX .nt-cloche{font-size:30px;filter:drop-shadow(0 0 8px rgba(232,206,121,.5))}
#notifsX .nt-tete b{display:block;font-family:"Fraunces",serif;font-weight:900;font-size:21px;color:var(--laiton-clair,#E8CE79)}
#notifsX .nt-tete small{display:block;font-size:12.5px;opacity:.7;line-height:1.4;margin-top:2px}
#notifsX .nt-etat{margin:14px 0 0;font-size:13.5px;min-height:1.2em}
#notifsX .nt-etat.mauvais{color:#F0938C}
#notifsX .nt-aide{margin-top:10px;font-size:13px;line-height:1.5;background:rgba(232,206,121,.1);border:1px solid rgba(232,206,121,.3);border-radius:10px;padding:10px 12px}
#notifsX .nt-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}
#notifsX .nt-actions button{flex:1 1 auto;min-height:40px;border-radius:10px;font:600 14px "Instrument Sans",sans-serif;cursor:pointer;padding:8px 14px}
#notifsX .nt-go{background:var(--laiton,#C9A227);color:#17181c;border:0}
#notifsX .nt-go.sec,#notifsX .nt-essai{background:transparent;color:var(--creme,#F1E9D6);border:1px solid rgba(241,233,214,.3)}
#notifsX .nt-cats{margin-top:16px}
#notifsX .nt-cats>b{display:block;font-size:12px;text-transform:uppercase;letter-spacing:.08em;opacity:.6;margin-bottom:6px}
#notifsX .nt-liste{display:grid;grid-template-columns:1fr;gap:2px}
#notifsX .nt-cat{display:flex;align-items:center;gap:10px;font-size:14px;padding:7px 4px;border-radius:8px;cursor:pointer}
#notifsX .nt-cat:hover{background:rgba(241,233,214,.05)}
#notifsX .nt-cat input{width:18px;height:18px;accent-color:var(--laiton,#C9A227);flex:none}
#notifsX .nt-pied{margin:12px 0 0;font-size:11.5px;opacity:.5}
#notifsX [hidden]{display:none !important}