/* ═══════════════════ INK DROP (inside the Let's Talk panel) ═══════════════════ */
#chat-panel.ink{
  width:370px;height:min(580px,calc(100vh - 130px));
  display:flex;flex-direction:column;
}
#chat-panel.ink .cp-head,#chat-panel.ink .cp-foot{flex:none}
#chat-panel.ink .cp-sub{display:block;font-family:var(--fm);font-size:.5rem;letter-spacing:.16em;text-transform:uppercase;color:var(--g2);margin-top:4px}

.id-body{flex:1;min-height:0;display:flex;flex-direction:column}
.id-log{flex:1;min-height:0;overflow-y:auto;padding:16px 16px 8px;display:flex;flex-direction:column;gap:10px;scroll-behavior:smooth}
.id-msg{max-width:88%;padding:10px 12px;font-family:var(--fb);font-size:.8rem;line-height:1.55;white-space:pre-wrap;word-wrap:break-word}
.id-bot{align-self:flex-start;background:var(--bg3);color:var(--g4);border:1px solid var(--g1)}
.id-me{align-self:flex-end;background:var(--white);color:var(--ink)}
.id-typing{display:flex;gap:4px;padding:13px 12px}
.id-typing span{width:6px;height:8px;background:var(--g3);border-radius:50% 50% 50% 50%/60% 60% 40% 40%;animation:id-bounce 1s infinite}
.id-typing span:nth-child(2){animation-delay:.15s}.id-typing span:nth-child(3){animation-delay:.3s}
@keyframes id-bounce{0%,60%,100%{transform:translateY(0);opacity:.4}30%{transform:translateY(-4px);opacity:1}}

.id-chips{display:flex;flex-wrap:wrap;gap:6px;padding:0 16px 10px}
.id-chip{
  background:transparent;border:1px solid var(--g1);color:var(--g4);
  font-family:var(--fm);font-size:.58rem;letter-spacing:.08em;text-transform:uppercase;
  padding:7px 10px;cursor:none;transition:border-color .2s,color .2s;
}
.id-chip:hover{border-color:var(--g4);color:var(--white)}

.id-links{display:flex;gap:8px;padding:0 16px 10px}
.id-links .cp-cta-primary,.id-links .cp-cta-secondary{padding:9px 10px;font-size:.55rem}

.id-form{display:flex;gap:8px;padding:10px 16px 14px;border-top:1px solid var(--g1)}
.id-input{
  flex:1;resize:none;background:var(--bg);border:1px solid var(--g1);color:var(--offwhite);
  font-family:var(--fb);font-size:.8rem;padding:10px 12px;max-height:100px;line-height:1.4;cursor:none;
}
.id-input:focus{outline:none;border-color:var(--g2)}
.id-send{flex:none;width:42px;border:0;background:var(--white);color:var(--ink);font-family:var(--fd);font-weight:800;font-size:1.1rem;cursor:none}
.id-send:disabled{opacity:.4}

/* Quote card */
.id-card{align-self:stretch;border:1px solid var(--g4);padding:14px;background:var(--bg1)}
.id-card h4{font-family:var(--fd);font-weight:900;font-size:1rem;text-transform:uppercase;letter-spacing:.04em;color:var(--white);margin:0 0 2px}
.id-card .id-note{font-family:var(--fm);font-size:.55rem;letter-spacing:.06em;color:var(--g3);margin:0 0 8px;line-height:1.5}
.id-card label{display:block;font-family:var(--fm);font-size:.5rem;letter-spacing:.14em;text-transform:uppercase;color:var(--g2);margin:8px 0 4px}
.id-card input,.id-card select,.id-card textarea{
  width:100%;background:var(--bg);border:1px solid var(--g1);color:var(--offwhite);
  font-family:var(--fb);font-size:.75rem;padding:8px 9px;cursor:none;
}
.id-card textarea{min-height:80px;resize:vertical}
.id-card .id-row{display:flex;gap:8px}.id-card .id-row>div{flex:1;min-width:0}
.id-card .id-actions{display:flex;gap:8px;margin-top:12px}
.id-card .id-actions>*{flex:1}
.id-err{color:#FF8A7A;font-family:var(--fm);font-size:.55rem;margin-top:8px}
.id-done{text-align:center}
.id-done strong{display:block;font-family:var(--fd);font-weight:900;font-size:1.2rem;text-transform:uppercase;color:var(--white)}

@media(max-width:480px){
  #chat-panel.ink{width:calc(100vw - 40px);height:min(72vh,calc(100vh - 120px))}
  .id-input{font-size:16px} /* stops iOS zoom on focus */
}
@media (prefers-reduced-motion:reduce){.id-typing span{animation:none}}