/* Wingman, the in-app help assistant (js/wingman/wingman.js): the round button and the chat window. */
#wm-fab{position:fixed;right:20px;bottom:calc(var(--stabs-h,0px) + var(--wm-lift,0px) + 20px + env(safe-area-inset-bottom));z-index:190;width:52px;height:52px;border-radius:50%;border:0;padding:0;
  background:#13203a;color:#fff;display:grid;place-items:center;cursor:pointer;box-shadow:0 8px 22px rgba(15,23,42,.3);transition:transform .15s,box-shadow .15s}
#wm-fab::after{content:"";position:absolute;top:7px;right:7px;width:10px;height:10px;border-radius:50%;background:#ea6a1f;border:2px solid #13203a}
#wm-fab:hover{transform:translateY(-1px);box-shadow:0 10px 26px rgba(15,23,42,.36)}
#wm-fab:focus-visible{outline:3px solid #93c5fd;outline-offset:3px}
#wm-fab svg{width:26px;height:26px}
/* Only for signed-in team members; never over the team chat box or inside the phone view (it is under More there). */
body:not(.auth-approved) #wm-fab,body.fv-on #wm-fab,body:has(#panel-chat.open) #wm-fab,body.wm-open #wm-fab{display:none}
/* Phones: bottom left, so the Phone view button (bottom right) stays clear. */
@media (max-width:767px){#wm-fab{right:auto;left:12px;width:48px;height:48px;bottom:calc(var(--stabs-h,0px) + var(--wm-lift,0px) + 14px + env(safe-area-inset-bottom))}}
@media print{#wm-fab,#wm-over{display:none!important}}

/* The chat window */
#wm-over{position:fixed;inset:0;z-index:10061;background:rgba(15,23,42,.18)}
#wm-over[hidden]{display:none}
.wm-dlg{position:absolute;right:20px;bottom:20px;width:min(400px,calc(100vw - 32px));height:min(600px,calc(100vh - 100px));background:#fff;color:#0f172a;border-radius:16px;
  box-shadow:0 24px 60px rgba(15,23,42,.3);display:flex;flex-direction:column;overflow:hidden;font:14px/1.45 Inter,system-ui,"Segoe UI",Roboto,Arial,sans-serif}
@media (max-width:767px){.wm-dlg{inset:0;width:auto;height:auto;border-radius:0;padding-bottom:env(safe-area-inset-bottom)}.wm-hd{padding-top:calc(12px + env(safe-area-inset-top))}}
.wm-hd{display:flex;align-items:center;gap:8px;padding:12px 12px 12px 16px;background:#13203a;color:#fff}
.wm-hd h2{margin:0;font-size:16px;font-weight:800;flex:1;display:flex;align-items:center;gap:8px}
.wm-hd h2 i{width:8px;height:8px;border-radius:50%;background:#ea6a1f;display:inline-block}
.wm-hd button{border:0;background:none;color:#e2e8f0;font:600 13px inherit;cursor:pointer;border-radius:8px;padding:6px 8px;min-height:34px}
.wm-hd button:hover{background:rgba(255,255,255,.1);color:#fff}
.wm-hd button:focus-visible{outline:2px solid #93c5fd}
.wm-hd .wm-x{font-size:20px;line-height:1;padding:4px 10px}
.wm-body{flex:1;overflow-y:auto;padding:14px 14px 6px;display:flex;flex-direction:column;gap:10px;background:#f8fafc}
.wm-msg{max-width:88%;padding:9px 12px;border-radius:14px;white-space:pre-wrap;word-wrap:break-word}
.wm-msg.me{align-self:flex-end;background:#13203a;color:#fff;border-bottom-right-radius:4px}
.wm-msg.bot{align-self:flex-start;background:#fff;border:1px solid #e2e8f0;border-bottom-left-radius:4px}
.wm-hello{color:#334155}
.wm-hello b{display:block;font-size:15px;color:#0f172a;margin-bottom:2px}
.wm-chips{display:flex;flex-direction:column;gap:8px;margin-top:4px}
.wm-chip{border:1px solid #cbd5e1;background:#fff;border-radius:12px;padding:10px 12px;text-align:left;font:600 14px inherit;color:#0f172a;cursor:pointer;min-height:44px}
.wm-chip:hover{border-color:#13203a;background:#f1f5f9}
.wm-chip small{display:block;font-weight:400;color:#64748b;font-size:12.5px}
.wm-links{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}
.wm-go{border:0;background:#ea6a1f;color:#fff;border-radius:999px;padding:7px 12px;font:700 13px inherit;cursor:pointer;min-height:36px}
.wm-go:hover{background:#c2410c}
.wm-go small{font-weight:500;opacity:.9}
.wm-card{align-self:stretch;background:#fff;border:1px solid #fed7aa;border-radius:12px;padding:12px;display:flex;flex-direction:column;gap:8px}
.wm-card b{font-size:14px}
.wm-card label{display:flex;flex-direction:column;gap:4px;font-size:12.5px;color:#475569;font-weight:600}
.wm-card input,.wm-card textarea{border:1px solid #cbd5e1;border-radius:9px;padding:8px 10px;font:14px inherit;color:#0f172a;min-height:38px;width:100%;box-sizing:border-box}
.wm-card textarea{resize:vertical;min-height:60px}
.wm-row{display:flex;gap:8px;flex-wrap:wrap}
.wm-btn{border:1px solid #cbd5e1;background:#fff;color:#0f172a;border-radius:9px;padding:7px 14px;font:600 14px inherit;cursor:pointer;min-height:38px}
.wm-btn.pri{background:#13203a;border-color:#13203a;color:#fff}
.wm-btn:disabled{opacity:.6;cursor:default}
.wm-note{font-size:12.5px;color:#64748b}
.wm-done{align-self:stretch;background:#ecfdf5;border:1px solid #a7f3d0;color:#065f46;border-radius:12px;padding:10px 12px;font-weight:600}
.wm-err{color:#b91c1c;font-size:13px}
.wm-typing{align-self:flex-start;background:#fff;border:1px solid #e2e8f0;border-radius:14px;padding:10px 14px;display:flex;gap:4px}
.wm-typing i{width:7px;height:7px;border-radius:50%;background:#94a3b8;animation:wm-dot 1s infinite ease-in-out}
.wm-typing i:nth-child(2){animation-delay:.15s}.wm-typing i:nth-child(3){animation-delay:.3s}
@keyframes wm-dot{0%,80%,100%{opacity:.3;transform:translateY(0)}40%{opacity:1;transform:translateY(-3px)}}
.wm-form{display:flex;gap:8px;align-items:flex-end;padding:10px 12px;border-top:1px solid #e2e8f0;background:#fff}
.wm-form textarea{flex:1;resize:none;border:1px solid #cbd5e1;border-radius:12px;padding:9px 12px;font:15px/1.4 inherit;min-height:42px;max-height:120px;color:#0f172a}
.wm-form textarea:focus{outline:2px solid #93c5fd;border-color:#60a5fa}
.wm-send{border:0;background:#13203a;color:#fff;border-radius:12px;padding:0 16px;font:700 14px inherit;min-height:42px;cursor:pointer}
.wm-send:disabled{opacity:.6;cursor:default}
.wm-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.wm-tk{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:10px 12px}
.wm-tk-top{display:flex;justify-content:space-between;gap:8px;font-size:12.5px;color:#64748b}
.wm-tk b{display:block;font-size:14px;color:#0f172a;margin-top:2px}
.wm-pill{display:inline-block;border-radius:99px;padding:1px 8px;font-size:12px;font-weight:700;background:#f1f5f9;color:#475569}
.wm-pill.open{background:#fef3c7;color:#92400e}.wm-pill.in_progress{background:#dbeafe;color:#1e40af}
.wm-pill.fixed,.wm-pill.done{background:#dcfce7;color:#166534}
.wm-reply{margin-top:8px;background:#f8fafc;border-left:3px solid #ea6a1f;padding:6px 10px;border-radius:6px;font-size:13.5px;white-space:pre-wrap}
.wm-back{align-self:flex-start;border:0;background:none;color:#1d4ed8;font:600 13px inherit;cursor:pointer;padding:4px 0}
/* Take me there: the setting it lands on glows for two seconds */
.wm-pulse{outline:3px solid #ea6a1f!important;outline-offset:3px;border-radius:8px;animation:wm-pulse 2s ease-out 1}
@keyframes wm-pulse{0%{box-shadow:0 0 0 0 rgba(234,106,31,.55)}70%{box-shadow:0 0 0 14px rgba(234,106,31,0)}100%{box-shadow:0 0 0 0 rgba(234,106,31,0)}}
@media (prefers-reduced-motion:reduce){.wm-pulse,.wm-typing i{animation:none}}
