/* ClearComplaint Generator Abandonment Recovery v1
   Scoped to the public generator and matched to the current purple public design system. */

.cc-gen-recovery-inline{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:.85rem;
  margin:0 0 1rem;
  padding:.86rem .95rem;
  border:1px solid var(--cc-purple-line, #dac9ff);
  border-radius:18px;
  background:linear-gradient(135deg, var(--cc-purple-soft, #f2ecff), var(--cc-blue-soft, #edf3ff));
  color:var(--cc-ink-soft, #24304d);
  box-shadow:0 12px 26px rgba(17,26,53,.06);
}
.cc-gen-recovery-inline[hidden]{display:none!important;}
.cc-gen-recovery-inline__copy{display:flex;gap:.65rem;align-items:flex-start;line-height:1.45;font-weight:700;}
.cc-gen-recovery-inline__icon{width:28px;height:28px;display:grid;place-items:center;flex:0 0 auto;border-radius:999px;background:#fff;color:var(--cc-purple-dark,#5522b4);font-weight:900;box-shadow:0 8px 18px rgba(111,50,214,.10);}
.cc-gen-recovery-inline__actions{display:flex;gap:.45rem;align-items:center;flex-wrap:wrap;justify-content:flex-end;}
.cc-gen-recovery-mini-btn{border:1px solid var(--cc-border-strong,#c9d2e4);border-radius:999px;background:#fff;color:var(--cc-ink-soft,#24304d);font:inherit;font-weight:800;font-size:.84rem;line-height:1;padding:.55rem .72rem;cursor:pointer;}
.cc-gen-recovery-mini-btn:hover{border-color:var(--cc-purple-line,#dac9ff);color:var(--cc-purple-dark,#5522b4);}

.cc-gen-recovery-overlay{position:fixed;inset:0;z-index:1200;display:grid;place-items:center;padding:1rem;background:rgba(17,26,53,.38);backdrop-filter:blur(8px);}
.cc-gen-recovery-overlay[hidden]{display:none!important;}
.cc-gen-recovery-modal{width:min(460px,calc(100vw - 2rem));border:1px solid var(--cc-border,#dde3ef);border-radius:28px;background:#fff;color:var(--cc-ink,#111a35);box-shadow:0 28px 74px rgba(17,26,53,.24);padding:1.35rem;position:relative;}
.cc-gen-recovery-close{position:absolute;right:.85rem;top:.85rem;width:36px;height:36px;display:grid;place-items:center;border:1px solid var(--cc-border,#dde3ef);border-radius:999px;background:#fff;color:var(--cc-slate,#5f6b85);font-size:1.35rem;line-height:1;cursor:pointer;}
.cc-gen-recovery-icon{width:50px;height:50px;display:grid;place-items:center;border-radius:17px;background:linear-gradient(135deg,var(--cc-purple,#6f32d6),var(--cc-purple-dark,#5522b4));color:#fff;font-weight:900;font-size:1.35rem;margin:0 0 .85rem;box-shadow:0 16px 28px rgba(111,50,214,.22);}
.cc-gen-recovery-modal h2{margin:0 .9rem .45rem 0;font-size:clamp(1.45rem,4vw,1.8rem);letter-spacing:-.045em;line-height:1.08;color:var(--cc-ink,#111a35);}
.cc-gen-recovery-modal p{margin:0 0 .95rem;color:var(--cc-slate,#5f6b85);font-size:.98rem;line-height:1.5;}
.cc-gen-recovery-progress{display:flex;align-items:flex-start;gap:.7rem;margin:0 0 .9rem;padding:.75rem .82rem;border:1px solid var(--cc-purple-line,#dac9ff);border-radius:16px;background:var(--cc-purple-soft,#f2ecff);color:var(--cc-purple-dark,#5522b4);font-weight:800;font-size:.88rem;line-height:1.35;}
.cc-gen-recovery-progress__dot{width:10px;height:10px;margin-top:.25rem;flex:0 0 auto;border-radius:999px;background:var(--cc-purple,#6f32d6);}
.cc-gen-recovery-actions{display:grid;gap:.55rem;}
.cc-gen-recovery-action{display:flex;align-items:center;justify-content:center;min-height:46px;border-radius:15px;border:1px solid transparent;font:inherit;font-weight:900;line-height:1;text-align:center;cursor:pointer;}
.cc-gen-recovery-action--primary{background:var(--cc-purple,#6f32d6);border-color:var(--cc-purple,#6f32d6);color:#fff;box-shadow:0 16px 28px rgba(111,50,214,.22);}
.cc-gen-recovery-action--primary:hover{background:var(--cc-purple-dark,#5522b4);}
.cc-gen-recovery-action--secondary{background:var(--cc-purple-soft,#f2ecff);border-color:var(--cc-purple-line,#dac9ff);color:var(--cc-purple-dark,#5522b4);}
.cc-gen-recovery-action--ghost{background:#fff;border-color:var(--cc-border,#dde3ef);color:var(--cc-slate,#5f6b85);}
.cc-gen-recovery-micro{margin:.82rem 0 0;color:var(--cc-muted,#8791a7);font-size:.78rem;text-align:center;line-height:1.4;}

.cc-gen-recovery-example{margin:.9rem 0 0;padding:.82rem;border:1px solid var(--cc-border,#dde3ef);border-radius:16px;background:var(--cc-bg-soft,#f3f5fa);color:var(--cc-ink-soft,#24304d);font-size:.9rem;line-height:1.5;}
.cc-gen-recovery-example strong{display:block;margin:0 0 .25rem;color:var(--cc-ink,#111a35);}

.cc-gen-recovery-toast{position:fixed;left:50%;bottom:1rem;z-index:1210;transform:translateX(-50%);max-width:min(520px,calc(100vw - 2rem));padding:.8rem 1rem;border-radius:999px;background:var(--cc-ink,#111a35);color:#fff;font-weight:800;box-shadow:0 18px 42px rgba(17,26,53,.24);}
.cc-gen-recovery-toast[hidden]{display:none!important;}

@media (max-width:720px){
  .cc-gen-recovery-overlay{align-items:end;padding:0;background:rgba(17,26,53,.28);}
  .cc-gen-recovery-modal{width:100%;max-width:none;border-radius:26px 26px 0 0;padding:1rem 1rem 1.05rem;box-shadow:0 -18px 42px rgba(17,26,53,.20);}
  .cc-gen-recovery-modal::before{content:"";display:block;width:44px;height:5px;margin:0 auto .85rem;border-radius:999px;background:var(--cc-border-strong,#c9d2e4);}
  .cc-gen-recovery-close{display:none;}
  .cc-gen-recovery-icon{display:none;}
  .cc-gen-recovery-modal h2{font-size:1.26rem;margin-right:0;}
  .cc-gen-recovery-modal p{font-size:.92rem;}
  .cc-gen-recovery-progress{font-size:.82rem;}
  .cc-gen-recovery-inline{display:block;}
  .cc-gen-recovery-inline__actions{justify-content:flex-start;margin-top:.7rem;}
}

@media (prefers-reduced-motion:no-preference){
  .cc-gen-recovery-modal{animation:cc-gen-recovery-enter .18s ease-out both;}
  .cc-gen-recovery-toast{animation:cc-gen-recovery-toast .18s ease-out both;}
  @keyframes cc-gen-recovery-enter{from{opacity:0;transform:translateY(10px) scale(.98);}to{opacity:1;transform:translateY(0) scale(1);}}
  @keyframes cc-gen-recovery-toast{from{opacity:0;transform:translate(-50%,8px);}to{opacity:1;transform:translate(-50%,0);}}
}