/* Chatbot styles for All India Tempo Service plugin v3 */
:root{
  --brand1:#ff6600;
  --brand2:#ff0066;
  --brand3:#0066ff;
  --brand4:#00cc66;
  --gradient-text: linear-gradient(90deg, var(--brand1), var(--brand2), var(--brand3), var(--brand4));
  --bg:#ffffff;
  --bubble:#f1f5fb;
  --text:#0f1724;
  --muted:#6b7280;
  --shadow: 0 10px 30px rgba(16,24,40,0.12);
  --radius:14px;
  --max-width:380px;
  --font-family: "Poppins", "Helvetica Neue", Arial, sans-serif;
}
#aitempo-chat-root *{box-sizing:border-box}
.aitempo-chat-icon {
  position:fixed;right:18px;bottom:18px;width:64px;height:64px;
  border-radius:50%;background:linear-gradient(135deg,var(--brand1),var(--brand3));
  display:flex;align-items:center;justify-content:center;
  box-shadow:var(--shadow);z-index:999999;cursor:pointer;border:0;
}
.aitempo-chat-icon svg{width:34px;height:34px;fill:white}
.aitempo-chat-wrapper {
  position:fixed;right:18px;bottom:92px;width:var(--max-width);
  max-width:calc(100% - 36px);border-radius:18px;overflow:hidden;
  box-shadow:var(--shadow);background:var(--bg);z-index:999998;
  opacity:0;pointer-events:none;transform:translateY(12px) scale(.98);
  transition:opacity .28s cubic-bezier(.2,.9,.2,1),transform .28s cubic-bezier(.2,.9,.2,1);
}
.aitempo-chat-wrapper.open{opacity:1;pointer-events:auto;transform:translateY(0) scale(1)}
.aitempo-chat-header{position:relative;text-align:center;padding:14px;background:linear-gradient(90deg,var(--brand1),var(--brand2),var(--brand3),var(--brand4));color:#fff}
.aitempo-chat-title{
  font-size:18px;font-weight:800;margin:0;line-height:1.05;
  background:var(--gradient-text);background-size:200%;
  -webkit-background-clip:text;-webkit-text-fill-color:transparent;
  animation:colorShift 4s infinite alternate;
}
@keyframes colorShift{from{background-position:0%}to{background-position:100%}}
.aitempo-chat-sub{font-size:12px;opacity:.95;margin-top:6px}
.aitempo-chat-close{position:absolute;right:10px;top:8px;border:0;background:transparent;color:white;font-size:20px;cursor:pointer}
.aitempo-chat-body{padding:14px;display:flex;flex-direction:column;gap:10px;max-height:420px;overflow:auto;background:linear-gradient(180deg,#f7fbff,#ffffff)}
.aitempo-chat-body .message{max-width:86%;padding:10px 12px;border-radius:12px;font-size:14px;line-height:1.3;opacity:0;transform:translateY(6px);transition:opacity .22s,transform .22s}
.aitempo-chat-body .message.show{opacity:1;transform:translateY(0)}
.aitempo-chat-body .bot{background:#fff;align-self:flex-start;box-shadow:0 2px 8px rgba(12,23,54,0.04)}
.aitempo-chat-body .user{background:linear-gradient(90deg,#eaf5ff,#ffffff);align-self:flex-end}
.aitempo-options{display:flex;flex-wrap:wrap;gap:8px;margin-top:6px}
.aitempo-option-btn{padding:10px 12px;border-radius:12px;border:none;background:#fff;cursor:pointer;box-shadow:0 6px 18px rgba(12,23,54,0.06);min-width:100px;text-align:center;font-weight:700;color:var(--text);font-size:14px}
.aitempo-option-btn:focus{outline:3px solid rgba(15,110,241,0.12)}
.aitempo-option-btn:hover{transform:translateY(-4px)}
.aitempo-option-btn.selected{background:linear-gradient(90deg,var(--brand1),var(--brand3));color:#fff}
.aitempo-chat-footer{padding:10px;text-align:center;font-size:12px;color:var(--muted)}
@media (max-width:480px){
  :root{--max-width:96vw}
  .aitempo-chat-wrapper{right:10px;left:10px;bottom:84px;border-radius:14px}
  .aitempo-chat-icon{right:12px;bottom:12px;width:58px;height:58px}
}