.document-preview{width:96vw;max-width:1600px;height:92dvh;max-height:92dvh;border:0;border-radius:8px;padding:0;box-shadow:0 16px 60px #0006}.document-preview::backdrop{background:#14213dc4}.document-preview[open]{display:flex;flex-direction:column}.document-preview-header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 20px;border-bottom:1px solid #e9ebec;flex-wrap:wrap}.document-preview-body{flex:1;min-height:0;display:flex;align-items:center;justify-content:center;background:#f3f6f9;overflow:auto}.document-preview-body iframe{width:100%;height:100%;border:0}.document-preview-body img{max-width:100%;max-height:100%;object-fit:contain}.document-preview-header strong{overflow-wrap:anywhere}

.document-preview-header>div{flex-wrap:wrap;align-items:center}.document-save-status:empty{display:none}
.document-stale-warning{flex-shrink:0;margin:0;padding:10px 16px;border-radius:0;border-width:0 0 1px;max-height:25dvh;overflow:auto;font-size:13px;line-height:1.5}.document-stale-warning[hidden]{display:none!important}

.document-tool-panel{padding:12px 20px;border-bottom:1px solid #dce4ef;max-height:48vh;overflow:auto;background:#fff}.document-tool-panel[hidden]{display:none}
.ex-document-mail-fields{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.ex-document-mail-fields>label{font-size:12px}.ex-document-mail-fields>label:nth-child(4),.ex-document-mail-body{grid-column:1/-1}
@media(max-width:700px){.ex-document-mail-fields{grid-template-columns:1fr}.document-tool-panel{max-height:60vh}}