/*
  MFP Design System — Toolbar
  Production CSS for toolbar component.
  Import tokens.css before this file.
*/

/* ======================================================================
   TOOLBAR
   ====================================================================== */
.toolbar {
  display: flex;
  align-items: center;
  gap: var(--space-8);
  padding: var(--space-16);
  background: var(--color-white);
}

.toolbar__group {
  display: flex;
  align-items: center;
  gap: var(--space-8);
}

.toolbar__spacer {
  flex: 1;
}

.toolbar--border-bottom { border-bottom: 1px solid var(--color-light-grey); }
.toolbar--border-top    { border-top: 1px solid var(--color-light-grey); }

.toolbar .select-wrap {
  min-width: 0;
  width: 160px;
}