/* Finance UX Phase 1: responsive navigation and clearer operational states. */

/* Full desktop: bilingual labels are intentionally visible. */
@media (min-width:1051px){
  #desktopNav .nav-item{min-height:54px!important}
  #desktopNav .nav-label{display:block!important;white-space:pre-line!important;overflow:visible!important;text-overflow:clip!important;line-height:1.28!important}
}

/* Tablet / small desktop: keep the narrow rail icon-only and expose labels as native tooltips. */
@media (min-width:721px) and (max-width:1050px){
  #desktopNav .nav-item{justify-content:center!important;min-height:50px!important;padding-left:8px!important;padding-right:8px!important}
  #desktopNav .nav-label{display:none!important}
  #desktopNav .nav-icon{margin:0!important}
}

/* Mobile has exactly five primary destinations. */
@media (max-width:720px){
  #mobileNav.mobile-nav{grid-template-columns:repeat(5,minmax(0,1fr))!important}
  #mobileNav .nav-item{min-width:0!important;min-height:50px!important;padding:7px 2px!important}
  #mobileNav .nav-label,#mobileNav .nav-item span:last-child{max-width:100%!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important}
}

/* Evidence review must never look like an upload has completed before the bridge confirms it. */
#finEvidenceBridgeState b{display:block!important;color:var(--warn,#c87400)!important;font-weight:800!important}
#finEvidenceBridgeState::after{content:attr(data-evidence-note);display:block;margin-top:5px;color:var(--muted,#7f8aa3);font-size:11px;line-height:1.45}

/* Company-data connection wording uses the same visual status treatment as the existing auth control. */
#financeDbBtn{white-space:nowrap}