.task-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:22px}.task-summary>div{display:flex;align-items:center;justify-content:space-between;padding:21px 22px;background:#fff;border:1px solid #e9edf7;border-radius:12px}.task-summary span{font-size:12px;color:#8490a7}.task-summary strong{font-size:25px;color:#344773;font-variant-numeric:tabular-nums}.task-tabs{display:flex;gap:24px;padding:0 24px;border-bottom:1px solid #edf0f7}.task-tabs button{font-size:13px;color:#8290a6;padding:20px 2px 17px;border-bottom:3px solid transparent}.task-tabs button.active{color:#4266d9;border-color:#4868e9;font-weight:650}.task-filters{display:flex;align-items:center;flex-wrap:wrap;gap:10px;padding:20px 24px}.task-filters select,.task-search{border:1px solid #e3e9f3;border-radius:8px;background:#fff;min-height:38px;font-size:12px;padding:7px 11px}.task-search{display:flex;align-items:center;flex:1;min-width:210px;gap:8px}.task-search .icon{color:#91a0b9;width:16px}.task-search input{border:0;min-width:0;width:100%;background:transparent;outline-offset:2px}.task-list{padding:0 24px}.task-row{width:100%;display:flex;text-align:left;align-items:center;justify-content:space-between;gap:24px;padding:22px 4px;border-top:1px solid #edf0f7}.task-row:hover{background:#fafbff}.task-row-main{min-width:0;flex:1}.task-row-main>strong{display:block;font-size:15px;line-height:1.6;margin:9px 0 4px;overflow-wrap:anywhere;color:#354365}.task-row-main>p{font-size:12px;color:#8b97ab;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.task-row-badges{display:flex;gap:7px;align-items:center;flex-wrap:wrap}.task-status{border-radius:5px;font-size:10px;padding:3px 8px;background:#edf1f8;color:#7a889f;white-space:nowrap}.task-status-in_progress{background:#eaf0ff;color:#5773d7}.task-status-submitted{background:#f1eefe;color:#8974c4}.task-status-returned{background:#fff1dc;color:#b48839}.task-status-completed{background:#e9f6f0;color:#579d82}.task-status-cancelled{background:#f1f2f5;color:#939baa}.task-priority{font-size:10px;color:#b58346}.task-sub-label{font-size:10px;color:#8b98af}.task-row-meta{display:flex;flex-wrap:wrap;gap:7px 20px;font-size:11px;color:#8c99ad;margin-top:13px}.task-row-side{flex:0 0 100px;display:flex;flex-direction:column;gap:8px;text-align:right;color:#93a0b4;font-size:11px}.task-progress{height:4px;border-radius:4px;background:#edf1fa;overflow:hidden;display:block}.task-progress i{display:block;background:#8ca4ef;height:100%;border-radius:4px}.task-open-arrow{color:#6782ca;margin-top:6px}.task-list-foot{padding:16px 24px;font-size:11px;color:#96a2b5;background:#fcfdff;border-radius:0 0 12px 12px}.task-inline-error{margin:0 24px 14px;padding:12px;color:#b3666e;background:#fff2f3;border-radius:8px}.task-detail-heading{align-items:flex-start}.task-detail-heading h1{margin:9px 0 12px;overflow-wrap:anywhere}.task-detail-layout{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:22px;align-items:start}.task-detail-content{display:flex;flex-direction:column;gap:20px;min-width:0}.task-content-card{padding:24px;min-width:0}.task-content-card h2{font-size:14px;margin-bottom:14px}.task-content-card h3{margin:20px 0 10px;font-size:12px;color:#7a89a2}.task-long-text{white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.9;font-size:13px;color:#596882}.task-section-heading{display:flex;justify-content:space-between;gap:15px;align-items:center}.task-section-heading h2{margin-bottom:0}.task-help{font-size:11px;color:#94a0b4;line-height:1.8;margin:10px 0 16px}.task-meta{margin:0}.task-meta>div{padding:12px 0;border-bottom:1px solid #edf1f7}.task-meta dt{font-size:10px;color:#93a1b7;margin-bottom:4px}.task-meta dd{margin:0;font-size:12px;color:#60718d;overflow-wrap:anywhere}.task-action-stack{display:flex;flex-direction:column;gap:9px;margin-top:21px}.task-action-stack:empty{display:none}.task-timeline{list-style:none;padding:0;margin:24px 0}.task-timeline li{position:relative;padding:0 0 22px 22px;border-left:1px solid #e7edf7;margin-left:5px}.task-timeline li:last-child{padding-bottom:0}.task-timeline li:before{position:absolute;content:'';width:7px;height:7px;border-radius:50%;left:-4px;top:6px;background:#a2b4e3;box-shadow:0 0 0 4px #fff}.task-event-top{display:flex;align-items:center;flex-wrap:wrap;gap:7px;margin-bottom:7px;font-size:11px}.task-event-top strong{font-weight:600;color:#62718b}.task-event-label{color:#90a0bc}.task-event-top time{font-size:10px;color:#9faabb;margin-left:auto}.task-event-note{font-size:11px;color:#8092b5;margin-top:9px}.task-discussion-form{padding-top:20px;border-top:1px solid #edf1f7}.task-compose-heading{display:flex;gap:16px}.task-compose-heading .field{flex:1}.task-progress-input{max-width:145px}.task-compose-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:12px}.task-compose-footer>span{font-size:10px;color:#96a1b4}.task-upload-button{position:relative;overflow:hidden}.task-upload-button input{position:absolute;inset:0;opacity:0;width:100%;cursor:pointer}.task-attachments{display:flex;flex-direction:column;gap:9px}.task-attachment{display:flex;justify-content:space-between;align-items:center;gap:14px;padding:12px;border:1px solid #e8edf7;border-radius:8px;min-width:0}.task-attachment>span{display:flex;gap:9px;align-items:center;min-width:0}.task-attachment strong{font-size:12px;font-weight:500;overflow-wrap:anywhere;min-width:0}.task-attachment small{color:#9aa6b9;font-size:10px;flex-shrink:0}.task-children{margin-top:18px;display:flex;flex-direction:column;gap:8px}.task-children button{display:flex;align-items:center;gap:10px;padding:12px;border:1px solid #e8edf7;border-radius:8px;text-align:left;flex-wrap:wrap}.task-children button>span:first-child{flex:1;min-width:100px;font-size:12px;overflow-wrap:anywhere}.task-optional{border-top:1px solid #e9edf6;margin-top:18px;padding-top:16px}.task-optional summary{cursor:pointer;font-size:12px;color:#6280c4;margin-bottom:16px}.task-editor textarea,.task-discussion-form textarea,#taskActionForm textarea,#taskHandoverForm textarea{resize:vertical;min-height:94px;max-width:100%}.task-assignment-note{background:#fff6e8;border:1px solid #f2e4cf;color:#aa864e;font-size:11px;padding:12px;border-radius:8px;margin:16px 0;line-height:1.8}.task-admin-section>p{padding:0 24px 18px;color:#8b98ad;font-size:12px}.task-admin-users{padding:0 24px 20px;display:flex;flex-direction:column;gap:12px}.task-admin-users>div{display:flex;flex-wrap:wrap;gap:10px;align-items:center;border-top:1px solid #edf1f7;padding-top:13px}.task-admin-users strong{font-size:12px}.task-admin-users span{flex:1;font-size:11px;color:#8b97ac}.task-admin-dialog article{display:flex;align-items:center;gap:12px;padding:15px 0;border-bottom:1px solid #edf1f7}.task-admin-dialog article>div{flex:1}.task-admin-dialog p{font-size:11px;color:#929fb4;margin-top:5px}.task-assign-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.task-sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}.task-empty-actions{display:flex;justify-content:center;padding-bottom:25px}
@media(max-width:1100px){.task-detail-layout{grid-template-columns:minmax(0,1fr) 250px}.task-content-card{padding:20px}.task-summary>div{padding:18px 16px;gap:12px}}
@media(max-width:760px){.task-summary{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.task-summary>div{padding:15px}.task-summary span{font-size:11px}.task-summary strong{font-size:21px}.task-tabs{gap:20px;padding:0 16px}.task-tabs button{font-size:12px;padding-top:16px}.task-filters{padding:16px;gap:8px}.task-search{flex-basis:100%;min-width:0}.task-filters select{min-width:0;max-width:100%;flex:1 1 100px}.task-list{padding:0 16px}.task-row{gap:12px;align-items:flex-start}.task-row-main>strong{font-size:14px}.task-row-side{flex-basis:58px;padding-top:5px}.task-open-arrow{font-size:10px}.task-row-meta{gap:5px 12px}.task-list-foot{padding:14px 16px}.task-detail-layout{display:flex;flex-direction:column;gap:16px}.task-detail-aside{order:-1;width:100%}.task-detail-content{width:100%;gap:16px}.task-detail-aside .task-meta{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:16px}.task-action-stack{flex-direction:row;flex-wrap:wrap}.task-action-stack .button{flex:1 1 120px}.task-content-card{padding:18px}.task-detail-heading{display:block}.task-detail-heading h1{font-size:21px}.task-detail-heading .heading-actions{margin-top:16px}.task-attachment{align-items:flex-start;flex-direction:column;gap:6px}.task-event-top time{margin-left:0;flex-basis:100%}.task-compose-footer{align-items:flex-end}.task-admin-users>div{gap:7px}.task-admin-users span{flex-basis:calc(100% - 70px)}.task-admin-dialog article{flex-wrap:wrap}.task-admin-dialog article>div{flex-basis:100%}.task-inline-error{margin-left:16px;margin-right:16px}}
@media(max-width:380px){.task-tabs{gap:16px}.task-summary>div{padding:12px 10px}.task-summary span{font-size:10px}.task-row{gap:8px}.task-row-side{flex-basis:48px}.task-compose-heading{gap:8px}.task-progress-input{max-width:114px}.task-assign-grid{grid-template-columns:1fr}}