/* Daraltılabilir kenar menü: body.sidebar-collapsed → yalnızca ikonlar (app.js → setSidebarCollapsed). */
.sidebar-toggle { display: grid; place-items: center; width: 34px; height: 34px; margin-right: 12px; flex-shrink: 0;
  border: 1px solid var(--line); border-radius: 8px; color: #6d7186; background: #fff; font-size: 16px; cursor: pointer; }
.sidebar-toggle:hover { color: var(--purple); border-color: #d9d5fb; background: #f8f7ff; }
.sidebar-toggle:focus-visible { outline: 2px solid #988ef0; outline-offset: 2px; }
.topbar-left { display: flex; align-items: center; min-width: 0; margin-right: auto; }

.sidebar, .main-area { transition: width .2s ease, margin-left .2s ease, padding .2s ease; }
@media (prefers-reduced-motion: reduce) { .sidebar, .main-area { transition: none; } }

body.sidebar-collapsed .sidebar { width: 68px; padding-left: 10px; padding-right: 10px; overflow-x: hidden; }
body.sidebar-collapsed .main-area { margin-left: 68px; }
body.sidebar-collapsed .brand { justify-content: center; padding: 0; }
body.sidebar-collapsed .brand > span:nth-child(2),
body.sidebar-collapsed .sidebar > .side-label,
body.sidebar-collapsed .sidebar .nav-count,
body.sidebar-collapsed .sidebar .nav-ai-badge,
body.sidebar-collapsed .sidebar .nav-parent { display: none; }
body.sidebar-collapsed .sidebar nav { margin-top: 28px; }
/* Grup başlıkları ince bir ayraca dönüşür. */
body.sidebar-collapsed .sidebar nav .nav-group-label { height: 1px; margin: 8px 10px; overflow: hidden; font-size: 0; background: var(--line); }
body.sidebar-collapsed .sidebar nav .nav-link,
body.sidebar-collapsed .sidebar nav .nav-link.nav-sublink { justify-content: center; gap: 0; padding: 0; font-size: 0; }
body.sidebar-collapsed .sidebar nav .nav-link .nav-icon { font-size: 18px; }
body.sidebar-collapsed .sidebar-bottom { justify-content: center; padding: 14px 0; font-size: 0; gap: 0; }

/* Dar ekranda menü zaten ikon şeridi; düğme gerekmez. */
@media (max-width: 760px) { .sidebar-toggle { display: none; } }