/* Tanya AI styles – hospital & tech theme */
.tai-hidden{display:none}

#tai-fab{position:fixed;right:22px;bottom:22px;width:58px;height:58px;border-radius:50%;
  background:linear-gradient(135deg,#3bb6ff,#1b8bdc);box-shadow:0 10px 24px rgba(0,74,128,.18);
  color:#fff;cursor:pointer;z-index:9998;display:flex;align-items:center;justify-content:center;
  transition:transform .12s ease, box-shadow .12s ease; border:0; outline:none;}
#tai-fab:hover{transform:translateY(-1px);box-shadow:0 12px 28px rgba(0,74,128,.24)}
#tai-fab:focus{outline:none; box-shadow:0 0 0 3px rgba(59,182,255,.35)}
#tai-fab img{width:28px;height:28px;filter:none}
/* Inline SVG sizing and coloring (applies to grouped buttons) */
.tai-fab .tai-svg svg{width:28px;height:28px;display:block}
.tai-fab.tai-colored svg *{fill:var(--tai-icon-color) !important}

/* Floating group containing AI + WA */
#tai-fab-group{position:fixed;right:22px;bottom:22px;display:flex;flex-direction:column;align-items:flex-end;gap:12px;z-index:9998}
.tai-fab-row{position:relative;display:flex;align-items:center}

/* Shared FAB style */
.tai-fab{width:58px;height:58px;border-radius:50%;
  background:linear-gradient(135deg,#3bb6ff,#1b8bdc);box-shadow:0 10px 24px rgba(0,74,128,.18);
  color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;border:0;outline:none;
  transition:transform .12s ease, box-shadow .12s ease}
.tai-fab:hover{transform:translateY(-1px);box-shadow:0 12px 28px rgba(0,74,128,.24)}
.tai-fab:focus{outline:none; box-shadow:0 0 0 3px rgba(59,182,255,.35)}
.tai-fab{padding:0;line-height:0}
.tai-fab img{width:28px;height:28px;display:block;margin:0 auto;filter:none}
.tai-fab .tai-svg{display:flex;align-items:center;justify-content:center;width:28px;height:28px;line-height:0}
.tai-fab.ai{background:linear-gradient(135deg,#3bb6ff,#1b8bdc)}
.tai-fab.wa{background:linear-gradient(135deg,#2bd06a,#12a64b)}

/* Bubble dialogs aligned per-row */
.tai-fab-row .tai-bubble{position:absolute;right:68px;top:50%;transform:translateY(-50%);
  color:#fff;border-radius:16px;padding:8px 12px;font-weight:600;font-size:14px;line-height:1;box-shadow:0 8px 18px rgba(0,0,0,.18);display:none;white-space:nowrap;z-index:1}
.tai-fab-row .tai-bubble:after{content:"";position:absolute;right:-6px;top:50%;transform:translateY(-50%);width:0;height:0;border-top:6px solid transparent;border-bottom:6px solid transparent}
.tai-bubble-ai{background:#1b8bdc}
.tai-bubble-ai:after{border-left:6px solid #1b8bdc}
.tai-bubble-wa{background:#2bd06a}
.tai-bubble-wa:after{border-left:6px solid #2bd06a}
/* Hide bubbles on mobile */
@media (max-width: 640px){
  .tai-fab-row .tai-bubble{display:none !important}
}

#tai-panel{position:fixed;right:22px;bottom:90px;width:360px;max-width:92vw;z-index:9999;
  background:#ffffff;border-radius:14px;box-shadow:0 18px 48px rgba(16,57,91,.18);overflow:hidden;
  border:1px solid #e7f2ff}

.tai-header{padding:14px 16px;background:#f5fbff;border-bottom:1px solid #e7f2ff;color:#0d4575;font-weight:600;}

.tai-box{padding:16px;background:#f9fcff;border:1px solid #e7f2ff;border-radius:12px;margin:12px;}

.tai-label{color:#0d4575;font-weight:600;margin-bottom:6px}
.tai-help{color:#6c859b;font-size:12px;margin:-2px 0 12px}
.tai-row{display:flex;gap:8px;align-items:center}
.tai-input{flex:1;border:1px solid #d9eafd;border-radius:10px;padding:11px 12px;font-size:14px;background:#fff;color:#0e394f}
.tai-input::placeholder{color:#97afc3}
.tai-input:focus{outline:none;border-color:#3bb6ff;box-shadow:0 0 0 3px rgba(59,182,255,.2)}
.tai-captcha{display:flex;gap:8px;align-items:center;margin-top:8px;flex-wrap:wrap}
.tai-captcha img{border:1px solid #cfe7fd;border-radius:6px;height:40px;width:90px;background:#fff}

.tai-btn{background:#1b8bdc;color:#fff;border:0;border-radius:10px;padding:11px 14px;font-weight:600;cursor:pointer}
.tai-btn:hover{background:#167bc2}
.tai-btn:disabled{background:#9ac9ef;cursor:not-allowed}

.tai-disclaimer{font-size:11px;color:#6a8298;text-align:center;margin:10px 16px 14px}

.tai-answer{padding:12px 16px 16px;color:#0e394f;border-top:1px solid #eaf4ff;max-height:220px;overflow:auto}
.tai-answer .tai-typing{font-family:system-ui, -apple-system, Segoe UI, Roboto, sans-serif;white-space:pre-wrap;
  background:#ffffff;border:1px solid #eaf4ff;border-radius:10px;padding:12px 14px}
.tai-answer .tai-typing.is-progress{background:#f2f8ff;border-color:#cfe7fd;color:#0d4575;position:relative;padding-left:36px}
.tai-answer .tai-typing.is-progress:before{content:"";position:absolute;left:12px;top:50%;width:16px;height:16px;margin-top:-8px;border:2px solid #9bcdf7;border-top-color:#1b8bdc;border-radius:50%;animation:tai-spin .9s linear infinite}
.tai-answer .tai-typing.is-answer{border-left:4px solid #3bb6ff}
.tai-answer .tai-typing.is-error{background:#fff7f7;border-color:#ffdede;color:#9f2d2d;border-left:4px solid #ff6b6b}

@keyframes tai-spin{to{transform:rotate(360deg)}}

/* Force light theme even in dark mode */
@media (prefers-color-scheme: dark){
  #tai-panel{background:#ffffff;border-color:#e7f2ff}
  .tai-header{background:#f5fbff;border-bottom-color:#e7f2ff;color:#0d4575}
  .tai-box{background:#f9fcff;border-color:#e7f2ff}
  .tai-label{color:#0d4575}
  .tai-input{background:#ffffff;border-color:#d9eafd;color:#0e394f}
  .tai-disclaimer{color:#6a8298}
  .tai-answer{color:#0e394f;border-top-color:#eaf4ff}
}