/* static/css/mobile.css
   Styles mobiles minimaux (évite les 404 et améliore l'UX sur petits écrans).
*/

@media (max-width: 992px) {
  .institution-header .inst-logo { height: 40px; }
  .navbar-brand span { font-size: 0.95rem; }
}

@media (max-width: 768px) {
  .container { padding-left: 12px; padding-right: 12px; }

  /* Tables plus lisibles */
  .table { font-size: 0.85rem; }
  .table td, .table th { vertical-align: middle; }

  /* Boutons plus compacts */
  .btn { border-radius: 0.75rem; }
  .btn-sm { padding: 0.25rem 0.5rem; }
}

/* Indicateur optionnel pour "pull-to-refresh" (si présent dans le DOM) */
#pullIndicator {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  height: 4px;
  transform: translateY(0);
  transition: transform 120ms ease;
  z-index: 9999;
}


/* ===== Responsive helpers added ===== */
.actions-wrap{
  display:flex;
  flex-wrap:wrap;
  gap:.35rem;
}

@media (max-width: 768px){
  .actions-wrap .btn{ white-space: nowrap; }
  .col-hide-mobile{ display:none !important; }
}

@media (min-width: 992px){
  .container{ max-width: 1100px; }
}