.optins-toolbar {
    display: flex;
    flex-direction: column;
    gap: 14px;
    margin-bottom: 12px;
    padding: 16px 20px;
    border-radius: var(--bs-border-radius-lg, 12px);
    background-color: color-mix(in srgb, var(--bs-primary, #0d6efd) 6%, var(--bs-body-bg, #fff));
}

.optins-toolbar__row {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 8px 12px;
    width: 100%;
}

.optins-toolbar__group {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 8px 12px;
}

.optins-toolbar__mainrow {
    flex-wrap: wrap;
    gap: 8px 10px;
    width: 100%;
}

    .optins-toolbar__mainrow .mud-input-control,
    .optins-toolbar__mainrow .mud-select,
    .optins-toolbar__mainrow .mud-picker {
        width: 100%;
        min-width: 0;
    }

    .optins-toolbar__mainrow .mud-input {
        height: 40px;
        min-height: 40px;
        background-color: var(--bs-body-bg, #fff) !important;
    }

    .optins-toolbar__mainrow .mud-input-control {
        margin-bottom: 0;
    }

    .optins-toolbar__mainrow .mud-input-control-helper-container,
    .optins-toolbar__mainrow .mud-input-helper-text {
        display: none;
    }

    .optins-toolbar__mainrow .mud-button-root {
        height: 40px;
    }

.optins-toolbar__subrow {
    width: 100%;
    gap: 8px 12px;
}

.optins-toolbar__actions {
    margin-left: auto;
}

.optins-toolbar__field {
    display: flex;
    align-items: center;
}

.optins-toolbar__field--search {
    flex: 1 1 220px;
    min-width: 180px;
    max-width: 340px;
}

    .optins-toolbar__field--search .optins-toolbar__search {
        width: 100%;
    }

.optins-toolbar__field--filter {
    flex: 1 1 150px;
    min-width: 130px;
}

.optins-toolbar__field--wide {
    flex: 1 1 180px;
    min-width: 150px;
}

.optins-toolbar__field--filters {
    flex: 0 0 auto;
}

.optins-filters {
    position: relative;
    flex: 0 0 auto;
}

.optins-filters__toggle {
    list-style: none;
    cursor: pointer;
    user-select: none;
    display: inline-flex;
    align-items: center;
    gap: 5px;
    height: 40px;
    padding: 0 12px;
    font-size: 0.8rem;
    color: var(--bs-body-color, #212529);
    border: 1px solid var(--bs-border-color, rgba(0,0,0,0.18));
    border-radius: var(--bs-border-radius, 8px);
    background: var(--bs-body-bg, #fff);
    white-space: nowrap;
}

    .optins-filters__toggle::-webkit-details-marker {
        display: none;
    }

    .optins-filters__toggle::marker {
        content: "";
    }

.optins-filters[open] .optins-filters__toggle {
    border-color: var(--bs-primary, #1d3c5c);
    color: var(--bs-primary, #1d3c5c);
}

.optins-filters__panel {
    position: absolute;
    top: calc(100% + 6px);
    right: 0;
    left: auto;
    z-index: 30;
    display: flex;
    flex-direction: column;
    gap: 14px;
    width: 360px;
    max-width: 88vw;
    padding: 18px;
    background: var(--bs-body-bg, #fff);
    border: 1px solid var(--bs-border-color, rgba(0,0,0,0.15));
    border-radius: var(--bs-border-radius-lg, 12px);
    box-shadow: 0 10px 30px rgba(0,0,0,0.14);
}

.optins-filters__field {
    flex: 1 1 180px;
    min-width: 0;
}

.optins-filters__field--wide {
    flex: 1 1 260px;
}

.optins-filters__panel .mud-input-control,
.optins-filters__panel .mud-select,
.optins-filters__panel .mud-picker {
    width: 100%;
    min-width: 0;
}

.optins-filters__section {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    width: 100%;
}

.optins-filters__section--toggles {
    flex-direction: column;
    align-items: flex-start;
    gap: 2px;
    padding-top: 12px;
    border-top: 1px solid var(--bs-border-color, rgba(0,0,0,0.12));
}

    .optins-filters__section--toggles .optins-toolbar__show-label {
        margin-bottom: 4px;
    }

.optins-toolbar__field--danger .mud-button-root {
    color: var(--bs-danger, #dc3545) !important;
    border-color: var(--bs-danger, #dc3545) !important;
    background-color: transparent !important;
}

    .optins-toolbar__field--danger .mud-button-root .mud-icon-root {
        color: var(--bs-danger, #dc3545) !important;
    }

    .optins-toolbar__field--danger .mud-button-root:hover {
        background-color: rgba(var(--bs-danger-rgb, 220,53,69), 0.08) !important;
    }

.optins-toolbar__field--primary .mud-button-root {
    background-color: var(--bs-primary, #1d3c5c) !important;
    border-color: var(--bs-primary, #1d3c5c) !important;
    color: var(--bs-white, #fff) !important;
}

    .optins-toolbar__field--primary .mud-button-root:hover {
        filter: brightness(0.92);
    }

    .optins-toolbar__field--primary .mud-button-root .mud-icon-root {
        color: var(--bs-white, #fff) !important;
    }

.optins-toolbar__show-label {
    font-size: 0.72rem;
    font-weight: 600;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: var(--bs-secondary-color, #6b7280);
    margin-right: 2px;
}

.optins-toolbar__toggles {
    gap: 4px 14px;
}

.optins-toolbar__actions-row {
    justify-content: flex-start;
    gap: 8px 12px;
    margin-bottom: 12px;
}

.optins-toolbar__search {
    width: 100%;
    height: 40px;
    padding: 0 12px 0 38px;
    border: 1px solid var(--bs-border-color, rgba(0,0,0,0.15));
    border-radius: var(--bs-border-radius, 8px) !important;
    background-color: var(--bs-body-bg, #fff);
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24' fill='none' stroke='%239aa3af' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><circle cx='11' cy='11' r='7'/><line x1='21' y1='21' x2='16.65' y2='16.65'/></svg>");
    background-repeat: no-repeat;
    background-position: 12px center;
    color: var(--bs-body-color, #212529);
    font-size: 0.9rem;
    outline: none;
}

    .optins-toolbar__search:focus {
        border-color: var(--bs-primary, #1d3c5c);
    }

    .optins-toolbar__search::placeholder {
        color: var(--bs-secondary-color, #9aa3af);
    }

.optins-grid {
    border: 1px solid var(--bs-border-color, rgba(0,0,0,0.12));
    border-radius: var(--bs-border-radius-lg, 12px);
    overflow: hidden;
}

    .optins-grid .mud-table-head,
    .optins-grid .mud-table-head tr {
        background-color: color-mix(in srgb, var(--bs-primary, #0d6efd) 8%, var(--bs-body-bg, #fff)) !important;
    }

        .optins-grid .mud-table-head .mud-table-cell {
            background-color: color-mix(in srgb, var(--bs-primary, #0d6efd) 8%, var(--bs-body-bg, #fff)) !important;
            text-transform: uppercase;
            font-size: 0.72rem;
            letter-spacing: 0.04em;
            font-weight: 600;
            color: var(--bs-secondary-color, #6b7280);
            white-space: nowrap;
            vertical-align: middle;
        }

    .optins-grid .mud-table-body .mud-table-cell {
        padding-top: 6px;
        padding-bottom: 6px;
        font-size: 0.82rem;
        vertical-align: middle;
    }

    .optins-grid .mud-table-body .mud-table-row:hover {
        background-color: rgba(var(--bs-primary-rgb, 13,110,253), 0.12) !important;
    }

    .optins-grid .mud-table-head [class*="sticky-left"] {
        background-color: color-mix(in srgb, var(--bs-primary, #0d6efd) 8%, var(--bs-body-bg, #fff)) !important;
    }

    .optins-grid .mud-table-body [class*="sticky-left"] {
        background-color: var(--bs-body-bg, #fff) !important;
    }

    .optins-grid .mud-table-body .mud-table-row:hover [class*="sticky-left"] {
        background-color: color-mix(in srgb, var(--bs-primary, #0d6efd) 12%, var(--bs-body-bg, #fff)) !important;
    }

.optins-actions-cell {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 6px;
    min-width: 300px;
}

.optins-actions-cell__row {
    display: flex;
    align-items: center;
    flex-wrap: nowrap;
    gap: 6px;
}

.optins-actions-cell__select {
    width: 150px;
    flex: 0 0 auto;
}

    .optins-actions-cell__select .mud-input-control {
        margin: 0;
        font-size: 0.78rem;
    }

    .optins-actions-cell__select .mud-input-control-helper-container,
    .optins-actions-cell__select .mud-input-helper-text {
        display: none;
    }

    .optins-actions-cell__select .mud-input {
        min-height: 32px;
        height: 32px;
        background-color: var(--bs-body-bg, #fff);
        border-radius: var(--bs-border-radius, 6px);
    }

    .optins-actions-cell__select .mud-input-slot,
    .optins-actions-cell__select .mud-select-input {
        display: flex;
        align-items: center;
        height: 32px;
        min-height: 32px;
        padding-top: 0;
        padding-bottom: 0;
    }

.optins-actions-cell .optins-action-icon {
    height: 32px;
    width: 32px;
    padding: 5px;
    border-radius: var(--bs-border-radius, 6px);
    background-color: var(--bs-body-bg, #fff) !important;
    border: 1px solid currentColor !important;
}

.optins-actions-cell__row .mud-checkbox {
    margin: 0;
    position: relative;
    top: 6px;
}

.optins-select-popover .mud-list-item {
    padding-top: 4px;
    padding-bottom: 4px;
    min-height: 0;
}

    .optins-select-popover .mud-list-item .mud-list-item-text,
    .optins-select-popover .mud-list-item-text {
        font-size: 0.85rem;
        display: flex;
        align-items: center;
    }

.optins-status {
    display: inline-block;
    padding: 2px 10px;
    border-radius: 999px;
    font-size: 0.78rem;
    font-weight: 600;
    line-height: 1.6;
    background: var(--bs-secondary-bg, #e9ecef);
    color: var(--bs-secondary-color, #495057);
}

    .optins-status::before {
        content: '';
        display: inline-block;
        width: 7px;
        height: 7px;
        border-radius: 50%;
        margin-right: 6px;
        vertical-align: middle;
        background: currentColor;
    }

.optins-status--approved {
    background: rgba(25,135,84,0.12);
    color: var(--bs-success, #198754);
}

.optins-status--pending {
    background: rgba(255,193,7,0.16);
    color: #a07700;
}

.optins-status--partial-refund {
    background: rgba(255,193,7,0.16);
    color: #a07700;
}

.optins-status--refunded {
    background: var(--bs-secondary-bg, #e9ecef);
    color: var(--bs-secondary-color, #6c757d);
}

.optins-status--rejected {
    background: rgba(220,53,69,0.12);
    color: var(--bs-danger, #dc3545);
}

.optins-status--already-enrolled {
    background: rgba(13,110,253,0.12);
    color: var(--bs-primary, #0d6efd);
}

.optins-bulkbar {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 12px;
    padding: 10px 16px;
    margin-bottom: 12px;
    border-radius: var(--bs-border-radius, 8px);
    background: var(--bs-primary, #1d3c5c);
    color: var(--bs-white, #fff);
}

.optins-bulkbar__count {
    font-weight: 600;
}

.optins-bulkbar__sep {
    align-self: stretch;
    width: 1px;
    background: rgba(255,255,255,0.25);
}

.optins-bulkbar__select {
    width: 240px;
}

.optins-bulkbar .mud-button-root {
    color: var(--bs-white, #fff) !important;
    border-color: rgba(255,255,255,0.45) !important;
}

    .optins-bulkbar .mud-button-root .mud-icon-root {
        color: var(--bs-white, #fff) !important;
    }

.optins-bulkbar .mud-input-slot,
.optins-bulkbar .mud-select-input,
.optins-bulkbar .mud-input-label {
    color: var(--bs-white, #fff) !important;
}

.optins-bulkbar .mud-input-outlined-border {
    border-color: rgba(255,255,255,0.45) !important;
}

.optins-bulkbar__close {
    margin-left: auto;
    background: none;
    border: none;
    color: var(--bs-white, #fff);
    cursor: pointer;
    font-size: 1.2rem;
    line-height: 1;
}

.optouts-toolbar {
    display: flex;
    flex-direction: column;
    gap: 14px;
    margin-bottom: 12px;
    padding: 16px 20px;
    border-radius: var(--bs-border-radius-lg, 12px);
    background-color: color-mix(in srgb, var(--bs-primary, #0d6efd) 6%, var(--bs-body-bg, #fff));
}

.optouts-toolbar__row {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 8px 12px;
    width: 100%;
}

.optouts-toolbar__group {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 8px 12px;
}

.optouts-toolbar__mainrow {
    flex-wrap: wrap;
    gap: 8px 10px;
    width: 100%;
}

    .optouts-toolbar__mainrow .mud-input-control,
    .optouts-toolbar__mainrow .mud-select,
    .optouts-toolbar__mainrow .mud-picker {
        width: 100%;
        min-width: 0;
    }

    .optouts-toolbar__mainrow .mud-input {
        height: 40px;
        min-height: 40px;
        background-color: var(--bs-body-bg, #fff) !important;
    }

    .optouts-toolbar__mainrow .mud-input-control {
        margin-bottom: 0;
    }

    .optouts-toolbar__mainrow .mud-input-control-helper-container,
    .optouts-toolbar__mainrow .mud-input-helper-text {
        display: none;
    }

    .optouts-toolbar__mainrow .mud-button-root {
        height: 40px;
    }

.optouts-toolbar__subrow {
    width: 100%;
    gap: 8px 12px;
}

.optouts-toolbar__actions {
    margin-left: auto;
}

.optouts-toolbar__field {
    display: flex;
    align-items: center;
}

.optouts-toolbar__field--search {
    flex: 1 1 220px;
    min-width: 180px;
    max-width: 340px;
}

    .optouts-toolbar__field--search .optouts-toolbar__search {
        width: 100%;
    }

.optouts-toolbar__field--filter {
    flex: 1 1 150px;
    min-width: 130px;
}

.optouts-toolbar__field--wide {
    flex: 1 1 180px;
    min-width: 150px;
}

.optouts-toolbar__field--filters {
    flex: 0 0 auto;
}

.optouts-filters {
    position: relative;
    flex: 0 0 auto;
}

.optouts-filters__toggle {
    list-style: none;
    cursor: pointer;
    user-select: none;
    display: inline-flex;
    align-items: center;
    gap: 5px;
    height: 40px;
    padding: 0 12px;
    font-size: 0.8rem;
    color: var(--bs-body-color, #212529);
    border: 1px solid var(--bs-border-color, rgba(0,0,0,0.18));
    border-radius: var(--bs-border-radius, 8px);
    background: var(--bs-body-bg, #fff);
    white-space: nowrap;
}

    .optouts-filters__toggle::-webkit-details-marker {
        display: none;
    }

    .optouts-filters__toggle::marker {
        content: "";
    }

.optouts-filters[open] .optouts-filters__toggle {
    border-color: var(--bs-primary, #1d3c5c);
    color: var(--bs-primary, #1d3c5c);
}

.optouts-filters__panel {
    position: absolute;
    top: calc(100% + 6px);
    right: 0;
    left: auto;
    z-index: 30;
    display: flex;
    flex-direction: column;
    gap: 14px;
    width: 600px;
    max-width: 88vw;
    padding: 18px;
    background: var(--bs-body-bg, #fff);
    border: 1px solid var(--bs-border-color, rgba(0,0,0,0.15));
    border-radius: var(--bs-border-radius-lg, 12px);
    box-shadow: 0 10px 30px rgba(0,0,0,0.14);
}

.optouts-filters__field {
    flex: 1 1 180px;
    min-width: 0;
}

.optouts-filters__field--wide {
    flex: 1 1 260px;
}

.optouts-filters__panel .mud-input-control,
.optouts-filters__panel .mud-select,
.optouts-filters__panel .mud-picker {
    width: 100%;
    min-width: 0;
}

.optouts-filters__section {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    width: 100%;
}

.optouts-filters__section--toggles {
    flex-direction: column;
    align-items: flex-start;
    gap: 2px;
    padding-top: 12px;
    border-top: 1px solid var(--bs-border-color, rgba(0,0,0,0.12));
}

    .optouts-filters__section--toggles .optouts-toolbar__show-label {
        margin-bottom: 4px;
    }

.optouts-toolbar__field--danger .mud-button-root {
    color: var(--bs-danger, #dc3545) !important;
    border-color: var(--bs-danger, #dc3545) !important;
    background-color: transparent !important;
}

    .optouts-toolbar__field--danger .mud-button-root .mud-icon-root {
        color: var(--bs-danger, #dc3545) !important;
    }

    .optouts-toolbar__field--danger .mud-button-root:hover {
        background-color: rgba(var(--bs-danger-rgb, 220,53,69), 0.08) !important;
    }

.optouts-toolbar__field--primary .mud-button-root {
    background-color: var(--bs-primary, #1d3c5c) !important;
    border-color: var(--bs-primary, #1d3c5c) !important;
    color: var(--bs-white, #fff) !important;
}

    .optouts-toolbar__field--primary .mud-button-root:hover {
        filter: brightness(0.92);
    }

    .optouts-toolbar__field--primary .mud-button-root .mud-icon-root {
        color: var(--bs-white, #fff) !important;
    }

.optouts-toolbar__show-label {
    font-size: 0.72rem;
    font-weight: 600;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: var(--bs-secondary-color, #6b7280);
    margin-right: 2px;
}

.optouts-toolbar__toggles {
    gap: 4px 14px;
}

.optouts-toolbar__actions-row {
    justify-content: flex-start;
    gap: 8px 12px;
    margin-bottom: 12px;
}

.optouts-toolbar__search {
    width: 100%;
    height: 40px;
    padding: 0 12px 0 38px;
    border: 1px solid var(--bs-border-color, rgba(0,0,0,0.15));
    border-radius: var(--bs-border-radius, 8px) !important;
    background-color: var(--bs-body-bg, #fff);
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24' fill='none' stroke='%239aa3af' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><circle cx='11' cy='11' r='7'/><line x1='21' y1='21' x2='16.65' y2='16.65'/></svg>");
    background-repeat: no-repeat;
    background-position: 12px center;
    color: var(--bs-body-color, #212529);
    font-size: 0.9rem;
    outline: none;
}

    .optouts-toolbar__search:focus {
        border-color: var(--bs-primary, #1d3c5c);
    }

    .optouts-toolbar__search::placeholder {
        color: var(--bs-secondary-color, #9aa3af);
    }

.optouts-grid {
    border: 1px solid var(--bs-border-color, rgba(0,0,0,0.12));
    border-radius: var(--bs-border-radius-lg, 12px);
    overflow: hidden;
}

    .optouts-grid .mud-table-head,
    .optouts-grid .mud-table-head tr {
        background-color: color-mix(in srgb, var(--bs-primary, #0d6efd) 8%, var(--bs-body-bg, #fff)) !important;
    }

        .optouts-grid .mud-table-head .mud-table-cell {
            background-color: color-mix(in srgb, var(--bs-primary, #0d6efd) 8%, var(--bs-body-bg, #fff)) !important;
            text-transform: uppercase;
            font-size: 0.72rem;
            letter-spacing: 0.04em;
            font-weight: 600;
            color: var(--bs-secondary-color, #6b7280);
            white-space: nowrap;
            vertical-align: middle;
        }

    .optouts-grid .mud-table-body .mud-table-cell {
        padding-top: 6px;
        padding-bottom: 6px;
        font-size: 0.82rem;
        vertical-align: middle;
    }

    .optouts-grid .mud-table-body .mud-table-row:hover {
        background-color: rgba(var(--bs-primary-rgb, 13,110,253), 0.12) !important;
    }

    .optouts-grid .mud-table-head [class*="sticky-left"] {
        background-color: color-mix(in srgb, var(--bs-primary, #0d6efd) 8%, var(--bs-body-bg, #fff)) !important;
    }

    .optouts-grid .mud-table-body [class*="sticky-left"] {
        background-color: var(--bs-body-bg, #fff) !important;
    }

    .optouts-grid .mud-table-body .mud-table-row:hover [class*="sticky-left"] {
        background-color: color-mix(in srgb, var(--bs-primary, #0d6efd) 12%, var(--bs-body-bg, #fff)) !important;
    }

.optouts-actions-cell {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 6px;
    min-width: 300px;
}

.optouts-actions-cell__row {
    display: flex;
    align-items: center;
    flex-wrap: nowrap;
    gap: 6px;
}

.optouts-actions-cell__select {
    width: 150px;
    flex: 0 0 auto;
}

    .optouts-actions-cell__select .mud-input-control {
        margin: 0;
        font-size: 0.78rem;
    }

    .optouts-actions-cell__select .mud-input-control-helper-container,
    .optouts-actions-cell__select .mud-input-helper-text {
        display: none;
    }

    .optouts-actions-cell__select .mud-input {
        min-height: 32px;
        height: 32px;
        background-color: var(--bs-body-bg, #fff);
        border-radius: var(--bs-border-radius, 6px);
    }

    .optouts-actions-cell__select .mud-input-slot,
    .optouts-actions-cell__select .mud-select-input {
        display: flex;
        align-items: center;
        height: 32px;
        min-height: 32px;
        padding-top: 0;
        padding-bottom: 0;
    }

.optouts-actions-cell .optouts-action-icon {
    height: 32px;
    width: 32px;
    padding: 5px;
    border-radius: var(--bs-border-radius, 6px);
    background-color: var(--bs-body-bg, #fff) !important;
    border: 1px solid currentColor !important;
}

.optouts-actions-cell__row .mud-checkbox {
    margin: 0;
    position: relative;
    top: 6px;
}

.optouts-actions-cell__nofiles {
    font-size: 0.72rem;
    color: var(--bs-secondary-color, #6b7280);
    padding-left: 2px;
}

/* record status + resend confirmation cell */
.optouts-recordstatus-cell {
    display: flex;
    align-items: center;
    flex-wrap: nowrap;
    gap: 8px;
}

.optouts-recordstatus-cell__select {
    width: 170px;
    flex: 0 0 auto;
}

    .optouts-recordstatus-cell__select .mud-input-control {
        margin: 0;
    }

    .optouts-recordstatus-cell__select .mud-input-control-helper-container,
    .optouts-recordstatus-cell__select .mud-input-helper-text {
        display: none;
    }

    .optouts-recordstatus-cell__select .mud-input {
        min-height: 32px;
        height: 32px;
        background-color: var(--bs-body-bg, #fff);
        border-radius: var(--bs-border-radius, 6px);
    }

    .optouts-recordstatus-cell__select .mud-input-slot,
    .optouts-recordstatus-cell__select .mud-select-input {
        display: flex;
        align-items: center;
        height: 32px;
        min-height: 32px;
        padding-top: 0;
        padding-bottom: 0;
    }

.optouts-recordstatus-cell .optouts-action-icon {
    height: 32px;
    width: 32px;
    padding: 5px;
    border-radius: var(--bs-border-radius, 6px);
    background-color: var(--bs-body-bg, #fff) !important;
    border: 1px solid currentColor !important;
}

.optouts-select-popover .mud-list-item {
    padding-top: 4px;
    padding-bottom: 4px;
    min-height: 0;
}

    .optouts-select-popover .mud-list-item .mud-list-item-text,
    .optouts-select-popover .mud-list-item-text {
        font-size: 0.85rem;
        display: flex;
        align-items: center;
    }

.optouts-status {
    display: inline-block;
    padding: 2px 10px;
    border-radius: 999px;
    font-size: 0.78rem;
    font-weight: 600;
    line-height: 1.6;
    background: var(--bs-secondary-bg, #e9ecef);
    color: var(--bs-secondary-color, #495057);
}

    .optouts-status::before {
        content: '';
        display: inline-block;
        width: 7px;
        height: 7px;
        border-radius: 50%;
        margin-right: 6px;
        vertical-align: middle;
        background: currentColor;
    }

.optouts-status--accepted {
    background: rgba(25,135,84,0.12);
    color: var(--bs-success, #198754);
}

.optouts-status--approved {
    background: rgba(25,135,84,0.12);
    color: var(--bs-success, #198754);
}

.optouts-status--pending {
    background: rgba(255,193,7,0.16);
    color: #a07700;
}

.optouts-status--pending-more-information {
    background: rgba(255,193,7,0.16);
    color: #a07700;
}

.optouts-status--declined {
    background: rgba(220,53,69,0.12);
    color: var(--bs-danger, #dc3545);
}

.optouts-status--rejected {
    background: rgba(220,53,69,0.12);
    color: var(--bs-danger, #dc3545);
}

.optouts-status--terminated {
    background: var(--bs-secondary-bg, #e9ecef);
    color: var(--bs-secondary-color, #6c757d);
}

.optouts-bulkbar {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 12px;
    padding: 10px 16px;
    margin-bottom: 12px;
    border-radius: var(--bs-border-radius, 8px);
    background: var(--bs-primary, #1d3c5c);
    color: var(--bs-white, #fff);
}

.optouts-bulkbar__count {
    font-weight: 600;
}

.optouts-bulkbar__sep {
    align-self: stretch;
    width: 1px;
    background: rgba(255,255,255,0.25);
}

.optouts-bulkbar__select {
    width: 240px;
}

.optouts-bulkbar .mud-button-root {
    color: var(--bs-white, #fff) !important;
    border-color: rgba(255,255,255,0.45) !important;
}

    .optouts-bulkbar .mud-button-root .mud-icon-root {
        color: var(--bs-white, #fff) !important;
    }

.optouts-bulkbar .mud-input-slot,
.optouts-bulkbar .mud-select-input,
.optouts-bulkbar .mud-input-label {
    color: var(--bs-white, #fff) !important;
}

.optouts-bulkbar .mud-input-outlined-border {
    border-color: rgba(255,255,255,0.45) !important;
}

.optouts-bulkbar__close {
    margin-left: auto;
    background: none;
    border: none;
    color: var(--bs-white, #fff);
    cursor: pointer;
    font-size: 1.2rem;
    line-height: 1;
}