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

/* Header: title with its edition badge and the save button */
.room-consultation-detail .room-consultation-detail__header {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  align-self: stretch;
}

.room-consultation-detail .room-consultation-detail__title {
  display: flex;
  gap: var(--md-spacing-xs);
  margin-bottom: var(--md-spacing-none);
}

.room-consultation-detail .room-consultation-detail__divider {
  margin-top: var(--md-spacing-xs);
  margin-bottom: var(--md-spacing-sm);
}