.task-shell{max-width:1760px}.task-kpis{display:grid;grid-template-columns:repeat(7,1fr);gap:8px;margin:12px 0}.task-kpis button{display:grid;gap:2px;text-align:left;padding:10px 12px;border:1px solid #d4e0e8;border-radius:9px;background:#f8fbfd;cursor:pointer;color:#344054}.task-kpis button:hover{border-color:#438ab6;background:#edf6fc}.task-kpis strong{font-size:23px;color:#2877a6}.task-kpis span{font-size:12px;color:#667085}.task-kpis .danger strong{color:#b42318}.approval-panel{padding:11px 12px;border:1px solid #cbdde9;border-radius:10px;background:#f4f9fc}.section-heading{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:8px}.section-heading h2{margin:0;font-size:17px}.approval-list{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;max-height:190px;overflow:auto}.approval-item{display:grid;grid-template-columns:82px 1fr auto;gap:8px;align-items:center;padding:8px 9px;border:1px solid #dbe5eb;border-radius:7px;background:#fff;color:inherit;text-decoration:none}.approval-item:hover{border-color:#438ab6}.approval-source{font-size:12px;color:#2776a8}.approval-item strong,.approval-item small{display:block}.approval-item small{color:#667085;margin-top:2px}.approval-age{font-size:12px;color:#667085;white-space:nowrap}.task-toolbar{display:flex;justify-content:space-between;gap:10px;align-items:center;margin:10px 0;padding:8px 10px;border:1px solid #dde3e9;border-radius:9px;background:#fff}.filter-row{display:flex;flex-wrap:wrap;align-items:center;gap:7px}.filter-row input,.filter-row select{width:auto;min-width:125px;padding:7px 9px}.filter-row #filter-search{min-width:260px}.check{display:flex;align-items:center;gap:5px;font-size:13px}.check input{min-width:auto}.task-layout{display:grid;grid-template-columns:minmax(760px,1.45fr) minmax(390px,.65fr);gap:10px}.task-table-panel,.task-detail{padding:11px}.task-table-panel tbody tr{cursor:pointer}.task-table-panel tbody tr:hover,.task-table-panel tbody tr.selected{background:#edf6fc}.task-title-cell strong,.task-title-cell small{display:block}.task-title-cell small{color:#667085}.tag{display:inline-block;padding:2px 7px;border-radius:10px;background:#edf2f6;font-size:12px}.tag.urgent{background:#fee4e2;color:#b42318}.tag.high{background:#fff0dc;color:#b54708}.tag.in_progress{background:#e5f2fa;color:#176b9a}.tag.completed{background:#e8f5ed;color:#167647}.tag.cancelled{color:#667085}.due-over{color:#b42318;font-weight:700}.task-detail{min-height:430px}.detail-head{display:flex;justify-content:space-between;gap:10px}.detail-head h2{margin:2px 0}.detail-meta{display:grid;grid-template-columns:repeat(2,1fr);gap:7px;margin:10px 0}.detail-meta div{padding:7px 8px;background:#f5f8fa;border-radius:6px}.detail-meta span,.detail-section h3{font-size:12px;color:#667085}.detail-meta strong{display:block;margin-top:2px}.detail-section{border-top:1px solid #e4e8ed;padding-top:9px;margin-top:9px}.detail-section h3{margin:0 0 6px;text-transform:uppercase}.detail-actions{display:flex;flex-wrap:wrap;gap:6px;margin:10px 0}.comment-form{display:flex;gap:6px}.comment-form input{flex:1}.timeline{display:grid;gap:5px;max-height:150px;overflow:auto}.timeline div{padding:6px 7px;border-left:3px solid #80afd0;background:#f7f9fb}.timeline small{display:block;color:#667085}.dialog-form{width:min(760px,90vw)}.dialog-form header,.dialog-form footer{display:flex;justify-content:space-between;align-items:center}.form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:9px}.span-2{grid-column:span 2}@media(max-width:1200px){.task-kpis{grid-template-columns:repeat(4,1fr)}.approval-list{grid-template-columns:repeat(2,1fr)}.task-layout{grid-template-columns:1fr}}@media(max-width:700px){.task-kpis{grid-template-columns:repeat(2,1fr)}.approval-list{grid-template-columns:1fr}.task-toolbar{align-items:flex-start}.form-grid{grid-template-columns:1fr}.span-2{grid-column:auto}}