/* C026/C027 Work Tasks. Mobile chrome shares the home session palette;
   every selector is isolated from desktop and the other office products. */
@layer fuuvo-mobile-design {
@font-face {
    font-family: "FuuVoWorkTasksCJK";
    src: url("/static/document-templates/editor-cjk.woff") format("woff");
    font-display: swap;
}
@media (max-width: 920px) {
html body #office-app.fuuvo-mobile-work-tasks-active {
    --wt-ink: #25232e !important; --wt-copy: #82758e !important;
    --wt-muted: #9989a5 !important; --wt-line: #e5deeb !important;
    --wt-surface: #fff !important; --wt-soft: #faf9fc !important;
    --wt-tint: #ffffffb8 !important; --wt-primary: #25232e !important;
    --wt-primary-ink: #fff !important; --wt-focus: #8c71ad !important;
    --wt-green: #5a9178 !important; --wt-green-soft: #f3f8f5 !important;
    --wt-green-line: #dce9e1 !important; --wt-error: #af5363 !important;
    --wt-warning: #ae835f !important; --wt-warning-soft: #fbf1e9 !important;
    --wt-blue: #8094bd !important; --wt-blue-soft: #eef2fa !important;
    --wt-font: Inter, Arial, "FuuVoWorkTasksCJK", -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Microsoft YaHei", "Noto Sans SC", sans-serif !important;
    --wt-top-height: 56px !important;
    display: flex !important; width: 100% !important; max-width: 100% !important;
    height: var(--work-tasks-viewport-height, 100dvh) !important;
    min-width: 0 !important; min-height: 0 !important; margin: 0 !important; padding: 0 !important;
    overflow: hidden !important; color: var(--wt-ink) !important;
    font-family: var(--wt-font) !important; font-synthesis: weight style !important;
    background: radial-gradient(ellipse 83% 30% at 50% -3%, var(--home-bg-glow-a, transparent), transparent),
        radial-gradient(ellipse 94% 32% at 0 0, var(--home-bg-glow-b, transparent), transparent),
        radial-gradient(ellipse 65% 24% at 95% 0, var(--home-bg-glow-c, transparent), transparent),
        var(--wt-surface) !important;
}
html body:is([data-ui-theme="dark"], [data-theme="dark"]) #office-app.fuuvo-mobile-work-tasks-active,
html:is([data-ui-theme="dark"], [data-theme="dark"]) body #office-app.fuuvo-mobile-work-tasks-active {
    --wt-ink: #f1edf5 !important; --wt-copy: #c4b9ce !important;
    --wt-muted: #b3a3c0 !important; --wt-line: #46404f !important;
    --wt-surface: #1b1b25 !important; --wt-soft: #26232e !important;
    --wt-tint: #25232dcc !important; --wt-primary: #ece7f4 !important;
    --wt-primary-ink: #25212e !important; --wt-focus: #c7afe4 !important;
    --wt-green: #a2d0b7 !important; --wt-green-soft: #23342c !important;
    --wt-green-line: #415e4d !important; --wt-error: #ffb0bc !important;
    --wt-warning: #e9bd9c !important; --wt-warning-soft: #3d2e25 !important;
    --wt-blue: #b0c6ed !important; --wt-blue-soft: #283448 !important;
}
html body #office-app.fuuvo-mobile-work-tasks-active > .creation-workspace {
    display: flex !important; flex-direction: column !important; width: 100% !important; height: 100% !important;
    min-width: 0 !important; min-height: 0 !important; margin: 0 !important; padding: 0 !important;
    overflow: hidden !important; background: transparent !important; transform: none !important; filter: none !important;
}
html body #office-app.fuuvo-mobile-work-tasks-active .office-main {
    display: flex !important; flex: 1 1 auto !important; flex-direction: column !important;
    width: 100% !important; max-width: none !important; height: auto !important; min-width: 0 !important; min-height: 0 !important;
    margin: 0 !important; padding: 0 !important; overflow: hidden !important; background: transparent !important;
}
html body #office-app.fuuvo-mobile-work-tasks-active .office-main > :not(#fuuvo-mobile-work-tasks),
html body #office-app.fuuvo-mobile-work-tasks-active [data-mobile-primary-action="1"] { display: none !important; }
html body #office-app.fuuvo-mobile-work-tasks-active [data-fuuvo-shared-topbar] {
    display: flex !important; flex: 0 0 auto !important; position: relative !important;
    width: 100% !important; height: var(--wt-top-height) !important; min-height: var(--wt-top-height) !important;
    padding: 0 max(14px, env(safe-area-inset-right)) 0 max(14px, env(safe-area-inset-left)) !important; margin: 0 !important;
    align-items: center !important; justify-content: space-between !important; gap: 0 !important;
    color: var(--wt-ink) !important; background: transparent !important; border: 0 !important;
    box-shadow: none !important; backdrop-filter: none !important;
}
html body #office-app.fuuvo-mobile-work-tasks-active [data-fuuvo-shared-topbar] :is(.shell-topbar-left, .shell-topbar-center, .shell-topbar-right,
    .fuuvo-mobile-prototype-title, .fuuvo-mobile-prototype-new-chat, .fuuvo-mobile-prototype-legacy-back) { display: none !important; }
html body #office-app.fuuvo-mobile-work-tasks-active .wt-top-back {
    display: flex !important; align-items: center !important; justify-content: center !important;
    width: 44px !important; height: 44px !important; flex: 0 0 44px !important; padding: 10px !important;
    color: var(--wt-ink) !important; border: 0 !important; background: transparent !important;
    border-radius: 12px !important; text-decoration: none !important;
}
html body #office-app.fuuvo-mobile-work-tasks-active .wt-top-brand {
    position: absolute !important; left: 50% !important; top: 50% !important;
    transform: translate(-50%, -50%) !important; display: flex !important; align-items: center !important;
    width: 99px !important; height: 36px !important; color: var(--wt-ink) !important; pointer-events: none !important;
}
html body #office-app.fuuvo-mobile-work-tasks-active .wt-top-brand img {
    display: block !important; width: 99px !important; height: auto !important; max-height: 36px !important;
    object-fit: contain !important; filter: none !important;
}
html body #office-app.fuuvo-mobile-work-tasks-active .wt-top-brand :is(.ai, span) {
    position: absolute !important; left: calc(100% + 5px) !important; bottom: 6px !important;
    font: 700 12px/16px var(--wt-font) !important;
}
html body #office-app.fuuvo-mobile-work-tasks-active .wt-top-language {
    display: flex !important; height: 36px !important; margin-left: auto !important; padding: 2px !important; gap: 1px !important;
    border: 1px solid var(--wt-line) !important; border-radius: 10px !important; background: var(--wt-tint) !important; flex: none !important;
}
html body #office-app.fuuvo-mobile-work-tasks-active .wt-top-language :is(a, button) {
    display: flex !important; align-items: center !important; justify-content: center !important;
    min-width: 29px !important; height: 30px !important; padding: 0 5px !important; margin: 0 !important;
    border: 0 !important; border-radius: 7px !important; font: 400 11px/16px var(--wt-font) !important;
    background: transparent !important; color: var(--wt-copy) !important; text-decoration: none !important;
}
html body #office-app.fuuvo-mobile-work-tasks-active .wt-top-language :is(.active, [aria-pressed="true"]) {
    background: var(--wt-surface) !important; color: var(--wt-ink) !important; font-weight: 650 !important;
}
html body #office-app.fuuvo-mobile-work-tasks-active #fuuvo-mobile-work-tasks {
    display: flex !important; flex: 1 1 auto !important; flex-direction: column !important; position: relative !important;
    width: 100% !important; height: 100% !important; min-height: 0 !important; min-width: 0 !important;
    margin: 0 !important; padding: 0 !important; overflow: hidden !important;
    color: var(--wt-ink) !important; background: transparent !important;
    font-family: var(--wt-font) !important; -webkit-text-size-adjust: 100% !important;
}
html body #office-app.fuuvo-mobile-work-tasks-active #fuuvo-mobile-work-tasks * { box-sizing: border-box !important; }
html body #office-app.fuuvo-mobile-work-tasks-active :is(#fuuvo-mobile-work-tasks, .wt-top-brand, .wt-top-language) * { -webkit-text-fill-color: currentColor !important; }
html body #office-app.fuuvo-mobile-work-tasks-active :is(#fuuvo-mobile-work-tasks, [data-fuuvo-shared-topbar]) [hidden] { display: none !important; }
html body #office-app.fuuvo-mobile-work-tasks-active #fuuvo-mobile-work-tasks :is(button, input, select, textarea) {
    font-family: var(--wt-font) !important; letter-spacing: normal !important; text-transform: none !important;
}
html body #office-app.fuuvo-mobile-work-tasks-active #fuuvo-mobile-work-tasks button {
    margin: 0 !important; border: 0 !important; padding: 0 !important; min-width: 0 !important;
    color: inherit !important; box-shadow: none !important; cursor: pointer !important;
    touch-action: manipulation !important; -webkit-tap-highlight-color: transparent !important;
}
html body #office-app.fuuvo-mobile-work-tasks-active #fuuvo-mobile-work-tasks :where(button) { background: transparent !important; }
html body #office-app.fuuvo-mobile-work-tasks-active #fuuvo-mobile-work-tasks button:disabled { opacity: .38 !important; cursor: default !important; }
html body #office-app.fuuvo-mobile-work-tasks-active #fuuvo-mobile-work-tasks a { color: inherit; text-decoration: none; }
html body #office-app.fuuvo-mobile-work-tasks-active :is(#fuuvo-mobile-work-tasks, [data-fuuvo-shared-topbar]) :is(button, a, input, select, textarea):focus-visible {
    outline: 2px solid var(--wt-focus) !important; outline-offset: 3px !important;
}
html body #office-app.fuuvo-mobile-work-tasks-active #fuuvo-mobile-work-tasks :is(input, textarea, select) {
    min-width: 0 !important; margin: 0 !important; outline: none !important; box-shadow: none !important;
    color: var(--wt-ink) !important; background: var(--wt-surface) !important;
}
html body #office-app.fuuvo-mobile-work-tasks-active #fuuvo-mobile-work-tasks :is(input, textarea)::placeholder { color: var(--wt-muted) !important; opacity: .85 !important; }
html body #office-app.fuuvo-mobile-work-tasks-active :is(#fuuvo-mobile-work-tasks, .wt-top-back) .icon {
    display: block !important; width: 24px !important; height: 24px !important; flex: none !important;
    fill: none !important; stroke: currentColor !important; stroke-width: 1.5 !important;
    stroke-linecap: round !important; stroke-linejoin: round !important; pointer-events: none !important;
}
html body #office-app.fuuvo-mobile-work-tasks-active #fuuvo-mobile-work-tasks .screen {
    display: flex !important; flex-direction: column !important; height: 100% !important; flex: 1 1 auto !important;
    min-height: 0 !important; min-width: 0 !important; width: 100% !important; margin: 0 !important; padding: 0 !important;
    position: relative !important; overflow: hidden !important; background: transparent !important;
    container-name: wt-screen !important; container-type: size !important;
}
html body #office-app.fuuvo-mobile-work-tasks-active #fuuvo-mobile-work-tasks :is(.scroll, .result-scroll) {
    flex: 1 1 auto !important; min-height: 0 !important; min-width: 0 !important;
    padding: 17px 20px 25px !important; margin: 0 !important; overflow-x: hidden !important; overflow-y: auto !important;
    overscroll-behavior: contain !important; background: transparent !important;
    scrollbar-width: none !important; scroll-padding-block: 18px !important;
}
html body #office-app.fuuvo-mobile-work-tasks-active #fuuvo-mobile-work-tasks :is(.scroll, .result-scroll, .sheet-body, .file-row)::-webkit-scrollbar { display: none !important; }
html body #office-app.fuuvo-mobile-work-tasks-active #fuuvo-mobile-work-tasks .hero { margin: 0 0 20px !important; padding: 0 !important; background: transparent !important; }
html body #office-app.fuuvo-mobile-work-tasks-active #fuuvo-mobile-work-tasks .hero-icon { color: var(--wt-green) !important; margin-bottom: 11px !important; }
html body #office-app.fuuvo-mobile-work-tasks-active #fuuvo-mobile-work-tasks .title { margin: 0 0 5px !important; font-size: 29px !important; line-height: 35px !important; letter-spacing: -.8px !important; font-weight: 600 !important; color: var(--wt-ink) !important; }
html body #office-app.fuuvo-mobile-work-tasks-active #fuuvo-mobile-work-tasks .subtitle { margin: 0 !important; font-size: 13px !important; line-height: 20px !important; color: var(--wt-copy) !important; }
html body #office-app.fuuvo-mobile-work-tasks-active #fuuvo-mobile-work-tasks .section-title { margin: 22px 0 12px !important; font-size: 17px !important; line-height: 23px !important; font-weight: 600 !important; letter-spacing: -.3px !important; color: var(--wt-ink) !important; }
html body #office-app.fuuvo-mobile-work-tasks-active #fuuvo-mobile-work-tasks .brief-card { border: 1px solid var(--wt-line) !important; background: var(--wt-surface) !important; border-radius: 17px !important; padding: 12px !important; box-shadow: 0 3px 12px #59466003 !important; }
html body #office-app.fuuvo-mobile-work-tasks-active #fuuvo-mobile-work-tasks .brief-card textarea { display: block !important; width: 100% !important; height: 76px !important; min-height: 0 !important; max-height: 76px !important; padding: 0 2px !important; border: 0 !important; resize: none !important; font-size: 14px !important; line-height: 21px !important; background: transparent !important; }
html body #office-app.fuuvo-mobile-work-tasks-active #fuuvo-mobile-work-tasks .file-tools { display: flex !important; align-items: center !important; justify-content: space-between !important; gap: 8px !important; margin-top: 12px !important; }
html body #office-app.fuuvo-mobile-work-tasks-active #fuuvo-mobile-work-tasks .file-tools .icon { width: 17px !important; height: 17px !important; }
html body #office-app.fuuvo-mobile-work-tasks-active #fuuvo-mobile-work-tasks .chip { display: inline-flex !important; align-items: center !important; justify-content: center !important; gap: 5px !important; min-height: 36px !important; padding: 5px 7px !important; font-size: 10px !important; line-height: 16px !important; color: var(--wt-copy) !important; border-radius: 8px !important; }
html body #office-app.fuuvo-mobile-work-tasks-active #fuuvo-mobile-work-tasks .chip .icon { width: 16px !important; height: 16px !important; }
html body #office-app.fuuvo-mobile-work-tasks-active #fuuvo-mobile-work-tasks .primary { display: flex !important; align-items: center !important; justify-content: center !important; gap: 8px !important; flex: none !important; min-height: 41px !important; padding: 8px 15px !important; border-radius: 11px !important; background: var(--wt-primary) !important; color: var(--wt-primary-ink) !important; font-size: 12px !important; line-height: 18px !important; font-weight: 500 !important; }
html body #office-app.fuuvo-mobile-work-tasks-active #fuuvo-mobile-work-tasks .primary .icon { width: 17px !important; height: 17px !important; }
html body #office-app.fuuvo-mobile-work-tasks-active #fuuvo-mobile-work-tasks .secondary { display: flex !important; align-items: center !important; justify-content: center !important; gap: 7px !important; min-height: 40px !important; padding: 8px 11px !important; border: 1px solid var(--wt-line) !important; border-radius: 10px !important; color: var(--wt-copy) !important; background: var(--wt-surface) !important; font-size: 11px !important; line-height: 17px !important; }
html body #office-app.fuuvo-mobile-work-tasks-active #fuuvo-mobile-work-tasks .secondary .icon { width: 17px !important; height: 17px !important; }
html body #office-app.fuuvo-mobile-work-tasks-active #fuuvo-mobile-work-tasks .file-row { display: flex !important; gap: 5px !important; overflow-x: auto !important; scrollbar-width: none !important; margin: 8px 0 !important; padding: 0 !important; }
html body #office-app.fuuvo-mobile-work-tasks-active #fuuvo-mobile-work-tasks .file-row:empty { display: none !important; }
html body #office-app.fuuvo-mobile-work-tasks-active #fuuvo-mobile-work-tasks .file-row .chip { flex: 0 0 auto !important; max-width: 230px !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; background: var(--wt-soft) !important; min-height: 31px !important; }
html body #office-app.fuuvo-mobile-work-tasks-active #fuuvo-mobile-work-tasks .file-row .chip span { min-width: 0 !important; overflow: hidden !important; text-overflow: ellipsis !important; }
html body #office-app.fuuvo-mobile-work-tasks-active #fuuvo-mobile-work-tasks .meta { display: flex !important; align-items: center !important; flex-wrap: wrap !important; gap: 8px !important; font-size: 10px !important; line-height: 16px !important; color: var(--wt-muted) !important; }
html body #office-app.fuuvo-mobile-work-tasks-active #fuuvo-mobile-work-tasks .home .meta { justify-content: space-between !important; margin: 13px 0 22px !important; }
html body #office-app.fuuvo-mobile-work-tasks-active #fuuvo-mobile-work-tasks .meta button { display: flex !important; align-items: center !important; gap: 6px !important; min-height: 34px !important; font-size: 11px !important; line-height: 17px !important; color: var(--wt-copy) !important; }
html body #office-app.fuuvo-mobile-work-tasks-active #fuuvo-mobile-work-tasks .meta .icon { width: 15px !important; height: 15px !important; }
html body #office-app.fuuvo-mobile-work-tasks-active #fuuvo-mobile-work-tasks .workflow-grid { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 11px !important; min-width: 0 !important; }
html body #office-app.fuuvo-mobile-work-tasks-active #fuuvo-mobile-work-tasks .workflow-card { display: flex !important; flex-direction: column !important; align-items: flex-start !important; text-align: left !important; min-height: 109px !important; min-width: 0 !important; padding: 14px 13px 13px !important; border: 1px solid var(--wt-line) !important; border-radius: 14px !important; background: var(--wt-surface) !important; color: var(--wt-ink) !important; }
html body #office-app.fuuvo-mobile-work-tasks-active #fuuvo-mobile-work-tasks .wf-icon { color: var(--wt-green) !important; margin-bottom: 11px !important; width: 23px !important; height: 23px !important; flex: none !important; }
html body #office-app.fuuvo-mobile-work-tasks-active #fuuvo-mobile-work-tasks .wf-icon .icon { width: 23px !important; height: 23px !important; }
html body #office-app.fuuvo-mobile-work-tasks-active #fuuvo-mobile-work-tasks .wf-title { font-size: 13px !important; line-height: 17px !important; font-weight: 600 !important; color: var(--wt-ink) !important; overflow-wrap: anywhere !important; }
html body #office-app.fuuvo-mobile-work-tasks-active #fuuvo-mobile-work-tasks .wf-desc { margin-top: 5px !important; font-size: 10px !important; line-height: 15px !important; color: var(--wt-muted) !important; overflow-wrap: anywhere !important; }
html body #office-app.fuuvo-mobile-work-tasks-active #fuuvo-mobile-work-tasks .mini-tag { display: inline-flex !important; align-items: center !important; font-size: 9px !important; line-height: 14px !important; color: var(--wt-muted) !important; border: 1px solid var(--wt-line) !important; padding: 4px 6px !important; border-radius: 5px !important; background: var(--wt-tint) !important; margin: 0 0 8px !important; }
html body #office-app.fuuvo-mobile-work-tasks-active #fuuvo-mobile-work-tasks .hero > .mini-tag { border: 0 !important; padding: 0 !important; background: transparent !important; color: var(--wt-green) !important; text-transform: uppercase !important; letter-spacing: .7px !important; }
html body #office-app.fuuvo-mobile-work-tasks-active #fuuvo-mobile-work-tasks .starter-list { display: grid !important; gap: 8px !important; }
html body #office-app.fuuvo-mobile-work-tasks-active #fuuvo-mobile-work-tasks .starter { display: flex !important; align-items: center !important; gap: 10px !important; width: 100% !important; min-height: 44px !important; padding: 12px !important; border: 1px solid var(--wt-line) !important; border-radius: 11px !important; text-align: left !important; font-size: 12px !important; line-height: 18px !important; background: var(--wt-surface) !important; color: var(--wt-ink) !important; }
html body #office-app.fuuvo-mobile-work-tasks-active #fuuvo-mobile-work-tasks .starter-icon { color: var(--wt-green) !important; flex: none !important; }
html body #office-app.fuuvo-mobile-work-tasks-active #fuuvo-mobile-work-tasks .starter-icon .icon,
html body #office-app.fuuvo-mobile-work-tasks-active #fuuvo-mobile-work-tasks .starter > .icon { width: 18px !important; height: 18px !important; }
html body #office-app.fuuvo-mobile-work-tasks-active #fuuvo-mobile-work-tasks .starter > .icon:last-child { margin-left: auto !important; color: var(--wt-muted) !important; }
html body #office-app.fuuvo-mobile-work-tasks-active #fuuvo-mobile-work-tasks .footer-note { margin: 23px 5px 7px !important; color: var(--wt-muted) !important; text-align: center !important; font-size: 10px !important; line-height: 16px !important; }
html body #office-app.fuuvo-mobile-work-tasks-active #fuuvo-mobile-work-tasks .field-label { display: block !important; margin: 0 0 8px !important; font-size: 12px !important; line-height: 18px !important; color: var(--wt-copy) !important; font-weight: 500 !important; }
html body #office-app.fuuvo-mobile-work-tasks-active #fuuvo-mobile-work-tasks :is(.input, .title-input, .select-wrap select, .sheet input, .sheet select) { display: block !important; width: 100% !important; min-height: 44px !important; height: auto !important; padding: 11px 12px !important; border: 1px solid var(--wt-line) !important; border-radius: 12px !important; font-size: 14px !important; line-height: 21px !important; background: var(--wt-surface) !important; color: var(--wt-ink) !important; }
html body #office-app.fuuvo-mobile-work-tasks-active #fuuvo-mobile-work-tasks .title-input { margin-bottom: 18px !important; }
html body #office-app.fuuvo-mobile-work-tasks-active #fuuvo-mobile-work-tasks textarea.material { display: block !important; width: 100% !important; min-height: 175px !important; max-height: none !important; height: 175px !important; padding: 14px !important; border: 1px solid var(--wt-line) !important; border-radius: 14px !important; font-size: 14px !important; line-height: 22px !important; resize: none !important; background: var(--wt-surface) !important; color: var(--wt-ink) !important; margin-bottom: 18px !important; }
html body #office-app.fuuvo-mobile-work-tasks-active #fuuvo-mobile-work-tasks .brief-card textarea.material { height: 76px !important; min-height: 0 !important; max-height: 76px !important; padding: 0 2px !important; border: 0 !important; border-radius: 0 !important; line-height: 21px !important; margin-bottom: 0 !important; }
html body #office-app.fuuvo-mobile-work-tasks-active #fuuvo-mobile-work-tasks .option-grid { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 11px !important; margin: 18px 0 !important; }
html body #office-app.fuuvo-mobile-work-tasks-active #fuuvo-mobile-work-tasks .option { min-width: 0 !important; }
html body #office-app.fuuvo-mobile-work-tasks-active #fuuvo-mobile-work-tasks .option-grid > .option:last-child:nth-child(odd) { grid-column: 1 / -1 !important; }
html body #office-app.fuuvo-mobile-work-tasks-active #fuuvo-mobile-work-tasks .select-wrap { display: block !important; position: relative !important; min-width: 0 !important; }
html body #office-app.fuuvo-mobile-work-tasks-active #fuuvo-mobile-work-tasks .select-wrap select { font-size: 12px !important; padding-right: 25px !important; min-width: 0 !important; }
html body #office-app.fuuvo-mobile-work-tasks-active #fuuvo-mobile-work-tasks .select-btn { display: flex !important; align-items: center !important; gap: 10px !important; width: 100% !important; min-height: 44px !important; text-align: left !important; padding: 12px !important; border: 1px solid var(--wt-line) !important; border-radius: 12px !important; background: var(--wt-surface) !important; color: var(--wt-copy) !important; font-size: 12px !important; line-height: 18px !important; }
html body #office-app.fuuvo-mobile-work-tasks-active #fuuvo-mobile-work-tasks .select-btn > .icon:last-child { margin-left: auto !important; width: 18px !important; height: 18px !important; }
html body #office-app.fuuvo-mobile-work-tasks-active #fuuvo-mobile-work-tasks .bottom { display: block !important; flex: none !important; margin: 0 !important; padding: 12px 20px calc(12px + env(safe-area-inset-bottom)) !important; border-top: 1px solid var(--wt-line) !important; background: var(--wt-surface) !important; }
html body #office-app.fuuvo-mobile-work-tasks-active #fuuvo-mobile-work-tasks .bottom .primary { width: 100% !important; min-height: 44px !important; font-size: 13px !important; }
html body #office-app.fuuvo-mobile-work-tasks-active #fuuvo-mobile-work-tasks .bottom > .secondary { width: 100% !important; margin-top: 8px !important; }
html body #office-app.fuuvo-mobile-work-tasks-active #fuuvo-mobile-work-tasks .result-head { display: flex !important; align-items: center !important; gap: 7px !important; min-height: 54px !important; flex: none !important; padding: 6px 12px !important; background: var(--wt-tint) !important; margin: 0 !important; }
html body #office-app.fuuvo-mobile-work-tasks-active #fuuvo-mobile-work-tasks .result-head > :is(div, span) { min-width: 0 !important; flex: 1 1 auto !important; }
html body #office-app.fuuvo-mobile-work-tasks-active #fuuvo-mobile-work-tasks .result-head strong { display: block !important; font-size: 13px !important; line-height: 19px !important; font-weight: 600 !important; white-space: nowrap !important; text-overflow: ellipsis !important; overflow: hidden !important; color: var(--wt-ink) !important; }
html body #office-app.fuuvo-mobile-work-tasks-active #fuuvo-mobile-work-tasks .result-head small { display: block !important; margin-top: 4px !important; color: var(--wt-muted) !important; font-size: 10px !important; line-height: 15px !important; }
html body #office-app.fuuvo-mobile-work-tasks-active #fuuvo-mobile-work-tasks .result-head > button { display: flex !important; align-items: center !important; justify-content: center !important; width: 40px !important; height: 40px !important; flex: none !important; font-size: 11px !important; color: var(--wt-copy) !important; border-radius: 9px !important; }
html body #office-app.fuuvo-mobile-work-tasks-active #fuuvo-mobile-work-tasks .result-head .icon { width: 19px !important; height: 19px !important; }
html body #office-app.fuuvo-mobile-work-tasks-active #fuuvo-mobile-work-tasks .tabs { display: flex !important; gap: 6px !important; min-height: 43px !important; flex: none !important; padding: 0 20px !important; margin: 0 !important; border-bottom: 1px solid var(--wt-line) !important; background: var(--wt-tint) !important; overflow-x: auto !important; scrollbar-width: none !important; }
html body #office-app.fuuvo-mobile-work-tasks-active #fuuvo-mobile-work-tasks .tab { display: flex !important; align-items: center !important; justify-content: center !important; flex: 1 1 0 !important; min-height: 43px !important; min-width: 0 !important; padding: 7px 3px !important; font-size: 12px !important; line-height: 17px !important; color: var(--wt-muted) !important; border-bottom: 2px solid transparent !important; white-space: nowrap !important; }
html body #office-app.fuuvo-mobile-work-tasks-active #fuuvo-mobile-work-tasks .tab:is(.active, [aria-selected="true"]) { color: var(--wt-ink) !important; font-weight: 600 !important; border-bottom-color: var(--wt-focus) !important; }
html body #office-app.fuuvo-mobile-work-tasks-active #fuuvo-mobile-work-tasks .result-scroll { padding-top: 20px !important; background: linear-gradient(180deg, transparent, var(--wt-surface) 180px) !important; }
html body #office-app.fuuvo-mobile-work-tasks-active #fuuvo-mobile-work-tasks .result-title { margin: 0 0 17px !important; padding: 0 !important; }
html body #office-app.fuuvo-mobile-work-tasks-active #fuuvo-mobile-work-tasks .result-title :is(h1, h2) { margin: 7px 0 8px !important; color: var(--wt-ink) !important; font-size: 27px !important; line-height: 33px !important; letter-spacing: -.6px !important; font-weight: 600 !important; overflow-wrap: anywhere !important; }
html body #office-app.fuuvo-mobile-work-tasks-active #fuuvo-mobile-work-tasks .result-title p { margin: 0 !important; color: var(--wt-muted) !important; font-size: 11px !important; line-height: 18px !important; }
html body #office-app.fuuvo-mobile-work-tasks-active #fuuvo-mobile-work-tasks .section-card { border: 1px solid var(--wt-line) !important; border-radius: 14px !important; background: var(--wt-surface) !important; padding: 16px !important; margin-bottom: 12px !important; }
html body #office-app.fuuvo-mobile-work-tasks-active #fuuvo-mobile-work-tasks .section-card :is(h2, h3, h4) { margin: 0 0 9px !important; color: var(--wt-ink) !important; font-size: 14px !important; line-height: 20px !important; font-weight: 600 !important; }
html body #office-app.fuuvo-mobile-work-tasks-active #fuuvo-mobile-work-tasks .section-card p { margin: 0 !important; color: var(--wt-copy) !important; font-size: 13px !important; line-height: 21px !important; white-space: pre-wrap !important; overflow-wrap: anywhere !important; }
html body #office-app.fuuvo-mobile-work-tasks-active #fuuvo-mobile-work-tasks .section-card :is(ul, ol) { margin: 0 !important; padding-left: 20px !important; color: var(--wt-copy) !important; font-size: 13px !important; line-height: 21px !important; }
html body #office-app.fuuvo-mobile-work-tasks-active #fuuvo-mobile-work-tasks .edit-title { display: block !important; width: 100% !important; min-height: 44px !important; border: 1px solid var(--wt-line) !important; border-radius: 9px !important; padding: 9px !important; margin: 7px 0 15px !important; font-size: 21px !important; line-height: 27px !important; }
html body #office-app.fuuvo-mobile-work-tasks-active #fuuvo-mobile-work-tasks .section-edit { display: block !important; width: 100% !important; min-height: 100px !important; height: 130px !important; padding: 10px !important; border: 1px solid var(--wt-line) !important; border-radius: 8px !important; font-size: 14px !important; line-height: 21px !important; resize: vertical !important; background: var(--wt-surface) !important; }
html body #office-app.fuuvo-mobile-work-tasks-active #fuuvo-mobile-work-tasks .result .bottom { display: flex !important; align-items: center !important; justify-content: space-around !important; min-height: calc(68px + env(safe-area-inset-bottom)) !important; padding: 0 4px env(safe-area-inset-bottom) !important; }
html body #office-app.fuuvo-mobile-work-tasks-active #fuuvo-mobile-work-tasks .result .bottom button { display: flex !important; flex-direction: column !important; align-items: center !important; justify-content: center !important; min-width: 48px !important; min-height: 54px !important; gap: 5px !important; padding: 3px !important; font-size: 10px !important; line-height: 15px !important; color: var(--wt-copy) !important; }
html body #office-app.fuuvo-mobile-work-tasks-active #fuuvo-mobile-work-tasks .result .bottom button:is(.active, [aria-pressed="true"]) { color: var(--wt-green) !important; }
html body #office-app.fuuvo-mobile-work-tasks-active #fuuvo-mobile-work-tasks .result .bottom .icon { width: 21px !important; height: 21px !important; }
html body #office-app.fuuvo-mobile-work-tasks-active #fuuvo-mobile-work-tasks .task-card { display: block !important; padding: 13px 12px !important; margin-bottom: 11px !important; border: 1px solid var(--wt-line) !important; border-radius: 14px !important; background: var(--wt-surface) !important; }
html body #office-app.fuuvo-mobile-work-tasks-active #fuuvo-mobile-work-tasks .task-line { display: flex !important; align-items: flex-start !important; gap: 10px !important; min-width: 0 !important; }
html body #office-app.fuuvo-mobile-work-tasks-active #fuuvo-mobile-work-tasks .task-line > :is(div, span, button):not(.task-toggle) { min-width: 0 !important; flex: 1 1 auto !important; text-align: left !important; }
html body #office-app.fuuvo-mobile-work-tasks-active #fuuvo-mobile-work-tasks .task-line strong { display: block !important; font-size: 13px !important; line-height: 19px !important; font-weight: 500 !important; color: var(--wt-ink) !important; overflow-wrap: anywhere !important; }
html body #office-app.fuuvo-mobile-work-tasks-active #fuuvo-mobile-work-tasks .task-card :is(input[type="checkbox"], .task-toggle) { width: 29px !important; height: 35px !important; min-width: 29px !important; min-height: 35px !important; padding: 0 !important; margin: 0 !important; flex: none !important; accent-color: var(--wt-green) !important; }
html body #office-app.fuuvo-mobile-work-tasks-active #fuuvo-mobile-work-tasks .task-card input[type="checkbox"] { width: 18px !important; height: 18px !important; min-width: 18px !important; min-height: 18px !important; margin-top: 3px !important; }
html body #office-app.fuuvo-mobile-work-tasks-active #fuuvo-mobile-work-tasks .task-toggle { display: flex !important; align-items: center !important; justify-content: center !important; }
html body #office-app.fuuvo-mobile-work-tasks-active #fuuvo-mobile-work-tasks .task-toggle span { display: flex !important; align-items: center !important; justify-content: center !important; width: 18px !important; height: 18px !important; border: 1.5px solid var(--wt-line) !important; border-radius: 6px !important; }
html body #office-app.fuuvo-mobile-work-tasks-active #fuuvo-mobile-work-tasks .task-toggle.is-done span { border-color: var(--wt-green) !important; color: var(--wt-surface) !important; background: var(--wt-green) !important; }
html body #office-app.fuuvo-mobile-work-tasks-active #fuuvo-mobile-work-tasks .task-toggle .icon { width: 14px !important; height: 14px !important; }
html body #office-app.fuuvo-mobile-work-tasks-active #fuuvo-mobile-work-tasks .task-card:is(.done, .is-done, [data-status="done"]) .task-line strong { color: var(--wt-muted) !important; text-decoration: line-through !important; }
html body #office-app.fuuvo-mobile-work-tasks-active #fuuvo-mobile-work-tasks .task-card .meta { margin: 8px 0 0 !important; gap: 8px !important; font-size: 10px !important; }
html body #office-app.fuuvo-mobile-work-tasks-active #fuuvo-mobile-work-tasks .task-card .meta .icon { width: 13px !important; height: 13px !important; }
html body #office-app.fuuvo-mobile-work-tasks-active #fuuvo-mobile-work-tasks .badge { display: inline-flex !important; align-items: center !important; padding: 4px 6px !important; border-radius: 5px !important; background: var(--wt-soft) !important; color: var(--wt-muted) !important; font-size: 9px !important; line-height: 13px !important; }
html body #office-app.fuuvo-mobile-work-tasks-active #fuuvo-mobile-work-tasks .badge.high { background: var(--wt-warning-soft) !important; color: var(--wt-warning) !important; }
html body #office-app.fuuvo-mobile-work-tasks-active #fuuvo-mobile-work-tasks .badge.doing { background: var(--wt-blue-soft) !important; color: var(--wt-blue) !important; }
html body #office-app.fuuvo-mobile-work-tasks-active #fuuvo-mobile-work-tasks .badge.done { background: var(--wt-green-soft) !important; color: var(--wt-green) !important; }
html body #office-app.fuuvo-mobile-work-tasks-active #fuuvo-mobile-work-tasks .audio-mode-row { display: flex !important; gap: 3px !important; padding: 4px !important; margin: 0 0 20px !important; background: var(--wt-soft) !important; border: 1px solid var(--wt-line) !important; border-radius: 11px !important; }
html body #office-app.fuuvo-mobile-work-tasks-active #fuuvo-mobile-work-tasks .audio-mode-row button { flex: 1 1 0 !important; min-width: 0 !important; min-height: 38px !important; padding: 5px 3px !important; border: 0 !important; border-radius: 8px !important; font-size: 11px !important; line-height: 16px !important; color: var(--wt-copy) !important; white-space: nowrap !important; }
html body #office-app.fuuvo-mobile-work-tasks-active #fuuvo-mobile-work-tasks .audio-mode-row button:is(.active, [aria-selected="true"]) { background: var(--wt-surface) !important; color: var(--wt-ink) !important; font-weight: 600 !important; }
html body #office-app.fuuvo-mobile-work-tasks-active #fuuvo-mobile-work-tasks .audio-source { width: 100% !important; min-width: 0 !important; margin: 12px 0 0 !important; }
html body #office-app.fuuvo-mobile-work-tasks-active #fuuvo-mobile-work-tasks .audio-source audio { display: block !important; width: 100% !important; height: 39px !important; margin: 13px 0 5px !important; }
html body #office-app.fuuvo-mobile-work-tasks-active #fuuvo-mobile-work-tasks .audio-upload { display: flex !important; flex-direction: column !important; align-items: center !important; justify-content: center !important; gap: 9px !important; width: 100% !important; min-height: 205px !important; padding: 20px 14px !important; border: 1px dashed var(--wt-line) !important; border-radius: 16px !important; background: var(--wt-surface) !important; text-align: center !important; }
html body #office-app.fuuvo-mobile-work-tasks-active #fuuvo-mobile-work-tasks .audio-upload .icon { width: 30px !important; height: 30px !important; color: var(--wt-green) !important; margin-bottom: 8px !important; }
html body #office-app.fuuvo-mobile-work-tasks-active #fuuvo-mobile-work-tasks .audio-upload strong { font-size: 15px !important; line-height: 21px !important; font-weight: 500 !important; color: var(--wt-ink) !important; }
html body #office-app.fuuvo-mobile-work-tasks-active #fuuvo-mobile-work-tasks .audio-upload :is(span, small) { color: var(--wt-muted) !important; font-size: 11px !important; line-height: 17px !important; }
html body #office-app.fuuvo-mobile-work-tasks-active #fuuvo-mobile-work-tasks .record-card { padding: 22px 16px 18px !important; margin-top: 12px !important; border: 1px solid var(--wt-line) !important; border-radius: 17px !important; background: var(--wt-surface) !important; text-align: center !important; }
html body #office-app.fuuvo-mobile-work-tasks-active #fuuvo-mobile-work-tasks .record-card > .hero-icon { width: 55px !important; height: 55px !important; margin: 0 auto 14px !important; border: 1px solid var(--wt-green-line) !important; border-radius: 17px !important; background: var(--wt-green-soft) !important; color: var(--wt-green) !important; display: flex !important; align-items: center !important; justify-content: center !important; }
html body #office-app.fuuvo-mobile-work-tasks-active #fuuvo-mobile-work-tasks .record-card > .hero-icon .icon { width: 27px !important; height: 27px !important; }
html body #office-app.fuuvo-mobile-work-tasks-active #fuuvo-mobile-work-tasks .record-card :is(h2, h3) { margin: 0 0 8px !important; font-size: 16px !important; line-height: 22px !important; letter-spacing: -.2px !important; font-weight: 600 !important; color: var(--wt-ink) !important; }
html body #office-app.fuuvo-mobile-work-tasks-active #fuuvo-mobile-work-tasks .record-card p { margin: 0 !important; font-size: 12px !important; line-height: 19px !important; color: var(--wt-copy) !important; }
html body #office-app.fuuvo-mobile-work-tasks-active #fuuvo-mobile-work-tasks .record-status { display: flex !important; align-items: center !important; justify-content: center !important; gap: 7px !important; margin: 0 !important; font-size: 11px !important; line-height: 17px !important; color: var(--wt-error) !important; }
html body #office-app.fuuvo-mobile-work-tasks-active #fuuvo-mobile-work-tasks .record-status i { display: block !important; width: 6px !important; height: 6px !important; border-radius: 50% !important; background: var(--wt-error) !important; }
html body #office-app.fuuvo-mobile-work-tasks-active #fuuvo-mobile-work-tasks .record-time { font-size: 37px !important; line-height: 48px !important; letter-spacing: 1px !important; font-variant-numeric: tabular-nums !important; color: var(--wt-ink) !important; margin-top: 5px !important; }
html body #office-app.fuuvo-mobile-work-tasks-active #fuuvo-mobile-work-tasks .wave { display: flex !important; align-items: center !important; justify-content: center !important; gap: 3px !important; height: 41px !important; margin: 10px 0 14px !important; overflow: hidden !important; }
html body #office-app.fuuvo-mobile-work-tasks-active #fuuvo-mobile-work-tasks .wave :is(i, span) { display: block !important; width: 3px !important; height: calc(var(--h, 18px) * var(--level, 1)); min-height: 3px !important; max-height: 40px !important; border-radius: 2px !important; background: var(--wt-focus) !important; }
html body #office-app.fuuvo-mobile-work-tasks-active #fuuvo-mobile-work-tasks .record-actions { display: flex !important; align-items: center !important; justify-content: center !important; flex-wrap: wrap !important; gap: 9px !important; margin-top: 17px !important; }
html body #office-app.fuuvo-mobile-work-tasks-active #fuuvo-mobile-work-tasks .record-actions button { display: flex !important; align-items: center !important; justify-content: center !important; gap: 6px !important; border: 1px solid var(--wt-line) !important; min-height: 42px !important; padding: 7px 10px !important; border-radius: 9px !important; font-size: 11px !important; line-height: 17px !important; color: var(--wt-copy) !important; }
html body #office-app.fuuvo-mobile-work-tasks-active #fuuvo-mobile-work-tasks .record-actions .primary { background: var(--wt-primary) !important; color: var(--wt-primary-ink) !important; border-color: var(--wt-primary) !important; }
html body #office-app.fuuvo-mobile-work-tasks-active #fuuvo-mobile-work-tasks .record-actions .icon { width: 16px !important; height: 16px !important; }
html body #office-app.fuuvo-mobile-work-tasks-active #fuuvo-mobile-work-tasks .deliver-grid { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 10px !important; margin: 20px 0 0 !important; }
html body #office-app.fuuvo-mobile-work-tasks-active #fuuvo-mobile-work-tasks .deliver-card { padding: 13px 11px !important; min-width: 0 !important; border: 1px solid var(--wt-line) !important; border-radius: 12px !important; background: var(--wt-surface) !important; }
html body #office-app.fuuvo-mobile-work-tasks-active #fuuvo-mobile-work-tasks .deliver-card .icon { width: 19px !important; height: 19px !important; color: var(--wt-green) !important; margin-bottom: 8px !important; }
html body #office-app.fuuvo-mobile-work-tasks-active #fuuvo-mobile-work-tasks .deliver-card strong { display: block !important; font-size: 12px !important; line-height: 17px !important; font-weight: 500 !important; color: var(--wt-ink) !important; }
html body #office-app.fuuvo-mobile-work-tasks-active #fuuvo-mobile-work-tasks .deliver-card :is(p, small) { display: block !important; font-size: 9px !important; line-height: 15px !important; color: var(--wt-muted) !important; margin: 4px 0 0 !important; }
html body #office-app.fuuvo-mobile-work-tasks-active #fuuvo-mobile-work-tasks .empty { margin: 0 !important; padding: 28px 8px !important; color: var(--wt-muted) !important; font-size: 13px !important; line-height: 22px !important; text-align: center !important; }
html body #office-app.fuuvo-mobile-work-tasks-active #fuuvo-mobile-work-tasks .transcript-line { margin: 0 !important; padding: 0 0 22px !important; overflow-wrap: anywhere !important; }
html body #office-app.fuuvo-mobile-work-tasks-active #fuuvo-mobile-work-tasks .transcript-line > :is(div, header) { display: flex !important; align-items: center !important; gap: 7px !important; }
html body #office-app.fuuvo-mobile-work-tasks-active #fuuvo-mobile-work-tasks .transcript-speaker { display: inline-flex !important; align-items: center !important; font-size: 12px !important; line-height: 18px !important; font-weight: 600 !important; color: var(--wt-ink) !important; }
html body #office-app.fuuvo-mobile-work-tasks-active #fuuvo-mobile-work-tasks .transcript-time { display: inline-block !important; margin-left: auto !important; font-size: 10px !important; line-height: 16px !important; color: var(--wt-muted) !important; font-variant-numeric: tabular-nums !important; }
html body #office-app.fuuvo-mobile-work-tasks-active #fuuvo-mobile-work-tasks .transcript-line p { margin: 9px 0 0 !important; font-size: 13px !important; line-height: 22px !important; color: var(--wt-copy) !important; white-space: pre-wrap !important; overflow-wrap: anywhere !important; }
html body #office-app.fuuvo-mobile-work-tasks-active #fuuvo-mobile-work-tasks .processing .scroll { padding-top: clamp(28px, 9vh, 79px) !important; text-align: center !important; }
html body #office-app.fuuvo-mobile-work-tasks-active #fuuvo-mobile-work-tasks .processing .hero-icon { display: flex !important; align-items: center !important; justify-content: center !important; height: 77px !important; width: 77px !important; margin: 0 auto 23px !important; border-radius: 24px !important; border: 1px solid var(--wt-line) !important; background: var(--wt-soft) !important; color: var(--wt-focus) !important; }
html body #office-app.fuuvo-mobile-work-tasks-active #fuuvo-mobile-work-tasks .processing .hero-icon .icon { width: 35px !important; height: 35px !important; }
html body #office-app.fuuvo-mobile-work-tasks-active #fuuvo-mobile-work-tasks .processing .title { font-size: 25px !important; line-height: 31px !important; letter-spacing: -.6px !important; margin: 14px 0 11px !important; }
html body #office-app.fuuvo-mobile-work-tasks-active #fuuvo-mobile-work-tasks .overlay { position: fixed !important; z-index: 10120 !important; inset: var(--wt-top-height) 0 auto !important; width: 100% !important; height: calc(var(--work-tasks-viewport-height, 100dvh) - var(--wt-top-height)) !important; margin: 0 !important; padding: 0 !important; overflow: hidden !important; }
html body #office-app.fuuvo-mobile-work-tasks-active #fuuvo-mobile-work-tasks .backdrop { position: absolute !important; inset: 0 !important; width: 100% !important; height: 100% !important; background: #14121a45 !important; padding: 0 !important; border: 0 !important; }
html body #office-app.fuuvo-mobile-work-tasks-active #fuuvo-mobile-work-tasks .sheet { position: relative !important; z-index: 1 !important; display: flex !important; flex-direction: column !important; width: 100% !important; height: 100% !important; min-width: 0 !important; min-height: 0 !important; max-width: none !important; max-height: none !important; margin: 0 !important; padding: 0 !important; overflow: hidden !important; border: 0 !important; border-radius: 0 !important; box-shadow: none !important; background: var(--wt-surface) !important; color: var(--wt-ink) !important; }
html body #office-app.fuuvo-mobile-work-tasks-active #fuuvo-mobile-work-tasks .sheet-head { display: flex !important; align-items: center !important; justify-content: space-between !important; gap: 10px !important; flex: none !important; min-height: 60px !important; padding: 5px 16px !important; border-bottom: 1px solid var(--wt-line) !important; background: linear-gradient(110deg, color-mix(in srgb, var(--home-bg-glow-b, transparent) 16%, var(--wt-surface)), color-mix(in srgb, var(--home-bg-glow-a, transparent) 13%, var(--wt-surface))) !important; }
html body #office-app.fuuvo-mobile-work-tasks-active #fuuvo-mobile-work-tasks .sheet-head :is(h2, h3, strong) { font-size: 15px !important; line-height: 22px !important; font-weight: 600 !important; margin: 0 !important; overflow-wrap: anywhere !important; }
html body #office-app.fuuvo-mobile-work-tasks-active #fuuvo-mobile-work-tasks .sheet-head button { display: flex !important; align-items: center !important; justify-content: center !important; width: 42px !important; height: 42px !important; min-width: 42px !important; flex: none !important; color: var(--wt-ink) !important; border-radius: 10px !important; }
html body #office-app.fuuvo-mobile-work-tasks-active #fuuvo-mobile-work-tasks .sheet-head button .icon { width: 20px !important; height: 20px !important; }
html body #office-app.fuuvo-mobile-work-tasks-active #fuuvo-mobile-work-tasks .sheet-body { padding: 22px 20px !important; flex: 1 1 auto !important; min-height: 0 !important; min-width: 0 !important; overflow-x: hidden !important; overflow-y: auto !important; overscroll-behavior: contain !important; scrollbar-width: none !important; scroll-padding-block: 18px !important; }
html body #office-app.fuuvo-mobile-work-tasks-active #fuuvo-mobile-work-tasks .sheet-body > p { margin: 10px 0 18px !important; font-size: 12px !important; line-height: 19px !important; color: var(--wt-copy) !important; }
html body #office-app.fuuvo-mobile-work-tasks-active #fuuvo-mobile-work-tasks .sheet-body > :is(h2, h3) { margin: 7px 0 11px !important; font-size: 25px !important; line-height: 31px !important; letter-spacing: -.5px !important; color: var(--wt-ink) !important; }
html body #office-app.fuuvo-mobile-work-tasks-active #fuuvo-mobile-work-tasks .sheet-body .field-label { margin-top: 16px !important; }
html body #office-app.fuuvo-mobile-work-tasks-active #fuuvo-mobile-work-tasks .sheet-body textarea { display: block !important; width: 100% !important; min-height: 85px !important; padding: 10px !important; border: 1px solid var(--wt-line) !important; border-radius: 9px !important; font-size: 14px !important; line-height: 21px !important; resize: vertical !important; }
html body #office-app.fuuvo-mobile-work-tasks-active #fuuvo-mobile-work-tasks .sheet-footer { flex: none !important; padding: 14px 20px calc(14px + env(safe-area-inset-bottom)) !important; background: var(--wt-surface) !important; border-top: 1px solid var(--wt-line) !important; }
html body #office-app.fuuvo-mobile-work-tasks-active #fuuvo-mobile-work-tasks .sheet-footer .primary { width: 100% !important; min-height: 43px !important; }
html body #office-app.fuuvo-mobile-work-tasks-active #fuuvo-mobile-work-tasks .sheet-option { display: flex !important; align-items: center !important; gap: 13px !important; width: 100% !important; min-height: 66px !important; padding: 15px 12px !important; margin: 0 0 12px !important; border: 1px solid var(--wt-line) !important; border-radius: 13px !important; background: var(--wt-surface) !important; color: var(--wt-ink) !important; text-align: left !important; }
html body #office-app.fuuvo-mobile-work-tasks-active #fuuvo-mobile-work-tasks .sheet-option:is(.active, [aria-pressed="true"], [aria-selected="true"]) { background: var(--wt-soft) !important; border-color: var(--wt-focus) !important; }
html body #office-app.fuuvo-mobile-work-tasks-active #fuuvo-mobile-work-tasks .sheet-option > .icon { width: 23px !important; height: 23px !important; color: var(--wt-green) !important; }
html body #office-app.fuuvo-mobile-work-tasks-active #fuuvo-mobile-work-tasks .sheet-option > span { min-width: 0 !important; flex: 1 1 auto !important; }
html body #office-app.fuuvo-mobile-work-tasks-active #fuuvo-mobile-work-tasks .sheet-option strong { display: block !important; font-size: 13px !important; line-height: 19px !important; font-weight: 600 !important; color: var(--wt-ink) !important; }
html body #office-app.fuuvo-mobile-work-tasks-active #fuuvo-mobile-work-tasks .sheet-option small { display: block !important; margin-top: 5px !important; font-size: 11px !important; line-height: 17px !important; color: var(--wt-muted) !important; }
html body #office-app.fuuvo-mobile-work-tasks-active #fuuvo-mobile-work-tasks .toast { position: absolute !important; z-index: 10140 !important; left: 20px !important; right: 20px !important; bottom: calc(80px + env(safe-area-inset-bottom)) !important; padding: 11px 14px !important; border-radius: 10px !important; color: #fff !important; background: #322b3a !important; font-size: 12px !important; line-height: 18px !important; text-align: center !important; overflow-wrap: anywhere !important; pointer-events: none !important; }
html body #office-app.fuuvo-mobile-work-tasks-active #fuuvo-mobile-work-tasks .visually-hidden { position: absolute !important; width: 1px !important; height: 1px !important; padding: 0 !important; margin: -1px !important; overflow: hidden !important; clip: rect(0, 0, 0, 0) !important; white-space: nowrap !important; border: 0 !important; }
/* Adapter controls: keep the reference hierarchy and resist legacy form styles. */
html body #office-app.fuuvo-mobile-work-tasks-active #fuuvo-mobile-work-tasks .ib > span { position: absolute !important; width: 1px !important; height: 1px !important; padding: 0 !important; margin: -1px !important; overflow: hidden !important; clip-path: inset(50%) !important; white-space: nowrap !important; }
html body #office-app.fuuvo-mobile-work-tasks-active #fuuvo-mobile-work-tasks .work-summary { display: flex !important; align-items: center !important; justify-content: space-between !important; gap: 8px !important; margin: 13px 0 22px !important; color: var(--wt-muted) !important; font-size: 10px !important; line-height: 16px !important; }
html body #office-app.fuuvo-mobile-work-tasks-active #fuuvo-mobile-work-tasks .work-summary .secondary { min-height: 34px !important; padding: 0 !important; border: 0 !important; background: transparent !important; flex: none !important; }
html body #office-app.fuuvo-mobile-work-tasks-active #fuuvo-mobile-work-tasks .work-summary > span { text-align: right !important; }
html body #office-app.fuuvo-mobile-work-tasks-active #fuuvo-mobile-work-tasks .file-tools > .secondary { min-height: 35px !important; padding: 4px 3px !important; border: 0 !important; background: transparent !important; font-size: 10px !important; }
html body #office-app.fuuvo-mobile-work-tasks-active #fuuvo-mobile-work-tasks .file-list { display: flex !important; gap: 5px !important; overflow-x: auto !important; scrollbar-width: none !important; margin: 8px 0 !important; padding: 0 !important; }
html body #office-app.fuuvo-mobile-work-tasks-active #fuuvo-mobile-work-tasks .file-list:empty { display: none !important; }
html body #office-app.fuuvo-mobile-work-tasks-active #fuuvo-mobile-work-tasks .file-list::-webkit-scrollbar { display: none !important; }
html body #office-app.fuuvo-mobile-work-tasks-active #fuuvo-mobile-work-tasks .file-chip { flex: 0 0 auto !important; max-width: 220px !important; min-height: 31px !important; padding: 5px 8px !important; border-radius: 8px !important; background: var(--wt-soft) !important; color: var(--wt-copy) !important; font-size: 10px !important; line-height: 16px !important; }
html body #office-app.fuuvo-mobile-work-tasks-active #fuuvo-mobile-work-tasks .file-chip span { display: block !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; }
html body #office-app.fuuvo-mobile-work-tasks-active #fuuvo-mobile-work-tasks :is(.error, .status-text) { margin: 10px 0 !important; color: var(--wt-error) !important; font-size: 11px !important; line-height: 18px !important; overflow-wrap: anywhere !important; }
html body #office-app.fuuvo-mobile-work-tasks-active #fuuvo-mobile-work-tasks .status-text:empty { display: none !important; }
/* Action failures must stay next to the fixed button, even when the long
 * meeting form is scrolled to the top. */
html body #office-app.fuuvo-mobile-work-tasks-active #fuuvo-mobile-work-tasks .form-feedback {
    max-height: min(180px, 28dvh) !important; overflow-y: auto !important;
    overscroll-behavior: contain !important; scroll-padding-block: 8px !important;
}
html body #office-app.fuuvo-mobile-work-tasks-active #fuuvo-mobile-work-tasks .form-feedback .status-text {
    margin: 0 0 10px !important; text-align: left !important;
}
html body #office-app.fuuvo-mobile-work-tasks-active #fuuvo-mobile-work-tasks .form-feedback :is(.secondary, .wt-login) {
    display: flex !important; width: 100% !important; margin: 0 0 8px !important;
    align-items: center !important; justify-content: center !important;
}
html body #office-app.fuuvo-mobile-work-tasks-active #fuuvo-mobile-work-tasks .processing .status-text {
    color: var(--wt-copy) !important;
}
html body #office-app.fuuvo-mobile-work-tasks-active #fuuvo-mobile-work-tasks .eyebrow { color: var(--wt-green) !important; font-size: 10px !important; line-height: 15px !important; letter-spacing: .7px !important; margin: 0 0 10px !important; }
html body #office-app.fuuvo-mobile-work-tasks-active #fuuvo-mobile-work-tasks .field { display: block !important; min-width: 0 !important; margin: 0 0 18px !important; }
html body #office-app.fuuvo-mobile-work-tasks-active #fuuvo-mobile-work-tasks .field .title-input { margin-bottom: 0 !important; }
html body #office-app.fuuvo-mobile-work-tasks-active #fuuvo-mobile-work-tasks .help-note { color: var(--wt-muted) !important; font-size: 10px !important; line-height: 17px !important; margin: 13px 2px 6px !important; overflow-wrap: anywhere !important; }
html body #office-app.fuuvo-mobile-work-tasks-active #fuuvo-mobile-work-tasks :is(.option-row, .source-row) { display: flex !important; align-items: center !important; gap: 10px !important; width: 100% !important; min-height: 65px !important; padding: 13px 12px !important; margin: 14px 0 0 !important; text-align: left !important; border: 1px solid var(--wt-line) !important; border-radius: 12px !important; background: var(--wt-surface) !important; }
html body #office-app.fuuvo-mobile-work-tasks-active #fuuvo-mobile-work-tasks .source-row { border-style: dashed !important; }
html body #office-app.fuuvo-mobile-work-tasks-active #fuuvo-mobile-work-tasks :is(.option-row, .source-row) > span { display: block !important; flex: 1 1 auto !important; min-width: 0 !important; }
html body #office-app.fuuvo-mobile-work-tasks-active #fuuvo-mobile-work-tasks :is(.option-row, .source-row) strong { display: block !important; color: var(--wt-ink) !important; font-size: 12px !important; line-height: 18px !important; font-weight: 600 !important; }
html body #office-app.fuuvo-mobile-work-tasks-active #fuuvo-mobile-work-tasks :is(.option-row, .source-row) small { display: block !important; margin-top: 3px !important; color: var(--wt-muted) !important; font-size: 10px !important; line-height: 16px !important; overflow-wrap: anywhere !important; }
html body #office-app.fuuvo-mobile-work-tasks-active #fuuvo-mobile-work-tasks :is(.option-row, .source-row) > .icon { width: 21px !important; height: 21px !important; color: var(--wt-green) !important; }
html body #office-app.fuuvo-mobile-work-tasks-active #fuuvo-mobile-work-tasks :is(.option-row, .source-row) > .icon:last-child { width: 17px !important; height: 17px !important; color: var(--wt-muted) !important; }
html body #office-app.fuuvo-mobile-work-tasks-active #fuuvo-mobile-work-tasks .speech-language { display: flex !important; align-items: center !important; justify-content: space-between !important; gap: 10px !important; margin-bottom: 5px !important; }
html body #office-app.fuuvo-mobile-work-tasks-active #fuuvo-mobile-work-tasks .speech-language .field-label { margin: 0 !important; }
html body #office-app.fuuvo-mobile-work-tasks-active #fuuvo-mobile-work-tasks .speech-language select { min-height: 32px !important; max-width: 140px !important; padding: 5px 4px !important; border: 0 !important; border-radius: 7px !important; font-size: 11px !important; line-height: 17px !important; color: var(--wt-copy) !important; }
html body #office-app.fuuvo-mobile-work-tasks-active #fuuvo-mobile-work-tasks .record-card > .record-hero-icon { width: 55px !important; height: 55px !important; margin: 0 auto 14px !important; border: 1px solid var(--wt-green-line) !important; border-radius: 17px !important; background: var(--wt-green-soft) !important; color: var(--wt-green) !important; display: flex !important; align-items: center !important; justify-content: center !important; }
html body #office-app.fuuvo-mobile-work-tasks-active #fuuvo-mobile-work-tasks .record-hero-icon .icon { width: 27px !important; height: 27px !important; }
html body #office-app.fuuvo-mobile-work-tasks-active #fuuvo-mobile-work-tasks .record-card .help-note { margin: 13px 2px 0 !important; font-size: 10px !important; line-height: 17px !important; color: var(--wt-muted) !important; }
html body #office-app.fuuvo-mobile-work-tasks-active #fuuvo-mobile-work-tasks .audio-name { overflow-wrap: anywhere !important; }
html body #office-app.fuuvo-mobile-work-tasks-active #fuuvo-mobile-work-tasks .record-card.ready audio { display: block !important; width: 100% !important; height: 39px !important; margin: 13px 0 5px !important; }
html body #office-app.fuuvo-mobile-work-tasks-active #fuuvo-mobile-work-tasks .record-actions .stop-button { background: var(--wt-primary) !important; color: var(--wt-primary-ink) !important; border-color: var(--wt-primary) !important; }
html body #office-app.fuuvo-mobile-work-tasks-active #fuuvo-mobile-work-tasks .bottom > p { margin: 0 !important; text-align: center !important; color: var(--wt-copy) !important; font-size: 11px !important; line-height: 18px !important; }
html body #office-app.fuuvo-mobile-work-tasks-active #fuuvo-mobile-work-tasks .meeting-deliverables { margin: 20px 0 0 !important; }
html body #office-app.fuuvo-mobile-work-tasks-active #fuuvo-mobile-work-tasks .meeting-deliverables .section-title { margin: 0 0 12px !important; font-size: 12px !important; line-height: 18px !important; }
html body #office-app.fuuvo-mobile-work-tasks-active #fuuvo-mobile-work-tasks .meeting-deliverables .deliver-grid { margin: 0 !important; }
html body #office-app.fuuvo-mobile-work-tasks-active #fuuvo-mobile-work-tasks .process-steps { display: grid !important; gap: 10px !important; margin: 28px auto !important; text-align: left !important; max-width: 350px !important; }
html body #office-app.fuuvo-mobile-work-tasks-active #fuuvo-mobile-work-tasks .process-steps > div { display: flex !important; align-items: center !important; gap: 12px !important; padding: 15px 13px !important; border: 1px solid var(--wt-line) !important; border-radius: 12px !important; background: var(--wt-surface) !important; color: var(--wt-muted) !important; }
html body #office-app.fuuvo-mobile-work-tasks-active #fuuvo-mobile-work-tasks .process-steps > :is(.done, .current) { color: var(--wt-green) !important; background: var(--wt-green-soft) !important; border-color: var(--wt-green-line) !important; }
html body #office-app.fuuvo-mobile-work-tasks-active #fuuvo-mobile-work-tasks .process-steps span { display: flex !important; align-items: center !important; justify-content: center !important; width: 22px !important; height: 22px !important; border: 1px solid currentColor !important; border-radius: 50% !important; flex: none !important; font-size: 11px !important; line-height: 16px !important; }
html body #office-app.fuuvo-mobile-work-tasks-active #fuuvo-mobile-work-tasks .process-steps .icon { width: 14px !important; height: 14px !important; }
html body #office-app.fuuvo-mobile-work-tasks-active #fuuvo-mobile-work-tasks .process-steps strong { font-size: 12px !important; line-height: 18px !important; font-weight: 500 !important; }
html body #office-app.fuuvo-mobile-work-tasks-active #fuuvo-mobile-work-tasks .progress-line { display: flex !important; align-items: center !important; justify-content: space-between !important; gap: 10px !important; margin: 0 0 10px !important; }
html body #office-app.fuuvo-mobile-work-tasks-active #fuuvo-mobile-work-tasks .progress-line .section-title { margin: 0 !important; }
html body #office-app.fuuvo-mobile-work-tasks-active #fuuvo-mobile-work-tasks .progress-line small { color: var(--wt-muted) !important; font-size: 10px !important; line-height: 16px !important; }
html body #office-app.fuuvo-mobile-work-tasks-active #fuuvo-mobile-work-tasks .progress-track { height: 4px !important; border-radius: 4px !important; background: var(--wt-green-soft) !important; margin: 0 0 15px !important; overflow: hidden !important; }
html body #office-app.fuuvo-mobile-work-tasks-active #fuuvo-mobile-work-tasks .progress-track i { display: block !important; height: 100% !important; border-radius: inherit !important; background: var(--wt-green) !important; }
html body #office-app.fuuvo-mobile-work-tasks-active #fuuvo-mobile-work-tasks .task-card { display: flex !important; align-items: flex-start !important; gap: 7px !important; min-width: 0 !important; }
html body #office-app.fuuvo-mobile-work-tasks-active #fuuvo-mobile-work-tasks .task-open { flex: 1 1 auto !important; min-width: 0 !important; text-align: left !important; }
html body #office-app.fuuvo-mobile-work-tasks-active #fuuvo-mobile-work-tasks .task-open > strong { display: block !important; color: var(--wt-ink) !important; font-size: 13px !important; line-height: 19px !important; font-weight: 600 !important; overflow-wrap: anywhere !important; }
html body #office-app.fuuvo-mobile-work-tasks-active #fuuvo-mobile-work-tasks .task-card.done .task-open > strong { color: var(--wt-muted) !important; text-decoration: line-through !important; }
html body #office-app.fuuvo-mobile-work-tasks-active #fuuvo-mobile-work-tasks .task-toggle[aria-pressed="true"] > .icon { width: 18px !important; height: 18px !important; padding: 2px !important; color: var(--wt-surface) !important; border: 1.5px solid var(--wt-green) !important; border-radius: 6px !important; background: var(--wt-green) !important; }
html body #office-app.fuuvo-mobile-work-tasks-active #fuuvo-mobile-work-tasks .task-meta { display: flex !important; align-items: center !important; flex-wrap: wrap !important; gap: 6px 10px !important; margin: 8px 0 0 !important; color: var(--wt-muted) !important; font-size: 10px !important; line-height: 16px !important; }
html body #office-app.fuuvo-mobile-work-tasks-active #fuuvo-mobile-work-tasks .task-meta span { display: inline-flex !important; align-items: center !important; gap: 4px !important; min-width: 0 !important; overflow-wrap: anywhere !important; }
html body #office-app.fuuvo-mobile-work-tasks-active #fuuvo-mobile-work-tasks .task-meta .icon { width: 13px !important; height: 13px !important; }
html body #office-app.fuuvo-mobile-work-tasks-active #fuuvo-mobile-work-tasks .status-row { display: flex !important; flex-wrap: wrap !important; gap: 6px !important; margin: 9px 0 0 !important; }
html body #office-app.fuuvo-mobile-work-tasks-active #fuuvo-mobile-work-tasks .add-task { display: flex !important; align-items: center !important; justify-content: center !important; width: 100% !important; min-height: 44px !important; gap: 8px !important; padding: 11px !important; border: 1px dashed var(--wt-line) !important; border-radius: 12px !important; color: var(--wt-copy) !important; font-size: 12px !important; line-height: 18px !important; }
html body #office-app.fuuvo-mobile-work-tasks-active #fuuvo-mobile-work-tasks .add-task .icon { width: 18px !important; height: 18px !important; }
html body #office-app.fuuvo-mobile-work-tasks-active #fuuvo-mobile-work-tasks .task-teaser { display: flex !important; align-items: center !important; gap: 11px !important; width: 100% !important; padding: 15px 13px !important; border: 1px solid var(--wt-green-line) !important; border-radius: 13px !important; background: var(--wt-green-soft) !important; color: var(--wt-green) !important; text-align: left !important; }
html body #office-app.fuuvo-mobile-work-tasks-active #fuuvo-mobile-work-tasks .task-teaser > span { flex: 1 1 auto !important; min-width: 0 !important; }
html body #office-app.fuuvo-mobile-work-tasks-active #fuuvo-mobile-work-tasks .task-teaser strong { display: block !important; color: var(--wt-ink) !important; font-size: 13px !important; line-height: 19px !important; }
html body #office-app.fuuvo-mobile-work-tasks-active #fuuvo-mobile-work-tasks .task-teaser small { display: block !important; margin-top: 4px !important; color: var(--wt-muted) !important; font-size: 11px !important; line-height: 17px !important; }
html body #office-app.fuuvo-mobile-work-tasks-active #fuuvo-mobile-work-tasks .result-account { display: flex !important; flex-wrap: wrap !important; gap: 8px !important; margin: 18px 0 0 !important; }
html body #office-app.fuuvo-mobile-work-tasks-active #fuuvo-mobile-work-tasks .result .bottom button { margin: 0 !important; border: 0 !important; background: transparent !important; width: auto !important; flex: 1 1 0 !important; border-radius: 0 !important; }
html body #office-app.fuuvo-mobile-work-tasks-active #fuuvo-mobile-work-tasks .two-fields { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 12px !important; }
html body #office-app.fuuvo-mobile-work-tasks-active #fuuvo-mobile-work-tasks .info-box { margin: 16px 0 !important; padding: 15px !important; border: 1px solid var(--wt-line) !important; border-radius: 12px !important; background: var(--wt-soft) !important; color: var(--wt-copy) !important; font-size: 12px !important; line-height: 20px !important; overflow-wrap: anywhere !important; }
html body #office-app.fuuvo-mobile-work-tasks-active #fuuvo-mobile-work-tasks .info-box > button { margin-top: 12px !important; }
html body #office-app.fuuvo-mobile-work-tasks-active #fuuvo-mobile-work-tasks :is(.transcript-info, .transcript-note) { margin: 0 0 17px !important; font-size: 11px !important; line-height: 18px !important; color: var(--wt-muted) !important; overflow-wrap: anywhere !important; }
html body #office-app.fuuvo-mobile-work-tasks-active #fuuvo-mobile-work-tasks .transcript-info { display: flex !important; flex-wrap: wrap !important; gap: 6px 12px !important; }
html body #office-app.fuuvo-mobile-work-tasks-active #fuuvo-mobile-work-tasks .transcript-note { padding-bottom: 14px !important; border-bottom: 1px solid var(--wt-line) !important; }
html body #office-app.fuuvo-mobile-work-tasks-active #fuuvo-mobile-work-tasks .transcript-end { display: flex !important; align-items: center !important; justify-content: center !important; gap: 7px !important; margin: 12px 0 !important; color: var(--wt-muted) !important; font-size: 11px !important; line-height: 18px !important; }
html body #office-app.fuuvo-mobile-work-tasks-active #fuuvo-mobile-work-tasks .transcript-end .icon { width: 15px !important; height: 15px !important; }
html body #office-app.fuuvo-mobile-work-tasks-active #fuuvo-mobile-work-tasks .transcript-end { padding-top: 17px !important; border-top: 1px solid var(--wt-line) !important; }
html body #office-app.fuuvo-mobile-work-tasks-active #fuuvo-mobile-work-tasks .transcript-line small { display: block !important; margin-top: 8px !important; font-size: 10px !important; line-height: 16px !important; color: var(--wt-warning) !important; }
html body #office-app.fuuvo-mobile-work-tasks-active #fuuvo-mobile-work-tasks .download-choice { display: flex !important; align-items: center !important; gap: 13px !important; width: 100% !important; min-height: 81px !important; padding: 15px 12px !important; margin: 0 0 12px !important; text-align: left !important; border: 1px solid var(--wt-line) !important; border-radius: 13px !important; background: var(--wt-surface) !important; color: var(--wt-ink) !important; }
html body #office-app.fuuvo-mobile-work-tasks-active #fuuvo-mobile-work-tasks .download-choice.active { background: var(--wt-soft) !important; border-color: var(--wt-focus) !important; }
html body #office-app.fuuvo-mobile-work-tasks-active #fuuvo-mobile-work-tasks .download-choice .format-label { display: flex !important; align-items: center !important; justify-content: center !important; flex: 0 0 39px !important; width: 39px !important; height: 46px !important; border: 1px solid var(--wt-line) !important; border-radius: 7px !important; background: var(--wt-soft) !important; color: var(--wt-copy) !important; font-size: 9px !important; line-height: 14px !important; }
html body #office-app.fuuvo-mobile-work-tasks-active #fuuvo-mobile-work-tasks .download-choice > span:nth-child(2) { display: block !important; min-width: 0 !important; flex: 1 1 auto !important; }
html body #office-app.fuuvo-mobile-work-tasks-active #fuuvo-mobile-work-tasks .download-choice strong { display: block !important; color: var(--wt-ink) !important; font-size: 13px !important; line-height: 19px !important; font-weight: 600 !important; }
html body #office-app.fuuvo-mobile-work-tasks-active #fuuvo-mobile-work-tasks .download-choice small { display: block !important; margin-top: 5px !important; color: var(--wt-muted) !important; font-size: 11px !important; line-height: 17px !important; }
html body #office-app.fuuvo-mobile-work-tasks-active #fuuvo-mobile-work-tasks .radio { display: block !important; width: 17px !important; height: 17px !important; flex: 0 0 17px !important; border: 1px solid var(--wt-line) !important; border-radius: 50% !important; }
html body #office-app.fuuvo-mobile-work-tasks-active #fuuvo-mobile-work-tasks .download-choice.active .radio { border: 5px solid var(--wt-focus) !important; background: var(--wt-surface) !important; }
@media (max-width: 359px) {
    html body #office-app.fuuvo-mobile-work-tasks-active #fuuvo-mobile-work-tasks :is(.scroll, .result-scroll, .sheet-body) { padding-inline: 14px !important; }
    html body #office-app.fuuvo-mobile-work-tasks-active #fuuvo-mobile-work-tasks .title { font-size: 26px !important; line-height: 32px !important; }
    html body #office-app.fuuvo-mobile-work-tasks-active #fuuvo-mobile-work-tasks .file-tools { gap: 4px !important; }
    html body #office-app.fuuvo-mobile-work-tasks-active #fuuvo-mobile-work-tasks .brief-card .primary { padding-inline: 10px !important; font-size: 10px !important; gap: 5px !important; }
    html body #office-app.fuuvo-mobile-work-tasks-active #fuuvo-mobile-work-tasks .brief-card .chip { padding-inline: 3px !important; }
    html body #office-app.fuuvo-mobile-work-tasks-active #fuuvo-mobile-work-tasks .workflow-card { padding-inline: 11px !important; }
    html body #office-app.fuuvo-mobile-work-tasks-active #fuuvo-mobile-work-tasks .wf-title { font-size: 12px !important; }
    html body #office-app.fuuvo-mobile-work-tasks-active #fuuvo-mobile-work-tasks .bottom { padding-inline: 14px !important; }
    html body #office-app.fuuvo-mobile-work-tasks-active #fuuvo-mobile-work-tasks .tabs { padding-inline: 14px !important; gap: 2px !important; }
    html body #office-app.fuuvo-mobile-work-tasks-active #fuuvo-mobile-work-tasks .tab { font-size: 10px !important; }
    html body #office-app.fuuvo-mobile-work-tasks-active #fuuvo-mobile-work-tasks .record-card { padding-inline: 11px !important; }
}
@container wt-screen (max-height: 440px) {
    html body #office-app.fuuvo-mobile-work-tasks-active #fuuvo-mobile-work-tasks .result-head { min-height: 44px !important; padding-block: 2px !important; }
    html body #office-app.fuuvo-mobile-work-tasks-active #fuuvo-mobile-work-tasks .result-head small { margin-top: 1px !important; }
    html body #office-app.fuuvo-mobile-work-tasks-active #fuuvo-mobile-work-tasks .tabs { min-height: 36px !important; }
    html body #office-app.fuuvo-mobile-work-tasks-active #fuuvo-mobile-work-tasks .tab { min-height: 36px !important; padding-block: 4px !important; }
    html body #office-app.fuuvo-mobile-work-tasks-active #fuuvo-mobile-work-tasks .bottom { padding-block: 8px !important; padding-bottom: calc(8px + env(safe-area-inset-bottom)) !important; }
    html body #office-app.fuuvo-mobile-work-tasks-active #fuuvo-mobile-work-tasks .result .bottom { min-height: calc(50px + env(safe-area-inset-bottom)) !important; padding-block: 0 !important; padding-bottom: env(safe-area-inset-bottom) !important; }
    html body #office-app.fuuvo-mobile-work-tasks-active #fuuvo-mobile-work-tasks .result .bottom button { min-height: 46px !important; gap: 3px !important; }
    html body #office-app.fuuvo-mobile-work-tasks-active #fuuvo-mobile-work-tasks .result-scroll { padding-top: 12px !important; }
}
@container wt-screen (max-height: 300px) {
    html body #office-app.fuuvo-mobile-work-tasks-active #fuuvo-mobile-work-tasks .result-head small { display: none !important; }
    html body #office-app.fuuvo-mobile-work-tasks-active #fuuvo-mobile-work-tasks .result-head { min-height: 40px !important; }
    html body #office-app.fuuvo-mobile-work-tasks-active #fuuvo-mobile-work-tasks .result .bottom { min-height: calc(44px + env(safe-area-inset-bottom)) !important; }
    html body #office-app.fuuvo-mobile-work-tasks-active #fuuvo-mobile-work-tasks .result .bottom button { min-height: 40px !important; font-size: 9px !important; }
}
@media (prefers-reduced-motion: reduce) {
    html body #office-app.fuuvo-mobile-work-tasks-active #fuuvo-mobile-work-tasks * { animation: none !important; transition: none !important; scroll-behavior: auto !important; }
}
}
}