.task-project-card-badge{display:inline-flex;align-items:center;gap:7px;flex:0 1 auto;min-width:0;max-width:245px;height:29px;padding:4px 9px 4px 7px;border:1px solid color-mix(in srgb,#8f82ff 42%,var(--line));border-radius:9px;background:linear-gradient(135deg,color-mix(in srgb,#796bea 16%,var(--surface-2)),color-mix(in srgb,#44cdb7 7%,var(--surface-2)));color:#b8b0ff;box-shadow:inset 0 1px 0 #ffffff08;box-sizing:border-box}
.task-project-card-badge>i{display:grid;place-items:center;flex:none;width:19px;height:19px;border-radius:6px;background:#8f82ff18;color:#b9b1ff;font-size:12px;font-style:normal}
.task-project-card-badge>span{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:baseline;gap:0 5px;min-width:0}
.task-project-card-badge small{color:#968cf0;font-size:6px;font-weight:900;letter-spacing:.11em;line-height:1;text-transform:uppercase}
.task-project-card-badge b{overflow:hidden;color:color-mix(in srgb,var(--text) 92%,#a99fff);font:800 9px/1.15 Manrope,sans-serif;text-overflow:ellipsis;white-space:nowrap}
.task-project-card-badge em{grid-column:1/-1;overflow:hidden;max-width:190px;color:var(--muted);font-size:7px;font-style:normal;line-height:1.2;text-overflow:ellipsis;white-space:nowrap}
.task-completed .task-project-card-badge{border-color:color-mix(in srgb,#8f82ff 28%,var(--line));filter:saturate(.78);opacity:.9}
.completed-compact-row .task-project-card-badge.is-completed{justify-self:start;width:min(100%,210px);max-width:100%;height:32px}
.completed-compact-row .task-project-card-badge.is-completed em{max-width:145px}
@media(max-width:760px){.task-card-heading .task-project-card-badge{max-width:150px}.completed-compact-row:has(.task-project-card-badge){position:relative;min-height:62px;padding-bottom:20px}.completed-compact-row .task-project-card-badge.is-completed{position:absolute;bottom:4px;left:42px;display:inline-flex;width:auto;max-width:165px;height:18px;padding:2px 6px}.completed-compact-row .task-project-card-badge.is-completed>i{width:12px;height:12px;font-size:8px}.completed-compact-row .task-project-card-badge.is-completed>span{display:block}.completed-compact-row .task-project-card-badge.is-completed small,.completed-compact-row .task-project-card-badge.is-completed em{display:none}.completed-compact-row .task-project-card-badge.is-completed b{display:block;max-width:130px;font-size:7px}}