.mm-mailbox-preview,.mm-mailbox-chat{position:fixed;z-index:100060;background:#fff;color:#172554;border:1px solid #ddd6fe;border-radius:16px;box-shadow:0 14px 45px #1e1b4b26;font:14px/1.5 system-ui,sans-serif;box-sizing:border-box}
.mm-mailbox-preview[hidden],.mm-mailbox-chat[hidden]{display:none!important}
.mm-mailbox-preview{width:340px;max-width:calc(100vw - 16px);max-height:calc(100vh - 24px);overflow:auto;padding:12px}
.mm-mailbox-preview h2{font-size:16px;font-weight:700;margin:0 0 8px}.mm-mailbox-preview footer{margin-top:10px}.mm-mailbox-preview a,.mm-mailbox-chat a{color:#6d28d9;text-decoration:underline}
.mm-mailbox-item{display:flex;gap:10px;width:100%;padding:10px 6px;text-align:left;border:0;border-bottom:1px solid #eee;background:transparent;color:inherit;cursor:pointer;font:inherit;border-radius:8px}.mm-mailbox-item:hover{background:#f5f3ff}
.mm-mailbox-avatar{width:36px;height:36px;flex:none;border-radius:50%;background:#ede9fe;display:grid;place-items:center;color:#6d28d9;overflow:hidden}.mm-mailbox-avatar img{width:100%;height:100%;object-fit:cover}.mm-mailbox-item-main{min-width:0;flex:1}.mm-mailbox-item-name{display:flex;gap:8px;justify-content:space-between;font-weight:650}.mm-mailbox-item-name small{font-size:11px;color:#6d28d9;white-space:nowrap}.mm-mailbox-snippet{font-size:12px;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#64748b}.mm-mailbox-error{color:#92400e;font-size:12px;margin:6px 0;overflow-wrap:anywhere}.mm-mailbox-error:empty{display:none}
.mm-mailbox-chat{width:390px;height:520px;max-width:calc(100vw - 16px);max-height:calc(100dvh - 16px);display:flex;flex-direction:column;overflow:hidden}
.mm-mailbox-chat header{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;border-bottom:1px solid #ede9fe;cursor:grab;touch-action:none;flex:none;gap:8px}.mm-mailbox-chat header:active{cursor:grabbing}.mm-mailbox-chat h2{font-size:17px;font-weight:700;margin:0;overflow-wrap:anywhere}.mm-mailbox-chat header small{font-size:11px;color:#64748b}.mm-mailbox-chat button{font:inherit;border:1px solid #ddd6fe;border-radius:8px;cursor:pointer;padding:6px 10px;background:#fff;color:#4c1d95;min-height:36px}.mm-mailbox-chat button:disabled{opacity:.5;cursor:wait}.mm-mailbox-close{font-size:20px!important;flex:none}
.mm-mailbox-thread{flex:1;overflow:auto;min-height:0;padding:12px 14px;overscroll-behavior:contain}.mm-mailbox-bubble{background:#f1f5f9;border-radius:12px;padding:8px 11px;margin:8px 0;max-width:88%;width:fit-content;overflow-wrap:anywhere;white-space:pre-wrap}.mm-mailbox-bubble.mine{margin-left:auto;background:#ede9fe}.mm-mailbox-bubble time{display:block;font-size:10px;color:#64748b;margin-top:4px}.mm-mailbox-chat form{padding:10px 14px 14px;border-top:1px solid #ede9fe;flex:none}.mm-mailbox-chat textarea{width:100%;resize:vertical;max-height:100px;min-height:54px;font:inherit;border:1px solid #cbd5e1;border-radius:10px;padding:8px;box-sizing:border-box;color:#172554;background:white}.mm-mailbox-chat label{font-size:12px;display:block;margin-bottom:4px}.mm-mailbox-compose-actions{display:flex;justify-content:space-between;gap:8px;align-items:center;margin-top:6px;font-size:12px}.mm-mailbox-chat .mm-mailbox-send{background:#7c3aed;color:white;border-color:#7c3aed}
.mm-mailbox-preview :focus-visible,.mm-mailbox-chat :focus-visible,.mm-mailbox-toggle:focus-visible{outline:2px solid #7c3aed;outline-offset:2px}.mm-mailbox-toggle{border:0;background:transparent;color:#6d28d9;padding:2px 4px;cursor:pointer;font-size:12px;align-self:center}