/* Sprint 163: Enterprise Internationalization & Mobile Experience UX */
:root{
  --i18n-touch:44px;
  --i18n-gap:10px;
}
.experience-language-switcher a,.language-switcher a{font-variant-numeric:tabular-nums;text-transform:uppercase}
.experience-topbar{isolation:isolate}
.experience-topbar .enterprise-brand{min-width:0}
.experience-topbar .enterprise-brand span:last-child{min-width:0}
.experience-topbar .enterprise-brand b,.experience-topbar .enterprise-brand small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.experience-topnav{scrollbar-width:thin;scroll-snap-type:x proximity}
.experience-topnav a{scroll-snap-align:start}
.experience-language-switcher a:focus-visible,.experience-topnav a:focus-visible{outline:3px solid rgba(63,225,255,.92);outline-offset:2px}

/* Prevent long translated values from breaking cards. */
.experience-kpi b,.experience-detail b,.experience-chain-status b{
  overflow-wrap:anywhere;
  hyphens:auto;
  line-height:1.18;
}
html[lang="tr"] .experience-kpi b,html[lang="en"] .experience-kpi b{font-size:clamp(.88rem,1.2vw,1.18rem)}

@media (max-width: 760px){
  .experience-role-shell .enterprise-app{grid-template-rows:auto auto 1fr}
  .experience-role-shell .experience-topbar{
    position:sticky;top:0;z-index:90;
    display:grid!important;
    grid-template-columns:44px minmax(0,1fr) auto!important;
    grid-template-areas:
      "menu brand language"
      "user user user";
    gap:8px 10px;
    min-height:auto!important;
    padding:9px 12px 8px!important;
    align-items:center;
  }
  .experience-topbar .enterprise-menu-button{grid-area:menu;display:grid!important;place-items:center;width:44px;height:44px;margin:0}
  .experience-topbar .enterprise-brand{grid-area:brand;min-width:0;padding:0!important}
  .experience-topbar .enterprise-brand-mark{width:34px;height:34px;min-width:34px}
  .experience-topbar .enterprise-brand small{font-size:.58rem;letter-spacing:.08em}
  .experience-topbar .enterprise-brand b{font-size:.88rem}
  .experience-topbar .experience-language-switcher{
    grid-area:language;position:static!important;right:auto!important;top:auto!important;
    margin:0!important;padding:2px;gap:2px;justify-self:end;
  }
  .experience-topbar .experience-language-switcher a{min-width:34px;height:36px;padding:0 7px;font-size:.68rem}
  .experience-topbar .enterprise-user{
    grid-area:user;display:grid!important;grid-template-columns:auto minmax(0,1fr) auto;
    width:100%;gap:8px;align-items:center;margin:0!important;padding-top:7px;
    border-top:1px solid rgba(113,145,166,.18);
  }
  .experience-topbar .enterprise-user .role-badge{min-width:0;max-width:46vw;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
  .experience-topbar .enterprise-user .user-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
  .experience-topbar .enterprise-user a{min-height:38px;display:inline-flex;align-items:center;padding:0 9px;white-space:nowrap}
  .experience-topbar .experience-topnav{display:none!important}
  .experience-topbar .experience-header-status{display:none!important}
  .experience-public-status{position:relative;z-index:40;padding:7px 10px;gap:7px;scroll-padding-inline:10px}
  .experience-public-status>span{min-width:164px;padding:7px 9px}
  .experience-public-status b{font-size:.72rem}.experience-public-status small{font-size:.62rem}
  .experience-role-shell .enterprise-workspace{padding-top:10px}
  .experience-role-shell .visitor-banner{margin-bottom:10px}
}
@media (max-width: 390px){
  .experience-role-shell .experience-topbar{grid-template-columns:42px minmax(0,1fr) auto;padding-inline:8px!important;gap:6px}
  .experience-topbar .enterprise-brand small{display:none}
  .experience-topbar .experience-language-switcher a{min-width:30px;padding:0 5px}
  .experience-topbar .enterprise-user .role-badge{max-width:42vw;font-size:.61rem}
}
@media (prefers-reduced-motion:reduce){.experience-topnav{scroll-behavior:auto}}