.tasks-table {
    .task-status-selector {
        --pico-form-element-spacing-vertical: 0.25em;
        --pico-form-element-spacing-horizontal: 0.5em;
    }
}

.task-status {
    --color: var(--backlog-color);
    --background-color: var(--backlog-bg);

    &.badge {
        border: 2px solid var(--border-color, currentColor);
        color: var(--color, currentColor);
        background-color: var(--background-color);
    }

    &.analysis {
        --color: var(--analysis-color);
        --background-color: var(--analysis-bg);
    }

    &.development {
        --color: var(--info-color);
        --background-color: var(--info-bg);
    }

    &.fulfillment {
        --color: var(--success-color);
        --background-color: var(--success-bg);
    }
}

.task-show-info {
    display: flex;
    flex-flow: row nowrap;
    align-items: center;
    gap: 0.5em;

    > * {
        margin: 0;
    }
}