/* v3.12.1 – inbox viewport, composer visibility and survey review */
.inbox-workspace{height:clamp(500px,calc(100dvh - 245px),760px)}
.conversation{min-height:0;overflow:hidden}
.message-scroller{min-height:120px}
.composer{flex:none;position:relative;z-index:2;padding-bottom:max(15px,var(--safe-bottom))}
.compose-frame{box-shadow:0 -3px 16px rgba(24,39,75,.04)}
.inbox-survey-alert{margin:4px 0 14px;padding:13px;border:1px solid color-mix(in srgb,var(--orange) 38%,var(--line));background:color-mix(in srgb,var(--orange) 8%,var(--surface));border-radius:12px}
.inbox-survey-alert>span{display:flex;align-items:center;gap:7px;color:var(--orange);font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.04em}
.inbox-survey-alert>b,.inbox-survey-alert>small{display:block;margin-top:7px}
.inbox-survey-alert>b{font-size:12px}.inbox-survey-alert>small{font-size:10px;color:var(--muted);line-height:1.5;overflow-wrap:anywhere}
.inbox-survey-alert>div{display:flex;gap:6px;margin-top:10px;flex-wrap:wrap}
@media(max-width:680px){.inbox-workspace{height:calc(100dvh - 210px);min-height:460px}.composer{padding-bottom:calc(11px + var(--safe-bottom))}.quick-reply-bar{max-height:72px;overflow-x:auto}.composer textarea{min-height:54px}}
@media(max-height:720px) and (min-width:681px){.inbox-workspace{height:500px}.composer textarea{height:48px;min-height:48px}.quick-reply-bar{padding-block:6px}}