.badge-af-blue {
    background-color: #0d6efd !important;
    color: #fff !important;
}

/* Teal color for header badges and workflow (matching buttons/header background) */
:root {
    --af-teal: #297372;
}

/* Override green badges in header to use teal */
.badge.bg-success,
.badge.text-success.bg-success-subtle,
.badge.border-success-subtle.text-success {
    background-color: var(--af-teal) !important;
    color: #fff !important;
    border-color: var(--af-teal) !important;
}

.badge-af-green {
    background-color: var(--af-teal) !important;
    color: #fff !important;
}

/* Override green buttons to use teal */
.btn-success,
.btn.btn-success {
    background-color: var(--af-teal) !important;
    border-color: var(--af-teal) !important;
    color: #fff !important;
}

.btn-success:hover,
.btn-success:focus,
.btn-success:active,
.btn.btn-success:hover,
.btn.btn-success:focus,
.btn.btn-success:active {
    background-color: #205d5c !important;
    border-color: #205d5c !important;
    color: #fff !important;
}

/* Workflow stepper: apply teal to all green elements */

/* Workflow card left border */
.complaint-workflow-stepper,
.documentfolder-workflow-stepper,
.agenda-task-workflow-stepper {
    border-left-color: var(--af-teal) !important;
}

/* Completed step badges */
.complaint-workflow-stepper .badge.bg-success,
.documentfolder-workflow-stepper .badge.bg-success,
.agenda-task-workflow-stepper .badge.bg-success,
.complaint-workflow-stepper .badge-success,
.documentfolder-workflow-stepper .badge-success,
.agenda-task-workflow-stepper .badge-success {
    background-color: var(--af-teal) !important;
    color: #fff !important;
}

/* Active step badges */
.complaint-workflow-stepper .badge.bg-info,
.documentfolder-workflow-stepper .badge.bg-info,
.agenda-task-workflow-stepper .badge.bg-info,
.complaint-workflow-stepper .badge-info,
.documentfolder-workflow-stepper .badge-info,
.agenda-task-workflow-stepper .badge-info {
    background-color: var(--af-teal) !important;
    color: #fff !important;
}

/* Workflow green circles (completed steps) */
.complaint-workflow-stepper__circle--done,
.documentfolder-workflow-stepper__circle--done,
.agenda-task-workflow-stepper__circle--done {
    background-color: var(--af-teal) !important;
}

/* Workflow green circles (active steps) */
.complaint-workflow-stepper__circle--active,
.documentfolder-workflow-stepper__circle--active,
.agenda-task-workflow-stepper__circle--active {
    background-color: var(--af-teal) !important;
}

/* Workflow responsible person indicator */
.complaint-workflow-stepper__responsible,
.documentfolder-workflow-stepper__responsible {
    color: #fff !important;
    background: var(--af-teal) !important;
    border-left-color: var(--af-teal) !important;
}

/* Ensure text inside responsible person indicator is white */
.complaint-workflow-stepper__responsible *,
.documentfolder-workflow-stepper__responsible * {
    color: #fff !important;
}

/* Workflow legend icons */
.complaint-workflow-stepper__legend-icon--done,
.documentfolder-workflow-stepper__legend-icon--done,
.complaint-workflow-stepper__legend-icon--active,
.documentfolder-workflow-stepper__legend-icon--active,
.agenda-task-workflow-stepper__legend-dot--done,
.agenda-task-workflow-stepper__legend-dot--active {
    color: var(--af-teal) !important;
    background: var(--af-teal) !important;
}

/* Workflow progress bar */
.complaint-workflow-stepper__progress-fill,
.documentfolder-workflow-stepper__progress-fill,
.complaint-workflow-stepper__progress-fill--in-progress,
.documentfolder-workflow-stepper__progress-fill--in-progress,
.complaint-workflow-stepper__progress-fill--complete,
.documentfolder-workflow-stepper__progress-fill--complete {
    background: var(--af-teal) !important;
}

/* Workflow step cards - active state border */
.complaint-workflow-stepper__step--active,
.documentfolder-workflow-stepper__step--active,
.agenda-task-workflow-stepper__step--active {
    background: rgba(41, 115, 114, 0.04) !important;
    border-color: rgba(41, 115, 114, 0.25) !important;
    border-top-color: var(--af-teal) !important;
    box-shadow: 0 0 0 2px rgba(41, 115, 114, 0.08), 0 .125rem .25rem rgba(0, 0, 0, .04) !important;
}

/* Workflow green progress line */
.complaint-workflow-stepper__connector,
.documentfolder-workflow-stepper__connector {
    background: var(--af-teal) !important;
}