/* =====================================================
   DART Consulting Chatbot — Shared CSS
   Used on: ALL pages
   ===================================================== */

/* ── Floating bubble ─────────────────────────────────── */
#dart-bubble-wrap{position:fixed;bottom:28px;right:28px;z-index:99999;display:flex;align-items:center;justify-content:center;}
#dart-bubble-btn{width:58px;height:58px;border-radius:50%;background:#1a3a5c;border:none;cursor:pointer;font-size:24px;box-shadow:0 4px 18px rgba(0,0,0,0.25);transition:transform .18s;display:flex;align-items:center;justify-content:center;color:#fff;}
#dart-bubble-btn:hover{transform:scale(1.08);}
.dart-nbadge{position:absolute;top:-3px;right:-3px;width:18px;height:18px;border-radius:50%;background:#ef4444;font-size:11px;font-weight:700;color:#fff;display:flex;align-items:center;justify-content:center;font-family:sans-serif;}

/* ── Bubble chat window (bottom-right slide-up) ──────── */
#dart-bubble-win{position:fixed;bottom:96px;right:28px;width:360px;height:540px;background:#fff;border:1px solid #e5e7eb;border-radius:16px;display:flex;flex-direction:column;overflow:hidden;z-index:99998;box-shadow:0 8px 32px rgba(0,0,0,0.16);transform:scale(0.92) translateY(20px);opacity:0;pointer-events:none;transition:transform .2s ease,opacity .2s ease;}
#dart-bubble-win.dopen{transform:scale(1) translateY(0);opacity:1;pointer-events:all;}

/* ── Shared header ───────────────────────────────────── */
.dhdr{background:#1a3a5c;padding:13px 16px;display:flex;align-items:center;gap:10px;flex-shrink:0;}
.dhdr-av{width:34px;height:34px;border-radius:50%;background:rgba(255,255,255,.15);display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:700;color:#fff;font-family:sans-serif;}
.dhdr-name{font-size:14px;font-weight:600;color:#fff;font-family:sans-serif;}
.dhdr-status{font-size:11px;color:rgba(255,255,255,.65);display:flex;align-items:center;gap:4px;font-family:sans-serif;}
.dstatus-dot{width:6px;height:6px;border-radius:50%;background:#4ade80;}
.dclose{margin-left:auto;background:none;border:none;cursor:pointer;color:rgba(255,255,255,.8);font-size:20px;line-height:1;padding:0 2px;}
.dclose:hover{color:#fff;}

/* ── Shared messages area ────────────────────────────── */
.dmsgs{flex:1;overflow-y:auto;padding:14px;display:flex;flex-direction:column;gap:10px;background:#f7f8fa;}
.dmsg{display:flex;gap:7px;max-width:88%;}
.dmsg.duser{align-self:flex-end;flex-direction:row-reverse;}
.dav{width:26px;height:26px;border-radius:50%;flex-shrink:0;display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:700;font-family:sans-serif;}
.dmsg.dbot .dav{background:#1a3a5c;color:#fff;}
.dmsg.duser .dav{background:#dbeafe;color:#1e40af;}
.dbbl{padding:9px 13px;border-radius:12px;font-size:13.5px;line-height:1.55;font-family:sans-serif;}
.dmsg.dbot .dbbl{background:#fff;border:1px solid #e5e7eb;color:#111;border-radius:4px 12px 12px 12px;}
.dmsg.duser .dbbl{background:#1a3a5c;color:#fff;border-radius:12px 4px 12px 12px;}
.dtyping{display:flex;align-items:center;gap:4px;padding:9px 13px;}
.dtd{width:6px;height:6px;border-radius:50%;background:#9ca3af;animation:dbounce 1.2s infinite;}
.dtd:nth-child(2){animation-delay:.2s}.dtd:nth-child(3){animation-delay:.4s}
@keyframes dbounce{0%,60%,100%{transform:translateY(0)}30%{transform:translateY(-5px)}}

/* ── Shared chips ────────────────────────────────────── */
.dchips{display:flex;flex-wrap:wrap;gap:5px;padding:8px 12px 0;flex-shrink:0;}
.dchip{font-size:11.5px;padding:4px 10px;border-radius:99px;border:1px solid #d1d5db;background:#fff;color:#6b7280;cursor:pointer;font-family:sans-serif;white-space:nowrap;transition:all .12s;}
.dchip:hover{border-color:#1a3a5c;color:#1a3a5c;}

/* ── Shared input row ────────────────────────────────── */
.dinp-row{display:flex;gap:7px;padding:10px 12px;border-top:1px solid #f0f0f0;background:#fff;align-items:flex-end;flex-shrink:0;}
.dinp{flex:1;border:1px solid #e5e7eb;border-radius:18px;padding:8px 13px;font-size:13.5px;font-family:sans-serif;resize:none;background:#f9fafb;color:#111;outline:none;line-height:1.4;max-height:80px;overflow-y:auto;}
.dinp:focus{border-color:#1a3a5c;}
.dsend{width:34px;height:34px;border-radius:50%;background:#1a3a5c;border:none;cursor:pointer;color:#fff;font-size:15px;display:flex;align-items:center;justify-content:center;flex-shrink:0;}
.dsend:disabled{opacity:.4;cursor:default;}

/* ── Shared lead form ────────────────────────────────── */
.dlead-form{padding:14px;display:flex;flex-direction:column;gap:9px;background:#f7f8fa;}
.dlead-form input{width:100%;border:1px solid #e5e7eb;border-radius:8px;padding:9px 13px;font-size:13.5px;font-family:sans-serif;background:#fff;color:#111;outline:none;}
.dlead-form input:focus{border-color:#1a3a5c;}
.dlead-submit{background:#1a3a5c;color:#fff;border:none;border-radius:8px;padding:10px;font-size:13.5px;font-family:sans-serif;cursor:pointer;font-weight:600;}
.dlead-submit:hover{opacity:.88;}
.dlead-skip{font-size:11.5px;color:#9ca3af;text-align:center;cursor:pointer;text-decoration:underline;font-family:sans-serif;}

/* ── Shared footer ───────────────────────────────────── */
.dfooter{font-size:10.5px;color:#9ca3af;text-align:center;padding:5px 0 7px;font-family:sans-serif;flex-shrink:0;}

/* ── Popup-only styles (dart-chatbot-popup.js adds these) */
#dart-overlay{display:none;position:fixed;inset:0;background:rgba(0,0,0,0.45);z-index:99996;backdrop-filter:blur(2px);}
#dart-overlay.dopen{display:block;}
#dart-popup-win{display:none;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%) scale(0.95);width:440px;height:580px;max-width:94vw;max-height:90vh;background:#fff;border-radius:20px;box-shadow:0 24px 64px rgba(0,0,0,0.22);flex-direction:column;overflow:hidden;z-index:99997;opacity:0;transition:opacity .25s ease,transform .25s ease;}
#dart-popup-win.dopen{display:flex;opacity:1;transform:translate(-50%,-50%) scale(1);}