.workflow-shell{--workflow-panel:var(--app-card);--workflow-line:var(--app-card-border);--workflow-canvas:var(--app-canvas)}.page-frame,.workflow-shell,.workflow-shell .workflow-workspace-page{background:var(--app-canvas)}:is(.surface,.analytics-panel,.metric-card,.payment-receipts-panel,.payment-relations-panel,.payment-validated-panel,.payment-comparison-panel,.inbox-workspace,.connection-provider-card,.workflow-list-group){border-color:var(--app-card-border);background:var(--app-card)}.workflow-shell .surface{border-color:var(--app-card-border);box-shadow:none}:is(.workflow-shell .workflow-stat,.workflow-shell .workflow-analysis-kpis>div,.workflow-shell .workflow-management-stats>div,.record-metrics>article,.analytics-metric){border:1px solid var(--app-card-border);background:var(--app-card-subtle);box-shadow:none}:is(.workflow-directory-filters,.workflow-task-dataset-controls,.payment-receipts-filters,.payment-validated-filters,.table-toolbar){background:var(--app-card-subtle);border-color:var(--app-card-divider)}.workflow-list-group>header{border-bottom:1px solid var(--app-card-divider)}.payment-analysis-metrics article,.workflow-list-group>header{background:var(--app-card-subtle)}.analytics-metric-green,.record-metrics article:has(.metric-icon.is-green){background:var(--app-success-soft)}.analytics-metric-amber,.record-metrics article:has(.metric-icon.is-amber){background:var(--app-warning-soft)}.analytics-metric-red,.record-metrics article:has(.metric-icon.is-red){background:var(--app-danger-soft)}.record-metrics article:has(.metric-icon.is-blue){background:var(--app-primary-soft)}.workflow-shell .workflow-task-card{background:var(--app-card);border-color:var(--app-card-border);box-shadow:none}:is(.workflow-task-card,.workflow-directory-card,.connection-provider-card){transition:border-color .16s ease,background-color .16s ease}:is(.workflow-task-card,.workflow-directory-card):hover{border-color:var(--app-primary)}[data-slot=table-container]:has(>.blocks-table-02){width:100%;max-width:100%;min-width:0;overflow-x:auto;border:1px solid var(--app-card-border);border-radius:8px;background:var(--app-card)}table.blocks-table-02{width:100%;border-collapse:collapse;color:var(--app-foreground);font:inherit;font-size:14px}.blocks-table-02>thead{background:var(--app-table-header)}.blocks-table-02>thead>tr{background:transparent}.blocks-table-02 th{height:48px;padding:10px 16px;border-bottom:1px solid var(--app-card-border);color:var(--app-muted-foreground);font-size:14px;font-weight:600;text-align:left}.blocks-table-02 td{height:64px;padding:12px 16px;border-bottom:1px solid var(--app-card-divider);vertical-align:middle;color:var(--app-foreground);white-space:normal;font-size:14px}.blocks-table-02>tbody>tr{background:var(--app-card);transition:background-color .16s ease}.blocks-table-02>tbody>tr:hover{background:var(--app-table-hover)}.blocks-table-02>tbody>tr:is([data-state=selected],:has([aria-expanded=true])){background:var(--app-primary-soft)}.blocks-table-02>tbody>tr:last-child>td{border-bottom:0}.blocks-table-02[data-density=compact] :is(th,td){height:auto;padding:8px 10px}.blocks-table-02[data-density=compact] td{font-size:14px}.blocks-table-02.checklist-table{min-width:0;table-layout:fixed}.workflow-shell tr.workflow-list-row,.workflow-shell tr.workflow-task-table-row{display:table-row;min-width:0;width:auto;padding:0;cursor:pointer}:root:is([data-theme=dark],[data-theme=system][style*="color-scheme: dark"]) .workflow-shell{--workflow-canvas:var(--app-canvas)}:root:is([data-theme=dark],[data-theme=system][style*="color-scheme: dark"]) .workflow-shell tr.workflow-list-row,:root:is([data-theme=dark],[data-theme=system][style*="color-scheme: dark"]) .workflow-shell tr.workflow-task-table-row{background:var(--app-card)}:root:is([data-theme=dark],[data-theme=system][style*="color-scheme: dark"]) .workflow-shell tr.workflow-list-row:hover,:root:is([data-theme=dark],[data-theme=system][style*="color-scheme: dark"]) .workflow-shell tr.workflow-task-table-row:hover{background:var(--app-table-hover)}.workflow-shell .workflow-task-table{min-width:0;overflow:visible}.workflow-list-table,.workflow-task-table .blocks-table-02{min-width:760px}.workflow-list-table :is(th,td):nth-child(2){min-width:260px}.workflow-task-table .blocks-table-02 :is(th,td):first-child{min-width:260px}.table-task-title{display:grid;gap:5px;max-width:100%;padding:0;border:0;color:var(--app-foreground);background:transparent;font:inherit;text-align:left;cursor:pointer}.table-task-title strong,.workflow-shell .blocks-table-02 .table-task-title strong{font-size:14px;white-space:normal}.table-task-title small{color:var(--app-muted-foreground);font-size:12px;white-space:normal}.table-task-title:focus-visible{outline:2px solid var(--app-primary);outline-offset:4px;border-radius:3px}.workflow-markdown-table-wrap [data-slot=table-container]{border-radius:8px}@media (max-width:720px){table.blocks-table-02{display:table;min-width:640px}table.blocks-table-02>thead{display:table-header-group}table.blocks-table-02>tbody{display:table-row-group}table.blocks-table-02>:is(thead,tbody)>tr{display:table-row;padding:0}table.blocks-table-02>:is(thead,tbody)>tr>:is(th,td){display:table-cell;padding:12px 16px;border-radius:0}table.blocks-table-02 td:before{content:none}table.blocks-table-02[data-density=compact] :is(th,td){padding:8px 10px}table.blocks-table-02.checklist-table{min-width:560px}}@media (prefers-reduced-motion:reduce){.blocks-table-02>tbody>tr,:is(.workflow-task-card,.workflow-directory-card,.connection-provider-card){transition:none}}.workflow-shell .workflow-view-switcher,.workflow-view-switcher{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px;padding:14px;background:var(--app-card-subtle)}.workflow-shell .workflow-view-switcher button,.workflow-view-switcher button{display:flex;align-items:center;gap:10px;min-height:58px;padding:10px 12px;border:1px solid var(--app-card-border);border-radius:9px;background:var(--app-card);color:var(--app-foreground);text-align:left;transition:background-color .16s ease,border-color .16s ease}.workflow-view-switcher button>span{display:grid;gap:3px;min-width:0}.workflow-view-switcher button>svg{flex-shrink:0}.workflow-view-switcher strong{font-size:14px;line-height:1.3}.workflow-view-switcher small{color:var(--app-muted-foreground);font-size:12px}.workflow-shell .workflow-view-switcher button:hover,.workflow-view-switcher button:hover{background:var(--app-primary-soft);border-color:var(--app-primary)}.workflow-shell .workflow-view-switcher button.is-active,.workflow-view-switcher button.is-active{background:var(--app-primary);border-color:var(--app-primary);color:var(--app-primary-foreground)}.workflow-shell .workflow-view-switcher button.is-active small,.workflow-view-switcher button.is-active small{color:var(--app-primary-foreground)}.workflow-view-selected{margin-left:auto}@media (max-width:1200px){.workflow-shell .workflow-view-switcher,.workflow-view-switcher{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width:600px){.workflow-shell .workflow-view-switcher,.workflow-view-switcher{grid-template-columns:repeat(2,minmax(0,1fr))}.workflow-view-switcher button{padding:10px}}@media (prefers-reduced-motion:reduce){.workflow-view-switcher button{transition:none}}