/* TASK 700. Default mobile system; desktop and explicit classic choice remain intact. */
@layer minigap-mobile-flow {
  #mobileFlowNav,#mobileFlowBack,#mobileFlowListHeader,#mobileFlowAppTitle,#mobileFlowStore,#mobileFlowChatSearch,.mf-folder-icon,.mf-latest-icon { display:none!important; }
  .mobile-design-field { display:grid;gap:8px;margin-block:20px;padding:16px;border:1px solid var(--cc-line);border-radius:12px; }
  .mobile-design-field small { color:var(--cc-muted);line-height:1.9; }
  @media(max-width:700px) {
    html[data-mobile-design="flow"][data-theme] {
      --mf-bg:#f5f7f9;--mf-surface:#fff;--mf-ink:#202d3a;--mf-muted:#566575;--mf-line:#dce3ea;--mf-accent:#245f9e;--mf-soft:#eaf2fb;
      --mf-on-accent:#fff;--mf-outgoing:#e7f0fa;--mf-strong:#b4c1cf;--mf-link:#1b548e;--mf-danger:#ad253b;--mf-danger-bg:#fff6f6;--mf-danger-line:#ebc6cd;
      --mf-nav:64px;--mf-safe-bottom:env(safe-area-inset-bottom,0px);--mf-reserved:calc(var(--mf-nav) + var(--mf-safe-bottom));
      --cc-surface:var(--mf-surface)!important;--cc-soft:var(--mf-bg)!important;--cc-ink:var(--mf-ink)!important;--cc-muted:var(--mf-muted)!important;--cc-line:var(--mf-line)!important;--cc-accent:var(--mf-accent)!important;--cc-selected:var(--mf-soft)!important;--cc-primary:var(--mf-accent)!important;--cc-danger:var(--mf-danger)!important;--cc-incoming:var(--mf-surface)!important;--cc-outgoing:var(--mf-outgoing)!important;
      --sm-bg:var(--mf-bg)!important;--sm-surface:var(--mf-surface)!important;--sm-surface-raised:var(--mf-bg)!important;--sm-ink:var(--mf-ink)!important;--sm-muted:var(--mf-muted)!important;--sm-line:var(--mf-line)!important;--sm-line-strong:var(--mf-strong)!important;--sm-mint:var(--mf-accent)!important;--sm-mint-dark:var(--mf-accent)!important;--sm-mint-soft:var(--mf-soft)!important;--sm-shadow:none!important;
      --brand:var(--mf-accent)!important;--user-text-color:var(--mf-ink)!important;--ink:var(--mf-ink)!important;--text:var(--mf-ink)!important;--muted:var(--mf-muted)!important;--paper:var(--mf-surface)!important;--line:var(--mf-line)!important;
    }
    html[data-mobile-design="flow"][data-theme="slate-mint"] {
      --mf-bg:#f0f7f5;--mf-surface:#fcfefd;--mf-ink:#183c39;--mf-muted:#4d6a65;--mf-line:#cfe0db;--mf-accent:#147b67;--mf-soft:#e1f2eb;--mf-outgoing:#d8eee5;--mf-link:#126d5c;
    }
    html[data-mobile-design="flow"][data-theme="dark"] {
      --mf-bg:#101822;--mf-surface:#192431;--mf-ink:#edf3fa;--mf-muted:#aabccd;--mf-line:#354657;--mf-strong:#60758a;--mf-accent:#91c3ff;--mf-on-accent:#102a47;--mf-soft:#263e58;--mf-outgoing:#203e57;--mf-link:#a5d0ff;--mf-danger:#ffabb8;--mf-danger-bg:#402832;--mf-danger-line:#86505e;
    }
    html[data-mobile-design="flow"][data-theme="classic"] {
      --mf-bg:#16162a;--mf-surface:#222238;--mf-ink:#f3efff;--mf-muted:#c1b9d5;--mf-line:#49415f;--mf-strong:#776b93;--mf-accent:#c5b4ff;--mf-on-accent:#2b1d4b;--mf-soft:#393050;--mf-outgoing:#393355;--mf-link:#d1c1ff;--mf-danger:#ffabb8;--mf-danger-bg:#402832;--mf-danger-line:#86505e;
    }
    html[data-mobile-design="flow"]:is(.mobile-flow-detail,.mobile-flow-keyboard,.keyboard-open) { --mf-reserved:0px; }
    html[data-mobile-design="flow"] body { background:var(--mf-bg)!important;color:var(--mf-ink)!important; }
    html[data-mobile-design="flow"] #app:not([hidden]) { height:var(--app-height,100dvh)!important;max-height:var(--app-height,100dvh)!important;padding:0!important;box-sizing:border-box!important;overflow:hidden!important;background:var(--mf-bg)!important; }
    html[data-mobile-design="flow"] #app .chat { height:calc(100% - var(--mf-reserved))!important;bottom:var(--mf-reserved)!important;min-height:0!important;border:0!important;border-radius:0!important;background:var(--mf-bg)!important; }

    /* One root navigation, never a second toolbar below a conversation or mini-app. */
    /* Android's native frame already excludes system bars/IME. Do not reserve
       the same bottom inset a second time inside the WebView. */
    html[data-mobile-design="flow"][data-native-android="true"] { --mf-safe-bottom:0px; }
    html[data-mobile-design="flow"] #mobileFlowNav { display:flex!important;position:absolute!important;inset:auto 0 0!important;z-index:95;box-sizing:border-box!important;height:calc(var(--mf-nav) + var(--mf-safe-bottom))!important;min-height:0!important;max-height:calc(var(--mf-nav) + var(--mf-safe-bottom))!important;margin:0!important;padding:4px 12px calc(4px + var(--mf-safe-bottom))!important;gap:12px;background:var(--mf-surface)!important;border-top:1px solid var(--mf-line)!important;direction:rtl; }
    html[data-mobile-design="flow"] #mobileFlowNav button { display:flex!important;flex:1;flex-direction:column;align-items:center;justify-content:center;gap:3px;min-width:44px!important;min-height:48px!important;margin:0!important;padding:5px!important;border:0!important;border-radius:0!important;background:transparent!important;color:var(--mf-muted)!important;box-shadow:none!important;font:inherit;font-size:12px!important;font-weight:500;line-height:1.6; }
    html[data-mobile-design="flow"] #mobileFlowNav button[aria-current] { color:var(--mf-accent)!important;font-weight:700!important; }
    html[data-mobile-design="flow"] #mobileFlowNav button[aria-current] { border-radius:16px!important;background:var(--mf-soft)!important; }
    html[data-mobile-design="flow"] #mobileFlowNav button[aria-current] svg { background:transparent;outline:0;border-radius:0; }
    html[data-mobile-design="flow"] #mobileFlowNav svg { width:22px!important;height:22px!important;min-width:22px!important;flex:none!important;color:inherit!important;stroke:currentColor!important; }
    html[data-mobile-design="flow"] #mobileFlowNav span { color:inherit!important;-webkit-text-fill-color:currentColor!important; }
    html[data-mobile-design="flow"]:is(.mobile-flow-detail,.mobile-flow-keyboard,.keyboard-open) #mobileFlowNav,
    html[data-mobile-design="flow"] #app[hidden] #mobileFlowNav { display:none!important; }

    /* Small, explicit app bar. Keep calling policies and existing action handlers. */
    html[data-mobile-design="flow"] #app #chatHeader { min-height:64px!important;height:auto!important;gap:6px!important;padding:8px 8px!important;padding-top:max(8px,env(safe-area-inset-top))!important;border-bottom:1px solid var(--mf-line)!important;background:var(--mf-surface)!important;box-shadow:none!important;flex-wrap:nowrap!important; }
    html[data-mobile-design="flow"] #app #chatHeader :is(#homeButton,#chatMenu,#desktopSidebarToggle,#toggleChatSearch) { display:none!important; }
    html[data-mobile-design="flow"] #app #chatHeader #mobileFlowBack { display:flex!important;order:-10!important;flex:0 0 44px!important; }
    html[data-mobile-design="flow"] #app #chatHeader .header-avatar { width:36px!important;height:36px!important;min-width:36px!important;min-height:36px!important;flex:0 0 36px!important;box-shadow:none!important; }
    html[data-mobile-design="flow"] #app #chatHeader .header-info { flex:1 1 0!important;min-width:0!important;max-width:none!important;width:auto!important;margin:0!important;overflow:hidden; }
    html[data-mobile-design="flow"] #app #chatHeader .header-info strong { display:block!important;font-size:15px!important;font-weight:700!important;line-height:1.6!important;color:var(--mf-ink)!important;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;-webkit-text-fill-color:currentColor!important; }
    html[data-mobile-design="flow"] #app #chatHeader .header-info small { font-size:12px!important;line-height:1.6!important;color:var(--mf-muted)!important;-webkit-text-fill-color:currentColor!important; }
    html[data-mobile-design="flow"] #app #chatHeader .chat-actions { flex:0 0 auto!important;gap:0!important;margin:0!important; }
    html[data-mobile-design="flow"] :is(#chatHeader .action-btn,.mf-icon-button) { width:44px!important;height:44px!important;min-width:44px!important;min-height:44px!important;display:flex!important;align-items:center!important;justify-content:center!important;padding:10px!important;border:0!important;border-radius:50%!important;color:var(--mf-ink)!important;background:transparent!important;box-shadow:none!important; }
    html[data-mobile-design="flow"] :is(#chatHeader .action-btn,.mf-icon-button) svg { width:24px!important;height:24px!important;min-width:24px!important;flex:none!important;stroke:currentColor!important;color:inherit!important; }
    html[data-mobile-design="flow"] #chatHeader button[hidden] { display:none!important; }
    html[data-mobile-design="flow"][data-mobile-screen="home"] #chatHeader>:not(#mobileFlowAppTitle):not(#mobileFlowStore) { display:none!important; }
    html[data-mobile-design="flow"][data-mobile-screen="home"] #chatHeader #mobileFlowAppTitle { display:block!important;flex:1;margin:0 8px!important;font-size:24px!important;line-height:1.7!important;font-weight:750!important;color:var(--mf-ink)!important; }
    html[data-mobile-design="flow"][data-mobile-screen="home"] #chatHeader #mobileFlowStore { display:flex!important;width:auto!important;flex:0 0 auto!important;gap:8px!important;padding:8px 12px!important;border-radius:14px!important;background:var(--mf-soft)!important;color:var(--mf-accent)!important;font-size:13px!important;font-weight:700!important; }
    html[data-mobile-design="flow"]:not([data-mobile-screen="home"]) #chatHeader #mobileFlowStore { display:none!important; }
    html[data-mobile-design="flow"][data-mobile-screen="app"] #chatHeader :is(.chat-actions,#mobileFlowStore) { display:none!important; }
    html[data-mobile-design="flow"][data-mobile-screen="app"] #chatHeader .header-info small { display:none!important; }
    html[data-mobile-design="flow"] #chatHeader:has(#workspaceTabs:not([hidden])) { flex-wrap:wrap!important; }
    html[data-mobile-design="flow"] #chatHeader #workspaceTabs:not([hidden]) { order:20!important;width:100%!important;flex:0 0 100%!important; }
    html[data-mobile-design="flow"] #chatHeader #workspaceTabs[hidden] { display:none!important; }

    /* One primary action: microphone when empty, send with text, independent of focus. */
    html[data-mobile-design="flow"] #app #messages { background:var(--mf-bg)!important;background-image:none!important;color:var(--mf-ink)!important;scroll-padding-bottom:24px!important; }
    html[data-mobile-design="flow"] #app #messages::before,html[data-mobile-design="flow"] #app #messages::after { background:none!important;pointer-events:none!important; }
    html[data-mobile-design="flow"] #app #messages:not(.miniapp-workspace):not(.otp-vault-workspace):not(.personal-vault-workspace) { padding:16px 12px!important;gap:10px!important; }
    html[data-mobile-design="flow"] #app #messages>.message:not(.background-upload-message) { max-width:88%!important;padding:10px 12px!important;border:1px solid transparent!important;border-radius:18px 18px 18px 5px!important;background:var(--mf-surface)!important;box-shadow:none!important;animation:none!important;opacity:1!important; }
    html[data-mobile-design="flow"] #app #messages>.message.mine:not(.background-upload-message) { background:var(--mf-outgoing)!important;border-color:var(--mf-line)!important;border-radius:16px 16px 4px 16px!important; }
    html[data-mobile-design="flow"] #messages .message :is(.message-text,.message-body,.reply-quote) { color:var(--mf-ink)!important;-webkit-text-fill-color:currentColor!important; }
    html[data-mobile-design="flow"] #messages .message .message-text { font-size:16px!important;line-height:1.85!important;overflow-wrap:anywhere!important; }
    html[data-mobile-design="flow"] #messages .message :is(time,.message-status) { color:var(--mf-muted)!important;-webkit-text-fill-color:currentColor!important;font-size:11px!important; }
    html[data-mobile-design="flow"] #messages .message a { color:var(--mf-link)!important;-webkit-text-fill-color:currentColor!important; }
    html[data-mobile-design="flow"] #messages :is(.message-reaction,.message-reactions button) { color:var(--mf-ink)!important;background:var(--mf-surface)!important;border-color:var(--mf-line)!important;box-shadow:none!important; }
    html[data-mobile-design="flow"] #app #sendForm.composer { display:grid!important;grid-template-columns:44px minmax(0,1fr) 44px 44px!important;position:relative!important;bottom:auto!important;flex-shrink:0!important;align-items:end!important;gap:0!important;width:auto!important;max-width:none!important;margin:0!important;padding:8px 8px calc(8px + env(safe-area-inset-bottom))!important;border:0!important;border-radius:0!important;background:var(--mf-bg)!important;box-shadow:none!important; }
    html[data-mobile-design="flow"] #app #sendForm.composer::before { content:'';position:absolute;inset:8px 58px calc(8px + env(safe-area-inset-bottom)) 8px;border:1px solid var(--mf-line);border-radius:24px;background:var(--mf-surface);pointer-events:none; }
    html[data-mobile-design="flow"] #app #sendForm.composer:focus-within::before { border-color:var(--mf-accent); }
    html[data-mobile-design="flow"] #app #sendForm.composer .composer-tools-secondary,
    html[data-mobile-design="flow"] #app #sendForm.composer .emoji-wrap { display:contents!important; }
    html[data-mobile-design="flow"] #app #sendForm.composer { direction:ltr!important; }
    html[data-mobile-design="flow"] #app #sendForm.composer .composer-tools-primary { display:flex!important;grid-column:4!important;grid-row:1!important;gap:0!important;align-items:flex-end!important;z-index:1; }
    html[data-mobile-design="flow"] #app #sendForm.composer #attach { grid-column:1!important;grid-row:1!important;z-index:1; }
    html[data-mobile-design="flow"] #app #sendForm.composer #emoji { grid-column:3!important;grid-row:1!important;z-index:1; }
    html[data-mobile-design="flow"] #app #sendForm.composer :is(.attach,.emoji-button,.record-audio,.send) { width:44px!important;height:44px!important;min-width:44px!important;min-height:44px!important;flex:0 0 44px!important;padding:11px!important;border:0!important;border-radius:50%!important;background:transparent!important;color:var(--mf-muted)!important;box-shadow:none!important; }
    html[data-mobile-design="flow"] #app #sendForm.composer #text { grid-column:2!important;grid-row:1!important;z-index:1;position:relative;min-width:0!important;width:100%!important;min-height:44px!important;max-height:128px!important;margin:0!important;padding:10px 4px!important;border:0!important;border-radius:0!important;background:transparent!important;color:var(--mf-ink)!important;-webkit-text-fill-color:currentColor!important;font:inherit!important;font-size:16px!important;line-height:1.6!important;direction:rtl!important;text-align:right!important;box-shadow:none!important; }
    html[data-mobile-design="flow"] #app #sendForm.composer #recordAudio { background:var(--mf-soft)!important;color:var(--mf-accent)!important;border-radius:16px!important; }
    html[data-mobile-design="flow"] #app #sendForm .emoji-picker { background:var(--mf-surface)!important;color:var(--mf-ink)!important;border:1px solid var(--mf-line)!important;border-radius:20px!important;box-shadow:0 8px 24px #0002!important;max-width:calc(100vw - 24px)!important; }
    html[data-mobile-design="flow"] .emoji-picker :is(input,button) { color:var(--mf-ink)!important;border-color:var(--mf-line)!important; }
    html[data-mobile-design="flow"] .emoji-picker input { background:var(--mf-bg)!important; }
    html[data-mobile-design="flow"] #app #sendForm.composer #text::placeholder { color:var(--mf-muted)!important;-webkit-text-fill-color:currentColor!important;opacity:1!important; }
    html[data-mobile-design="flow"] #app #sendForm.composer .send { display:flex!important;align-items:center!important;justify-content:center!important;background:var(--mf-accent)!important;color:var(--mf-on-accent)!important;border-radius:14px!important;opacity:1!important;visibility:visible!important; }
    html[data-mobile-design="flow"] #app #sendForm.composer .send svg { display:block!important;width:24px!important;height:24px!important;fill:none!important;stroke:currentColor!important;stroke-width:1.8!important;opacity:1!important;visibility:visible!important; }
    html[data-mobile-design="flow"] #app #sendForm.composer .send:disabled { opacity:.55!important;cursor:not-allowed!important; }
    html[data-mobile-design="flow"] #app #sendForm.composer .send:not(:disabled):active { background:var(--mf-accent)!important;transform:scale(.96); }
    html[data-mobile-design="flow"][data-mobile-composer="empty"] #app #sendForm #send,
    html[data-mobile-design="flow"][data-mobile-composer="text"] #app #sendForm #recordAudio { display:none!important; }
    html[data-mobile-design="flow"] #app #sendForm.composer[hidden],
    html[data-mobile-design="flow"]:not([data-mobile-screen="conversation"]) #app #sendForm.composer,
    html[data-mobile-design="flow"] #app[hidden] #sendForm.composer { display:none!important; }
    html[data-mobile-design="flow"][data-mobile-composer="inactive"] #app #sendForm :is(#send,#recordAudio) { display:none!important; }
    html[data-mobile-design="flow"] #app #replyBar { margin:6px 8px 0!important;padding:10px 12px!important;border-radius:14px!important;background:var(--mf-surface)!important;border:1px solid var(--mf-line)!important;border-inline-start:3px solid var(--mf-accent)!important; }
    html[data-mobile-design="flow"] #app #cancelReply { width:44px!important;min-height:44px!important; }

    /* The drawer becomes a real root conversation screen, not floating cards. */
    html[data-mobile-design="flow"] #app #sidebar { position:absolute!important;top:0!important;bottom:var(--mf-reserved)!important;height:calc(100% - var(--mf-reserved))!important;max-height:none!important;width:100%!important;max-width:100%!important;border:0!important;border-radius:0!important;box-shadow:none!important;background:var(--mf-surface)!important; }
    html[data-mobile-design="flow"] #sidebar>.profile { display:none!important; }
    html[data-mobile-design="flow"] #app #sidebar { transition:none!important; }
    html[data-mobile-design="flow"] #app #sidebar.open { inset-inline:0!important;transform:none!important;translate:none!important; }
    html[data-mobile-design="flow"] #app #sidebar #mobileFlowListHeader { display:flex!important;order:-2!important;flex:0 0 auto!important;align-items:center!important;gap:8px;padding:16px 16px 12px!important;padding-top:max(16px,env(safe-area-inset-top))!important;background:var(--mf-surface)!important; }
    html[data-mobile-design="flow"] #mobileFlowListHeader>div { flex:1;min-width:0; }
    html[data-mobile-design="flow"] #mobileFlowListHeader .mf-brand { display:block;font-size:12px;line-height:1.8;color:var(--mf-muted)!important; }
    html[data-mobile-design="flow"] #mobileFlowListHeader h1 { margin:0!important;font-size:26px!important;line-height:1.6!important;font-weight:750;color:var(--mf-ink)!important; }
    html[data-mobile-design="flow"] #mobileFlowListHeader #sidebarAddMenu { flex:0 0 auto!important;min-width:0; }
    html[data-mobile-design="flow"] #mobileFlowListHeader #sidebarAddMenuTrigger { width:44px!important;min-width:44px!important;height:44px!important;padding:0!important;background:var(--mf-accent)!important;color:var(--mf-on-accent)!important;border-radius:16px!important; }
    html[data-mobile-design="flow"] #mobileFlowListHeader #sidebarAddMenuTrigger>span { display:none; }
    html[data-mobile-design="flow"] #mobileFlowListHeader #sidebarAddMenuTrigger svg { width:24px;height:24px; }
    html[data-mobile-design="flow"] #mobileFlowFind[aria-expanded="true"] { background:var(--mf-soft)!important;color:var(--mf-accent)!important; }
    html[data-mobile-design="flow"] #app #sidebar #sidebarQuickActions { padding:0 12px 8px!important;border:0!important;border-radius:0!important;background:var(--mf-surface)!important; }
    html[data-mobile-design="flow"] #sidebar #sidebarQuickActions .sidebar-search-toolbar { display:none!important; }
    html[data-mobile-design="flow"] #sidebarQuickActions :is(#sidebarSearchToggle,#createGroup) { display:none!important; }
    html[data-mobile-design="flow"] #sidebarAddMenuTrigger { min-height:44px!important;border:0!important;border-radius:14px!important;background:var(--mf-bg)!important;color:var(--mf-accent)!important;box-shadow:none!important; }
    html[data-mobile-design="flow"] #sidebar.search-collapsed .search-wrap { display:none!important; }
    html[data-mobile-design="flow"] #sidebar .search-wrap { margin:0 12px 12px!important;min-height:44px!important;border:1px solid var(--mf-line)!important;border-radius:12px!important;background:var(--mf-bg)!important;box-shadow:none!important; }
    html[data-mobile-design="flow"] #sidebar .search-wrap input { background:transparent!important;color:var(--mf-ink)!important;font-size:16px!important;min-height:44px!important;border:0!important;box-shadow:none!important; }
    html[data-mobile-design="flow"] #app #sidebar #users { padding:4px 8px 16px!important;gap:0!important; }
    html[data-mobile-design="flow"] #sidebar #users .user { min-height:84px!important;margin:0!important;padding:14px 8px 14px 52px!important;gap:12px!important;border:0!important;border-radius:14px!important;background:transparent!important;color:var(--mf-ink)!important;box-shadow:none!important; }
    html[data-mobile-design="flow"] #sidebar #users .user .row-actions-menu { inset-inline-start:auto!important;inset-inline-end:0!important; }
    html[data-mobile-design="flow"] #sidebar #users .user .row-actions-menu:not(.has-pin) { width:44px!important;min-width:44px!important;height:44px!important; }
    html[data-mobile-design="flow"] #sidebar #users .user:has(>.row-actions-menu.has-pin) { padding-inline-end:84px!important; }
    html[data-mobile-design="flow"] #sidebar #users .row-actions-menu.has-pin { width:76px!important;min-width:76px!important;height:44px!important;gap:6px!important; }
    html[data-mobile-design="flow"] #sidebar #users .row-actions-menu.has-pin .row-actions-toggle { flex:0 0 44px!important; }
    html[data-mobile-design="flow"] #sidebar #users .conversation-pin-indicator { width:22px!important;min-width:22px!important;height:22px!important;flex:0 0 22px!important;border:0!important;box-shadow:none!important; }
    html[data-mobile-design="flow"] #sidebar #users .user>div:not([class]) { min-width:0!important;flex:1!important; }
    html[data-mobile-design="flow"] #sidebar #users .user .presence-status { position:static!important;inset:auto!important;display:inline-flex!important;align-items:center!important;gap:5px!important;width:auto!important;height:auto!important;min-height:12px!important;margin:0!important;padding:0!important;line-height:1.4!important; }
    html[data-mobile-design="flow"] #sidebar #users .user .presence-status .presence-dot { width:8px!important;height:8px!important;min-width:8px!important;min-height:8px!important;flex:0 0 8px!important; }
    html[data-mobile-design="flow"] #sidebar #users .user>div>strong { white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important; }
    html[data-mobile-design="flow"] #sidebar #users .user>div>small:not(.presence-status) { white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important; }
    html[data-mobile-design="flow"] #sidebar #users .user.active { background:var(--mf-soft)!important;border-radius:10px!important; }
    html[data-mobile-design="flow"] #sidebar #users .user .avatar { width:50px!important;height:50px!important;min-width:50px!important;flex:0 0 50px!important;box-shadow:none!important; }
    html[data-mobile-design="flow"] #sidebar #users .user strong { color:var(--mf-ink)!important;-webkit-text-fill-color:currentColor!important;font-size:15px!important;line-height:1.7!important; }
    html[data-mobile-design="flow"] #sidebar #users .user small { color:var(--mf-muted)!important;-webkit-text-fill-color:currentColor!important;font-size:12px!important;line-height:1.8!important; }
    html[data-mobile-design="flow"] #sidebar #users :is(.folder-row,.conversation-folder) { box-shadow:none!important;border-color:var(--mf-line)!important;background:var(--mf-bg)!important; }
    html[data-mobile-design="flow"] #sidebar #users .folder-row { min-height:56px!important;margin:4px 0!important;padding:4px 6px!important;gap:4px!important;border:0!important;border-radius:14px!important;color:var(--mf-ink)!important; }
    html[data-mobile-design="flow"] #sidebar #users .folder-row-open { min-width:0!important;min-height:44px!important;flex:1!important;gap:8px!important;border:0!important;background:transparent!important;color:inherit!important;box-shadow:none!important; }
    html[data-mobile-design="flow"] #sidebar #users .folder-row-open strong { font-size:14px!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important; }
    html[data-mobile-design="flow"] #sidebar #users :is(.folder-row-pin,.folder-row-edit) { width:44px!important;min-width:44px!important;min-height:44px!important;padding:8px!important;border:0!important;border-radius:12px!important;background:transparent!important;color:var(--mf-muted)!important;box-shadow:none!important; }
    html[data-mobile-design="flow"] #sidebar #users :is(.row-actions-toggle,.pin-conversation) { width:44px!important;max-width:44px!important;height:44px!important;min-width:44px!important;min-height:44px!important;padding:10px!important;border:0!important;border-radius:50%!important;background:transparent!important;color:var(--mf-muted)!important;box-shadow:none!important; }
    html[data-mobile-design="flow"] #sidebar #users .user.has-new-message strong { color:var(--mf-accent)!important; }
    html[data-mobile-design="flow"] #sidebar #users .user.has-new-message::after { display:none!important; }
    html[data-mobile-design="flow"] #sidebar #users .user.has-new-message>div>strong { padding-inline-end:28px!important; }
    html[data-mobile-design="flow"] #sidebar #users .unread-badge { top:14px!important;bottom:auto!important;right:auto!important;left:52px!important;min-width:18px!important;min-height:18px!important;padding:1px 5px!important;border:0!important;background:var(--mf-accent)!important;color:var(--mf-on-accent)!important;box-shadow:none!important;animation:none!important; }
    html[data-mobile-design="flow"] #sidebar #users .user:has(>.row-actions-menu.has-pin) .unread-badge { left:84px!important; }
    html[data-mobile-design="flow"] #sidebar>footer { flex:0 0 28px!important;padding:6px 12px!important;background:var(--mf-surface)!important;color:var(--mf-muted)!important;border:0!important;font-size:10px!important; }
    html[data-mobile-design="flow"] #sidebar #workspaceCategoryRail { background:var(--mf-bg)!important; }

    /* Application launcher: two-column tools, with discovery kept as a separate section. */
    html[data-mobile-design="flow"] #app .discover-section { width:100%!important;max-width:620px!important;padding:12px 4px 24px!important;margin-inline:auto!important; }
    html[data-mobile-design="flow"] #app .system-apps-heading { display:none!important; }
    html[data-mobile-design="flow"] #app .system-apps-grid { display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px!important;overflow:visible!important;border:0!important;border-radius:0!important;background:transparent!important; }
    html[data-mobile-design="flow"] #app .system-app-card { display:flex!important;flex-direction:column!important;align-items:flex-start!important;justify-content:flex-start!important;gap:12px!important;min-width:0!important;min-height:156px!important;margin:0!important;padding:16px!important;border:1px solid var(--mf-line)!important;border-radius:22px!important;background:var(--mf-surface)!important;color:var(--mf-ink)!important;box-shadow:none!important;text-align:start!important; }
    html[data-mobile-design="flow"] #app .system-app-card .system-app-avatar { width:44px!important;height:44px!important;flex:0 0 44px!important;margin:0!important;box-shadow:none!important; }
    html[data-mobile-design="flow"] #app .system-app-card-body { flex:1!important;min-width:0!important;width:100%!important; }
    html[data-mobile-design="flow"] #app .system-app-card-body strong { display:block!important;font-size:16px!important;line-height:1.7!important;color:var(--mf-ink)!important;-webkit-text-fill-color:currentColor!important;white-space:normal!important; }
    html[data-mobile-design="flow"] #app .system-app-card-body small { display:block!important;font-size:12px!important;line-height:1.8!important;color:var(--mf-muted)!important;-webkit-text-fill-color:currentColor!important;white-space:normal!important; }
    html[data-mobile-design="flow"] #app .system-app-open { display:none!important; }
    html[data-mobile-design="flow"] #app .system-app-card::after { display:none!important; }
    html[data-mobile-design="flow"] #app .discover-heading { margin-block:24px 12px!important; }
    html[data-mobile-design="flow"] #app .discover-heading h2 { font-size:18px!important;color:var(--mf-ink)!important;-webkit-text-fill-color:currentColor!important; }
    html[data-mobile-design="flow"] #app :is(.discover-card,.calendar-month-card,.calendar-day-panel,.market-card,.pv-card,.aj-card) { border-color:var(--mf-line)!important;border-radius:14px!important;background:var(--mf-surface)!important;color:var(--mf-ink)!important;box-shadow:none!important; }
    html[data-mobile-design="flow"] #app .accounting-journal { --aj-ink:var(--mf-ink)!important;--aj-muted:var(--mf-muted)!important;--aj-line:var(--mf-line)!important;--aj-card:var(--mf-surface)!important;--aj-mint:var(--mf-soft)!important;--aj-accent:var(--mf-accent)!important; }
    html[data-mobile-design="flow"] #app .accounting-journal>.aj-mobile-nav { inset-block-end:max(8px,env(safe-area-inset-bottom))!important;background:var(--mf-surface)!important;border-color:var(--mf-line)!important;box-shadow:0 2px 12px #202d3a12!important; }
    html[data-mobile-design="flow"] #app :is(.calendar-workspace,.account-otp-vault-section,.otp-vault-card,.calendar-toolbar,.calendar-events-panel,.aj-welcome) { background:var(--mf-surface)!important;border-color:var(--mf-line)!important;box-shadow:none!important;color:var(--mf-ink)!important; }
    html[data-mobile-design="flow"] #app .calendar-workspace { margin:0!important;border:0!important;border-radius:0!important; }
    html[data-mobile-design="flow"] #app .calendar-toolbar { padding:4px!important;gap:8px!important; }
    html[data-mobile-design="flow"] #app .calendar-nav { flex:0 0 44px!important;width:44px!important;min-width:44px!important;min-height:44px!important;background:var(--mf-bg)!important;box-shadow:none!important;color:var(--mf-ink)!important; }
    html[data-mobile-design="flow"] #app :is(.calendar-add-button,.aj-primary) { min-height:44px!important;background:var(--mf-accent)!important;color:var(--mf-on-accent)!important;box-shadow:none!important;border-radius:10px!important; }
    html[data-mobile-design="flow"] #app .otp-vault-actions { display:grid!important;grid-template-columns:1fr 1fr!important;gap:8px!important; }
    html[data-mobile-design="flow"] #app :is(.otp-vault-actions,.otp-vault-card-actions) button { min-height:44px!important;padding:8px!important;border:1px solid var(--mf-line)!important;border-radius:10px!important;background:var(--mf-bg)!important;color:var(--mf-ink)!important;box-shadow:none!important; }
    html[data-mobile-design="flow"] #app .otp-vault-actions button.primary { background:var(--mf-accent)!important;color:var(--mf-on-accent)!important;border-color:var(--mf-accent)!important; }
    html[data-mobile-design="flow"] #app .otp-vault-card-actions .danger-outline { background:var(--mf-danger-bg)!important;color:var(--mf-danger)!important;border-color:var(--mf-danger-line)!important; }
    html[data-mobile-design="flow"] #app .account-otp-vault-section .account-theme-heading :is(h4,p) { color:var(--mf-ink)!important;-webkit-text-fill-color:currentColor!important; }
    html[data-mobile-design="flow"] #app .otp-vault-code { color:var(--mf-accent)!important;-webkit-text-fill-color:currentColor!important; }
    html[data-mobile-design="flow"] .system-app-store-search { background:var(--mf-bg)!important;border:1px solid var(--mf-line)!important;border-radius:12px!important;box-shadow:none!important; }
    html[data-mobile-design="flow"] .system-app-store-search :is(kbd,span[aria-hidden]) { display:none!important; }
    html[data-mobile-design="flow"] .system-app-store-search input { border:0!important;background:transparent!important; }
    html[data-mobile-design="flow"] .system-app-store-option { min-height:80px!important;margin:0!important;padding:14px!important;border:0!important;border-bottom:1px solid var(--mf-line)!important;border-radius:0!important;background:var(--mf-surface)!important;box-shadow:none!important; }
    html[data-mobile-design="flow"] .system-app-store-option:has(input:checked) { background:var(--mf-soft)!important; }
    html[data-mobile-design="flow"] .system-app-store-option input { accent-color:var(--mf-accent)!important; }

    /* Long forms are full screens; only short choices use bottom sheets. */
    html[data-mobile-design="flow"] :is(.account-modal,.profile-modal,.forward-modal,.system-app-store-modal) { padding:0!important;background:rgba(20,30,40,.35)!important;backdrop-filter:none!important; }
    html[data-mobile-design="flow"] :is(.account-panel,.profile-panel,.profile-card,.forward-panel,.system-app-store-panel) { width:100%!important;max-width:100%!important;height:var(--app-height,100dvh)!important;max-height:var(--app-height,100dvh)!important;margin:0!important;border:0!important;border-radius:0!important;background:var(--mf-surface)!important;color:var(--mf-ink)!important;box-shadow:none!important; }
    html[data-mobile-design="flow"] :is(.account-header,.account-footer,.account-actions,.account-tabs,.profile-header,.profile-footer,.forward-header,.forward-footer,.system-app-store-panel>header) { background:var(--mf-surface)!important;color:var(--mf-ink)!important;border-color:var(--mf-line)!important;box-shadow:none!important; }
    html[data-mobile-design="flow"] :is(.account-header,.forward-header,.system-app-store-panel>header) { min-height:64px!important;padding:12px 16px!important;padding-top:max(12px,env(safe-area-inset-top))!important; }
    html[data-mobile-design="flow"] #accountForm { padding:0 16px 16px!important;gap:16px!important;background:var(--mf-surface)!important; }
    html[data-mobile-design="flow"] #accountForm .account-tabs { position:sticky!important;top:0!important;z-index:2!important;display:flex!important;flex-wrap:nowrap!important;gap:4px!important;justify-content:flex-start!important;overflow-x:auto!important;overflow-y:hidden!important;max-width:100%!important;min-height:56px!important;padding:6px 0!important;border:0!important;border-bottom:1px solid var(--mf-line)!important;border-radius:0!important;scrollbar-width:none; }
    html[data-mobile-design="flow"] #accountForm .account-tab { flex:0 0 auto!important;min-height:44px!important;padding:8px 12px!important;gap:6px!important;border:0!important;border-radius:8px!important;background:transparent!important;color:var(--mf-muted)!important;font-size:13px!important;white-space:nowrap!important;box-shadow:none!important; }
    html[data-mobile-design="flow"] #accountForm .account-tab[aria-selected="true"] { background:var(--mf-soft)!important;color:var(--mf-accent)!important;font-weight:700!important; }
    html[data-mobile-design="flow"] #accountForm .account-tab>span[aria-hidden] { display:none!important; }
    html[data-mobile-design="flow"] #accountForm .account-tab span { color:inherit!important;-webkit-text-fill-color:currentColor!important; }
    html[data-mobile-design="flow"] :is(.account-modal,.profile-modal,.forward-modal,.system-app-store-modal) :is(h2,h3,h4,label,strong) { color:var(--mf-ink)!important;-webkit-text-fill-color:currentColor!important; }
    html[data-mobile-design="flow"] :is(.account-modal,.profile-modal,.forward-modal,.system-app-store-modal) :is(input:not([type="checkbox"]):not([type="radio"]):not([type="color"]),select,textarea) { min-height:48px!important;border:1px solid var(--mf-strong)!important;border-radius:10px!important;background:var(--mf-surface)!important;color:var(--mf-ink)!important;box-shadow:none!important;font-size:16px!important; }
    html[data-mobile-design="flow"] :is(.account-modal,.profile-modal,.forward-modal,.system-app-store-modal) input::placeholder { color:var(--mf-muted)!important;-webkit-text-fill-color:currentColor!important; }
    html[data-mobile-design="flow"] :is(.account-modal,.profile-modal,.forward-modal,.system-app-store-modal) button { min-height:44px!important;box-shadow:none!important;border-radius:10px!important; }
    html[data-mobile-design="flow"] :is(.account-modal,.profile-modal,.forward-modal,.system-app-store-modal) button.primary { background:var(--mf-accent)!important;color:var(--mf-on-accent)!important;border-color:var(--mf-accent)!important; }
    html[data-mobile-design="flow"] :is(.account-actions,.forward-footer) { padding-bottom:calc(12px + env(safe-area-inset-bottom))!important; }
    html[data-mobile-design="flow"] #accountModal .profile-editor { padding:12px 0!important;border:0!important;background:transparent!important; }
    html[data-mobile-design="flow"] #accountModal #profileImageButton { width:100%!important;justify-content:flex-start!important;min-height:80px!important;padding:8px!important;background:var(--mf-bg)!important;border:0!important;border-radius:18px!important;color:var(--mf-ink)!important; }
    html[data-mobile-design="flow"] #profileImageButton .avatar { width:60px!important;height:60px!important;min-width:60px!important;min-height:60px!important;flex:0 0 60px!important; }
    html[data-mobile-design="flow"] :is(.account-header,.forward-header) h3 { font-size:20px!important;font-weight:750!important; }
    html[data-mobile-design="flow"] :is(.account-modal,.forward-modal) .close-btn { width:44px!important;height:44px!important;padding:10px!important;border:0!important;border-radius:50%!important;background:var(--mf-bg)!important;color:var(--mf-ink)!important; }
    html[data-mobile-design="flow"] #accountForm .account-tab { border-radius:0!important;border-bottom:2px solid transparent!important;background:transparent!important; }
    html[data-mobile-design="flow"] #accountForm .account-tab[aria-selected="true"] { background:transparent!important;border-bottom-color:var(--mf-accent)!important; }
    html[data-mobile-design="flow"] .forward-source { margin:12px 16px!important;padding:14px!important;border:0!important;border-inline-start:3px solid var(--mf-accent)!important;border-radius:14px!important;background:var(--mf-soft)!important;color:var(--mf-ink)!important;box-shadow:none!important; }
    html[data-mobile-design="flow"] .forward-source :is(strong,small,span) { color:inherit!important; }
    html[data-mobile-design="flow"] .forward-search { margin-inline:16px!important;background:var(--mf-bg)!important;border:1px solid var(--mf-line)!important;border-radius:16px!important;box-shadow:none!important; }
    html[data-mobile-design="flow"] #forwardModal .forward-search #forwardSearch { border:0!important;background:transparent!important;box-shadow:none!important; }
    html[data-mobile-design="flow"] .forward-search:focus-within { border-color:var(--mf-accent)!important; }
    html[data-mobile-design="flow"] .forward-target { min-height:72px!important;padding:12px!important;border:0!important;border-bottom:1px solid var(--mf-line)!important;border-radius:0!important;background:var(--mf-surface)!important;color:var(--mf-ink)!important;box-shadow:none!important; }
    html[data-mobile-design="flow"] .forward-target.selected { background:var(--mf-soft)!important; }
    html[data-mobile-design="flow"] .forward-target :is(strong,small) { color:inherit!important; }
    html[data-mobile-design="flow"] #app .inline-audio-recorder { position:relative!important;inset:auto!important;transform:none!important;align-self:stretch!important;flex:0 0 auto!important;display:flex!important;width:auto!important;max-width:none!important;margin:8px!important;padding:14px!important;border:1px solid var(--mf-line)!important;border-radius:20px!important;background:var(--mf-surface)!important;color:var(--mf-ink)!important;box-shadow:none!important; }
    html[data-mobile-design="flow"] #app .inline-audio-recorder[hidden] { display:none!important; }
    html[data-mobile-design="flow"] .inline-audio-status :is(strong,small,time) { color:var(--mf-ink)!important;-webkit-text-fill-color:currentColor!important; }
    html[data-mobile-design="flow"] .inline-audio-actions button { width:44px!important;height:44px!important;min-width:44px!important;min-height:44px!important;border:0!important;border-radius:14px!important;background:var(--mf-soft)!important;color:var(--mf-accent)!important;box-shadow:none!important; }
    html[data-mobile-design="flow"] .inline-audio-actions #sendRecordedAudio { background:var(--mf-accent)!important;color:var(--mf-on-accent)!important; }
    html[data-mobile-design="flow"] .inline-audio-actions #cancelAudioRecord { background:var(--mf-danger-bg)!important;color:var(--mf-danger)!important; }
    html[data-mobile-design="flow"] #scrollToLatest { border:1px solid var(--mf-line)!important;background:var(--mf-surface)!important;color:var(--mf-accent)!important;box-shadow:0 3px 12px #0001!important; }
    html[data-mobile-design="flow"] #scrollToLatest>img { display:none!important; }
    html[data-mobile-design="flow"] #scrollToLatest .mf-latest-icon { display:flex!important;width:24px;height:24px; }
    html[data-mobile-design="flow"] #scrollToLatest.has-unread { background:var(--mf-accent)!important;color:var(--mf-on-accent)!important; }
    html[data-mobile-design="flow"] :is(.chat-actions-modal,.row-actions-modal,.decision-modal) { padding:24px 8px max(8px,env(safe-area-inset-bottom))!important;align-items:flex-end!important;background:rgba(20,30,40,.35)!important;backdrop-filter:none!important; }
    html[data-mobile-design="flow"] :is(.chat-actions-panel,.row-actions-panel,.decision-panel) { width:100%!important;max-width:560px!important;max-height:80dvh!important;border:1px solid var(--mf-line)!important;border-radius:20px!important;background:var(--mf-surface)!important;color:var(--mf-ink)!important;box-shadow:none!important; }
    html[data-mobile-design="flow"] :is(.chat-actions-modal,.row-actions-modal,.decision-modal) :is(h3,strong,span:not([aria-hidden])) { color:inherit!important;-webkit-text-fill-color:currentColor!important; }
    html[data-mobile-design="flow"] .chat-actions-modal button:not(.danger-action) { min-height:48px!important;background:var(--mf-surface)!important;color:var(--mf-ink)!important;border-color:var(--mf-line)!important;box-shadow:none!important; }
    html[data-mobile-design="flow"] .chat-actions-modal #mobileFlowChatSearch { display:flex!important;width:100%!important;justify-content:flex-start!important;gap:12px!important;min-height:48px!important;padding:12px 16px!important;border:0!important;border-radius:10px!important; }
    html[data-mobile-design="flow"] #mobileFlowChatSearch svg { width:24px!important;height:24px!important;flex:none!important;stroke:currentColor!important; }
    html[data-mobile-design="flow"] .chat-actions-empty { display:none!important; }
    html[data-mobile-design="flow"] :is(button,input,select,textarea,a):focus-visible { outline:2px solid var(--mf-accent)!important;outline-offset:3px!important; }
    html[data-mobile-design="flow"] :is(.mf-icon-button,#mobileFlowNav button,.system-app-card):active { background:var(--mf-soft)!important; }
    html[data-mobile-design="flow"] body.modal-open #mobileFlowNav { visibility:hidden!important;pointer-events:none!important; }
    /* Detail polish: quieter rhythm, readable attachments and deliberate selection states. */
    html[data-mobile-design="flow"] #app #messages>.message:not(.background-upload-message) { border-radius:18px!important;line-height:1.75!important; }
    html[data-mobile-design="flow"] #app #messages>.message.mine:not(.background-upload-message) { border-radius:18px!important;border-color:transparent!important; }
    html[data-mobile-design="flow"] #messages .message-footer { display:flex!important;flex-wrap:wrap!important;align-items:center!important;gap:6px!important;max-width:100%!important;margin-top:6px!important; }
    html[data-mobile-design="flow"] #messages .message-reactions { max-width:100%!important;flex-wrap:wrap!important;gap:4px!important; }
    html[data-mobile-design="flow"] #messages .message-reaction { min-height:32px!important;min-width:36px!important;padding:5px 8px!important;border:1px solid var(--mf-line)!important;border-radius:12px!important;gap:5px!important; }
    html[data-mobile-design="flow"] #messages .message-reaction.active { background:var(--mf-soft)!important;color:var(--mf-accent)!important;border-color:var(--mf-accent)!important; }
    html[data-mobile-design="flow"] #messages .reaction-count { font-size:12px!important;color:inherit!important;-webkit-text-fill-color:currentColor!important; }
    html[data-mobile-design="flow"] #messages .reaction-picker-menu { max-width:calc(100vw - 40px)!important;flex-wrap:wrap!important;padding:8px!important;gap:4px!important;border:1px solid var(--mf-line)!important;border-radius:18px!important;background:var(--mf-surface)!important;color:var(--mf-ink)!important;box-shadow:0 4px 16px #0002!important; }
    html[data-mobile-design="flow"] #messages .reaction-picker-option { min-width:44px!important;min-height:44px!important; }
    html[data-mobile-design="flow"] #messages .attachment-collection { gap:6px!important;max-width:100%!important;background:transparent!important; }
    html[data-mobile-design="flow"] #messages .attachment-collection { border:0!important;box-shadow:none!important;padding:0!important; }
    html[data-mobile-design="flow"] #app #sendForm.composer #text:focus-visible { outline:none!important; }
    html[data-mobile-design="flow"] #app #sendForm.composer :is(button,svg) { filter:none!important;text-shadow:none!important; }
    html[data-mobile-design="flow"] #messages .attachment-collection-file { display:flex!important;align-items:center!important;justify-content:center!important;min-height:72px!important;padding:12px!important;border:1px solid var(--mf-line)!important;border-radius:12px!important;background:var(--mf-surface)!important;color:var(--mf-link)!important;overflow-wrap:anywhere!important;box-sizing:border-box!important; }
    html[data-mobile-design="flow"] #messages .reply-quote { padding:10px 12px!important;border:0!important;border-inline-start:3px solid var(--mf-accent)!important;border-radius:10px!important;background:var(--mf-soft)!important; }
    html[data-mobile-design="flow"] :is(.chat-actions-panel,.row-actions-panel,.decision-panel) { padding:16px!important;border-radius:24px!important; }
    html[data-mobile-design="flow"] :is(.chat-actions-panel,.row-actions-panel,.decision-panel)::before { content:'';display:block;width:36px;height:4px;margin:0 auto 16px;border-radius:4px;background:var(--mf-strong); }
    html[data-mobile-design="flow"] :is(.chat-actions-panel,.row-actions-panel) button { min-height:48px!important;box-shadow:none!important; }
    html[data-mobile-design="flow"] #sidebar #users .user.selected { background:var(--mf-soft)!important;border-color:transparent!important; }
    html[data-mobile-design="flow"] :is(#messages,#users,.forward-list) { overscroll-behavior-y:contain; }
    @media(hover:hover) {
      html[data-mobile-design="flow"] :is(.mf-icon-button,#chatHeader .action-btn,#users .row-actions-toggle):hover { background:var(--mf-soft)!important; }
    }
    @media(max-width:359px) {
      html[data-mobile-design="flow"] #app .system-app-card { padding:12px!important;gap:10px!important;min-height:148px!important; }
      html[data-mobile-design="flow"] #app .system-apps-grid { gap:10px!important; }
      html[data-mobile-design="flow"] #app .system-app-card-body strong { font-size:14px!important; }
      html[data-mobile-design="flow"] #chatHeader { gap:2px!important;padding-inline:4px!important; }
      html[data-mobile-design="flow"] #chatHeader .header-avatar { width:32px!important;height:32px!important;min-width:32px!important;flex-basis:32px!important; }
      html[data-mobile-design="flow"] #chatHeader .header-info strong { font-size:14px!important; }
    }
    @media(min-width:600px) { html[data-mobile-design="flow"] #app .system-apps-grid { grid-template-columns:repeat(3,minmax(0,1fr))!important; } }
    @media(prefers-reduced-motion:reduce) { html[data-mobile-design="flow"] #app * { scroll-behavior:auto!important;animation:none!important;transition:none!important; } }
  }
}

/* TASK 702: mobile dialog scrolling contract, shared by Flow and classic.
   Never disable touch panning on a dialog ancestor: descendants cannot undo it. */
@layer minigap-mobile-flow {
  @media(max-width:700px) {
    html[data-mobile-design] body :is(.account-modal,.profile-modal,.forward-modal,.file-modal,.modal,.crop-modal,.video-modal) {
      top:var(--app-top,0px)!important;bottom:auto!important;height:var(--app-height,100dvh)!important;max-height:var(--app-height,100dvh)!important;
      box-sizing:border-box!important;padding:max(8px,env(safe-area-inset-top)) 8px max(8px,env(safe-area-inset-bottom))!important;
      overflow:hidden!important;touch-action:auto!important;overscroll-behavior:contain!important;
    }
    html[data-mobile-design] body :is(.account-modal,.profile-modal,.forward-modal,.file-modal,.modal,.crop-modal,.video-modal)[hidden] { display:none!important; }
    html[data-mobile-design] body :is(.account-modal,.profile-modal,.forward-modal,.file-modal,.modal,.crop-modal,.video-modal)>:is(.account-panel,.profile-card,.forward-panel,.file-panel,.folder-editor-panel,.crop-card,.video-panel) {
      box-sizing:border-box!important;min-height:0!important;max-height:100%!important;max-width:100%!important;touch-action:auto!important;
    }
    html[data-mobile-design] body :is(#groupCreateModal,#accountModal,#folderEditorModal) > :is(.account-panel,.folder-editor-panel) {
      display:flex!important;flex-direction:column!important;height:100%!important;max-height:100%!important;padding:0!important;overflow:hidden!important;
    }
    html[data-mobile-design] body :is(#groupCreateModal,#accountModal,#folderEditorModal) :is(.account-header,.folder-editor-header) {
      position:relative!important;top:auto!important;flex:0 0 auto!important;margin:0!important;padding:14px 16px!important;min-height:60px!important;
      border-bottom:1px solid var(--cc-line,var(--line))!important;background:var(--cc-surface,var(--paper))!important;
    }
    html[data-mobile-design] body :is(#groupCreateForm,#accountForm,#folderEditorForm) {
      flex:1 1 auto!important;min-height:0!important;max-height:none!important;overflow-x:hidden!important;overflow-y:auto!important;
      padding:16px!important;margin:0!important;box-sizing:border-box!important;scroll-padding-block:16px 88px!important;
      touch-action:pan-y pinch-zoom!important;overscroll-behavior-y:contain!important;-webkit-overflow-scrolling:touch;
    }
    html[data-mobile-design] body :is(#groupCreateForm,#accountForm,#folderEditorForm)>* { flex-shrink:0!important;min-width:0!important; }
    html[data-mobile-design] body :is(#groupCreateForm,#accountForm,#folderEditorForm) :is(.account-actions,.folder-editor-actions) {
      position:sticky!important;bottom:-16px!important;z-index:3!important;flex:0 0 auto!important;display:flex!important;flex-wrap:wrap!important;gap:10px!important;
      margin:12px -16px -16px!important;padding:12px 16px!important;background:var(--cc-surface,var(--paper))!important;
      border-top:1px solid var(--cc-line,var(--line))!important;box-shadow:none!important;
    }
    html[data-mobile-design] body :is(#groupCreateForm,#folderEditorForm) input[type="file"] { width:100%!important;max-width:100%!important;box-sizing:border-box!important; }
    html[data-mobile-design] body :is(#groupCreateForm,#folderEditorForm) :is(.account-actions,.folder-editor-actions)>button { flex:1 1 110px!important;width:auto!important;min-width:0!important; }
    html[data-mobile-design] body #groupCreateForm .group-type-options { min-inline-size:0!important;margin:4px 0!important; }
    html[data-mobile-design] body #groupCreateForm .group-type-options .phone-visibility { display:flex!important;min-height:44px!important;margin:0!important;white-space:normal!important; }
    html[data-mobile-design] body #groupManageModal .group-panel {
      display:flex!important;flex-direction:column!important;height:100%!important;max-height:100%!important;overflow:hidden!important;padding:0!important;
    }
    html[data-mobile-design] body #groupManageModal .group-manage-body {
      flex:1 1 auto!important;min-height:0!important;overflow-x:hidden!important;overflow-y:auto!important;padding:16px!important;
      touch-action:pan-y pinch-zoom!important;overscroll-behavior-y:contain!important;scroll-padding-block:80px 24px!important;-webkit-overflow-scrolling:touch;
    }
    html[data-mobile-design] body #groupManageModal .account-header {
      position:relative!important;top:auto!important;flex:0 0 auto!important;z-index:3!important;margin:0!important;padding:14px 16px!important;
      background:var(--cc-surface,var(--paper))!important;border-bottom:1px solid var(--cc-line,var(--line))!important;
    }
    html[data-mobile-design] body #groupManageModal :is(form,.group-members,.group-member-results) { max-height:none!important;overflow:visible!important; }
    html[data-mobile-design] body :is(.account-modal,.profile-modal,.file-modal) :is(input,textarea,select) { scroll-margin-block:80px 100px;max-width:100%;box-sizing:border-box; }
    html[data-mobile-design] body :is(.account-actions,.folder-editor-actions,.upload-confirm-actions) button { min-height:44px!important; }
    html[data-mobile-design] body #profileModal .profile-card,
    html[data-mobile-design] body #uploadConfirmModal .upload-confirm-panel,
    html[data-mobile-design] body :is(#decisionModal,#deleteConfirmModal,#otpModal) .account-panel,
    html[data-mobile-design] body .crop-card {
      height:auto!important;max-height:100%!important;overflow-x:hidden!important;overflow-y:auto!important;touch-action:pan-y pinch-zoom!important;
      overscroll-behavior-y:contain!important;-webkit-overflow-scrolling:touch;
    }
    html[data-mobile-design] body #uploadConfirmModal .upload-confirm-panel { display:block!important;padding:0!important; }
    html[data-mobile-design] body #uploadConfirmModal .upload-confirm-header { position:sticky!important;top:0!important;z-index:3!important;background:var(--cc-surface,var(--paper))!important; }
    html[data-mobile-design] body #uploadConfirmModal .upload-confirm-stage { height:auto!important;min-height:80px!important;max-height:none!important;overflow:visible!important; }
    html[data-mobile-design] body #uploadConfirmModal .file-preview { height:auto!important;min-height:0!important;max-height:none!important;overflow:visible!important; }
    html[data-mobile-design] body #uploadConfirmModal .file-preview :is(img,video) { max-height:200px!important;object-fit:contain!important; }
    html[data-mobile-design] body #uploadConfirmModal .upload-confirm-footer { position:sticky!important;bottom:0!important;z-index:3!important;flex-wrap:wrap!important;background:var(--cc-surface,var(--paper))!important; }
    html[data-mobile-design] body #uploadConfirmModal .upload-caption-label { margin:12px 16px!important; }
    html[data-mobile-design] body #uploadConfirmModal #uploadCaption { min-height:72px!important;max-height:112px!important; }
    html[data-mobile-design] body #forwardModal .forward-panel { display:flex!important;flex-direction:column!important;height:100%!important;max-height:100%!important;overflow:hidden!important; }
    html[data-mobile-design] body #forwardModal :is(.forward-header,.forward-footer,.forward-tabs) { flex:0 0 auto!important; }
    html[data-mobile-design] body #forwardModal .forward-source { flex:0 0 auto!important;max-height:96px!important;overflow-y:auto!important;touch-action:pan-y pinch-zoom!important; }
    html[data-mobile-design] body #forwardModal .forward-destinations { display:flex!important;flex-direction:column!important;flex:1 1 auto!important;min-height:0!important;overflow:hidden!important; }
    html[data-mobile-design] body #forwardModal .forward-destinations[hidden] { display:none!important; }
    html[data-mobile-design] body #forwardModal .forward-list { flex:1 1 auto!important;min-height:0!important;max-height:none!important;overflow-y:auto!important;touch-action:pan-y pinch-zoom!important;overscroll-behavior-y:contain!important; }
    html[data-mobile-design] body #forwardModal :is(.forward-search,.forward-destinations-head) { flex:0 0 auto!important; }
    html[data-mobile-design] body #fileModal .file-viewer-panel { height:100%!important;max-height:100%!important; }
    html[data-mobile-design] body .crop-card { display:block!important; }
    html[data-mobile-design] body .crop-stage { width:100%!important;max-height:min(42dvh,280px)!important;aspect-ratio:1;min-height:0!important; }
    html[data-mobile-design] body .crop-stage canvas { max-width:100%!important;max-height:100%!important;touch-action:none!important; }
    html[data-mobile-design="flow"] body .group-banner-editor { border:1px solid var(--mf-line)!important;background:var(--mf-bg)!important;box-shadow:none!important; }
    html[data-mobile-design="flow"] body .group-banner-preview:not(.has-image) { background:var(--mf-soft)!important;box-shadow:none!important; }
    html[data-mobile-design="flow"] body .group-banner-preview-overlay { background:var(--mf-surface)!important;color:var(--mf-ink)!important; }
    html[data-mobile-design="flow"] body .group-banner-preview-overlay :is(strong,small),html[data-mobile-design="flow"] body .group-banner-editor-hint { color:var(--mf-ink)!important;-webkit-text-fill-color:currentColor!important; }
  }
}