/* ============================================================
   BARRE D'ONGLETS (téléphone uniquement)
   ============================================================ */
.barre-appli{display:none}
@media (max-width:900px){
  .barre-appli{
    position:fixed;left:0;right:0;bottom:0;z-index:85;
    display:grid;grid-template-columns:repeat(5,1fr);
    background:#F1F3F6;border-top:1px solid #D9DEE7;
    padding:8px 4px calc(8px + env(safe-area-inset-bottom));
    box-shadow:0 -6px 20px rgba(7,27,61,.08);
  }
  .barre-appli a{
    display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;
    color:#5C6880;font-family:'Inter',system-ui,sans-serif;font-size:.74rem;font-weight:600;
    text-decoration:none;text-transform:none;letter-spacing:0;border:0;padding:6px 0;border-radius:12px;-webkit-tap-highlight-color:transparent;
  }
  .barre-appli svg{width:25px;height:25px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linejoin:round;stroke-linecap:round}
  .barre-appli a.actif{color:#0C2B5E;font-weight:800}
  .barre-appli a.actif svg{stroke-width:2.2}
  .barre-appli a:focus-visible{outline:2px solid #1B4489;outline-offset:-2px}
  html body{padding-bottom:calc(74px + env(safe-area-inset-bottom))}
  .flottant.cache{opacity:0;pointer-events:none;transform:scale(.8)}
  .flottant{transition:opacity .2s,transform .2s;bottom:calc(88px + env(safe-area-inset-bottom)) !important}
}