/* Track Mishnah UI 2.19.9
 * Visible personal-target status and direct participant learning selectors.
 */

body.app-theme-jewel .personal-goal-compact-row {
  position: relative;
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: start;
}

body.app-theme-jewel .personal-goal-compact-row > .personal-goal-disclosure {
  min-width: 0;
  grid-column: 1 / -1;
  grid-row: 1;
}

body.app-theme-jewel .personal-goal-current {
  position: relative;
  z-index: 1;
  min-width: 0;
  max-width: min(46vw, 270px);
  grid-column: 2;
  grid-row: 1;
  align-self: start;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 2px 4px;
  margin: 11px 10px 0 150px;
  color: var(--app-text-soft);
  font-size: .62rem;
  line-height: 1.25;
  text-align: right;
}

body.app-theme-jewel .personal-goal-current strong {
  color: var(--app-text);
}

body.app-theme-jewel.claims-page .claims-sticky-controls .batch-assign-to.participant-picker-direct {
  grid-template-columns: minmax(220px, 1fr);
  grid-template-areas:
    "label"
    "select";
}

body.app-theme-jewel .participant-picker-direct > select {
  width: 100%;
}

@media (max-width: 520px) {
  body.app-theme-jewel .personal-goal-current {
    max-width: 44vw;
    margin-left: 125px;
    font-size: .58rem;
  }
}