.allocation-picker {
    flex-basis: 100%;
    border-inline-start: 2px solid var(--operator-accent);
    padding-inline-start: 0.75rem;
    font-size: var(--size-small);

    .remaining {
        margin: 0 0 0.5rem;
        color: var(--ink-muted);
        font-weight: var(--weight-answer);
    }

    .rows {
        display: grid;
        gap: 0.25rem;
        margin: 0;
        padding: 0;
        list-style: none;
    }

    .row {
        display: flex;
        align-items: center;
        gap: 0.5rem;
    }

    .category {
        flex: 1;
        color: var(--category-color);
    }

    .value {
        min-inline-size: 1.5rem;
        text-align: center;
        font-variant-numeric: tabular-nums;
    }
}