.vobixTopbar.hasMessageSelection{position:relative!important;isolation:isolate;overflow:visible!important}
.vobixTopbar.hasMessageSelection>:not(.messageSelectionBar){visibility:hidden;pointer-events:none}
.messageSelectionBar{position:absolute;inset:0;z-index:8;display:flex;align-items:center;justify-content:space-between;gap:2px;padding:4px max(8px,env(safe-area-inset-right)) 4px max(8px,env(safe-area-inset-left));background:#086ad5;color:#fff;border-radius:inherit}
.messageSelectionBar>button{display:grid;place-items:center;flex:0 1 44px;min-width:36px;min-height:44px;width:44px;padding:10px;border:0;border-radius:12px;color:inherit;background:transparent;touch-action:manipulation}
.messageSelectionBar>button svg{width:22px;height:22px;display:block}
.messageSelectionBar>button:disabled{opacity:.35}
.messageSelectionBar>button:hover,.messageSelectionBar>button:focus-visible{background:#ffffff26;outline:2px solid #b9dcff;outline-offset:-2px}
.messageRow.messageRowSelected{background:rgba(34,132,244,.19);border-radius:10px}
.messageBubble.messageSelected{outline:2px solid #42a3ff!important;outline-offset:2px;box-shadow:0 0 0 5px #1789ef21!important;-webkit-touch-callout:none;user-select:none}
.messageSelectionDelete{position:absolute;top:calc(100% + 6px);right:8px;display:grid;gap:4px;width:min(240px,calc(100vw - 32px));padding:8px;border-radius:14px;background:#fff;box-shadow:0 8px 30px #082a4e38;border:1px solid #d8e6f7;color:#205ba8}
.messageSelectionDelete>button{padding:12px;text-align:left;border:0;border-radius:8px;background:transparent;color:inherit;font:500 14px system-ui;min-height:44px}
.messageSelectionDelete>button:hover,.messageSelectionDelete>button:focus-visible{background:#f1f7ff;outline:2px solid #a0bfe8}
@media(min-width:640px){.messageSelectionBar{justify-content:flex-end;gap:10px}.messageSelectionBar>button:first-child{margin-right:auto}}

.messageRemovalDialog{width:min(420px,calc(100vw - 32px));max-height:calc(100dvh - 48px);box-sizing:border-box;padding:24px;border:1px solid #d8e6f7;border-radius:22px;background:#fff;color:#142032;box-shadow:0 20px 70px #092f5540;font:16px/1.5 system-ui;overflow:auto}
.messageRemovalDialog::backdrop{background:#10284080}
.messageRemovalDialog h2{font-size:21px;margin:0 0 12px;color:#142032}
.messageRemovalDialog p{margin:0 0 24px;overflow-wrap:anywhere}
.messageRemovalDialog form{display:flex;flex-wrap:wrap;gap:10px;justify-content:flex-end}
.messageRemovalDialog button{min-height:48px;padding:12px 20px;border:1px solid #bbd4ee;border-radius:12px;background:#f1f7ff;color:#125394;font:600 16px system-ui;cursor:pointer}
.messageRemovalDialog button[value=delete]{background:#086ad5;color:#fff;border-color:#086ad5}
.messageRemovalDialog button:focus-visible{outline:3px solid #122b46;outline-offset:3px}