.sw-work-filters {
	display: flex;
	gap: 8px;
	padding: 0 0 16px;
	flex-wrap: wrap;
}

.sw-work-filters button {
	border: 1px solid #d8e4e7;
	border-radius: 999px;
	background: #fff;
	color: #45606a;
	padding: 8px 14px;
	font-weight: 700;
}

.sw-work-filters button.active {
	border-color: var(--swp-primary, #0a98ac);
	background: #eaf8fa;
	color: #08798a;
}

.sw-work-filters em {
	display: inline-grid;
	place-items: center;
	min-width: 20px;
	margin-left: 5px;
	border-radius: 999px;
	background: #fff;
	font-style: normal;
}

.sw-unified-work {
	display: grid;
	gap: 12px;
}

.sw-work-item {
	display: grid;
	grid-template-columns: minmax(0, 1.6fr) minmax(280px, 1fr);
	gap: 20px;
	padding: 18px;
	border: 1px solid #dfe9ec;
	border-left: 4px solid #81c7d0;
	border-radius: 14px;
	background: #fff;
}

.sw-work-item.mode-formal {
	border-left-color: var(--swp-primary, #0a98ac);
}

.sw-work-item.status-blocked {
	border-left-color: #d86464;
	background: #fffafa;
}

.sw-work-item.status-done {
	opacity: .72;
}

.sw-work-main > div,
.sw-work-actions,
.sw-work-meta {
	display: flex;
	align-items: center;
	gap: 8px;
	flex-wrap: wrap;
}

.sw-work-main h3 {
	margin: 8px 0 5px;
	font-size: 17px;
}

.sw-work-main p {
	margin: 0 0 7px;
	color: #5e727a;
}

.sw-work-main small {
	color: #73868d;
}

.sw-work-mode,
.sw-work-review,
.sw-rollup-badge {
	display: inline-flex;
	border-radius: 999px;
	padding: 4px 8px;
	background: #eaf8fa;
	color: #08798a;
	font-size: 10px;
	font-weight: 800;
	letter-spacing: .04em;
	text-transform: uppercase;
}

.sw-work-review {
	background: #fff2d9;
	color: #8a5a00;
}

.sw-rollup-badge {
	vertical-align: middle;
	background: #e9f7ef;
	color: #17734c;
}

.sw-work-meta {
	align-content: flex-start;
	justify-content: flex-end;
}

.sw-work-meta > span,
.sw-work-meta > time {
	color: #60747c;
	font-size: 12px;
}

.sw-work-meta select,
.sw-work-assign select {
	min-width: 145px;
	padding: 8px 10px;
	border: 1px solid #d4e1e4;
	border-radius: 8px;
	background: #fff;
}

.sw-work-actions button,
.sw-work-complete {
	border: 0;
	background: transparent;
	color: var(--swp-primary, #0a98ac);
	font-weight: 800;
	cursor: pointer;
}

.sw-work-complete.done {
	color: #17734c;
}

.sw-work-assign {
	display: flex;
	gap: 8px;
	width: 100%;
	justify-content: flex-end;
}

@media (max-width: 820px) {
	.sw-work-item {
		grid-template-columns: 1fr;
	}

	.sw-work-meta,
	.sw-work-assign {
		justify-content: flex-start;
	}
}

.sw-bulk-work{display:flex;align-items:center;gap:16px;flex-wrap:wrap;padding:14px 16px;margin-bottom:14px;background:#eef8fa;border:1px solid #cde6eb;border-radius:12px}.sw-bulk-work label,.sw-bulk-pick{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:600}.sw-bulk-work input,.sw-bulk-pick input{width:18px!important;height:18px!important;accent-color:#0a98ac}.sw-bulk-work button{margin-left:auto;padding:9px 14px;border:1px solid #b64949;border-radius:8px;background:#fff;color:#903434}.sw-bulk-work button:disabled{opacity:.45;cursor:default}.sw-bulk-pick{align-self:start;color:#45606a}.sw-work-item>.sw-bulk-pick{grid-column:1/-1}.sw-todo-list article{flex-wrap:wrap}@media(max-width:600px){.sw-bulk-work{gap:12px}.sw-bulk-work button{width:100%;margin-left:0}}
