/* Styles for the room consultations results view (app.room-consultation.search.results). As a route view, not a
   component, every rule hangs from the '.room-consultation-results' root class to scope it and to outweigh generic
   classes on the same element (e.g. .panel-md). */

.room-consultation-results .room-consultation-results__title {
  margin-bottom: var(--md-spacing-sm);
}

/* Header: list title and actions */
.room-consultation-results .room-consultation-results__header {
  display: flex;
  justify-content: space-between;
  margin-bottom: var(--md-spacing-sm);
}

.room-consultation-results .room-consultation-results__list-title {
  font-size: var(--md-font-size-4);
}

.room-consultation-results .room-consultation-results__actions {
  display: flex;
  gap: var(--md-spacing-3xs);
}

.room-consultation-results .room-consultation-results__button {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  gap: var(--md-spacing-3xs);
}

.room-consultation-results .room-consultation-results__button-icon {
  font-size: var(--md-font-size-4);
}

/* no token: cancels the bottom margin a3w-input-text reserves for the error message */
.room-consultation-results .room-consultation-results__quick-search {
  margin-bottom: -15px;
}

/* Filters and advanced search panels */
.room-consultation-results .room-consultation-results__panel {
  margin-bottom: var(--md-spacing-sm);
  font-size: var(--md-font-size-4);
}

.room-consultation-results .room-consultation-results__panel-header {
  display: flex;
  flex-direction: column;
  gap: var(--md-spacing-4xs);
  border-bottom: var(--md-border-width-sm) solid var(--md-border-primary);
  padding: var(--md-spacing-xs) var(--md-spacing-sm);
}

.room-consultation-results .room-consultation-results__panel-title {
  font-size: var(--md-font-size-7);
}

/* no semantic token: neutral-20 is only aliased as a border colour */
.room-consultation-results .room-consultation-results__panel-subtitle {
  font-size: var(--md-font-size-2);
  color: var(--md-color-neutral-20);
}

.room-consultation-results .room-consultation-results__panel-body {
  padding: var(--md-spacing-sm);
}

.room-consultation-results .room-consultation-results__filters {
  display: flex;
  flex-direction: column;
}

.room-consultation-results .room-consultation-results__row {
  display: flex;
  gap: var(--md-spacing-sm);
}

.room-consultation-results .room-consultation-results__field {
  flex: 1;
}

.room-consultation-results .room-consultation-results__panel-actions {
  display: flex;
  justify-content: flex-end;
  gap: var(--md-spacing-xs);
}

/* Icon of the search input */
.room-consultation-results .room-consultation-results__search-icon {
  font-size: var(--md-font-size-4);
}