/* Trial mobile task list: original forms, permissions, sorting and paging stay in charge. */
body.mobile-ui-active .mobile-workflow-task-list {color:#20364f;}
body.mobile-ui-active .mobile-workflow-task-list .task-workspace-header {margin:0 0 10px;gap:8px;}
body.mobile-ui-active .mobile-workflow-task-list .task-workspace-header button {padding:9px 12px;border-radius:12px;}
body.mobile-ui-active .mobile-workflow-task-list .task-workspace-counts {font-size:13px;}
body.mobile-ui-active .mobile-workflow-task-list .task-workspace-board {padding:0;border:0;background:transparent;min-height:0!important;}
body.mobile-ui-active .mobile-workflow-task-list .task-board-filters {grid-template-columns:repeat(3,minmax(0,1fr));gap:4px;background:#eaf0f7;border-radius:12px;padding:4px;margin-bottom:10px;}
body.mobile-ui-active .mobile-workflow-task-list .task-board-filter {border:0;background:transparent;border-radius:9px;min-height:44px;font-size:12px;padding:6px 3px;}
body.mobile-ui-active .mobile-workflow-task-list .task-board-filter.active {background:#fff;color:#155bbd;box-shadow:0 2px 6px #1c416115;}
body.mobile-ui-active .mobile-workflow-task-list .task-list-filter-form {display:grid;grid-template-columns:minmax(0,1fr) auto;gap:7px;}
body.mobile-ui-active .task-workspace .mobile-workflow-task-list .task-list-filter-form>[name=keyword] {width:100%;grid-column:1;grid-row:1;border-radius:10px;font-size:14px;font-family:inherit;}
body.mobile-ui-active .task-workspace .mobile-workflow-task-list .task-list-filter-form>button[type=submit] {grid-column:2;grid-row:1;border-radius:10px;padding:8px 14px;background:#175cc3;color:#fff;}
body.mobile-ui-active .task-workspace .mobile-workflow-task-list .mobile-workflow-filter-open {grid-column:1/-1;justify-self:end;padding:4px 10px;background:#fff;border-radius:9px;font-size:12px;}
body.mobile-ui-active .mobile-workflow-task-list .mobile-workflow-attention {display:block;max-width:calc(100% - 115px);width:auto;min-height:44px;margin:-44px 0 8px;padding:7px 9px;background:#fff;border:1px solid #dce5ef;text-align:left;font-size:12px;}
body.mobile-ui-active .mobile-workflow-task-list .mobile-workflow-attention.active {background:#fff3de;color:#946019;border-color:#ebce98;}
body.mobile-ui-active .mobile-workflow-task-list .app-list-sort-summary {margin:8px 1px 10px;}
body.mobile-ui-active .mobile-workflow-task-list .mobile-workflow-filter-selected {margin:6px 1px;color:#386392;font-size:12px;line-height:1.5;overflow-wrap:anywhere;}
body.mobile-ui-active .mobile-workflow-task-list .task-board-list {gap:9px;}
body.mobile-ui-active .mobile-workflow-task-list .task-board-list>.task-card {border-radius:14px;border-color:#e1e8f0;box-shadow:0 2px 5px #193a5a04;background:#fff;}
body.mobile-ui-active .mobile-workflow-task-list .task-workspace-row {display:grid;grid-template-columns:minmax(0,1fr) auto;gap:6px 10px;padding:13px;align-items:start;}
body.mobile-ui-active .mobile-workflow-task-list .task-workspace-task {grid-column:1/-1;}
body.mobile-ui-active .mobile-workflow-task-list .task-workspace-task .task-card-title {font-size:15px;line-height:1.5;}
body.mobile-ui-active .mobile-workflow-task-list .task-workspace-task .task-card-meta {margin-top:3px;font-size:12px;line-height:1.5;}
body.mobile-ui-active .mobile-workflow-task-list .task-card-sub {display:-webkit-box!important;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin-top:3px;}
body.mobile-ui-active .mobile-workflow-task-list .task-workspace-assignee {font-size:12px;grid-column:1;grid-row:2;}
body.mobile-ui-active .mobile-workflow-task-list .task-workspace-status {justify-content:flex-end;max-width:145px;grid-column:2;grid-row:2;}
body.mobile-ui-active .mobile-workflow-task-list .task-workspace-status .badge {font-size:11px;min-height:0;padding:1px 6px;border-radius:6px;}
body.mobile-ui-active .mobile-workflow-task-list .task-workspace-time {grid-column:1;grid-row:3;line-height:1.5;}
body.mobile-ui-active .mobile-workflow-task-list .task-workspace-open {grid-column:2;grid-row:3;font-size:12px;align-self:end;text-align:right;}
body.mobile-ui-active .mobile-workflow-task-list .task-empty {padding:34px 16px;background:#fff;border-radius:14px;text-align:center;font-size:13px;}
body.mobile-ui-active .mobile-workflow-task-list .customer-fixed-pagination {display:grid;grid-template-columns:1fr;padding:12px 0 2px;gap:8px;}
body.mobile-ui-active .mobile-workflow-task-list [data-page-summary] {font-size:12px;color:#718299;}
body.mobile-ui-active .mobile-workflow-task-list .list-pagination-controls {display:block;width:100%;}
body.mobile-ui-active .mobile-workflow-task-list .list-page-turns {display:flex;width:100%;justify-content:space-between;align-items:center;gap:12px;}
body.mobile-ui-active .mobile-workflow-task-list .list-page-turns button {width:auto;min-width:88px;margin:0;border-radius:10px;}
body.mobile-ui-active .mobile-workflow-task-list .mobile-workflow-page-settings {border:0;padding:0;margin:0;background:transparent;}
body.mobile-ui-active .mobile-workflow-task-list .mobile-workflow-page-settings>summary {display:flex;justify-content:flex-end;align-items:center;color:#617996;font-size:12px;min-height:44px;padding:4px;}
body.mobile-ui-active .mobile-workflow-task-list .mobile-workflow-page-settings>div {display:grid;gap:10px;border:1px solid #dce5ef;padding:12px;border-radius:12px;background:#fff;}
body.mobile-ui-active .mobile-workflow-task-list .mobile-workflow-page-settings:not([open])>div {display:none;}
body.mobile-ui-active .mobile-workflow-task-list .mobile-workflow-page-settings .list-page-jump {display:flex;gap:8px;}
body.mobile-ui-active .mobile-workflow-task-list .mobile-workflow-page-settings .list-page-jump input {flex:1;}
body.mobile-ui-active .mobile-workflow-task-list .mobile-workflow-page-settings .list-page-jump button {flex:0 0 70px;}
body.mobile-ui-active .mobile-workflow-filter-sheet {inset:auto 0 0;margin:0 auto;width:min(100%,540px);max-width:100%;max-height:90dvh;padding:0;border:0;border-radius:20px 20px 0 0;box-shadow:0 -8px 40px #20364f25;background:#fff;color:#20364f;box-sizing:border-box;overflow:auto;}
body.mobile-ui-active .mobile-workflow-filter-sheet:not([open]) {display:none!important;}
body.mobile-ui-active .mobile-workflow-filter-sheet::backdrop {background:#10273b66;}
body.mobile-ui-active .mobile-workflow-filter-sheet>header {display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px 16px;border-bottom:1px solid #e5ebf2;}
body.mobile-ui-active .mobile-workflow-filter-sheet>header h3 {font-size:17px;margin:0;}
body.mobile-ui-active .task-workspace .mobile-workflow-filter-sheet>header button {flex:none;width:auto;min-width:66px;margin:0;padding:8px 12px;}
body.mobile-ui-active .mobile-workflow-filter-body {display:grid;gap:16px;padding:16px;}
body.mobile-ui-active .mobile-workflow-filter-body>label {display:grid;gap:6px;font-size:13px;}
body.mobile-ui-active .mobile-workflow-filter-body .business-list-sort-inline {margin:0;width:100%;flex:none;}
body.mobile-ui-active .mobile-workflow-filter-body .business-list-sort {display:grid;grid-template-columns:1fr;gap:6px;justify-content:stretch;}
body.mobile-ui-active .mobile-workflow-filter-body .business-list-sort select {width:100%;max-width:none;}
body.mobile-ui-active .mobile-workflow-filter-sheet>footer {display:flex;gap:10px;position:sticky;bottom:0;padding:12px 16px calc(12px + env(safe-area-inset-bottom));background:#fff;border-top:1px solid #e5ebf2;}
body.mobile-ui-active .mobile-workflow-filter-sheet>footer>button {flex:1;margin:0;border-radius:10px;}
@media (max-width:350px) {
  body.mobile-ui-active .mobile-workflow-task-list .task-workspace-row {padding:11px;gap:5px 6px;}
  body.mobile-ui-active .mobile-workflow-task-list .task-workspace-status {max-width:110px;}
}

/* Match the approved flowList/taskRow layout; the original filtering and paging stay active. */
body.mobile-workflow-fidelity .mobile-system-shell .mobile-workflow-task-list {color:#192c48;}
body.mobile-workflow-fidelity .mobile-system-shell .mobile-workflow-task-list .task-workspace-header {display:flex;align-items:center;justify-content:space-between;gap:8px;margin:0 0 12px;padding:0;}
body.mobile-workflow-fidelity .mobile-system-shell .mobile-workflow-task-list .task-workspace-heading {display:flex;align-items:baseline;gap:8px;flex-wrap:wrap;}
body.mobile-workflow-fidelity .mobile-system-shell .mobile-workflow-task-list .task-workspace-heading h2 {display:block;margin:0;color:#192c48;font-size:17px;line-height:25.5px;}
body.mobile-workflow-fidelity .mobile-system-shell .mobile-workflow-task-list .task-workspace-counts {font-size:12px;color:#66758b;}
body.mobile-workflow-fidelity .mobile-system-shell .mobile-workflow-task-list .task-workspace-header button {flex:none;width:auto;min-height:38px;margin:0;padding:9px 11px;border:0;border-radius:9px;color:#1d5ed0;background:#edf3fe;font-size:12px;}
body.mobile-workflow-fidelity .mobile-system-shell .mobile-workflow-task-list .task-board-filters {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;background:transparent;border-radius:0;padding:0;margin:0 0 13px;border-bottom:1px solid #e0e7f0;}
body.mobile-workflow-fidelity .mobile-system-shell .mobile-workflow-task-list .task-board-filter {position:relative;margin:0;padding:10px 1px;min-height:43px;border:0;border-radius:0;background:transparent;box-shadow:none;color:#66758b;font-size:12px;white-space:normal;}
body.mobile-workflow-fidelity .mobile-system-shell .mobile-workflow-task-list .task-board-filter.active {color:#1d5ed0;background:transparent;font-weight:700;}
body.mobile-workflow-fidelity .mobile-system-shell .mobile-workflow-task-list .task-board-filter.active::after {content:'';position:absolute;bottom:-1px;left:25%;right:25%;height:3px;border-radius:3px;background:#1d5ed0;}
body.mobile-workflow-fidelity .mobile-system-shell .mobile-workflow-task-list .task-list-filter-form {display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px 8px;margin:0;padding:0;border:0;background:transparent;}
body.mobile-workflow-fidelity .mobile-system-shell .mobile-workflow-task-list .task-list-filter-form>[name=keyword] {height:42px;min-height:42px;padding:10px 12px;border:1px solid #e0e7f0;border-radius:10px;background:#fff;font-size:13px;}
body.mobile-workflow-fidelity .mobile-system-shell .mobile-workflow-task-list .task-list-filter-form>button[type=submit] {width:auto;margin:0;padding:10px 16px;min-height:42px;border:0;background:#edf3fe;color:#1d5ed0;border-radius:9px;font-size:13px;}
body.mobile-workflow-fidelity .mobile-system-shell .mobile-workflow-task-list .mobile-workflow-filter-open {display:flex;align-items:center;gap:5px;width:auto;min-height:36px;padding:6px 0;border:0;border-radius:0;background:transparent;color:#66758b;font-size:12px;}
body.mobile-workflow-fidelity .mobile-workflow-filter-open svg {width:15px;height:15px;}
body.mobile-workflow-fidelity .mobile-system-shell .mobile-workflow-task-list .mobile-workflow-attention {display:block;min-height:32px;max-width:calc(100% - 112px);padding:6px 10px;margin:-36px 0 12px;border:1px solid #e0e7f0;border-radius:20px;background:#fff;text-align:left;color:#66758b;font-size:11px;}
body.mobile-workflow-fidelity .mobile-system-shell .mobile-workflow-task-list .mobile-workflow-attention.active {color:#a36314;border-color:#e9cc96;background:#fff5e6;}
body.mobile-workflow-fidelity .mobile-system-shell .mobile-workflow-task-list .app-list-sort-summary {margin:0 0 12px;color:#66758b;font-size:12px;}
body.mobile-workflow-fidelity .mobile-system-shell .mobile-workflow-task-list .task-board-list {display:grid;gap:10px;padding:0;}
body.mobile-workflow-fidelity .mobile-system-shell .mobile-workflow-task-list .task-board-list>.task-card {margin:0;padding:0;border:1px solid #e0e7f0;border-radius:20px;background:#fff;box-shadow:none;overflow:hidden;}
body.mobile-workflow-fidelity .mobile-system-shell .mobile-workflow-task-list button.mobile-workflow-task-row {display:block;width:100%;margin:0;padding:15px;border:0;border-radius:20px;background:transparent;color:#192c48;text-align:left;white-space:normal;font-weight:400;line-height:1.5;box-shadow:none;}
body.mobile-workflow-fidelity .mobile-system-shell .mobile-workflow-task-row>.mobile-workflow-task-top {display:flex;align-items:center;justify-content:space-between;gap:10px;color:#66758b;font-size:11px;}
body.mobile-workflow-fidelity .mobile-workflow-task-row .mobile-workflow-task-type {display:inline-flex;align-items:center;gap:5px;min-width:0;}
body.mobile-workflow-fidelity .mobile-workflow-task-type svg {flex:none;width:15px;height:15px;}
body.mobile-workflow-fidelity .mobile-workflow-task-row .mobile-workflow-task-status {flex:none;padding:4px 8px;border-radius:6px;background:#edf3fe;color:#1d5ed0;font-size:11px;white-space:nowrap;}
body.mobile-workflow-fidelity .mobile-workflow-task-row .mobile-workflow-task-status.is-doing {background:#fff5e6;color:#a36314;}
body.mobile-workflow-fidelity .mobile-workflow-task-row .mobile-workflow-task-status.is-done {background:#edf8f2;color:#24704f;}
body.mobile-workflow-fidelity .mobile-workflow-task-row .mobile-workflow-task-status.is-cancelled {background:#f1f3f6;color:#66758b;}
body.mobile-workflow-fidelity .mobile-system-shell .mobile-workflow-task-list .mobile-workflow-task-row .task-card-title {display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin:10px 0 6px;color:#192c48;font-size:16px;line-height:1.5;font-weight:700;overflow-wrap:anywhere;}
body.mobile-workflow-fidelity .mobile-system-shell .mobile-workflow-task-list .mobile-workflow-task-row .task-card-meta {display:block;margin:0 0 13px;color:#66758b;font-size:12px;line-height:1.5;overflow-wrap:anywhere;}
body.mobile-workflow-fidelity .mobile-system-shell .mobile-workflow-task-row>.mobile-workflow-task-foot {display:flex;align-items:center;justify-content:space-between;gap:6px;padding-top:10px;border-top:1px solid #e0e7f0;}
body.mobile-workflow-fidelity .mobile-workflow-task-row .mobile-workflow-task-time {min-width:0;font-size:12px;color:#66758b;overflow-wrap:anywhere;}
body.mobile-workflow-fidelity .mobile-workflow-task-row .mobile-workflow-task-time.is-attention {color:#a36314;}
body.mobile-workflow-fidelity .mobile-workflow-task-row .mobile-workflow-task-time small {display:block;margin-top:2px;font-size:11px;color:#66758b;}
body.mobile-workflow-fidelity .mobile-workflow-task-row .mobile-workflow-task-action {flex:none;min-height:40px;display:flex;align-items:center;justify-content:center;padding:8px 17px;border-radius:10px;background:#1d5ed0;color:#fff;font-size:12px;font-weight:600;box-sizing:border-box;}
body.mobile-workflow-fidelity .mobile-system-shell .mobile-workflow-task-list .customer-fixed-pagination {position:static;display:flex;flex-wrap:wrap;justify-content:center;gap:4px 10px;padding:14px 0;background:transparent;border:0;}
body.mobile-workflow-fidelity .mobile-system-shell .mobile-workflow-task-list .customer-fixed-pagination>[data-page-summary] {width:100%;text-align:center;font-size:11px;}
body.mobile-workflow-fidelity .mobile-system-shell .mobile-workflow-task-list .list-pagination-controls {display:flex;width:auto;flex:none;}
body.mobile-workflow-fidelity .mobile-system-shell .mobile-workflow-task-list .list-page-turns {justify-content:center;gap:8px;width:auto;}
body.mobile-workflow-fidelity .mobile-system-shell .mobile-workflow-task-list .list-page-turns button {width:auto;min-width:0;min-height:38px;padding:6px 10px;border:1px solid #e0e7f0;border-radius:8px;font-size:12px;background:#fff;}
body.mobile-workflow-fidelity .mobile-system-shell .mobile-workflow-task-list .mobile-workflow-page-settings {flex:0 0 auto;}
body.mobile-workflow-fidelity .mobile-system-shell .mobile-workflow-task-list .mobile-workflow-page-settings>summary {justify-content:center;min-height:36px;}