/* Kullanıcının HTML çizimindeki ölçüler; eski genel sohbet stillerinin üzerine tek bir bileşen. */
.zen-window:not(.conversing):not(.mission-open) .presence{max-width:720px;padding-inline:32px}
.zen-window .conversation-composer[data-mode],
.zen-window .conversation-composer:focus-within,
.zen-window .conversation-composer:has(textarea:focus-visible){width:100%;max-width:656px;min-width:0;flex:none;margin:0 auto;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none;text-align:start;font-family:system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;font-size:16px;line-height:normal}
.zen-window.conversing .conversation-composer{width:calc(100% - 40px);max-width:656px;margin:0 auto}
.message-frame{position:relative;min-width:0;margin:0;padding:14px 18px 12px 22px;border:1px solid #465147;border-radius:22px;background:#151b17;box-shadow:0 24px 80px #00000030;transition:border-color 180ms ease,background-color 180ms ease,box-shadow 180ms ease}
.message-frame:focus-within{border-color:#8ba892;background:#161e19;box-shadow:0 0 0 4px #8ba89214}
.message-frame legend{max-width:100%;padding:0 10px;margin-inline-start:6px;line-height:normal}
.zen-window .message-frame #intent-label{display:flex;align-items:center;gap:8px;margin:0;color:#a9bea7;font-size:10px;font-weight:400;line-height:normal;letter-spacing:.24em;text-transform:uppercase}
/* Kaynaktaki ışık izi yalnız başlıkta; gönder düğmesinde enso bulunmaz. */
.message-frame #intent-label::before{content:'';flex:none;width:10px;height:10px;background:#9fb7ad;mask:url('assets/message-spark.svg') center/contain no-repeat;-webkit-mask:url('assets/message-spark.svg') center/contain no-repeat}
.message-frame:focus-within #intent-label{color:#c7d8c3}
.message-layout{min-width:0}
.zen-window .message-frame #intent{display:block;box-sizing:border-box;width:100%;min-height:64px;height:64px;max-height:160px;margin:6px 0 0;padding:0;border:0;border-radius:0;background:none;color:#edf0e9;font:inherit;font-size:16px;line-height:1.65;resize:none;box-shadow:none}
.zen-window .message-frame #intent::placeholder{color:#939f93}
.zen-window .message-frame #intent:focus-visible{outline:none;box-shadow:none}
.zen-window .message-frame .intent-tools{display:flex;align-items:center;justify-content:space-between;margin-top:10px;gap:10px;flex-wrap:nowrap}
.zen-window .message-frame #chat-tools{gap:8px;flex-wrap:nowrap}
/* Görsel düğmesi tek eksende ortalanır; görünmeyen çeviri metni ikinci grid satırı açamaz. */
.zen-window .conversation-composer .message-frame #chat-tools button{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;min-width:44px;min-height:44px;padding:0;border:1px solid #333e35;border-radius:13px;color:#c2cfbe;background:transparent;font-size:0;box-shadow:none;transform:none}
.zen-window .conversation-composer .message-frame #chat-tools button::before{content:'';width:19px;height:19px;background:currentColor;mask:var(--chat-tool-icon) center/contain no-repeat;-webkit-mask:var(--chat-tool-icon) center/contain no-repeat}
.message-frame #attach-image{--chat-tool-icon:url('assets/message-image.svg')}
.message-frame #clear-chat{--chat-tool-icon:url('assets/chat-new.svg')}
.zen-window .conversation-composer .message-frame #chat-tools button:hover:not(:disabled){background:#222b24;color:#edf1e8}
.zen-window .conversation-composer .message-frame #chat-tools button:focus-visible{outline:1px solid #bed0b2;outline-offset:3px}
.composer-feedback{min-width:0;margin-inline-start:auto;align-self:center}
#composer-keyboard-hint{display:block;font-size:11px;line-height:normal;letter-spacing:.02em;color:#8d9a8e;text-align:end}
#composer-activity-slot:empty{display:none}
/* 24px kaynak tuvalindeki küçük üçgen: kullanıcının ensoyu çıkarma tercihi uygulanır. */
.zen-window .conversation-composer[data-mode=chat] .send-message{display:grid;place-items:center;width:44px;height:44px;min-width:44px;min-height:44px;margin:0;padding:0;flex:none;border-radius:50%;border:1px solid #c4d4b8;background:#bed0b2;color:#203023;box-shadow:inset 0 1px 0 #ffffff1c;transform:none}
.zen-window .conversation-composer[data-mode=chat] .send-message::before{content:'';width:24px;height:24px;background:currentColor;mask:url('assets/message-triangle.svg') center/contain no-repeat;-webkit-mask:url('assets/message-triangle.svg') center/contain no-repeat;clip-path:none;transform:none;opacity:.38}
.zen-window .conversation-composer[data-mode=chat] .send-message:hover:not(:disabled){background:#bed0b2;border-color:#c4d4b8;transform:none;box-shadow:inset 0 1px 0 #ffffff1c}
/* Kullanıcının ekran görüntüsü: boş alanda da açık yuvarlak ve aynı silik üçgen korunur; boş mesaj gönderilemez. */
.zen-window .conversation-composer[data-mode=chat] .send-message:disabled{background:#bed0b2;border-color:#c4d4b8;color:#203023;box-shadow:inset 0 1px 0 #ffffff1c;opacity:1}
/* Görsel eklendiğinde aynı çerçeve ve dosya kartının kaynak ölçüleri korunur. */
.conversation-composer[data-composer-state=image] .message-frame{border-color:#8ba892;background:#161e19}
.zen-window .conversation-composer[data-composer-state=image] #intent{min-height:36px;height:36px;margin-top:0}
.zen-window .message-frame #image-preview:not([hidden]){display:flex;align-items:center;width:fit-content;max-width:100%;padding:6px 4px 6px 6px;border:1px solid #364238;border-radius:14px;background:#1b231d;gap:10px;margin:8px 0 12px}
.zen-window .message-frame #image-preview img{width:40px;height:40px;flex:none;object-fit:cover;border-radius:10px}
.message-frame .image-file-detail{display:grid;gap:0;min-width:0;text-align:start;line-height:1.35}
.image-file-name{font-size:13px;color:#e2eade;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:230px}
.image-file-size{font-size:11px;color:#9aa99b}
.zen-window .message-frame #image-preview button.image-file-remove{display:grid;place-items:center;width:36px;height:36px;min-width:36px;min-height:36px;padding:0;flex:none;border:0;border-radius:10px;background:transparent;font-size:0;color:#aebdac}
.image-file-remove::before{content:'';width:14px;height:14px;background:currentColor;mask:url('assets/message-close.svg') center/contain no-repeat;-webkit-mask:url('assets/message-close.svg') center/contain no-repeat}
/* Dosya sürüklenirken içerik yerini çizimdeki bırakma yüzeyine bırakır. */
.conversation-composer[data-dragging=true] .message-frame{border-style:dashed;border-color:#8ba892;background:#172019;box-shadow:none}
.conversation-composer[data-dragging=true] .message-layout{display:none}
#image-drop-zone{position:static;display:flex;min-height:132px;flex-direction:column;align-items:center;justify-content:center;gap:10px;pointer-events:none;color:#e2eade;font-size:15px;text-align:center}
#image-drop-zone .drop-symbol{display:block;width:28px;height:28px;background:#bed0b2;font-size:0;line-height:1;mask:url('assets/message-upload.svg') center/contain no-repeat;-webkit-mask:url('assets/message-upload.svg') center/contain no-repeat}
#image-drop-zone small{font-size:11px;color:#9aa99b}
/* Beklerken aynı düğme durdurmaya dönüşür, yeni mesaj yazmaya devam edilebilir. */
.zen-window .conversation-composer[data-pending=true] #intent{min-height:40px;height:40px}
.zen-window .conversation-composer[data-pending=true] .send-message,
.zen-window .conversation-composer[data-pending=true] .send-message:hover{background:#1e2820;border-color:#5a6b58;color:#d8e2d1;box-shadow:none}
.zen-window .conversation-composer[data-pending=true] .send-message::before{mask:none;-webkit-mask:none;clip-path:none;transform:none;width:8.167px;height:8.167px;border-radius:1.75px;opacity:1}
/* Gerçek aktivitenin mevcut saati kullanılır; tasarım örneğindeki metin sahte ilerleme üretmez. */
.message-frame .composer-activity{display:flex;align-items:center;justify-content:flex-end;gap:8px;max-width:100%;min-height:0;padding:0;margin:0;border:0;background:none;box-shadow:none;color:#c7d3c3}
.composer-activity .chat-author,.composer-activity .chat-activity-receipt,.composer-activity .chat-activity-connection,.composer-activity .chat-activity-note{display:none}
.composer-activity .chat-activity-line{min-height:0;font-size:12px;gap:8px;line-height:normal}
.composer-activity .chat-activity-indicator{width:12px;height:12px;border-radius:0;box-shadow:none;background:#a7c49f;mask:url('assets/message-spark.svg') center/contain no-repeat;-webkit-mask:url('assets/message-spark.svg') center/contain no-repeat;clip-path:none}
.composer-activity .chat-activity-meta{margin:0;padding:0;flex:none;line-height:normal;gap:0;font-size:12px}
.composer-activity .chat-activity-time::before{content:'·';margin-inline-end:8px;color:#869580}
@media(pointer:coarse){#composer-keyboard-hint{display:none}}
@media(max-width:600px),(max-height:500px) and (max-width:1000px){
 /* Mobil HTML: iki yanda 14px, tek satırda görsel / mesaj / gönder. */
 .zen-window:not(.mission-open) .presence,.zen-window:not(.conversing):not(.mission-open) .presence{width:100%;max-width:none;padding-inline:0}
 .zen-window .conversation-composer[data-mode],.zen-window.conversing .conversation-composer,
 .zen-window .conversation-composer:focus-within,.zen-window .conversation-composer:has(textarea:focus-visible){width:calc(100% - 28px);max-width:none;margin:0 14px;padding:0}
 .zen-window .message-frame{padding:6px 8px 8px 16px;border-radius:22px;box-shadow:none}
 .message-frame legend{margin-inline-start:4px;padding-inline:8px}
 .zen-window .message-frame #intent-label{font-size:9px;gap:7px}
 .zen-window .message-frame #intent-label::before{width:9px;height:9px}
 .conversation-composer[data-mode=chat] .message-layout{display:grid;grid-template-columns:44px minmax(0,1fr) 44px;align-items:end;column-gap:6px;row-gap:0}
 .zen-window .conversation-composer[data-mode=chat] .intent-tools,.zen-window .conversation-composer[data-mode=chat] #chat-tools{display:contents}
 .zen-window .conversation-composer[data-mode=chat] #intent{grid-column:2;grid-row:2;min-width:0;min-height:44px;height:44px;max-height:108px;line-height:1.4;margin:0;padding:11px 4px;resize:none;align-self:end}
 .conversation-composer[data-mode=chat]:has(#attach-image[hidden]) #intent{grid-column:1 / 3}
 .zen-window .message-frame #image-preview{grid-column:1 / -1;grid-row:1;margin-bottom:8px}
 .zen-window .message-frame #chat-tools #attach-image{grid-column:1;grid-row:2;background:#1e2720;border:0}
 .zen-window .conversation-composer[data-mode=chat] .send-message{grid-column:3;grid-row:2;margin:0}
 .zen-window .message-frame #clear-chat{grid-column:2;grid-row:3;justify-self:end;border-color:transparent}
 .message-frame .composer-feedback{display:none;grid-column:1 / -1;grid-row:3;margin:0;padding:8px 3px 0}
 .message-frame .composer-feedback:has(.composer-activity){display:block}
 #composer-keyboard-hint{display:none}
 .message-frame .composer-activity{justify-content:flex-end}
 .image-file-name{max-width:174px}
 html[data-keyboard-open=true] .zen-window .conversation-composer[data-mode=chat]{display:block;flex:none}
 .zen-window .conversation-composer[data-mode=task] .message-frame #intent{height:64px;min-height:64px}
}
@media(prefers-reduced-motion:reduce){.message-frame{transition:none}}
@media(forced-colors:active){.message-frame:focus-within{border-color:Highlight}.zen-window .message-frame #intent:focus-visible{outline:1px solid Highlight;outline-offset:2px}}