/* Lead Recovery v3: demo card. Append-only stylesheet; no modification to existing backend. */
.demo-action-row{display:flex;flex-wrap:wrap;align-items:center;gap:18px}
.demo-secondary-link{font-size:13px;font-weight:700;text-decoration:underline;text-underline-offset:5px}
.demo-stage-preview{background:#0d1e2c;overflow:hidden}
.demo-stage-preview .demo-stage-main{padding:25px 25px 16px;display:block}
.demo-preview-wrap{width:100%;padding:25px;border-radius:11px;color:#f5faf7;background:linear-gradient(160deg,#142d36,#0b1c28);border:1px solid #35515a;box-shadow:0 18px 25px #0002}
.demo-preview-top{display:flex;justify-content:space-between;gap:8px;align-items:center;font-size:9px;letter-spacing:.12em;font-weight:750}
.demo-preview-brand b{color:#91a8af;font-weight:650}.demo-preview-dot{width:8px;height:8px;background:#c8f47a;border-radius:50%;display:inline-block;margin-right:9px}
.demo-preview-test{color:#d7f5a9;border:1px solid #5c8364;padding:6px 8px;border-radius:30px}
.demo-preview-head{padding:24px 0 21px;border-bottom:1px solid #36505a}.demo-preview-head>span{display:block;color:#c8f47a;font-size:9px;letter-spacing:.14em;font-weight:800}
.demo-preview-head strong{font-size:clamp(22px,3vw,30px);letter-spacing:-.055em;display:block;line-height:1.15;margin:10px 0}.demo-preview-head p{color:#aabdc1;font-size:12px;line-height:1.5;max-width:320px;margin:0}
.demo-preview-steps>div{display:grid;grid-template-columns:40px 1fr;column-gap:10px;padding:14px 0;border-bottom:1px solid #29414a}.demo-preview-num{grid-row:span 2;color:#c8f47a;font-size:13px;font-weight:850;padding-top:1px}.demo-preview-steps strong{font-size:13px;letter-spacing:-.025em}.demo-preview-steps small{font-size:10px;color:#9fb2b9;margin-top:3px}.demo-preview-status{font-style:normal;font-weight:850;color:#c8f47a}
.demo-preview-link{display:flex;justify-content:space-between;align-items:center;margin-top:21px;background:#c8f47a;color:#102433;text-decoration:none;padding:12px 14px;border-radius:6px;font-size:12px;font-weight:850}.demo-preview-link:hover{background:#d5fba1}.demo-preview-link span{font-size:18px}
@media(max-width:600px){.demo-stage-preview{min-height:0}.demo-stage-preview .demo-stage-main{padding:13px 11px 12px}.demo-preview-wrap{padding:18px}.demo-action-row{flex-direction:column;align-items:stretch;gap:12px}.demo-action-row .button{justify-content:space-between}.demo-secondary-link{text-align:center}}