/**
 * #tmv2SidebarRoot inner #sidebar — override sidebar-panel.css legacy rail/hover.
 * Ensures inner sidebar is a simple flex column within the sticky aside.
 * This file loads AFTER sidebar-panel.css.
 */

#tmv2SidebarRoot .tmv2-sidebar-body {
  flex: 1 1 auto;
  min-height: 0;
  display: flex;
  flex-direction: column;
  overflow: hidden;
}

#tmv2SidebarRoot #sidebar.sidebar,
#tmv2SidebarRoot #sidebar {
  display: flex !important;
  flex-direction: column !important;
  min-height: 0 !important;
}

@media (min-width: 1025px) {
  /*
   * Sabit v2 sütun genişliği — grid + aside hover’da genişlemesin
   * (legacy sidebar-panel #sidebar:hover { width: 280px } buraya uygulanmasın diye açıkça kilitlenir).
   */
  #tmv2SidebarRoot.tmv2-sidebar,
  #tmv2SidebarRoot.tmv2-sidebar:hover {
    width: var(--tmv2-sb-w, 240px) !important;
    min-width: var(--tmv2-sb-w, 240px) !important;
    max-width: var(--tmv2-sb-w, 240px) !important;
    box-sizing: border-box;
  }

  /* Override sidebar-panel.css fixed positioning */
  #tmv2SidebarRoot #sidebar.sidebar,
  #tmv2SidebarRoot #sidebar,
  body #tmv2SidebarRoot #sidebar,
  html body #tmv2SidebarRoot #sidebar {
    position: relative !important;
    top: 0 !important;
    left: auto !important;
    right: auto !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: none !important;
    height: 100% !important;
    min-height: 0 !important;
    max-height: none !important;
    margin: 0 !important;
    padding: 0 !important;
    transform: none !important;
    border-radius: 0 !important;
    border: none !important;
    background: transparent !important;
    box-shadow: none !important;
    z-index: auto !important;
    overflow: hidden !important;
    transition: none !important;
  }

  /* Prevent hover width / shadow expansion from sidebar-panel.css */
  #tmv2SidebarRoot #sidebar:hover,
  body #tmv2SidebarRoot #sidebar:hover,
  html body #tmv2SidebarRoot #sidebar:hover {
    width: 100% !important;
    height: 100% !important;
    top: 0 !important;
    box-shadow: none !important;
    transform: none !important;
  }

  /*
   * global.css: .sidebar.has-expanded { height: 650px } — accordion açıkken hover ile
   * sidebar-panel #sidebar:hover { height: 75vh } çakışınca sütun “genişliyor / zıplıyor” gibi görünür.
   * v2: tam yükseklik, sabit; rail genişlemesi yok.
   */
  #tmv2SidebarRoot #sidebar.sidebar.has-expanded {
    height: 100% !important;
    max-height: none !important;
  }

  /*
   * global.css: .sidebar:hover .nav-link / .nav-group-header { padding: 8px 12px }
   * ve .sidebar:hover .nav-group.expanded .nav-group-content — hover’da ek layout değişimi olmasın.
   */
  #tmv2SidebarRoot #sidebar.sidebar:hover .tmv2-sidebar-nav .tmv2-nav-item.nav-link,
  #tmv2SidebarRoot #sidebar.sidebar:hover .tmv2-sidebar-nav .tmv2-nav-item.nav-group-header {
    justify-content: flex-start !important;
    padding: 0 12px !important;
  }

  #tmv2SidebarRoot #sidebar.sidebar:hover .nav-group.expanded .nav-group-content {
    max-height: none !important;
    overflow: visible !important;
    opacity: 1 !important;
    display: flex !important;
  }

  /*
   * Legacy “rail”: chevron varsayılan width:0, hover’da 16px → satır zıplaması.
   * v2’de ok her zaman aynı yer kaplar.
   */
  #tmv2SidebarRoot #sidebar .nav-arrow,
  #tmv2SidebarRoot #sidebar:hover .nav-arrow {
    opacity: 1 !important;
    width: 16px !important;
    min-width: 16px !important;
    max-width: 16px !important;
    overflow: visible !important;
    visibility: visible !important;
    flex-shrink: 0 !important;
    margin-left: auto !important;
  }

  /*
   * sidebar-panel.css (dar rail): #sidebar:not(:hover) .nav-group .nav-sublink.active { display: none }
   * v2 tam genişlikte sidebar — aktif alt sayfa her zaman görünsün; hover’da görünüp kaymasın.
   */
  #tmv2SidebarRoot #sidebar:not(:hover) .nav-group .nav-sublink.active,
  #tmv2SidebarRoot #sidebar.collapsed .nav-group .nav-sublink.active {
    display: flex !important;
    visibility: visible !important;
    opacity: 1 !important;
  }

  /*
   * Accordion: sadece .expanded — hover #sidebar ile sidebar-panel’deki
   * #sidebar:not(:hover) .nav-group-content kuralı kalkınca açılma ETKİSİ olmasın.
   */
  #tmv2SidebarRoot #sidebar .nav-group:not(.expanded) .nav-group-content,
  #tmv2SidebarRoot #sidebar:hover .nav-group:not(.expanded) .nav-group-content {
    max-height: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
    overflow: hidden !important;
    opacity: 0 !important;
    pointer-events: none !important;
    border: none !important;
  }

  #tmv2SidebarRoot #sidebar .nav-group.expanded .nav-group-content {
    max-height: none !important;
    overflow: visible !important;
    opacity: 1 !important;
    pointer-events: auto !important;
  }

  /*
   * Satır ölçüleri: normal = hover = active (sidebar-panel #sidebar:hover padding değişimini öldürür).
   */
  #tmv2SidebarRoot #sidebar .tmv2-sidebar-nav .tmv2-nav-item.nav-link,
  #tmv2SidebarRoot #sidebar .tmv2-sidebar-nav .tmv2-nav-item.nav-group-header,
  #tmv2SidebarRoot #sidebar .tmv2-sidebar-nav .tmv2-nav-item.nav-link:hover,
  #tmv2SidebarRoot #sidebar .tmv2-sidebar-nav .tmv2-nav-item.nav-group-header:hover,
  #tmv2SidebarRoot #sidebar .tmv2-sidebar-nav .tmv2-nav-item.nav-link.active,
  #tmv2SidebarRoot #sidebar .tmv2-sidebar-nav .tmv2-nav-item.nav-link.active:hover,
  #tmv2SidebarRoot #sidebar .nav-group.expanded .nav-group-header,
  #tmv2SidebarRoot #sidebar .nav-group.expanded .nav-group-header:hover {
    justify-content: flex-start !important;
    align-items: center !important;
    gap: 10px !important;
    padding: 0 12px !important;
    min-height: 38px !important;
    box-sizing: border-box !important;
    text-align: left !important;
    transition: background-color 0.14s ease, color 0.14s ease, box-shadow 0.14s ease !important;
  }

  #tmv2SidebarRoot #sidebar .tmv2-sidebar-nav .tmv2-nav-item.nav-sublink,
  #tmv2SidebarRoot #sidebar .tmv2-sidebar-nav .tmv2-nav-item.nav-sublink:hover,
  #tmv2SidebarRoot #sidebar .tmv2-sidebar-nav .tmv2-nav-item.nav-sublink.active,
  #tmv2SidebarRoot #sidebar .tmv2-sidebar-nav .tmv2-nav-item.nav-sublink.active:hover {
    min-height: 30px !important;
    align-items: center !important;
    box-sizing: border-box !important;
    transition: background-color 0.14s ease, color 0.14s ease, box-shadow 0.14s ease !important;
  }

  /* Aktif satır — nötr zemin + ince sol çizgi; metin koyu, ikon primary */
  #tmv2SidebarRoot #sidebar .tmv2-sidebar-nav .tmv2-nav-item.nav-link.active {
    background: var(--tmv2-nav-active-bg, #f1f5f9) !important;
    color: var(--tmv2-nav-active-ink, #0f172a) !important;
    border-top: none !important;
    border-right: none !important;
    border-bottom: none !important;
    border-left: var(--tmv2-nav-active-bar, 3px) solid var(--tmv2-nav-active-bar-color, #2563eb) !important;
    border-radius: 8px !important;
    font-weight: 600 !important;
    box-shadow: none !important;
  }

  #tmv2SidebarRoot #sidebar .tmv2-sidebar-nav .tmv2-nav-item.nav-link.active .nav-icon {
    background: transparent !important;
    color: var(--tmv2-nav-active-icon, #2563eb) !important;
  }

  #tmv2SidebarRoot #sidebar .tmv2-sidebar-nav .tmv2-nav-item.nav-sublink.active {
    background: var(--tmv2-nav-active-bg, #f1f5f9) !important;
    color: var(--tmv2-nav-active-ink, #0f172a) !important;
    border-radius: 8px !important;
    border: none !important;
    font-weight: 600 !important;
    box-shadow: none !important;
  }

  /* Açık tema: koyu metin — koyu temada aynı hex’ler okunaksızdı (#1f2937 sidebar zemini üzerinde kayboluyordu) */
  html:not(.dark-mode) #tmv2SidebarRoot #sidebar .tmv2-sidebar-nav .tmv2-nav-item.nav-link:not(.active) .nav-label {
    color: #1f2937 !important;
  }

  html:not(.dark-mode) #tmv2SidebarRoot #sidebar .tmv2-sidebar-nav .tmv2-nav-item.nav-link:not(.active) .nav-icon {
    color: #6b7280 !important;
  }

  html:not(.dark-mode) #tmv2SidebarRoot #sidebar .tmv2-sidebar-nav .tmv2-nav-item.nav-sublink:not(.active) {
    color: var(--tmv2-nav-muted, #6b7280) !important;
  }

  html.dark-mode #tmv2SidebarRoot #sidebar .tmv2-sidebar-nav .tmv2-nav-item.nav-link:not(.active) .nav-label {
    color: #e2e8f0 !important;
  }

  html.dark-mode #tmv2SidebarRoot #sidebar .tmv2-sidebar-nav .tmv2-nav-item.nav-link:not(.active) .nav-icon {
    color: #94a3b8 !important;
  }

  html.dark-mode #tmv2SidebarRoot #sidebar .tmv2-sidebar-nav .tmv2-nav-item.nav-sublink:not(.active) {
    color: #94a3b8 !important;
  }

  html.dark-mode #tmv2SidebarRoot #sidebar .tmv2-sidebar-nav .tmv2-nav-item.nav-link.active {
    background: rgba(255, 255, 255, 0.06) !important;
    color: var(--color-text) !important;
    border-top: none !important;
    border-right: none !important;
    border-bottom: none !important;
    border-left: var(--tmv2-nav-active-bar, 3px) solid var(--color-primary) !important;
    box-shadow: none !important;
  }

  html.dark-mode #tmv2SidebarRoot #sidebar .tmv2-sidebar-nav .tmv2-nav-item.nav-link.active .nav-icon {
    color: var(--tmv2-nav-active-icon, var(--color-primary)) !important;
  }

  html.dark-mode #tmv2SidebarRoot #sidebar .tmv2-sidebar-nav .tmv2-nav-item.nav-sublink.active {
    background: rgba(255, 255, 255, 0.06) !important;
    color: var(--color-text) !important;
    border: none !important;
    box-shadow: none !important;
  }

  /* Grup başlığı (accordion) — açık tema */
  html:not(.dark-mode) #tmv2SidebarRoot #sidebar .nav-group-header .nav-label {
    color: #1f2937 !important;
  }

  html:not(.dark-mode) #tmv2SidebarRoot #sidebar .nav-group-header .nav-icon {
    color: #6b7280 !important;
  }

  html.dark-mode #tmv2SidebarRoot #sidebar .nav-group-header .nav-label {
    color: #cbd5e1 !important;
  }

  html.dark-mode #tmv2SidebarRoot #sidebar .nav-group-header .nav-icon {
    color: #94a3b8 !important;
  }

  #tmv2SidebarRoot #sidebar .nav-label {
    opacity: 1 !important;
    width: auto !important;
    flex: 1 !important;
    overflow: visible !important;
    visibility: visible !important;
    font-family: var(--tmv2-ff-sans, "Inter", system-ui, sans-serif);
    font-size: 13px;
    font-weight: 500;
    color: var(--tmv2-ink, #0f172a);
  }

  html.dark-mode #tmv2SidebarRoot #sidebar .nav-label {
    color: var(--tmv2-ink, var(--color-text, #e2e8f0));
  }

  #tmv2SidebarRoot #sidebar .nav-sublink {
    font-size: 13px;
    border-radius: 10px;
    padding: 0.4rem 10px 0.4rem 14px !important;
    color: var(--tmv2-ink-2, #475569);
  }

  html.dark-mode #tmv2SidebarRoot #sidebar .nav-sublink {
    color: var(--tmv2-ink-2, #94a3b8);
  }

  #tmv2SidebarRoot #sidebar .sidebar-nav {
    flex: 1 1 auto;
    overflow-y: auto;
    overflow-x: hidden;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
    -ms-overflow-style: none;
    padding: 0.2rem 0 0.55rem !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 2px !important;
  }

  #tmv2SidebarRoot #sidebar .sidebar-nav::-webkit-scrollbar {
    width: 0;
    height: 0;
    display: none;
  }

  /* Hide toggle button in v2 full sidebar */
  #tmv2SidebarRoot #sidebar .sidebar-toggle {
    display: none !important;
  }
}

@media (max-width: 1024px) {
  #tmv2SidebarRoot #sidebar.mobile-open .sidebar-nav {
    max-height: none !important;
  }
}

/*
 * global.css: Eski 20px margin v2’de kapatıldı (hover kayması).
 * Accordion alt satırları: üst menüyle aynı hizada kalınca hiyerarşi bozuluyor →
 * yalnızca .expanded iken kapsayıcıda sol girinti (sublink margin’e eklenmez, çift ofset olmaz).
 */
#tmv2SidebarRoot #sidebar .nav-group .nav-group-content {
  margin-left: 0 !important;
  margin-right: 0 !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
}

#tmv2SidebarRoot #sidebar .nav-group:not(.expanded) .nav-group-content {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

#tmv2SidebarRoot #sidebar .nav-group.expanded .nav-group-content {
  display: flex !important;
  flex-direction: column !important;
  align-items: stretch !important;
  gap: 2px !important;
  box-sizing: border-box !important;
  padding-top: 2px !important;
  padding-bottom: 2px !important;
  /* Alt menü hiyerarşisi — tam değer v2/components/sidebar.css (v2.css en sonda) */
  padding-left: 1.25rem !important;
  border-left: 2px solid rgba(100, 116, 139, 0.28) !important;
}

@media (max-width: 768px) {
  /*
   * mobile-responsive.css: .nav-group-header:hover / .nav-link:hover / .nav-group-content { transform: … }
   * — v2 sidebar’da (özellikle accordion altı) hover ile yatay/dikey kayma.
   */
  #tmv2SidebarRoot #sidebar .nav-group-header:hover,
  #tmv2SidebarRoot #sidebar .nav-link:hover,
  #tmv2SidebarRoot #sidebar .nav-link.active,
  #tmv2SidebarRoot #sidebar .nav-group-content,
  #tmv2SidebarRoot #sidebar .nav-group.expanded .nav-group-content {
    transform: none !important;
  }
}

/*
 * v2: Hover — çok hafif zemin (sidebar-panel ağır hover iptal).
 */
#tmv2SidebarRoot .tmv2-sidebar-nav .tmv2-nav-item.nav-link,
#tmv2SidebarRoot .tmv2-sidebar-nav .tmv2-nav-item.nav-sublink,
#tmv2SidebarRoot .tmv2-sidebar-nav .tmv2-nav-item--group.nav-group-header {
  border-radius: 8px;
}

#tmv2SidebarRoot #sidebar .tmv2-sidebar-nav .tmv2-nav-item.nav-link:not(.active):hover {
  background: rgba(15, 23, 42, 0.045) !important;
  box-shadow: none !important;
  border: none !important;
}

#tmv2SidebarRoot #sidebar .tmv2-sidebar-nav .tmv2-nav-item.nav-sublink:not(.active):hover {
  background: rgba(15, 23, 42, 0.045) !important;
  box-shadow: none !important;
  border: none !important;
  color: #4b5563 !important;
}

#tmv2SidebarRoot #sidebar .tmv2-sidebar-nav .tmv2-nav-item.nav-link:not(.active):hover .nav-label,
#tmv2SidebarRoot #sidebar .tmv2-sidebar-nav .tmv2-nav-item.nav-link:not(.active):hover .nav-icon {
  color: #374151 !important;
}

html.dark-mode #tmv2SidebarRoot #sidebar .tmv2-sidebar-nav .tmv2-nav-item.nav-link:not(.active):hover .nav-label,
html.dark-mode #tmv2SidebarRoot #sidebar .tmv2-sidebar-nav .tmv2-nav-item.nav-link:not(.active):hover .nav-icon {
  color: #f8fafc !important;
}

#tmv2SidebarRoot #sidebar .nav-group:not(.expanded) .nav-group-header:not(.admin-accordion):hover,
#tmv2SidebarRoot #sidebar .tmv2-sidebar-nav .nav-group:not(.expanded) .tmv2-nav-item--group.nav-group-header:not(.admin-accordion):hover {
  background: rgba(241, 245, 249, 0.95) !important;
  color: var(--tmv2-ink, #0f172a) !important;
}

#tmv2SidebarRoot #sidebar .nav-group.expanded .nav-group-header:not(.admin-accordion):hover,
#tmv2SidebarRoot #sidebar .tmv2-sidebar-nav .nav-group.expanded .tmv2-nav-item--group.nav-group-header:not(.admin-accordion):hover {
  background: #e8eaef !important;
  color: var(--tmv2-ink, #0f172a) !important;
}

html.dark-mode #tmv2SidebarRoot #sidebar .nav-group:not(.expanded) .nav-group-header:not(.admin-accordion):hover,
html.dark-mode #tmv2SidebarRoot #sidebar .tmv2-sidebar-nav .nav-group:not(.expanded) .tmv2-nav-item--group.nav-group-header:not(.admin-accordion):hover {
  background: rgba(255, 255, 255, 0.08) !important;
  color: #f1f5f9 !important;
}

html.dark-mode #tmv2SidebarRoot #sidebar .nav-group.expanded .nav-group-header:not(.admin-accordion):hover,
html.dark-mode #tmv2SidebarRoot #sidebar .tmv2-sidebar-nav .nav-group.expanded .tmv2-nav-item--group.nav-group-header:not(.admin-accordion):hover {
  background: rgba(255, 255, 255, 0.1) !important;
  color: #f1f5f9 !important;
}

#tmv2SidebarRoot #sidebar .nav-group-header.admin-accordion:hover {
  background: #fee2e2 !important;
  color: #991b1b !important;
}

#tmv2SidebarRoot #sidebar .tmv2-sidebar-nav .tmv2-nav-item.nav-link.active:hover {
  background: var(--tmv2-nav-active-bg, #f1f5f9) !important;
  color: var(--tmv2-nav-active-ink, #0f172a) !important;
  border-radius: 8px !important;
  border-top: none !important;
  border-right: none !important;
  border-bottom: none !important;
  border-left: var(--tmv2-nav-active-bar, 3px) solid var(--tmv2-nav-active-bar-color, #2563eb) !important;
  box-shadow: none !important;
}

#tmv2SidebarRoot #sidebar .tmv2-sidebar-nav .tmv2-nav-item.nav-link.active:hover .nav-icon {
  background: transparent !important;
  color: var(--tmv2-nav-active-icon, #2563eb) !important;
}

#tmv2SidebarRoot #sidebar .tmv2-sidebar-nav .tmv2-nav-item.nav-sublink.active:hover {
  background: var(--tmv2-nav-active-bg, #f1f5f9) !important;
  color: var(--tmv2-nav-active-ink, #0f172a) !important;
  border-radius: 8px !important;
  border: none !important;
  font-weight: 600 !important;
  box-shadow: none !important;
}

#tmv2SidebarRoot #sidebar .tmv2-sidebar-nav .nav-link.logout:hover {
  background: rgba(239, 68, 68, 0.07) !important;
  color: #dc2626 !important;
}

/* tm-shell-v2: mağaza kartı / dropdown / Pro CTA — hover yok */
#tmv2SidebarRoot .tmv2-workspace:hover,
#tmv2SidebarRoot .tmv2-workspace--readonly:hover {
  background: var(--tmv2-surface-2) !important;
}

#tmv2SidebarRoot .tmv2-wk-item:hover {
  background: transparent !important;
}

#tmv2SidebarRoot .tmv2-wk-add:hover {
  background: transparent !important;
}

#tmv2SidebarRoot .tmv2-pro-cta:hover {
  background: rgba(255, 255, 255, 0.18) !important;
}

html.dark-mode #tmv2SidebarRoot #sidebar .tmv2-sidebar-nav .tmv2-nav-item.nav-link:not(.active):hover {
  background: rgba(255, 255, 255, 0.055) !important;
  border: none !important;
}

html.dark-mode #tmv2SidebarRoot #sidebar .tmv2-sidebar-nav .tmv2-nav-item.nav-sublink:not(.active):hover {
  background: rgba(255, 255, 255, 0.055) !important;
  border: none !important;
  color: #cbd5e1 !important;
}

html.dark-mode #tmv2SidebarRoot #sidebar .nav-group:not(.expanded) .nav-group-header:not(.admin-accordion):hover {
  background: rgba(255, 255, 255, 0.07) !important;
  color: var(--tmv2-ink, var(--color-text, #e2e8f0)) !important;
}

html.dark-mode #tmv2SidebarRoot #sidebar .nav-group.expanded .nav-group-header:not(.admin-accordion):hover {
  background: rgba(255, 255, 255, 0.09) !important;
}

html.dark-mode #tmv2SidebarRoot #sidebar .tmv2-sidebar-nav .tmv2-nav-item.nav-link.active:hover {
  background: rgba(255, 255, 255, 0.08) !important;
  color: var(--color-text) !important;
  border-top: none !important;
  border-right: none !important;
  border-bottom: none !important;
  border-left: var(--tmv2-nav-active-bar, 3px) solid var(--color-primary) !important;
  box-shadow: none !important;
}

html.dark-mode #tmv2SidebarRoot #sidebar .tmv2-sidebar-nav .tmv2-nav-item.nav-sublink.active:hover {
  background: rgba(255, 255, 255, 0.08) !important;
  color: var(--color-text) !important;
  border: none !important;
  box-shadow: none !important;
}

/*
 * Mobil / drawer: sidebar-panel.css satır yüksekliği (52px, margin) — v2 ile aynı sıkı aralık.
 * Üstteki blok @media (min-width: 1025px) içinde kaldığı için burada tüm genişliklere tekrarlanır.
 */
#tmv2SidebarRoot #sidebar .sidebar-nav {
  gap: 2px !important;
  padding: 0.2rem 0 0.55rem !important;
}
#tmv2SidebarRoot #sidebar .tmv2-sidebar-nav .tmv2-nav-item.nav-link,
#tmv2SidebarRoot #sidebar .tmv2-sidebar-nav .tmv2-nav-item.nav-group-header,
#tmv2SidebarRoot #sidebar .tmv2-sidebar-nav .tmv2-nav-item.nav-link:hover,
#tmv2SidebarRoot #sidebar .tmv2-sidebar-nav .tmv2-nav-item.nav-group-header:hover,
#tmv2SidebarRoot #sidebar .tmv2-sidebar-nav .tmv2-nav-item.nav-link.active,
#tmv2SidebarRoot #sidebar .tmv2-sidebar-nav .tmv2-nav-item.nav-link.active:hover,
#tmv2SidebarRoot #sidebar .nav-group.expanded .nav-group-header,
#tmv2SidebarRoot #sidebar .nav-group.expanded .nav-group-header:hover {
  min-height: 34px !important;
  margin: 0 12px !important;
  padding: 0 12px !important;
}
#tmv2SidebarRoot #sidebar .tmv2-sidebar-nav .tmv2-nav-item.nav-sublink,
#tmv2SidebarRoot #sidebar .tmv2-sidebar-nav .tmv2-nav-item.nav-sublink:hover,
#tmv2SidebarRoot #sidebar .tmv2-sidebar-nav .tmv2-nav-item.nav-sublink.active,
#tmv2SidebarRoot #sidebar .tmv2-sidebar-nav .tmv2-nav-item.nav-sublink.active:hover {
  min-height: 30px !important;
}

/*
 * sidebar-panel: #sidebar .nav-sublink:hover { padding-left: 1.75rem } accordion satırında
 * 12px ile çakışıyor → hover’da metin kayıyor. Tüm durumlarda aynı padding.
 * Sol vurgu: dosya sonundaki ::before kuralları (kutu modeline girmez).
 */
#tmv2SidebarRoot #sidebar .tmv2-sidebar-nav .tmv2-nav-item.nav-sublink,
#tmv2SidebarRoot #sidebar .tmv2-sidebar-nav .tmv2-nav-item.nav-sublink:hover,
#tmv2SidebarRoot #sidebar .tmv2-sidebar-nav .tmv2-nav-item.nav-sublink.active,
#tmv2SidebarRoot #sidebar .tmv2-sidebar-nav .tmv2-nav-item.nav-sublink.active:hover,
#tmv2SidebarRoot #sidebar .tmv2-sidebar-nav .nav-group-content .tmv2-nav-item.nav-sublink,
#tmv2SidebarRoot #sidebar .tmv2-sidebar-nav .nav-group-content .tmv2-nav-item.nav-sublink:hover,
#tmv2SidebarRoot #sidebar .tmv2-sidebar-nav .nav-group-content .tmv2-nav-item.nav-sublink.active,
#tmv2SidebarRoot #sidebar .tmv2-sidebar-nav .nav-group-content .tmv2-nav-item.nav-sublink.active:hover {
  padding: 0.4rem 10px 0.4rem 14px !important;
  border-top: none !important;
  border-right: none !important;
  border-bottom: none !important;
  box-sizing: border-box !important;
  /* mobile-responsive.css: .nav-sublink:hover/active { translateX(8px) } — aktif satır kayıyordu */
  transform: none !important;
  box-shadow: none !important;
  /* sidebar-panel: .nav-sublink.active → margin 16px + width -32%; pasif → 8px + -16% → aktif satır zıplıyordu */
  margin: 2px 8px !important;
  width: calc(100% - 16px) !important;
  font-weight: 500 !important;
}

#tmv2SidebarRoot #sidebar .tmv2-sidebar-nav .tmv2-nav-item.nav-link,
#tmv2SidebarRoot #sidebar .tmv2-sidebar-nav .tmv2-nav-item.nav-link:hover,
#tmv2SidebarRoot #sidebar .tmv2-sidebar-nav .tmv2-nav-item.nav-link.active,
#tmv2SidebarRoot #sidebar .tmv2-sidebar-nav .tmv2-nav-item.nav-link.active:hover {
  border-left: none !important;
}

html.dark-mode #tmv2SidebarRoot #sidebar .tmv2-sidebar-nav .tmv2-nav-item.nav-link.active,
html.dark-mode #tmv2SidebarRoot #sidebar .tmv2-sidebar-nav .tmv2-nav-item.nav-link.active:hover {
  border-left: none !important;
}

/* Hover’da ikon büyümesi / basılı scale — layout zıplaması */
#tmv2SidebarRoot #sidebar .tmv2-sidebar-nav .tmv2-nav-item.nav-link:hover .nav-icon,
#tmv2SidebarRoot #sidebar .tmv2-sidebar-nav .tmv2-nav-item.nav-group-header:hover .nav-icon {
  transform: none !important;
}

#tmv2SidebarRoot #sidebar .tmv2-sidebar-nav .tmv2-nav-item.nav-link:active,
#tmv2SidebarRoot #sidebar .tmv2-sidebar-nav .tmv2-nav-item.nav-group-header:active,
#tmv2SidebarRoot #sidebar .tmv2-sidebar-nav .tmv2-nav-item.nav-sublink:active,
#tmv2SidebarRoot #sidebar .tmv2-sidebar-nav .tmv2-nav-item.nav-sublink.active:active {
  transform: none !important;
}

/* Koyu tema: accordion okları (lucide stroke = currentColor) */
html.dark-mode #tmv2SidebarRoot #sidebar .nav-arrow {
  color: #94a3b8 !important;
  opacity: 0.95;
}

/*
 * Accordion alt satırı — sol vurgu sadece ::before (kutu modeline girmez).
 * global.css transition:all + border çakışmalarında hover’da metin/ikon kaymasını keser.
 */
#tmv2SidebarRoot #sidebar .tmv2-sidebar-nav .tmv2-nav-item.nav-sublink,
#tmv2SidebarRoot #sidebar .tmv2-sidebar-nav .nav-group-content .tmv2-nav-item.nav-sublink {
  position: relative !important;
  border: none !important;
  box-shadow: none !important;
  transition: background-color 0.14s ease, color 0.14s ease !important;
}

#tmv2SidebarRoot #sidebar .tmv2-sidebar-nav .tmv2-nav-item.nav-sublink::before,
#tmv2SidebarRoot #sidebar .tmv2-sidebar-nav .nav-group-content .tmv2-nav-item.nav-sublink::before {
  content: "" !important;
  position: absolute !important;
  left: 0 !important;
  top: 4px !important;
  bottom: 4px !important;
  width: var(--tmv2-nav-active-bar, 3px) !important;
  border-radius: 0 2px 2px 0 !important;
  background: transparent !important;
  pointer-events: none !important;
}

#tmv2SidebarRoot #sidebar .tmv2-sidebar-nav .tmv2-nav-item.nav-sublink.active::before,
#tmv2SidebarRoot #sidebar .tmv2-sidebar-nav .nav-group-content .tmv2-nav-item.nav-sublink.active::before {
  background: var(--tmv2-nav-active-bar-color, #2563eb) !important;
}

html.dark-mode #tmv2SidebarRoot #sidebar .tmv2-sidebar-nav .tmv2-nav-item.nav-sublink.active::before,
html.dark-mode #tmv2SidebarRoot #sidebar .tmv2-sidebar-nav .nav-group-content .tmv2-nav-item.nav-sublink.active::before {
  background: var(--color-primary) !important;
}

/* Klavye odağı: halka kalsın; iç inset çizgiyi kaldır (çift çizgi / layout) */
#tmv2SidebarRoot #sidebar .tmv2-sidebar-nav .tmv2-nav-item.nav-sublink:focus-visible {
  outline: none !important;
  box-shadow: var(--tm-ring) !important;
}