/* Fin-style chat bar: local interaction prototype only (no Fin / Intercom SDK, API or storage). */
.chat-dock{position:fixed;right:32px;bottom:max(32px,env(safe-area-inset-bottom));z-index:45;width:300px;max-width:calc(100vw - 64px);display:flex;flex-direction:column;gap:8px;color:var(--figma-text-primary);transition:width .24s ease}
.chat-dock[data-state="suggest"]{width:420px}
.chat-bar{display:flex;align-items:flex-end;gap:8px;padding:8px 8px 8px 20px;background:#fff;border:1px solid var(--figma-border-primary);border-radius:24px;box-shadow:0 8px 28px #1219261f;transition:border-color .16s ease,box-shadow .16s ease}
.chat-bar:hover{box-shadow:0 10px 32px #1219262e}
.chat-bar:focus-within{border-color:var(--figma-text-accent)}
.chat-bar-field{position:relative;flex:1;min-width:0}
.chat-bar textarea{display:block;width:100%;min-height:32px;max-height:112px;padding:5px 0;resize:none;border:0;background:transparent;color:var(--figma-text-primary);font:inherit;font-size:14px;line-height:22px;outline:none;overflow-y:auto}
.chat-bar textarea::placeholder{color:var(--figma-text-secondary)}
.chat-rotator{position:absolute;inset:0;display:flex;align-items:center;overflow:hidden;pointer-events:none;color:var(--figma-text-secondary);font-size:14px;line-height:22px;white-space:nowrap}
.chat-rotator[hidden]{display:none}
#chat-rotator-text{display:block;min-width:0;overflow:hidden;text-overflow:ellipsis}
.chat-caret{flex:none;width:1px;height:16px;margin-left:1px;background:currentColor;animation:chat-caret 1s steps(1) infinite}
.chat-send{display:grid;place-items:center;width:32px;height:32px;flex:none;padding:0;border:0;border-radius:50%;background:var(--figma-button);color:#fff}
.chat-send:disabled{background:var(--figma-border-primary);color:var(--figma-text-secondary);cursor:default}
.chat-send:not(:disabled):hover{background:var(--figma-button-hover)}
.chat-send svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.chat-suggestions{display:flex;flex-direction:column;align-items:flex-end;gap:8px}
.chat-suggestions[hidden]{display:none}
.chat-suggestion{display:inline-flex;align-items:center;gap:4px;max-width:100%;padding:10px 16px;border:1px solid var(--figma-border-primary);border-radius:20px;background:#fff;color:var(--figma-text-primary);font-size:14px;font-weight:500;line-height:1.5;text-align:left;box-shadow:0 4px 16px #12192614;animation:chat-suggest-in .32s cubic-bezier(.22,1,.36,1) both;transition:border-color .16s ease,color .16s ease,box-shadow .16s ease}
.chat-suggestion:nth-child(1){animation-delay:.08s}
.chat-suggestion:nth-child(2){animation-delay:.04s}
#chat-dock .chat-suggestions .chat-suggestion:hover,#chat-dock .chat-suggestions .chat-suggestion:focus-visible{border-color:var(--figma-border-primary);background:#fff;color:#00aff0;box-shadow:0 4px 16px #12192614}
.chat-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@keyframes chat-caret{50%{opacity:0}}
@keyframes chat-suggest-in{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
@media(max-width:780px){.chat-dock,.chat-dock[data-state="suggest"]{right:16px;bottom:max(16px,env(safe-area-inset-bottom));width:calc(100vw - 32px);max-width:none}}
@media(prefers-reduced-motion:reduce){.chat-suggestion,.chat-caret{animation:none!important}.chat-bar,.chat-suggestion{transition:none}}