/* Requested system messages occupy the existing conversation status position. */
#app .controls .notice { width: min(100%, 410px); padding: 0; margin: 0 auto; }
#app .controls .notice[hidden], #app .controls #phase[hidden] { display: none !important; }
#app .controls .notice p { color: var(--ink, #282522); padding: 0; line-height: 1.45; font-size: 14px; }
#app .controls .notice p::before { content: attr(data-label); display: block; font-size: 11px; color: var(--muted, #6b6b64); margin-bottom: 3px; }
#app .controls:has(#error:not([hidden])), #app .controls.active:has(#error:not([hidden])) { grid-template-rows: auto; grid-auto-rows: auto; }
#app .controls .notice .text-button { color: var(--ink, #282522); text-decoration: underline; min-height: 44px; }
#app #primary-action:disabled { opacity: .55; cursor: default; }
.call-end-dialog { width: min(420px, calc(100vw - 32px)); max-height: calc(100svh - 32px); overflow: auto; padding: 30px 24px; text-align: center; }
.call-end-dialog h2 { font-size: 26px; line-height: 1.1; margin: 0 0 14px; }
.call-end-dialog p { line-height: 1.5; margin: 0 0 22px; }
.call-end-dialog .primary { min-width: 160px; }