/* One compact control: collapsed → expanded → pinned. */
[data-sidebar-gorunum] { position: relative; display: inline-grid; place-items: center; }
[data-sidebar-gorunum] svg { width: 19px; height: 19px; fill: none; stroke: currentColor; stroke-width: 1.7; stroke-linejoin: round; stroke-linecap: round; pointer-events: none; }
[data-sidebar-gorunum=sabit] { color: var(--mavi,#2864bd); border-color: color-mix(in srgb, currentColor 45%, transparent); background: color-mix(in srgb, var(--mavi,#2864bd) 10%, var(--yuzey,#fff)); }
[data-sidebar-gorunum=sabit] svg { fill: color-mix(in srgb, currentColor 16%, transparent); }
[data-sidebar-gorunum]:focus-visible { outline: 2px solid var(--mavi,#2864bd); outline-offset: 3px; }
/* Hover preview leaves the content width unchanged. */
@media (min-width: 821px) {
  /* Keep pointer targets on the same row when hover reveals their labels. */
  body.sidebar-dar .sidebar nav p:not([hidden]),
  body.sidebar-dar:not(.sidebar-basliksiz) .menu-basligi:not([hidden]) { display: block; visibility: hidden; white-space: nowrap; }
  body.sidebar-dar .menu-arama-kabugu { display: grid; visibility: hidden; }
  body.sidebar-dar.sidebar-onizleme-acik #sidebarDugmesi { margin-inline-start: calc(var(--sidebar-genisligi, 248px) - 78px); }
  body.sidebar-dar.sidebar-onizleme-acik #sidebarDaralt { flex: 0 0 auto; margin-inline-start: calc(var(--sidebar-genisligi, 248px) - 78px); }
  .yan-menu, .sidebar { transition: width .18s ease, box-shadow .18s ease; }
  body.sidebar-dar.sidebar-onizleme-acik .yan-menu {
    width: var(--sidebar-genisligi, 248px);
    box-shadow: 14px 0 35px rgba(4, 16, 32, .2);
  }
  body.sidebar-dar.sidebar-onizleme-acik .sidebar {
    width: var(--sidebar-genisligi, 248px);
    box-shadow: 14px 0 35px rgba(4, 16, 32, .2);
  }
  body.sidebar-dar.sidebar-onizleme-acik :is(.yan-menu, .sidebar) .marka { justify-content: flex-start; padding-inline: 7px; }
  body.sidebar-dar.sidebar-onizleme-acik .marka-yazi { display: flex; }
  body.sidebar-dar.sidebar-onizleme-acik .sidebar .marka > span { display: grid; }
  body.sidebar-dar.sidebar-onizleme-acik .yerli-kimlik { justify-content: flex-start; padding-inline: 1px; }
  body.sidebar-dar.sidebar-onizleme-acik .yerli-kimlik > span { display: flex; }
  body.sidebar-dar.sidebar-onizleme-acik .menu-arama-kabugu { display: grid; visibility: visible; }
  body.sidebar-dar.sidebar-onizleme-acik .menu-basligi:not([hidden]) { display: block; visibility: visible; }
  body.sidebar-dar.sidebar-onizleme-acik .menu-ogesi { display: grid; justify-content: normal; padding: 0 11px; }
  body.sidebar-dar.sidebar-onizleme-acik .menu-ogesi b { display: block; }
  body.sidebar-dar.sidebar-onizleme-acik .menu-ogesi em { display: inline; }
  body.sidebar-dar.sidebar-onizleme-acik .alt-menu-oku { display: grid; }
  body.sidebar-dar.sidebar-onizleme-acik .alt-menu:not([hidden]) { display: grid; }
  body.sidebar-dar.sidebar-onizleme-acik .yan-menu-alt { display: grid; justify-content: normal; padding: 14px 8px 3px; }
  body.sidebar-dar.sidebar-onizleme-acik .yan-menu-alt > span:nth-child(2) { display: flex; }
  body.sidebar-dar.sidebar-onizleme-acik .yan-menu-alt .kullanici-avatar { display: grid; }
  body.sidebar-dar.sidebar-onizleme-acik .sidebar nav p:not([hidden]) { display: block; visibility: visible; }
  body.sidebar-dar.sidebar-onizleme-acik .sidebar nav :is(a, button) { justify-content: flex-start; padding: 0 11px; }
  body.sidebar-dar.sidebar-onizleme-acik .sidebar nav :is(a, button) > span { display: block; }
  body.sidebar-dar.sidebar-onizleme-acik .operator-kimligi { display: grid; justify-content: normal; padding: 14px 8px 3px; }
  body.sidebar-dar.sidebar-onizleme-acik .operator-kimligi > span:nth-child(2) { display: grid; }
  body.sidebar-dar.sidebar-onizleme-acik .operator-kimligi .avatar { display: grid; }
  body.sidebar-dar.sidebar-onizleme-acik .sidebar nav .menu-sayaci:not([hidden]) { position: static; width: auto; height: 20px; margin-left: auto; padding: 0 6px; }
  body.sidebar-basliksiz.sidebar-onizleme-acik .menu-basligi { display: none; }
  body.sidebar-kullanici-gizli.sidebar-onizleme-acik .yan-menu-alt { display: none; }
}
@media (prefers-reduced-motion: reduce) { .yan-menu, .sidebar { transition: none; } }