.work-action {
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
}

.btn.work-action--queue {
    --bs-btn-color: #285f83;
    --bs-btn-border-color: #7da9c3;
    --bs-btn-hover-color: #1f4d6b;
    --bs-btn-hover-bg: #e8f3f9;
    --bs-btn-hover-border-color: #5c94b5;
    --bs-btn-active-color: #1f4d6b;
    --bs-btn-active-bg: #dcecf5;
    --bs-btn-active-border-color: #5c94b5;
}

.btn.work-action--queue.is-queue-limit-disabled {
    --bs-btn-disabled-color: #6c757d;
    --bs-btn-disabled-bg: #e9ecef;
    --bs-btn-disabled-border-color: #adb5bd;
    opacity: 1;
}

.btn.work-action--ai-blocking {
    --bs-btn-color: #fff;
    --bs-btn-bg: #6f42c1;
    --bs-btn-border-color: #6f42c1;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #5f36aa;
    --bs-btn-hover-border-color: #5932a0;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #5932a0;
    --bs-btn-active-border-color: #512e92;
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #6f42c1;
    --bs-btn-disabled-border-color: #6f42c1;
    box-shadow: 0 0.125rem 0.35rem rgba(111, 66, 193, 0.22);
}

.btn.work-action--external-wait {
    --bs-btn-color: #7a4b00;
    --bs-btn-border-color: #d5a84d;
    --bs-btn-hover-color: #5f3a00;
    --bs-btn-hover-bg: #fff4d6;
    --bs-btn-hover-border-color: #c59536;
}

.btn.work-action--hybrid {
    --bs-btn-color: #12645a;
    --bs-btn-border-color: #65aa9e;
    --bs-btn-hover-color: #0e5149;
    --bs-btn-hover-bg: #e2f4f1;
    --bs-btn-hover-border-color: #4b998c;
}

.work-action.is-pending {
    cursor: progress;
    pointer-events: none;
}

.work-action-wait-modal {
    z-index: 2000;
}

.work-action-wait-modal + .modal-backdrop,
body.work-action-blocked .modal-backdrop:last-of-type {
    z-index: 1990;
}

.work-action-wait-modal__icon {
    display: inline-grid;
    width: 3.5rem;
    height: 3.5rem;
    place-items: center;
    border-radius: 50%;
    color: #6f42c1;
    background: rgba(111, 66, 193, 0.12);
    font-size: 1.5rem;
}

body.work-action-blocked {
    cursor: progress;
}

.js-kw-suggest-open {
    color: #5f36aa !important;
    border-color: rgba(111, 66, 193, 0.4) !important;
    background: rgba(111, 66, 193, 0.1) !important;
}

@media (prefers-reduced-motion: reduce) {
    .work-action-wait-modal .spinner-border {
        animation-duration: 1.5s;
    }
}