/* Shared chat chrome; uses platform interaction and typography tokens. */
[data-chat-surface] { --chat-window-width:460px;--chat-window-height:720px;--chat-window-mobile-height:85dvh; }
[data-chat-surface][data-chat-window-size="small"] { --chat-window-width:360px;--chat-window-height:580px;--chat-window-mobile-height:70dvh; }
[data-chat-surface][data-chat-window-size="large"] { --chat-window-width:760px;--chat-window-height:900px;--chat-window-mobile-height:100dvh; }
.l24-chat-controls { --l24-control-surface:var(--local24-panel);display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;column-gap:var(--l24-control-gap);padding:8px 12px max(8px,env(safe-area-inset-bottom));border-top:1px solid var(--l24-control-border);background:var(--l24-control-surface);color:var(--local24-ink); }
.l24-chat-menu { position:relative;grid-column:3;grid-row:1;justify-self:end; }
.l24-chat-menu > summary { list-style:none; }
.l24-chat-menu > summary::-webkit-details-marker { display:none; }
.l24-chat-menu > summary.is-guidance-target { animation:l24-chat-menu-guidance .6s ease-in-out 2; }
@keyframes l24-chat-menu-guidance {
 0%,100% { box-shadow:0 0 0 0 transparent; }
 50% { box-shadow:0 0 0 4px var(--l24-control-focus);background:var(--l24-control-surface-soft); }
}
@media(prefers-reduced-motion:reduce){.l24-chat-menu > summary.is-guidance-target{animation:none;outline:2px solid var(--l24-control-focus);outline-offset:2px}}
.l24-chat-menu .l24-menu-panel { position:absolute;right:0;z-index:80;display:grid;gap:10px;padding:14px;border:1px solid var(--l24-control-border);border-radius:8px;box-shadow:0 24px 70px rgba(15,23,42,.16);top:auto;bottom:calc(100% + 8px);width:290px;max-width:calc(100vw - 32px);max-height:calc(100dvh - 100px);overflow:auto;background:var(--l24-control-surface); }
.l24-chat-controls .l24-segmented-control__segment { min-width:var(--l24-control-height-m); }
.l24-chat-tones { display:grid;gap:var(--l24-control-gap); }
.l24-chat-tones > strong,.l24-chat-tones > small { padding-inline:var(--l24-control-gap); }
.l24-chat-tones .l24-action { justify-content:flex-start;text-align:left;white-space:normal; }
.l24-chat-tones .l24-action span { flex:1; }
.l24-chat-tones .l24-chat-selected { visibility:hidden; }
.l24-chat-tones [aria-pressed="true"] .l24-chat-selected { visibility:visible; }
.l24-chat-controls > * { flex-shrink:0; }
.l24-chat-controls > .l24-segmented-control { grid-column:1;grid-row:1; }
.l24-chat-understanding-trigger { grid-column:2;grid-row:1;justify-self:center;min-width:0;max-width:100%; }
.l24-chat-understanding-trigger span { overflow:hidden;text-overflow:ellipsis;white-space:nowrap; }
.l24-chat-understanding-trigger [data-lucide],.l24-chat-understanding-trigger svg { flex-shrink:0;transition:transform .18s ease; }
.l24-chat-understanding-trigger[aria-expanded="true"] svg { transform:rotate(180deg); }
.l24-chat-understanding { grid-column:1/-1;display:grid;grid-template-rows:0fr;visibility:hidden;transition:grid-template-rows .2s ease,visibility .2s; }
.l24-chat-understanding.is-open { grid-template-rows:1fr;visibility:visible; }
.l24-chat-understanding > div { min-height:0;overflow:hidden; }
.l24-chat-understanding-content { max-height:min(35dvh,18rem);overflow:auto;overscroll-behavior:contain;padding-top:var(--l24-control-gap); }
.l24-chat-understanding dl { display:grid;grid-template-columns:minmax(0,1fr) minmax(0,2fr);gap:var(--l24-control-gap);margin:0; }
.l24-chat-understanding dt { font-weight:600;overflow-wrap:anywhere; }
.l24-chat-understanding dd { margin:0;white-space:pre-wrap;overflow-wrap:anywhere; }
.l24-chat-understanding ul { padding-inline-start:20px;margin:4px 0 0; }
.l24-chat-understanding [data-chat-understanding-open] { margin-top:var(--l24-control-gap); }
.l24-chat-controls [hidden] { display:none!important; }
@media(prefers-reduced-motion:reduce){.l24-chat-understanding,.l24-chat-understanding-trigger svg{transition:none}}
.search-chat-shell[data-chat-surface] { max-width:min(100%,calc(var(--chat-window-width) + 300px));overflow:visible; }
.search-chat-shell[data-chat-surface] .search-chat-thread { max-height:var(--chat-window-height);overflow:auto; }
.search-chat-shell > .l24-chat-controls { border-end-start-radius:inherit;border-end-end-radius:inherit; }
.visitor-page-assistant[data-chat-surface] { max-width:min(100%,calc(var(--chat-window-width) + 300px)); }
.visitor-page-assistant[data-chat-surface] .visitor-page-assistant-body { max-height:var(--chat-window-height);overflow:auto; }
[data-visitor-ella][data-chat-surface] { max-width:100%; }
[data-visitor-ella][data-chat-surface].is-floating { max-width:min(100%,var(--chat-window-width)); }
[data-visitor-ella].is-floating .assistant-surface-conversation { max-height:calc(var(--chat-window-height) / 2); }
[data-visitor-ella]:not(.is-floating) > .l24-chat-controls > .l24-segmented-control { display:none; }
[data-visitor-ella].is-minimized > .l24-chat-controls { display:none; }