.paramedic-electrolyte-audit { display: grid; gap: 12px; min-width: 0; }
.paramedic-electrolyte-audit-title { color: #b8ece5; font-size: .92rem; }
.paramedic-electrolyte-audit-intro, .paramedic-electrolyte-audit-prompt { color: #c8dae1; line-height: 1.5; }
.paramedic-electrolyte-audit-clock { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 5px; padding: 7px; border: 1px solid rgba(143, 200, 244, .24); border-radius: 9px; background: #071b27; }
.paramedic-electrolyte-audit-time { min-width: 0; padding: 8px 4px; border-radius: 6px; color: #a9bfc9; text-align: center; font: 700 .79rem ui-monospace, SFMono-Regular, Consolas, monospace; }
.paramedic-electrolyte-audit-time[data-position="current"] { color: #eafff8; background: #18534f; box-shadow: inset 0 0 0 1px #6de0ca; }
.paramedic-electrolyte-audit-time[data-position="future"] { color: #78919d; background: #0d2633; }
.paramedic-electrolyte-audit-concern, .paramedic-electrolyte-audit-row, .paramedic-electrolyte-audit-result { min-width: 0; padding: 11px; border: 1px solid rgba(143, 200, 244, .26); border-radius: 9px; background: #0b2431; }
.paramedic-electrolyte-audit-concern { display: grid; gap: 9px; }
.paramedic-electrolyte-audit-concern strong, .paramedic-electrolyte-audit-row strong, .paramedic-electrolyte-audit-result h5 { color: #d4eee9; font-size: .79rem; }
.paramedic-electrolyte-audit-concern small, .paramedic-electrolyte-audit-result small { color: #b7c9cf; line-height: 1.45; }
.paramedic-electrolyte-audit-options { display: flex; flex-wrap: wrap; gap: 6px; }
.paramedic-electrolyte-audit .paramedic-electrolyte-audit-choice { flex: 1 1 auto; min-width: 0; max-width: 100%; padding: 7px 9px; border: 1px solid #426374; border-radius: 6px; color: #d6e5ec; background: #102f3c; font-size: .72rem; text-align: left; }
.paramedic-electrolyte-audit .paramedic-electrolyte-audit-choice[aria-pressed="true"] { border-color: #6de0ca; color: #eafff8; background: #174e4b; }
.paramedic-electrolyte-audit-ledger { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; }
.paramedic-electrolyte-audit-row { display: grid; align-content: start; gap: 8px; }
.paramedic-electrolyte-audit-row .paramedic-electrolyte-audit-options { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 4px; }
.paramedic-electrolyte-audit-row .paramedic-electrolyte-audit-choice { flex: none; width: 100%; padding: 7px 3px; font-size: .68rem; text-align: center; }
.paramedic-electrolyte-audit-row[data-mark="observed"] { border-left: 3px solid #6de0ca; }
.paramedic-electrolyte-audit-row[data-mark="reported"] { border-left: 3px solid #f1be78; }
.paramedic-electrolyte-audit-row[data-mark="unavailable"] { border-left: 3px solid #8da6b0; }
.paramedic-electrolyte-audit-row p, .paramedic-electrolyte-audit-result p { color: #d6e3e8; line-height: 1.45; overflow-wrap: anywhere; }
.paramedic-electrolyte-audit-row-feedback { padding-top: 8px; border-top: 1px solid rgba(143, 200, 244, .25); font-size: .76rem; }
.paramedic-electrolyte-audit-row-feedback[data-match="false"] { color: #ffcdab; }
.paramedic-electrolyte-audit-result { display: grid; gap: 8px; border-color: rgba(109, 224, 202, .48); background: #0d3036; }
.paramedic-electrolyte-audit-revision { padding-top: 9px; border-top: 1px solid rgba(109, 224, 202, .27); }
.paramedic-electrolyte-audit .paramedic-electrolyte-audit-review, .paramedic-electrolyte-audit .paramedic-electrolyte-audit-next { justify-self: start; max-width: 100%; }
.paramedic-electrolyte-audit :is(button):focus-visible { outline: 3px solid #ffd184; outline-offset: 2px; }
@media (max-width: 700px) { .paramedic-electrolyte-audit-ledger { grid-template-columns: 1fr; } }