.camera-app .call-chat { grid-template-rows: auto minmax(40px, 1fr) minmax(0, auto) auto; }
.camera-app .call-chat:has(.conversation-starters[open]) { max-height: min(430px, calc(100% - 12px)); }
.conversation-starters { min-height: 0; overflow-y: auto; overscroll-behavior: contain; padding: 8px 12px; border-top: 1px solid var(--line); font-size: 13px; }
.conversation-starters summary { cursor: pointer; min-height: 36px; align-content: center; color: var(--accent-soft); }
.conversation-starters p { margin: 8px 0; line-height: 1.5; }
.conversation-actions, .quality-actions { display: flex; flex-wrap: wrap; gap: 8px; }
.conversation-starters button, .call-quality button { min-height: 44px; padding: 8px 12px; border: 1px solid var(--starter-edge, #526480); border-radius: var(--radius-sm); background: var(--control-bg); color: var(--text); font: inherit; cursor: pointer; }
/* The post-call card keeps its own dark surface in every world. */
.call-quality button { border-color: #526480; background: #202c3c; color: #f3f6ff; }
.conversation-starters button:disabled { opacity: .5; cursor: default; }
.conversation-starters button:focus-visible, .call-quality button:focus-visible { outline: 2px solid var(--focus-ring); outline-offset: 3px; }
.call-quality { position: fixed; z-index: 65; top: 80px; right: 16px; width: min(330px, calc(100vw - 32px)); box-sizing: border-box; max-height: calc(100dvh - 200px); overflow-y: auto; padding: 16px; border: 1px solid #526480; border-radius: var(--radius-md); background: #1b2430; color: #f3f6ff; box-shadow: 0 8px 32px #0005; font-size: 14px; }
.call-quality[hidden], .call-quality [hidden] { display: none !important; }
.call-quality header { display: flex; align-items: center; justify-content: space-between; gap: 8px; }
.call-quality header button { padding: 4px 10px; }
.call-quality p { line-height: 1.45; margin: 8px 0 12px; }
.call-quality small { display: block; color: #bdc9dc; margin: 10px 0; }
.call-quality #call-quality-message:empty { display: none; }
.call-quality #call-quality-message { color: #ffb8bf; }
.creator-queue-position { padding: 14px; margin-top: 14px; border: 1px solid #405c89; border-radius: var(--radius-md); background: #202c3c; }
.creator-queue-position[hidden] { display: none; }
.creator-queue-position strong { display: block; font-size: 18px; color: #d9e8ff; }
.creator-queue-position p { margin: 8px 0 0; }
.creator-queue-position small { display: block; margin-top: 8px; color: #bdc9dc; }
#quality-summary-result { display: flex; gap: 16px; flex-wrap: wrap; }
@media (max-height: 480px) { .call-quality { top: 60px; max-height: calc(100dvh - 140px); } }