.approval-chain-editor {
    display: flex;
    flex-direction: column;
    overflow-y: scroll;
}

.employee-container .autocomplete {
    background-color: var(--whispr-corporate-blue);
}

.employee-container .autocomplete input {
    outline: 0;
    border: 1px solid var(--whispr-dark-grey);
}

.employee-box {
    border: 1px solid var(--whispr-dark-grey);
    color: var(--whispr-light-grey);
    background: var(--whispr-dark-blue);
    font-size: 12px;
    margin: 12px;
    padding: 5px;
    border-radius: 5px;
}

.employee-name {
    font-size: 16px;
}

.attest-container {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    margin: 10px;
    gap: 5px;
}

.attester-box {
    display: flex;
    flex-direction: row;
    align-items: center;
    color: var(--whispr-light-grey);
    gap: 5px;
}

.attester-box input {
    width: 100%;
    color: var(--whispr-light-grey);
}

.attest-container .attester-box:last-child .autocomplete {
    background-color: var(--whispr-purple-blue);
}


.attest-container .attester-box:last-child .next {
    display: none;
}
