/* ИИ-продавец «живая форма» — прогрессивное улучшение блока заказа.
   Тёмная тема под секцию .order-sec карточки. Стили изолированы префиксом kv-. */

.kv-chat{
  display:flex;flex-direction:column;
  background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.12);
  border-radius:16px;overflow:hidden;
  animation:kv-fade .35s ease;
}
@keyframes kv-fade{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}

.kv-chat-head{
  display:flex;align-items:center;gap:10px;
  padding:14px 18px;border-bottom:1px solid rgba(255,255,255,.1);
  background:rgba(255,255,255,.03);
}
.kv-chat-head .kv-ava{
  width:34px;height:34px;border-radius:50%;flex:0 0 auto;
  background:linear-gradient(135deg,#c8a96e,#8a6d3b);
  display:flex;align-items:center;justify-content:center;font-size:18px;
}
.kv-chat-head .kv-h-title{font-weight:700;font-size:15px;color:#fff;line-height:1.2}
.kv-chat-head .kv-h-sub{font-size:12px;color:rgba(255,255,255,.55)}
.kv-chat-head .kv-online{width:8px;height:8px;border-radius:50%;background:#3ddc84;margin-left:auto;box-shadow:0 0 0 3px rgba(61,220,132,.2)}

.kv-chat-msgs{
  flex:1;overflow-y:auto;padding:18px;display:flex;flex-direction:column;gap:12px;
  max-height:46vh;min-height:220px;scroll-behavior:smooth;
  -webkit-overflow-scrolling:touch;
}
.kv-chat-msgs::-webkit-scrollbar{width:6px}
.kv-chat-msgs::-webkit-scrollbar-thumb{background:rgba(255,255,255,.15);border-radius:3px}

.kv-msg{max-width:82%;padding:11px 15px;border-radius:16px;font-size:15px;line-height:1.5;white-space:pre-wrap;word-wrap:break-word;animation:kv-fade .25s ease}
.kv-msg-bot{align-self:flex-start;background:rgba(255,255,255,.09);color:#f2f2f2;border-bottom-left-radius:5px}
.kv-msg-user{align-self:flex-end;background:linear-gradient(135deg,#c8a96e,#a9884f);color:#1a1a1a;font-weight:500;border-bottom-right-radius:5px}
.kv-msg b,.kv-msg strong{color:#fff}
.kv-msg-user b,.kv-msg-user strong{color:#1a1a1a}

.kv-typing{align-self:flex-start;display:flex;gap:5px;padding:14px 16px;background:rgba(255,255,255,.09);border-radius:16px;border-bottom-left-radius:5px}
.kv-typing span{width:8px;height:8px;border-radius:50%;background:rgba(255,255,255,.6);animation:kv-blink 1.2s infinite}
.kv-typing span:nth-child(2){animation-delay:.2s}
.kv-typing span:nth-child(3){animation-delay:.4s}
@keyframes kv-blink{0%,60%,100%{opacity:.25;transform:translateY(0)}30%{opacity:1;transform:translateY(-3px)}}

.kv-chat-input{
  display:flex;align-items:flex-end;gap:8px;padding:12px;
  border-top:1px solid rgba(255,255,255,.1);background:rgba(255,255,255,.03);
}
.kv-chat-input textarea{
  flex:1;resize:none;border:1px solid rgba(255,255,255,.15);border-radius:12px;
  background:rgba(0,0,0,.25);color:#fff;font-size:15px;line-height:1.4;
  padding:11px 14px;max-height:120px;min-height:44px;outline:none;font-family:inherit;
}
.kv-chat-input textarea::placeholder{color:rgba(255,255,255,.4)}
.kv-chat-input textarea:focus{border-color:#c8a96e}

.kv-btn{
  flex:0 0 auto;width:44px;height:44px;border-radius:12px;border:none;cursor:pointer;
  display:flex;align-items:center;justify-content:center;font-size:18px;transition:transform .1s,background .2s;
}
.kv-btn:active{transform:scale(.92)}
.kv-mic{background:rgba(255,255,255,.1);color:#fff}
.kv-mic.kv-rec{background:#e63946;color:#fff;animation:kv-pulse 1s infinite}
@keyframes kv-pulse{0%,100%{box-shadow:0 0 0 0 rgba(230,57,70,.5)}50%{box-shadow:0 0 0 8px rgba(230,57,70,0)}}
.kv-send{background:linear-gradient(135deg,#c8a96e,#a9884f);color:#1a1a1a}
.kv-send:disabled{opacity:.4;cursor:default}

.kv-success-box{align-self:stretch;text-align:center;background:rgba(61,220,132,.08);border:1px solid rgba(61,220,132,.25);border-radius:14px;padding:16px;animation:kv-fade .3s ease}
.kv-success{color:#3ddc84;font-weight:700;font-size:16px}
.kv-success-sub{color:rgba(255,255,255,.7);font-size:14px;margin:6px 0 14px;line-height:1.4}
.kv-msg-btns{display:flex;flex-direction:column;gap:8px}
.kv-mb{display:flex;align-items:center;justify-content:center;gap:8px;min-height:46px;padding:12px 16px;border-radius:12px;font-weight:600;font-size:15px;text-decoration:none;transition:transform .1s,opacity .2s}
.kv-mb:active{transform:scale(.98)}
.kv-mb:hover{opacity:.9}
.kv-mb-max{background:linear-gradient(135deg,#c8a96e,#a9884f);color:#1a1a1a;font-size:16px}
.kv-mb-tg{background:#229ed9;color:#fff}
.kv-mb-wa{background:#25d366;color:#fff}

@media (max-width:600px){
  .kv-chat-msgs{max-height:52vh;padding:14px}
  .kv-msg{max-width:88%;font-size:15px}
  .kv-chat-head{padding:12px 14px}
}