@use 'common-mixins';
@use 'variables';

.NEW {
    stroke: var(--iqser-grey-5);
    background-color: var(--iqser-grey-5);
}

.UNPROCESSED {
    stroke: var(--iqser-grey-3);
    background-color: var(--iqser-grey-3);
}

.UNDER_REVIEW,
.REGULAR {
    stroke: var(--iqser-yellow-1);
    background-color: var(--iqser-yellow-1);
}

.UNDER_APPROVAL {
    stroke: var(--iqser-blue-4);
    background-color: var(--iqser-blue-4);
}

.APPROVED,
.ADMIN {
    stroke: var(--iqser-blue-3);
    background-color: var(--iqser-blue-3);
}

.PROCESSING {
    stroke: var(--iqser-accent);
    background-color: var(--iqser-accent);
}

.OCR_PROCESSING,
.USER_ADMIN {
    stroke: var(--iqser-green-2);
    background-color: var(--iqser-green-2);
}

.REPROCESS {
    stroke: var(--iqser-accent);
    background-color: var(--iqser-accent);
}

.FULLREPROCESS {
    stroke: var(--iqser-accent);
    background-color: var(--iqser-accent);
}

.EXCLUDED {
    stroke: var(--iqser-pink-1);
    background-color: var(--iqser-pink-1);
}

.ERROR {
    stroke: lighten(variables.$primary, 25%);
    background-color: lighten(variables.$primary, 25%);
}

.ACTIVE {
    stroke: #0389ec;
    background-color: #0389ec;
}

.DELETED {
    stroke: rgba(#0389ec, 0.1);
    background-color: rgba(#0389ec, 0.1);
}

.INACTIVE {
    stroke: var(--iqser-grey-5);
    background-color: var(--iqser-grey-5);
}

.MANAGER,
.MANAGER_ADMIN {
    stroke: var(--iqser-primary);
    background-color: var(--iqser-primary);
}

.workload-separator {
    border-bottom: 1px solid var(--iqser-separator);
    min-height: 32px;
    box-sizing: border-box;
    padding: 0 10px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    background-color: var(--iqser-btn-bg);

    > div {
        display: flex;

        > div:not(:last-child) {
            margin-right: 8px;
        }
    }
}

.app-name {
    margin-left: 10px;
}
