:root { --taa-primary: #DE0F3F; --taa-secondary: #004884; }
.taa-widget { position: fixed; z-index: 99990; right: 24px; bottom: 24px; width: 0; height: 0; font-family: "Plus Jakarta Sans", Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; color: #09192a; }
.taa-widget--left { right: auto; left: 24px; }
.taa-widget *, .taa-widget *::before, .taa-widget *::after { box-sizing: border-box; }
.taa-widget button, .taa-widget input, .taa-widget textarea, .taa-widget select { font: inherit; }
.taa-widget button { cursor: pointer; }
.taa-widget button:focus-visible, .taa-widget a:focus-visible, .taa-widget textarea:focus-visible, .taa-widget input:focus-visible, .taa-widget select:focus-visible { outline: 3px solid rgba(222,15,63,.35); outline-offset: 2px; }
.taa-launcher { position: absolute; right: 0; bottom: 0; display: grid; place-items: center; width: 62px; height: 62px; padding: 0; border: 0; border-radius: 20px; background: linear-gradient(135deg,var(--taa-primary),#ed315c); box-shadow: 0 16px 30px rgba(222,15,63,.31); color: #fff; transition: transform .25s ease, box-shadow .25s ease, border-radius .25s ease; }
.taa-widget--left .taa-launcher { right: auto; left: 0; }
.taa-launcher:hover { transform: translateY(-4px) rotate(-2deg); box-shadow: 0 22px 35px rgba(222,15,63,.38); }
.taa-launcher__icon { display: grid; place-items: center; width: 29px; height: 29px; }.taa-launcher__icon svg { width: 26px; height: 26px; fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }
.taa-launcher__ai { position: absolute; right: -5px; bottom: -5px; display: grid; place-items: center; width: 22px; height: 22px; border: 2px solid #fff; border-radius: 50%; background: var(--taa-secondary); color: #fff; font-size: 8px; font-weight: 900; letter-spacing: -.03em; }.taa-launcher__pulse { position:absolute; inset:-6px; border:1px solid rgba(222,15,63,.4); border-radius:24px; opacity:.7; animation: taaPulse 2.8s ease-out infinite; }
.taa-greeting { position:absolute; right:0; bottom:76px; display:flex; align-items:center; gap:10px; width:245px; padding:13px 12px 13px 15px; border:1px solid rgba(0,72,132,.12); border-radius:14px 14px 4px 14px; background:rgba(255,255,255,.96); box-shadow:0 16px 30px rgba(0,35,65,.15); color:#324c63; font-size:11px; font-weight:700; line-height:1.45; animation:taaRise .35s ease both; }.taa-widget--left .taa-greeting { right:auto; left:0; border-radius:14px 14px 14px 4px; }.taa-greeting__dismiss { display:grid; place-items:center; flex:0 0 auto; width:20px; height:20px; padding:0; border:0; border-radius:50%; background:#eef4f8; color:#5c7183; font-size:16px; line-height:1; }
.taa-panel { position:absolute; right:0; bottom:76px; display:flex; flex-direction:column; width:min(390px,calc(100vw - 32px)); height:min(600px,calc(100vh - 116px)); max-height:650px; overflow:hidden; border:1px solid rgba(255,255,255,.76); border-radius:20px; background:#f8fbfd; box-shadow:0 28px 70px rgba(0,28,53,.28); opacity:0; visibility:hidden; transform:translateY(14px) scale(.975); transform-origin:bottom right; transition:opacity .23s ease,visibility .23s ease,transform .27s cubic-bezier(.2,.8,.3,1); }.taa-widget--left .taa-panel { right:auto; left:0; transform-origin:bottom left; }.taa-panel.is-open { opacity:1; visibility:visible; transform:translateY(0) scale(1); }
.taa-panel__header { position:relative; display:flex; align-items:center; gap:10px; flex:0 0 auto; padding:15px; overflow:hidden; background:linear-gradient(135deg,var(--taa-secondary),#075a99); color:#fff; }.taa-panel__header::after { position:absolute; top:-65px; right:-53px; width:180px; height:180px; border:1px solid rgba(255,255,255,.18); border-radius:50%; content:""; }.taa-avatar { position:relative; z-index:1; display:grid; place-items:center; flex:0 0 auto; width:38px; height:38px; border-radius:12px; background:#fff; color:var(--taa-primary); font-family:Georgia,serif; font-size:17px; font-weight:700; letter-spacing:-.1em; }.taa-avatar i { position:absolute; right:-3px; bottom:-3px; width:10px; height:10px; border:2px solid var(--taa-secondary); border-radius:50%; background:#5ed5a5; }.taa-panel__identity { position:relative; z-index:1; min-width:0; flex:1; }.taa-panel__identity h2 { overflow:hidden; margin:0; color:#fff; font-size:13px; font-weight:850; letter-spacing:-.03em; text-overflow:ellipsis; white-space:nowrap; }.taa-panel__identity p { overflow:hidden; margin:2px 0 3px; color:#d3e8f7; font-size:8px; font-weight:650; text-overflow:ellipsis; white-space:nowrap; }.taa-panel__identity span { display:flex; align-items:center; gap:5px; color:#e9f6ff; font-size:8px; font-weight:800; }.taa-panel__identity span i { display:block; width:6px; height:6px; border-radius:50%; background:#6fe2b3; box-shadow:0 0 0 4px rgba(111,226,179,.12); }.taa-panel__header-actions { position:relative; z-index:1; display:flex; gap:5px; }.taa-icon-button { display:grid; place-items:center; width:30px; height:30px; padding:0; border:1px solid rgba(255,255,255,.28); border-radius:9px; background:rgba(255,255,255,.08); color:#fff; transition:background .2s; }.taa-icon-button:hover { background:rgba(255,255,255,.2); }.taa-icon-button svg { width:15px; height:15px; fill:none; stroke:currentColor; stroke-width:1.8; stroke-linecap:round; stroke-linejoin:round; }
.taa-conversation { flex:1 1 auto; min-height:0; padding:17px 15px 9px; overflow-y:auto; overscroll-behavior:contain; background:linear-gradient(180deg,#f8fbfd,#f2f7fa); scrollbar-width:thin; scrollbar-color:#cbdbe6 transparent; }.taa-message { display:flex; align-items:flex-end; gap:7px; max-width:92%; margin:0 0 13px; animation:taaMessage .22s ease both; }.taa-message--user { flex-direction:row-reverse; margin-right:0; margin-left:auto; }.taa-message__avatar { display:grid; place-items:center; flex:0 0 auto; width:25px; height:25px; border-radius:50%; background:var(--taa-secondary); color:#fff; font-size:8px; font-weight:900; }.taa-message--user .taa-message__avatar { background:var(--taa-primary); }.taa-message__bubble { min-width:0; padding:10px 12px; border:1px solid rgba(0,72,132,.09); border-radius:13px 13px 13px 3px; background:#fff; box-shadow:0 5px 11px rgba(0,43,80,.04); color:#40566c; font-size:11px; line-height:1.55; }.taa-message--user .taa-message__bubble { border-color:transparent; border-radius:13px 13px 3px 13px; background:var(--taa-primary); color:#fff; }.taa-message__bubble p { margin:0 0 7px; }.taa-message__bubble p:last-child { margin-bottom:0; }.taa-message__bubble ul,.taa-message__bubble ol { padding-left:17px; margin:6px 0; }.taa-message__bubble li { margin:3px 0; }.taa-message__bubble strong { color:var(--taa-secondary); }.taa-message--user .taa-message__bubble strong { color:#fff; }.taa-message--typing .taa-message__bubble { display:flex; align-items:center; gap:4px; padding:10px 12px; }.taa-message--typing .taa-message__bubble i { width:5px; height:5px; border-radius:50%; background:var(--taa-primary); animation:taaDot 1.2s ease-in-out infinite; }.taa-message--typing .taa-message__bubble i:nth-child(2){animation-delay:.15s}.taa-message--typing .taa-message__bubble i:nth-child(3){animation-delay:.3s}.taa-message--typing .taa-message__bubble span { margin-left:5px; color:#7a8fa0; font-size:9px; font-weight:700; }
.taa-quick-actions { display:flex; flex:0 0 auto; gap:7px; padding:9px 13px 11px; overflow-x:auto; border-top:1px solid rgba(0,72,132,.08); background:#f8fbfd; scrollbar-width:none; }.taa-quick-actions:empty { display:none; }.taa-quick-actions::-webkit-scrollbar { display:none; }.taa-quick-action { flex:0 0 auto; min-height:29px; padding:6px 9px; border:1px solid rgba(0,72,132,.16); border-radius:999px; background:#fff; color:var(--taa-secondary); font-size:9px; font-weight:800; white-space:nowrap; transition:transform .2s,border .2s,background .2s,color .2s; }.taa-quick-action:hover { transform:translateY(-2px); border-color:var(--taa-primary); background:rgba(222,15,63,.06); color:var(--taa-primary); }
.taa-contact-strip { flex:0 0 auto; padding:9px 13px 11px; border-top:1px solid rgba(0,72,132,.09); background:#f8fbfd; }.taa-contact-strip p { margin:0 0 7px; color:#5b7183; font-size:9px; font-weight:850; }.taa-contact-strip__actions,.taa-inline-actions { display:flex; flex-wrap:wrap; gap:6px; }.taa-contact-strip__actions a,.taa-contact-strip__actions button,.taa-inline-actions a,.taa-inline-actions button { display:inline-flex; align-items:center; min-height:28px; padding:5px 8px; border:1px solid rgba(0,72,132,.15); border-radius:7px; background:#fff; color:var(--taa-secondary); font-size:9px; font-weight:800; text-decoration:none; }.taa-inline-actions { margin-top:9px; }.taa-inline-actions a:first-child,.taa-inline-actions button:first-child { border-color:var(--taa-primary); background:var(--taa-primary); color:#fff; }.taa-inline-actions button { cursor:pointer; }
.taa-lead-form-wrap { position:absolute; z-index:5; right:0; bottom:0; left:0; max-height:82%; overflow-y:auto; padding:12px; border-top:1px solid rgba(0,72,132,.12); background:rgba(248,252,254,.98); box-shadow:0 -17px 40px rgba(0,40,75,.13); }.taa-lead-form { padding:14px; border:1px solid rgba(0,72,132,.11); border-radius:14px; background:#fff; }.taa-lead-form__top { display:flex; align-items:flex-start; justify-content:space-between; gap:12px; margin-bottom:13px; }.taa-lead-form__top span { color:var(--taa-primary); font-size:8px; font-weight:900; letter-spacing:.11em; }.taa-lead-form__top h3 { margin:4px 0 0; color:var(--taa-secondary); font-family:Georgia,serif; font-size:21px; font-weight:400; letter-spacing:-.05em; line-height:1; }.taa-lead-form__top button { display:grid; place-items:center; width:26px; height:26px; padding:0; border:1px solid rgba(0,72,132,.14); border-radius:50%; background:#fff; color:var(--taa-secondary); font-size:18px; }.taa-lead-grid { display:grid; grid-template-columns:1fr 1fr; gap:9px; }.taa-lead-grid label { display:grid; gap:4px; color:#3d566d; font-size:9px; font-weight:800; }.taa-lead-grid b { color:var(--taa-primary); }.taa-lead-grid input,.taa-lead-grid select,.taa-lead-grid textarea { width:100%; min-height:34px; padding:7px 8px; border:1px solid rgba(0,72,132,.17); border-radius:7px; outline:none; background:#fbfdfe; color:#152d43; font-size:10px; }.taa-lead-grid textarea { resize:vertical; }.taa-lead-grid input:focus,.taa-lead-grid select:focus,.taa-lead-grid textarea:focus { border-color:var(--taa-primary); box-shadow:0 0 0 3px rgba(222,15,63,.09); }.taa-lead-grid__full { grid-column:1/-1; }.taa-honeypot { position:absolute!important; left:-9999px!important; }.taa-lead-submit { display:flex; align-items:center; justify-content:space-between; width:100%; min-height:38px; margin-top:11px; padding:9px 11px; border:0; border-radius:8px; background:var(--taa-primary); color:#fff; font-size:10px; font-weight:850; }.taa-lead-submit:disabled { opacity:.65; cursor:wait; }.taa-lead-submit svg { width:14px; height:14px; fill:none; stroke:currentColor; stroke-width:1.7; }.taa-lead-status { min-height:15px; margin:8px 0 0; color:#1d8b65; font-size:9px; font-weight:750; line-height:1.45; }.taa-lead-status.is-error { color:var(--taa-primary); }
.taa-composer { display:flex; align-items:flex-end; gap:8px; flex:0 0 auto; padding:10px 12px 8px; border-top:1px solid rgba(0,72,132,.1); background:#fff; }.taa-composer textarea { display:block; min-height:37px; max-height:108px; flex:1; padding:9px 10px; overflow-y:auto; border:1px solid rgba(0,72,132,.15); border-radius:10px; outline:none; resize:none; background:#f9fcfe; color:#19334b; font-size:11px; line-height:1.35; }.taa-composer textarea:focus { border-color:var(--taa-primary); box-shadow:0 0 0 3px rgba(222,15,63,.1); }.taa-composer button { display:grid; place-items:center; flex:0 0 auto; width:38px; height:37px; padding:0; border:0; border-radius:10px; background:var(--taa-primary); color:#fff; box-shadow:0 7px 13px rgba(222,15,63,.2); }.taa-composer button:disabled { opacity:.6; cursor:wait; }.taa-composer button svg { width:18px; height:18px; fill:none; stroke:currentColor; stroke-width:1.8; stroke-linejoin:round; }.taa-panel__privacy { flex:0 0 auto; margin:0; padding:0 13px 10px; background:#fff; color:#7a8d9c; font-size:8px; line-height:1.4; text-align:center; }
@keyframes taaPulse { 0%{transform:scale(.92);opacity:.65} 70%,100%{transform:scale(1.22);opacity:0} } @keyframes taaRise { from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)} } @keyframes taaMessage { from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)} } @keyframes taaDot { 0%,60%,100%{transform:translateY(0);opacity:.45}30%{transform:translateY(-3px);opacity:1} }
@media (max-width: 600px) { .taa-widget { right:12px; bottom:12px; }.taa-widget--left { right:auto; left:12px; }.taa-launcher { width:57px; height:57px; border-radius:18px; }.taa-panel { right:0; bottom:68px; width:calc(100vw - 24px); height:min(70dvh,590px); min-height:430px; border-radius:17px; }.taa-widget--left .taa-panel { right:auto; left:0; }.taa-greeting { right:0; bottom:68px; width:230px; }.taa-widget--left .taa-greeting { right:auto; left:0; }.taa-panel__header { padding:13px; }.taa-panel__identity h2 { font-size:12px; }.taa-panel__identity p { font-size:7.5px; }.taa-conversation { padding:14px 11px 8px; }.taa-message { max-width:96%; margin-bottom:10px; }.taa-message__bubble { font-size:11px; }.taa-quick-actions { padding:8px 10px; }.taa-lead-form-wrap { max-height:86%; padding:8px; }.taa-lead-grid { grid-template-columns:1fr; }.taa-lead-grid__full { grid-column:auto; }.taa-composer { padding:8px 10px 7px; }.taa-panel__privacy { padding:0 10px 8px; } }
@media (max-width:360px) { .taa-panel { width:calc(100vw - 18px); min-height:410px; }.taa-widget { right:9px; bottom:9px; }.taa-widget--left { left:9px; }.taa-panel__header-actions { gap:3px; }.taa-icon-button { width:27px; height:27px; }.taa-avatar { width:34px; height:34px; }.taa-message__avatar { display:none; }.taa-message { max-width:100%; } }
@media (prefers-reduced-motion: reduce) { .taa-widget *, .taa-widget *::before, .taa-widget *::after { animation-duration:.01ms!important; animation-iteration-count:1!important; transition-duration:.01ms!important; } }