.messenger{display:grid;grid-template-columns:310px minmax(0,1fr);height:660px;max-height:80dvh;min-height:440px;border:1px solid #dfe7ee;border-radius:20px;background:#fff;overflow:hidden;box-shadow:0 5px 22px #203a5010;color:#20384e}.messenger-inbox{display:flex;flex-direction:column;border-right:1px solid #e7edf2;min-height:0}.messenger-inbox-head{display:flex;justify-content:space-between;align-items:center;padding:23px 21px 17px}.messenger-eyebrow{font-size:8px;font-weight:750;letter-spacing:2px;color:#7893a2}.messenger h2{font-size:26px;font-weight:750;letter-spacing:-.7px;margin:4px 0 0}.messenger-new{border:1px solid #dce9ef;border-radius:12px;background:#f0f7f8;color:#326f7c;font-size:25px;width:39px;height:39px;cursor:pointer}.messenger-search{display:flex;align-items:center;gap:9px;padding:9px 12px;margin:0 17px;background:#f2f5f8;border-radius:11px;color:#8a9caa}.messenger-search input{background:none;border:0;outline:none;width:100%;font-size:12px;color:#3b566c;min-width:0;padding:3px}.messenger-section-label{font-size:8px;font-weight:700;letter-spacing:1.5px;color:#9aa7b2;padding:19px 22px 8px;margin:0}.messenger-conversations{overflow-y:auto;flex:1;padding:4px 9px}.messenger-conversation{display:flex;align-items:center;gap:11px;width:100%;text-align:left;padding:13px 10px;border-radius:11px;border:0;background:none;cursor:pointer;margin-bottom:3px;min-width:0}.messenger-conversation:hover{background:#f6f9fb}.messenger-conversation.selected{background:#edf5f8}.messenger-avatar{display:flex;align-items:center;justify-content:center;width:42px;height:42px;background:#e7f0f4;color:#387285;font-size:12px;font-weight:750;border-radius:50%;flex-shrink:0;letter-spacing:.4px}.messenger-avatar.group{background:#eeebf7;color:#7b6d9a}.messenger-conversation-copy{min-width:0;flex:1}.messenger-conversation-copy strong{display:block;font-size:12px;font-weight:700;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.messenger-conversation-copy small{display:block;font-size:10px;color:#8b99a6;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;margin-top:5px}.messenger-last-time{font-size:8px;color:#91a0ae;align-self:flex-start;padding-top:4px;white-space:nowrap}.messenger-inbox-foot{border-top:1px solid #edf1f5;padding:14px;text-align:center;font-size:9px;color:#9aabb7}.messenger-thread{display:flex;flex-direction:column;min-width:0;min-height:0;background:#f3f7fa}.messenger-thread-head{display:flex;align-items:center;gap:12px;padding:17px 22px;border-bottom:1px solid #e4ebf0;background:#fff}.messenger-thread-head .messenger-avatar{width:37px;height:37px}.messenger-thread-person{flex:1;min-width:0}.messenger-thread-person h3{font-size:13px;font-weight:750;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.messenger-thread-person p{font-size:10px;color:#8da0af;margin:4px 0 0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.messenger-group{font-size:10px;color:#4d7d8f;border:1px solid #e1eaf0;border-radius:8px;background:#fff;padding:8px 10px;white-space:nowrap}.messenger-back{display:none}#staff-messenger #chat-messages-container{flex:1;min-height:0;max-height:none;padding:20px 24px;overflow-y:auto;scroll-behavior:smooth;overscroll-behavior:contain}.messenger-day{text-align:center;font-size:9px;color:#8da0af;margin:9px 0 18px}.messenger-message{display:flex;margin:9px 0;max-width:100%;overflow-wrap:anywhere}.messenger-message.outgoing{justify-content:flex-end}.messenger-bubble{max-width:78%;padding:11px 14px;border-radius:15px 15px 15px 4px;background:#fff;border:1px solid #e3eaf0;box-shadow:0 2px 3px #1b395005;min-width:65px}.outgoing .messenger-bubble{background:#1e6679;border-color:#1e6679;color:#fff;border-radius:15px 15px 4px 15px}.messenger-bubble p{font-size:12px;line-height:1.75;white-space:pre-wrap;margin:0}.messenger-bubble time{display:block;text-align:right;font-size:8px;color:#9baab5;margin-top:6px}.outgoing .messenger-bubble time{color:#b5d8e2}.messenger-sender{display:block;font-size:10px;color:#447c90;margin-bottom:5px}.messenger-photo-button{display:block;max-width:230px;background:none;border:0;border-radius:9px;overflow:hidden;margin-bottom:7px;padding:0}.messenger-photo-button img{display:block;max-width:100%;max-height:220px;object-fit:contain;background:#e5edf3}.messenger-empty{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;color:#8ca2b2;gap:8px}.messenger-empty>span{font-size:32px;color:#85acb8}.messenger-empty strong{font-size:15px;color:#56768b}.messenger-empty p{font-size:11px;max-width:240px;line-height:1.8}.messenger-compose{display:flex;align-items:flex-end;flex-wrap:wrap;gap:10px;background:#fff;padding:14px 18px 8px;border-top:1px solid #e6ecf2}.messenger-compose textarea{flex:1;min-width:0;resize:none;max-height:120px;min-height:42px;padding:11px 14px;border:1px solid #e3eaf0;background:#f7f9fb;border-radius:21px;outline:none;font-size:12px;line-height:1.6}.messenger-compose textarea:focus{border-color:#76abb9}.messenger-attach{width:38px;height:42px;background:none;border:0;font-size:27px;color:#7d96a8;cursor:pointer}.messenger-send{width:40px;height:40px;border:0;border-radius:50%;background:#1e6679;color:#fff;font-size:23px;font-weight:650;cursor:pointer;margin-bottom:1px}.messenger-send:disabled{opacity:.45;cursor:not-allowed}#messenger-send-status{flex-basis:100%;font-size:9px;text-align:center;color:#8398a8;min-height:12px;margin:0}.messenger-attachment{background:#fff;padding:10px 20px;display:flex;align-items:center;gap:12px;border-top:1px solid #e3eaf0}.messenger-attachment[hidden]{display:none}.messenger-attachment img{width:46px;height:46px;object-fit:cover;border-radius:7px}.messenger-attachment span{font-size:11px;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.messenger-attachment button{border:0;background:none;font-size:22px;color:#7e93a3}.messenger-photo-viewer{position:fixed;inset:0;z-index:90;background:#07192ded;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:20px;gap:15px}.messenger-photo-viewer[hidden]{display:none!important}.messenger-photo-viewer>button{align-self:flex-end;color:#fff;border:1px solid #ffffff55;padding:9px 15px;border-radius:9px;background:#ffffff11}.messenger-photo-viewer>img{max-width:100%;max-height:83dvh;object-fit:contain}.messenger button:focus-visible,.messenger input:focus-visible,.messenger textarea:focus-visible{outline:3px solid #7dbbc4;outline-offset:2px}
@media(max-width:767px){.messenger{display:block;height:calc(100dvh - 170px);max-height:none;min-height:470px;border-radius:15px}.messenger-inbox,.messenger-thread{height:100%;border-right:0}.messenger[data-view=inbox] .messenger-thread{display:none}.messenger[data-view=thread] .messenger-inbox{display:none}.messenger-inbox-head{padding:21px}.messenger-search input{font-size:16px}.messenger-conversation{padding:15px 12px}.messenger-conversation-copy strong{font-size:14px}.messenger-conversation-copy small{font-size:12px}.messenger-last-time{font-size:10px}.messenger-thread-head{padding:13px 12px;gap:8px}.messenger-back{display:block;border:0;background:none;color:#29677d;font-size:35px;line-height:1;width:28px;flex-shrink:0}.messenger-thread-person h3{font-size:13px}.messenger-group{font-size:9px;padding:8px}.messenger-thread-head .messenger-avatar{width:33px;height:33px;font-size:10px}#staff-messenger #chat-messages-container{padding:12px 13px}.messenger-bubble{max-width:87%;padding:10px 12px}.messenger-bubble p{font-size:14px}.messenger-bubble time{font-size:9px}.messenger-compose{padding:11px 10px 5px;gap:6px}.messenger-compose textarea{font-size:16px;min-height:44px;line-height:1.4;padding:10px 12px}.messenger-attach{width:30px}.messenger-send{width:38px;height:38px;margin-bottom:3px}.messenger-photo-button{max-width:210px}.messenger-photo-button img{max-height:200px}}
@media(prefers-reduced-motion:reduce){#staff-messenger #chat-messages-container{scroll-behavior:auto}}