.task-card.deadline-overdue{border-color:color-mix(in srgb,#e45b5b 78%,var(--line));border-left:4px solid #e45b5b;background:color-mix(in srgb,#e45b5b 9%,var(--surface));box-shadow:0 5px 16px rgb(176 44 44/9%)}
.task-card.deadline-soon{border-color:color-mix(in srgb,#e1ad35 72%,var(--line));border-left:4px solid #e1ad35;background:color-mix(in srgb,#f0bd46 11%,var(--surface));box-shadow:0 5px 16px rgb(158 112 17/8%)}
.task-card.deadline-overdue:hover{border-color:#df4f4f}.task-card.deadline-soon:hover{border-color:#d5a126}
.work-row.deadline-overdue{border-left:4px solid #e45b5b;background:color-mix(in srgb,#e45b5b 9%,var(--surface))}
.work-row.deadline-soon{border-left:4px solid #e1ad35;background:color-mix(in srgb,#f0bd46 11%,var(--surface))}
.work-row.deadline-overdue:hover{background:color-mix(in srgb,#e45b5b 13%,var(--surface))}.work-row.deadline-soon:hover{background:color-mix(in srgb,#f0bd46 16%,var(--surface))}
.work-row.deadline-overdue>b,.work-row.deadline-soon>b,.task-card.deadline-overdue .task-card-meta>span:last-child,.task-card.deadline-soon .task-card-meta>span:last-child{width:max-content;padding:3px 7px;border-radius:999px;font-weight:800}
.work-row.deadline-overdue>b,.task-card.deadline-overdue .task-card-meta>span:last-child{color:#a82d2d;background:color-mix(in srgb,#e45b5b 17%,var(--surface))}
.work-row.deadline-soon>b,.task-card.deadline-soon .task-card-meta>span:last-child{color:#805900;background:color-mix(in srgb,#f0bd46 24%,var(--surface))}