/* Mobile interaction pass: 2026-11-02. Keep existing app actions and data. */
@media(max-width:740px){
html[data-pati-view="reels"] #main-content .pati-reel-item .pati-reel-info{position:absolute!important;left:12px!important;right:75px!important;bottom:calc(95px + env(safe-area-inset-bottom,0px))!important;z-index:24!important;color:#fff!important}
html[data-pati-view="reels"] #main-content .pati-reel-item .pati-reel-author{position:relative!important;inset:auto!important;bottom:auto!important;display:flex!important;align-items:center!important;gap:8px!important;margin-bottom:5px!important}
html[data-pati-view="reels"] #main-content .pati-reel-item .pati-reel-caption{position:relative!important;inset:auto!important;bottom:auto!important;max-height:48px!important;overflow:hidden!important;color:#fff!important;font-size:13px!important;line-height:1.4!important}
html[data-pati-view="reels"] #main-content .pati-reel-item .pati-reel-rail{right:10px!important;bottom:calc(100px + env(safe-area-inset-bottom,0px))!important;gap:4px!important;width:48px!important}
html[data-pati-view="reels"] #main-content .pati-reel-rail>.pati-reel-action{background:transparent!important;box-shadow:none!important;border:0!important;border-radius:0!important;padding:4px 0!important;min-height:49px!important;color:white!important}
html[data-pati-view="reels"] #main-content .pati-reel-rail>.pati-reel-action svg{width:28px!important;height:28px!important;filter:drop-shadow(0 2px 2px #0009)}
html[data-pati-view="reels"] #main-content .pati-reel-rail>.pati-reel-action .pati-reel-count{font-size:11px!important;color:white!important;text-shadow:0 1px 3px #000a}
html[data-pati-view="reels"] #main-content .pati-reel-rail>[data-action="reel-more"],html[data-pati-view="reels"] #main-content .pati-reel-rail>[data-action="more"]{display:none!important}
#main-content .pati-ig-profile .pati-own-profile-actions{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:9px!important;padding:0 14px!important}
#main-content .pati-ig-profile .pati-own-profile-actions>button{min-height:46px!important;border-radius:12px!important}
#main-content>.pati-saved-screen{position:relative!important;top:auto!important;transform:none!important;margin:0!important;padding-top:0!important;min-height:calc(100dvh - 75px)!important}
#main-content>.pati-saved-screen>.pati-saved-page-header{position:sticky!important;top:0!important;z-index:50!important;background:#fff!important;padding-top:calc(8px + env(safe-area-inset-top,0px))!important}
#main-content>.pati-saved-screen [data-saved-action="back"]{display:grid!important;place-items:center!important;min-width:44px!important;min-height:44px!important;visibility:visible!important;opacity:1!important}
#main-content .pati-dm-layout.mobile-chat-open .chat-window{min-height:0!important;overscroll-behavior:contain!important}
#main-content .pati-dm-layout.mobile-chat-open .chat-messages{overscroll-behavior:contain!important;-webkit-overflow-scrolling:touch!important}
#main-content .pati-dm-top-actions .buchee-dm-icon-btn{width:43px!important;min-width:43px!important}
}
.buchee-dm-bulk-trigger{display:inline-grid;place-items:center;width:44px;height:44px;border:0;border-radius:12px;background:transparent;color:#1c2028;font-size:25px;font-weight:800;cursor:pointer}
.buchee-dm-bulk-toolbar{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:8px 14px;background:#f7f7fa;color:#171821;font-size:13px}
.buchee-dm-bulk-toolbar button{min-height:40px;padding:7px 12px;border-radius:10px;border:1px solid #e1e1e7;background:white;color:#16171c;font-weight:700}
.buchee-dm-bulk-toolbar button.buchee-dm-remove{background:#ca293d;color:white;border-color:#ca293d}
.buchee-dm-bulk-toolbar button:disabled{opacity:.45}
.buchee-dm-selecting .pati-dm-list-row{position:relative;padding-left:43px!important}
.buchee-dm-selecting .pati-dm-list-row .chat-person{pointer-events:none!important}
.buchee-dm-checkbox{position:absolute;left:8px;top:50%;transform:translateY(-50%);height:29px;width:29px;accent-color:#7b3ed2;z-index:6}

/* Right reel rail ends with sound control, not a second media utility stack. */
html[data-pati-view="reels"] #main-content .pati-reel-item .pati-reel-utility{position:absolute!important;right:10px!important;bottom:calc(77px + env(safe-area-inset-bottom,0px))!important;z-index:27!important;display:flex!important;align-items:center!important;justify-content:center!important;width:48px!important;min-height:45px!important;gap:0!important;transform:none!important;background:transparent!important;box-shadow:none!important;border:0!important}
html[data-pati-view="reels"] #main-content .pati-reel-utility [data-action="reel-speed"]{display:none!important}
html[data-pati-view="reels"] #main-content .pati-reel-utility [data-action="reel-sound"]{display:grid!important;place-items:center!important;width:44px!important;height:44px!important;border:0!important;border-radius:0!important;background:transparent!important;color:#fff!important;box-shadow:none!important}
html[data-pati-view="reels"] #main-content .pati-reel-utility [data-action="reel-sound"] svg{width:26px!important;height:26px!important;filter:drop-shadow(0 2px 2px #000a)}
html[data-pati-view="reels"] #main-content .pati-reel-utility .pati-reel-tool-label{display:none!important}
@media(max-width:740px){
 #app-root:not(.hidden) #main-content:has(.pati-dm-layout.mobile-chat-list)>.pati-dm-top{grid-template-columns:44px minmax(0,1fr) 136px!important}
 #main-content>.pati-dm-top>.pati-dm-top-actions{width:136px!important;max-width:136px!important;gap:1px!important}
 #main-content>.pati-dm-top>.pati-dm-top-actions>.buchee-dm-bulk-trigger{flex:0 0 44px!important}
}