.crab-h5 .message-swipe { --inbox-delete-width:88px; position:relative; min-width:0; overflow:hidden; border-radius:18px; background:var(--coral); isolation:isolate; touch-action:pan-y pinch-zoom; }
.crab-h5 .message-swipe-front { position:relative; z-index:1; transform:translateX(var(--inbox-drag,0px)); transition:transform .18s ease-out; }
.crab-h5 .message-swipe.is-open .message-swipe-front { transform:translateX(calc(-1 * var(--inbox-delete-width))); }
.crab-h5 .message-swipe.is-dragging .message-swipe-front { transform:translateX(var(--inbox-drag,0px)); transition:none; user-select:none; }
.crab-h5 .message-swipe .message-thread { animation:none; touch-action:pan-y pinch-zoom; }
.crab-h5 .message-chat-delete { position:absolute; inset:0 0 0 auto; display:flex; flex-direction:column; align-items:center; justify-content:center; gap:3px; width:var(--inbox-delete-width); min-height:44px; padding:8px 6px; border:0; border-radius:0 18px 18px 0; background:var(--coral); color:var(--ink); font:700 13px/1.4 var(--sans); overflow-wrap:anywhere; cursor:pointer; visibility:hidden; }
.crab-h5 .message-chat-delete svg { width:22px; height:22px; flex-shrink:0; }
.crab-h5 .message-swipe:is(.is-open,.is-dragging) .message-chat-delete { visibility:visible; }
.crab-h5 .message-chat-options { position:absolute; right:2px; bottom:2px; display:grid; place-items:center; width:44px; height:44px; padding:0; border:0; border-radius:12px; background:var(--surface); color:var(--ink-2); font:900 22px/1 var(--sans); opacity:0; pointer-events:none; cursor:pointer; }
.crab-h5 .message-swipe.is-open .message-chat-options { visibility:hidden; }
.crab-h5 .message-chat-options:focus-visible { opacity:1; pointer-events:auto; }
.crab-h5 .message-swipe :is(.message-chat-delete,.message-chat-options):focus-visible { outline:3px solid var(--ink); outline-offset:-4px; }
.crab-h5 .message-swipe .message-thread:focus-visible { outline-offset:-4px; }
.crab-h5 .message-swipe.is-busy .message-chat-delete { opacity:.65; cursor:wait; }
@media (hover:hover) and (pointer:fine) {
  .crab-h5 .message-swipe .message-thread { padding-right:58px; }
  .crab-h5 .message-chat-options { top:0; bottom:0; margin:auto 0; opacity:1; pointer-events:auto; background:transparent; }
  .crab-h5 .message-chat-options:hover { background:#201c220c; }
}
@media (prefers-reduced-motion:reduce) { .crab-h5 .message-swipe-front { transition:none; } }