/* Shared bottom-sheet header — title (left) + optional action slot +
 * uniform close button (right). Used by member-sheet, reference-sheet,
 * start-chat-panel and workspace-switcher so every popup shares the same
 * header rhythm, title type and close affordance.
 *
 * No styleIsolation is set: like start-chat-panel / workspace-switcher this
 * relies on global app.wxss for design tokens (--space-*, --text-*,
 * --color-*) and the .icon mask system, which reach the component by
 * default. Horizontal padding tracks each sheet's --sheet-gutter (falling
 * back to --space-4) so the header stays aligned with the sheet body. */
.sheet-header {
  display: flex;
  align-items: center;
  gap: var(--space-2);
  min-height: 84rpx;
  padding: var(--space-2) var(--sheet-gutter, var(--space-4));
  border-bottom: 1rpx solid var(--color-border-subtle);
  box-sizing: border-box;
}

.sheet-header__title {
  flex: 1;
  min-width: 0;
  font-size: var(--text-base);
  font-weight: var(--font-semibold);
  color: var(--color-fg);
}

.sheet-header__close {
  color: var(--color-muted-fg);
  flex-shrink: 0;
}

.sheet-header__close--hover {
  opacity: 0.7;
}