/*
 * CMD-0017: nieuwe presentatiecode voor het chat-first herontwerp, los van shell.css/console.css
 * gehouden zodat die bestanden overzichtelijk blijven (zie CMD-0017, technische aanpak punt 5).
 * Uitsluitend bestaande tokens (tokens.css/skins), geen nieuwe kleuren, geen nieuw framework.
 */

/* Beheer-submenu (chat-first-ui.js loadBeheerMenu) en het Gesprekken-contextpaneel
   (loadGesprekkenContext): eenvoudige, navigerende lijst, zelfde visuele taal als .device-list
   (console.css) maar met een extra omschrijvingsregel per item. */
.beheer-menu {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: .3rem;
}

.beheer-menu-item {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: .15rem;
  width: 100%;
  text-align: left;
  font: inherit;
  min-height: 44px;
  padding: .55rem .7rem;
  background: transparent;
  border: 1px solid var(--color-border);
  border-radius: var(--radius-sm);
  color: var(--color-text-primary);
  cursor: pointer;
}
.beheer-menu-item:hover { border-color: var(--color-accent); background: var(--color-bg-elevated); }
.beheer-menu-item:focus-visible { outline: none; box-shadow: var(--focus-ring); }

.beheer-menu-item-label { font-weight: 600; }
.beheer-menu-item-desc { font-size: .78rem; }