/* Mobile-only delivery indicators and conversation-list swipe actions. */
html:root.native-mobile body #sidebar .chat-menu-button { display: none !important; }
html:root.native-mobile body #messages .receipt {
  display: inline-flex; align-items: center; justify-content: center;
  width: 20px; height: 16px; margin-left: 2px; color: var(--chat-secondary);
  vertical-align: middle; flex: none;
}
html:root.native-mobile body #messages .receipt.read { color: #53bdeb; }
html:root.native-mobile body #messages .receipt .receipt-ticks {
  display: block; width: 20px; height: 14px; margin: 0; flex: none;
}
html:root.native-mobile body #sidebar .chat-swipe-shell {
  position: relative; display: block; min-width: 0; overflow: hidden;
  background: #21c063;
}
html:root.native-mobile body #sidebar .chat-swipe-shell > .chat {
  position: relative; z-index: 2; width: 100%; box-sizing: border-box;
  touch-action: pan-y; transition: transform 220ms cubic-bezier(.22,.75,.25,1);
  -webkit-user-select: none; user-select: none;
  background: #fff;
}
html:root.native-mobile[data-theme="dark"] body #sidebar .chat-swipe-shell > .chat { background: #111b21; }
html:root.native-mobile body #sidebar .chat-swipe-shell.revealed > .chat { transform: translateX(-152px); }
html:root.native-mobile body #sidebar .chat-swipe-shell.dragging > .chat { transition: none; will-change: transform; }
html:root.native-mobile body #sidebar .chat-swipe-actions {
  position: absolute; z-index: 1; inset: 0 0 0 auto; display: grid;
  width: 152px; grid-template-columns: repeat(2, 76px);
}
html:root.native-mobile body #sidebar .chat-swipe-actions button {
  display: grid; min-width: 0; min-height: 44px; padding: 8px 3px;
  place-content: center; justify-items: center; gap: 6px; border: 0;
  border-radius: 0; box-shadow: none; color: #fff; background: #62666a;
  font-size: 14px; font-weight: 400; touch-action: manipulation;
}
html:root.native-mobile body #sidebar .chat-swipe-actions button:last-child { background: #21c063; color: #072515; }
html:root.native-mobile body #sidebar .chat-swipe-actions button svg { width: 24px; height: 24px; margin: 0; }
html:root.native-mobile body #sidebar .chat-swipe-actions button:focus-visible { outline: 2px solid #fff; outline-offset: -4px; }
html:root.native-mobile body #chat-sheet-scrim:not(.hidden) { display:block; position:fixed; inset:0; z-index:180; background:#0006; backdrop-filter:blur(4px); }
html:root.native-mobile body #chat-context-menu.mobile-sheet {
  --chat-border:var(--page-line,#e5e7e6);
  display:block; position:fixed; z-index:181; inset:auto 0 0; width:100%; box-sizing:border-box;
  max-height:calc(100dvh - env(safe-area-inset-top) - 24px); padding:12px 12px max(16px,env(safe-area-inset-bottom));
  overflow:auto; overscroll-behavior:contain; border:0; border-radius:24px 24px 0 0;
  background:var(--chat-bar); color:var(--chat-ink);
}
html:root.native-mobile body #chat-context-menu.mobile-sheet > header { position:sticky; top:-12px; z-index:1; background:var(--chat-bar); }
html:root.native-mobile body #chat-context-menu.mobile-sheet > section { background:var(--chat-incoming); border:1px solid var(--chat-border); }
html:root.native-mobile body #chat-context-menu.mobile-sheet > section button { width:100%; box-sizing:border-box; min-height:48px; grid-template-columns:24px minmax(0,1fr); border-radius:0; padding:12px 16px; border-bottom:1px solid var(--chat-border); }
html:root.native-mobile body #chat-context-menu.mobile-sheet > section button span { min-width:0; overflow-wrap:anywhere; }
html:root.native-mobile body #chat-context-menu.mobile-sheet > section button:last-child { border-bottom:0; }
html:root.native-mobile[data-theme="dark"] body #chat-context-menu.mobile-sheet .danger { color:#ff6673; }
html:root.native-mobile body .mobile-chat-lists .contact-check { display:flex; align-items:center; gap:12px; min-height:48px; padding:8px 12px; }
@media (prefers-reduced-motion: reduce) {
  html:root.native-mobile body #sidebar .chat-swipe-shell > .chat { transition: none; }
}