.tg-chat-sidebar-toolbar { display: none; }

@media (min-width: 768px) {
  [data-tg-chat-shell] > [data-tg-chat-sidebar] { transition: width 180ms ease; }
  [data-tg-chat-shell] .tg-chat-sidebar-toolbar {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
    color: var(--sp-text-muted, #64748b);
    font-size: 12px;
  }
  [data-tg-chat-shell] .tg-chat-collapse {
    height: 30px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 4px;
    padding: 0 8px;
    border: 1px solid var(--sp-border);
    border-radius: 5px;
    color: inherit;
    background: var(--sp-bg-elevated, #fff);
    cursor: pointer;
    white-space: nowrap;
  }
  [data-tg-chat-shell] .tg-chat-collapse:hover { background: var(--sp-bg-muted, #f8fafc); }
  [data-tg-chat-shell] .tg-chat-collapse:focus-visible { outline: 2px solid #0ea5e9; outline-offset: 2px; }
  [data-tg-chat-shell] .tg-chat-collapse svg {
    width: 16px;
    height: 16px;
    fill: none;
    stroke: currentColor;
    stroke-width: 1.8;
    stroke-linecap: round;
    stroke-linejoin: round;
  }
  [data-tg-chat-sidebar-collapsed="true"] > [data-tg-chat-sidebar] { width: 64px !important; }
  [data-tg-chat-sidebar-collapsed="true"] > [data-tg-chat-sidebar] > div:first-child { padding: 12px; }
  [data-tg-chat-sidebar-collapsed="true"] > [data-tg-chat-sidebar] > div:first-child > :not(.tg-chat-sidebar-toolbar),
  [data-tg-chat-sidebar-collapsed="true"] .tg-chat-sidebar-toolbar > span,
  [data-tg-chat-sidebar-collapsed="true"] .tg-chat-collapse > span,
  [data-tg-chat-sidebar-collapsed="true"] > [data-tg-chat-sidebar] > div:last-child > button > div:last-child { display: none; }
  [data-tg-chat-sidebar-collapsed="true"] .tg-chat-collapse { width: 38px; padding: 0; }
  [data-tg-chat-sidebar-collapsed="true"] > [data-tg-chat-sidebar] > div:last-child > button { justify-content: center; padding: 10px; }
}