.workflow-filter-bar{display:flex;align-items:center;gap:18px;margin:0 0 16px;flex-wrap:wrap;color:#70868b;font-size:12px}.workflow-filter-bar label{display:flex;align-items:center;gap:8px}.workflow-filter-bar select{border:1px solid #dce6e5;border-radius:7px;padding:8px 28px 8px 10px;background:#fff;color:#36565d;font:inherit}.workflow-filter-bar>span{margin-left:auto;color:#8a999e}.workflow-filter-bar .notification-back{padding:0}.workflow-fields{margin-top:18px;padding:16px;background:#f6faf9;border:1px solid #e2ece9;border-radius:10px}.workflow-fields-top{display:flex;align-items:center;gap:24px}.workflow-fields-top>.field{flex:1;margin:0}.workflow-review-toggle{display:flex;align-items:center;gap:8px;color:#385b59;white-space:nowrap;font-size:13px}.workflow-review-toggle input{accent-color:#167d6f}.workflow-review-fields{margin-top:14px}.workflow-save-preview{font-size:13px;color:#287967;line-height:1.6;margin:12px 0 7px}.workflow-fields>small{font-size:12px;color:#83938f;line-height:1.6}.workflow-history-details{margin-top:18px;padding:14px 0;border-top:1px solid #e4ece9;color:#557570}.workflow-history-details summary{cursor:pointer;font-size:13px}.work-priority{display:inline-block;vertical-align:middle;padding:2px 6px;margin-left:7px;border-radius:4px;background:#fff4dd;color:#a37b29;font-size:11px;font-weight:500;line-height:1.5;white-space:nowrap}.work-priority.urgent{background:#fcece7;color:#b65c46}.notice-list-status{font:inherit;font-size:12px;white-space:nowrap;border:0;background:transparent;color:#438274;cursor:pointer;padding:6px 0}.task-notice{text-align:center;min-width:0}.project-notice{color:#738c86;font-size:12px;margin:8px 0}.project-card .work-priority{margin:4px 0}
.promote-review-cell{min-width:0}.promote-review-cell .workflow-review-fields{margin:0}.promote-review-cell .multi-field{margin:0}@media(max-width:700px){.promote-schedule{grid-template-columns:1fr}}
@media(min-width:761px){
 #task-list:has(.task-notice)>.task-table-head.with-relation,#task-list:has(.task-notice)>.task-table-row.with-relation{grid-template-columns:24px minmax(160px,1.4fr) minmax(110px,.85fr) minmax(100px,.7fr) minmax(96px,.7fr) minmax(96px,.7fr) 64px 72px 84px 112px!important;column-gap:12px;min-width:1120px}
 #task-list:has(.task-notice){overflow-x:auto}
 #task-list:has(.task-notice) .task-creator,#task-list:has(.task-notice) .creator-head,#task-list:has(.task-notice) .task-owner,#task-list:has(.task-notice) .owner-head,#task-list:has(.task-notice) .task-relation,#task-list:has(.task-notice) .relation-head{display:block}
 #task-list:has(.task-notice) .notice-head{text-align:center}
}
@media(max-width:760px){.workflow-fields-top{align-items:flex-start;flex-direction:column;gap:12px}.workflow-fields-top>.field{width:100%}.workflow-filter-bar{gap:10px}.workflow-filter-bar>span{width:100%;margin:0}.task-notice{grid-column:2;text-align:left}}

.task-query-toggle{display:inline-flex;align-items:center;gap:10px;white-space:nowrap;background:#eaf4ef;color:#176e5f;border-color:#d3e7dd}
.task-query-panel{padding:16px 18px;margin:0 0 16px;border:1px solid #dce7e3;border-radius:10px;background:#f4f8f6;flex-wrap:wrap;gap:18px}
.task-query-panel[hidden]{display:none}
.task-query-panel>label{display:flex;align-items:center;gap:10px;white-space:nowrap}
.task-query-panel select{min-width:145px}