/* Sidebar sections: one per company for our team, plus internal rooms and the archive */
.company-section {
  display: flex;
  flex-direction: column;
  gap: 0.5em;

  > summary {
    color: var(--color-text);
    cursor: pointer;
    font-weight: 600;
    list-style-position: inside;
    opacity: 0.7;
    padding-inline: var(--sidebar-inline-space, 1em);
  }
}

/* A dot on the heading when a room inside has unread messages, so a closed section still tells */
details:has(.room.unread) > summary::after {
  background-color: var(--color-negative);
  block-size: 0.5em;
  border-radius: 50%;
  content: "";
  display: inline-block;
  inline-size: 0.5em;
  margin-inline-start: 0.5em;
  vertical-align: middle;
}

.company-section__company-name,
.company-section__people-title {
  margin: 0;
  opacity: 0.7;
  padding-inline: var(--sidebar-inline-space, 1em);
}

.company-section__people {
  list-style: none;
  margin: 0;
  padding-inline: var(--sidebar-inline-space, 1em);
}