/* Informational management titles; scoped to existing doctor components. */
.dr-root .dr-role-badge,
.dr-dialog .dr-role-badge {
  display: flex;
  align-items: flex-start;
  gap: 7px;
  width: fit-content;
  max-width: 100%;
  box-sizing: border-box;
  margin: 10px 0 0;
  padding: 8px 10px;
  border: 1px solid #e5d9f6;
  border-radius: 12px;
  background: #f6f1fc;
  color: #533481;
  text-align: left;
  white-space: normal;
  letter-spacing: normal;
  font-family: inherit;
  font-size: 13px;
  line-height: 1.4;
}
.dr-role-badge .dr-role-symbol {
  display: block;
  flex: 0 0 18px;
  width: 18px;
  height: 18px;
  margin-top: 1px;
  color: #8050bc;
}
.dr-role-badge .dr-role-copy {
  display: block;
  min-width: 0;
  overflow-wrap: anywhere;
}
.dr-role-badge .dr-role-title,
.dr-role-badge .dr-role-place {
  display: block;
}
.dr-role-badge .dr-role-title { font-weight: 650; }
.dr-role-badge .dr-role-place {
  margin-top: 1px;
  color: #6b577f;
  font-size: 12px;
  font-weight: 400;
}
.dr-list-copy .dr-role-badge { padding: 7px 9px; }
.dr-dialog .dr-role-badge { margin-top: 12px; }
@media (max-width: 620px) {
  .dr-root .dr-role-badge,
  .dr-dialog .dr-role-badge {
    padding: 7px 8px;
    gap: 6px;
    font-size: 12px;
  }
  .dr-role-badge .dr-role-symbol { flex-basis: 16px; width: 16px; height: 16px; }
  .dr-role-badge .dr-role-place { font-size: 12px; }
}