.paramedic-multiphase-receiver-panel { grid-column: 1 / -1; }
.paramedic-multiphase-record {
  --pm-ink: #243746;
  --pm-muted: #49616e;
  --pm-rule: #cbd8da;
  color: var(--pm-ink);
  padding: clamp(1rem, 2vw, 1.5rem);
  background: linear-gradient(150deg, #f4f7f5 0%, #edf4f2 52%, #f9f7f2 100%);
  border: 1px solid var(--pm-rule);
  border-radius: 16px;
  overflow-wrap: anywhere;
}
.paramedic-multiphase-record * { box-sizing: border-box; min-width: 0; }
.paramedic-multiphase-record h3,
.paramedic-multiphase-record h4,
.paramedic-multiphase-record p { margin: 0; }
.paramedic-multiphase-record h3,
.paramedic-multiphase-record h4 { color: var(--pm-ink); }
.paramedic-multiphase-record h3 { font-size: clamp(1.2rem, 2vw, 1.65rem); line-height: 1.25; }
.paramedic-multiphase-record h4 { font-size: 1rem; margin-bottom: .65rem; }
.paramedic-multiphase-kicker,
.paramedic-multiphase-paper-label {
  color: #265b62;
  font-size: .71rem;
  font-weight: 800;
  letter-spacing: .08em;
  text-transform: uppercase;
}
.paramedic-multiphase-intro { color: var(--pm-muted); max-width: 74ch; margin-top: .55rem !important; line-height: 1.48; }
.paramedic-multiphase-workspace {
  display: grid;
  grid-template-columns: minmax(0, 1.15fr) minmax(0, .85fr);
  gap: 1rem;
  align-items: start;
  margin-top: 1.25rem;
}
.paramedic-multiphase-cards { display: grid; gap: .6rem; }
.paramedic-multiphase-card {
  position: relative;
  padding: .8rem .85rem .8rem 1.2rem;
  border: 1px solid #cfdadc;
  border-left: 4px solid #8ca9aa;
  border-radius: 10px;
  background: #fff;
  box-shadow: 0 2px 9px #1537430c;
}
.paramedic-multiphase-card[data-included="true"] { border-left-color: #167d78; box-shadow: 0 2px 12px #147b771f; }
.paramedic-multiphase-card-head { display: flex; gap: .6rem; align-items: baseline; flex-wrap: wrap; }
.paramedic-multiphase-time { color: #155d63; font-size: 1.04rem; font-weight: 800; font-variant-numeric: tabular-nums; }
.paramedic-multiphase-findings { margin-top: .4rem !important; font-size: .88rem; line-height: 1.45; }
.paramedic-multiphase-limit { margin-top: .35rem !important; color: #6a4940; font-size: .81rem; line-height: 1.35; }
.paramedic-multiphase-card-controls,
.paramedic-multiphase-actions { display: flex; gap: .45rem; flex-wrap: wrap; margin-top: .7rem; }
.paramedic-multiphase-record button {
  appearance: none;
  color: #174750;
  border: 1px solid #86aaac;
  border-radius: 7px;
  background: #f2f8f6;
  padding: .46rem .65rem;
  font: inherit;
  font-size: .79rem;
  font-weight: 700;
  line-height: 1.2;
  cursor: pointer;
}
.paramedic-multiphase-record button:hover { background: #e3f2ee; }
.paramedic-multiphase-record button:focus-visible,
.paramedic-multiphase-record select:focus-visible { outline: 3px solid #eea840; outline-offset: 2px; }
.paramedic-multiphase-record button:disabled { opacity: .44; cursor: default; }
.paramedic-multiphase-record button[aria-pressed="true"],
.paramedic-multiphase-record button.paramedic-multiphase-primary { background: #17665f; border-color: #17665f; color: #fff; }
.paramedic-multiphase-report {
  padding: .85rem;
  border: 1px solid #bed0cf;
  border-radius: 10px;
  background: #e4eeec;
}
.paramedic-multiphase-paper {
  margin-top: .55rem;
  padding: 1rem;
  min-height: 11rem;
  background: repeating-linear-gradient(#fffefb 0, #fffefb 1.85rem, #e6eceb 1.9rem);
  border: 1px solid #c9d5d2;
  border-radius: 6px;
  box-shadow: 0 3px 12px #15374312;
  font-size: .84rem;
  line-height: 1.75;
}
.paramedic-multiphase-report-line + .paramedic-multiphase-report-line { margin-top: .5rem; }
.paramedic-multiphase-report-limit { color: #5a4a35; margin-top: .65rem !important; border-top: 1px solid #cbd7d4; padding-top: .5rem; }
.paramedic-multiphase-empty { color: var(--pm-muted); }
.paramedic-multiphase-fields { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .7rem; margin-top: .7rem; }
.paramedic-multiphase-record > h4 { margin-top: 1.15rem; }
.paramedic-multiphase-field { display: grid; gap: .3rem; font-size: .82rem; font-weight: 700; }
.paramedic-multiphase-field select {
  width: 100%;
  min-height: 2.7rem;
  padding: .48rem .6rem;
  border: 1px solid #9db5b7;
  border-radius: 7px;
  background: #fff;
  color: var(--pm-ink);
  font: inherit;
  font-weight: 500;
}
.paramedic-multiphase-actions { margin-top: 1rem; }
.paramedic-multiphase-feedback { margin-top: .7rem; padding: .7rem .8rem; border: 1px solid #b7cbc9; border-radius: 8px; background: #f9fcfa; font-size: .84rem; line-height: 1.42; }
.paramedic-multiphase-feedback[data-ready="false"] { border-color: #d8b37e; background: #fff9ed; }
.paramedic-multiphase-feedback[data-ready="true"] { border-color: #79afa3; background: #eef9f3; }
.paramedic-multiphase-feedback ul { margin: .45rem 0 0; padding-left: 1.25rem; }
.paramedic-multiphase-feedback li + li { margin-top: .3rem; }
.paramedic-multiphase-boundary { color: var(--pm-muted); font-size: .78rem; line-height: 1.4; margin-top: .85rem !important; }
@media (max-width: 760px) {
  .paramedic-multiphase-workspace { grid-template-columns: minmax(0, 1fr); }
}
@media (max-width: 430px) {
  .paramedic-multiphase-fields { grid-template-columns: minmax(0, 1fr); }
  .paramedic-multiphase-record { padding: .8rem; }
  .paramedic-multiphase-card { padding: .65rem; }
  .paramedic-multiphase-card-controls button { flex: 1 1 auto; }
}
