/* ──────────────────────────────────────────────────────────────────────────
   Palvelupyyntöjen valinta-popup — strukturoitu, mobiiliin tiivis rivi.
   Status-pill + kuvaus samalla rivillä; asiakas + kohde pienempänä metana.
   ────────────────────────────────────────────────────────────────────────── */
.choice-popup__option .sr-opt {
  display: flex;
  align-items: flex-start;
  width: 100%;
  text-align: left;
}
.sr-opt__body {
  display: flex;
  flex-direction: column;
  gap: 0.18rem;
  flex: 1 1 auto;
  min-width: 0;
}
.sr-opt__row1 {
  display: flex;
  flex-wrap: nowrap;
  gap: 0.25rem 0.6rem;
  align-items: baseline;
  color: var(--text-primary);
  font-weight: 600;
  font-size: 0.92rem;
  min-width: 0;
}
.sr-opt__status {
  flex: 0 0 auto;
  align-self: center;
}
.sr-opt__meta {
  display: flex;
  flex-wrap: nowrap;
  gap: 0.25rem 0.6rem;
  min-width: 0;
  color: var(--text-muted);
  font-size: 0.76rem;
  font-weight: 500;
}
.sr-opt__asiakas,
.sr-opt__kohde {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.sr-opt__asiakas {
  flex: 0 1 auto;
}
.sr-opt__kohde {
  flex: 1 1 auto;
}
.sr-opt__kohde::before {
  content: "·";
  margin-right: 0.45rem;
  opacity: 0.6;
}
.sr-opt__kuvaus {
  color: var(--text-primary);
  font-size: 0.9rem;
  font-weight: 700;
  display: block;
  flex: 1 1 auto;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

@media (max-width: 520px) {
  .sr-opt__row1 {
    gap: 0.25rem 0.45rem;
    font-size: 0.84rem;
  }
  .sr-opt__meta {
    font-size: 0.72rem;
  }
  .sr-opt__status.rep-pill {
    font-size: 0.66rem;
    padding: 0.16rem 0.38rem;
  }
}