/* Achievers Digital — website AI assistant widget (shared by the site and the CMS preview) */
.ad-assistant{--as-ink:#0b0d24;--as-muted:#6b7190;--as-line:#e7e9f2;--as-bg:#f5f6fb;--as-font:"DM Sans Variable","DM Sans",system-ui,-apple-system,"Segoe UI",sans-serif;--as-display:"Inter Tight Variable","Inter Tight",system-ui,sans-serif;--as-grad:linear-gradient(135deg,color-mix(in srgb,var(--as-accent) 70%,#ffd27a),var(--as-accent) 45%,color-mix(in srgb,var(--as-accent) 70%,#c0260f));position:fixed;bottom:22px;right:22px;z-index:95;font-family:var(--as-font);color:var(--as-ink);display:flex;flex-direction:column;align-items:flex-end;gap:12px}
.ad-assistant.pos-left{right:auto;left:22px;align-items:flex-start}
.ad-assistant *{box-sizing:border-box}
.ad-assistant .ico{width:16px;height:16px;flex:0 0 auto}
.ad-assistant .sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}

/* Avatar orb */
.as-orb{position:relative;flex:0 0 auto;width:42px;height:42px;border-radius:50%;display:grid;place-items:center;background:var(--as-grad);box-shadow:inset 0 2px 6px rgba(255,255,255,.45),inset 0 -6px 12px rgba(0,0,0,.18),0 6px 18px -6px var(--as-accent)}
.as-orb::before{content:"";position:absolute;inset:-4px;border-radius:50%;border:1.5px solid color-mix(in srgb,var(--as-accent) 45%,transparent);opacity:.7}
.as-orb b{font-family:var(--as-display);font-weight:700;font-size:17px;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.25)}
.as-orb.sm{width:34px;height:34px}.as-orb.sm b{font-size:14px}
.as-orb.xs{width:28px;height:28px;box-shadow:none}.as-orb.xs::before{display:none}.as-orb.xs b{font-size:12px}
.as-online{position:absolute;right:-1px;bottom:-1px;width:12px;height:12px;border-radius:50%;background:#22c55e;border:2.5px solid #fff}
.ad-assistant.is-thinking .as-head .as-orb::before{border-style:dashed;animation:as-spin 1.6s linear infinite}
@keyframes as-spin{to{transform:rotate(360deg)}}

/* Launcher */
.as-launcher{display:flex;align-items:center;gap:11px;padding:7px 20px 7px 7px;border-radius:999px;border:1px solid rgba(255,255,255,.14);background:color-mix(in srgb,var(--as-primary) 92%,#000);color:#fff;cursor:pointer;box-shadow:0 18px 40px -12px rgba(5,6,26,.55),inset 0 1px 0 rgba(255,255,255,.08);transition:transform .25s cubic-bezier(.2,.8,.2,1),box-shadow .25s;font:inherit}
.as-launcher:hover{transform:translateY(-3px);box-shadow:0 24px 50px -14px rgba(5,6,26,.6)}
.as-launcher .as-online{border-color:color-mix(in srgb,var(--as-primary) 92%,#000)}
.as-launcher-copy{display:flex;flex-direction:column;text-align:left;line-height:1.2}
.as-launcher-copy strong{font-family:var(--as-display);font-size:14.5px;font-weight:600;letter-spacing:-.01em}
.as-launcher-copy small{font-size:11.5px;color:rgba(255,255,255,.62)}
.ad-assistant.is-open .as-launcher,.ad-assistant.is-open .as-bubble{display:none}
.ad-assistant.is-open:not(.is-preview){z-index:150}

/* Greeting bubble */
.as-bubble{position:relative;display:flex;gap:10px;align-items:flex-start;max-width:300px;padding:13px 34px 13px 13px;border-radius:18px 18px 6px 18px;background:#fff;box-shadow:0 22px 50px -16px rgba(5,6,26,.35),0 0 0 1px rgba(11,13,36,.05);animation:as-pop .5s cubic-bezier(.2,.8,.2,1)}
.pos-left .as-bubble{border-radius:18px 18px 18px 6px}
.as-bubble[hidden]{display:none}
.as-bubble p{margin:2px 0 0;font-size:14px;line-height:1.45}
.as-bubble-x{position:absolute;right:8px;top:6px;width:24px;height:24px;border:0;background:none;color:var(--as-muted);font-size:18px;cursor:pointer;border-radius:6px}
.as-bubble-x:hover{background:var(--as-bg)}
@keyframes as-pop{from{opacity:0;transform:translateY(10px) scale(.96)}to{opacity:1;transform:none}}

/* Panel */
.as-panel{width:min(410px,calc(100vw - 28px));height:min(680px,calc(100vh - 110px));display:flex;flex-direction:column;background:#fff;border-radius:26px;overflow:hidden;box-shadow:0 40px 100px -24px rgba(5,6,26,.55),0 0 0 1px rgba(11,13,36,.06);animation:as-pop .35s cubic-bezier(.2,.8,.2,1)}
.as-panel[hidden]{display:none}
.as-head{position:relative;display:flex;align-items:center;gap:12px;padding:16px 14px 16px 16px;color:#fff;background:var(--as-primary);background-image:radial-gradient(260px 140px at 0 0,color-mix(in srgb,var(--as-accent) 45%,transparent),transparent 70%),radial-gradient(240px 160px at 100% 120%,rgba(61,75,255,.55),transparent 70%)}
.as-head .as-online{border-color:var(--as-primary)}
.as-head-copy{flex:1;min-width:0}
.as-head-copy strong{display:flex;align-items:center;gap:7px;font-family:var(--as-display);font-size:16px;font-weight:600}
.as-head-copy em{font-style:normal;font-size:10px;font-weight:700;letter-spacing:.1em;padding:2px 7px;border-radius:6px;background:rgba(255,255,255,.16)}
.as-status{display:flex;align-items:center;gap:6px;font-size:12px;color:rgba(255,255,255,.7);margin-top:2px}
.as-status i{width:6px;height:6px;border-radius:50%;background:#4ade80;box-shadow:0 0 8px #4ade80}
.as-status b{font-weight:400}
.as-icon-btn{width:34px;height:34px;border-radius:10px;border:0;background:rgba(255,255,255,.1);color:#fff;display:grid;place-items:center;cursor:pointer;transition:background .2s}
.as-icon-btn:hover{background:rgba(255,255,255,.2)}
.as-scroll{flex:1;overflow-y:auto;background:var(--as-bg);scroll-behavior:smooth;overscroll-behavior:contain}
.as-intro{margin:14px 14px 4px;padding:18px;border-radius:18px;background:#fff;box-shadow:0 1px 2px rgba(11,13,36,.05),0 0 0 1px rgba(11,13,36,.04)}
.as-intro[hidden]{display:none}
.as-kicker{font-size:10.5px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--as-accent)}
.as-intro h3{margin:6px 0 6px;font-family:var(--as-display);font-size:19px;font-weight:600;letter-spacing:-.025em;line-height:1.2}
.as-intro p{margin:0;font-size:13.5px;color:var(--as-muted);line-height:1.55}
.as-caps{display:flex;flex-wrap:wrap;gap:6px;margin-top:12px}
.as-caps span{display:inline-flex;align-items:center;gap:5px;font-size:11.5px;padding:5px 9px;border-radius:999px;background:var(--as-bg);color:#3d4363}
.as-caps .ico{width:13px;height:13px;color:var(--as-accent)}
.as-messages{display:flex;flex-direction:column;gap:12px;padding:14px}
.as-msg{display:flex;gap:8px;align-items:flex-end;max-width:90%;animation:as-pop .3s ease}
.as-msg.user{align-self:flex-end;flex-direction:row-reverse}
.as-bubble-msg{padding:11px 14px;border-radius:18px 18px 18px 5px;background:#fff;font-size:14px;line-height:1.55;box-shadow:0 1px 2px rgba(11,13,36,.06);overflow-wrap:anywhere}
.as-msg.user .as-bubble-msg{background:var(--as-primary);color:#fff;border-radius:18px 18px 5px 18px}
.as-bubble-msg p{margin:0 0 8px}.as-bubble-msg p:last-child{margin:0}
.as-bubble-msg ul{margin:6px 0;padding-left:18px}.as-bubble-msg li{margin:3px 0}
.as-bubble-msg a{color:var(--as-accent);font-weight:600;text-decoration:underline;text-underline-offset:2px}
.as-msg time{font-size:10.5px;color:#a3a8bd;white-space:nowrap;margin-bottom:4px}
.as-typing{display:flex;gap:4px;padding:14px 16px}
.as-typing i{width:7px;height:7px;border-radius:50%;background:#a3a8bd;animation:as-dot 1.2s infinite}
.as-typing i:nth-child(2){animation-delay:.15s}.as-typing i:nth-child(3){animation-delay:.3s}
@keyframes as-dot{0%,60%,100%{opacity:.35;transform:none}30%{opacity:1;transform:translateY(-4px)}}
.as-prompts{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:0 14px 16px}
.as-prompts[hidden]{display:none}
.as-prompts-label{grid-column:1/-1;font-size:11px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:#a3a8bd;margin-top:2px}
.as-prompts button{display:flex;align-items:center;gap:8px;text-align:left;padding:11px 12px;border-radius:14px;border:1px solid var(--as-line);background:#fff;font:inherit;font-size:13px;font-weight:500;color:var(--as-ink);cursor:pointer;transition:border-color .2s,transform .2s,box-shadow .2s}
.as-prompts button .ico{color:var(--as-accent)}
.as-prompts button:hover{border-color:var(--as-accent);transform:translateY(-1px);box-shadow:0 8px 18px -10px var(--as-accent)}
.as-actions{display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap;padding:10px 14px;border-top:1px solid var(--as-line);background:#fff;font-size:12px;color:var(--as-muted)}
.as-actions div{display:flex;gap:6px}
.as-chip{font-size:12px;font-weight:600;padding:6px 10px;border-radius:999px;background:var(--as-bg);color:var(--as-ink);text-decoration:none;white-space:nowrap}
.as-chip.wa{background:#e8f9ef;color:#128c4a}
.as-chip.primary{background:color-mix(in srgb,var(--as-accent) 14%,#fff);color:color-mix(in srgb,var(--as-accent) 80%,#000)}
.as-actions.is-highlighted{background:color-mix(in srgb,var(--as-accent) 6%,#fff)}
.as-form{display:flex;gap:8px;align-items:flex-end;padding:10px 12px 8px;background:#fff}
.as-form textarea{flex:1;resize:none;border:1px solid var(--as-line);border-radius:16px;padding:12px 14px;font:inherit;font-size:14.5px;line-height:1.4;max-height:110px;outline:none;background:var(--as-bg);color:var(--as-ink);transition:border-color .2s,background .2s}
.as-form textarea:focus{border-color:var(--as-accent);background:#fff}
.as-form button{width:44px;height:44px;flex:0 0 44px;border-radius:14px;border:0;background:var(--as-grad);color:#fff;display:grid;place-items:center;cursor:pointer;box-shadow:0 8px 18px -8px var(--as-accent);transition:transform .2s}
.as-form button:hover{transform:translateY(-1px)}
.as-form button:disabled{opacity:.5;cursor:default}
.as-form button svg{width:20px;height:20px}
.as-foot{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:0 14px 11px;background:#fff;font-size:10.5px;color:#a3a8bd}
.as-foot span:first-child{display:inline-flex;align-items:center;gap:5px}
.as-foot .ico{width:12px;height:12px}
.as-mode{font-weight:600;padding:2px 7px;border-radius:6px;background:var(--as-bg);color:var(--as-muted)}

/* Preview mode (CMS) */
.ad-assistant.is-preview{position:relative;inset:auto;z-index:auto}
.ad-assistant.is-preview .as-panel{height:600px;animation:none}
.ad-assistant.is-preview.show-launcher .as-launcher,.ad-assistant.is-preview.show-launcher .as-bubble{display:flex}
.ad-assistant.is-preview.show-launcher .as-panel{display:none}

@media (max-width:640px){
  .ad-assistant{right:14px;bottom:14px}
  .ad-assistant.pos-left{left:14px}
  .as-launcher{padding:6px}
  .as-launcher-copy{display:none}
  .as-bubble{max-width:calc(100vw - 90px)}
  .ad-assistant.is-open:not(.is-preview){inset:0;right:0;bottom:0}
  .ad-assistant.is-open:not(.is-preview) .as-panel{width:100%;height:100%;height:100dvh;border-radius:0}
}
@media (prefers-reduced-motion:reduce){.ad-assistant *{animation:none!important}}