// Transcript icon in row (admin consultations list, patient profile appointments).
// Qualified as `i.transcriptIcon` to beat the generic `.card i` rule in clinic.less
// that otherwise paints every icon inside a card blue.
i.transcriptIcon {
  cursor: pointer;
  color: #28a745;

  &.is-pending {
    color: #d4a017;
  }
}

// Transcript modal (shown via mtcOverlay from row icon)
.transcriptModal {

  &__header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 0.75em;

    h4 {
      margin: 0;
    }
  }

  &__download {
    font-size: 1.4em;
    line-height: 1;
  }

  &__status {
    margin-bottom: 1em;

    .fa-check {
      color: #28a745;
    }
    .fa-hourglass-half {
      color: #d4a017;
    }
  }

  &__notes {
    background: #fff8db;
    border: 1px solid #f0d869;
    padding: 0.6em 0.8em;
    margin-bottom: 1em;
    white-space: pre-wrap;
    word-wrap: break-word;
  }

  &__transcript {
    max-height: 60vh;
    overflow-y: auto;
    line-height: 1.5;
    word-wrap: break-word;
  }

  &__line {
    margin: 0 0 0.5em 0;
  }

  &__comment {
    margin: -0.2em 0 0.9em 1.5em;
    padding-left: 0.8em;
    border-left: 3px solid #6c7ae0;
    font-style: italic;
    color: #444;
  }
}
