/* Compositor Pro común a portada y conversación. El riel conserva su fuente. */
.pro-case-entry { display:grid;gap:12px;max-width:680px;margin:0 auto; }
.pro-case-label { position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap; }
.pro-case-composer,html.qv-pro-conversation .qva-input-row { display:flex;align-items:flex-end;gap:12px;padding:4px 6px 4px 20px;border:1px solid #d9e1eb;border-radius:28px;background:#fff;min-height:54px; }
html.qv-pro-conversation .qva-input-row { padding-left:6px; }
.pro-case-composer:focus-within { border-color:var(--brand);outline:2px solid color-mix(in srgb,var(--brand) 12%,transparent);outline-offset:3px; }
.pro-case-composer textarea,html.qv-pro-conversation .qva-input-row textarea { display:block;flex:1;min-width:0;border:0;border-radius:0;outline:0;background:transparent;resize:none;min-height:24px;max-height:160px;margin:10px 0;padding:0;font:400 14px/24px Inter,sans-serif;color:var(--ink); }
.pro-case-composer textarea::placeholder,html.qv-pro-conversation .qva-input-row textarea::placeholder { color:#8491a3;opacity:1;transition:opacity .24s ease; }
.pro-case-composer textarea.is-example-fading::placeholder { opacity:0; }
.hi-content .pro-case-send,html.qv-pro-conversation .qva-panel :is(.qva-send,.qva-new-chat) { position:relative;isolation:isolate;display:grid;place-items:center;flex-shrink:0;width:44px;height:44px;min-height:44px;flex-basis:44px;padding:0;border:0;border-radius:50%;background:transparent;color:#fff; }
.hi-content .pro-case-send::before,html.qv-pro-conversation .qva-panel :is(.qva-send,.qva-new-chat)::before { content:"";position:absolute;inset:4px;width:auto;height:auto;transform:none;border-radius:50%;background:var(--brand);z-index:-1;pointer-events:none; }
.hi-content .pro-case-send svg,html.qv-pro-conversation .qva-panel :is(.qva-send,.qva-new-chat) svg { width:16px;height:16px; }
.hi-content .pro-case-send:disabled,html.qv-pro-conversation .qva-panel .qva-send:disabled { color:#64748b;opacity:1; }
.hi-content .pro-case-send:disabled::before,html.qv-pro-conversation .qva-panel .qva-send:disabled::before { background:#e9edf2; }
html.qv-pro-conversation .qva-panel .qva-new-chat { color:#526175; }
html.qv-pro-conversation .qva-panel .qva-new-chat::before { background:var(--qv-close-bg,#f1f4f8); }
.hi-content .pro-case-resume { justify-self:center;background:transparent;border:0;color:var(--brand);font-size:13px;line-height:1.5;min-height:36px;padding:8px; }
.pro-case-resume[hidden] { display:none; }
.pro-case-status { color:var(--mut);font-size:14px;line-height:1.5;text-align:center; }
.pro-case-status:empty { display:none; }
.pro-case-status.is-opening { position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap; }
.hi-content .pro-case-send .pro-loading-spinner { width:16px;height:16px;border-width:2px; }
@media(max-width:600px) {
 .pro-case-composer { padding-left:16px; }
}
@media(max-width:600px),(pointer:coarse) {
 .pro-case-composer textarea,html.qv-pro-conversation .qva-input-row textarea { font-size:16px; }
 .hi-content .pro-case-resume { min-height:44px; }
}
@media(prefers-reduced-motion:reduce) {
 .pro-case-composer textarea::placeholder,html.qv-pro-conversation .qva-input-row textarea::placeholder { transition:none; }
}