/* Floating conversation feedback follows the existing composer and its keyboard
   bounds. It does not add a row or change the height of the input controls. */
#app.main-conversation-v2-mode > #pagerComposer.dialog-toast-host { position: relative; z-index: 12; overflow: visible; }
body.dock #app.main-conversation-v2-mode .histlist.dialog-toast-history { padding-bottom: calc(12px + var(--dialog-toast-clearance, 0px)); }
.dialog-toast-stack { position: absolute; left: 16px; right: 16px; bottom: calc(100% + 2px); height: 0; z-index: 12; pointer-events: none; }
.dialog-toast { position: absolute; left: 0; right: 0; bottom: 0; min-height: 78px; max-height: var(--dialog-toast-max-height, 280px); display: grid; grid-template-columns: 32px minmax(0,1fr); align-items: center; gap: 11px; box-sizing: border-box; padding: 13px 47px 13px 14px; border: 1px solid color-mix(in srgb,var(--pt-text) 10%,transparent); border-radius: 22px; background: linear-gradient(155deg,color-mix(in srgb,var(--pt-surface) 96%,white),var(--pt-surface)); color: var(--pt-text); box-shadow: 0 1px 1px #0a16090b,0 5px 10px #0a16090a,0 14px 34px #0a160923,inset 0 1px 0 #ffffffd9; font: 400 14px/1.35 var(--pager-ui-font); transform-origin: center top; touch-action: pan-y; user-select: none; -webkit-user-select: none; cursor: grab; }
html:not([data-pager-theme="light"]) .dialog-toast { background: linear-gradient(150deg,#293125,#1c2419 85%); border-color: #55614875; box-shadow: 0 1px 2px #0007,0 7px 14px #0004,0 18px 40px #0006,inset 0 1px 0 #a3b09522; }
.dialog-toast[data-dragging="true"] { cursor: grabbing; }
.dialog-toast[data-depth="1"],.dialog-toast[data-depth="2"] { height: var(--dialog-toast-front-height, 78px); overflow: hidden; }
.dialog-toast[data-depth="1"] { background: color-mix(in srgb,var(--pt-surface-alt) 75%,var(--pt-surface)); }
.dialog-toast[data-depth="2"] { background: var(--pt-surface-alt); }
.dialog-toast[data-depth="1"] > *,.dialog-toast[data-depth="2"] > * { visibility: hidden; }
.dialog-toast-sign { display: grid; place-items: center; width: 32px; height: 32px; border-radius: 11px; color: var(--pt-accent); background: var(--pt-accent-soft); box-shadow: inset 0 1px 0 #ffffff50,0 2px 4px #16251b08; }
.dialog-toast-sign[data-kind="error"] { color: #a44336; background: linear-gradient(150deg,#ffe9dc,#f4c4b6); box-shadow: inset 0 1px 0 #fff9,0 2px 4px #912f1712; }
html:not([data-pager-theme="light"]) .dialog-toast-sign[data-kind="error"] { color: #ffd3bb; background: linear-gradient(150deg,#79483b,#5b352c); box-shadow: inset 0 1px 0 #ffc6a926,0 2px 4px #0003; }
.dialog-toast-sign svg { width: 22px; height: 22px; }
.dialog-toast-copy { min-width: 0; max-height: calc(var(--dialog-toast-max-height, 280px) - 28px); overflow-y: auto; overscroll-behavior: contain; scrollbar-width: thin; touch-action: pan-y; }
.dialog-toast-title { margin: 0; font: 600 15px/1.35 var(--pager-ui-font); letter-spacing: -.12px; overflow-wrap: anywhere; }
.dialog-toast-detail { margin: 3px 0 0; color: var(--pt-muted-strong); font: 400 14px/1.35 var(--pager-ui-font); overflow-wrap: anywhere; }
.dialog-toast-detail[hidden] { display: none; }
.dialog-toast-close { position: absolute; right: 2px; top: 50%; transform: translateY(-50%); display: grid; place-items: center; width: 44px; height: 44px; padding: 0; border: 0; border-radius: 50%; color: var(--pt-muted); background: none; cursor: pointer; }
.dialog-toast-close svg { width: 20px; height: 20px; border-radius: 50%; background: color-mix(in srgb,var(--pt-text) 6%,transparent); padding: 3px; box-sizing: content-box; }
.dialog-toast-action { min-height: 44px; max-width: 100%; margin: 0 0 0 -7px; padding: 0 7px; border: 0; border-radius: 8px; background: none; color: var(--pt-accent); font: 600 14px/1.35 var(--pager-ui-font); text-align: left; overflow-wrap: anywhere; cursor: pointer; }
.dialog-toast-action:disabled { opacity: .65; cursor: default; }
.dialog-toast button:focus-visible { outline: 2px solid var(--pt-accent); outline-offset: -4px; }
.dialog-toast-live { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; clip-path: inset(50%); overflow: hidden; white-space: nowrap; }
@media (max-width: 340px) { .dialog-toast-stack { left: 12px; right: 12px; } .dialog-toast { gap: 9px; padding-left: 12px; } }