/* Application du club : bandeau d'installation et interrupteur des notifications.
   Feuille autonome : utilisée par le site et par le planning (/jouer). */
.pwa-install{position:fixed;left:12px;right:12px;bottom:calc(12px + env(safe-area-inset-bottom,0px));z-index:50;max-width:560px;margin:0 auto;
  display:grid;grid-template-columns:44px 1fr auto;gap:12px;align-items:center;background:#1A2233;color:#fff;border-radius:16px;padding:12px 12px 12px 14px;
  box-shadow:0 10px 30px rgba(0,0,0,.35);font:15px/1.4 "Barlow","Segoe UI",Roboto,Helvetica,Arial,sans-serif;animation:pwa-in .3s ease-out}
@keyframes pwa-in{from{transform:translateY(20px);opacity:0}to{transform:none;opacity:1}}
@media (prefers-reduced-motion:reduce){.pwa-install{animation:none}}
.pwa-install img{width:44px;height:44px;border-radius:10px}
.pwa-install b{display:block;font-size:1rem}
.pwa-install span{opacity:.88}
.pwa-install svg{vertical-align:-3px}
.pwa-install .pwa-go{margin-top:8px;appearance:none;border:0;border-radius:9px;background:#F3E01C;color:#2A2400;font-weight:700;padding:7px 14px;cursor:pointer}
.pwa-close{appearance:none;border:0;background:none;color:#fff;font-size:1.5rem;line-height:1;cursor:pointer;opacity:.75;align-self:start;padding:0 4px}
.notifs{display:flex;flex-wrap:wrap;align-items:center;gap:10px 14px;margin:18px 0 0;padding:14px 16px;border-radius:12px;
  background:var(--surface,#fff);border:1px solid var(--line,#D9DEE7);color:var(--ink,#1A2233)}
.notifs > svg{color:#4F6FB5;flex:0 0 auto}
.notifs p{margin:0;flex:1 1 260px}
.notifs .notifs-msg{flex-basis:100%;font-size:.9rem;color:#B42318}
.notifs .notifs-msg:empty{display:none}
.pwa-btn{appearance:none;border-radius:10px;padding:8px 16px;font:700 .95rem inherit;cursor:pointer}
.pwa-btn.solid{background:#4F6FB5;border:2px solid #4F6FB5;color:#fff}
.pwa-btn.outline{background:transparent;border:2px solid #4F6FB5;color:#4F6FB5}
.pwa-btn:disabled{opacity:.6;cursor:default}