@layer components {
	.rida-contact-link {
		display: inline;
		margin: 0;
		padding: 0;
		border: 0;
		background: transparent;
		color: var(--blue);
		font: inherit;
		text-align: left;
		text-decoration: none;
		cursor: pointer;
	}

	.rida-contact-link:hover,
	.rida-contact-link:focus-visible {
		color: var(--blue);
		text-decoration: underline;
		text-underline-offset: 3px;
		outline: none;
	}


    /* Simplified Layout for the requested section */
    .table-component {
        padding: var(--spacing-sm);
        display: flex;
        flex-direction: column;
        height: 100%;
        min-width: 0;
        width: 100%;
        box-sizing: border-box;
    }

    /* Page Header */
    .page-header {
        display: flex;
        justify-content: space-between;
        align-items: flex-start;
        margin-bottom: var(--spacing-sm);
        min-width: 0;
    }

    .header-left h1 {
        margin: 0;
        font-size: 1.8rem;
        font-weight: 900;
        text-transform: uppercase;
        letter-spacing: 0.05em;
        font-family: var(--font-heading), sans-serif;
        line-height: 1;
        overflow-wrap: anywhere;
    }

    .breadcrumbs {
        font-size: 12px;
        color: var(--color-gray-300);
        margin-top: 4px;
    }

    .header-actions {
        display: flex;
        gap: 12px;
        align-items: center;
        flex-wrap: wrap;
        justify-content: flex-end;
    }

    [data-table-component="prospects"] .household-bulk-action-bar {
        display: flex;
        align-items: center;
        gap: var(--spacing-md);
        min-height: 42px;
        margin-bottom: 0;
        padding: 8px 12px;
        border: 1px solid var(--table-border);
        border-bottom: 0;
        border-radius: var(--radius-md) var(--radius-md) 0 0;
        background: color-mix(in srgb, var(--blue) 8%, var(--surface));
        color: var(--text);
        box-sizing: border-box;
    }

    [data-table-component="prospects"] .household-bulk-action-bar[hidden] {
        display: none;
    }

    [data-table-component="prospects"] .household-bulk-summary,
    [data-table-component="prospects"] .household-bulk-actions {
        display: inline-flex;
        align-items: center;
        gap: 12px;
        min-width: 0;
    }

    [data-table-component="prospects"] .household-bulk-summary {
        flex: 0 0 auto;
        font-size: 13px;
        font-weight: 700;
        white-space: nowrap;
    }

    [data-table-component="prospects"] .household-bulk-actions {
        flex: 1 1 auto;
        flex-wrap: wrap;
    }

    [data-table-component="prospects"] .household-bulk-action,
    [data-table-component="prospects"] .household-bulk-close {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        gap: 6px;
        min-height: 28px;
        border: 0;
        border-radius: var(--radius-sm);
        background: transparent;
        color: var(--blue);
        font: 700 12px/1 var(--font-main), sans-serif;
        cursor: pointer;
    }

    [data-table-component="prospects"] .household-bulk-action {
        padding: 0 6px;
    }

    [data-table-component="prospects"] .household-bulk-clear[hidden] {
        display: none;
    }

    [data-table-component="prospects"] .household-bulk-action:hover,
    [data-table-component="prospects"] .household-bulk-action:focus,
    [data-table-component="prospects"] .household-bulk-close:hover,
    [data-table-component="prospects"] .household-bulk-close:focus {
        background: color-mix(in srgb, var(--blue) 12%, transparent);
        outline: none;
    }

    [data-table-component="prospects"] .household-bulk-clear {
        margin-left: 2px;
    }

    [data-table-component="prospects"] .household-bulk-close {
        flex: 0 0 auto;
        width: 30px;
        height: 30px;
        margin-left: auto;
        color: var(--text);
    }

    [data-table-component="prospects"] .household-bulk-mode-toggle {
        border-radius: var(--radius-full);
    }

    [data-table-component="prospects"] .household-bulk-mode-toggle.is-active {
        background: color-mix(in srgb, var(--blue) 14%, transparent);
        color: var(--blue);
        opacity: 1;
    }

    .household-campaign-modal {
        position: fixed;
        inset: 0;
        z-index: 1000;
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 24px;
        box-sizing: border-box;
    }

    .household-campaign-modal[hidden] {
        display: none;
    }

    .household-campaign-modal__backdrop {
        position: absolute;
        inset: 0;
        background: var(--modal-backdrop);
        backdrop-filter: blur(3px);
        -webkit-backdrop-filter: blur(3px);
    }

    .household-campaign-modal__dialog {
        position: relative;
        width: min(450px, 100%);
        z-index: 1;
    }

    .household-campaign-modal__body {
        display: block;
    }

    .household-campaign-step {
        display: none;
    }

    .household-campaign-step.is-active {
        display: grid;
        gap: 12px;
    }

    .household-campaign-options {
        display: grid;
        gap: 10px;
    }

    .household-campaign-option {
        width: 100%;
        display: grid;
        grid-template-columns: auto 1fr auto;
        align-items: start;
        gap: 12px;
        padding: 12px;
        border: 2px solid color-mix(in srgb, var(--table-border) 92%, transparent);
        border-radius: var(--radius-md);
        background: var(--surface);
        text-align: left;
        cursor: pointer;
        transition: border-color 0.2s ease, box-shadow 0.2s ease, background-color 0.2s ease;
    }

    .household-campaign-option:hover {
        border-color: color-mix(in srgb, var(--blue) 36%, var(--table-border));
    }

    .household-campaign-option.is-selected {
        border-color: color-mix(in srgb, var(--blue) 85%, white);
        box-shadow: 0 0 0 2px color-mix(in srgb, var(--blue) 12%, transparent);
        background: color-mix(in srgb, var(--blue) 6%, var(--surface));
    }

    .household-campaign-option__icon {
        width: 40px;
        height: 40px;
        border-radius: var(--radius-md);
        display: inline-flex;
        align-items: center;
        justify-content: center;
        background: color-mix(in srgb, var(--table-border) 70%, white);
        color: var(--color-gray-300);
        font-size: 18px;
        flex-shrink: 0;
    }

    .household-campaign-option.is-selected .household-campaign-option__icon {
        background: var(--blue);
        color: var(--color-white);
    }

    .household-campaign-option__title {
        display: block;
        margin-top: 2px;
        font: 800 16px/1.15 var(--font-main), sans-serif;
        color: var(--text);
    }

    .household-campaign-option__description {
        display: block;
        margin-top: 4px;
        max-width: 560px;
        color: var(--color-gray-300);
        font: 500 13px/1.4 var(--font-main), sans-serif;
    }

    .household-campaign-option__badges {
        display: inline-flex;
        gap: 6px;
        flex-wrap: wrap;
        margin-top: 8px;
    }

    .household-campaign-option__badge {
        border-radius: var(--radius-full);
        padding: 4px 10px;
        font: 800 11px/1 var(--font-main), sans-serif;
    }

    .household-campaign-option__badge--green {
        background: var(--alpha-green);
        color: var(--green);
    }

    .household-campaign-option__badge--purple {
        background: var(--alpha-purple);
        color: var(--purple);
    }

    .household-campaign-option__badge--blue {
        background: var(--alpha-blue);
        color: var(--blue);
    }

    .household-campaign-option__indicator {
        width: 24px;
        height: 24px;
        border: 3px solid color-mix(in srgb, var(--color-gray-300) 42%, white);
        border-radius: 50%;
        margin-top: 2px;
        position: relative;
        flex-shrink: 0;
    }

    .household-campaign-option.is-selected .household-campaign-option__indicator {
        border-color: color-mix(in srgb, var(--blue) 85%, white);
    }

    .household-campaign-option.is-selected .household-campaign-option__indicator::after {
        content: '';
        width: 10px;
        height: 10px;
        border-radius: 50%;
        background: color-mix(in srgb, var(--blue) 85%, white);
        position: absolute;
        inset: 0;
        margin: auto;
    }

    .household-campaign-modal__footer {
        flex: 0 0 auto;
    }

    .household-campaign-modal__footer .button i {
        font-size: 0.8em;
    }

    .household-campaign-audience-options {
        display: grid;
        gap: 10px;
        margin-top: 0;
    }

    .household-campaign-audience-option {
        width: 100%;
        display: grid;
        grid-template-columns: auto 1fr;
        align-items: flex-start;
        gap: 12px;
        padding: 14px 16px;
        border: 2px solid color-mix(in srgb, var(--table-border) 92%, transparent);
        border-radius: var(--radius-md);
        background: var(--surface);
        text-align: left;
        cursor: pointer;
        transition: border-color 0.2s ease, box-shadow 0.2s ease, background-color 0.2s ease;
    }

    .household-campaign-audience-option:hover {
        border-color: color-mix(in srgb, var(--blue) 36%, var(--table-border));
    }

    .household-campaign-audience-option.is-selected {
        border-color: color-mix(in srgb, var(--blue) 85%, white);
        box-shadow: 0 0 0 2px color-mix(in srgb, var(--blue) 12%, transparent);
        background: color-mix(in srgb, var(--blue) 6%, var(--surface));
    }

    .household-campaign-audience-option__indicator {
        width: 24px;
        height: 24px;
        border: 4px solid color-mix(in srgb, var(--color-gray-300) 42%, white);
        border-radius: 50%;
        margin-top: 2px;
        position: relative;
        flex-shrink: 0;
    }

    .household-campaign-audience-option.is-selected .household-campaign-audience-option__indicator {
        border-color: color-mix(in srgb, var(--blue) 85%, white);
    }

    .household-campaign-audience-option.is-selected .household-campaign-audience-option__indicator::after {
        content: '';
        width: 10px;
        height: 10px;
        border-radius: 50%;
        background: color-mix(in srgb, var(--blue) 85%, white);
        position: absolute;
        inset: 0;
        margin: auto;
    }

    .household-campaign-audience-option__title {
        display: block;
        margin-top: 1px;
        font: 800 16px/1.25 var(--font-main), sans-serif;
        color: var(--text);
    }

    .household-campaign-audience-option__count {
        color: var(--color-gray-300);
        font-weight: 700;
    }

    .household-campaign-audience-option__description {
        display: block;
        margin-top: 6px;
        color: var(--color-gray-300);
        font: 600 13px/1.4 var(--font-main), sans-serif;
    }

    .household-campaign-wizard {
        position: fixed;
        inset: 0;
        z-index: 1001;
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 24px;
        box-sizing: border-box;
    }

    .household-campaign-wizard[hidden] {
        display: none;
    }

    .household-campaign-wizard__backdrop {
        position: absolute;
        inset: 0;
        background: var(--modal-backdrop);
        backdrop-filter: blur(3px);
        -webkit-backdrop-filter: blur(3px);
    }

    .household-campaign-wizard__dialog {
        position: relative;
        z-index: 1;
        width: min(960px, 100%);
        height: min(680px, calc(100vh - 48px));
        min-height: 560px;
        display: flex;
        flex-direction: column;
    }

    .household-campaign-wizard__method-icon {
        width: 46px;
        height: 46px;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        flex-shrink: 0;
        border-radius: var(--radius-full);
        background: var(--blue);
        color: var(--color-white);
        font-size: 20px;
    }

    .household-campaign-wizard__heading {
        display: grid;
        gap: 2px;
        min-width: 0;
    }

    .household-campaign-wizard__stepper {
        padding: 18px 30px;
        border-bottom: 1px solid var(--table-border);
        background: var(--surface);
    }

    .household-campaign-wizard__stepper ol {
        max-width: 670px;
        display: grid;
        grid-template-columns: repeat(3, minmax(0, 1fr));
        align-items: center;
        gap: 20px;
        margin: 0;
        padding: 0;
        list-style: none;
    }

    .household-campaign-wizard__stepper li {
        min-width: 0;
        display: flex;
        align-items: center;
        gap: 10px;
        color: var(--color-gray-300);
        font: 700 16px/1 var(--font-main), sans-serif;
    }

    .household-campaign-wizard__stepper li:not(:last-child)::after {
        content: '';
        min-width: 28px;
        height: 1px;
        flex: 1;
        margin-left: 8px;
        background: var(--table-border);
    }

    .household-campaign-wizard__stepper li.is-active {
        color: var(--text);
    }

    .household-campaign-wizard__step-number {
        width: 38px;
        height: 38px;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        flex: 0 0 38px;
        border-radius: var(--radius-full);
        background: var(--elevation);
        color: var(--color-gray-300);
    }

    .household-campaign-wizard__stepper li.is-active .household-campaign-wizard__step-number {
        background: var(--blue);
        color: #fff;
        box-shadow: 0 0 0 5px color-mix(in srgb, var(--blue) 16%, transparent);
    }

    .household-campaign-wizard__stepper li.is-complete {
        color: var(--blue);
    }

    .household-campaign-wizard__stepper li.is-complete::after,
    .household-campaign-wizard__stepper li.is-complete .household-campaign-wizard__step-number {
        background: var(--blue);
        color: #fff;
    }

    .household-campaign-wizard__body {
        min-height: 0;
        display: flex;
        flex: 1;
        flex-direction: column;
        gap: 20px;
        overflow-y: auto;
        padding: 30px;
        background: color-mix(in srgb, var(--surface) 96%, var(--blue));
    }

    .household-campaign-wizard__step-panel {
        display: grid;
        gap: 20px;
    }

    .household-campaign-wizard__step-panel[hidden],
    .household-campaign-wizard__message[hidden] {
        display: none;
    }

    .household-campaign-wizard__intro h3 {
        margin: 0;
        color: var(--text);
        font: 800 24px/1.2 var(--font-heading), sans-serif;
    }

    .household-campaign-wizard__intro p {
        margin: 8px 0 0;
        color: var(--color-gray-300);
        font: 500 15px/1.45 var(--font-main), sans-serif;
    }

    .household-campaign-wizard__summary,
    .household-campaign-wizard__status-card {
        border: 1px solid var(--table-border);
        border-radius: 16px;
        background: var(--surface);
        box-shadow: 0 1px 2px rgba(15, 23, 42, 0.03);
    }

    .household-campaign-wizard__summary {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 24px;
        padding: 24px 28px;
    }

    .household-campaign-wizard__summary-copy {
        display: grid;
        gap: 6px;
    }

    .household-campaign-wizard__summary-copy strong {
        color: var(--text);
        font: 800 24px/1 var(--font-heading), sans-serif;
    }

    .household-campaign-wizard__summary-copy > span {
        color: var(--color-gray-300);
        font: 600 16px/1.3 var(--font-main), sans-serif;
    }

    .household-campaign-wizard__status-card {
        padding: 20px 24px;
    }

    .household-campaign-wizard__status-card h4 {
        margin: 0 0 14px;
        color: var(--color-gray-300);
        font: 800 13px/1.2 var(--font-main), sans-serif;
        letter-spacing: 0.04em;
        text-transform: uppercase;
    }

    .household-campaign-wizard__status-list {
        display: flex;
        flex-wrap: wrap;
        gap: 8px;
        min-height: 28px;
    }

    .household-campaign-wizard__status {
        gap: 6px;
    }

    .household-campaign-wizard__status strong {
        font-weight: 800;
    }

    .household-campaign-wizard__message {
        display: grid;
        grid-template-columns: minmax(0, 1fr) minmax(250px, 0.58fr);
        align-items: start;
        gap: 30px;
    }

    .household-campaign-wizard__composer {
        min-width: 0;
        display: grid;
        gap: 14px;
    }

    .household-campaign-wizard__field,
    .household-campaign-wizard__templates,
    .household-campaign-wizard__tags {
        min-width: 0;
        display: grid;
        gap: 7px;
    }

    .household-campaign-wizard__field > span:first-child,
    .household-campaign-wizard__field-label {
        color: var(--text);
        font: 800 14px/1.2 var(--font-main), sans-serif;
    }

    .household-campaign-wizard__field input,
    .household-campaign-wizard__field textarea {
        width: 100%;
        box-sizing: border-box;
        border: 1px solid var(--table-border);
        border-radius: 12px;
        background: var(--surface);
        color: var(--text);
        font: 500 14px/1.45 var(--font-main), sans-serif;
        outline: none;
        transition: border-color 0.18s ease, box-shadow 0.18s ease;
    }

    .household-campaign-wizard__field input {
        min-height: 44px;
        padding: 10px 13px;
    }

    .household-campaign-wizard__field textarea {
        min-height: 116px;
        resize: vertical;
        padding: 12px 13px;
    }

    .household-campaign-wizard__field input:focus,
    .household-campaign-wizard__field textarea:focus {
        border-color: var(--blue);
        box-shadow: 0 0 0 3px color-mix(in srgb, var(--blue) 13%, transparent);
    }

    .household-campaign-wizard__field input::placeholder,
    .household-campaign-wizard__field textarea::placeholder {
        color: var(--color-gray-300);
        opacity: 0.8;
    }

    .household-campaign-wizard__field small,
    .household-campaign-wizard__message-meta {
        color: var(--color-gray-300);
        font: 600 12px/1.35 var(--font-main), sans-serif;
    }

    .household-campaign-wizard__field small strong,
    .household-campaign-wizard__message-meta strong {
        font-weight: 700;
    }

    .household-campaign-wizard__field-row {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 12px;
    }

    .household-campaign-wizard__chips,
    .household-campaign-wizard__tag-list {
        display: flex;
        flex-wrap: wrap;
        gap: 8px;
    }

    .household-campaign-wizard__chip,
    .household-campaign-wizard__tag-list button {
        min-height: 32px;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        gap: 6px;
        padding: 6px 12px;
        border: 1px solid var(--table-border);
        border-radius: var(--radius-full);
        background: var(--surface);
        color: var(--text);
        cursor: pointer;
        font: 700 13px/1 var(--font-main), sans-serif;
        transition: border-color 0.18s ease, background-color 0.18s ease, color 0.18s ease;
    }

    .household-campaign-wizard__chip:hover,
    .household-campaign-wizard__chip:focus-visible,
    .household-campaign-wizard__chip.is-selected,
    .household-campaign-wizard__tag-list button:hover,
    .household-campaign-wizard__tag-list button:focus-visible {
        border-color: var(--blue);
        background: color-mix(in srgb, var(--blue) 10%, var(--surface));
        color: var(--blue);
        outline: none;
    }

    .household-campaign-wizard__chip.is-selected {
        background: var(--blue);
        color: #fff;
    }

    .household-campaign-wizard__textarea-wrap {
        position: relative;
        display: block;
    }

    .household-campaign-wizard__textarea-limit {
        position: absolute;
        right: 13px;
        bottom: 10px;
        color: var(--color-gray-300);
        font: 700 12px/1 var(--font-main), sans-serif;
        pointer-events: none;
    }

    .household-campaign-wizard__message-meta {
        display: flex;
        justify-content: space-between;
        gap: 12px;
    }

    .household-campaign-wizard__preview-column {
        align-self: center;
        display: grid;
        justify-items: center;
        gap: 12px;
        color: var(--color-gray-300);
        font: 600 13px/1.3 var(--font-main), sans-serif;
    }

    .household-campaign-wizard__sms-preview {
        width: min(220px, 100%);
        min-height: 342px;
        display: flex;
        flex-direction: column;
        box-sizing: border-box;
        padding: 16px;
        border: 7px solid #374151;
        border-radius: 34px;
        background: #1e293b;
        color: #fff;
        box-shadow: 0 18px 38px rgba(15, 23, 42, 0.2);
    }

    .household-campaign-wizard__sms-header {
        display: flex;
        align-items: center;
        gap: 10px;
        padding-bottom: 14px;
        border-bottom: 1px solid rgba(255, 255, 255, 0.14);
    }

    .household-campaign-wizard__sms-header > span {
        width: 34px;
        height: 34px;
        display: grid;
        place-items: center;
        flex: 0 0 34px;
        border-radius: var(--radius-full);
        background: var(--blue);
        font-weight: 800;
    }

    .household-campaign-wizard__sms-header strong {
        font: 800 13px/1.25 var(--font-main), sans-serif;
    }

    .household-campaign-wizard__sms-header small {
        display: block;
        margin-top: 2px;
        color: #a8b0bf;
        font: 600 11px/1.2 var(--font-main), sans-serif;
    }

    .household-campaign-wizard__sms-preview p {
        flex: 1;
        margin: 18px 2px;
        overflow-wrap: anywhere;
        white-space: pre-wrap;
        color: #d6dae2;
        font: 600 13px/1.45 var(--font-main), sans-serif;
    }

    .household-campaign-wizard__sms-compose {
        padding: 10px 13px;
        border-radius: var(--radius-full);
        background: #3b465a;
        color: #aeb6c5;
    }

    .household-campaign-wizard__email-preview {
        width: 100%;
        min-height: 338px;
        overflow: hidden;
        border: 1px solid var(--table-border);
        border-radius: 16px;
        background: var(--surface);
        color: var(--text);
        box-shadow: 0 12px 28px rgba(15, 23, 42, 0.13);
    }

    .household-campaign-wizard__email-browser {
        display: flex;
        align-items: center;
        gap: 6px;
        padding: 11px 13px;
        border-bottom: 1px solid var(--table-border);
        background: color-mix(in srgb, var(--surface) 94%, var(--blue));
    }

    .household-campaign-wizard__email-browser i {
        width: 9px;
        height: 9px;
        flex: 0 0 9px;
        border-radius: var(--radius-full);
        background: #ef6464;
    }

    .household-campaign-wizard__email-browser i:nth-child(2) {
        background: #f3ad18;
    }

    .household-campaign-wizard__email-browser i:nth-child(3) {
        background: #47c992;
    }

    .household-campaign-wizard__email-browser span {
        flex: 1;
        margin-left: 6px;
        padding: 6px 10px;
        border-radius: var(--radius-full);
        background: var(--elevation);
        color: var(--color-gray-300);
        font-size: 11px;
    }

    .household-campaign-wizard__email-preview dl {
        display: grid;
        grid-template-columns: 42px minmax(0, 1fr);
        gap: 8px;
        margin: 0;
        padding: 16px;
        border-bottom: 1px solid var(--table-border);
        font: 600 12px/1.35 var(--font-main), sans-serif;
    }

    .household-campaign-wizard__email-preview dt {
        color: var(--color-gray-300);
    }

    .household-campaign-wizard__email-preview dd {
        min-width: 0;
        margin: 0;
        overflow-wrap: anywhere;
    }

    .household-campaign-wizard__email-preview dd span {
        display: block;
        font-weight: 500;
    }

    .household-campaign-wizard__email-preview > p {
        min-height: 150px;
        margin: 0;
        padding: 16px;
        overflow-wrap: anywhere;
        white-space: pre-wrap;
        color: var(--color-gray-300);
        font: 600 13px/1.5 var(--font-main), sans-serif;
    }

    .household-campaign-wizard [data-household-campaign-wizard-continue]:disabled {
        opacity: 0.5;
        cursor: not-allowed;
        filter: saturate(0.45);
        box-shadow: none;
    }

    .household-campaign-wizard__footer {
        flex: 0 0 auto;
    }

    .household-campaign-wizard__footer .button:first-child {
        justify-self: start;
    }

    .household-campaign-wizard__footer .button:last-child {
        justify-self: end;
    }

    .household-campaign-wizard__footer-progress {
        display: inline-flex;
        align-items: center;
        gap: 8px;
    }

    .household-campaign-wizard__footer-progress span {
        width: 20px;
        height: 6px;
        border-radius: var(--radius-full);
        background: var(--elevation);
    }

    .household-campaign-wizard__footer-progress span.is-active {
        width: 30px;
        background: var(--blue);
    }

    @media (max-width: 768px) {
        .household-campaign-wizard {
            padding: 12px;
        }

        .household-campaign-wizard__dialog {
            height: calc(100vh - 24px);
            min-height: 0;
        }

        .household-campaign-wizard__method-icon {
            width: 40px;
            height: 40px;
            font-size: 17px;
        }

        .household-campaign-wizard__stepper {
            padding: 16px;
        }

        .household-campaign-wizard__stepper ol {
            gap: 10px;
        }

        .household-campaign-wizard__stepper li {
            gap: 7px;
            font-size: 13px;
        }

        .household-campaign-wizard__stepper li:not(:last-child)::after {
            min-width: 10px;
            margin-left: 2px;
        }

        .household-campaign-wizard__step-number {
            width: 32px;
            height: 32px;
            flex-basis: 32px;
        }

        .household-campaign-wizard__body {
            gap: 16px;
            padding: 22px 16px;
        }

        .household-campaign-wizard__message {
            grid-template-columns: 1fr;
        }

        .household-campaign-wizard__preview-column {
            padding: 10px 0;
        }

        .household-campaign-wizard__email-preview {
            max-width: 440px;
        }

        .household-campaign-wizard__summary {
            padding: 20px;
        }

        .household-campaign-wizard__status-card {
            padding: 18px;
        }

    }

    @media (max-width: 520px) {
        .household-campaign-wizard__stepper ol {
            max-width: 300px;
        }

        .household-campaign-wizard__step-label {
            position: absolute;
            width: 1px;
            height: 1px;
            overflow: hidden;
            clip: rect(0 0 0 0);
            clip-path: inset(50%);
            white-space: nowrap;
        }

        .household-campaign-wizard__stepper li:not(:last-child)::after {
            min-width: 30px;
        }

        .household-campaign-wizard__footer-progress {
            display: none;
        }


        .household-campaign-wizard__field-row {
            grid-template-columns: 1fr;
        }

        .household-campaign-wizard__message-meta {
            flex-direction: column;
            gap: 4px;
        }
    }

    body.household-campaign-modal-open {
        overflow: hidden;
    }

    .icon-btn {
        background-color: transparent;
        border: none;
        cursor: pointer;
        padding: 4px;
        opacity: 0.7;
        border-radius: var(--radius-full);
        transition: background-color 0.18s ease, opacity 0.18s ease;
        color: var(--text);
        font-size: 16px;
    }

    .icon-btn:hover,
    .icon-btn:focus-visible {
        background-color: var(--elevation);
        opacity: 1;
    }

    :root {
        --filter-action-motion: 360ms cubic-bezier(0.22, 1, 0.36, 1);
    }

    /* Filter Action Button Animation */
    .filter-action-anchor {
        position: relative;
        width: 30px;
        height: 30px;
        flex: 0 0 auto;
        transition: width var(--filter-action-motion);
    }

    @media (min-width: 769px) {
        .filter-action-anchor:has(> .filter-action:is(:hover, :focus-visible, [aria-expanded="true"])) {
            width: 100px;
        }
    }

    .filter-action-anchor > .filter-action {
        position: absolute;
        top: 0;
        right: 0;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        width: 30px;
        height: 30px;
        overflow: hidden;
        white-space: nowrap;
        transition:
            width var(--filter-action-motion),
            gap var(--filter-action-motion),
            border-color 220ms ease,
            background-color 220ms ease,
            transform 220ms ease,
            padding var(--filter-action-motion);
        transition-delay: 0s;
        padding: 0;
        gap: 0;
        box-sizing: border-box;
        border: 1px solid transparent;
        border-radius: var(--radius-full);
        transform-origin: right center;
        z-index: 1;
    }

    .filter-action-anchor > .filter-action__count {
        position: absolute;
        top: -6px;
        right: -6px;
        z-index: 3;
        display: inline-grid;
        place-items: center;
        min-width: 18px;
        height: 18px;
        padding: 0 4px;
        border: 2px solid var(--surface, #ffffff);
        border-radius: var(--radius-full);
        background: var(--blue, #377dff);
        color: var(--white, #ffffff);
        font: 800 10px/1 var(--font-main, inherit), sans-serif;
        pointer-events: none;
    }

    .filter-action-anchor > .filter-action__count[hidden],
    .filter-action-anchor > .filter-action[aria-expanded="true"] + .filter-action__count {
        display: none;
    }

    .filter-action-anchor > .filter-action > i {
        flex: 0 0 auto;
        transition: transform var(--filter-action-motion);
    }

    .filter-action-anchor > .filter-action > span {
        display: inline-block;
        overflow: hidden;
        white-space: nowrap;
        font-size: 13px;
        font-weight: 600;
        opacity: 0;
        max-width: 0;
        transform: translateX(-8px);
        transition:
            max-width var(--filter-action-motion),
            opacity 160ms ease,
            transform var(--filter-action-motion);
        transition-delay: 0s;
        margin-left: 0;
    }

    .filter-action-anchor > .filter-action:is(:hover, :focus-visible, [aria-expanded="true"]) {
        width: 100px; /* Adjust based on text length */
        background-color: var(--elevation);
        border: 1px solid var(--text);
        padding: 0 12px;
        gap: 8px;
        z-index: 2;
    }

    .filter-action-anchor > .filter-action:is(:hover, :focus-visible, [aria-expanded="true"]) > span {
        max-width: 60px;
        opacity: 1;
        transform: translateX(0);
        transition-delay: 45ms, 65ms, 45ms;
    }

    .filter-action-anchor > .filter-action:active {
        transform: scale(0.97);
    }

    @media (prefers-reduced-motion: reduce) {
        .filter-action-anchor,
        .filter-action-anchor > .filter-action,
        .filter-action-anchor > .filter-action > i,
        .filter-action-anchor > .filter-action > span {
            transition-duration: 0.01ms;
        }
    }

    /* Table Styles */
    .table-container {
        background-color: var(--surface);
        border: 1px solid var(--table-border);
        border-radius: var(--radius-md);
        overflow: auto;
        -webkit-overflow-scrolling: touch;
        flex: 1;
        min-height: 0;
        min-width: 0;
        width: 100%;
    }

    [data-table-component="prospects"].is-bulk-selection-active .table-container {
        border-radius: 0 0 var(--radius-md) var(--radius-md);
    }

    .table-container table {
        width: 100%;
        min-width: max-content;
        border-collapse: collapse;
        text-align: left;
    }

    .table-container thead {
        border-bottom: 1px solid var(--table-border);
        position: sticky;
        top: 0;
        background-color: var(--surface);
        z-index: 2;
    }

    /* Sticky First Column */
    .table-container th:first-child,
    .table-container td:first-child {
        position: sticky;
        left: 0;
        z-index: 1;
        background-color: var(--surface);
    }

    .table-container th:first-child {
        z-index: 3;
    }

    /* Reusable secondary sticky column, used when a selectable table keeps a
       hidden checkbox column ahead of its primary data column. */
    .table-container th.table-sticky-column,
    .table-container td.table-sticky-column {
        position: sticky;
        left: 0;
        z-index: 1;
        background-color: var(--surface);
    }

    .table-container th.table-sticky-column {
        z-index: 3;
    }

    [data-table-component="prospects"] .table-container th.household-select-col,
    [data-table-component="prospects"] .table-container td.household-select-col {
        display: none;
        position: sticky;
        left: 0;
        z-index: 2;
        width: 44px;
        min-width: 44px;
        max-width: 44px;
        padding-right: 8px;
        padding-left: 12px;
        text-align: center;
        background-color: var(--surface);
    }

    [data-table-component="prospects"].is-bulk-selection-enabled .table-container th.household-select-col,
    [data-table-component="prospects"].is-bulk-selection-enabled .table-container td.household-select-col {
        display: table-cell;
    }

    [data-table-component="prospects"] .table-container th.household-select-col {
        z-index: 4;
    }

    [data-table-component="prospects"] .table-container th[data-col-id="name"],
    [data-table-component="prospects"] .table-container td[data-col-id="name"] {
        position: sticky;
        left: 0;
        z-index: 1;
        background-color: var(--surface);
    }

    [data-table-component="prospects"].is-bulk-selection-enabled .table-container th[data-col-id="name"],
    [data-table-component="prospects"].is-bulk-selection-enabled .table-container td[data-col-id="name"] {
        left: 44px;
    }

    [data-table-component="prospects"] .table-container th[data-col-id="name"] {
        z-index: 3;
    }

    .table-container tbody tr:nth-child(even) td:first-child,
    .table-container tbody tr:nth-child(even) td.table-sticky-column {
        background-color: var(--table-zebra);
    }

    [data-table-component="prospects"] .table-container tbody tr:nth-child(even) td.household-select-col,
    [data-table-component="prospects"] .table-container tbody tr:nth-child(even) td[data-col-id="name"] {
        background-color: var(--table-zebra);
    }

    .table-container th {
        padding: 16px;
        font-size: 13px;
        font-weight: 600;
        color: var(--table-header-text);
        text-transform: capitalize;
        white-space: nowrap;
    }

    .table-container td {
        padding: 14px 16px;
        font-size: 14px;
        border-bottom: 1px solid var(--table-border);
        vertical-align: middle;
        position: relative; /* Add this to allow children to be positioned relative to the cell */
        white-space: nowrap;
    }

    /* Alternating row colors */
    .table-container tbody tr {
        transition: background-color 0.2s ease;
    }

    [data-table-component="prospects"] .table-container tbody tr.is-household-filter-hidden {
        display: none;
    }

    .table-container tbody tr:nth-child(even) {
        background-color: var(--table-zebra);
    }

    .table-container tbody tr:hover td {
        background-image: linear-gradient(var(--table-hover), var(--table-hover));
    }

    .table-container tbody tr.is-selected:hover,
    .table-container tbody tr.is-selected:hover td {
        background-image: none;
    }

    [data-table-component="prospects"] .table-container tbody tr.is-selected,
    [data-table-component="prospects"] .table-container tbody tr.is-selected td.household-select-col,
    [data-table-component="prospects"] .table-container tbody tr.is-selected td[data-col-id="name"] {
        background-color: color-mix(in srgb, var(--blue) 10%, var(--surface));
    }

    [data-table-component="prospects"] .table-container tbody tr.is-selected:hover,
    [data-table-component="prospects"] .table-container tbody tr.is-selected:hover td.household-select-col,
    [data-table-component="prospects"] .table-container tbody tr.is-selected:hover td[data-col-id="name"] {
        background-color: color-mix(in srgb, var(--blue) 14%, var(--surface));
    }

    .table-container tbody tr[data-prospect-id] {
        cursor: pointer;
    }

    [data-table-component="prospects"].is-bulk-selection-enabled .table-container tbody tr[data-prospect-id] {
        cursor: pointer;
    }

    [data-table-component="prospects"] .household-select-checkbox {
        width: 14px;
        height: 14px;
        margin: 0;
        accent-color: var(--blue);
        cursor: pointer;
        vertical-align: middle;
    }

    /* Hover state logic follows... */
    .name-td {
        position: relative; /* Fallback or for non-table layouts if any */
        padding-left: 0 !important; /* Allow strip to hit the edge */
    }

    .name-cell {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        justify-content: center;
        gap: 0;
        cursor: pointer;
        position: relative;
        padding-left: 16px; /* Restore padding that was on td */
        width: 100%;
        max-width: 100%;
        min-width: 0;
        box-sizing: border-box;
        overflow: hidden;
        transition: padding-left 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    }

    .name-cell .name-text {
        font-weight: 600;
        white-space: nowrap;
        max-width: 100%;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .name-cell .spouse-text {
        font-size: 11px;
        color: var(--color-gray-300);
        margin-top: -2px;
        display: block;
        max-width: 100%;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .row-hover-action {
        visibility: hidden;
        display: flex;
        align-items: center;
        justify-content: center;
        opacity: 0;
        transform: translateX(-100%);
        transition: opacity 0.3s ease, transform 0.3s cubic-bezier(0.4, 0, 0.2, 1), visibility 0.3s;
        pointer-events: none;
        position: absolute;
        left: 0;
        top: 0;
        bottom: -1px; /* Overlap the border-bottom for a true edge-to-edge feel */
        width: 40px;
        background-color: var(--elevation);
        z-index: 1;
        cursor: pointer;
    }

    .row-hover-action i {
        color: var(--text);
        font-size: 14px;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    /* Hover effect: show action container when hovering the name cell */
    .name-td:hover .row-hover-action {
        visibility: visible;
        opacity: 1;
        transform: translateX(0);
        pointer-events: auto;
    }

    .name-td:hover .name-cell {
        padding-left: 52px;
    }

    [data-table-component="prospects"].is-bulk-selection-enabled .name-td:hover .row-hover-action {
        visibility: hidden;
        opacity: 0;
        transform: translateX(-100%);
        pointer-events: none;
    }

    [data-table-component="prospects"].is-bulk-selection-enabled .name-td:hover .name-cell {
        padding-left: 16px;
    }

    .table-container tr:last-child td {
        border-bottom: none;
    }

    /* Badges */
    .badge,
    .label,
    header#prospect-header-content .status-filter,
    .table-container .status-pill,
    .table-container .lead_score_pill {
        --badge-color: var(--overlay);
        --badge-bg: color-mix(in srgb, var(--badge-color) 14%, transparent);
        --badge-border: color-mix(in srgb, var(--badge-color) 28%, transparent);
        display: inline-flex;
        align-items: center;
        justify-content: center;
        min-height: 24px;
        padding: 3px 9px;
        border: 1px solid var(--badge-border);
        border-radius: var(--radius-full);
        font-size: 11px;
        font-weight: 700;
        line-height: 1;
        white-space: nowrap;
        color: var(--badge-color);
        background-color: var(--badge-bg);
        text-decoration: none;
        box-sizing: border-box;
    }

    .badge-type {
        --badge-color: var(--badge-blue);
    }

    .badge-zone {
		--zone-color: var(--badge-orange);
		--badge-color: color-mix(in srgb, var(--zone-color) 48%, var(--text));
		--badge-bg: color-mix(in srgb, var(--zone-color) 14%, transparent);
		--badge-border: color-mix(in srgb, var(--zone-color) 28%, transparent);
    }

    .badge-score {
        --badge-color: var(--badge-green);
    }

    .badge-status {
        --badge-color: var(--color-gray-300);
    }

    /* Status Badge Colors from tokens.css */
    .badge-status.moved, .badge-status.status-moved, .table-container .status-pill.moved { --badge-color: var(--status-moved); }
    .badge-status.new, .badge-status.status-new, .table-container .status-pill.new { --badge-color: var(--status-new); }
    .badge-status.reset, .badge-status.status-reset, .table-container .status-pill.reset { --badge-color: var(--status-reset); }
    .badge-status.requested, .badge-status.status-requested, .table-container .status-pill.requested { --badge-color: var(--status-requested); }
    .badge-status.in-progress, .badge-status.inprogress, .badge-status.status-in-progress, .table-container .status-pill.in-progress { --badge-color: var(--status-in-progress); }
    .badge-status.dnc, .badge-status.status-dnc, .table-container .status-pill.dnc { --badge-color: var(--status-dnc); }
    .badge-status.onhold, .badge-status.on-hold, .badge-status.status-on-hold, .table-container .status-pill.onhold { --badge-color: var(--status-on-hold); }
    .badge-status.disqualified, .badge-status.ineligible, .badge-status.status-ineligible, .table-container .status-pill.disqualified { --badge-color: var(--status-ineligible); }
    .badge-status.archived, .badge-status.status-archived, .table-container .status-pill.archived { --badge-color: var(--status-archived); }
    .badge-status.booked, .badge-status.status-booked, .table-container .status-pill.booked { --badge-color: var(--status-booked); }
    .badge-status.canceled, .badge-status.status-canceled, .table-container .status-pill.canceled { --badge-color: var(--status-canceled); }
    .badge-status.rescheduled, .badge-status.status-rescheduled, .table-container .status-pill.rescheduled { --badge-color: var(--status-rescheduled); }
    .badge-status.completed, .badge-status.status-completed, .table-container .status-pill.completed { --badge-color: var(--status-completed); }
    .badge-status.turndown, .badge-status.turn-down, .badge-status.status-turn-down, .table-container .status-pill.turndown { --badge-color: var(--status-turn-down); }
    .badge-status.remorse, .badge-status.status-remorse, .table-container .status-pill.remorse { --badge-color: var(--status-remorse); }
    .badge-status.sold, .badge-status.status-sold, .table-container .status-pill.sold { --badge-color: var(--status-sold); }

    .score-excellent,
    .badge-score[data-score-id="score-a"] {
        --badge-color: var(--color-green);
    }

    .lead_score_pill,
    .lead_score_pill.lead-score-a,
    .lead_score_pill[data-score-grade="A"],
    .lead_score_pill.score-excellent,
    .lead_score_pill.sold {
        --badge-color: var(--color-green);
    }

    .badge-score[data-score-id="score-b"],
    .lead_score_pill.score-good,
    .lead_score_pill.lead-score-b,
    .lead_score_pill[data-score-grade="B"],
    .lead_score_pill.reset {
        --badge-color: var(--color-sea-green);
    }

    .badge-score[data-score-id="score-c"],
    .lead_score_pill.score-fair,
    .lead_score_pill.lead-score-c,
    .lead_score_pill[data-score-grade="C"],
    .lead_score_pill.score-c {
        --badge-color: var(--color-royal);
    }

    .badge-score[data-score-id="score-d"],
    .lead_score_pill[data-score-grade="D"],
    .lead_score_pill.rescheduled {
        --badge-color: var(--color-orange);
    }

    .badge-score[data-score-id="score-f"],
    .lead_score_pill[data-score-grade="F"],
    .lead_score_pill.canceled {
        --badge-color: var(--color-red);
    }

    .label.green,
    .label.funded,
    .label.sold,
    .label.fill.sold {
        --badge-color: var(--status-sold);
    }

    .label.orange,
    .label.rescheduled,
    .label.fill.rescheduled {
        --badge-color: var(--status-rescheduled);
    }

    .label.light-blue,
    .label.booked,
    .label.fill.booked,
    .label.requested {
        --badge-color: var(--status-booked);
    }

    .label.dark-red,
    .label.canceled,
    .label.fill.canceled,
    .label.turndown,
    .label.fill.turndown,
    .label.label-danger {
        --badge-color: var(--status-canceled);
    }

    .label.completed,
    .label.fill.completed {
        --badge-color: var(--status-completed);
    }

    .label.reset,
    .label.fill.reset,
    .label.label-service,
    .label.hasService {
        --badge-color: var(--status-reset);
    }

    .label.remorse,
    .label.fill.remorse {
        --badge-color: var(--status-remorse);
    }

    .label.onhold,
    .label.fill.onhold,
    .label.label-transfer,
    .label.score-c {
        --badge-color: var(--badge-orange);
    }

    .text-warning {
        color: var(--color-orange);
    }

    /* Pagination */
    .pagination {
        display: grid;
        grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr);
        align-items: center;
        gap: var(--spacing-sm);
        margin-top: var(--spacing-md);
        color: var(--color-gray-300);
        font-size: 14px;
        width: 100%;
    }

    .pagination[hidden] {
        display: none;
    }

    .pagination-links-container {
        display: flex;
        justify-content: center;
        align-items: center;
        gap: 8px;
        color: var(--color-gray-300);
        font-size: 14px;
        min-width: 0;
    }

    .pagination-link {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        width: 30px;
        height: 30px;
        color: inherit;
        text-decoration: none;
        cursor: pointer;
        padding: 0;
        border-radius: var(--radius-sm);
        transition: background-color 0.2s;
        box-sizing: border-box;
    }

    .pagination-link:hover {
        background-color: var(--table-hover);
    }

    .pagination-link.active {
        color: var(--text);
        font-weight: 700;
        background-color: var(--elevation);
    }

    .pagination-links {
        display: flex;
        align-items: center;
        gap: var(--spacing-xs);
    }

    .pagination-info {
        justify-self: start;
        font-size: 0.875rem;
        color: var(--text);
        opacity: 0.7;
        min-width: 0;
    }

    .pagination-arrow {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        width: 30px;
        height: 30px;
        border-radius: var(--radius-sm);
        opacity: 0.5;
        cursor: pointer;
    }

    .pagination-arrow:hover {
        opacity: 1;
        background-color: var(--table-hover);
    }

    .pagination-page-size {
        justify-self: end;
        margin: 0;
    }

	.pagination-page-size .rida-select {
		min-width: 92px;
	}

    .pagination-page-size select {
        min-width: 92px;
        height: 32px;
        padding: 0 28px 0 10px;
        border: 1px solid var(--table-border);
        border-radius: var(--radius-sm);
        background-color: var(--surface);
        color: var(--text);
        font: 700 12px/1 var(--font-main), sans-serif;
        cursor: pointer;
        outline: none;
    }

    .pagination-page-size select:hover,
    .pagination-page-size select:focus {
        border-color: var(--text);
    }

    /* Mobile Table Adjustments */
    @media (max-width: 768px) {
        .table-component {
            height: auto;
            min-height: 0;
            padding: var(--spacing-xs);
        }

        .page-header {
            flex-direction: column;
            gap: var(--spacing-sm);
            margin-bottom: var(--spacing-sm);
        }

        .header-left h1 {
            font-size: 1.45rem;
            line-height: 1.1;
        }

        .header-actions {
            width: 100%;
            justify-content: flex-start;
            gap: var(--spacing-xs);
        }

        .filter-action-anchor > .filter-action,
        .filter-action-anchor > .filter-action:is(:hover, :focus-visible, [aria-expanded="true"]) {
            width: 30px;
            padding: 0;
            border-color: transparent;
            background-color: transparent !important;
            gap: 0;
        }

        .filter-action-anchor > .filter-action > span,
        .filter-action-anchor > .filter-action:is(:hover, :focus-visible, [aria-expanded="true"]) > span {
            display: none;
        }

        .table-container {
            flex: 0 0 auto;
            max-height: none;
            border-radius: var(--radius-sm);
        }

        [data-table-component="prospects"] .household-bulk-action-bar {
            align-items: flex-start;
            flex-wrap: wrap;
            gap: var(--spacing-xs);
            border-radius: var(--radius-sm) var(--radius-sm) 0 0;
        }

        [data-table-component="prospects"] .household-bulk-actions {
            order: 3;
            flex-basis: 100%;
            gap: 6px;
        }

        [data-table-component="prospects"] .household-bulk-close {
            margin-left: auto;
        }

        .table-container table {
            min-width: 760px;
        }

        .table-container th,
        .table-container td {
            padding: 12px;
            white-space: nowrap;
        }

        .pagination {
            grid-template-columns: 1fr;
            gap: var(--spacing-xs);
            margin-top: var(--spacing-sm);
            font-size: 13px;
        }

        .pagination-info {
            justify-self: start;
        }

        .household-campaign-modal {
            padding: 16px;
        }

        .household-campaign-options {
            gap: 12px;
        }

        .household-campaign-option {
            grid-template-columns: auto 1fr;
            gap: 12px;
            padding: 14px;
        }

        .household-campaign-option__icon {
            width: 44px;
            height: 44px;
            font-size: 20px;
        }

        .household-campaign-option__indicator {
            grid-column: 2;
            justify-self: end;
            margin-top: -34px;
            width: 24px;
            height: 24px;
            border-width: 3px;
        }

        .household-campaign-option.is-selected .household-campaign-option__indicator::after {
            width: 10px;
            height: 10px;
        }

        .household-campaign-option__title {
            font-size: 20px;
        }

        .household-campaign-option__description {
            margin-top: 6px;
            font-size: 15px;
        }

        .household-campaign-option__badge {
            font-size: 13px;
            padding: 5px 12px;
        }

        .pagination-links-container {
            width: 100%;
            justify-content: flex-start;
            gap: var(--spacing-xs);
            overflow-x: auto;
            padding-bottom: 2px;
        }

        .pagination-links {
            gap: 2px;
        }

        .pagination-page-size {
            justify-self: start;
        }

        .row-hover-action {
            display: none;
        }

        .name-cell,
        .name-td:hover .name-cell {
            padding-left: 16px;
        }

        /* Touch devices do not use the desktop hover quicklook affordance. */
        @media (hover: none) {
            .row-hover-action {
                display: none;
            }

            .name-cell {
                padding-left: 16px;
            }
        }
    }

    @media (max-width: 480px) {
        .table-component {
            padding: 0;
        }

        .table-container {
            margin-inline: calc(var(--spacing-sm) * -1);
            width: calc(100% + (var(--spacing-sm) * 2));
            border-left: 0;
            border-right: 0;
            border-radius: 0;
        }
    }

    /* Schedule Step Styling */
    .household-campaign-wizard__schedule {
        display: flex;
        flex-direction: column;
        gap: 16px;
        animation: household-campaign-fade-in 0.3s ease-out;
    }

    .household-campaign-wizard__schedule-header {
        display: flex;
        align-items: flex-start;
        justify-content: space-between;
        gap: 20px;
    }

    .household-campaign-wizard__schedule-header h3 {
        font: 800 20px/1.2 var(--font-heading), sans-serif;
    }

    .household-campaign-wizard__schedule-cost {
        flex: 0 0 auto;
        margin: 0;
    }

    .household-campaign-wizard__schedule-cost[hidden] {
        display: none;
    }

    .household-campaign-wizard__schedule-cost > div {
        display: flex;
        flex-direction: column;
        align-items: flex-end;
        gap: 4px;
        min-width: 96px;
        padding: 10px 14px;
        border-radius: 10px;
        background: color-mix(in srgb, var(--text) 4%, var(--surface));
    }

    .household-campaign-wizard__schedule-cost dt {
        color: var(--color-gray-400);
        font-size: 12px;
    }

    .household-campaign-wizard__schedule-cost dd {
        margin: 0;
        color: var(--text);
        font: 800 20px/1 var(--font-heading), sans-serif;
    }

    .household-campaign-wizard__delivery-options {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: 16px;
    }

    .household-campaign-wizard__delivery-option {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        gap: 10px;
        min-height: 132px;
        padding: 16px;
        border: 2px solid var(--table-border);
        border-radius: var(--radius-md);
        background: var(--surface);
        color: var(--text);
        text-align: left;
        cursor: pointer;
        transition: all 0.2s ease;
    }

    .household-campaign-wizard__delivery-option:hover {
        border-color: var(--blue-light);
        background: color-mix(in srgb, var(--blue) 4%, var(--surface));
    }

    .household-campaign-wizard__delivery-option.is-selected {
        border-color: var(--blue);
        background: color-mix(in srgb, var(--blue) 8%, var(--surface));
    }

    .household-campaign-wizard__delivery-icon {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 40px;
        height: 40px;
        flex: 0 0 auto;
        border-radius: 10px;
        background: color-mix(in srgb, var(--text) 7%, var(--surface));
        color: var(--color-gray-400);
        font-size: 17px;
    }

    .household-campaign-wizard__delivery-option.is-selected .household-campaign-wizard__delivery-icon {
        background: var(--blue);
        color: #fff;
    }

    .household-campaign-wizard__delivery-content {
        display: flex;
        flex-direction: column;
        gap: 4px;
        flex: 1;
    }

    .household-campaign-wizard__delivery-content strong {
        font: 800 16px/1.2 var(--font-heading), sans-serif;
    }

    .household-campaign-wizard__delivery-content span {
        font-size: 12px;
        color: var(--color-gray-400);
        line-height: 1.4;
    }

    .household-campaign-wizard__delivery-indicator {
        display: inline-flex;
        align-items: center;
        gap: 6px;
        color: var(--blue);
        font: 700 12px/1 var(--font-main), sans-serif;
        opacity: 0;
        transition: opacity 0.2s ease;
    }

    .household-campaign-wizard__delivery-option.is-selected .household-campaign-wizard__delivery-indicator {
        opacity: 1;
    }

    .household-campaign-wizard__delivery-form {
        padding: 18px;
        border: 1px solid var(--table-border);
        border-radius: var(--radius-md);
        background: var(--surface);
    }

    @media (max-width: 768px) {
        .household-campaign-wizard__delivery-options {
            grid-template-columns: 1fr;
        }

        .household-campaign-wizard__delivery-option {
            padding: 16px;
        }

        .household-campaign-wizard__delivery-icon {
            width: 40px;
            height: 40px;
            font-size: 18px;
        }

        .household-campaign-wizard__delivery-content strong {
            font-size: 16px;
        }

        .household-campaign-wizard__schedule-header {
            gap: 12px;
        }
    }

}