.paramedic-prealert-first-look {
  color: #223d46; padding: .72rem; border: 1px solid #a9c9c5; border-radius: 13px;
  background: linear-gradient(145deg, #f4faf8, #eaf2ef 72%, #f9f4ea);
  box-shadow: 0 3px 15px #153b4412; overflow-wrap: anywhere;
}
.paramedic-prealert-first-look * { box-sizing: border-box; min-width: 0; }
.paramedic-prealert-first-look h3,
.paramedic-prealert-first-look p { margin: 0; }
.paramedic-prealert-first-look h3 { color: #223d46; font-size: 1.1rem; line-height: 1.2; }
.paramedic-prealert-kicker { color: #28726d; font-size: .65rem; font-weight: 800; text-transform: uppercase; letter-spacing: .06em; }
.paramedic-prealert-rail { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: .28rem; margin-top: .46rem; }
.paramedic-prealert-rail > div {
  display: grid; align-content: start; gap: .09rem; padding: .32rem .36rem;
  border-top: 3px solid #91aaa4; border-radius: 5px; background: #e7efeb;
  font-size: .72rem; line-height: 1.25;
}
.paramedic-prealert-rail > div.is-current { border-top-color: #b07754; background: #fff1e1; }
.paramedic-prealert-rail time { color: #2c6264; font-weight: 800; }
.paramedic-prealert-rail small { color: #546d67; font-size: .68rem; }
.paramedic-prealert-source {
  display: grid; gap: .12rem; margin-top: .45rem; padding: .42rem .5rem;
  border: 1px solid #cadbd5; border-left: 4px solid #50888a;
  border-radius: 7px; background: #fff; font-size: .75rem; line-height: 1.3;
}
.paramedic-prealert-source strong { color: #25434c; }
.paramedic-prealert-source span { color: #4a6168; }
.paramedic-prealert-first-look button {
  color: #25535a; background: #fff; border: 1px solid #91b4b1; border-radius: 7px;
  padding: .36rem .46rem; font: inherit; font-size: .75rem; font-weight: 750;
  line-height: 1.2; cursor: pointer;
}
.paramedic-prealert-first-look button:hover { background: #e5f4ef; }
.paramedic-prealert-first-look button:disabled { opacity: .6; cursor: default; }
.paramedic-prealert-first-look button:focus-visible { outline: 3px solid #f1ad4b; outline-offset: 2px; }
.paramedic-prealert-first-look button[aria-pressed="true"] { color: #fff; background: #1d706b; border-color: #1d706b; }
.paramedic-prealert-picker { display: flex; flex-wrap: wrap; gap: .29rem; margin-top: .45rem; }
.paramedic-prealert-changes {
  display: grid; gap: .32rem; margin-top: .5rem; padding: .5rem;
  border: 1px solid #b5cec7; border-radius: 9px; background: #edf4f1;
}
.paramedic-prealert-changes-title { color: #264c54; font-size: .75rem; }
.paramedic-prealert-changes > p { color: #735944; font-size: .72rem; }
.paramedic-prealert-change-lane {
  display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: .28rem .4rem;
  align-items: center; padding: .38rem; border-left: 4px solid #ac7c5b;
  border-radius: 6px; background: #fffefa;
}
.paramedic-prealert-change-lane[data-carried="true"] { border-left-color: #257a74; background: #f1fbf5; }
.paramedic-prealert-change-lane > strong { color: #334c54; font-size: .72rem; }
.paramedic-prealert-change-pair {
  display: grid; grid-column: 1 / -1; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .26rem;
}
.paramedic-prealert-change-pair span {
  padding: .32rem .38rem; border-radius: 5px; background: #e9efec;
  color: #385159; font-size: .73rem; line-height: 1.3;
}
.paramedic-prealert-change-pair span + span { background: #fff0df; }
.paramedic-prealert-change-lane[data-carried="true"] .paramedic-prealert-change-pair span + span { background: #e2f4eb; }
.paramedic-prealert-change-lane button { grid-column: 2; grid-row: 1; }
.paramedic-prealert-draft,
.paramedic-prealert-history,
.paramedic-prealert-feedback {
  margin-top: .42rem; padding: .42rem .48rem; border: 1px solid #cadbd4;
  border-radius: 7px; background: #fffefa; font-size: .75rem; line-height: 1.3;
}
.paramedic-prealert-draft small,
.paramedic-prealert-history small { color: #567268; font-size: .61rem; font-weight: 800; text-transform: uppercase; }
.paramedic-prealert-draft p,
.paramedic-prealert-history p,
.paramedic-prealert-feedback p { margin-top: .15rem !important; }
.paramedic-prealert-history { background: #f1f7f3; }
.paramedic-prealert-feedback[data-ready="false"] { border-color: #d3a879; background: #fff7e8; }
.paramedic-prealert-feedback[data-ready="true"] { border-color: #86bb9b; background: #edf8ef; }
.paramedic-prealert-explanation { color: #2b5752; font-weight: 700; }
.paramedic-prealert-actions { display: flex; flex-wrap: wrap; gap: .3rem; margin-top: .45rem; }
.paramedic-prealert-actions [data-prealert-check] { color: #fff; background: #1d706b; border-color: #1d706b; }
.paramedic-prealert-limit { margin-top: .42rem !important; color: #765a49; font-size: .66rem; line-height: 1.3; }
.paramedic-prealert-first-look [data-prealert-open-lab] { width: 100%; margin-top: .42rem; }
@media (max-width: 430px) {
  .paramedic-prealert-first-look { padding: .6rem; }
  .paramedic-prealert-first-look button { font-size: .75rem; min-height: 2rem; }
  .paramedic-prealert-rail > div,
  .paramedic-prealert-source,
  .paramedic-prealert-draft,
  .paramedic-prealert-history,
  .paramedic-prealert-feedback { font-size: .73rem; }
  .paramedic-prealert-limit { font-size: .72rem; }
  .paramedic-prealert-change-lane { grid-template-columns: 1fr; }
  .paramedic-prealert-change-lane button { grid-column: 1; grid-row: auto; }
  .paramedic-prealert-change-pair { grid-template-columns: 1fr; }
  .paramedic-prealert-change-pair span,
  .paramedic-prealert-change-lane > strong { font-size: .73rem; }
}