/* Bayān 10.44 — correction finale navbar Mīzān desktop.
   Cette couche est chargée après app-nav-v113 et neutralise les conflits
   entre l'ancienne grille 3 colonnes et la grille commune 2 colonnes. */

@media (min-width:1241px){
  body.app-quran .topbar{
    display:grid!important;
    grid-template-columns:minmax(190px,.9fr) minmax(520px,700px) minmax(170px,.75fr)!important;
    align-items:center!important;
    gap:clamp(14px,1.8vw,28px)!important;
    min-height:88px!important;
    padding:12px clamp(18px,3vw,44px)!important;
  }
  body.app-quran .topbar>.brand{grid-column:1;justify-self:start;min-width:0!important;max-width:100%!important}
  body.app-quran .topbar>.app-local-nav{
    grid-column:2;
    justify-self:center!important;
    width:100%!important;
    max-width:700px!important;
    grid-auto-columns:minmax(0,1fr)!important;
  }
  body.app-quran .topbar>.topbar-tools{
    grid-column:3;
    justify-self:end!important;
    min-width:0!important;
    width:100%!important;
    max-width:280px!important;
    overflow:visible!important;
  }
  body.app-quran .topbar>.topbar-tools .data-status{
    min-width:0!important;
    max-width:100%!important;
    overflow:visible!important;
    text-overflow:clip!important;
    white-space:normal!important;
    line-height:1.25!important;
    text-align:right!important;
    justify-content:flex-end!important;
  }
}

@media (min-width:901px) and (max-width:1240px){
  body.app-quran .topbar{
    display:grid!important;
    grid-template-columns:minmax(145px,auto) minmax(0,1fr)!important;
    align-items:center!important;
    gap:10px!important;
    min-height:78px!important;
    padding:10px 14px!important;
  }
  body.app-quran .topbar>.brand{grid-column:1;min-width:0!important}
  body.app-quran .topbar>.app-local-nav{
    grid-column:2;
    justify-self:end!important;
    width:min(690px,100%)!important;
    max-width:690px!important;
    grid-auto-columns:minmax(0,1fr)!important;
  }
  body.app-quran .topbar>.topbar-tools{display:none!important}
  body.app-quran .brand small,
  body.app-quran .brand .version-badge{display:none!important}
}

@media (min-width:901px){
  body.app-quran .app-local-nav .nav-label-full{display:inline!important}
  body.app-quran .app-local-nav .nav-label-mobile{display:none!important}
  body.app-quran .app-local-nav>.nav-button{
    min-width:0!important;
    max-width:none!important;
    overflow:visible!important;
  }
  body.app-quran .app-local-nav>.nav-button:not(.nav-secondary-button){
    padding-inline:clamp(8px,.8vw,13px)!important;
  }
}

@media (min-width:1241px){body.app-quran .topbar>.topbar-tools .status-dot{flex:0 0 auto!important}}