/* IIHPL Priya voice chat — loaded after the base page CSS. */
.chat-toggle{
  display:inline-flex;align-items:center;gap:10px;
  border:1px solid rgba(214,178,94,.55)!important;
  background:linear-gradient(180deg,#f5d98f,#d6b25e)!important;
  color:#171106!important;font-weight:800!important;
  box-shadow:0 14px 34px rgba(0,0,0,.28)!important;
}
.chat-toggle::before{
  content:"";width:8px;height:8px;border-radius:50%;background:#0f766e;
  box-shadow:0 0 0 4px rgba(15,118,110,.16);
}
.chat-panel{
  width:min(410px,calc(100vw - 28px))!important;
  height:min(660px,calc(100vh - 110px))!important;
  max-height:660px;
  display:flex!important;flex-direction:column;
  padding:0!important;overflow:hidden!important;
  border-radius:22px!important;
  border:1px solid rgba(214,178,94,.28)!important;
  background:linear-gradient(180deg,#0b1220,#070b13)!important;
  box-shadow:0 28px 80px rgba(0,0,0,.48)!important;
}
.chat-panel[hidden]{display:none!important}
.chat-head{
  display:flex!important;align-items:center;justify-content:space-between;
  padding:14px 14px!important;border-bottom:1px solid rgba(255,255,255,.09)!important;
  background:linear-gradient(180deg,rgba(214,178,94,.10),rgba(255,255,255,.01))!important;
}
.chat-person{display:flex;align-items:center;gap:10px;min-width:0}
.chat-avatar{
  position:relative;width:52px;height:52px;flex:0 0 52px;border-radius:50%;
  display:grid;place-items:center;overflow:hidden;
  background:radial-gradient(circle at 35% 30%,#fff2c9,#d6b25e 55%,#9a6c1d);
  box-shadow:0 0 0 4px rgba(214,178,94,.12);
}
.chat-avatar img{width:100%;height:100%;display:block;object-fit:cover;object-position:center 22%;border-radius:50%}
.chat-avatar::after{
  content:"";position:absolute;right:-1px;bottom:1px;width:10px;height:10px;border-radius:50%;
  background:#34d399;border:2px solid #0b1220;
}
.chat-person b{display:block;font-size:13px;color:#f8fafc;letter-spacing:.01em}
.chat-person small{display:block;font-size:10px;color:#9aa8c7;letter-spacing:.06em}
.chat-head-actions{display:flex;align-items:center;gap:4px}
.chat-icon-btn{
  width:30px;height:30px;border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.04);
  color:#c9d5ee;border-radius:9px;cursor:pointer;font-size:14px;line-height:1;
  display:grid;place-items:center;
}
.chat-icon-btn:hover{background:rgba(255,255,255,.09)}
.chat-icon-btn.off{opacity:.45}
.chat-wave{
  display:flex;align-items:center;justify-content:center;gap:4px;height:22px;
  background:rgba(0,0,0,.16);border-bottom:1px solid rgba(255,255,255,.05);
  opacity:.55;transition:opacity .2s;
}
.chat-wave i{display:block;width:3px;height:7px;border-radius:99px;background:#67e8f9;animation:chatWave 1s ease-in-out infinite}
.chat-wave i:nth-child(2){height:13px;animation-delay:.15s}
.chat-wave i:nth-child(3){height:18px;animation-delay:.3s}
.chat-wave i:nth-child(4){height:11px;animation-delay:.45s}
.chat-wave i:nth-child(5){height:6px;animation-delay:.6s}
.chat-wave.speaking{opacity:1}
.chat-wave.speaking i{background:#f5d98f}
@keyframes chatWave{0%,100%{transform:scaleY(.55)}50%{transform:scaleY(1.15)}}
.chat-messages{
  padding:14px!important;gap:10px!important;min-height:0!important;max-height:none!important;
  overflow-y:auto!important;background:transparent!important;flex:1!important;
}
.chat-msg{font-size:12.5px!important;line-height:1.55!important;max-width:90%!important}
.chat-msg.bot{background:rgba(255,255,255,.055)!important;border:1px solid rgba(255,255,255,.09)!important;color:#dbe5f5!important}
.chat-msg.user{background:linear-gradient(180deg,#f5d98f,#d6b25e)!important;color:#171106!important}
.chat-cite{font-size:9px!important;color:#8ea0bc!important}
.chat-typing{display:flex;gap:4px;padding:9px 12px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);border-radius:13px;width:48px}
.chat-typing i{width:5px;height:5px;border-radius:50%;background:#9aa8c7;animation:chatDot 1s infinite}
.chat-typing i:nth-child(2){animation-delay:.15s}.chat-typing i:nth-child(3){animation-delay:.3s}
@keyframes chatDot{0%,100%{opacity:.35;transform:translateY(0)}50%{opacity:1;transform:translateY(-2px)}}
.chat-options{display:flex;gap:6px;flex-wrap:wrap;padding:0 12px 8px;background:transparent}
.chat-chip{
  border:1px solid rgba(214,178,94,.28);background:rgba(214,178,94,.07);color:#f5d98f;
  border-radius:999px;padding:7px 10px;font-size:10.5px;font-weight:700;cursor:pointer;
}
.chat-chip:hover{background:rgba(214,178,94,.14)}
.chat-form{
  display:flex!important;align-items:center;gap:6px;padding:9px 10px!important;
  border-top:1px solid rgba(255,255,255,.09)!important;background:rgba(0,0,0,.16)!important;
}
.chat-form input{
  flex:1!important;min-width:0;background:rgba(255,255,255,.055)!important;
  border:1px solid rgba(255,255,255,.13)!important;border-radius:11px!important;
  padding:10px 11px!important;color:#fff!important;font:inherit!important;font-size:12px!important;
}
.chat-form input:focus{border-color:rgba(214,178,94,.65)!important;outline:none}
.chat-mic,.chat-send{
  flex:0 0 34px;width:34px;height:34px;border-radius:10px;border:1px solid rgba(255,255,255,.12);
  background:rgba(255,255,255,.05);color:#dbe5f5;cursor:pointer;font-size:14px;
  display:grid;place-items:center;
}
.chat-mic:hover,.chat-send:hover{background:rgba(255,255,255,.10)}
.chat-mic.listening{background:#dc2626;border-color:#dc2626;color:#fff;animation:chatPulse 1s infinite}
@keyframes chatPulse{0%,100%{box-shadow:0 0 0 0 rgba(220,38,38,.35)}50%{box-shadow:0 0 0 8px rgba(220,38,38,0)}}
.chat-send{border-color:rgba(214,178,94,.45);background:rgba(214,178,94,.14);color:#f5d98f;font-weight:800;font-size:16px}
.chat-note{font-size:9px!important;line-height:1.4;color:#7f8fa7!important;padding:0 12px 10px!important;background:transparent!important}
.chat-wa{
  display:flex;align-items:center;justify-content:center;gap:6px;padding:8px 12px;
  border-top:1px solid rgba(255,255,255,.06);font-size:10px;color:#8ea0bc;
  text-decoration:none;background:rgba(0,0,0,.1);
}
.chat-wa:hover{color:#67e8f9}
.chat-panel.speaking .chat-avatar{box-shadow:0 0 0 5px rgba(214,178,94,.18),0 0 32px rgba(214,178,94,.24)}
@media(max-width:520px){.chat-panel{right:10px!important;bottom:70px!important;height:calc(100vh - 92px)!important;border-radius:18px!important}}
