@import '_content/ServiceComposer.AssistedIntake.Module.Blazor/ServiceComposer.AssistedIntake.Module.Blazor.wdpuwxzgnd.bundle.scp.css';
@import '_content/ServiceComposer.Branding.Module.Blazor/ServiceComposer.Branding.Module.Blazor.tftfz6yfkr.bundle.scp.css';
@import '_content/ServiceComposer.OfferAuthoring.Module.Blazor/ServiceComposer.OfferAuthoring.Module.Blazor.03fuq4egzn.bundle.scp.css';

/* /Editors/OfferBuilder/OfferBuilder.razor.rz.scp.css */
.offer-builder[b-w0aw04leoq] {
    --builder-ink: #18241f;
    --builder-muted: #68746f;
    --builder-line: #dfe6e2;
    --builder-surface: #ffffff;
    --builder-soft: #f5f8f6;
    --builder-primary: #245b47;
    --builder-primary-soft: #e7f1ec;
    --builder-accent: #b56b36;
    color: var(--builder-ink);
    display: grid;
    gap: 1rem;
    font-family: Inter, "Segoe UI Variable", "Segoe UI", sans-serif;
    min-width: 0;
}

.builder-hero[b-w0aw04leoq] {
    align-items: flex-start;
    background:
        radial-gradient(circle at 95% 10%, rgba(181, 107, 54, .2), transparent 28%),
        linear-gradient(135deg, #183c30, #2b6851);
    border-radius: 18px;
    color: #fff;
    display: flex;
    gap: 2rem;
    justify-content: space-between;
    overflow: hidden;
    padding: 1.5rem 1.7rem;
}

.builder-hero h1[b-w0aw04leoq] {
    font-size: clamp(1.45rem, 2.5vw, 2.2rem);
    letter-spacing: -.035em;
    margin: .25rem 0 .45rem;
}

.builder-hero p[b-w0aw04leoq] {
    color: rgba(255, 255, 255, .76);
    margin: 0;
    max-width: 66ch;
}

.eyebrow[b-w0aw04leoq] {
    color: rgba(255, 255, 255, .66);
    font-size: .72rem;
    font-weight: 700;
    letter-spacing: .13em;
    text-transform: uppercase;
}

.hero-status[b-w0aw04leoq] {
    align-items: flex-end;
    display: flex;
    flex-direction: column;
    font-size: .82rem;
    gap: .35rem;
    white-space: nowrap;
}

.status-pill[b-w0aw04leoq] {
    background: rgba(255, 255, 255, .16);
    border: 1px solid rgba(255, 255, 255, .24);
    border-radius: 999px;
    font-weight: 700;
    padding: .35rem .7rem;
}

.status-pill.status-draft[b-w0aw04leoq] {
    background: #fff4cf;
    border-color: #ffe499;
    color: #6e4b00;
}

.ai-publication-review-hold[b-w0aw04leoq] {
    align-items: flex-start;
    background:
        radial-gradient(circle at 96% 5%, rgba(181, 107, 54, .16), transparent 30%),
        linear-gradient(120deg, #fffaf0, #fff4d6);
    border: 1px solid #e4bd67;
    border-left: 6px solid #a96016;
    border-radius: 16px;
    box-shadow: 0 10px 28px rgba(116, 75, 18, .12);
    color: #5d3b0d;
    display: grid;
    gap: 1rem;
    grid-template-columns: auto minmax(0, 1fr);
    padding: 1.15rem 1.25rem;
}

.ai-publication-review-hold-icon[b-w0aw04leoq] {
    align-items: center;
    background: #8b4f0c;
    border-radius: 999px;
    color: #fff;
    display: flex;
    font-size: .75rem;
    font-weight: 900;
    height: 2.5rem;
    justify-content: center;
    letter-spacing: .04em;
    width: 2.5rem;
}

.ai-publication-review-hold-copy[b-w0aw04leoq] {
    display: grid;
    gap: .38rem;
    min-width: 0;
}

.ai-publication-review-hold-eyebrow[b-w0aw04leoq] {
    color: #8b4f0c;
    font-size: .7rem;
    font-weight: 800;
    letter-spacing: .11em;
    text-transform: uppercase;
}

.ai-publication-review-hold h2[b-w0aw04leoq] {
    color: #4f3109;
    font-size: clamp(1.08rem, 1.8vw, 1.35rem);
    letter-spacing: -.015em;
    margin: 0;
}

.ai-publication-review-hold p[b-w0aw04leoq] {
    color: #6d4a18;
    margin: 0;
    max-width: 92ch;
}

.ai-publication-review-hold-next[b-w0aw04leoq] {
    align-items: baseline;
    border-top: 1px solid rgba(139, 79, 12, .2);
    display: flex;
    flex-wrap: wrap;
    gap: .25rem .45rem;
    margin-top: .3rem;
    padding-top: .65rem;
}

.ai-publication-review-hold-next strong[b-w0aw04leoq] {
    color: #643b08;
}

.builder-readonly[b-w0aw04leoq],
.builder-note[b-w0aw04leoq],
.stale-result[b-w0aw04leoq] {
    background: #fff8df;
    border: 1px solid #f0dc97;
    border-radius: 10px;
    color: #684f05;
    padding: .75rem 1rem;
}

.builder-preview-panel[b-w0aw04leoq] {
    background:
        linear-gradient(120deg, rgba(36, 91, 71, .05), rgba(181, 107, 54, .05)),
        var(--builder-surface);
    border: 1px solid #cfded7;
    border-radius: 16px;
    display: grid;
    gap: 1rem;
    padding: 1.15rem 1.25rem;
}

.preview-panel-copy h2[b-w0aw04leoq] {
    font-size: 1.05rem;
    margin: .15rem 0 .25rem;
}

.preview-panel-copy p[b-w0aw04leoq] {
    color: var(--builder-muted);
    margin: 0;
}

.preview-inputs[b-w0aw04leoq] {
    align-items: end;
    display: grid;
    gap: .8rem;
    grid-template-columns:
        minmax(180px, 1.2fr)
        minmax(110px, .55fr)
        minmax(200px, 1fr)
        minmax(145px, .75fr)
        auto;
}

.preview-prepare[b-w0aw04leoq] {
    align-items: flex-end;
    display: flex;
}

.preview-guidance[b-w0aw04leoq],
.preview-error[b-w0aw04leoq] {
    border-radius: 9px;
    font-size: .82rem;
    padding: .65rem .8rem;
}

.preview-guidance[b-w0aw04leoq] {
    background: #fff8df;
    color: #684f05;
}

.preview-error[b-w0aw04leoq] {
    background: #ffe2df;
    color: #932e25;
}

.prepared-preview[b-w0aw04leoq] {
    align-items: center;
    background: #def5e7;
    border: 1px solid #b9e2c9;
    border-radius: 11px;
    display: flex;
    gap: 1rem;
    justify-content: space-between;
    padding: .8rem .9rem;
}

.prepared-preview > div[b-w0aw04leoq] {
    display: grid;
    gap: .12rem;
}

.prepared-preview span[b-w0aw04leoq] {
    color: #426f58;
    font-size: .78rem;
}

.preview-open-link[b-w0aw04leoq] {
    background: var(--builder-primary);
    border-radius: 8px;
    color: #fff;
    font-size: .82rem;
    font-weight: 800;
    padding: .6rem .85rem;
    text-decoration: none;
    white-space: nowrap;
}

.preview-open-link:hover[b-w0aw04leoq] {
    background: #194633;
    color: #fff;
}

.builder-stage-nav[b-w0aw04leoq] {
    background: var(--builder-surface);
    border: 1px solid var(--builder-line);
    border-radius: 14px;
    overflow: hidden;
    padding: .35rem .55rem 0;
}

.builder-stage[b-w0aw04leoq] {
    min-width: 0;
}

.stage-card[b-w0aw04leoq],
.sub-card[b-w0aw04leoq] {
    background: var(--builder-surface);
    border: 1px solid var(--builder-line);
    border-radius: 16px;
    box-shadow: 0 8px 24px rgba(24, 36, 31, .045);
    min-width: 0;
    padding: 1.35rem;
}

.stage-heading[b-w0aw04leoq],
.readiness-heading[b-w0aw04leoq] {
    align-items: flex-start;
    display: flex;
    gap: 1.25rem;
    justify-content: space-between;
    margin-bottom: 1.25rem;
}

.stage-heading h2[b-w0aw04leoq],
.sub-card h3[b-w0aw04leoq],
.section-label[b-w0aw04leoq] {
    margin: .15rem 0 .3rem;
}

.stage-heading p[b-w0aw04leoq],
.sub-card > p[b-w0aw04leoq],
.readiness-heading p[b-w0aw04leoq] {
    color: var(--builder-muted);
    margin: 0;
    max-width: 72ch;
}

.stage-number[b-w0aw04leoq] {
    color: var(--builder-accent);
    font-size: .75rem;
    font-weight: 800;
    letter-spacing: .14em;
}

.compact-facts[b-w0aw04leoq] {
    background: var(--builder-soft);
    border-radius: 12px;
    display: grid;
    gap: .7rem;
    margin: 0;
    min-width: 220px;
    padding: .8rem 1rem;
}

.compact-facts div[b-w0aw04leoq] {
    display: flex;
    gap: 1rem;
    justify-content: space-between;
}

.compact-facts dt[b-w0aw04leoq] {
    color: var(--builder-muted);
}

.compact-facts dd[b-w0aw04leoq] {
    font-weight: 700;
    margin: 0;
}

.editor-grid[b-w0aw04leoq] {
    display: grid;
    gap: 1rem;
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.editor-grid.compact[b-w0aw04leoq] {
    gap: .8rem;
}

.field[b-w0aw04leoq],
.mini-field[b-w0aw04leoq] {
    display: grid;
    gap: .35rem;
    min-width: 0;
}

.field > span[b-w0aw04leoq],
.mini-field > span[b-w0aw04leoq] {
    color: var(--builder-muted);
    font-size: .76rem;
    font-weight: 700;
    letter-spacing: .02em;
}

.field-wide[b-w0aw04leoq] {
    grid-column: 1 / -1;
}

.master-detail[b-w0aw04leoq] {
    display: grid;
    gap: 1rem;
    grid-template-columns: minmax(210px, .72fr) minmax(0, 2fr);
}

.item-rail[b-w0aw04leoq] {
    background: var(--builder-soft);
    border-radius: 12px;
    display: grid;
    gap: .45rem;
    padding: .55rem;
}

.rail-item[b-w0aw04leoq] {
    background: transparent;
    border: 1px solid transparent;
    border-radius: 9px;
    color: var(--builder-ink);
    cursor: pointer;
    display: grid;
    gap: .15rem;
    padding: .7rem .75rem;
    text-align: left;
}

.rail-item small[b-w0aw04leoq] {
    color: var(--builder-muted);
}

.rail-item:hover[b-w0aw04leoq],
.rail-item.is-selected[b-w0aw04leoq] {
    background: #fff;
    border-color: #cbd9d2;
}

.rail-item.is-selected[b-w0aw04leoq] {
    box-shadow: inset 3px 0 0 var(--builder-primary);
}

.detail-editor[b-w0aw04leoq] {
    border: 1px solid var(--builder-line);
    border-radius: 12px;
    min-width: 0;
    padding: 1rem;
}

.legend[b-w0aw04leoq],
.button-cluster[b-w0aw04leoq] {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: .65rem;
}

.legend span[b-w0aw04leoq] {
    align-items: center;
    color: var(--builder-muted);
    display: flex;
    font-size: .78rem;
    gap: .35rem;
}

.group-dot[b-w0aw04leoq],
.option-dot[b-w0aw04leoq],
.rule-status[b-w0aw04leoq] {
    border-radius: 999px;
    display: inline-block;
    height: .55rem;
    width: .55rem;
}

.group-dot[b-w0aw04leoq] {
    background: var(--builder-primary);
}

.option-dot[b-w0aw04leoq] {
    background: var(--builder-accent);
}

.journey-tree-list[b-w0aw04leoq] {
    border-radius: 12px;
    overflow: hidden;
}

.tree-edit-form[b-w0aw04leoq] {
    padding: .4rem;
}

.tree-edit-kind[b-w0aw04leoq] {
    background: var(--builder-primary-soft);
    border-radius: 999px;
    color: var(--builder-primary);
    display: inline-block;
    font-size: .74rem;
    font-weight: 800;
    margin-bottom: 1rem;
    padding: .3rem .65rem;
    text-transform: uppercase;
}

.builder-note[b-w0aw04leoq] {
    margin-top: 1rem;
}

.add-strip[b-w0aw04leoq] {
    align-items: center;
    background: var(--builder-soft);
    border-radius: 12px;
    display: grid;
    gap: .75rem;
    grid-template-columns: minmax(240px, 1fr) auto;
    margin-bottom: 1rem;
    padding: .8rem;
}

.compact-strip[b-w0aw04leoq] {
    margin: 1rem 0;
}

.configuration-list[b-w0aw04leoq],
.rule-list[b-w0aw04leoq],
.culture-list[b-w0aw04leoq],
.issue-list[b-w0aw04leoq] {
    display: grid;
    gap: .7rem;
}

.configuration-row[b-w0aw04leoq] {
    align-items: end;
    border: 1px solid var(--builder-line);
    border-radius: 12px;
    display: grid;
    gap: .8rem;
    grid-template-columns: minmax(230px, 1.4fr) minmax(180px, 1fr) minmax(150px, .8fr) minmax(100px, .5fr) 80px;
    padding: .9rem;
}

.configuration-row.report-row[b-w0aw04leoq] {
    grid-template-columns: minmax(260px, 1.7fr) minmax(190px, 1fr) 90px;
}

.row-title[b-w0aw04leoq],
.rule-card-heading[b-w0aw04leoq] {
    align-items: center;
    display: flex;
    gap: .75rem;
    min-width: 0;
}

.row-title > div[b-w0aw04leoq],
.rule-card-heading > div[b-w0aw04leoq] {
    display: grid;
    min-width: 0;
}

.row-title small[b-w0aw04leoq],
.rule-card-heading small[b-w0aw04leoq] {
    color: var(--builder-muted);
}

.row-icon[b-w0aw04leoq] {
    align-items: center;
    background: var(--builder-primary-soft);
    border-radius: 9px;
    color: var(--builder-primary);
    display: flex;
    font-size: .7rem;
    font-weight: 900;
    height: 2rem;
    justify-content: center;
    width: 2rem;
}

.count-badge[b-w0aw04leoq],
.compile-pill[b-w0aw04leoq],
.readiness-state[b-w0aw04leoq] {
    background: var(--builder-soft);
    border-radius: 999px;
    color: var(--builder-muted);
    font-size: .72rem;
    font-weight: 800;
    padding: .3rem .65rem;
    white-space: nowrap;
}

.rule-card[b-w0aw04leoq] {
    border: 1px solid var(--builder-line);
    border-radius: 12px;
    display: grid;
    gap: .9rem;
    padding: 1rem;
}

.rule-card-heading > .count-badge[b-w0aw04leoq],
.rule-card-heading > .dxbl-btn[b-w0aw04leoq] {
    margin-left: auto;
}

.rule-status[b-w0aw04leoq] {
    background: #aeb8b3;
}

.rule-status.is-active[b-w0aw04leoq] {
    background: #2b9a63;
    box-shadow: 0 0 0 4px #e1f5ea;
}

.section-label[b-w0aw04leoq] {
    font-size: .86rem;
    letter-spacing: .08em;
    margin-top: 1.5rem;
    text-transform: uppercase;
}

.compile-valid[b-w0aw04leoq] {
    background: #def5e7;
    color: #17663d;
}

.compile-invalid[b-w0aw04leoq] {
    background: #ffe2df;
    color: #932e25;
}

.dependency-summary[b-w0aw04leoq] {
    background: var(--builder-soft);
    border-radius: 9px;
    color: var(--builder-muted);
    padding: .7rem;
}

.dependency-summary pre[b-w0aw04leoq] {
    margin: .3rem 0 0;
    white-space: pre-wrap;
}

.language-readiness-grid[b-w0aw04leoq] {
    display: grid;
    gap: 1rem;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1.2fr);
}

.sub-card[b-w0aw04leoq] {
    box-shadow: none;
}

.culture-row[b-w0aw04leoq] {
    align-items: center;
    border: 1px solid var(--builder-line);
    border-radius: 10px;
    display: grid;
    gap: .65rem;
    grid-template-columns: 90px minmax(0, 1fr) auto;
    padding: .65rem;
}

.culture-row > span[b-w0aw04leoq] {
    color: var(--builder-primary);
    font-weight: 800;
}

.culture-row > strong[b-w0aw04leoq] {
    color: var(--builder-muted);
    font-size: .72rem;
}

.base-culture[b-w0aw04leoq] {
    background: var(--builder-primary-soft);
    grid-template-columns: 90px 1fr;
}

.readiness-state.is-ready[b-w0aw04leoq],
.ready-message[b-w0aw04leoq] {
    background: #def5e7;
    color: #17663d;
}

.readiness-state.has-issues[b-w0aw04leoq] {
    background: #ffe7df;
    color: #8a3827;
}

.readiness-summary[b-w0aw04leoq],
.ready-message[b-w0aw04leoq] {
    border-radius: 10px;
    margin-top: .8rem;
    padding: .8rem;
}

.readiness-summary[b-w0aw04leoq] {
    background: var(--builder-soft);
}

.ready-message[b-w0aw04leoq] {
    align-items: center;
    display: flex;
    font-weight: 700;
    gap: .55rem;
}

.readiness-issue[b-w0aw04leoq] {
    border: 1px solid #f0ccc3;
    border-radius: 10px;
    display: grid;
    gap: .7rem;
    grid-template-columns: 120px 1fr;
    padding: .75rem;
}

.readiness-issue > span[b-w0aw04leoq] {
    color: #9b4430;
    font-size: .75rem;
    font-weight: 800;
}

.readiness-issue p[b-w0aw04leoq] {
    color: var(--builder-muted);
    margin: .2rem 0 0;
}

.empty-state[b-w0aw04leoq] {
    color: var(--builder-muted);
    padding: .75rem;
    text-align: center;
}

.empty-state.roomy[b-w0aw04leoq] {
    border: 1px dashed #cdd7d2;
    border-radius: 10px;
    padding: 2rem 1rem;
}

.builder-footer[b-w0aw04leoq] {
    color: var(--builder-muted);
    display: flex;
    font-size: .78rem;
    gap: 1rem;
    justify-content: space-between;
    padding: .2rem .5rem 1rem;
}

.offer-builder-loading[b-w0aw04leoq] {
    color: #68746f;
    padding: 2rem;
    text-align: center;
}

@media (max-width: 1050px) {
    .preview-inputs[b-w0aw04leoq] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .configuration-row[b-w0aw04leoq],
    .configuration-row.report-row[b-w0aw04leoq] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .row-title[b-w0aw04leoq] {
        grid-column: 1 / -1;
    }

    .language-readiness-grid[b-w0aw04leoq] {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 760px) {
    .ai-publication-review-hold[b-w0aw04leoq] {
        grid-template-columns: 1fr;
    }

    .builder-hero[b-w0aw04leoq],
    .stage-heading[b-w0aw04leoq],
    .readiness-heading[b-w0aw04leoq],
    .builder-footer[b-w0aw04leoq] {
        align-items: stretch;
        flex-direction: column;
    }

    .hero-status[b-w0aw04leoq] {
        align-items: flex-start;
    }

    .editor-grid[b-w0aw04leoq],
    .preview-inputs[b-w0aw04leoq],
    .master-detail[b-w0aw04leoq],
    .configuration-row[b-w0aw04leoq],
    .configuration-row.report-row[b-w0aw04leoq],
    .culture-row[b-w0aw04leoq] {
        grid-template-columns: 1fr;
    }

    .field-wide[b-w0aw04leoq],
    .row-title[b-w0aw04leoq] {
        grid-column: auto;
    }

    .add-strip[b-w0aw04leoq] {
        align-items: stretch;
        grid-template-columns: 1fr;
    }

    .compact-facts[b-w0aw04leoq] {
        width: auto;
    }

    .prepared-preview[b-w0aw04leoq] {
        align-items: stretch;
        flex-direction: column;
    }

    .preview-open-link[b-w0aw04leoq] {
        text-align: center;
    }
}
/* /Editors/ServiceRequestComposer/ServiceRequestComposer.razor.rz.scp.css */
.request-composer[b-o2z9b1bjbe] {
    --composer-accent: #4f46e5;
    --composer-accent-soft: #eef2ff;
    --composer-success: #15803d;
    --composer-success-soft: #ecfdf3;
    --composer-warning: #b45309;
    --composer-warning-soft: #fff7ed;
    --composer-border: rgba(100, 116, 139, .22);
    --composer-surface: var(--bs-body-bg, #fff);
    --composer-muted: var(--bs-secondary-color, #64748b);
    color: var(--bs-body-color, #172033);
    width: 100%;
    min-width: 0;
    max-width: 1720px;
    margin: 0 auto;
    padding: clamp(.75rem, 1.5vw, 1.5rem);
    container-name: request-composer;
    container-type: inline-size;
}

.composer-loading[b-o2z9b1bjbe],
.empty-state[b-o2z9b1bjbe] {
    display: grid;
    min-height: 12rem;
    place-items: center;
    color: var(--composer-muted, #64748b);
    text-align: center;
}

.empty-state.compact[b-o2z9b1bjbe] {
    min-height: 7rem;
}

.composer-header[b-o2z9b1bjbe],
.section-heading[b-o2z9b1bjbe],
.options-toolbar[b-o2z9b1bjbe],
.choice-group-heading[b-o2z9b1bjbe],
.selection-editor-row[b-o2z9b1bjbe],
.summary-line[b-o2z9b1bjbe],
.requirement-row[b-o2z9b1bjbe],
.summary-total[b-o2z9b1bjbe],
.summary-actions[b-o2z9b1bjbe] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
}

.composer-header[b-o2z9b1bjbe] {
    align-items: flex-start;
    margin: .25rem 0 1.25rem;
}

.composer-header h1[b-o2z9b1bjbe],
.composer-card h2[b-o2z9b1bjbe],
.choice-group h3[b-o2z9b1bjbe],
.option-card h4[b-o2z9b1bjbe] {
    margin: 0;
    line-height: 1.2;
}

.composer-header h1[b-o2z9b1bjbe] {
    margin-top: .2rem;
    font-size: clamp(1.65rem, 3vw, 2.4rem);
    letter-spacing: -.035em;
}

.composer-header p[b-o2z9b1bjbe],
.panel-help[b-o2z9b1bjbe],
.option-card p[b-o2z9b1bjbe],
.total-help[b-o2z9b1bjbe] {
    color: var(--composer-muted);
}

.composer-header p[b-o2z9b1bjbe] {
    max-width: 56rem;
    margin: .55rem 0 0;
}

.composer-eyebrow[b-o2z9b1bjbe],
.option-kind[b-o2z9b1bjbe] {
    color: var(--composer-accent);
    font-size: .72rem;
    font-weight: 750;
    letter-spacing: .09em;
    text-transform: uppercase;
}

.status-pill[b-o2z9b1bjbe] {
    border: 1px solid var(--composer-border);
    border-radius: 999px;
    background: rgba(148, 163, 184, .12);
    padding: .45rem .85rem;
    font-size: .78rem;
    font-weight: 700;
}

.status-draft[b-o2z9b1bjbe] {
    border-color: rgba(79, 70, 229, .28);
    background: var(--composer-accent-soft);
    color: var(--composer-accent);
}

.status-submitted[b-o2z9b1bjbe],
.status-finalized[b-o2z9b1bjbe] {
    border-color: rgba(21, 128, 61, .24);
    background: var(--composer-success-soft);
    color: var(--composer-success);
}

.composer-notice[b-o2z9b1bjbe] {
    margin-bottom: 1rem;
    border: 1px solid rgba(180, 83, 9, .24);
    border-radius: .8rem;
    background: var(--composer-warning-soft);
    color: var(--composer-warning);
    padding: .8rem 1rem;
}

.composer-card[b-o2z9b1bjbe] {
    border: 1px solid var(--composer-border);
    border-radius: 1rem;
    background: var(--composer-surface);
    box-shadow: 0 12px 34px rgba(15, 23, 42, .055);
}

.setup-card[b-o2z9b1bjbe],
.options-panel[b-o2z9b1bjbe],
.catalog-panel[b-o2z9b1bjbe],
.summary-panel[b-o2z9b1bjbe] {
    padding: clamp(1rem, 1.8vw, 1.35rem);
}

.setup-card[b-o2z9b1bjbe] {
    margin-bottom: 1rem;
}

.section-heading[b-o2z9b1bjbe] {
    align-items: flex-end;
    margin-bottom: 1rem;
}

.section-heading h2[b-o2z9b1bjbe],
.options-toolbar h2[b-o2z9b1bjbe],
.catalog-panel h2[b-o2z9b1bjbe],
.summary-panel h2[b-o2z9b1bjbe] {
    margin-top: .25rem;
    font-size: 1.15rem;
}

.subtle-note[b-o2z9b1bjbe],
.panel-help[b-o2z9b1bjbe],
.total-help[b-o2z9b1bjbe],
.section-help[b-o2z9b1bjbe] {
    font-size: .78rem;
}

.section-help[b-o2z9b1bjbe] {
    max-width: 58rem;
    margin: .4rem 0 0;
    color: var(--composer-muted);
    line-height: 1.45;
}

.setup-grid[b-o2z9b1bjbe] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: .9rem;
}

.field[b-o2z9b1bjbe] {
    display: grid;
    min-width: 0;
    gap: .35rem;
    margin: 0;
}

.field > span[b-o2z9b1bjbe],
.selection-editor label > span[b-o2z9b1bjbe] {
    color: var(--composer-muted);
    font-size: .75rem;
    font-weight: 650;
}

.field-wide[b-o2z9b1bjbe],
.field-notes[b-o2z9b1bjbe] {
    grid-column: span 2;
}

.participant-empty[b-o2z9b1bjbe] {
    min-height: 4.5rem;
}

.participant-legacy-grid[b-o2z9b1bjbe] {
    display: grid;
    grid-template-columns: minmax(18rem, 1fr) minmax(12rem, .36fr);
    align-items: center;
    gap: 1rem;
    border: 1px dashed var(--composer-border);
    border-radius: .85rem;
    background: rgba(148, 163, 184, .035);
    padding: .8rem 1rem;
}

.participant-legacy-grid .participant-empty[b-o2z9b1bjbe] {
    justify-items: start;
    min-height: 3.5rem;
    text-align: left;
}

.participant-empty > div[b-o2z9b1bjbe] {
    display: grid;
    gap: .3rem;
}

.participant-empty strong[b-o2z9b1bjbe] {
    color: var(--bs-body-color, #172033);
    font-size: .86rem;
}

.participant-empty span[b-o2z9b1bjbe] {
    color: var(--composer-muted);
    font-size: .76rem;
}

.participant-legacy-count[b-o2z9b1bjbe] {
    padding-left: 1rem;
    border-left: 1px solid var(--composer-border);
}

.participant-group-list[b-o2z9b1bjbe],
.questionnaire-list[b-o2z9b1bjbe],
.schedule-entry-list[b-o2z9b1bjbe] {
    display: grid;
    gap: .85rem;
}

.participant-group-card[b-o2z9b1bjbe],
.questionnaire[b-o2z9b1bjbe],
.schedule-entry-card[b-o2z9b1bjbe] {
    border: 1px solid var(--composer-border);
    border-radius: .85rem;
    background: rgba(148, 163, 184, .035);
    padding: 1rem;
}

.participant-group-heading[b-o2z9b1bjbe],
.questionnaire-heading[b-o2z9b1bjbe],
.questionnaire-picker[b-o2z9b1bjbe],
.participant-totals[b-o2z9b1bjbe] {
    display: flex;
    align-items: flex-end;
    gap: .75rem;
}

.participant-name[b-o2z9b1bjbe] {
    flex: 1.15;
}

.participant-role[b-o2z9b1bjbe] {
    flex: 1;
}

.participant-count-grid[b-o2z9b1bjbe] {
    display: grid;
    grid-template-columns: repeat(4, minmax(7rem, .75fr)) minmax(13rem, 1.4fr);
    gap: .75rem;
    margin-top: .85rem;
}

.participant-package[b-o2z9b1bjbe] {
    min-width: 0;
}

.participant-notes[b-o2z9b1bjbe],
.default-package-field[b-o2z9b1bjbe] {
    margin-top: .75rem;
}

.default-package-field[b-o2z9b1bjbe] {
    max-width: 34rem;
}

.package-mode-note[b-o2z9b1bjbe] {
    margin: .8rem 0 0;
}

.participant-totals[b-o2z9b1bjbe] {
    align-items: stretch;
    flex-wrap: wrap;
    margin-top: .9rem;
}

.participant-totals span[b-o2z9b1bjbe] {
    border-radius: 999px;
    background: var(--composer-accent-soft);
    color: var(--composer-muted);
    padding: .42rem .72rem;
    font-size: .76rem;
}

.participant-totals strong[b-o2z9b1bjbe] {
    color: var(--composer-accent);
}

.schedule-card[b-o2z9b1bjbe] {
    overflow: hidden;
}

.schedule-empty[b-o2z9b1bjbe] {
    min-height: 6rem;
    border: 1px dashed var(--composer-border);
    border-radius: .85rem;
    background: rgba(148, 163, 184, .025);
    padding: 1rem;
}

.schedule-entry-card[b-o2z9b1bjbe] {
    position: relative;
    border-left: 4px solid rgba(79, 70, 229, .48);
}

.schedule-entry-heading[b-o2z9b1bjbe] {
    display: grid;
    grid-template-columns: auto minmax(10rem, .65fr) minmax(18rem, 1.6fr) minmax(6rem, .36fr) auto;
    align-items: end;
    gap: .75rem;
}

.schedule-order-badge[b-o2z9b1bjbe] {
    align-self: center;
    min-width: 2.5rem;
    border-radius: 999px;
    background: var(--composer-accent-soft);
    color: var(--composer-accent);
    padding: .4rem .55rem;
    font-size: .72rem;
    font-weight: 750;
    text-align: center;
}

.schedule-time-grid[b-o2z9b1bjbe],
.schedule-routing-grid[b-o2z9b1bjbe] {
    display: grid;
    grid-template-columns: repeat(2, minmax(11rem, .65fr)) minmax(18rem, 1.4fr);
    gap: .75rem;
    margin-top: .85rem;
}

.schedule-routing-grid[b-o2z9b1bjbe] {
    grid-template-columns: repeat(2, minmax(12rem, .7fr)) minmax(20rem, 1.6fr);
}

.schedule-instructions[b-o2z9b1bjbe] {
    min-width: 0;
}

.questionnaire-card[b-o2z9b1bjbe] {
    overflow: hidden;
}

.questionnaire-picker[b-o2z9b1bjbe] {
    min-width: min(32rem, 48vw);
}

.questionnaire-picker[b-o2z9b1bjbe]  .dxbl-combobox {
    flex: 1;
}

.questionnaire-heading[b-o2z9b1bjbe] {
    align-items: flex-start;
    justify-content: space-between;
}

.questionnaire-heading h3[b-o2z9b1bjbe],
.questionnaire-section h4[b-o2z9b1bjbe] {
    margin: 0;
}

.questionnaire-heading h3[b-o2z9b1bjbe] {
    font-size: 1.05rem;
}

.questionnaire-heading p[b-o2z9b1bjbe] {
    max-width: 60rem;
    margin: .35rem 0 0;
    color: var(--composer-muted);
    font-size: .82rem;
}

.questionnaire-section[b-o2z9b1bjbe] {
    border-top: 1px solid var(--composer-border);
    margin-top: 1rem;
    padding-top: 1rem;
}

.questionnaire-section h4[b-o2z9b1bjbe] {
    margin-bottom: .75rem;
    color: var(--composer-accent);
    font-size: .78rem;
    letter-spacing: .045em;
    text-transform: uppercase;
}

.question-grid[b-o2z9b1bjbe] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: .9rem 1rem;
}

.question-field[b-o2z9b1bjbe] {
    display: grid;
    min-width: 0;
    align-content: start;
    gap: .32rem;
}

.question-field > label[b-o2z9b1bjbe] {
    color: var(--bs-body-color, #172033);
    font-size: .8rem;
    font-weight: 700;
}

.question-field > p[b-o2z9b1bjbe],
.question-unit[b-o2z9b1bjbe] {
    margin: 0;
    color: var(--composer-muted);
    font-size: .72rem;
}

.question-field.question-invalid[b-o2z9b1bjbe] {
    border-left: 3px solid #dc2626;
    border-radius: .45rem;
    background: rgba(220, 38, 38, .045);
    padding: .65rem .7rem;
}

.question-field > .question-validation[b-o2z9b1bjbe] {
    margin: .1rem 0 0;
    color: #b91c1c;
    font-size: .73rem;
    font-weight: 650;
}

.answer-change-reason[b-o2z9b1bjbe] {
    display: grid;
    gap: .3rem;
    margin-top: .35rem;
    border-left: 3px solid var(--composer-warning);
    border-radius: .35rem;
    background: var(--composer-warning-soft);
    padding: .65rem .75rem;
}

.answer-change-reason label[b-o2z9b1bjbe] {
    color: var(--composer-warning);
    font-size: .76rem;
    font-weight: 750;
}

.answer-change-reason p[b-o2z9b1bjbe] {
    margin: 0;
    color: var(--composer-muted);
    font-size: .7rem;
}

.question-wide[b-o2z9b1bjbe] {
    grid-column: 1 / -1;
}

.required-mark[b-o2z9b1bjbe] {
    margin-left: .18rem;
    color: #dc2626;
}

.selection-target-field[b-o2z9b1bjbe] {
    display: grid;
    gap: .25rem;
}

.selection-target-field > span[b-o2z9b1bjbe] {
    color: var(--composer-muted);
    font-size: .75rem;
    font-weight: 650;
}

.composer-workspace[b-o2z9b1bjbe] {
    display: grid;
    grid-template-columns: minmax(13rem, .72fr) minmax(27rem, 2.1fr) minmax(17rem, .9fr);
    align-items: start;
    gap: 1rem;
}

.catalog-panel[b-o2z9b1bjbe],
.summary-panel[b-o2z9b1bjbe] {
    position: sticky;
    top: 1rem;
    max-height: calc(100vh - 2rem);
    overflow: auto;
}

.panel-help[b-o2z9b1bjbe] {
    margin: .45rem 0 1rem;
}

.catalog-tree[b-o2z9b1bjbe] {
    margin-top: .5rem;
}

.options-toolbar[b-o2z9b1bjbe] {
    align-items: flex-end;
    margin-bottom: 1rem;
}

.option-search[b-o2z9b1bjbe] {
    width: min(22rem, 46%);
}

.choice-group[b-o2z9b1bjbe] {
    border-top: 1px solid var(--composer-border);
    padding: 1.25rem 0;
}

.choice-group:first-of-type[b-o2z9b1bjbe] {
    border-top: 0;
    padding-top: .25rem;
}

.choice-group-heading[b-o2z9b1bjbe] {
    margin-bottom: .75rem;
}

.choice-group-heading h3[b-o2z9b1bjbe] {
    font-size: 1rem;
}

.choice-group-heading span[b-o2z9b1bjbe] {
    color: var(--composer-muted);
    font-size: .78rem;
}

.group-count[b-o2z9b1bjbe] {
    border-radius: 999px;
    background: var(--composer-warning-soft);
    color: var(--composer-warning) !important;
    padding: .3rem .65rem;
    font-weight: 750;
}

.group-complete .group-count[b-o2z9b1bjbe] {
    background: var(--composer-success-soft);
    color: var(--composer-success) !important;
}

.choice-group.group-unavailable[b-o2z9b1bjbe] {
    opacity: .82;
}

.choice-group.group-unavailable .group-count[b-o2z9b1bjbe] {
    background: rgba(148, 163, 184, .16);
    color: var(--composer-muted) !important;
}

.group-unavailable-notice[b-o2z9b1bjbe] {
    margin: -.2rem 0 .85rem;
    border-radius: .6rem;
    background: rgba(148, 163, 184, .1);
    color: var(--composer-muted);
    padding: .6rem .7rem;
    font-size: .76rem;
}

.group-progress[b-o2z9b1bjbe] {
    margin: -.2rem 0 .85rem;
}

.option-grid[b-o2z9b1bjbe] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: .75rem;
}

.option-card[b-o2z9b1bjbe] {
    display: flex;
    min-width: 0;
    min-height: 10.5rem;
    flex-direction: column;
    justify-content: space-between;
    gap: 1rem;
    border: 1px solid var(--composer-border);
    border-radius: .85rem;
    background: rgba(148, 163, 184, .035);
    padding: 1rem;
    transition: border-color .18s ease, box-shadow .18s ease, transform .18s ease;
}

.option-card:hover[b-o2z9b1bjbe] {
    border-color: rgba(79, 70, 229, .4);
    box-shadow: 0 8px 22px rgba(79, 70, 229, .08);
    transform: translateY(-1px);
}

.option-card.selected[b-o2z9b1bjbe] {
    border-color: rgba(79, 70, 229, .5);
    background: linear-gradient(145deg, var(--composer-accent-soft), var(--composer-surface));
}

.option-card h4[b-o2z9b1bjbe] {
    margin-top: .3rem;
    font-size: 1rem;
}

.option-card p[b-o2z9b1bjbe] {
    display: -webkit-box;
    margin: .45rem 0 0;
    overflow: hidden;
    font-size: .83rem;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
}

.price-delta[b-o2z9b1bjbe] {
    display: block;
    margin-top: .65rem;
    color: var(--composer-accent);
    font-size: .86rem;
}

.add-option-button[b-o2z9b1bjbe] {
    width: 100%;
}

.selection-editor[b-o2z9b1bjbe] {
    display: grid;
    gap: .6rem;
}

.option-selection-list[b-o2z9b1bjbe] {
    display: grid;
    gap: .7rem;
}

.option-selection-list > .selection-editor + .selection-editor[b-o2z9b1bjbe] {
    border-top: 1px solid var(--composer-border);
    padding-top: .7rem;
}

.selection-editor-row[b-o2z9b1bjbe] {
    align-items: flex-end;
}

.selection-editor label[b-o2z9b1bjbe] {
    display: grid;
    flex: 1;
    gap: .25rem;
}

.summary-panel h2[b-o2z9b1bjbe] {
    margin-bottom: 1rem;
}

.summary-line[b-o2z9b1bjbe] {
    align-items: flex-start;
    border-bottom: 1px solid var(--composer-border);
    padding: .72rem 0;
    font-size: .82rem;
}

.summary-line > div[b-o2z9b1bjbe] {
    display: grid;
    min-width: 0;
    gap: .18rem;
}

.summary-line span[b-o2z9b1bjbe],
.summary-placeholder[b-o2z9b1bjbe] {
    color: var(--composer-muted);
}

.summary-warning[b-o2z9b1bjbe] {
    color: var(--composer-warning);
}

.package-line[b-o2z9b1bjbe] {
    border-radius: .75rem;
    border: 0;
    background: var(--composer-accent-soft);
    padding: .8rem;
}

.summary-placeholder[b-o2z9b1bjbe] {
    padding: .9rem 0;
    font-size: .8rem;
}

.requirements-summary[b-o2z9b1bjbe] {
    display: grid;
    gap: .45rem;
    margin: 1rem 0;
}

.submission-readiness[b-o2z9b1bjbe] {
    display: grid;
    gap: .55rem;
    margin: 1rem 0;
    border: 1px solid rgba(180, 83, 9, .24);
    border-radius: .75rem;
    background: var(--composer-warning-soft);
    color: var(--composer-warning);
    padding: .8rem;
}

.submission-readiness.ready[b-o2z9b1bjbe] {
    border-color: rgba(21, 128, 61, .24);
    background: var(--composer-success-soft);
    color: var(--composer-success);
}

.readiness-heading[b-o2z9b1bjbe],
.frozen-price-heading[b-o2z9b1bjbe] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: .75rem;
    font-size: .8rem;
}

.readiness-heading strong[b-o2z9b1bjbe],
.frozen-price-heading strong[b-o2z9b1bjbe] {
    border-radius: 999px;
    background: rgba(255, 255, 255, .7);
    padding: .25rem .55rem;
    font-size: .7rem;
    text-transform: uppercase;
}

.submission-readiness ul[b-o2z9b1bjbe] {
    display: grid;
    gap: .35rem;
    margin: 0;
    padding-left: 1.1rem;
    color: var(--bs-body-color, #172033);
    font-size: .74rem;
}

.submission-readiness p[b-o2z9b1bjbe] {
    margin: 0;
    font-size: .72rem;
}

.frozen-price-heading[b-o2z9b1bjbe] {
    margin-bottom: .5rem;
    color: var(--composer-success);
}

.requirement-row[b-o2z9b1bjbe] {
    border-radius: .6rem;
    background: var(--composer-warning-soft);
    color: var(--composer-warning);
    padding: .52rem .65rem;
    font-size: .75rem;
}

.requirement-row.complete[b-o2z9b1bjbe] {
    background: var(--composer-success-soft);
    color: var(--composer-success);
}

.summary-total[b-o2z9b1bjbe] {
    align-items: flex-end;
    border-top: 2px solid var(--composer-border);
    padding-top: 1rem;
}

.summary-total span[b-o2z9b1bjbe] {
    color: var(--composer-muted);
    font-size: .78rem;
}

.summary-total strong[b-o2z9b1bjbe] {
    color: var(--composer-accent);
    font-size: 1.35rem;
    letter-spacing: -.025em;
}

.total-help[b-o2z9b1bjbe] {
    margin: .55rem 0 1rem;
}

.summary-actions[b-o2z9b1bjbe] {
    align-items: stretch;
    flex-direction: column;
}

.summary-actions[b-o2z9b1bjbe]  .dxbl-btn {
    width: 100%;
}

.composer-mobile-bar[b-o2z9b1bjbe] {
    display: none;
}

@container request-composer (max-width: 1280px) {
    .participant-count-grid[b-o2z9b1bjbe] {
        grid-template-columns: repeat(4, minmax(6rem, 1fr));
    }

    .participant-package[b-o2z9b1bjbe] {
        grid-column: 1 / -1;
    }

    .schedule-entry-heading[b-o2z9b1bjbe] {
        grid-template-columns: auto minmax(10rem, .7fr) minmax(18rem, 1.4fr) minmax(6rem, .4fr);
    }

    .schedule-entry-heading[b-o2z9b1bjbe]  .dxbl-btn {
        grid-column: 2 / -1;
        justify-self: end;
    }

    .schedule-routing-grid[b-o2z9b1bjbe] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .schedule-instructions[b-o2z9b1bjbe] {
        grid-column: 1 / -1;
    }

    .composer-workspace[b-o2z9b1bjbe] {
        grid-template-columns: minmax(12rem, .65fr) minmax(25rem, 1.8fr);
    }

    .summary-panel[b-o2z9b1bjbe] {
        position: static;
        grid-column: 1 / -1;
        max-height: none;
    }
}

@container request-composer (max-width: 900px) {
    .setup-grid[b-o2z9b1bjbe] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .participant-group-heading[b-o2z9b1bjbe],
    .questionnaire-heading[b-o2z9b1bjbe],
    .questionnaire-picker[b-o2z9b1bjbe] {
        align-items: stretch;
        flex-direction: column;
    }

    .participant-count-grid[b-o2z9b1bjbe] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .participant-legacy-grid[b-o2z9b1bjbe],
    .schedule-entry-heading[b-o2z9b1bjbe],
    .schedule-time-grid[b-o2z9b1bjbe],
    .schedule-routing-grid[b-o2z9b1bjbe] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .schedule-order-badge[b-o2z9b1bjbe] {
        justify-self: start;
    }

    .schedule-phase[b-o2z9b1bjbe],
    .schedule-timing[b-o2z9b1bjbe],
    .schedule-instructions[b-o2z9b1bjbe] {
        grid-column: 1 / -1;
    }

    .schedule-entry-heading[b-o2z9b1bjbe]  .dxbl-btn {
        grid-column: auto;
        justify-self: stretch;
    }

    .composer-workspace[b-o2z9b1bjbe] {
        grid-template-columns: 1fr;
        margin-bottom: 5.75rem;
    }

    .catalog-panel[b-o2z9b1bjbe],
    .summary-panel[b-o2z9b1bjbe] {
        position: static;
        grid-column: auto;
        max-height: none;
    }

    .catalog-panel[b-o2z9b1bjbe] {
        max-height: 24rem;
    }

    .composer-mobile-bar[b-o2z9b1bjbe] {
        display: grid;
        grid-template-columns: minmax(8rem, auto) minmax(10rem, 1fr) minmax(9rem, auto);
        position: sticky;
        z-index: 20;
        bottom: .5rem;
        align-items: center;
        gap: .75rem;
        border: 1px solid rgba(180, 83, 9, .28);
        border-radius: .9rem;
        background: color-mix(in srgb, var(--composer-warning-soft) 94%, transparent);
        box-shadow: 0 12px 34px rgba(15, 23, 42, .18);
        padding: .7rem;
        backdrop-filter: blur(12px);
    }

    .composer-mobile-bar.ready[b-o2z9b1bjbe] {
        border-color: rgba(21, 128, 61, .28);
        background: color-mix(in srgb, var(--composer-success-soft) 94%, transparent);
    }

    .composer-mobile-bar > div[b-o2z9b1bjbe],
    .mobile-readiness[b-o2z9b1bjbe] {
        display: grid;
        gap: .12rem;
    }

    .composer-mobile-bar span[b-o2z9b1bjbe],
    .composer-mobile-bar small[b-o2z9b1bjbe] {
        color: var(--composer-muted);
        font-size: .7rem;
    }

    .composer-mobile-bar strong[b-o2z9b1bjbe] {
        color: var(--composer-accent);
        font-size: 1.05rem;
    }

    .mobile-readiness > span[b-o2z9b1bjbe] {
        color: var(--bs-body-color, #172033);
        font-weight: 750;
    }

    .mobile-readiness small[b-o2z9b1bjbe] {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }
}

@container request-composer (max-width: 620px) {
    .composer-header[b-o2z9b1bjbe],
    .section-heading[b-o2z9b1bjbe],
    .options-toolbar[b-o2z9b1bjbe] {
        align-items: stretch;
        flex-direction: column;
    }

    .setup-grid[b-o2z9b1bjbe],
    .participant-legacy-grid[b-o2z9b1bjbe],
    .participant-count-grid[b-o2z9b1bjbe],
    .schedule-entry-heading[b-o2z9b1bjbe],
    .schedule-time-grid[b-o2z9b1bjbe],
    .schedule-routing-grid[b-o2z9b1bjbe],
    .question-grid[b-o2z9b1bjbe],
    .option-grid[b-o2z9b1bjbe],
    .summary-selections[b-o2z9b1bjbe] {
        grid-template-columns: 1fr;
    }

    .field-wide[b-o2z9b1bjbe],
    .field-notes[b-o2z9b1bjbe],
    .participant-package[b-o2z9b1bjbe],
    .schedule-phase[b-o2z9b1bjbe],
    .schedule-timing[b-o2z9b1bjbe],
    .schedule-instructions[b-o2z9b1bjbe],
    .question-wide[b-o2z9b1bjbe] {
        grid-column: auto;
    }

    .participant-legacy-count[b-o2z9b1bjbe] {
        border-top: 1px solid var(--composer-border);
        border-left: 0;
        padding-top: .8rem;
        padding-left: 0;
    }

    .option-search[b-o2z9b1bjbe] {
        width: 100%;
    }

    .composer-mobile-bar[b-o2z9b1bjbe] {
        grid-template-columns: 1fr auto;
    }

    .mobile-readiness[b-o2z9b1bjbe] {
        grid-column: 1 / -1;
        grid-row: 2;
    }
}

@media (max-width: 1280px) {
    .participant-count-grid[b-o2z9b1bjbe] {
        grid-template-columns: repeat(4, minmax(6rem, 1fr));
    }

    .participant-package[b-o2z9b1bjbe] {
        grid-column: 1 / -1;
    }

    .schedule-entry-heading[b-o2z9b1bjbe] {
        grid-template-columns: auto minmax(10rem, .7fr) minmax(18rem, 1.4fr) minmax(6rem, .4fr);
    }

    .schedule-entry-heading[b-o2z9b1bjbe]  .dxbl-btn {
        grid-column: 2 / -1;
        justify-self: end;
    }

    .schedule-routing-grid[b-o2z9b1bjbe] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .schedule-instructions[b-o2z9b1bjbe] {
        grid-column: 1 / -1;
    }

    .composer-workspace[b-o2z9b1bjbe] {
        grid-template-columns: minmax(12rem, .65fr) minmax(25rem, 1.8fr);
    }

    .summary-panel[b-o2z9b1bjbe] {
        position: static;
        grid-column: 1 / -1;
        max-height: none;
    }

    .summary-selections[b-o2z9b1bjbe] {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        column-gap: 1.25rem;
    }
}

@media (max-width: 900px) {
    .setup-grid[b-o2z9b1bjbe] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .participant-group-heading[b-o2z9b1bjbe],
    .questionnaire-heading[b-o2z9b1bjbe],
    .questionnaire-picker[b-o2z9b1bjbe] {
        align-items: stretch;
        flex-direction: column;
    }

    .questionnaire-picker[b-o2z9b1bjbe] {
        width: 100%;
        min-width: 0;
    }

    .participant-count-grid[b-o2z9b1bjbe] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .participant-legacy-grid[b-o2z9b1bjbe],
    .schedule-entry-heading[b-o2z9b1bjbe],
    .schedule-time-grid[b-o2z9b1bjbe],
    .schedule-routing-grid[b-o2z9b1bjbe] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .schedule-order-badge[b-o2z9b1bjbe] {
        justify-self: start;
    }

    .schedule-phase[b-o2z9b1bjbe],
    .schedule-timing[b-o2z9b1bjbe],
    .schedule-instructions[b-o2z9b1bjbe] {
        grid-column: 1 / -1;
    }

    .schedule-entry-heading[b-o2z9b1bjbe]  .dxbl-btn {
        grid-column: auto;
        justify-self: stretch;
    }

    .participant-package[b-o2z9b1bjbe] {
        grid-column: 1 / -1;
    }

    .composer-workspace[b-o2z9b1bjbe] {
        grid-template-columns: 1fr;
    }

    .catalog-panel[b-o2z9b1bjbe],
    .summary-panel[b-o2z9b1bjbe] {
        position: static;
        grid-column: auto;
        max-height: none;
    }

    .catalog-panel[b-o2z9b1bjbe] {
        max-height: 24rem;
    }
}

@media (max-width: 620px) {
    .request-composer[b-o2z9b1bjbe] {
        padding: .5rem;
    }

    .composer-header[b-o2z9b1bjbe],
    .section-heading[b-o2z9b1bjbe],
    .options-toolbar[b-o2z9b1bjbe] {
        align-items: stretch;
        flex-direction: column;
    }

    .setup-grid[b-o2z9b1bjbe],
    .participant-legacy-grid[b-o2z9b1bjbe],
    .participant-count-grid[b-o2z9b1bjbe],
    .schedule-entry-heading[b-o2z9b1bjbe],
    .schedule-time-grid[b-o2z9b1bjbe],
    .schedule-routing-grid[b-o2z9b1bjbe],
    .question-grid[b-o2z9b1bjbe],
    .option-grid[b-o2z9b1bjbe],
    .summary-selections[b-o2z9b1bjbe] {
        grid-template-columns: 1fr;
    }

    .field-wide[b-o2z9b1bjbe],
    .field-notes[b-o2z9b1bjbe],
    .participant-package[b-o2z9b1bjbe],
    .schedule-phase[b-o2z9b1bjbe],
    .schedule-timing[b-o2z9b1bjbe],
    .schedule-instructions[b-o2z9b1bjbe],
    .question-wide[b-o2z9b1bjbe] {
        grid-column: auto;
    }

    .participant-legacy-count[b-o2z9b1bjbe] {
        border-top: 1px solid var(--composer-border);
        border-left: 0;
        padding-top: .8rem;
        padding-left: 0;
    }

    .option-search[b-o2z9b1bjbe] {
        width: 100%;
    }
}

.participant-needs-panel[b-o2z9b1bjbe] {
    margin-top: 1rem;
    border-top: 1px solid var(--composer-border);
    padding-top: 1rem;
}

.participant-needs-heading[b-o2z9b1bjbe] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1rem;
}

.participant-needs-heading h3[b-o2z9b1bjbe],
.participant-needs-heading p[b-o2z9b1bjbe] {
    margin: 0;
}

.participant-needs-heading p[b-o2z9b1bjbe] {
    margin-top: .25rem;
    color: var(--composer-muted);
    font-size: .88rem;
}

.participant-needs-count[b-o2z9b1bjbe],
.participant-need-mode[b-o2z9b1bjbe],
.participant-choice-inactive-label[b-o2z9b1bjbe] {
    display: inline-flex;
    align-items: center;
    width: max-content;
    border-radius: 999px;
    background: var(--composer-accent-soft);
    color: var(--composer-accent);
    padding: .18rem .55rem;
    font-size: .72rem;
    font-weight: 700;
}

.participant-needs-quick-actions[b-o2z9b1bjbe] {
    display: flex;
    flex-wrap: wrap;
    gap: .45rem;
    margin-top: .8rem;
}

.participant-needs-lock-note[b-o2z9b1bjbe] {
    margin-top: .75rem;
    border-left: .2rem solid var(--composer-warning, #b7791f);
    background: rgba(183, 121, 31, .08);
    padding: .55rem .7rem;
    color: var(--composer-muted);
    font-size: .82rem;
}

.participant-needs-toolbar[b-o2z9b1bjbe] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(10rem, 1fr));
    align-items: end;
    gap: .65rem;
    margin-top: .8rem;
    border: 1px solid var(--composer-border);
    border-radius: .65rem;
    background: color-mix(in srgb, var(--composer-surface) 94%, var(--composer-accent-soft));
    padding: .75rem;
}

.participant-need-add[b-o2z9b1bjbe] {
    min-height: 2.35rem;
}

.participant-need-quantity small[b-o2z9b1bjbe] {
    color: var(--composer-muted);
    font-size: .7rem;
    line-height: 1.25;
}

.participant-need-list[b-o2z9b1bjbe] {
    display: grid;
    gap: .5rem;
    margin-top: .75rem;
}

.participant-need-row[b-o2z9b1bjbe] {
    display: grid;
    grid-template-columns: minmax(11rem, 1.15fr) minmax(10rem, .85fr) minmax(6rem, .45fr) minmax(12rem, 1.2fr) auto;
    align-items: end;
    gap: .65rem;
    border: 1px solid var(--composer-border);
    border-radius: .55rem;
    padding: .65rem;
}

.participant-need-identity[b-o2z9b1bjbe],
.participant-need-fixed-scope[b-o2z9b1bjbe],
.participant-choice-scope[b-o2z9b1bjbe] {
    display: flex;
    flex-direction: column;
    gap: .18rem;
}

.participant-need-identity > span:not(.participant-need-mode)[b-o2z9b1bjbe],
.participant-need-fixed-scope > span[b-o2z9b1bjbe],
.participant-choice-scope > span:not(.participant-choice-inactive-label)[b-o2z9b1bjbe] {
    color: var(--composer-muted);
    font-size: .76rem;
}

.participant-choice-matrix[b-o2z9b1bjbe] {
    display: grid;
    gap: .55rem;
    margin-top: .75rem;
}

.participant-choice-row[b-o2z9b1bjbe] {
    display: grid;
    grid-template-columns: minmax(10rem, .7fr) minmax(18rem, 1.6fr);
    gap: .75rem;
    border: 1px solid var(--composer-border);
    border-radius: .6rem;
    background: var(--composer-surface);
    padding: .7rem;
}

.participant-choice-row-inactive[b-o2z9b1bjbe],
.participant-choice-row-legacy[b-o2z9b1bjbe] {
    border-style: dashed;
    background: rgba(148, 163, 184, .08);
}

.participant-choice-readonly[b-o2z9b1bjbe] {
    min-height: 2.35rem;
    border: 1px solid var(--composer-border);
    border-radius: .45rem;
    background: rgba(148, 163, 184, .08);
    padding: .55rem .7rem;
    color: var(--composer-muted);
}

.participant-choice-selection-details[b-o2z9b1bjbe] {
    display: grid;
    grid-column: 2;
    gap: .45rem;
}

.participant-choice-selection-detail[b-o2z9b1bjbe] {
    display: grid;
    grid-template-columns: minmax(9rem, .8fr) minmax(7rem, .45fr) minmax(12rem, 1fr) auto;
    align-items: end;
    gap: .55rem;
    border-top: 1px solid var(--composer-border);
    padding-top: .5rem;
}

.participant-choice-selection-detail > strong[b-o2z9b1bjbe] {
    align-self: center;
}

.participant-choice-selection-detail-fixed .participant-choice-notes[b-o2z9b1bjbe] {
    grid-column: 2 / 4;
}

@container request-composer (max-width: 1100px) {
    .participant-needs-toolbar[b-o2z9b1bjbe],
    .participant-need-row[b-o2z9b1bjbe] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .participant-need-add[b-o2z9b1bjbe],
    .participant-need-row[b-o2z9b1bjbe] >  .dxbl-btn:last-child {
        justify-self: stretch;
    }
}

@container request-composer (max-width: 720px) {
    .participant-needs-toolbar[b-o2z9b1bjbe],
    .participant-need-row[b-o2z9b1bjbe],
    .participant-choice-row[b-o2z9b1bjbe],
    .participant-choice-selection-detail[b-o2z9b1bjbe] {
        grid-template-columns: 1fr;
    }

    .participant-choice-selection-details[b-o2z9b1bjbe] {
        grid-column: 1;
    }

    .participant-choice-selection-detail-fixed .participant-choice-notes[b-o2z9b1bjbe] {
        grid-column: auto;
    }
}