/* ===== Squelette de page : sticky footer + header ===== */
html, body { height: 100%; }
body { 
  /* on neutralise le margin global de base.css */
  margin: 0; 
  min-height: 100dvh;
  display: flex; 
  flex-direction: column;
}

/* header collé en haut (optionnel) */
.site-header { position: sticky; top: 0; z-index: 50; }

/* le <main> pousse le footer en bas */
main.container { flex: 1 0 auto; }

/* footer collé en bas quand le contenu est court */
.site-footer { margin-top: auto; }

/* conteneur centrée */
.container { max-width: 1200px; margin: 0 auto; padding: 0 16px; }

/* ===== Barre de navigation ===== */
.nav { 
  display: flex; 
  align-items: center; 
  gap: .6rem; 
  padding: .55rem 0; 
}
.nav-user { 
  display:flex; align-items:center; gap:.5rem; 
  margin-right: .75rem; 
}
.nav-links { 
  display:flex; align-items:center; gap:.35rem; 
}
.nav .spacer { margin-left: auto; }

.user { display:flex; align-items:center; gap:.45rem; }
.user .avatar{
  width:28px; height:28px; border-radius:50%; display:block; object-fit:cover;
}
.username{ font-weight:600; opacity:.95 }

/* petits boutons */
.btn.small{ padding:.3rem .55rem; font-size:.9rem; }

/* Neutral look for the multi-select when mobiGlas theme is not active */
.ms { display:inline-block; }
.ms-btn{
  padding:.35rem .6rem;
  border:1px solid #888;
  border-radius:.6rem;
  background:#f6f7f9;
  color:#222;
  cursor:pointer;
}
.ms-btn:hover{ background:#eef1f4; }
.ms-panel{
  background:#fff;
  border:1px solid #cfd6dd;
  border-radius:.6rem;
  box-shadow:0 8px 24px rgba(0,0,0,.12);
}

.controls { display:flex; flex-wrap:wrap; gap:.5rem; align-items:center; }
.controls .break { flex-basis:100%; height:0; } /* line break */

/* header avec filtre embarqué */
th.th-filter{ position:relative; padding-right:2.5rem; }
th.th-filter > span{ display:inline-block; }
.th-ms{ position:absolute; right:.4rem; top:.35rem; }

/* mini bouton en-tête (réutilise ton style .ms-btn) */
.th-ms .ms-btn{
  padding:.2rem .45rem;
  font-size:.85rem;
  border-radius:.35rem;
}

/* s’assurer que les panneaux passent au-dessus du thead sticky */
thead th{ overflow:visible; z-index:1; }
.ms-panel{ z-index:20; }