.wuf-tasks { max-width: 1120px; }
.wuf-page-title-row { display: flex; align-items: flex-end; justify-content: space-between; gap: 20px; }
.wuf-work-task-list { display: grid; gap: 8px; }
.wuf-work-task { display: grid; grid-template-columns: auto minmax(0, 1fr) auto auto; gap: 14px; align-items: center; padding: 15px 16px; border: 1px solid var(--wuf-line); border-radius: 12px; background: #fff; }
.wuf-work-task:hover { border-color: #ffd2b1; box-shadow: 0 6px 22px rgba(63, 47, 35, .05); }
.wuf-work-task.is-overdue { border-left: 3px solid var(--wuf-danger); }
.wuf-task-check { display: grid; place-items: center; width: 25px; height: 25px; padding: 0; border: 2px solid #c8cfd4; border-radius: 50%; background: #fff; color: #fff; cursor: pointer; font-weight: 800; }
.wuf-task-check:hover { border-color: var(--wuf-orange); }
.wuf-task-check.is-done { border-color: #24835b; background: #24835b; }
.wuf-work-task-main { min-width: 0; }
.wuf-work-task-main strong { display: block; color: var(--wuf-ink); font-size: 14px; }
.wuf-work-task-main p { overflow: hidden; margin: 4px 0; color: #59646c; font-size: 12px; text-overflow: ellipsis; white-space: nowrap; }
.wuf-work-task-main small { color: var(--wuf-muted); font-size: 11px; }
.wuf-work-task-tags, .wuf-work-task-actions { display: flex; align-items: center; gap: 7px; }
.wuf-task-priority { padding: 4px 8px; border-radius: 999px; background: #f2f1ef; color: #667078; font-size: 10px; font-weight: 750; text-transform: capitalize; }
.wuf-task-priority.is-high { background: #fff0df; color: #97510e; }
.wuf-task-priority.is-urgent { background: #fdeaea; color: #a42e2e; }
.wuf-icon-button.is-danger { color: var(--wuf-danger); }

.wuf-task-summary { display: grid; grid-template-columns: auto 1fr; gap: 0 9px; align-items: baseline; margin: 15px 0 10px; }
.wuf-task-summary strong { grid-row: span 2; color: var(--wuf-orange-dark); font-size: 34px; line-height: 1; letter-spacing: -.05em; }
.wuf-task-summary span, .wuf-task-summary a { color: var(--wuf-muted); font-size: 11px; text-decoration: none; }
.wuf-task-summary a { color: var(--wuf-danger); font-weight: 700; }
.wuf-home-list { display: grid; gap: 0; margin: 8px 0 0; padding: 0; list-style: none; }
.wuf-home-list li { border-top: 1px solid #f0eeeb; }
.wuf-home-list li > a { display: grid; gap: 3px; padding: 9px 0; color: var(--wuf-ink); font-size: 12px; text-decoration: none; }
.wuf-home-list small { color: var(--wuf-muted); font-size: 10px; }

@media (max-width: 720px) {
	.wuf-page-title-row { align-items: flex-start; flex-direction: column; }
	.wuf-page-title-row > .wuf-button { width: 100%; }
	.wuf-work-task { grid-template-columns: auto minmax(0, 1fr); align-items: start; }
	.wuf-work-task-tags, .wuf-work-task-actions { grid-column: 2; justify-content: flex-start; }
	.wuf-work-task-main p { white-space: normal; }
}