/* Bayān 10.7.1 — navigation Mīzān desktop hiérarchisée, sans scroll. */

@media (min-width: 901px) {
  .topbar {
    grid-template-columns:minmax(170px,.9fr) minmax(0,1.45fr) minmax(150px,.75fr)!important;
    gap:clamp(10px,1.6vw,22px)!important;
    padding-inline:clamp(16px,3vw,48px)!important;
  }

  .brand { min-width:0!important; max-width:100%!important; }
  .brand > span:last-child { min-width:0; }
  .brand strong,.brand small,.version-badge {
    max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;
  }

  .main-nav {
    min-width:0!important;
    width:max-content!important;
    max-width:100%!important;
    justify-self:center!important;
    display:flex!important;
    flex-wrap:nowrap!important;
    align-items:center!important;
    gap:4px!important;
    padding:5px!important;
    overflow:visible!important;
  }

  /* Destinations principales : Recherche, Lecture, Analyses, Travail. */
  .main-nav .nav-button {
    flex:0 0 auto!important;
    min-width:0!important;
    padding:9px clamp(9px,.9vw,14px)!important;
    gap:5px!important;
    white-space:nowrap!important;
    font-size:clamp(11.5px,.9vw,13.5px)!important;
  }

  /* Calcul et Méthode deviennent des outils compacts à droite. */
  .main-nav .nav-secondary-button {
    width:40px!important;
    height:40px!important;
    padding:0!important;
    display:grid!important;
    place-items:center!important;
    border:1px solid rgba(20,37,31,.14)!important;
    margin-left:2px!important;
  }
  .main-nav .nav-secondary-button:first-of-type { margin-left:8px!important; }
  .main-nav .nav-secondary-button .nav-icon {
    display:grid!important;place-items:center!important;
    width:100%;height:100%;font-size:16px!important;
  }
  .main-nav .nav-secondary-button .nav-label { display:none!important; }

  .topbar-tools { min-width:0!important; max-width:100%!important; overflow:hidden!important; }
  .topbar-tools .data-status {
    min-width:0!important;max-width:100%!important;overflow:hidden!important;
    white-space:nowrap!important;text-overflow:ellipsis!important;
  }
}

@media (min-width:901px) and (max-width:1240px) {
  .topbar {
    grid-template-columns:minmax(145px,auto) minmax(0,1fr)!important;
    gap:10px!important;padding-inline:14px!important;
  }
  .topbar-tools { display:none!important; }
  .main-nav { justify-self:end!important; width:auto!important; }
  .brand small,.version-badge { display:none!important; }
  .main-nav .nav-button:not(.nav-secondary-button) { padding-inline:9px!important;font-size:11.5px!important; }
}

@media (min-width:901px) and (max-width:1020px) {
  .brand-mark { width:38px!important;height:38px!important; }
  .main-nav .nav-button:not(.nav-secondary-button) { padding-inline:7px!important;gap:3px!important;font-size:11px!important; }
  .main-nav .nav-secondary-button { width:36px!important;height:36px!important; }
}

/* Mobile : protège la barre contre tout héritage desktop. */
@media (max-width: 900px) {
  .main-nav {
    max-width: 100% !important;
    min-width: 0 !important;
  }
  .main-nav .nav-button {
    min-width: 0 !important;
    max-width: 100% !important;
  }
}