/* Instagram-style message long-press overlay: dark floating reactions, message, actions. */
.pati-dm-context-menu{
 position:fixed!important;inset:0!important;box-sizing:border-box!important;
 display:flex!important;flex-direction:column!important;align-items:flex-end!important;
 width:100vw!important;height:100dvh!important;max-width:none!important;max-height:none!important;
 margin:0!important;padding:0 14px!important;border:0!important;
 overflow-y:auto!important;overflow-x:hidden!important;background:transparent!important;
 color:#fff!important;z-index:999999!important;overscroll-behavior:contain!important;
}
.pati-dm-context-menu:not([open]){display:none!important}
.pati-dm-context-menu::backdrop{
 background:rgba(14,15,19,.73)!important;
 -webkit-backdrop-filter:blur(9px)!important;backdrop-filter:blur(9px)!important;
}
.pati-dm-context-content{
 box-sizing:border-box!important;display:flex!important;flex-direction:column!important;gap:12px!important;
 flex:0 0 auto!important;width:min(380px,100%)!important;max-width:100%!important;min-width:0!important;
 max-height:calc(100dvh - 28px)!important;overflow-y:auto!important;overflow-x:hidden!important;
 margin-top:clamp(12px,var(--pati-dm-context-top,10vh),calc(100dvh - 540px))!important;
 margin-bottom:14px!important;padding:0!important;border:0!important;border-radius:0!important;
 box-shadow:none!important;background:transparent!important;color:#fff!important;
 scrollbar-width:none!important;-webkit-overflow-scrolling:touch!important;
}
.pati-dm-context-content::-webkit-scrollbar{display:none}
.pati-dm-context-reactions{
 display:flex!important;align-items:center!important;justify-content:space-between!important;
 width:100%!important;min-height:64px!important;padding:7px 10px!important;margin:0!important;gap:2px!important;
 border-radius:999px!important;background:#181b1e!important;border:1px solid rgba(255,255,255,.04)!important;
 box-shadow:0 12px 38px rgba(0,0,0,.26)!important;
}
.pati-dm-context-reactions button{
 flex:1 1 auto!important;min-width:0!important;max-width:48px!important;
 height:48px!important;min-height:48px!important;padding:0!important;
 border:0!important;border-radius:50%!important;background:transparent!important;
 color:#fff!important;font-size:27px!important;line-height:1!important;
 display:grid!important;place-items:center!important;touch-action:manipulation!important;
 transition:transform .15s ease!important;
}
.pati-dm-context-reactions button:active{transform:scale(1.22)!important}
.pati-dm-context-reactions .pati-dm-reaction-more{color:#adb3ba!important;font-size:39px!important;font-weight:300!important}
.pati-dm-context-preview{
 display:flex!important;flex-direction:column!important;align-self:flex-start!important;
 width:fit-content!important;max-width:93%!important;min-width:0!important;
 margin:2px 0 4px!important;padding:12px 14px!important;gap:7px!important;
 border-radius:17px 17px 17px 4px!important;background:#3e4045!important;
 border:1px solid rgba(255,255,255,.08)!important;color:#fff!important;
 font-size:15px!important;line-height:1.5!important;white-space:pre-wrap!important;overflow-wrap:anywhere!important;
}
.pati-dm-context-preview.is-mine{
 align-self:flex-end!important;background:#6845f4!important;border:0!important;
 border-radius:17px 17px 5px 17px!important;
}
.pati-dm-context-preview span{display:block!important;max-height:110px!important;overflow:hidden!important}
.pati-dm-context-preview small{display:block!important;align-self:flex-end!important;color:#d2d2d8!important;opacity:.83!important;font-size:11px!important;font-weight:500!important}
.pati-dm-context-actions{
 display:flex!important;flex-direction:column!important;gap:0!important;align-self:flex-end!important;
 width:min(315px,88%)!important;min-width:0!important;margin:0!important;
 padding:8px 0!important;overflow:hidden!important;
 background:rgba(72,73,78,.96)!important;border:1px solid rgba(255,255,255,.1)!important;
 color:#fff!important;border-radius:21px!important;box-shadow:0 18px 65px rgba(0,0,0,.32)!important;
 -webkit-backdrop-filter:blur(25px)!important;backdrop-filter:blur(25px)!important;
}
.pati-dm-context-actions[hidden]{display:none!important}
.pati-dm-context-item{
 box-sizing:border-box!important;display:flex!important;flex-direction:row!important;
 align-items:center!important;justify-content:flex-start!important;gap:14px!important;
 width:100%!important;min-height:60px!important;padding:11px 20px!important;
 border:0!important;border-radius:0!important;background:transparent!important;
 color:#f8f8fa!important;text-align:left!important;font-size:17px!important;font-weight:500!important;
 line-height:1.3!important;box-shadow:none!important;
}
.pati-dm-context-item:hover,.pati-dm-context-item:active{background:rgba(255,255,255,.085)!important}
.pati-dm-context-symbol{flex:0 0 28px!important;width:28px!important;display:grid!important;place-items:center!important;color:inherit!important}
.pati-dm-context-svg{width:25px!important;height:25px!important;stroke:currentColor!important;fill:none!important}
.pati-dm-context-chevron{margin-left:auto!important;color:#e1e1e6!important;font-size:28px!important;font-weight:300!important}
.pati-dm-context-item.is-danger{color:#ff6484!important}
.pati-dm-context-item.is-danger .pati-dm-context-symbol{color:#ff6484!important}
.pati-dm-context-menu button:focus-visible{outline:2px solid #dfe1f1!important;outline-offset:-4px!important}
@media(max-width:440px){
 .pati-dm-context-menu{padding:0 12px!important}
 .pati-dm-context-content{width:100%!important;gap:10px!important}
 .pati-dm-context-reactions{padding:7px 6px!important;min-height:58px!important}
 .pati-dm-context-reactions button{font-size:25px!important;max-width:45px!important;height:44px!important;min-height:44px!important}
 .pati-dm-context-reactions .pati-dm-reaction-more{font-size:35px!important}
 .pati-dm-context-actions{width:min(310px,83%)!important}
 .pati-dm-context-item{min-height:56px!important;font-size:16px!important;padding:9px 16px!important}
}
@media(max-height:690px){
 .pati-dm-context-content{margin-top:10px!important;gap:8px!important}
 .pati-dm-context-actions{padding:5px 0!important}
 .pati-dm-context-item{min-height:48px!important}
 .pati-dm-context-reactions{min-height:52px!important}
 .pati-dm-context-reactions button{height:40px!important;min-height:40px!important}
}
@media(prefers-reduced-motion:reduce){.pati-dm-context-reactions button{transition:none!important}}