.compose-dialog{width:min(780px,calc(100vw - 32px));max-height:calc(100vh - 40px);padding:24px;border:1px solid #cbded5;border-radius:18px;color:#18392e;box-shadow:0 18px 70px #15372b40;background:#fff;overflow:auto}
.compose-dialog::backdrop{background:#102b2466}.compose-heading,.compose-actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap;justify-content:space-between}.compose-heading h2{margin:0}.compose-dialog label{display:block;margin-top:16px;margin-bottom:6px;font-weight:700}.compose-dialog input:not([type=checkbox]),.compose-dialog textarea,.compose-dialog select{width:100%;box-sizing:border-box}.compose-dialog textarea{min-height:250px;line-height:1.6}.compose-dialog .compose-actions{justify-content:flex-start;margin-top:16px}.compose-confirmation{margin-top:20px;padding:16px;background:#f1f7f4;border:1px solid #cbded5;border-radius:12px}.compose-confirmation pre{white-space:pre-wrap;overflow-wrap:anywhere;font:inherit;max-height:320px;overflow:auto}.compose-dialog .compose-check{display:flex;gap:8px;align-items:flex-start}.compose-dialog .notice{font-size:13px}.compose-dialog .message{overflow-wrap:anywhere}.compose-dialog #compose-list{margin-top:18px}.compose-dialog button{min-height:40px}
@media(max-width:600px){.compose-dialog{padding:16px;max-height:calc(100dvh - 24px)}.compose-actions button{flex:1 1 auto}.compose-heading h2{font-size:20px}}
/* Keep the message visible when the extra mail controls join a narrow desktop. */
@media(min-width:851px) and (max-width:1100px){.workspace-nav{gap:.35rem .5rem}.workspace-nav button{padding:.5rem .65rem;font-size:.82rem}.workspace-nav #security-link{font-size:.82rem}.workspace-nav #ai-status{font-size:.75rem}.case-mail-actions{gap:.35rem}.case-mail-actions button{font-size:.8rem;padding:.45rem .6rem}}