@use '../../styles/mixins' as *;

:host {
  @include db-flex-between;
  background: var(--db-toolbar-bg);
  border-bottom: 1px solid var(--db-toolbar-border);
  padding: var(--db-toolbar-padding);
  gap: var(--db-toolbar-gap);
}

.db-toolbar__left {
  @include db-flex-center;
  gap: 0.75rem;
  flex: 1;
  min-width: 0;
}

.db-toolbar__title {
  @include db-truncate;
  font-size: var(--font-size-base, 1rem);
  font-weight: 600;
  color: var(--color-text-primary, #111827);
}

.db-toolbar__center {
  @include db-flex-center;
  justify-content: center;
}

.db-toolbar__right {
  @include db-flex-center;
  gap: 0.5rem;
  flex-shrink: 0;
}