@import '_content/Travel.Web.Components/Travel.Web.Components.q5yqkua534.bundle.scp.css';
@import '_content/Travel.Web.TailwindComponents/Travel.Web.TailwindComponents.69qz2f1x5i.bundle.scp.css';

/* /Components/Admin/AttributionDiagnosis/AttributionDiagnosis.razor.rz.scp.css */
.attribution-diagnosis[b-p769bg4es9] {
    color: var(--color-text-primary, #111827);
    display: grid;
    gap: 1.25rem;
    padding-bottom: 2rem;
}

.diagnosis-panel[b-p769bg4es9] {
    background: var(--color-bg-primary, #ffffff);
    border: 1px solid var(--color-border-default, #d8dee7);
    border-radius: 8px;
    overflow: hidden;
    padding: 1.25rem;
}

.diagnosis-filter-panel[b-p769bg4es9] {
    border-top: 3px solid #0f9f92;
}

.diagnosis-section-heading[b-p769bg4es9] {
    align-items: flex-start;
    display: flex;
    gap: 1rem;
    justify-content: space-between;
    margin-bottom: 1.1rem;
}

.diagnosis-section-heading h2[b-p769bg4es9] {
    font-size: 1.05rem;
    font-weight: 700;
    line-height: 1.3;
    margin: 0;
}

.diagnosis-section-heading p[b-p769bg4es9] {
    color: var(--color-text-secondary, #64748b);
    font-size: 0.875rem;
    margin: 0.3rem 0 0;
}

.diagnosis-filter-grid[b-p769bg4es9] {
    align-items: end;
    display: grid;
    gap: 0.9rem;
    grid-template-columns: repeat(4, minmax(10rem, 1fr));
}

.diagnosis-filter-grid label[b-p769bg4es9],
.diagnosis-form-stack label[b-p769bg4es9],
.diagnosis-correction-grid label[b-p769bg4es9] {
    color: var(--color-text-secondary, #475569);
    display: block;
    font-size: 0.75rem;
    font-weight: 700;
    margin-bottom: 0.35rem;
    text-transform: uppercase;
}

.diagnosis-search-field[b-p769bg4es9] {
    grid-column: span 2;
}

.diagnosis-filter-action[b-p769bg4es9] {
    display: flex;
    justify-content: flex-end;
}

.diagnosis-input[b-p769bg4es9],
.diagnosis-textarea[b-p769bg4es9],
.diagnosis-json-editor[b-p769bg4es9] {
    background: var(--color-bg-primary, #ffffff);
    border: 1px solid var(--color-border-default, #cbd5e1);
    border-radius: 6px;
    color: inherit;
    font: inherit;
    padding: 0.62rem 0.75rem;
    width: 100%;
}

.diagnosis-input:focus[b-p769bg4es9],
.diagnosis-textarea:focus[b-p769bg4es9],
.diagnosis-json-editor:focus[b-p769bg4es9] {
    border-color: #0f9f92;
    box-shadow: 0 0 0 2px rgb(15 159 146 / 15%);
    outline: 0;
}

.diagnosis-json-editor[b-p769bg4es9] {
    font-family: Consolas, "Courier New", monospace;
    font-size: 0.78rem;
    line-height: 1.5;
    min-height: 15rem;
    resize: vertical;
}

.diagnosis-review-workspace[b-p769bg4es9] {
    align-items: start;
    display: grid;
    gap: 1.25rem;
    grid-template-columns: minmax(21rem, 25rem) minmax(0, 1fr);
}

.diagnosis-reservation-queue[b-p769bg4es9],
.diagnosis-case-workspace[b-p769bg4es9] {
    background: var(--color-bg-primary, #ffffff);
    border: 1px solid var(--color-border-default, #d8dee7);
    border-radius: 8px;
    min-width: 0;
    overflow: hidden;
}

.diagnosis-reservation-queue[b-p769bg4es9] {
    position: sticky;
    top: 1rem;
}

.diagnosis-queue-heading[b-p769bg4es9] {
    align-items: center;
    border-bottom: 1px solid var(--color-border-default, #d8dee7);
    display: flex;
    justify-content: space-between;
    padding: 1rem;
}

.diagnosis-queue-heading h2[b-p769bg4es9] {
    font-size: 1rem;
    margin: 0.15rem 0 0;
}

.diagnosis-queue-heading > span[b-p769bg4es9] {
    color: var(--color-text-secondary, #64748b);
    font-size: 0.72rem;
}

.diagnosis-eyebrow[b-p769bg4es9] {
    color: #087f75;
    display: block;
    font-size: 0.68rem;
    font-weight: 800;
    text-transform: uppercase;
}

.diagnosis-reservation-list[b-p769bg4es9] {
    display: grid;
    gap: 0.65rem;
    padding: 0.75rem;
}

.diagnosis-reservation-card[b-p769bg4es9] {
    background: var(--color-bg-primary, #ffffff);
    border: 1px solid var(--color-border-default, #d8dee7);
    border-radius: 7px;
    box-sizing: border-box;
    color: inherit;
    cursor: pointer;
    display: grid;
    gap: 0.65rem;
    max-width: 100%;
    min-width: 0;
    padding: 0.8rem;
    text-align: left;
    transition: border-color 140ms ease, box-shadow 140ms ease, transform 140ms ease;
    width: 100%;
}

.diagnosis-reservation-card:hover[b-p769bg4es9] {
    border-color: #5fbdb4;
    box-shadow: 0 5px 14px rgb(15 23 42 / 8%);
    transform: translateY(-1px);
}

.diagnosis-reservation-card-selected[b-p769bg4es9] {
    background: #f0fbf9;
    border-color: #0f9f92;
    box-shadow: inset 3px 0 0 #0f9f92;
}

.diagnosis-reservation-card-heading[b-p769bg4es9] {
    align-items: flex-start;
    display: flex;
    gap: 0.5rem;
    justify-content: space-between;
}

.diagnosis-reservation-card-heading > span:first-child[b-p769bg4es9] {
    min-width: 0;
}

.diagnosis-reservation-card-heading > .diagnosis-state-badge[b-p769bg4es9] {
    flex: 0 1 auto;
    line-height: 1.15;
    max-width: 48%;
    text-align: center;
    white-space: normal;
}

.diagnosis-reservation-card-heading strong[b-p769bg4es9],
.diagnosis-reservation-card-heading small[b-p769bg4es9] {
    display: block;
}

.diagnosis-reservation-card-heading strong[b-p769bg4es9] {
    font-size: 0.88rem;
}

.diagnosis-reservation-card-heading small[b-p769bg4es9] {
    color: var(--color-text-secondary, #64748b);
    font-size: 0.68rem;
    margin-top: 0.2rem;
    max-width: 12rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.diagnosis-reservation-property[b-p769bg4es9] {
    font-size: 0.78rem;
    font-weight: 650;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.diagnosis-reservation-created[b-p769bg4es9] {
    align-items: center;
    color: var(--color-text-secondary, #64748b);
    display: flex;
    font-size: 0.68rem;
    gap: 0.35rem;
}

.diagnosis-reservation-created i[b-p769bg4es9] {
    color: #0f9f92;
}

.diagnosis-reservation-stay[b-p769bg4es9],
.diagnosis-reservation-financials[b-p769bg4es9] {
    display: grid;
    gap: 0.45rem;
}

.diagnosis-reservation-stay[b-p769bg4es9] {
    align-items: center;
    background: var(--color-bg-secondary, #f6f8fb);
    border-radius: 6px;
    grid-template-columns: 1fr auto 1fr;
    padding: 0.55rem;
}

.diagnosis-reservation-stay > span[b-p769bg4es9],
.diagnosis-reservation-financials > span[b-p769bg4es9] {
    min-width: 0;
}

.diagnosis-reservation-stay i[b-p769bg4es9] {
    color: #94a3b8;
    font-size: 0.65rem;
}

.diagnosis-reservation-stay span:last-child[b-p769bg4es9] {
    text-align: right;
}

.diagnosis-reservation-financials[b-p769bg4es9] {
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

.diagnosis-reservation-stay small[b-p769bg4es9],
.diagnosis-reservation-financials small[b-p769bg4es9],
.diagnosis-summary-meta small[b-p769bg4es9],
.diagnosis-summary-metrics small[b-p769bg4es9],
.diagnosis-comparison-grid small[b-p769bg4es9] {
    color: var(--color-text-secondary, #64748b);
    display: block;
    font-size: 0.62rem;
    font-weight: 700;
    margin-bottom: 0.12rem;
    text-transform: uppercase;
}

.diagnosis-reservation-stay strong[b-p769bg4es9],
.diagnosis-reservation-financials strong[b-p769bg4es9] {
    display: block;
    font-size: 0.72rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.diagnosis-queue-loading[b-p769bg4es9],
.diagnosis-queue-empty[b-p769bg4es9],
.diagnosis-candidate-empty[b-p769bg4es9] {
    align-items: center;
    color: var(--color-text-secondary, #64748b);
    display: flex;
    flex-direction: column;
    gap: 0.4rem;
    justify-content: center;
    min-height: 14rem;
    padding: 1.5rem;
    text-align: center;
}

.diagnosis-queue-empty i[b-p769bg4es9],
.diagnosis-candidate-empty i[b-p769bg4es9] {
    color: #0f9f92;
    font-size: 1.3rem;
}

.diagnosis-queue-empty strong[b-p769bg4es9],
.diagnosis-candidate-empty strong[b-p769bg4es9] {
    color: var(--color-text-primary, #111827);
    font-size: 0.88rem;
}

.diagnosis-queue-empty span[b-p769bg4es9],
.diagnosis-candidate-empty span[b-p769bg4es9] {
    font-size: 0.76rem;
}

.diagnosis-pager[b-p769bg4es9] {
    align-items: center;
    border-top: 1px solid var(--color-border-default, #d8dee7);
    display: flex;
    gap: 0.7rem;
    justify-content: center;
    padding: 0.75rem;
}

.diagnosis-pager button[b-p769bg4es9] {
    align-items: center;
    background: transparent;
    border: 1px solid var(--color-border-default, #d8dee7);
    border-radius: 5px;
    color: inherit;
    cursor: pointer;
    display: inline-flex;
    height: 2rem;
    justify-content: center;
    width: 2rem;
}

.diagnosis-pager button:hover:not(:disabled)[b-p769bg4es9] {
    background: rgb(15 159 146 / 10%);
    border-color: #0f9f92;
    color: #087f75;
}

.diagnosis-pager button:disabled[b-p769bg4es9] {
    cursor: default;
    opacity: 0.35;
}

.diagnosis-pager span[b-p769bg4es9] {
    color: var(--color-text-secondary, #64748b);
    font-size: 0.74rem;
    font-weight: 650;
}

.diagnosis-case-workspace[b-p769bg4es9] {
    min-height: 42rem;
}

.diagnosis-case-empty[b-p769bg4es9] {
    align-items: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    min-height: 42rem;
    padding: 2rem;
    text-align: center;
}

.diagnosis-case-empty-icon[b-p769bg4es9] {
    align-items: center;
    background: #e8f7f4;
    border-radius: 50%;
    color: #087f75;
    display: inline-flex;
    height: 3rem;
    justify-content: center;
    width: 3rem;
}

.diagnosis-case-empty h2[b-p769bg4es9] {
    font-size: 1.05rem;
    margin: 1rem 0 0;
}

.diagnosis-case-empty p[b-p769bg4es9] {
    color: var(--color-text-secondary, #64748b);
    font-size: 0.82rem;
    margin: 0.4rem 0 0;
    max-width: 28rem;
}

.diagnosis-reservation-summary[b-p769bg4es9] {
    background: linear-gradient(90deg, #eef7ff 0%, #f0fbf9 100%);
    border-bottom: 1px solid var(--color-border-default, #d8dee7);
    padding: 1.15rem;
    position: sticky;
    top: 0;
    z-index: 2;
}

.diagnosis-summary-title[b-p769bg4es9] {
    align-items: flex-start;
    display: flex;
    gap: 1rem;
    justify-content: space-between;
}

.diagnosis-summary-title h2[b-p769bg4es9] {
    font-size: 1.2rem;
    margin: 0.18rem 0 0;
}

.diagnosis-summary-title p[b-p769bg4es9] {
    color: var(--color-text-secondary, #64748b);
    font-size: 0.82rem;
    margin: 0.25rem 0 0;
}

.diagnosis-summary-meta[b-p769bg4es9],
.diagnosis-summary-metrics[b-p769bg4es9] {
    display: grid;
    gap: 0.75rem;
}

.diagnosis-summary-meta[b-p769bg4es9] {
    border-bottom: 1px solid rgb(148 163 184 / 30%);
    grid-template-columns: minmax(0, 1.5fr) minmax(9rem, 0.8fr) minmax(7rem, 0.6fr);
    margin-top: 0.9rem;
    padding-bottom: 0.8rem;
}

.diagnosis-summary-meta strong[b-p769bg4es9],
.diagnosis-summary-metrics strong[b-p769bg4es9] {
    display: block;
    font-size: 0.8rem;
    overflow-wrap: anywhere;
}

.diagnosis-summary-metrics[b-p769bg4es9] {
    grid-template-columns: repeat(4, minmax(0, 1fr));
    padding-top: 0.8rem;
}

.diagnosis-summary-metrics strong[b-p769bg4es9] {
    font-size: 1rem;
}

.diagnosis-candidate-section[b-p769bg4es9] {
    padding: 1.15rem;
}

.diagnosis-candidate-list[b-p769bg4es9] {
    display: grid;
    gap: 0.8rem;
}

.diagnosis-candidate-card[b-p769bg4es9] {
    border: 1px solid var(--color-border-default, #d8dee7);
    border-radius: 7px;
    display: grid;
    gap: 0.8rem;
    padding: 1rem;
}

.diagnosis-candidate-card-selected[b-p769bg4es9] {
    border-color: #0f9f92;
    box-shadow: inset 3px 0 0 #0f9f92;
}

.diagnosis-candidate-heading[b-p769bg4es9] {
    align-items: center;
    display: grid;
    gap: 0.75rem;
    grid-template-columns: auto minmax(0, 1fr) auto auto;
}

.diagnosis-rank[b-p769bg4es9] {
    align-items: center;
    background: #eef2ff;
    border-radius: 6px;
    color: #365ec9;
    display: inline-flex;
    font-size: 0.72rem;
    font-weight: 800;
    height: 2.15rem;
    justify-content: center;
    width: 2.15rem;
}

.diagnosis-candidate-identity strong[b-p769bg4es9],
.diagnosis-candidate-identity span[b-p769bg4es9] {
    display: block;
}

.diagnosis-candidate-identity strong[b-p769bg4es9] {
    font-size: 0.88rem;
}

.diagnosis-candidate-identity span[b-p769bg4es9] {
    color: var(--color-text-secondary, #64748b);
    font-size: 0.7rem;
    margin-top: 0.15rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.diagnosis-candidate-score[b-p769bg4es9] {
    text-align: center;
}

.diagnosis-candidate-score strong[b-p769bg4es9],
.diagnosis-candidate-score span[b-p769bg4es9] {
    display: block;
}

.diagnosis-candidate-score strong[b-p769bg4es9] {
    font-size: 1rem;
}

.diagnosis-candidate-score span[b-p769bg4es9] {
    color: var(--color-text-secondary, #64748b);
    font-size: 0.62rem;
    text-transform: uppercase;
}

.diagnosis-candidate-status[b-p769bg4es9] {
    border-radius: 999px;
    font-size: 0.68rem;
    font-weight: 750;
    padding: 0.35rem 0.55rem;
    white-space: nowrap;
}

.diagnosis-candidate-status-automatic[b-p769bg4es9] {
    background: #e8f7f4;
    color: #087f75;
}

.diagnosis-candidate-status-strong[b-p769bg4es9] {
    background: #e9f0ff;
    color: #2459b8;
}

.diagnosis-candidate-status-near[b-p769bg4es9] {
    background: #fff4d6;
    color: #8a5a00;
}

.diagnosis-candidate-signals[b-p769bg4es9] {
    color: var(--color-text-secondary, #64748b);
    display: flex;
    flex-wrap: wrap;
    font-size: 0.7rem;
    gap: 0.75rem;
}

.diagnosis-candidate-signals i[b-p769bg4es9] {
    color: #0f9f92;
    margin-right: 0.18rem;
}

.diagnosis-candidate-signals .diagnosis-meta-evidence-absent[b-p769bg4es9],
.diagnosis-candidate-signals .diagnosis-meta-evidence-absent i[b-p769bg4es9] {
    color: var(--color-text-muted, #94a3b8);
}

.diagnosis-candidate-signals .diagnosis-meta-evidence-present[b-p769bg4es9] {
    color: #087f75;
    font-weight: 600;
}

.diagnosis-comparison-grid[b-p769bg4es9] {
    display: grid;
    gap: 0.5rem;
    grid-template-columns: repeat(4, minmax(0, 1fr));
}

.diagnosis-comparison-grid > div[b-p769bg4es9] {
    background: var(--color-bg-secondary, #f6f8fb);
    border-radius: 6px;
    min-width: 0;
    padding: 0.65rem;
}

.diagnosis-comparison-grid strong[b-p769bg4es9] {
    display: block;
    font-size: 0.78rem;
    margin-bottom: 0.3rem;
    overflow-wrap: anywhere;
}

.diagnosis-comparison-result[b-p769bg4es9],
.diagnosis-comparison-grid > div > span:last-child[b-p769bg4es9] {
    display: block;
    font-size: 0.66rem;
}

.diagnosis-comparison-match[b-p769bg4es9] {
    color: #087f75;
}

.diagnosis-comparison-different[b-p769bg4es9] {
    color: #b45309;
}

.diagnosis-comparison-missing[b-p769bg4es9] {
    color: var(--color-text-secondary, #64748b);
}

.diagnosis-candidate-footer[b-p769bg4es9] {
    align-items: center;
    border-top: 1px solid var(--color-border-default, #d8dee7);
    display: flex;
    gap: 1rem;
    justify-content: space-between;
    padding-top: 0.75rem;
}

.diagnosis-factor-summary[b-p769bg4es9] {
    display: flex;
    flex-wrap: wrap;
    font-size: 0.68rem;
    gap: 0.65rem;
}

.diagnosis-factor-match[b-p769bg4es9] {
    color: #087f75;
}

.diagnosis-factor-failed[b-p769bg4es9] {
    color: #b45309;
}

.diagnosis-inspect-action[b-p769bg4es9] {
    background: #0b756d;
    border: 0;
    border-radius: 5px;
    color: #ffffff;
    cursor: pointer;
    font-size: 0.72rem;
    font-weight: 750;
    padding: 0.55rem 0.75rem;
    white-space: nowrap;
}

.diagnosis-inspect-action:hover[b-p769bg4es9] {
    background: #075e58;
}

.diagnosis-inspect-action i[b-p769bg4es9] {
    margin-left: 0.35rem;
}

.diagnosis-candidate-pager[b-p769bg4es9] {
    border-top: 0;
    padding-bottom: 0;
}

.diagnosis-detail-loading[b-p769bg4es9],
.diagnosis-evidence-detail[b-p769bg4es9] {
    border-top: 1px solid var(--color-border-default, #d8dee7);
    padding: 1.15rem;
}

.diagnosis-detail-loading[b-p769bg4es9] {
    min-height: 12rem;
}

.diagnosis-review-page[b-p769bg4es9] {
    background: var(--color-bg-primary, #ffffff);
    border: 1px solid var(--color-border-default, #d8dee7);
    border-radius: 8px;
    display: grid;
    gap: 0;
    min-width: 0;
    width: 100%;
}

.diagnosis-review-page-header[b-p769bg4es9] {
    align-items: flex-start;
    border-bottom: 1px solid var(--color-border-default, #d8dee7);
    display: flex;
    gap: 1rem;
    justify-content: space-between;
    padding: 1rem 1.25rem;
}

.diagnosis-review-page-header > div[b-p769bg4es9] {
    flex: 1;
}

.diagnosis-review-page-header h2[b-p769bg4es9] {
    font-size: 1.1rem;
    margin: 0.15rem 0 0;
}

.diagnosis-review-page-header p[b-p769bg4es9] {
    color: var(--color-text-secondary, #64748b);
    font-size: 0.8rem;
    margin: 0.25rem 0 0;
}

.diagnosis-review-back[b-p769bg4es9] {
    align-items: center;
    background: transparent;
    border: 1px solid var(--color-border-default, #d8dee7);
    border-radius: 5px;
    color: inherit;
    cursor: pointer;
    display: inline-flex;
    flex: 0 0 auto;
    font-size: 0.8rem;
    font-weight: 700;
    gap: 0.45rem;
    justify-content: center;
    padding: 0.62rem 0.8rem;
}

.diagnosis-review-back:hover[b-p769bg4es9] {
    background: var(--color-bg-secondary, #f6f8fb);
}

.diagnosis-review-back-primary[b-p769bg4es9] {
    border-color: #0f9f92;
    color: #087f75;
    margin-top: 0.5rem;
}

.diagnosis-review-page-body[b-p769bg4es9] {
    display: grid;
    gap: 1rem;
    padding: 1rem;
}

.diagnosis-review-context-empty[b-p769bg4es9] {
    align-items: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    min-height: 24rem;
    padding: 2rem;
    text-align: center;
}

.diagnosis-review-context-empty > i[b-p769bg4es9] {
    color: #0f9f92;
    font-size: 1.75rem;
}

.diagnosis-review-context-empty h2[b-p769bg4es9] {
    margin: 0.8rem 0 0;
}

.diagnosis-review-context-empty p[b-p769bg4es9] {
    color: var(--color-text-secondary, #64748b);
    margin: 0.35rem 0 0;
}

.diagnosis-row-action[b-p769bg4es9] {
    background: transparent;
    border: 1px solid #0f9f92;
    border-radius: 5px;
    color: #087f75;
    cursor: pointer;
    font-size: 0.75rem;
    font-weight: 700;
    padding: 0.35rem 0.55rem;
}

.diagnosis-row-action:hover[b-p769bg4es9] {
    background: rgb(15 159 146 / 10%);
}

.diagnosis-state-badge[b-p769bg4es9] {
    border: 1px solid transparent;
    border-radius: 999px;
    display: inline-flex;
    font-size: 0.72rem;
    font-weight: 700;
    line-height: 1;
    padding: 0.38rem 0.58rem;
    white-space: nowrap;
}

.diagnosis-state-published[b-p769bg4es9] {
    background: #e8f7f4;
    border-color: #a8ddd5;
    color: #087f75;
}

.diagnosis-state-automated[b-p769bg4es9] {
    background: #e9f0ff;
    border-color: #b8ccf6;
    color: #2459b8;
}

.diagnosis-state-manual[b-p769bg4es9] {
    background: #f1eafe;
    border-color: #d6c0f6;
    color: #6b36ad;
}

.diagnosis-state-pending[b-p769bg4es9] {
    background: #fff4d6;
    border-color: #f4cf70;
    color: #8a5a00;
}

.diagnosis-state-corrected[b-p769bg4es9] {
    background: #fff0e3;
    border-color: #f4bd8b;
    color: #9b4b08;
}

.diagnosis-selection-label[b-p769bg4es9] {
    color: var(--color-text-secondary, #64748b);
    font-size: 0.8rem;
    font-weight: 600;
}

.diagnosis-decision-layout[b-p769bg4es9] {
    display: grid;
    gap: 1.25rem;
    grid-template-columns: minmax(0, 0.85fr) minmax(0, 1.15fr);
}

.diagnosis-form-stack[b-p769bg4es9] {
    display: grid;
    gap: 1rem;
}

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

.diagnosis-confirmation[b-p769bg4es9] {
    align-items: flex-start;
    background: #fff8e8;
    border: 1px solid #f2cf82;
    border-radius: 6px;
    color: #704a00;
    display: flex !important;
    gap: 0.55rem;
    padding: 0.75rem;
    text-transform: none !important;
}

.diagnosis-confirmation input[b-p769bg4es9] {
    margin-top: 0.1rem;
}

.diagnosis-button-row[b-p769bg4es9] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.65rem;
}

.diagnosis-pending-message[b-p769bg4es9] {
    background: #fff8e8;
    border-left: 3px solid #e2a300;
    color: #704a00;
    font-size: 0.82rem;
    margin: 0;
    padding: 0.7rem;
}

.diagnosis-empty-state[b-p769bg4es9] {
    color: var(--color-text-secondary, #64748b);
    font-size: 0.875rem;
    margin: 0;
}

.diagnosis-original-json[b-p769bg4es9] {
    border: 1px solid var(--color-border-default, #d8dee7);
    border-radius: 6px;
    padding: 0.75rem;
}

.diagnosis-original-json summary[b-p769bg4es9] {
    cursor: pointer;
    font-size: 0.8rem;
    font-weight: 700;
}

.diagnosis-original-json pre[b-p769bg4es9] {
    background: var(--color-bg-secondary, #f6f8fb);
    border-radius: 5px;
    font-size: 0.72rem;
    margin: 0.75rem 0 0;
    max-height: 22rem;
    overflow: auto;
    padding: 0.75rem;
    white-space: pre-wrap;
}

.diagnosis-json-comparison[b-p769bg4es9] {
    display: grid;
    gap: 0.75rem;
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.diagnosis-history-list[b-p769bg4es9] {
    display: grid;
    gap: 0.65rem;
}

.diagnosis-history-list article[b-p769bg4es9] {
    align-items: flex-start;
    border-bottom: 1px solid var(--color-border-default, #d8dee7);
    display: grid;
    gap: 1rem;
    grid-template-columns: minmax(13rem, 0.35fr) minmax(0, 1fr);
    padding: 0.7rem 0;
}

.diagnosis-history-list article:last-child[b-p769bg4es9] {
    border-bottom: 0;
}

.diagnosis-history-list strong[b-p769bg4es9],
.diagnosis-history-list span[b-p769bg4es9] {
    display: block;
}

.diagnosis-history-list strong[b-p769bg4es9] {
    font-size: 0.82rem;
}

.diagnosis-history-list span[b-p769bg4es9],
.diagnosis-history-list p[b-p769bg4es9] {
    color: var(--color-text-secondary, #64748b);
    font-size: 0.76rem;
    margin: 0.2rem 0 0;
}

.dark .diagnosis-panel[b-p769bg4es9],
.dark .diagnosis-case-workspace[b-p769bg4es9],
.dark .diagnosis-input[b-p769bg4es9],
.dark .diagnosis-reservation-card[b-p769bg4es9],
.dark .diagnosis-reservation-queue[b-p769bg4es9],
.dark .diagnosis-textarea[b-p769bg4es9],
.dark .diagnosis-json-editor[b-p769bg4es9] {
    background: #171717;
    border-color: #3f3f46;
    color: #f4f4f5;
}

.dark .diagnosis-review-page[b-p769bg4es9] {
    background: #101010;
    border-color: #3f3f46;
    color: #f4f4f5;
}

.dark .diagnosis-review-back[b-p769bg4es9] {
    border-color: #3f3f46;
}

.dark .diagnosis-review-back:hover[b-p769bg4es9] {
    background: #242424;
}

.dark .diagnosis-state-published[b-p769bg4es9] {
    background: rgb(15 159 146 / 15%);
    border-color: rgb(45 212 191 / 35%);
    color: #5eead4;
}

.dark .diagnosis-state-automated[b-p769bg4es9] {
    background: rgb(37 99 235 / 18%);
    border-color: rgb(96 165 250 / 35%);
    color: #93c5fd;
}

.dark .diagnosis-state-manual[b-p769bg4es9] {
    background: rgb(126 34 206 / 20%);
    border-color: rgb(192 132 252 / 35%);
    color: #d8b4fe;
}

.dark .diagnosis-state-pending[b-p769bg4es9],
.dark .diagnosis-confirmation[b-p769bg4es9],
.dark .diagnosis-pending-message[b-p769bg4es9] {
    background: rgb(161 98 7 / 18%);
    border-color: rgb(245 158 11 / 35%);
    color: #fcd34d;
}

.dark .diagnosis-state-corrected[b-p769bg4es9] {
    background: rgb(194 65 12 / 18%);
    border-color: rgb(251 146 60 / 35%);
    color: #fdba74;
}

.dark .diagnosis-reservation-card-selected[b-p769bg4es9] {
    background: rgb(15 159 146 / 10%);
}

.dark .diagnosis-reservation-stay[b-p769bg4es9],
.dark .diagnosis-comparison-grid > div[b-p769bg4es9] {
    background: #202020;
}

.dark .diagnosis-reservation-summary[b-p769bg4es9] {
    background: linear-gradient(90deg, #172331 0%, #142923 100%);
}

.dark .diagnosis-case-empty-icon[b-p769bg4es9],
.dark .diagnosis-candidate-status-automatic[b-p769bg4es9] {
    background: rgb(15 159 146 / 16%);
    color: #5eead4;
}

.dark .diagnosis-rank[b-p769bg4es9],
.dark .diagnosis-candidate-status-strong[b-p769bg4es9] {
    background: rgb(37 99 235 / 18%);
    color: #93c5fd;
}

.dark .diagnosis-candidate-status-near[b-p769bg4es9] {
    background: rgb(161 98 7 / 18%);
    color: #fcd34d;
}

.dark .diagnosis-queue-empty strong[b-p769bg4es9],
.dark .diagnosis-candidate-empty strong[b-p769bg4es9] {
    color: #f4f4f5;
}

.dark .diagnosis-original-json pre[b-p769bg4es9] {
    background: #0d0d0d;
}

@media (max-width: 1100px) {
    .diagnosis-filter-grid[b-p769bg4es9] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .diagnosis-decision-layout[b-p769bg4es9] {
        grid-template-columns: 1fr;
    }

    .diagnosis-review-workspace[b-p769bg4es9] {
        grid-template-columns: 1fr;
    }

    .diagnosis-reservation-queue[b-p769bg4es9],
    .diagnosis-reservation-summary[b-p769bg4es9] {
        position: static;
    }

    .diagnosis-reservation-list[b-p769bg4es9] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 820px) {
    .diagnosis-comparison-grid[b-p769bg4es9],
    .diagnosis-summary-metrics[b-p769bg4es9] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .diagnosis-candidate-heading[b-p769bg4es9] {
        grid-template-columns: auto minmax(0, 1fr) auto;
    }

    .diagnosis-candidate-status[b-p769bg4es9] {
        grid-column: 2 / -1;
        justify-self: start;
    }
}

@media (max-width: 680px) {
    .diagnosis-filter-grid[b-p769bg4es9],
    .diagnosis-correction-grid[b-p769bg4es9] {
        grid-template-columns: 1fr;
    }

    .diagnosis-search-field[b-p769bg4es9] {
        grid-column: auto;
    }

    .diagnosis-json-comparison[b-p769bg4es9] {
        grid-template-columns: 1fr;
    }

    .diagnosis-section-heading[b-p769bg4es9] {
        flex-direction: column;
    }

    .diagnosis-reservation-list[b-p769bg4es9],
    .diagnosis-summary-meta[b-p769bg4es9],
    .diagnosis-summary-metrics[b-p769bg4es9],
    .diagnosis-comparison-grid[b-p769bg4es9] {
        grid-template-columns: 1fr;
    }

    .diagnosis-summary-title[b-p769bg4es9],
    .diagnosis-candidate-footer[b-p769bg4es9] {
        align-items: flex-start;
        flex-direction: column;
    }

    .diagnosis-candidate-heading[b-p769bg4es9] {
        grid-template-columns: auto minmax(0, 1fr) auto;
    }

    .diagnosis-candidate-status[b-p769bg4es9] {
        grid-column: 1 / -1;
    }

    .diagnosis-inspect-action[b-p769bg4es9] {
        width: 100%;
    }

    .diagnosis-review-page-header[b-p769bg4es9] {
        align-items: stretch;
        flex-direction: column;
    }

    .diagnosis-review-back[b-p769bg4es9] {
        align-self: flex-start;
    }
}
/* /Components/Admin/AttributionDiagnosis/AttributionEvidenceWorkspace.razor.rz.scp.css */
.diagnosis-panel[b-a88xyffwp9] {
    background: var(--color-bg-primary, #ffffff);
    border: 1px solid var(--color-border-default, #d8dee7);
    border-radius: 8px;
    color: var(--color-text-primary, #111827);
    overflow: hidden;
    padding: 1.25rem;
}

.diagnosis-evidence-workspace[b-a88xyffwp9] {
    display: grid;
    gap: 1rem;
}

.diagnosis-section-heading[b-a88xyffwp9] {
    align-items: flex-start;
    display: flex;
    gap: 1rem;
    justify-content: space-between;
}

.diagnosis-section-heading h2[b-a88xyffwp9],
.diagnosis-evidence-card h3[b-a88xyffwp9] {
    font-size: 1.05rem;
    font-weight: 700;
    margin: 0;
}

.diagnosis-section-heading p[b-a88xyffwp9],
.diagnosis-card-description[b-a88xyffwp9] {
    color: var(--color-text-secondary, #64748b);
    font-size: 0.84rem;
    margin: 0.3rem 0 0;
}

.diagnosis-evidence-statuses[b-a88xyffwp9] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.45rem;
    justify-content: flex-end;
}

.diagnosis-state-badge[b-a88xyffwp9] {
    border: 1px solid transparent;
    border-radius: 999px;
    display: inline-flex;
    font-size: 0.72rem;
    font-weight: 700;
    line-height: 1;
    padding: 0.38rem 0.58rem;
    white-space: nowrap;
}

.diagnosis-state-published[b-a88xyffwp9] {
    background: #e8f7f4;
    border-color: #a8ddd5;
    color: #087f75;
}

.diagnosis-state-automated[b-a88xyffwp9] {
    background: #e9f0ff;
    border-color: #b8ccf6;
    color: #2459b8;
}

.diagnosis-state-pending[b-a88xyffwp9] {
    background: #fff4d6;
    border-color: #f4cf70;
    color: #8a5a00;
}

.diagnosis-state-corrected[b-a88xyffwp9] {
    background: #fff0e3;
    border-color: #f4bd8b;
    color: #9b4b08;
}

.diagnosis-evidence-summary-grid[b-a88xyffwp9] {
    display: grid;
    gap: 0.75rem;
    grid-template-columns: repeat(4, minmax(0, 1fr));
}

.diagnosis-evidence-summary-grid article[b-a88xyffwp9],
.diagnosis-evidence-card[b-a88xyffwp9] {
    border: 1px solid var(--color-border-default, #d8dee7);
    border-radius: 7px;
    padding: 1rem;
}

.diagnosis-evidence-summary-grid span[b-a88xyffwp9] {
    color: var(--color-text-secondary, #64748b);
    display: block;
    font-size: 0.7rem;
    font-weight: 700;
    text-transform: uppercase;
}

.diagnosis-evidence-summary-grid strong[b-a88xyffwp9] {
    display: block;
    font-size: 0.96rem;
    margin-top: 0.35rem;
}

.diagnosis-evidence-summary-grid small[b-a88xyffwp9] {
    color: var(--color-text-secondary, #64748b);
    display: block;
    font-size: 0.76rem;
    margin-top: 0.2rem;
}

.diagnosis-reservation-usage-card[b-a88xyffwp9] {
    display: grid;
    gap: 1rem;
}

.diagnosis-reservation-usage-heading[b-a88xyffwp9] {
    align-items: flex-start;
    display: flex;
    gap: 1rem;
    justify-content: space-between;
}

.diagnosis-reservation-usage-heading p[b-a88xyffwp9] {
    color: var(--color-text-secondary, #64748b);
    margin: 0.25rem 0 0;
}

.diagnosis-reservation-usage-list[b-a88xyffwp9] {
    display: grid;
}

.diagnosis-reservation-usage-list article[b-a88xyffwp9] {
    align-items: center;
    border-top: 1px solid var(--color-border-default, #d8dee7);
    display: flex;
    gap: 1rem;
    justify-content: space-between;
    padding: 0.85rem 0;
}

.diagnosis-reservation-usage-list article:first-child[b-a88xyffwp9] {
    border-top: 0;
    padding-top: 0;
}

.diagnosis-reservation-usage-list article:last-child[b-a88xyffwp9] {
    padding-bottom: 0;
}

.diagnosis-reservation-usage-list article > div[b-a88xyffwp9] {
    display: grid;
    gap: 0.25rem;
    min-width: 0;
}

.diagnosis-reservation-usage-list strong[b-a88xyffwp9] {
    overflow-wrap: anywhere;
}

.diagnosis-reservation-usage-list small[b-a88xyffwp9] {
    color: var(--color-text-secondary, #64748b);
}

.diagnosis-reservation-usage-meta[b-a88xyffwp9] {
    justify-items: end;
    text-align: right;
}
.diagnosis-evidence-columns[b-a88xyffwp9] {
    display: grid;
    gap: 1rem;
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.diagnosis-factor-list[b-a88xyffwp9] {
    display: grid;
    gap: 0.6rem;
    list-style: none;
    margin: 0.8rem 0 0;
    padding: 0;
}

.diagnosis-factor-list li[b-a88xyffwp9] {
    align-items: flex-start;
    display: flex;
    font-size: 0.82rem;
    gap: 0.55rem;
}

.diagnosis-factor-matched i[b-a88xyffwp9] {
    color: #0f9f72;
}

.diagnosis-factor-failed i[b-a88xyffwp9] {
    color: #d88b00;
}

.diagnosis-empty-state[b-a88xyffwp9] {
    color: var(--color-text-secondary, #64748b);
    font-size: 0.82rem;
    margin: 0.75rem 0 0;
}

.diagnosis-comparison-table[b-a88xyffwp9] {
    display: grid;
    margin-top: 0.8rem;
    overflow-x: auto;
}

.diagnosis-comparison-table > div[b-a88xyffwp9] {
    border-bottom: 1px solid var(--color-border-default, #e2e8f0);
    display: grid;
    font-size: 0.8rem;
    gap: 0.7rem;
    grid-template-columns: 0.8fr 1fr 1fr 0.7fr;
    min-width: 42rem;
    padding: 0.7rem 0.35rem;
}

.diagnosis-comparison-table > div:last-child[b-a88xyffwp9] {
    border-bottom: 0;
}

.diagnosis-comparison-header[b-a88xyffwp9] {
    color: var(--color-text-secondary, #64748b);
    font-size: 0.7rem !important;
    font-weight: 700;
    text-transform: uppercase;
}

.diagnosis-property-list[b-a88xyffwp9] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
    margin-top: 0.8rem;
}

.diagnosis-property-list > span[b-a88xyffwp9] {
    background: var(--color-bg-secondary, #f1f5f9);
    border: 1px solid var(--color-border-default, #d8dee7);
    border-radius: 5px;
    font-size: 0.78rem;
    padding: 0.45rem 0.6rem;
}

.diagnosis-property-list .diagnosis-property-matched[b-a88xyffwp9] {
    background: #e8f7f4;
    border-color: #7dd3c7;
    color: #087f75;
}

.diagnosis-property-list small[b-a88xyffwp9] {
    font-weight: 700;
    margin-left: 0.35rem;
    text-transform: uppercase;
}

.diagnosis-timeline[b-a88xyffwp9] {
    display: grid;
    gap: 0;
    margin-top: 0.9rem;
    max-height: 31rem;
    overflow-y: auto;
    padding-left: 0.25rem;
}

.diagnosis-timeline article[b-a88xyffwp9] {
    border-left: 2px solid var(--color-border-default, #d8dee7);
    min-height: 4.25rem;
    padding: 0 0 0.9rem 1.2rem;
    position: relative;
}

.diagnosis-timeline-marker[b-a88xyffwp9] {
    background: #11a89b;
    border: 3px solid var(--color-bg-primary, #ffffff);
    border-radius: 50%;
    height: 0.9rem;
    left: -0.5rem;
    position: absolute;
    top: 0.1rem;
    width: 0.9rem;
}

.diagnosis-timeline article > div[b-a88xyffwp9] {
    min-width: 0;
}

.diagnosis-timeline strong[b-a88xyffwp9] {
    font-size: 0.84rem;
}

.diagnosis-timeline time[b-a88xyffwp9] {
    color: var(--color-text-secondary, #64748b);
    font-size: 0.74rem;
    margin-left: 0.5rem;
}

.diagnosis-timeline p[b-a88xyffwp9] {
    color: var(--color-text-secondary, #64748b);
    font-size: 0.76rem;
    margin: 0.2rem 0 0;
}

.diagnosis-enhancement-list[b-a88xyffwp9] {
    display: grid;
    gap: 0.55rem;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    margin-top: 0.9rem;
}

.diagnosis-enhancement-heading[b-a88xyffwp9] {
    align-items: flex-start;
    display: flex;
    gap: 1rem;
    justify-content: space-between;
}

.diagnosis-enhancement-heading .diagnosis-card-description[b-a88xyffwp9] {
    margin-bottom: 0;
}

.diagnosis-expand-all-button[b-a88xyffwp9] {
    align-items: center;
    background: transparent;
    border: 1px solid var(--color-border-default, #d8dee7);
    border-radius: 6px;
    color: #087f75;
    cursor: pointer;
    display: inline-flex;
    flex: 0 0 auto;
    font-size: 0.78rem;
    font-weight: 600;
    gap: 0.4rem;
    min-height: 2.25rem;
    padding: 0.45rem 0.7rem;
}

.diagnosis-expand-all-button:hover[b-a88xyffwp9] {
    background: rgb(15 159 146 / 8%);
    border-color: #0f9f92;
}

.diagnosis-enhancement-list > article[b-a88xyffwp9] {
    border: 1px solid var(--color-border-default, #d8dee7);
    border-radius: 6px;
    min-width: 0;
    overflow: hidden;
}

.diagnosis-enhancement-list > article.is-selected[b-a88xyffwp9] {
    border-color: #0f9f92;
    box-shadow: inset 3px 0 #0f9f92;
}

.diagnosis-enhancement-list button[b-a88xyffwp9] {
    align-items: center;
    background: transparent;
    border: 0;
    color: inherit;
    cursor: pointer;
    display: flex;
    gap: 0.75rem;
    justify-content: space-between;
    padding: 0.75rem;
    text-align: left;
    width: 100%;
}

.diagnosis-enhancement-list button:hover[b-a88xyffwp9] {
    background: rgb(15 159 146 / 8%);
}

.diagnosis-enhancement-list strong[b-a88xyffwp9],
.diagnosis-enhancement-list small[b-a88xyffwp9] {
    display: block;
}

.diagnosis-event-json[b-a88xyffwp9] {
    border-top: 1px solid var(--color-border-default, #d8dee7);
    padding: 0.7rem 0.8rem;
}

.diagnosis-event-json summary[b-a88xyffwp9] {
    cursor: pointer;
    font-size: 0.74rem;
    font-weight: 700;
}

.diagnosis-event-json pre[b-a88xyffwp9] {
    background: var(--color-bg-secondary, #f6f8fb);
    border-radius: 5px;
    font-size: 0.7rem;
    margin: 0.65rem 0 0;
    max-height: 20rem;
    overflow: auto;
    padding: 0.75rem;
    white-space: pre-wrap;
    word-break: break-word;
}

.diagnosis-enhancement-list strong[b-a88xyffwp9] {
    font-size: 0.82rem;
}

.diagnosis-enhancement-list small[b-a88xyffwp9] {
    color: var(--color-text-secondary, #64748b);
    font-size: 0.72rem;
    margin-top: 0.2rem;
}

.dark .diagnosis-panel[b-a88xyffwp9],
.dark .diagnosis-timeline-marker[b-a88xyffwp9] {
    background: #171717;
    border-color: #3f3f46;
    color: #f4f4f5;
}

.dark .diagnosis-evidence-summary-grid article[b-a88xyffwp9],
.dark .diagnosis-evidence-card[b-a88xyffwp9],
.dark .diagnosis-enhancement-list > article[b-a88xyffwp9],
.dark .diagnosis-comparison-table > div[b-a88xyffwp9],
.dark .diagnosis-timeline article[b-a88xyffwp9] {
    border-color: #3f3f46;
}

.dark .diagnosis-event-json pre[b-a88xyffwp9] {
    background: #0d0d0d;
}

.dark .diagnosis-property-list > span[b-a88xyffwp9] {
    background: #242424;
    border-color: #3f3f46;
}

.dark .diagnosis-property-list .diagnosis-property-matched[b-a88xyffwp9],
.dark .diagnosis-state-published[b-a88xyffwp9] {
    background: rgb(15 159 146 / 15%);
    border-color: rgb(45 212 191 / 35%);
    color: #5eead4;
}

.dark .diagnosis-state-automated[b-a88xyffwp9] {
    background: rgb(37 99 235 / 18%);
    border-color: rgb(96 165 250 / 35%);
    color: #93c5fd;
}

.dark .diagnosis-state-pending[b-a88xyffwp9] {
    background: rgb(161 98 7 / 18%);
    border-color: rgb(245 158 11 / 35%);
    color: #fcd34d;
}

.dark .diagnosis-state-corrected[b-a88xyffwp9] {
    background: rgb(194 65 12 / 18%);
    border-color: rgb(251 146 60 / 35%);
    color: #fdba74;
}

@media (max-width: 1050px) {
    .diagnosis-evidence-summary-grid[b-a88xyffwp9],
    .diagnosis-evidence-columns[b-a88xyffwp9] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 680px) {
    .diagnosis-section-heading[b-a88xyffwp9] {
        flex-direction: column;
    }

    .diagnosis-evidence-statuses[b-a88xyffwp9] {
        justify-content: flex-start;
    }

    .diagnosis-evidence-summary-grid[b-a88xyffwp9],
    .diagnosis-evidence-columns[b-a88xyffwp9],
    .diagnosis-enhancement-list[b-a88xyffwp9] {
        grid-template-columns: 1fr;
    }

    .diagnosis-reservation-usage-heading[b-a88xyffwp9],
    .diagnosis-reservation-usage-list article[b-a88xyffwp9] {
        align-items: flex-start;
        flex-direction: column;
    }

    .diagnosis-reservation-usage-meta[b-a88xyffwp9] {
        justify-items: start;
        text-align: left;
    }
}
/* /Components/Admin/AttributionJourney/JourneyReservationComparisonCarousel.razor.rz.scp.css */
.journey-reservation-comparison-slider[b-2sgxpn5sn0] {
    width: 100%;
}

.journey-booking-indicator[b-2sgxpn5sn0] {
    min-width: 6rem;
}

.journey-reservation-comparison-slider .swiper-slide[b-2sgxpn5sn0] {
    height: auto;
    width: 100% !important;
}
/* /Components/Admin/RoasLineage/RoasLineage.razor.rz.scp.css */
.roas-lineage-artifact-browser[b-h7x0b20d3e] {
    display: grid;
    gap: 1rem;
    grid-template-columns: repeat(auto-fit, minmax(15rem, 1fr));
    margin-top: 1rem;
}

.roas-lineage-artifact-browser h3[b-h7x0b20d3e] {
    font-size: 0.78rem;
    letter-spacing: 0.06em;
    margin: 0 0 0.5rem;
    text-transform: uppercase;
}

.roas-lineage-artifact-browser ul[b-h7x0b20d3e] {
    display: grid;
    gap: 0.35rem;
    list-style: none;
    margin: 0;
    padding: 0;
}

.roas-lineage-artifact-browser button[b-h7x0b20d3e] {
    align-items: center;
    background: transparent;
    border: 1px solid var(--color-slate-200);
    border-radius: 0.55rem;
    color: var(--color-slate-800);
    cursor: pointer;
    display: flex;
    justify-content: space-between;
    padding: 0.6rem 0.7rem;
    text-align: left;
    width: 100%;
}

.roas-lineage-artifact-browser button:hover[b-h7x0b20d3e] {
    border-color: var(--color-sky-600);
}

.roas-lineage-artifact-browser button:disabled[b-h7x0b20d3e] {
    cursor: not-allowed;
    opacity: 0.55;
}

.roas-lineage-artifact-browser small[b-h7x0b20d3e] {
    color: var(--color-slate-500);
}

.roas-lineage-calculations[b-h7x0b20d3e] {
    border-bottom: 1px solid var(--color-slate-200);
    border-top: 1px solid var(--color-slate-200);
    padding: 0.8rem 0;
}

.roas-lineage-calculations article[b-h7x0b20d3e] {
    display: grid;
    gap: 0.2rem;
    grid-template-columns: minmax(10rem, 1fr) auto;
    padding: 0.6rem 0;
}

.roas-lineage-calculations article + article[b-h7x0b20d3e] {
    border-top: 1px solid var(--color-slate-100);
}

.roas-lineage-calculations small[b-h7x0b20d3e] {
    color: var(--color-slate-500);
    grid-column: 1 / -1;
}

.roas-lineage-cross-checks[b-h7x0b20d3e] {
    margin-top: 1.25rem;
}

.roas-lineage-cross-checks > h2[b-h7x0b20d3e] {
    font-size: 1rem;
}

.roas-lineage-cross-checks article[b-h7x0b20d3e] {
    border-top: 1px solid var(--color-slate-200);
    display: grid;
    gap: 0.5rem;
    padding: 0.9rem 0;
}

.roas-lineage-cross-checks article > span[b-h7x0b20d3e],
.roas-lineage-cross-checks article > p[b-h7x0b20d3e] {
    color: var(--color-slate-500);
}

.roas-lineage-cross-checks dl[b-h7x0b20d3e] {
    display: grid;
    gap: 0.5rem;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    margin: 0;
}

.roas-lineage-cross-checks dl div[b-h7x0b20d3e] {
    display: grid;
}

.roas-lineage-cross-checks dd[b-h7x0b20d3e],
.roas-lineage-cross-checks dt[b-h7x0b20d3e] {
    margin: 0;
}

.roas-lineage-cross-checks dt[b-h7x0b20d3e] {
    color: var(--color-slate-500);
    font-size: 0.75rem;
}

.roas-lineage-current[b-h7x0b20d3e],
.roas-lineage-intro[b-h7x0b20d3e],
.roas-lineage-primary[b-h7x0b20d3e],
.roas-lineage-secondary[b-h7x0b20d3e] {
    margin: 0 1rem 1rem;
}

.roas-lineage-current[b-h7x0b20d3e] {
    background: #fff;
    border: 1px solid var(--color-slate-200);
    border-radius: 0.9rem;
    box-shadow: 0 0.4rem 1.4rem rgb(15 23 42 / 0.05);
    display: grid;
    gap: 1rem;
    padding: 1rem;
}

.roas-lineage-current-heading[b-h7x0b20d3e] {
    align-items: end;
    display: grid;
    gap: 1rem;
    grid-template-columns: minmax(16rem, 24rem) 1fr;
}

.roas-lineage-current-heading h2[b-h7x0b20d3e] {
    margin: 0;
}

.roas-lineage-empty[b-h7x0b20d3e],
.roas-lineage-loading[b-h7x0b20d3e] {
    color: var(--color-slate-500);
    padding: 1rem;
    text-align: center;
}

.roas-lineage-eyebrow[b-h7x0b20d3e] {
    color: var(--color-sky-700);
    font-size: 0.7rem;
    font-weight: 700;
    letter-spacing: 0.08em;
    margin: 0 0 0.2rem;
    text-transform: uppercase;
}

.roas-lineage-history-detail[b-h7x0b20d3e] {
    min-width: 0;
    padding: 1rem;
}

.roas-lineage-history-detail > header[b-h7x0b20d3e] {
    align-items: start;
    display: flex;
    justify-content: space-between;
}

.roas-lineage-history-detail h2[b-h7x0b20d3e],
.roas-lineage-history-detail p[b-h7x0b20d3e] {
    margin: 0;
}

.roas-lineage-history-workspace[b-h7x0b20d3e] {
    border: 1px solid var(--color-slate-200);
    border-radius: 0.8rem;
    display: grid;
    grid-template-columns: minmax(15rem, 20rem) minmax(0, 1fr);
    margin-top: 1rem;
    overflow: hidden;
}

.roas-lineage-intro[b-h7x0b20d3e] {
    border-left: 0.25rem solid var(--color-sky-600);
    padding: 0.4rem 1rem;
}

.roas-lineage-intro h1[b-h7x0b20d3e],
.roas-lineage-intro p[b-h7x0b20d3e] {
    margin: 0;
}

.roas-lineage-intro > div > p:last-child[b-h7x0b20d3e] {
    color: var(--color-slate-600);
    margin-top: 0.3rem;
}

.roas-lineage-initial-loading[b-h7x0b20d3e] {
    align-items: center;
    background: #fff;
    border: 1px solid var(--color-slate-200);
    border-radius: 0.9rem;
    color: var(--color-slate-600);
    display: flex;
    flex-direction: column;
    gap: 0.3rem;
    justify-content: center;
    margin: 0 1rem 1rem;
    min-height: 12rem;
    padding: 2rem;
    text-align: center;
}

.roas-lineage-initial-loading strong[b-h7x0b20d3e] {
    color: var(--color-slate-900);
}

.roas-lineage-json[b-h7x0b20d3e] {
    background: var(--color-slate-950);
    border-radius: 0.65rem;
    color: var(--color-slate-100);
    max-height: 38rem;
    overflow: auto;
    padding: 1rem;
    white-space: pre-wrap;
}

.roas-lineage-linked-runs[b-h7x0b20d3e] {
    border-top: 1px solid var(--color-slate-200);
    margin-top: 1rem;
    padding-top: 0.8rem;
}

.roas-lineage-linked-runs p[b-h7x0b20d3e] {
    display: flex;
    justify-content: space-between;
}

.roas-lineage-linked-runs p span[b-h7x0b20d3e] {
    color: var(--color-slate-500);
}

.roas-lineage-message[b-h7x0b20d3e],
.roas-lineage-search-error[b-h7x0b20d3e],
.roas-lineage-technical-warnings[b-h7x0b20d3e] {
    background: var(--color-amber-50);
    border-left: 0.25rem solid var(--color-amber-600);
    border-radius: 0.5rem;
    color: var(--color-amber-900);
    margin: 0.75rem 0;
    padding: 0.75rem 0.9rem;
}

.roas-lineage-technical-warnings p[b-h7x0b20d3e] {
    margin: 0;
}

.roas-lineage-technical-warnings p + p[b-h7x0b20d3e] {
    margin-top: 0.35rem;
}

.roas-lineage-output-card[b-h7x0b20d3e] {
    background: var(--color-slate-50);
    border: 1px solid var(--color-slate-200);
    border-radius: 0.75rem;
    color: var(--color-slate-900);
    cursor: pointer;
    display: grid;
    gap: 0.25rem;
    min-height: 8.5rem;
    padding: 0.85rem;
    text-align: left;
    transition: border-color 120ms ease, box-shadow 120ms ease, transform 120ms ease;
}

.roas-lineage-output-card:not(:disabled):hover[b-h7x0b20d3e] {
    border-color: var(--color-sky-600);
    transform: translateY(-1px);
}

.roas-lineage-output-card.is-selected[b-h7x0b20d3e] {
    background: var(--color-sky-100);
    border-color: var(--color-sky-700);
    box-shadow: 0 0 0 3px color-mix(in srgb, var(--color-sky-500) 15%, transparent);
}

.roas-lineage-output-card.is-selected[b-h7x0b20d3e]::after {
    color: var(--color-sky-700);
    content: "Viewing flow below ↓";
    font-size: 0.7rem;
    font-weight: 700;
    margin-top: auto;
    text-transform: uppercase;
}

.roas-lineage-output-card:disabled[b-h7x0b20d3e] {
    cursor: not-allowed;
    opacity: 0.55;
}

.roas-lineage-output-card strong[b-h7x0b20d3e] {
    color: var(--color-sky-800);
    font-size: 1.25rem;
}

.roas-lineage-output-card small[b-h7x0b20d3e] {
    color: var(--color-slate-500);
}

.roas-lineage-output-grid[b-h7x0b20d3e] {
    display: grid;
    gap: 0.65rem;
    grid-template-columns: repeat(4, minmax(0, 1fr));
}

.roas-lineage-output-preset[b-h7x0b20d3e] {
    font-size: 0.72rem;
    font-weight: 700;
    letter-spacing: 0.06em;
    text-transform: uppercase;
}

.roas-lineage-primary[b-h7x0b20d3e] {
    background: #fff;
    border: 1px solid var(--color-slate-200);
    border-radius: 0.9rem;
    box-shadow: 0 0.4rem 1.4rem rgb(15 23 42 / 0.05);
    padding: 1rem;
}

.roas-lineage-raw-evidence[b-h7x0b20d3e] {
    border-top: 1px solid var(--color-slate-200);
    margin-top: 1rem;
    padding-top: 1rem;
}

.roas-lineage-raw-evidence > header[b-h7x0b20d3e] {
    align-items: center;
    display: flex;
    justify-content: space-between;
}

.roas-lineage-raw-evidence h2[b-h7x0b20d3e] {
    margin: 0;
}

.roas-lineage-run-list[b-h7x0b20d3e] {
    display: grid;
    max-height: 45rem;
    overflow: auto;
}

.roas-lineage-run-card[b-h7x0b20d3e] {
    background: transparent;
    border: 0;
    border-top: 1px solid var(--color-slate-200);
    color: var(--color-slate-800);
    cursor: pointer;
    display: grid;
    gap: 0.2rem;
    padding: 0.75rem;
    text-align: left;
}

.roas-lineage-run-card > span:first-child[b-h7x0b20d3e] {
    display: flex;
    justify-content: space-between;
}

.roas-lineage-run-card:hover[b-h7x0b20d3e],
.roas-lineage-run-card.is-selected[b-h7x0b20d3e] {
    background: var(--color-sky-100);
}

.roas-lineage-run-panel[b-h7x0b20d3e] {
    border-right: 1px solid var(--color-slate-200);
}

.roas-lineage-run-panel > header[b-h7x0b20d3e] {
    display: flex;
    justify-content: space-between;
    padding: 0.75rem;
}

.roas-lineage-run-panel small[b-h7x0b20d3e],
.roas-lineage-run-card > small[b-h7x0b20d3e],
.roas-lineage-run-card > span:not(:first-child)[b-h7x0b20d3e] {
    color: var(--color-slate-500);
}

.roas-lineage-search[b-h7x0b20d3e] {
    display: grid;
    gap: 0.8rem;
}

.roas-lineage-search-advanced[b-h7x0b20d3e] {
    display: grid;
    gap: 0.65rem;
    grid-template-columns: repeat(4, minmax(0, 1fr));
}

.roas-lineage-search-primary[b-h7x0b20d3e] {
    align-items: end;
    display: grid;
    gap: 0.65rem;
    grid-template-columns: repeat(2, minmax(12rem, 1fr)) auto auto;
}

.roas-lineage-secondary[b-h7x0b20d3e] {
    background: #fff;
    border: 1px solid var(--color-slate-200);
    border-radius: 0.85rem;
    padding: 0.9rem 1rem;
}

.roas-lineage-secondary > summary[b-h7x0b20d3e] {
    cursor: pointer;
    font-size: 1rem;
}

.roas-lineage-secondary > summary span[b-h7x0b20d3e] {
    display: inline-grid;
    gap: 0.15rem;
}

.roas-lineage-secondary > summary small[b-h7x0b20d3e] {
    color: var(--color-slate-500);
    font-weight: 400;
}

.roas-lineage-secondary[open] > summary[b-h7x0b20d3e] {
    border-bottom: 1px solid var(--color-slate-200);
    margin-bottom: 1rem;
    padding-bottom: 0.75rem;
}

.roas-lineage-technical-grid[b-h7x0b20d3e] {
    display: grid;
    gap: 0.6rem;
    grid-template-columns: repeat(auto-fit, minmax(12rem, 1fr));
}

.roas-lineage-technical-grid article[b-h7x0b20d3e] {
    border-left: 2px solid var(--color-slate-300);
    display: grid;
    gap: 0.15rem;
    padding: 0.4rem 0.7rem;
}

.roas-lineage-technical-grid article > span[b-h7x0b20d3e],
.roas-lineage-technical-grid article > small[b-h7x0b20d3e],
.roas-lineage-technical-grid article > p[b-h7x0b20d3e] {
    color: var(--color-slate-500);
}

.roas-lineage-technical-grid article > p[b-h7x0b20d3e] {
    margin: 0.25rem 0 0;
}

.roas-lineage-text-button[b-h7x0b20d3e] {
    background: transparent;
    border: 0;
    color: var(--color-sky-700);
    cursor: pointer;
    font-weight: 700;
    padding: 0.5rem;
}

.roas-lineage-text-button:hover[b-h7x0b20d3e] {
    text-decoration: underline;
}

@media (max-width: 1000px) {
    .roas-lineage-output-grid[b-h7x0b20d3e] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .roas-lineage-search-advanced[b-h7x0b20d3e] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 720px) {
    .roas-lineage-current-heading[b-h7x0b20d3e],
    .roas-lineage-history-workspace[b-h7x0b20d3e],
    .roas-lineage-output-grid[b-h7x0b20d3e],
    .roas-lineage-search-advanced[b-h7x0b20d3e],
    .roas-lineage-search-primary[b-h7x0b20d3e] {
        grid-template-columns: 1fr;
    }

    .roas-lineage-cross-checks dl[b-h7x0b20d3e] {
        grid-template-columns: 1fr;
    }

    .roas-lineage-run-panel[b-h7x0b20d3e] {
        border-bottom: 1px solid var(--color-slate-200);
        border-right: 0;
    }
}
/* /Components/Admin/RoasLineage/RoasLineageBlueprintDomain.razor.rz.scp.css */
.roas-blueprint-domain[b-z64fhgivdb] {
    background: #fff;
    border: 1px solid var(--color-slate-200);
    border-radius: 0.85rem;
    display: grid;
    gap: 1rem;
    padding: 1rem;
}

.roas-blueprint-domain > header[b-z64fhgivdb] {
    align-items: start;
    display: flex;
    gap: 1rem;
    justify-content: space-between;
}

.roas-blueprint-domain h3[b-z64fhgivdb],
.roas-blueprint-domain p[b-z64fhgivdb] {
    margin: 0;
}

.roas-blueprint-domain > header > span[b-z64fhgivdb] {
    background: var(--color-slate-100);
    border-radius: 999px;
    color: var(--color-slate-600);
    flex: none;
    font-size: 0.78rem;
    padding: 0.35rem 0.65rem;
}

.roas-blueprint-diagram[b-z64fhgivdb] {
    border: 1px solid var(--color-slate-200);
    border-radius: 0.7rem;
    min-width: 0;
    overflow: hidden;
    padding: 0.75rem;
}

.roas-blueprint-anchored-diagram[b-z64fhgivdb] {
    display: block;
    height: auto;
    width: 100%;
}

.roas-blueprint-domain-edges > path[b-z64fhgivdb] {
    fill: none;
    marker-end: url("#roas-blueprint-domain-arrow");
    stroke: var(--color-slate-400);
    stroke-width: 2;
    vector-effect: non-scaling-stroke;
}

.roas-blueprint-domain-edges marker path[b-z64fhgivdb] {
    fill: var(--color-slate-500);
}

.roas-blueprint-domain-edge-label rect[b-z64fhgivdb] {
    fill: #fff;
    stroke: var(--color-slate-200);
    stroke-width: 1;
    vector-effect: non-scaling-stroke;
}

.roas-blueprint-domain-edge-label text[b-z64fhgivdb] {
    fill: var(--color-slate-600);
    font-size: 13px;
}

.roas-blueprint-domain-node[b-z64fhgivdb] {
    outline: none;
}

.roas-blueprint-domain-node .roas-blueprint-domain-node-shape[b-z64fhgivdb] {
    fill: #fff;
    stroke: var(--color-slate-300);
    stroke-width: 1.5;
    vector-effect: non-scaling-stroke;
}

.roas-blueprint-domain-node.is-highlighted .roas-blueprint-domain-node-shape[b-z64fhgivdb] {
    fill: var(--color-sky-100);
    stroke: var(--color-sky-600);
    stroke-width: 3;
}

.roas-blueprint-domain-node.is-selected .roas-blueprint-domain-node-shape[b-z64fhgivdb] {
    filter: drop-shadow(0 4px 7px rgb(15 118 110 / 0.18));
    stroke: var(--color-teal-600);
    stroke-width: 4;
}

.roas-blueprint-domain-node:focus .roas-blueprint-domain-node-shape[b-z64fhgivdb] {
    stroke: var(--color-sky-700);
    stroke-width: 4;
}

.roas-blueprint-domain-node.is-phase-boundary[b-z64fhgivdb] {
    cursor: pointer;
}

.roas-blueprint-domain-node.is-phase-boundary .roas-blueprint-domain-node-shape[b-z64fhgivdb] {
    fill: var(--color-slate-50);
    stroke: var(--color-slate-400);
    stroke-dasharray: 7 5;
}

.roas-blueprint-domain-node.is-phase-boundary:hover .roas-blueprint-domain-node-shape[b-z64fhgivdb] {
    fill: var(--color-sky-100);
    stroke: var(--color-teal-600);
}

.roas-blueprint-domain-node-key[b-z64fhgivdb] {
    fill: var(--color-sky-700);
    font-size: 14px;
    font-weight: 700;
    letter-spacing: 0.07em;
}

.roas-blueprint-domain-node-label[b-z64fhgivdb] {
    align-items: start;
    color: var(--color-slate-900);
    display: flex;
    font-size: 16px;
    font-weight: 600;
    height: 100%;
    justify-content: center;
    line-height: 1.35;
    overflow: hidden;
    overflow-wrap: anywhere;
    text-align: center;
    width: 100%;
}

.roas-blueprint-domain-node-basis[b-z64fhgivdb] {
    color: var(--color-sky-700);
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 0.05em;
    line-height: 1.15;
    text-transform: uppercase;
}

.roas-blueprint-domain-node-diagnostic-content[b-z64fhgivdb] {
    align-items: center;
    display: flex;
    flex-direction: column;
    gap: 0.3rem;
    height: 100%;
    justify-content: start;
    overflow: hidden;
    overflow-wrap: anywhere;
    text-align: center;
    width: 100%;
}

.roas-blueprint-domain-node-value[b-z64fhgivdb] {
    color: var(--color-slate-800);
    display: block;
    font-size: 13px;
    font-weight: 600;
    line-height: 1.2;
    max-width: 100%;
}

.roas-blueprint-breadcrumb[b-z64fhgivdb] {
    align-items: center;
    color: var(--color-slate-600);
    display: flex;
    flex-wrap: wrap;
    font-size: 0.82rem;
    gap: 0.45rem;
}

.roas-blueprint-process-explorer[b-z64fhgivdb] {
    align-items: start;
    background: linear-gradient(135deg, var(--color-slate-50), #fff);
    border: 1px solid var(--color-slate-200);
    border-radius: 0.8rem;
    display: grid;
    gap: 1.25rem;
    grid-template-columns: minmax(0, 1fr) minmax(15rem, 1.15fr) minmax(0, 1fr);
    padding: 1rem;
}

.roas-blueprint-process-explorer h5[b-z64fhgivdb] {
    color: var(--color-slate-600);
    font-size: 0.75rem;
    letter-spacing: 0.08em;
    margin: 0;
    text-transform: uppercase;
}

.roas-blueprint-relationship-column[b-z64fhgivdb],
.roas-blueprint-selected-column[b-z64fhgivdb] {
    display: grid;
    gap: 0.65rem;
    min-width: 0;
}

.roas-blueprint-process-card[b-z64fhgivdb] {
    background: #fff;
    border: 1px solid var(--color-slate-300);
    border-radius: 0.75rem;
    color: var(--color-slate-900);
    display: grid;
    gap: 0.45rem;
    min-height: 9rem;
    overflow-wrap: anywhere;
    padding: 0.9rem;
    text-align: left;
}

button.roas-blueprint-process-card[b-z64fhgivdb] {
    cursor: pointer;
}

button.roas-blueprint-process-card:hover[b-z64fhgivdb] {
    background: var(--color-sky-100);
    border-color: var(--color-teal-500);
}

.roas-blueprint-process-card:focus-visible[b-z64fhgivdb] {
    outline: 3px solid var(--color-sky-500);
    outline-offset: 2px;
}

.roas-blueprint-process-card.is-selected[b-z64fhgivdb] {
    background: var(--color-sky-100);
    border-color: var(--color-teal-600);
    box-shadow: 0 6px 18px rgb(15 118 110 / 0.14);
    min-height: 12rem;
}

.roas-blueprint-process-card.is-decision[b-z64fhgivdb] {
    border-top: 0.3rem solid var(--color-sky-600);
}

.roas-blueprint-card-key[b-z64fhgivdb],
.roas-blueprint-domain-node-basis[b-z64fhgivdb] {
    color: var(--color-sky-700);
    font-size: 0.75rem;
    font-weight: 700;
    letter-spacing: 0.06em;
    text-transform: uppercase;
}

.roas-blueprint-card-action[b-z64fhgivdb] {
    align-self: end;
    color: var(--color-sky-700);
    font-size: 0.78rem;
    font-weight: 700;
}

.roas-blueprint-branch-label[b-z64fhgivdb] {
    background: var(--color-slate-100);
    border-radius: 999px;
    color: var(--color-slate-700);
    font-size: 0.75rem;
    justify-self: start;
    padding: 0.25rem 0.55rem;
}

.roas-blueprint-endpoint[b-z64fhgivdb] {
    border: 1px dashed var(--color-slate-300);
    border-radius: 0.75rem;
    color: var(--color-slate-600);
    margin: 0;
    padding: 1rem;
}

.roas-blueprint-disclaimer[b-z64fhgivdb] {
    color: var(--color-slate-600);
    max-width: 72rem;
}

.roas-blueprint-phase-overview[b-z64fhgivdb] {
    display: grid;
    gap: 0.85rem;
}

.roas-blueprint-phase-overview > header[b-z64fhgivdb],
.roas-blueprint-phase-detail-heading[b-z64fhgivdb] {
    align-items: start;
    display: flex;
    gap: 1rem;
    justify-content: space-between;
}

.roas-blueprint-phase-overview h4[b-z64fhgivdb],
.roas-blueprint-phase-detail-heading h4[b-z64fhgivdb] {
    margin: 0;
}

.roas-blueprint-phase-overview > header > span[b-z64fhgivdb],
.roas-blueprint-phase-detail-heading > span[b-z64fhgivdb] {
    color: var(--color-slate-600);
    font-size: 0.82rem;
    max-width: 28rem;
    text-align: right;
}

.roas-blueprint-phases[b-z64fhgivdb] {
    display: grid;
    gap: 0.65rem;
    grid-template-columns: repeat(4, minmax(0, 1fr));
}

.roas-blueprint-phase[b-z64fhgivdb] {
    align-items: start;
    background: #fff;
    border: 1px solid var(--color-slate-300);
    border-radius: 0.75rem;
    color: var(--color-slate-900);
    cursor: pointer;
    display: grid;
    gap: 0.65rem;
    grid-template-columns: auto minmax(0, 1fr);
    padding: 0.85rem;
    text-align: left;
}

.roas-blueprint-phase:hover[b-z64fhgivdb] {
    border-color: var(--color-teal-500);
}

.roas-blueprint-phase:focus-visible[b-z64fhgivdb] {
    outline: 3px solid var(--color-sky-500);
    outline-offset: 2px;
}

.roas-blueprint-phase.is-selected[b-z64fhgivdb] {
    background: var(--color-sky-100);
    border-color: var(--color-teal-600);
    box-shadow: 0 3px 8px rgb(15 118 110 / 0.12);
}

.roas-blueprint-phase-number[b-z64fhgivdb] {
    align-items: center;
    background: var(--color-slate-100);
    border-radius: 999px;
    color: var(--color-sky-800);
    display: inline-flex;
    font-size: 0.8rem;
    font-weight: 700;
    height: 1.7rem;
    justify-content: center;
    width: 1.7rem;
}

.roas-blueprint-phase-copy[b-z64fhgivdb] {
    display: grid;
    gap: 0.35rem;
    min-width: 0;
}

.roas-blueprint-phase-copy > span[b-z64fhgivdb] {
    color: var(--color-slate-600);
    font-size: 0.82rem;
    line-height: 1.35;
}

.roas-blueprint-phase-copy .roas-blueprint-phase-observation[b-z64fhgivdb] {
    border-top: 1px solid var(--color-slate-200);
    color: var(--color-slate-900);
    font-weight: 600;
    margin-top: 0.2rem;
    padding-top: 0.45rem;
}

.roas-blueprint-phase-action[b-z64fhgivdb] {
    color: var(--color-sky-700);
    font-size: 0.78rem;
    font-weight: 700;
    grid-column: 2;
}

.roas-blueprint-node-inspector[b-z64fhgivdb] {
    border: 1px solid var(--color-slate-200);
    border-radius: 0.75rem;
    display: grid;
    gap: 1rem;
    padding: 1rem;
}

.roas-blueprint-node-inspector > header[b-z64fhgivdb] {
    align-items: start;
    display: flex;
    gap: 1rem;
    justify-content: space-between;
}

.roas-blueprint-node-inspector h4[b-z64fhgivdb],
.roas-blueprint-node-inspector p[b-z64fhgivdb] {
    margin: 0;
}

.roas-blueprint-evidence-badge[b-z64fhgivdb] {
    background: var(--color-sky-100);
    border-radius: 999px;
    color: var(--color-sky-800);
    flex: none;
    font-size: 0.78rem;
    font-weight: 700;
    padding: 0.35rem 0.65rem;
}

.roas-blueprint-evidence-claims[b-z64fhgivdb] {
    display: grid;
    gap: 0.75rem;
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.roas-blueprint-evidence-claims > div[b-z64fhgivdb] {
    background: var(--color-slate-50);
    border-radius: 0.65rem;
    display: grid;
    gap: 0.3rem;
    padding: 0.75rem;
}

.roas-blueprint-supporting-values[b-z64fhgivdb] {
    display: grid;
    gap: 0.55rem;
    grid-template-columns: repeat(auto-fit, minmax(13rem, 1fr));
}

.roas-blueprint-supporting-values > div[b-z64fhgivdb],
.roas-blueprint-period-coverage > div[b-z64fhgivdb] {
    border-left: 2px solid var(--color-slate-200);
    display: grid;
    gap: 0.15rem;
    padding: 0.3rem 0.65rem;
}

.roas-blueprint-supporting-values span[b-z64fhgivdb],
.roas-blueprint-period-coverage span[b-z64fhgivdb] {
    color: var(--color-slate-600);
    font-size: 0.8rem;
}

.roas-blueprint-period-coverage[b-z64fhgivdb] {
    display: grid;
    gap: 0.5rem;
    grid-template-columns: repeat(auto-fit, minmax(14rem, 1fr));
}

.roas-blueprint-period-hint[b-z64fhgivdb] {
    color: var(--color-slate-600);
}

.roas-blueprint-transcript[b-z64fhgivdb] {
    border-top: 1px solid var(--color-slate-200);
    padding-top: 0.75rem;
}

.roas-blueprint-transcript summary[b-z64fhgivdb] {
    color: var(--color-sky-700);
    cursor: pointer;
    font-weight: 600;
}

.roas-blueprint-transcript ol[b-z64fhgivdb] {
    display: grid;
    gap: 0.45rem;
    margin: 0.75rem 0 0;
    padding-left: 1.75rem;
}

.roas-blueprint-transcript li[b-z64fhgivdb] {
    border-left: 2px solid var(--color-slate-200);
    display: grid;
    gap: 0.15rem;
    padding: 0.35rem 0.65rem;
}

.roas-blueprint-transcript li.is-highlighted[b-z64fhgivdb] {
    background: var(--color-sky-100);
    border-left-color: var(--color-sky-600);
}

.roas-blueprint-transcript li span[b-z64fhgivdb] {
    color: var(--color-slate-600);
    font-size: 0.85rem;
}

@media (max-width: 720px) {
    .roas-blueprint-domain[b-z64fhgivdb] {
        padding: 0.75rem;
    }

    .roas-blueprint-domain > header[b-z64fhgivdb] {
        display: grid;
    }

    .roas-blueprint-evidence-claims[b-z64fhgivdb] {
        grid-template-columns: 1fr;
    }

    .roas-blueprint-phase-overview > header[b-z64fhgivdb],
    .roas-blueprint-phase-detail-heading[b-z64fhgivdb] {
        display: grid;
    }

    .roas-blueprint-phase-overview > header > span[b-z64fhgivdb],
    .roas-blueprint-phase-detail-heading > span[b-z64fhgivdb] {
        text-align: left;
    }

    .roas-blueprint-phases[b-z64fhgivdb] {
        grid-template-columns: 1fr;
    }

    .roas-blueprint-process-explorer[b-z64fhgivdb] {
        grid-template-columns: 1fr;
    }

    .roas-blueprint-selected-column[b-z64fhgivdb] {
        grid-row: 1;
    }

}

@media (min-width: 721px) and (max-width: 1200px) {
    .roas-blueprint-phases[b-z64fhgivdb] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}
/* /Components/Admin/RoasLineage/RoasLineageEvidenceBoundary.razor.rz.scp.css */
.roas-evidence-boundary[b-62hvm4pwea] {
    background: var(--color-slate-50);
    border: 1px dashed var(--color-slate-400);
    border-radius: 0.8rem;
    color: var(--color-slate-700);
    display: grid;
    gap: 0.65rem;
    padding: 0.9rem 1rem;
}

.roas-evidence-boundary h3[b-62hvm4pwea],
.roas-evidence-boundary p[b-62hvm4pwea] {
    margin: 0;
}

.roas-evidence-boundary p[b-62hvm4pwea] {
    color: var(--color-slate-600);
    margin-top: 0.25rem;
}

.roas-evidence-boundary-marker[b-62hvm4pwea] {
    align-items: center;
    color: var(--color-slate-500);
    display: grid;
    font-size: 0.68rem;
    gap: 0.6rem;
    grid-template-columns: 1fr auto 1fr;
    letter-spacing: 0.06em;
    text-transform: uppercase;
}

.roas-evidence-boundary-marker span[b-62hvm4pwea] {
    border-top: 1px dashed var(--color-slate-400);
}
/* /Components/Admin/RoasLineage/RoasLineageLevelZeroFlow.razor.rz.scp.css */
.roas-level-zero[b-sx8pl8e3o3] {
    display: grid;
    gap: 1rem;
}

.roas-blueprint-detail-shell[b-sx8pl8e3o3] {
    display: grid;
    gap: 0.75rem;
}

.roas-blueprint-domain-tabs[b-sx8pl8e3o3] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.45rem;
}

.roas-blueprint-domain-tabs button[b-sx8pl8e3o3] {
    background: #fff;
    border: 1px solid var(--color-slate-300);
    border-radius: 999px;
    color: var(--color-slate-700);
    cursor: pointer;
    padding: 0.45rem 0.8rem;
}

.roas-blueprint-domain-tabs button.is-selected[b-sx8pl8e3o3] {
    background: var(--color-sky-100);
    border-color: var(--color-sky-600);
    color: var(--color-sky-700);
}

.roas-blueprint-flow-scroll[b-sx8pl8e3o3] {
    overflow: visible;
}

.roas-blueprint-flow[b-sx8pl8e3o3] {
    background:
        linear-gradient(to bottom, color-mix(in srgb, var(--color-slate-50) 75%, transparent), transparent);
    border: 1px solid var(--color-slate-200);
    border-radius: 0.85rem;
    height: 490px;
    min-width: 0;
    position: relative;
    width: 100%;
}

.roas-blueprint-connections[b-sx8pl8e3o3] {
    inset: 0;
    overflow: visible;
    pointer-events: none;
    position: absolute;
}

.roas-blueprint-connections marker path[b-sx8pl8e3o3] {
    fill: var(--color-slate-400);
}

.roas-blueprint-edge[b-sx8pl8e3o3] {
    fill: none;
    marker-end: url("#roas-blueprint-arrow");
    stroke: var(--color-sky-600);
    stroke-width: 2;
    vector-effect: non-scaling-stroke;
}

.roas-blueprint-edge.is-selected-path[b-sx8pl8e3o3] {
    stroke: var(--color-sky-700);
    stroke-width: 3;
}

.roas-blueprint-edge.roas-flow-state-missingobservation[b-sx8pl8e3o3],
.roas-blueprint-edge.roas-flow-state-partial[b-sx8pl8e3o3] {
    stroke: var(--color-slate-400);
    stroke-dasharray: 7 6;
}

.roas-blueprint-edge.roas-flow-state-stopped[b-sx8pl8e3o3] {
    stroke: var(--color-amber-600);
    stroke-dasharray: 12 5;
}

.roas-blueprint-flow .roas-flow-node[b-sx8pl8e3o3] {
    min-height: 100px;
    position: absolute;
    width: 9.66%;
    z-index: 1;
}

.roas-blueprint-flow .roas-flow-node.is-blueprint-only[b-sx8pl8e3o3] {
    background: color-mix(in srgb, var(--color-slate-50) 75%, #fff);
    border-color: var(--color-slate-300);
    border-left-color: var(--color-slate-300);
    border-style: solid;
    box-shadow: none;
    color: var(--color-slate-600);
}

.roas-blueprint-flow .roas-flow-node.is-blueprint-only .roas-flow-node-value[b-sx8pl8e3o3] {
    color: var(--color-slate-500);
}

.roas-blueprint-lane-label[b-sx8pl8e3o3] {
    color: var(--color-slate-500);
    font-size: 0.68rem;
    font-weight: 700;
    letter-spacing: 0.07em;
    position: absolute;
    text-transform: uppercase;
}

.roas-blueprint-main-label[b-sx8pl8e3o3] {
    left: 260px;
    top: 20px;
}

.roas-blueprint-meta-label[b-sx8pl8e3o3] {
    left: 470px;
    top: 258px;
}

.roas-blueprint-spend-label[b-sx8pl8e3o3] {
    left: 1330px;
    top: 307px;
}

.roas-blueprint-node-prepare-context[b-sx8pl8e3o3] {
    left: 1.99%;
    top: 155px;
}

.roas-blueprint-node-construct-journeys[b-sx8pl8e3o3] {
    left: 14.77%;
    top: 55px;
}

.roas-blueprint-node-ordinary-reservation-matching[b-sx8pl8e3o3] {
    left: 26.7%;
    top: 55px;
}

.roas-blueprint-node-meta-reconciliation-recovery[b-sx8pl8e3o3] {
    left: 38.64%;
    top: 55px;
}

.roas-blueprint-node-eligible-attributed-reservations[b-sx8pl8e3o3] {
    left: 50.57%;
    top: 55px;
}

.roas-blueprint-node-aggregate-bookingscloud-revenue[b-sx8pl8e3o3] {
    left: 62.5%;
    top: 55px;
}

.roas-blueprint-node-select-displayed-revenue[b-sx8pl8e3o3] {
    left: 75.57%;
    top: 155px;
}

.roas-blueprint-node-resolve-gross-marketing-spend[b-sx8pl8e3o3] {
    left: 75.57%;
    top: 335px;
}

.roas-blueprint-node-calculate-publish-roas[b-sx8pl8e3o3] {
    left: 87.5%;
    top: 155px;
}

.roas-blueprint-node-accepted-meta-purchase-signals[b-sx8pl8e3o3] {
    left: 26.7%;
    top: 285px;
}

.roas-blueprint-node-aggregate-meta-reported-revenue[b-sx8pl8e3o3] {
    left: 62.5%;
    top: 285px;
}

/* The primary blueprint is a responsive card map. Connections are expressed by
   grid placement and card copy rather than coordinate-driven SVG paths. */
.roas-blueprint-flow[b-sx8pl8e3o3] {
    display: grid;
    gap: 0.75rem 2.25rem;
    grid-template-areas:
        "context context"
        "construct signals"
        "ordinary signals"
        "reconcile reconcile"
        "eligible meta-revenue"
        "bookings meta-revenue"
        "selection selection"
        "spend spend"
        "result result";
    grid-template-columns: repeat(2, minmax(0, 1fr));
    height: auto;
    min-width: 0;
    padding: 1rem;
}

.roas-blueprint-connections[b-sx8pl8e3o3],
.roas-blueprint-lane-label[b-sx8pl8e3o3] {
    display: none;
}

.roas-blueprint-flow .roas-flow-node[b-sx8pl8e3o3] {
    min-height: 0;
    position: static;
    width: auto;
}

.roas-blueprint-mobile-relationship[b-sx8pl8e3o3] {
    display: none;
}

.roas-blueprint-node-prepare-context[b-sx8pl8e3o3] { grid-area: context; }
.roas-blueprint-node-construct-journeys[b-sx8pl8e3o3] { grid-area: construct; }
.roas-blueprint-node-ordinary-reservation-matching[b-sx8pl8e3o3] { grid-area: ordinary; }
.roas-blueprint-node-meta-reconciliation-recovery[b-sx8pl8e3o3] { grid-area: reconcile; }
.roas-blueprint-node-eligible-attributed-reservations[b-sx8pl8e3o3] { grid-area: eligible; }
.roas-blueprint-node-aggregate-bookingscloud-revenue[b-sx8pl8e3o3] { grid-area: bookings; }
.roas-blueprint-node-select-displayed-revenue[b-sx8pl8e3o3] { grid-area: selection; }
.roas-blueprint-node-resolve-gross-marketing-spend[b-sx8pl8e3o3] { grid-area: spend; }
.roas-blueprint-node-calculate-publish-roas[b-sx8pl8e3o3] { grid-area: result; }
.roas-blueprint-node-accepted-meta-purchase-signals[b-sx8pl8e3o3] { grid-area: signals; }
.roas-blueprint-node-aggregate-meta-reported-revenue[b-sx8pl8e3o3] { grid-area: meta-revenue; }

.roas-flow-supporting-values[b-sx8pl8e3o3] {
    display: grid;
    gap: 0.5rem;
    grid-template-columns: repeat(auto-fit, minmax(13rem, 1fr));
}

.roas-flow-supporting-values > div[b-sx8pl8e3o3] {
    border-left: 2px solid var(--color-sky-500);
    display: grid;
    gap: 0.12rem;
    padding: 0.4rem 0.7rem;
}

.roas-flow-supporting-values span[b-sx8pl8e3o3],
.roas-flow-supporting-values small[b-sx8pl8e3o3] {
    color: var(--color-slate-500);
}

.roas-flow-caveat[b-sx8pl8e3o3] {
    border-left: 1px solid var(--color-slate-300);
    color: var(--color-slate-600);
    margin: 0;
    max-width: 24rem;
    padding-left: 1rem;
}

.roas-flow-canvas[b-sx8pl8e3o3] {
    align-items: stretch;
    display: grid;
    grid-template-columns: minmax(10rem, 0.85fr) 2rem minmax(17rem, 1.6fr) 2rem minmax(13rem, 1fr) 2rem minmax(11rem, 0.9fr);
    min-width: 0;
}

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

.roas-flow-claims > div[b-sx8pl8e3o3] {
    background: var(--color-slate-50);
    border-radius: 0.65rem;
    padding: 0.85rem 1rem;
}

.roas-flow-claims p[b-sx8pl8e3o3] {
    color: var(--color-slate-600);
    margin: 0.25rem 0 0;
}

.roas-flow-edge[b-sx8pl8e3o3] {
    align-items: center;
    color: var(--color-slate-400);
    display: flex;
    font-size: 1.1rem;
    justify-content: center;
    min-height: 1.5rem;
}

.roas-flow-edge.roas-flow-state-stopped[b-sx8pl8e3o3] {
    color: var(--color-amber-700);
}

.roas-flow-edge.roas-flow-state-missingobservation[b-sx8pl8e3o3],
.roas-flow-edge.roas-flow-state-partial[b-sx8pl8e3o3] {
    opacity: 0.55;
}

.roas-flow-empty[b-sx8pl8e3o3],
.roas-flow-loading[b-sx8pl8e3o3] {
    background: var(--color-slate-50);
    border: 1px dashed var(--color-slate-300);
    border-radius: 0.8rem;
    color: var(--color-slate-600);
    padding: 2rem;
    text-align: center;
}

.roas-flow-empty h2[b-sx8pl8e3o3],
.roas-flow-empty p[b-sx8pl8e3o3] {
    margin: 0;
}

.roas-flow-empty p[b-sx8pl8e3o3] {
    margin-top: 0.35rem;
}

.roas-flow-evidence-actions[b-sx8pl8e3o3] {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
}

.roas-flow-source-reference[b-sx8pl8e3o3] {
    background: var(--color-slate-100);
    border-radius: 999px;
    color: var(--color-slate-600);
    font-size: 0.78rem;
    overflow-wrap: anywhere;
    padding: 0.4rem 0.75rem;
}

.roas-flow-evidence-actions button[b-sx8pl8e3o3],
.roas-flow-periods button[b-sx8pl8e3o3] {
    background: transparent;
    border: 1px solid var(--color-slate-300);
    border-radius: 999px;
    color: var(--color-slate-700);
    cursor: pointer;
    padding: 0.4rem 0.75rem;
}

.roas-flow-evidence-actions button:hover[b-sx8pl8e3o3],
.roas-flow-periods button:hover[b-sx8pl8e3o3],
.roas-flow-periods button.is-selected[b-sx8pl8e3o3] {
    background: var(--color-sky-100);
    border-color: var(--color-sky-600);
    color: var(--color-sky-700);
}

.roas-flow-group[b-sx8pl8e3o3] {
    align-content: start;
    background: color-mix(in srgb, var(--color-slate-50) 72%, transparent);
    border-radius: 0.85rem;
    display: grid;
    gap: 0.55rem;
    min-width: 0;
    padding: 0.75rem;
}

.roas-flow-group > h3[b-sx8pl8e3o3] {
    color: var(--color-slate-500);
    font-size: 0.72rem;
    font-weight: 600;
    letter-spacing: 0.08em;
    margin: 0 0 0.15rem;
    text-transform: uppercase;
}

.roas-flow-group-connector[b-sx8pl8e3o3] {
    align-items: center;
    display: flex;
}

.roas-flow-group-connector span[b-sx8pl8e3o3] {
    border-top: 2px solid var(--color-slate-300);
    display: block;
    position: relative;
    width: 100%;
}

.roas-flow-group-connector span[b-sx8pl8e3o3]::after {
    border-bottom: 0.3rem solid transparent;
    border-left: 0.45rem solid var(--color-slate-400);
    border-top: 0.3rem solid transparent;
    content: "";
    position: absolute;
    right: -0.05rem;
    top: -0.36rem;
}

.roas-flow-inspector[b-sx8pl8e3o3] {
    background: #fff;
    border: 1px solid var(--color-slate-200);
    border-radius: 0.85rem;
    box-shadow: 0 0.5rem 1.5rem rgb(15 23 42 / 0.06);
    display: grid;
    gap: 1rem;
    padding: 1.1rem;
}

.roas-flow-inspector > summary[b-sx8pl8e3o3] {
    align-items: center;
    cursor: pointer;
    display: flex;
    justify-content: space-between;
    list-style: none;
}

.roas-flow-inspector > summary[b-sx8pl8e3o3]::-webkit-details-marker {
    display: none;
}

.roas-flow-inspector > summary[b-sx8pl8e3o3]::after {
    color: var(--color-slate-500);
    content: "Show details";
    font-size: 0.78rem;
    margin-left: 0.75rem;
}

.roas-flow-inspector[open] > summary[b-sx8pl8e3o3]::after {
    content: "Hide details";
}

.roas-flow-inspector-body[b-sx8pl8e3o3] {
    display: grid;
    gap: 1rem;
}

.roas-flow-inspector h3[b-sx8pl8e3o3],
.roas-flow-inspector p[b-sx8pl8e3o3] {
    margin: 0;
}

.roas-flow-inspector-description[b-sx8pl8e3o3] {
    color: var(--color-slate-600);
}

.roas-flow-kicker[b-sx8pl8e3o3] {
    color: var(--color-sky-700);
    display: block;
    font-size: 0.7rem;
    font-weight: 700;
    letter-spacing: 0.08em;
    margin-bottom: 0.2rem;
    text-transform: uppercase;
}

.roas-flow-legend[b-sx8pl8e3o3] {
    color: var(--color-slate-600);
    display: flex;
    flex-wrap: wrap;
    font-size: 0.78rem;
    gap: 0.9rem;
}

.roas-flow-legend span[b-sx8pl8e3o3] {
    align-items: center;
    display: inline-flex;
    gap: 0.35rem;
}

.roas-flow-legend i[b-sx8pl8e3o3] {
    border-radius: 50%;
    display: inline-block;
    height: 0.55rem;
    width: 0.55rem;
}

.roas-flow-legend .state-missing[b-sx8pl8e3o3] {
    background: var(--color-slate-300);
}

.roas-flow-legend .state-observed[b-sx8pl8e3o3] {
    background: var(--color-sky-600);
}

.roas-flow-legend .state-stopped[b-sx8pl8e3o3] {
    background: var(--color-amber-500);
}

.roas-flow-merge[b-sx8pl8e3o3] {
    color: var(--color-slate-500);
    font-size: 0.7rem;
    letter-spacing: 0.04em;
    text-align: center;
    text-transform: uppercase;
}

.roas-flow-node[b-sx8pl8e3o3] {
    background: #fff;
    border: 1px solid var(--color-slate-200);
    border-left: 0.25rem solid var(--color-sky-600);
    border-radius: 0.7rem;
    color: var(--color-slate-900);
    cursor: pointer;
    display: grid;
    gap: 0.2rem;
    min-width: 0;
    padding: 0.7rem 0.75rem;
    text-align: left;
    transition: border-color 120ms ease, box-shadow 120ms ease, transform 120ms ease;
}

.roas-flow-node:hover[b-sx8pl8e3o3] {
    box-shadow: 0 0.35rem 1rem rgb(15 23 42 / 0.08);
    transform: translateY(-1px);
}

.roas-flow-node:focus-visible[b-sx8pl8e3o3],
.roas-flow-periods button:focus-visible[b-sx8pl8e3o3],
.roas-flow-evidence-actions button:focus-visible[b-sx8pl8e3o3] {
    outline: 3px solid color-mix(in srgb, var(--color-sky-500) 35%, transparent);
    outline-offset: 2px;
}

.roas-flow-node.is-selected[b-sx8pl8e3o3] {
    border-color: var(--color-sky-700);
    box-shadow: 0 0 0 3px color-mix(in srgb, var(--color-sky-500) 18%, transparent);
}

.roas-flow-node.is-selected-path[b-sx8pl8e3o3] {
    background: var(--color-sky-100);
}

.roas-flow-node.roas-flow-state-capturefault[b-sx8pl8e3o3] {
    border-left-color: var(--color-red-600);
}

.roas-flow-node.roas-flow-state-missingobservation[b-sx8pl8e3o3],
.roas-flow-node.roas-flow-state-partial[b-sx8pl8e3o3] {
    border-left-color: var(--color-slate-400);
}

.roas-flow-node.roas-flow-state-missingobservation[b-sx8pl8e3o3] {
    border-style: dashed;
}

.roas-flow-node.roas-flow-state-stopped[b-sx8pl8e3o3] {
    background: var(--color-amber-50);
    border-left-color: var(--color-amber-600);
}

.roas-flow-node-state[b-sx8pl8e3o3] {
    color: var(--color-slate-500);
    font-size: 0.68rem;
    letter-spacing: 0.04em;
    text-transform: uppercase;
}

.roas-flow-node-value[b-sx8pl8e3o3] {
    color: var(--color-slate-700);
    font-variant-numeric: tabular-nums;
}

.roas-flow-period-table[b-sx8pl8e3o3] {
    display: grid;
    gap: 0.4rem;
    grid-template-columns: repeat(auto-fit, minmax(10rem, 1fr));
}

.roas-flow-period-table > div[b-sx8pl8e3o3] {
    border-left: 2px solid var(--color-slate-200);
    display: grid;
    gap: 0.1rem;
    padding: 0.35rem 0.6rem;
}

.roas-flow-period-table span[b-sx8pl8e3o3],
.roas-flow-period-table small[b-sx8pl8e3o3] {
    color: var(--color-slate-500);
}

.roas-flow-periods[b-sx8pl8e3o3] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.4rem;
}

.roas-flow-process[b-sx8pl8e3o3] {
    align-content: center;
    grid-template-columns: repeat(7, minmax(0, auto));
}

.roas-flow-process > h3[b-sx8pl8e3o3] {
    grid-column: 1 / -1;
}

.roas-flow-result[b-sx8pl8e3o3] {
    align-content: center;
}

.roas-flow-revenue[b-sx8pl8e3o3] {
    align-content: center;
}

.roas-flow-revenue-branches[b-sx8pl8e3o3] {
    display: grid;
    gap: 0.55rem;
}

.roas-flow-selected-path[b-sx8pl8e3o3] {
    color: var(--color-sky-700);
    font-size: 0.68rem;
    font-weight: 700;
    letter-spacing: 0.04em;
    text-transform: uppercase;
}

.roas-flow-state-badge[b-sx8pl8e3o3] {
    background: var(--color-sky-100);
    border-radius: 999px;
    color: var(--color-sky-700);
    padding: 0.35rem 0.65rem;
}

.roas-flow-state-badge.roas-flow-state-capturefault[b-sx8pl8e3o3] {
    background: var(--color-red-50);
    color: var(--color-red-700);
}

.roas-flow-state-badge.roas-flow-state-missingobservation[b-sx8pl8e3o3],
.roas-flow-state-badge.roas-flow-state-partial[b-sx8pl8e3o3] {
    background: var(--color-slate-100);
    color: var(--color-slate-600);
}

.roas-flow-state-badge.roas-flow-state-stopped[b-sx8pl8e3o3] {
    background: var(--color-amber-100);
    color: var(--color-amber-800);
}

.roas-flow-summary[b-sx8pl8e3o3] {
    align-items: center;
    background: var(--color-sky-100);
    border-left: 0.3rem solid var(--color-sky-600);
    border-radius: 0.8rem;
    display: flex;
    gap: 1.5rem;
    justify-content: space-between;
    padding: 1rem 1.1rem;
}

.roas-flow-summary h2[b-sx8pl8e3o3],
.roas-flow-summary p[b-sx8pl8e3o3] {
    margin: 0;
}

.roas-flow-summary.roas-flow-state-capturefault[b-sx8pl8e3o3] {
    background: var(--color-red-50);
    border-left-color: var(--color-red-600);
}

.roas-flow-summary.roas-flow-state-partial[b-sx8pl8e3o3] {
    background: var(--color-slate-50);
    border-left-color: var(--color-slate-400);
}

.roas-flow-summary.roas-flow-state-stopped[b-sx8pl8e3o3] {
    background: var(--color-amber-50);
    border-left-color: var(--color-amber-600);
}

@media (max-width: 1200px) {
    .roas-flow-canvas[b-sx8pl8e3o3] {
        gap: 0.7rem;
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .roas-flow-group-connector[b-sx8pl8e3o3] {
        display: none;
    }

    .roas-flow-process[b-sx8pl8e3o3] {
        grid-template-columns: 1fr;
    }

    .roas-flow-process > h3[b-sx8pl8e3o3] {
        grid-column: auto;
    }

    .roas-flow-edge[b-sx8pl8e3o3] {
        transform: rotate(90deg);
    }
}

@media (max-width: 1550px) {
    .roas-blueprint-flow[b-sx8pl8e3o3] {
        display: grid;
        gap: 0.75rem 2.25rem;
        grid-template-areas:
            "context context"
            "construct signals"
            "ordinary signals"
            "reconcile reconcile"
            "eligible meta-revenue"
            "bookings meta-revenue"
            "selection selection"
            "spend spend"
            "result result";
        grid-template-columns: repeat(2, minmax(0, 1fr));
        height: auto;
        min-width: 0;
        padding: 1rem;
    }

    .roas-blueprint-connections[b-sx8pl8e3o3],
    .roas-blueprint-lane-label[b-sx8pl8e3o3] {
        display: none;
    }

    .roas-blueprint-flow .roas-flow-node[b-sx8pl8e3o3] {
        min-height: 0;
        position: static;
        width: auto;
    }

    .roas-blueprint-node-prepare-context[b-sx8pl8e3o3] {
        grid-area: context;
    }

    .roas-blueprint-node-construct-journeys[b-sx8pl8e3o3] {
        grid-area: construct;
    }

    .roas-blueprint-node-ordinary-reservation-matching[b-sx8pl8e3o3] {
        grid-area: ordinary;
    }

    .roas-blueprint-node-meta-reconciliation-recovery[b-sx8pl8e3o3] {
        grid-area: reconcile;
    }

    .roas-blueprint-node-eligible-attributed-reservations[b-sx8pl8e3o3] {
        grid-area: eligible;
    }

    .roas-blueprint-node-aggregate-bookingscloud-revenue[b-sx8pl8e3o3] {
        grid-area: bookings;
    }

    .roas-blueprint-node-select-displayed-revenue[b-sx8pl8e3o3] {
        grid-area: selection;
    }

    .roas-blueprint-node-resolve-gross-marketing-spend[b-sx8pl8e3o3] {
        grid-area: spend;
    }

    .roas-blueprint-node-calculate-publish-roas[b-sx8pl8e3o3] {
        grid-area: result;
    }

    .roas-blueprint-node-accepted-meta-purchase-signals[b-sx8pl8e3o3] {
        grid-area: signals;
    }

    .roas-blueprint-node-aggregate-meta-reported-revenue[b-sx8pl8e3o3] {
        grid-area: meta-revenue;
    }
}

@media (max-width: 720px) {
    .roas-flow-canvas[b-sx8pl8e3o3],
    .roas-flow-claims[b-sx8pl8e3o3] {
        grid-template-columns: 1fr;
    }

    .roas-flow-summary[b-sx8pl8e3o3] {
        align-items: start;
        flex-direction: column;
    }

    .roas-flow-caveat[b-sx8pl8e3o3] {
        border-left: 0;
        border-top: 1px solid var(--color-slate-300);
        max-width: none;
        padding-left: 0;
        padding-top: 0.75rem;
    }

    .roas-blueprint-flow[b-sx8pl8e3o3] {
        display: flex;
        flex-direction: column;
    }

    .roas-blueprint-mobile-relationship[b-sx8pl8e3o3] {
        color: var(--color-slate-500);
        display: block;
        font-size: 0.72rem;
        font-weight: 600;
        letter-spacing: 0.04em;
        margin-bottom: 0.15rem;
        text-transform: uppercase;
    }

    .roas-blueprint-node-prepare-context[b-sx8pl8e3o3] {
        order: 1;
    }

    .roas-blueprint-node-construct-journeys[b-sx8pl8e3o3] {
        order: 2;
    }

    .roas-blueprint-node-ordinary-reservation-matching[b-sx8pl8e3o3] {
        order: 3;
    }

    .roas-blueprint-node-accepted-meta-purchase-signals[b-sx8pl8e3o3] {
        order: 4;
    }

    .roas-blueprint-node-meta-reconciliation-recovery[b-sx8pl8e3o3] {
        order: 5;
    }

    .roas-blueprint-node-eligible-attributed-reservations[b-sx8pl8e3o3] {
        order: 6;
    }

    .roas-blueprint-node-aggregate-bookingscloud-revenue[b-sx8pl8e3o3] {
        order: 7;
    }

    .roas-blueprint-node-aggregate-meta-reported-revenue[b-sx8pl8e3o3] {
        order: 8;
    }

    .roas-blueprint-node-select-displayed-revenue[b-sx8pl8e3o3] {
        order: 9;
    }

    .roas-blueprint-node-resolve-gross-marketing-spend[b-sx8pl8e3o3] {
        order: 10;
    }

    .roas-blueprint-node-calculate-publish-roas[b-sx8pl8e3o3] {
        order: 11;
    }
}
/* /Components/Connect/Facebook/Index.razor.rz.scp.css */
.fb-button[b-btytln10i2] {
    align-items: center;
    background-color: #1877f2;
    border: 0;
    border-radius: 0.5rem;
    color: #fff;
    display: inline-flex;
    font-size: 0.95rem;
    font-weight: 600;
    justify-content: center;
    line-height: 1rem;
    padding: 0.75rem 1rem;
    transition: background-color 0.2s ease-in-out;
}

.fb-button:hover[b-btytln10i2] {
    background-color: #0b5eca;
}

.fb-button:active[b-btytln10i2] {
    background-color: #0a53b2;
    color: #fff;
}

.fb-button i[b-btytln10i2] {
    font-size: 1.25rem;
}

.fb-page-card[b-btytln10i2] {
    align-items: center;
    display: flex;
    gap: 1rem;
    justify-content: space-between;
    padding: 1rem 1.25rem;
}

@media (max-width: 640px) {
    .fb-page-card[b-btytln10i2] {
        align-items: flex-start;
        flex-direction: column;
    }
}
/* /Components/Properties/AdPreviewForm.razor.rz.scp.css */
.ad-preview-header[b-npc5gpr84w] {
    align-items: center;
    border-bottom: 1px solid rgb(229 231 235);
    display: flex;
    gap: 1rem;
    justify-content: space-between;
    padding: 1rem;
}

.ad-preview-layout[b-npc5gpr84w] {
    display: grid;
    gap: 1rem;
    grid-template-columns: minmax(13rem, 0.32fr) minmax(0, 1fr);
    min-height: 34rem;
}

.ad-preview-loading[b-npc5gpr84w] {
    align-items: center;
    color: rgb(75 85 99);
    display: inline-flex;
    font-size: 0.8125rem;
    gap: 0.5rem;
}

.ad-preview-message[b-npc5gpr84w] {
    background: rgb(255 251 235);
    border-bottom: 1px solid rgb(253 230 138);
    color: rgb(146 64 14);
    font-size: 0.8125rem;
    line-height: 1.25rem;
    padding: 0.75rem 1rem;
}

.ad-preview-panel[b-npc5gpr84w] {
    background: white;
    border: 1px solid rgb(229 231 235);
    border-radius: 0.5rem;
    min-width: 0;
    overflow: hidden;
}

.ad-preview-placeholder[b-npc5gpr84w] {
    align-items: center;
    aspect-ratio: 1.91 / 1;
    background: rgb(243 244 246);
    border-radius: 0.5rem;
    color: rgb(107 114 128);
    display: flex;
    font-size: 1.5rem;
    justify-content: center;
    width: min(100%, 42rem);
}

.ad-preview-placement[b-npc5gpr84w] {
    align-items: center;
    border-radius: 0.375rem;
    color: rgb(55 65 81);
    display: flex;
    font-size: 0.875rem;
    gap: 0.625rem;
    line-height: 1.25rem;
    padding: 0.625rem 0.75rem;
    text-align: left;
    width: 100%;
}

.ad-preview-placement:hover[b-npc5gpr84w] {
    background: rgb(229 231 235);
}

.ad-preview-placement-active[b-npc5gpr84w] {
    background: rgb(17 24 39);
    color: white;
    font-weight: 600;
}

.ad-preview-placement-active:hover[b-npc5gpr84w] {
    background: rgb(31 41 55);
}

.ad-preview-placement-list[b-npc5gpr84w] {
    display: grid;
    gap: 0.25rem;
}

.ad-preview-section[b-npc5gpr84w] {
    display: grid;
    gap: 0.5rem;
}

.ad-preview-section-title[b-npc5gpr84w] {
    color: rgb(75 85 99);
    font-size: 0.75rem;
    font-weight: 700;
    letter-spacing: 0.04em;
    text-transform: uppercase;
}

.ad-preview-shell[b-npc5gpr84w] {
    background: white;
    max-height: calc(100vh - 120px);
    overflow: hidden;
}

.ad-preview-sidebar[b-npc5gpr84w] {
    background: rgb(249 250 251);
    border: 1px solid rgb(229 231 235);
    border-radius: 0.5rem;
    min-height: 34rem;
    overflow: hidden;
}

.ad-preview-sidebar-content[b-npc5gpr84w] {
    display: grid;
    gap: 1rem;
    padding: 1rem;
}

.ad-preview-stage[b-npc5gpr84w] {
    align-items: center;
    background: rgb(249 250 251);
    display: flex;
    justify-content: center;
    min-height: 29rem;
    overflow: auto;
    padding: 1rem;
}

.ad-preview-subtitle[b-npc5gpr84w] {
    color: rgb(75 85 99);
    font-size: 0.875rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.ad-preview-title[b-npc5gpr84w] {
    color: rgb(17 24 39);
    font-size: 1rem;
    font-weight: 700;
    line-height: 1.5rem;
}

.ad-preview-title-group[b-npc5gpr84w] {
    min-width: 0;
}

.local-preview[b-npc5gpr84w] {
    background: white;
    border: 1px solid rgb(229 231 235);
    box-shadow: 0 10px 24px rgb(15 23 42 / 0.10);
    overflow: hidden;
}

.local-preview-action-row[b-npc5gpr84w] {
    align-items: center;
    color: rgb(107 114 128);
    display: flex;
    font-size: 0.75rem;
    gap: 0.75rem;
    justify-content: space-between;
    text-transform: uppercase;
}

.local-preview-action-row a[b-npc5gpr84w],
.local-preview-disabled-action[b-npc5gpr84w] {
    background: rgb(229 231 235);
    border-radius: 0.25rem;
    color: rgb(17 24 39);
    flex: 0 0 auto;
    font-weight: 700;
    padding: 0.5rem 0.75rem;
    text-decoration: none;
    text-transform: none;
}

.local-preview-avatar[b-npc5gpr84w] {
    align-items: center;
    background: rgb(17 24 39);
    border-radius: 9999px;
    color: white;
    display: flex;
    flex: 0 0 2.25rem;
    font-weight: 700;
    height: 2.25rem;
    justify-content: center;
    width: 2.25rem;
}

.local-preview-chrome[b-npc5gpr84w] {
    align-items: center;
    display: flex;
    gap: 0.75rem;
    padding: 0.875rem 1rem;
}

.local-preview-copy[b-npc5gpr84w] {
    display: grid;
    gap: 0.5rem;
    padding: 0.875rem 1rem 1rem;
}

.local-preview-copy p[b-npc5gpr84w] {
    color: rgb(55 65 81);
    font-size: 0.875rem;
    line-height: 1.35rem;
    margin: 0;
}

.local-preview-feed[b-npc5gpr84w] {
    border-radius: 0.5rem;
    width: min(100%, 34rem);
}

.local-preview-image-missing[b-npc5gpr84w] {
    align-items: center;
    background: rgb(229 231 235);
    color: rgb(107 114 128);
    display: flex;
    font-size: 2rem;
    height: 100%;
    justify-content: center;
    width: 100%;
}

.local-preview-marketplace[b-npc5gpr84w] {
    border-radius: 0.5rem;
    width: min(100%, 24rem);
}

.local-preview-marketplace .local-preview-media[b-npc5gpr84w] {
    aspect-ratio: 1 / 1;
}

.local-preview-media[b-npc5gpr84w] {
    aspect-ratio: 1.91 / 1;
    background: rgb(229 231 235);
    overflow: hidden;
}

.local-preview-media img[b-npc5gpr84w] {
    height: 100%;
    object-fit: cover;
    width: 100%;
}

.local-preview-meta[b-npc5gpr84w] {
    color: rgb(107 114 128);
    font-size: 0.75rem;
}

.local-preview-name[b-npc5gpr84w] {
    color: rgb(17 24 39);
    font-size: 1rem;
    font-weight: 700;
    line-height: 1.4rem;
}

.local-preview-page[b-npc5gpr84w] {
    color: rgb(17 24 39);
    font-size: 0.875rem;
    font-weight: 700;
}

.local-preview-vertical[b-npc5gpr84w] {
    border-radius: 1.25rem;
    max-height: 44rem;
    max-width: 23rem;
    width: min(100%, 23rem);
}

.local-preview-vertical .local-preview-copy[b-npc5gpr84w] {
    background: linear-gradient(180deg, rgb(17 24 39 / 0), rgb(17 24 39 / 0.78));
    color: white;
    margin-top: -8.5rem;
    min-height: 8.5rem;
    position: relative;
}

.local-preview-vertical .local-preview-copy p[b-npc5gpr84w],
.local-preview-vertical .local-preview-name[b-npc5gpr84w] {
    color: white;
}

.local-preview-vertical .local-preview-media[b-npc5gpr84w] {
    aspect-ratio: 9 / 16;
}

.local-preview-vertical .local-preview-page[b-npc5gpr84w] {
    max-width: 13rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.meta-preview-host[b-npc5gpr84w] {
    background: white;
    border-radius: 0.5rem;
    max-width: 100%;
    overflow: auto;
    padding: 1rem;
}

@media (max-width: 760px) {
    .ad-preview-layout[b-npc5gpr84w] {
        grid-template-columns: 1fr;
    }

    .ad-preview-sidebar[b-npc5gpr84w] {
        min-height: auto;
    }

    .ad-preview-stage[b-npc5gpr84w] {
        min-height: 24rem;
    }
}
/* /Components/Properties/PropertyScorePopover.razor.rz.scp.css */
.property-score-status-trigger[b-ahow3to72j] {
    align-items: center;
    background-color: rgba(20, 133, 120, 0.72);
    background-image: repeating-linear-gradient(45deg, rgba(255, 255, 255, 0.11) 0, rgba(255, 255, 255, 0.11) 4px, transparent 4px, transparent 9px);
    border: 1px solid rgba(255, 255, 255, 0.55);
    border-radius: 12px;
    box-shadow: 0 8px 18px rgba(15, 23, 42, 0.25);
    color: white;
    display: inline-flex;
    height: 44px;
    justify-content: center;
    padding: 4px;
    transition: box-shadow 180ms ease, transform 180ms ease;
    width: 48px;
}

.property-score-status-trigger--captured[b-ahow3to72j] {
    background-color: rgba(20, 133, 120, 0.66);
}

.property-score-status-trigger--fully-booked[b-ahow3to72j] {
    background-color: rgba(20, 133, 120, 0.78);
}

.property-score-status-trigger--interactive:hover[b-ahow3to72j],
.property-score-status-trigger--interactive:focus-visible[b-ahow3to72j] {
    box-shadow: 0 10px 22px rgba(15, 23, 42, 0.32);
    transform: translateY(-1px);
}

.property-score-status-trigger:focus-visible[b-ahow3to72j] {
    outline: 2px solid rgba(255, 255, 255, 0.82);
    outline-offset: 2px;
}

.property-score-status-panel[b-ahow3to72j] {
    align-items: center;
    background: linear-gradient(135deg, rgba(17, 38, 36, 0.94), rgba(12, 31, 29, 0.88));
    border-radius: 8px;
    display: flex;
    flex-direction: column;
    gap: 2px;
    height: 100%;
    justify-content: center;
    width: 100%;
}

.property-score-status-label[b-ahow3to72j] {
    align-items: center;
    background-color: #099a9a;
    border-radius: 3px;
    box-shadow: 0 1px 0 rgba(0, 0, 0, 0.18);
    color: white;
    display: inline-flex;
    flex-direction: column;
    font-size: 6.5px;
    font-weight: 900;
    justify-content: center;
    letter-spacing: 0;
    line-height: 1;
    padding: 2px 4px;
    text-transform: uppercase;
    white-space: nowrap;
}

.property-score-status-label--captured[b-ahow3to72j] {
    font-size: 6.5px;
    padding-left: 3px;
    padding-right: 3px;
}

.property-score-status-label--fully-booked[b-ahow3to72j] {
    font-size: 6px;
    padding-bottom: 1px;
    padding-top: 1px;
    min-width: 30px;
}

.property-score-occupancy-hero[b-ahow3to72j] {
    flex-shrink: 0;
    height: 80px;
    width: 80px;
}

.property-score-occupancy-ring[b-ahow3to72j] {
    display: block;
    overflow: visible;
}

.property-score-occupancy-ring--micro[b-ahow3to72j] {
    height: 18px;
    width: 18px;
}

.property-score-occupancy-ring--hero[b-ahow3to72j] {
    height: 80px;
    width: 80px;
}

.property-score-occupancy-ring__outer[b-ahow3to72j],
.property-score-occupancy-ring__track[b-ahow3to72j],
.property-score-occupancy-ring__fill[b-ahow3to72j] {
    fill: none;
}

.property-score-occupancy-ring__outer[b-ahow3to72j] {
    stroke: #0f7774;
    stroke-width: 4;
}

.property-score-occupancy-ring__track[b-ahow3to72j] {
    stroke: #d7e1df;
    stroke-width: 5;
}

.property-score-occupancy-ring__fill[b-ahow3to72j] {
    stroke: #10a39f;
    stroke-linecap: round;
    stroke-width: 5;
}

.property-score-occupancy-ring__marker[b-ahow3to72j] {
    stroke: #d48b1e;
    stroke-linecap: round;
    stroke-width: 3;
}

.dark .property-score-occupancy-ring__outer[b-ahow3to72j] {
    stroke: #5ee3da;
}

.dark .property-score-occupancy-ring__track[b-ahow3to72j] {
    stroke: #1f3b39;
}

.dark .property-score-occupancy-ring__fill[b-ahow3to72j] {
    stroke: #2dd4bf;
}

.dark .property-score-occupancy-ring__marker[b-ahow3to72j] {
    stroke: #fbbf24;
}
/* /Components/Reporting/Index.razor.rz.scp.css */
.reporting-shell[b-gw5du06e21] {
    min-width: 0;
}

.reporting-shell[b-gw5du06e21]  .k-grid {
    border-width: 0;
}
/* /Components/Reporting/ReportingKpiCards.razor.rz.scp.css */
.reporting-kpi-detail-card[b-cqzq4mkd7k] {
    min-height: 112px;
}

.reporting-kpi-hero-card[b-cqzq4mkd7k] {
    min-height: 138px;
}
/* /Components/Setup/Agencies/AgencyHealth.razor.rz.scp.css */
.health-dashboard[b-mycd42rnbt] {
    display: flex;
    flex-direction: column;
    gap: 1.25rem;
}

.health-toolbar[b-mycd42rnbt] {
    align-items: center;
    display: flex;
    gap: .75rem;
}

.health-hero[b-mycd42rnbt] {
    align-items: center;
    background: radial-gradient(circle at 82% 20%, rgba(135, 212, 205, .3), transparent 28%), linear-gradient(125deg, var(--color-primary-950), var(--color-primary-700));
    border-radius: var(--radius-lg);
    box-shadow: 0 24px 50px -32px rgba(0, 35, 33, .8);
    color: var(--color-white);
    display: flex;
    gap: 2rem;
    justify-content: space-between;
    overflow: hidden;
    padding: 1.75rem 2rem;
    position: relative;
}

.health-hero-copy[b-mycd42rnbt] {
    color: rgba(255, 255, 255, .78);
    font-size: .875rem;
    line-height: 1.65;
    margin-top: .5rem;
    max-width: 48rem;
}

.health-hero-kicker[b-mycd42rnbt] {
    color: var(--color-rain-100);
    font-size: .7rem;
    font-weight: 700;
    letter-spacing: .13em;
    text-transform: uppercase;
}

.health-hero-title[b-mycd42rnbt] {
    font-size: 1.65rem;
    font-weight: 700;
    letter-spacing: -.025em;
    line-height: 1.2;
    margin-top: .3rem;
}

.health-period[b-mycd42rnbt] {
    backdrop-filter: blur(8px);
    background: rgba(255, 255, 255, .09);
    border: 1px solid rgba(255, 255, 255, .15);
    border-radius: var(--radius-base);
    display: flex;
    flex: 0 0 auto;
    flex-direction: column;
    min-width: 13.5rem;
    padding: 1rem 1.15rem;
}

.health-period-caption[b-mycd42rnbt] {
    color: rgba(255, 255, 255, .6);
    font-size: .7rem;
    margin-top: .25rem;
}

.health-period-label[b-mycd42rnbt] {
    color: var(--color-rain-100);
    font-size: .65rem;
    font-weight: 700;
    letter-spacing: .1em;
    text-transform: uppercase;
}

.health-period-value[b-mycd42rnbt] {
    font-size: 1.1rem;
    font-weight: 700;
    margin-top: .2rem;
}

.health-summary-grid[b-mycd42rnbt] {
    display: grid;
    gap: .85rem;
    grid-template-columns: repeat(5, minmax(0, 1fr));
}

.health-summary-card[b-mycd42rnbt] {
    align-items: center;
    background: var(--color-neutral-primary-soft);
    border: 1px solid var(--color-default);
    border-radius: var(--radius-base);
    color: var(--color-heading);
    cursor: pointer;
    display: grid;
    gap: 0 .75rem;
    grid-template-columns: 2.75rem 1fr;
    padding: 1rem;
    text-align: left;
    transition: border-color .2s, box-shadow .2s, transform .2s;
}

.health-summary-card:hover[b-mycd42rnbt],
.health-summary-card:focus-visible[b-mycd42rnbt] {
    border-color: var(--color-primary-500);
    box-shadow: 0 14px 30px -24px rgba(20, 133, 120, .8);
    outline: none;
    transform: translateY(-1px);
}

.health-summary-card-active[b-mycd42rnbt] {
    border-color: var(--color-primary-600);
    box-shadow: 0 0 0 2px rgba(20, 133, 120, .14);
}

.health-summary-score[b-mycd42rnbt] {
    cursor: default;
}

.health-summary-score:hover[b-mycd42rnbt] {
    border-color: var(--color-default);
    box-shadow: none;
    transform: none;
}

.health-summary-icon[b-mycd42rnbt] {
    align-items: center;
    border-radius: 50%;
    display: flex;
    font-size: .85rem;
    grid-row: span 2;
    height: 2.75rem;
    justify-content: center;
    width: 2.75rem;
}

.health-summary-icon-action[b-mycd42rnbt] {
    background: var(--color-danger-soft);
    color: var(--color-danger);
}

.health-summary-icon-all[b-mycd42rnbt],
.health-summary-icon-score[b-mycd42rnbt] {
    background: var(--color-brand-softer);
    color: var(--color-primary-700);
}

.health-summary-icon-healthy[b-mycd42rnbt] {
    background: var(--color-success-soft);
    color: var(--color-success);
}

.health-summary-icon-review[b-mycd42rnbt] {
    background: var(--color-warning-soft);
    color: var(--color-warning-strong);
}

.health-summary-label[b-mycd42rnbt] {
    color: var(--color-body);
    font-size: .72rem;
    line-height: 1.25;
}

.health-summary-value[b-mycd42rnbt] {
    font-size: 1.4rem;
    font-weight: 700;
    line-height: 1.1;
}

.health-lifecycle-filters[b-mycd42rnbt] {
    align-items: center;
    background: var(--color-neutral-primary-soft);
    border: 1px solid var(--color-default);
    border-radius: var(--radius-base);
    display: flex;
    flex-wrap: wrap;
    gap: .55rem;
    padding: .75rem 1rem;
}

.health-lifecycle-filter-heading[b-mycd42rnbt] {
    display: flex;
    flex-direction: column;
    margin-right: auto;
    min-width: 10rem;
}

.health-lifecycle-filter-heading span[b-mycd42rnbt] {
    color: var(--color-heading);
    font-size: .78rem;
    font-weight: 700;
}

.health-lifecycle-filter-heading small[b-mycd42rnbt] {
    color: var(--color-body);
    font-size: .65rem;
}

.health-lifecycle-filter[b-mycd42rnbt] {
    --lifecycle-color: var(--color-neutral-500);
    align-items: center;
    appearance: none;
    background: var(--color-neutral-secondary-soft);
    border: 1px solid var(--color-default);
    border-radius: 9999px;
    color: var(--color-body);
    cursor: pointer;
    display: inline-flex;
    font-size: .7rem;
    gap: .4rem;
    padding: .38rem .55rem;
    transition: background-color .2s, border-color .2s, box-shadow .2s, color .2s;
}

.health-lifecycle-filter:hover[b-mycd42rnbt],
.health-lifecycle-filter:focus-visible[b-mycd42rnbt] {
    border-color: var(--lifecycle-color);
    color: var(--color-heading);
    outline: none;
}

.health-lifecycle-filter-selected[b-mycd42rnbt] {
    background: color-mix(in srgb, var(--lifecycle-color) 12%, var(--color-neutral-secondary-soft));
    border-color: var(--lifecycle-color);
    box-shadow: 0 0 0 2px color-mix(in srgb, var(--lifecycle-color) 16%, transparent);
    color: var(--color-heading);
}

.health-lifecycle-filter-active-campaign[b-mycd42rnbt] {
    --lifecycle-color: #0f9f78;
}

.health-lifecycle-filter-new[b-mycd42rnbt] {
    --lifecycle-color: #3b82f6;
}

.health-lifecycle-filter-unsubscribed[b-mycd42rnbt] {
    --lifecycle-color: #8b5cf6;
}

.health-lifecycle-filter-dot[b-mycd42rnbt] {
    background: var(--lifecycle-color);
    border-radius: 50%;
    height: .45rem;
    width: .45rem;
}

.health-lifecycle-filter strong[b-mycd42rnbt] {
    background: color-mix(in srgb, var(--lifecycle-color) 15%, transparent);
    border-radius: 9999px;
    color: var(--color-heading);
    font-size: .65rem;
    min-width: 1.4rem;
    padding: .08rem .35rem;
    text-align: center;
}

.health-controls[b-mycd42rnbt] {
    align-items: stretch;
    background: var(--color-neutral-primary-soft);
    border: 1px solid var(--color-default);
    border-radius: var(--radius-base);
    display: flex;
    flex-direction: column;
    gap: .75rem;
    padding: .8rem 1rem;
}

.health-filter-row[b-mycd42rnbt] {
    align-items: flex-end;
    display: flex;
    gap: 1.25rem;
    width: 100%;
}

.health-search-filter[b-mycd42rnbt] {
    flex: 1 1 19rem;
    max-width: 21rem;
    min-width: 0;
}

.health-search[b-mycd42rnbt] {
    align-items: center;
    background: var(--color-neutral-secondary-soft);
    border: 1px solid var(--color-default);
    border-radius: 9999px;
    box-sizing: border-box;
    color: var(--color-body);
    display: flex;
    gap: .65rem;
    min-height: 2.25rem;
    padding: .4rem .75rem;
    width: 100%;
}

.health-search > i[b-mycd42rnbt] {
    font-size: .85rem;
}

.health-search:focus-within[b-mycd42rnbt] {
    border-color: var(--color-primary-600);
    box-shadow: 0 0 0 3px rgba(20, 133, 120, .12);
}

.health-search input[type="search"][b-mycd42rnbt] {
    appearance: none;
    background: transparent;
    border: 0;
    border-radius: 0;
    box-shadow: none;
    color: var(--color-heading);
    font-size: .75rem;
    min-width: 0;
    outline: none;
    padding: 0;
    width: 100%;
}

.health-search input[type="search"]:focus[b-mycd42rnbt] {
    border: 0;
    box-shadow: none;
    outline: none;
}

.health-search input[type="search"][b-mycd42rnbt]::-webkit-search-cancel-button {
    appearance: none;
}

.health-legend[b-mycd42rnbt] {
    align-items: center;
    border-top: 1px solid var(--color-default);
    color: var(--color-body);
    display: flex;
    flex-wrap: wrap;
    font-size: .68rem;
    gap: .8rem;
    padding-top: .75rem;
    width: 100%;
}

.health-legend span[b-mycd42rnbt] {
    align-items: center;
    display: inline-flex;
    gap: .35rem;
    white-space: nowrap;
}

.health-legend-dot[b-mycd42rnbt] {
    border-radius: 50%;
    display: inline-block;
    height: .5rem;
    width: .5rem;
}

.health-legend-dot-action[b-mycd42rnbt] {
    background: var(--color-danger);
}

.health-legend-dot-customer-action[b-mycd42rnbt] {
    background: #0891b2;
}

.health-legend-dot-dev-work[b-mycd42rnbt] {
    background: #2563eb;
}

.health-legend-dot-healthy[b-mycd42rnbt] {
    background: var(--color-success);
}

.health-legend-dot-review[b-mycd42rnbt] {
    background: var(--color-warning);
}

.health-legend-dot-mixed-action[b-mycd42rnbt] {
    background: #7c3aed;
}

.health-legend-dot-sales-work[b-mycd42rnbt] {
    background: #db2777;
}

.health-result-count[b-mycd42rnbt] {
    color: var(--color-body);
    font-size: .72rem;
    font-weight: 600;
    margin-left: auto;
    white-space: nowrap;
}

.health-list[b-mycd42rnbt] {
    display: flex;
    flex-direction: column;
    gap: .75rem;
}

.health-pagination[b-mycd42rnbt] {
    align-items: center;
    background: var(--color-neutral-primary-soft);
    border: 1px solid var(--color-default);
    border-radius: var(--radius-lg);
    display: flex;
    flex-wrap: wrap;
    gap: 1rem;
    justify-content: space-between;
    padding: .75rem 1rem;
}

.health-pagination-actions[b-mycd42rnbt] {
    align-items: center;
    display: flex;
    gap: .35rem;
}

.health-pagination-button[b-mycd42rnbt] {
    align-items: center;
    background: transparent;
    border: 1px solid var(--color-default);
    border-radius: var(--radius-sm);
    color: var(--color-body);
    cursor: pointer;
    display: inline-flex;
    height: 2rem;
    justify-content: center;
    transition: background-color .2s, border-color .2s, color .2s;
    width: 2rem;
}

.health-pagination-button:hover:not(:disabled)[b-mycd42rnbt],
.health-pagination-button:focus-visible:not(:disabled)[b-mycd42rnbt] {
    background: var(--color-neutral-secondary-soft);
    border-color: var(--color-primary-500);
    color: var(--color-primary-600);
    outline: none;
}

.health-pagination-button:disabled[b-mycd42rnbt] {
    cursor: not-allowed;
    opacity: .45;
}

.health-pagination-info[b-mycd42rnbt] {
    color: var(--color-body);
    font-size: .75rem;
    font-weight: 600;
}

.health-pagination-page[b-mycd42rnbt] {
    color: var(--color-heading);
    font-size: .75rem;
    font-weight: 700;
    min-width: 7rem;
    text-align: center;
}

.health-list-header[b-mycd42rnbt],
.health-agency-row[b-mycd42rnbt] {
    align-items: center;
    display: grid;
    gap: .75rem;
    grid-template-columns: minmax(220px, 1.5fr) repeat(5, minmax(105px, 1fr)) minmax(100px, .7fr) 2.5rem;
}

.health-list-header[b-mycd42rnbt] {
    color: var(--color-body);
    font-size: .65rem;
    font-weight: 700;
    letter-spacing: .06em;
    padding: .65rem 1.25rem;
    text-align: center;
    text-transform: uppercase;
}

.health-sort-button[b-mycd42rnbt] {
    align-items: center;
    background: transparent;
    border-radius: var(--radius-sm);
    color: inherit;
    cursor: pointer;
    display: flex;
    font-size: inherit;
    font-weight: inherit;
    gap: .35rem;
    justify-content: center;
    letter-spacing: inherit;
    padding: .35rem .5rem;
    text-transform: inherit;
    transition: background-color .2s, color .2s;
}

.health-sort-button:first-child[b-mycd42rnbt] {
    justify-content: flex-start;
}

.health-sort-button:hover[b-mycd42rnbt],
.health-sort-button:focus-visible[b-mycd42rnbt] {
    background: var(--color-neutral-secondary-soft);
    color: var(--color-primary-600);
    outline: none;
}

.health-sort-button-active[b-mycd42rnbt] {
    color: var(--color-primary-600);
}

.health-sort-button i[b-mycd42rnbt] {
    font-size: .6rem;
    width: .65rem;
}

.health-agency-card[b-mycd42rnbt] {
    background: var(--color-neutral-primary-soft);
    border: 1px solid var(--color-default);
    border-radius: var(--radius-lg);
    box-shadow: 0 16px 38px -34px rgba(15, 23, 42, .7);
    overflow: hidden;
    transition: border-color .2s, box-shadow .2s;
}

.health-agency-card:hover[b-mycd42rnbt] {
    border-color: rgba(20, 133, 120, .42);
    box-shadow: 0 22px 45px -34px rgba(15, 23, 42, .85);
}

.health-agency-row[b-mycd42rnbt] {
    min-height: 9.3rem;
    padding: 1rem 1.25rem;
}

.health-agency-identity[b-mycd42rnbt] {
    min-width: 0;
}

.health-agency-id[b-mycd42rnbt] {
    align-items: center;
    background: transparent;
    border: 0;
    border-radius: var(--radius-sm);
    color: var(--color-body);
    cursor: pointer;
    display: inline-flex;
    font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
    font-size: .6rem;
    gap: .35rem;
    line-height: 1.35;
    margin-left: .75rem;
    margin-top: .3rem;
    max-width: calc(100% - .75rem);
    padding: .15rem .25rem;
    text-align: left;
    transition: background-color .2s, color .2s;
}

.health-agency-id:hover[b-mycd42rnbt],
.health-agency-id:focus-visible[b-mycd42rnbt] {
    background: var(--color-neutral-secondary-soft);
    color: var(--color-primary-600);
    outline: none;
}

.health-agency-id i[b-mycd42rnbt] {
    flex: 0 0 auto;
    font-size: .65rem;
}

.health-agency-id-value[b-mycd42rnbt] {
    overflow-wrap: anywhere;
}

.health-agency-meta[b-mycd42rnbt] {
    align-items: center;
    color: var(--color-body);
    display: flex;
    flex-wrap: wrap;
    font-size: .7rem;
    gap: .4rem;
    margin-left: 1rem;
    margin-top: .35rem;
}

.health-agency-name[b-mycd42rnbt] {
    color: var(--color-heading);
    flex: 1 1 auto;
    font-size: .95rem;
    font-weight: 700;
    min-width: 0;
    overflow: hidden;
    text-decoration: none;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.health-agency-name:hover[b-mycd42rnbt] {
    color: var(--color-primary-600);
    text-decoration: underline;
}

.health-agency-name-row[b-mycd42rnbt] {
    align-items: center;
    display: flex;
    flex-wrap: nowrap;
    gap: .55rem;
    min-width: 0;
}

.health-agency-status-row[b-mycd42rnbt] {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: .4rem;
    margin-left: 1rem;
    margin-top: .45rem;
    min-width: 0;
}

.health-agency-lifecycle[b-mycd42rnbt] {
    border: 1px solid transparent;
    border-radius: 9999px;
    font-size: .58rem;
    font-weight: 700;
    letter-spacing: .025em;
    line-height: 1;
    padding: .25rem .4rem;
    white-space: nowrap;
}

.health-agency-lifecycle-active-campaign[b-mycd42rnbt] {
    background: #047857;
    border-color: #10b981;
    color: #fff;
}

.health-agency-lifecycle-new[b-mycd42rnbt] {
    background: #1d4ed8;
    border-color: #60a5fa;
    color: #fff;
}

.health-agency-lifecycle-unsubscribed[b-mycd42rnbt] {
    background: #6d28d9;
    border-color: #a78bfa;
    color: #fff;
}

.health-meta-separator[b-mycd42rnbt] {
    color: var(--color-neutral-400);
}

.health-section-cell[b-mycd42rnbt] {
    align-items: center;
    background: transparent;
    border-radius: var(--radius-base);
    color: var(--color-heading);
    cursor: pointer;
    display: flex;
    flex-direction: column;
    gap: .28rem;
    padding: .4rem;
    transition: background-color .2s, transform .2s;
}

.health-section-cell:hover[b-mycd42rnbt],
.health-section-cell:focus-visible[b-mycd42rnbt],
.health-section-cell[aria-expanded="true"][b-mycd42rnbt] {
    background: var(--color-neutral-secondary-soft);
    outline: none;
    transform: translateY(-1px);
}

.health-bubble[b-mycd42rnbt] {
    align-items: center;
    border: 5px solid rgba(255, 255, 255, .32);
    border-radius: 50%;
    box-shadow: 0 9px 20px -12px rgba(15, 23, 42, .8), inset 0 0 0 1px rgba(255, 255, 255, .2);
    color: var(--color-white);
    display: flex;
    flex-direction: column;
    height: 4.25rem;
    justify-content: center;
    position: relative;
    transition: box-shadow .2s, transform .2s;
    width: 4.25rem;
}

.health-section-cell:hover .health-bubble[b-mycd42rnbt] {
    box-shadow: 0 14px 24px -12px rgba(15, 23, 42, .9), inset 0 0 0 1px rgba(255, 255, 255, .25);
    transform: scale(1.04);
}

.health-bubble-action[b-mycd42rnbt] {
    background: linear-gradient(145deg, var(--color-red-500), var(--color-red-700));
}

.health-bubble-healthy[b-mycd42rnbt] {
    background: linear-gradient(145deg, var(--color-green-500), var(--color-green-700));
}

.health-bubble-review[b-mycd42rnbt] {
    background: linear-gradient(145deg, var(--color-lightning-400), var(--color-lightning-600));
}

.health-bubble-reviewed[b-mycd42rnbt] {
    background: linear-gradient(145deg, var(--color-primary-500), var(--color-primary-800));
}

.health-bubble-customer-action[b-mycd42rnbt] {
    background: linear-gradient(145deg, #06b6d4, #155e75);
}

.health-bubble-dev-work[b-mycd42rnbt] {
    background: linear-gradient(145deg, #3b82f6, #1e40af);
}

.health-bubble-mixed-action[b-mycd42rnbt] {
    background: linear-gradient(145deg, #8b5cf6, #6d28d9);
}

.health-bubble-sales-work[b-mycd42rnbt] {
    background: linear-gradient(145deg, #ec4899, #9d174d);
}

.health-bubble-customer-action .health-bubble-score[b-mycd42rnbt],
.health-bubble-dev-work .health-bubble-score[b-mycd42rnbt],
.health-bubble-mixed-action .health-bubble-score[b-mycd42rnbt],
.health-bubble-sales-work .health-bubble-score[b-mycd42rnbt],
.health-bubble-reviewed .health-bubble-score[b-mycd42rnbt] {
    font-size: .58rem;
    letter-spacing: .02em;
    text-transform: uppercase;
}

.health-bubble-icon[b-mycd42rnbt] {
    font-size: .62rem;
    line-height: 1;
    opacity: .8;
}

.health-bubble-score[b-mycd42rnbt] {
    font-size: 1.2rem;
    font-weight: 800;
    line-height: 1.05;
}

.health-section-label[b-mycd42rnbt] {
    font-size: .7rem;
    font-weight: 700;
    line-height: 1.1;
    text-align: center;
}

.health-status-text[b-mycd42rnbt] {
    font-size: .6rem;
    font-weight: 600;
    line-height: 1.2;
    text-align: center;
}

.health-status-text-action[b-mycd42rnbt] {
    color: var(--color-danger);
}

.health-status-text-healthy[b-mycd42rnbt] {
    color: var(--color-success);
}

.health-status-text-review[b-mycd42rnbt] {
    color: var(--color-warning-strong);
}

.health-status-text-reviewed[b-mycd42rnbt] {
    color: var(--color-primary-500);
}

.health-status-text-customer-action[b-mycd42rnbt] {
    color: #0891b2;
}

.health-status-text-dev-work[b-mycd42rnbt] {
    color: #2563eb;
}

.health-status-text-mixed-action[b-mycd42rnbt] {
    color: #7c3aed;
}

.health-status-text-sales-work[b-mycd42rnbt] {
    color: #db2777;
}

.health-overall-cell[b-mycd42rnbt] {
    background: transparent;
    border: 0;
    color: inherit;
    cursor: pointer;
    display: flex;
    font: inherit;
    justify-content: center;
    padding: 0;
}

.health-overall-cell:focus-visible[b-mycd42rnbt] {
    border-radius: 50%;
    outline: 2px solid var(--color-primary-500);
    outline-offset: 4px;
}

.health-overall-ring[b-mycd42rnbt] {
    --health-ring-color: var(--color-primary-600);
    align-items: center;
    background: conic-gradient(var(--health-ring-color) var(--health-ring-value), var(--color-neutral-tertiary) 0);
    border-radius: 50%;
    display: flex;
    height: 4.9rem;
    justify-content: center;
    transition: transform .2s;
    width: 4.9rem;
}

.health-overall-cell:hover .health-overall-ring[b-mycd42rnbt] {
    transform: scale(1.04);
}

.health-overall-ring-action[b-mycd42rnbt] {
    --health-ring-color: var(--color-danger);
}

.health-overall-ring-healthy[b-mycd42rnbt] {
    --health-ring-color: var(--color-success);
}

.health-overall-ring-review[b-mycd42rnbt] {
    --health-ring-color: var(--color-warning);
}

.health-overall-ring-reviewed[b-mycd42rnbt] {
    --health-ring-color: var(--color-primary-500);
}

.health-overall-ring-customer-action[b-mycd42rnbt] {
    --health-ring-color: #0891b2;
}

.health-overall-ring-dev-work[b-mycd42rnbt] {
    --health-ring-color: #2563eb;
}

.health-overall-ring-mixed-action[b-mycd42rnbt] {
    --health-ring-color: #7c3aed;
}

.health-overall-ring-sales-work[b-mycd42rnbt] {
    --health-ring-color: #db2777;
}

.health-overall-ring-center[b-mycd42rnbt] {
    align-items: center;
    background: var(--color-neutral-primary-soft);
    border-radius: 50%;
    display: flex;
    flex-direction: column;
    height: 3.8rem;
    justify-content: center;
    width: 3.8rem;
}

.health-overall-ring-center strong[b-mycd42rnbt] {
    color: var(--color-heading);
    font-size: 1.15rem;
    line-height: 1;
}

.health-overall-ring-center span[b-mycd42rnbt] {
    color: var(--color-body);
    font-size: .55rem;
    margin-top: .2rem;
    text-transform: uppercase;
}

.health-overall-ring-customer-action .health-overall-ring-center strong[b-mycd42rnbt],
.health-overall-ring-dev-work .health-overall-ring-center strong[b-mycd42rnbt],
.health-overall-ring-mixed-action .health-overall-ring-center strong[b-mycd42rnbt],
.health-overall-ring-sales-work .health-overall-ring-center strong[b-mycd42rnbt],
.health-overall-ring-reviewed .health-overall-ring-center strong[b-mycd42rnbt] {
    font-size: .7rem;
    text-transform: uppercase;
}

.health-status-dot[b-mycd42rnbt] {
    border-radius: 50%;
    flex: 0 0 auto;
    height: .48rem;
    width: .48rem;
}

.health-status-dot-action[b-mycd42rnbt] {
    background: var(--color-danger);
    box-shadow: 0 0 0 4px var(--color-danger-soft);
}

.health-status-dot-healthy[b-mycd42rnbt] {
    background: var(--color-success);
    box-shadow: 0 0 0 4px var(--color-success-soft);
}

.health-status-dot-review[b-mycd42rnbt] {
    background: var(--color-warning);
    box-shadow: 0 0 0 4px var(--color-warning-soft);
}

.health-status-dot-reviewed[b-mycd42rnbt] {
    background: var(--color-primary-500);
    box-shadow: 0 0 0 4px var(--color-brand-softer);
}

.health-status-dot-customer-action[b-mycd42rnbt] {
    background: #0891b2;
    box-shadow: 0 0 0 4px rgba(8, 145, 178, .14);
}

.health-status-dot-dev-work[b-mycd42rnbt] {
    background: #2563eb;
    box-shadow: 0 0 0 4px rgba(37, 99, 235, .14);
}

.health-status-dot-mixed-action[b-mycd42rnbt] {
    background: #7c3aed;
    box-shadow: 0 0 0 4px rgba(124, 58, 237, .14);
}

.health-status-dot-sales-work[b-mycd42rnbt] {
    background: #db2777;
    box-shadow: 0 0 0 4px rgba(219, 39, 119, .14);
}

.health-expand-button[b-mycd42rnbt] {
    align-items: center;
    background: var(--color-neutral-secondary-soft);
    border: 1px solid var(--color-default);
    border-radius: 50%;
    color: var(--color-body);
    cursor: pointer;
    display: flex;
    height: 2rem;
    justify-content: center;
    transition: background-color .2s, color .2s;
    width: 2rem;
}

.health-expand-button:hover[b-mycd42rnbt],
.health-expand-button:focus-visible[b-mycd42rnbt] {
    background: var(--color-brand-softer);
    color: var(--color-primary-700);
    outline: none;
}

.health-details[b-mycd42rnbt] {
    background: var(--color-neutral-secondary-soft);
    border-top: 1px solid var(--color-default);
    padding: 1.25rem;
}

.health-details-header[b-mycd42rnbt] {
    align-items: flex-start;
    display: flex;
    gap: 1.5rem;
    justify-content: space-between;
    margin-bottom: 1rem;
}

.health-details-header h3[b-mycd42rnbt] {
    color: var(--color-heading);
    font-size: .95rem;
    font-weight: 600;
    margin-top: .25rem;
}

.health-details-header-actions[b-mycd42rnbt] {
    align-items: center;
    display: flex;
    flex: 0 0 auto;
    gap: .65rem;
}

.health-details-kicker[b-mycd42rnbt] {
    align-items: center;
    color: var(--color-primary-600);
    display: flex;
    font-size: .65rem;
    font-weight: 700;
    gap: .4rem;
    letter-spacing: .08em;
    text-transform: uppercase;
}

.health-details-score[b-mycd42rnbt] {
    align-items: center;
    background: var(--color-neutral-primary-soft);
    border: 1px solid var(--color-default);
    border-radius: 9999px;
    display: flex;
    flex: 0 0 auto;
    gap: .55rem;
    padding: .5rem .8rem;
}

.health-details-score strong[b-mycd42rnbt] {
    color: var(--color-heading);
    font-size: .85rem;
}

.health-details-score > span:last-child[b-mycd42rnbt] {
    color: var(--color-body);
    font-size: .65rem;
}

.health-dev-review-button[b-mycd42rnbt],
.health-dev-review-edit[b-mycd42rnbt],
.health-dev-review-link[b-mycd42rnbt] {
    align-items: center;
    background: transparent;
    border: 0;
    border-radius: var(--radius-sm);
    color: var(--color-primary-600);
    cursor: pointer;
    display: inline-flex;
    font-size: .65rem;
    font-weight: 700;
    gap: .35rem;
    padding: .35rem .5rem;
    transition: background-color .2s, color .2s;
}

.health-dev-review-button[b-mycd42rnbt] {
    background: var(--color-brand-softer);
    border: 1px solid rgba(20, 133, 120, .3);
    padding: .5rem .7rem;
}

.health-dev-review-button:hover[b-mycd42rnbt],
.health-dev-review-button:focus-visible[b-mycd42rnbt],
.health-dev-review-edit:hover[b-mycd42rnbt],
.health-dev-review-edit:focus-visible[b-mycd42rnbt],
.health-dev-review-link:hover[b-mycd42rnbt],
.health-dev-review-link:focus-visible[b-mycd42rnbt] {
    background: var(--color-neutral-secondary-soft);
    color: var(--color-primary-700);
    outline: none;
}

.health-dev-review-card[b-mycd42rnbt] {
    background: linear-gradient(135deg, rgba(20, 133, 120, .13), rgba(20, 133, 120, .04));
    border: 1px solid rgba(20, 133, 120, .35);
    border-left: 4px solid var(--color-primary-500);
    border-radius: var(--radius-base);
    padding: 1rem;
}

.health-dev-review-card-customer-action[b-mycd42rnbt] {
    background: linear-gradient(135deg, rgba(8, 145, 178, .13), rgba(8, 145, 178, .04));
    border-color: rgba(8, 145, 178, .35);
    border-left-color: #0891b2;
}

.health-dev-review-card-dev-work[b-mycd42rnbt] {
    background: linear-gradient(135deg, rgba(37, 99, 235, .13), rgba(37, 99, 235, .04));
    border-color: rgba(37, 99, 235, .35);
    border-left-color: #2563eb;
}

.health-dev-review-card-sales-work[b-mycd42rnbt] {
    background: linear-gradient(135deg, rgba(219, 39, 119, .13), rgba(219, 39, 119, .04));
    border-color: rgba(219, 39, 119, .35);
    border-left-color: #db2777;
}

.health-dev-review-card p[b-mycd42rnbt] {
    color: var(--color-heading);
    font-size: .75rem;
    line-height: 1.6;
    margin: .65rem 0;
    white-space: pre-wrap;
}

.health-dev-review-affects[b-mycd42rnbt] {
    align-items: center;
    align-self: flex-start;
    background: var(--color-neutral-secondary-soft);
    border: 1px solid var(--color-default);
    border-radius: 999px;
    color: var(--color-body);
    display: inline-flex;
    flex-wrap: wrap;
    font-size: .58rem;
    gap: .3rem;
    line-height: 1.2;
    margin-top: .15rem;
    max-width: 100%;
    padding: .2rem .45rem;
}

.health-dev-review-affects-label[b-mycd42rnbt] {
    color: var(--color-primary-600);
    font-size: .52rem;
    font-weight: 800;
    letter-spacing: .06em;
    text-transform: uppercase;
}

.health-dev-review-meta[b-mycd42rnbt] {
    align-items: center;
    color: var(--color-body);
    display: flex;
    font-size: .62rem;
    flex-wrap: wrap;
    gap: .45rem 1rem;
}

.health-dev-review-meta span[b-mycd42rnbt] {
    align-items: center;
    display: inline-flex;
    gap: .35rem;
}

.health-dev-review-heading[b-mycd42rnbt] {
    align-items: flex-start;
    display: flex;
    gap: .75rem;
    justify-content: space-between;
}

.health-dev-review-heading > div[b-mycd42rnbt] {
    display: flex;
    flex-direction: column;
    gap: .2rem;
}

.health-dev-review-heading strong[b-mycd42rnbt] {
    color: var(--color-heading);
    font-size: .85rem;
}

.health-dev-review-kicker[b-mycd42rnbt] {
    align-items: center;
    color: var(--color-primary-600);
    display: flex;
    font-size: .6rem;
    font-weight: 800;
    gap: .35rem;
    letter-spacing: .08em;
    text-transform: uppercase;
}

.health-dev-review-kicker-customer-action[b-mycd42rnbt] {
    color: #0891b2;
}

.health-dev-review-kicker-dev-work[b-mycd42rnbt] {
    color: #2563eb;
}

.health-dev-review-kicker-sales-work[b-mycd42rnbt] {
    color: #db2777;
}

.health-dev-review-list[b-mycd42rnbt] {
    display: grid;
    gap: .75rem;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    margin-bottom: 1rem;
}

.health-explanation-heading[b-mycd42rnbt] {
    align-items: center;
    display: flex;
    gap: .75rem;
    justify-content: space-between;
}

.health-explanation-actions[b-mycd42rnbt] {
    align-items: center;
    color: var(--color-body);
    display: flex;
    font-size: .6rem;
    gap: .4rem;
}

.health-dev-review-link[b-mycd42rnbt] {
    padding: .15rem .25rem;
    text-transform: none;
}

.health-explanation-grid[b-mycd42rnbt] {
    display: grid;
    gap: .75rem;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    margin-bottom: 1rem;
}

.health-explanation-card[b-mycd42rnbt] {
    background: var(--color-neutral-primary-soft);
    border: 1px solid var(--color-default);
    border-left: 3px solid var(--color-primary-500);
    border-radius: var(--radius-base);
    padding: .9rem 1rem;
}

.health-explanation-card-section[b-mycd42rnbt] {
    border-left-color: var(--color-primary-600);
}

.health-explanation-card p[b-mycd42rnbt] {
    color: var(--color-body);
    font-size: .72rem;
    line-height: 1.55;
    margin: .45rem 0 0;
}

.health-explanation-label[b-mycd42rnbt] {
    align-items: center;
    color: var(--color-primary-600);
    display: flex;
    font-size: .62rem;
    font-weight: 700;
    gap: .4rem;
    letter-spacing: .06em;
    text-transform: uppercase;
}

.health-metric-grid[b-mycd42rnbt] {
    display: grid;
    gap: .75rem;
    grid-template-columns: repeat(4, minmax(0, 1fr));
}

.health-metric-card[b-mycd42rnbt] {
    background: var(--color-neutral-primary-soft);
    border: 1px solid var(--color-default);
    border-radius: var(--radius-base);
    min-height: 6.8rem;
    padding: .85rem;
}

.health-metric-caption[b-mycd42rnbt] {
    color: var(--color-body);
    font-size: .62rem;
    line-height: 1.4;
    margin-top: .45rem;
}

.health-metric-heading[b-mycd42rnbt] {
    align-items: flex-start;
    color: var(--color-body);
    display: flex;
    font-size: .65rem;
    gap: .5rem;
    justify-content: space-between;
    line-height: 1.35;
}

.health-metric-value[b-mycd42rnbt] {
    color: var(--color-heading);
    display: block;
    font-size: 1rem;
    font-weight: 700;
    line-height: 1.2;
    margin-top: .5rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.health-metric-link[b-mycd42rnbt] {
    color: var(--color-primary-600);
    text-decoration: none;
}

.health-metric-link:hover[b-mycd42rnbt] {
    text-decoration: underline;
}

.health-metric-status[b-mycd42rnbt] {
    border-radius: 9999px;
    flex: 0 0 auto;
    font-size: .52rem;
    font-weight: 700;
    padding: .15rem .4rem;
    text-transform: uppercase;
}

.health-metric-status-action[b-mycd42rnbt] {
    background: var(--color-danger-soft);
    color: var(--color-danger);
}

.health-metric-status-healthy[b-mycd42rnbt] {
    background: var(--color-success-soft);
    color: var(--color-success);
}

.health-metric-status-review[b-mycd42rnbt] {
    background: var(--color-warning-soft);
    color: var(--color-warning-strong);
}

.health-metric-track[b-mycd42rnbt] {
    background: var(--color-neutral-tertiary);
    border-radius: 9999px;
    height: .3rem;
    margin-top: .65rem;
    overflow: hidden;
}

.health-metric-fill[b-mycd42rnbt] {
    border-radius: inherit;
    display: block;
    height: 100%;
}

.health-metric-fill-action[b-mycd42rnbt] {
    background: var(--color-danger);
}

.health-metric-fill-healthy[b-mycd42rnbt] {
    background: var(--color-success);
}

.health-metric-fill-review[b-mycd42rnbt] {
    background: var(--color-warning);
}

.health-empty[b-mycd42rnbt],
.health-error[b-mycd42rnbt] {
    align-items: center;
    background: var(--color-neutral-primary-soft);
    border: 1px solid var(--color-default);
    border-radius: var(--radius-lg);
    display: flex;
    padding: 2rem;
}

.health-empty[b-mycd42rnbt] {
    flex-direction: column;
    justify-content: center;
    min-height: 18rem;
    text-align: center;
}

.health-empty > i[b-mycd42rnbt] {
    color: var(--color-primary-500);
    font-size: 1.75rem;
    margin-bottom: .8rem;
}

.health-empty h3[b-mycd42rnbt],
.health-error-title[b-mycd42rnbt] {
    color: var(--color-heading);
    font-size: 1rem;
    font-weight: 700;
}

.health-empty p[b-mycd42rnbt],
.health-error-message[b-mycd42rnbt] {
    color: var(--color-body);
    font-size: .78rem;
    margin-bottom: 1rem;
    margin-top: .3rem;
}

.health-error[b-mycd42rnbt] {
    gap: 1.5rem;
    justify-content: space-between;
}

@media (max-width: 1200px) {
    .health-summary-grid[b-mycd42rnbt] {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .health-list-header[b-mycd42rnbt] {
        display: none;
    }

    .health-agency-row[b-mycd42rnbt] {
        grid-template-columns: repeat(5, minmax(100px, 1fr)) minmax(100px, .8fr) 2.5rem;
    }

    .health-agency-identity[b-mycd42rnbt] {
        border-bottom: 1px solid var(--color-default);
        grid-column: 1 / -1;
        padding-bottom: .8rem;
    }

    .health-metric-grid[b-mycd42rnbt] {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}

@media (max-width: 820px) {
    .health-hero[b-mycd42rnbt] {
        align-items: stretch;
        flex-direction: column;
    }

    .health-period[b-mycd42rnbt] {
        min-width: 0;
    }

    .health-summary-grid[b-mycd42rnbt] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .health-filter-row[b-mycd42rnbt] {
        align-items: stretch;
        flex-direction: column;
    }

    .health-lifecycle-filter-heading[b-mycd42rnbt] {
        flex-basis: 100%;
        margin-bottom: .2rem;
        margin-right: 0;
    }

    .health-search-filter[b-mycd42rnbt] {
        flex-basis: auto;
        max-width: none;
        width: 100%;
    }


    .health-result-count[b-mycd42rnbt] {
        margin-left: 0;
    }

    .health-agency-row[b-mycd42rnbt] {
        grid-template-columns: repeat(2, minmax(100px, 1fr));
    }

    .health-overall-cell[b-mycd42rnbt] {
        border-top: 1px solid var(--color-default);
        grid-column: 1 / 2;
        justify-content: flex-start;
        padding-top: .8rem;
    }

    .health-expand-button[b-mycd42rnbt] {
        grid-column: 2 / 3;
        justify-self: end;
    }

    .health-details-header[b-mycd42rnbt] {
        flex-direction: column;
    }

    .health-details-header-actions[b-mycd42rnbt] {
        align-items: flex-start;
        flex-wrap: wrap;
    }

    .health-dev-review-list[b-mycd42rnbt] {
        grid-template-columns: 1fr;
    }

    .health-explanation-grid[b-mycd42rnbt] {
        grid-template-columns: 1fr;
    }

    .health-metric-grid[b-mycd42rnbt] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 520px) {
    .health-hero[b-mycd42rnbt] {
        padding: 1.35rem;
    }

    .health-summary-grid[b-mycd42rnbt],
    .health-metric-grid[b-mycd42rnbt] {
        grid-template-columns: 1fr;
    }

    .health-agency-row[b-mycd42rnbt] {
        padding: .9rem;
    }

    .health-details[b-mycd42rnbt] {
        padding: .9rem;
    }

    .health-details-header-actions[b-mycd42rnbt] {
        align-items: stretch;
        flex-direction: column;
        width: 100%;
    }

    .health-dev-review-button[b-mycd42rnbt],
    .health-details-score[b-mycd42rnbt] {
        justify-content: center;
    }
}

.health-cdn-filter[b-mycd42rnbt] {
    display: flex;
    flex: 0 0 12rem;
    flex-direction: column;
    min-width: 12rem;
}

.health-cdn-filter[b-mycd42rnbt]  .health-cdn-dropdown.app-dropdown.k-picker {
    min-height: 2.25rem;
}

.health-cdn-filter[b-mycd42rnbt]  .health-cdn-dropdown .k-input-inner,
.health-cdn-filter[b-mycd42rnbt]  .health-cdn-dropdown .k-input-button {
    min-height: 2.125rem;
}

@media (max-width: 820px) {
    .health-cdn-filter[b-mycd42rnbt] {
        flex: 0 0 auto;
        min-width: 0;
        width: 100%;
    }
}

.health-snapshot-warning[b-mycd42rnbt] {
    align-items: center;
    background: var(--color-warning-soft);
    border: 1px solid var(--color-warning);
    border-radius: var(--radius-base);
    color: var(--color-heading);
    display: flex;
    font-size: .75rem;
    gap: .6rem;
    padding: .75rem 1rem;
}

.health-cdn-badge[b-mycd42rnbt] {
    background: var(--color-neutral-secondary-soft);
    border: 1px solid var(--color-default);
    border-radius: 9999px;
    color: var(--color-body);
    display: inline-flex;
    font-size: .58rem;
    font-weight: 700;
    padding: .18rem .42rem;
    white-space: nowrap;
}

.health-cdn-badge-active[b-mycd42rnbt] {
    background: #047857;
    border-color: #10b981;
    color: #fff;
}

.health-cdn-badge-stale[b-mycd42rnbt] {
    background: #b45309;
    border-color: #f59e0b;
    color: #fff;
}

.health-cdn-badge-disabled[b-mycd42rnbt],
.health-cdn-badge-neverdetected[b-mycd42rnbt],
.health-cdn-badge-notconfigured[b-mycd42rnbt] {
    background: #b91c1c;
    border-color: #ef4444;
    color: #fff;
}

.health-list[b-mycd42rnbt] {
    box-sizing: border-box;
    display: block;
    max-height: 72vh;
    overflow: auto;
    padding-right: .75rem;
    scrollbar-gutter: stable;
}

.health-list-header[b-mycd42rnbt],
.health-agency-card[b-mycd42rnbt] {
    min-width: 1100px;
}

.health-list-header[b-mycd42rnbt] {
    background: var(--color-neutral-primary-soft);
    border-radius: var(--radius-lg);
    display: grid;
    margin-bottom: .75rem;
    position: sticky;
    top: 0;
    z-index: 2;
}

.health-agency-card[b-mycd42rnbt] {
    height: 8.25rem;
    margin-bottom: .75rem;
}

.health-agency-row[b-mycd42rnbt] {
    grid-template-columns: minmax(220px, 1.5fr) repeat(5, minmax(105px, 1fr)) minmax(100px, .7fr) 2.5rem;
    height: 8.25rem;
    min-height: 8.25rem;
}

.health-agency-identity[b-mycd42rnbt] {
    border-bottom: 0;
    grid-column: auto;
    padding-bottom: 0;
}

.health-modal-backdrop[b-mycd42rnbt] {
    align-items: center;
    background: rgba(15, 23, 42, .65);
    display: flex;
    inset: 0;
    justify-content: center;
    padding: 2rem;
    position: fixed;
    /* Keep diagnostics below the shared modal host (backdrop z-50, dialog z-60). */
    z-index: 40;
}

.health-modal[b-mycd42rnbt] {
    background: var(--color-neutral-primary-soft);
    border: 1px solid var(--color-default);
    border-radius: var(--radius-lg);
    box-shadow: 0 28px 80px -24px rgba(15, 23, 42, .85);
    display: flex;
    flex-direction: column;
    max-height: calc(100vh - 4rem);
    max-width: 1120px;
    overflow: hidden;
    width: 100%;
}

.health-modal-header[b-mycd42rnbt] {
    align-items: flex-start;
    border-bottom: 1px solid var(--color-default);
    display: flex;
    gap: 1rem;
    justify-content: space-between;
    padding: 1.15rem 1.35rem;
}

.health-modal-header h2[b-mycd42rnbt] {
    color: var(--color-heading);
    font-size: 1.15rem;
    font-weight: 700;
    margin-top: .2rem;
}

.health-modal-header p[b-mycd42rnbt] {
    color: var(--color-body);
    font-size: .72rem;
    margin-top: .2rem;
}

.health-modal-close[b-mycd42rnbt] {
    align-items: center;
    background: transparent;
    border: 1px solid var(--color-default);
    border-radius: 50%;
    color: var(--color-body);
    cursor: pointer;
    display: flex;
    flex: 0 0 auto;
    height: 2.25rem;
    justify-content: center;
    width: 2.25rem;
}

.health-modal-body[b-mycd42rnbt] {
    overflow-y: auto;
    padding: 1.25rem;
}

.health-host-list[b-mycd42rnbt] {
    background: var(--color-neutral-secondary-soft);
    border: 1px solid var(--color-default);
    border-radius: var(--radius-base);
    display: flex;
    flex-direction: column;
    margin-bottom: 1rem;
}

.health-host-empty[b-mycd42rnbt],
.health-host-row[b-mycd42rnbt] {
    align-items: center;
    color: var(--color-body);
    display: grid;
    font-size: .7rem;
    gap: .75rem;
    grid-template-columns: auto minmax(180px, 1fr) auto;
    padding: .65rem .8rem;
}

.health-host-row + .health-host-row[b-mycd42rnbt] {
    border-top: 1px solid var(--color-default);
}

.health-host-row strong[b-mycd42rnbt] {
    color: var(--color-heading);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

@media (max-width: 820px) {
    .health-modal-backdrop[b-mycd42rnbt] {
        padding: .75rem;
    }

    .health-host-empty[b-mycd42rnbt],
    .health-host-row[b-mycd42rnbt] {
        align-items: flex-start;
        grid-template-columns: 1fr;
    }
}
/* /Components/Setup/Agencies/AgencyHealthDevStatusForm.razor.rz.scp.css */
.health-dev-form[b-btjmg69vdj] {
    display: flex;
    flex-direction: column;
    gap: 1.25rem;
}

.health-dev-form-control[b-btjmg69vdj] {
    background: var(--color-neutral-primary-soft);
    border: 1px solid var(--color-default);
    border-radius: var(--radius-base);
    color: var(--color-heading);
    display: block;
    font-size: .875rem;
    margin-top: .35rem;
    outline: none;
    padding: .65rem .75rem;
    width: 100%;
}

.health-dev-form-control:focus[b-btjmg69vdj] {
    border-color: var(--color-primary-500);
    box-shadow: 0 0 0 3px rgba(20, 133, 120, .15);
}

.health-dev-form-bubble[b-btjmg69vdj] {
    align-items: center;
    background: var(--color-neutral-primary-soft);
    border: 1px solid var(--color-default);
    border-radius: var(--radius-base);
    color: var(--color-heading);
    cursor: pointer;
    display: grid;
    gap: .65rem;
    grid-template-columns: auto minmax(0, 1fr) auto;
    min-height: 4.25rem;
    padding: .7rem .75rem;
    text-align: left;
    transition: background-color .2s, border-color .2s, box-shadow .2s, transform .2s;
    width: 100%;
}

.health-dev-form-bubble:hover[b-btjmg69vdj] {
    border-color: var(--color-primary-400);
    transform: translateY(-1px);
}

.health-dev-form-bubble:focus-visible[b-btjmg69vdj] {
    border-color: var(--color-primary-500);
    box-shadow: 0 0 0 3px rgba(20, 133, 120, .15);
    outline: none;
}

.health-dev-form-bubble:disabled[b-btjmg69vdj] {
    cursor: wait;
    opacity: .65;
    transform: none;
}

.health-dev-form-bubble-check[b-btjmg69vdj] {
    align-items: center;
    background: transparent;
    border: 1px solid var(--color-default);
    border-radius: 50%;
    color: transparent;
    display: flex;
    font-size: .55rem;
    height: 1.25rem;
    justify-content: center;
    transition: background-color .2s, border-color .2s, color .2s;
    width: 1.25rem;
}

.health-dev-form-bubble-copy[b-btjmg69vdj] {
    display: flex;
    flex-direction: column;
    gap: .15rem;
    min-width: 0;
}

.health-dev-form-bubble-copy small[b-btjmg69vdj] {
    color: var(--color-body);
    font-size: .62rem;
    line-height: 1.35;
}

.health-dev-form-bubble-copy strong[b-btjmg69vdj] {
    color: var(--color-heading);
    font-size: .75rem;
    line-height: 1.25;
}

.health-dev-form-bubble-icon[b-btjmg69vdj] {
    align-items: center;
    background: var(--color-neutral-secondary-soft);
    border-radius: var(--radius-base);
    color: var(--color-body);
    display: flex;
    font-size: .75rem;
    height: 2rem;
    justify-content: center;
    transition: background-color .2s, color .2s;
    width: 2rem;
}

.health-dev-form-bubble-selected[b-btjmg69vdj] {
    background: var(--color-brand-softer);
    border-color: var(--color-primary-500);
    box-shadow: 0 0 0 2px rgba(20, 133, 120, .12);
}

.health-dev-form-bubble-selected .health-dev-form-bubble-check[b-btjmg69vdj] {
    background: var(--color-primary-600);
    border-color: var(--color-primary-600);
    color: white;
}

.health-dev-form-bubble-selected .health-dev-form-bubble-icon[b-btjmg69vdj] {
    background: var(--color-primary-600);
    color: white;
}

.health-dev-form-bubbles[b-btjmg69vdj] {
    display: grid;
    gap: .65rem;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    margin-top: .75rem;
}

.health-dev-form-field[b-btjmg69vdj] {
    border: 0;
    margin: 0;
    min-width: 0;
    padding: 0;
}

.health-dev-form-help[b-btjmg69vdj] {
    color: var(--color-body);
    font-size: .7rem;
    line-height: 1.45;
    margin: .35rem 0 0;
}

.health-dev-form-intro[b-btjmg69vdj] {
    background: var(--color-brand-softer);
    border: 1px solid rgba(20, 133, 120, .35);
    border-radius: var(--radius-base);
    color: var(--color-heading);
    padding: 1rem;
}

.health-dev-form-intro p[b-btjmg69vdj] {
    color: var(--color-body);
    font-size: .72rem;
    line-height: 1.55;
    margin: .35rem 0 0;
}

.health-dev-form-intro-heading[b-btjmg69vdj] {
    align-items: center;
    color: var(--color-primary-700);
    display: flex;
    font-size: .8rem;
    font-weight: 700;
    gap: .5rem;
}

.health-dev-form-note[b-btjmg69vdj] {
    min-height: 8rem;
    resize: vertical;
}

.health-dev-form-legend[b-btjmg69vdj] {
    color: var(--color-heading);
    font-size: .75rem;
    font-weight: 600;
}

.health-dev-form-option[b-btjmg69vdj] {
    align-items: flex-start;
    background: var(--color-neutral-primary-soft);
    border: 1px solid var(--color-default);
    border-radius: var(--radius-base);
    cursor: pointer;
    display: flex;
    gap: .65rem;
    padding: .8rem;
    transition: background-color .2s, border-color .2s, box-shadow .2s;
}

.health-dev-form-option:hover[b-btjmg69vdj] {
    border-color: var(--color-primary-400);
}

.health-dev-form-option input[b-btjmg69vdj] {
    accent-color: var(--color-primary-600);
    margin-top: .2rem;
}

.health-dev-form-option small[b-btjmg69vdj] {
    color: var(--color-body);
    display: block;
    font-size: .67rem;
    line-height: 1.4;
    margin-top: .2rem;
}

.health-dev-form-option strong[b-btjmg69vdj] {
    align-items: center;
    color: var(--color-heading);
    display: flex;
    font-size: .75rem;
    gap: .4rem;
}

.health-dev-form-option-selected[b-btjmg69vdj] {
    background: var(--color-brand-softer);
    border-color: var(--color-primary-500);
    box-shadow: 0 0 0 2px rgba(20, 133, 120, .12);
}

.health-dev-form-options[b-btjmg69vdj] {
    display: grid;
    gap: .65rem;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    margin-top: .4rem;
}

.health-dev-form-validation[b-btjmg69vdj] {
    background: var(--color-danger-soft);
    border: 1px solid var(--color-danger);
    border-radius: var(--radius-base);
    color: var(--color-danger);
    font-size: .8rem;
    padding: .75rem;
}

@media (max-width: 820px) {
    .health-dev-form-bubbles[b-btjmg69vdj] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .health-dev-form-options[b-btjmg69vdj] {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 520px) {
    .health-dev-form-bubbles[b-btjmg69vdj] {
        grid-template-columns: 1fr;
    }
}
/* /Components/Setup/Agencies/PropertyMatching/AgencyPropertyMatching.razor.rz.scp.css */
.property-matching-dashboard .form-control[b-c1nevaglfy],
.property-matching-dashboard .form-select[b-c1nevaglfy] {
    background: var(--color-neutral-secondary-soft);
    border: 1px solid var(--color-default);
    box-shadow: none;
    color: var(--color-heading);
    max-width: 100%;
    min-width: 0;
}

.property-matching-dashboard .form-control:focus[b-c1nevaglfy],
.property-matching-dashboard .form-select:focus[b-c1nevaglfy] {
    background: var(--color-neutral-secondary-soft);
    border-color: var(--color-primary-500);
    box-shadow: 0 0 0 2px rgba(20, 133, 120, .14);
    color: var(--color-heading);
}

.property-matching-dashboard .form-control[b-c1nevaglfy]::placeholder {
    color: var(--color-body);
}

.property-matching-dashboard .form-select[b-c1nevaglfy] {
    appearance: auto;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}