.mgrmedia-bubble{min-width:180px;max-width:min(390px,85%)!important}.mgrmedia-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px;width:min(340px,65vw)}.mgrmedia-grid.mgrmedia-single{grid-template-columns:1fr}.mgrmedia-photo{position:relative;aspect-ratio:1;overflow:hidden;padding:0;border:0;border-radius:12px;background:#e8e6f1;color:#65558c;cursor:pointer;display:grid;place-items:center}.mgrmedia-photo img{width:100%;height:100%;object-fit:cover}.mgrmedia-photo:focus-visible{outline:3px solid #8055c2;outline-offset:2px}.mgrmedia-more{position:absolute;inset:0;display:grid;place-items:center;background:#16102288;color:white;font-size:2rem;font-weight:600}.mgrmedia-caption{white-space:pre-wrap;overflow-wrap:anywhere;margin-top:6px}.mgrmedia-voice{display:flex;flex-wrap:wrap;align-items:center;gap:7px;max-width:100%}.mgrmedia-voice audio{width:min(280px,60vw);height:38px}.mgrmedia-voice button,.mgrmedia-actions button{border:1px solid #e6e2ef;border-radius:12px;background:#fff;color:#63449a;padding:8px 11px;cursor:pointer;font:inherit;font-size:13px}.mgrmedia-voice button:disabled,.mgrmedia-actions button:disabled{opacity:.5;cursor:wait}.mgrmedia-error{font-size:12px;flex-basis:100%;color:#7c4c57}.mgrmedia-composer{padding:0 0 7px}.mgrmedia-actions{display:flex;align-items:center;flex-wrap:wrap;gap:6px}.mgrmedia-actions [hidden]{display:none!important}.mgrmedia-status{font-size:12px;color:#756781;flex:1;min-width:120px}.mgrmedia-previews{display:flex;gap:8px;overflow-x:auto;max-height:130px}.mgrmedia-preview{position:relative;flex:none;margin:4px 0 8px}.mgrmedia-preview img{height:84px;width:84px;object-fit:cover;border-radius:12px}.mgrmedia-preview audio{max-width:250px;height:42px;margin-right:30px}.mgrmedia-preview button{position:absolute;top:0;right:0;border:0;border-radius:50%;background:#fff;color:#513b75;box-shadow:0 1px 5px #0003;width:24px;height:24px;cursor:pointer}.mgrmedia-lightbox{position:fixed;inset:0;margin:auto;box-sizing:border-box;border:0;border-radius:20px;background:#18151f;color:white;width:min(1100px,95vw);max-height:92dvh;padding:16px;z-index:10000}.mgrmedia-lightbox::backdrop{background:#100c1bdb}.mgrmedia-lightbox header{display:flex;justify-content:space-between;align-items:center;padding-bottom:10px}.mgrmedia-lightbox button{border:0;border-radius:50%;background:#ffffff1a;color:white;width:38px;height:38px;cursor:pointer;font-size:24px;flex:none}.mgrmedia-large{display:flex;gap:10px;align-items:center;justify-content:space-between}.mgrmedia-picture{min-width:0;min-height:150px;display:grid;place-items:center;flex:1}.mgrmedia-picture img{max-width:100%;max-height:70dvh;object-fit:contain}.mgrmedia-lightbox p{white-space:pre-wrap;margin-bottom:0}.mgrmedia-lightbox button[hidden]{visibility:hidden;display:block}@media(max-width:680px){.mgrmedia-lightbox{padding:10px}.mgrmedia-large{gap:4px}.mgrmedia-large>button{width:28px;height:34px}.mgrmedia-voice audio{width:220px}.mgrmedia-grid{width:min(300px,65vw)}}

.mgrmedia-actions button{display:inline-flex;align-items:center;gap:5px}.mgrmedia-status:empty{display:none}

/* Compact reply: attachment choices appear only when requested. */
.mgr-reply-note:empty,.mgrmedia-composer[hidden]{display:none!important}
.mgr-reply-row textarea{min-width:0}
.mgrmedia-attach{position:relative;flex:none;align-self:flex-end}
.mgrmedia-attach summary{display:flex;align-items:center;justify-content:center;list-style:none;width:42px;height:42px;border-radius:50%;cursor:pointer;color:#746386;background:transparent;touch-action:manipulation}
.mgrmedia-attach summary::-webkit-details-marker{display:none}
.mgrmedia-attach summary:hover,.mgrmedia-attach[open] summary{background:#f0ebf8;color:#7134b8}
.mgrmedia-attach summary:focus-visible,.mgrmedia-attach-menu button:focus-visible{outline:2px solid #8055c2;outline-offset:2px}
.mgrmedia-attach-menu{position:absolute;bottom:calc(100% + 10px);right:0;z-index:12;min-width:160px;padding:6px;display:flex;flex-direction:column;gap:2px;border:1px solid #ebe6f0;border-radius:16px;background:#fff;box-shadow:0 8px 28px #24133d20}
.mgrmedia-attach-menu button{display:flex;align-items:center;gap:12px;min-height:44px;border:0;border-radius:10px;padding:10px 12px;background:transparent;color:#49365e;cursor:pointer;font:inherit;font-size:14px;text-align:left}
.mgrmedia-attach-menu button:hover{background:#f5f1fa}
.mgrmedia-attach-menu svg{width:20px;height:20px}
.mgrmedia-composer{padding-bottom:0}

/* Document cards and a viewport-centered PDF preview, shared by desktop and mobile. */
.mgrmedia-document{display:flex;align-items:flex-start;flex-wrap:wrap;gap:10px;min-width:180px;max-width:100%;padding:4px 0}.mgrmedia-file-icon{display:grid;place-items:center;width:32px;height:40px;flex:none;color:#7156a5;font-size:28px}.mgrmedia-file-info{flex:1;min-width:0}.mgrmedia-file-info strong{display:block;font-size:14px;font-weight:550;overflow-wrap:anywhere}.mgrmedia-file-info small{display:block;opacity:.65;margin:3px 0;font-size:11px}.mgrmedia-file-actions{display:flex;gap:14px}.mgrmedia-file-actions button{padding:6px 0;border:0;background:transparent;color:#633a99;font:inherit;font-size:12px;cursor:pointer}.mgrmedia-file-actions button:disabled{opacity:.5}.mgrmedia-upload-document{display:block;max-width:260px;padding:12px 30px 12px 12px;border-radius:10px;background:#f2eff8;font-size:13px;overflow-wrap:anywhere}
.mgrmedia-doc-viewer{position:fixed;inset:0;margin:auto;box-sizing:border-box;width:min(1000px,95vw);height:min(850px,92dvh);max-width:95vw;max-height:92dvh;border:0;border-radius:18px;background:white;color:#372c43;padding:0;z-index:10000}.mgrmedia-doc-viewer[open]{display:flex;flex-direction:column}.mgrmedia-doc-viewer::backdrop{background:#100c1ba6;backdrop-filter:blur(3px)}.mgrmedia-doc-viewer header{display:flex;align-items:center;gap:12px;padding:12px 16px;border-bottom:1px solid #eee;flex:none}.mgrmedia-doc-viewer header strong{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:14px}.mgrmedia-doc-viewer button{border:0;border-radius:10px;padding:8px 12px;background:#f1edf8;color:#633a99;cursor:pointer;font:inherit;font-size:13px}.mgrmedia-doc-content{flex:1;min-height:0;background:#f5f4f8;display:grid;place-items:center;overflow:auto}.mgrmedia-doc-content{display:block;padding:12px;text-align:center}.mgrmedia-doc-content canvas{display:block;margin:0 auto;background:white;max-width:100%;height:auto!important}.mgrmedia-doc-pages{display:flex;justify-content:center;align-items:center;gap:14px;padding:5px;flex:none}.mgrmedia-doc-pages[hidden]{display:none}.mgrmedia-doc-pages span{font-size:12px}.mgrmedia-doc-pages button:disabled{opacity:.4}.mgrmedia-doc-viewer p{margin:0;padding:8px 16px;color:#82778b;font-size:11px;flex:none}@media(max-width:680px){.mgrmedia-doc-viewer{width:96vw;max-width:96vw;height:90dvh}.mgrmedia-doc-viewer header{padding:10px;gap:6px}.mgrmedia-doc-viewer button{padding:8px}.mgrmedia-document{min-width:160px}}
.mgr-official-note[hidden]{display:none!important}
.mgr-official-templates{width:min(560px,95vw);height:fit-content;max-height:88dvh}.mgr-template-body{padding:16px;overflow:auto;min-height:0}.mgr-template-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:12px;margin-bottom:14px;overflow-wrap:anywhere}.mgr-template-content{display:grid;gap:12px}.mgr-template-content label{display:grid;gap:6px;font-size:12px}.mgr-template-content input,.mgr-template-content textarea,.mgr-template-content select{width:100%;box-sizing:border-box;min-width:0;padding:9px 10px;border:1px solid #ddd6e7;border-radius:9px;background:#fff;font:inherit;font-size:14px;color:inherit}.mgr-template-content textarea{min-height:100px;resize:vertical}.mgr-template-content .mgr-template-option{text-align:left;display:grid;grid-template-columns:1fr auto;gap:6px;padding:12px;white-space:normal}.mgr-template-option>span{grid-column:1/-1;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#776d80}.mgr-template-option small{font-size:10px}.mgr-template-option:disabled{opacity:.55;cursor:default}.mgr-template-preview{white-space:pre-wrap;overflow-wrap:anywhere;background:#e6f7e9;border-radius:12px;padding:14px;font-size:14px}.mgr-template-pages{display:flex;justify-content:space-between;align-items:center;font-size:12px}.mgr-template-content .mgr-template-primary{background:#7841ce;color:white;justify-self:end}.mgr-template-status{white-space:pre-wrap;margin:12px 0 0!important}.mgr-template-content small{font-size:11px;color:#81768b}