.sidebar-collapse {
  position: absolute;
  top: 12px;
  right: 10px;
  z-index: 1;
  width: 30px;
  height: 30px;
  border: 1px solid rgba(223, 246, 236, .36);
  border-radius: 7px;
  background: rgba(255, 255, 255, .08);
  color: #dff6ec;
  font: 700 22px/1 inherit;
  cursor: pointer;
}

.sidebar-collapse:hover { background: rgba(255, 255, 255, .17); }
.sidebar-collapse:focus-visible, .agent-conversations-toggle:focus-visible { outline: 3px solid #8edbc4; outline-offset: 2px; }
.nav-item[hidden] { display: none !important; }
.sales-assistant-workspace [data-sales-dashboard][hidden] { display: none !important; }

body.sidebar-collapsed .sidebar { width: 64px; padding: 24px 8px; overflow: hidden; }
body.sidebar-collapsed main { margin-left: 64px; }
body.sidebar-collapsed .sidebar .brand { padding: 18px 7px; justify-content: center; }
body.sidebar-collapsed .sidebar .brand > div,
body.sidebar-collapsed .sidebar #table-nav,
body.sidebar-collapsed .sidebar .side-foot { display: none; }
body.sidebar-collapsed .sidebar-collapse { right: 17px; }

.agent-conversations-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  margin-bottom: 8px;
  color: #31584b;
  font-weight: 700;
}

.agent-conversations-content > .button { width: 100%; margin-bottom: 8px; }

.agent-conversations-toggle {
  width: 29px;
  height: 29px;
  border: 1px solid #c9ded4;
  border-radius: 6px;
  background: #fff;
  color: #07634f;
  font: 700 21px/1 inherit;
  cursor: pointer;
}

#agent-chat-view.agent-conversations-collapsed { grid-template-columns: 45px minmax(0, 1fr); }
#agent-chat-view.agent-conversations-collapsed .agent-conversations { padding: 8px; overflow: hidden; }
#agent-chat-view.agent-conversations-collapsed .agent-conversations-head { justify-content: center; margin: 0; }
#agent-chat-view.agent-conversations-collapsed .agent-conversations-head > span,
#agent-chat-view.agent-conversations-collapsed .agent-conversations-content { display: none; }
#agent-chat-view.agent-conversations-collapsed .agent-conversations-toggle { transform: rotate(180deg); }

@media (max-width: 900px) {
  body.sidebar-collapsed .sidebar { width: auto; min-height: 0; padding: 12px 14px; }
  body.sidebar-collapsed main { margin-left: 0; }
  body.sidebar-collapsed .sidebar .brand > div { display: block; }
  body.sidebar-collapsed .sidebar #table-nav,
  body.sidebar-collapsed .sidebar .side-foot { display: none; }
  body.sidebar-collapsed .sidebar .brand { justify-content: flex-start; }
}

@media (max-width: 560px) {
  #agent-chat-view.agent-conversations-collapsed { grid-template-columns: 1fr; }
  #agent-chat-view.agent-conversations-collapsed .agent-conversations { display: flex; justify-content: flex-end; }
}