.opf-message-panel{background:#fff;border:1px solid #e2d8e0;border-radius:20px;padding:30px;margin:30px 0;color:#261e27;scroll-margin-top:115px}.opf-message-heading{display:flex;justify-content:space-between;gap:20px;align-items:flex-start}.opf-message-heading h3{font:600 27px/1.2 system-ui;letter-spacing:-.7px;margin:12px 0}.opf-message-heading p{font:14px/1.6 system-ui;color:#6a5f68}.opf-message-badge{background:#f2e6ee;color:#6a294f;padding:10px 14px;border-radius:30px;white-space:nowrap;font:600 12px system-ui}.opf-message-history{display:flex;flex-direction:column;gap:14px;margin:24px 0;max-height:540px;overflow-y:auto;overscroll-behavior:contain;padding:4px}.opf-chat-bubble{background:#f4f1f4;border:1px solid #e6dfe5;border-radius:16px 16px 16px 3px;padding:18px;max-width:85%;align-self:flex-start;min-width:180px;overflow-wrap:anywhere}.opf-chat-bubble.is-mine{background:#f4e8f0;align-self:flex-end;border-color:#e0c9d9;border-radius:16px 16px 3px 16px}.opf-chat-bubble header{display:flex;gap:20px;flex-wrap:wrap;font:12px system-ui}.opf-chat-bubble time{color:#6a5f68;font-size:11px}.opf-chat-bubble p{font:14px/1.7 system-ui;margin:12px 0 0;white-space:normal}.opf-message-form label{display:block;font:600 14px system-ui;margin-bottom:8px}.opf-message-form textarea{box-sizing:border-box;width:100%;border:1px solid #bca8b6;border-radius:10px;padding:14px;font:15px/1.5 system-ui;background:#fff;color:#221c23;resize:vertical}.opf-message-form>div{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-top:15px}.opf-message-form>div>span{font:12px/1.5 system-ui;color:#6a5f68}.opf-admin .opf-message-form button{border:0;background:#211c24;color:#fff;padding:15px 22px;border-radius:8px;cursor:pointer;min-height:44px;white-space:nowrap;font-weight:600}.opf-message-pages a,.opf-message-pages span{display:inline-block;padding:10px;margin:2px}.opf-message-empty{font:14px/1.6 system-ui;color:#6a5f68;padding:20px;background:#f8f4f7;border-radius:12px}.opf-message-panel textarea:focus-visible,.opf-message-panel button:focus-visible{outline:3px solid #a55487;outline-offset:3px}
@media(max-width:640px){.opf-message-panel{padding:20px}.opf-message-heading{flex-direction:column;gap:4px}.opf-message-heading h3{font-size:24px}.opf-chat-bubble{max-width:95%;min-width:0}.opf-message-form>div{align-items:stretch;flex-direction:column}.opf-message-form button{justify-content:center}.opf-message-history{max-height:480px}}