.badge {
    border-radius: 16px;
    max-width: max-content;
}

.badge-gray {
    background-color: var(--color-gray-100);
    color: var(--text-high_em);
}

.badge-primary {
    background-color: var(--surface-primary_accent_1);
    color: var(--surface-primary);
}

.badge-warning {
    background-color: var(--color-warning-50); 
    color: var(--color-warning-700);
}

.badge-success {
    background-color: var(--surface-success_accent_1);
    color: var(--text-success_em);
}

.badge-error {
    background-color: var(--surface-danger_accent_1);
    color: var(--surface-danger);
}

.badge-new-or-draft {
    background-color: #e6e6e6;
    color: #2e2e2e;
}

.badge-waiting-for-prevalidation {
    background-color: #FFBF00;
    color: #342504;
}

.badge-waiting-for-corrections {
    background-color: #FF8800;
    color: #FFFFFF;
}

.badge-waiting-for-scheduling {
    background-color: #9A65F9 !important;
    color: #FFFFFF !important;
}

.badge-waiting-for-signature {
    background-color: #001F3F;
    color: #FFFFFF;
}

.badge-waiting-for-payment {
    border: 3px solid #FFBF00;
    background-color: transparent;
    color: #313131;
}

.badge-scheduled {
    background-color: #28A745;
    color: #FFFFFF;
}

.badge-in-work {
    background-color: #FF8800;
    color: #FFFFFF;
}

.badge-completed {
    border: 3px solid #28A745;
    background-color: transparent;
    color: #313131;
}

.badge-awaiting-payment-or-execution {
    background-color: #FFBF00;
    color: #342504;
}

.badge-in-review {
    border: 3px solid #007BFF;
    background-color: transparent;
    color: #313131;
}

.badge-issuing {
    background-color: #007BFF;
    color: #FFFFFF;
}

.badge-rejected {
    background-color: #DC3545;
    color: #FFFFFF;
}

.badge-ready {
    background-color: #28A745;
    color: #FFFFFF;
}

.badge-issued {
    border: 3px solid #28A745;
    background-color: transparent;
    color: #313131;
}


.badge-sm {
    font-size: 12px;
    font-weight: 500;
    line-height: 16px;
    padding: 2px 8px 2px 8px;
}

.badge-md {
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    padding: 2px 10px 2px 10px;
}

.badge-lg {
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    padding: 4px 12px 4px 12px;
}

.chip-dot {
    display: inline-block;
    min-width: 7px;
    max-width: 7px;
    height: 7px;
    border-radius: 50%;
}

.chip-dot-gray {
    background-color: var(--text-high_em);
}

.chip-dot-primary {
    background-color: var(--surface-primary);
}

.chip-dot-warning {
    background-color: var(--color-warning-700);
}

.chip-dot-success {
    background-color: var(--text-success_em);
}

.chip-dot-error {
    background-color: var(--surface-danger);
}