@use '@carbon/layout';
@use '@carbon/type';
@use '@openmrs/esm-styleguide/src/vars' as *;

.container {
  position: relative;
  height: 100%;
  background-color: white;
  display: flex;
  flex-direction: column;
}

.patientHeader {
  padding: layout.$spacing-03 layout.$spacing-05 layout.$spacing-06;
  background-color: $ui-01;

  span:first-of-type {
    margin-right: layout.$spacing-03;
  }

  .text02 {
    color: $text-02;
  }
}

.backButton {
  padding: layout.$spacing-03;

  button {
    display: flex;
    margin-left: -(layout.$spacing-03);

    svg {
      order: 1;
      margin-right: layout.$spacing-03;
      margin-left: 0 !important;
      fill: currentColor !important;
    }

    span {
      order: 2;
    }
  }
}

.bodyShort02 {
  @include type.type-style('body-compact-02');
}

.text02 {
  color: $text-02;
}