.task-workspace{display:grid;grid-template-columns:minmax(240px,310px) minmax(0,1fr);gap:20px;align-items:start}
.task-queue{position:sticky;top:18px}.task-queue .queue-tabs{padding:10px;gap:3px}.task-queue .queue-tabs button{padding:7px 12px}
#task-list{max-height:calc(100vh - 310px);overflow:auto;padding:8px}
.task-item{display:flex;flex-direction:column;gap:7px;width:100%;text-align:left;border:1px solid transparent;border-radius:6px;margin:3px 0;padding:13px;background:#fff;white-space:normal;overflow-wrap:anywhere}
.task-item.selected{background:#eaf5ef;border-color:#a8d1bc}.task-item:hover{background:#f3f7f5}.task-item .mono{font-size:13px}.task-item strong{font-size:13px}.task-empty{padding:16px}
.task-current{min-width:0}.task-title h2{margin-top:7px;overflow-wrap:anywhere}.task-title{align-items:flex-start}
.task-call-bar{display:flex;align-items:center;gap:14px}.task-call-bar .field{flex:1;min-width:0;margin-bottom:8px}.task-call-bar select{font-size:16px;font-weight:600}.task-dial{min-height:43px;white-space:nowrap}
#task-dial-reason{min-height:24px;margin:0 0 12px;color:#597361}.task-call-tools{margin:10px 0 18px}.task-last-note{padding:12px;background:#f7f9f8;border-radius:6px;font-size:12px;margin-bottom:16px}.task-last-note p{white-space:pre-wrap}
.task-followup{border-top:1px solid var(--line);padding-top:18px}.task-followup h3{margin-bottom:12px}.task-followup textarea{min-height:80px}
.task-more{font-size:12px;margin-top:12px;color:#597361}.task-more summary{cursor:pointer;padding:6px 0}.task-more .form-grid{margin-top:12px}
.task-followup .form-actions{position:sticky;bottom:0;padding:14px 0 0;background:#fff;z-index:1}.task-followup .form-grid{gap:12px}.task-followup .field:has(#wecom_status),.task-followup .field:has(#next_at){grid-column:auto}
@media(max-width:1050px){.task-workspace{grid-template-columns:minmax(195px,240px) minmax(0,1fr)}.task-call-bar{flex-wrap:wrap}.task-dial{margin-bottom:8px}}
@media(max-width:760px){.task-workspace{grid-template-columns:minmax(0,1fr);gap:12px}.task-queue{position:static}.task-queue .card-head{padding:12px 16px}#task-list{max-height:170px}.task-item{padding:9px 12px;gap:4px}.task-call-bar{align-items:stretch}.task-call-bar .field{flex-basis:100%}.task-dial{width:100%}.task-title{flex-wrap:wrap;gap:8px}.task-followup .form-grid{grid-template-columns:minmax(0,1fr)}.task-followup .field{grid-column:1/-1}.task-followup .form-actions{flex-wrap:wrap}.task-followup .form-actions button{flex:1}.task-workspace .card-body{padding:16px}.task-workspace .page-head{flex-wrap:wrap}}