/* Bayān 10.13 — navbars internes uniformisées.
   IMPORTANT : #mainNav (navbar générale Bayān) n'est pas ciblée. */

:is(.app-quran,.app-torah,.app-gospels,.app-peshitta) .topbar{
  display:grid!important;
  grid-template-columns:minmax(175px,auto) minmax(0,1fr)!important;
  align-items:center!important;
  gap:20px!important;
  min-height:92px!important;
  height:auto!important;
  padding:14px clamp(14px,3vw,34px)!important;
}
:is(.app-quran,.app-torah,.app-gospels,.app-peshitta) .app-local-nav{
  justify-self:end!important;
  display:grid!important;
  grid-auto-flow:column!important;
  grid-auto-columns:minmax(78px,1fr)!important;
  align-items:stretch!important;
  justify-content:center!important;
  gap:4px!important;
  width:min(760px,100%)!important;
  max-width:760px!important;
  margin:0!important;
  padding:7px!important;
  overflow:visible!important;
  border:1px solid var(--bayaan-nav-border)!important;
  border-radius:999px!important;
  background:var(--bayaan-nav-bg)!important;
  box-shadow:0 14px 34px color-mix(in srgb,var(--bayaan-text) 12%,transparent)!important;
}
:is(.app-quran,.app-torah,.app-gospels,.app-peshitta) .app-local-nav > :is(.nav-button,.nav-btn){
  position:relative!important;
  display:flex!important;
  flex-direction:row!important;
  align-items:center!important;
  justify-content:center!important;
  gap:6px!important;
  min-width:0!important;
  min-height:46px!important;
  margin:0!important;
  padding:8px 10px!important;
  border:1px solid transparent!important;
  border-radius:999px!important;
  background:transparent!important;
  color:var(--bayaan-nav-muted)!important;
  font-size:12.5px!important;
  font-weight:800!important;
  line-height:1.1!important;
  text-align:center!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  box-shadow:none!important;
}
:is(.app-quran,.app-torah,.app-gospels,.app-peshitta) .app-local-nav > :is(.nav-button,.nav-btn):hover{
  background:color-mix(in srgb,var(--bayaan-nav-text) 10%,transparent)!important;
  color:var(--bayaan-nav-text)!important;
}
:is(.app-quran,.app-torah,.app-gospels,.app-peshitta) .app-local-nav > :is(.nav-button,.nav-btn).active{
  background:var(--bayaan-nav-active-bg)!important;
  color:var(--bayaan-nav-active-text)!important;
  border-color:var(--bayaan-nav-active-bg)!important;
  box-shadow:0 7px 18px color-mix(in srgb,var(--bayaan-nav-active-bg) 32%,transparent)!important;
}
:is(.app-quran,.app-torah,.app-gospels,.app-peshitta) .app-local-nav > :is(.nav-button,.nav-btn).active :is(span,i){color:var(--bayaan-nav-active-text)!important}

/* Icônes homogènes pour les applications qui n'en avaient pas. */
:is(.app-torah,.app-gospels,.app-peshitta) .app-local-nav .nav-btn::before{
  display:inline-grid;place-items:center;width:18px;height:18px;flex:0 0 18px;
  color:currentColor;font-size:15px;font-weight:900;line-height:1;
}
:is(.app-torah,.app-gospels,.app-peshitta) .app-local-nav .nav-btn[data-view="search"]::before{content:"⌕"}
:is(.app-torah,.app-gospels,.app-peshitta) .app-local-nav .nav-btn[data-view="reader"]::before{content:"◧"}
:is(.app-torah,.app-peshitta) .app-local-nav .nav-btn[data-view="calculator"]::before{content:"∑"}
:is(.app-gospels,.app-peshitta) .app-local-nav .nav-btn[data-view="analytics"]::before{content:"◫"}
:is(.app-torah,.app-gospels,.app-peshitta) .app-local-nav .nav-btn[data-view="method"]::before{content:"i";font-family:Georgia,serif}

/* Research OS / Lab / Travail : items centrés en desktop. Sur mobile, la 10.12 les replie déjà verticalement. */
@media(min-width:901px){
  :is(.v100-tabs,.v90-tabs,.v90c-tabs,.v7-tabs,.v7-workspace-tabs){
    justify-content:center!important;align-items:center!important;margin-left:auto!important;margin-right:auto!important;
  }
}

@media(max-width:900px){
  :is(.app-quran,.app-torah,.app-gospels,.app-peshitta) .topbar{
    grid-template-columns:1fr!important;gap:10px!important;min-height:0!important;height:auto!important;padding:10px 10px 12px!important;
  }
  :is(.app-quran,.app-torah,.app-gospels,.app-peshitta) .topbar .brand{justify-self:start!important;min-width:0!important}
  :is(.app-quran,.app-torah,.app-gospels,.app-peshitta) .app-local-nav{
    justify-self:center!important;width:100%!important;max-width:100%!important;grid-auto-columns:minmax(0,1fr)!important;
    padding:6px!important;gap:2px!important;border-radius:22px!important;overflow:hidden!important;
  }
  :is(.app-quran,.app-torah,.app-gospels,.app-peshitta) .app-local-nav > :is(.nav-button,.nav-btn){
    flex-direction:column!important;gap:2px!important;min-height:58px!important;padding:6px 2px!important;border-radius:17px!important;
    font-size:9.4px!important;white-space:normal!important;line-height:1.05!important;text-align:center!important;
  }
  .app-quran .app-local-nav .nav-icon,
  :is(.app-torah,.app-gospels,.app-peshitta) .app-local-nav .nav-btn::before{width:20px!important;height:20px!important;flex-basis:20px!important;font-size:17px!important}
  .app-quran .app-local-nav :is(.nav-label-full,.nav-label-mobile){display:block!important;color:inherit!important;font-size:9.4px!important}
}
@media(max-width:390px){
  :is(.app-quran,.app-torah,.app-gospels,.app-peshitta) .app-local-nav > :is(.nav-button,.nav-btn){font-size:8.6px!important;padding-inline:1px!important}
}