/* Mobile UX 3.2.4.3 — Emergency WARP as a first-class wizard choice */
.client-choice-card[data-client-choice="emergency-warp"]{
  border-color:rgba(116,184,255,.28)!important;
  background:linear-gradient(145deg,rgba(35,83,126,.14),rgba(14,18,25,.96))!important;
}
.client-choice-card[data-client-choice="emergency-warp"] .warp-pill{
  color:#86c8ff!important;
  border-color:rgba(116,184,255,.30)!important;
  background:rgba(116,184,255,.08)!important;
}
.client-choice-card[data-client-choice="emergency-warp"].active{
  border-color:rgba(116,184,255,.62)!important;
  box-shadow:0 0 0 1px rgba(116,184,255,.12),0 14px 36px rgba(0,0,0,.22)!important;
}
.client-choice-card[data-client-choice="emergency-warp"] p b{color:#dcecff}
.warp-wizard-note{
  display:none;margin-top:10px;padding:11px 12px;border:1px solid rgba(116,184,255,.22);
  border-radius:13px;background:rgba(116,184,255,.055);color:var(--muted);
  font-size:11px!important;line-height:1.45;
}
.warp-wizard-note.is-visible{display:block}
.warp-wizard-note strong{display:block;color:#d9ecff;font-size:12px!important;margin-bottom:3px}
.emergency-warp-card.warp-wizard-focus{
  border-color:rgba(116,184,255,.62)!important;
  box-shadow:0 0 0 2px rgba(116,184,255,.10),0 18px 46px rgba(0,0,0,.28)!important;
}
@media(max-width:760px){
  .client-choice-card[data-client-choice="emergency-warp"]{min-height:0!important}
  .warp-wizard-note{font-size:10px!important;padding:10px 11px}
}