/* ============================================================
   QuickTap AI — admin trainer layer (v19)
   chat.css 0% touched. Sirf DP avatar + trainer bubble ka tag.
   ============================================================ */

/* Header DP — .chat-av (38px circle, chat-base.css) ke andar */
.chat .chat-av { overflow: hidden; }
.chat .chat-av img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 999px;
}

/* Trainer (admin) messages — normal bot jaisa, bas chota gear tag */
.msg.bot.tp { padding-right: 22px; }
.msg.bot.tp::after {
  content: '⚙️';
  position: absolute;
  top: 6px;
  right: 8px;
  font-size: 10px;
  line-height: 1;
  opacity: .55;
}
.msg.bot.tp { position: relative; }


/* ============================================================
   v21 — back button, attach button, gateway buttons, history
   ============================================================ */
.chat-back{width:34px;height:34px;flex:0 0 34px;border:0;border-radius:10px;cursor:pointer;
  display:grid;place-items:center;font-size:16px;color:#fff !important;text-decoration:none;
  background:rgba(255,255,255,.16);transition:background .15s ease,transform .15s ease}
.chat-back:hover{background:rgba(255,255,255,.3);color:#fff !important;transform:translateX(-2px)}
.chat.kb .chat-back{width:30px;height:30px;flex-basis:30px}

#chatAttach{width:42px;height:42px;flex:0 0 42px;border:1.5px solid #f2ddca;border-radius:12px;cursor:pointer;
  display:grid;place-items:center;font-size:17px;color:#8a4a12;background:#fff5ec;
  transition:border-color .15s ease,color .15s ease,transform .15s ease}
#chatAttach:hover{border-color:#f85a00;color:#f85a00;transform:translateY(-1.5px)}
#chatAttach:active{transform:scale(.93)}

.gwbtns{display:flex;flex-wrap:wrap;gap:7px;align-self:flex-start;max-width:84%;padding:0 2px}
.gwbtns button{padding:8px 14px;border-radius:999px;cursor:pointer;background:#fff;
  border:1.5px solid #f2ddca;color:#8a4a12;font-size:12px;font-weight:650;font-family:inherit;white-space:nowrap;
  box-shadow:0 3px 9px -5px rgba(80,35,5,.25);transition:border-color .15s ease,color .15s ease,transform .15s ease}
.gwbtns button:hover{border-color:#f85a00;color:#f85a00;transform:translateY(-1.5px)}
.gwbtns button:active{transform:scale(.97)}

.qt-himg{max-width:180px;max-height:180px;border-radius:10px;display:block;border:1px solid rgba(0,0,0,.12)}
.msg.me .qt-himg{border:2px solid rgba(255,255,255,.5)}
.qt-hdiv{font-size:10.5px;color:#a98f79;font-weight:600;letter-spacing:.02em}