/* The Ambulance Control Centre (ambulance.js). It builds on app.css and the Security Desk's security.css; these are
   its own pieces. */
body.ambulance .shield { background: #dc2626; }           /* the cross in the top bar */
.sosbar.sent { background: #b45309; animation: none; }    /* an ambulance is on its way */
.sosbar.there { background: #15803d; animation: none; }   /* the ambulance is with the member */
.sosbar.there span { color: #dcfce7; }
.steps { margin: 0 0 12px; padding: 0; list-style: none; }
.steps li { position: relative; padding: 4px 0 10px 26px; color: var(--muted); font-size: 15px; }
.steps li::before { content: ""; position: absolute; left: 4px; top: 8px; width: 12px; height: 12px; border-radius: 50%;
                    border: 2px solid #cbd5e1; background: #fff; box-sizing: border-box; }
.steps li::after { content: ""; position: absolute; left: 9px; top: 22px; bottom: -6px; width: 2px; background: #e2e8f0; }
.steps li:last-child::after { display: none; }
.steps li.done { color: var(--text); }
.steps li.done::before { border-color: #16a34a; background: #16a34a; }
.steps li b { display: block; color: var(--ink); }
.steps li.done b { color: #15803d; }
.wrong { margin: 0 0 12px; padding: 12px 14px; border-radius: 12px; background: var(--danger-soft); color: #7f1d1d; }
.wrong b { display: block; font-size: 18px; }
.other { margin-top: 10px; }
/* the member's medical aid and next of kin (shown once the emergency is accepted) */
.medical h3 { margin: 0 0 8px; font-size: 17px; }
.medical .muted { margin: 0; }
.kv { margin: 0 0 4px; }
.kv dt { color: var(--muted); font-size: 13px; }
.kv dd { margin: 0 0 10px; color: var(--ink); font-size: 17px; font-weight: 600; overflow-wrap: anywhere; }