.brand-with-ai { display:flex; align-items:center; gap:1rem; min-width:0; }
.ai-open { border:1px solid var(--line); background:transparent; color:var(--ink); font:inherit; font-size:.75rem; padding:.55rem .7rem; cursor:pointer; white-space:nowrap; }
.ai-open:hover { background:var(--ink); color:var(--paper, #f2efe7); }
.ai-dialog { width:min(560px, calc(100vw - 24px)); max-height:85dvh; padding:2rem 1.5rem 1.25rem; border:1px solid var(--line); background:#f2efe7; color:#20241e; }
.ai-dialog::backdrop { background:rgb(20 25 20 / .45); }
.ai-close { position:absolute; right:.5rem; top:.25rem; border:0; background:transparent; color:inherit; font-size:1.6rem; cursor:pointer; }
.ai-intro { margin:0 1rem 1.25rem 0; font-size:.85rem; line-height:1.6; }
.ai-messages { max-height:45dvh; overflow:auto; overscroll-behavior:contain; display:flex; flex-direction:column; gap:.75rem; }
.ai-message { margin:0; padding:.75rem 1rem; max-width:92%; white-space:pre-wrap; overflow-wrap:anywhere; text-align:left; font-size:.95rem; line-height:1.55; background:#e7e4d9; }
.ai-message[data-role=user] { align-self:flex-end; background:#33392e; color:#f2efe7; }
.ai-status { margin:.75rem 0; font-size:.85rem; line-height:1.5; }
.ai-compose { display:flex; align-items:flex-end; gap:.65rem; border-top:1px solid var(--line); padding-top:1rem; }
.ai-compose textarea { min-width:0; flex:1; resize:vertical; max-height:130px; background:transparent; color:inherit; border:1px solid var(--line); padding:.6rem; font:inherit; font-size:16px; }
.ai-compose button { width:42px; height:42px; border:0; background:#33392e; color:#f2efe7; font-size:1.4rem; cursor:pointer; }
.ai-compose button:disabled { opacity:.35; cursor:default; }
.ai-dialog[aria-busy=true] .ai-status:empty::after { content:'Düşünüyorum'; }
.ai-compose button { position:relative; flex-shrink:0; }
.ai-send-bee { position:absolute; width:38px; height:29px; left:2px; top:-27px; pointer-events:none; opacity:0; transform:translate(-24px,-14px) rotate(-12deg); transition:transform 900ms ease-out,opacity 300ms ease; }
.ai-send-bee svg { display:block; width:100%; height:100%; }
.ai-has-bee .ai-send-bee { opacity:1; transform:translate(0,0) rotate(0); }
@media(prefers-reduced-motion:reduce) { .ai-send-bee { transition:none; } }
.ai-open:focus-visible,.ai-close:focus-visible,.ai-compose button:focus-visible { outline:2px solid #87702b; outline-offset:3px; }
@media(max-width:480px) { .brand-with-ai { gap:.55rem; } .ai-open { font-size:.68rem; padding:.5rem; } .ai-dialog { padding:2rem 1rem 1rem; } }