/* Chat keeps its own viewport, composer and full-page navigation owners. */
[data-lm-theme="clean"][data-lm-app="chat"] {
  --text: var(--lm-ui-text);
  --gray: var(--lm-ui-muted);
  --chat-action-surface: var(--lm-ui-selected);
  --chat-action-pressed-surface: var(--lm-ui-pressed);
  --lm-chat-avatar-radius: var(--lm-ui-radius-control);
  --lm-chat-bubble-radius: var(--lm-ui-radius-small);
  --lm-chat-outgoing-surface: #d9eccf;
  --lm-chat-outgoing-text: var(--lm-ui-text);
  --lm-chat-incoming-surface: var(--lm-ui-surface);
  --lm-chat-menu-surface: var(--lm-ui-surface);
  --lm-chat-menu-text: var(--lm-ui-text);
  --lm-chat-menu-shadow: var(--lm-ui-dialog-shadow);
}
[data-lm-theme="clean"] .chat-item { padding: var(--lm-ui-space-3) var(--lm-ui-space-4); }
[data-lm-theme="clean"] .chat-avatar,[data-lm-theme="clean"] .cf-icon,[data-lm-theme="clean"] .c-avatar,[data-lm-theme="clean"] .msg-av { border-radius: var(--lm-chat-avatar-radius,var(--lm-ui-radius-control)); }
[data-lm-theme="clean"] .chat-name,[data-lm-theme="clean"] .c-name { color: var(--lm-ui-text); font-size: var(--lm-ui-font-section); }
[data-lm-theme="clean"] .chat-last,[data-lm-theme="clean"] .chat-time { color: var(--lm-ui-muted); }
[data-lm-theme="clean"] .msg-bubble { border-radius: var(--lm-chat-bubble-radius,var(--lm-ui-radius-small)); box-shadow: none; }
[data-lm-theme="clean"] .msg-row.me .msg-bubble { background: var(--lm-chat-outgoing-surface); color: var(--lm-chat-outgoing-text); }
[data-lm-theme="clean"] .msg-row.other .msg-bubble { background: var(--lm-chat-incoming-surface); color: var(--lm-ui-text); }
[data-lm-theme="clean"] .chat-foot { background: var(--lm-ui-bar); border-color: var(--lm-ui-border); }
[data-lm-theme="clean"] .cf-input { background: var(--lm-ui-surface); color: var(--lm-ui-text); border-radius: var(--lm-ui-radius-control); }
[data-lm-theme="clean"] .cf-send-btn { background: var(--lm-ui-selected); color: var(--lm-ui-selected-text); border-radius: var(--lm-ui-radius-control); }
[data-lm-theme="clean"] .plus-menu { background: var(--lm-chat-menu-surface); box-shadow: var(--lm-chat-menu-shadow); -webkit-backdrop-filter: none; backdrop-filter: none; }
[data-lm-theme="clean"] .plus-menu::before { border-bottom-color: var(--lm-chat-menu-surface); }
[data-lm-theme="clean"] .pm-item { color: var(--lm-chat-menu-text); }
[data-lm-theme="clean"] .pm-item+.pm-item { border-color: var(--lm-ui-border); }
[data-lm-theme="clean"] .pm-item:active { background: var(--lm-ui-pressed); }
[data-lm-theme="clean"] .tab-bar { background: var(--lm-ui-bar); }
[data-lm-theme="clean"] .tab.active .tab-text { color: var(--lm-ui-selected-text); }

html[data-lm-app="chat"] .modal-bg { align-items: center; padding: var(--lm-ui-space-4); }
html[data-lm-app="chat"] #rewriteModal.modal-bg { padding-top: var(--lm-ui-space-4); }
html[data-lm-app="chat"] .modal-box,html[data-lm-app="chat"] .confirm-box { width: 100%; max-width: var(--lm-ui-dialog-width); max-height: 100%; overflow-y: auto; -webkit-overflow-scrolling: touch; }
html[data-lm-app="chat"] .confirm-bg { padding: var(--lm-ui-space-4); }
html[data-lm-app="chat"] .avatar-action-sheet { max-height: calc(var(--lm-app-height,100vh) - var(--lm-safe-top,0px) - var(--lm-ui-space-4)); overflow-y: auto; -webkit-overflow-scrolling: touch; }
html[data-lm-app="chat"] .call-sheet { max-height: calc(100% - var(--lm-safe-top,0px) - var(--lm-ui-space-4)); overflow-y: auto; -webkit-overflow-scrolling: touch; }
html[data-lm-app="chat"] .lt-sheet { max-height: calc(var(--lm-app-height,100vh) - var(--lm-safe-top,0px) - var(--lm-ui-space-4)); overflow-y: auto; -webkit-overflow-scrolling: touch; }
html[data-lm-app="chat"] .stk-url-modal,html[data-lm-app="chat"] .stk-add-modal { padding-top: var(--lm-ui-space-4); }
html[data-lm-app="chat"] .lma-hd { flex: 0 0 auto; }
html[data-lm-app="chat"] .lma-body { min-height: 0; }
html[data-lm-app="chat"] .plus-menu,html[data-lm-app="chat"] .chat-more-menu,html[data-lm-app="chat"] .chat-mode-submenu,html[data-lm-app="chat"] .msg-ctx { max-width: calc(100% - var(--lm-ui-space-4)*2); max-height: calc(var(--lm-app-height,100vh) - var(--lm-safe-top,0px) - var(--lm-safe-bottom,0px) - var(--lm-ui-space-4)*2); overflow-y: auto; -webkit-overflow-scrolling: touch; }
[data-lm-theme="clean"] .chat-more-menu,[data-lm-theme="clean"] .chat-mode-submenu,[data-lm-theme="clean"] .msg-ctx { background: var(--lm-ui-surface); box-shadow: var(--lm-ui-dialog-shadow); -webkit-backdrop-filter: none; backdrop-filter: none; }
[data-lm-theme="clean"] .cmm-item,[data-lm-theme="clean"] .msg-ctx .mci,[data-lm-theme="clean"] .msg-ctx .mci span { color: var(--lm-ui-text); border-color: var(--lm-ui-border); }
[data-lm-theme="clean"] .chat-more-menu::before,[data-lm-theme="clean"] .msg-ctx.arrow-up .msg-ctx-arrow { border-bottom-color: var(--lm-ui-surface); }
[data-lm-theme="clean"] .msg-ctx.arrow-down .msg-ctx-arrow { border-top-color: var(--lm-ui-surface); }
[data-lm-theme="clean"] .plus-btn,[data-lm-theme="clean"] .ch-search,[data-lm-theme="clean"] .cf-plus-btn { border-color: var(--lm-ui-text); }
[data-lm-theme="clean"] .plus-btn::before,[data-lm-theme="clean"] .plus-btn::after,[data-lm-theme="clean"] .ch-search::after,[data-lm-theme="clean"] .cf-plus-btn::before,[data-lm-theme="clean"] .cf-plus-btn::after { background: var(--lm-ui-text); }

html[data-lm-app="moments"] .rel-panel,html[data-lm-app="moments"] .vis-panel { max-height: calc(var(--lm-app-height,100vh) - var(--lm-safe-top,0px) - var(--lm-ui-space-4)); }
html[data-lm-app="moments"] .rel-hd,html[data-lm-app="moments"] .vis-hd { flex: 0 0 auto; }
html[data-lm-app="moments"] .rel-list,html[data-lm-app="moments"] .vis-body { min-height: 0; }
[data-lm-theme="clean"][data-lm-app="moments"] { --mt-primary-surface: var(--lm-ui-selected); --mt-primary-text: var(--lm-ui-selected-text); }
[data-lm-theme="clean"] .post { border-color: var(--lm-ui-border); background: var(--lm-ui-surface); }
[data-lm-theme="clean"] .p-social { background: var(--lm-ui-input); border-radius: var(--lm-ui-radius-small); }
[data-lm-theme="clean"] .p-name,[data-lm-theme="clean"] .p-likes,[data-lm-theme="clean"] .lk-n,[data-lm-theme="clean"] .cm .cn { color: var(--lm-ui-selected-text); }

html.lm-ios.lm-keyboard-open[data-lm-app="chat"] .modal-bg,html.lm-ios.lm-keyboard-open[data-lm-app="chat"] .confirm-bg,html.lm-ios.lm-keyboard-open[data-lm-app="moments"] .vis-mask { top: var(--lm-visual-page-top,0px); bottom: auto; height: var(--lm-visual-height,var(--lm-app-height,100vh)); }