/* Bilingual interface controls and direction rules */
.inv-lang-toggle {
  appearance: none;
  border: 1px solid rgba(184,134,11,.55);
  background: rgba(184,134,11,.12);
  color: #d8b45a;
  border-radius: 999px;
  min-height: 36px;
  padding: 0 12px 0 10px;
  font: inherit;
  font-size: 12px;
  font-weight: 700;
  cursor: pointer;
  transition: background .18s ease, transform .18s ease, color .18s ease;
  white-space: nowrap;
  display: inline-flex;
  align-items: center;
  gap: 7px;
  box-shadow: 0 4px 14px rgba(0,0,0,.16);
  z-index: 4;
}
.inv-lang-globe { font-size: 15px; line-height: 1; }
.inv-lang-label { line-height: 1; }
.inv-sidebar-toggle {
  width: 40px; height: 36px; display: inline-flex; flex-direction: column; justify-content: center;
  align-items: center; gap: 4px; border: 1px solid rgba(184,134,11,.45); border-radius: 10px;
  background: rgba(255,255,255,.045); cursor: pointer; transition: .18s ease; padding: 0;
}
.inv-sidebar-toggle span { width: 18px; height: 2px; border-radius: 2px; background: #d8b45a; transition: .18s ease; }
.inv-sidebar-toggle:hover, .inv-sidebar-toggle.is-active { background: rgba(184,134,11,.2); }
.inv-sidebar-toggle.is-active span:nth-child(1) { transform: translateY(6px) rotate(45deg); }
.inv-sidebar-toggle.is-active span:nth-child(2) { opacity: 0; }
.inv-sidebar-toggle.is-active span:nth-child(3) { transform: translateY(-6px) rotate(-45deg); }
.inv-sidebar { position: absolute; z-index: 10020; top: 0; right: 0; width: min(300px, 88vw); height: 100%; min-height: 100%;
  background: linear-gradient(180deg, #171722 0%, #101018 100%); border-left: 1px solid rgba(212,175,90,.3);
  box-shadow: -16px 0 40px rgba(0,0,0,.38); transform: translateX(105%); transition: transform .24s cubic-bezier(.23,1,.32,1); }
.inv-sidebar.is-open { transform: translateX(0); }
#inv-portfolio > .inv-sidebar { position: fixed !important; z-index: 2147482000 !important; inset: 0 0 0 auto !important; width: min(300px, 88vw) !important; height: 100vh !important; min-height: 100vh !important; max-height: 100vh !important; margin: 0 !important; float: none !important; display: block !important; }
.inv-sidebar-head { display:flex; align-items:center; justify-content:space-between; padding: 20px 18px 16px; border-bottom:1px solid rgba(255,255,255,.08); color:#e8cc87; }
.inv-sidebar-close { border:0; background:transparent; color:#aaa; font-size:26px; line-height:1; cursor:pointer; padding:0 3px; }
.inv-sidebar-body { display:flex; flex-direction:column; align-items:stretch; gap:12px; padding:18px; }
.inv-sidebar-body > .inv-hv2-avatar { display:flex; align-items:center; justify-content:flex-start; width:100%; min-height:48px; padding:8px 12px; border:1px solid rgba(255,255,255,.1); border-radius:12px; background:rgba(255,255,255,.04); cursor:pointer; }
.inv-sidebar-body > .inv-lang-toggle { justify-content:center; width:100%; min-height:42px; }
.inv-sidebar-body > .inv-hv2-font-ctrl { display:flex; flex-wrap:wrap; justify-content:center; gap:8px; padding:8px 0; }
.inv-font-label { width:auto; text-align:center; color:#b9a36d; font-size:14px; font-weight:800; margin:0 3px; }
.inv-sidebar-body > .inv-hv2-font-ctrl button { min-width:52px; min-height:46px; font-size:22px; line-height:1; font-weight:900; }
.inv-sidebar-body > .inv-hv2-logout { display:flex; justify-content:center; width:100%; min-height:42px; box-sizing:border-box; }
.inv-sidebar-body > .inv-hv2-logout svg { width:20px; height:20px; }
.inv-sidebar-shade { position:absolute; z-index:10010; inset:0; background:rgba(0,0,0,.45); opacity:0; pointer-events:none; transition:opacity .2s ease; }
.inv-sidebar-shade.is-visible { opacity:1; pointer-events:auto; }
#inv-portfolio > .inv-sidebar-shade { position: fixed !important; z-index: 2147481990 !important; inset: 0 !important; margin: 0 !important; float: none !important; display: block !important; }
#inv-portfolio:has(.inv-sidebar.is-open) { overflow:hidden; }
#inv-portfolio.inv-lang-en > .inv-sidebar { inset: 0 auto 0 0 !important; right:auto; left:0; transform:translateX(-105%); border-left:0; border-right:1px solid rgba(212,175,90,.3); }
#inv-portfolio.inv-lang-en .inv-sidebar.is-open { transform:translateX(0); }
.inv-lang-toggle:hover { background: rgba(184,134,11,.24); color: #f1d58b; }
.inv-lang-toggle:active { transform: scale(.97); }
.inv-lang-toggle:focus-visible { outline: 2px solid #f0c040; outline-offset: 2px; }
#inv-portfolio.inv-lang-en, #inv-login-wall.inv-lang-en, #inv-watchlist-page.inv-lang-en,
#inv-paper-page.inv-lang-en { direction: ltr !important; text-align: left; }
#inv-portfolio.inv-lang-ar, #inv-login-wall.inv-lang-ar, #inv-watchlist-page.inv-lang-ar,
#inv-paper-page.inv-lang-ar { direction: rtl !important; }
#inv-portfolio.inv-lang-en .inv-table td, #inv-portfolio.inv-lang-en .inv-table th { text-align: left; }
#inv-portfolio.inv-lang-en input, #inv-portfolio.inv-lang-en select, #inv-portfolio.inv-lang-en textarea,
#inv-login-wall.inv-lang-en input, #inv-login-wall.inv-lang-en select, #inv-login-wall.inv-lang-en textarea,
#inv-watchlist-page.inv-lang-en input, #inv-watchlist-page.inv-lang-en select { direction: ltr; text-align: left; }
#inv-portfolio.inv-lang-en .inv-mono, #inv-portfolio.inv-lang-en .inv-number,
#inv-portfolio.inv-lang-en [lang="en"] { direction: ltr; }
@media (max-width: 600px) {
  .inv-lang-toggle { min-height: 32px; padding: 0 10px; }
  .inv-hv2-tools { gap: 6px; }
}