.task-widget{padding:16px 18px}
.task-widget .panel-heading{margin-bottom:10px}
.task-widget-list,.task-list{display:grid;gap:9px}
.task-widget-row{display:grid;grid-template-columns:28px minmax(0,1fr);align-items:center;gap:9px;padding:8px 0;border-top:1px solid var(--line)}
.task-widget-row>div,.task-card-copy{display:grid;gap:4px;min-width:0}
.task-widget-row strong{font-size:11px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.task-widget-row span{font-size:9px;color:var(--muted)}
.task-widget-row .task-late{color:#9b6259}
.task-widget-empty{margin:0 0 8px;color:var(--muted);font-size:11px;line-height:1.5}
.task-widget-add{margin-top:10px}
.task-check,.task-done-icon{width:28px;height:28px;display:grid;place-items:center;flex:0 0 auto;border:1px solid #dfe6df;border-radius:9px;background:#f7f9f7;color:#688470}
.task-check .icon,.task-done-icon .icon{width:15px;height:15px}
.task-check:hover{background:#eaf2ec;border-color:#cbd9cd}
.task-card{padding:15px 17px;display:grid;gap:12px}
.task-card-main{display:flex;align-items:flex-start;gap:11px;min-width:0}
.task-card-copy .record-kicker{margin-bottom:0}
.task-card-copy h3{font:800 14px var(--display);margin:0;overflow-wrap:anywhere}
.task-card-copy p{margin:0;color:var(--muted);font-size:10px;line-height:1.5;overflow-wrap:anywhere}
.task-card-footer{display:flex;align-items:center;justify-content:space-between;gap:10px;padding-top:10px;border-top:1px solid var(--line)}
.task-card-actions{display:flex;align-items:center;gap:12px}
.task-card-actions .text-button{font-size:10px}
.task-done{background:#fbfcfb}
.task-done .task-card-copy h3{color:#89928a;text-decoration:line-through}
.task-done-icon{background:#edf4ef;border-color:#e4eee6}
.task-completed{margin-top:18px;padding-top:14px;border-top:1px solid var(--line)}
.task-completed summary{width:max-content;max-width:100%;cursor:pointer;color:#68746b;font-size:12px;font-weight:700}
.task-completed .task-list{margin-top:12px}
@media(max-width:580px){.task-widget{padding:15px}.task-card{padding:13px}.task-card-footer{align-items:flex-start;flex-direction:column}.task-card-actions{align-self:flex-end}}