/* Messenger keeps the application navigation accessible on mobile. */
body:has(.mp-messages-screen){overflow:hidden}
body:has(.mp-messages-screen) #globalRouteBack{visibility:hidden;pointer-events:none}
@media(max-width:959px){
 body:has(.mp-messages-screen) .bottom-nav{visibility:visible;pointer-events:auto;z-index:101}
}
body:has(.mp-messages-screen) .topbar{position:fixed!important;top:0!important;left:0;right:0;width:100%;max-width:none;margin:0;z-index:100;background:#101216;visibility:visible;pointer-events:auto}
.mp.mp-messages-screen{position:fixed!important;z-index:90;left:0;right:0;top:var(--messenger-top,0px);bottom:auto;width:100%;max-width:none;margin:0!important;padding:0!important;height:var(--messenger-height,100dvh)!important;min-height:0!important;display:flex;flex-direction:column;overflow:hidden;background:#101216;color:#f7f7f8}
.mp.mp-messages-screen .mp-messenger-header{display:flex;align-items:center;gap:8px;height:60px;min-height:60px;max-height:60px;margin:0!important;padding:8px 16px!important;box-sizing:border-box;border-bottom:1px solid #ffffff0a;background:#101216;flex:0 0 60px}
.mp-messages-screen:not(.is-composing) .mp-messenger-header h1{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.mp-messenger-header>button:first-child{margin-right:auto}
.mp-messages-screen.is-composing .mp-messenger-header>button:first-child{margin-right:0}
.mp-messenger-header h1{flex:1;min-width:0;margin:0;font-size:24px;line-height:1.2;letter-spacing:-.03em}
.mp-messenger-header button,.mp-messenger-header a{display:grid;place-items:center;flex:0 0 44px;width:44px;height:44px;border:0;border-radius:50%;background:transparent;color:#f5f6f7;text-decoration:none;font-size:28px;padding:0}
.mp-messenger-header button[data-ms=new-message]{background:#ff8d3d;color:#20140b;font-size:30px}
.mp-messenger-header svg{width:23px;height:23px}
.mp.mp-messages-screen .mp-inbox-panel{display:flex;flex-direction:column;min-height:0;flex:1;width:100%;max-width:880px;align-self:center;margin:0!important;padding:0!important;border:0!important;border-radius:0!important;background:#101216!important;overflow:hidden}
.mp.mp-messages-screen .mp-message-folders{display:flex;flex-shrink:0;gap:8px;margin:0;padding:8px 16px 14px;border-bottom:0;overflow:visible;background:transparent!important}
.mp.mp-messages-screen .mp-message-folders button{flex:0 0 auto;border:1px solid #343942;border-radius:24px;background:transparent;min-width:0;min-height:44px;padding:8px 16px;font-size:14px;line-height:1;gap:6px;font-weight:700;white-space:nowrap;color:#b8bec8}
.mp.mp-messages-screen .mp-message-folders button.active{background:#2b2e34;border-color:#3a3e46;color:#fff}
.mp.mp-messages-screen .mp-message-folders button:after{display:none}
.mp-messages-screen .mp-message-folders svg{display:none}
.mp.mp-messages-screen .mp-inbox-search{display:flex;align-items:center;gap:10px;flex-shrink:0;width:calc(100% - 32px)!important;max-width:calc(100% - 32px);box-sizing:border-box;margin:4px 16px 12px!important;padding:0 13px!important;height:46px!important;min-height:46px;border:1px solid #30353e;border-radius:14px;background:#1d2127;color:#a2abb9}
.mp-inbox-search svg{width:19px;height:19px;flex:none}
.mp.mp-messages-screen .mp-inbox-search input{width:100%;min-width:0;height:44px;padding:0!important;border:0!important;box-shadow:none!important;outline:0;background:transparent!important;border-radius:0;color:#fff;font-size:16px}
.mp-inbox-search:focus-within{border-color:#ffac73;box-shadow:0 0 0 2px #ffac7312}
.mp-messages-screen .mp-conversations{display:block;flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain;padding:0 8px calc(16px + env(safe-area-inset-bottom));scrollbar-width:thin}
.mp-messages-screen .mp-conversation{border:0!important;border-radius:16px!important;min-height:82px;margin:0 0 2px;background:transparent!important}
.mp-messages-screen .mp-conversation-open{grid-template-columns:60px minmax(0,1fr);gap:13px;min-height:90px;padding:13px 42px 13px 8px}
.mp-messages-screen .mp-conversation-avatar,.mp-messages-screen .mp-conversation-avatar>.mp-avatar{width:60px;height:60px;border-radius:50%;font-size:20px}
.mp-messages-screen .mp-conversation-avatar>.mp-avatar{border:1px solid #ffffff18;object-fit:cover}
.mp-messages-screen .mp-conversation-copy>span{display:flex;min-width:0;align-items:center;gap:8px;flex-wrap:wrap}
.mp-messages-screen .mp-conversation-copy strong{font-size:15px;line-height:1.4;font-weight:650;flex:1;min-width:0}
.mp-messages-screen .mp-conversation-copy time{order:2;width:100%;font-size:11px;color:#8993a3;line-height:1.2}
.mp-messages-screen .mp-conversation-copy>small{font-size:14px;line-height:1.4;color:#a6afbd;margin-top:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block}
.mp-messages-screen .mp-conversation.unread strong{font-weight:850;color:#fff}
.mp-messages-screen .mp-conversation.unread small{color:#e7eaf0;font-weight:650}
.mp-messages-screen .mp-conversation-avatar b{min-width:18px;height:18px;right:-2px;bottom:0;font-size:10px;background:#ff8d3d;color:#20140b;border:2px solid #101216}
.mp-messages-screen .mp-conversation-menu{right:4px;top:18px}
.mp-messages-screen .mp-conversation-menu>summary{width:36px;height:44px;font-size:17px;color:#8893a3}
.mp-messages-screen .mp-message-search{display:none;flex:1;min-height:0;overflow:auto;padding:8px 18px;background:transparent!important}
.mp-messages-screen.is-composing .mp-message-search{display:block}
.mp-messages-screen.is-composing :is(.mp-message-folders,.mp-conversations,.mp-inbox-search,.mp-archive-note){display:none}
.mp-messages-screen .mp-new-message-label{display:none}
.mp-messages-screen .mp-message-search-field{min-height:48px;border-radius:14px;margin-bottom:16px}
.mp-messages-screen .mp-results>button{min-height:68px;border-radius:15px}
.mp-messages-screen .mp-results .mp-avatar{width:44px;height:44px;border-radius:50%}
.mp-messages-screen .mp-message-empty{border:0;background:transparent;padding:36px 20px;box-shadow:none}
.mp-messages-screen [hidden]{display:none!important}
.mp.mp-messages-screen.is-thread .mp-thread-window{display:flex;flex-direction:column;height:100%;flex:1;min-height:0;border:0;border-radius:0;margin:0!important;padding:0!important;background:#101216;overflow:hidden}
.mp-messages-screen.is-thread .mp-message-head{flex-shrink:0;grid-template-columns:44px minmax(0,1fr) 44px;min-height:70px;padding:calc(9px + env(safe-area-inset-top)) 10px 9px;gap:8px;background:#101216;border-color:#ffffff10}
.mp-messages-screen.is-thread .mp-message-person{justify-self:start;text-align:left;gap:10px}
.mp-messages-screen.is-thread .mp-message-person strong{font-size:15px}.mp-messages-screen.is-thread .mp-message-person small{font-size:11px;color:#a3adba}
.mp-messages-screen.is-thread .mp-thread{flex:1;min-height:0;height:auto;max-height:none;padding:20px 12px;background:#101216;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scroll-behavior:auto}
.mp-messages-screen.is-thread .mp-message-row{gap:7px;margin-top:3px}
.mp-messages-screen.is-thread .mp-message-row.mine>.mp-avatar{display:none}
.mp-messages-screen.is-thread .mp-message-row.theirs>.mp-avatar{width:27px;height:27px;font-size:11px;flex-shrink:0}
.mp-messages-screen.is-thread .mp-message-row .mp-message{max-width:min(82%,560px);border-radius:21px;padding:10px 13px;box-shadow:none;font-size:15px;line-height:1.5}
.mp-messages-screen.is-thread .mp-message.mine{background:linear-gradient(135deg,#ff9d52,#f77d32);color:#23170e;border-bottom-right-radius:7px}
.mp-messages-screen.is-thread .mp-message.theirs{background:#272c34;border-bottom-left-radius:7px}
.mp-messages-screen.is-thread .mp-voice-message{min-width:0;width:min(260px,60vw)}
.mp-messages-screen.is-thread .mp-message-audio{max-width:100%;min-width:0}
.mp-messages-screen.is-thread .mp-message footer{opacity:.85}.mp-messages-screen.is-thread .mp-message.mine .mp-read-receipt{color:#442b18}
.mp-messages-screen.is-thread .mp-message.mine .mp-read-receipt.read{color:#283d32}
.mp-messages-screen.is-thread .mp-message-safety{display:none}
.mp-messages-screen.is-thread .mp-message-compose{display:grid;flex-shrink:0;grid-template-columns:minmax(0,1fr) 44px;gap:8px;align-items:end;padding:10px 12px calc(10px + env(safe-area-inset-bottom));background:#101216;border:0}
.mp-messages-screen.is-thread .mp-compose-main{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:0;align-items:end;padding:3px 5px;border:1px solid #3d444f;border-radius:25px;background:#20252c}
.mp-messages-screen.is-thread .mp-message-compose textarea{grid-column:1;min-height:44px;max-height:120px;width:100%;padding:11px 9px;background:transparent;border:0;border-radius:20px;outline:0;resize:none;line-height:1.4;font-size:16px;box-shadow:none}
.mp-messages-screen.is-thread .mp-compose-main:focus-within{border-color:#ffab71}
.mp-messages-screen.is-thread .mp-media-pick:focus-within{outline:2px solid #ffad78;outline-offset:-2px}
.mp-messages-screen.is-thread .mp-compose-tools{grid-column:2;display:flex;gap:0;padding:0;min-height:44px;overflow:visible}
.mp-messages-screen.is-thread .mp-compose-tools>button,.mp-messages-screen.is-thread .mp-media-pick{width:36px;height:44px;border:0;background:transparent;border-radius:50%;font-size:20px;color:#c7d0dc}
.mp-messages-screen.is-thread .mp-compose-tools>button:first-child{width:32px;font-size:18px}
.mp-messages-screen.is-thread .mp-compose-tools #ms-media-status:empty{display:none}
.mp-messages-screen.is-thread .mp-compose-tools #ms-media-status:not(:empty){position:absolute;bottom:100%;right:0;max-width:260px;padding:5px 8px;border-radius:10px;background:#242b35;font-size:11px;color:#ffd3b3}
.mp-messages-screen.is-thread .mp-send{width:44px;height:48px;min-height:48px;border:0;box-shadow:none;border-radius:50%;background:transparent;color:#ffac71}
.mp-messages-screen.is-thread .mp-send svg{width:25px;height:25px}
.mp-messages-screen.is-thread .mp-emoji-picker,.mp-messages-screen.is-thread .mp-voice-preview,.mp-messages-screen.is-thread .mp-recording-panel{grid-column:1/-1}
.mp-messages-screen.is-thread .mp-compose-reply{margin:0 8px 4px;background:#20252c;border-radius:14px}
.mp-messages-screen.is-thread .mp-message-compose.is-recording .mp-compose-main{grid-template-columns:minmax(0,1fr);border:0;padding:0;background:transparent}
.mp-messages-screen.is-thread>.mp-thread-window>.mp-alert{position:static;flex-shrink:0;margin:0;padding:8px 16px;background:#33241e;color:#ffc499;text-align:left;pointer-events:auto;font-size:13px}
.mp-messages-screen.is-thread>.mp-thread-window>.mp-alert:empty{display:none}
.mp-messages-screen.is-thread .mp-message-blocked{flex-shrink:0;padding:18px}
@media(min-width:900px){.mp-messenger-header{padding-inline:max(24px,calc((100vw - 850px)/2))!important}.mp-messages-screen.is-thread .mp-thread{padding-inline:max(24px,calc((100vw - 850px)/2))}.mp-messages-screen.is-thread .mp-message-compose{padding-inline:max(24px,calc((100vw - 850px)/2))}.mp-messages-screen.is-thread .mp-message-head{padding-inline:max(24px,calc((100vw - 850px)/2))}}
@media(max-width:360px){.mp-messenger-header h1{font-size:21px}.mp-messages-screen .mp-conversation-copy time{font-size:9px}.mp-messages-screen.is-thread .mp-compose-tools>button,.mp-messages-screen.is-thread .mp-media-pick{width:32px}}
@media(hover:hover){.mp-messages-screen .mp-conversation:hover{background:#1c2128!important}.mp-messenger-header a:hover{background:#252b34}}
@media(prefers-reduced-motion:reduce){.mp-messages-screen *{animation:none!important;transition:none!important}}
.mp-floating-menu{position:fixed!important;inset:auto!important;margin:0!important;z-index:10030!important;max-width:calc(100vw - 16px);max-height:calc(100dvh - 16px);overflow:auto;box-sizing:border-box}
.mp-floating-menu[popover]:not(:popover-open){display:none!important}
.mp-floating-menu button{min-height:44px!important;white-space:nowrap}
@media(max-width:959px){
 .mp.mp-messages-screen{height:calc(var(--messenger-height,100dvh) - 88px - env(safe-area-inset-bottom,0px))!important}
}
/* Keep navigation above the mobile keyboard, anchored to the visible viewport. */
@media(max-width:959px){body:has(.mp-messages-screen) .bottom-nav{top:calc(var(--messenger-viewport-bottom,100dvh) - 72px - max(8px,env(safe-area-inset-bottom,0px)))!important;bottom:auto!important}}