.paramedic-primary-first-look {
  color: #223b45; padding: .78rem; border: 1px solid #b7cfcd; border-radius: 13px;
  background: linear-gradient(150deg, #f5f8f7, #eaf2f1 70%, #f9f5ec); overflow-wrap: anywhere;
  box-shadow: 0 3px 14px #16394010;
}
.paramedic-primary-first-look * { box-sizing: border-box; min-width: 0; }
.paramedic-primary-first-look h3,
.paramedic-primary-first-look p { margin: 0; }
.paramedic-primary-first-look h3 { color: #223b45; font-size: 1.1rem; line-height: 1.23; }
.paramedic-primary-first-kicker { color: #246a68; font-size: .68rem; font-weight: 800; letter-spacing: .06em; text-transform: uppercase; }
.paramedic-primary-first-rail { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: .25rem; margin-top: .55rem; }
.paramedic-primary-first-point { display: grid; gap: .1rem; padding: .3rem; border: 1px solid #c7d8d4; border-top: 3px solid #8cacaa; border-radius: 6px; background: #fff; font-size: .62rem; line-height: 1.15; }
.paramedic-primary-first-point time { color: #1f5f64; font-weight: 800; font-variant-numeric: tabular-nums; }
.paramedic-primary-first-point[data-active="true"] { border-top-color: #1b7770; background: #e9f8f0; }
.paramedic-primary-first-point[data-ready="true"] { box-shadow: inset 0 0 0 1px #63a486; }
.paramedic-primary-first-point[data-separate="true"] { border-style: dashed; border-top-style: solid; }
.paramedic-primary-first-look [data-primary-first-independent] { width: 100%; margin-top: .4rem; background: #f9f7ee; }
.paramedic-primary-first-separate { margin-top: .42rem !important; padding: .3rem .4rem; border-left: 3px solid #b97d59; background: #fff8ef; color: #6a4e42; font-size: .68rem; line-height: 1.25; }
.paramedic-primary-first-lanes { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .4rem; margin-top: .55rem; }
.paramedic-primary-first-lane { display: grid; align-content: start; gap: .2rem; min-height: 5rem; padding: .47rem; border: 1px solid #c8d8d4; border-radius: 7px; background: #fff; }
.paramedic-primary-first-lane.is-patient { border-top: 4px solid #b07457; }
.paramedic-primary-first-lane.is-device { border-top: 4px solid #4b8b93; }
.paramedic-primary-first-lane small { color: #5c716c; font-size: .65rem; font-weight: 800; text-transform: uppercase; }
.paramedic-primary-first-lane strong { font-size: .75rem; line-height: 1.23; }
.paramedic-primary-first-lane span { font-size: .69rem; line-height: 1.27; }
.paramedic-primary-first-look select,
.paramedic-primary-first-look button { color: #235259; background: #fff; border: 1px solid #93b4b0; border-radius: 7px; padding: .41rem .5rem; font: inherit; font-size: .75rem; font-weight: 740; line-height: 1.2; }
.paramedic-primary-first-look button { cursor: pointer; }
.paramedic-primary-first-look button:hover { background: #e9f4ef; }
.paramedic-primary-first-look button:focus-visible,
.paramedic-primary-first-look select:focus-visible { outline: 3px solid #e6a345; outline-offset: 2px; }
.paramedic-primary-first-field { display: grid; gap: .23rem; margin-top: .48rem; font-size: .74rem; font-weight: 800; }
.paramedic-primary-first-field select { width: 100%; }
.paramedic-primary-first-actions { display: flex; flex-wrap: wrap; gap: .35rem; margin-top: .47rem; }
.paramedic-primary-first-actions .paramedic-primary-first-primary { color: #fff; background: #1e706a; border-color: #1e706a; }
.paramedic-primary-first-feedback { margin-top: .43rem; padding: .43rem .5rem; border: 1px solid #c8d9d0; border-radius: 7px; background: #fff; font-size: .72rem; line-height: 1.35; }
.paramedic-primary-first-feedback[data-ready="false"] { border-color: #d0ad7d; background: #fff7ea; }
.paramedic-primary-first-feedback[data-ready="true"] { border-color: #8aba9b; background: #edf8ef; }
.paramedic-primary-first-feedback p { margin-top: .2rem !important; }
.paramedic-primary-first-limit { margin-top: .4rem !important; color: #715649; font-size: .69rem; line-height: 1.28; }
.paramedic-primary-first-look [data-primary-first-open-lab] { width: 100%; margin-top: .44rem; }
@media (max-width: 430px) {
  .paramedic-primary-first-rail { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .paramedic-primary-first-lane { min-height: 0; }
}