/* Styles for the workstation detail view (app.workstation.search.detail and app.workstation.search.results.detail).
   As a route view, not a component, every rule hangs from the '.workstation-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 */
.workstation-detail .workstation-detail__header {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  align-self: stretch;
}

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

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