body {
  font-family: "Montserrat", sans-serif;
}

.navbar .navbar-text {
  font-size: 14px;
}

.btn-icon {
  height: 1em;
  vertical-align: -0.125em;
}

/* Lifecycle stage badge: fixed width so every stage aligns regardless of
   label length (e.g. "Stock" vs "Under Maintenance"). */
.lifecycle-badge {
  min-width: 10rem;
  text-align: center;
  white-space: nowrap;
}

/* Filter toolbar (shared by the explorer list, map and the dashboard hero).
   Lives in the base stylesheet so the dashboard gets it without loading
   explorers.css. */

/* Keep filter dropdowns from stretching to the widest option's full width.
 * When closed they only show the current value (truncated if long); the
 * native dropdown menu still renders each option at full width. */
.field-filter-select {
  max-width: 10rem;
  padding-right: 1.5rem;
  background-position: right 0.4rem center;
  text-overflow: ellipsis;
}

/* Autocomplete filter (invoice / sale order / product). The text input keeps
 * the same compact footprint as the static .field-filter-select dropdowns. */
.field-autocomplete .autocomplete-input {
  max-width: 12rem;
}

/* Suggestion list floats over the page, scrolls past a handful of rows, and
 * is wide enough to read long invoice / sale-order labels. */
.field-autocomplete .autocomplete-results {
  z-index: 1050;
  min-width: 100%;
  max-width: 22rem;
  max-height: 16rem;
  overflow-y: auto;
  background-color: #fff;
}