/* Mobile chat journey fixes; keep desktop presentation intact. */
html:root.native-mobile body #composer { column-gap: 4px; padding-inline: 10px; }
html:root.native-mobile body #composer > button { touch-action: manipulation; -webkit-tap-highlight-color: transparent; }
html:root.native-mobile body #composer #composer-action { display: grid !important; place-items: center !important; }
html:root.native-mobile body #composer #composer-action svg { width: 22px !important; height: 22px !important; flex: none; }
html:root.native-mobile body #message-reply-preview { min-width: 0; display: flex; align-items: center; gap: 8px; }
html:root.native-mobile body #message-reply-preview > span { flex: 1; min-width: 0; }
html:root.native-mobile body #message-reply-preview small { display: block; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
html:root.native-mobile body #message-reply-preview button { flex: 0 0 44px; width: 44px; height: 44px; font-size: 25px; }
html:root.native-mobile body #messages .message-sending svg { width: 14px; height: 14px; }
html:root.native-mobile body #messages .message-send-failed { float: none; display: flex; clear: both; min-height: 44px; gap: 6px; margin: 4px 0 0; color: #b21e35; font-size: 13px; }
html:root.native-mobile[data-theme="dark"] body #messages .message-send-failed { color: #ff9fb0; }
html:root.native-mobile body #messages .message-send-failed svg { width: 17px; height: 17px; }
html:root.native-mobile body .conversation > .message-scroll-controls { bottom: var(--chat-composer-height, 124px); right: 14px; }
html:root.native-mobile body #messages-to-bottom { width: 44px; height: 44px; min-height: 44px; border-radius: 50%; background: var(--chat-incoming); color: var(--chat-ink); }
html:root.native-mobile body .message-selection-bar { flex-wrap: wrap; gap: 0; padding: 4px 8px; color: var(--chat-ink); background: var(--chat-bar); }
html:root.native-mobile body .message-selection-bar > button { width: 44px; height: 44px; min-height: 44px; padding: 10px; color: var(--chat-ink); background: transparent; }
html:root.native-mobile body #message-selection-count { flex: 1; min-width: 48px; font-size: 12px; white-space: nowrap; }
html:root.native-mobile body #message-delete-inline { flex: 0 0 100%; padding: 8px; border-radius: 14px; color: var(--chat-ink); background: var(--chat-incoming); }
html:root.native-mobile body #message-delete-inline > button { min-height: 44px; margin-top: 6px; font-size: 14px; }
html:root.native-mobile body #search-bar { padding: 6px 12px; gap: 6px; background: var(--chat-bar); }
html:root.native-mobile body #search-bar input { min-width: 0; min-height: 44px; font-size: 16px !important; border-radius: 18px; color: var(--chat-ink); background: var(--chat-incoming); }
html:root.native-mobile body #search-bar > button { width: 44px; height: 44px; flex: 0 0 44px; color: var(--chat-ink); }
html:root.native-mobile body #attachment-menu { bottom: calc(100% + 8px); left: 0; width: min(280px, 100%); max-height: min(420px, 55dvh); overflow-y: auto; border-radius: 22px; background: var(--chat-menu); color: var(--chat-ink); }
html:root.native-mobile body #attachment-menu button { min-height: 44px; padding: 10px 14px; font-size: 16px; color: var(--chat-ink); }
html:root.native-mobile body #emoji-picker { bottom: calc(100% + 8px); left: 0; right: 0; width: auto; max-width: 100%; max-height: min(300px, 45dvh); overflow-y: auto; border-radius: 22px; background: var(--chat-menu); }
html:root.native-mobile body #emoji-picker button { min-width: 44px; min-height: 44px; }
html:root.native-mobile body #messages .pinned-message-bar { top: -12px; margin: -12px -12px 10px; padding: 8px 14px; min-height: 44px; background: var(--chat-bar); color: var(--chat-ink); font-size: 13px; }
html:root.native-mobile body #messages .message-task-status { color: var(--chat-ink); background: var(--chat-bar); }
html:root.native-mobile body #messages .message-task-status span { min-width: 0; overflow-wrap: anywhere; }
html:root.native-mobile body .mobile-forward-search { display: flex; gap: 8px; align-items: center; border-radius: 18px; padding: 0 12px; color: var(--chat-ink); background: var(--chat-bar); }
html:root.native-mobile body .mobile-forward-search input { flex: 1; min-width: 0; min-height: 44px; font-size: 16px; border: 0; background: transparent; color: inherit; }
html:root.native-mobile body .forward-message-panel > button { min-height: 64px; gap: 12px; color: var(--chat-ink); background: var(--chat-menu); }
html:root.native-mobile body .forward-message-panel > button > span { min-width: 0; flex: 1; }
html:root.native-mobile body .forward-message-panel > button strong { font-size: 16px; overflow: hidden; text-overflow: ellipsis; }
html:root.native-mobile body .forward-message-panel > button:disabled { opacity: .55; }
html:root.native-mobile body .mobile-archived-chats { display: flex; align-items: center; gap: 18px; width: 100%; min-height: 52px; padding: 10px 20px; background: transparent; color: var(--chat-ink); }
html:root.native-mobile body .mobile-archived-chats span { flex: 1; text-align: left; font-size: 16px; }
html:root.native-mobile body .mobile-archive-panel > div { display: flex; align-items: center; border-bottom: 1px solid var(--chat-border); }
html:root.native-mobile body .mobile-archive-panel button { min-height: 64px; color: var(--chat-ink); background: transparent; }
html:root.native-mobile body .mobile-archive-panel [data-open-archived] { display: flex; align-items: center; flex: 1; min-width: 0; gap: 12px; text-align: left; }
html:root.native-mobile body .mobile-archive-panel [data-open-archived] span { min-width: 0; }
html:root.native-mobile body .mobile-archive-panel strong, html:root.native-mobile body .mobile-archive-panel small { display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
html:root.native-mobile body .mobile-archive-panel strong { font-size: 16px; }
html:root.native-mobile body .mobile-archive-panel small { font-size: 13px; color: var(--chat-secondary); }
html:root.native-mobile body .mobile-archive-panel [data-unarchive-chat] { flex: 0 0 44px; width: 44px; }