/* Button / Icon · Plain · M; shown only on desktop. */
.app-sidebar-collapse-toggle {
  --btn-icon: 20px;
  display: none;
  flex: 0 0 auto;
  margin: 0;
}

.sidebar-item--chat-entry .chat-state-indicator {
  margin-left: auto;
}

@media (min-width: 769px) {
  .app-sidebar-collapse-toggle {
    display: inline-flex;
  }

  .sidebar {
    transition: width 0.2s ease;
  }

  .sidebar.is-collapsed {
    width: 64px;
  }

  .sidebar.is-collapsed .sidebar-brand {
    justify-content: center;
    padding: 20px 12px 16px;
  }

  .sidebar.is-collapsed .sidebar-brand > a {
    display: none;
  }

  .sidebar.is-collapsed .sidebar-nav {
    align-items: center;
    padding: 8px 11px;
  }

  .sidebar.is-collapsed .sidebar-group {
    width: 32px;
    height: 1px;
    min-height: 1px;
    margin: 6px 0 4px;
    overflow: hidden;
    color: transparent;
    font-size: 0;
  }

  .sidebar.is-collapsed .sidebar-group:first-child {
    display: none;
  }

  .sidebar.is-collapsed .sidebar-group::after {
    width: 100%;
    flex: 0 0 100%;
  }

  .sidebar.is-collapsed .sidebar-item {
    width: 40px;
    min-height: 32px;
    padding: 6px 10px;
    justify-content: center;
    gap: 0;
    overflow: visible;
  }

  .sidebar.is-collapsed .sidebar-item__label,
  .sidebar.is-collapsed .sidebar-item__text,
  .sidebar.is-collapsed .sidebar-mcp-access-status {
    display: none;
  }

  .sidebar.is-collapsed .sidebar-item svg {
    width: 20px;
    height: 20px;
  }

  .sidebar.is-collapsed .sidebar-item.active::before {
    display: none;
  }

  .sidebar.is-collapsed .sidebar-badge,
  .sidebar.is-collapsed .support-sidebar-badge {
    position: absolute;
    top: 1px;
    right: 0;
    min-width: 16px;
    height: 16px;
    margin: 0;
    padding: 0 4px;
    font-size: 9px;
    line-height: 16px;
  }

  .sidebar.is-collapsed .sidebar-item--chat-entry .chat-state-indicator {
    position: absolute;
    top: 1px;
    right: 0;
    width: 16px;
    height: 16px;
    margin: 0;
  }

  .sidebar.is-collapsed .sidebar-item--chat-entry .chat-state-indicator__spinner {
    width: 14px;
    height: 14px;
  }

  .sidebar.is-collapsed .sidebar-item--chat-entry .chat-state-indicator__dot {
    width: 8px;
    height: 8px;
  }

  .sidebar.is-collapsed .sidebar-social {
    flex-direction: column;
    padding: 6px 0;
  }

  .sidebar.is-collapsed .sidebar-social-links {
    flex-direction: column;
    gap: 6px;
  }

  .sidebar.is-collapsed .sidebar-social-link {
    width: 24px;
    height: 24px;
  }

  .sidebar.is-collapsed .sidebar-footer {
    display: none;
  }
}

@media (min-width: 769px) and (prefers-reduced-motion: reduce) {
  .sidebar {
    transition: none;
  }
}

@media (max-width: 768px) {
  .app-sidebar-collapse-toggle {
    display: none;
  }
}