@import '_content/BlazorColorPicker/BlazorColorPicker.bundle.scp.css';
@import '_content/Blazored.Modal/Blazored.Modal.bundle.scp.css';
@import '_content/CrahunBlazorComponents/CrahunBlazorComponents.bundle.scp.css';

/* _content/Starterkit/Observatory/CalculatedIndicators.razor.rz.scp.css */
.obs-loading[b-4cl497d166] {
    display: flex;
    min-height: 280px;
    align-items: center;
    justify-content: center;
    gap: 12px;
    color: #496467;
    font-weight: 850;
}
/* _content/Starterkit/Observatory/Components/CalculatedIndicatorsTab.razor.rz.scp.css */
.calculated-layout[b-3zoyz13dfx] {
    display: grid;
    grid-template-columns: minmax(0, 1.65fr) minmax(18rem, .75fr);
    gap: 1rem;
}

.calculated-editor[b-3zoyz13dfx],
.calculated-library[b-3zoyz13dfx] {
    border: 1px solid rgba(20, 72, 80, .13);
    border-radius: 1.5rem;
    background: #fff;
    box-shadow: 0 1rem 2.2rem rgba(18, 60, 67, .07);
}

.calculated-editor[b-3zoyz13dfx] {
    padding: clamp(1rem, 2vw, 1.7rem);
}

.calculated-editor > header[b-3zoyz13dfx] {
    display: flex;
    align-items: center;
    gap: 1rem;
    margin-bottom: 1.2rem;
}

.calculated-editor__icon[b-3zoyz13dfx] {
    display: grid;
    flex: 0 0 auto;
    place-items: center;
    width: 3.5rem;
    height: 3.5rem;
    border-radius: 1.05rem;
    background: linear-gradient(145deg, #174f59, #4b4b92);
    color: #fff;
    font-size: 1.25rem;
    box-shadow: 0 .75rem 1.5rem rgba(34, 69, 89, .2);
}

.calculated-editor__eyebrow[b-3zoyz13dfx] {
    color: #b17a29;
    font-size: .8rem;
    font-weight: 850;
}

.calculated-editor h2[b-3zoyz13dfx] {
    margin: .15rem 0;
    color: #123f47;
    font-size: 1.45rem;
    font-weight: 850;
}

.calculated-editor p[b-3zoyz13dfx],
.dependency-picker__heading span[b-3zoyz13dfx],
.formula-field small[b-3zoyz13dfx] {
    margin: 0;
    color: #6d858a;
    line-height: 1.65;
}

.calculated-message[b-3zoyz13dfx] {
    display: flex;
    align-items: center;
    gap: .55rem;
    margin-bottom: 1rem;
    padding: .8rem 1rem;
    border-radius: .85rem;
    background: #e9f8f3;
    color: #12745f;
    font-weight: 750;
}

.calculated-message.is-error[b-3zoyz13dfx] {
    background: #fff0f0;
    color: #b23546;
}

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

.calculated-grid label > span[b-3zoyz13dfx],
.formula-field > span[b-3zoyz13dfx] {
    display: block;
    margin-bottom: .4rem;
    color: #234e55;
    font-weight: 800;
}

.calculated-grid b[b-3zoyz13dfx],
.formula-field b[b-3zoyz13dfx] {
    color: #bc4050;
}

.calculated-grid .form-control[b-3zoyz13dfx],
.calculated-grid .form-select[b-3zoyz13dfx],
.formula-field .form-control[b-3zoyz13dfx] {
    min-height: 3.1rem;
    border-radius: .85rem;
}

.dependency-picker[b-3zoyz13dfx] {
    margin-top: 1rem;
    padding: 1rem;
    border: 1px solid #dfeae8;
    border-radius: 1rem;
    background: #f8fbfb;
}

.dependency-picker__heading[b-3zoyz13dfx] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
}

.dependency-picker__heading strong[b-3zoyz13dfx],
.dependency-picker__heading span[b-3zoyz13dfx] {
    display: block;
}

.dependency-picker__heading strong[b-3zoyz13dfx] {
    color: #123f47;
    font-size: 1.05rem;
}

.dependency-picker__count[b-3zoyz13dfx] {
    padding: .35rem .65rem;
    border-radius: 999px;
    background: #e8f1ef;
    color: #174f59 !important;
    font-size: .8rem;
    white-space: nowrap;
}

.dependency-picker__search[b-3zoyz13dfx] {
    display: flex;
    align-items: center;
    gap: .5rem;
    margin: .85rem 0;
    padding: 0 .8rem;
    border: 1px solid #d7e4e2;
    border-radius: .8rem;
    background: #fff;
}

.dependency-picker__search i[b-3zoyz13dfx] {
    color: #779095;
}

.dependency-picker__search input[b-3zoyz13dfx] {
    width: 100%;
    min-height: 2.8rem;
    border: 0;
    outline: 0;
    background: transparent;
}

.dependency-picker__items[b-3zoyz13dfx] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: .55rem;
    max-height: 15rem;
    overflow-y: auto;
}

.dependency-item[b-3zoyz13dfx] {
    display: grid;
    grid-template-columns: auto 1fr;
    align-items: center;
    gap: .65rem;
    min-width: 0;
    padding: .7rem;
    border: 1px solid #e0e9e8;
    border-radius: .8rem;
    background: #fff;
    color: #244f56;
    text-align: start;
}

.dependency-item.is-selected[b-3zoyz13dfx] {
    border-color: rgba(19, 134, 111, .4);
    background: #eaf8f3;
}

.dependency-item__check[b-3zoyz13dfx] {
    display: grid;
    place-items: center;
    width: 1.75rem;
    height: 1.75rem;
    border-radius: .55rem;
    background: #eef3f2;
}

.dependency-item.is-selected .dependency-item__check[b-3zoyz13dfx] {
    background: #13866f;
    color: #fff;
}

.dependency-item strong[b-3zoyz13dfx],
.dependency-item code[b-3zoyz13dfx] {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
}

.dependency-item code[b-3zoyz13dfx] {
    margin-top: .15rem;
    color: #778d91;
    font-size: .72rem;
}

.formula-field[b-3zoyz13dfx] {
    display: block;
    margin-top: 1rem;
}

.formula-field textarea[b-3zoyz13dfx] {
    resize: vertical;
    font-family: "Cascadia Code", Consolas, monospace;
}

.formula-field small[b-3zoyz13dfx] {
    display: block;
    margin-top: .45rem;
}

.calculated-editor footer[b-3zoyz13dfx] {
    display: flex;
    gap: .6rem;
    margin-top: 1rem;
}

.calculated-library[b-3zoyz13dfx] {
    align-self: start;
    overflow: hidden;
}

.calculated-library > header[b-3zoyz13dfx] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 1rem 1.1rem;
    border-bottom: 1px solid #e6eeee;
    background: linear-gradient(135deg, #153f48, #244969);
    color: #fff;
}

.calculated-library > header span[b-3zoyz13dfx] {
    font-weight: 850;
}

.calculated-library > header strong[b-3zoyz13dfx] {
    font-size: .82rem;
    opacity: .78;
}

.calculated-library__empty[b-3zoyz13dfx] {
    display: grid;
    place-items: center;
    gap: .45rem;
    min-height: 12rem;
    padding: 1rem;
    color: #758b8f;
    text-align: center;
}

.calculated-library__empty i[b-3zoyz13dfx] {
    color: #4b4b92;
    font-size: 1.7rem;
}

.calculated-list[b-3zoyz13dfx] {
    display: grid;
    gap: .7rem;
    max-height: 52rem;
    padding: .8rem;
    overflow-y: auto;
}

.calculated-card[b-3zoyz13dfx] {
    padding: .9rem;
    border: 1px solid #e1e9e8;
    border-radius: .9rem;
    background: #fbfdfd;
}

.calculated-card__top[b-3zoyz13dfx] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: .5rem;
}

.calculated-card__top code[b-3zoyz13dfx] {
    color: #4b4b92;
    font-size: .72rem;
}

.calculated-card__top span[b-3zoyz13dfx] {
    color: #8a6a35;
    font-size: .75rem;
    font-weight: 800;
}

.calculated-card h3[b-3zoyz13dfx] {
    margin: .65rem 0 .25rem;
    color: #153f47;
    font-size: 1rem;
}

.calculated-card p[b-3zoyz13dfx] {
    margin: 0;
    color: #71868a;
    font-size: .82rem;
}

.calculated-card pre[b-3zoyz13dfx] {
    margin: .7rem 0;
    padding: .65rem;
    overflow-x: auto;
    border-radius: .65rem;
    background: #edf3f2;
    color: #284b52;
    font-size: .72rem;
    white-space: pre-wrap;
}

@media (max-width: 1080px) {
    .calculated-layout[b-3zoyz13dfx] {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 680px) {
    .calculated-grid[b-3zoyz13dfx],
    .dependency-picker__items[b-3zoyz13dfx] {
        grid-template-columns: 1fr;
    }
}
/* _content/Starterkit/Observatory/Components/DashboardManagementWorkspace.razor.rz.scp.css */
.obs-builder-loading[b-zxfviw3u9j] {
    display: flex;
    min-height: 300px;
    align-items: center;
    justify-content: center;
    gap: 12px;
    color: #496467;
    font-weight: 850;
}

.obs-builder-alert[b-zxfviw3u9j] {
    position: relative;
    display: flex;
    align-items: center;
    gap: 11px;
    margin-bottom: 18px;
    padding: 14px 17px;
    overflow: hidden;
    border: 1px solid;
    border-radius: 16px;
    font-size: .84rem;
    font-weight: 850;
    box-shadow: 0 12px 30px rgba(13, 45, 48, .08);
}

.obs-builder-alert[b-zxfviw3u9j]::before {
    position: absolute;
    inset-block: 0;
    inset-inline-start: 0;
    width: 4px;
    background: currentColor;
    content: "";
}

.obs-builder-alert.is-success[b-zxfviw3u9j] {
    color: #0d6955;
    border-color: #b7dfd5;
    background: #f1fbf8;
}

.obs-builder-alert.is-error[b-zxfviw3u9j] {
    color: #96384a;
    border-color: #ecc2ca;
    background: #fff4f6;
}

.obs-builder-alert a[b-zxfviw3u9j] {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    margin-inline-start: auto;
    padding: 8px 12px;
    border: 1px solid currentColor;
    border-radius: 10px;
    color: inherit;
    font-size: .78rem;
    text-decoration: none;
    transition: transform .18s ease, background-color .18s ease;
}

.obs-builder-alert a:hover[b-zxfviw3u9j] {
    color: inherit;
    background: rgba(255, 255, 255, .72);
    transform: translateY(-1px);
}

.obs-builder-layout[b-zxfviw3u9j] {
    display: grid;
    grid-template-columns: minmax(285px, .72fr) minmax(0, 2.28fr);
    gap: 18px;
    align-items: start;
    transition: grid-template-columns .24s ease;
}

.obs-builder-layout.is-index-collapsed[b-zxfviw3u9j] {
    grid-template-columns: 64px minmax(0, 1fr);
}

.obs-panel[b-zxfviw3u9j] {
    border: 1px solid #dce7e5;
    border-radius: 24px;
    background: #fff;
    box-shadow: 0 20px 50px rgba(17, 53, 56, .08);
}

.obs-builder-index[b-zxfviw3u9j] {
    position: sticky;
    top: 16px;
    max-height: calc(100vh - 32px);
    padding: 22px;
    overflow: auto;
    border-color: color-mix(in srgb, var(--obs-primary) 52%, #16373a);
    color: #fff;
    background:
        radial-gradient(circle at 12% 6%, color-mix(in srgb, var(--obs-secondary) 32%, transparent), transparent 26%),
        repeating-linear-gradient(135deg, rgba(255, 255, 255, .022) 0 1px, transparent 1px 14px),
        linear-gradient(150deg, color-mix(in srgb, var(--obs-primary) 90%, #06191b), color-mix(in srgb, var(--obs-primary) 68%, #123438));
    box-shadow: 0 24px 55px color-mix(in srgb, var(--obs-primary) 22%, transparent);
    scrollbar-color: rgba(255, 255, 255, .22) transparent;
    transition: padding .24s ease, max-height .24s ease;
}

.obs-builder-index__toggle[b-zxfviw3u9j] {
    display: inline-flex;
    width: 100%;
    min-height: 42px;
    align-items: center;
    justify-content: center;
    gap: 8px;
    margin-bottom: 15px;
    padding: 8px 11px;
    border: 1px solid #9fd2d6;
    border-radius: 11px;
    color: #155d69;
    background: linear-gradient(145deg, #f5fcfb, #e7f5f3);
    font-size: .76rem;
    font-weight: 900;
    box-shadow: 0 7px 18px rgba(20, 92, 101, .12);
    transition: color .18s ease, background-color .18s ease, border-color .18s ease, box-shadow .18s ease, transform .18s ease;
}

.obs-builder-index__toggle:hover[b-zxfviw3u9j],
.obs-builder-index__toggle:focus-visible[b-zxfviw3u9j] {
    color: #fff;
    border-color: var(--obs-primary);
    background: var(--obs-primary);
    box-shadow: 0 10px 22px color-mix(in srgb, var(--obs-primary) 24%, transparent);
    outline: none;
    transform: translateY(-1px);
}

.obs-builder-index.is-collapsed[b-zxfviw3u9j] {
    max-height: 70px;
    padding: 10px;
    overflow: hidden;
}

.obs-builder-index.is-collapsed > :not(.obs-builder-index__toggle)[b-zxfviw3u9j] {
    display: none;
}

.obs-builder-index.is-collapsed .obs-builder-index__toggle[b-zxfviw3u9j] {
    width: 42px;
    margin: 0;
    padding: 8px;
}

.obs-builder-index.is-collapsed .obs-builder-index__toggle span[b-zxfviw3u9j] {
    display: none;
}

.obs-builder-index[b-zxfviw3u9j]::after {
    display: block;
    height: 1px;
    margin-top: 22px;
    background: linear-gradient(90deg, transparent, rgba(255, 255, 255, .16), transparent);
    content: "";
}

.obs-builder-form[b-zxfviw3u9j] {
    position: relative;
    padding: clamp(22px, 2.5vw, 36px);
    overflow: visible;
    background:
        linear-gradient(90deg, color-mix(in srgb, var(--obs-primary) 2.4%, transparent) 1px, transparent 1px) 0 0 / 36px 36px,
        linear-gradient(#fff, #fcfdfd);
    counter-reset: builder-stage;
}

.obs-builder-form[b-zxfviw3u9j]::before {
    position: absolute;
    top: 0;
    inset-inline-start: clamp(22px, 2.5vw, 36px);
    width: 112px;
    height: 4px;
    border-radius: 0 0 4px 4px;
    background: linear-gradient(90deg, var(--obs-secondary), color-mix(in srgb, var(--obs-secondary) 12%, transparent));
    content: "";
}

.obs-builder-stage[b-zxfviw3u9j] {
    display: none;
}

.obs-builder-stage.is-active[b-zxfviw3u9j] {
    display: block;
    animation: obs-builder-stage-in-b-zxfviw3u9j .22s ease-out;
}

@keyframes obs-builder-stage-in-b-zxfviw3u9j {
    from {
        opacity: 0;
        transform: translateY(7px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.obs-builder-guide[b-zxfviw3u9j] {
    position: relative;
    margin: -10px -10px 28px;
    padding: 20px;
    border: 1px solid color-mix(in srgb, var(--obs-primary) 18%, #dce7e5);
    border-radius: 20px;
    background:
        radial-gradient(circle at 92% 8%, color-mix(in srgb, var(--obs-secondary) 16%, transparent), transparent 27%),
        linear-gradient(145deg, color-mix(in srgb, var(--obs-primary) 5%, #fff), #fff);
}

.obs-builder-guide__intro[b-zxfviw3u9j] {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    align-items: center;
    gap: 14px;
    margin-bottom: 18px;
}

.obs-builder-guide__icon[b-zxfviw3u9j],
.obs-smart-start__icon[b-zxfviw3u9j],
.obs-publish-readiness__icon[b-zxfviw3u9j] {
    display: grid;
    width: 46px;
    height: 46px;
    place-items: center;
    border-radius: 14px;
    color: #fff;
    background: linear-gradient(145deg, var(--obs-primary), color-mix(in srgb, var(--obs-primary) 70%, #193f42));
    box-shadow: 0 10px 24px color-mix(in srgb, var(--obs-primary) 20%, transparent);
}

.obs-builder-guide__intro h2[b-zxfviw3u9j] {
    margin: 3px 0 0;
    color: #153b3e;
    font-size: clamp(1.18rem, 2vw, 1.55rem);
    font-weight: 950;
}

.obs-builder-guide__intro p[b-zxfviw3u9j] {
    margin: 4px 0 0;
    color: #657d7f;
    font-size: .88rem;
}

.obs-builder-guide__counter[b-zxfviw3u9j] {
    padding: 8px 12px;
    border: 1px solid color-mix(in srgb, var(--obs-primary) 16%, #dbe6e4);
    border-radius: 999px;
    color: var(--obs-primary);
    background: rgba(255, 255, 255, .82);
    font-size: .8rem;
    font-weight: 900;
    white-space: nowrap;
}

.obs-builder-steps[b-zxfviw3u9j] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 8px;
}

.obs-builder-steps button[b-zxfviw3u9j] {
    position: relative;
    display: grid;
    grid-template-columns: 35px minmax(0, 1fr);
    min-height: 70px;
    align-items: center;
    gap: 9px;
    padding: 10px;
    border: 1px solid #dce7e5;
    border-radius: 13px;
    color: #627a7c;
    text-align: start;
    background: rgba(255, 255, 255, .78);
    transition: border-color .18s ease, background-color .18s ease, transform .18s ease;
}

.obs-builder-steps button:hover[b-zxfviw3u9j],
.obs-builder-steps button:focus-visible[b-zxfviw3u9j] {
    border-color: color-mix(in srgb, var(--obs-primary) 48%, #dce7e5);
    outline: none;
    transform: translateY(-1px);
}

.obs-builder-steps button:focus-visible[b-zxfviw3u9j] {
    box-shadow: 0 0 0 3px color-mix(in srgb, var(--obs-primary) 14%, transparent);
}

.obs-builder-steps button.is-active[b-zxfviw3u9j] {
    color: #163f42;
    border-color: color-mix(in srgb, var(--obs-primary) 55%, #dce7e5);
    background: color-mix(in srgb, var(--obs-primary) 7%, #fff);
    box-shadow: 0 9px 22px rgba(16, 53, 56, .09);
}

.obs-builder-steps button.is-complete:not(.is-active)[b-zxfviw3u9j] {
    color: #176955;
    border-color: #b9ddd3;
    background: #f1faf7;
}

.obs-builder-steps__number[b-zxfviw3u9j] {
    display: grid;
    width: 35px;
    height: 35px;
    place-items: center;
    border-radius: 11px;
    color: #536f71;
    background: #edf3f2;
    font-size: .82rem;
    font-weight: 950;
}

.obs-builder-steps button.is-active .obs-builder-steps__number[b-zxfviw3u9j] {
    color: #fff;
    background: var(--obs-primary);
}

.obs-builder-steps button.is-complete:not(.is-active) .obs-builder-steps__number[b-zxfviw3u9j] {
    color: #fff;
    background: #268169;
}

.obs-builder-steps strong[b-zxfviw3u9j],
.obs-builder-steps small[b-zxfviw3u9j] {
    display: block;
}

.obs-builder-steps strong[b-zxfviw3u9j] {
    font-size: .83rem;
    font-weight: 950;
}

.obs-builder-steps small[b-zxfviw3u9j] {
    margin-top: 2px;
    color: #7b8e90;
    font-size: .8rem;
    line-height: 1.45;
}

.obs-builder-guide__message[b-zxfviw3u9j] {
    display: flex;
    align-items: center;
    gap: 9px;
    margin-top: 12px;
    padding: 10px 12px;
    border: 1px solid;
    border-radius: 11px;
    font-size: .84rem;
    font-weight: 850;
}

.obs-builder-guide__message.is-error[b-zxfviw3u9j] {
    color: #91364a;
    border-color: #edc4cc;
    background: #fff4f6;
}

.obs-builder-guide__message.is-success[b-zxfviw3u9j] {
    color: #126650;
    border-color: #b9ddd3;
    background: #f1faf7;
}

.obs-builder-mode[b-zxfviw3u9j] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    margin-top: 11px;
    padding: 9px 11px;
    border: 1px solid color-mix(in srgb, var(--obs-primary) 14%, #dfe8e6);
    border-radius: 12px;
    color: #385d60;
    background: rgba(255, 255, 255, .76);
}

.obs-builder-mode > span[b-zxfviw3u9j] {
    display: flex;
    min-width: 0;
    align-items: center;
    gap: 9px;
}

.obs-builder-mode > span > i[b-zxfviw3u9j] {
    display: grid;
    width: 34px;
    height: 34px;
    flex: 0 0 34px;
    place-items: center;
    border-radius: 10px;
    color: var(--obs-primary);
    background: color-mix(in srgb, var(--obs-primary) 8%, #fff);
}

.obs-builder-mode > span > span[b-zxfviw3u9j] {
    display: grid;
    gap: 2px;
}

.obs-builder-mode strong[b-zxfviw3u9j] {
    font-size: .8rem;
    font-weight: 950;
}

.obs-builder-mode small[b-zxfviw3u9j] {
    color: #6d8284;
    font-size: .76rem;
    line-height: 1.45;
}

.obs-builder-mode button[b-zxfviw3u9j] {
    display: inline-flex;
    min-height: 38px;
    flex: 0 0 auto;
    align-items: center;
    gap: 7px;
    padding: 7px 10px;
    border: 1px solid color-mix(in srgb, var(--obs-primary) 24%, #dce7e5);
    border-radius: 10px;
    color: var(--obs-primary);
    background: #fff;
    font-size: .75rem;
    font-weight: 900;
}

.obs-builder-mode button:hover:not(:disabled)[b-zxfviw3u9j],
.obs-builder-mode button:focus-visible:not(:disabled)[b-zxfviw3u9j] {
    color: #fff;
    border-color: var(--obs-primary);
    background: var(--obs-primary);
    outline: none;
}

.obs-builder-mode button:disabled[b-zxfviw3u9j] {
    cursor: not-allowed;
    color: #87999b;
    border-color: #e0e7e6;
    background: #f3f6f5;
    box-shadow: none;
    opacity: .72;
}

.is-simple-hidden[b-zxfviw3u9j] {
    display: none !important;
}

.is-advanced-section > summary > span:first-child[b-zxfviw3u9j] {
    min-width: 0;
    flex: 1 1 auto;
    order: 1;
}

.is-advanced-section > summary[b-zxfviw3u9j]::after {
    display: inline-flex;
    min-height: 27px;
    flex: 0 0 auto;
    align-items: center;
    justify-content: center;
    order: 2;
    padding: 4px 9px;
    border: 1px solid #efbd55;
    border-radius: 999px;
    color: #895400;
    background: linear-gradient(135deg, #fff8df, #ffedb5);
    box-shadow: 0 5px 12px rgba(193, 118, 0, .12);
    content: "\2605  متقدم";
    font-size: .7rem;
    font-weight: 950;
    line-height: 1;
    white-space: nowrap;
}

.is-advanced-section > summary > i:last-child[b-zxfviw3u9j] {
    flex: 0 0 auto;
    order: 3;
}

.is-advanced-section[open] > summary[b-zxfviw3u9j]::after {
    border-color: #e2a72e;
    color: #704200;
    background: #ffe79d;
}

.obs-new-dashboard-button[b-zxfviw3u9j] {
    display: inline-flex;
    min-height: 42px;
    align-items: center;
    justify-content: center;
    gap: 8px;
    padding: 8px 12px;
    border: 1px solid rgba(255, 255, 255, .24);
    border-radius: 12px;
    color: #15383b;
    background: linear-gradient(145deg, color-mix(in srgb, var(--obs-secondary) 86%, #fff), var(--obs-secondary));
    box-shadow: 0 9px 24px rgba(0, 0, 0, .18);
    font-size: .79rem;
    font-weight: 950;
}

.obs-new-dashboard-button:hover[b-zxfviw3u9j],
.obs-new-dashboard-button:focus-visible[b-zxfviw3u9j] {
    outline: none;
    box-shadow: 0 12px 28px rgba(0, 0, 0, .24);
    transform: translateY(-1px);
}

.obs-smart-start[b-zxfviw3u9j] {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    align-items: center;
    gap: 15px;
    padding: 18px;
    border: 1px solid color-mix(in srgb, var(--obs-secondary) 36%, #dce7e5);
    border-radius: 17px;
    background: linear-gradient(135deg, color-mix(in srgb, var(--obs-secondary) 10%, #fff), #fff);
}

.obs-smart-start h3[b-zxfviw3u9j] {
    margin: 0;
    color: #173d40;
    font-size: 1rem;
    font-weight: 950;
}

.obs-smart-start p[b-zxfviw3u9j] {
    margin: 4px 0 0;
    color: #647c7e;
    font-size: .84rem;
    line-height: 1.65;
}

.obs-smart-start button[b-zxfviw3u9j],
.obs-advanced-add-source[b-zxfviw3u9j] {
    display: inline-flex;
    min-height: 46px;
    align-items: center;
    justify-content: center;
    gap: 8px;
    padding: 9px 15px;
    border: 1px solid var(--obs-primary);
    border-radius: 11px;
    color: #fff;
    background: var(--obs-primary);
    font-size: .82rem;
    font-weight: 950;
}

.obs-smart-start button:disabled[b-zxfviw3u9j] {
    cursor: not-allowed;
    filter: grayscale(.25);
    opacity: .5;
}

.obs-optional-section[b-zxfviw3u9j] {
    margin-top: 16px;
    padding: 0;
    overflow: hidden;
    border: 1px solid #dce7e5;
    border-radius: 15px;
    background: #fbfdfc;
}

.obs-optional-section > summary[b-zxfviw3u9j] {
    display: flex;
    min-height: 58px;
    align-items: center;
    justify-content: space-between;
    gap: 14px;
    padding: 12px 15px;
    color: #24484b;
    background: #f6f9f8;
    cursor: pointer;
    list-style: none;
}

.obs-optional-section > summary[b-zxfviw3u9j]::-webkit-details-marker {
    display: none;
}

.obs-optional-section > summary > span[b-zxfviw3u9j] {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    align-items: center;
    gap: 3px 9px;
}

.obs-optional-section > summary > span > i[b-zxfviw3u9j] {
    grid-row: 1 / 3;
    color: var(--obs-primary);
}

.obs-optional-section > summary strong[b-zxfviw3u9j],
.obs-optional-section > summary small[b-zxfviw3u9j] {
    display: block;
}

.obs-optional-section > summary strong[b-zxfviw3u9j] {
    font-size: .9rem;
    font-weight: 950;
}

.obs-optional-section > summary small[b-zxfviw3u9j] {
    color: #718587;
    font-size: .82rem;
    line-height: 1.5;
}

.obs-optional-section > summary > i:last-child[b-zxfviw3u9j] {
    color: #718587;
    transition: transform .18s ease;
}

.obs-optional-section[open] > summary > i:last-child[b-zxfviw3u9j] {
    transform: rotate(180deg);
}

.obs-optional-section > summary:hover[b-zxfviw3u9j],
.obs-optional-section > summary:focus-visible[b-zxfviw3u9j] {
    color: var(--obs-primary);
    background: color-mix(in srgb, var(--obs-primary) 5%, #fff);
    outline: none;
}

.obs-optional-section > summary:focus-visible[b-zxfviw3u9j] {
    box-shadow: inset 0 0 0 3px color-mix(in srgb, var(--obs-primary) 14%, transparent);
}

.obs-optional-section--compact > :not(summary)[b-zxfviw3u9j],
.obs-optional-section--source > :not(summary)[b-zxfviw3u9j],
.obs-optional-section--form > :not(summary)[b-zxfviw3u9j] {
    margin: 14px;
}

.obs-optional-section--source .obs-source-mode[b-zxfviw3u9j] {
    margin-top: 10px;
}

.obs-optional-section--governance > .obs-builder-divider[b-zxfviw3u9j] {
    margin-top: 0;
}

.obs-builder-form .obs-field input[b-zxfviw3u9j],
.obs-builder-form .obs-field select[b-zxfviw3u9j],
.obs-builder-form .obs-field textarea[b-zxfviw3u9j] {
    font-size: .9rem;
}

.obs-builder-form .obs-field > small[b-zxfviw3u9j],
.obs-builder-stage .obs-choice-card small[b-zxfviw3u9j],
.obs-builder-stage .obs-simple-choice small[b-zxfviw3u9j],
.obs-builder-stage .obs-all-audience small[b-zxfviw3u9j] {
    font-size: .81rem;
    line-height: 1.55;
}

.obs-builder-stage .obs-choice-grid[b-zxfviw3u9j] {
    max-height: none;
    overflow: visible;
}

.obs-builder-stage--audience .obs-choice-grid[b-zxfviw3u9j] {
    max-height: 430px;
    overflow: auto;
}

.obs-choice-card:has(input:focus-visible)[b-zxfviw3u9j],
.obs-simple-choice:has(input:focus-visible)[b-zxfviw3u9j],
.obs-source-mode > label:has(input:focus-visible)[b-zxfviw3u9j],
.obs-axis-strip > label:has(input:focus-visible)[b-zxfviw3u9j] {
    border-color: var(--obs-primary);
    outline: 3px solid color-mix(in srgb, var(--obs-primary) 14%, transparent);
    outline-offset: 2px;
}

.obs-builder-section-head[b-zxfviw3u9j] {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 18px;
    margin-bottom: 18px;
}

.obs-builder-form > .obs-builder-section-head[b-zxfviw3u9j] {
    counter-increment: builder-stage;
    padding-inline-start: 58px;
}

.obs-builder-form > .obs-builder-section-head[b-zxfviw3u9j]::before {
    position: absolute;
    inset-inline-start: 0;
    display: grid;
    width: 43px;
    height: 43px;
    place-items: center;
    border: 1px solid color-mix(in srgb, var(--obs-primary) 18%, #dbe6e4);
    border-radius: 12px;
    color: var(--obs-primary);
    background: color-mix(in srgb, var(--obs-primary) 7%, #fff);
    font-size: .7rem;
    font-weight: 950;
    content: "0" counter(builder-stage);
}

.obs-builder-section-head h2[b-zxfviw3u9j] {
    margin: 4px 0 0;
    color: #14383b;
    font-size: clamp(1.05rem, 1.35vw, 1.28rem);
    font-weight: 950;
    letter-spacing: -.015em;
}

.obs-builder-index .obs-builder-section-head[b-zxfviw3u9j] {
    padding-bottom: 17px;
    border-bottom: 1px solid rgba(255, 255, 255, .12);
}

.obs-builder-index .obs-builder-section-head h2[b-zxfviw3u9j] {
    color: #153c40;
}

.obs-builder-kicker[b-zxfviw3u9j] {
    color: #728688;
    font-size: .7rem;
    font-weight: 900;
    letter-spacing: .02em;
}

.obs-builder-index .obs-builder-kicker[b-zxfviw3u9j] {
    color: color-mix(in srgb, var(--obs-secondary) 58%, #fff);
}

.obs-icon-button[b-zxfviw3u9j] {
    display: grid;
    width: 42px;
    height: 42px;
    flex: 0 0 auto;
    place-items: center;
    border: 1px solid rgba(255, 255, 255, .22);
    border-radius: 12px;
    color: #15383b;
    background: linear-gradient(145deg, color-mix(in srgb, var(--obs-secondary) 86%, #fff), var(--obs-secondary));
    box-shadow: 0 9px 24px rgba(0, 0, 0, .2);
    transition: transform .2s ease, box-shadow .2s ease;
}

.obs-icon-button:hover[b-zxfviw3u9j],
.obs-icon-button:focus-visible[b-zxfviw3u9j] {
    box-shadow: 0 12px 28px rgba(0, 0, 0, .25);
    outline: none;
    transform: translateY(-2px);
}

.obs-dashboard-list[b-zxfviw3u9j] {
    display: grid;
    gap: 8px;
}

.obs-index-live-preview[b-zxfviw3u9j] {
    display: grid;
    gap: 10px;
    margin-top: 18px;
    padding: 12px;
    border: 1px solid rgba(255, 255, 255, .19);
    border-radius: 16px;
    color: #244b4e;
    background:
        radial-gradient(circle at 92% 0, color-mix(in srgb, var(--obs-secondary) 15%, transparent), transparent 34%),
        linear-gradient(145deg, rgba(255, 255, 255, .98), rgba(241, 248, 246, .96));
    box-shadow: 0 14px 32px rgba(4, 30, 32, .2);
}

.obs-index-live-preview > header[b-zxfviw3u9j] {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    align-items: center;
    gap: 8px;
}

.obs-index-live-preview > header > span:nth-child(2)[b-zxfviw3u9j] {
    display: grid;
    min-width: 0;
    gap: 2px;
}

.obs-index-live-preview > header strong[b-zxfviw3u9j] {
    color: #1f494c;
    font-size: .76rem;
    font-weight: 950;
}

.obs-index-live-preview > header small[b-zxfviw3u9j] {
    color: #718789;
    font-size: .62rem;
    line-height: 1.5;
}

.obs-index-live-preview > header > b[b-zxfviw3u9j] {
    display: grid;
    min-width: 28px;
    height: 28px;
    place-items: center;
    padding: 0 7px;
    border-radius: 9px;
    color: #fff;
    background: var(--obs-primary);
    font-size: .68rem;
    font-weight: 950;
}

.obs-index-live-preview__icon[b-zxfviw3u9j] {
    display: grid;
    width: 34px;
    height: 34px;
    place-items: center;
    border-radius: 10px;
    color: #fff;
    background: linear-gradient(145deg, var(--obs-primary), color-mix(in srgb, var(--obs-primary) 72%, #102f32));
    box-shadow: 0 8px 18px color-mix(in srgb, var(--obs-primary) 20%, transparent);
}

.obs-index-live-preview__pages[b-zxfviw3u9j] {
    padding-bottom: 0;
}

.obs-index-live-preview__pages button[b-zxfviw3u9j] {
    min-height: 28px;
    padding: 4px 8px;
    font-size: .61rem;
}

.obs-index-live-preview__canvas[b-zxfviw3u9j] {
    grid-template-columns: minmax(0, 1fr);
    max-height: min(42vh, 430px);
    padding: 7px;
    overflow-x: hidden;
    overflow-y: auto;
    scrollbar-color: color-mix(in srgb, var(--obs-primary) 36%, transparent) transparent;
}

.obs-index-live-preview__canvas .obs-live-preview__item.is-wide[b-zxfviw3u9j] {
    grid-column: auto;
}

.obs-index-live-preview__item[b-zxfviw3u9j],
.obs-index-live-preview__item.is-tall[b-zxfviw3u9j] {
    grid-template-columns: minmax(0, 1fr) 62px;
    min-height: 86px;
    align-items: center;
    align-content: center;
    gap: 7px;
    padding: 9px;
}

.obs-index-live-preview__item .obs-live-preview__item-head[b-zxfviw3u9j] {
    min-width: 0;
    padding-inline-end: 27px;
}

.obs-index-live-preview__item .obs-live-preview__miniature[b-zxfviw3u9j] {
    height: 56px;
}

.obs-index-live-preview__item .obs-live-preview__series-count[b-zxfviw3u9j] {
    right: 9px;
    left: auto;
    bottom: 5px;
}

.obs-index-live-preview__order[b-zxfviw3u9j] {
    position: absolute;
    bottom: 6px;
    inset-inline-end: 7px;
    display: grid;
    min-width: 21px;
    height: 21px;
    place-items: center;
    padding: 0 5px;
    border: 1px solid #d8e6e3;
    border-radius: 7px;
    color: #577376;
    background: rgba(255, 255, 255, .94);
    font-size: .55rem;
    font-weight: 950;
}

.obs-index-live-preview > p[b-zxfviw3u9j] {
    display: flex;
    align-items: flex-start;
    gap: 6px;
    margin: 0;
    color: #6b8082;
    font-size: .62rem;
    line-height: 1.55;
}

.obs-dashboard-list__empty[b-zxfviw3u9j] {
    min-height: 250px;
    align-content: center;
}

.obs-dashboard-list__empty > span[b-zxfviw3u9j] {
    max-width: 28ch;
    line-height: 1.75;
}

.obs-dashboard-list__empty-action[b-zxfviw3u9j] {
    display: inline-flex;
    min-height: 46px;
    align-items: center;
    justify-content: center;
    gap: 8px;
    margin-top: 8px;
    padding: 9px 15px;
    border: 1px solid color-mix(in srgb, var(--obs-primary) 32%, #dce7e5);
    border-radius: 11px;
    color: #fff;
    background: var(--obs-primary);
    font-weight: 900;
    box-shadow: 0 10px 22px color-mix(in srgb, var(--obs-primary) 22%, transparent);
    transition: transform .18s ease, box-shadow .18s ease, background-color .18s ease;
}

.obs-dashboard-list__empty-action:hover[b-zxfviw3u9j],
.obs-dashboard-list__empty-action:focus-visible[b-zxfviw3u9j] {
    color: #fff;
    background: color-mix(in srgb, var(--obs-primary) 88%, #000);
    box-shadow: 0 13px 26px color-mix(in srgb, var(--obs-primary) 28%, transparent);
    outline: none;
    transform: translateY(-1px);
}

.obs-dashboard-list__item[b-zxfviw3u9j] {
    position: relative;
    display: grid;
    gap: 9px;
    width: 100%;
    padding: 13px;
    overflow: hidden;
    border: 1px solid #d5e5e2;
    border-radius: 13px;
    color: #24484b;
    background: linear-gradient(145deg, #fff, #f3f9f7);
    box-shadow: 0 7px 18px rgba(12, 54, 56, .1);
    text-align: right;
    transition: color .2s ease, background .2s ease, border-color .2s ease, transform .2s ease;
}

.obs-dashboard-list__item[b-zxfviw3u9j]::before {
    position: absolute;
    inset-block: 12px;
    inset-inline-start: 0;
    width: 3px;
    border-radius: 0 3px 3px 0;
    background: transparent;
    content: "";
}

.obs-dashboard-list__item:hover[b-zxfviw3u9j],
.obs-dashboard-list__item:focus-visible[b-zxfviw3u9j] {
    color: #163d40;
    border-color: #74c0b2;
    background: #fff;
    box-shadow: 0 11px 25px rgba(12, 54, 56, .17);
    outline: none;
    transform: translateX(-2px);
}

.obs-dashboard-list__item.is-selected[b-zxfviw3u9j] {
    color: #17393c;
    border-color: #42aa91;
    background: linear-gradient(145deg, #fff, #eaf8f4);
    box-shadow: 0 12px 28px rgba(0, 0, 0, .22);
}

.obs-dashboard-list__item.is-selected[b-zxfviw3u9j]::before {
    background: var(--obs-secondary);
}

.obs-dashboard-list__top[b-zxfviw3u9j],
.obs-dashboard-list__meta[b-zxfviw3u9j] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 7px;
}

.obs-dashboard-list__top strong[b-zxfviw3u9j] {
    min-width: 0;
    overflow: hidden;
    color: inherit;
    font-size: .79rem;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.obs-dashboard-list__meta[b-zxfviw3u9j] {
    flex-wrap: wrap;
    justify-content: flex-start;
    color: inherit;
    font-size: .65rem;
    opacity: .76;
}

.obs-dashboard-list__publication-note[b-zxfviw3u9j] {
    display: flex;
    align-items: flex-start;
    gap: 7px;
    padding: 8px 9px;
    border: 1px solid #efd59b;
    border-radius: 10px;
    color: #74520d;
    background: #fff9e9;
    font-size: .7rem;
    font-weight: 800;
    line-height: 1.65;
}

.obs-dashboard-list__publication-note i[b-zxfviw3u9j] {
    flex: 0 0 auto;
    margin-top: .25em;
    color: #c68a15;
}

.obs-dashboard-list__select[b-zxfviw3u9j] {
    display: inline-flex;
    align-items: center;
    justify-content: flex-start;
    gap: 6px;
    color: #19775f;
    font-size: .68rem;
    font-weight: 900;
}

.obs-dashboard-list__item.is-selected .obs-dashboard-list__select[b-zxfviw3u9j] {
    color: #0d6a54;
}

.obs-version-chip[b-zxfviw3u9j],
.obs-count-chip[b-zxfviw3u9j],
.obs-preview__type[b-zxfviw3u9j] {
    display: inline-flex;
    min-height: 32px;
    align-items: center;
    padding: 6px 10px;
    border: 1px solid color-mix(in srgb, var(--obs-primary) 16%, #e2e9e7);
    border-radius: 9px;
    color: var(--obs-primary);
    background: color-mix(in srgb, var(--obs-primary) 6%, #fff);
    font-size: .7rem;
    font-weight: 900;
}

.obs-form-grid[b-zxfviw3u9j] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 15px;
}

.obs-source-flow[b-zxfviw3u9j] {
    display: flex;
    min-height: 48px;
    align-items: center;
    gap: 10px;
    margin-bottom: 18px;
    padding: 8px;
    border: 1px solid #dce7e5;
    border-radius: 14px;
    background:
        repeating-linear-gradient(135deg, rgba(25, 83, 87, .025) 0 1px, transparent 1px 11px),
        #f7faf9;
}

.obs-source-flow > span[b-zxfviw3u9j] {
    display: inline-flex;
    min-height: 31px;
    align-items: center;
    gap: 7px;
    padding: 5px 10px;
    border-radius: 9px;
    color: #738688;
    font-size: .76rem;
    font-weight: 900;
    transition: color .2s ease, background .2s ease, box-shadow .2s ease;
}

.obs-source-flow > span b[b-zxfviw3u9j] {
    display: grid;
    width: 23px;
    height: 23px;
    place-items: center;
    border-radius: 7px;
    color: #76898b;
    background: #e8efee;
    font-size: .62rem;
}

.obs-source-flow > span.is-complete[b-zxfviw3u9j] {
    color: #174a4e;
    background: #fff;
    box-shadow: 0 5px 16px rgba(20, 67, 70, .08);
}

.obs-source-flow > span.is-complete b[b-zxfviw3u9j] {
    color: #fff;
    background: var(--obs-primary);
}

.obs-source-flow > i[b-zxfviw3u9j] {
    color: #a8b8b9;
    font-size: .72rem;
}

.obs-dashboard-sources[b-zxfviw3u9j] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(205px, 1fr));
    gap: 10px;
    margin-bottom: 14px;
}

.obs-dashboard-source-card-shell[b-zxfviw3u9j] {
    position: relative;
    display: grid;
    min-width: 0;
    gap: 7px;
}

.obs-dashboard-source-card[b-zxfviw3u9j] {
    display: grid;
    width: 100%;
    grid-template-columns: 38px minmax(0, 1fr);
    min-height: 72px;
    align-items: center;
    gap: 10px;
    padding-block: 11px;
    padding-inline: 11px 56px;
    border: 1px solid #d7e3e1;
    border-radius: 15px;
    color: #244a4d;
    text-align: start;
    background: #fbfdfc;
    box-shadow: 0 7px 18px rgba(17, 53, 56, .04);
    transition: border-color .18s ease, transform .18s ease,
        box-shadow .18s ease;
}

.obs-dashboard-source-card:hover[b-zxfviw3u9j],
.obs-dashboard-source-card.is-active[b-zxfviw3u9j],
.obs-dashboard-source-card:focus-visible[b-zxfviw3u9j] {
    border-color: color-mix(in srgb, var(--obs-primary) 58%, #cbdcda);
    transform: translateY(-1px);
    box-shadow: 0 12px 24px rgba(17, 76, 79, .1);
}

.obs-dashboard-source-card:focus-visible[b-zxfviw3u9j],
.obs-dashboard-source-card__remove:focus-visible[b-zxfviw3u9j],
.obs-dashboard-source-card__confirm button:focus-visible[b-zxfviw3u9j] {
    outline: 3px solid color-mix(in srgb, var(--obs-secondary) 70%, #fff);
    outline-offset: 2px;
}

.obs-dashboard-source-card.is-active[b-zxfviw3u9j] {
    background: color-mix(in srgb, var(--obs-primary) 6%, #fff);
}

.obs-dashboard-source-card__number[b-zxfviw3u9j] {
    display: grid;
    width: 38px;
    height: 38px;
    place-items: center;
    border-radius: 11px;
    color: #fff;
    background: var(--obs-primary);
    font-size: .7rem;
    font-weight: 950;
}

.obs-dashboard-source-card > span:nth-child(2)[b-zxfviw3u9j] {
    display: grid;
    min-width: 0;
    gap: 3px;
}

.obs-dashboard-source-card strong[b-zxfviw3u9j],
.obs-dashboard-source-card small[b-zxfviw3u9j] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.obs-dashboard-source-card strong[b-zxfviw3u9j] {
    font-size: .8rem;
    font-weight: 950;
}

.obs-dashboard-source-card small[b-zxfviw3u9j] {
    color: #748789;
    font-size: .67rem;
}

.obs-dashboard-source-card__remove[b-zxfviw3u9j] {
    position: absolute;
    top: 14px;
    inset-inline-end: 8px;
    display: grid;
    width: 44px;
    height: 44px;
    place-items: center;
    border: 1px solid #f0c8d0;
    border-radius: 9px;
    color: #9a4050;
    background: #fff0f3;
}

.obs-dashboard-source-card__confirm[b-zxfviw3u9j] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto auto;
    align-items: center;
    gap: 7px;
    padding: 9px;
    border: 1px solid #efc7cf;
    border-radius: 11px;
    color: #823244;
    background: #fff7f8;
    font-size: .68rem;
    font-weight: 850;
}

.obs-dashboard-source-card__confirm button[b-zxfviw3u9j] {
    min-height: 44px;
    padding: 8px 11px;
    border: 1px solid #d8e3e1;
    border-radius: 9px;
    color: #36585b;
    background: #fff;
    font-size: .67rem;
    font-weight: 900;
}

.obs-dashboard-source-card__confirm button.is-danger[b-zxfviw3u9j] {
    border-color: #c84d63;
    color: #fff;
    background: #a83f53;
}

.obs-dashboard-source-card.is-add[b-zxfviw3u9j] {
    grid-template-columns: 38px minmax(0, 1fr);
    padding-inline: 11px;
    border-style: dashed;
    color: var(--obs-primary);
    background: transparent;
}

.obs-dashboard-source-card.is-add > i[b-zxfviw3u9j] {
    display: grid;
    width: 38px;
    height: 38px;
    place-items: center;
    border-radius: 11px;
    background: color-mix(in srgb, var(--obs-primary) 9%, #fff);
}

.obs-source-grid[b-zxfviw3u9j] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 14px;
}

.obs-source-grid .obs-field[b-zxfviw3u9j] {
    min-width: 0;
    padding: 15px;
    border: 1px solid #dce7e5;
    border-radius: 15px;
    background: #fff;
    box-shadow: 0 8px 24px rgba(19, 58, 61, .045);
}

.obs-source-grid .obs-field > small[b-zxfviw3u9j],
.obs-pinned-version > small[b-zxfviw3u9j] {
    color: #748789;
    font-size: .71rem;
    line-height: 1.65;
}

.obs-source-version[b-zxfviw3u9j] {
    position: relative;
    display: grid;
    gap: 14px;
    margin-top: 14px;
    padding: 17px;
    overflow: hidden;
    border: 1px solid color-mix(in srgb, var(--obs-primary) 24%, #dce7e5);
    border-radius: 17px;
    background:
        linear-gradient(90deg, color-mix(in srgb, var(--obs-primary) 3%, transparent) 1px, transparent 1px) 0 0 / 30px 30px,
        linear-gradient(135deg, color-mix(in srgb, var(--obs-primary) 5%, #fff), #fff);
}

.obs-source-version[b-zxfviw3u9j]::before {
    position: absolute;
    inset-block: 14px;
    inset-inline-start: 0;
    width: 4px;
    border-radius: 0 4px 4px 0;
    background: linear-gradient(var(--obs-secondary), var(--obs-primary));
    content: "";
}

.obs-source-version__head[b-zxfviw3u9j] {
    display: flex;
    min-width: 0;
    align-items: center;
    gap: 11px;
}

.obs-source-version__icon[b-zxfviw3u9j] {
    display: grid;
    width: 42px;
    height: 42px;
    flex: 0 0 42px;
    place-items: center;
    border-radius: 12px;
    color: #fff;
    background: var(--obs-primary);
    box-shadow: 0 9px 20px color-mix(in srgb, var(--obs-primary) 22%, transparent);
}

.obs-source-version__head > div[b-zxfviw3u9j] {
    display: grid;
    min-width: 0;
    gap: 3px;
    margin-inline-end: auto;
}

.obs-source-version__head strong[b-zxfviw3u9j] {
    overflow: hidden;
    color: #173e41;
    font-size: .89rem;
    font-weight: 950;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.obs-source-version__head small[b-zxfviw3u9j] {
    color: #718587;
    font-size: .72rem;
}

.obs-data-ready[b-zxfviw3u9j] {
    display: inline-flex;
    min-height: 32px;
    flex: 0 0 auto;
    align-items: center;
    gap: 6px;
    padding: 6px 10px;
    border: 1px solid;
    border-radius: 999px;
    font-size: .69rem;
    font-weight: 900;
}

.obs-data-ready.is-ready[b-zxfviw3u9j] {
    color: #0d6955;
    border-color: #b9e0d7;
    background: #eefaf7;
}

.obs-data-ready.is-waiting[b-zxfviw3u9j] {
    color: #9b6217;
    border-color: #efd5ab;
    background: #fff8ed;
}

.obs-source-mode[b-zxfviw3u9j] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 9px;
}

.obs-source-mode > label[b-zxfviw3u9j] {
    position: relative;
    display: grid;
    grid-template-columns: 36px minmax(0, 1fr);
    min-height: 70px;
    align-items: center;
    gap: 10px;
    padding: 12px;
    border: 1px solid #d9e4e2;
    border-radius: 13px;
    background: rgba(255, 255, 255, .78);
    cursor: pointer;
    transition: border-color .2s ease, background .2s ease, transform .2s ease;
}

.obs-source-mode > label:hover[b-zxfviw3u9j] {
    border-color: color-mix(in srgb, var(--obs-primary) 38%, #d9e4e2);
    transform: translateY(-1px);
}

.obs-source-mode > label.is-selected[b-zxfviw3u9j] {
    border-color: color-mix(in srgb, var(--obs-primary) 58%, #c5d9d6);
    background: color-mix(in srgb, var(--obs-primary) 6%, #fff);
}

.obs-source-mode input[b-zxfviw3u9j] {
    position: absolute;
    opacity: 0;
}

.obs-source-mode label:has(input:disabled)[b-zxfviw3u9j] {
    cursor: not-allowed;
    filter: grayscale(.3);
    opacity: .5;
}

.obs-source-mode label > i[b-zxfviw3u9j] {
    display: grid;
    width: 36px;
    height: 36px;
    place-items: center;
    border-radius: 10px;
    color: var(--obs-primary);
    background: color-mix(in srgb, var(--obs-primary) 8%, #fff);
}

.obs-source-mode strong[b-zxfviw3u9j],
.obs-source-mode small[b-zxfviw3u9j] {
    display: block;
}

.obs-source-mode strong[b-zxfviw3u9j] {
    color: #274a4d;
    font-size: .8rem;
}

.obs-source-mode small[b-zxfviw3u9j] {
    margin-top: 3px;
    color: #748789;
    font-size: .68rem;
    line-height: 1.55;
}

.obs-pinned-version[b-zxfviw3u9j] {
    max-width: 640px;
}

.obs-pinned-version .is-warning[b-zxfviw3u9j] {
    color: #9b6217;
}

.obs-map-counts[b-zxfviw3u9j] {
    display: flex;
    flex-wrap: wrap;
    gap: 7px;
}

.obs-map-toolbar[b-zxfviw3u9j] {
    display: grid;
    grid-template-columns: minmax(220px, 1fr) auto auto auto;
    gap: 8px;
    margin-bottom: 11px;
}

.obs-map-toolbar > label[b-zxfviw3u9j] {
    display: flex;
    min-height: 42px;
    align-items: center;
    gap: 8px;
    padding-inline: 12px;
    border: 1px solid #d7e3e1;
    border-radius: 11px;
    color: #789;
    background: #fbfdfc;
}

.obs-map-toolbar input[b-zxfviw3u9j] {
    width: 100%;
    min-width: 0;
    border: 0;
    outline: 0;
    color: #17383b;
    background: transparent;
    font-size: .78rem;
}

.obs-map-toolbar button[b-zxfviw3u9j] {
    min-height: 42px;
    padding: 8px 12px;
    border: 1px solid color-mix(in srgb, var(--obs-primary) 18%, #d7e3e1);
    border-radius: 11px;
    color: var(--obs-primary);
    background: color-mix(in srgb, var(--obs-primary) 5%, #fff);
    font-size: .72rem;
    font-weight: 900;
}

.obs-map-toolbar button:hover[b-zxfviw3u9j],
.obs-map-toolbar button:focus-visible[b-zxfviw3u9j] {
    border-color: color-mix(in srgb, var(--obs-primary) 48%, #d7e3e1);
    outline: none;
}

.obs-map-toolbar button.is-clear[b-zxfviw3u9j] {
    color: #a24152;
    border-color: #eed3d8;
    background: #fff7f8;
}

.obs-axis-strip[b-zxfviw3u9j] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 9px;
    margin-bottom: 12px;
}

.obs-axis-strip > label[b-zxfviw3u9j] {
    position: relative;
    display: grid;
    grid-template-columns: 31px minmax(0, 1fr) 18px;
    min-height: 66px;
    align-items: center;
    gap: 9px;
    padding: 11px;
    border: 1px solid #dbe6e4;
    border-radius: 13px;
    background: #fff;
    cursor: pointer;
    transition: border-color .2s ease, background .2s ease, transform .2s ease;
}

.obs-axis-strip > label:hover[b-zxfviw3u9j] {
    border-color: color-mix(in srgb, var(--obs-primary) 38%, #dbe6e4);
    transform: translateY(-1px);
}

.obs-axis-strip > label.is-selected[b-zxfviw3u9j] {
    border-color: color-mix(in srgb, var(--obs-primary) 50%, #c8d9d6);
    background: color-mix(in srgb, var(--obs-primary) 5%, #fff);
}

.obs-axis-strip input[b-zxfviw3u9j] {
    position: absolute;
    opacity: 0;
}

.obs-axis-strip__number[b-zxfviw3u9j] {
    display: grid;
    width: 31px;
    height: 31px;
    place-items: center;
    border-radius: 9px;
    color: var(--obs-primary);
    background: #edf4f3;
    font-size: .68rem;
    font-weight: 950;
}

.obs-axis-strip strong[b-zxfviw3u9j],
.obs-axis-strip small[b-zxfviw3u9j] {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.obs-axis-strip strong[b-zxfviw3u9j] {
    color: #294c4f;
    font-size: .77rem;
}

.obs-axis-strip small[b-zxfviw3u9j] {
    margin-top: 3px;
    color: #7c8e90;
    font-size: .65rem;
}

.obs-axis-strip label > i[b-zxfviw3u9j] {
    color: #bdc9c8;
}

.obs-axis-strip label.is-selected > i[b-zxfviw3u9j] {
    color: #159477;
}

.obs-axis-accordion[b-zxfviw3u9j] {
    display: grid;
    max-height: min(68vh, 680px);
    gap: 9px;
    padding: 2px 2px 2px 4px;
    overflow: auto;
    overscroll-behavior: contain;
    scrollbar-color: color-mix(in srgb, var(--obs-primary) 34%, #d9e4e2) transparent;
}

.obs-axis-accordion__item[b-zxfviw3u9j] {
    overflow: hidden;
    border: 1px solid #dbe6e4;
    border-radius: 15px;
    background: #fff;
    box-shadow: 0 7px 18px rgba(18, 55, 58, .035);
    transition: border-color .18s ease, box-shadow .18s ease;
}

.obs-axis-accordion__item.is-selected[b-zxfviw3u9j] {
    border-color: color-mix(in srgb, var(--obs-primary) 30%, #dbe6e4);
}

.obs-axis-accordion__item.is-expanded[b-zxfviw3u9j] {
    border-color: color-mix(in srgb, var(--obs-primary) 56%, #dbe6e4);
    box-shadow: 0 12px 28px rgba(18, 55, 58, .08);
}

.obs-axis-accordion__header[b-zxfviw3u9j] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: stretch;
}

.obs-axis-accordion__summary[b-zxfviw3u9j] {
    display: grid;
    min-width: 0;
    min-height: 70px;
    grid-template-columns: 38px minmax(0, 1fr) auto 18px;
    align-items: center;
    gap: 11px;
    padding: 11px 14px;
    border: 0;
    color: inherit;
    background: transparent;
    text-align: start;
}

.obs-axis-accordion__summary:hover[b-zxfviw3u9j],
.obs-axis-accordion__summary:focus-visible[b-zxfviw3u9j] {
    background: color-mix(in srgb, var(--obs-primary) 4%, #fff);
    outline: none;
}

.obs-axis-accordion__summary:focus-visible[b-zxfviw3u9j] {
    box-shadow: inset 0 0 0 3px color-mix(in srgb, var(--obs-primary) 14%, transparent);
}

.obs-axis-accordion__number[b-zxfviw3u9j] {
    display: grid;
    width: 38px;
    height: 38px;
    place-items: center;
    border-radius: 11px;
    color: var(--obs-primary);
    background: color-mix(in srgb, var(--obs-primary) 9%, #fff);
    font-size: .72rem;
    font-weight: 950;
}

.obs-axis-accordion__copy[b-zxfviw3u9j] {
    min-width: 0;
}

.obs-axis-accordion__copy strong[b-zxfviw3u9j],
.obs-axis-accordion__copy small[b-zxfviw3u9j] {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.obs-axis-accordion__copy strong[b-zxfviw3u9j] {
    color: #24494c;
    font-size: .82rem;
    font-weight: 950;
}

.obs-axis-accordion__copy small[b-zxfviw3u9j] {
    margin-top: 4px;
    color: #7c8e90;
    font-size: .65rem;
    font-weight: 700;
}

.obs-axis-accordion__selection[b-zxfviw3u9j] {
    color: #718587;
    font-size: .66rem;
    font-weight: 800;
    white-space: nowrap;
}

.obs-axis-accordion__selection b[b-zxfviw3u9j] {
    color: var(--obs-primary);
    font-size: .76rem;
    font-weight: 950;
}

.obs-axis-accordion__chevron[b-zxfviw3u9j] {
    color: #718587;
    font-size: .68rem;
    transition: transform .18s ease;
}

.obs-axis-accordion__item.is-expanded .obs-axis-accordion__chevron[b-zxfviw3u9j] {
    transform: rotate(180deg);
}

.obs-axis-accordion__toggle[b-zxfviw3u9j] {
    display: grid;
    min-width: 94px;
    place-content: center;
    justify-items: center;
    gap: 5px;
    padding: 9px 13px;
    border-inline-start: 1px solid #e2ebe9;
    color: #8a9a9b;
    background: #fbfdfc;
    cursor: pointer;
}

.obs-axis-accordion__toggle input[b-zxfviw3u9j] {
    position: absolute;
    opacity: 0;
    pointer-events: none;
}

.obs-axis-accordion__toggle > span[b-zxfviw3u9j] {
    position: relative;
    width: 35px;
    height: 19px;
    border-radius: 10px;
    background: #cbd6d5;
    transition: background-color .18s ease;
}

.obs-axis-accordion__toggle > span[b-zxfviw3u9j]::after {
    position: absolute;
    top: 3px;
    inset-inline-start: 3px;
    width: 13px;
    height: 13px;
    border-radius: 50%;
    background: #fff;
    box-shadow: 0 2px 5px rgba(12, 47, 50, .22);
    content: "";
    transition: transform .18s ease;
}

.obs-axis-accordion__toggle.is-active[b-zxfviw3u9j] {
    color: var(--obs-primary);
    background: color-mix(in srgb, var(--obs-primary) 4%, #fff);
}

.obs-axis-accordion__toggle.is-active > span[b-zxfviw3u9j] {
    background: var(--obs-primary);
}

.obs-axis-accordion__toggle.is-active > span[b-zxfviw3u9j]::after {
    transform: translateX(-16px);
}

.obs-axis-accordion__toggle b[b-zxfviw3u9j] {
    font-size: .59rem;
    font-weight: 900;
}

.obs-axis-accordion__toggle:has(input:focus-visible)[b-zxfviw3u9j] {
    outline: 3px solid color-mix(in srgb, var(--obs-primary) 16%, transparent);
    outline-offset: -3px;
}

.obs-axis-accordion__panel[b-zxfviw3u9j] {
    padding: 13px;
    border-top: 1px solid #e3ecea;
    background: linear-gradient(180deg, #f8fbfa, #fff);
}

.obs-axis-accordion__panel-head[b-zxfviw3u9j] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    margin-bottom: 10px;
}

.obs-axis-accordion__panel-head span strong[b-zxfviw3u9j],
.obs-axis-accordion__panel-head span small[b-zxfviw3u9j] {
    display: block;
}

.obs-axis-accordion__panel-head span strong[b-zxfviw3u9j] {
    color: #2b5053;
    font-size: .74rem;
    font-weight: 950;
}

.obs-axis-accordion__panel-head span small[b-zxfviw3u9j] {
    margin-top: 2px;
    color: #7d9092;
    font-size: .61rem;
    font-weight: 750;
}

.obs-axis-accordion__panel-head button[b-zxfviw3u9j] {
    display: inline-flex;
    min-height: 34px;
    align-items: center;
    gap: 6px;
    padding: 6px 10px;
    border: 1px solid color-mix(in srgb, var(--obs-primary) 25%, #d7e3e1);
    border-radius: 9px;
    color: var(--obs-primary);
    background: #fff;
    font-size: .63rem;
    font-weight: 900;
}

.obs-axis-accordion__panel-head button:hover[b-zxfviw3u9j],
.obs-axis-accordion__panel-head button:focus-visible[b-zxfviw3u9j] {
    border-color: var(--obs-primary);
    outline: none;
}

.obs-axis-accordion__indicators[b-zxfviw3u9j] {
    display: grid;
    max-height: 310px;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 8px;
    padding: 2px 3px 2px 2px;
    overflow: auto;
    overscroll-behavior: contain;
    scrollbar-color: color-mix(in srgb, var(--obs-primary) 34%, #d9e4e2) transparent;
}

.obs-axis-accordion__notice[b-zxfviw3u9j] {
    display: flex;
    min-height: 88px;
    align-items: center;
    justify-content: center;
    gap: 11px;
    color: #718587;
    text-align: start;
}

.obs-axis-accordion__notice > i[b-zxfviw3u9j] {
    color: var(--obs-primary);
    font-size: 1.1rem;
}

.obs-axis-accordion__notice strong[b-zxfviw3u9j],
.obs-axis-accordion__notice small[b-zxfviw3u9j] {
    display: block;
}

.obs-axis-accordion__notice strong[b-zxfviw3u9j] {
    color: #315356;
    font-size: .74rem;
    font-weight: 950;
}

.obs-axis-accordion__notice small[b-zxfviw3u9j] {
    margin-top: 3px;
    font-size: .64rem;
    font-weight: 700;
}

.obs-axis-accordion__empty[b-zxfviw3u9j] {
    min-height: 150px;
}

.obs-empty--source[b-zxfviw3u9j] {
    min-height: 185px;
    border: 1px dashed #cddcda;
    border-radius: 16px;
    background:
        radial-gradient(circle at 12% 8%, color-mix(in srgb, var(--obs-primary) 7%, transparent), transparent 28%),
        #fafcfb;
}

.obs-field[b-zxfviw3u9j] {
    display: grid;
    align-content: start;
    gap: 7px;
}

.obs-field > span[b-zxfviw3u9j] {
    color: #375356;
    font-size: .8rem;
    font-weight: 850;
}

.obs-field b[b-zxfviw3u9j] {
    color: #bd3d51;
}

.obs-field .form-control[b-zxfviw3u9j],
.obs-field .form-select[b-zxfviw3u9j] {
    min-height: 48px;
    border: 1px solid #d7e3e1;
    border-radius: 11px;
    color: #17383b;
    background-color: #fbfdfc;
    font-size: .84rem;
    box-shadow: none;
}

.obs-field textarea.form-control[b-zxfviw3u9j] {
    min-height: 104px;
    resize: vertical;
}

.obs-field .form-control:focus[b-zxfviw3u9j],
.obs-field .form-select:focus[b-zxfviw3u9j] {
    border-color: color-mix(in srgb, var(--obs-primary) 58%, #b8ceca);
    background: #fff;
    box-shadow: 0 0 0 4px color-mix(in srgb, var(--obs-primary) 9%, transparent);
}

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

.obs-switch-line[b-zxfviw3u9j] {
    display: flex;
    min-height: 74px;
    align-items: center;
    gap: 13px;
    margin-top: 17px;
    padding: 13px 15px;
    border: 1px solid color-mix(in srgb, var(--obs-primary) 19%, #dce7e5);
    border-radius: 14px;
    background:
        linear-gradient(135deg, color-mix(in srgb, var(--obs-primary) 5%, #fff), #fff);
    cursor: pointer;
}

.obs-switch-line > input[b-zxfviw3u9j] {
    position: absolute;
    opacity: 0;
}

.obs-switch-line__control[b-zxfviw3u9j] {
    position: relative;
    width: 43px;
    height: 24px;
    flex: 0 0 43px;
    border-radius: 999px;
    background: #ccd8d7;
}

.obs-switch-line__control[b-zxfviw3u9j]::after {
    position: absolute;
    top: 3px;
    right: 3px;
    width: 18px;
    height: 18px;
    border-radius: 50%;
    background: #fff;
    box-shadow: 0 2px 6px rgba(19, 58, 61, .22);
    content: "";
    transition: transform .2s ease;
}

.obs-switch-line > input:checked + .obs-switch-line__control[b-zxfviw3u9j] {
    background: var(--obs-primary);
}

.obs-switch-line > input:checked + .obs-switch-line__control[b-zxfviw3u9j]::after {
    transform: translateX(-19px);
}

.obs-switch-line > input:focus-visible + .obs-switch-line__control[b-zxfviw3u9j] {
    outline: 3px solid color-mix(in srgb, var(--obs-primary) 16%, transparent);
    outline-offset: 3px;
}

.obs-switch-line strong[b-zxfviw3u9j],
.obs-switch-line small[b-zxfviw3u9j] {
    display: block;
}

.obs-switch-line strong[b-zxfviw3u9j] {
    color: #244548;
    font-size: .79rem;
}

.obs-switch-line small[b-zxfviw3u9j] {
    margin-top: 4px;
    color: #748789;
    font-size: .69rem;
    line-height: 1.6;
}

.obs-builder-divider[b-zxfviw3u9j] {
    position: relative;
    height: 1px;
    margin: 30px 0;
    background: linear-gradient(90deg, transparent, #dce6e4 12%, #dce6e4 88%, transparent);
}

.obs-page-editor[b-zxfviw3u9j] {
    position: relative;
    padding: 18px;
    overflow: hidden;
    border: 1px solid color-mix(in srgb, var(--obs-primary) 20%, #dce7e5);
    border-radius: 18px;
    background:
        linear-gradient(90deg, color-mix(in srgb, var(--obs-primary) 2%, transparent) 1px, transparent 1px) 0 0 / 26px 26px,
        linear-gradient(145deg, #fbfdfc, #f4f8f7);
}

.obs-page-editor[b-zxfviw3u9j]::before {
    position: absolute;
    inset-block: 18px;
    inset-inline-start: 0;
    width: 4px;
    border-radius: 0 4px 4px 0;
    background: linear-gradient(var(--obs-secondary), var(--obs-primary));
    content: "";
}

.obs-page-editor__add[b-zxfviw3u9j] {
    display: inline-flex;
    min-height: 39px;
    align-items: center;
    gap: 7px;
    padding: 8px 13px;
    border: 1px solid color-mix(in srgb, var(--obs-primary) 42%, #d8e4e2);
    border-radius: 11px;
    color: #fff;
    background: var(--obs-primary);
    font-size: .72rem;
    font-weight: 950;
    box-shadow: 0 8px 18px color-mix(in srgb, var(--obs-primary) 16%, transparent);
}

.obs-page-editor__add:disabled[b-zxfviw3u9j] {
    cursor: not-allowed;
    opacity: .45;
}

.obs-page-editor__hint[b-zxfviw3u9j] {
    margin: -4px 0 14px;
    color: #6f8385;
    font-size: .72rem;
    line-height: 1.7;
}

.obs-page-editor__list[b-zxfviw3u9j] {
    display: grid;
    gap: 10px;
}

.obs-page-card[b-zxfviw3u9j] {
    display: grid;
    grid-template-columns: 70px minmax(150px, 1fr) minmax(150px, .9fr) minmax(180px, 1.2fr) auto;
    align-items: end;
    gap: 9px;
    padding: 12px;
    border: 1px solid #dde8e6;
    border-radius: 14px;
    background: rgba(255, 255, 255, .94);
    box-shadow: 0 7px 18px rgba(18, 55, 58, .035);
}

.obs-page-card.is-default[b-zxfviw3u9j] {
    border-color: color-mix(in srgb, var(--obs-secondary) 52%, #d7e4e1);
    background:
        linear-gradient(135deg, color-mix(in srgb, var(--obs-secondary) 5%, #fff), #fff);
}

.obs-page-card__number[b-zxfviw3u9j] {
    display: grid;
    min-height: 48px;
    align-content: center;
    justify-items: center;
    gap: 3px;
    border-radius: 11px;
    color: #fff;
    background: var(--obs-primary);
}

.obs-page-card__number span[b-zxfviw3u9j] {
    font-size: .78rem;
    font-weight: 950;
}

.obs-page-card__number small[b-zxfviw3u9j] {
    max-width: 62px;
    overflow: hidden;
    font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
    font-size: .54rem;
    text-overflow: ellipsis;
    white-space: nowrap;
    opacity: .72;
}

.obs-page-card > label[b-zxfviw3u9j] {
    display: grid;
    gap: 5px;
}

.obs-page-card > label > span[b-zxfviw3u9j] {
    color: #647b7d;
    font-size: .62rem;
    font-weight: 900;
}

.obs-page-card .form-control[b-zxfviw3u9j] {
    min-height: 40px;
    border: 1px solid #dbe5e3;
    border-radius: 9px;
    color: #27494c;
    background: #fff;
    font-size: .7rem;
    box-shadow: none;
}

.obs-page-card .form-control:focus[b-zxfviw3u9j] {
    border-color: color-mix(in srgb, var(--obs-primary) 52%, #cadbd8);
    box-shadow: 0 0 0 3px color-mix(in srgb, var(--obs-primary) 8%, transparent);
}

.obs-page-card__actions[b-zxfviw3u9j] {
    display: flex;
    align-items: center;
    gap: 5px;
}

.obs-page-card__actions button[b-zxfviw3u9j] {
    display: inline-flex;
    min-width: 39px;
    height: 40px;
    align-items: center;
    justify-content: center;
    gap: 6px;
    padding-inline: 10px;
    border: 1px solid #dbe5e3;
    border-radius: 9px;
    color: var(--obs-primary);
    background: #fff;
    font-size: .66rem;
    font-weight: 900;
}

.obs-page-card__actions button.is-active[b-zxfviw3u9j] {
    color: #7b550d;
    border-color: #ead6a6;
    background: #fff9ea;
}

.obs-page-card__actions button.is-danger[b-zxfviw3u9j] {
    color: #a83d50;
    border-color: #eed2d8;
    background: #fff7f8;
}

.obs-page-card__actions button:disabled[b-zxfviw3u9j] {
    cursor: not-allowed;
    opacity: .35;
}

.obs-layout-editor[b-zxfviw3u9j] {
    min-width: 0;
    max-width: 100%;
    margin-top: 22px;
    padding: 18px;
    border: 1px solid color-mix(in srgb, var(--obs-primary) 23%, #dce7e5);
    border-radius: 18px;
    background:
        radial-gradient(circle at 8% 0, color-mix(in srgb, var(--obs-secondary) 9%, transparent), transparent 28%),
        linear-gradient(145deg, #fbfdfc, #f5f9f8);
}

.obs-layout-workspace[b-zxfviw3u9j] {
    display: grid;
    min-width: 0;
    max-width: 100%;
    gap: 13px;
}

.obs-live-preview[b-zxfviw3u9j] {
    display: grid;
    min-width: 0;
    max-width: 100%;
    gap: 10px;
    padding: 13px;
    border: 1px solid color-mix(in srgb, var(--obs-primary) 20%, #dce7e5);
    border-radius: 16px;
    background:
        radial-gradient(circle at 92% 5%, color-mix(in srgb, var(--obs-secondary) 12%, transparent), transparent 31%),
        #f9fcfb;
}

.obs-live-preview > header[b-zxfviw3u9j] {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    align-items: center;
    gap: 9px;
}

.obs-live-preview__icon[b-zxfviw3u9j] {
    display: grid;
    width: 37px;
    height: 37px;
    place-items: center;
    border-radius: 11px;
    color: #fff;
    background: var(--obs-primary);
}

.obs-live-preview > header > span:nth-child(2)[b-zxfviw3u9j] {
    display: grid;
    gap: 2px;
}

.obs-live-preview > header strong[b-zxfviw3u9j] {
    color: #244b4e;
    font-size: .82rem;
    font-weight: 950;
}

.obs-live-preview > header small[b-zxfviw3u9j] {
    color: #6e8385;
    font-size: .71rem;
    line-height: 1.45;
}

.obs-live-preview__live[b-zxfviw3u9j] {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    padding: 5px 8px;
    border-radius: 999px;
    color: #16705a;
    background: #eaf8f3;
    font-size: .67rem;
    font-weight: 900;
}

.obs-live-preview__live i[b-zxfviw3u9j] {
    font-size: .45rem;
    animation: obs-live-preview-pulse-b-zxfviw3u9j 1.8s ease-in-out infinite;
}

@keyframes obs-live-preview-pulse-b-zxfviw3u9j {
    50% { opacity: .36; }
}

.obs-live-preview__pages[b-zxfviw3u9j] {
    display: flex;
    gap: 6px;
    padding-bottom: 2px;
    overflow-x: auto;
}

.obs-live-preview__pages button[b-zxfviw3u9j] {
    min-height: 31px;
    flex: 0 0 auto;
    padding: 5px 9px;
    border: 1px solid #dce7e5;
    border-radius: 8px;
    color: #60787a;
    background: #fff;
    font-size: .67rem;
    font-weight: 850;
}

.obs-live-preview__pages button.is-active[b-zxfviw3u9j] {
    color: #fff;
    border-color: var(--obs-primary);
    background: var(--obs-primary);
}

.obs-live-preview__canvas[b-zxfviw3u9j] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 8px;
    padding: 8px;
    border: 1px dashed #d6e3e1;
    border-radius: 12px;
    background: #eef4f3;
}

.obs-live-preview__item[b-zxfviw3u9j] {
    position: relative;
    display: grid;
    min-width: 0;
    min-height: 122px;
    align-content: start;
    gap: 8px;
    padding: 9px;
    border: 1px solid #dde8e6;
    border-radius: 11px;
    background: #fff;
    box-shadow: 0 5px 14px rgba(18, 55, 58, .04);
    cursor: grab;
    user-select: none;
    -webkit-user-select: none;
    transition: transform .18s ease, opacity .18s ease, border-color .18s ease, box-shadow .18s ease;
}

.obs-live-preview__item:focus-visible[b-zxfviw3u9j] {
    border-color: var(--obs-primary);
    box-shadow: 0 0 0 3px color-mix(in srgb, var(--obs-primary) 14%, transparent);
    outline: none;
}

.obs-live-preview__drag-handle[b-zxfviw3u9j] {
    position: absolute;
    top: 8px;
    inset-inline-end: 8px;
    display: grid;
    width: 27px;
    height: 27px;
    place-items: center;
    border: 1px solid #dce6e4;
    border-radius: 8px;
    color: #789092;
    background: rgba(255, 255, 255, .92);
    font-size: .68rem;
}

.obs-live-preview__item.is-hold-pending[b-zxfviw3u9j]::after {
    position: absolute;
    right: 8px;
    bottom: 5px;
    left: 8px;
    height: 3px;
    border-radius: 999px;
    background: linear-gradient(90deg, var(--obs-secondary), var(--obs-primary));
    content: "";
    transform-origin: right center;
    animation: obs-preview-hold-progress-b-zxfviw3u9j 1s linear both;
}

@keyframes obs-preview-hold-progress-b-zxfviw3u9j {
    from { transform: scaleX(0); }
    to { transform: scaleX(1); }
}

.obs-live-preview__item.is-dragging[b-zxfviw3u9j] {
    z-index: 3;
    border-color: var(--obs-secondary);
    cursor: grabbing;
    opacity: .58;
    box-shadow: 0 15px 30px rgba(18, 55, 58, .16);
    transform: scale(.98);
}

.obs-live-preview__item.is-drop-target[b-zxfviw3u9j] {
    border-color: var(--obs-primary);
    box-shadow: 0 0 0 4px color-mix(in srgb, var(--obs-primary) 14%, transparent);
    transform: translateY(-3px);
}

.obs-live-preview__canvas.is-sorting[b-zxfviw3u9j] {
    border-color: color-mix(in srgb, var(--obs-secondary) 70%, #d6e3e1);
    background: color-mix(in srgb, var(--obs-secondary) 7%, #eef4f3);
}

.obs-live-preview__drag-ghost[b-zxfviw3u9j] {
    position: fixed !important;
    z-index: 9999;
    margin: 0 !important;
    pointer-events: none;
    opacity: .94;
    box-shadow: 0 22px 48px rgba(18, 55, 58, .24) !important;
    transform: rotate(-1deg) scale(1.02);
}

.obs-live-preview__item.is-wide[b-zxfviw3u9j] {
    grid-column: 1 / -1;
}

.obs-live-preview__item.is-tall[b-zxfviw3u9j] {
    min-height: 150px;
}

.obs-live-preview__item-head[b-zxfviw3u9j] {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    align-items: center;
    gap: 7px;
    padding-inline-end: 31px;
}

.obs-live-preview__item-head > span:first-child[b-zxfviw3u9j] {
    display: grid;
    width: 29px;
    height: 29px;
    place-items: center;
    border-radius: 8px;
    color: var(--obs-primary);
    background: color-mix(in srgb, var(--obs-primary) 7%, #fff);
    font-size: .72rem;
}

.obs-live-preview__item-head > span:last-child[b-zxfviw3u9j] {
    display: grid;
    min-width: 0;
    gap: 1px;
}

.obs-live-preview__item-head strong[b-zxfviw3u9j],
.obs-live-preview__item-head small[b-zxfviw3u9j] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.obs-live-preview__item-head strong[b-zxfviw3u9j] {
    color: #36585b;
    font-size: .68rem;
    font-weight: 950;
}

.obs-live-preview__item-head small[b-zxfviw3u9j] {
    color: #809193;
    font-size: .6rem;
}

.obs-live-preview__miniature[b-zxfviw3u9j] {
    position: relative;
    height: 54px;
    overflow: hidden;
    border-radius: 8px;
    background: linear-gradient(180deg, #f4f8f7, #fff);
}

.obs-live-preview__miniature i[b-zxfviw3u9j] {
    position: absolute;
    bottom: 7px;
    width: 12%;
    border-radius: 4px 4px 2px 2px;
    background: color-mix(in srgb, var(--obs-primary) 68%, var(--obs-secondary));
}

.obs-live-preview__miniature i:nth-child(1)[b-zxfviw3u9j] { right: 12%; height: 28%; }
.obs-live-preview__miniature i:nth-child(2)[b-zxfviw3u9j] { right: 34%; height: 62%; }
.obs-live-preview__miniature i:nth-child(3)[b-zxfviw3u9j] { right: 56%; height: 43%; }
.obs-live-preview__miniature i:nth-child(4)[b-zxfviw3u9j] { right: 78%; height: 76%; }

.obs-live-preview__miniature.is-line i[b-zxfviw3u9j] {
    bottom: auto;
    width: 25%;
    height: 3px;
    border-radius: 999px;
    transform-origin: right center;
}

.obs-live-preview__miniature.is-line i:nth-child(1)[b-zxfviw3u9j] { top: 34px; right: 7%; transform: rotate(-22deg); }
.obs-live-preview__miniature.is-line i:nth-child(2)[b-zxfviw3u9j] { top: 25px; right: 29%; transform: rotate(16deg); }
.obs-live-preview__miniature.is-line i:nth-child(3)[b-zxfviw3u9j] { top: 29px; right: 51%; transform: rotate(-30deg); }
.obs-live-preview__miniature.is-line i:nth-child(4)[b-zxfviw3u9j] { top: 18px; right: 73%; transform: rotate(12deg); }

.obs-live-preview__miniature.is-circle[b-zxfviw3u9j]::before {
    position: absolute;
    top: 8px;
    right: calc(50% - 19px);
    width: 38px;
    height: 38px;
    border-radius: 50%;
    background: conic-gradient(var(--obs-primary) 0 42%, var(--obs-secondary) 42% 70%, #dce8e6 70%);
    content: "";
}

.obs-live-preview__miniature.is-circle[b-zxfviw3u9j]::after {
    position: absolute;
    top: 19px;
    right: calc(50% - 8px);
    width: 16px;
    height: 16px;
    border-radius: 50%;
    background: #fff;
    content: "";
}

.obs-live-preview__miniature.is-circle i[b-zxfviw3u9j],
.obs-live-preview__miniature.is-number i[b-zxfviw3u9j],
.obs-live-preview__miniature.is-table i[b-zxfviw3u9j],
.obs-live-preview__miniature.is-filter i[b-zxfviw3u9j],
.obs-live-preview__miniature.is-map i[b-zxfviw3u9j] {
    display: none;
}

.obs-live-preview__miniature.is-number b[b-zxfviw3u9j] {
    display: grid;
    height: 100%;
    place-items: center;
    color: var(--obs-primary);
    font-size: 1.38rem;
    font-weight: 950;
}

.obs-live-preview__miniature.is-table[b-zxfviw3u9j] {
    background:
        repeating-linear-gradient(0deg, transparent 0 12px, #dce8e6 12px 13px),
        repeating-linear-gradient(90deg, #f7faf9 0 24%, #dce8e6 24% 25%);
}

.obs-live-preview__miniature.is-map[b-zxfviw3u9j],
.obs-live-preview__miniature.is-filter[b-zxfviw3u9j] {
    background:
        radial-gradient(circle at 28% 60%, var(--obs-secondary) 0 5px, transparent 6px),
        radial-gradient(circle at 58% 32%, var(--obs-primary) 0 6px, transparent 7px),
        radial-gradient(circle at 74% 68%, color-mix(in srgb, var(--obs-primary) 55%, #fff) 0 8px, transparent 9px),
        #f1f7f5;
}

.obs-live-preview__series-count[b-zxfviw3u9j] {
    position: absolute;
    left: 7px;
    bottom: 7px;
    padding: 3px 6px;
    border-radius: 999px;
    color: #527073;
    background: rgba(255, 255, 255, .9);
    font-size: .55rem;
    font-weight: 850;
}

.obs-live-preview > p[b-zxfviw3u9j] {
    display: flex;
    align-items: flex-start;
    gap: 6px;
    margin: 0;
    color: #6b8082;
    font-size: .68rem;
    line-height: 1.55;
}

@media (min-width: 1650px) {
    .obs-builder-layout.is-index-collapsed .obs-layout-workspace[b-zxfviw3u9j] {
        grid-template-columns: minmax(0, 1fr) 310px;
        align-items: start;
    }

    .obs-builder-layout.is-index-collapsed .obs-live-preview[b-zxfviw3u9j] {
        position: sticky;
        top: 12px;
    }

    .obs-builder-layout.is-index-collapsed .obs-live-preview__canvas[b-zxfviw3u9j] {
        grid-template-columns: 1fr;
    }

    .obs-builder-layout.is-index-collapsed .obs-live-preview__item.is-wide[b-zxfviw3u9j] {
        grid-column: auto;
    }
}

.obs-layout-editor__hint[b-zxfviw3u9j] {
    margin: -4px 0 14px;
    color: #708486;
    font-size: .72rem;
    line-height: 1.7;
}

.obs-layout-field-guide[b-zxfviw3u9j] {
    margin: 0 0 14px;
    overflow: hidden;
    border: 1px solid color-mix(in srgb, var(--obs-secondary) 34%, #dce7e5);
    border-radius: 12px;
    background: color-mix(in srgb, var(--obs-secondary) 5%, #fff);
}

.obs-layout-field-guide > summary[b-zxfviw3u9j] {
    display: grid;
    min-height: 48px;
    grid-template-columns: auto minmax(0, 1fr) auto;
    align-items: center;
    gap: 9px;
    padding: 9px 12px;
    color: #365b5e;
    cursor: pointer;
    list-style: none;
}

.obs-layout-field-guide > summary[b-zxfviw3u9j]::-webkit-details-marker {
    display: none;
}

.obs-layout-field-guide > summary > i:first-child[b-zxfviw3u9j] {
    color: #c17b0a;
}

.obs-layout-field-guide > summary > span[b-zxfviw3u9j] {
    display: grid;
    gap: 2px;
}

.obs-layout-field-guide > summary strong[b-zxfviw3u9j] {
    font-size: .8rem;
    font-weight: 950;
}

.obs-layout-field-guide > summary small[b-zxfviw3u9j] {
    color: #75898b;
    font-size: .7rem;
}

.obs-layout-field-guide > summary > i:last-child[b-zxfviw3u9j] {
    color: #7c8f91;
    transition: transform .18s ease;
}

.obs-layout-field-guide[open] > summary > i:last-child[b-zxfviw3u9j] {
    transform: rotate(180deg);
}

.obs-layout-field-guide dl[b-zxfviw3u9j] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 8px;
    margin: 0;
    padding: 0 12px 12px;
}

.obs-layout-field-guide dl > div[b-zxfviw3u9j] {
    padding: 9px 10px;
    border: 1px solid #e4ebe9;
    border-radius: 9px;
    background: #fff;
}

.obs-layout-field-guide dt[b-zxfviw3u9j] {
    color: #2b5558;
    font-size: .74rem;
    font-weight: 950;
}

.obs-layout-field-guide dd[b-zxfviw3u9j] {
    margin: 3px 0 0;
    color: #6d8284;
    font-size: .69rem;
    line-height: 1.65;
}

.obs-layout-editor__list[b-zxfviw3u9j] {
    display: grid;
    min-width: 0;
    max-width: 100%;
    gap: 9px;
}

.obs-layout-row[b-zxfviw3u9j] {
    position: relative;
    display: grid;
    min-width: 0;
    max-width: 100%;
    grid-template-columns: repeat(3, minmax(150px, .8fr)) minmax(280px, 1.4fr);
    align-items: end;
    gap: 9px;
    padding: 11px;
    border: 1px solid #dfe8e6;
    border-radius: 14px;
    background: rgba(255, 255, 255, .92);
    box-shadow: 0 7px 18px rgba(18, 55, 58, .035);
    transition: opacity .18s ease, border-color .18s ease, box-shadow .18s ease;
}

.obs-layout-row.is-series-control-hidden[b-zxfviw3u9j] {
    grid-template-columns: repeat(3, minmax(150px, 1fr));
}

.obs-layout-row:has(.obs-layout-row__banner-picker[open])[b-zxfviw3u9j],
.obs-layout-row:has(.obs-series-picker[open])[b-zxfviw3u9j] {
    z-index: 40;
    border-color: color-mix(in srgb, var(--obs-primary) 28%, #dfe8e6);
    box-shadow: 0 18px 38px rgba(18, 55, 58, .12);
}

.obs-layout-row__banner[b-zxfviw3u9j] {
    --banner-accent: #287a78;
    --banner-soft: #e9f5f3;
    position: relative;
    display: grid;
    min-width: 0;
    min-height: 58px;
    grid-column: 1 / -1;
    grid-template-columns: auto minmax(0, 1fr) minmax(230px, auto);
    align-items: center;
    gap: 11px;
    margin: -5px -5px 2px;
    padding: 7px 9px;
    border: 1px solid color-mix(in srgb, var(--banner-accent) 24%, #dfe8e6);
    border-radius: 12px;
    background:
        linear-gradient(105deg, color-mix(in srgb, var(--banner-soft) 72%, #fff), #fff 70%);
    box-shadow: inset -4px 0 0 var(--banner-accent);
}

.obs-layout-row__banner-actions[b-zxfviw3u9j] {
    display: grid;
    min-width: 0;
    grid-template-columns: auto minmax(230px, 1fr);
    align-items: stretch;
    gap: 7px;
}

.obs-widget-card-preview-trigger[b-zxfviw3u9j] {
    display: inline-flex;
    min-width: 128px;
    min-height: 44px;
    align-items: center;
    gap: 8px;
    padding: 6px 10px;
    border: 1px solid color-mix(in srgb, var(--banner-accent) 28%, #d8e5e2);
    border-radius: 12px;
    color: var(--banner-accent);
    background: rgba(255, 255, 255, .78);
    font-family: inherit;
    text-align: start;
    cursor: pointer;
    transition: border-color .18s ease, box-shadow .18s ease, transform .18s ease;
}

.obs-widget-card-preview-trigger > i[b-zxfviw3u9j] {
    display: grid;
    width: 30px;
    height: 30px;
    flex: 0 0 30px;
    place-items: center;
    border-radius: 9px;
    color: #fff;
    background: var(--banner-accent);
    font-size: .72rem;
}

.obs-widget-card-preview-trigger span[b-zxfviw3u9j],
.obs-widget-card-preview-trigger strong[b-zxfviw3u9j],
.obs-widget-card-preview-trigger small[b-zxfviw3u9j] {
    display: block;
}

.obs-widget-card-preview-trigger strong[b-zxfviw3u9j] {
    color: #24484b;
    font-size: .68rem;
    font-weight: 950;
    white-space: nowrap;
}

.obs-widget-card-preview-trigger small[b-zxfviw3u9j] {
    margin-top: 2px;
    color: #7b8f91;
    font-size: .56rem;
    font-weight: 750;
    white-space: nowrap;
}

.obs-widget-card-preview-trigger:hover[b-zxfviw3u9j],
.obs-widget-card-preview-trigger:focus-visible[b-zxfviw3u9j] {
    border-color: var(--banner-accent);
    outline: none;
    box-shadow: 0 7px 16px color-mix(in srgb, var(--banner-accent) 13%, transparent);
    transform: translateY(-1px);
}

.obs-layout-row__banner.is-trend[b-zxfviw3u9j] {
    --banner-accent: #197f77;
    --banner-soft: #e1f5f0;
}

.obs-layout-row__banner.is-comparison[b-zxfviw3u9j] {
    --banner-accent: #2f6eb0;
    --banner-soft: #e8f1fb;
}

.obs-layout-row__banner.is-share[b-zxfviw3u9j] {
    --banner-accent: #8a63b2;
    --banner-soft: #f1eafa;
}

.obs-layout-row__banner.is-summary[b-zxfviw3u9j] {
    --banner-accent: #b87920;
    --banner-soft: #fff2dc;
}

.obs-layout-row__banner.is-table[b-zxfviw3u9j] {
    --banner-accent: #596b7d;
    --banner-soft: #edf1f4;
}

.obs-layout-row__banner.is-map[b-zxfviw3u9j] {
    --banner-accent: #2d8a5d;
    --banner-soft: #e6f6ed;
}

.obs-layout-row__banner.is-analysis[b-zxfviw3u9j] {
    --banner-accent: #5668a7;
    --banner-soft: #eceffa;
}

.obs-layout-row__type-guide.is-trend[b-zxfviw3u9j],
.obs-visual-choice.is-trend[b-zxfviw3u9j] {
    --banner-accent: #197f77;
    --banner-soft: #e1f5f0;
}

.obs-layout-row__type-guide.is-comparison[b-zxfviw3u9j],
.obs-visual-choice.is-comparison[b-zxfviw3u9j] {
    --banner-accent: #2f6eb0;
    --banner-soft: #e8f1fb;
}

.obs-layout-row__type-guide.is-share[b-zxfviw3u9j],
.obs-visual-choice.is-share[b-zxfviw3u9j] {
    --banner-accent: #8a63b2;
    --banner-soft: #f1eafa;
}

.obs-layout-row__type-guide.is-summary[b-zxfviw3u9j],
.obs-visual-choice.is-summary[b-zxfviw3u9j] {
    --banner-accent: #b87920;
    --banner-soft: #fff2dc;
}

.obs-layout-row__type-guide.is-table[b-zxfviw3u9j],
.obs-visual-choice.is-table[b-zxfviw3u9j] {
    --banner-accent: #596b7d;
    --banner-soft: #edf1f4;
}

.obs-layout-row__type-guide.is-map[b-zxfviw3u9j],
.obs-visual-choice.is-map[b-zxfviw3u9j] {
    --banner-accent: #2d8a5d;
    --banner-soft: #e6f6ed;
}

.obs-layout-row__type-guide.is-analysis[b-zxfviw3u9j],
.obs-visual-choice.is-analysis[b-zxfviw3u9j] {
    --banner-accent: #5668a7;
    --banner-soft: #eceffa;
}

.obs-layout-row > *[b-zxfviw3u9j],
.obs-layout-row > label[b-zxfviw3u9j] {
    min-width: 0;
    max-width: 100%;
}

.obs-layout-row > label .form-select[b-zxfviw3u9j],
.obs-layout-row > label .form-control[b-zxfviw3u9j] {
    width: 100%;
    max-width: 100%;
}

.obs-source-binding-grid[b-zxfviw3u9j] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
}

.obs-source-binding-grid .obs-field[b-zxfviw3u9j] {
    min-width: 0;
}

.obs-source-relations[b-zxfviw3u9j] {
    display: grid;
    gap: 12px;
    margin-top: 16px;
    padding: 17px;
    border: 1px solid #d8e5e3;
    border-radius: 18px;
    background: linear-gradient(145deg, #f8fcfb, #fff);
}

.obs-source-relations h3[b-zxfviw3u9j] {
    margin: 3px 0 4px;
    color: #173e41;
    font-size: 1rem;
    font-weight: 950;
}

.obs-source-relations p[b-zxfviw3u9j] {
    margin: 0;
    color: #6d8284;
    font-size: .73rem;
}

.obs-source-relation[b-zxfviw3u9j] {
    display: grid;
    grid-template-columns: minmax(145px, .8fr) repeat(2, minmax(150px, 1fr));
    align-items: end;
    gap: 10px;
    padding: 13px;
    border: 1px solid #e0eae8;
    border-radius: 14px;
    background: #fff;
}

.obs-source-relation > strong[b-zxfviw3u9j] {
    align-self: center;
    color: #244a4d;
    font-size: .8rem;
}

.obs-source-relation > label[b-zxfviw3u9j] {
    display: grid;
    gap: 5px;
}

.obs-source-relation > label > span[b-zxfviw3u9j] {
    color: #637a7c;
    font-size: .68rem;
    font-weight: 900;
}

.obs-source-relation__result[b-zxfviw3u9j],
.obs-source-relation__preview[b-zxfviw3u9j] {
    grid-column: 1 / -1;
}

.obs-source-relation__result[b-zxfviw3u9j] {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 10px 12px;
    border-radius: 11px;
}

.obs-source-relation__result.is-safe[b-zxfviw3u9j] {
    color: #0d6955;
    background: #eefaf7;
}

.obs-source-relation__result.is-risk[b-zxfviw3u9j] {
    color: #9b6217;
    background: #fff8ed;
}

.obs-source-relation__result span[b-zxfviw3u9j] {
    display: grid;
    gap: 2px;
}

.obs-source-relation__result strong[b-zxfviw3u9j] {
    font-size: .74rem;
}

.obs-source-relation__result small[b-zxfviw3u9j] {
    font-size: .66rem;
}

.obs-source-relation__preview[b-zxfviw3u9j] {
    min-height: 40px;
    border: 1px dashed color-mix(in srgb, var(--obs-primary) 40%, #d8e5e3);
    border-radius: 10px;
    color: var(--obs-primary);
    background: color-mix(in srgb, var(--obs-primary) 4%, #fff);
    font-size: .72rem;
    font-weight: 900;
}

.obs-visual-picker[b-zxfviw3u9j] {
    min-width: 0;
    overflow: hidden;
    border: 1px solid #d8e5e2;
    border-radius: 12px;
    background: #fff;
    transition: border-color .18s ease, box-shadow .18s ease;
}

.obs-visual-picker[open][b-zxfviw3u9j] {
    border-color: color-mix(in srgb, var(--obs-primary) 36%, #d8e5e2);
    box-shadow: 0 10px 26px rgba(18, 55, 58, .08);
}

.obs-visual-picker > summary[b-zxfviw3u9j] {
    display: grid;
    min-height: 58px;
    grid-template-columns: auto minmax(0, 1fr) auto;
    align-items: center;
    gap: 11px;
    padding: 7px 10px;
    cursor: pointer;
    list-style: none;
    transition: background-color .18s ease;
}

.obs-visual-picker > summary[b-zxfviw3u9j]::-webkit-details-marker {
    display: none;
}

.obs-visual-picker > summary:hover[b-zxfviw3u9j] {
    background: color-mix(in srgb, var(--obs-primary) 3.5%, #fff);
}

.obs-visual-picker > summary:focus-visible[b-zxfviw3u9j] {
    outline: 3px solid color-mix(in srgb, var(--obs-secondary) 32%, transparent);
    outline-offset: -3px;
}

.obs-visual-picker__selected-icon[b-zxfviw3u9j],
.obs-visual-picker__option-icon[b-zxfviw3u9j] {
    display: grid;
    place-items: center;
    color: var(--obs-primary);
    background:
        radial-gradient(circle at 25% 20%, rgba(255, 255, 255, .95), transparent 42%),
        color-mix(in srgb, var(--obs-secondary) 13%, #f3f8f7);
}

.obs-visual-picker__selected-icon[b-zxfviw3u9j] {
    width: 42px;
    height: 42px;
    border: 1px solid color-mix(in srgb, var(--obs-secondary) 24%, #dce9e6);
    border-radius: 11px;
    font-size: 1.05rem;
}

.obs-visual-picker__selected-copy[b-zxfviw3u9j] {
    display: grid;
    min-width: 0;
    gap: 2px;
}

.obs-visual-picker__selected-copy small[b-zxfviw3u9j] {
    color: #75898b;
    font-size: .68rem;
    font-weight: 800;
    line-height: 1.45;
}

.obs-visual-picker__selected-copy strong[b-zxfviw3u9j] {
    overflow: hidden;
    color: #21474a;
    font-size: .87rem;
    font-weight: 950;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.obs-visual-picker__change[b-zxfviw3u9j] {
    display: inline-flex;
    min-height: 34px;
    align-items: center;
    gap: 6px;
    padding: 0 10px;
    border-radius: 9px;
    color: var(--obs-primary);
    background: color-mix(in srgb, var(--obs-primary) 7%, #fff);
    font-size: .73rem;
    font-weight: 900;
}

.obs-visual-picker[open] .obs-visual-picker__change[b-zxfviw3u9j] {
    color: #fff;
    background: var(--obs-primary);
}

.obs-visual-picker__panel[b-zxfviw3u9j] {
    display: grid;
    gap: 13px;
    padding: 14px;
    border-top: 1px solid #e2ebe9;
    background: linear-gradient(180deg, #f8fbfa, #fff 110px);
}

.obs-layout-row__banner-picker[b-zxfviw3u9j] {
    position: static;
    min-width: 230px;
    overflow: visible;
    border-color: color-mix(in srgb, var(--banner-accent) 28%, #d8e5e2);
    background: rgba(255, 255, 255, .74);
}

.obs-layout-row__banner-picker > summary[b-zxfviw3u9j] {
    min-height: 44px;
    grid-template-columns: auto minmax(0, 1fr) auto;
    gap: 8px;
    padding: 4px 7px;
}

.obs-layout-row__banner-picker .obs-visual-picker__selected-icon[b-zxfviw3u9j] {
    width: 34px;
    height: 34px;
    border-color: color-mix(in srgb, var(--banner-accent) 25%, #dce9e6);
    color: var(--banner-accent);
    font-size: .88rem;
}

.obs-layout-row__banner-picker .obs-visual-picker__selected-copy small[b-zxfviw3u9j] {
    color: #74898b;
    font-size: .61rem;
}

.obs-layout-row__banner-picker .obs-visual-picker__selected-copy strong[b-zxfviw3u9j] {
    color: #21474a;
    font-size: .78rem;
}

.obs-layout-row__banner-picker .obs-visual-picker__change[b-zxfviw3u9j] {
    min-height: 30px;
    padding-inline: 8px;
    color: var(--banner-accent);
    background: color-mix(in srgb, var(--banner-accent) 8%, #fff);
    font-size: .67rem;
}

.obs-layout-row__banner-picker[open] .obs-visual-picker__change[b-zxfviw3u9j] {
    background: var(--banner-accent);
}

.obs-layout-row__banner-picker > .obs-visual-picker__panel[b-zxfviw3u9j] {
    position: absolute;
    z-index: 80;
    inset-inline: 10px;
    top: calc(100% + 7px);
    max-height: min(620px, 75vh);
    overflow-y: auto;
    border: 1px solid color-mix(in srgb, var(--banner-accent) 30%, #d8e5e2);
    border-radius: 14px;
    box-shadow: 0 24px 54px rgba(16, 54, 58, .2);
}

.obs-visual-picker__panel > header[b-zxfviw3u9j] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
}

.obs-visual-picker__panel > header div[b-zxfviw3u9j] {
    display: grid;
    gap: 2px;
}

.obs-visual-picker__panel > header strong[b-zxfviw3u9j] {
    color: #21474a;
    font-size: .84rem;
    font-weight: 950;
}

.obs-visual-picker__panel > header small[b-zxfviw3u9j] {
    color: #6c8183;
    font-size: .71rem;
    line-height: 1.55;
}

.obs-visual-picker__panel > header > span[b-zxfviw3u9j] {
    flex: 0 0 auto;
    padding: 4px 8px;
    border-radius: 999px;
    color: #557174;
    background: #eef4f3;
    font-size: .67rem;
    font-weight: 900;
}

.obs-visual-picker__category[b-zxfviw3u9j] {
    display: grid;
    gap: 6px;
}

.obs-visual-picker__category h3[b-zxfviw3u9j] {
    margin: 0;
    color: #60787a;
    font-size: .7rem;
    font-weight: 950;
}

.obs-visual-picker__grid[b-zxfviw3u9j] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 7px;
}

.obs-visual-picker__option[b-zxfviw3u9j] {
    position: relative;
    display: grid;
    min-width: 0;
    min-height: 68px;
    grid-template-columns: auto minmax(0, 1fr);
    align-items: center;
    gap: 8px;
    padding: 8px;
    border: 1px solid #dfe9e7;
    border-radius: 10px;
    color: #294d50;
    background: #fff;
    font-family: inherit;
    text-align: right;
    cursor: pointer;
    transition: transform .16s ease, border-color .16s ease, box-shadow .16s ease, background-color .16s ease;
}

.obs-visual-picker__option:hover:not(:disabled)[b-zxfviw3u9j] {
    transform: translateY(-1px);
    border-color: color-mix(in srgb, var(--obs-primary) 34%, #dfe9e7);
    box-shadow: 0 7px 16px rgba(18, 55, 58, .07);
}

.obs-visual-picker__option:focus-visible[b-zxfviw3u9j] {
    outline: 3px solid color-mix(in srgb, var(--obs-secondary) 34%, transparent);
    outline-offset: 1px;
}

.obs-visual-picker__option.is-selected[b-zxfviw3u9j] {
    border-color: var(--obs-primary);
    background: color-mix(in srgb, var(--obs-primary) 5%, #fff);
    box-shadow: inset 0 0 0 1px var(--obs-primary);
}

.obs-visual-picker__option.is-recommended:not(.is-selected)[b-zxfviw3u9j] {
    border-color: color-mix(in srgb, var(--obs-secondary) 44%, #dfe9e7);
    background: color-mix(in srgb, var(--obs-secondary) 4%, #fff);
}

.obs-visual-picker__option:disabled[b-zxfviw3u9j] {
    cursor: not-allowed;
    filter: grayscale(.35);
    opacity: .48;
}

.obs-visual-picker__option-icon[b-zxfviw3u9j] {
    width: 38px;
    height: 38px;
    border-radius: 9px;
    font-size: .92rem;
}

.obs-visual-picker__option-copy[b-zxfviw3u9j] {
    display: grid;
    min-width: 0;
    gap: 3px;
}

.obs-visual-picker__option-copy strong[b-zxfviw3u9j] {
    overflow: hidden;
    font-size: .75rem;
    font-weight: 950;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.obs-visual-picker__option-copy small[b-zxfviw3u9j] {
    display: -webkit-box;
    overflow: hidden;
    color: #718587;
    font-size: .65rem;
    font-weight: 750;
    line-height: 1.35;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}

.obs-visual-picker__option.is-recommended .obs-visual-picker__option-copy small[b-zxfviw3u9j] {
    color: #16806b;
}

.obs-visual-picker__selected-mark[b-zxfviw3u9j] {
    position: absolute;
    top: 5px;
    left: 5px;
    color: var(--obs-primary);
    font-size: .72rem;
}

/* The visualization chooser is a single viewport dialog. Keeping it outside
   every widget card prevents clipping and makes all examples equally legible. */
.obs-visual-picker-trigger[b-zxfviw3u9j] {
    display: grid;
    min-width: 230px;
    min-height: 44px;
    grid-template-columns: auto minmax(0, 1fr) auto;
    align-items: center;
    gap: 8px;
    padding: 4px 7px;
    border: 1px solid color-mix(in srgb, var(--banner-accent) 28%, #d8e5e2);
    border-radius: 12px;
    color: inherit;
    background: rgba(255, 255, 255, .76);
    font-family: inherit;
    text-align: start;
    cursor: pointer;
    transition: border-color .18s ease, box-shadow .18s ease, transform .18s ease;
}

.obs-visual-picker-trigger:hover[b-zxfviw3u9j] {
    transform: translateY(-1px);
    border-color: var(--banner-accent);
    box-shadow: 0 7px 16px color-mix(in srgb, var(--banner-accent) 12%, transparent);
}

.obs-visual-picker-trigger:focus-visible[b-zxfviw3u9j] {
    outline: 3px solid color-mix(in srgb, var(--banner-accent) 28%, transparent);
    outline-offset: 2px;
}

.obs-visual-picker-trigger .obs-visual-picker__selected-icon[b-zxfviw3u9j] {
    width: 34px;
    height: 34px;
    border-color: color-mix(in srgb, var(--banner-accent) 25%, #dce9e6);
    color: var(--banner-accent);
    font-size: .88rem;
}

.obs-visual-picker-trigger .obs-visual-picker__selected-copy small[b-zxfviw3u9j] {
    font-size: .72rem;
}

.obs-visual-picker-trigger .obs-visual-picker__selected-copy strong[b-zxfviw3u9j] {
    color: #21474a;
    font-size: .86rem;
}

.obs-visual-picker-trigger .obs-visual-picker__change[b-zxfviw3u9j] {
    min-height: 30px;
    padding-inline: 8px;
    color: var(--banner-accent);
    background: color-mix(in srgb, var(--banner-accent) 8%, #fff);
    font-size: .75rem;
}

.obs-layout-row__type-guide[b-zxfviw3u9j] {
    --banner-accent: #5668a7;
    --banner-soft: #eceffa;
    display: grid;
    min-width: 0;
    grid-column: 1 / -1;
    grid-template-columns: auto minmax(190px, .8fr) minmax(0, 1.2fr);
    align-items: center;
    gap: 10px;
    padding: 9px 11px;
    border: 1px solid color-mix(in srgb, var(--banner-accent) 18%, #dfe8e6);
    border-radius: 11px;
    color: #35585b;
    background: color-mix(in srgb, var(--banner-soft) 58%, #fff);
}

.obs-layout-row__type-guide > span[b-zxfviw3u9j] {
    display: grid;
    width: 36px;
    height: 36px;
    place-items: center;
    border-radius: 10px;
    color: #fff;
    background: var(--banner-accent);
}

.obs-layout-row__type-guide > div[b-zxfviw3u9j] {
    display: grid;
    min-width: 0;
    gap: 2px;
}

.obs-layout-row__type-guide strong[b-zxfviw3u9j] {
    color: #23494c;
    font-size: .84rem;
    font-weight: 950;
}

.obs-layout-row__type-guide small[b-zxfviw3u9j] {
    color: #6d8183;
    font-size: .74rem;
    line-height: 1.55;
}

.obs-layout-row__type-guide ul[b-zxfviw3u9j] {
    display: flex;
    min-width: 0;
    flex-wrap: wrap;
    justify-content: flex-end;
    gap: 5px;
    margin: 0;
    padding: 0;
    list-style: none;
}

.obs-layout-row__type-guide li[b-zxfviw3u9j] {
    padding: 4px 7px;
    border: 1px solid color-mix(in srgb, var(--banner-accent) 18%, #e0e9e7);
    border-radius: 999px;
    color: color-mix(in srgb, var(--banner-accent) 74%, #273f42);
    background: rgba(255, 255, 255, .76);
    font-size: .74rem;
    font-weight: 850;
    white-space: nowrap;
}

.obs-layout-row__automatic-setting[b-zxfviw3u9j] {
    display: grid;
    min-height: 56px;
    align-content: center;
    gap: 2px;
    padding: 8px 10px;
    border: 1px dashed #d5e2df;
    border-radius: 10px;
    background: #fff;
}

.obs-layout-row__automatic-setting > span[b-zxfviw3u9j] {
    color: #667c7e;
    font-size: .72rem;
    font-weight: 900;
}

.obs-layout-row__automatic-setting strong[b-zxfviw3u9j] {
    color: #244c4f;
    font-size: .84rem;
}

.obs-layout-row__automatic-setting small[b-zxfviw3u9j],
.obs-layout-row__settings label > small[b-zxfviw3u9j],
.obs-layout-row__toggle span small[b-zxfviw3u9j] {
    display: block;
    margin-top: 2px;
    color: #7a8d8f;
    font-size: .75rem;
    font-weight: 700;
    line-height: 1.45;
}

.obs-widget-card-preview-backdrop[b-zxfviw3u9j] {
    position: fixed;
    z-index: 10090;
    inset: 0;
    display: grid;
    place-items: center;
    padding: 24px;
    overflow: hidden;
    background: rgba(8, 31, 34, .68);
    backdrop-filter: blur(6px);
}

.obs-widget-card-preview-dialog[b-zxfviw3u9j] {
    display: grid;
    width: min(1040px, 96vw);
    max-height: min(860px, 92vh);
    max-height: min(860px, 92dvh);
    grid-template-rows: auto minmax(0, 1fr) auto;
    overflow: hidden;
    border: 1px solid rgba(255, 255, 255, .58);
    border-radius: 24px;
    color: #294c4f;
    background: #f7faf9;
    box-shadow: 0 34px 100px rgba(4, 26, 29, .4);
}

.obs-widget-card-preview-dialog > header[b-zxfviw3u9j] {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    align-items: center;
    gap: 13px;
    padding: 17px 19px;
    color: #fff;
    background:
        radial-gradient(circle at 8% 10%, rgba(255, 255, 255, .17), transparent 30%),
        linear-gradient(115deg, #174d55, #247d70);
}

.obs-widget-card-preview-dialog > header > span[b-zxfviw3u9j] {
    display: grid;
    width: 46px;
    height: 46px;
    place-items: center;
    border: 1px solid rgba(255, 255, 255, .24);
    border-radius: 14px;
    background: rgba(255, 255, 255, .12);
}

.obs-widget-card-preview-dialog > header small[b-zxfviw3u9j],
.obs-widget-card-preview-dialog > header h2[b-zxfviw3u9j],
.obs-widget-card-preview-dialog > header p[b-zxfviw3u9j] {
    margin: 0;
}

.obs-widget-card-preview-dialog > header small[b-zxfviw3u9j] {
    color: rgba(255, 255, 255, .72);
    font-size: .65rem;
    font-weight: 850;
}

.obs-widget-card-preview-dialog > header h2[b-zxfviw3u9j] {
    margin-top: 2px;
    color: #fff;
    font-size: 1.05rem;
    font-weight: 950;
}

.obs-widget-card-preview-dialog > header p[b-zxfviw3u9j] {
    margin-top: 3px;
    color: rgba(255, 255, 255, .78);
    font-size: .72rem;
    line-height: 1.55;
}

.obs-widget-card-preview-dialog > header > button[b-zxfviw3u9j] {
    display: grid;
    width: 40px;
    height: 40px;
    place-items: center;
    border: 1px solid rgba(255, 255, 255, .28);
    border-radius: 11px;
    color: #fff;
    background: rgba(255, 255, 255, .1);
}

.obs-widget-card-preview-dialog > header > button:hover[b-zxfviw3u9j],
.obs-widget-card-preview-dialog > header > button:focus-visible[b-zxfviw3u9j] {
    background: rgba(255, 255, 255, .2);
    outline: none;
    box-shadow: 0 0 0 3px rgba(255, 255, 255, .14);
}

.obs-widget-card-preview-dialog__body[b-zxfviw3u9j] {
    display: grid;
    min-height: 0;
    grid-template-columns: minmax(0, 1fr) 245px;
    gap: 17px;
    padding: 18px;
    overflow-y: auto;
}

.obs-widget-card-preview-dialog__stage[b-zxfviw3u9j] {
    display: grid;
    min-height: 350px;
    place-items: center;
    padding: clamp(14px, 3vw, 30px);
    border: 1px solid #dce7e5;
    border-radius: 18px;
    background:
        linear-gradient(90deg, rgba(31, 104, 99, .035) 1px, transparent 1px) 0 0 / 24px 24px,
        linear-gradient(rgba(31, 104, 99, .035) 1px, transparent 1px) 0 0 / 24px 24px,
        #eef4f2;
}

.obs-widget-card-preview[b-zxfviw3u9j] {
    --card-accent: #287a78;
    display: grid;
    width: min(100%, 720px);
    min-height: var(--widget-card-preview-height, 286px);
    grid-template-rows: auto minmax(145px, 1fr) auto;
    overflow: hidden;
    border: 1px solid color-mix(in srgb, var(--card-accent) 25%, #d8e4e2);
    border-radius: 18px;
    background: #fff;
    box-shadow: 0 22px 52px rgba(14, 49, 52, .15);
}

.obs-widget-card-preview.is-half[b-zxfviw3u9j] {
    width: min(68%, 520px);
}

.obs-widget-card-preview.is-trend[b-zxfviw3u9j] { --card-accent: #197f77; }
.obs-widget-card-preview.is-comparison[b-zxfviw3u9j] { --card-accent: #2f6eb0; }
.obs-widget-card-preview.is-share[b-zxfviw3u9j] { --card-accent: #8a63b2; }
.obs-widget-card-preview.is-summary[b-zxfviw3u9j] { --card-accent: #b87920; }
.obs-widget-card-preview.is-table[b-zxfviw3u9j] { --card-accent: #596b7d; }
.obs-widget-card-preview.is-map[b-zxfviw3u9j] { --card-accent: #2d8a5d; }
.obs-widget-card-preview.is-analysis[b-zxfviw3u9j] { --card-accent: #5668a7; }

.obs-widget-card-preview > header[b-zxfviw3u9j] {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    align-items: center;
    gap: 10px;
    padding: 13px 14px;
    border-bottom: 1px solid #e1eae8;
}

.obs-widget-card-preview > header > span[b-zxfviw3u9j] {
    display: grid;
    width: 38px;
    height: 38px;
    place-items: center;
    border-radius: 11px;
    color: #fff;
    background: var(--card-accent);
}

.obs-widget-card-preview > header strong[b-zxfviw3u9j],
.obs-widget-card-preview > header small[b-zxfviw3u9j] {
    display: block;
}

.obs-widget-card-preview > header strong[b-zxfviw3u9j] {
    color: #203f42;
    font-size: .82rem;
    font-weight: 950;
}

.obs-widget-card-preview > header small[b-zxfviw3u9j] {
    margin-top: 3px;
    color: #748789;
    font-size: .64rem;
    font-weight: 750;
}

.obs-widget-card-preview > header > i[b-zxfviw3u9j] {
    color: #91a1a2;
}

.obs-widget-card-preview__visual[b-zxfviw3u9j] {
    display: grid;
    min-height: 0;
    place-items: stretch;
    padding: 14px;
}

.obs-widget-card-preview__visual[b-zxfviw3u9j]  .obs-viz-sample {
    width: 100%;
    min-height: 155px;
    height: 100%;
}

.obs-widget-card-preview > footer[b-zxfviw3u9j] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 6px;
    padding: 9px 13px;
    border-top: 1px solid #e4ecea;
    background: #fafcfb;
}

.obs-widget-card-preview > footer span[b-zxfviw3u9j] {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    color: #627a7c;
    font-size: .61rem;
    font-weight: 850;
}

.obs-widget-card-preview > footer i[b-zxfviw3u9j] {
    color: var(--card-accent);
}

.obs-widget-card-preview-dialog__body > aside[b-zxfviw3u9j] {
    align-self: start;
    padding: 15px;
    border: 1px solid #dce7e5;
    border-radius: 15px;
    background: #fff;
}

.obs-widget-card-preview-dialog__body > aside > strong[b-zxfviw3u9j] {
    color: #24494c;
    font-size: .78rem;
    font-weight: 950;
}

.obs-widget-card-preview-dialog__body > aside ul[b-zxfviw3u9j] {
    display: grid;
    gap: 8px;
    margin: 12px 0;
    padding-inline-start: 18px;
    color: #647b7d;
    font-size: .69rem;
    font-weight: 750;
    line-height: 1.55;
}

.obs-widget-card-preview-dialog__body > aside small[b-zxfviw3u9j] {
    display: flex;
    align-items: flex-start;
    gap: 6px;
    padding-top: 10px;
    border-top: 1px solid #e6edec;
    color: #748789;
    font-size: .65rem;
    line-height: 1.55;
}

.obs-widget-card-preview-dialog__body > aside small i[b-zxfviw3u9j] {
    margin-top: 3px;
    color: var(--obs-primary);
}

.obs-widget-card-preview-dialog > footer[b-zxfviw3u9j] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 11px 18px;
    border-top: 1px solid #dce7e5;
    background: #fff;
}

.obs-widget-card-preview-dialog > footer > span[b-zxfviw3u9j] {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    color: #647b7d;
    font-size: .68rem;
    font-weight: 800;
}

.obs-widget-card-preview-dialog > footer > span i[b-zxfviw3u9j] {
    color: #b87920;
}

.obs-widget-card-preview-dialog > footer button[b-zxfviw3u9j] {
    min-height: 38px;
    padding: 7px 14px;
    border: 1px solid var(--obs-primary);
    border-radius: 10px;
    color: #fff;
    background: var(--obs-primary);
    font-family: inherit;
    font-size: .72rem;
    font-weight: 900;
}

.obs-widget-card-preview-dialog > footer button:hover[b-zxfviw3u9j],
.obs-widget-card-preview-dialog > footer button:focus-visible[b-zxfviw3u9j] {
    outline: 3px solid color-mix(in srgb, var(--obs-primary) 18%, transparent);
    outline-offset: 2px;
}

.obs-visual-dialog-backdrop[b-zxfviw3u9j] {
    position: fixed;
    z-index: 10080;
    inset: 0;
    display: grid;
    place-items: center;
    padding: 24px;
    overflow: hidden;
    background: rgba(10, 35, 38, .65);
    backdrop-filter: blur(5px);
}

.obs-visual-dialog[b-zxfviw3u9j] {
    --dialog-accent: #187f73;
    display: grid;
    width: min(1240px, 96vw);
    max-height: min(920px, 92vh);
    max-height: min(920px, 92dvh);
    grid-template-rows: auto auto minmax(0, 1fr) auto auto;
    overflow: hidden;
    border: 1px solid rgba(255, 255, 255, .6);
    border-radius: 24px;
    color: #254a4d;
    background: #f8fbfa;
    box-shadow: 0 32px 90px rgba(6, 30, 33, .34);
}

.obs-visual-dialog__header[b-zxfviw3u9j] {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    align-items: center;
    gap: 14px;
    padding: 18px 20px;
    color: #fff;
    background:
        radial-gradient(circle at 8% 10%, rgba(255, 255, 255, .18), transparent 30%),
        linear-gradient(115deg, #174d55, #247d70);
}

.obs-visual-dialog__header-icon[b-zxfviw3u9j] {
    display: grid;
    width: 50px;
    height: 50px;
    place-items: center;
    border: 1px solid rgba(255, 255, 255, .24);
    border-radius: 15px;
    background: rgba(255, 255, 255, .12);
    font-size: 1.2rem;
}

.obs-visual-dialog__header > div[b-zxfviw3u9j] {
    display: grid;
    gap: 3px;
}

.obs-visual-dialog__header .obs-builder-kicker[b-zxfviw3u9j],
.obs-visual-dialog__header p[b-zxfviw3u9j] {
    color: rgba(255, 255, 255, .78);
}

.obs-visual-dialog__header h2[b-zxfviw3u9j] {
    margin: 0;
    color: #fff;
    font-size: 1.2rem;
    font-weight: 950;
}

.obs-visual-dialog__header p[b-zxfviw3u9j] {
    max-width: 820px;
    margin: 0;
    font-size: .82rem;
    line-height: 1.6;
}

.obs-visual-dialog__header > button[b-zxfviw3u9j] {
    display: grid;
    width: 44px;
    height: 44px;
    place-items: center;
    border: 1px solid rgba(255, 255, 255, .28);
    border-radius: 12px;
    color: #fff;
    background: rgba(255, 255, 255, .12);
    cursor: pointer;
}

.obs-visual-dialog__header > button:hover[b-zxfviw3u9j],
.obs-visual-dialog__header > button:focus-visible[b-zxfviw3u9j] {
    outline: none;
    background: rgba(255, 255, 255, .22);
    box-shadow: 0 0 0 3px rgba(255, 255, 255, .16);
}

.obs-visual-dialog__context[b-zxfviw3u9j] {
    display: flex;
    flex-wrap: wrap;
    gap: 7px;
    padding: 10px 20px;
    border-bottom: 1px solid #dfe9e7;
    background: #fff;
}

.obs-visual-dialog__context > span[b-zxfviw3u9j] {
    display: inline-flex;
    min-height: 32px;
    align-items: center;
    gap: 6px;
    padding: 5px 9px;
    border: 1px solid #dbe7e4;
    border-radius: 999px;
    color: #607779;
    background: #f6f9f8;
    font-size: .74rem;
}

.obs-visual-dialog__context strong[b-zxfviw3u9j] {
    color: #1d625b;
}

.obs-visual-dialog__body[b-zxfviw3u9j] {
    display: grid;
    min-height: 0;
    align-content: start;
    gap: 18px;
    padding: 18px 20px 26px;
    overflow-y: auto;
    overscroll-behavior: contain;
    scrollbar-width: thin;
}

.obs-visual-dialog__selection-feedback[b-zxfviw3u9j] {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    align-items: center;
    gap: 10px;
    padding: 10px 20px;
    border-top: 1px solid #efd69b;
    color: #694b0e;
    background: #fff8e5;
}

.obs-visual-dialog__selection-feedback > span[b-zxfviw3u9j] {
    display: grid;
    width: 34px;
    height: 34px;
    place-items: center;
    border-radius: 10px;
    color: #956500;
    background: #ffe7ad;
}

.obs-visual-dialog__selection-feedback > div[b-zxfviw3u9j] {
    display: grid;
    gap: 2px;
}

.obs-visual-dialog__selection-feedback strong[b-zxfviw3u9j],
.obs-visual-dialog__selection-feedback p[b-zxfviw3u9j] {
    margin: 0;
}

.obs-visual-dialog__selection-feedback strong[b-zxfviw3u9j] {
    font-size: .82rem;
}

.obs-visual-dialog__selection-feedback p[b-zxfviw3u9j] {
    font-size: .78rem;
    line-height: 1.6;
}

.obs-visual-dialog__selection-feedback button[b-zxfviw3u9j] {
    min-height: 44px;
    padding: 8px 12px;
    border: 1px solid #d49b2d;
    border-radius: 10px;
    color: #694b0e;
    background: #fff;
    font-family: inherit;
    font-size: .78rem;
    font-weight: 900;
    cursor: pointer;
}

.obs-visual-dialog__selection-feedback button:hover[b-zxfviw3u9j],
.obs-visual-dialog__selection-feedback button:focus-visible[b-zxfviw3u9j] {
    outline: none;
    background: #fff1c9;
    box-shadow: 0 0 0 3px rgba(212, 155, 45, .2);
}

.obs-visual-dialog__category[b-zxfviw3u9j] {
    display: grid;
    gap: 9px;
}

.obs-visual-dialog__category > header[b-zxfviw3u9j] {
    display: flex;
    align-items: end;
    justify-content: space-between;
    gap: 12px;
}

.obs-visual-dialog__category > header > div[b-zxfviw3u9j] {
    display: grid;
    gap: 2px;
}

.obs-visual-dialog__category h3[b-zxfviw3u9j],
.obs-visual-dialog__category p[b-zxfviw3u9j] {
    margin: 0;
}

.obs-visual-dialog__category h3[b-zxfviw3u9j] {
    color: #1d484b;
    font-size: .9rem;
    font-weight: 950;
}

.obs-visual-dialog__category p[b-zxfviw3u9j] {
    color: #526b6e;
    font-size: .8rem;
    line-height: 1.55;
}

.obs-visual-dialog__category > header > span[b-zxfviw3u9j] {
    flex: 0 0 auto;
    padding: 4px 8px;
    border-radius: 999px;
    color: #637b7d;
    background: #eaf1f0;
    font-size: .75rem;
    font-weight: 900;
}

.obs-visual-dialog__grid[b-zxfviw3u9j] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 10px;
}

.obs-visual-choice[b-zxfviw3u9j] {
    --banner-accent: #5668a7;
    --banner-soft: #eceffa;
    position: relative;
    display: grid;
    min-width: 0;
    grid-template-columns: minmax(145px, .9fr) minmax(160px, 1.1fr);
    align-items: stretch;
    gap: 9px;
    padding: 9px;
    border: 1px solid color-mix(in srgb, var(--banner-accent) 18%, #dce7e5);
    border-radius: 15px;
    color: #294d50;
    background: #fff;
    font-family: inherit;
    text-align: start;
    cursor: pointer;
    transition: transform .18s ease, border-color .18s ease, box-shadow .18s ease;
}

.obs-visual-choice:hover:not([aria-disabled="true"])[b-zxfviw3u9j] {
    transform: translateY(-2px);
    border-color: var(--banner-accent);
    box-shadow: 0 12px 24px color-mix(in srgb, var(--banner-accent) 12%, transparent);
}

.obs-visual-choice:focus-visible[b-zxfviw3u9j] {
    outline: 3px solid color-mix(in srgb, var(--banner-accent) 30%, transparent);
    outline-offset: 2px;
}

.obs-visual-choice.is-selected[b-zxfviw3u9j] {
    border-color: var(--banner-accent);
    background: color-mix(in srgb, var(--banner-soft) 45%, #fff);
    box-shadow: inset 0 0 0 1px var(--banner-accent);
}

.obs-visual-choice.is-recommended:not(.is-selected)[b-zxfviw3u9j] {
    border-color: #41a78c;
    box-shadow: inset 0 3px 0 #41a78c;
}

.obs-visual-choice[aria-disabled="true"][b-zxfviw3u9j] {
    cursor: not-allowed;
    border-style: dashed;
    background: #fafbfb;
}

.obs-visual-choice.is-readonly[b-zxfviw3u9j] {
    opacity: .7;
    filter: saturate(.45);
}

.obs-visual-choice.is-needs-setup[b-zxfviw3u9j] {
    border-color: #d89a2b;
    box-shadow: inset 0 3px 0 #e0a437;
}

.obs-visual-choice.is-needs-input[b-zxfviw3u9j] {
    border-color: #3189a0;
    box-shadow: inset 0 3px 0 #3189a0;
}

.obs-visual-choice__preview[b-zxfviw3u9j] {
    display: grid;
    min-width: 0;
    place-items: stretch;
}

.obs-visual-choice__content[b-zxfviw3u9j] {
    display: grid;
    min-width: 0;
    align-content: start;
    gap: 6px;
}

.obs-visual-choice__heading[b-zxfviw3u9j] {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    align-items: center;
    gap: 7px;
}

.obs-visual-choice__heading > span:last-child[b-zxfviw3u9j] {
    display: grid;
    min-width: 0;
    gap: 1px;
}

.obs-visual-choice__heading strong[b-zxfviw3u9j] {
    color: #22494c;
    font-size: .86rem;
    font-weight: 950;
}

.obs-visual-choice__heading small[b-zxfviw3u9j] {
    color: #586f72;
    font-size: .76rem;
    font-weight: 750;
}

.obs-visual-choice__icon[b-zxfviw3u9j] {
    display: grid;
    width: 30px;
    height: 30px;
    place-items: center;
    border-radius: 8px;
    color: var(--banner-accent);
    background: var(--banner-soft);
}

.obs-visual-choice__purpose[b-zxfviw3u9j],
.obs-visual-choice__settings[b-zxfviw3u9j] {
    color: #526b6e;
    font-size: .79rem;
    line-height: 1.5;
}

.obs-visual-choice__settings[b-zxfviw3u9j] {
    display: flex;
    align-items: flex-start;
    gap: 5px;
    padding-top: 5px;
    border-top: 1px dashed #dce6e4;
}

.obs-visual-choice__settings i[b-zxfviw3u9j] {
    margin-top: 3px;
    color: var(--banner-accent);
}

.obs-visual-choice__requirements[b-zxfviw3u9j] {
    display: grid;
    gap: 5px;
    padding: 7px;
    border: 1px solid #dce7e5;
    border-radius: 10px;
    background: #f8fbfa;
}

.obs-visual-choice__requirements > strong[b-zxfviw3u9j] {
    color: #294f52;
    font-size: .79rem;
    font-weight: 950;
}

.obs-visual-requirement[b-zxfviw3u9j] {
    display: grid;
    min-width: 0;
    grid-template-columns: 18px minmax(0, 1fr);
    align-items: start;
    gap: 5px;
    padding: 5px 6px;
    border-radius: 8px;
    color: #516b6d;
    background: #fff;
}

.obs-visual-requirement > i[b-zxfviw3u9j] {
    margin-top: 3px;
    text-align: center;
}

.obs-visual-requirement > span[b-zxfviw3u9j] {
    display: grid;
    min-width: 0;
    gap: 1px;
}

.obs-visual-requirement b[b-zxfviw3u9j],
.obs-visual-requirement small[b-zxfviw3u9j] {
    font-size: .77rem;
    line-height: 1.45;
}

.obs-visual-requirement b[b-zxfviw3u9j] {
    color: #31575a;
    font-weight: 900;
}

.obs-visual-requirement small[b-zxfviw3u9j] {
    color: #5b7173;
    font-weight: 700;
}

.obs-visual-requirement.is-met > i[b-zxfviw3u9j] {
    color: #24866e;
}

.obs-visual-requirement.is-configurable[b-zxfviw3u9j] {
    background: #fff7e4;
}

.obs-visual-requirement.is-configurable > i[b-zxfviw3u9j],
.obs-visual-requirement.is-configurable b[b-zxfviw3u9j] {
    color: #946710;
}

.obs-visual-requirement.is-missing[b-zxfviw3u9j] {
    background: #fceff2;
}

.obs-visual-requirement.is-missing > i[b-zxfviw3u9j],
.obs-visual-requirement.is-missing b[b-zxfviw3u9j] {
    color: #9b4353;
}

.obs-visual-choice__compatibility[b-zxfviw3u9j] {
    display: inline-flex;
    width: fit-content;
    align-items: center;
    gap: 5px;
    padding: 4px 7px;
    border-radius: 999px;
    color: #536d6f;
    background: #edf3f2;
    font-size: .76rem;
    font-weight: 900;
}

.obs-visual-choice__compatibility.is-recommended[b-zxfviw3u9j] {
    color: #126b58;
    background: #e1f5ed;
}

.obs-visual-choice__compatibility.is-warning[b-zxfviw3u9j] {
    color: #805d17;
    background: #fff2d2;
}

.obs-visual-choice__compatibility.is-blocked[b-zxfviw3u9j] {
    color: #984254;
    background: #fdebef;
}

.obs-visual-choice__reason[b-zxfviw3u9j] {
    color: #506a6d;
    font-size: .77rem;
    font-weight: 750;
    line-height: 1.55;
}

.obs-visual-choice[aria-disabled="true"] .obs-visual-choice__reason[b-zxfviw3u9j] {
    color: #8c4955;
}

.obs-visual-choice__selected[b-zxfviw3u9j] {
    position: absolute;
    z-index: 2;
    top: 7px;
    inset-inline-start: 7px;
    display: inline-flex;
    align-items: center;
    gap: 4px;
    padding: 4px 7px;
    border-radius: 999px;
    color: #fff;
    background: var(--banner-accent);
    font-size: .74rem;
    font-weight: 950;
}

.obs-visual-dialog__footer[b-zxfviw3u9j] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 14px;
    padding: 12px 20px;
    border-top: 1px solid #dce7e5;
    background: #fff;
    box-shadow: 0 -10px 28px rgba(17, 53, 56, .06);
}

.obs-visual-dialog__footer > span[b-zxfviw3u9j] {
    display: flex;
    max-width: 760px;
    align-items: flex-start;
    gap: 7px;
    color: #657c7e;
    font-size: .76rem;
    line-height: 1.55;
}

.obs-visual-dialog__footer > span i[b-zxfviw3u9j] {
    margin-top: 3px;
    color: var(--dialog-accent);
}

.obs-visual-dialog__footer > div[b-zxfviw3u9j] {
    display: flex;
    flex: 0 0 auto;
    gap: 8px;
}

.obs-visual-dialog__footer button[b-zxfviw3u9j] {
    min-height: 44px;
    padding: 8px 13px;
    border: 1px solid #d7e2e0;
    border-radius: 10px;
    font-family: inherit;
    font-size: .8rem;
    font-weight: 950;
    cursor: pointer;
}

.obs-visual-dialog__footer button.is-secondary[b-zxfviw3u9j] {
    color: #5e7375;
    background: #fff;
}

.obs-visual-dialog__footer button.is-primary[b-zxfviw3u9j] {
    color: #fff;
    border-color: var(--dialog-accent);
    background: var(--dialog-accent);
}

.obs-visual-dialog__footer button:disabled[b-zxfviw3u9j] {
    cursor: not-allowed;
    opacity: .5;
}

@media (max-width: 1100px) {
    .obs-visual-dialog__grid[b-zxfviw3u9j] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .obs-visual-choice[b-zxfviw3u9j] {
        grid-template-columns: minmax(130px, .85fr) minmax(150px, 1.15fr);
    }
}

@media (max-width: 720px) {
    .obs-widget-card-preview-backdrop[b-zxfviw3u9j] {
        align-items: end;
        padding: 0;
    }

    .obs-widget-card-preview-dialog[b-zxfviw3u9j] {
        width: 100%;
        max-height: 96vh;
        max-height: 96dvh;
        border-radius: 22px 22px 0 0;
    }

    .obs-widget-card-preview-dialog > header[b-zxfviw3u9j] {
        padding: 14px;
    }

    .obs-widget-card-preview-dialog > header > span[b-zxfviw3u9j] {
        width: 40px;
        height: 40px;
    }

    .obs-widget-card-preview-dialog > header p[b-zxfviw3u9j] {
        display: -webkit-box;
        overflow: hidden;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
        line-clamp: 2;
    }

    .obs-widget-card-preview-dialog__body[b-zxfviw3u9j] {
        grid-template-columns: 1fr;
        padding: 12px;
    }

    .obs-widget-card-preview-dialog__stage[b-zxfviw3u9j] {
        min-height: 300px;
        padding: 12px;
    }

    .obs-widget-card-preview.is-half[b-zxfviw3u9j],
    .obs-widget-card-preview.is-wide[b-zxfviw3u9j] {
        width: 100%;
    }

    .obs-widget-card-preview-dialog__body > aside[b-zxfviw3u9j] {
        display: none;
    }

    .obs-widget-card-preview-dialog > footer[b-zxfviw3u9j] {
        align-items: stretch;
        flex-direction: column;
        padding: 10px 12px max(12px, env(safe-area-inset-bottom));
    }

    .obs-widget-card-preview-dialog > footer button[b-zxfviw3u9j] {
        width: 100%;
    }

    .obs-visual-dialog-backdrop[b-zxfviw3u9j] {
        align-items: end;
        padding: 0;
    }

    .obs-visual-dialog[b-zxfviw3u9j] {
        width: 100%;
        max-height: 96vh;
        max-height: 96dvh;
        border-radius: 22px 22px 0 0;
    }

    .obs-visual-dialog__header[b-zxfviw3u9j] {
        grid-template-columns: auto minmax(0, 1fr) auto;
        padding: 14px;
    }

    .obs-visual-dialog__header-icon[b-zxfviw3u9j] {
        width: 42px;
        height: 42px;
    }

    .obs-visual-dialog__header h2[b-zxfviw3u9j] {
        font-size: .98rem;
    }

    .obs-visual-dialog__header p[b-zxfviw3u9j] {
        display: -webkit-box;
        overflow: hidden;
        font-size: .75rem;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
        line-clamp: 2;
    }

    .obs-visual-dialog__context[b-zxfviw3u9j],
    .obs-visual-dialog__body[b-zxfviw3u9j],
    .obs-visual-dialog__selection-feedback[b-zxfviw3u9j],
    .obs-visual-dialog__footer[b-zxfviw3u9j] {
        padding-inline: 14px;
    }

    .obs-visual-dialog__selection-feedback[b-zxfviw3u9j] {
        grid-template-columns: auto minmax(0, 1fr);
    }

    .obs-visual-dialog__selection-feedback button[b-zxfviw3u9j] {
        grid-column: 1 / -1;
        width: 100%;
    }

    .obs-visual-dialog__context > span:last-child[b-zxfviw3u9j] {
        display: none;
    }

    .obs-visual-dialog__grid[b-zxfviw3u9j] {
        grid-template-columns: 1fr;
    }

    .obs-visual-choice[b-zxfviw3u9j] {
        grid-template-columns: minmax(130px, .9fr) minmax(145px, 1.1fr);
    }

    .obs-visual-dialog__footer[b-zxfviw3u9j] {
        align-items: stretch;
        flex-direction: column;
        padding-bottom: max(14px, env(safe-area-inset-bottom));
    }

    .obs-visual-dialog__footer > div[b-zxfviw3u9j],
    .obs-visual-dialog__footer button[b-zxfviw3u9j] {
        width: 100%;
    }

    .obs-layout-row__type-guide[b-zxfviw3u9j] {
        grid-template-columns: auto minmax(0, 1fr);
    }

    .obs-layout-row__type-guide ul[b-zxfviw3u9j] {
        grid-column: 1 / -1;
        justify-content: flex-start;
    }
}

@media (max-width: 420px) {
    .obs-visual-choice[b-zxfviw3u9j] {
        grid-template-columns: 1fr;
    }

    .obs-visual-choice__preview[b-zxfviw3u9j] {
        min-height: 104px;
    }
}

@media (prefers-reduced-motion: reduce) {
    .obs-visual-picker-trigger[b-zxfviw3u9j],
    .obs-visual-choice[b-zxfviw3u9j] {
        transition: none;
    }
}

.obs-layout-row__compatibility[b-zxfviw3u9j] {
    display: flex;
    min-height: 0;
    align-items: flex-start;
    gap: 6px;
    padding: 7px 9px;
    border-radius: 8px;
    color: #617779;
    background: #f2f6f5;
    font-size: .69rem;
    line-height: 1.55;
}

.obs-layout-row__compatibility i[b-zxfviw3u9j] {
    margin-top: 2px;
}

.obs-layout-row__compatibility.is-recommended[b-zxfviw3u9j] {
    color: #176f5d;
    background: #eaf8f3;
}

.obs-layout-row__compatibility.is-warning[b-zxfviw3u9j] {
    color: #806020;
    background: #fff6df;
}

.obs-layout-row__compatibility.is-blocked[b-zxfviw3u9j] {
    color: #a33e52;
    background: #fff0f3;
}

.obs-layout-row__settings[b-zxfviw3u9j] {
    grid-column: 1 / -1;
    align-self: stretch;
    padding: 8px 10px;
    border: 1px dashed #d4e1df;
    border-radius: 10px;
    color: #496568;
    background: #f9fcfb;
}

.obs-layout-row__settings summary[b-zxfviw3u9j] {
    display: flex;
    min-height: 42px;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    cursor: pointer;
    list-style: none;
}

.obs-layout-row__settings summary[b-zxfviw3u9j]::-webkit-details-marker {
    display: none;
}

.obs-layout-row__settings summary > span[b-zxfviw3u9j] {
    display: grid;
    gap: 2px;
}

.obs-layout-row__settings summary strong[b-zxfviw3u9j] {
    color: #365b5e;
    font-size: .76rem;
    font-weight: 950;
}

.obs-layout-row__settings summary small[b-zxfviw3u9j] {
    color: #738789;
    font-size: .68rem;
    font-weight: 750;
    line-height: 1.45;
}

.obs-layout-row__settings summary > i[b-zxfviw3u9j] {
    color: #708486;
    font-size: .7rem;
    transition: transform .18s ease;
}

.obs-layout-row__settings[open] summary > i[b-zxfviw3u9j] {
    transform: rotate(180deg);
}

.obs-layout-row__settings > div[b-zxfviw3u9j] {
    display: grid;
    grid-template-columns: repeat(4, minmax(130px, 1fr)) auto;
    align-items: end;
    gap: 9px;
    padding-top: 10px;
}

.obs-layout-row__target-settings[b-zxfviw3u9j] {
    min-width: 0;
    grid-column: 1 / -1;
    margin: 2px 0 0;
    padding: 11px;
    border: 1px solid color-mix(in srgb, var(--obs-secondary) 28%, #d9e5e3);
    border-radius: 11px;
    background:
        linear-gradient(145deg, color-mix(in srgb, var(--obs-secondary) 5%, #fff), #fff);
}

.obs-layout-row__interaction-settings[b-zxfviw3u9j] {
    min-width: 0;
    grid-column: 1 / -1;
    margin: 2px 0 0;
    padding: 12px;
    border: 1px solid color-mix(in srgb, var(--obs-primary) 24%, #d9e5e3);
    border-radius: 11px;
    background:
        radial-gradient(circle at 96% 0, color-mix(in srgb, var(--obs-primary) 7%, transparent), transparent 32%),
        #fff;
}

.obs-layout-row__interaction-settings legend[b-zxfviw3u9j] {
    display: inline-flex;
    width: auto;
    align-items: center;
    gap: 6px;
    margin: 0;
    padding: 0 6px;
    color: #35575a;
    font-size: .66rem;
    font-weight: 950;
}

.obs-layout-row__interaction-settings legend i[b-zxfviw3u9j] {
    color: var(--obs-primary);
}

.obs-layout-row__interaction-settings > p[b-zxfviw3u9j],
.obs-layout-row__interaction-settings > small[b-zxfviw3u9j] {
    margin: 0 0 9px;
    color: #6b8082;
    font-size: .59rem;
    font-weight: 780;
    line-height: 1.65;
}

.obs-layout-row__interaction-settings > small.is-invalid[b-zxfviw3u9j] {
    display: block;
    padding: 7px 8px;
    border-radius: 8px;
    color: #963d4e;
    background: #fff0f3;
}

.obs-interaction-targets[b-zxfviw3u9j] {
    display: grid;
    grid-template-columns: repeat(3, minmax(145px, 1fr));
    gap: 7px;
    margin: 8px 0 10px;
}

.obs-interaction-targets > span[b-zxfviw3u9j] {
    grid-column: 1 / -1;
    color: #496568;
    font-size: .61rem;
    font-weight: 950;
}

.obs-interaction-targets label[b-zxfviw3u9j] {
    display: grid !important;
    min-height: 52px;
    grid-template-columns: auto minmax(0, 1fr);
    align-content: center;
    gap: 2px 7px !important;
    padding: 8px;
    border: 1px solid #dce7e5;
    border-radius: 9px;
    background: #f8fbfa;
}

.obs-interaction-targets input[b-zxfviw3u9j] {
    width: 16px;
    height: 16px;
    grid-row: 1 / span 2;
    accent-color: var(--obs-primary);
}

.obs-interaction-targets label span[b-zxfviw3u9j] {
    overflow: hidden;
    color: #35575a;
    font-size: .6rem;
    font-weight: 900;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.obs-interaction-targets label small[b-zxfviw3u9j] {
    color: #7b8f91;
    font-size: .52rem;
    font-weight: 760;
}

.obs-preview__slicer[b-zxfviw3u9j] {
    display: grid;
    gap: 6px;
    margin-top: 18px;
    color: #496568;
    font-size: .63rem;
    font-weight: 900;
}

.obs-preview__slicer .form-select[b-zxfviw3u9j] {
    min-height: 44px;
    border-radius: 10px;
}

.obs-preview__slicer small[b-zxfviw3u9j] {
    color: #7b8f91;
    font-size: .55rem;
}

.obs-layout-row__target-settings legend[b-zxfviw3u9j] {
    display: inline-flex;
    width: auto;
    align-items: center;
    gap: 6px;
    margin: 0;
    padding: 0 6px;
    color: #35575a;
    font-size: .66rem;
    font-weight: 950;
}

.obs-layout-row__target-settings legend i[b-zxfviw3u9j] {
    color: var(--obs-secondary);
}

.obs-layout-row__target-settings > div[b-zxfviw3u9j] {
    display: grid;
    grid-template-columns: repeat(4, minmax(135px, 1fr));
    gap: 9px;
}

.obs-layout-row__target-settings label[b-zxfviw3u9j] {
    display: grid;
    gap: 5px;
    color: #496568;
    font-size: .61rem;
    font-weight: 850;
}

.obs-layout-row__target-settings label b[b-zxfviw3u9j] {
    color: #a33e52;
}

.obs-layout-row__target-settings > small[b-zxfviw3u9j] {
    display: flex;
    align-items: flex-start;
    gap: 6px;
    margin-top: 9px;
    padding: 7px 8px;
    border-radius: 8px;
    font-size: .59rem;
    font-weight: 800;
    line-height: 1.55;
}

.obs-layout-row__target-settings > small.is-valid[b-zxfviw3u9j] {
    color: #176f5d;
    background: #eaf8f3;
}

.obs-layout-row__target-settings > small.is-invalid[b-zxfviw3u9j] {
    color: #963d4e;
    background: #fff0f3;
}

.obs-layout-row__target-settings .form-control.is-invalid[b-zxfviw3u9j],
.obs-layout-row__target-settings .form-select.is-invalid[b-zxfviw3u9j] {
    border-color: #bd5267;
    background-image: none;
    box-shadow: 0 0 0 3px rgba(189, 82, 103, .1);
}

.obs-layout-row__settings:focus-visible[b-zxfviw3u9j],
.obs-layout-row__target-settings:focus-visible[b-zxfviw3u9j],
.obs-layout-row__alert-settings:focus-visible[b-zxfviw3u9j],
.obs-alert-settings__channels:focus-visible[b-zxfviw3u9j],
.obs-alert-recipient-picker:focus-visible[b-zxfviw3u9j],
.obs-optional-section--source:focus-visible[b-zxfviw3u9j] {
    border-color: #bd5267;
    box-shadow: 0 0 0 4px rgba(189, 82, 103, .12);
    outline: none;
}

.obs-layout-row__alert-settings[b-zxfviw3u9j] {
    min-width: 0;
    grid-column: 1 / -1;
    margin: 2px 0 0;
    padding: 12px;
    border: 1px solid #ead9b9;
    border-radius: 11px;
    background:
        radial-gradient(circle at 4% 0, rgba(202, 142, 43, .09), transparent 32%),
        linear-gradient(145deg, #fffdf8, #fff);
}

.obs-layout-row__alert-settings.is-disabled[b-zxfviw3u9j] {
    border-color: #dce5e3;
    background: #fbfdfc;
}

.obs-layout-row__alert-settings legend[b-zxfviw3u9j] {
    display: inline-flex;
    width: auto;
    align-items: center;
    gap: 6px;
    margin: 0;
    padding: 0 6px;
    color: #6a512b;
    font-size: .66rem;
    font-weight: 950;
}

.obs-layout-row__alert-settings legend i[b-zxfviw3u9j] {
    color: #b8791f;
}

.obs-layout-row__alert-settings.is-disabled legend[b-zxfviw3u9j],
.obs-layout-row__alert-settings.is-disabled legend i[b-zxfviw3u9j] {
    color: #718486;
}

.obs-alert-settings__head[b-zxfviw3u9j] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
}

.obs-alert-settings__master[b-zxfviw3u9j],
.obs-alert-settings__choice[b-zxfviw3u9j] {
    display: flex !important;
    min-width: 0;
    align-items: flex-start;
    gap: 9px !important;
    margin: 0;
    padding: 9px 10px;
    border: 1px solid #e2e9e7;
    border-radius: 9px;
    background: rgba(255, 255, 255, .9);
    cursor: pointer;
}

.obs-alert-settings__master[b-zxfviw3u9j] {
    flex: 1 1 360px;
    border-color: #e5d2ad;
}

.obs-alert-settings__master:has(input:checked)[b-zxfviw3u9j],
.obs-alert-settings__choice:has(input:checked)[b-zxfviw3u9j] {
    border-color: color-mix(in srgb, #b8791f 45%, #dfe8e6);
    background: #fffaf0;
}

.obs-alert-settings__master input[b-zxfviw3u9j],
.obs-alert-settings__choice input[b-zxfviw3u9j],
.obs-alert-settings__channels input[b-zxfviw3u9j],
.obs-alert-recipient-picker__items input[b-zxfviw3u9j] {
    width: 17px;
    height: 17px;
    flex: 0 0 17px;
    margin-top: 1px;
    accent-color: #a86b18;
}

.obs-alert-settings__master > span[b-zxfviw3u9j],
.obs-alert-settings__choice > span[b-zxfviw3u9j] {
    display: grid;
    min-width: 0;
    gap: 3px;
}

.obs-alert-settings__master strong[b-zxfviw3u9j],
.obs-alert-settings__choice strong[b-zxfviw3u9j] {
    color: #3e5658;
    font-size: .65rem;
    font-weight: 950;
}

.obs-alert-settings__master small[b-zxfviw3u9j],
.obs-alert-settings__choice small[b-zxfviw3u9j] {
    color: #7b8b8d;
    font-size: .56rem;
    font-weight: 650;
    line-height: 1.55;
}

.obs-alert-settings__condition[b-zxfviw3u9j] {
    display: inline-flex;
    flex: 0 1 auto;
    align-items: center;
    gap: 6px;
    padding: 7px 9px;
    border-radius: 999px;
    color: #805716;
    background: #fff3d7;
    font-size: .59rem;
    font-weight: 900;
    line-height: 1.45;
}

.obs-alert-settings__grid[b-zxfviw3u9j] {
    display: grid;
    grid-template-columns: repeat(3, minmax(150px, 1fr));
    align-items: stretch;
    gap: 9px;
    margin-top: 10px;
}

.obs-alert-settings__choice--wide[b-zxfviw3u9j] {
    grid-column: span 2;
}

.obs-alert-settings__field[b-zxfviw3u9j] {
    display: grid !important;
    align-content: start;
    gap: 5px !important;
    margin: 0;
    padding: 9px 10px;
    border: 1px solid #e2e9e7;
    border-radius: 9px;
    background: rgba(255, 255, 255, .9);
}

.obs-alert-settings__field > span[b-zxfviw3u9j],
.obs-alert-settings__channels > span[b-zxfviw3u9j] {
    color: #536b6d;
    font-size: .61rem;
    font-weight: 900;
}

.obs-alert-settings__field b[b-zxfviw3u9j],
.obs-alert-settings__channels b[b-zxfviw3u9j] {
    color: #a33e52;
}

.obs-alert-settings__field > small[b-zxfviw3u9j] {
    color: #7a8d8f;
    font-size: .54rem;
    font-weight: 650;
    line-height: 1.5;
}

.obs-layout-row__alert-settings .form-control.is-invalid[b-zxfviw3u9j] {
    border-color: #bd5267;
    background-image: none;
    box-shadow: 0 0 0 3px rgba(189, 82, 103, .08);
}

.obs-alert-settings__channels[b-zxfviw3u9j] {
    display: grid;
    gap: 6px;
    padding: 9px 10px;
    border: 1px solid #e2e9e7;
    border-radius: 9px;
    background: rgba(255, 255, 255, .9);
}

.obs-alert-settings__channels.is-invalid[b-zxfviw3u9j],
.obs-alert-recipient-picker.is-invalid[b-zxfviw3u9j] {
    border-color: #bd5267;
    box-shadow: 0 0 0 3px rgba(189, 82, 103, .08);
}

.obs-alert-settings__channels > div[b-zxfviw3u9j] {
    display: flex;
    flex-wrap: wrap;
    gap: 7px;
}

.obs-alert-settings__channels label[b-zxfviw3u9j] {
    display: flex !important;
    flex: 1 1 145px;
    align-items: center;
    gap: 7px !important;
    margin: 0;
    padding: 7px 8px;
    border: 1px solid #e3e9e8;
    border-radius: 8px;
    background: #fff;
    cursor: pointer;
}

.obs-alert-settings__channels label:has(input:checked)[b-zxfviw3u9j] {
    color: #805716;
    border-color: #dfc184;
    background: #fff8e8;
}

.obs-alert-settings__channels label > span[b-zxfviw3u9j] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    font-size: .6rem;
    font-weight: 850;
}

.obs-alert-settings__audience-note[b-zxfviw3u9j] {
    display: flex;
    align-items: flex-start;
    gap: 8px;
    margin-top: 9px;
    padding: 9px 10px;
    border-radius: 9px;
    color: #49686b;
    background: #edf7f5;
    font-size: .59rem;
    font-weight: 800;
    line-height: 1.6;
}

.obs-alert-settings__audience-note i[b-zxfviw3u9j] {
    margin-top: 2px;
    color: var(--obs-primary);
}

.obs-alert-recipient-picker[b-zxfviw3u9j] {
    margin-top: 9px;
    padding: 10px;
    border: 1px solid #dfe8e6;
    border-radius: 10px;
    background: rgba(255, 255, 255, .78);
}

.obs-alert-recipient-picker > header[b-zxfviw3u9j] {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 10px;
    margin-bottom: 9px;
}

.obs-alert-recipient-picker > header > div[b-zxfviw3u9j] {
    display: flex;
    align-items: baseline;
    gap: 8px;
}

.obs-alert-recipient-picker > header strong[b-zxfviw3u9j] {
    color: #35575a;
    font-size: .65rem;
    font-weight: 950;
}

.obs-alert-recipient-picker > header span[b-zxfviw3u9j],
.obs-alert-recipient-picker > header small[b-zxfviw3u9j] {
    color: #7b8e90;
    font-size: .55rem;
    font-weight: 700;
}

.obs-alert-recipient-picker__columns[b-zxfviw3u9j] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 9px;
}

.obs-alert-recipient-picker__columns > div[b-zxfviw3u9j] {
    min-width: 0;
    padding: 8px;
    border: 1px solid #e6eceb;
    border-radius: 9px;
    background: #fbfdfc;
}

.obs-alert-recipient-picker__columns > div > strong[b-zxfviw3u9j] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    margin-bottom: 7px;
    color: #526e70;
    font-size: .59rem;
    font-weight: 900;
}

.obs-alert-recipient-picker__items[b-zxfviw3u9j] {
    display: grid;
    max-height: 174px;
    gap: 5px;
    overflow-y: auto;
    overscroll-behavior: contain;
    scrollbar-width: thin;
}

.obs-alert-recipient-picker__items label[b-zxfviw3u9j] {
    display: flex !important;
    min-width: 0;
    align-items: flex-start;
    gap: 7px !important;
    margin: 0;
    padding: 7px;
    border: 1px solid #e5ecea;
    border-radius: 8px;
    background: #fff;
    cursor: pointer;
}

.obs-alert-recipient-picker__items label:has(input:checked)[b-zxfviw3u9j] {
    border-color: color-mix(in srgb, var(--obs-primary) 38%, #dfe8e6);
    background: #eef7f5;
}

.obs-alert-recipient-picker__items label > span[b-zxfviw3u9j] {
    display: grid;
    min-width: 0;
    gap: 2px;
}

.obs-alert-recipient-picker__items label strong[b-zxfviw3u9j],
.obs-alert-recipient-picker__items label small[b-zxfviw3u9j] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.obs-alert-recipient-picker__items label strong[b-zxfviw3u9j] {
    color: #3f5d60;
    font-size: .58rem;
    font-weight: 900;
}

.obs-alert-recipient-picker__items label small[b-zxfviw3u9j] {
    color: #829294;
    font-size: .51rem;
    font-weight: 650;
}

.obs-layout-row__alert-settings > small[b-zxfviw3u9j] {
    display: flex;
    align-items: flex-start;
    gap: 6px;
    margin-top: 9px;
    padding: 7px 8px;
    border-radius: 8px;
    font-size: .59rem;
    font-weight: 800;
    line-height: 1.55;
}

.obs-layout-row__alert-settings > small.is-valid[b-zxfviw3u9j] {
    color: #176f5d;
    background: #eaf8f3;
}

.obs-layout-row__alert-settings > small.is-invalid[b-zxfviw3u9j] {
    color: #963d4e;
    background: #fff0f3;
}

.obs-layout-row__alert-settings > small.is-muted[b-zxfviw3u9j] {
    color: #6d8082;
    background: #eef3f2;
}

.obs-alert-runtime[b-zxfviw3u9j] {
    display: grid;
    gap: 9px;
    margin-top: 10px;
    padding: 10px;
    border: 1px solid #dfe8e6;
    border-radius: 10px;
    color: #536d70;
    background: #f8fbfa;
}

.obs-alert-runtime > header[b-zxfviw3u9j] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
}

.obs-alert-runtime > header > span[b-zxfviw3u9j] {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    font-size: .63rem;
}

.obs-alert-runtime > header > span > span[b-zxfviw3u9j] {
    display: grid;
    gap: 1px;
}

.obs-alert-runtime > header > span small[b-zxfviw3u9j] {
    color: #718587;
    font-size: .49rem;
    font-weight: 750;
}

.obs-alert-runtime__actions[b-zxfviw3u9j] {
    display: inline-flex;
    align-items: center;
    gap: 7px;
}

.obs-alert-runtime__actions time[b-zxfviw3u9j] {
    color: #718587;
    font-size: .53rem;
    font-weight: 750;
}

.obs-alert-runtime__actions button[b-zxfviw3u9j] {
    display: grid;
    width: 28px;
    height: 28px;
    flex: 0 0 28px;
    place-items: center;
    border: 1px solid rgba(83, 109, 112, .18);
    border-radius: 8px;
    color: currentColor;
    background: rgba(255, 255, 255, .7);
}

.obs-alert-runtime__actions button:disabled[b-zxfviw3u9j] {
    cursor: wait;
    opacity: .55;
}

.obs-alert-runtime > p[b-zxfviw3u9j] {
    margin: 0;
    color: #718587;
    font-size: .57rem;
    font-weight: 750;
    line-height: 1.6;
}

.obs-alert-runtime dl[b-zxfviw3u9j] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 7px;
    margin: 0;
}

.obs-alert-runtime dl > div[b-zxfviw3u9j] {
    display: grid;
    gap: 3px;
    padding: 7px 8px;
    border: 1px solid rgba(83, 109, 112, .1);
    border-radius: 8px;
    background: rgba(255, 255, 255, .72);
}

.obs-alert-runtime dt[b-zxfviw3u9j] {
    color: #7a8e90;
    font-size: .5rem;
    font-weight: 750;
}

.obs-alert-runtime dd[b-zxfviw3u9j] {
    margin: 0;
    color: #36575a;
    font-size: .61rem;
    font-weight: 950;
}

.obs-alert-runtime.is-safe[b-zxfviw3u9j] {
    border-color: #c7e9df;
    color: #176f5d;
    background: #effaf6;
}

.obs-alert-runtime.is-breached[b-zxfviw3u9j],
.obs-alert-runtime.is-error[b-zxfviw3u9j] {
    border-color: #f0cbd2;
    color: #963d4e;
    background: #fff5f7;
}

.obs-alert-runtime.is-waiting[b-zxfviw3u9j] {
    border-color: #eadcae;
    color: #7d6420;
    background: #fffbef;
}

.obs-alert-runtime.is-muted[b-zxfviw3u9j] {
    color: #6d8082;
    background: #f0f4f3;
}

.obs-alert-runtime .obs-alert-runtime__error[b-zxfviw3u9j] {
    display: flex;
    align-items: flex-start;
    gap: 6px;
    padding-top: 7px;
    border-top: 1px solid rgba(150, 61, 78, .15);
    color: #963d4e;
}

.obs-alert-runtime .obs-alert-runtime__draft-note[b-zxfviw3u9j] {
    padding: 7px 8px;
    border-radius: 8px;
    color: #7d6420;
    background: #fff5d6;
}

.obs-alert-runtime__deliveries[b-zxfviw3u9j] {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
}

.obs-alert-runtime__deliveries span[b-zxfviw3u9j] {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    padding: 5px 7px;
    border-radius: 999px;
    font-size: .52rem;
    font-weight: 850;
}

.obs-alert-runtime__deliveries .is-pending[b-zxfviw3u9j] {
    color: #765e1b;
    background: #fff3c7;
}

.obs-alert-runtime__deliveries .is-failed[b-zxfviw3u9j] {
    color: #963d4e;
    background: #ffe7ec;
}

.obs-alert-runtime__error-details[b-zxfviw3u9j] {
    padding-top: 7px;
    border-top: 1px solid rgba(150, 61, 78, .15);
    color: #963d4e;
    font-size: .65rem;
    font-weight: 750;
}

.obs-alert-runtime__error-details summary[b-zxfviw3u9j] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    cursor: pointer;
    font-weight: 900;
}

.obs-alert-runtime__error-details summary > span[b-zxfviw3u9j] {
    display: grid;
    gap: 2px;
}

.obs-alert-runtime__error-details summary strong[b-zxfviw3u9j] {
    font-size: .68rem;
}

.obs-alert-runtime__error-details summary small[b-zxfviw3u9j] {
    color: #8b6970;
    font-size: .62rem;
    font-weight: 700;
    line-height: 1.4;
}

.obs-alert-runtime__error-details p[b-zxfviw3u9j] {
    max-height: 100px;
    margin-top: 7px;
    overflow: auto;
    overflow-wrap: anywhere;
    white-space: pre-wrap;
}

@media (max-width: 920px) {
    .obs-alert-runtime dl[b-zxfviw3u9j] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .obs-interaction-targets[b-zxfviw3u9j] {
        grid-template-columns: repeat(2, minmax(140px, 1fr));
    }
}

@media (max-width: 560px) {
    .obs-interaction-targets[b-zxfviw3u9j] {
        grid-template-columns: 1fr;
    }
}

.obs-layout-row__settings label[b-zxfviw3u9j] {
    display: grid;
    gap: 5px;
    font-size: .69rem;
    font-weight: 850;
}

.obs-layout-row__toggle[b-zxfviw3u9j] {
    display: flex !important;
    min-height: 40px;
    align-items: center;
    grid-template-columns: auto 1fr;
    gap: 7px !important;
}

.obs-layout-row__toggle input[b-zxfviw3u9j] {
    width: 17px;
    height: 17px;
    accent-color: var(--obs-primary);
}

.obs-layout-row__identity[b-zxfviw3u9j] {
    display: grid;
    min-width: 0;
    gap: 4px;
}

.obs-layout-row__identity strong[b-zxfviw3u9j],
.obs-layout-row__identity small[b-zxfviw3u9j] {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.obs-layout-row__identity strong[b-zxfviw3u9j] {
    display: block;
    color: #25474a;
    font-size: .9rem;
    font-weight: 950;
}

.obs-layout-row__identity small[b-zxfviw3u9j] {
    display: flex;
    align-items: center;
    gap: 5px;
    color: #829294;
    font-size: .73rem;
}

.obs-layout-row__identity bdi[b-zxfviw3u9j] {
    max-width: 180px;
    overflow: hidden;
    color: #577477;
    font-weight: 850;
    text-overflow: ellipsis;
}

.obs-layout-row__source[b-zxfviw3u9j] {
    display: inline-flex;
    max-width: min(220px, 34%);
    padding: 2px 6px;
    overflow: hidden;
    border-radius: 999px;
    color: #24565a;
    background: color-mix(in srgb, var(--obs-primary) 8%, #fff);
    font-weight: 900;
    text-overflow: ellipsis;
    vertical-align: middle;
}

.obs-layout-row__order[b-zxfviw3u9j] {
    display: grid;
    width: 35px;
    height: 35px;
    flex: 0 0 35px;
    place-items: center;
    border-radius: 10px;
    color: #fff;
    background: var(--obs-primary);
    font-size: .67rem;
    font-weight: 950;
}

.obs-layout-row > label[b-zxfviw3u9j] {
    display: grid;
    gap: 5px;
}

.obs-layout-row > label > span[b-zxfviw3u9j] {
    color: #647b7d;
    font-size: .69rem;
    font-weight: 900;
}

.obs-layout-row__series[b-zxfviw3u9j] {
    position: relative;
    display: grid;
    min-width: 0;
    gap: 5px;
}

.obs-layout-row__series > span[b-zxfviw3u9j] {
    color: #647b7d;
    font-size: .72rem;
    font-weight: 900;
}

.obs-layout-row__series > span small[b-zxfviw3u9j] {
    color: #849698;
    font-weight: 750;
}

.obs-series-picker[b-zxfviw3u9j] {
    position: relative;
    min-width: 0;
}

.obs-series-picker > summary[b-zxfviw3u9j],
.obs-series-picker__disabled[b-zxfviw3u9j] {
    display: flex;
    min-height: 42px;
    align-items: center;
    justify-content: space-between;
    gap: 9px;
    padding: 7px 10px;
    border: 1px solid #dbe5e3;
    border-radius: 9px;
    color: #31565a;
    background: #fff;
    cursor: pointer;
    list-style: none;
}

.obs-series-picker > summary[b-zxfviw3u9j]::-webkit-details-marker {
    display: none;
}

.obs-series-picker > summary > span[b-zxfviw3u9j] {
    display: grid;
    min-width: 0;
    gap: 1px;
}

.obs-series-picker > summary strong[b-zxfviw3u9j],
.obs-series-picker > summary small[b-zxfviw3u9j] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.obs-series-picker > summary strong[b-zxfviw3u9j] {
    font-size: .77rem;
    font-weight: 900;
}

.obs-series-picker > summary small[b-zxfviw3u9j] {
    color: #809294;
    font-size: .65rem;
    font-weight: 750;
}

.obs-series-picker > summary > i[b-zxfviw3u9j] {
    color: #789092;
    font-size: .68rem;
    transition: transform .18s ease;
}

.obs-series-picker[open] > summary > i[b-zxfviw3u9j] {
    transform: rotate(180deg);
}

.obs-series-picker__disabled[b-zxfviw3u9j] {
    justify-content: flex-start;
    color: #819092;
    background: #f7f9f9;
    cursor: not-allowed;
    font-size: .72rem;
    font-weight: 800;
}

.obs-series-picker__panel[b-zxfviw3u9j] {
    position: absolute;
    z-index: 70;
    inset-inline-end: 0;
    inset-inline-start: auto;
    top: calc(100% + 6px);
    display: grid;
    width: min(430px, calc(100vw - 48px));
    min-width: min(430px, 75vw);
    gap: 8px;
    padding: 10px;
    border: 1px solid color-mix(in srgb, var(--obs-primary) 24%, #dbe5e3);
    border-radius: 12px;
    background: #fff;
    box-shadow: 0 18px 38px rgba(16, 54, 58, .18);
}

.obs-series-picker__search[b-zxfviw3u9j] {
    position: relative;
    display: block !important;
}

.obs-series-picker__search > i[b-zxfviw3u9j] {
    position: absolute;
    z-index: 1;
    inset-inline-start: 12px;
    top: 50%;
    color: #7f9294;
    transform: translateY(-50%);
}

.obs-series-picker__search .form-control[b-zxfviw3u9j] {
    padding-inline-start: 34px;
}

.obs-series-picker__options[b-zxfviw3u9j] {
    display: grid;
    max-height: 250px;
    gap: 5px;
    overflow-y: auto;
    overscroll-behavior: contain;
}

.obs-series-picker__option[b-zxfviw3u9j] {
    display: grid !important;
    min-width: 0;
    grid-template-columns: auto minmax(0, 1fr);
    align-items: center;
    gap: 8px !important;
    padding: 7px 8px;
    border: 1px solid #e1e9e7;
    border-radius: 9px;
    background: #fff;
    cursor: pointer;
}

.obs-series-picker__option:has(input:checked)[b-zxfviw3u9j] {
    border-color: color-mix(in srgb, var(--obs-primary) 46%, #dce7e5);
    background: color-mix(in srgb, var(--obs-primary) 5%, #fff);
}

.obs-series-picker__option input[b-zxfviw3u9j] {
    width: 17px;
    height: 17px;
    accent-color: var(--obs-primary);
}

.obs-series-picker__option > span[b-zxfviw3u9j],
.obs-series-picker__option strong[b-zxfviw3u9j],
.obs-series-picker__option small[b-zxfviw3u9j] {
    display: block;
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.obs-series-picker__option strong[b-zxfviw3u9j] {
    color: #294d50;
    font-size: .73rem;
}

.obs-series-picker__option small[b-zxfviw3u9j] {
    margin-top: 2px;
    color: #7e9092;
    font-size: .64rem;
}

.obs-series-picker__empty[b-zxfviw3u9j] {
    margin: 0;
    padding: 16px 8px;
    color: #7b8f91;
    text-align: center;
    font-size: .71rem;
}

.obs-layout-row__series-role[b-zxfviw3u9j] {
    display: flex;
    align-items: center;
    gap: 6px;
    min-height: 28px;
    padding: 5px 8px;
    border: 1px solid color-mix(in srgb, var(--obs-primary) 17%, #dce8e6);
    border-radius: 8px;
    color: #3f6668;
    background: color-mix(in srgb, var(--obs-primary) 5%, #fff);
    font-size: .68rem;
    font-weight: 800;
    line-height: 1.45;
}

.obs-layout-row__series-role i[b-zxfviw3u9j] {
    color: var(--obs-primary);
}

.obs-layout-row .form-select[b-zxfviw3u9j],
.obs-layout-row .form-control[b-zxfviw3u9j] {
    min-height: 40px;
    border: 1px solid #dbe5e3;
    border-radius: 9px;
    color: #27494c;
    background-color: #fff;
    font-size: .75rem;
    box-shadow: none;
}

.obs-layout-row .form-select:focus[b-zxfviw3u9j],
.obs-layout-row .form-control:focus[b-zxfviw3u9j] {
    border-color: color-mix(in srgb, var(--obs-primary) 52%, #cadbd8);
    box-shadow: 0 0 0 3px color-mix(in srgb, var(--obs-primary) 8%, transparent);
}

.obs-choice-grid[b-zxfviw3u9j] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 9px;
    max-height: 320px;
    overflow: auto;
    padding: 2px;
    scrollbar-color: color-mix(in srgb, var(--obs-primary) 32%, #d9e4e2) transparent;
}

.obs-choice-grid--indicators[b-zxfviw3u9j] {
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

.obs-choice-grid--organizations[b-zxfviw3u9j] {
    grid-template-columns: repeat(5, minmax(0, 1fr));
    max-height: 430px;
    gap: 10px;
}

.obs-choice-card[b-zxfviw3u9j],
.obs-simple-choice[b-zxfviw3u9j] {
    position: relative;
    display: flex;
    min-height: 65px;
    align-items: center;
    gap: 10px;
    padding: 11px;
    overflow: hidden;
    border: 1px solid #dfe8e6;
    border-radius: 12px;
    background: #fff;
    cursor: pointer;
    transition: border-color .2s ease, background .2s ease, transform .2s ease, box-shadow .2s ease;
}

.obs-choice-card[b-zxfviw3u9j]::before,
.obs-simple-choice[b-zxfviw3u9j]::before {
    position: absolute;
    inset-block: 10px;
    inset-inline-start: 0;
    width: 3px;
    border-radius: 0 3px 3px 0;
    background: transparent;
    content: "";
}

.obs-choice-card:hover[b-zxfviw3u9j],
.obs-simple-choice:hover[b-zxfviw3u9j] {
    border-color: color-mix(in srgb, var(--obs-primary) 28%, #dfe8e6);
    box-shadow: 0 8px 18px rgba(18, 55, 58, .06);
    transform: translateY(-1px);
}

.obs-choice-card.is-checked[b-zxfviw3u9j],
.obs-simple-choice:has(input:checked)[b-zxfviw3u9j] {
    border-color: color-mix(in srgb, var(--obs-primary) 60%, #dfe8e6);
    background: color-mix(in srgb, var(--obs-primary) 5%, #fff);
}

.obs-choice-card.is-checked[b-zxfviw3u9j]::before,
.obs-simple-choice:has(input:checked)[b-zxfviw3u9j]::before {
    background: var(--obs-secondary);
}

.obs-choice-card input[b-zxfviw3u9j],
.obs-simple-choice input[b-zxfviw3u9j] {
    width: 17px;
    height: 17px;
    accent-color: var(--obs-primary);
}

.obs-choice-card__icon[b-zxfviw3u9j] {
    display: grid;
    width: 34px;
    height: 34px;
    flex: 0 0 34px;
    place-items: center;
    border: 1px solid color-mix(in srgb, var(--obs-primary) 15%, #e2eae8);
    border-radius: 10px;
    color: var(--obs-primary);
    background: color-mix(in srgb, var(--obs-primary) 7%, #fff);
}

.obs-choice-card span strong[b-zxfviw3u9j],
.obs-choice-card span small[b-zxfviw3u9j],
.obs-simple-choice span strong[b-zxfviw3u9j],
.obs-simple-choice span small[b-zxfviw3u9j] {
    display: block;
}

.obs-choice-card span strong[b-zxfviw3u9j],
.obs-simple-choice span strong[b-zxfviw3u9j] {
    color: #28484b;
    font-size: .75rem;
}

.obs-choice-card small[b-zxfviw3u9j],
.obs-simple-choice small[b-zxfviw3u9j] {
    margin-top: 3px;
    color: #819092;
    font-size: .65rem;
}

.obs-simple-choice__content[b-zxfviw3u9j] {
    min-width: 0;
    flex: 1;
}

.obs-simple-choice--user[b-zxfviw3u9j] {
    min-height: 78px;
    padding: 14px 15px;
}

.obs-simple-choice--user .obs-simple-choice__content strong[b-zxfviw3u9j] {
    color: #183f42;
    font-size: 1rem;
    font-weight: 950;
    line-height: 1.5;
    overflow-wrap: anywhere;
    unicode-bidi: plaintext;
}

.obs-simple-choice--user .obs-simple-choice__content small[b-zxfviw3u9j] {
    margin-top: 6px;
    color: #617a7c;
    font-size: .78rem;
    font-weight: 800;
    line-height: 1.45;
    overflow-wrap: anywhere;
    unicode-bidi: plaintext;
}

.obs-simple-choice--role[b-zxfviw3u9j] {
    min-height: 78px;
    padding: 13px 15px;
}

.obs-simple-choice--role .obs-simple-choice__content strong[b-zxfviw3u9j] {
    display: inline-flex;
    width: fit-content;
    max-width: 100%;
    min-height: 32px;
    align-items: center;
    padding: 5px 12px;
    border: 1px solid color-mix(in srgb, var(--obs-primary) 15%, #d9e5e3);
    border-radius: 999px;
    color: var(--obs-primary);
    background:
        linear-gradient(135deg, color-mix(in srgb, var(--obs-primary) 10%, #fff), #edf5f3);
    font-size: .86rem;
    font-weight: 950;
    line-height: 1.35;
    overflow-wrap: anywhere;
}

.obs-simple-choice--role .obs-simple-choice__content small[b-zxfviw3u9j] {
    margin-top: 7px;
    color: #6d8284;
    font-size: .72rem;
    font-weight: 800;
    unicode-bidi: plaintext;
}

.obs-simple-choice--role:has(input:checked) .obs-simple-choice__content strong[b-zxfviw3u9j] {
    color: #fff;
    border-color: var(--obs-primary);
    background: var(--obs-primary);
    box-shadow: 0 7px 16px color-mix(in srgb, var(--obs-primary) 18%, transparent);
}

.obs-simple-choice--organization[b-zxfviw3u9j] {
    aspect-ratio: 1;
    min-height: 0;
    justify-content: center;
    flex-direction: column;
    padding: 18px 12px 14px;
    border-radius: 18px;
    text-align: center;
}

.obs-simple-choice--organization[b-zxfviw3u9j]::before {
    inset: auto 12px 0;
    width: auto;
    height: 4px;
    border-radius: 4px 4px 0 0;
}

.obs-simple-choice--organization input[b-zxfviw3u9j] {
    position: absolute;
    inset-block-start: 13px;
    inset-inline-start: 13px;
    margin: 0;
}

.obs-simple-choice__organization-icon[b-zxfviw3u9j] {
    display: grid;
    width: 48px;
    height: 48px;
    flex: 0 0 48px;
    place-items: center;
    border: 1px solid color-mix(in srgb, var(--obs-primary) 14%, #e2eae8);
    border-radius: 15px;
    color: var(--obs-primary);
    background: color-mix(in srgb, var(--obs-primary) 7%, #fff);
    font-size: 1rem;
}

.obs-simple-choice__organization-content[b-zxfviw3u9j] {
    width: 100%;
    min-width: 0;
}

.obs-simple-choice--organization .obs-simple-choice__organization-content strong[b-zxfviw3u9j] {
    color: #28484b;
    font-size: .94rem;
    font-weight: 950;
    line-height: 1.45;
    overflow-wrap: anywhere;
}

.obs-simple-choice--organization .obs-simple-choice__organization-content small[b-zxfviw3u9j] {
    width: fit-content;
    max-width: 100%;
    margin: 8px auto 0;
    padding: 3px 7px;
    overflow: hidden;
    border-radius: 999px;
    background: #f0f5f4;
    font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
    font-size: .62rem;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.obs-choice-card__check[b-zxfviw3u9j] {
    margin-inline-start: auto;
    color: var(--obs-primary);
    opacity: 0;
}

.obs-choice-card.is-checked .obs-choice-card__check[b-zxfviw3u9j] {
    opacity: 1;
}

.obs-governance-card[b-zxfviw3u9j] {
    display: grid;
    gap: 14px;
    padding: clamp(16px, 2vw, 22px);
    border: 1px solid color-mix(in srgb, var(--obs-primary) 18%, #dde7e5);
    border-radius: 18px;
    background:
        radial-gradient(circle at 100% 0%, color-mix(in srgb, var(--obs-secondary) 10%, transparent), transparent 38%),
        linear-gradient(145deg, color-mix(in srgb, var(--obs-primary) 3%, #fff), #fff);
    box-shadow: 0 14px 34px rgba(17, 53, 57, .06);
}

.obs-governance-card__head[b-zxfviw3u9j] {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    align-items: center;
    gap: 13px;
}

.obs-governance-card__icon[b-zxfviw3u9j] {
    display: grid;
    width: 46px;
    height: 46px;
    place-items: center;
    border-radius: 14px;
    color: #fff;
    background: linear-gradient(145deg, var(--obs-primary), color-mix(in srgb, var(--obs-primary) 72%, #0c2e32));
    box-shadow: 0 10px 22px color-mix(in srgb, var(--obs-primary) 20%, transparent);
}

.obs-governance-card__head h2[b-zxfviw3u9j],
.obs-governance-card__head p[b-zxfviw3u9j] {
    margin: 0;
}

.obs-governance-card__head h2[b-zxfviw3u9j] {
    color: #24474a;
    font-size: 1rem;
    font-weight: 950;
}

.obs-governance-card__head p[b-zxfviw3u9j] {
    margin-top: 5px;
    color: #748789;
    font-size: .68rem;
    line-height: 1.75;
}

.obs-governance-card__count[b-zxfviw3u9j] {
    padding: 6px 10px;
    border: 1px solid #dbe6e4;
    border-radius: 999px;
    color: var(--obs-primary);
    background: #fff;
    font-size: .66rem;
    font-weight: 950;
    white-space: nowrap;
}

.obs-governance-card__note[b-zxfviw3u9j] {
    display: flex;
    align-items: flex-start;
    gap: 8px;
    margin: 0;
    padding: 10px 12px;
    border-radius: 11px;
    color: #60787a;
    background: color-mix(in srgb, var(--obs-primary) 5%, #f7faf9);
    font-size: .65rem;
    font-weight: 750;
    line-height: 1.7;
}

.obs-governance-card__note i[b-zxfviw3u9j] {
    margin-top: 3px;
    color: var(--obs-primary);
}

.obs-audience-tabs[b-zxfviw3u9j] {
    display: flex;
    gap: 4px;
    margin-bottom: 11px;
    padding: 5px;
    border: 1px solid #dfe8e6;
    border-radius: 13px;
    background: #f3f7f6;
}

.obs-audience-tabs button[b-zxfviw3u9j] {
    position: relative;
    min-height: 41px;
    flex: 1;
    padding: 8px 11px;
    border: 1px solid transparent;
    border-radius: 9px;
    color: #657b7d;
    background: transparent;
    font-size: .75rem;
    font-weight: 900;
    transition: color .2s ease, background .2s ease, box-shadow .2s ease;
}

.obs-audience-tabs button.is-active[b-zxfviw3u9j] {
    color: var(--obs-primary);
    border-color: color-mix(in srgb, var(--obs-primary) 17%, #e0e8e6);
    background: #fff;
    box-shadow: 0 6px 16px rgba(18, 55, 58, .08);
}

.obs-audience-tabs button.is-active[b-zxfviw3u9j]::after {
    position: absolute;
    inset-inline: 14px;
    bottom: 0;
    height: 3px;
    border-radius: 3px 3px 0 0;
    background: var(--obs-secondary);
    content: "";
}

.obs-audience-search[b-zxfviw3u9j] {
    display: flex;
    align-items: center;
    gap: 7px;
    margin: 10px 0;
}

.obs-audience-search label[b-zxfviw3u9j] {
    position: relative;
    display: block;
    min-width: 0;
    flex: 1 1 auto;
}

.obs-audience-search label > i[b-zxfviw3u9j] {
    position: absolute;
    z-index: 1;
    top: 50%;
    right: 13px;
    color: #789092;
    transform: translateY(-50%);
}

.obs-audience-search input[b-zxfviw3u9j] {
    width: 100%;
    min-height: 43px;
    padding: 8px 39px 8px 12px;
    border: 1px solid #d9e5e3;
    border-radius: 11px;
    color: #294d50;
    background: #fff;
    font-size: .8rem;
    outline: none;
}

.obs-audience-search input:focus[b-zxfviw3u9j] {
    border-color: color-mix(in srgb, var(--obs-primary) 50%, #d9e5e3);
    box-shadow: 0 0 0 3px color-mix(in srgb, var(--obs-primary) 9%, transparent);
}

.obs-audience-search > button[b-zxfviw3u9j] {
    display: grid;
    width: 42px;
    height: 42px;
    flex: 0 0 42px;
    place-items: center;
    border: 1px solid #d9e5e3;
    border-radius: 11px;
    color: #6f8587;
    background: #fff;
}

.obs-audience-search__hint[b-zxfviw3u9j] {
    display: block;
    margin: -5px 2px 9px;
    color: #74898b;
    font-size: .71rem;
    line-height: 1.5;
}

.obs-audience-priority-note[b-zxfviw3u9j] {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    margin: 0 0 12px;
    padding: 11px 13px;
    border: 1px solid color-mix(in srgb, var(--obs-secondary) 22%, #dfe8e6);
    border-radius: 12px;
    color: #426466;
    background: color-mix(in srgb, var(--obs-secondary) 6%, #fff);
}

.obs-audience-priority-note > i[b-zxfviw3u9j] {
    margin-top: 4px;
    color: var(--obs-secondary);
}

.obs-audience-priority-note span[b-zxfviw3u9j],
.obs-audience-priority-note strong[b-zxfviw3u9j],
.obs-audience-priority-note small[b-zxfviw3u9j] {
    display: block;
}

.obs-audience-priority-note strong[b-zxfviw3u9j] {
    color: #244e51;
    font-size: .82rem;
    font-weight: 950;
}

.obs-audience-priority-note small[b-zxfviw3u9j] {
    margin-top: 2px;
    color: #647d7f;
    font-size: .76rem;
    font-weight: 750;
    line-height: 1.65;
}

.obs-empty--search[b-zxfviw3u9j] {
    grid-column: 1 / -1;
    min-height: 130px;
}

.obs-all-audience[b-zxfviw3u9j] {
    display: flex;
    gap: 11px;
    margin-bottom: 11px;
    padding: 13px 14px;
    border: 1px dashed color-mix(in srgb, var(--obs-primary) 38%, #d8e3e1);
    border-radius: 12px;
    background: color-mix(in srgb, var(--obs-primary) 3%, #fff);
    cursor: pointer;
}

.obs-all-audience input[b-zxfviw3u9j] {
    width: 17px;
    height: 17px;
    accent-color: var(--obs-primary);
}

.obs-all-audience strong[b-zxfviw3u9j],
.obs-all-audience small[b-zxfviw3u9j] {
    display: block;
}

.obs-all-audience strong[b-zxfviw3u9j] {
    color: #29484b;
    font-size: .77rem;
}

.obs-all-audience small[b-zxfviw3u9j] {
    margin-top: 3px;
    color: #7b8c8e;
    font-size: .68rem;
}

.obs-audience-choice-card[b-zxfviw3u9j] {
    display: grid;
    min-width: 0;
    align-content: start;
    gap: 7px;
}

.obs-audience-choice-card.is-selected[b-zxfviw3u9j] {
    grid-column: 1 / -1;
}

.obs-audience-choice-card > .obs-simple-choice[b-zxfviw3u9j] {
    width: 100%;
    margin: 0;
}

.obs-audience-source-scope[b-zxfviw3u9j] {
    display: grid;
    min-width: 0;
    gap: 8px;
    padding: 8px;
    border: 1px solid #dfe9e7;
    border-radius: 11px;
    background: #f8fbfa;
}

.obs-all-audience + .obs-audience-source-scope[b-zxfviw3u9j] {
    margin: -4px 0 12px;
}

.obs-audience-source-scope__toggle[b-zxfviw3u9j] {
    display: grid;
    width: 100%;
    min-height: 46px;
    align-items: center;
    grid-template-columns: auto minmax(0, 1fr) auto;
    gap: 9px;
    padding: 8px 10px;
    border: 1px solid #d9e5e3;
    border-radius: 9px;
    color: #31585b;
    background: #fff;
    text-align: start;
}

.obs-audience-source-scope__toggle:hover[b-zxfviw3u9j],
.obs-audience-source-scope__toggle:focus-visible[b-zxfviw3u9j] {
    border-color: color-mix(in srgb, var(--obs-primary) 48%, #d9e5e3);
    outline: none;
    box-shadow: 0 0 0 3px color-mix(in srgb, var(--obs-primary) 8%, transparent);
}

.obs-audience-source-scope__toggle.is-customized[b-zxfviw3u9j] {
    border-color: color-mix(in srgb, var(--obs-secondary) 42%, #d9e5e3);
    background: color-mix(in srgb, var(--obs-secondary) 5%, #fff);
}

.obs-audience-source-scope__toggle > i[b-zxfviw3u9j] {
    color: var(--obs-primary);
}

.obs-audience-source-scope__toggle span[b-zxfviw3u9j],
.obs-audience-source-scope__toggle strong[b-zxfviw3u9j],
.obs-audience-source-scope__toggle small[b-zxfviw3u9j] {
    display: block;
    min-width: 0;
}

.obs-audience-source-scope__toggle strong[b-zxfviw3u9j] {
    color: #294f52;
    font-size: .78rem;
    font-weight: 950;
}

.obs-audience-source-scope__toggle small[b-zxfviw3u9j] {
    margin-top: 1px;
    overflow: hidden;
    color: #718587;
    font-size: .69rem;
    font-weight: 750;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.obs-audience-source-scope__toggle > b[b-zxfviw3u9j] {
    color: var(--obs-primary);
    font-size: .69rem;
    font-weight: 950;
    white-space: nowrap;
}

.obs-audience-source-scope__options[b-zxfviw3u9j] {
    display: grid;
    gap: 6px;
}

.obs-audience-source-scope__options > label[b-zxfviw3u9j] {
    display: flex;
    min-width: 0;
    align-items: center;
    gap: 8px;
    padding: 8px 9px;
    border: 1px solid #e1eae8;
    border-radius: 9px;
    color: #456568;
    background: #fff;
    cursor: pointer;
}

.obs-audience-source-scope__options > label.is-selected[b-zxfviw3u9j] {
    border-color: color-mix(in srgb, var(--obs-primary) 38%, #dfe8e6);
    background: color-mix(in srgb, var(--obs-primary) 5%, #fff);
}

.obs-audience-source-scope__options input[b-zxfviw3u9j] {
    width: 16px;
    height: 16px;
    flex: 0 0 16px;
    accent-color: var(--obs-primary);
}

.obs-audience-source-scope__options span[b-zxfviw3u9j],
.obs-audience-source-scope__options strong[b-zxfviw3u9j],
.obs-audience-source-scope__options small[b-zxfviw3u9j] {
    display: block;
    min-width: 0;
}

.obs-audience-source-scope__options span[b-zxfviw3u9j] {
    overflow: hidden;
}

.obs-audience-source-scope__options strong[b-zxfviw3u9j],
.obs-audience-source-scope__options small[b-zxfviw3u9j] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.obs-audience-source-scope__options strong[b-zxfviw3u9j] {
    color: #294d50;
    font-size: .76rem;
    font-weight: 900;
}

.obs-audience-source-scope__options small[b-zxfviw3u9j] {
    margin-top: 2px;
    color: #7b8e90;
    font-size: .68rem;
    font-weight: 750;
}

.obs-audience-source-scope__error[b-zxfviw3u9j] {
    display: flex;
    align-items: center;
    gap: 6px;
    color: #a44a2a;
    font-size: .72rem;
    font-weight: 900;
}

.obs-export-rights[b-zxfviw3u9j] {
    display: grid;
    grid-template-columns: minmax(185px, 1fr) auto auto;
    align-items: center;
    gap: 12px;
    margin-top: 16px;
    padding: 14px;
    border: 1px solid #e0e8e6;
    border-radius: 13px;
    background:
        repeating-linear-gradient(135deg, rgba(21, 75, 78, .018) 0 1px, transparent 1px 11px),
        #f8faf9;
}

.obs-export-rights > span[b-zxfviw3u9j] {
    color: #29484b;
    font-size: .77rem;
    font-weight: 950;
}

.obs-export-rights label[b-zxfviw3u9j] {
    display: flex;
    min-height: 36px;
    align-items: center;
    gap: 6px;
    padding: 7px 10px;
    border: 1px solid #e0e8e6;
    border-radius: 9px;
    background: #fff;
    font-size: .72rem;
    font-weight: 800;
}

.obs-export-rights input[b-zxfviw3u9j] {
    accent-color: var(--obs-primary);
}

.obs-export-rights small[b-zxfviw3u9j] {
    grid-column: 1 / -1;
    color: #7e8e90;
    font-size: .66rem;
    line-height: 1.6;
}

.obs-governance-loading[b-zxfviw3u9j],
.obs-governance-error[b-zxfviw3u9j] {
    display: flex;
    min-height: 54px;
    align-items: center;
    justify-content: center;
    gap: 9px;
    padding: 12px 14px;
    border: 1px solid #dfe8e6;
    border-radius: 13px;
    color: #607679;
    background: #f8faf9;
    font-size: .7rem;
    font-weight: 850;
}

.obs-governance-error[b-zxfviw3u9j] {
    justify-content: space-between;
    border-color: #efd6d9;
    color: #8c3f49;
    background: #fff8f8;
}

.obs-governance-error button[b-zxfviw3u9j] {
    min-height: 38px;
    padding: 7px 11px;
    border: 1px solid currentColor;
    border-radius: 9px;
    color: inherit;
    background: #fff;
    font-size: .66rem;
    font-weight: 900;
}

.obs-dashboard-governance-grid[b-zxfviw3u9j] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    align-items: start;
    gap: 14px;
}

.obs-governance-panel[b-zxfviw3u9j] {
    min-width: 0;
    overflow: hidden;
    border: 1px solid #dce7e5;
    border-radius: 17px;
    background: #fff;
    box-shadow: 0 12px 30px rgba(18, 55, 58, .055);
}

.obs-governance-panel__head[b-zxfviw3u9j] {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    align-items: center;
    gap: 11px;
    padding: 15px;
    border-bottom: 1px solid #e3ebe9;
    background:
        radial-gradient(circle at 100% 0%, color-mix(in srgb, var(--obs-secondary) 9%, transparent), transparent 40%),
        #f8fbfa;
}

.obs-governance-panel__head > span[b-zxfviw3u9j] {
    display: grid;
    width: 40px;
    height: 40px;
    place-items: center;
    border-radius: 12px;
    color: #fff;
    background: var(--obs-primary);
}

.obs-governance-panel__head h3[b-zxfviw3u9j],
.obs-governance-panel__head p[b-zxfviw3u9j] {
    margin: 0;
}

.obs-governance-panel__head h3[b-zxfviw3u9j] {
    color: #28494c;
    font-size: .82rem;
    font-weight: 950;
}

.obs-governance-panel__head p[b-zxfviw3u9j] {
    margin-top: 3px;
    color: #7a8d8f;
    font-size: .61rem;
    line-height: 1.65;
}

.obs-governance-panel__head > strong[b-zxfviw3u9j] {
    display: grid;
    min-width: 34px;
    height: 34px;
    place-items: center;
    border: 1px solid #dae5e3;
    border-radius: 999px;
    color: var(--obs-primary);
    background: #fff;
    font-size: .72rem;
}

.obs-governance-empty[b-zxfviw3u9j] {
    display: grid;
    min-height: 110px;
    place-items: center;
    align-content: center;
    gap: 8px;
    padding: 18px;
    color: #829294;
    text-align: center;
    font-size: .68rem;
}

.obs-governance-empty i[b-zxfviw3u9j] {
    color: color-mix(in srgb, var(--obs-primary) 55%, #9aacaa);
    font-size: 1.2rem;
}

.obs-version-history[b-zxfviw3u9j],
.obs-share-list[b-zxfviw3u9j] {
    display: grid;
    max-height: 480px;
    gap: 0;
    margin: 0;
    padding: 0;
    overflow-y: auto;
    list-style: none;
    scrollbar-width: thin;
}

.obs-version-history > li[b-zxfviw3u9j],
.obs-share-list > li[b-zxfviw3u9j] {
    display: grid;
    gap: 9px;
    padding: 13px 15px;
    border-bottom: 1px solid #e6eceb;
}

.obs-version-history > li:last-child[b-zxfviw3u9j],
.obs-share-list > li:last-child[b-zxfviw3u9j] {
    border-bottom: 0;
}

.obs-version-history > li.is-current[b-zxfviw3u9j] {
    background: color-mix(in srgb, var(--obs-primary) 4%, #fff);
}

.obs-version-history__summary[b-zxfviw3u9j] {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    align-items: center;
    gap: 10px;
}

.obs-version-history__number[b-zxfviw3u9j] {
    display: grid;
    width: 38px;
    height: 38px;
    place-items: center;
    border: 1px solid #d9e5e2;
    border-radius: 12px;
    color: var(--obs-primary);
    background: #f6f9f8;
    font-size: .76rem;
    font-weight: 950;
}

.obs-version-history__summary > div[b-zxfviw3u9j],
.obs-share-list > li > div:first-child[b-zxfviw3u9j] {
    display: grid;
    min-width: 0;
    gap: 2px;
}

.obs-version-history__summary strong[b-zxfviw3u9j],
.obs-share-list strong[b-zxfviw3u9j] {
    color: #294a4d;
    font-size: .71rem;
    font-weight: 950;
}

.obs-version-history__summary strong small[b-zxfviw3u9j] {
    margin-inline-start: 4px;
    color: var(--obs-primary);
    font-size: .55rem;
}

.obs-version-history__summary div > span[b-zxfviw3u9j],
.obs-version-history__summary time[b-zxfviw3u9j],
.obs-share-list small[b-zxfviw3u9j] {
    color: #7b8d8f;
    font-size: .59rem;
    line-height: 1.55;
}

.obs-version-status[b-zxfviw3u9j] {
    display: inline-flex;
    width: fit-content;
    align-items: center;
    justify-content: center;
    padding: 4px 8px;
    border-radius: 999px;
    font-size: .56rem;
    font-weight: 950;
    white-space: nowrap;
}

.obs-version-status.is-active[b-zxfviw3u9j] {
    color: #14664f;
    background: #e8f7f0;
}

.obs-version-status.is-draft[b-zxfviw3u9j] {
    color: #725615;
    background: #fff5d9;
}

.obs-version-status.is-expired[b-zxfviw3u9j] {
    color: #725a2b;
    background: #f7efdf;
}

.obs-version-status.is-revoked[b-zxfviw3u9j] {
    color: #8d404b;
    background: #fbeaec;
}

.obs-governance-link-button[b-zxfviw3u9j] {
    display: inline-flex;
    width: fit-content;
    min-height: 38px;
    align-items: center;
    gap: 6px;
    padding: 7px 10px;
    border: 1px solid #d8e4e2;
    border-radius: 9px;
    color: var(--obs-primary);
    background: #f8faf9;
    font-size: .62rem;
    font-weight: 900;
}

.obs-governance-link-button:hover[b-zxfviw3u9j],
.obs-governance-link-button:focus-visible[b-zxfviw3u9j] {
    border-color: var(--obs-primary);
    background: color-mix(in srgb, var(--obs-primary) 6%, #fff);
}

.obs-governance-link-button.is-danger[b-zxfviw3u9j] {
    color: #95454f;
}

.obs-inline-confirm[b-zxfviw3u9j] {
    display: grid;
    gap: 9px;
    padding: 10px;
    border: 1px solid #ead9bd;
    border-radius: 11px;
    background: #fffbf3;
}

.obs-inline-confirm p[b-zxfviw3u9j] {
    margin: 0;
    color: #6f5a35;
    font-size: .62rem;
    font-weight: 800;
    line-height: 1.65;
}

.obs-inline-confirm > div[b-zxfviw3u9j] {
    display: flex;
    flex-wrap: wrap;
    gap: 7px;
}

.obs-inline-confirm button[b-zxfviw3u9j] {
    min-height: 37px;
    padding: 7px 10px;
    border: 1px solid #d8dfdd;
    border-radius: 8px;
    color: #5f7375;
    background: #fff;
    font-size: .61rem;
    font-weight: 900;
}

.obs-inline-confirm button.is-primary[b-zxfviw3u9j] {
    border-color: var(--obs-primary);
    color: #fff;
    background: var(--obs-primary);
}

.obs-inline-confirm button.is-danger[b-zxfviw3u9j] {
    border-color: #984853;
    color: #fff;
    background: #984853;
}

.obs-share-create[b-zxfviw3u9j] {
    display: grid;
    gap: 10px;
    padding: 14px 15px;
    border-bottom: 1px solid #e5ecea;
    background: #fbfcfc;
}

.obs-share-create > label:not(.obs-share-pdf-choice)[b-zxfviw3u9j] {
    display: grid;
    gap: 5px;
    color: #526b6e;
    font-size: .63rem;
    font-weight: 900;
}

.obs-share-create select[b-zxfviw3u9j] {
    min-height: 42px;
    padding-inline: 10px;
    border: 1px solid #d5e2df;
    border-radius: 10px;
    color: #294b4e;
    background: #fff;
    font-size: .69rem;
    font-weight: 800;
}

.obs-share-pdf-choice[b-zxfviw3u9j] {
    display: flex;
    align-items: flex-start;
    gap: 9px;
    padding: 10px;
    border: 1px solid #e0e8e6;
    border-radius: 10px;
    background: #fff;
    cursor: pointer;
}

.obs-share-pdf-choice input[b-zxfviw3u9j] {
    width: 17px;
    height: 17px;
    accent-color: var(--obs-primary);
}

.obs-share-pdf-choice span[b-zxfviw3u9j],
.obs-share-pdf-choice strong[b-zxfviw3u9j],
.obs-share-pdf-choice small[b-zxfviw3u9j] {
    display: block;
}

.obs-share-pdf-choice strong[b-zxfviw3u9j] {
    color: #3b595c;
    font-size: .65rem;
}

.obs-share-pdf-choice small[b-zxfviw3u9j] {
    margin-top: 2px;
    color: #859496;
    font-size: .56rem;
}

.obs-share-created[b-zxfviw3u9j] {
    display: grid;
    gap: 10px;
    padding: 14px;
    border-bottom: 1px solid #cde5da;
    background: #f1fbf6;
}

.obs-share-created > div[b-zxfviw3u9j] {
    display: flex;
    align-items: flex-start;
    gap: 9px;
    color: #246a54;
}

.obs-share-created > div > i[b-zxfviw3u9j] {
    margin-top: 3px;
}

.obs-share-created strong[b-zxfviw3u9j],
.obs-share-created small[b-zxfviw3u9j] {
    display: block;
}

.obs-share-created strong[b-zxfviw3u9j] {
    font-size: .69rem;
}

.obs-share-created small[b-zxfviw3u9j] {
    margin-top: 2px;
    color: #5c7d71;
    font-size: .57rem;
}

.obs-share-created > label[b-zxfviw3u9j] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    direction: ltr;
}

.obs-share-created input[b-zxfviw3u9j] {
    min-width: 0;
    min-height: 42px;
    padding: 8px 10px;
    overflow: hidden;
    border: 1px solid #bdd9ce;
    border-radius: 9px 0 0 9px;
    color: #315a4d;
    background: #fff;
    font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
    font-size: .61rem;
    text-overflow: ellipsis;
}

.obs-share-created label button[b-zxfviw3u9j] {
    min-width: 88px;
    border: 0;
    border-radius: 0 9px 9px 0;
    color: #fff;
    background: #26715a;
    font-size: .63rem;
    font-weight: 900;
}

.obs-share-created__dismiss[b-zxfviw3u9j] {
    width: fit-content;
    min-height: 38px;
    padding: 7px 10px;
    border: 1px solid #bdd9ce;
    border-radius: 9px;
    color: #316b59;
    background: transparent;
    font-size: .6rem;
    font-weight: 900;
}

.obs-share-list > li > div:first-child > .obs-version-status[b-zxfviw3u9j] {
    margin-bottom: 3px;
}

.obs-builder-review[b-zxfviw3u9j] {
    padding: 18px;
    border: 1px solid #dce7e5;
    border-radius: 17px;
    background: #fbfdfc;
}

.obs-builder-review__score[b-zxfviw3u9j] {
    padding: 7px 11px;
    border-radius: 999px;
    color: var(--obs-primary);
    background: color-mix(in srgb, var(--obs-primary) 8%, #fff);
    font-size: .8rem;
    font-weight: 950;
}

.obs-builder-review__list[b-zxfviw3u9j] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 9px;
}

.obs-builder-review__list button[b-zxfviw3u9j] {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    min-height: 76px;
    align-items: center;
    gap: 10px;
    padding: 12px;
    border: 1px solid;
    border-radius: 12px;
    text-align: start;
    background: #fff;
}

.obs-builder-review__list button.is-complete[b-zxfviw3u9j] {
    color: #176650;
    border-color: #b9ddd3;
    background: #f3faf8;
}

.obs-builder-review__list button.is-missing[b-zxfviw3u9j] {
    color: #8f394a;
    border-color: #ebc6cd;
    background: #fff6f7;
}

.obs-builder-review__list button:hover[b-zxfviw3u9j],
.obs-builder-review__list button:focus-visible[b-zxfviw3u9j] {
    outline: none;
    box-shadow: 0 0 0 3px color-mix(in srgb, currentColor 12%, transparent);
}

.obs-builder-review__list strong[b-zxfviw3u9j],
.obs-builder-review__list small[b-zxfviw3u9j] {
    display: block;
}

.obs-builder-review__list strong[b-zxfviw3u9j] {
    font-size: .84rem;
    font-weight: 950;
}

.obs-builder-review__list small[b-zxfviw3u9j] {
    margin-top: 3px;
    color: #6f8385;
    font-size: .79rem;
    line-height: 1.5;
}

.obs-final-summary[b-zxfviw3u9j] {
    display: grid;
    gap: 12px;
    margin-top: 14px;
    padding: 15px;
    border: 1px solid #dce7e5;
    border-radius: 16px;
    background: #fff;
}

.obs-final-summary > header[b-zxfviw3u9j] {
    display: flex;
    align-items: center;
    gap: 10px;
}

.obs-final-summary > header > span:first-child[b-zxfviw3u9j] {
    display: grid;
    width: 39px;
    height: 39px;
    flex: 0 0 39px;
    place-items: center;
    border-radius: 11px;
    color: #fff;
    background: var(--banner-accent, var(--obs-primary));
}

.obs-final-summary > header > span:last-child[b-zxfviw3u9j] {
    display: grid;
    gap: 2px;
}

.obs-final-summary > header strong[b-zxfviw3u9j] {
    color: #23494c;
    font-size: .9rem;
    font-weight: 950;
}

.obs-final-summary > header small[b-zxfviw3u9j] {
    color: #6e8385;
    font-size: .77rem;
}

.obs-final-summary > div[b-zxfviw3u9j] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 8px;
}

.obs-final-summary button[b-zxfviw3u9j] {
    display: grid;
    min-width: 0;
    min-height: 72px;
    grid-template-columns: auto minmax(0, 1fr) auto;
    align-items: center;
    gap: 9px;
    padding: 10px;
    border: 1px solid #dfe8e6;
    border-radius: 11px;
    color: #375b5e;
    background: #f9fcfb;
    text-align: start;
    transition: transform .16s ease, border-color .16s ease, box-shadow .16s ease;
}

.obs-final-summary button:hover[b-zxfviw3u9j],
.obs-final-summary button:focus-visible[b-zxfviw3u9j] {
    transform: translateY(-1px);
    border-color: color-mix(in srgb, var(--obs-primary) 40%, #dfe8e6);
    box-shadow: 0 7px 17px rgba(18, 55, 58, .07);
    outline: none;
}

.obs-final-summary button > i:first-child[b-zxfviw3u9j] {
    display: grid;
    width: 31px;
    height: 31px;
    place-items: center;
    border-radius: 9px;
    color: var(--obs-primary);
    background: color-mix(in srgb, var(--obs-primary) 8%, #fff);
}

.obs-final-summary button > i:last-child[b-zxfviw3u9j] {
    color: #809294;
    font-size: .65rem;
}

.obs-final-summary button > span[b-zxfviw3u9j] {
    display: grid;
    min-width: 0;
    gap: 3px;
}

.obs-final-summary button small[b-zxfviw3u9j] {
    color: #75898b;
    font-size: .65rem;
}

.obs-final-summary button strong[b-zxfviw3u9j] {
    overflow: hidden;
    font-size: .76rem;
    font-weight: 950;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.obs-publish-readiness[b-zxfviw3u9j] {
    display: grid;
    grid-template-columns: minmax(230px, .8fr) minmax(0, 1.2fr);
    align-items: center;
    gap: 18px;
    margin-top: 18px;
    padding: 17px;
    border: 1px solid color-mix(in srgb, var(--obs-primary) 22%, #dce7e5);
    border-radius: 16px;
    background: color-mix(in srgb, var(--obs-primary) 4%, #fff);
}

.obs-publish-readiness > div[b-zxfviw3u9j] {
    display: flex;
    align-items: center;
    gap: 12px;
}

.obs-publish-readiness strong[b-zxfviw3u9j],
.obs-publish-readiness small[b-zxfviw3u9j] {
    display: block;
}

.obs-publish-readiness strong[b-zxfviw3u9j] {
    color: #1c4548;
    font-size: .93rem;
    font-weight: 950;
}

.obs-publish-readiness small[b-zxfviw3u9j] {
    margin-top: 3px;
    color: #6c8183;
    font-size: .79rem;
    line-height: 1.45;
}

.obs-publish-readiness ul[b-zxfviw3u9j] {
    display: grid;
    gap: 7px;
    margin: 0;
    padding: 0;
    list-style: none;
}

.obs-publish-readiness li[b-zxfviw3u9j] {
    display: flex;
    min-height: 36px;
    align-items: center;
    gap: 8px;
    padding: 7px 10px;
    border-radius: 9px;
    font-size: .81rem;
    font-weight: 850;
}

.obs-publish-readiness li.is-complete[b-zxfviw3u9j] {
    color: #176650;
    background: #eaf7f3;
}

.obs-publish-readiness li.is-pending[b-zxfviw3u9j] {
    color: #7b6a4e;
    background: #fff8ec;
}

.obs-builder-footer[b-zxfviw3u9j] {
    position: static;
    display: flex;
    justify-content: flex-end;
    flex-wrap: wrap;
    gap: 8px;
    margin: 28px -12px -12px;
    padding: 12px;
    border: 1px solid rgba(214, 226, 223, .85);
    border-radius: 15px;
    background: rgba(255, 255, 255, .88);
    box-shadow: 0 14px 34px rgba(15, 48, 51, .12);
    backdrop-filter: blur(14px);
}

.obs-wizard-navigation[b-zxfviw3u9j] {
    position: sticky;
    z-index: 7;
    bottom: 10px;
    display: flex;
    align-items: center;
    gap: 10px;
    margin: 28px -12px -12px;
    padding: 12px;
    border: 1px solid rgba(205, 220, 217, .94);
    border-radius: 16px;
    background: rgba(255, 255, 255, .94);
    box-shadow: 0 16px 38px rgba(15, 48, 51, .15);
    backdrop-filter: blur(15px);
}

.obs-wizard-navigation > .obs-btn[b-zxfviw3u9j] {
    min-height: 47px;
    flex: 0 0 auto;
    padding-inline: 15px;
    border-radius: 11px;
    font-size: .82rem;
    font-weight: 950;
}

.obs-wizard-navigation__status[b-zxfviw3u9j] {
    display: flex;
    min-width: 220px;
    flex: 1 1 auto;
    align-items: center;
    gap: 10px;
    padding: 8px 11px;
    border-radius: 10px;
}

.obs-wizard-navigation__status > i[b-zxfviw3u9j] {
    font-size: 1.05rem;
}

.obs-wizard-navigation__status strong[b-zxfviw3u9j],
.obs-wizard-navigation__status small[b-zxfviw3u9j] {
    display: block;
}

.obs-wizard-navigation__status strong[b-zxfviw3u9j] {
    font-size: .82rem;
    font-weight: 950;
}

.obs-wizard-navigation__status small[b-zxfviw3u9j] {
    margin-top: 2px;
    color: #6f8385;
    font-size: .8rem;
}

.obs-wizard-navigation__status.is-saving[b-zxfviw3u9j] {
    color: #2d6070;
    background: #eef8fb;
}

.obs-wizard-navigation__status.is-new[b-zxfviw3u9j] {
    color: #506f72;
    background: #f1f5f5;
}

.obs-wizard-navigation__status.is-previewed[b-zxfviw3u9j],
.obs-wizard-navigation__status.is-saved[b-zxfviw3u9j] {
    color: #176650;
    background: #eef9f5;
}

.obs-wizard-navigation__hint[b-zxfviw3u9j] {
    display: flex;
    max-width: 270px;
    align-items: center;
    gap: 7px;
    color: #8a5c1f;
    font-size: .78rem;
    font-weight: 800;
    line-height: 1.45;
}

.obs-builder-footer .obs-btn[b-zxfviw3u9j] {
    min-height: 45px;
    border-radius: 11px;
    font-size: .75rem;
    font-weight: 900;
}

.obs-btn--publish[b-zxfviw3u9j] {
    color: #fff;
    border-color: #95681f;
    background: linear-gradient(135deg, #bd914b, #8d5e18);
    box-shadow: 0 10px 22px rgba(151, 105, 32, .2);
}

.obs-preview[b-zxfviw3u9j] {
    position: relative;
    margin-top: 20px;
    overflow: hidden;
    border: 1px solid color-mix(in srgb, var(--obs-primary) 40%, #dbe6e4);
    border-radius: 26px;
    background:
        radial-gradient(circle at 8% 8%, color-mix(in srgb, var(--obs-secondary) 14%, transparent), transparent 24%),
        #f4f8f7;
    box-shadow: 0 24px 55px rgba(15, 50, 53, .12);
}

.obs-preview[b-zxfviw3u9j]::after {
    position: absolute;
    top: 0;
    inset-inline-end: 8%;
    width: 1px;
    height: 138px;
    background: linear-gradient(rgba(255, 255, 255, .2), transparent);
    content: "";
    transform: rotate(24deg);
}

.obs-preview__head[b-zxfviw3u9j] {
    position: relative;
    display: flex;
    min-height: 165px;
    align-items: flex-start;
    justify-content: space-between;
    gap: 20px;
    padding: clamp(25px, 3vw, 42px);
    overflow: hidden;
    color: #fff;
    background:
        repeating-linear-gradient(135deg, rgba(255, 255, 255, .022) 0 1px, transparent 1px 14px),
        radial-gradient(circle at 12% 4%, color-mix(in srgb, var(--obs-secondary) 30%, transparent), transparent 30%),
        linear-gradient(135deg, color-mix(in srgb, var(--obs-primary) 91%, #06191b), color-mix(in srgb, var(--obs-primary) 66%, #13373a));
}

.obs-preview__head[b-zxfviw3u9j]::after {
    position: absolute;
    inset-inline-start: clamp(25px, 3vw, 42px);
    bottom: 0;
    width: 118px;
    height: 4px;
    border-radius: 4px 4px 0 0;
    background: var(--obs-secondary);
    content: "";
}

.obs-preview__head span:first-child[b-zxfviw3u9j] {
    color: color-mix(in srgb, var(--obs-secondary) 55%, #fff);
    font-size: .7rem;
    font-weight: 900;
}

.obs-preview__head h2[b-zxfviw3u9j] {
    margin: 10px 0 6px;
    color: #fff;
    font-size: clamp(1.35rem, 2vw, 1.9rem);
    font-weight: 950;
}

.obs-preview__head p[b-zxfviw3u9j] {
    max-width: 720px;
    margin: 0;
    color: rgba(255, 255, 255, .67);
    font-size: .78rem;
    line-height: 1.8;
}

.obs-preview__type[b-zxfviw3u9j] {
    position: relative;
    z-index: 1;
    color: #fff;
    border-color: rgba(255, 255, 255, .2);
    background: rgba(255, 255, 255, .09);
}

.obs-preview__pages[b-zxfviw3u9j] {
    position: relative;
    z-index: 1;
    display: flex;
    flex-wrap: wrap;
    gap: 7px;
    padding: 11px 18px;
    border-bottom: 1px solid rgba(255, 255, 255, .1);
    background: color-mix(in srgb, var(--obs-primary) 93%, #061b1d);
}

.obs-preview__pages button[b-zxfviw3u9j] {
    min-height: 34px;
    padding: 6px 13px;
    border: 1px solid rgba(255, 255, 255, .16);
    border-radius: 999px;
    color: #c8d9d7;
    background: rgba(255, 255, 255, .05);
    font-size: .7rem;
    font-weight: 900;
    transition: color .18s ease, background .18s ease, border-color .18s ease;
}

.obs-preview__pages button.is-active[b-zxfviw3u9j] {
    color: #173f42;
    border-color: #fff;
    background: #fff;
}

.obs-preview__metrics[b-zxfviw3u9j] {
    display: grid;
    grid-template-columns: repeat(12, minmax(0, 1fr));
    gap: 12px;
    padding: 18px;
}

.obs-preview__metrics article[b-zxfviw3u9j] {
    position: relative;
    min-height: calc(112px + (var(--preview-height, 3) * 18px));
    grid-column: span var(--preview-width, 4);
    padding: 18px;
    overflow: hidden;
    border: 1px solid #dce7e5;
    border-radius: 15px;
    background: #fff;
    box-shadow: 0 9px 24px rgba(18, 55, 58, .05);
    --preview-accent: var(--obs-primary);
}

.obs-preview__loading[b-zxfviw3u9j] {
    display: flex;
    min-height: 170px;
    align-items: center;
    justify-content: center;
    gap: 10px;
    color: var(--obs-primary);
}

.obs-preview__truth-note[b-zxfviw3u9j] {
    display: flex;
    align-items: center;
    gap: 9px;
    margin: 16px 18px 0;
    padding: 11px 13px;
    border: 1px solid #bde3d7;
    border-radius: 12px;
    color: #176f5d;
    background: #effaf6;
    font-size: .72rem;
    font-weight: 800;
}

.obs-preview__truth-note.is-draft[b-zxfviw3u9j] {
    color: #806020;
    border-color: #ead8ad;
    background: #fff9ed;
}

.obs-preview__real-metric[b-zxfviw3u9j] {
    display: flex;
    align-items: baseline;
    gap: 8px;
    margin: 18px 0 11px;
}

.obs-preview__real-metric strong[b-zxfviw3u9j] {
    color: var(--obs-primary);
    font-size: clamp(1.7rem, 3vw, 2.45rem);
    font-weight: 950;
}

.obs-preview__real-metric small[b-zxfviw3u9j] {
    color: #718486;
}

.obs-preview__real-metric.is-placeholder[b-zxfviw3u9j] {
    opacity: .58;
}

.obs-preview__spark[b-zxfviw3u9j] {
    display: flex;
    height: 74px;
    align-items: end;
    gap: 5px;
    margin: 13px 0;
    padding: 8px 7px 0;
    border-bottom: 1px solid color-mix(in srgb, var(--obs-primary) 18%, #dce7e5);
    background: linear-gradient(to top, color-mix(in srgb, var(--obs-primary) 3%, transparent), transparent);
}

.obs-preview__spark i[b-zxfviw3u9j] {
    min-height: 6px;
    flex: 1;
    border-radius: 4px 4px 1px 1px;
    background: linear-gradient(var(--obs-secondary), var(--obs-primary));
}

.obs-preview__metrics article[b-zxfviw3u9j]::before {
    position: absolute;
    inset-block: 15px;
    inset-inline-start: 0;
    width: 3px;
    border-radius: 0 3px 3px 0;
    background: linear-gradient(var(--obs-secondary), var(--preview-accent));
    content: "";
}

.obs-preview__metrics article > span[b-zxfviw3u9j],
.obs-preview__metrics article > small[b-zxfviw3u9j] {
    color: #718486;
    font-size: .68rem;
}

.obs-preview__metrics article > span b[b-zxfviw3u9j] {
    margin-inline-start: 5px;
    padding: 2px 6px;
    border-radius: 999px;
    color: var(--obs-primary);
    background: color-mix(in srgb, var(--obs-primary) 8%, #fff);
    font-size: .56rem;
}

.obs-preview__metrics h3[b-zxfviw3u9j] {
    margin: 8px 0;
    color: #1b4144;
    font-size: .9rem;
    font-weight: 950;
}

.obs-audience-tabs button > span[b-zxfviw3u9j] {
    display: inline-grid;
    min-width: 22px;
    height: 22px;
    margin-inline-start: 6px;
    place-items: center;
    border-radius: 999px;
    color: inherit;
    background: color-mix(in srgb, currentColor 8%, transparent);
    font-size: .62rem;
}

.obs-preview__chart[b-zxfviw3u9j] {
    min-height: 220px;
    margin-top: 6px;
}

.obs-preview__table-wrap[b-zxfviw3u9j] {
    max-height: 285px;
    margin: 12px 0 8px;
    overflow: auto;
    border: 1px solid #e1e9e7;
    border-radius: 10px;
}

.obs-preview__table-wrap th[b-zxfviw3u9j],
.obs-preview__table-wrap td[b-zxfviw3u9j] {
    color: #36575a;
    font-size: .68rem;
    text-align: right;
}

.obs-preview__comparison[b-zxfviw3u9j] {
    display: inline-flex;
    margin: 5px 0;
    padding: 4px 8px;
    border-radius: 999px;
    font-weight: 900;
}

.obs-preview__comparison.is-positive[b-zxfviw3u9j] {
    color: #176f5d;
    background: #eaf8f3;
}

.obs-preview__comparison.is-negative[b-zxfviw3u9j] {
    color: #a33e52;
    background: #fff0f3;
}

.obs-preview__placeholder[b-zxfviw3u9j] {
    position: relative;
    height: 50px;
    margin: 12px 0;
    overflow: hidden;
    border-radius: 9px;
    background:
        linear-gradient(120deg, transparent 10%, color-mix(in srgb, var(--obs-primary) 16%, transparent) 11% 14%, transparent 15% 27%, color-mix(in srgb, var(--obs-primary) 28%, transparent) 28% 31%, transparent 32%),
        #f1f6f5;
}

.obs-preview__placeholder[b-zxfviw3u9j]::after {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    height: 1px;
    background: color-mix(in srgb, var(--obs-primary) 22%, transparent);
    content: "";
}

@media (max-width: 1120px) {
    .obs-builder-steps[b-zxfviw3u9j],
    .obs-builder-review__list[b-zxfviw3u9j] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .obs-layout-row__settings > div[b-zxfviw3u9j] {
        grid-template-columns: repeat(2, minmax(150px, 1fr));
    }

    .obs-layout-row__target-settings > div[b-zxfviw3u9j] {
        grid-template-columns: repeat(2, minmax(150px, 1fr));
    }

    .obs-alert-settings__grid[b-zxfviw3u9j] {
        grid-template-columns: repeat(2, minmax(150px, 1fr));
    }

    .obs-builder-layout[b-zxfviw3u9j] {
        grid-template-columns: 1fr;
    }

    .obs-builder-layout.is-index-collapsed[b-zxfviw3u9j] {
        grid-template-columns: 56px minmax(0, 1fr);
    }

    .obs-builder-index[b-zxfviw3u9j] {
        position: static;
        max-height: none;
    }

    .obs-dashboard-list[b-zxfviw3u9j] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .obs-index-live-preview__canvas[b-zxfviw3u9j] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .obs-choice-grid--indicators[b-zxfviw3u9j] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .obs-axis-accordion__indicators[b-zxfviw3u9j] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .obs-page-card[b-zxfviw3u9j] {
        grid-template-columns: 70px repeat(2, minmax(150px, 1fr)) auto;
    }

    .obs-page-card__description[b-zxfviw3u9j] {
        grid-column: 2 / 4;
    }

    .obs-layout-row[b-zxfviw3u9j],
    .obs-layout-row.is-series-control-hidden[b-zxfviw3u9j] {
        grid-template-columns: repeat(2, minmax(160px, 1fr));
    }

    .obs-layout-row__series[b-zxfviw3u9j] {
        grid-column: 1 / -1;
    }

    .obs-choice-grid--organizations[b-zxfviw3u9j] {
        grid-template-columns: repeat(4, minmax(0, 1fr));
    }

    .obs-map-toolbar[b-zxfviw3u9j] {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .obs-map-toolbar > label[b-zxfviw3u9j] {
        grid-column: 1 / -1;
    }

    .obs-axis-strip[b-zxfviw3u9j] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 720px) {
    .obs-builder-layout.is-index-collapsed[b-zxfviw3u9j] {
        grid-template-columns: 1fr;
    }

    .obs-builder-index.is-collapsed[b-zxfviw3u9j] {
        max-height: 62px;
        padding: 10px;
    }

    .obs-builder-index.is-collapsed .obs-builder-index__toggle[b-zxfviw3u9j] {
        width: 100%;
    }

    .obs-builder-index.is-collapsed .obs-builder-index__toggle span[b-zxfviw3u9j] {
        display: inline;
    }

    .obs-index-live-preview__canvas[b-zxfviw3u9j] {
        grid-template-columns: minmax(0, 1fr);
    }

    .obs-layout-field-guide dl[b-zxfviw3u9j] {
        grid-template-columns: 1fr;
    }

    .obs-builder-guide[b-zxfviw3u9j] {
        margin: -4px -4px 22px;
        padding: 14px;
        border-radius: 16px;
    }

    .obs-builder-guide__intro[b-zxfviw3u9j] {
        grid-template-columns: auto minmax(0, 1fr);
        align-items: start;
    }

    .obs-builder-guide__counter[b-zxfviw3u9j] {
        grid-column: 1 / -1;
        justify-self: start;
    }

    .obs-builder-steps[b-zxfviw3u9j] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .obs-builder-steps button[b-zxfviw3u9j] {
        min-height: 64px;
    }

    .obs-builder-steps small[b-zxfviw3u9j] {
        display: none;
    }

    .obs-smart-start[b-zxfviw3u9j] {
        grid-template-columns: auto minmax(0, 1fr);
        padding: 14px;
    }

    .obs-smart-start button[b-zxfviw3u9j] {
        grid-column: 1 / -1;
        width: 100%;
    }

    .obs-builder-review__list[b-zxfviw3u9j],
    .obs-publish-readiness[b-zxfviw3u9j] {
        grid-template-columns: 1fr;
    }

    .obs-optional-section > summary[b-zxfviw3u9j] {
        padding: 11px 12px;
    }

    .is-advanced-section > summary[b-zxfviw3u9j] {
        flex-wrap: wrap;
    }

    .is-advanced-section > summary[b-zxfviw3u9j]::after {
        margin-inline-start: auto;
    }

    .obs-layout-row__settings[b-zxfviw3u9j] {
        grid-column: 1 / -1;
    }

    .obs-layout-row__settings > div[b-zxfviw3u9j] {
        grid-template-columns: 1fr;
    }

    .obs-layout-row__target-settings > div[b-zxfviw3u9j] {
        grid-template-columns: 1fr;
    }

    .obs-alert-settings__head[b-zxfviw3u9j],
    .obs-alert-recipient-picker > header[b-zxfviw3u9j],
    .obs-alert-runtime > header[b-zxfviw3u9j] {
        align-items: stretch;
        flex-direction: column;
    }

    .obs-alert-runtime__actions[b-zxfviw3u9j] {
        justify-content: space-between;
    }

    .obs-alert-settings__condition[b-zxfviw3u9j] {
        align-self: flex-start;
    }

    .obs-alert-settings__grid[b-zxfviw3u9j],
    .obs-alert-recipient-picker__columns[b-zxfviw3u9j] {
        grid-template-columns: 1fr;
    }

    .obs-alert-settings__choice--wide[b-zxfviw3u9j] {
        grid-column: auto;
    }

    .obs-builder-form[b-zxfviw3u9j],
    .obs-builder-index[b-zxfviw3u9j] {
        padding: 18px;
        border-radius: 20px;
    }

    .obs-form-grid[b-zxfviw3u9j],
    .obs-source-grid[b-zxfviw3u9j],
    .obs-source-mode[b-zxfviw3u9j],
    .obs-source-binding-grid[b-zxfviw3u9j],
    .obs-dashboard-sources[b-zxfviw3u9j],
    .obs-dashboard-list[b-zxfviw3u9j],
    .obs-choice-grid[b-zxfviw3u9j] {
        grid-template-columns: 1fr;
    }

    .obs-audience-source-scope__toggle[b-zxfviw3u9j] {
        grid-template-columns: auto minmax(0, 1fr);
    }

    .obs-audience-source-scope__toggle > b[b-zxfviw3u9j] {
        grid-column: 2;
        justify-self: start;
    }

    .obs-audience-source-scope__options strong[b-zxfviw3u9j] {
        display: -webkit-box;
        overflow: hidden;
        white-space: normal;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
        line-clamp: 2;
    }

    .obs-source-relation[b-zxfviw3u9j] {
        grid-template-columns: 1fr;
    }

    .obs-source-relation__result[b-zxfviw3u9j],
    .obs-source-relation__preview[b-zxfviw3u9j] {
        grid-column: auto;
    }

    .obs-dashboard-source-card__confirm[b-zxfviw3u9j] {
        grid-template-columns: 1fr;
    }

    .obs-dashboard-source-card__confirm button[b-zxfviw3u9j] {
        width: 100%;
    }

    .obs-layout-editor[b-zxfviw3u9j] {
        padding: 14px;
    }

    .obs-page-editor[b-zxfviw3u9j] {
        padding: 14px;
    }

    .obs-page-card[b-zxfviw3u9j] {
        grid-template-columns: 58px minmax(0, 1fr);
        align-items: end;
    }

    .obs-page-card > label[b-zxfviw3u9j],
    .obs-page-card__description[b-zxfviw3u9j],
    .obs-page-card__actions[b-zxfviw3u9j] {
        grid-column: 1 / -1;
    }

    .obs-page-card__number[b-zxfviw3u9j] {
        grid-column: 1 / -1;
        grid-template-columns: auto auto;
        min-height: 42px;
        align-content: center;
        justify-content: start;
        padding-inline: 12px;
    }

    .obs-page-card__actions[b-zxfviw3u9j] {
        flex-wrap: wrap;
    }

    .obs-layout-row[b-zxfviw3u9j],
    .obs-layout-row.is-series-control-hidden[b-zxfviw3u9j] {
        grid-template-columns: 1fr;
        align-items: end;
    }

    .obs-layout-row__series[b-zxfviw3u9j] {
        grid-column: 1 / -1;
    }

    .obs-layout-row__banner[b-zxfviw3u9j] {
        grid-template-columns: auto minmax(0, 1fr);
    }

    .obs-layout-row__banner-actions[b-zxfviw3u9j] {
        grid-column: 1 / -1;
        grid-template-columns: minmax(120px, .72fr) minmax(230px, 1.28fr);
    }

    .obs-layout-row__banner-picker[b-zxfviw3u9j] {
        grid-column: 1 / -1;
        min-width: 0;
    }

    .obs-series-picker__panel[b-zxfviw3u9j] {
        width: 100%;
        min-width: 100%;
    }

    .obs-preview__metrics[b-zxfviw3u9j] {
        grid-template-columns: 1fr;
    }

    .obs-preview__metrics article[b-zxfviw3u9j] {
        grid-column: 1;
    }

    .obs-source-flow[b-zxfviw3u9j] {
        align-items: stretch;
        overflow-x: auto;
    }

    .obs-source-flow > span[b-zxfviw3u9j] {
        min-width: 105px;
        justify-content: center;
    }

    .obs-source-version__head[b-zxfviw3u9j] {
        align-items: flex-start;
        flex-wrap: wrap;
    }

    .obs-data-ready[b-zxfviw3u9j] {
        width: 100%;
        justify-content: center;
    }

    .obs-map-toolbar[b-zxfviw3u9j],
    .obs-axis-strip[b-zxfviw3u9j] {
        grid-template-columns: 1fr;
    }

    .obs-map-toolbar > label[b-zxfviw3u9j] {
        grid-column: auto;
    }

    .obs-choice-grid--indicators[b-zxfviw3u9j] {
        grid-template-columns: 1fr;
    }

    .obs-axis-accordion__header[b-zxfviw3u9j] {
        grid-template-columns: 1fr;
    }

    .obs-axis-accordion[b-zxfviw3u9j] {
        max-height: min(62vh, 590px);
    }

    .obs-axis-accordion__summary[b-zxfviw3u9j] {
        min-height: 68px;
        grid-template-columns: 35px minmax(0, 1fr) 16px;
        gap: 9px;
        padding: 10px 11px;
    }

    .obs-axis-accordion__number[b-zxfviw3u9j] {
        width: 35px;
        height: 35px;
    }

    .obs-axis-accordion__selection[b-zxfviw3u9j] {
        grid-column: 2 / 4;
        grid-row: 2;
    }

    .obs-axis-accordion__chevron[b-zxfviw3u9j] {
        grid-column: 3;
        grid-row: 1;
    }

    .obs-axis-accordion__toggle[b-zxfviw3u9j] {
        display: flex;
        min-width: 0;
        align-items: center;
        justify-content: flex-end;
        gap: 7px;
        padding: 8px 11px;
        border-top: 1px solid #e2ebe9;
        border-inline-start: 0;
    }

    .obs-axis-accordion__panel[b-zxfviw3u9j] {
        padding: 10px;
    }

    .obs-axis-accordion__panel-head[b-zxfviw3u9j] {
        align-items: stretch;
        flex-direction: column;
    }

    .obs-axis-accordion__panel-head button[b-zxfviw3u9j] {
        width: 100%;
        justify-content: center;
    }

    .obs-axis-accordion__indicators[b-zxfviw3u9j] {
        max-height: 300px;
        grid-template-columns: 1fr;
    }

    .obs-builder-stage--audience .obs-choice-grid[b-zxfviw3u9j] {
        max-height: none;
        overflow: visible;
    }

    .obs-choice-grid--organizations[b-zxfviw3u9j] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .obs-builder-form > .obs-builder-section-head[b-zxfviw3u9j] {
        padding-inline-start: 52px;
    }

    .obs-builder-section-head[b-zxfviw3u9j] {
        align-items: flex-start;
    }

    .obs-audience-tabs[b-zxfviw3u9j] {
        overflow-x: auto;
    }

    .obs-audience-tabs button[b-zxfviw3u9j] {
        min-width: 130px;
        flex: 0 0 auto;
    }

    .obs-export-rights[b-zxfviw3u9j] {
        grid-template-columns: 1fr;
    }

    .obs-export-rights small[b-zxfviw3u9j] {
        grid-column: auto;
    }

    .obs-dashboard-governance-grid[b-zxfviw3u9j] {
        grid-template-columns: 1fr;
    }

    .obs-governance-card__head[b-zxfviw3u9j] {
        grid-template-columns: auto minmax(0, 1fr);
    }

    .obs-governance-card__count[b-zxfviw3u9j] {
        grid-column: 1 / -1;
        justify-self: start;
    }

    .obs-governance-panel__head[b-zxfviw3u9j] {
        grid-template-columns: auto minmax(0, 1fr);
    }

    .obs-governance-panel__head > strong[b-zxfviw3u9j] {
        grid-column: 1 / -1;
        justify-self: start;
    }

    .obs-governance-error[b-zxfviw3u9j] {
        align-items: stretch;
        flex-direction: column;
    }

    .obs-share-created > label[b-zxfviw3u9j] {
        grid-template-columns: 1fr;
    }

    .obs-share-created input[b-zxfviw3u9j],
    .obs-share-created label button[b-zxfviw3u9j] {
        min-height: 44px;
        border-radius: 9px;
    }

    .obs-builder-footer[b-zxfviw3u9j] {
        position: static;
        margin-inline: 0;
        background: #fff;
        backdrop-filter: none;
    }

    .obs-builder-footer .obs-btn[b-zxfviw3u9j] {
        width: 100%;
        justify-content: center;
    }

    .obs-wizard-navigation[b-zxfviw3u9j] {
        bottom: 0;
        flex-wrap: wrap;
        margin: 22px -8px -8px;
        padding: 10px;
        border-radius: 14px 14px 8px 8px;
    }

    .obs-wizard-navigation__status[b-zxfviw3u9j] {
        order: -2;
        width: 100%;
        min-width: 0;
        flex-basis: 100%;
    }

    .obs-wizard-navigation__hint[b-zxfviw3u9j] {
        order: -1;
        width: 100%;
        max-width: none;
        flex-basis: 100%;
        padding-inline: 4px;
    }

    .obs-wizard-navigation > .obs-btn[b-zxfviw3u9j] {
        min-width: 0;
        flex: 1 1 calc(50% - 5px);
        justify-content: center;
    }

    .obs-preview__head[b-zxfviw3u9j] {
        flex-direction: column;
    }
}

@media (max-width: 419.98px) {
    .obs-builder-steps[b-zxfviw3u9j] {
        display: flex;
        margin-inline: -4px;
        padding: 3px 4px 8px;
        overflow-x: auto;
        scroll-snap-type: inline mandatory;
    }

    .obs-builder-steps button[b-zxfviw3u9j] {
        min-width: 128px;
        min-height: 56px;
        flex: 0 0 128px;
        scroll-snap-align: start;
    }

    .obs-choice-grid--organizations[b-zxfviw3u9j] {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 1120px) {
    .obs-visual-picker__grid[b-zxfviw3u9j] {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .obs-final-summary > div[b-zxfviw3u9j] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 720px) {
    .obs-visual-picker__grid[b-zxfviw3u9j] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .obs-builder-mode[b-zxfviw3u9j] {
        align-items: stretch;
        flex-direction: column;
    }

    .obs-builder-mode button[b-zxfviw3u9j] {
        width: 100%;
        justify-content: center;
    }

    .obs-final-summary > div[b-zxfviw3u9j] {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 450px) {
    .obs-layout-row__banner-actions[b-zxfviw3u9j] {
        grid-template-columns: 1fr;
    }

    .obs-widget-card-preview-trigger[b-zxfviw3u9j],
    .obs-layout-row__banner-picker[b-zxfviw3u9j] {
        width: 100%;
    }

    .obs-visual-picker > summary[b-zxfviw3u9j] {
        grid-template-columns: auto minmax(0, 1fr);
    }

    .obs-visual-picker__change[b-zxfviw3u9j] {
        min-height: auto;
        grid-column: 2;
        justify-self: start;
        padding: 0;
        background: transparent;
    }

    .obs-visual-picker[open] .obs-visual-picker__change[b-zxfviw3u9j] {
        color: var(--obs-primary);
        background: transparent;
    }

    .obs-visual-picker__panel > header[b-zxfviw3u9j] {
        align-items: flex-start;
        flex-direction: column;
    }

    .obs-visual-picker__grid[b-zxfviw3u9j] {
        grid-template-columns: 1fr;
    }

    .obs-live-preview > header[b-zxfviw3u9j] {
        grid-template-columns: auto minmax(0, 1fr);
    }

    .obs-live-preview__live[b-zxfviw3u9j] {
        grid-column: 2;
        justify-self: start;
    }

    .obs-live-preview__canvas[b-zxfviw3u9j] {
        grid-template-columns: 1fr;
    }

    .obs-live-preview__item.is-wide[b-zxfviw3u9j] {
        grid-column: auto;
    }
}

@media (prefers-reduced-motion: reduce) {
    .obs-builder-stage.is-active[b-zxfviw3u9j] {
        animation: none;
    }

    .obs-icon-button[b-zxfviw3u9j],
    .obs-dashboard-list__item[b-zxfviw3u9j],
    .obs-dashboard-source-card[b-zxfviw3u9j],
    .obs-choice-card[b-zxfviw3u9j],
    .obs-simple-choice[b-zxfviw3u9j],
    .obs-live-preview__live i[b-zxfviw3u9j],
    .obs-switch-line__control[b-zxfviw3u9j]::after {
        transition: none;
        animation: none;
    }

    .obs-live-preview__item.is-hold-pending[b-zxfviw3u9j]::after {
        animation: none;
        transform: scaleX(1);
    }
}
/* _content/Starterkit/Observatory/Components/DashboardTargetTrackingVisual.razor.rz.scp.css */
.obs-target-visual[b-7gtyux8w5q] {
    display: grid;
    gap: 11px;
    color: #39585b;
    --target-color: var(--widget-accent, var(--preview-accent, #0b4f52));
    --target-status: #b48a45;
    --target-status-soft: #fff8e9;
}

.obs-target-visual.is-achieved[b-7gtyux8w5q] {
    --target-status: #187052;
    --target-status-soft: #eaf8f2;
}

.obs-target-visual.is-critical[b-7gtyux8w5q] {
    --target-status: #a33e52;
    --target-status-soft: #fff0f3;
}

.obs-target-visual.is-no-data[b-7gtyux8w5q] {
    --target-status: #718486;
    --target-status-soft: #f1f5f4;
}

.obs-target-visual__invalid[b-7gtyux8w5q] {
    display: flex;
    min-height: 110px;
    align-items: center;
    justify-content: center;
    gap: 8px;
    padding: 16px;
    border: 1px dashed #deb9c0;
    border-radius: 12px;
    color: #923b4b;
    background: #fff5f6;
    font-size: .72rem;
    font-weight: 850;
    line-height: 1.7;
    text-align: center;
}

.obs-target-visual__reading[b-7gtyux8w5q] {
    display: flex;
    align-items: baseline;
    flex-wrap: wrap;
    gap: 7px;
    margin-top: 4px;
}

.obs-target-visual__reading strong[b-7gtyux8w5q],
.obs-target-visual__gauge-reading strong[b-7gtyux8w5q] {
    color: #173f43;
    font-size: clamp(1.8rem, 3.8vw, 3rem);
    font-weight: 950;
    letter-spacing: -.035em;
    line-height: 1;
}

.obs-target-visual__reading small[b-7gtyux8w5q],
.obs-target-visual__gauge-reading small[b-7gtyux8w5q],
.obs-target-visual__target-line small[b-7gtyux8w5q] {
    color: #708486;
    font-size: .68rem;
    font-weight: 850;
}

.obs-target-visual__progress-head[b-7gtyux8w5q],
.obs-target-visual__target-line[b-7gtyux8w5q],
.obs-target-visual__status[b-7gtyux8w5q],
.obs-target-visual__comparison[b-7gtyux8w5q] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
}

.obs-target-visual__progress-head[b-7gtyux8w5q] {
    color: #657b7d;
    font-size: .64rem;
    font-weight: 850;
}

.obs-target-visual__progress-head bdi[b-7gtyux8w5q] {
    color: var(--target-status);
    font-weight: 950;
}

.obs-target-visual__progress[b-7gtyux8w5q] {
    position: relative;
    height: 10px;
    overflow: hidden;
    border-radius: 999px;
    background: #e8efed;
    box-shadow: inset 0 1px 2px rgba(13, 55, 58, .09);
}

.obs-target-visual__progress > span[b-7gtyux8w5q] {
    position: absolute;
    inset-block: 0;
    inset-inline-start: 0;
    width: var(--target-progress, 0%);
    border-radius: inherit;
    background: linear-gradient(90deg, var(--target-color), var(--target-status));
    transition: width .35s ease;
}

.obs-target-visual__target-line[b-7gtyux8w5q] {
    padding: 9px 10px;
    border: 1px solid color-mix(in srgb, var(--target-color) 14%, #dce7e5);
    border-radius: 10px;
    background: color-mix(in srgb, var(--target-color) 4%, #fff);
}

.obs-target-visual__target-line > span[b-7gtyux8w5q] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    color: #5d7476;
    font-size: .65rem;
    font-weight: 850;
}

.obs-target-visual__target-line > span i[b-7gtyux8w5q] {
    color: var(--target-color);
}

.obs-target-visual__target-line strong[b-7gtyux8w5q] {
    display: inline-flex;
    align-items: baseline;
    gap: 5px;
    color: #21494c;
    font-size: .8rem;
    font-weight: 950;
}

.obs-target-visual__status[b-7gtyux8w5q] {
    align-items: flex-start;
    padding: 8px 10px;
    border-radius: 10px;
    color: var(--target-status);
    background: var(--target-status-soft);
}

.obs-target-visual__status > span[b-7gtyux8w5q] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    font-size: .65rem;
    font-weight: 950;
}

.obs-target-visual__status small[b-7gtyux8w5q] {
    color: inherit;
    font-size: .58rem;
    font-weight: 800;
    line-height: 1.55;
    text-align: end;
}

.obs-target-visual__comparison[b-7gtyux8w5q] {
    width: fit-content;
    justify-content: flex-start;
    padding: 5px 8px;
    border: 1px solid transparent;
    border-radius: 999px;
    font-size: .61rem;
    font-weight: 900;
}

.obs-target-visual__comparison.is-improvement[b-7gtyux8w5q] {
    border-color: #c9ead8;
    color: #176542;
    background: #edf9f3;
}

.obs-target-visual__comparison.is-decline[b-7gtyux8w5q] {
    border-color: #f0ced4;
    color: #9e3447;
    background: #fff2f4;
}

.obs-target-visual__comparison.is-neutral[b-7gtyux8w5q] {
    border-color: #dbe5e3;
    color: #617779;
    background: #f3f6f5;
}

.obs-target-visual__direction[b-7gtyux8w5q] {
    color: #718486;
    font-size: .56rem;
    font-weight: 750;
    line-height: 1.55;
}

.obs-target-visual__gauge[b-7gtyux8w5q] {
    position: relative;
    max-width: 310px;
    margin: 0 auto -4px;
}

.obs-target-visual__gauge svg[b-7gtyux8w5q] {
    display: block;
    width: 100%;
    overflow: visible;
}

.obs-target-visual__gauge-track[b-7gtyux8w5q],
.obs-target-visual__gauge-value[b-7gtyux8w5q] {
    fill: none;
    stroke-linecap: round;
    stroke-width: 16;
}

.obs-target-visual__gauge-track[b-7gtyux8w5q] {
    stroke: #e6eeec;
}

.obs-target-visual__gauge-value[b-7gtyux8w5q] {
    stroke: var(--target-status);
    transition: stroke-dasharray .4s ease;
}

.obs-target-visual__gauge-target[b-7gtyux8w5q] {
    stroke: #243f43;
    stroke-linecap: round;
    stroke-width: 4;
    filter: drop-shadow(0 1px 1px rgba(255, 255, 255, .8));
}

.obs-target-visual__gauge-reading[b-7gtyux8w5q] {
    position: absolute;
    inset-inline: 18%;
    inset-block-end: 16px;
    display: flex;
    align-items: baseline;
    justify-content: center;
    gap: 5px;
    text-align: center;
}

.obs-target-visual__gauge-reading strong[b-7gtyux8w5q] {
    font-size: clamp(1.45rem, 3vw, 2.35rem);
}

.obs-target-visual__gauge-range[b-7gtyux8w5q] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin: -10px 12px 0;
    color: #718486;
    font-size: .58rem;
    font-weight: 800;
}

@media (prefers-reduced-motion: reduce) {
    .obs-target-visual__progress > span[b-7gtyux8w5q],
    .obs-target-visual__gauge-value[b-7gtyux8w5q] {
        transition: none;
    }
}

@media (max-width: 520px) {
    .obs-target-visual__status[b-7gtyux8w5q] {
        align-items: stretch;
        flex-direction: column;
        gap: 4px;
    }

    .obs-target-visual__status small[b-7gtyux8w5q] {
        text-align: start;
    }
}
/* _content/Starterkit/Observatory/Components/DashboardVisualizationSample.razor.rz.scp.css */
.obs-viz-sample[b-gvzr5kue96] {
    --sample-primary: var(--banner-accent, var(--obs-primary, #0b615f));
    --sample-secondary: var(--obs-secondary, #b98a35);
    --sample-ink: #244a4d;
    --sample-muted: #536f72;
    display: grid;
    width: 100%;
    min-width: 0;
    min-height: 96px;
    max-height: 118px;
    aspect-ratio: 2.12 / 1;
    place-items: stretch;
    overflow: hidden;
    padding: 7px;
    border: 1px solid color-mix(in srgb, var(--sample-primary) 11%, #dde8e6);
    border-radius: 10px;
    color: var(--sample-ink);
    background:
        radial-gradient(circle at 88% 10%, color-mix(in srgb, var(--sample-secondary) 9%, transparent), transparent 34%),
        linear-gradient(155deg, #fbfdfc, #f2f7f6);
    font-family: inherit;
    line-height: 1.35;
    direction: rtl;
    isolation: isolate;
}

.obs-viz-sample svg[b-gvzr5kue96] {
    display: block;
    width: 100%;
    height: 100%;
    min-height: 0;
    overflow: visible;
}

.obs-viz-sample svg text[b-gvzr5kue96] {
    fill: var(--sample-muted);
    font-family: inherit;
    font-size: 11px;
    font-weight: 800;
    direction: rtl;
}

.sample-grid[b-gvzr5kue96] {
    fill: none;
    stroke: #dfe9e7;
    stroke-linecap: round;
    stroke-width: 1;
}

.sample-axis-labels text[b-gvzr5kue96] {
    font-size: 9.5px;
    text-anchor: middle;
}

.sample-line[b-gvzr5kue96],
.sample-line-secondary[b-gvzr5kue96] {
    fill: none;
    stroke: var(--sample-primary);
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke-width: 3.5;
}

.sample-line-secondary[b-gvzr5kue96] {
    stroke: var(--sample-secondary);
    stroke-width: 2.5;
}

.sample-points circle[b-gvzr5kue96],
.sample-points-secondary circle[b-gvzr5kue96] {
    fill: #fff;
    stroke: var(--sample-primary);
    stroke-width: 2;
}

.sample-points-secondary circle[b-gvzr5kue96] {
    stroke: var(--sample-secondary);
}

.sample-card-value[b-gvzr5kue96],
.sample-kpi[b-gvzr5kue96],
.sample-narrative[b-gvzr5kue96],
.sample-slicer[b-gvzr5kue96],
.sample-unknown[b-gvzr5kue96] {
    display: grid;
    min-width: 0;
    align-content: center;
}

.sample-card-value[b-gvzr5kue96] {
    justify-items: start;
    gap: 2px;
    padding: 3px 10px;
}

.sample-card-value small[b-gvzr5kue96],
.sample-kpi small[b-gvzr5kue96],
.sample-slicer small[b-gvzr5kue96] {
    color: var(--sample-muted);
    font-size: clamp(.68rem, 2.7vw, .78rem);
    font-weight: 850;
}

.sample-card-value strong[b-gvzr5kue96] {
    color: var(--sample-primary);
    font-size: clamp(1.35rem, 7vw, 2rem);
    font-weight: 950;
    letter-spacing: -.04em;
    line-height: 1;
}

.sample-card-value span[b-gvzr5kue96] {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    color: #27765e;
    font-size: clamp(.62rem, 2.2vw, .72rem);
    font-weight: 850;
}

.sample-card-value span i[b-gvzr5kue96] {
    display: grid;
    width: 18px;
    height: 18px;
    place-items: center;
    border-radius: 50%;
    background: #e4f4ed;
    font-style: normal;
}

.sample-kpi[b-gvzr5kue96] {
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: end;
    gap: 6px 12px;
    padding: 5px 10px;
}

.sample-kpi > span:first-child[b-gvzr5kue96] {
    display: grid;
}

.sample-kpi strong[b-gvzr5kue96] {
    color: var(--sample-primary);
    font-size: clamp(1.25rem, 6vw, 1.8rem);
    font-weight: 950;
    line-height: 1;
}

.sample-kpi__target[b-gvzr5kue96] {
    padding: 4px 7px;
    border-radius: 999px;
    color: #8a6422;
    background: #fff4df;
    font-size: clamp(.62rem, 2.1vw, .7rem);
    font-weight: 900;
}

.sample-progress[b-gvzr5kue96] {
    position: relative;
    height: 8px;
    grid-column: 1 / -1;
    overflow: hidden;
    border-radius: 999px;
    background: #dfe9e7;
}

.sample-progress i[b-gvzr5kue96] {
    position: absolute;
    inset-block: 0;
    inset-inline-start: 0;
    width: 84%;
    border-radius: inherit;
    background: linear-gradient(90deg, var(--sample-primary), #4cad8b);
}

.sample-gauge-track[b-gvzr5kue96],
.sample-gauge-value[b-gvzr5kue96] {
    fill: none;
    stroke-linecap: round;
    stroke-width: 14;
}

.sample-gauge-track[b-gvzr5kue96] { stroke: #dfe9e7; }
.sample-gauge-value[b-gvzr5kue96] {
    stroke: var(--sample-primary);
    stroke-dasharray: 74 100;
}

.sample-gauge-target[b-gvzr5kue96] {
    stroke: var(--sample-secondary);
    stroke-linecap: round;
    stroke-width: 4;
}

.obs-viz-sample svg .sample-value[b-gvzr5kue96] {
    fill: var(--sample-ink);
    font-size: 24px;
    font-weight: 950;
}

.obs-viz-sample svg .sample-value-small[b-gvzr5kue96] {
    fill: var(--sample-ink);
    font-size: 14px;
    font-weight: 950;
}

.obs-viz-sample svg .sample-caption[b-gvzr5kue96] {
    fill: var(--sample-muted);
    font-size: 9px;
}

.sample-area[b-gvzr5kue96] {
    fill: color-mix(in srgb, var(--sample-primary) 20%, transparent);
}

.sample-stack-one[b-gvzr5kue96] { fill: color-mix(in srgb, var(--sample-primary) 72%, #fff); }
.sample-stack-two[b-gvzr5kue96] { fill: color-mix(in srgb, var(--sample-secondary) 66%, #fff); }
.sample-stack-three[b-gvzr5kue96] { fill: #c9dcda; }

.sample-bars-horizontal rect[b-gvzr5kue96],
.sample-columns rect[b-gvzr5kue96] {
    fill: color-mix(in srgb, var(--sample-primary) 78%, #fff);
}

.sample-bars-horizontal rect:nth-of-type(2)[b-gvzr5kue96],
.sample-columns rect:nth-child(2)[b-gvzr5kue96] { fill: color-mix(in srgb, var(--sample-secondary) 74%, #fff); }
.sample-bars-horizontal rect:nth-of-type(3)[b-gvzr5kue96],
.sample-columns rect:nth-child(4)[b-gvzr5kue96] { fill: #8eb9af; }

.sample-bars-horizontal text:first-of-type[b-gvzr5kue96],
.sample-bars-horizontal text:nth-of-type(3)[b-gvzr5kue96],
.sample-bars-horizontal text:nth-of-type(5)[b-gvzr5kue96] {
    text-anchor: end;
}

.sample-bars-horizontal text:nth-of-type(2)[b-gvzr5kue96],
.sample-bars-horizontal text:nth-of-type(4)[b-gvzr5kue96],
.sample-bars-horizontal text:nth-of-type(6)[b-gvzr5kue96] {
    fill: var(--sample-ink);
    font-weight: 950;
}

.sample-ribbons path[b-gvzr5kue96] {
    fill: none;
    stroke-linecap: round;
    stroke-width: 11;
    opacity: .78;
}

.sample-ribbons path:nth-child(1)[b-gvzr5kue96] { stroke: var(--sample-primary); }
.sample-ribbons path:nth-child(2)[b-gvzr5kue96] { stroke: var(--sample-secondary); }
.sample-ribbons path:nth-child(3)[b-gvzr5kue96] { stroke: #8caeaa; }

.sample-part-whole[b-gvzr5kue96] {
    display: grid;
    min-width: 0;
    grid-template-columns: minmax(86px, .9fr) minmax(82px, 1.1fr);
    align-items: center;
    gap: 4px;
}

.sample-pie-base[b-gvzr5kue96] { fill: #dce8e6; }
.sample-pie-one[b-gvzr5kue96] {
    fill: none;
    stroke: var(--sample-primary);
    stroke-dasharray: 58 42;
    stroke-width: 76;
    transform: rotate(-90deg);
    transform-origin: 58px 56px;
}

.sample-pie-slice[b-gvzr5kue96] { fill: var(--sample-secondary); }

.sample-donut-track[b-gvzr5kue96],
.sample-donut-value[b-gvzr5kue96] {
    fill: none;
    stroke-width: 15;
}

.sample-donut-track[b-gvzr5kue96] { stroke: #dce8e6; }
.sample-donut-value[b-gvzr5kue96] {
    stroke: var(--sample-primary);
    stroke-dasharray: 68 32;
    stroke-linecap: round;
    transform: rotate(-90deg);
    transform-origin: 58px 56px;
}

.sample-legend[b-gvzr5kue96] {
    display: grid;
    min-width: 0;
    gap: 5px;
    color: var(--sample-muted);
    font-size: clamp(.6rem, 2vw, .68rem);
    font-weight: 800;
}

.sample-legend span[b-gvzr5kue96] {
    display: grid;
    min-width: 0;
    grid-template-columns: 7px minmax(0, 1fr) auto;
    align-items: center;
    gap: 4px;
}

.sample-legend i[b-gvzr5kue96] {
    width: 7px;
    height: 7px;
    border-radius: 2px;
    background: var(--sample-primary);
}

.sample-legend span:nth-child(2) i[b-gvzr5kue96] { background: var(--sample-secondary); }
.sample-legend span:nth-child(3) i[b-gvzr5kue96] { background: #9db6b2; }
.sample-legend small[b-gvzr5kue96] { color: var(--sample-ink); font-weight: 900; }

.sample-treemap rect[b-gvzr5kue96] { stroke: #fff; stroke-width: 3; }
.sample-treemap rect:nth-child(1)[b-gvzr5kue96] { fill: var(--sample-primary); }
.sample-treemap rect:nth-child(2)[b-gvzr5kue96] { fill: color-mix(in srgb, var(--sample-secondary) 80%, #fff); }
.sample-treemap rect:nth-child(3)[b-gvzr5kue96] { fill: #78a99e; }
.sample-treemap rect:nth-child(4)[b-gvzr5kue96] { fill: #b7cfca; }

.sample-block-labels text[b-gvzr5kue96] {
    fill: #fff !important;
    font-size: 10px !important;
    font-weight: 900 !important;
    text-anchor: middle;
}

.sample-matrix[b-gvzr5kue96],
.sample-table[b-gvzr5kue96] {
    display: grid;
    min-width: 0;
    align-content: center;
    overflow: hidden;
    border: 1px solid #dce7e5;
    border-radius: 8px;
    background: #fff;
    font-size: clamp(.58rem, 1.9vw, .66rem);
}

.sample-matrix[b-gvzr5kue96] {
    grid-template-columns: 1.35fr repeat(3, 1fr);
}

.sample-matrix > *[b-gvzr5kue96] {
    display: grid;
    min-width: 0;
    min-height: 20px;
    place-items: center;
    padding: 2px;
    border-inline-start: 1px solid #e4ecea;
    border-block-start: 1px solid #e4ecea;
    font-style: normal;
}

.sample-matrix strong[b-gvzr5kue96],
.sample-matrix b[b-gvzr5kue96] {
    color: var(--sample-ink);
    background: #edf5f3;
    font-weight: 900;
}

.sample-matrix i:nth-of-type(3n + 2)[b-gvzr5kue96],
.sample-matrix i:nth-of-type(3n + 3)[b-gvzr5kue96] {
    color: #fff;
    background: color-mix(in srgb, var(--sample-primary) 58%, #fff);
}

.sample-tree-lines path[b-gvzr5kue96] {
    fill: none;
    stroke: #a8c0bc;
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke-width: 2;
}

.sample-tree-nodes rect[b-gvzr5kue96] { fill: #edf5f3; stroke: #bfd2ce; }
.sample-tree-nodes rect:first-child[b-gvzr5kue96] { fill: var(--sample-primary); stroke: var(--sample-primary); }
.sample-tree-labels text[b-gvzr5kue96] { text-anchor: middle; font-size: 9px !important; }
.sample-tree-labels text:first-child[b-gvzr5kue96] { fill: #fff !important; }

.sample-funnel path:nth-child(1)[b-gvzr5kue96] { fill: var(--sample-primary); }
.sample-funnel path:nth-child(2)[b-gvzr5kue96] { fill: color-mix(in srgb, var(--sample-primary) 58%, var(--sample-secondary)); }
.sample-funnel path:nth-child(3)[b-gvzr5kue96] { fill: color-mix(in srgb, var(--sample-secondary) 75%, #fff); }
.sample-funnel-labels text[b-gvzr5kue96] { fill: #fff !important; text-anchor: middle; font-weight: 900 !important; }

.sample-trend-dashed[b-gvzr5kue96] {
    fill: none;
    stroke: var(--sample-secondary);
    stroke-dasharray: 4 4;
    stroke-width: 2;
}

.sample-scatter circle[b-gvzr5kue96] {
    fill: color-mix(in srgb, var(--sample-primary) 76%, #fff);
    stroke: #fff;
    stroke-width: 2;
}

.sample-bubbles circle[b-gvzr5kue96] {
    fill: color-mix(in srgb, var(--sample-primary) 48%, transparent);
    stroke: var(--sample-primary);
    stroke-width: 2;
}

.sample-bubbles circle:nth-child(even)[b-gvzr5kue96] {
    fill: color-mix(in srgb, var(--sample-secondary) 45%, transparent);
    stroke: var(--sample-secondary);
}

.obs-viz-sample svg .sample-axis-title[b-gvzr5kue96] {
    fill: var(--sample-muted);
    font-size: 9px;
    text-anchor: middle;
}

.sample-combo-bars rect[b-gvzr5kue96] { fill: color-mix(in srgb, var(--sample-primary) 68%, #fff); }
.sample-combo-bars rect:nth-child(even)[b-gvzr5kue96] { fill: #98bdb5; }

.sample-waterfall-lines path[b-gvzr5kue96] {
    fill: none;
    stroke: #9fb5b1;
    stroke-dasharray: 3 2;
}

.sample-waterfall rect[b-gvzr5kue96] { fill: #4aa482; }
.sample-waterfall rect.is-down[b-gvzr5kue96] { fill: #cc6f71; }
.sample-waterfall rect.is-total[b-gvzr5kue96] { fill: var(--sample-primary); }

.sample-map-shape[b-gvzr5kue96] {
    fill: #e1eeeb;
    stroke: #9cbbb5;
    stroke-linejoin: round;
    stroke-width: 2;
}

.sample-map-points circle[b-gvzr5kue96] {
    fill: color-mix(in srgb, var(--sample-secondary) 72%, #fff);
    stroke: #fff;
    stroke-width: 3;
}

.sample-map-points circle:nth-child(even)[b-gvzr5kue96] { fill: var(--sample-primary); }
.sample-map-labels text[b-gvzr5kue96] { fill: var(--sample-ink) !important; text-anchor: middle; }

.sample-regions path[b-gvzr5kue96] {
    stroke: #fff;
    stroke-linejoin: round;
    stroke-width: 3;
}

.sample-regions path:nth-child(1)[b-gvzr5kue96] { fill: #b9d4cf; }
.sample-regions path:nth-child(2)[b-gvzr5kue96] { fill: #6ba695; }
.sample-regions path:nth-child(3)[b-gvzr5kue96] { fill: color-mix(in srgb, var(--sample-secondary) 63%, #fff); }
.sample-regions path:nth-child(4)[b-gvzr5kue96] { fill: var(--sample-primary); }
.sample-region-labels text[b-gvzr5kue96] { fill: #fff !important; text-anchor: middle; font-weight: 950 !important; }

.sample-table[b-gvzr5kue96] {
    padding: 0;
}

.sample-table > span[b-gvzr5kue96] {
    display: grid;
    min-width: 0;
    grid-template-columns: 1.4fr 1fr 1fr;
}

.sample-table > span > *[b-gvzr5kue96] {
    min-width: 0;
    padding: 5px 6px;
    overflow: hidden;
    border-inline-start: 1px solid #e3ecea;
    border-block-start: 1px solid #e3ecea;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.sample-table > span:first-child[b-gvzr5kue96] {
    color: var(--sample-ink);
    background: #eaf3f1;
}

.sample-table > span:not(:first-child):nth-child(odd)[b-gvzr5kue96] { background: #f8fbfa; }

.sample-slicer[b-gvzr5kue96] {
    gap: 7px;
    padding: 5px 8px;
}

.sample-slicer > span[b-gvzr5kue96] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 5px;
}

.sample-slicer span[b-gvzr5kue96] {
    display: flex;
    min-height: 30px;
    align-items: center;
    justify-content: center;
    gap: 4px;
    border: 1px solid #d6e4e1;
    border-radius: 8px;
    color: var(--sample-muted);
    background: #fff;
    font-size: clamp(.62rem, 2.3vw, .7rem);
    font-weight: 850;
}

.sample-slicer span.is-selected[b-gvzr5kue96] {
    border-color: var(--sample-primary);
    color: #fff;
    background: var(--sample-primary);
}

.sample-slicer span i[b-gvzr5kue96] { font-style: normal; }
.sample-slicer b[b-gvzr5kue96] { color: #526b6e; font-size: clamp(.58rem, 1.9vw, .65rem); }

.sample-narrative[b-gvzr5kue96] {
    gap: 7px;
    padding: 5px 9px;
}

.sample-narrative > span[b-gvzr5kue96] {
    display: flex;
    align-items: center;
    gap: 5px;
    color: var(--sample-primary);
    font-size: clamp(.62rem, 2.2vw, .7rem);
    font-weight: 950;
}

.sample-narrative > span i[b-gvzr5kue96] {
    display: grid;
    width: 19px;
    height: 19px;
    place-items: center;
    border-radius: 6px;
    color: #7b5b22;
    background: #fff1d3;
    font-style: normal;
}

.sample-narrative__text[b-gvzr5kue96] {
    display: block;
    margin: 0;
    color: #526d70;
    font-size: clamp(.61rem, 2.15vw, .69rem);
    font-weight: 750;
    line-height: 1.65;
}

.sample-narrative__text strong[b-gvzr5kue96] { color: var(--sample-ink); }

.sample-narrative__bars[b-gvzr5kue96] {
    display: flex;
    gap: 4px;
}

.sample-narrative__bars i[b-gvzr5kue96] {
    height: 4px;
    border-radius: 999px;
    background: #dce8e6;
}

.sample-narrative__bars i:nth-child(1)[b-gvzr5kue96] { width: 55%; background: color-mix(in srgb, var(--sample-primary) 45%, #dce8e6); }
.sample-narrative__bars i:nth-child(2)[b-gvzr5kue96] { width: 26%; }
.sample-narrative__bars i:nth-child(3)[b-gvzr5kue96] { width: 13%; }

.sample-unknown[b-gvzr5kue96] {
    justify-items: center;
    gap: 4px;
    color: var(--sample-muted);
}

.sample-unknown span[b-gvzr5kue96] {
    display: grid;
    width: 36px;
    height: 36px;
    place-items: center;
    border: 1px dashed #bccdca;
    border-radius: 10px;
    font-size: 1rem;
    font-weight: 950;
}

.sample-unknown small[b-gvzr5kue96] { font-size: .72rem; font-weight: 850; }

@media (max-width: 450px) {
    .obs-viz-sample[b-gvzr5kue96] {
        min-height: 88px;
        padding: 5px;
    }

    .sample-part-whole[b-gvzr5kue96] {
        grid-template-columns: minmax(74px, .85fr) minmax(72px, 1.15fr);
    }

    .sample-table > span > *[b-gvzr5kue96] {
        padding: 4px;
    }
}

@media (prefers-reduced-motion: reduce) {
    .obs-viz-sample *[b-gvzr5kue96] {
        transition: none !important;
    }
}
/* _content/Starterkit/Observatory/Components/DataFilesWorkspace.razor.rz.scp.css */
*[b-re8qfzjrj9] {
    --upload-ink: #0a2427;
    --upload-ink-2: #173a3d;
    --upload-muted: #6b7f81;
    --upload-line: rgba(14, 51, 54, .12);
    --upload-gold: #bd9651;
    --upload-paper: #f5f8f7;
    --upload-shadow: 0 22px 55px rgba(7, 36, 39, .08);
    --upload-ease: cubic-bezier(.2, .8, .2, 1);
}

.obs-upload-loading[b-re8qfzjrj9],
.obs-upload-inline-loading[b-re8qfzjrj9] {
    position: relative;
    display: grid;
    min-height: 300px;
    place-items: center;
    align-content: center;
    gap: 14px;
    overflow: hidden;
    border: 1px solid var(--upload-line);
    border-radius: 28px;
    color: var(--upload-muted);
    background:
        linear-gradient(rgba(255, 255, 255, .94), rgba(255, 255, 255, .94)),
        repeating-linear-gradient(90deg, transparent 0 39px, rgba(12, 45, 48, .05) 40px);
    font-weight: 900;
}

.obs-upload-inline-loading[b-re8qfzjrj9] {
    min-height: 140px;
    border: 0;
    border-radius: 18px;
    box-shadow: none;
}

.obs-upload-loading .spinner-border[b-re8qfzjrj9],
.obs-upload-inline-loading .spinner-border[b-re8qfzjrj9] {
    color: var(--obs-primary);
}

.obs-upload-alert[b-re8qfzjrj9] {
    position: relative;
    display: grid;
    grid-template-columns: 44px minmax(0, 1fr) auto;
    align-items: center;
    gap: 14px;
    overflow: hidden;
    margin-bottom: 14px;
    padding: 16px 18px;
    border: 1px solid;
    border-radius: 17px;
    box-shadow: 0 12px 28px rgba(21, 50, 53, .05);
}

.obs-upload-alert[b-re8qfzjrj9]::before {
    content: "";
    position: absolute;
    inset-block: 0;
    right: 0;
    width: 4px;
    background: currentColor;
}

.obs-upload-alert.is-success[b-re8qfzjrj9] {
    color: #0b7059;
    border-color: rgba(11, 112, 89, .2);
    background: linear-gradient(110deg, #fff, #eef9f5);
}

.obs-upload-alert.is-warning[b-re8qfzjrj9] {
    color: #9a5a08;
    border-color: rgba(180, 108, 17, .28);
    background: linear-gradient(110deg, #fff, #fff7e8);
}

.obs-upload-alert.is-error[b-re8qfzjrj9] {
    color: #982f43;
    border-color: rgba(152, 47, 67, .2);
    background: linear-gradient(110deg, #fff, #fff1f4);
}

.obs-upload-alert > i[b-re8qfzjrj9] {
    display: grid;
    width: 42px;
    height: 42px;
    place-items: center;
    border-radius: 13px;
    background: color-mix(in srgb, currentColor 9%, #fff);
    font-size: 1.12rem;
}

.obs-upload-alert div[b-re8qfzjrj9] {
    display: grid;
    min-width: 0;
    gap: 3px;
}

.obs-upload-alert strong[b-re8qfzjrj9] {
    font-weight: 950;
}

.obs-upload-alert p[b-re8qfzjrj9] {
    margin: 0;
    font-size: .77rem;
}

.obs-upload-alert__close[b-re8qfzjrj9] {
    display: grid;
    width: 38px;
    height: 38px;
    place-items: center;
    border: 1px solid color-mix(in srgb, currentColor 14%, transparent);
    border-radius: 11px;
    color: currentColor;
    background: rgba(255, 255, 255, .55);
}

.obs-upload-protocol[b-re8qfzjrj9] {
    position: relative;
    display: grid;
    grid-template-columns: minmax(230px, .8fr) minmax(500px, 1.6fr) auto;
    min-height: 108px;
    align-items: center;
    gap: clamp(18px, 3vw, 38px);
    overflow: hidden;
    margin-bottom: 16px;
    padding: 18px 22px;
    border: 1px solid rgba(189, 150, 81, .2);
    border-radius: 22px;
    color: #fff;
    background:
        radial-gradient(circle at 0 0, color-mix(in srgb, var(--obs-primary) 38%, transparent), transparent 32%),
        linear-gradient(120deg, #113236, #071c1f 66%, #061619);
    box-shadow: 0 18px 44px rgba(6, 30, 33, .16);
}

.obs-upload-protocol[b-re8qfzjrj9]::after {
    content: "";
    position: absolute;
    inset: 0;
    opacity: .34;
    pointer-events: none;
    background: repeating-linear-gradient(90deg, transparent 0 54px, rgba(255, 255, 255, .028) 55px);
}

.obs-upload-protocol__identity[b-re8qfzjrj9],
.obs-upload-protocol > ol[b-re8qfzjrj9],
.obs-upload-protocol__secure[b-re8qfzjrj9] {
    position: relative;
    z-index: 1;
}

.obs-upload-protocol__identity[b-re8qfzjrj9] {
    display: flex;
    align-items: center;
    gap: 13px;
}

.obs-upload-protocol__signal[b-re8qfzjrj9] {
    width: 11px;
    height: 11px;
    flex: 0 0 auto;
    border-radius: 50%;
    background: #64dfb4;
    box-shadow: 0 0 0 7px rgba(100, 223, 180, .08), 0 0 20px rgba(100, 223, 180, .55);
}

.obs-upload-protocol__identity div[b-re8qfzjrj9] {
    display: grid;
    gap: 2px;
}

.obs-upload-protocol__identity small[b-re8qfzjrj9] {
    color: rgba(255, 255, 255, .48);
    font-size: .61rem;
    font-weight: 900;
}

.obs-upload-protocol__identity strong[b-re8qfzjrj9] {
    font-size: .86rem;
    font-weight: 950;
}

.obs-upload-protocol ol[b-re8qfzjrj9] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 8px;
    margin: 0;
    padding: 0;
    list-style: none;
}

.obs-upload-protocol li[b-re8qfzjrj9] {
    position: relative;
    display: grid;
    grid-template-columns: 34px minmax(0, 1fr);
    align-items: center;
    gap: 9px;
    min-width: 0;
    padding: 10px;
    border: 1px solid rgba(255, 255, 255, .08);
    border-radius: 14px;
    background: rgba(255, 255, 255, .025);
}

.obs-upload-protocol li > span[b-re8qfzjrj9] {
    display: grid;
    width: 32px;
    height: 32px;
    place-items: center;
    border: 1px solid rgba(255, 255, 255, .15);
    border-radius: 10px;
    color: rgba(255, 255, 255, .42);
    font-family: "Roboto Mono", Consolas, monospace;
    font-size: .59rem;
}

.obs-upload-protocol li div[b-re8qfzjrj9] {
    display: grid;
    min-width: 0;
}

.obs-upload-protocol li strong[b-re8qfzjrj9] {
    overflow: hidden;
    color: rgba(255, 255, 255, .74);
    font-size: .68rem;
    font-weight: 900;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.obs-upload-protocol li small[b-re8qfzjrj9] {
    overflow: hidden;
    color: rgba(255, 255, 255, .35);
    font-size: .56rem;
    font-weight: 700;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.obs-upload-protocol li.is-current[b-re8qfzjrj9] {
    border-color: rgba(189, 150, 81, .45);
    background: rgba(189, 150, 81, .08);
}

.obs-upload-protocol li.is-current > span[b-re8qfzjrj9] {
    color: #1d3030;
    border-color: #d2ad68;
    background: linear-gradient(135deg, #e0c080, #aa7d34);
}

.obs-upload-protocol li.is-current strong[b-re8qfzjrj9] {
    color: #f2ddb0;
}

.obs-upload-protocol li.is-complete > span[b-re8qfzjrj9] {
    color: #71e0ba;
    border-color: rgba(113, 224, 186, .27);
    background: rgba(113, 224, 186, .08);
}

.obs-upload-protocol li.is-complete > span[b-re8qfzjrj9]::after {
    content: "✓";
    position: absolute;
    font-size: .77rem;
}

.obs-upload-protocol li.is-complete > span[b-re8qfzjrj9] {
    font-size: 0;
}

.obs-upload-protocol__secure[b-re8qfzjrj9] {
    display: inline-flex;
    min-height: 38px;
    align-items: center;
    gap: 7px;
    padding: 0 11px;
    border: 1px solid rgba(255, 255, 255, .1);
    border-radius: 12px;
    color: rgba(255, 255, 255, .56);
    background: rgba(255, 255, 255, .035);
    font-size: .61rem;
    font-weight: 900;
    white-space: nowrap;
}

.obs-upload-protocol__secure i[b-re8qfzjrj9] {
    color: var(--upload-gold);
}

.obs-upload-template-waiting[b-re8qfzjrj9] {
    position: relative;
    display: grid;
    grid-template-columns: 84px minmax(0, 1fr);
    min-height: 230px;
    align-items: center;
    gap: 24px;
    overflow: hidden;
    margin-bottom: 16px;
    padding: clamp(28px, 4vw, 50px);
    border: 1px solid rgba(189, 150, 81, .27);
    border-radius: 26px;
    background:
        radial-gradient(circle at 0 100%, rgba(189, 150, 81, .15), transparent 30%),
        linear-gradient(120deg, #fffdf8, #f2f7f5);
    box-shadow: var(--upload-shadow);
}

.obs-upload-template-waiting[b-re8qfzjrj9]::after {
    content: "01";
    position: absolute;
    left: 34px;
    bottom: -34px;
    color: rgba(12, 43, 46, .035);
    font-family: "Roboto Mono", Consolas, monospace;
    font-size: 9rem;
    font-weight: 900;
}

.obs-upload-template-waiting__icon[b-re8qfzjrj9] {
    display: grid;
    width: 80px;
    height: 80px;
    place-items: center;
    border: 1px solid rgba(255, 255, 255, .16);
    border-radius: 23px;
    color: #fff;
    background: linear-gradient(145deg, var(--obs-primary), color-mix(in srgb, var(--obs-primary) 65%, #071c1f));
    box-shadow: 0 18px 38px color-mix(in srgb, var(--obs-primary) 24%, transparent);
    font-size: 1.8rem;
}

.obs-upload-template-waiting span[b-re8qfzjrj9] {
    color: #997033;
    font-size: .68rem;
    font-weight: 950;
}

.obs-upload-template-waiting h2[b-re8qfzjrj9] {
    margin: 7px 0;
    color: var(--upload-ink);
    font-size: clamp(1.25rem, 2.2vw, 1.8rem);
    font-weight: 950;
}

.obs-upload-template-waiting p[b-re8qfzjrj9] {
    max-width: 780px;
    margin: 0;
    color: var(--upload-muted);
    line-height: 1.9;
}

.obs-upload-layout[b-re8qfzjrj9] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 360px;
    gap: 16px;
    align-items: start;
    margin-bottom: 16px;
}

.obs-panel.obs-upload-form-panel[b-re8qfzjrj9],
.obs-panel.obs-upload-templates[b-re8qfzjrj9],
.obs-panel.obs-upload-validation[b-re8qfzjrj9],
.obs-panel.obs-upload-history[b-re8qfzjrj9],
.obs-panel.obs-upload-details[b-re8qfzjrj9] {
    position: relative;
    min-width: 0;
    overflow: hidden;
    border: 1px solid var(--upload-line);
    border-radius: 23px;
    background: rgba(255, 255, 255, .97);
    box-shadow: var(--upload-shadow);
}

.obs-panel.obs-upload-validation[b-re8qfzjrj9] {
    scroll-margin-top: 24px;
}

.obs-panel.obs-upload-form-panel[b-re8qfzjrj9]::before,
.obs-panel.obs-upload-templates[b-re8qfzjrj9]::before,
.obs-panel.obs-upload-validation[b-re8qfzjrj9]::before,
.obs-panel.obs-upload-history[b-re8qfzjrj9]::before,
.obs-panel.obs-upload-details[b-re8qfzjrj9]::before {
    content: "";
    position: absolute;
    top: 0;
    right: 24px;
    width: 54px;
    height: 2px;
    background: linear-gradient(90deg, var(--obs-secondary), #e2c589);
}

.obs-panel__header[b-re8qfzjrj9] {
    padding-bottom: 16px;
    border-bottom: 1px solid rgba(12, 48, 51, .09);
}

.obs-panel__eyebrow[b-re8qfzjrj9] {
    display: block;
    margin-bottom: 4px;
    color: #9b783c;
    font-family: "Roboto Mono", Consolas, monospace;
    font-size: .56rem;
    font-weight: 900;
    letter-spacing: .12em;
}

.obs-panel__title[b-re8qfzjrj9] {
    color: var(--upload-ink);
    font-size: 1rem;
    font-weight: 950;
}

.obs-panel__subtitle[b-re8qfzjrj9] {
    margin-top: 4px;
    color: #77898a;
    font-size: .72rem;
    line-height: 1.65;
}

.obs-upload-cancel-version[b-re8qfzjrj9] {
    min-height: 40px;
    color: #8b3143;
    border: 1px solid rgba(139, 49, 67, .2);
    border-radius: 12px;
    background: #fff4f6;
    font-size: .72rem;
    font-weight: 900;
}

.obs-upload-form-panel[b-re8qfzjrj9] {
    scroll-margin-top: 24px;
}

.obs-upload-form-panel.is-correction-mode[b-re8qfzjrj9] {
    border-color: color-mix(in srgb, var(--upload-gold) 42%, var(--upload-line));
    box-shadow:
        0 0 0 3px color-mix(in srgb, var(--upload-gold) 7%, transparent),
        var(--upload-shadow);
}

.obs-upload-correction-note[b-re8qfzjrj9] {
    display: flex;
    align-items: center;
    gap: 12px;
    margin: 0 20px 18px;
    padding: 13px 15px;
    border: 1px solid color-mix(in srgb, var(--upload-gold) 28%, #dce6e4);
    border-radius: 14px;
    color: #624b24;
    background: linear-gradient(110deg, #fffaf0, #fff);
}

.obs-upload-correction-note__icon[b-re8qfzjrj9] {
    display: grid;
    width: 40px;
    height: 40px;
    flex: 0 0 auto;
    place-items: center;
    border-radius: 12px;
    color: #8f6724;
    background: #f8ecd4;
}

.obs-upload-correction-note > div[b-re8qfzjrj9] {
    display: grid;
    min-width: 0;
    gap: 3px;
}

.obs-upload-correction-note strong[b-re8qfzjrj9] {
    font-size: .8rem;
    font-weight: 950;
}

.obs-upload-correction-note > div > span[b-re8qfzjrj9] {
    font-size: .72rem;
    line-height: 1.7;
}

.obs-upload-permission-note[b-re8qfzjrj9] {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 18px;
    padding: 13px 15px;
    border: 1px solid rgba(151, 109, 35, .22);
    border-right: 4px solid #b38537;
    border-radius: 13px;
    color: #745b22;
    background: linear-gradient(90deg, #fffaf0, #fff);
    font-size: .75rem;
    font-weight: 850;
}

.obs-form-grid[b-re8qfzjrj9] {
    gap: 16px !important;
}

.obs-field[b-re8qfzjrj9] {
    position: relative;
}

.obs-field label[b-re8qfzjrj9] {
    margin-bottom: 7px;
    color: #334f51;
    font-size: .71rem;
    font-weight: 950;
}

.obs-field label span[b-re8qfzjrj9] {
    color: #b03349;
}

.obs-field-lock[b-re8qfzjrj9] {
    margin-inline-start: 5px;
    color: #9a7434;
    font-size: .66rem;
}

.obs-field .form-control[b-re8qfzjrj9],
.obs-field .form-select[b-re8qfzjrj9] {
    min-height: 47px;
    border: 1px solid #d6e2e0;
    border-radius: 13px;
    color: #244346;
    background-color: #fbfdfd;
    font-size: .78rem;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .8);
    transition: border-color .2s ease, box-shadow .2s ease, background .2s ease;
}

.obs-field .form-control:focus[b-re8qfzjrj9],
.obs-field .form-select:focus[b-re8qfzjrj9] {
    border-color: color-mix(in srgb, var(--obs-primary) 58%, #d6e2e0);
    background-color: #fff;
    box-shadow: 0 0 0 4px color-mix(in srgb, var(--obs-primary) 9%, transparent);
}

.obs-field .form-control:disabled[b-re8qfzjrj9],
.obs-field .form-select:disabled[b-re8qfzjrj9] {
    color: #8a999a;
    background-color: #f1f4f3;
}

.obs-template-auto-note[b-re8qfzjrj9] {
    display: block;
    margin-top: 7px;
    padding-right: 10px;
    border-right: 2px solid var(--upload-gold);
    color: #647a7c;
    font-size: .66rem;
    font-weight: 700;
    line-height: 1.65;
}

.obs-template-auto-note.is-locked[b-re8qfzjrj9] {
    padding: 7px 10px;
    border: 1px solid #ead9b8;
    border-right: 3px solid var(--upload-gold);
    border-radius: 9px;
    color: #755725;
    background: #fffaf0;
    font-weight: 850;
}

.obs-upload-file[b-re8qfzjrj9] {
    position: relative;
    display: grid;
    grid-template-columns: 58px minmax(0, 1fr) auto;
    min-height: 126px;
    align-items: center;
    gap: 17px;
    overflow: hidden;
    padding: 20px;
    border: 1px dashed color-mix(in srgb, var(--obs-primary) 34%, #cbd9d7);
    border-radius: 18px;
    background:
        linear-gradient(rgba(247, 251, 250, .95), rgba(247, 251, 250, .95)),
        repeating-linear-gradient(135deg, transparent 0 9px, rgba(12, 50, 53, .04) 9px 10px);
    transition: border-color .25s ease, background .25s ease, transform .25s var(--upload-ease);
}

.obs-upload-file[b-re8qfzjrj9]::after {
    content: "XLSX";
    position: absolute;
    left: 18px;
    bottom: -7px;
    color: rgba(16, 79, 67, .045);
    font-family: "Roboto Mono", Consolas, monospace;
    font-size: 3rem;
    font-weight: 900;
}

.obs-upload-file:hover[b-re8qfzjrj9] {
    border-color: var(--obs-primary);
    transform: translateY(-2px);
}

.obs-upload-file.has-file[b-re8qfzjrj9] {
    border-style: solid;
    border-color: rgba(23, 132, 105, .36);
    background: linear-gradient(120deg, #f0faf6, #fff);
}

.obs-upload-file__icon[b-re8qfzjrj9] {
    display: grid;
    width: 58px;
    height: 58px;
    place-items: center;
    border: 1px solid color-mix(in srgb, var(--obs-primary) 14%, transparent);
    border-radius: 17px;
    color: #fff;
    background: linear-gradient(145deg, var(--obs-primary), color-mix(in srgb, var(--obs-primary) 70%, #082123));
    box-shadow: 0 13px 27px color-mix(in srgb, var(--obs-primary) 20%, transparent);
    font-size: 1.35rem;
}

.obs-upload-file.has-file .obs-upload-file__icon[b-re8qfzjrj9] {
    background: linear-gradient(145deg, #1a9778, #0d6d58);
}

.obs-upload-file__copy[b-re8qfzjrj9] {
    position: relative;
    z-index: 1;
    display: grid;
    min-width: 0;
    gap: 4px;
}

.obs-upload-file__copy strong[b-re8qfzjrj9] {
    overflow: hidden;
    color: var(--upload-ink);
    font-size: .86rem;
    font-weight: 950;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.obs-upload-file__copy span[b-re8qfzjrj9] {
    color: var(--upload-muted);
    font-size: .7rem;
}

.obs-upload-file label.btn[b-re8qfzjrj9] {
    position: relative;
    z-index: 1;
    display: inline-flex;
    width: max-content;
    min-width: 168px;
    min-height: 52px;
    align-items: center;
    justify-content: center;
    gap: 7px;
    overflow: visible;
    padding: 10px 20px 12px !important;
    border-radius: 12px;
    font-size: .72rem;
    font-weight: 900;
    line-height: 1.65 !important;
    white-space: nowrap;
}

.obs-upload-file label.btn i[b-re8qfzjrj9] {
    flex: 0 0 auto;
    line-height: 1;
}

.obs-upload-file__button-label[b-re8qfzjrj9] {
    display: inline-block;
    min-width: max-content;
    overflow: visible;
    padding-block: .08em .14em;
    line-height: 1.65 !important;
    white-space: nowrap;
}

[b-re8qfzjrj9] .obs-upload-file__input {
    position: absolute;
    width: 1px;
    height: 1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    clip-path: inset(50%);
    white-space: nowrap;
}

.obs-upload-form-actions[b-re8qfzjrj9] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 18px;
    margin: 22px -20px -20px;
    padding: 17px 20px;
    border-top: 1px solid var(--upload-line);
    background: linear-gradient(90deg, #f6f9f8, #fbfcfc);
}

.obs-upload-form-actions > div[b-re8qfzjrj9] {
    display: flex;
    align-items: center;
    gap: 8px;
    color: #6b7d7f;
    font-size: .67rem;
}

.obs-upload-form-actions > div i[b-re8qfzjrj9] {
    color: var(--upload-gold);
}

.obs-upload-form-actions button[b-re8qfzjrj9] {
    display: inline-flex;
    min-height: 46px;
    align-items: center;
    gap: 8px;
    padding-inline: 21px;
    border-radius: 13px;
    box-shadow: 0 12px 28px color-mix(in srgb, var(--obs-primary) 20%, transparent);
    font-size: .75rem;
    font-weight: 950;
}

.obs-upload-templates[b-re8qfzjrj9] {
    position: sticky !important;
    top: 12px;
}

.obs-upload-template-list[b-re8qfzjrj9] {
    display: grid;
    gap: 9px;
}

.obs-upload-template-list article[b-re8qfzjrj9] {
    position: relative;
    display: grid;
    grid-template-columns: 42px minmax(0, 1fr) 38px;
    align-items: center;
    gap: 10px;
    overflow: hidden;
    padding: 12px;
    border: 1px solid #dce8e6;
    border-radius: 15px;
    background: linear-gradient(110deg, #f8fbfa, #fff);
    transition: border-color .2s ease, transform .2s var(--upload-ease);
}

.obs-upload-template-list article:hover[b-re8qfzjrj9] {
    border-color: color-mix(in srgb, var(--obs-primary) 30%, #dce8e6);
    transform: translateY(-2px);
}

.obs-upload-template-list__icon[b-re8qfzjrj9] {
    display: grid;
    width: 40px;
    height: 40px;
    place-items: center;
    border: 1px solid rgba(20, 119, 94, .12);
    border-radius: 12px;
    color: #14775e;
    background: #e8f5f0;
}

.obs-upload-template-list article > div[b-re8qfzjrj9] {
    display: grid;
    min-width: 0;
    gap: 3px;
}

.obs-upload-template-list strong[b-re8qfzjrj9] {
    overflow: hidden;
    color: #244043;
    font-size: .75rem;
    font-weight: 950;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.obs-upload-template-list span[b-re8qfzjrj9] {
    color: #7b8c8d;
    font-size: .64rem;
}

.obs-upload-template-list button[b-re8qfzjrj9],
.obs-upload-row-actions .btn[b-re8qfzjrj9],
.obs-upload-details__close[b-re8qfzjrj9],
.obs-upload-version-list .btn[b-re8qfzjrj9] {
    display: grid;
    width: 38px;
    height: 38px;
    place-items: center;
    border: 1px solid #d6e3e1;
    border-radius: 11px;
    color: var(--obs-primary);
    background: #fff;
    transition: color .2s ease, background .2s ease, transform .2s ease;
}

.obs-upload-template-list button:hover[b-re8qfzjrj9],
.obs-upload-row-actions .btn:hover[b-re8qfzjrj9],
.obs-upload-version-list .btn:hover[b-re8qfzjrj9] {
    color: #fff;
    background: var(--obs-primary);
    transform: translateY(-2px);
}

.obs-upload-validation[b-re8qfzjrj9],
.obs-upload-history[b-re8qfzjrj9],
.obs-upload-details[b-re8qfzjrj9] {
    margin-bottom: 16px;
}

.obs-upload-validation__state[b-re8qfzjrj9] {
    display: inline-flex;
    min-height: 37px;
    align-items: center;
    gap: 7px;
    padding: 0 12px;
    border: 1px solid;
    border-radius: 11px;
    font-size: .68rem;
    font-weight: 950;
}

.obs-upload-validation__state.is-valid[b-re8qfzjrj9] {
    color: #087257;
    border-color: rgba(8, 114, 87, .2);
    background: #eaf8f3;
}

.obs-upload-validation__state.is-invalid[b-re8qfzjrj9] {
    color: #9c3045;
    border-color: rgba(156, 48, 69, .2);
    background: #fff0f3;
}

.obs-upload-validation__metrics[b-re8qfzjrj9] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 9px;
    margin-bottom: 17px;
}

.obs-upload-validation__metrics article[b-re8qfzjrj9] {
    position: relative;
    display: grid;
    gap: 4px;
    overflow: hidden;
    padding: 15px;
    border: 1px solid var(--upload-line);
    border-radius: 15px;
    background: linear-gradient(135deg, #f7faf9, #fff);
}

.obs-upload-validation__metrics article[b-re8qfzjrj9]::after {
    content: "";
    position: absolute;
    right: 0;
    bottom: 0;
    width: 30px;
    height: 2px;
    background: var(--obs-secondary);
}

.obs-upload-validation__metrics span[b-re8qfzjrj9] {
    color: #718486;
    font-size: .65rem;
    font-weight: 900;
}

.obs-upload-validation__metrics strong[b-re8qfzjrj9] {
    color: var(--upload-ink);
    font-size: 1.45rem;
    font-weight: 950;
    line-height: 1.1;
}

.obs-upload-sheet-statuses[b-re8qfzjrj9] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 9px;
    margin-bottom: 17px;
}

.obs-upload-sheet-statuses article[b-re8qfzjrj9] {
    display: grid;
    grid-template-columns: 38px minmax(0, 1fr);
    align-items: center;
    gap: 9px;
    padding: 12px;
    border: 1px solid #dbe8e5;
    border-radius: 14px;
    background: #f9fcfb;
}

.obs-upload-sheet-statuses article.is-empty[b-re8qfzjrj9] {
    border-color: #eadfbd;
    background: #fffaf0;
}

.obs-upload-sheet-statuses__icon[b-re8qfzjrj9] {
    display: grid;
    width: 36px;
    height: 36px;
    place-items: center;
    border-radius: 11px;
    color: #087257;
    background: #e7f6f0;
}

.obs-upload-sheet-statuses .is-empty .obs-upload-sheet-statuses__icon[b-re8qfzjrj9] {
    color: #8a601c;
    background: #fff0ca;
}

.obs-upload-sheet-statuses strong[b-re8qfzjrj9],
.obs-upload-sheet-statuses small[b-re8qfzjrj9] {
    display: block;
}

.obs-upload-sheet-statuses strong[b-re8qfzjrj9] {
    color: #183a3d;
    font-size: .7rem;
    font-weight: 950;
}

.obs-upload-sheet-statuses small[b-re8qfzjrj9] {
    margin-top: 3px;
    color: #708384;
    font-size: .61rem;
    font-weight: 700;
}

.obs-upload-sheet-statuses__issues[b-re8qfzjrj9] {
    grid-column: 2;
    color: #8a601c;
    font-size: .6rem;
    font-weight: 900;
}

.obs-upload-issue[b-re8qfzjrj9] {
    display: inline-flex;
    min-width: 54px;
    justify-content: center;
    padding: 5px 9px;
    border-radius: 8px;
    font-size: .63rem;
    font-weight: 950;
}

.obs-upload-issue.is-error[b-re8qfzjrj9] {
    color: #a02e44;
    background: #ffedf1;
}

.obs-upload-issue.is-warning[b-re8qfzjrj9] {
    color: #8a601c;
    background: #fff7e5;
}

.obs-upload-validation__more[b-re8qfzjrj9] {
    margin: 12px 0 0;
    color: #768889;
    font-size: .7rem;
}

.obs-validation-pagination[b-re8qfzjrj9] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 12px;
    margin-top: 14px;
    color: #647779;
    font-size: .7rem;
    font-weight: 900;
}

.obs-validation-pagination .btn[b-re8qfzjrj9] {
    min-width: 88px;
    border-radius: 11px;
}

.obs-upload-filters[b-re8qfzjrj9] {
    display: flex;
    gap: 8px;
    flex-wrap: wrap;
}

.obs-upload-filters .form-control[b-re8qfzjrj9] {
    min-width: 250px;
}

.obs-upload-filters .form-control[b-re8qfzjrj9],
.obs-upload-filters .form-select[b-re8qfzjrj9] {
    min-height: 42px;
    border: 1px solid #d6e3e1;
    border-radius: 12px;
    background-color: #fbfdfd;
    font-size: .71rem;
}

.obs-upload-filters .btn[b-re8qfzjrj9] {
    min-height: 42px;
    border-radius: 12px;
    font-size: .7rem;
    font-weight: 900;
}

.obs-upload-history .obs-table-wrap[b-re8qfzjrj9],
.obs-upload-validation .obs-table-wrap[b-re8qfzjrj9],
.obs-upload-details .obs-table-wrap[b-re8qfzjrj9] {
    overflow: hidden;
    border: 1px solid var(--upload-line);
    border-radius: 15px;
}

.obs-upload-history .obs-table[b-re8qfzjrj9],
.obs-upload-validation .obs-table[b-re8qfzjrj9],
.obs-upload-details .obs-table[b-re8qfzjrj9] {
    margin: 0;
}

.obs-upload-history .obs-table thead th[b-re8qfzjrj9],
.obs-upload-validation .obs-table thead th[b-re8qfzjrj9],
.obs-upload-details .obs-table thead th[b-re8qfzjrj9] {
    padding: 11px 13px;
    border: 0;
    color: #728587;
    background: #f2f6f5;
    font-size: .62rem;
    font-weight: 950;
    white-space: nowrap;
}

.obs-upload-history .obs-table tbody td[b-re8qfzjrj9],
.obs-upload-validation .obs-table tbody td[b-re8qfzjrj9],
.obs-upload-details .obs-table tbody td[b-re8qfzjrj9] {
    padding: 13px;
    border-color: rgba(16, 54, 57, .075);
    color: #536c6e;
    font-size: .68rem;
    vertical-align: middle;
}

.obs-upload-history .obs-table tbody tr[b-re8qfzjrj9],
.obs-upload-validation .obs-table tbody tr[b-re8qfzjrj9],
.obs-upload-details .obs-table tbody tr[b-re8qfzjrj9] {
    transition: background .2s ease;
}

.obs-upload-history .obs-table tbody tr:hover[b-re8qfzjrj9],
.obs-upload-validation .obs-table tbody tr:hover[b-re8qfzjrj9],
.obs-upload-details .obs-table tbody tr:hover[b-re8qfzjrj9] {
    background: color-mix(in srgb, var(--obs-primary) 3%, #fff);
}

.obs-upload-history td strong[b-re8qfzjrj9],
.obs-upload-history td small[b-re8qfzjrj9] {
    display: block;
}

.obs-upload-history td strong[b-re8qfzjrj9] {
    color: #234245;
    font-weight: 950;
}

.obs-upload-history td:first-child strong[b-re8qfzjrj9] {
    color: var(--obs-primary);
    font-family: "Roboto Mono", Consolas, monospace;
}

.obs-upload-history td small[b-re8qfzjrj9] {
    margin-top: 3px;
    color: #829293;
    font-size: .61rem;
}

.obs-upload-history tr.is-selected td[b-re8qfzjrj9] {
    background: color-mix(in srgb, var(--obs-primary) 5%, #fff);
}

.obs-upload-row-result[b-re8qfzjrj9] {
    display: flex;
    gap: 7px;
    flex-wrap: wrap;
    font-size: .63rem;
    font-weight: 900;
}

.obs-upload-row-result .is-valid[b-re8qfzjrj9] {
    color: #16755e;
}

.obs-upload-row-result .is-error[b-re8qfzjrj9] {
    color: #a82f45;
}

.obs-upload-row-result .is-warning[b-re8qfzjrj9] {
    color: #9a6b1d;
}

.obs-upload-row-actions[b-re8qfzjrj9] {
    display: flex;
    align-items: center;
    gap: 6px;
}

.obs-upload-row-actions .btn[b-re8qfzjrj9] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0 !important;
    line-height: 1;
}

.obs-upload-row-actions .btn i[b-re8qfzjrj9] {
    display: block;
    margin: 0;
    line-height: 1;
}

.obs-upload-row-actions .is-correction[b-re8qfzjrj9] {
    color: #93671d;
    border-color: #e6d6af;
    background: #fff9eb;
}

.obs-upload-row-actions .is-request-preview[b-re8qfzjrj9] {
    color: #0b6f73;
    border-color: #abd9d7;
    background: #eefaf9;
}

.obs-upload-version-list[b-re8qfzjrj9] {
    display: grid;
    gap: 9px;
}

.obs-upload-version-list article[b-re8qfzjrj9] {
    position: relative;
    display: grid;
    grid-template-columns: 44px minmax(0, 1fr) auto 40px;
    gap: 13px;
    align-items: center;
    overflow: hidden;
    padding: 13px;
    border: 1px solid #deebe8;
    border-radius: 15px;
    background: linear-gradient(110deg, #f8fbfa, #fff);
}

.obs-upload-version-list__number[b-re8qfzjrj9] {
    display: grid;
    width: 42px;
    height: 42px;
    place-items: center;
    border-radius: 12px;
    color: #fff;
    background: linear-gradient(145deg, var(--obs-primary), color-mix(in srgb, var(--obs-primary) 68%, #071c1f));
    font-family: "Roboto Mono", Consolas, monospace;
    font-weight: 900;
}

.obs-upload-version-list article > div[b-re8qfzjrj9] {
    display: grid;
    min-width: 0;
    gap: 4px;
}

.obs-upload-version-list article > div > strong[b-re8qfzjrj9] {
    overflow: hidden;
    color: #234144;
    font-size: .75rem;
    font-weight: 950;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.obs-upload-version-list article > div > span[b-re8qfzjrj9] {
    color: #748687;
    font-size: .63rem;
}

.obs-upload-version-list__result[b-re8qfzjrj9] {
    justify-items: start;
}

.obs-upload-details__issues[b-re8qfzjrj9] {
    margin-top: 20px;
    padding-top: 18px;
    border-top: 1px solid var(--upload-line);
}

.obs-upload-details__issues h3[b-re8qfzjrj9] {
    margin: 0 0 12px;
    color: var(--upload-ink-2);
    font-size: .82rem;
    font-weight: 950;
}

[b-re8qfzjrj9] .obs-empty {
    border: 1px dashed rgba(18, 61, 64, .18);
    border-radius: 17px;
    background:
        linear-gradient(rgba(249, 251, 250, .95), rgba(249, 251, 250, .95)),
        repeating-linear-gradient(135deg, transparent 0 8px, rgba(10, 50, 53, .04) 8px 9px);
}

[b-re8qfzjrj9] .obs-empty i {
    color: var(--obs-primary);
}

@media (max-width: 1240px) {
    .obs-upload-protocol[b-re8qfzjrj9] {
        grid-template-columns: 1fr;
    }

    .obs-upload-protocol__secure[b-re8qfzjrj9] {
        position: absolute;
        top: 18px;
        left: 18px;
    }
}

@media (max-width: 1100px) {
    .obs-upload-layout[b-re8qfzjrj9] {
        grid-template-columns: 1fr;
    }

    .obs-upload-templates[b-re8qfzjrj9] {
        position: static !important;
    }

    .obs-upload-template-list[b-re8qfzjrj9] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 767.98px) {
    .obs-upload-alert[b-re8qfzjrj9] {
        grid-template-columns: 40px minmax(0, 1fr);
    }

    .obs-upload-alert .btn[b-re8qfzjrj9],
    .obs-upload-alert__close[b-re8qfzjrj9] {
        grid-column: 1 / -1;
        width: 100%;
    }

    .obs-upload-protocol[b-re8qfzjrj9] {
        padding: 18px;
    }

    .obs-upload-protocol > ol[b-re8qfzjrj9] {
        grid-template-columns: 1fr;
    }

    .obs-upload-protocol__secure[b-re8qfzjrj9] {
        position: static;
        width: max-content;
    }

    .obs-upload-template-waiting[b-re8qfzjrj9] {
        grid-template-columns: 1fr;
        align-items: start;
    }

    .obs-upload-file[b-re8qfzjrj9],
    .obs-upload-form-actions[b-re8qfzjrj9],
    .obs-panel__header[b-re8qfzjrj9] {
        align-items: stretch;
        flex-direction: column;
    }

    .obs-upload-file[b-re8qfzjrj9] {
        grid-template-columns: 52px minmax(0, 1fr);
    }

    .obs-upload-file label[b-re8qfzjrj9] {
        grid-column: 1 / -1;
        justify-content: center;
    }

    .obs-upload-form-actions[b-re8qfzjrj9] {
        margin-inline: -16px;
        padding-inline: 16px;
    }

    .obs-upload-form-actions button[b-re8qfzjrj9] {
        justify-content: center;
    }

    .obs-upload-template-list[b-re8qfzjrj9],
    .obs-upload-sheet-statuses[b-re8qfzjrj9],
    .obs-upload-validation__metrics[b-re8qfzjrj9] {
        grid-template-columns: 1fr;
    }

    .obs-upload-filters[b-re8qfzjrj9],
    .obs-upload-filters .form-control[b-re8qfzjrj9],
    .obs-upload-filters .form-select[b-re8qfzjrj9],
    .obs-upload-filters button[b-re8qfzjrj9] {
        width: 100%;
    }

    .obs-upload-version-list article[b-re8qfzjrj9] {
        grid-template-columns: 42px minmax(0, 1fr) 40px;
    }

    .obs-upload-version-list__result[b-re8qfzjrj9] {
        grid-column: 2 / -1;
    }

    .obs-validation-pagination[b-re8qfzjrj9] {
        flex-wrap: wrap;
    }

    .obs-validation-pagination span[b-re8qfzjrj9] {
        flex: 1 0 100%;
        order: -1;
        text-align: center;
    }
}

@media (prefers-reduced-motion: reduce) {
    .obs-upload-file[b-re8qfzjrj9],
    .obs-upload-template-list article[b-re8qfzjrj9],
    .obs-upload-template-list button[b-re8qfzjrj9],
    .obs-upload-row-actions .btn[b-re8qfzjrj9],
    .obs-upload-version-list .btn[b-re8qfzjrj9] {
        transition: none;
    }
}
/* _content/Starterkit/Observatory/Components/DataReviewWorkspace.razor.rz.scp.css */
*[b-q04z6imxvf] {
    --review-ink: #0a2427;
    --review-ink-2: #17383b;
    --review-muted: #6f8183;
    --review-line: rgba(13, 50, 53, .12);
    --review-gold: #bd9651;
    --review-shadow: 0 22px 55px rgba(6, 35, 38, .08);
    --review-ease: cubic-bezier(.2, .8, .2, 1);
}

.obs-review-loading[b-q04z6imxvf] {
    position: relative;
    display: grid;
    min-height: 360px;
    place-items: center;
    align-content: center;
    gap: 16px;
    overflow: hidden;
    border: 1px solid var(--review-line);
    border-radius: 28px;
    color: var(--review-muted);
    background:
        linear-gradient(rgba(255, 255, 255, .94), rgba(255, 255, 255, .94)),
        repeating-linear-gradient(90deg, transparent 0 39px, rgba(11, 46, 49, .05) 40px);
    font-weight: 900;
}

.obs-review-loading .spinner-border[b-q04z6imxvf],
.obs-review-placeholder .spinner-border[b-q04z6imxvf] {
    color: var(--obs-primary);
}

.obs-review-alert[b-q04z6imxvf] {
    position: relative;
    display: grid;
    grid-template-columns: 44px minmax(0, 1fr) 38px;
    align-items: center;
    gap: 14px;
    overflow: hidden;
    margin-bottom: 14px;
    padding: 16px 18px;
    border: 1px solid;
    border-radius: 17px;
    box-shadow: 0 12px 28px rgba(21, 50, 53, .05);
}

.obs-review-alert[b-q04z6imxvf]::before {
    content: "";
    position: absolute;
    inset-block: 0;
    right: 0;
    width: 4px;
    background: currentColor;
}

.obs-review-alert.is-success[b-q04z6imxvf] {
    color: #0b7059;
    border-color: rgba(11, 112, 89, .2);
    background: linear-gradient(110deg, #fff, #eef9f5);
}

.obs-review-alert.is-error[b-q04z6imxvf] {
    color: #982f43;
    border-color: rgba(152, 47, 67, .2);
    background: linear-gradient(110deg, #fff, #fff1f4);
}

.obs-review-alert > i[b-q04z6imxvf] {
    display: grid;
    width: 42px;
    height: 42px;
    place-items: center;
    border-radius: 13px;
    background: color-mix(in srgb, currentColor 9%, #fff);
    font-size: 1.12rem;
}

.obs-review-alert div[b-q04z6imxvf] {
    display: grid;
    gap: 3px;
}

.obs-review-alert strong[b-q04z6imxvf] {
    font-weight: 950;
}

.obs-review-alert p[b-q04z6imxvf] {
    margin: 0;
    font-size: .76rem;
}

.obs-review-alert button[b-q04z6imxvf] {
    display: grid;
    width: 38px;
    height: 38px;
    place-items: center;
    border: 1px solid color-mix(in srgb, currentColor 15%, transparent);
    border-radius: 11px;
    color: currentColor;
    background: rgba(255, 255, 255, .6);
}

.obs-review-command[b-q04z6imxvf] {
    position: relative;
    display: flex;
    min-height: 145px;
    align-items: center;
    justify-content: space-between;
    gap: 28px;
    overflow: hidden;
    margin-bottom: 14px;
    padding: clamp(22px, 3vw, 34px);
    border: 1px solid rgba(189, 150, 81, .22);
    border-radius: 25px;
    color: #fff;
    background:
        radial-gradient(circle at 2% 0%, color-mix(in srgb, var(--obs-primary) 40%, transparent), transparent 34%),
        radial-gradient(circle at 100% 120%, rgba(189, 150, 81, .16), transparent 30%),
        linear-gradient(122deg, #113236, #071c1f 64%, #061619);
    box-shadow: 0 22px 54px rgba(5, 29, 32, .18);
}

.obs-review-command[b-q04z6imxvf]::before {
    content: "";
    position: absolute;
    inset: 0;
    opacity: .42;
    pointer-events: none;
    background:
        linear-gradient(90deg, transparent 49.9%, rgba(255, 255, 255, .03) 50%, transparent 50.1%),
        linear-gradient(transparent 49.9%, rgba(255, 255, 255, .025) 50%, transparent 50.1%);
    background-size: 60px 60px;
}

.obs-review-command[b-q04z6imxvf]::after {
    content: "";
    position: absolute;
    top: 0;
    right: 36px;
    width: 68px;
    height: 3px;
    background: linear-gradient(90deg, var(--obs-secondary), #e5ca90);
}

.obs-review-command__title[b-q04z6imxvf],
.obs-review-command__policy[b-q04z6imxvf] {
    position: relative;
    z-index: 1;
}

.obs-review-command__title > span[b-q04z6imxvf] {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    color: #ddc28d;
    font-size: .65rem;
    font-weight: 900;
}

.obs-review-command__title > span i[b-q04z6imxvf] {
    color: #65d8b2;
}

.obs-review-command h2[b-q04z6imxvf] {
    margin: 7px 0 4px;
    color: #fff;
    font-size: clamp(1.35rem, 2.2vw, 1.95rem);
    font-weight: 950;
}

.obs-review-command p[b-q04z6imxvf] {
    max-width: 700px;
    margin: 0;
    color: rgba(236, 244, 243, .64);
    font-size: .78rem;
    line-height: 1.75;
}

.obs-review-command__policy[b-q04z6imxvf] {
    display: grid;
    min-width: 220px;
    gap: 7px;
}

.obs-review-command__policy span[b-q04z6imxvf] {
    display: flex;
    min-height: 34px;
    align-items: center;
    gap: 8px;
    padding: 0 11px;
    border: 1px solid rgba(255, 255, 255, .09);
    border-radius: 10px;
    color: rgba(255, 255, 255, .65);
    background: rgba(255, 255, 255, .035);
    font-size: .62rem;
    font-weight: 850;
}

.obs-review-command__policy i[b-q04z6imxvf] {
    width: 16px;
    color: var(--review-gold);
    text-align: center;
}

.obs-review-summary[b-q04z6imxvf] {
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: 10px;
    margin-bottom: 14px;
}

.obs-review-summary__item[b-q04z6imxvf] {
    --summary-accent: var(--obs-primary);
    position: relative;
    display: grid;
    grid-template-columns: 46px minmax(0, 1fr);
    min-height: 100px;
    align-items: center;
    gap: 12px;
    overflow: hidden;
    padding: 16px;
    border: 1px solid var(--review-line);
    border-radius: 18px;
    color: var(--review-ink);
    background: linear-gradient(135deg, rgba(255, 255, 255, .98), rgba(247, 250, 249, .95));
    text-align: right;
    box-shadow: 0 11px 28px rgba(8, 40, 43, .05);
    transition: transform .25s var(--review-ease), border-color .25s ease, box-shadow .25s ease;
}

.obs-review-summary__item[b-q04z6imxvf]::before {
    content: "";
    position: absolute;
    right: 0;
    bottom: 0;
    width: 0;
    height: 3px;
    background: var(--summary-accent);
    transition: width .3s var(--review-ease);
}

.obs-review-summary__item[b-q04z6imxvf]::after {
    content: "";
    position: absolute;
    top: -32px;
    left: -30px;
    width: 94px;
    height: 94px;
    border: 20px solid color-mix(in srgb, var(--summary-accent) 5%, transparent);
    border-radius: 50%;
}

.obs-review-summary__item:hover[b-q04z6imxvf],
.obs-review-summary__item.is-active[b-q04z6imxvf] {
    border-color: color-mix(in srgb, var(--summary-accent) 34%, #dce8e6);
    box-shadow: 0 19px 38px rgba(8, 40, 43, .1);
    transform: translateY(-3px);
}

.obs-review-summary__item:hover[b-q04z6imxvf]::before,
.obs-review-summary__item.is-active[b-q04z6imxvf]::before {
    width: 100%;
}

.obs-review-summary__item:nth-child(1)[b-q04z6imxvf] {
    --summary-accent: #b88635;
}

.obs-review-summary__item:nth-child(2)[b-q04z6imxvf] {
    --summary-accent: #a9463c;
}

.obs-review-summary__item:nth-child(3)[b-q04z6imxvf] {
    --summary-accent: #3d6f96;
}

.obs-review-summary__item:nth-child(4)[b-q04z6imxvf] {
    --summary-accent: #16846b;
}

.obs-review-summary__item:nth-child(5)[b-q04z6imxvf] {
    --summary-accent: #3d6f96;
}

.obs-review-summary__icon[b-q04z6imxvf] {
    display: grid;
    width: 44px;
    height: 44px;
    place-items: center;
    border: 1px solid color-mix(in srgb, var(--summary-accent) 14%, transparent);
    border-radius: 14px;
    color: var(--summary-accent) !important;
    background: color-mix(in srgb, var(--summary-accent) 9%, #fff) !important;
}

.obs-review-summary__item > span:last-child[b-q04z6imxvf] {
    position: relative;
    z-index: 1;
    display: grid;
}

.obs-review-summary__item strong[b-q04z6imxvf] {
    color: var(--review-ink);
    font-size: 1.6rem;
    font-weight: 950;
    line-height: 1;
}

.obs-review-summary__item small[b-q04z6imxvf] {
    margin-top: 6px;
    color: #718486;
    font-size: .68rem;
    font-weight: 900;
}

.obs-review-permission-note[b-q04z6imxvf] {
    display: grid;
    grid-template-columns: 42px minmax(0, 1fr);
    align-items: center;
    gap: 13px;
    margin-bottom: 14px;
    padding: 15px 17px;
    border: 1px solid rgba(169, 125, 48, .24);
    border-right: 4px solid #ae8239;
    border-radius: 16px;
    color: #74591e;
    background: linear-gradient(90deg, #fff9e9, #fff);
}

.obs-review-permission-note > i[b-q04z6imxvf] {
    display: grid;
    width: 40px;
    height: 40px;
    place-items: center;
    border-radius: 12px;
    background: #f4e7c2;
}

.obs-review-permission-note strong[b-q04z6imxvf] {
    font-weight: 950;
}

.obs-review-permission-note p[b-q04z6imxvf] {
    margin: 3px 0 0;
    font-size: .72rem;
}

.obs-review-workspace[b-q04z6imxvf] {
    display: grid;
    grid-template-columns: minmax(350px, .68fr) minmax(0, 1.32fr);
    gap: 14px;
    align-items: start;
}

.obs-panel.obs-review-queue[b-q04z6imxvf],
.obs-panel.obs-review-details[b-q04z6imxvf] {
    position: relative;
    min-width: 0;
    overflow: hidden;
    border: 1px solid var(--review-line);
    border-radius: 22px;
    background: rgba(255, 255, 255, .97);
    box-shadow: var(--review-shadow);
}

.obs-panel.obs-review-queue[b-q04z6imxvf]::before,
.obs-panel.obs-review-details[b-q04z6imxvf]::before {
    content: "";
    position: absolute;
    top: 0;
    right: 22px;
    width: 52px;
    height: 2px;
    background: linear-gradient(90deg, var(--obs-secondary), #e2c487);
}

.obs-panel__header[b-q04z6imxvf] {
    padding-bottom: 15px;
    border-bottom: 1px solid rgba(15, 51, 54, .09);
}

.obs-panel__eyebrow[b-q04z6imxvf] {
    display: block;
    margin-bottom: 4px;
    color: #9b783c;
    font-family: "Roboto Mono", Consolas, monospace;
    font-size: .55rem !important;
    font-weight: 900 !important;
    letter-spacing: .12em;
}

.obs-panel__title[b-q04z6imxvf] {
    color: var(--review-ink);
    font-size: .96rem;
    font-weight: 950;
}

.obs-panel__subtitle[b-q04z6imxvf] {
    margin-top: 4px;
    color: #7a8b8c;
    font-size: .68rem;
}

.obs-review-queue[b-q04z6imxvf] {
    max-height: calc(100vh - 130px);
}

.obs-review-search[b-q04z6imxvf] {
    position: relative;
    min-width: 250px;
}

.obs-review-search i[b-q04z6imxvf] {
    position: absolute;
    top: 50%;
    right: 13px;
    z-index: 1;
    color: #879697;
    transform: translateY(-50%);
}

.obs-review-search .form-control[b-q04z6imxvf] {
    min-height: 43px;
    padding-right: 39px;
    border: 1px solid #d7e3e1;
    border-radius: 12px;
    background: #fbfdfd;
    font-size: .71rem;
    transition: border-color .2s ease, box-shadow .2s ease;
}

.obs-review-search .form-control:focus[b-q04z6imxvf] {
    border-color: color-mix(in srgb, var(--obs-primary) 56%, #d7e3e1);
    box-shadow: 0 0 0 4px color-mix(in srgb, var(--obs-primary) 8%, transparent);
}

.obs-review-cards[b-q04z6imxvf] {
    display: grid;
    max-height: calc(100vh - 275px);
    gap: 9px;
    overflow-y: auto;
    padding: 2px 0 2px 5px;
    scrollbar-color: color-mix(in srgb, var(--obs-primary) 38%, #d8e3e1) transparent;
    scrollbar-width: thin;
}

.obs-review-cards article[b-q04z6imxvf] {
    position: relative;
    overflow: hidden;
    border: 1px solid #dde8e6;
    border-radius: 16px;
    background: linear-gradient(110deg, #f9fcfb, #fff);
    transition: border-color .22s ease, box-shadow .22s ease, transform .22s var(--review-ease);
}

.obs-review-cards article[b-q04z6imxvf]::before {
    content: "";
    position: absolute;
    inset-block: 0;
    right: 0;
    width: 3px;
    background: transparent;
}

.obs-review-cards article:hover[b-q04z6imxvf] {
    border-color: color-mix(in srgb, var(--obs-primary) 25%, #dde8e6);
    transform: translateY(-2px);
}

.obs-review-cards article.is-selected[b-q04z6imxvf] {
    border-color: color-mix(in srgb, var(--obs-primary) 54%, #dbe7e5);
    box-shadow: 0 12px 28px color-mix(in srgb, var(--obs-primary) 13%, transparent);
}

.obs-review-cards article.is-selected[b-q04z6imxvf]::before {
    background: var(--obs-primary);
}

.obs-review-card__main[b-q04z6imxvf] {
    display: block;
    width: 100%;
    padding: 14px 16px;
    border: 0;
    color: inherit;
    background: transparent;
    text-align: right;
}

.obs-review-card__main:disabled[b-q04z6imxvf] {
    cursor: default;
}

.obs-review-card__top[b-q04z6imxvf] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
}

.obs-review-card__top > strong[b-q04z6imxvf] {
    color: var(--obs-primary);
    font-family: "Roboto Mono", Consolas, monospace;
    font-size: .7rem;
    font-weight: 900;
}

.obs-review-card__main h3[b-q04z6imxvf] {
    margin: 11px 0 3px;
    color: var(--review-ink-2);
    font-size: .83rem;
    font-weight: 950;
}

.obs-review-card__main p[b-q04z6imxvf] {
    margin: 0;
    color: #6e8082;
    font-size: .68rem;
}

.obs-review-card__meta[b-q04z6imxvf] {
    display: flex;
    gap: 11px;
    flex-wrap: wrap;
    margin-top: 12px;
    color: #7f8f90;
    font-size: .61rem;
}

.obs-review-card__meta i[b-q04z6imxvf] {
    margin-left: 3px;
    color: var(--review-gold);
}

.obs-review-card__quality[b-q04z6imxvf] {
    display: flex;
    gap: 8px;
    padding: 9px 16px;
    border-top: 1px solid rgba(14, 50, 53, .075);
    background: #f5f9f8;
    font-size: .61rem;
    font-weight: 950;
}

.obs-review-card__quality .is-valid[b-q04z6imxvf] {
    color: #15735c;
}

.obs-review-card__quality .is-error[b-q04z6imxvf] {
    color: #a52f45;
}

.obs-review-card__quality .is-warning[b-q04z6imxvf] {
    color: #97691c;
}

.obs-review-placeholder[b-q04z6imxvf] {
    position: relative;
    display: grid;
    min-height: 510px;
    padding: 34px;
    place-items: center;
    align-content: center;
    overflow: hidden;
    color: #728687;
    text-align: center;
    background:
        linear-gradient(rgba(255, 255, 255, .92), rgba(255, 255, 255, .92)),
        repeating-linear-gradient(90deg, transparent 0 47px, rgba(11, 48, 51, .045) 48px);
}

.obs-review-placeholder[b-q04z6imxvf]::after {
    content: "REVIEW";
    position: absolute;
    left: -10px;
    bottom: -24px;
    color: rgba(11, 47, 50, .035);
    font-family: "Roboto Mono", Consolas, monospace;
    font-size: clamp(3.2rem, 8vw, 6rem);
    font-weight: 900;
}

.obs-review-placeholder > i[b-q04z6imxvf] {
    display: grid;
    width: 82px;
    height: 82px;
    margin-bottom: 17px;
    place-items: center;
    border: 1px solid color-mix(in srgb, var(--obs-primary) 14%, transparent);
    border-radius: 24px;
    color: #fff;
    background: linear-gradient(145deg, var(--obs-primary), color-mix(in srgb, var(--obs-primary) 68%, #071c1f));
    box-shadow: 0 18px 38px color-mix(in srgb, var(--obs-primary) 23%, transparent);
    font-size: 1.75rem;
}

.obs-review-placeholder h2[b-q04z6imxvf] {
    margin: 0;
    color: var(--review-ink-2);
    font-size: 1.08rem;
    font-weight: 950;
}

.obs-review-placeholder p[b-q04z6imxvf] {
    max-width: 440px;
    margin: 8px 0 0;
    font-size: .76rem;
    line-height: 1.8;
}

.obs-review-details__header[b-q04z6imxvf] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 15px;
    padding-bottom: 17px;
    border-bottom: 1px solid var(--review-line);
}

.obs-review-details__header > div > span:not(.obs-panel__eyebrow)[b-q04z6imxvf] {
    color: #879697;
    font-size: .65rem;
    font-weight: 800;
}

.obs-review-details__header h2[b-q04z6imxvf] {
    margin: 3px 0;
    color: var(--obs-primary);
    font-family: "Roboto Mono", Consolas, monospace;
    font-size: 1.15rem;
    font-weight: 950;
}

.obs-review-details__header p[b-q04z6imxvf] {
    margin: 0;
    color: #64797b;
    font-size: .71rem;
}

.obs-review-details__facts[b-q04z6imxvf] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 8px;
    margin: 16px 0;
}

.obs-review-details__facts article[b-q04z6imxvf] {
    position: relative;
    display: grid;
    gap: 5px;
    overflow: hidden;
    padding: 13px;
    border: 1px solid var(--review-line);
    border-radius: 13px;
    background: linear-gradient(135deg, #f7faf9, #fff);
}

.obs-review-details__facts article[b-q04z6imxvf]::after {
    content: "";
    position: absolute;
    right: 0;
    bottom: 0;
    width: 28px;
    height: 2px;
    background: var(--obs-secondary);
}

.obs-review-details__facts span[b-q04z6imxvf] {
    color: #7d8d8f;
    font-size: .61rem;
    font-weight: 900;
}

.obs-review-details__facts strong[b-q04z6imxvf] {
    overflow: hidden;
    color: #274447;
    font-size: .71rem;
    font-weight: 950;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.obs-review-quality[b-q04z6imxvf] {
    position: relative;
    overflow: hidden;
    padding: 16px;
    border: 1px solid var(--review-line);
    border-radius: 16px;
    background: linear-gradient(120deg, #f7faf9, #fff);
}

.obs-review-quality header[b-q04z6imxvf],
.obs-review-section > header[b-q04z6imxvf] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    margin-bottom: 12px;
}

.obs-review-quality h3[b-q04z6imxvf],
.obs-review-section h3[b-q04z6imxvf] {
    margin: 0;
    color: #294548;
    font-size: .8rem;
    font-weight: 950;
}

.obs-review-quality header span[b-q04z6imxvf],
.obs-review-section header > span[b-q04z6imxvf] {
    padding: 5px 9px;
    border-radius: 8px;
    color: #667b7d;
    background: #e9f0ef;
    font-size: .61rem;
    font-weight: 950;
}

.obs-review-quality header .is-pass[b-q04z6imxvf] {
    color: #087057;
    background: #e2f5ee;
}

.obs-review-quality header .is-fail[b-q04z6imxvf] {
    color: #a02e44;
    background: #ffedf1;
}

.obs-review-quality > div[b-q04z6imxvf] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 8px;
}

.obs-review-quality article[b-q04z6imxvf] {
    display: grid;
    padding: 13px;
    border: 1px solid transparent;
    border-radius: 12px;
    text-align: center;
}

.obs-review-quality article strong[b-q04z6imxvf] {
    font-size: 1.35rem;
    font-weight: 950;
    line-height: 1;
}

.obs-review-quality article span[b-q04z6imxvf] {
    margin-top: 4px;
    font-size: .61rem;
    font-weight: 850;
}

.obs-review-quality article.is-valid[b-q04z6imxvf] {
    color: #127158;
    border-color: rgba(18, 113, 88, .1);
    background: #eaf7f2;
}

.obs-review-quality article.is-error[b-q04z6imxvf] {
    color: #a02f44;
    border-color: rgba(160, 47, 68, .1);
    background: #ffedf1;
}

.obs-review-quality article.is-warning[b-q04z6imxvf] {
    color: #8e631b;
    border-color: rgba(142, 99, 27, .1);
    background: #fff6e2;
}

.obs-review-section[b-q04z6imxvf] {
    margin-top: 18px;
    padding-top: 17px;
    border-top: 1px solid var(--review-line);
}

.obs-review-no-issues[b-q04z6imxvf] {
    display: flex;
    align-items: center;
    gap: 9px;
    padding: 13px;
    border: 1px solid rgba(18, 113, 88, .2);
    border-radius: 13px;
    color: #107057;
    background: linear-gradient(90deg, #eef9f5, #fff);
    font-size: .69rem;
    font-weight: 850;
}

.obs-review-issues[b-q04z6imxvf] {
    display: grid;
    max-height: 320px;
    gap: 8px;
    overflow-y: auto;
    scrollbar-color: #cddbd9 transparent;
    scrollbar-width: thin;
}

.obs-review-issues article[b-q04z6imxvf] {
    display: grid;
    grid-template-columns: 28px minmax(0, 1fr);
    gap: 10px;
    padding: 11px;
    border: 1px solid;
    border-radius: 13px;
}

.obs-review-issues article.is-error[b-q04z6imxvf] {
    color: #8f2e40;
    border-color: rgba(143, 46, 64, .18);
    background: linear-gradient(90deg, #fff3f5, #fff);
}

.obs-review-issues article.is-warning[b-q04z6imxvf] {
    color: #7b591d;
    border-color: rgba(123, 89, 29, .18);
    background: linear-gradient(90deg, #fff9e9, #fff);
}

.obs-review-issues__icon[b-q04z6imxvf] {
    display: grid;
    width: 26px;
    height: 26px;
    place-items: center;
    border-radius: 8px;
    background: color-mix(in srgb, currentColor 8%, #fff);
}

.obs-review-issues article > div[b-q04z6imxvf] {
    display: grid;
    gap: 3px;
}

.obs-review-issues strong[b-q04z6imxvf] {
    font-size: .69rem;
    font-weight: 900;
    line-height: 1.65;
}

.obs-review-issues span[b-q04z6imxvf] {
    font-size: .6rem;
}

.obs-review-versions[b-q04z6imxvf] {
    display: grid;
    gap: 8px;
}

.obs-review-versions article[b-q04z6imxvf] {
    display: grid;
    grid-template-columns: 40px minmax(0, 1fr) auto 38px;
    gap: 10px;
    align-items: center;
    padding: 11px;
    border: 1px solid #dfe9e7;
    border-radius: 13px;
    background: linear-gradient(110deg, #f8fbfa, #fff);
}

.obs-review-versions__number[b-q04z6imxvf] {
    display: grid;
    width: 38px;
    height: 38px;
    place-items: center;
    border-radius: 11px;
    color: #fff;
    background: linear-gradient(145deg, var(--obs-primary), color-mix(in srgb, var(--obs-primary) 68%, #071c1f));
    font-family: "Roboto Mono", Consolas, monospace;
    font-size: .69rem;
    font-weight: 900;
}

.obs-review-versions article > div[b-q04z6imxvf] {
    display: grid;
    min-width: 0;
    gap: 3px;
}

.obs-review-versions article strong[b-q04z6imxvf] {
    overflow: hidden;
    color: #264346;
    font-size: .69rem;
    font-weight: 950;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.obs-review-versions article div span[b-q04z6imxvf] {
    color: #768889;
    font-size: .6rem;
}

.obs-review-versions__approved[b-q04z6imxvf] {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    padding: 5px 8px;
    border-radius: 8px;
    color: #087057;
    background: #e7f6f0;
    font-size: .6rem;
    font-weight: 950;
}

.obs-review-versions .btn[b-q04z6imxvf] {
    display: grid;
    width: 36px;
    height: 36px;
    place-items: center;
    border: 1px solid #d7e3e1;
    border-radius: 10px;
    color: var(--obs-primary);
    background: #fff;
    transition: color .2s ease, background .2s ease, transform .2s ease;
}

.obs-review-versions .btn:hover[b-q04z6imxvf] {
    color: #fff;
    background: var(--obs-primary);
    transform: translateY(-2px);
}

.obs-review-decision[b-q04z6imxvf] {
    position: relative;
    margin: 20px -20px -20px;
    padding: 18px 20px 20px;
    border-top: 1px solid var(--review-line);
    background:
        linear-gradient(rgba(247, 250, 249, .97), rgba(247, 250, 249, .97)),
        repeating-linear-gradient(135deg, transparent 0 9px, rgba(13, 51, 54, .035) 9px 10px);
}

.obs-review-decision > label[b-q04z6imxvf] {
    display: block;
    margin-bottom: 8px;
    color: #304b4e;
    font-size: .72rem;
    font-weight: 950;
}

.obs-review-decision textarea[b-q04z6imxvf] {
    border: 1px solid #d3e0de;
    border-radius: 13px;
    background: #fff;
    font-size: .73rem;
    resize: vertical;
    box-shadow: none;
}

.obs-review-decision textarea:focus[b-q04z6imxvf] {
    border-color: color-mix(in srgb, var(--obs-primary) 56%, #d3e0de);
    box-shadow: 0 0 0 4px color-mix(in srgb, var(--obs-primary) 8%, transparent);
}

.obs-review-decision__actions[b-q04z6imxvf] {
    display: flex;
    justify-content: flex-end;
    gap: 9px;
    margin-top: 12px;
}

.obs-review-decision__actions .btn[b-q04z6imxvf] {
    display: inline-flex;
    min-height: 44px;
    align-items: center;
    gap: 7px;
    padding-inline: 18px;
    border-radius: 12px;
    font-size: .7rem;
    font-weight: 950;
}

.obs-review-request[b-q04z6imxvf] {
    color: #8d3c23;
    border: 1px solid rgba(141, 60, 35, .2);
    background: #fff3ee;
}

.obs-review-complete[b-q04z6imxvf] {
    color: #245aa7;
    border: 1px solid rgba(36, 90, 167, .2);
    background: #eff5ff;
}

.obs-review-approve[b-q04z6imxvf] {
    color: #fff;
    border: 1px solid #16846b;
    background: linear-gradient(135deg, #1a9275, #116a57);
    box-shadow: 0 11px 25px rgba(22, 132, 107, .21);
}

.obs-review-approve:hover[b-q04z6imxvf] {
    color: #fff;
    background: #10725c;
}

.obs-review-decision__blocked[b-q04z6imxvf] {
    margin: 10px 0 0;
    color: #a02e44;
    font-size: .64rem;
    font-weight: 900;
}

[b-q04z6imxvf] .obs-empty {
    border: 1px dashed rgba(18, 61, 64, .18);
    border-radius: 17px;
    background:
        linear-gradient(rgba(249, 251, 250, .95), rgba(249, 251, 250, .95)),
        repeating-linear-gradient(135deg, transparent 0 8px, rgba(10, 50, 53, .04) 8px 9px);
}

[b-q04z6imxvf] .obs-empty i {
    color: var(--obs-primary);
}

@media (max-width: 1180px) {
    .obs-review-workspace[b-q04z6imxvf] {
        grid-template-columns: 1fr;
    }

    .obs-review-queue[b-q04z6imxvf] {
        max-height: none;
    }

    .obs-review-cards[b-q04z6imxvf] {
        max-height: 500px;
    }
}

@media (max-width: 900px) {
    .obs-review-command[b-q04z6imxvf] {
        align-items: flex-start;
        flex-direction: column;
    }

    .obs-review-command__policy[b-q04z6imxvf] {
        width: 100%;
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}

@media (max-width: 767.98px) {
    .obs-review-alert[b-q04z6imxvf] {
        grid-template-columns: 40px minmax(0, 1fr);
    }

    .obs-review-alert button[b-q04z6imxvf] {
        grid-column: 1 / -1;
        width: 100%;
    }

    .obs-review-command[b-q04z6imxvf] {
        padding: 22px 19px;
        border-radius: 21px;
    }

    .obs-review-command__policy[b-q04z6imxvf] {
        grid-template-columns: 1fr;
    }

    .obs-review-summary[b-q04z6imxvf] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .obs-panel__header[b-q04z6imxvf],
    .obs-review-details__header[b-q04z6imxvf] {
        align-items: stretch;
        flex-direction: column;
    }

    .obs-review-search[b-q04z6imxvf] {
        width: 100%;
        min-width: 0;
    }

    .obs-review-details__facts[b-q04z6imxvf] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .obs-review-versions article[b-q04z6imxvf] {
        grid-template-columns: 38px minmax(0, 1fr) 38px;
    }

    .obs-review-versions__approved[b-q04z6imxvf] {
        grid-column: 2 / -1;
        width: max-content;
    }

    .obs-review-decision[b-q04z6imxvf] {
        margin-inline: -16px;
        padding-inline: 16px;
    }

    .obs-review-decision__actions[b-q04z6imxvf] {
        flex-direction: column-reverse;
    }

    .obs-review-decision__actions .btn[b-q04z6imxvf] {
        justify-content: center;
    }
}

@media (max-width: 440px) {
    .obs-review-summary[b-q04z6imxvf] {
        grid-template-columns: 1fr;
    }

    .obs-review-details__facts[b-q04z6imxvf],
    .obs-review-quality > div[b-q04z6imxvf] {
        grid-template-columns: 1fr;
    }
}

@media (prefers-reduced-motion: reduce) {
    .obs-review-summary__item[b-q04z6imxvf],
    .obs-review-cards article[b-q04z6imxvf],
    .obs-review-versions .btn[b-q04z6imxvf] {
        transition: none;
    }
}
/* _content/Starterkit/Observatory/Components/InputChannelsTab.razor.rz.scp.css */
.channels-shell[b-7mvds1o389] {
    display: grid;
    gap: 1rem;
}

.channels-intro[b-7mvds1o389],
.channel-editor[b-7mvds1o389],
.channel-directory[b-7mvds1o389],
.direct-entry[b-7mvds1o389] {
    border: 1px solid rgba(18, 63, 71, .13);
    border-radius: 1.5rem;
    background: #fff;
    box-shadow: 0 1rem 2.2rem rgba(18, 63, 71, .07);
}

.channels-intro[b-7mvds1o389] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    padding: clamp(1rem, 2vw, 1.6rem);
    background:
        radial-gradient(circle at 5% 10%, rgba(75, 75, 146, .14), transparent 25%),
        linear-gradient(135deg, #f8fcfb, #fff);
}

.channels-intro__eyebrow[b-7mvds1o389],
.direct-entry__eyebrow[b-7mvds1o389] {
    color: #b27a28;
    font-size: .8rem;
    font-weight: 850;
}

.channels-intro h2[b-7mvds1o389],
.direct-entry h2[b-7mvds1o389] {
    margin: .2rem 0;
    color: #123f47;
    font-size: clamp(1.3rem, 2vw, 1.8rem);
    font-weight: 850;
}

.channels-intro p[b-7mvds1o389],
.direct-entry p[b-7mvds1o389] {
    margin: 0;
    color: #6c8489;
    line-height: 1.65;
}

.channels-intro__modes[b-7mvds1o389] {
    display: flex;
    flex-wrap: wrap;
    justify-content: end;
    gap: .55rem;
}

.channels-intro__modes span[b-7mvds1o389] {
    display: inline-flex;
    align-items: center;
    gap: .4rem;
    padding: .55rem .75rem;
    border: 1px solid #dce8e6;
    border-radius: .8rem;
    background: rgba(255, 255, 255, .82);
    color: #28525a;
    font-size: .82rem;
    font-weight: 750;
    white-space: nowrap;
}

.channels-message[b-7mvds1o389],
.api-secret[b-7mvds1o389] {
    display: flex;
    align-items: center;
    gap: .65rem;
    padding: .9rem 1rem;
    border-radius: 1rem;
    background: #e9f8f3;
    color: #11725e;
    font-weight: 750;
}

.channels-message.is-error[b-7mvds1o389] {
    background: #fff0f0;
    color: #b33849;
}

.api-secret[b-7mvds1o389] {
    justify-content: space-between;
    background: #fff8e9;
    color: #72551e;
}

.api-secret span[b-7mvds1o389],
.api-secret small[b-7mvds1o389],
.api-secret code[b-7mvds1o389] {
    display: block;
}

.api-secret small[b-7mvds1o389] {
    margin-top: .55rem;
    color: #8b6b34;
    font-size: .76rem;
}

.api-secret code[b-7mvds1o389] {
    margin-top: .3rem;
    color: #123f47;
    font-size: .92rem;
    overflow-wrap: anywhere;
}

.channels-layout[b-7mvds1o389] {
    display: grid;
    grid-template-columns: minmax(0, 1.4fr) minmax(18rem, .75fr);
    gap: 1rem;
}

.channel-editor[b-7mvds1o389] {
    padding: clamp(1rem, 2vw, 1.5rem);
}

.channel-editor > header[b-7mvds1o389],
.channel-directory > header[b-7mvds1o389],
.direct-entry > header[b-7mvds1o389] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
}

.channel-editor > header span[b-7mvds1o389],
.channel-directory > header span[b-7mvds1o389] {
    color: #8b6b34;
    font-size: .82rem;
    font-weight: 800;
}

.channel-editor h3[b-7mvds1o389] {
    margin: .2rem 0 0;
    color: #123f47;
    font-size: 1.3rem;
}

.readonly-chip[b-7mvds1o389] {
    padding: .4rem .65rem;
    border-radius: 999px;
    background: #eef4f3;
    color: #637b80 !important;
}

.channel-form-grid[b-7mvds1o389] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: .9rem;
    margin-top: 1rem;
}

.channel-form-grid label > span[b-7mvds1o389],
.direct-entry label > span[b-7mvds1o389] {
    display: block;
    margin-bottom: .4rem;
    color: #234f56;
    font-weight: 800;
}

.channel-form-grid b[b-7mvds1o389],
.direct-entry b[b-7mvds1o389] {
    color: #b83d4d;
}

.channel-form-grid .form-control[b-7mvds1o389],
.channel-form-grid .form-select[b-7mvds1o389],
.scheduled-workbook-grid .form-control[b-7mvds1o389],
.scheduled-workbook-grid .form-select[b-7mvds1o389],
.direct-entry .form-control[b-7mvds1o389],
.direct-entry .form-select[b-7mvds1o389] {
    min-height: 3rem;
    border-radius: .85rem;
}

.scheduled-workbook-settings[b-7mvds1o389] {
    min-inline-size: 0;
    margin: 1rem 0 0;
    padding: clamp(.9rem, 2vw, 1.2rem);
    border: 1px solid #cfe0dc;
    border-radius: 1.15rem;
    background:
        radial-gradient(circle at 8% 8%, rgba(31, 127, 103, .1), transparent 27%),
        linear-gradient(145deg, #f6fbf9, #fff);
}

.scheduled-workbook-settings legend[b-7mvds1o389] {
    display: inline-flex;
    width: auto;
    align-items: center;
    gap: .55rem;
    margin: 0;
    padding-inline: .35rem;
    color: #153f47;
    font-size: 1rem;
    font-weight: 900;
}

.scheduled-workbook-settings legend > span[b-7mvds1o389] {
    display: grid;
    width: 2rem;
    height: 2rem;
    place-items: center;
    border-radius: .65rem;
    background: #13735e;
    color: #fff;
    box-shadow: 0 .45rem 1rem rgba(19, 115, 94, .2);
}

.scheduled-workbook-grid[b-7mvds1o389] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: .85rem;
}

.scheduled-workbook-grid label[b-7mvds1o389] {
    min-width: 0;
}

.scheduled-workbook-grid label.is-wide[b-7mvds1o389] {
    grid-column: 1 / -1;
}

.scheduled-workbook-grid label > span[b-7mvds1o389] {
    display: block;
    margin-bottom: .4rem;
    color: #234f56;
    font-weight: 800;
}

.scheduled-workbook-grid label > small[b-7mvds1o389] {
    display: block;
    margin-top: .35rem;
    color: #6e8488;
    font-size: .74rem;
    line-height: 1.55;
}

.scheduled-workbook-grid label > small.is-error[b-7mvds1o389] {
    color: #aa3446;
    font-weight: 800;
}

.scheduled-workbook-grid b[b-7mvds1o389] {
    color: #b83d4d;
}

.scheduled-workbook-host[b-7mvds1o389],
.scheduled-workbook-review-note[b-7mvds1o389] {
    display: flex;
    align-items: center;
    gap: .7rem;
    margin-top: .85rem;
    padding: .75rem .85rem;
    border-radius: .9rem;
}

.scheduled-workbook-host[b-7mvds1o389] {
    border: 1px solid #d8e7e3;
    background: rgba(255, 255, 255, .82);
    color: #19574e;
}

.scheduled-workbook-host > i[b-7mvds1o389],
.scheduled-workbook-review-note > i[b-7mvds1o389] {
    display: grid;
    width: 2.35rem;
    height: 2.35rem;
    flex: 0 0 auto;
    place-items: center;
    border-radius: .72rem;
}

.scheduled-workbook-host > i[b-7mvds1o389] {
    background: #e1f3ed;
    color: #13735e;
}

.scheduled-workbook-host span[b-7mvds1o389],
.scheduled-workbook-host small[b-7mvds1o389],
.scheduled-workbook-host strong[b-7mvds1o389],
.scheduled-workbook-review-note span[b-7mvds1o389],
.scheduled-workbook-review-note strong[b-7mvds1o389],
.scheduled-workbook-review-note small[b-7mvds1o389] {
    display: block;
}

.scheduled-workbook-host small[b-7mvds1o389] {
    color: #6b8482;
    font-size: .7rem;
    font-weight: 750;
}

.scheduled-workbook-host strong[b-7mvds1o389] {
    margin-top: .1rem;
    overflow-wrap: anywhere;
    font-size: .82rem;
}

.scheduled-workbook-review-note[b-7mvds1o389] {
    border: 1px solid #ead9af;
    background: #fff9eb;
    color: #6c531c;
}

.scheduled-workbook-review-note > i[b-7mvds1o389] {
    background: #f3e4be;
    color: #89651e;
}

.scheduled-workbook-review-note strong[b-7mvds1o389] {
    font-size: .86rem;
}

.scheduled-workbook-review-note small[b-7mvds1o389] {
    margin-top: .18rem;
    color: #806b40;
    font-size: .73rem;
    line-height: 1.55;
}

.channel-type-note[b-7mvds1o389] {
    display: flex;
    align-items: center;
    gap: .75rem;
    margin-top: 1rem;
    padding: .9rem;
    border: 1px solid #e0e9e8;
    border-radius: 1rem;
    background: #f7fbfa;
}

.channel-type-note > i[b-7mvds1o389] {
    display: grid;
    place-items: center;
    width: 2.7rem;
    height: 2.7rem;
    border-radius: .85rem;
    background: #164f58;
    color: #fff;
}

.channel-type-note strong[b-7mvds1o389],
.channel-type-note small[b-7mvds1o389] {
    display: block;
}

.channel-type-note strong[b-7mvds1o389] {
    color: #17434b;
}

.channel-type-note small[b-7mvds1o389] {
    margin-top: .2rem;
    color: #72888c;
}

.channel-editor footer[b-7mvds1o389],
.direct-entry footer[b-7mvds1o389] {
    display: flex;
    gap: .6rem;
    margin-top: 1rem;
}

.channel-directory[b-7mvds1o389] {
    align-self: start;
    overflow: hidden;
}

.channel-directory > header[b-7mvds1o389] {
    padding: 1rem;
    background: linear-gradient(135deg, #153f48, #244969);
    color: #fff;
}

.channel-directory > header span[b-7mvds1o389] {
    color: #fff;
    font-size: 1rem;
}

.channel-directory > header strong[b-7mvds1o389] {
    display: grid;
    place-items: center;
    width: 2rem;
    height: 2rem;
    border-radius: .65rem;
    background: rgba(255, 255, 255, .13);
}

.channel-directory__empty[b-7mvds1o389] {
    display: grid;
    place-items: center;
    gap: .4rem;
    min-height: 12rem;
    padding: 1rem;
    color: #71868a;
    text-align: center;
}

.channel-directory__empty i[b-7mvds1o389] {
    color: #4b4b92;
    font-size: 1.7rem;
}

.channel-cards[b-7mvds1o389] {
    display: grid;
    gap: .65rem;
    max-height: 36rem;
    padding: .75rem;
    overflow-y: auto;
}

.channel-card[b-7mvds1o389] {
    display: grid;
    grid-template-columns: auto 1fr auto;
    align-items: start;
    gap: .65rem;
    padding: .8rem;
    border: 1px solid #e0e9e8;
    border-radius: .9rem;
    background: #fbfdfd;
}

.channel-card.is-scheduled-workbook[b-7mvds1o389] {
    border-color: #c8ded8;
    background:
        radial-gradient(circle at 8% 5%, rgba(35, 132, 106, .08), transparent 31%),
        #fbfefd;
}

.channel-card__icon[b-7mvds1o389] {
    display: grid;
    place-items: center;
    width: 2.4rem;
    height: 2.4rem;
    border-radius: .75rem;
    background: #e9f3f1;
    color: #18535c;
}

.channel-card__type[b-7mvds1o389] {
    color: #a27632;
    font-size: .72rem;
    font-weight: 800;
}

.channel-card h3[b-7mvds1o389] {
    margin: .15rem 0;
    color: #153f47;
    font-size: .95rem;
}

.channel-card p[b-7mvds1o389],
.channel-card code[b-7mvds1o389] {
    display: block;
    margin: 0;
    color: #71878b;
    font-size: .76rem;
}

.channel-card__source[b-7mvds1o389] {
    display: inline-flex;
    max-width: 100%;
    align-items: center;
    gap: .35rem;
    margin-top: .35rem;
    padding: .3rem .45rem;
    border-radius: .55rem;
    background: #edf5f2;
    color: #47716c;
    font-size: .7rem;
}

.channel-card__source span[b-7mvds1o389] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.channel-card__status[b-7mvds1o389] {
    padding: .25rem .45rem;
    border-radius: 999px;
    background: #f2eeee;
    color: #8b696d;
    font-size: .7rem;
    font-weight: 800;
}

.channel-card__status.is-active[b-7mvds1o389] {
    background: #e5f6f0;
    color: #14745f;
}

.channel-run[b-7mvds1o389] {
    display: grid;
    grid-column: 1 / -1;
    gap: .65rem;
    padding-top: .75rem;
    border-top: 1px solid #deebe7;
}

.channel-run > header[b-7mvds1o389] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: .65rem;
}

.channel-run > header > strong[b-7mvds1o389] {
    color: #4b686b;
    font-size: .7rem;
    font-weight: 850;
}

.channel-run__state[b-7mvds1o389] {
    display: inline-flex;
    min-height: 1.8rem;
    align-items: center;
    gap: .35rem;
    padding: .3rem .5rem;
    border-radius: 999px;
    background: #eef2f1;
    color: #657b7e;
    font-size: .68rem;
    font-weight: 850;
}

.channel-run__state.is-waiting[b-7mvds1o389] {
    background: #fff3d8;
    color: #7d5d1c;
}

.channel-run__state.is-running[b-7mvds1o389] {
    background: #eaf0ff;
    color: #425ca1;
}

.channel-run__state.is-success[b-7mvds1o389] {
    background: #e5f6f0;
    color: #14745f;
}

.channel-run__state.is-unchanged[b-7mvds1o389] {
    background: #eef4f3;
    color: #4c6d70;
}

.channel-run__state.is-error[b-7mvds1o389] {
    background: #fff0f0;
    color: #aa3446;
}

.channel-run dl[b-7mvds1o389] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: .5rem;
    margin: 0;
}

.channel-run dl > div[b-7mvds1o389] {
    min-width: 0;
    padding: .55rem .65rem;
    border: 1px solid #e2ece9;
    border-radius: .7rem;
    background: rgba(255, 255, 255, .75);
}

.channel-run dt[b-7mvds1o389] {
    color: #73888a;
    font-size: .62rem;
    font-weight: 750;
}

.channel-run dd[b-7mvds1o389] {
    margin: .18rem 0 0;
    color: #254e54;
    font-size: .72rem;
    font-weight: 850;
}

.channel-run > p[b-7mvds1o389] {
    margin: 0;
    padding: .55rem .65rem;
    border-radius: .7rem;
    background: #f3f7f6;
    color: #617a7d;
    font-size: .7rem;
    line-height: 1.55;
}

.channel-run__button[b-7mvds1o389] {
    display: inline-flex;
    min-height: 2.75rem;
    align-items: center;
    justify-content: center;
    gap: .45rem;
    border: 1px solid #bad8d1;
    border-radius: .75rem;
    background: #e8f4f1;
    color: #155e51;
    font-size: .76rem;
    font-weight: 900;
    transition: border-color .2s ease, background .2s ease, transform .2s ease;
}

.channel-run__button:hover:not(:disabled)[b-7mvds1o389] {
    border-color: #70ae9f;
    background: #dceee9;
    transform: translateY(-1px);
}

.channel-run__button:focus-visible[b-7mvds1o389] {
    outline: 3px solid rgba(50, 119, 162, .32);
    outline-offset: 2px;
}

.channel-run__button:disabled[b-7mvds1o389] {
    cursor: not-allowed;
    opacity: .58;
}

.channel-run-history[b-7mvds1o389] {
    overflow: hidden;
    border: 1px solid #dce9e5;
    border-radius: .75rem;
    background: rgba(255, 255, 255, .78);
}

.channel-run-history > summary[b-7mvds1o389] {
    display: grid;
    min-height: 2.6rem;
    grid-template-columns: minmax(0, 1fr) auto auto;
    align-items: center;
    gap: .5rem;
    padding: .55rem .7rem;
    color: #315c60;
    cursor: pointer;
    list-style: none;
    user-select: none;
}

.channel-run-history > summary[b-7mvds1o389]::-webkit-details-marker {
    display: none;
}

.channel-run-history > summary[b-7mvds1o389]::after {
    content: "⌄";
    color: #648083;
    font-size: 1rem;
    line-height: 1;
    transition: transform .2s ease;
}

.channel-run-history[open] > summary[b-7mvds1o389] {
    border-bottom: 1px solid #e2ece9;
    background: #f5faf8;
}

.channel-run-history[open] > summary[b-7mvds1o389]::after {
    transform: rotate(180deg);
}

.channel-run-history > summary:focus-visible[b-7mvds1o389] {
    outline: 3px solid rgba(50, 119, 162, .32);
    outline-offset: -3px;
}

.channel-run-history > summary > span[b-7mvds1o389] {
    display: inline-flex;
    min-width: 0;
    align-items: center;
    gap: .4rem;
    font-size: .72rem;
    font-weight: 900;
}

.channel-run-history > summary > small[b-7mvds1o389] {
    color: #74898b;
    font-size: .62rem;
    font-weight: 750;
}

.channel-run-history ol[b-7mvds1o389] {
    display: grid;
    max-height: 20rem;
    gap: 0;
    margin: 0;
    padding: 0;
    overflow-y: auto;
    list-style: none;
}

.channel-run-history li[b-7mvds1o389] {
    display: grid;
    gap: .5rem;
    padding: .65rem .7rem;
}

.channel-run-history li + li[b-7mvds1o389] {
    border-top: 1px solid #e7efed;
}

.channel-run-history li > header[b-7mvds1o389] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: .5rem;
}

.channel-run-history li > header > small[b-7mvds1o389] {
    color: #6d8385;
    font-size: .62rem;
    font-weight: 800;
}

.channel-run-history__times[b-7mvds1o389] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: .45rem;
}

.channel-run-history__times > span[b-7mvds1o389] {
    display: grid;
    min-width: 0;
    gap: .12rem;
}

.channel-run-history__times small[b-7mvds1o389] {
    color: #819395;
    font-size: .58rem;
    font-weight: 750;
}

.channel-run-history__times time[b-7mvds1o389],
.channel-run-history__times strong[b-7mvds1o389] {
    overflow: hidden;
    color: #31585d;
    font-size: .66rem;
    font-weight: 850;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.channel-run-history li > p[b-7mvds1o389] {
    margin: 0;
    padding: .45rem .55rem;
    border-radius: .55rem;
    background: #f4f8f7;
    color: #526f72;
    font-size: .65rem;
    line-height: 1.5;
}

.direct-entry[b-7mvds1o389] {
    padding: clamp(1rem, 2vw, 1.5rem);
}

.direct-entry > header label[b-7mvds1o389] {
    min-width: min(28rem, 100%);
}

.direct-entry__empty[b-7mvds1o389] {
    display: grid;
    place-items: center;
    gap: .45rem;
    min-height: 9rem;
    margin-top: 1rem;
    border: 1px dashed #cededb;
    border-radius: 1rem;
    color: #6c8589;
}

.direct-entry__empty i[b-7mvds1o389] {
    color: #4b4b92;
    font-size: 1.65rem;
}

.direct-entry__empty.is-warning i[b-7mvds1o389] {
    color: #bd8229;
}

.direct-entry__period[b-7mvds1o389] {
    display: block;
    max-width: 28rem;
    margin-top: 1rem;
}

.direct-values[b-7mvds1o389] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: .7rem;
    max-height: 32rem;
    margin-top: 1rem;
    padding: .2rem;
    overflow-y: auto;
}

.direct-value[b-7mvds1o389] {
    padding: .8rem;
    border: 1px solid #e0e9e8;
    border-radius: .9rem;
    background: #fafcfc;
}

.direct-value > span[b-7mvds1o389] {
    display: flex !important;
    align-items: center;
    justify-content: space-between;
    gap: .5rem;
}

.direct-value code[b-7mvds1o389] {
    color: #4b4b92;
    font-size: .68rem;
}

.direct-value small[b-7mvds1o389] {
    display: block;
    margin-top: .35rem;
    color: #7a8e92;
}

@media (max-width: 1080px) {
    .channels-layout[b-7mvds1o389] {
        grid-template-columns: 1fr;
    }

    .direct-values[b-7mvds1o389] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 720px) {
    .channels-intro[b-7mvds1o389],
    .direct-entry > header[b-7mvds1o389] {
        align-items: stretch;
        flex-direction: column;
    }

    .channels-intro__modes[b-7mvds1o389] {
        justify-content: start;
    }

    .channel-form-grid[b-7mvds1o389],
    .scheduled-workbook-grid[b-7mvds1o389],
    .direct-values[b-7mvds1o389] {
        grid-template-columns: 1fr;
    }

    .scheduled-workbook-grid label.is-wide[b-7mvds1o389] {
        grid-column: auto;
    }

    .channel-editor > header[b-7mvds1o389],
    .channel-run > header[b-7mvds1o389] {
        align-items: stretch;
        flex-direction: column;
    }

    .channel-run__button[b-7mvds1o389] {
        width: 100%;
    }

    .channel-run-history__times[b-7mvds1o389] {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 480px) {
    .channel-card[b-7mvds1o389] {
        grid-template-columns: auto minmax(0, 1fr);
    }

    .channel-card__status[b-7mvds1o389] {
        grid-column: 1 / -1;
        justify-self: start;
    }

    .channel-run dl[b-7mvds1o389] {
        grid-template-columns: 1fr;
    }
}

@media (prefers-reduced-motion: reduce) {
    .channel-run__button[b-7mvds1o389] {
        transition: none;
    }

    .channel-run__button:hover:not(:disabled)[b-7mvds1o389] {
        transform: none;
    }

    .channel-run-history > summary[b-7mvds1o389]::after {
        transition: none;
    }
}
/* _content/Starterkit/Observatory/Components/NotificationRulesPanel.razor.rz.scp.css */
.smart-rules[b-xu1g0e1vic] {
    --smart-primary: var(--gov-primary, #145f65);
    --smart-secondary: var(--gov-secondary, #b88935);
    --smart-ink: var(--gov-ink, #123c43);
    --smart-muted: var(--gov-muted, #6f898d);
    --smart-line: var(--gov-line, #dfe9e8);
    display: grid;
    gap: 1rem;
    padding: 1.2rem 1.4rem;
    border-bottom: 1px solid var(--smart-line);
    background:
        radial-gradient(circle at 5% 0, rgba(184, 137, 53, .08), transparent 24rem),
        linear-gradient(180deg, #fff, rgba(246, 250, 249, .78));
    direction: rtl;
}

.smart-rules button[b-xu1g0e1vic],
.smart-rules input[b-xu1g0e1vic],
.smart-rules select[b-xu1g0e1vic],
.smart-rules textarea[b-xu1g0e1vic] {
    font: inherit;
}

.smart-rules button:focus-visible[b-xu1g0e1vic],
.smart-rules input:focus-visible[b-xu1g0e1vic],
.smart-rules select:focus-visible[b-xu1g0e1vic],
.smart-rules textarea:focus-visible[b-xu1g0e1vic] {
    outline: 3px solid rgba(20, 95, 101, .18);
    outline-offset: 2px;
}

.smart-rules__header[b-xu1g0e1vic] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
}

.smart-rules__header > div[b-xu1g0e1vic] {
    min-width: 0;
}

.smart-rules__kicker[b-xu1g0e1vic] {
    display: inline-flex;
    align-items: center;
    gap: .4rem;
    color: var(--smart-secondary);
    font-size: .72rem;
    font-weight: 900;
}

.smart-rules__header h3[b-xu1g0e1vic] {
    margin: .3rem 0 .2rem;
    color: var(--smart-ink);
    font-size: 1.08rem;
    font-weight: 900;
}

.smart-rules__header p[b-xu1g0e1vic] {
    max-width: 56rem;
    margin: 0;
    color: var(--smart-muted);
    font-size: .76rem;
    line-height: 1.75;
}

.smart-rules__primary[b-xu1g0e1vic],
.smart-rules__secondary[b-xu1g0e1vic] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: .45rem;
    min-height: 2.65rem;
    padding: .55rem 1rem;
    border: 1px solid transparent;
    border-radius: .72rem;
    font-size: .75rem;
    font-weight: 900;
    cursor: pointer;
}

.smart-rules__primary[b-xu1g0e1vic] {
    color: #fff;
    background: var(--smart-primary);
    box-shadow: 0 .55rem 1.3rem rgba(20, 95, 101, .14);
}

.smart-rules__secondary[b-xu1g0e1vic] {
    border-color: var(--smart-line);
    color: var(--smart-primary);
    background: #fff;
}

.smart-rules button:disabled[b-xu1g0e1vic] {
    cursor: wait;
    opacity: .58;
}

.smart-rules__permission[b-xu1g0e1vic],
.smart-rules__loading[b-xu1g0e1vic],
.smart-rules__empty[b-xu1g0e1vic] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: .75rem;
    min-height: 6rem;
    padding: 1rem;
    border: 1px dashed rgba(20, 95, 101, .2);
    border-radius: 1rem;
    color: var(--smart-muted);
    background: rgba(255, 255, 255, .72);
}

.smart-rules__permission > i[b-xu1g0e1vic],
.smart-rules__empty > i[b-xu1g0e1vic] {
    display: grid;
    place-items: center;
    flex: 0 0 2.8rem;
    width: 2.8rem;
    height: 2.8rem;
    border-radius: .85rem;
    color: var(--smart-primary);
    background: rgba(20, 95, 101, .08);
}

.smart-rules__permission div[b-xu1g0e1vic],
.smart-rules__empty div[b-xu1g0e1vic] {
    display: grid;
    gap: .18rem;
}

.smart-rules__permission strong[b-xu1g0e1vic],
.smart-rules__empty strong[b-xu1g0e1vic] {
    color: var(--smart-ink);
    font-size: .78rem;
}

.smart-rules__permission span[b-xu1g0e1vic],
.smart-rules__empty span[b-xu1g0e1vic],
.smart-rules__loading[b-xu1g0e1vic] {
    font-size: .72rem;
}

.smart-rules__message[b-xu1g0e1vic] {
    display: flex;
    align-items: center;
    gap: .55rem;
    padding: .7rem .8rem;
    border: 1px solid rgba(19, 134, 111, .2);
    border-radius: .75rem;
    color: #0f765f;
    background: #effaf6;
    font-size: .73rem;
    font-weight: 800;
}

.smart-rules__message.is-error[b-xu1g0e1vic] {
    border-color: rgba(189, 67, 84, .22);
    color: #a43147;
    background: #fff3f5;
}

.smart-rules__message span[b-xu1g0e1vic] {
    flex: 1;
}

.smart-rules__message button[b-xu1g0e1vic] {
    display: grid;
    place-items: center;
    width: 1.85rem;
    height: 1.85rem;
    border: 0;
    border-radius: .5rem;
    color: inherit;
    background: rgba(255, 255, 255, .7);
}

.smart-rule-editor[b-xu1g0e1vic] {
    overflow: hidden;
    border: 1px solid rgba(20, 95, 101, .2);
    border-radius: 1rem;
    background: #fff;
    box-shadow: 0 1rem 2.5rem rgba(19, 60, 67, .09);
}

.smart-rule-editor > header[b-xu1g0e1vic] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: .75rem;
    padding: .85rem 1rem;
    color: #fff;
    background: linear-gradient(112deg, #174f56, #0c363c);
}

.smart-rule-editor > header div[b-xu1g0e1vic] {
    display: grid;
    gap: .1rem;
}

.smart-rule-editor > header span[b-xu1g0e1vic] {
    color: #dbc28f;
    font-size: .65rem;
    font-weight: 800;
}

.smart-rule-editor > header strong[b-xu1g0e1vic] {
    font-size: .9rem;
}

.smart-rule-editor > header button[b-xu1g0e1vic] {
    display: grid;
    place-items: center;
    width: 2rem;
    height: 2rem;
    border: 1px solid rgba(255, 255, 255, .15);
    border-radius: .55rem;
    color: #fff;
    background: rgba(255, 255, 255, .08);
}

.smart-rule-editor__grid[b-xu1g0e1vic] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: .75rem;
    padding: 1rem;
}

.smart-rule-field[b-xu1g0e1vic] {
    display: grid;
    gap: .35rem;
    min-width: 0;
}

.smart-rule-field > span[b-xu1g0e1vic] {
    color: var(--smart-ink);
    font-size: .7rem;
    font-weight: 850;
}

.smart-rule-field > span b[b-xu1g0e1vic] {
    color: #bd4354;
}

.smart-rule-field input[b-xu1g0e1vic],
.smart-rule-field select[b-xu1g0e1vic],
.smart-rule-field textarea[b-xu1g0e1vic] {
    width: 100%;
    min-height: 2.65rem;
    padding: .56rem .7rem;
    border: 1px solid var(--smart-line);
    border-radius: .68rem;
    color: var(--smart-ink);
    background: #fff;
    font-size: .74rem;
}

.smart-rule-field textarea[b-xu1g0e1vic] {
    min-height: 5rem;
    resize: vertical;
}

.smart-rule-field small[b-xu1g0e1vic],
.smart-rule-switch small[b-xu1g0e1vic] {
    color: var(--smart-muted);
    font-size: .62rem;
    line-height: 1.55;
}

.smart-rule-field--wide[b-xu1g0e1vic] {
    grid-column: 1 / -1;
}

.smart-rule-switch[b-xu1g0e1vic] {
    display: flex;
    align-items: center;
    gap: .65rem;
    min-height: 4.25rem;
    padding: .65rem .75rem;
    border: 1px solid var(--smart-line);
    border-radius: .72rem;
    background: rgba(246, 250, 249, .8);
}

.smart-rule-switch > input[b-xu1g0e1vic] {
    position: absolute;
    opacity: 0;
    pointer-events: none;
}

.smart-rule-switch > span[b-xu1g0e1vic] {
    position: relative;
    flex: 0 0 2.8rem;
    width: 2.8rem;
    height: 1.5rem;
    border-radius: 99rem;
    background: #cad7d6;
    transition: background .2s ease;
}

.smart-rule-switch > span[b-xu1g0e1vic]::after {
    content: "";
    position: absolute;
    inset-block-start: .2rem;
    inset-inline-start: .2rem;
    width: 1.1rem;
    height: 1.1rem;
    border-radius: 50%;
    background: #fff;
    box-shadow: 0 .15rem .4rem rgba(18, 60, 67, .18);
    transition: transform .2s ease;
}

.smart-rule-switch > input:checked + span[b-xu1g0e1vic] {
    background: #13866f;
}

.smart-rule-switch > input:checked + span[b-xu1g0e1vic]::after {
    transform: translateX(-1.3rem);
}

.smart-rule-switch div[b-xu1g0e1vic] {
    display: grid;
    gap: .12rem;
}

.smart-rule-switch strong[b-xu1g0e1vic] {
    color: var(--smart-ink);
    font-size: .72rem;
}

.recipient-picker[b-xu1g0e1vic] {
    margin: 0 1rem 1rem;
    border: 1px solid var(--smart-line);
    border-radius: .82rem;
    background: #fbfdfd;
}

.recipient-picker > header[b-xu1g0e1vic] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: .75rem;
    padding: .65rem .75rem;
    border-bottom: 1px solid var(--smart-line);
}

.recipient-picker > header > div:first-child[b-xu1g0e1vic] {
    display: flex;
    align-items: center;
    gap: .5rem;
}

.recipient-picker > header strong[b-xu1g0e1vic] {
    color: var(--smart-ink);
    font-size: .72rem;
}

.recipient-picker > header span[b-xu1g0e1vic] {
    padding: .16rem .45rem;
    border-radius: 99rem;
    color: var(--smart-primary);
    background: rgba(20, 95, 101, .08);
    font-size: .62rem;
    font-weight: 800;
}

.recipient-picker__search[b-xu1g0e1vic] {
    position: relative;
    width: min(17rem, 48%);
}

.recipient-picker__search i[b-xu1g0e1vic] {
    position: absolute;
    inset-inline-start: .65rem;
    inset-block-start: 50%;
    color: #91a5a8;
    transform: translateY(-50%);
}

.recipient-picker__search input[b-xu1g0e1vic] {
    width: 100%;
    min-height: 2.25rem;
    padding: .45rem 2rem .45rem .6rem;
    border: 1px solid var(--smart-line);
    border-radius: .6rem;
    font-size: .7rem;
}

.recipient-picker__items[b-xu1g0e1vic] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: .4rem;
    max-height: 15rem;
    padding: .6rem;
    overflow: auto;
}

.recipient-picker__items label[b-xu1g0e1vic] {
    display: grid;
    grid-template-columns: auto 2.1rem minmax(0, 1fr);
    align-items: center;
    gap: .5rem;
    min-width: 0;
    padding: .5rem;
    border: 1px solid transparent;
    border-radius: .65rem;
    background: #fff;
}

.recipient-picker__items label:has(input:checked)[b-xu1g0e1vic] {
    border-color: rgba(20, 95, 101, .24);
    background: rgba(20, 95, 101, .045);
}

.recipient-picker__items input[b-xu1g0e1vic] {
    accent-color: var(--smart-primary);
}

.recipient-picker__avatar[b-xu1g0e1vic] {
    display: grid;
    place-items: center;
    width: 2.1rem;
    height: 2.1rem;
    border-radius: .62rem;
    color: var(--smart-primary);
    background: rgba(20, 95, 101, .08);
    font-size: .66rem;
    font-weight: 900;
}

.recipient-picker__items label > span:last-child[b-xu1g0e1vic] {
    display: grid;
    gap: .06rem;
    min-width: 0;
}

.recipient-picker__items strong[b-xu1g0e1vic],
.recipient-picker__items small[b-xu1g0e1vic] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.recipient-picker__items strong[b-xu1g0e1vic] {
    color: var(--smart-ink);
    font-size: .68rem;
}

.recipient-picker__items small[b-xu1g0e1vic] {
    color: var(--smart-muted);
    font-size: .6rem;
}

.smart-rule-editor__hint[b-xu1g0e1vic] {
    display: flex;
    align-items: center;
    gap: .55rem;
    margin: 0 1rem 1rem;
    padding: .7rem .8rem;
    border: 1px dashed rgba(184, 137, 53, .35);
    border-radius: .75rem;
    color: #77623c;
    background: rgba(184, 137, 53, .065);
    font-size: .7rem;
}

.smart-rule-editor > footer[b-xu1g0e1vic] {
    display: flex;
    justify-content: flex-end;
    gap: .55rem;
    padding: .75rem 1rem;
    border-top: 1px solid var(--smart-line);
    background: #f8fbfa;
}

.smart-rules__summary[b-xu1g0e1vic] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: .55rem;
}

.smart-rules__summary article[b-xu1g0e1vic] {
    display: flex;
    align-items: center;
    gap: .55rem;
    min-width: 0;
    padding: .65rem .75rem;
    border: 1px solid var(--smart-line);
    border-radius: .75rem;
    color: var(--smart-muted);
    background: rgba(255, 255, 255, .8);
    font-size: .68rem;
}

.smart-rules__summary i[b-xu1g0e1vic] {
    color: var(--smart-secondary);
}

.smart-rules__summary strong[b-xu1g0e1vic] {
    color: var(--smart-ink);
}

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

.smart-rule-card[b-xu1g0e1vic] {
    display: grid;
    grid-template-columns: 2.75rem minmax(0, 1fr) auto;
    align-items: start;
    gap: .7rem;
    min-width: 0;
    padding: .75rem;
    border: 1px solid var(--smart-line);
    border-radius: .85rem;
    background: #fff;
}

.smart-rule-card.is-enabled[b-xu1g0e1vic] {
    border-color: rgba(20, 95, 101, .22);
    box-shadow: inset -.2rem 0 var(--smart-primary);
}

.smart-rule-card.is-disabled[b-xu1g0e1vic] {
    opacity: .68;
    background: #f7f9f9;
}

.smart-rule-card__icon[b-xu1g0e1vic] {
    display: grid;
    place-items: center;
    width: 2.75rem;
    height: 2.75rem;
    border-radius: .8rem;
    color: var(--smart-primary);
    background: rgba(20, 95, 101, .08);
}

.smart-rule-card__body[b-xu1g0e1vic] {
    display: grid;
    gap: .38rem;
    min-width: 0;
}

.smart-rule-card__body header[b-xu1g0e1vic] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: .55rem;
}

.smart-rule-card__body header div[b-xu1g0e1vic] {
    display: grid;
    gap: .08rem;
    min-width: 0;
}

.smart-rule-card__body header strong[b-xu1g0e1vic],
.smart-rule-card__body header span[b-xu1g0e1vic],
.smart-rule-card__body p[b-xu1g0e1vic] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.smart-rule-card__body header strong[b-xu1g0e1vic] {
    color: var(--smart-ink);
    font-size: .75rem;
}

.smart-rule-card__body header span[b-xu1g0e1vic],
.smart-rule-card__body header b[b-xu1g0e1vic] {
    font-size: .61rem;
}

.smart-rule-card__body header span[b-xu1g0e1vic] {
    color: var(--smart-muted);
}

.smart-rule-card__body header b[b-xu1g0e1vic] {
    flex: 0 0 auto;
    padding: .16rem .42rem;
    border-radius: 99rem;
    color: #0f765f;
    background: rgba(19, 134, 111, .1);
}

.smart-rule-card.is-disabled header b[b-xu1g0e1vic] {
    color: #7c8c8f;
    background: #edf1f1;
}

.smart-rule-card__body p[b-xu1g0e1vic] {
    margin: 0;
    color: #526f74;
    font-size: .68rem;
}

.smart-rule-card__meta[b-xu1g0e1vic] {
    display: flex;
    flex-wrap: wrap;
    gap: .25rem;
}

.smart-rule-card__meta span[b-xu1g0e1vic] {
    display: inline-flex;
    align-items: center;
    gap: .25rem;
    padding: .15rem .38rem;
    border-radius: 99rem;
    color: #607b7f;
    background: #eef4f3;
    font-size: .58rem;
}

.smart-rule-card__actions[b-xu1g0e1vic] {
    display: flex;
    gap: .32rem;
}

.smart-rule-card__actions button[b-xu1g0e1vic] {
    display: grid;
    place-items: center;
    width: 2rem;
    height: 2rem;
    border: 1px solid var(--smart-line);
    border-radius: .58rem;
    color: var(--smart-primary);
    background: #fff;
}

.smart-rule-card__actions button.is-stop[b-xu1g0e1vic] {
    color: #9f7530;
    background: #fff9ef;
}

.smart-rule-card__actions button.is-start[b-xu1g0e1vic] {
    color: #0f765f;
    background: #effaf6;
}

@media (max-width: 980px) {
    .smart-rule-editor__grid[b-xu1g0e1vic],
    .smart-rules__list[b-xu1g0e1vic] {
        grid-template-columns: 1fr;
    }

    .smart-rule-field--wide[b-xu1g0e1vic] {
        grid-column: auto;
    }
}

@media (max-width: 680px) {
    .smart-rules[b-xu1g0e1vic] {
        padding: 1rem;
    }

    .smart-rules__header[b-xu1g0e1vic],
    .recipient-picker > header[b-xu1g0e1vic] {
        align-items: stretch;
        flex-direction: column;
    }

    .smart-rules__header .smart-rules__primary[b-xu1g0e1vic],
    .recipient-picker__search[b-xu1g0e1vic] {
        width: 100%;
    }

    .smart-rules__summary[b-xu1g0e1vic],
    .recipient-picker__items[b-xu1g0e1vic] {
        grid-template-columns: 1fr;
    }

    .smart-rule-card[b-xu1g0e1vic] {
        grid-template-columns: 2.6rem minmax(0, 1fr);
    }

    .smart-rule-card__actions[b-xu1g0e1vic] {
        grid-column: 1 / -1;
        justify-content: flex-end;
    }
}
/* _content/Starterkit/Observatory/Components/ObservatoryAccessDenied.razor.rz.scp.css */
.obs-access-denied[b-wytnjdcl8i] {
    position: relative;
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    align-items: center;
    gap: 20px;
    min-height: 190px;
    overflow: hidden;
    padding: clamp(24px, 4vw, 42px);
    border: 1px solid #e8d2d7;
    border-radius: 18px;
    color: #792d3a;
    background:
        repeating-linear-gradient(135deg, transparent, transparent 15px, rgba(125, 42, 58, .018) 16px),
        linear-gradient(135deg, #fff8f9, #fff);
    box-shadow: 0 18px 44px rgba(108, 32, 48, .075);
}

.obs-access-denied[b-wytnjdcl8i]::after {
    content: "403";
    position: absolute;
    inset-inline-end: 22px;
    inset-block-end: -29px;
    color: rgba(125, 42, 58, .04);
    font-family: ui-monospace, SFMono-Regular, Consolas, monospace;
    font-size: 7rem;
    font-weight: 900;
    line-height: 1;
}

.obs-access-denied__icon[b-wytnjdcl8i] {
    display: grid;
    width: 62px;
    height: 62px;
    flex: 0 0 auto;
    place-items: center;
    border: 1px solid rgba(255, 255, 255, .3);
    border-radius: 17px;
    color: #fff;
    background: linear-gradient(145deg, #a64456, #792d3a);
    box-shadow: 0 14px 30px rgba(121, 45, 58, .2);
}

.obs-access-denied__code[b-wytnjdcl8i] {
    display: block;
    margin-bottom: 5px;
    color: #b27f89;
    font-family: ui-monospace, SFMono-Regular, Consolas, monospace;
    font-size: .6rem;
    font-weight: 800;
    letter-spacing: .08em;
}

.obs-access-denied h2[b-wytnjdcl8i] {
    margin: 0 0 7px;
    font-size: clamp(1.05rem, 2vw, 1.3rem);
    font-weight: 700;
}

.obs-access-denied p[b-wytnjdcl8i] {
    margin: 0;
    color: #8a6269;
    line-height: 1.7;
}

@media (max-width: 575.98px) {
    .obs-access-denied[b-wytnjdcl8i] {
        grid-template-columns: 1fr;
        justify-items: start;
    }
}
/* _content/Starterkit/Observatory/Components/ObservatoryPageShell.razor.rz.scp.css */
.obs-shell[b-s8bb9xeuvi] {
    --obs-primary: #0b4f52;
    --obs-secondary: #b48a45;
    --obs-org-font-family: var(--gb-website-font-family, var(--kt-font-family, var(--bs-body-font-family, sans-serif)));
    --obs-org-font-weight: var(--gb-website-font-weight, 400);
    --obs-page-title-size: 24px;
    --obs-section-title-size: 20px;
    --obs-subsection-title-size: 18px;
    --obs-text-size: 15px;
    --obs-helper-text-size: 14px;
    --obs-feedback-text-size: clamp(15px, calc(14px + .15vw), 17px);
    --obs-ink: #132b2e;
    --obs-muted: #66797b;
    --obs-line: #d8e4e2;
    --obs-surface: #ffffff;
    --obs-surface-soft: #f3f7f6;
    --obs-danger: #a83b4d;
    --obs-success: #16846b;
    --obs-radius-xl: 26px;
    --obs-radius-lg: 20px;
    --obs-radius-md: 14px;
    --obs-shadow-sm: 0 10px 28px rgba(20, 56, 60, .07);
    --obs-shadow-lg: 0 24px 60px rgba(17, 51, 55, .11);
    min-height: 100vh;
    padding: clamp(14px, 2vw, 28px);
    overflow-x: clip;
    color: var(--obs-ink);
    font-family: var(--obs-org-font-family);
    font-size: var(--obs-text-size);
    font-weight: var(--obs-org-font-weight);
    background:
        linear-gradient(90deg, rgba(19, 43, 46, .022) 1px, transparent 1px),
        radial-gradient(circle at 8% 3%, color-mix(in srgb, var(--obs-secondary) 14%, transparent), transparent 24rem),
        radial-gradient(circle at 92% 0%, color-mix(in srgb, var(--obs-primary) 11%, transparent), transparent 30rem),
        linear-gradient(180deg, #f7f9f8 0%, #eef3f2 100%);
    background-size: 72px 100%, auto, auto, auto;
}

.obs-shell [b-s8bb9xeuvi]::selection {
    color: #fff;
    background: var(--obs-primary);
}

.obs-shell[b-s8bb9xeuvi]  button:focus-visible,
.obs-shell[b-s8bb9xeuvi]  a:focus-visible,
.obs-shell[b-s8bb9xeuvi]  input:focus-visible,
.obs-shell[b-s8bb9xeuvi]  select:focus-visible,
.obs-shell[b-s8bb9xeuvi]  textarea:focus-visible {
    outline: 3px solid color-mix(in srgb, var(--obs-secondary) 42%, transparent);
    outline-offset: 2px;
}

.obs-shell__page-header[b-s8bb9xeuvi] {
    position: relative;
    display: flex;
    align-items: center;
    gap: 13px;
    min-height: 72px;
    padding: 12px 18px;
    overflow: hidden;
    border: 1px solid color-mix(in srgb, var(--obs-primary) 16%, #fff);
    border-radius: var(--obs-radius-lg);
    background: rgba(255, 255, 255, .88);
    box-shadow: var(--obs-shadow-sm);
}

.obs-shell__page-header[b-s8bb9xeuvi]::after {
    content: "";
    position: absolute;
    width: 90px;
    height: 90px;
    inset-inline-end: -52px;
    inset-block-start: -58px;
    border: 18px solid color-mix(in srgb, var(--obs-primary) 6%, transparent);
    border-radius: 50%;
    pointer-events: none;
}

.obs-shell__page-header-mark[b-s8bb9xeuvi] {
    display: grid;
    width: 42px;
    height: 42px;
    flex: 0 0 42px;
    place-items: center;
    border-radius: 13px;
    color: #fff;
    background: linear-gradient(
        145deg,
        var(--obs-primary),
        color-mix(in srgb, var(--obs-primary) 72%, #173d45));
    box-shadow: 0 8px 18px color-mix(in srgb, var(--obs-primary) 18%, transparent);
}

.obs-shell__page-header-copy[b-s8bb9xeuvi] {
    min-width: 0;
}

.obs-shell__page-header-copy h1[b-s8bb9xeuvi] {
    margin: 0;
    color: var(--obs-ink);
    font-size: var(--obs-page-title-size);
    font-weight: 900;
    line-height: 1.35;
}

.obs-shell__page-header-copy p[b-s8bb9xeuvi] {
    overflow: hidden;
    margin: 3px 0 0;
    color: var(--obs-muted);
    font-size: var(--obs-helper-text-size);
    line-height: 1.55;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.obs-shell__hero[b-s8bb9xeuvi] {
    position: relative;
    isolation: isolate;
    overflow: hidden;
    border: 1px solid color-mix(in srgb, var(--obs-primary) 38%, #ffffff);
    border-radius: 30px;
    color: #fff;
    background:
        radial-gradient(circle at 86% 32%, color-mix(in srgb, var(--obs-secondary) 24%, transparent), transparent 23rem),
        linear-gradient(125deg,
            color-mix(in srgb, var(--obs-primary) 91%, #061d22) 0%,
            color-mix(in srgb, var(--obs-primary) 78%, #173841) 54%,
            color-mix(in srgb, var(--obs-primary) 88%, #081f27) 100%);
    box-shadow:
        0 30px 70px color-mix(in srgb, var(--obs-primary) 22%, transparent),
        inset 0 1px 0 rgba(255, 255, 255, .12);
}

.obs-shell__hero[b-s8bb9xeuvi]::before {
    content: "";
    position: absolute;
    inset-inline: 0;
    inset-block-start: 0;
    height: 4px;
    background: linear-gradient(90deg,
        transparent,
        var(--obs-secondary) 22%,
        color-mix(in srgb, var(--obs-secondary) 38%, #fff) 54%,
        transparent 88%);
    z-index: 2;
}

.obs-shell__hero[b-s8bb9xeuvi]::after {
    content: "";
    position: absolute;
    width: 410px;
    height: 410px;
    inset-inline-start: -250px;
    inset-block-end: -275px;
    border: 70px solid rgba(255, 255, 255, .035);
    border-radius: 50%;
    z-index: -1;
}

.obs-shell__hero-grid[b-s8bb9xeuvi] {
    position: absolute;
    inset: 0;
    opacity: .22;
    z-index: -1;
    background-image:
        linear-gradient(rgba(255, 255, 255, .13) 1px, transparent 1px),
        linear-gradient(90deg, rgba(255, 255, 255, .13) 1px, transparent 1px);
    background-size: 38px 38px;
    -webkit-mask-image: linear-gradient(90deg, #000, transparent 78%);
    mask-image: linear-gradient(90deg, #000, transparent 78%);
}

.obs-shell__hero-glow[b-s8bb9xeuvi] {
    position: absolute;
    width: 26rem;
    height: 26rem;
    inset-inline-end: 5%;
    inset-block-start: -17rem;
    border-radius: 50%;
    pointer-events: none;
    background: color-mix(in srgb, var(--obs-secondary) 18%, transparent);
    filter: blur(18px);
    z-index: -1;
}

.obs-shell__hero-body[b-s8bb9xeuvi] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(250px, 340px);
    gap: clamp(24px, 5vw, 78px);
    align-items: center;
    padding: clamp(27px, 4vw, 48px) clamp(24px, 4vw, 48px) 38px;
}

.obs-shell__hero-copy[b-s8bb9xeuvi] {
    min-width: 0;
}

.obs-shell__eyebrow[b-s8bb9xeuvi] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 7px 11px;
    margin-bottom: 15px;
    border: 1px solid color-mix(in srgb, var(--obs-secondary) 38%, rgba(255, 255, 255, .12));
    border-radius: 999px;
    color: color-mix(in srgb, var(--obs-secondary) 45%, #fff);
    background: color-mix(in srgb, var(--obs-secondary) 11%, transparent);
    font-size: .72rem;
    font-weight: 800;
}

.obs-shell__heading-row[b-s8bb9xeuvi] {
    max-width: 850px;
}

.obs-shell__heading-row h1[b-s8bb9xeuvi] {
    margin: 0;
    color: #fff;
    font-size: clamp(1.75rem, 3.15vw, 3rem);
    font-weight: 900;
    line-height: 1.18;
    letter-spacing: -.035em;
    text-wrap: balance;
    text-shadow: 0 8px 28px rgba(0, 0, 0, .16);
}

.obs-shell__heading-row p[b-s8bb9xeuvi] {
    max-width: 760px;
    margin: 13px 0 0;
    color: rgba(255, 255, 255, .69);
    font-size: clamp(.86rem, 1.15vw, .98rem);
    line-height: 1.85;
}

.obs-shell__trust-list[b-s8bb9xeuvi] {
    display: flex;
    align-items: center;
    gap: 9px;
    flex-wrap: wrap;
    margin-top: 21px;
}

.obs-shell__trust-list span[b-s8bb9xeuvi] {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    min-height: 34px;
    padding: 7px 10px;
    border: 1px solid rgba(255, 255, 255, .1);
    border-radius: 10px;
    color: rgba(255, 255, 255, .72);
    background: rgba(255, 255, 255, .055);
    font-size: .7rem;
    font-weight: 800;
}

.obs-shell__trust-list i[b-s8bb9xeuvi] {
    color: color-mix(in srgb, var(--obs-secondary) 70%, #fff);
}

.obs-shell__actions[b-s8bb9xeuvi] {
    display: flex;
    align-items: center;
    gap: 10px;
    flex-wrap: wrap;
    margin-top: 20px;
}

.obs-shell__data-visual[b-s8bb9xeuvi] {
    position: relative;
    min-height: 218px;
    overflow: hidden;
    border: 1px solid rgba(255, 255, 255, .13);
    border-radius: 22px;
    padding: 18px;
    background:
        linear-gradient(145deg, rgba(255, 255, 255, .09), rgba(255, 255, 255, .025)),
        repeating-linear-gradient(90deg, transparent, transparent 29px, rgba(255, 255, 255, .027) 30px);
    box-shadow:
        0 24px 48px rgba(0, 0, 0, .17),
        inset 0 1px 0 rgba(255, 255, 255, .12);
    backdrop-filter: blur(14px);
}

.obs-shell__data-visual[b-s8bb9xeuvi]::before {
    content: "";
    position: absolute;
    width: 130px;
    height: 130px;
    inset-inline-end: -76px;
    inset-block-start: -78px;
    border: 30px solid color-mix(in srgb, var(--obs-secondary) 8%, transparent);
    border-radius: 50%;
}

.obs-shell__command-head[b-s8bb9xeuvi] {
    display: flex;
    justify-content: space-between;
    gap: 16px;
    align-items: flex-start;
    padding-bottom: 13px;
    border-bottom: 1px solid rgba(255, 255, 255, .09);
}

.obs-shell__command-head > span[b-s8bb9xeuvi] {
    display: grid;
    gap: 2px;
}

.obs-shell__command-head small[b-s8bb9xeuvi] {
    color: rgba(255, 255, 255, .45);
    font-size: .61rem;
    font-weight: 700;
}

.obs-shell__command-head strong[b-s8bb9xeuvi] {
    color: #fff;
    font-size: .84rem;
    font-weight: 900;
}

.obs-shell__command-head em[b-s8bb9xeuvi] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    min-height: 27px;
    padding: 5px 9px;
    border: 1px solid rgba(106, 224, 182, .18);
    border-radius: 999px;
    color: #92e8c9;
    background: rgba(56, 180, 136, .08);
    font-size: .58rem;
    font-style: normal;
    font-weight: 900;
}

.obs-shell__command-head em i[b-s8bb9xeuvi] {
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: #67e2b5;
    box-shadow: 0 0 0 4px rgba(103, 226, 181, .09);
}

.obs-shell__command-flow[b-s8bb9xeuvi] {
    position: relative;
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 6px;
    margin: 15px 0 13px;
    padding: 0;
    list-style: none;
}

.obs-shell__command-flow[b-s8bb9xeuvi]::before {
    content: "";
    position: absolute;
    height: 1px;
    inset-inline: 8%;
    inset-block-start: 18px;
    background: linear-gradient(90deg,
        color-mix(in srgb, var(--obs-secondary) 50%, transparent),
        rgba(255, 255, 255, .12));
}

.obs-shell__command-flow li[b-s8bb9xeuvi] {
    position: relative;
    display: grid;
    justify-items: center;
    gap: 2px;
    min-width: 0;
    text-align: center;
}

.obs-shell__command-flow li > span[b-s8bb9xeuvi] {
    display: grid;
    width: 36px;
    height: 36px;
    margin-bottom: 5px;
    place-items: center;
    border: 1px solid rgba(255, 255, 255, .15);
    border-radius: 11px;
    color: color-mix(in srgb, var(--obs-secondary) 72%, #fff);
    background: color-mix(in srgb, var(--obs-primary) 84%, #0b242b);
    box-shadow: 0 8px 20px rgba(0, 0, 0, .17);
    font-family: ui-monospace, SFMono-Regular, Consolas, monospace;
    font-size: .58rem;
    font-weight: 900;
    z-index: 1;
}

.obs-shell__command-flow li strong[b-s8bb9xeuvi] {
    color: rgba(255, 255, 255, .86);
    font-size: .67rem;
    font-weight: 900;
}

.obs-shell__command-flow li small[b-s8bb9xeuvi] {
    overflow: hidden;
    max-width: 100%;
    color: rgba(255, 255, 255, .38);
    font-size: .52rem;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.obs-shell__command-health[b-s8bb9xeuvi] {
    display: grid;
    grid-template-columns: auto minmax(55px, 1fr) auto;
    gap: 9px;
    align-items: center;
    color: rgba(255, 255, 255, .4);
    font-size: .56rem;
    font-weight: 800;
}

.obs-shell__command-health > div[b-s8bb9xeuvi] {
    height: 4px;
    overflow: hidden;
    border-radius: 999px;
    background: rgba(255, 255, 255, .08);
}

.obs-shell__command-health > div i[b-s8bb9xeuvi] {
    display: block;
    width: 92%;
    height: 100%;
    border-radius: inherit;
    background: linear-gradient(90deg, var(--obs-secondary), #6ce2b8);
}

.obs-shell__command-health strong[b-s8bb9xeuvi] {
    color: rgba(255, 255, 255, .67);
    font-size: .57rem;
    font-weight: 900;
}

.obs-shell__navigation-dock[b-s8bb9xeuvi] {
    display: grid;
    grid-template-columns: minmax(155px, 190px) minmax(0, 1fr);
    gap: 14px;
    align-items: center;
    margin: 0 clamp(17px, 2.5vw, 30px) clamp(17px, 2.5vw, 27px);
    padding: 10px;
    border: 1px solid rgba(255, 255, 255, .52);
    border-radius: 19px;
    background: rgba(255, 255, 255, .94);
    box-shadow:
        0 18px 42px rgba(3, 29, 33, .22),
        inset 0 1px 0 #fff;
    backdrop-filter: blur(18px);
}

.obs-shell__navigation-label[b-s8bb9xeuvi] {
    display: grid;
    gap: 2px;
    padding: 4px 10px;
    border-inline-end: 1px solid #e2eae9;
}

.obs-shell__navigation-label span[b-s8bb9xeuvi] {
    color: var(--obs-ink);
    font-size: .78rem;
    font-weight: 900;
}

.obs-shell__navigation-label small[b-s8bb9xeuvi] {
    color: #839395;
    font-size: .58rem;
    line-height: 1.6;
}

.obs-shell__navigation[b-s8bb9xeuvi] {
    display: flex;
    align-items: center;
    gap: 6px;
    overflow-x: auto;
    padding: 2px;
    scrollbar-width: thin;
    scroll-snap-type: inline proximity;
}

.obs-shell__navigation[b-s8bb9xeuvi]::-webkit-scrollbar {
    height: 5px;
}

.obs-shell__navigation[b-s8bb9xeuvi]::-webkit-scrollbar-track {
    background: transparent;
}

.obs-shell__navigation[b-s8bb9xeuvi]::-webkit-scrollbar-thumb {
    border-radius: 999px;
    background: color-mix(in srgb, var(--obs-primary) 22%, transparent);
}

.obs-shell__nav-link[b-s8bb9xeuvi] {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    min-width: max-content;
    min-height: 48px;
    padding: 8px 11px;
    border: 1px solid transparent;
    border-radius: 12px;
    color: #637578;
    background: transparent;
    font-size: .72rem;
    font-weight: 800;
    text-decoration: none;
    scroll-snap-align: start;
    transition: transform .22s ease, background-color .22s ease, color .22s ease, border-color .22s ease, box-shadow .22s ease;
}

.obs-shell__nav-link:hover[b-s8bb9xeuvi],
.obs-shell__nav-link:focus-visible[b-s8bb9xeuvi] {
    color: var(--obs-primary);
    border-color: color-mix(in srgb, var(--obs-primary) 15%, #e5eceb);
    background: color-mix(in srgb, var(--obs-primary) 5%, #fff);
    transform: translateY(-2px);
    outline: none;
}

.obs-shell__nav-link.is-active[b-s8bb9xeuvi] {
    position: relative;
    color: #fff;
    border-color: transparent;
    background: linear-gradient(135deg,
        var(--obs-primary),
        color-mix(in srgb, var(--obs-primary) 77%, #173d45));
    box-shadow: 0 10px 22px color-mix(in srgb, var(--obs-primary) 24%, transparent);
}

.obs-shell__nav-link.is-active[b-s8bb9xeuvi]::after {
    content: "";
    position: absolute;
    width: 16px;
    height: 3px;
    inset-inline-start: 50%;
    inset-block-end: 4px;
    transform: translateX(50%);
    border-radius: 999px;
    background: var(--obs-secondary);
}

.obs-shell__nav-icon[b-s8bb9xeuvi] {
    display: inline-grid;
    width: 28px;
    height: 28px;
    place-items: center;
    border-radius: 9px;
    color: var(--obs-primary);
    background: color-mix(in srgb, var(--obs-primary) 7%, #fff);
}

.obs-shell__nav-link.is-active .obs-shell__nav-icon[b-s8bb9xeuvi] {
    color: color-mix(in srgb, var(--obs-secondary) 74%, #fff);
    background: rgba(255, 255, 255, .11);
}

.obs-shell__notice[b-s8bb9xeuvi] {
    margin-top: 16px;
}

.obs-shell__content[b-s8bb9xeuvi] {
    width: 100%;
    min-width: 0;
    padding-block: 22px 36px;
}

.obs-shell[b-s8bb9xeuvi]  [data-observatory-feedback] {
    scroll-margin-block-start: clamp(16px, 8vh, 88px);
    font-size: var(--obs-feedback-text-size) !important;
    line-height: 1.7;
}

.obs-shell__content[b-s8bb9xeuvi]  [data-observatory-feedback][data-observatory-feedback] :is(
    p,
    span,
    strong,
    small) {
    font-size: inherit !important;
    line-height: inherit;
}

.obs-shell__content[b-s8bb9xeuvi]  :where(
    section,
    article,
    form,
    .obs-grid,
    .obs-form-grid,
    .obs-panel) {
    min-width: 0;
    max-width: 100%;
}

.obs-shell__content[b-s8bb9xeuvi]  :where(
    img,
    video,
    canvas) {
    max-width: 100%;
}

.obs-shell__content[b-s8bb9xeuvi]  .obs-grid {
    display: grid;
    grid-template-columns: repeat(12, minmax(0, 1fr));
    gap: 16px;
}

.obs-shell__content[b-s8bb9xeuvi]  .obs-panel {
    position: relative;
    overflow: hidden;
    padding: clamp(19px, 2vw, 27px);
    border: 1px solid var(--obs-line);
    border-radius: var(--obs-radius-lg);
    background:
        linear-gradient(145deg, rgba(255, 255, 255, .99), rgba(250, 252, 251, .97));
    box-shadow: var(--obs-shadow-sm);
}

.obs-shell__content[b-s8bb9xeuvi]  .obs-panel::before {
    content: "";
    position: absolute;
    width: clamp(72px, 11vw, 150px);
    height: 3px;
    inset-block-start: 0;
    inset-inline-start: 0;
    background: linear-gradient(90deg, var(--obs-secondary), var(--obs-primary));
}

.obs-shell__content[b-s8bb9xeuvi]  .obs-panel::after {
    content: "";
    position: absolute;
    width: 11px;
    height: 11px;
    inset-inline-end: 12px;
    inset-block-start: 12px;
    border-block-start: 1px solid color-mix(in srgb, var(--obs-primary) 20%, transparent);
    border-inline-end: 1px solid color-mix(in srgb, var(--obs-primary) 20%, transparent);
}

.obs-shell__content[b-s8bb9xeuvi]  .obs-panel__header {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 16px;
    margin-bottom: 18px;
}

.obs-shell__content[b-s8bb9xeuvi]  .obs-panel__title {
    margin: 0;
    color: var(--obs-ink);
    font-size: 1.02rem;
    font-weight: 700;
    letter-spacing: -.02em;
}

.obs-shell__content[b-s8bb9xeuvi]  .obs-panel__subtitle {
    margin: 5px 0 0;
    color: var(--obs-muted);
    font-size: .82rem;
    line-height: 1.7;
}

.obs-shell__content[b-s8bb9xeuvi]  .obs-metric-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 12px;
    margin-bottom: 18px;
}

.obs-shell__content[b-s8bb9xeuvi]  .obs-metric {
    position: relative;
    min-height: 146px;
    overflow: hidden;
    padding: 19px;
    border: 1px solid color-mix(in srgb, var(--obs-primary) 10%, var(--obs-line));
    border-radius: 17px;
    background:
        linear-gradient(145deg, rgba(255, 255, 255, .99), color-mix(in srgb, var(--obs-primary) 3%, #f8faf9));
    box-shadow: 0 13px 32px rgba(21, 65, 69, .06);
    transition: transform .25s ease, box-shadow .25s ease, border-color .25s ease;
}

.obs-shell__content[b-s8bb9xeuvi]  .obs-metric::after {
    content: "";
    position: absolute;
    width: 42%;
    height: 3px;
    inset-inline-end: 0;
    inset-block-start: 0;
    background: linear-gradient(90deg, transparent, color-mix(in srgb, var(--obs-secondary) 65%, var(--obs-primary)));
}

.obs-shell__content[b-s8bb9xeuvi]  .obs-metric:hover {
    border-color: color-mix(in srgb, var(--obs-primary) 21%, var(--obs-line));
    box-shadow: 0 18px 38px rgba(21, 65, 69, .1);
    transform: translateY(-3px);
}

.obs-shell__content[b-s8bb9xeuvi]  .obs-metric__icon {
    display: grid;
    width: 40px;
    height: 40px;
    margin-bottom: 17px;
    place-items: center;
    border: 1px solid color-mix(in srgb, var(--obs-primary) 12%, transparent);
    border-radius: 11px;
    color: var(--obs-primary);
    background: color-mix(in srgb, var(--obs-primary) 7%, #fff);
}

.obs-shell__content[b-s8bb9xeuvi]  .obs-metric__label {
    color: var(--obs-muted);
    font-size: .78rem;
    font-weight: 800;
}

.obs-shell__content[b-s8bb9xeuvi]  .obs-metric__value {
    margin-top: 7px;
    color: var(--obs-ink);
    font-size: clamp(1.45rem, 2.4vw, 2.2rem);
    font-weight: 700;
    line-height: 1;
    letter-spacing: -.04em;
}

.obs-shell__content[b-s8bb9xeuvi]  .obs-form-grid {
    display: grid;
    grid-template-columns: repeat(12, minmax(0, 1fr));
    gap: 14px;
}

.obs-shell__content[b-s8bb9xeuvi]  .obs-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    min-height: 42px;
    padding: 9px 15px;
    border: 1px solid transparent;
    border-radius: 10px;
    font-size: .82rem;
    font-weight: 700;
    transition: transform .2s ease, box-shadow .2s ease, opacity .2s ease, background-color .2s ease;
}

.obs-shell__content[b-s8bb9xeuvi]  .obs-btn:hover:not(:disabled) {
    transform: translateY(-1px);
}

.obs-shell__content[b-s8bb9xeuvi]  .obs-btn:disabled {
    cursor: not-allowed;
    opacity: .58;
}

.obs-shell__content[b-s8bb9xeuvi]  .obs-btn--primary {
    color: #fff;
    border-color: var(--obs-primary);
    background: linear-gradient(135deg,
        var(--obs-primary),
        color-mix(in srgb, var(--obs-primary) 78%, #173d45));
    box-shadow: 0 10px 22px color-mix(in srgb, var(--obs-primary) 22%, transparent);
}

.obs-shell__content[b-s8bb9xeuvi]  .obs-btn--ghost {
    color: var(--obs-primary);
    border-color: color-mix(in srgb, var(--obs-primary) 20%, #dbe7e5);
    background: color-mix(in srgb, var(--obs-primary) 5%, #fff);
}

.obs-shell__content[b-s8bb9xeuvi]  .obs-btn--danger {
    color: #9b3040;
    border-color: #f0c8ce;
    background: #fff3f5;
}

.obs-shell__content[b-s8bb9xeuvi]  .obs-field {
    grid-column: span 4;
}

.obs-shell__content[b-s8bb9xeuvi]  .obs-field.is-wide {
    grid-column: span 8;
}

.obs-shell__content[b-s8bb9xeuvi]  .obs-field.is-full {
    grid-column: 1 / -1;
}

.obs-shell__content[b-s8bb9xeuvi]  .obs-field label {
    display: block;
    margin-bottom: 7px;
    color: #344d50;
    font-size: .8rem;
    font-weight: 700;
}

.obs-shell__content[b-s8bb9xeuvi]  .obs-field .form-control,
.obs-shell__content[b-s8bb9xeuvi]  .obs-field .form-select {
    min-height: 48px;
    border-color: #d9e5e3;
    border-radius: 11px;
    color: var(--obs-ink);
    background-color: #fbfdfc;
    box-shadow: none;
}

.obs-shell__content[b-s8bb9xeuvi]  .obs-field .form-control:focus,
.obs-shell__content[b-s8bb9xeuvi]  .obs-field .form-select:focus {
    border-color: color-mix(in srgb, var(--obs-primary) 64%, white);
    box-shadow: 0 0 0 4px color-mix(in srgb, var(--obs-primary) 11%, transparent);
}

.obs-shell__content[b-s8bb9xeuvi]  .obs-table-wrap {
    overflow: auto;
    border: 1px solid var(--obs-line);
    border-radius: 14px;
    background: #fff;
    box-shadow: 0 12px 28px rgba(18, 53, 57, .04);
}

.obs-shell__content[b-s8bb9xeuvi]  .obs-table {
    min-width: 760px;
    margin: 0;
}

.obs-shell__content[b-s8bb9xeuvi]  .obs-table th {
    padding: 13px 14px;
    border-bottom: 1px solid color-mix(in srgb, var(--obs-primary) 12%, var(--obs-line));
    color: #385356;
    background:
        linear-gradient(180deg, color-mix(in srgb, var(--obs-primary) 5%, #fff), #f4f7f6);
    font-size: .73rem;
    font-weight: 700;
    white-space: nowrap;
}

.obs-shell__content[b-s8bb9xeuvi]  .obs-table td {
    padding: 14px;
    border-color: #edf2f1;
    color: #243c40;
    font-size: .82rem;
    vertical-align: middle;
}

.obs-shell__content[b-s8bb9xeuvi]  .obs-table tbody tr {
    transition: background-color .18s ease;
}

.obs-shell__content[b-s8bb9xeuvi]  .obs-table tbody tr:hover {
    background: color-mix(in srgb, var(--obs-primary) 2.5%, #fff);
}

.obs-shell__content[b-s8bb9xeuvi]  .obs-empty {
    display: grid;
    min-height: 210px;
    padding: 25px;
    place-items: center;
    text-align: center;
    border: 1px dashed #bfd1ce;
    border-radius: 16px;
    color: var(--obs-muted);
    background: #f9fcfb;
}

.obs-shell__content[b-s8bb9xeuvi]  .obs-empty i {
    display: block;
    margin-bottom: 12px;
    color: color-mix(in srgb, var(--obs-primary) 65%, #819292);
    font-size: 2rem;
}

.obs-shell[b-s8bb9xeuvi]  .btn-obs-primary {
    min-height: 44px;
    border: 1px solid transparent;
    border-radius: 13px;
    color: #fff;
    background: var(--obs-primary);
    font-weight: 800;
    box-shadow: 0 10px 24px color-mix(in srgb, var(--obs-primary) 25%, transparent);
}

.obs-shell[b-s8bb9xeuvi]  .btn-obs-primary:hover,
.obs-shell[b-s8bb9xeuvi]  .btn-obs-primary:focus-visible {
    color: #fff;
    background: color-mix(in srgb, var(--obs-primary) 86%, #000);
}

.obs-shell[b-s8bb9xeuvi]  .btn-obs-secondary {
    min-height: 44px;
    border: 1px solid color-mix(in srgb, var(--obs-secondary) 54%, #d5c39d);
    border-radius: 13px;
    color: #654916;
    background: color-mix(in srgb, var(--obs-secondary) 15%, #fff);
    font-weight: 800;
}

@media (max-width: 1099.98px) {
    .obs-shell__hero-body[b-s8bb9xeuvi] {
        grid-template-columns: minmax(0, 1fr) 270px;
        gap: 28px;
    }

    .obs-shell__navigation-dock[b-s8bb9xeuvi] {
        grid-template-columns: minmax(0, 1fr);
    }

    .obs-shell__navigation-label[b-s8bb9xeuvi] {
        display: none;
    }
}

@media (max-width: 899.98px) {
    .obs-shell__content[b-s8bb9xeuvi]  .obs-metric-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .obs-shell__content[b-s8bb9xeuvi]  .obs-panel__header {
        flex-wrap: wrap;
    }
}

@media (max-width: 767.98px) {
    .obs-shell[b-s8bb9xeuvi] {
        padding: 10px;
    }

    .obs-shell__hero[b-s8bb9xeuvi] {
        border-radius: 20px;
    }

    .obs-shell__page-header[b-s8bb9xeuvi] {
        min-height: 64px;
        padding: 10px 12px;
        border-radius: 16px;
    }

    .obs-shell__page-header-mark[b-s8bb9xeuvi] {
        width: 38px;
        height: 38px;
        flex-basis: 38px;
        border-radius: 11px;
    }

    .obs-shell__hero-body[b-s8bb9xeuvi] {
        grid-template-columns: minmax(0, 1fr);
        gap: 22px;
        padding: 24px 18px 25px;
    }

    .obs-shell__heading-row h1[b-s8bb9xeuvi] {
        font-size: clamp(1.6rem, 7vw, 2.15rem);
    }

    .obs-shell__trust-list[b-s8bb9xeuvi] {
        gap: 7px;
        margin-top: 17px;
    }

    .obs-shell__trust-list span[b-s8bb9xeuvi] {
        flex: 1 1 130px;
        justify-content: center;
    }

    .obs-shell__data-visual[b-s8bb9xeuvi] {
        min-height: 190px;
        padding: 15px;
        border-radius: 19px;
    }

    .obs-shell__command-flow[b-s8bb9xeuvi] {
        margin-block: 12px 10px;
    }

    .obs-shell__command-flow li small[b-s8bb9xeuvi] {
        display: none;
    }

    .obs-shell__navigation-dock[b-s8bb9xeuvi] {
        margin: 0 10px 12px;
        padding: 7px;
        border-radius: 15px;
    }

    .obs-shell__nav-link[b-s8bb9xeuvi] {
        min-height: 44px;
        padding: 7px 9px;
    }

    .obs-shell__actions[b-s8bb9xeuvi] {
        width: 100%;
    }

    .obs-shell__actions[b-s8bb9xeuvi]  .btn {
        flex: 1 1 auto;
        min-height: 44px;
    }

    .obs-shell__content[b-s8bb9xeuvi]  .obs-metric-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .obs-shell__content[b-s8bb9xeuvi]  .obs-field,
    .obs-shell__content[b-s8bb9xeuvi]  .obs-field.is-wide {
        grid-column: 1 / -1;
    }

    .obs-shell__content[b-s8bb9xeuvi]  :where(
        .obs-table-wrap,
        .sheet-card__table) {
        max-width: 100%;
        overscroll-behavior-inline: contain;
        scrollbar-width: thin;
        -webkit-overflow-scrolling: touch;
    }

    .obs-shell__content[b-s8bb9xeuvi]  :where(
        .form-actions,
        .obs-form-actions,
        .dictionary-form__actions,
        .official-template-editor__actions,
        .dynamic-form__actions,
        .obs-upload-form-actions,
        .obs-review-decision__actions,
        .access-actions) {
        flex-wrap: wrap;
    }
}

@media (max-width: 479.98px) {
    .obs-shell__page-header-copy p[b-s8bb9xeuvi] {
        white-space: normal;
    }

    .obs-shell__eyebrow[b-s8bb9xeuvi] {
        max-width: 100%;
        line-height: 1.6;
    }

    .obs-shell__data-visual[b-s8bb9xeuvi] {
        display: none;
    }

    .obs-shell__trust-list span[b-s8bb9xeuvi] {
        flex-basis: 100%;
    }

    .obs-shell__content[b-s8bb9xeuvi]  .obs-metric-grid {
        grid-template-columns: 1fr;
    }

    .obs-shell__content[b-s8bb9xeuvi]  :where(
        .form-actions,
        .obs-form-actions,
        .dictionary-form__actions,
        .official-template-editor__actions,
        .dynamic-form__actions,
        .obs-upload-form-actions,
        .obs-review-decision__actions,
        .access-actions) {
        align-items: stretch;
        flex-direction: column;
    }

    .obs-shell__content[b-s8bb9xeuvi]  :where(
        .form-actions,
        .obs-form-actions,
        .dictionary-form__actions,
        .official-template-editor__actions,
        .dynamic-form__actions,
        .obs-upload-form-actions,
        .obs-review-decision__actions,
        .access-actions) :where(button, .btn, .obs-btn) {
        width: 100%;
        justify-content: center;
    }
}

@media (prefers-reduced-motion: reduce) {
    .obs-shell__nav-link[b-s8bb9xeuvi] {
        transition: none;
        animation: none;
    }
}

/* سلم الخط موحد مع شاشة إعداد أقسام الداشبورد. */
.obs-shell[b-s8bb9xeuvi]  :where(
    div,
    p,
    span,
    small,
    strong,
    b,
    a,
    label,
    button,
    input,
    select,
    textarea,
    option,
    table,
    th,
    td,
    li,
    dt,
    dd,
    h1,
    h2,
    h3,
    h4,
    h5,
    h6) {
    font-family: var(--obs-org-font-family) !important;
}

.obs-shell[b-s8bb9xeuvi]  :where(p, small) {
    font-size: var(--obs-helper-text-size) !important;
    line-height: 1.7;
}

.obs-shell__content[b-s8bb9xeuvi]  :where(
    span:not(.material-symbols-outlined),
    strong,
    a,
    li,
    dt,
    dd) {
    font-size: var(--obs-helper-text-size) !important;
}

.obs-shell__content[b-s8bb9xeuvi]  strong {
    font-size: var(--obs-text-size) !important;
}

.obs-shell[b-s8bb9xeuvi]  :where(input, select, textarea, option) {
    font-size: var(--obs-text-size) !important;
    line-height: 1.55;
}

.obs-shell[b-s8bb9xeuvi]  :where(label, button, th) {
    font-size: var(--obs-helper-text-size) !important;
    line-height: 1.5;
}

.obs-shell[b-s8bb9xeuvi]  :where(button, input, select) {
    min-height: 44px;
}

.obs-shell[b-s8bb9xeuvi]  textarea {
    min-height: 96px;
}

.obs-shell[b-s8bb9xeuvi]  h1 {
    font-size: var(--obs-page-title-size) !important;
    line-height: 1.35;
}

.obs-shell[b-s8bb9xeuvi]  h2 {
    font-size: var(--obs-section-title-size) !important;
    line-height: 1.4;
}

.obs-shell[b-s8bb9xeuvi]  h3 {
    font-size: var(--obs-subsection-title-size) !important;
    line-height: 1.45;
}

.obs-shell[b-s8bb9xeuvi]  :where(h4, h5, h6) {
    font-size: var(--obs-text-size) !important;
    line-height: 1.5;
}

.obs-shell__page-header[b-s8bb9xeuvi] {
    min-height: 84px;
}

.obs-shell__page-header-copy p[b-s8bb9xeuvi] {
    overflow: visible;
    white-space: normal;
}
/* _content/Starterkit/Observatory/Components/ObservatoryRequestPreview.razor.rz.scp.css */
.obs-request-preview[b-z3wwsortm7] {
    display: grid;
    grid-column: 1 / -1;
    gap: 1rem;
    overflow: hidden;
    border: 1px solid #dbe6ea;
    border-radius: .85rem;
    background: #fff;
}

.obs-request-preview__header[b-z3wwsortm7],
.obs-request-preview__section > header[b-z3wwsortm7] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
}

.obs-request-preview__header[b-z3wwsortm7] {
    padding: 1rem 1.25rem;
    border-bottom: 1px solid #e6edef;
    background: linear-gradient(135deg, #eef8f8, #fff);
}

.obs-request-preview__header span[b-z3wwsortm7],
.obs-request-preview__header p[b-z3wwsortm7],
.obs-request-preview__facts span[b-z3wwsortm7],
.obs-request-preview__quality span[b-z3wwsortm7],
.obs-request-preview__section > header span[b-z3wwsortm7],
.obs-request-preview__issues span[b-z3wwsortm7],
.obs-request-preview__versions span[b-z3wwsortm7] {
    color: #718096;
    font-size: .78rem;
}

.obs-request-preview__header h4[b-z3wwsortm7],
.obs-request-preview__header p[b-z3wwsortm7],
.obs-request-preview__section h5[b-z3wwsortm7] {
    margin: 0;
}

.obs-request-preview__header h4[b-z3wwsortm7] { margin-block: .2rem; font-weight: 900; }

.obs-request-preview__header-actions[b-z3wwsortm7] {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: .65rem;
    flex-wrap: wrap;
}

.obs-request-preview__download[b-z3wwsortm7] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: .45rem;
    min-height: 38px;
    white-space: nowrap;
}

.obs-request-preview__facts[b-z3wwsortm7],
.obs-request-preview__quality[b-z3wwsortm7] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: .75rem;
    padding-inline: 1.25rem;
}

.obs-request-preview__facts article[b-z3wwsortm7],
.obs-request-preview__quality article[b-z3wwsortm7] {
    display: grid;
    gap: .25rem;
    padding: .85rem;
    border: 1px solid #e6edef;
    border-radius: .7rem;
    background: #f9fbfc;
}

.obs-request-preview__facts strong[b-z3wwsortm7],
.obs-request-preview__quality strong[b-z3wwsortm7] { color: #263238; font-weight: 900; }
.obs-request-preview__facts .is-wide[b-z3wwsortm7] { grid-column: 1 / -1; }
.obs-request-preview__facts .is-wide strong[b-z3wwsortm7] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.obs-request-preview__quality-section[b-z3wwsortm7] {
    display: grid;
    gap: .75rem;
    padding-inline: 1.25rem;
}
.obs-request-preview__quality-section > header[b-z3wwsortm7] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: .75rem;
}
.obs-request-preview__quality-section h5[b-z3wwsortm7] { margin: 0; font-weight: 900; }
.obs-request-preview__quality-section > header span[b-z3wwsortm7] {
    border-radius: 999px;
    padding: .35rem .65rem;
    font-size: .75rem;
    font-weight: 900;
}
.obs-request-preview__quality-section .is-pass[b-z3wwsortm7] { background: #edf9f4; color: #14785f; }
.obs-request-preview__quality-section .is-fail[b-z3wwsortm7] { background: #fff0f0; color: #b83232; }
.obs-request-preview__quality[b-z3wwsortm7] { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.obs-request-preview__quality .is-valid strong[b-z3wwsortm7] { color: #0f9d78; }
.obs-request-preview__quality .is-error strong[b-z3wwsortm7] { color: #d14343; }
.obs-request-preview__quality .is-warning strong[b-z3wwsortm7] { color: #b7791f; }

.obs-request-preview__section[b-z3wwsortm7],
.obs-request-preview__notes[b-z3wwsortm7] {
    display: grid;
    gap: .75rem;
    padding: 1rem 1.25rem;
    border-top: 1px solid #e6edef;
}

.obs-request-preview__section h5[b-z3wwsortm7],
.obs-request-preview__notes label[b-z3wwsortm7] { font-weight: 900; }

.obs-request-preview__empty[b-z3wwsortm7] {
    display: flex;
    align-items: center;
    gap: .6rem;
    padding: .9rem;
    border-radius: .65rem;
    background: #edf9f4;
    color: #14785f;
    font-weight: 800;
}

.obs-request-preview__issues[b-z3wwsortm7],
.obs-request-preview__versions[b-z3wwsortm7] { display: grid; gap: .6rem; }

.obs-request-preview__issues article[b-z3wwsortm7],
.obs-request-preview__versions article[b-z3wwsortm7] {
    display: flex;
    align-items: center;
    gap: .75rem;
    padding: .8rem;
    border: 1px solid #e8eef0;
    border-radius: .65rem;
    background: #fbfcfd;
}

.obs-request-preview__issues article > div[b-z3wwsortm7],
.obs-request-preview__versions article > div[b-z3wwsortm7] { display: grid; flex: 1; gap: .2rem; min-width: 0; }
.obs-request-preview__issues .is-error > i[b-z3wwsortm7] { color: #d14343; }
.obs-request-preview__issues .is-warning > i[b-z3wwsortm7] { color: #b7791f; }

.obs-request-preview__version-number[b-z3wwsortm7] {
    display: grid;
    flex: 0 0 auto;
    width: 2.25rem;
    height: 2.25rem;
    place-items: center;
    border-radius: .65rem;
    background: #e8f4f5;
    color: #087a82 !important;
    font-weight: 900;
}

.obs-request-preview__approved[b-z3wwsortm7] { color: #14785f !important; font-weight: 800; }

@media (max-width: 760px) {
    .obs-request-preview__facts[b-z3wwsortm7],
    .obs-request-preview__quality[b-z3wwsortm7] { grid-template-columns: 1fr; }
    .obs-request-preview__header[b-z3wwsortm7],
    .obs-request-preview__section > header[b-z3wwsortm7] { align-items: flex-start; flex-direction: column; }
    .obs-request-preview__header-actions[b-z3wwsortm7] { align-items: stretch; width: 100%; }
    .obs-request-preview__download[b-z3wwsortm7] { width: 100%; min-height: 44px; }
    .obs-request-preview__quality-section > header[b-z3wwsortm7] { align-items: flex-start; flex-direction: column; }
    .obs-request-preview__versions article[b-z3wwsortm7] { flex-wrap: wrap; }
}
/* _content/Starterkit/Observatory/Components/ObservatoryStatusBadge.razor.rz.scp.css */
.obs-status[b-xh22ifs8gq] {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    width: max-content;
    min-height: 29px;
    padding: 5px 9px;
    border: 1px solid #d9e2e7;
    border-radius: 9px;
    color: #496168;
    background: #f7fafb;
    font-size: .75rem;
    font-weight: 700;
    white-space: nowrap;
}

.obs-status__dot[b-xh22ifs8gq] {
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: currentColor;
    box-shadow: 0 0 0 4px color-mix(in srgb, currentColor 13%, transparent);
}

.obs-status.is-success[b-xh22ifs8gq] {
    color: #087257;
    border-color: #b9e2d5;
    background: #ecf9f4;
}

.obs-status.is-warning[b-xh22ifs8gq] {
    color: #916313;
    border-color: #ead7a7;
    background: #fff9e9;
}

.obs-status.is-attention[b-xh22ifs8gq] {
    color: #a25118;
    border-color: #efc8a8;
    background: #fff4eb;
}

.obs-status.is-danger[b-xh22ifs8gq] {
    color: #a32d45;
    border-color: #efbec8;
    background: #fff0f3;
}

.obs-status.is-progress[b-xh22ifs8gq] {
    color: #245aa7;
    border-color: #bdd0ef;
    background: #eff5ff;
}

.obs-status.is-muted[b-xh22ifs8gq] {
    color: #6f7782;
    border-color: #d8dde3;
    background: #f3f5f7;
}
/* _content/Starterkit/Observatory/Components/ObservatoryWorkbookProgressOverlay.razor.rz.scp.css */
.obs-workbook-progress[b-k45i2023zy] {
    position: fixed;
    z-index: 2147483000;
    inset: 0;
    display: grid;
    place-items: center;
    padding: 22px;
    direction: rtl;
    background:
        radial-gradient(circle at 50% 42%, rgba(57, 145, 127, .16), transparent 34%),
        rgba(4, 19, 22, .72);
    backdrop-filter: blur(8px);
}

.obs-workbook-progress__card[b-k45i2023zy] {
    position: relative;
    display: grid;
    width: min(540px, 100%);
    gap: 20px;
    overflow: hidden;
    padding: clamp(26px, 5vw, 40px);
    border: 1px solid rgba(255, 255, 255, .72);
    border-radius: 28px;
    color: #173f42;
    background:
        radial-gradient(circle at 0 0, rgba(194, 157, 88, .15), transparent 30%),
        linear-gradient(145deg, rgba(255, 255, 255, .99), rgba(240, 248, 246, .98));
    box-shadow: 0 32px 90px rgba(3, 18, 21, .32);
}

.obs-workbook-progress__card[b-k45i2023zy]::before {
    content: "";
    position: absolute;
    top: 0;
    right: 32px;
    width: 80px;
    height: 3px;
    border-radius: 0 0 4px 4px;
    background: linear-gradient(90deg, #b88b3e, #d8bd80);
}

.obs-workbook-progress__visual[b-k45i2023zy] {
    position: relative;
    display: grid;
    width: 82px;
    height: 82px;
    place-items: center;
    margin-inline: auto;
}

.obs-workbook-progress__file[b-k45i2023zy] {
    position: relative;
    z-index: 2;
    display: grid;
    width: 62px;
    height: 62px;
    place-items: center;
    border-radius: 20px;
    color: #fff;
    background: linear-gradient(145deg, #17836b, #0d4e4e);
    box-shadow: 0 18px 35px rgba(17, 102, 87, .28);
    font-size: 1.65rem;
}

.obs-workbook-progress__pulse[b-k45i2023zy] {
    position: absolute;
    inset: 2px;
    border: 1px solid rgba(23, 131, 107, .25);
    border-radius: 26px;
    animation: obs-workbook-pulse-b-k45i2023zy 1.8s ease-out infinite;
}

.obs-workbook-progress__copy[b-k45i2023zy] {
    display: grid;
    gap: 6px;
    text-align: center;
}

.obs-workbook-progress__eyebrow[b-k45i2023zy] {
    color: #9a7132;
    font-size: .78rem;
    font-weight: 900;
}

.obs-workbook-progress__copy h2[b-k45i2023zy] {
    margin: 0;
    color: #12373a;
    font-size: clamp(1.25rem, 4vw, 1.65rem);
    font-weight: 950;
}

.obs-workbook-progress__copy p[b-k45i2023zy] {
    min-height: 25px;
    margin: 0;
    color: #61797b;
    font-size: .93rem;
    font-weight: 700;
    line-height: 1.75;
}

.obs-workbook-progress__meter[b-k45i2023zy] {
    display: grid;
    gap: 9px;
}

.obs-workbook-progress__meter-head[b-k45i2023zy] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    color: #49686a;
    font-size: .8rem;
    font-weight: 850;
}

.obs-workbook-progress__meter-head strong[b-k45i2023zy] {
    color: #0e6858;
    font-size: 1rem;
}

.obs-workbook-progress__track[b-k45i2023zy] {
    position: relative;
    height: 12px;
    overflow: hidden;
    border: 1px solid rgba(18, 81, 78, .1);
    border-radius: 999px;
    background: #e5efed;
    box-shadow: inset 0 1px 3px rgba(13, 57, 58, .09);
}

.obs-workbook-progress__track span[b-k45i2023zy] {
    display: block;
    height: 100%;
    min-width: 3px;
    border-radius: inherit;
    background:
        linear-gradient(90deg, #0d6256, #24a27e 72%, #70d9b4);
    box-shadow: 0 0 16px rgba(36, 162, 126, .36);
    transition: width .28s cubic-bezier(.2, .8, .2, 1);
}

.obs-workbook-progress__notice[b-k45i2023zy] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 9px;
    padding: 11px 13px;
    border: 1px solid rgba(20, 107, 91, .12);
    border-radius: 13px;
    color: #537173;
    background: rgba(236, 247, 243, .78);
    font-size: .76rem;
    font-weight: 800;
    text-align: center;
}

.obs-workbook-progress__notice i[b-k45i2023zy] {
    color: #187d68;
}

@keyframes obs-workbook-pulse-b-k45i2023zy {
    0% {
        opacity: .8;
        transform: scale(.72);
    }
    80%,
    100% {
        opacity: 0;
        transform: scale(1.08);
    }
}

@media (prefers-reduced-motion: reduce) {
    .obs-workbook-progress__pulse[b-k45i2023zy] {
        animation: none;
    }

    .obs-workbook-progress__track span[b-k45i2023zy] {
        transition: none;
    }
}
/* _content/Starterkit/Observatory/Components/OrganizationJourneyPanel.razor.rz.scp.css */
.journey-panel[b-nnc2pnm5qn] {
    --journey-ink: #173f47;
    --journey-muted: #667f85;
    --journey-line: #dbe6e8;
    --journey-surface: #f7fafb;
    --journey-blue: #1d78d4;
    --journey-blue-soft: #edf6ff;
    --journey-success: #12866f;
    --journey-success-soft: #ecf8f5;
    position: relative;
    overflow: visible;
    padding: clamp(1rem, 1.5vw, 1.45rem);
    border: 1px solid var(--journey-line);
    border-radius: 1.15rem;
    background: #fff;
    box-shadow: 0 .85rem 2.5rem rgba(18, 62, 73, .08);
}

.journey-panel[b-nnc2pnm5qn]::before {
    content: "";
    position: absolute;
    inset-inline: 1.25rem;
    top: 0;
    height: 3px;
    border-radius: 0 0 999px 999px;
    background: linear-gradient(90deg, var(--journey-blue), var(--journey-success));
}

.journey-panel__heading[b-nnc2pnm5qn] {
    display: grid;
    grid-template-columns: minmax(20rem, .85fr) minmax(38rem, 1.35fr);
    align-items: center;
    gap: clamp(1.2rem, 2.4vw, 2.5rem);
    padding-bottom: 1.05rem;
    border-bottom: 1px solid #e7eef0;
}

.journey-panel__intro[b-nnc2pnm5qn] {
    min-width: 0;
}

.journey-panel__eyebrow[b-nnc2pnm5qn] {
    display: inline-flex;
    align-items: center;
    gap: .42rem;
    color: #9a681e;
    font-size: .76rem;
    font-weight: 900;
}

.journey-panel__eyebrow i[b-nnc2pnm5qn] {
    font-size: .72rem;
}

.journey-panel h2[b-nnc2pnm5qn] {
    margin: .28rem 0 .22rem;
    color: var(--journey-ink);
    font-size: clamp(1.28rem, 1.7vw, 1.72rem);
    font-weight: 950;
    line-height: 1.4;
}

.journey-panel p[b-nnc2pnm5qn],
.journey-panel__empty span[b-nnc2pnm5qn] {
    margin: 0;
    color: var(--journey-muted);
    font-weight: 650;
}

.journey-panel p[b-nnc2pnm5qn] {
    max-width: 46rem;
    font-size: .86rem;
    line-height: 1.75;
}

.journey-panel__selectors[b-nnc2pnm5qn] {
    display: grid;
    grid-template-columns: repeat(2, minmax(17rem, 1fr));
    gap: .8rem;
    min-width: 0;
    padding: .85rem;
    border: 1px solid #e0eaec;
    border-radius: .95rem;
    background: var(--journey-surface);
}

.journey-panel__selector[b-nnc2pnm5qn] {
    display: grid;
    min-width: 0;
    gap: .42rem;
    margin: 0;
}

.journey-panel__selector-label[b-nnc2pnm5qn] {
    display: inline-flex;
    align-items: center;
    gap: .4rem;
    color: #4f6d73;
    font-size: .8rem;
    font-weight: 900;
    line-height: 1.5;
}

.journey-panel__selector-label i[b-nnc2pnm5qn] {
    color: var(--journey-blue);
    font-size: .76rem;
}

.journey-panel__selector[b-nnc2pnm5qn]  .organization-select {
    grid-template-columns: minmax(0, 1fr) 52px;
    gap: .55rem;
}

.journey-panel__selector[b-nnc2pnm5qn]  .organization-select__add {
    min-width: 52px;
    min-height: 52px;
    border-color: #c9ddda;
    border-radius: .78rem;
    background: #f2faf8;
    font-size: .92rem;
}

.journey-panel__selector[b-nnc2pnm5qn]  .gb-autocomplete-select__input,
.journey-panel__selector[b-nnc2pnm5qn]  .journey-panel__control {
    min-height: 52px !important;
    padding-block: .66rem !important;
    padding-inline-end: 1rem !important;
    color: var(--journey-ink) !important;
    border-color: #cbdadd !important;
    border-radius: .78rem !important;
    background-color: #fff !important;
    font-size: .96rem !important;
    font-weight: 800 !important;
    line-height: 1.72 !important;
}

.journey-panel__selector[b-nnc2pnm5qn]  .gb-autocomplete-select__input:hover {
    border-color: #9dbfc4 !important;
}

.journey-panel__selector[b-nnc2pnm5qn]  .gb-autocomplete-select__input:focus {
    border-color: var(--journey-blue) !important;
    box-shadow: 0 0 0 .22rem rgba(29, 120, 212, .13) !important;
}

.journey-panel__selector[b-nnc2pnm5qn]  .gb-autocomplete-select__toggle {
    width: 2.8rem;
    color: #58757b;
}

.journey-panel__selector[b-nnc2pnm5qn]  .gb-autocomplete-select__menu {
    z-index: 1200;
    max-height: 20rem;
    font-size: .9rem;
}

.journey-panel__loading[b-nnc2pnm5qn] {
    display: grid;
    grid-template-columns: 1.4fr repeat(2, 1fr);
    gap: .75rem;
    margin-top: 1rem;
}

.journey-panel__skeleton[b-nnc2pnm5qn] {
    min-height: 6rem;
    border-radius: .9rem;
    background: linear-gradient(100deg, #eef3f4 25%, #f8fafb 42%, #eef3f4 60%);
    background-size: 220% 100%;
    animation: journey-skeleton-b-nnc2pnm5qn 1.4s ease-in-out infinite;
}

.journey-panel__empty[b-nnc2pnm5qn] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: .9rem;
    min-height: 7.5rem;
    margin-top: 1rem;
    padding: 1rem;
    border: 1px dashed #c7d8db;
    border-radius: .95rem;
    background: var(--journey-surface);
}

.journey-panel__empty i[b-nnc2pnm5qn] {
    display: grid;
    width: 2.6rem;
    height: 2.6rem;
    place-items: center;
    border-radius: .75rem;
    color: var(--journey-blue);
    background: var(--journey-blue-soft);
    font-size: 1.08rem;
}

.journey-panel__empty strong[b-nnc2pnm5qn],
.journey-panel__empty span[b-nnc2pnm5qn] {
    display: block;
}

.journey-panel__empty strong[b-nnc2pnm5qn] {
    color: var(--journey-ink);
    font-size: .94rem;
}

.journey-panel__empty span[b-nnc2pnm5qn] {
    margin-top: .2rem;
    font-size: .78rem;
    line-height: 1.65;
}

.journey-panel__overview[b-nnc2pnm5qn] {
    display: grid;
    grid-template-columns: minmax(0, 1.45fr) minmax(19rem, .62fr);
    gap: .8rem;
    margin-top: 1rem;
}

.journey-panel__overview.is-progress-only[b-nnc2pnm5qn] {
    grid-template-columns: 1fr;
}

.journey-panel__readiness[b-nnc2pnm5qn] {
    --readiness-color: #ad4857;
    display: grid;
    grid-template-columns: 7.25rem minmax(0, 1fr) auto;
    align-items: stretch;
    gap: .85rem;
    min-width: 0;
    padding: .82rem;
    border: 1px solid color-mix(in srgb, var(--readiness-color) 18%, #dce7e8);
    border-radius: .95rem;
    background: #fff;
}

.journey-panel__readiness.is-ready[b-nnc2pnm5qn] {
    --readiness-color: var(--journey-success);
}

.journey-panel__readiness.is-attention[b-nnc2pnm5qn] {
    --readiness-color: #a97625;
}

.journey-panel__readiness-score[b-nnc2pnm5qn] {
    display: grid;
    align-content: center;
    justify-items: center;
    padding-inline-end: .8rem;
    border-inline-end: 3px solid var(--readiness-color);
    text-align: center;
}

.journey-panel__readiness-score small[b-nnc2pnm5qn] {
    color: var(--journey-muted);
    font-size: .64rem;
    font-weight: 800;
}

.journey-panel__readiness-score strong[b-nnc2pnm5qn] {
    color: var(--readiness-color);
    font-size: 1.52rem;
    font-weight: 950;
    line-height: 1.25;
}

.journey-panel__readiness-score span[b-nnc2pnm5qn],
.journey-panel__version[b-nnc2pnm5qn] {
    color: var(--journey-muted);
    font-size: .68rem;
    font-weight: 850;
}

.journey-panel__readiness dl[b-nnc2pnm5qn] {
    display: grid;
    grid-template-columns: repeat(4, minmax(6.5rem, 1fr));
    align-items: stretch;
    gap: .5rem;
    min-width: 0;
    margin: 0;
}

.journey-panel__readiness dl div[b-nnc2pnm5qn] {
    display: grid;
    align-content: center;
    gap: .12rem;
    min-width: 0;
    padding: .58rem .68rem;
    border-radius: .68rem;
    background: #f6f9fa;
}

.journey-panel__readiness dl div.has-blockers[b-nnc2pnm5qn] {
    background: #fff3f4;
}

.journey-panel__readiness dt[b-nnc2pnm5qn] {
    overflow: hidden;
    color: var(--journey-muted);
    font-size: .66rem;
    font-weight: 750;
    line-height: 1.45;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.journey-panel__readiness dd[b-nnc2pnm5qn] {
    margin: 0;
    color: var(--journey-ink);
    font-size: .85rem;
    font-weight: 950;
}

.journey-panel__readiness .has-blockers dd[b-nnc2pnm5qn] {
    color: #aa3f50;
}

.journey-panel__version[b-nnc2pnm5qn] {
    align-self: start;
    padding: .4rem .58rem;
    border: 1px solid #e0e8ea;
    border-radius: .58rem;
    background: var(--journey-surface);
    white-space: nowrap;
}

.journey-panel__progress[b-nnc2pnm5qn] {
    display: grid;
    align-content: space-between;
    gap: .8rem;
    min-width: 0;
    padding: .9rem 1rem;
    border: 1px solid #dce7e9;
    border-radius: .95rem;
    background: var(--journey-surface);
}

.journey-panel__progress-copy[b-nnc2pnm5qn] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: center;
    gap: .7rem;
}

.journey-panel__progress-copy span[b-nnc2pnm5qn] {
    color: #58747a;
    font-size: .8rem;
    font-weight: 850;
    line-height: 1.55;
}

.journey-panel__progress strong[b-nnc2pnm5qn] {
    color: var(--journey-blue);
    font-size: 1.45rem;
    font-weight: 950;
    line-height: 1;
}

.journey-panel__bar[b-nnc2pnm5qn] {
    height: .52rem;
    overflow: hidden;
    border-radius: 999px;
    background: #dfeaec;
}

.journey-panel__bar span[b-nnc2pnm5qn] {
    display: block;
    height: 100%;
    border-radius: inherit;
    background: linear-gradient(90deg, var(--journey-blue), #2ea78d);
    transition: width .28s ease;
}

.journey-steps[b-nnc2pnm5qn] {
    display: grid;
    grid-template-columns: repeat(5, minmax(12rem, 1fr));
    gap: .72rem;
    margin: 1rem 0 0;
    padding: 0 0 .35rem;
    list-style: none;
    overflow-x: auto;
    scrollbar-width: thin;
    scroll-snap-type: inline proximity;
}

.journey-step[b-nnc2pnm5qn] {
    position: relative;
    min-width: 0;
    scroll-snap-align: start;
    transition: opacity .18s ease, filter .18s ease;
}

.journey-step__main[b-nnc2pnm5qn] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: .52rem;
    width: 100%;
    min-height: 7.15rem;
    padding: .78rem .72rem .86rem;
    border: 1px solid #dce6e8;
    border-radius: .9rem;
    background: #fff;
    color: var(--journey-ink);
    text-align: center;
    transition: transform .15s ease, border-color .15s ease, box-shadow .15s ease;
}

.journey-step__main:hover[b-nnc2pnm5qn],
.journey-step__main:focus-visible[b-nnc2pnm5qn] {
    transform: translateY(-2px);
    border-color: rgba(29, 120, 212, .46);
    box-shadow: 0 .55rem 1.25rem rgba(18, 62, 73, .09);
    outline: none;
}

.journey-step__main:active[b-nnc2pnm5qn] {
    transform: translateY(0) scale(.99);
}

.journey-step__marker[b-nnc2pnm5qn] {
    display: grid;
    width: 2rem;
    height: 2rem;
    place-items: center;
    flex: 0 0 auto;
    border-radius: 999px;
    background: #eaf0f2;
    color: #6d888e;
    font-size: .72rem;
    font-weight: 950;
}

.journey-step__content[b-nnc2pnm5qn] {
    min-width: 0;
}

.journey-step__content strong[b-nnc2pnm5qn],
.journey-step__content small[b-nnc2pnm5qn] {
    display: block;
    overflow-wrap: anywhere;
}

.journey-step__content strong[b-nnc2pnm5qn] {
    font-size: .88rem;
    line-height: 1.48;
}

.journey-step__content small[b-nnc2pnm5qn] {
    margin-top: .18rem;
    color: #70898f;
    font-size: .72rem;
    line-height: 1.55;
}

.journey-step.is-complete .journey-step__main[b-nnc2pnm5qn] {
    border-color: rgba(18, 134, 111, .28);
    background: var(--journey-success-soft);
}

.journey-step.is-complete .journey-step__marker[b-nnc2pnm5qn] {
    background: var(--journey-success);
    color: #fff;
}

.journey-step.is-current .journey-step__main[b-nnc2pnm5qn] {
    border: 2px solid var(--journey-blue);
    background: var(--journey-blue-soft);
    box-shadow: 0 .55rem 1.35rem rgba(29, 120, 212, .11);
}

.journey-step.is-current .journey-step__marker[b-nnc2pnm5qn] {
    background: var(--journey-blue);
    color: #fff;
    box-shadow: 0 0 0 .3rem rgba(29, 120, 212, .12);
}

.journey-step.is-pending[b-nnc2pnm5qn] {
    opacity: .62;
    filter: saturate(.62);
}

.journey-step.is-pending:hover[b-nnc2pnm5qn],
.journey-step.is-pending:focus-within[b-nnc2pnm5qn] {
    opacity: .86;
}

.journey-step__details[b-nnc2pnm5qn] {
    display: grid;
    gap: .45rem;
    min-height: 4.8rem;
    margin-top: .5rem;
    padding: .62rem;
    border: 1px solid #e0e8ea;
    border-radius: .8rem;
    background: #f9fbfb;
}

.journey-substep[b-nnc2pnm5qn] {
    display: grid;
    grid-template-columns: 1rem minmax(0, 1fr);
    align-items: start;
    gap: .4rem;
    color: #5d787e;
}

.journey-substep i[b-nnc2pnm5qn] {
    margin-top: .2rem;
    font-size: .6rem;
    text-align: center;
}

.journey-substep b[b-nnc2pnm5qn],
.journey-substep small[b-nnc2pnm5qn] {
    display: block;
    overflow-wrap: anywhere;
}

.journey-substep b[b-nnc2pnm5qn] {
    color: inherit;
    font-size: .71rem;
    line-height: 1.45;
}

.journey-substep small[b-nnc2pnm5qn] {
    margin-top: .08rem;
    color: #7f959a;
    font-size: .64rem;
    line-height: 1.48;
}

.journey-substep.is-complete[b-nnc2pnm5qn] {
    color: var(--journey-success);
}

.journey-substep.is-current[b-nnc2pnm5qn] {
    color: var(--journey-blue);
}

.journey-substep.is-attention[b-nnc2pnm5qn] {
    color: #a95618;
}

.journey-substep.is-pending[b-nnc2pnm5qn] {
    opacity: .72;
}

@keyframes journey-skeleton-b-nnc2pnm5qn {
    to {
        background-position: -120% 0;
    }
}

@media (max-width: 1180px) {
    .journey-panel__heading[b-nnc2pnm5qn] {
        grid-template-columns: 1fr;
    }

    .journey-panel__selectors[b-nnc2pnm5qn] {
        grid-template-columns: repeat(2, minmax(14rem, 1fr));
    }

    .journey-panel__overview[b-nnc2pnm5qn] {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 760px) {
    .journey-panel__selectors[b-nnc2pnm5qn],
    .journey-panel__loading[b-nnc2pnm5qn] {
        grid-template-columns: 1fr;
    }

    .journey-panel__readiness[b-nnc2pnm5qn] {
        grid-template-columns: 6.5rem minmax(0, 1fr);
    }

    .journey-panel__readiness dl[b-nnc2pnm5qn] {
        grid-template-columns: repeat(2, minmax(7rem, 1fr));
    }

    .journey-panel__version[b-nnc2pnm5qn] {
        grid-column: 1 / -1;
        width: max-content;
    }
}

@media (max-width: 520px) {
    .journey-panel[b-nnc2pnm5qn] {
        padding: .8rem;
        border-radius: 1rem;
    }

    .journey-panel__heading[b-nnc2pnm5qn] {
        gap: 1rem;
    }

    .journey-panel__selectors[b-nnc2pnm5qn] {
        padding: .7rem;
    }

    .journey-panel__selector[b-nnc2pnm5qn]  .organization-select {
        grid-template-columns: minmax(0, 1fr) 48px;
    }

    .journey-panel__selector[b-nnc2pnm5qn]  .organization-select__add,
    .journey-panel__selector[b-nnc2pnm5qn]  .gb-autocomplete-select__input,
    .journey-panel__selector[b-nnc2pnm5qn]  .journey-panel__control {
        min-height: 48px !important;
    }

    .journey-panel__readiness[b-nnc2pnm5qn] {
        grid-template-columns: 1fr;
    }

    .journey-panel__readiness-score[b-nnc2pnm5qn] {
        grid-template-columns: 1fr auto auto;
        align-items: center;
        justify-items: start;
        gap: .5rem;
        padding: 0 0 .65rem;
        border-inline-end: 0;
        border-bottom: 3px solid var(--readiness-color);
        text-align: start;
    }

    .journey-panel__readiness dl[b-nnc2pnm5qn] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .journey-panel__readiness dt[b-nnc2pnm5qn] {
        white-space: normal;
    }

    .journey-panel__progress-copy[b-nnc2pnm5qn] {
        grid-template-columns: 1fr;
    }

    .journey-steps[b-nnc2pnm5qn] {
        grid-template-columns: repeat(5, 14rem);
    }
}

@media (prefers-reduced-motion: reduce) {
    .journey-panel__skeleton[b-nnc2pnm5qn] {
        animation: none;
    }

    .journey-step[b-nnc2pnm5qn],
    .journey-step__main[b-nnc2pnm5qn],
    .journey-panel__bar span[b-nnc2pnm5qn] {
        transition: none;
    }
}
/* _content/Starterkit/Observatory/Components/OrganizationSelect.razor.rz.scp.css */
.organization-select[b-lxrajgrilu] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 42px;
    gap: 0.55rem;
    align-items: stretch;
    width: 100%;
}

.organization-select__add[b-lxrajgrilu] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 42px;
    min-height: 42px;
    border: 1px solid color-mix(in srgb, var(--obs-primary, #0f766e) 30%, #d7e3e5);
    border-radius: 12px;
    background: color-mix(in srgb, var(--obs-primary, #0f766e) 8%, white);
    color: var(--obs-primary, #0f766e);
    cursor: pointer;
    transition: transform 160ms ease, background-color 160ms ease, box-shadow 160ms ease;
}

.organization-select__add:hover:not(:disabled)[b-lxrajgrilu],
.organization-select__add:focus-visible[b-lxrajgrilu] {
    transform: translateY(-1px);
    background: var(--obs-primary, #0f766e);
    color: white;
    box-shadow: 0 8px 18px color-mix(in srgb, var(--obs-primary, #0f766e) 20%, transparent);
    outline: none;
}

.organization-select__add:disabled[b-lxrajgrilu] {
    cursor: not-allowed;
    opacity: 0.5;
}

@media (max-width: 520px) {
    .organization-select[b-lxrajgrilu] {
        grid-template-columns: minmax(0, 1fr) 40px;
        gap: 0.4rem;
    }
}
/* _content/Starterkit/Observatory/Components/QuickCreateOrganizationDialog.razor.rz.scp.css */
.quick-organization[b-xcrj2g3y29] {
    width: min(680px, calc(100vw - 2rem));
    overflow: hidden;
    border-radius: 20px;
    background: #fff;
    color: #17323a;
    box-shadow: 0 26px 70px rgba(16, 46, 55, 0.2);
}

.quick-organization__header[b-xcrj2g3y29] {
    position: relative;
    display: grid;
    grid-template-columns: 52px minmax(0, 1fr) 36px;
    gap: 0.9rem;
    align-items: start;
    padding: 1.35rem 1.45rem 1.15rem;
    background: linear-gradient(135deg, #eefaf8, #f7fbff);
    border-bottom: 1px solid #dcebed;
}

.quick-organization__icon[b-xcrj2g3y29] {
    display: grid;
    place-items: center;
    width: 52px;
    height: 52px;
    border-radius: 16px;
    background: #0f766e;
    color: #fff;
    font-size: 1.2rem;
    box-shadow: 0 10px 24px rgba(15, 118, 110, 0.2);
}

.quick-organization__header small[b-xcrj2g3y29] {
    color: #b16a10;
    font-weight: 800;
}

.quick-organization__header h2[b-xcrj2g3y29] {
    margin: 0.15rem 0 0.25rem;
    color: #0f3e4b;
    font-size: 1.35rem;
    font-weight: 900;
}

.quick-organization__header p[b-xcrj2g3y29] {
    margin: 0;
    color: #657f87;
    font-size: 0.9rem;
}

.quick-organization__close[b-xcrj2g3y29] {
    display: grid;
    place-items: center;
    width: 34px;
    height: 34px;
    border: 0;
    border-radius: 10px;
    background: rgba(255, 255, 255, 0.72);
    color: #607a82;
}

.quick-organization__body[b-xcrj2g3y29] {
    padding: 1.35rem 1.45rem;
}

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

.quick-organization__grid label[b-xcrj2g3y29] {
    display: grid;
    gap: 0.45rem;
    align-content: start;
    margin: 0;
}

.quick-organization__grid label.is-wide[b-xcrj2g3y29] {
    grid-column: 1 / -1;
}

.quick-organization__grid label > span[b-xcrj2g3y29] {
    font-size: 0.87rem;
    font-weight: 800;
}

.quick-organization__grid label > span b[b-xcrj2g3y29] {
    color: #c2413b;
}

.quick-organization__grid .form-control[b-xcrj2g3y29] {
    min-height: 44px;
    border-radius: 12px;
    border-color: #d5e3e6;
}

.quick-organization__grid .form-control:focus[b-xcrj2g3y29] {
    border-color: #0f766e;
    box-shadow: 0 0 0 3px rgba(15, 118, 110, 0.12);
}

.quick-organization__grid label > small:not(.quick-organization__error)[b-xcrj2g3y29] {
    color: #71868c;
    font-size: 0.76rem;
}

.quick-organization__message[b-xcrj2g3y29] {
    display: flex;
    gap: 0.55rem;
    align-items: center;
    margin-bottom: 1rem;
    padding: 0.75rem 0.85rem;
    border: 1px solid #f3c5c1;
    border-radius: 12px;
    background: #fff5f4;
    color: #9f2f29;
    font-weight: 700;
}

.quick-organization__error[b-xcrj2g3y29] {
    color: #b42318;
    font-size: 0.76rem;
    font-weight: 700;
}

.quick-organization__actions[b-xcrj2g3y29] {
    display: flex;
    justify-content: flex-end;
    gap: 0.65rem;
    padding: 1rem 1.45rem 1.25rem;
    border-top: 1px solid #e3edef;
}

.quick-organization__actions .btn[b-xcrj2g3y29] {
    min-height: 42px;
    padding-inline: 1.1rem;
    border-radius: 12px;
    font-weight: 800;
}

.quick-organization__cancel[b-xcrj2g3y29] {
    border: 1px solid #d6e1e4;
    background: #fff;
    color: #526b73;
}

.quick-organization__save[b-xcrj2g3y29] {
    display: inline-flex;
    gap: 0.5rem;
    align-items: center;
    justify-content: center;
    border: 1px solid #0f766e;
    background: #0f766e;
    color: #fff;
}

@media (max-width: 640px) {
    .quick-organization[b-xcrj2g3y29] {
        width: calc(100vw - 1rem);
        border-radius: 16px;
    }

    .quick-organization__header[b-xcrj2g3y29],
    .quick-organization__body[b-xcrj2g3y29],
    .quick-organization__actions[b-xcrj2g3y29] {
        padding-inline: 1rem;
    }

    .quick-organization__grid[b-xcrj2g3y29] {
        grid-template-columns: 1fr;
    }

    .quick-organization__grid label.is-wide[b-xcrj2g3y29] {
        grid-column: auto;
    }
}
/* _content/Starterkit/Observatory/Dashboards.razor.rz.scp.css */
.dashboard-workspace[b-bl6f7av1u9] {
    --dash-ink: #102f34;
    --dash-muted: #647a7d;
    --dash-line: #dce8e6;
    --dash-paper: #ffffff;
    display: grid;
    gap: 20px;
}

.dashboard-page-heading[b-bl6f7av1u9] {
    position: relative;
    z-index: 40;
    display: flex;
    min-height: 102px;
    align-items: center;
    justify-content: space-between;
    gap: 22px;
    margin-bottom: 20px;
    padding: 20px 22px;
    border: 1px solid color-mix(in srgb, var(--obs-primary) 18%, #dce8e6);
    border-radius: 22px;
    background:
        linear-gradient(115deg, color-mix(in srgb, var(--obs-primary) 5%, #fff), #fff 64%),
        #fff;
    box-shadow: 0 14px 34px rgba(15, 49, 53, .07);
}

.dashboard-page-heading[b-bl6f7av1u9]::before {
    position: absolute;
    width: 4px;
    inset-block: 17px;
    inset-inline-start: 0;
    border-radius: 0 999px 999px 0;
    background: linear-gradient(var(--obs-secondary), var(--obs-primary));
    content: "";
}

.dashboard-page-heading__copy[b-bl6f7av1u9] {
    min-width: 0;
}

.dashboard-page-heading__copy h2[b-bl6f7av1u9] {
    margin: 7px 0 4px;
    color: #17383c;
    font-size: clamp(1.35rem, 2.3vw, 1.9rem);
    font-weight: 950;
    letter-spacing: -.025em;
}

.dashboard-page-heading__copy p[b-bl6f7av1u9] {
    max-width: 720px;
    margin: 0;
    color: #667c7f;
    font-size: .76rem;
    font-weight: 650;
    line-height: 1.75;
}

.dashboard-page-heading__actions[b-bl6f7av1u9] {
    position: relative;
    display: flex;
    flex: 0 0 auto;
    align-items: center;
    gap: 8px;
}

.dashboard-page-heading__settings[b-bl6f7av1u9],
.dashboard-heading-help > summary[b-bl6f7av1u9] {
    display: grid;
    width: 44px;
    height: 44px;
    place-items: center;
    border: 1px solid color-mix(in srgb, var(--obs-primary) 20%, #d8e5e3);
    border-radius: 14px;
    color: var(--obs-primary);
    background: color-mix(in srgb, var(--obs-primary) 6%, #fff);
    font-size: .94rem;
    text-decoration: none;
    cursor: pointer;
    transition: color .2s ease, border-color .2s ease, background .2s ease, transform .2s ease;
}

.dashboard-page-heading__settings:hover[b-bl6f7av1u9],
.dashboard-page-heading__settings:focus-visible[b-bl6f7av1u9],
.dashboard-heading-help > summary:hover[b-bl6f7av1u9],
.dashboard-heading-help > summary:focus-visible[b-bl6f7av1u9],
.dashboard-heading-help[open] > summary[b-bl6f7av1u9] {
    color: #fff;
    border-color: var(--obs-primary);
    background: var(--obs-primary);
    outline: none;
    transform: translateY(-2px);
}

.dashboard-page-heading__back[b-bl6f7av1u9] {
    display: inline-flex;
    min-height: 44px;
    align-items: center;
    gap: 9px;
    padding: 9px 14px;
    border: 1px solid color-mix(in srgb, var(--obs-primary) 22%, #d8e5e3);
    border-radius: 14px;
    color: var(--obs-primary);
    background: #fff;
    font-size: .74rem;
    font-weight: 900;
    text-decoration: none;
    transition: color .2s ease, background .2s ease, transform .2s ease;
}

.dashboard-page-heading__back:hover[b-bl6f7av1u9],
.dashboard-page-heading__back:focus-visible[b-bl6f7av1u9] {
    color: #fff;
    background: var(--obs-primary);
    outline: none;
    transform: translateY(-1px);
}

.dashboard-heading-help[b-bl6f7av1u9] {
    position: relative;
}

.dashboard-heading-help > summary[b-bl6f7av1u9] {
    list-style: none;
}

.dashboard-heading-help > summary[b-bl6f7av1u9]::-webkit-details-marker {
    display: none;
}

.dashboard-heading-help__tooltip[b-bl6f7av1u9] {
    position: absolute;
    width: min(310px, calc(100vw - 42px));
    inset-block-start: calc(100% + 11px);
    inset-inline-end: 0;
    z-index: 100;
    padding: 15px;
    border: 1px solid color-mix(in srgb, var(--obs-primary) 20%, #d8e5e3);
    border-radius: 15px;
    color: #304f53;
    background: #fff;
    box-shadow: 0 18px 44px rgba(15, 49, 53, .18);
}

.dashboard-heading-help__tooltip[b-bl6f7av1u9]::before {
    position: absolute;
    width: 11px;
    height: 11px;
    inset-block-start: -6px;
    inset-inline-end: 16px;
    border-block-start: 1px solid color-mix(in srgb, var(--obs-primary) 20%, #d8e5e3);
    border-inline-end: 1px solid color-mix(in srgb, var(--obs-primary) 20%, #d8e5e3);
    background: #fff;
    content: "";
    transform: rotate(-45deg);
}

.dashboard-heading-help__tooltip strong[b-bl6f7av1u9] {
    display: block;
    color: #17383c;
    font-size: .8rem;
    font-weight: 950;
}

.dashboard-heading-help__tooltip p[b-bl6f7av1u9] {
    margin: 5px 0 11px;
    color: #647a7d;
    font-size: .7rem;
    font-weight: 700;
    line-height: 1.75;
}

.dashboard-heading-help__tooltip a[b-bl6f7av1u9] {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    color: var(--obs-primary);
    font-size: .7rem;
    font-weight: 950;
    text-decoration: none;
}

.dashboard-kicker[b-bl6f7av1u9] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    color: color-mix(in srgb, var(--obs-secondary) 82%, #254548);
    font-size: .69rem;
    font-weight: 950;
    letter-spacing: .04em;
}

.dashboard-loading[b-bl6f7av1u9] {
    position: relative;
    display: grid;
    min-height: 430px;
    overflow: hidden;
    place-content: center;
    justify-items: center;
    padding: clamp(28px, 5vw, 64px);
    border: 1px solid color-mix(in srgb, var(--obs-primary) 20%, #dce8e6);
    border-radius: 28px;
    background:
        radial-gradient(circle at 14% 18%, color-mix(in srgb, var(--obs-secondary) 17%, transparent), transparent 30%),
        radial-gradient(circle at 86% 82%, color-mix(in srgb, var(--obs-primary) 12%, transparent), transparent 32%),
        linear-gradient(145deg, #f9fcfb, #f2f7f6);
    box-shadow: 0 28px 70px rgba(15, 49, 53, .1);
}

.dashboard-loading[b-bl6f7av1u9]::before {
    position: absolute;
    inset: 0;
    background-image:
        linear-gradient(rgba(20, 70, 73, .035) 1px, transparent 1px),
        linear-gradient(90deg, rgba(20, 70, 73, .035) 1px, transparent 1px);
    background-size: 38px 38px;
    content: "";
    mask-image: linear-gradient(to bottom, #000, transparent 78%);
}

.dashboard-loading__signal[b-bl6f7av1u9] {
    position: relative;
    display: grid;
    width: 94px;
    height: 94px;
    place-items: center;
    margin-bottom: 22px;
}

.dashboard-loading__signal span[b-bl6f7av1u9] {
    position: absolute;
    border: 1px solid color-mix(in srgb, var(--obs-primary) 54%, transparent);
    border-radius: 50%;
    animation: dashboard-pulse-b-bl6f7av1u9 2.2s ease-out infinite;
}

.dashboard-loading__signal span:nth-child(1)[b-bl6f7av1u9] {
    width: 34px;
    height: 34px;
    background: var(--obs-primary);
    box-shadow: 0 0 0 9px color-mix(in srgb, var(--obs-primary) 11%, transparent);
    animation: none;
}

.dashboard-loading__signal span:nth-child(2)[b-bl6f7av1u9] {
    width: 64px;
    height: 64px;
}

.dashboard-loading__signal span:nth-child(3)[b-bl6f7av1u9] {
    width: 94px;
    height: 94px;
    animation-delay: .55s;
}

.dashboard-loading__copy[b-bl6f7av1u9] {
    position: relative;
    z-index: 1;
    display: flex;
    align-items: center;
    gap: 13px;
    color: var(--dash-ink);
}

.dashboard-loading__copy .spinner-border[b-bl6f7av1u9] {
    color: var(--obs-primary);
}

.dashboard-loading__copy strong[b-bl6f7av1u9],
.dashboard-loading__copy small[b-bl6f7av1u9] {
    display: block;
}

.dashboard-loading__copy strong[b-bl6f7av1u9] {
    font-size: 1rem;
    font-weight: 950;
}

.dashboard-loading__copy small[b-bl6f7av1u9] {
    margin-top: 5px;
    color: var(--dash-muted);
    font-size: .75rem;
}

.dashboard-loading__skeleton[b-bl6f7av1u9] {
    position: relative;
    z-index: 1;
    display: grid;
    width: min(620px, 74vw);
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 10px;
    margin-top: 34px;
}

.dashboard-loading__skeleton span[b-bl6f7av1u9] {
    height: 72px;
    border: 1px solid rgba(255, 255, 255, .85);
    border-radius: 17px;
    background:
        linear-gradient(100deg, rgba(255,255,255,.55) 30%, rgba(255,255,255,.95) 45%, rgba(255,255,255,.55) 60%)
        #eaf1f0;
    background-size: 220% 100%;
    animation: dashboard-shimmer-b-bl6f7av1u9 1.6s linear infinite;
}

.dashboard-empty-state[b-bl6f7av1u9] {
    position: relative;
    display: grid;
    min-height: 460px;
    overflow: hidden;
    grid-template-columns: minmax(260px, .72fr) minmax(0, 1.28fr);
    align-items: center;
    gap: clamp(28px, 6vw, 86px);
    padding: clamp(30px, 6vw, 76px);
    border: 1px solid color-mix(in srgb, var(--obs-primary) 22%, #dce8e6);
    border-radius: 30px;
    background:
        linear-gradient(112deg, color-mix(in srgb, var(--obs-primary) 5%, #fff), #fff 56%, color-mix(in srgb, var(--obs-secondary) 8%, #fff));
    box-shadow: 0 30px 80px rgba(16, 54, 58, .11);
}

.dashboard-empty-state[b-bl6f7av1u9]::after {
    position: absolute;
    width: 260px;
    height: 260px;
    inset-inline-end: -110px;
    inset-block-end: -120px;
    border: 1px solid color-mix(in srgb, var(--obs-secondary) 25%, transparent);
    border-radius: 50%;
    box-shadow:
        0 0 0 35px color-mix(in srgb, var(--obs-secondary) 4%, transparent),
        0 0 0 70px color-mix(in srgb, var(--obs-primary) 3%, transparent);
    content: "";
}

.dashboard-empty-state__visual[b-bl6f7av1u9] {
    position: relative;
    display: grid;
    width: min(280px, 65vw);
    aspect-ratio: 1;
    place-items: center;
    justify-self: center;
}

.dashboard-empty-state__visual > span:not(.dashboard-empty-state__orbit)[b-bl6f7av1u9] {
    position: absolute;
    width: 78%;
    height: 78%;
    border: 1px dashed color-mix(in srgb, var(--obs-primary) 35%, transparent);
    border-radius: 50%;
}

.dashboard-empty-state__visual > span:last-child[b-bl6f7av1u9] {
    width: 100%;
    height: 100%;
    border-style: solid;
    border-color: color-mix(in srgb, var(--obs-secondary) 18%, transparent);
}

.dashboard-empty-state__orbit[b-bl6f7av1u9] {
    position: relative;
    z-index: 2;
    display: grid;
    width: 126px;
    height: 126px;
    place-items: center;
    border-radius: 38px;
    color: #fff;
    background:
        linear-gradient(145deg, color-mix(in srgb, var(--obs-primary) 88%, #0b2226), var(--obs-primary));
    box-shadow:
        0 24px 50px color-mix(in srgb, var(--obs-primary) 26%, transparent),
        inset 0 1px 0 rgba(255,255,255,.22);
    font-size: 2.2rem;
    transform: rotate(-8deg);
}

.dashboard-empty-state__copy[b-bl6f7av1u9] {
    position: relative;
    z-index: 1;
}

.dashboard-empty-state__copy h2[b-bl6f7av1u9] {
    max-width: 680px;
    margin: 12px 0 10px;
    color: var(--dash-ink);
    font-size: clamp(1.5rem, 3vw, 2.55rem);
    font-weight: 950;
    letter-spacing: -.035em;
}

.dashboard-empty-state__copy p[b-bl6f7av1u9] {
    max-width: 660px;
    margin: 0;
    color: var(--dash-muted);
    font-size: clamp(.84rem, 1.4vw, .98rem);
    line-height: 1.9;
}

.dashboard-empty-state__flow[b-bl6f7av1u9] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 10px;
    margin-top: 30px;
}

.dashboard-empty-state__flow span[b-bl6f7av1u9] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    color: #456064;
    font-size: .72rem;
    font-weight: 850;
}

.dashboard-empty-state__flow b[b-bl6f7av1u9] {
    display: grid;
    width: 30px;
    height: 30px;
    place-items: center;
    border-radius: 10px;
    color: var(--obs-primary);
    background: color-mix(in srgb, var(--obs-primary) 9%, #fff);
    font-size: .6rem;
}

.dashboard-empty-state__flow i[b-bl6f7av1u9] {
    color: color-mix(in srgb, var(--obs-primary) 42%, #91a3a4);
    font-size: .65rem;
}

.dashboard-command[b-bl6f7av1u9] {
    position: relative;
    z-index: 20;
    overflow: visible;
    border: 1px solid rgba(255,255,255,.18);
    border-radius: 27px;
    color: #fff;
    background:
        radial-gradient(circle at 4% 10%, color-mix(in srgb, var(--obs-secondary) 32%, transparent), transparent 28%),
        linear-gradient(128deg, #102e33 0%, color-mix(in srgb, var(--obs-primary) 69%, #102e33) 55%, #153a3e 100%);
    box-shadow:
        0 24px 60px rgba(11, 39, 43, .2),
        inset 0 1px 0 rgba(255,255,255,.1);
}

.dashboard-command[b-bl6f7av1u9]::before {
    position: absolute;
    width: 360px;
    height: 360px;
    inset-inline-end: -140px;
    inset-block-start: -210px;
    border: 1px solid rgba(255,255,255,.12);
    border-radius: 50%;
    box-shadow:
        0 0 0 42px rgba(255,255,255,.025),
        0 0 0 84px rgba(255,255,255,.018);
    content: none;
}

.dashboard-command[b-bl6f7av1u9]::after {
    position: absolute;
    width: 45%;
    height: 1px;
    inset-inline-start: 0;
    inset-block-start: 0;
    background: linear-gradient(90deg, transparent, var(--obs-secondary), transparent);
    content: "";
}

.dashboard-command__lead[b-bl6f7av1u9] {
    position: relative;
    z-index: 1;
    display: grid;
    grid-template-columns: minmax(240px, .85fr) minmax(300px, 1.2fr) auto;
    align-items: end;
    gap: clamp(18px, 3vw, 38px);
    padding: clamp(22px, 3.5vw, 38px);
}

.dashboard-command .dashboard-kicker[b-bl6f7av1u9] {
    color: color-mix(in srgb, var(--obs-secondary) 70%, #fff);
}

.dashboard-command__heading h2[b-bl6f7av1u9] {
    margin: 9px 0 6px;
    color: #fff;
    font-size: clamp(1.25rem, 2.3vw, 1.85rem);
    font-weight: 950;
    letter-spacing: -.025em;
}

.dashboard-command__heading p[b-bl6f7av1u9] {
    max-width: 520px;
    margin: 0;
    color: rgba(236, 246, 245, .72);
    font-size: .77rem;
    line-height: 1.75;
}

.dashboard-card-overview[b-bl6f7av1u9] {
    display: flex;
    min-width: 0;
    min-height: 70px;
    align-items: center;
    gap: 12px;
    padding: 12px 14px;
    border: 1px solid rgba(255,255,255,.13);
    border-radius: 16px;
    background: rgba(255,255,255,.06);
}

.dashboard-card-overview__icon[b-bl6f7av1u9] {
    display: grid;
    width: 40px;
    height: 40px;
    flex: 0 0 40px;
    place-items: center;
    border-radius: 13px;
    color: #17383c;
    background: color-mix(in srgb, var(--obs-secondary) 82%, #fff);
}

.dashboard-card-overview strong[b-bl6f7av1u9],
.dashboard-card-overview small[b-bl6f7av1u9] {
    display: block;
}

.dashboard-card-overview strong[b-bl6f7av1u9] {
    color: #fff;
    font-size: .78rem;
    font-weight: 950;
}

.dashboard-card-overview small[b-bl6f7av1u9] {
    margin-top: 5px;
    color: rgba(234, 245, 244, .66);
    font-size: .62rem;
    font-weight: 700;
    line-height: 1.65;
}

.dashboard-selector[b-bl6f7av1u9] {
    display: grid;
    gap: 8px;
    margin: 0;
}

.dashboard-selector-row[b-bl6f7av1u9] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: end;
    gap: 9px;
}

.dashboard-selector > span[b-bl6f7av1u9] {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    color: rgba(238, 247, 246, .72);
    font-size: .68rem;
    font-weight: 900;
}

.dashboard-selector .form-select[b-bl6f7av1u9] {
    min-height: 52px;
    padding-inline: 16px 42px;
    border: 1px solid rgba(255,255,255,.22);
    border-radius: 15px;
    color: #14363a;
    background-color: rgba(255,255,255,.96);
    box-shadow: 0 14px 32px rgba(0,0,0,.15);
    font-size: .84rem;
    font-weight: 900;
}

.dashboard-command__pulse[b-bl6f7av1u9] {
    display: flex;
    align-items: stretch;
    gap: 1px;
    overflow: hidden;
    border: 1px solid rgba(255,255,255,.13);
    border-radius: 16px;
    background: rgba(255,255,255,.06);
    backdrop-filter: blur(12px);
}

.dashboard-command__pulse > span[b-bl6f7av1u9] {
    display: grid;
    min-width: 86px;
    place-content: center;
    padding: 11px 14px;
    text-align: center;
}

.dashboard-command__pulse > span + span[b-bl6f7av1u9] {
    border-inline-start: 1px solid rgba(255,255,255,.1);
}

.dashboard-command__pulse strong[b-bl6f7av1u9],
.dashboard-command__pulse small[b-bl6f7av1u9] {
    display: block;
}

.dashboard-command__pulse strong[b-bl6f7av1u9] {
    color: #fff;
    font-size: 1.05rem;
    font-weight: 950;
    line-height: 1;
}

.dashboard-command__pulse small[b-bl6f7av1u9] {
    margin-top: 5px;
    color: rgba(230, 242, 241, .62);
    font-size: .57rem;
    font-weight: 800;
    white-space: nowrap;
}

.dashboard-command__filter-bar[b-bl6f7av1u9] {
    position: relative;
    z-index: 2;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 12px clamp(22px, 3.5vw, 38px);
    border-top: 1px solid rgba(255,255,255,.1);
    border-radius: 0 0 26px 26px;
    background: rgba(3, 24, 27, .22);
}

.dashboard-command.filters-expanded .dashboard-command__filter-bar[b-bl6f7av1u9] {
    border-radius: 0;
}

.dashboard-filter-collapse[b-bl6f7av1u9] {
    display: inline-flex;
    min-width: min(360px, 100%);
    min-height: 46px;
    align-items: center;
    gap: 10px;
    padding: 7px 10px;
    border: 1px solid rgba(255,255,255,.14);
    border-radius: 13px;
    color: #f2f8f7;
    background: rgba(255,255,255,.06);
    text-align: start;
    transition: border-color .2s ease, background .2s ease, transform .2s ease;
}

.dashboard-filter-collapse:hover[b-bl6f7av1u9],
.dashboard-filter-collapse:focus-visible[b-bl6f7av1u9],
.dashboard-filter-collapse[aria-expanded="true"][b-bl6f7av1u9] {
    border-color: color-mix(in srgb, var(--obs-secondary) 52%, rgba(255,255,255,.2));
    background: rgba(255,255,255,.1);
    outline: none;
    transform: translateY(-1px);
}

.dashboard-filter-collapse.has-pending[b-bl6f7av1u9] {
    border-color: rgba(255, 206, 92, .34);
    background: rgba(116, 77, 7, .22);
}

.dashboard-filter-collapse__icon[b-bl6f7av1u9] {
    display: grid;
    width: 32px;
    height: 32px;
    flex: 0 0 32px;
    place-items: center;
    border-radius: 10px;
    color: #14363a;
    background: color-mix(in srgb, var(--obs-secondary) 84%, #fff);
    font-size: .72rem;
}

.dashboard-filter-collapse__copy[b-bl6f7av1u9] {
    display: grid;
    min-width: 0;
    flex: 1;
    gap: 2px;
}

.dashboard-filter-collapse__copy strong[b-bl6f7av1u9] {
    font-size: .75rem;
    font-weight: 950;
}

.dashboard-filter-collapse__copy small[b-bl6f7av1u9] {
    overflow: hidden;
    color: rgba(234, 245, 244, .68);
    font-size: .61rem;
    font-weight: 750;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.dashboard-filter-collapse.has-pending .dashboard-filter-collapse__copy small[b-bl6f7av1u9] {
    color: #ffe7a5;
}

.dashboard-filter-collapse__count[b-bl6f7av1u9] {
    display: grid;
    min-width: 25px;
    height: 25px;
    place-items: center;
    padding-inline: 6px;
    border-radius: 999px;
    color: #14363a;
    background: #fff;
    font-size: .67rem;
    font-weight: 950;
}

.dashboard-filter-collapse__chevron[b-bl6f7av1u9] {
    color: rgba(242, 248, 247, .72);
    font-size: .65rem;
}

.dashboard-command__exports[b-bl6f7av1u9] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    justify-content: flex-end;
    gap: 7px;
}

.dashboard-command__exports .obs-btn[b-bl6f7av1u9] {
    min-height: 38px;
    padding-inline: 11px;
    border-color: rgba(255,255,255,.14);
    border-radius: 11px;
    color: rgba(245, 250, 249, .86);
    background: rgba(255,255,255,.06);
    font-size: .66rem;
    font-weight: 900;
}

.dashboard-command__exports .obs-btn:hover[b-bl6f7av1u9],
.dashboard-command__exports .obs-btn:focus-visible[b-bl6f7av1u9] {
    border-color: rgba(255,255,255,.28);
    color: #fff;
    background: rgba(255,255,255,.12);
}

.dashboard-card-catalog[b-bl6f7av1u9] {
    padding: 20px;
    border: 1px solid #dce8e6;
    border-radius: 24px;
    background: #f8fbfa;
    box-shadow: 0 16px 42px rgba(15, 49, 53, .07);
}

.dashboard-card-catalog__head[b-bl6f7av1u9] {
    display: flex;
    align-items: end;
    justify-content: space-between;
    gap: 18px;
    margin-bottom: 16px;
}

.dashboard-card-catalog__head h3[b-bl6f7av1u9] {
    margin: 6px 0 0;
    color: #17383c;
    font-size: 1rem;
    font-weight: 950;
}

.dashboard-card-catalog__count[b-bl6f7av1u9] {
    padding: 7px 11px;
    border: 1px solid #d5e3e1;
    border-radius: 999px;
    color: #547073;
    background: #fff;
    font-size: .66rem;
    font-weight: 900;
    white-space: nowrap;
}

.dashboard-card-grid[b-bl6f7av1u9] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(min(100%, 270px), 1fr));
    gap: 13px;
}

.dashboard-card[b-bl6f7av1u9] {
    position: relative;
    min-width: 0;
    overflow: hidden;
    border: 1px solid #d7e5e2;
    border-radius: 19px;
    background: #fff;
    box-shadow: 0 10px 26px rgba(18, 58, 62, .06);
    transition: border-color .2s ease, box-shadow .2s ease, transform .2s ease;
}

.dashboard-card:hover[b-bl6f7av1u9],
.dashboard-card:focus-within[b-bl6f7av1u9] {
    border-color: color-mix(in srgb, var(--obs-primary) 43%, #d7e5e2);
    box-shadow: 0 17px 38px rgba(18, 58, 62, .12);
    transform: translateY(-3px);
}

.dashboard-card.is-selected[b-bl6f7av1u9] {
    border-color: var(--obs-primary);
    box-shadow:
        0 0 0 3px color-mix(in srgb, var(--obs-primary) 10%, transparent),
        0 18px 40px rgba(18, 58, 62, .14);
}

.dashboard-card__open[b-bl6f7av1u9] {
    display: grid;
    width: 100%;
    min-height: 268px;
    align-content: start;
    gap: 11px;
    padding: 17px;
    border: 0;
    color: inherit;
    background: transparent;
    text-align: start;
}

.dashboard-card__open:disabled[b-bl6f7av1u9] {
    cursor: wait;
    opacity: .78;
}

.dashboard-card__top[b-bl6f7av1u9] {
    display: flex;
    min-width: 0;
    align-items: center;
    gap: 8px;
    padding-inline-end: 38px;
}

.dashboard-card__type-icon[b-bl6f7av1u9] {
    display: grid;
    width: 35px;
    height: 35px;
    flex: 0 0 35px;
    place-items: center;
    border-radius: 11px;
    color: #fff;
    background: var(--obs-primary);
    font-size: .75rem;
}

.dashboard-card__type-icon.is-analytical[b-bl6f7av1u9] {
    background: #326b91;
}

.dashboard-card__type-icon.is-public[b-bl6f7av1u9] {
    background: #8a6525;
}

.dashboard-card__type[b-bl6f7av1u9] {
    color: #668083;
    font-size: .64rem;
    font-weight: 900;
}

.dashboard-card__favorite-label[b-bl6f7av1u9] {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    margin-inline-start: auto;
    color: #8a6525;
    font-size: .59rem;
    font-weight: 950;
}

.dashboard-card__title[b-bl6f7av1u9] {
    overflow: hidden;
    color: #17383c;
    font-size: 1rem;
    font-weight: 950;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.dashboard-card__description[b-bl6f7av1u9] {
    display: -webkit-box;
    overflow: hidden;
    min-height: 40px;
    color: #6c8183;
    font-size: .68rem;
    font-weight: 650;
    line-height: 1.75;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}

.dashboard-card__stats[b-bl6f7av1u9] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 6px;
}

.dashboard-card__stats > span[b-bl6f7av1u9] {
    display: grid;
    gap: 2px;
    padding: 8px 5px;
    border: 1px solid #e1ebe9;
    border-radius: 10px;
    color: #718689;
    background: #f8fbfa;
    font-size: .55rem;
    font-weight: 800;
    text-align: center;
}

.dashboard-card__stats b[b-bl6f7av1u9] {
    color: var(--obs-primary);
    font-size: .8rem;
    font-weight: 950;
}

.dashboard-card__organizations[b-bl6f7av1u9] {
    display: flex;
    min-height: 25px;
    align-items: center;
    flex-wrap: wrap;
    gap: 5px;
}

.dashboard-card__organizations > span[b-bl6f7av1u9] {
    padding: 4px 7px;
    border-radius: 999px;
    color: #526f72;
    background: color-mix(in srgb, var(--obs-primary) 7%, #fff);
    font-size: .56rem;
    font-weight: 850;
}

.dashboard-card__footer[b-bl6f7av1u9] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    margin-top: auto;
    padding-top: 10px;
    border-top: 1px solid #e5eeec;
    color: var(--obs-primary);
    font-size: .65rem;
    font-weight: 950;
}

.dashboard-card__footer > span:last-child[b-bl6f7av1u9] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
}

.dashboard-card__code[b-bl6f7av1u9] {
    overflow: hidden;
    max-width: 45%;
    color: #718689;
    font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
    font-size: .57rem;
    text-overflow: ellipsis;
    white-space: nowrap;
    direction: ltr;
}

.dashboard-card__favorite[b-bl6f7av1u9] {
    position: absolute;
    width: 34px;
    height: 34px;
    inset-block-start: 15px;
    inset-inline-end: 15px;
    z-index: 2;
    border: 1px solid #d7e5e2;
    border-radius: 11px;
    color: #789092;
    background: #fff;
    font-size: .7rem;
}

.dashboard-card__favorite:hover[b-bl6f7av1u9],
.dashboard-card__favorite:focus-visible[b-bl6f7av1u9],
.dashboard-card__favorite.is-active[b-bl6f7av1u9] {
    border-color: #e0c58d;
    color: #8a6525;
    background: #fff8e9;
    outline: none;
}

.dashboard-card-catalog__empty[b-bl6f7av1u9] {
    display: grid;
    min-height: 180px;
    place-content: center;
    justify-items: center;
    gap: 7px;
    padding: 24px;
    border: 1px dashed #cadbd8;
    border-radius: 17px;
    color: #718689;
    text-align: center;
}

.dashboard-card-catalog__empty i[b-bl6f7av1u9] {
    margin-bottom: 5px;
    color: var(--obs-primary);
    font-size: 1.4rem;
}

.dashboard-card-catalog__empty strong[b-bl6f7av1u9] {
    color: #294b4f;
    font-size: .82rem;
    font-weight: 950;
}

.dashboard-card-catalog__empty span[b-bl6f7av1u9] {
    font-size: .66rem;
    font-weight: 700;
}

.dashboard-selection-placeholder[b-bl6f7av1u9] {
    display: flex;
    min-height: 150px;
    align-items: center;
    justify-content: center;
    gap: 14px;
    padding: 24px;
    border: 1px dashed #cbdcd9;
    border-radius: 21px;
    color: #667e81;
    background: rgba(255,255,255,.72);
    text-align: start;
}

.dashboard-selection-placeholder > span[b-bl6f7av1u9] {
    display: grid;
    width: 48px;
    height: 48px;
    flex: 0 0 48px;
    place-items: center;
    border-radius: 15px;
    color: #fff;
    background: var(--obs-primary);
}

.dashboard-selection-placeholder strong[b-bl6f7av1u9] {
    display: block;
    color: #294b4f;
    font-size: .86rem;
    font-weight: 950;
}

.dashboard-selection-placeholder p[b-bl6f7av1u9] {
    margin: 5px 0 0;
    font-size: .68rem;
    font-weight: 700;
}

.dashboard-command__controls[b-bl6f7av1u9] {
    position: relative;
    z-index: 1;
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    align-items: stretch;
    gap: 14px;
    padding: 18px clamp(22px, 3.5vw, 38px) 20px;
    border-top: 1px solid rgba(255,255,255,.1);
    border-radius: 0 0 26px 26px;
    background: rgba(3, 24, 27, .18);
}

.dashboard-filter-grid[b-bl6f7av1u9] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 12px;
}

.dashboard-filter-grid label[b-bl6f7av1u9] {
    display: grid;
    gap: 6px;
    margin: 0;
}

.dashboard-filter-grid label > span[b-bl6f7av1u9] {
    color: rgba(234, 245, 244, .68);
    font-size: .63rem;
    font-weight: 900;
}

.dashboard-filter-grid .form-select[b-bl6f7av1u9] {
    min-height: 43px;
    border: 1px solid rgba(255,255,255,.14);
    border-radius: 12px;
    color: #eaf4f3;
    background-color: rgba(255,255,255,.08);
    box-shadow: none;
    font-size: .73rem;
    font-weight: 750;
}

.dashboard-filter-grid .form-select option[b-bl6f7av1u9] {
    color: #183b3f;
    background: #fff;
}

.dashboard-command[b-bl6f7av1u9]  .gb-autocomplete-select,
.dashboard-command[b-bl6f7av1u9]  .organization-select {
    position: relative;
    z-index: 30;
    width: 100%;
}

.dashboard-command[b-bl6f7av1u9]  .gb-autocomplete-select__menu {
    z-index: 1200;
}

.dashboard-filter-grid .form-select:focus[b-bl6f7av1u9],
.dashboard-selector .form-select:focus[b-bl6f7av1u9] {
    border-color: color-mix(in srgb, var(--obs-secondary) 70%, #fff);
    box-shadow: 0 0 0 3px color-mix(in srgb, var(--obs-secondary) 16%, transparent);
}

.dashboard-command__actions[b-bl6f7av1u9] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    justify-content: flex-end;
    gap: 7px;
}

.dashboard-command__actions .obs-btn[b-bl6f7av1u9] {
    min-height: 43px;
    border-radius: 12px;
    font-size: .7rem;
    font-weight: 900;
}

.dashboard-command__actions .obs-btn--ghost[b-bl6f7av1u9] {
    border-color: rgba(255,255,255,.14);
    color: rgba(245, 250, 249, .86);
    background: rgba(255,255,255,.06);
}

.dashboard-filters-pending[b-bl6f7av1u9] {
    display: inline-flex;
    min-height: 36px;
    align-items: center;
    gap: 7px;
    padding: 7px 10px;
    border: 1px solid rgba(255, 206, 92, .3);
    border-radius: 10px;
    color: #ffe7a5;
    background: rgba(116, 77, 7, .22);
    font-size: .68rem;
    font-weight: 850;
}

.dashboard-filters-pending i[b-bl6f7av1u9] {
    color: #ffd369;
}

.dashboard-command__actions .obs-btn--ghost:hover[b-bl6f7av1u9],
.dashboard-command__actions .obs-btn--ghost:focus-visible[b-bl6f7av1u9] {
    border-color: rgba(255,255,255,.28);
    color: #fff;
    background: rgba(255,255,255,.12);
}

.dashboard-apply[b-bl6f7av1u9] {
    color: #123336 !important;
    background: color-mix(in srgb, var(--obs-secondary) 84%, #fff) !important;
    box-shadow: 0 10px 24px color-mix(in srgb, var(--obs-secondary) 18%, transparent);
}

.obs-view-message[b-bl6f7av1u9] {
    display: flex;
    align-items: center;
    min-height: 48px;
    padding: 10px 15px;
    border: 1px solid #edd5aa;
    border-radius: 15px;
    color: #74551f;
    background:
        linear-gradient(90deg, #fff9ee, #fffdf8);
    box-shadow: 0 9px 24px rgba(108, 78, 28, .06);
    font-size: .76rem;
    font-weight: 850;
}

.obs-dashboard-canvas[b-bl6f7av1u9] {
    position: relative;
    overflow: hidden;
    border: 1px solid var(--dash-line);
    border-radius: 30px;
    background:
        linear-gradient(rgba(26, 72, 75, .028) 1px, transparent 1px),
        linear-gradient(90deg, rgba(26, 72, 75, .028) 1px, transparent 1px),
        #f4f8f7;
    background-size: 32px 32px;
    box-shadow: 0 30px 74px rgba(14, 48, 52, .13);
}

.obs-dashboard-canvas[b-bl6f7av1u9]::before {
    position: absolute;
    z-index: 1;
    width: 150px;
    height: 4px;
    inset-inline-start: clamp(24px, 4vw, 48px);
    inset-block-start: 0;
    border-radius: 0 0 10px 10px;
    background: var(--obs-secondary);
    content: "";
}

.obs-dashboard-canvas__head[b-bl6f7av1u9] {
    position: relative;
    display: grid;
    overflow: hidden;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: center;
    gap: clamp(24px, 5vw, 68px);
    padding: clamp(28px, 5vw, 56px);
    color: #fff;
    background:
        radial-gradient(circle at 8% 10%, color-mix(in srgb, var(--obs-secondary) 31%, transparent), transparent 32%),
        linear-gradient(127deg, #0f3035 0%, color-mix(in srgb, var(--obs-primary) 78%, #0f3035) 62%, #12373b 100%);
}

.obs-dashboard-canvas__head[b-bl6f7av1u9]::before {
    position: absolute;
    width: 340px;
    height: 340px;
    inset-inline-end: -120px;
    inset-block-start: -180px;
    border: 1px solid rgba(255,255,255,.1);
    border-radius: 50%;
    box-shadow:
        0 0 0 44px rgba(255,255,255,.025),
        0 0 0 88px rgba(255,255,255,.018);
    content: "";
}

.obs-dashboard-canvas.is-public .obs-dashboard-canvas__head[b-bl6f7av1u9] {
    background:
        radial-gradient(circle at 8% 10%, rgba(127, 196, 202, .2), transparent 32%),
        linear-gradient(127deg, #183e48, #2f656b);
}

.obs-dashboard-canvas.is-analytical .obs-dashboard-canvas__head[b-bl6f7av1u9] {
    background:
        radial-gradient(circle at 8% 10%, color-mix(in srgb, var(--obs-secondary) 26%, transparent), transparent 32%),
        linear-gradient(127deg, #132f3d, color-mix(in srgb, var(--obs-primary) 56%, #315969));
}

.obs-dashboard-canvas__copy[b-bl6f7av1u9],
.obs-dashboard-canvas__stamp[b-bl6f7av1u9] {
    position: relative;
    z-index: 1;
}

.obs-dashboard-canvas__eyebrow[b-bl6f7av1u9] {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    padding: 6px 10px;
    border: 1px solid rgba(255,255,255,.16);
    border-radius: 999px;
    color: color-mix(in srgb, var(--obs-secondary) 58%, #fff);
    background: rgba(255,255,255,.07);
    font-size: .66rem;
    font-weight: 950;
}

.obs-dashboard-canvas__head h2[b-bl6f7av1u9] {
    max-width: 800px;
    margin: 14px 0 8px;
    color: #fff;
    font-size: clamp(1.6rem, 3.4vw, 2.8rem);
    font-weight: 950;
    letter-spacing: -.04em;
    line-height: 1.2;
}

.obs-dashboard-canvas__head p[b-bl6f7av1u9] {
    max-width: 760px;
    margin: 0;
    color: rgba(230, 243, 242, .75);
    font-size: .82rem;
    line-height: 1.85;
}

.obs-dashboard-canvas__meta[b-bl6f7av1u9] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 8px 18px;
    margin-top: 22px;
}

.obs-dashboard-canvas__meta span[b-bl6f7av1u9] {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    color: rgba(236, 246, 245, .7);
    font-size: .65rem;
    font-weight: 800;
}

.obs-dashboard-canvas__meta i[b-bl6f7av1u9] {
    color: color-mix(in srgb, var(--obs-secondary) 72%, #fff);
}

.obs-dashboard-canvas__stamp[b-bl6f7av1u9] {
    display: grid;
    min-width: 190px;
    justify-items: center;
    padding: 20px 22px;
    border: 1px solid rgba(255,255,255,.16);
    border-radius: 22px;
    text-align: center;
    background:
        linear-gradient(145deg, rgba(255,255,255,.12), rgba(255,255,255,.045));
    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.12),
        0 18px 40px rgba(2, 18, 21, .14);
    backdrop-filter: blur(12px);
}

.obs-dashboard-canvas__stamp strong[b-bl6f7av1u9] {
    margin-top: 5px;
    color: #fff;
    font-size: 1rem;
    font-weight: 950;
}

.obs-dashboard-canvas__stamp small[b-bl6f7av1u9] {
    color: rgba(232, 244, 243, .62);
    font-size: .62rem;
    font-weight: 750;
}

.obs-dashboard-canvas__stamp-line[b-bl6f7av1u9] {
    width: 44px;
    height: 2px;
    margin: 13px 0 10px;
    border-radius: 999px;
    background: var(--obs-secondary);
}

.obs-dashboard-pages[b-bl6f7av1u9] {
    position: relative;
    z-index: 3;
    display: flex;
    align-items: stretch;
    gap: 8px;
    overflow-x: auto;
    padding: 12px clamp(14px, 2.6vw, 28px);
    border-bottom: 1px solid #dbe7e5;
    background:
        linear-gradient(90deg, color-mix(in srgb, var(--obs-primary) 3%, transparent) 1px, transparent 1px) 0 0 / 28px 28px,
        #f8fbfa;
    scrollbar-width: thin;
}

.obs-dashboard-pages button[b-bl6f7av1u9] {
    display: grid;
    min-width: 150px;
    min-height: 50px;
    align-content: center;
    justify-items: start;
    gap: 3px;
    padding: 8px 14px;
    border: 1px solid #d8e5e3;
    border-radius: 13px;
    color: #466164;
    background: rgba(255, 255, 255, .92);
    box-shadow: 0 5px 15px rgba(18, 55, 58, .035);
    transition: transform .18s ease, border-color .18s ease, color .18s ease, background .18s ease;
}

.obs-dashboard-pages button:hover[b-bl6f7av1u9] {
    border-color: color-mix(in srgb, var(--obs-primary) 42%, #d8e5e3);
    transform: translateY(-1px);
}

.obs-dashboard-pages button.is-active[b-bl6f7av1u9] {
    color: #fff;
    border-color: var(--obs-primary);
    background: linear-gradient(135deg, var(--obs-primary), color-mix(in srgb, var(--obs-primary) 78%, #12373b));
    box-shadow: 0 9px 22px color-mix(in srgb, var(--obs-primary) 18%, transparent);
}

.obs-dashboard-pages button span[b-bl6f7av1u9] {
    font-size: .75rem;
    font-weight: 950;
}

.obs-dashboard-pages button small[b-bl6f7av1u9] {
    color: #839496;
    font-size: .58rem;
    font-weight: 800;
}

.obs-dashboard-pages button.is-active small[b-bl6f7av1u9] {
    color: rgba(255, 255, 255, .72);
}

.obs-dashboard-interaction[b-bl6f7av1u9] {
    position: relative;
    z-index: 3;
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    align-items: center;
    gap: 12px;
    margin: 14px clamp(14px, 2.6vw, 28px) 0;
    padding: 11px 13px;
    border: 1px solid color-mix(in srgb, var(--obs-secondary) 34%, #d7e4e2);
    border-radius: 15px;
    color: #35575a;
    background:
        linear-gradient(135deg, color-mix(in srgb, var(--obs-secondary) 8%, #fff), #fff);
    box-shadow: 0 9px 24px rgba(16, 54, 58, .06);
}

.obs-dashboard-interaction__icon[b-bl6f7av1u9] {
    display: grid;
    width: 38px;
    height: 38px;
    place-items: center;
    border-radius: 12px;
    color: #fff;
    background: var(--obs-primary);
}

.obs-dashboard-interaction > div[b-bl6f7av1u9] {
    display: grid;
    gap: 2px;
}

.obs-dashboard-interaction small[b-bl6f7av1u9],
.obs-dashboard-interaction span[b-bl6f7av1u9] {
    color: #738789;
    font-size: .6rem;
    font-weight: 800;
}

.obs-dashboard-interaction strong[b-bl6f7av1u9] {
    font-size: .75rem;
    font-weight: 950;
}

.obs-dashboard-overlay[b-bl6f7av1u9] {
    position: absolute;
    inset: 0;
    z-index: 8;
    display: grid;
    place-content: center;
    justify-items: center;
    gap: 13px;
    color: var(--dash-ink);
    background: rgba(247, 251, 250, .82);
    backdrop-filter: blur(10px);
}

.obs-dashboard-overlay .spinner-border[b-bl6f7av1u9] {
    width: 2.4rem;
    height: 2.4rem;
    color: var(--obs-primary);
}

.obs-dashboard-overlay strong[b-bl6f7av1u9] {
    font-size: .8rem;
    font-weight: 950;
}

.obs-widget-grid[b-bl6f7av1u9] {
    display: grid;
    grid-template-columns: repeat(12, minmax(0, 1fr));
    gap: 14px;
    padding: clamp(14px, 2.6vw, 28px);
}

.obs-print-page-heading[b-bl6f7av1u9] {
    grid-column: 1 / -1;
    display: grid;
    gap: 3px;
    padding: 13px 16px;
    border: 1px solid #d9e5e3;
    border-radius: 14px;
    background:
        linear-gradient(135deg, color-mix(in srgb, var(--obs-primary) 6%, #fff), #fff);
}

.obs-print-page-heading span[b-bl6f7av1u9] {
    color: var(--obs-secondary);
    font-size: .57rem;
    font-weight: 950;
}

.obs-print-page-heading h3[b-bl6f7av1u9],
.obs-print-page-heading p[b-bl6f7av1u9] {
    margin: 0;
}

.obs-print-page-heading h3[b-bl6f7av1u9] {
    color: #294d50;
    font-size: .94rem;
    font-weight: 950;
}

.obs-print-page-heading p[b-bl6f7av1u9] {
    color: #708588;
    font-size: .65rem;
    line-height: 1.65;
}

.obs-widget[b-bl6f7av1u9] {
    position: relative;
    min-width: 0;
    overflow: hidden;
    padding: clamp(17px, 2.2vw, 24px);
    border: 1px solid rgba(197, 216, 213, .78);
    border-radius: 21px;
    background: rgba(255,255,255,.96);
    box-shadow:
        0 14px 32px rgba(16, 54, 58, .065),
        inset 0 1px 0 rgba(255,255,255,.8);
    transition:
        transform .28s cubic-bezier(.2,.75,.25,1),
        box-shadow .28s ease,
        border-color .28s ease;
    --widget-accent: var(--obs-primary);
}

.obs-widget:hover[b-bl6f7av1u9] {
    border-color: color-mix(in srgb, var(--obs-primary) 28%, #d7e4e2);
    box-shadow: 0 21px 44px rgba(16, 54, 58, .11);
    transform: translateY(-3px);
}

.obs-widget[b-bl6f7av1u9]::after {
    position: absolute;
    width: 64px;
    height: 3px;
    inset-inline-start: 0;
    inset-block-start: 0;
    border-radius: 0 0 5px 0;
    background: color-mix(in srgb, var(--widget-accent) 74%, var(--obs-secondary));
    content: "";
}

.obs-widget--metric[b-bl6f7av1u9] {
    grid-column: span var(--widget-width, 4);
    min-height: calc(145px + (var(--widget-height, 3) * 30px));
    background:
        radial-gradient(circle at 7% 0%, color-mix(in srgb, var(--obs-secondary) 12%, transparent), transparent 42%),
        rgba(255,255,255,.97);
}

.obs-widget--metric[b-bl6f7av1u9]::before {
    position: absolute;
    width: 118px;
    height: 118px;
    inset-inline-end: -56px;
    inset-block-end: -58px;
    border: 1px solid color-mix(in srgb, var(--obs-primary) 10%, transparent);
    border-radius: 50%;
    box-shadow: 0 0 0 24px color-mix(in srgb, var(--obs-primary) 2.8%, transparent);
    content: "";
}

.obs-widget--chart[b-bl6f7av1u9] {
    grid-column: span var(--widget-width, 6);
    min-height: calc(185px + (var(--widget-height, 3) * 70px));
}

.obs-widget--slicer[b-bl6f7av1u9] {
    grid-column: span var(--widget-width, 6);
    min-height: calc(125px + (var(--widget-height, 3) * 28px));
    background:
        radial-gradient(circle at 94% 0%, color-mix(in srgb, var(--obs-secondary) 10%, transparent), transparent 38%),
        rgba(255, 255, 255, .97);
}

.obs-widget.is-cross-filter-source[b-bl6f7av1u9] {
    border-color: color-mix(in srgb, var(--obs-secondary) 68%, var(--obs-primary));
    box-shadow:
        0 0 0 3px color-mix(in srgb, var(--obs-secondary) 14%, transparent),
        0 20px 44px rgba(16, 54, 58, .12);
}

.obs-widget.is-cross-filter-target[b-bl6f7av1u9] {
    border-color: color-mix(in srgb, var(--obs-primary) 38%, #d7e4e2);
}

.obs-widget.is-drilldown-target[b-bl6f7av1u9] {
    scroll-margin-block-start: 24px;
    box-shadow:
        0 0 0 4px color-mix(in srgb, var(--obs-primary) 12%, transparent),
        0 22px 48px rgba(16, 54, 58, .13);
}

.obs-widget.is-interaction-loading[b-bl6f7av1u9]::before {
    position: absolute;
    inset: 0;
    z-index: 5;
    display: grid;
    place-items: center;
    color: var(--obs-primary);
    background: rgba(255, 255, 255, .66);
    backdrop-filter: blur(2px);
    content: "جارٍ إعادة الحساب…";
    font-size: .68rem;
    font-weight: 950;
}

.obs-widget__head[b-bl6f7av1u9] {
    position: relative;
    z-index: 1;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 14px;
    color: var(--dash-muted);
}

.obs-widget__head h3[b-bl6f7av1u9] {
    margin: 6px 0 0;
    color: var(--dash-ink);
    font-size: .98rem;
    font-weight: 950;
    letter-spacing: -.015em;
}

.obs-widget__signal[b-bl6f7av1u9] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    color: #738789;
    font-size: .62rem;
    font-weight: 900;
}

.obs-widget__signal i[b-bl6f7av1u9] {
    color: var(--obs-secondary);
}

.obs-widget__icon[b-bl6f7av1u9] {
    display: inline-grid;
    width: 42px;
    height: 42px;
    flex: 0 0 auto;
    place-items: center;
    border: 1px solid color-mix(in srgb, var(--obs-primary) 12%, #e1e9e8);
    border-radius: 14px;
    color: var(--widget-accent);
    background:
        linear-gradient(145deg, color-mix(in srgb, var(--obs-primary) 10%, #fff), #fff);
    box-shadow: 0 8px 20px color-mix(in srgb, var(--obs-primary) 8%, transparent);
}

.obs-widget--metric h3[b-bl6f7av1u9] {
    position: relative;
    z-index: 1;
    max-width: 88%;
    margin: 25px 0 12px;
    color: #456064;
    font-size: .82rem;
    font-weight: 850;
    line-height: 1.6;
}

.obs-widget.is-alert-focus[b-bl6f7av1u9] {
    scroll-margin-block-start: 24px;
    border-color: color-mix(in srgb, #d79a19 62%, var(--obs-primary));
    box-shadow:
        0 0 0 4px rgba(215, 154, 25, .15),
        0 22px 48px rgba(16, 54, 58, .14);
}

.obs-widget.is-alert-focus[b-bl6f7av1u9]::after {
    width: 100%;
    background: #d79a19;
}

.obs-widget--target h3[b-bl6f7av1u9] {
    margin-block: 14px 10px;
}

.obs-widget__reading[b-bl6f7av1u9] {
    position: relative;
    z-index: 1;
    display: flex;
    align-items: baseline;
    flex-wrap: wrap;
    gap: 7px;
}

.obs-widget__value[b-bl6f7av1u9] {
    color: var(--dash-ink);
    font-size: clamp(2rem, 4vw, 3.15rem);
    font-weight: 950;
    letter-spacing: -.04em;
    line-height: .95;
}

.obs-widget__unit[b-bl6f7av1u9] {
    color: #74888a;
    font-size: .7rem;
    font-weight: 850;
}

.obs-widget__delta[b-bl6f7av1u9] {
    position: relative;
    z-index: 1;
    display: flex;
    width: fit-content;
    align-items: center;
    gap: 6px;
    margin-top: 19px;
    padding: 6px 9px;
    border: 1px solid transparent;
    border-radius: 999px;
    font-size: .65rem;
    font-weight: 900;
}

.obs-widget__delta.is-positive[b-bl6f7av1u9] {
    border-color: #c9ead8;
    color: #176542;
    background: #edf9f3;
}

.obs-widget__delta.is-negative[b-bl6f7av1u9] {
    border-color: #f0ced4;
    color: #9e3447;
    background: #fff2f4;
}

.obs-widget__unit-chip[b-bl6f7av1u9] {
    display: inline-flex;
    min-height: 30px;
    align-items: center;
    padding: 5px 9px;
    border: 1px solid color-mix(in srgb, var(--obs-primary) 12%, #dce7e5);
    border-radius: 999px;
    color: var(--obs-primary);
    background: color-mix(in srgb, var(--obs-primary) 6%, #fff);
    font-size: .6rem;
    font-weight: 900;
    white-space: nowrap;
}

.obs-chart-frame[b-bl6f7av1u9] {
    position: relative;
    margin-top: 16px;
    padding-top: 7px;
    border-top: 1px solid #edf2f1;
}

.obs-chart-frame__axis[b-bl6f7av1u9] {
    position: absolute;
    width: 34px;
    height: 2px;
    inset-inline-start: 0;
    inset-block-start: -1px;
    border-radius: 999px;
    background: var(--obs-secondary);
}

.obs-chart[b-bl6f7av1u9] {
    min-height: 300px;
}

.obs-widget-slicer[b-bl6f7av1u9] {
    display: grid;
    max-width: 520px;
    gap: 7px;
    margin-top: 24px;
    color: #4d686b;
    font-size: .68rem;
    font-weight: 900;
}

.dashboard-favorite-toggle[b-bl6f7av1u9] {
    display: grid;
    min-width: 76px;
    min-height: 52px;
    place-items: center;
    align-content: center;
    gap: 2px;
    padding: 7px 10px;
    border: 1px solid rgba(255,255,255,.25);
    border-radius: 15px;
    color: rgba(255,255,255,.8);
    background: rgba(255,255,255,.1);
    box-shadow: 0 12px 26px rgba(0,0,0,.11);
    backdrop-filter: blur(9px);
    transition: transform .18s ease, border-color .18s ease, color .18s ease, background .18s ease;
}

.dashboard-favorite-toggle:hover[b-bl6f7av1u9],
.dashboard-favorite-toggle:focus-visible[b-bl6f7av1u9],
.dashboard-favorite-toggle.is-active[b-bl6f7av1u9] {
    border-color: color-mix(in srgb, var(--obs-secondary) 75%, #fff);
    color: #fff;
    background: color-mix(in srgb, var(--obs-secondary) 28%, rgba(255,255,255,.12));
    transform: translateY(-1px);
}

.dashboard-favorite-toggle:focus-visible[b-bl6f7av1u9] {
    outline: 3px solid rgba(255,255,255,.35);
    outline-offset: 2px;
}

.dashboard-favorite-toggle:disabled[b-bl6f7av1u9] {
    cursor: wait;
    opacity: .65;
    transform: none;
}

.dashboard-favorite-toggle i[b-bl6f7av1u9] {
    color: color-mix(in srgb, var(--obs-secondary) 78%, #fff);
    font-size: .85rem;
}

.dashboard-favorite-toggle span[b-bl6f7av1u9] {
    font-size: .56rem;
    font-weight: 950;
}

.obs-widget-slicer .form-select[b-bl6f7av1u9] {
    min-height: 46px;
    border-color: #cfdedb;
    border-radius: 12px;
    color: #284c50;
    background-color: #fbfdfc;
    font-size: .75rem;
    font-weight: 850;
}

.obs-widget-slicer small[b-bl6f7av1u9] {
    color: #7a8e90;
    font-size: .58rem;
    line-height: 1.65;
}

.obs-widget-interaction-options[b-bl6f7av1u9] {
    display: flex;
    gap: 7px;
    overflow-x: auto;
    margin-top: 9px;
    padding: 2px 1px 6px;
    scrollbar-width: thin;
}

.obs-widget-interaction-options button[b-bl6f7av1u9],
.obs-table-filter-button[b-bl6f7av1u9] {
    min-height: 44px;
    padding: 6px 10px;
    border: 1px solid #d5e3e1;
    border-radius: 999px;
    color: #4b6669;
    background: #f7faf9;
    font-size: .59rem;
    font-weight: 900;
    white-space: nowrap;
    transition: border-color .18s ease, color .18s ease, background .18s ease;
}

.obs-widget-interaction-options button:hover[b-bl6f7av1u9],
.obs-table-filter-button:hover[b-bl6f7av1u9],
.obs-widget-interaction-options button[aria-pressed="true"][b-bl6f7av1u9],
.obs-table-filter-button[aria-pressed="true"][b-bl6f7av1u9] {
    border-color: var(--obs-primary);
    color: #fff;
    background: var(--obs-primary);
}

.obs-table-filter-button[b-bl6f7av1u9] {
    border-radius: 8px;
    white-space: normal;
}

.obs-widget table tr.is-selected > *[b-bl6f7av1u9] {
    background: color-mix(in srgb, var(--obs-primary) 7%, #fff);
}

[b-bl6f7av1u9] .obs-chart .apexcharts-tooltip,
[b-bl6f7av1u9] .obs-chart .apexcharts-xaxistooltip {
    border: 1px solid #dce8e6 !important;
    border-radius: 12px !important;
    box-shadow: 0 14px 34px rgba(16, 54, 58, .14) !important;
}

[b-bl6f7av1u9] .obs-chart .apexcharts-gridline {
    stroke: #e7efed;
}

.obs-dashboard-no-data[b-bl6f7av1u9] {
    min-height: 360px;
    margin: 22px;
    border: 1px dashed #c9d9d6;
    border-radius: 22px;
    background: rgba(255,255,255,.7);
}

.obs-dashboard-canvas__foot[b-bl6f7av1u9] {
    display: flex;
    min-height: 54px;
    align-items: center;
    justify-content: space-between;
    gap: 14px;
    padding: 12px clamp(20px, 3vw, 32px);
    border-top: 1px solid var(--dash-line);
    color: #6f8385;
    background: rgba(255,255,255,.93);
    font-size: .66rem;
    font-weight: 800;
}

.obs-dashboard-canvas__foot > span:first-child[b-bl6f7av1u9] {
    display: inline-flex;
    align-items: center;
    gap: 7px;
}

.obs-dashboard-canvas__foot i[b-bl6f7av1u9] {
    color: var(--obs-primary);
}

.obs-dashboard-canvas__code[b-bl6f7av1u9] {
    padding: 5px 9px;
    border: 1px solid #dce7e5;
    border-radius: 8px;
    color: #4f686b;
    background: #f4f8f7;
    font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
    font-size: .61rem;
    direction: ltr;
}

@keyframes dashboard-pulse-b-bl6f7av1u9 {
    0% { opacity: .8; transform: scale(.7); }
    80%, 100% { opacity: 0; transform: scale(1.08); }
}

@keyframes dashboard-shimmer-b-bl6f7av1u9 {
    to { background-position: -220% 0; }
}

@media (max-width: 1279.98px) {
    .dashboard-command__lead[b-bl6f7av1u9] {
        grid-template-columns: minmax(250px, .8fr) minmax(320px, 1.2fr);
    }

    .dashboard-command__pulse[b-bl6f7av1u9] {
        grid-column: 1 / -1;
        justify-self: end;
    }

    .dashboard-command__actions[b-bl6f7av1u9] {
        justify-content: flex-start;
    }
}

@media (max-width: 1049.98px) {
    .dashboard-filter-grid[b-bl6f7av1u9] {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .obs-widget--metric[b-bl6f7av1u9] {
        grid-column: span 6;
    }

    .obs-widget--chart[b-bl6f7av1u9] {
        grid-column: span 12;
    }
}

@media (max-width: 799.98px) {
    .dashboard-page-heading[b-bl6f7av1u9] {
        align-items: flex-start;
    }

    .dashboard-empty-state[b-bl6f7av1u9] {
        grid-template-columns: 1fr;
        text-align: center;
    }

    .dashboard-empty-state__flow[b-bl6f7av1u9] {
        justify-content: center;
    }

    .dashboard-command__lead[b-bl6f7av1u9] {
        grid-template-columns: 1fr;
    }

    .dashboard-card-catalog__head[b-bl6f7av1u9] {
        align-items: flex-start;
    }

    .dashboard-command__pulse[b-bl6f7av1u9] {
        width: 100%;
        justify-self: stretch;
    }

    .dashboard-command__pulse > span[b-bl6f7av1u9] {
        flex: 1;
        min-width: 0;
    }

    .dashboard-command__filter-bar[b-bl6f7av1u9] {
        align-items: stretch;
        flex-direction: column;
    }

    .dashboard-filter-collapse[b-bl6f7av1u9] {
        width: 100%;
    }

    .dashboard-command__exports[b-bl6f7av1u9] {
        justify-content: flex-start;
    }

    .dashboard-filter-grid[b-bl6f7av1u9] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .obs-dashboard-canvas__head[b-bl6f7av1u9] {
        grid-template-columns: 1fr;
    }

    .obs-dashboard-canvas__stamp[b-bl6f7av1u9] {
        width: min(100%, 300px);
        justify-self: start;
    }

    .obs-widget--metric[b-bl6f7av1u9],
    .obs-widget--chart[b-bl6f7av1u9],
    .obs-widget--slicer[b-bl6f7av1u9] {
        grid-column: span 12;
    }
}

@media (max-width: 559.98px) {
    .dashboard-page-heading[b-bl6f7av1u9] {
        min-height: 0;
        align-items: stretch;
        flex-direction: column;
        padding: 18px;
        border-radius: 16px;
    }

    .dashboard-page-heading__actions[b-bl6f7av1u9] {
        justify-content: flex-start;
    }

    .dashboard-page-heading__back[b-bl6f7av1u9] {
        width: 100%;
        justify-content: center;
    }

    .dashboard-heading-help__tooltip[b-bl6f7av1u9] {
        inset-inline: 0 auto;
    }

    .dashboard-loading[b-bl6f7av1u9] {
        min-height: 360px;
        border-radius: 22px;
    }

    .dashboard-loading__skeleton[b-bl6f7av1u9] {
        width: 82vw;
        grid-template-columns: 1fr;
    }

    .dashboard-loading__skeleton span:not(:first-child)[b-bl6f7av1u9] {
        display: none;
    }

    .dashboard-empty-state[b-bl6f7av1u9] {
        min-height: 430px;
        padding: 28px 20px;
        border-radius: 22px;
    }

    .dashboard-empty-state__visual[b-bl6f7av1u9] {
        width: 190px;
    }

    .dashboard-empty-state__orbit[b-bl6f7av1u9] {
        width: 92px;
        height: 92px;
        border-radius: 28px;
        font-size: 1.6rem;
    }

    .dashboard-empty-state__flow[b-bl6f7av1u9] {
        display: grid;
        justify-content: stretch;
    }

    .dashboard-empty-state__flow i[b-bl6f7av1u9] {
        display: none;
    }

    .dashboard-command[b-bl6f7av1u9],
    .obs-dashboard-canvas[b-bl6f7av1u9] {
        border-radius: 22px;
    }

    .dashboard-card-catalog[b-bl6f7av1u9] {
        padding: 14px;
        border-radius: 19px;
    }

    .dashboard-card-catalog__head[b-bl6f7av1u9] {
        align-items: stretch;
        flex-direction: column;
    }

    .dashboard-card-catalog__count[b-bl6f7av1u9] {
        align-self: flex-start;
    }

    .dashboard-card__open[b-bl6f7av1u9] {
        min-height: 250px;
    }

    .dashboard-command__lead[b-bl6f7av1u9],
    .dashboard-command__controls[b-bl6f7av1u9],
    .dashboard-command__filter-bar[b-bl6f7av1u9] {
        padding-inline: 18px;
    }

    .dashboard-selector-row[b-bl6f7av1u9] {
        grid-template-columns: 1fr;
    }

    .dashboard-favorite-toggle[b-bl6f7av1u9] {
        grid-auto-flow: column;
        width: 100%;
        min-height: 44px;
        justify-content: center;
    }

    .dashboard-filter-grid[b-bl6f7av1u9] {
        grid-template-columns: 1fr;
    }

    .dashboard-command__actions[b-bl6f7av1u9] {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .dashboard-command__actions .obs-btn[b-bl6f7av1u9] {
        width: 100%;
        justify-content: center;
    }

    .dashboard-command__exports[b-bl6f7av1u9] {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .dashboard-command__exports .obs-btn[b-bl6f7av1u9] {
        width: 100%;
        justify-content: center;
    }

    .obs-dashboard-canvas__head[b-bl6f7av1u9] {
        padding: 30px 22px;
    }

    .obs-dashboard-canvas__head h2[b-bl6f7av1u9] {
        font-size: 1.55rem;
    }

    .obs-dashboard-canvas__meta[b-bl6f7av1u9] {
        display: grid;
    }

    .obs-dashboard-canvas__stamp[b-bl6f7av1u9] {
        width: 100%;
    }

    .obs-dashboard-interaction[b-bl6f7av1u9] {
        grid-template-columns: auto minmax(0, 1fr);
    }

    .obs-dashboard-interaction .obs-btn[b-bl6f7av1u9] {
        grid-column: 1 / -1;
        width: 100%;
        justify-content: center;
    }

    .obs-widget-grid[b-bl6f7av1u9] {
        padding: 10px;
    }

    .obs-widget[b-bl6f7av1u9] {
        border-radius: 17px;
    }

    .obs-widget-interaction-options button[b-bl6f7av1u9],
    .obs-table-filter-button[b-bl6f7av1u9] {
        min-height: 44px;
    }

    .obs-dashboard-canvas__foot[b-bl6f7av1u9] {
        align-items: flex-start;
        flex-direction: column;
    }
}

@media print {
    .dashboard-command[b-bl6f7av1u9],
    .obs-view-message[b-bl6f7av1u9] {
        display: none !important;
    }

    .obs-dashboard-canvas[b-bl6f7av1u9] {
        border: 0;
        box-shadow: none;
    }

    .obs-widget[b-bl6f7av1u9] {
        break-inside: avoid;
        box-shadow: none;
    }

    .obs-dashboard-canvas.is-printing-all-pages .obs-print-page-heading:not(:first-child)[b-bl6f7av1u9] {
        break-before: page;
        page-break-before: always;
    }

    .obs-print-page-heading[b-bl6f7av1u9] {
        break-after: avoid;
        page-break-after: avoid;
        border-color: #cfdcda;
        box-shadow: none;
    }

    .obs-dashboard-interaction .obs-btn[b-bl6f7av1u9],
    .obs-widget-interaction-options[b-bl6f7av1u9] {
        display: none !important;
    }

    .obs-widget.is-slicer-widget[b-bl6f7av1u9] {
        display: none !important;
    }

    .obs-table-filter-button[b-bl6f7av1u9] {
        min-height: 0;
        padding: 0;
        border: 0;
        border-radius: 0;
        color: inherit;
        background: transparent;
    }

    .obs-widget.is-cross-filter-source[b-bl6f7av1u9],
    .obs-widget.is-cross-filter-target[b-bl6f7av1u9],
    .obs-widget.is-drilldown-target[b-bl6f7av1u9] {
        border-color: #dfe9e7;
        box-shadow: none !important;
    }
}

@media (prefers-reduced-motion: reduce) {
    .dashboard-loading__signal span[b-bl6f7av1u9],
    .dashboard-loading__skeleton span[b-bl6f7av1u9] {
        animation: none;
    }

    .obs-widget[b-bl6f7av1u9] {
        transition: none;
    }

    .obs-widget:hover[b-bl6f7av1u9] {
        transform: none;
    }
}
/* _content/Starterkit/Observatory/DataCatalog.razor.rz.scp.css */
.obs-loading[b-s11m7mbn5b] {
    display: flex;
    min-height: 300px;
    align-items: center;
    justify-content: center;
    gap: 12px;
    color: #496467;
    font-weight: 850;
}

.obs-page-message[b-s11m7mbn5b] {
    position: relative;
    display: flex;
    align-items: center;
    gap: 11px;
    padding: 14px 17px;
    overflow: hidden;
    border: 1px solid;
    border-radius: 16px;
    font-size: .84rem;
    font-weight: 850;
    box-shadow: 0 12px 30px rgba(13, 45, 48, .08);
}

.obs-page-message[b-s11m7mbn5b]::before {
    position: absolute;
    inset-block: 0;
    inset-inline-start: 0;
    width: 4px;
    background: currentColor;
    content: "";
}

.obs-page-message.is-success[b-s11m7mbn5b] {
    color: #0d6955;
    border-color: #b7dfd5;
    background: #f1fbf8;
}

.obs-page-message.is-error[b-s11m7mbn5b] {
    color: #96384a;
    border-color: #ecc2ca;
    background: #fff4f6;
}

.obs-page-message__content[b-s11m7mbn5b] {
    display: grid;
    min-width: 0;
    gap: 7px;
}

.obs-page-message__content strong[b-s11m7mbn5b] {
    font-size: .8rem;
}

.obs-page-message__codes[b-s11m7mbn5b] {
    display: flex;
    flex-wrap: wrap;
    gap: 7px;
    margin: 0;
    padding: 0;
    list-style: none;
}

.obs-page-message__codes li[b-s11m7mbn5b] {
    padding: 5px 9px;
    border: 1px solid currentColor;
    border-radius: 8px;
    direction: ltr;
    background: rgba(255, 255, 255, .68);
    font-family: Consolas, "Courier New", monospace;
    font-size: .78rem;
    font-weight: 900;
}

.obs-page-message button[b-s11m7mbn5b] {
    display: grid;
    width: 32px;
    height: 32px;
    margin-inline-start: auto;
    place-items: center;
    border: 0;
    border-radius: 9px;
    color: inherit;
    background: rgba(255, 255, 255, .65);
}

.obs-tabs[b-s11m7mbn5b] {
    position: relative;
    display: grid;
    grid-template-columns: repeat(6, minmax(0, 1fr));
    gap: 4px;
    margin-bottom: 22px;
    padding: 7px;
    overflow: hidden;
    border: 1px solid color-mix(in srgb, var(--obs-primary) 44%, #17383b);
    border-radius: 20px;
    background:
        radial-gradient(circle at 8% 0%, color-mix(in srgb, var(--obs-secondary) 28%, transparent), transparent 30%),
        linear-gradient(128deg, color-mix(in srgb, var(--obs-primary) 88%, #071c1e), color-mix(in srgb, var(--obs-primary) 72%, #15383b));
    box-shadow: 0 18px 42px color-mix(in srgb, var(--obs-primary) 18%, transparent);
}

.obs-tabs[b-s11m7mbn5b]::after {
    position: absolute;
    inset-block: 0;
    inset-inline-end: 10%;
    width: 1px;
    background: linear-gradient(transparent, rgba(255, 255, 255, .18), transparent);
    content: "";
    transform: rotate(18deg);
    pointer-events: none;
}

.obs-tab[b-s11m7mbn5b] {
    position: relative;
    z-index: 1;
    display: flex;
    min-height: 78px;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    gap: 7px;
    padding: 10px 12px;
    border: 1px solid transparent;
    border-radius: 14px;
    color: rgba(255, 255, 255, .72);
    background: transparent;
    font-size: .78rem;
    font-weight: 850;
    text-align: center;
    transition: color .22s ease, background .22s ease, transform .22s ease, box-shadow .22s ease;
}

.obs-tab:hover[b-s11m7mbn5b],
.obs-tab:focus-visible[b-s11m7mbn5b] {
    color: #fff;
    background: rgba(255, 255, 255, .08);
    outline: none;
}

.obs-tab:focus-visible[b-s11m7mbn5b] {
    box-shadow: inset 0 0 0 2px color-mix(in srgb, var(--obs-secondary) 75%, #fff);
}

.obs-tab__label[b-s11m7mbn5b] {
    display: inline-flex;
    min-width: 0;
    align-items: center;
    justify-content: center;
    gap: 7px;
}

.obs-tab__label i[b-s11m7mbn5b] {
    display: grid;
    width: 22px;
    height: 22px;
    flex: 0 0 22px;
    place-items: center;
    border: 1px solid rgba(255, 255, 255, .18);
    border-radius: 7px;
    color: color-mix(in srgb, var(--obs-secondary) 72%, #fff);
    background: rgba(255, 255, 255, .08);
    font-size: .64rem;
}

.obs-tab strong[b-s11m7mbn5b] {
    min-width: 34px;
    padding: 2px 8px;
    border-radius: 999px;
    color: #fff;
    background: rgba(255, 255, 255, .11);
    font-size: .82rem;
    line-height: 1.5;
    text-align: center;
}

.obs-tab.is-active[b-s11m7mbn5b] {
    color: #14393c;
    border-color: rgba(255, 255, 255, .8);
    background: linear-gradient(145deg, #fff, #f5f9f8);
    box-shadow: 0 10px 25px rgba(5, 25, 27, .22);
    transform: translateY(-1px);
}

.obs-tab.is-active[b-s11m7mbn5b]::after {
    position: absolute;
    inset-inline: 14px;
    bottom: 0;
    height: 3px;
    border-radius: 3px 3px 0 0;
    background: var(--obs-secondary);
    content: "";
}

.obs-tab.is-active .obs-tab__label i[b-s11m7mbn5b] {
    color: var(--obs-primary);
    background: color-mix(in srgb, var(--obs-primary) 9%, #fff);
}

.obs-tab.is-active strong[b-s11m7mbn5b] {
    color: #76561e;
    background: color-mix(in srgb, var(--obs-secondary) 18%, #fff);
}

.obs-panel[b-s11m7mbn5b] {
    position: relative;
    padding: clamp(20px, 2.2vw, 32px);
    overflow: hidden;
    border: 1px solid #dce7e5;
    border-radius: 26px;
    background:
        linear-gradient(90deg, color-mix(in srgb, var(--obs-primary) 3%, transparent) 1px, transparent 1px) 0 0 / 34px 34px,
        linear-gradient(#fff, #fbfdfc);
    box-shadow: 0 20px 55px rgba(16, 55, 58, .09);
}

.obs-panel[b-s11m7mbn5b]::before {
    position: absolute;
    top: 0;
    inset-inline-start: clamp(20px, 2.2vw, 32px);
    width: 94px;
    height: 4px;
    border-radius: 0 0 4px 4px;
    background: linear-gradient(90deg, var(--obs-secondary), color-mix(in srgb, var(--obs-secondary) 18%, transparent));
    content: "";
}

.obs-panel__header[b-s11m7mbn5b] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 24px;
    padding-bottom: 20px;
    border-bottom: 1px solid #e5ecea;
}

.obs-panel__title[b-s11m7mbn5b] {
    margin: 0;
    color: #14373a;
    font-size: clamp(1.1rem, 1.4vw, 1.35rem);
    font-weight: 950;
    letter-spacing: -.015em;
}

.obs-panel__subtitle[b-s11m7mbn5b] {
    max-width: 760px;
    margin: 7px 0 0;
    color: #6c8082;
    font-size: .8rem;
    line-height: 1.85;
}

.obs-readiness[b-s11m7mbn5b],
.readonly-chip[b-s11m7mbn5b] {
    display: inline-flex;
    min-height: 36px;
    align-items: center;
    gap: 8px;
    padding: 7px 12px;
    border: 1px solid color-mix(in srgb, var(--obs-secondary) 38%, #e7dcc5);
    border-radius: 10px;
    color: #73531a;
    background: linear-gradient(145deg, color-mix(in srgb, var(--obs-secondary) 16%, #fff), #fff);
    font-size: .72rem;
    font-weight: 900;
    white-space: nowrap;
}

.official-template-editor[b-s11m7mbn5b] {
    position: relative;
    display: grid;
    grid-template-columns: minmax(225px, .58fr) minmax(0, 1.75fr);
    gap: 0 24px;
    margin: 26px 0 30px;
    padding: 0;
    overflow: hidden;
    border: 1px solid #d7e3e1;
    border-radius: 22px;
    background: #fff;
    box-shadow: 0 14px 36px rgba(22, 57, 60, .07);
}

.official-template-editor__intro[b-s11m7mbn5b] {
    position: relative;
    grid-row: 1 / 4;
    display: flex;
    min-height: 100%;
    align-items: flex-start;
    gap: 14px;
    padding: 27px 22px;
    overflow: hidden;
    color: #fff;
    background:
        repeating-linear-gradient(135deg, rgba(255, 255, 255, .025) 0 1px, transparent 1px 14px),
        radial-gradient(circle at 18% 10%, color-mix(in srgb, var(--obs-secondary) 32%, transparent), transparent 34%),
        linear-gradient(150deg, color-mix(in srgb, var(--obs-primary) 86%, #071d1f), color-mix(in srgb, var(--obs-primary) 68%, #122f32));
}

.official-template-editor__intro[b-s11m7mbn5b]::after {
    position: absolute;
    inset-inline: 22px;
    bottom: 22px;
    height: 1px;
    background: linear-gradient(90deg, transparent, rgba(255, 255, 255, .22), transparent);
    content: "";
}

.official-template-editor__intro > span[b-s11m7mbn5b] {
    display: grid;
    width: 46px;
    height: 46px;
    flex: 0 0 auto;
    place-items: center;
    border: 1px solid rgba(255, 255, 255, .25);
    border-radius: 13px;
    color: #fff;
    background: color-mix(in srgb, var(--obs-secondary) 72%, transparent);
    box-shadow: 0 10px 26px rgba(0, 0, 0, .18);
}

.official-template-editor__intro strong[b-s11m7mbn5b] {
    display: block;
    margin-top: 2px;
    color: #fff;
    font-size: .92rem;
    font-weight: 950;
}

.official-template-editor__intro p[b-s11m7mbn5b] {
    margin: 8px 0 0;
    color: rgba(255, 255, 255, .68);
    font-size: .74rem;
    line-height: 1.85;
}

.official-template-editor__grid[b-s11m7mbn5b] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 15px;
    padding: 24px 24px 10px;
}

.official-template-editor__grid .is-wide[b-s11m7mbn5b] {
    grid-column: span 2;
}

.obs-field[b-s11m7mbn5b] {
    display: grid;
    align-content: start;
    gap: 7px;
}

.obs-field label[b-s11m7mbn5b] {
    color: #344f52;
    font-size: .76rem;
    font-weight: 850;
}

.obs-field .form-control[b-s11m7mbn5b],
.obs-field .form-select[b-s11m7mbn5b] {
    min-height: 47px;
    border: 1px solid #d7e3e1;
    border-radius: 11px;
    color: #17383b;
    background-color: #fbfdfc;
    font-size: .8rem;
    box-shadow: none;
}

.obs-field .form-control:focus[b-s11m7mbn5b],
.obs-field .form-select:focus[b-s11m7mbn5b] {
    border-color: color-mix(in srgb, var(--obs-primary) 58%, #b9cfcb);
    background: #fff;
    box-shadow: 0 0 0 4px color-mix(in srgb, var(--obs-primary) 9%, transparent);
}

.official-template-code-hint[b-s11m7mbn5b] {
    color: #687d80;
    font-size: .68rem;
    font-weight: 700;
    line-height: 1.65;
}

.official-template-editor__grid .form-control:disabled[b-s11m7mbn5b] {
    color: var(--obs-primary);
    background: #eef5f3;
    opacity: 1;
    cursor: not-allowed;
}

.official-template-file[b-s11m7mbn5b] {
    display: flex;
    min-height: 60px;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 8px 9px 8px 15px;
    border: 1px dashed color-mix(in srgb, var(--obs-primary) 42%, #cededb);
    border-radius: 13px;
    background: color-mix(in srgb, var(--obs-primary) 3%, #fff);
    transition: border-color .2s ease, background .2s ease;
}

.official-template-file.has-file[b-s11m7mbn5b] {
    border-style: solid;
    border-color: #83c7b6;
    background: #effaf7;
}

.official-template-file__analysis[b-s11m7mbn5b] {
    display: flex;
    align-items: center;
    gap: 7px;
    margin-top: 8px;
    padding: 9px 11px;
    border: 1px solid rgba(22, 128, 104, .14);
    border-radius: 11px;
    color: #486c6b;
    background: #f0f8f5;
    font-size: .72rem;
    font-weight: 800;
    line-height: 1.7;
}

.official-template-file__analysis i[b-s11m7mbn5b] {
    color: #13735f;
}

.official-template-file > div[b-s11m7mbn5b] {
    display: flex;
    min-width: 0;
    align-items: center;
    gap: 10px;
    color: #476164;
    font-size: .74rem;
    font-weight: 800;
}

.official-template-file > div i[b-s11m7mbn5b] {
    color: #158266;
    font-size: 1.15rem;
}

.official-template-file > div span[b-s11m7mbn5b] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.official-template-file__input[b-s11m7mbn5b] {
    position: absolute;
    width: 1px;
    height: 1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
}

.official-template-preview[b-s11m7mbn5b] {
    display: flex;
    grid-column: 2;
    align-items: flex-start;
    gap: 12px;
    margin: 10px 24px 0;
    padding: 14px 16px;
    border: 1px solid #cbdedb;
    border-radius: 14px;
    color: #234b4f;
    background: #f5faf9;
}

.official-template-preview__icon[b-s11m7mbn5b] {
    display: grid;
    width: 38px;
    height: 38px;
    flex: 0 0 auto;
    place-items: center;
    border-radius: 11px;
    color: #fff;
    background: var(--obs-primary);
}

.official-template-preview strong[b-s11m7mbn5b] {
    display: block;
    color: inherit;
    font-size: .95rem;
    font-weight: 950;
}

.official-template-preview p[b-s11m7mbn5b] {
    margin: 4px 0 0;
    color: #587174;
    font-size: .86rem;
    font-weight: 700;
    line-height: 1.75;
}

.official-template-preview.is-new[b-s11m7mbn5b] {
    border-color: #b9ddd3;
    background: #effaf7;
}

.official-template-preview.is-new .official-template-preview__icon[b-s11m7mbn5b],
.official-template-preview.is-same .official-template-preview__icon[b-s11m7mbn5b] {
    background: #158266;
}

.official-template-preview.is-waiting[b-s11m7mbn5b] {
    border-color: #bed9e1;
    background: #f1f8fa;
}

.official-template-preview.is-waiting .official-template-preview__icon[b-s11m7mbn5b] {
    background: #28758a;
}

.official-template-preview.is-version[b-s11m7mbn5b] {
    border-color: #ead3a6;
    background: #fff8e9;
}

.official-template-preview.is-version .official-template-preview__icon[b-s11m7mbn5b] {
    background: #b77918;
}

.official-template-preview.is-error[b-s11m7mbn5b] {
    border-color: #e8b6bc;
    color: #8b2634;
    background: #fff2f3;
}

.official-template-preview.is-error .official-template-preview__icon[b-s11m7mbn5b] {
    background: #b73548;
}

.official-template-preview.is-error p[b-s11m7mbn5b] {
    color: #8b4550;
}

.official-template-editor__actions[b-s11m7mbn5b] {
    display: flex;
    justify-content: flex-end;
    gap: 9px;
    padding: 20px 24px 24px;
}

.official-template-editor__actions .btn[b-s11m7mbn5b],
.template-card .btn[b-s11m7mbn5b] {
    min-height: 44px;
    border-radius: 11px;
    font-size: .78rem;
    font-weight: 900;
}

.template-designer-launch[b-s11m7mbn5b] {
    display: grid;
    grid-template-columns: 50px minmax(0, 1fr) auto;
    gap: 13px;
    align-items: center;
    margin-bottom: 16px;
    padding: 14px;
    border: 1px solid color-mix(in srgb, var(--obs-primary) 22%, #dbe6e4);
    border-radius: 15px;
    background:
        linear-gradient(135deg,
            color-mix(in srgb, var(--obs-primary) 6%, #fff),
            #fff 65%);
}

.template-designer-launch__icon[b-s11m7mbn5b] {
    display: grid;
    width: 50px;
    height: 50px;
    place-items: center;
    border-radius: 13px;
    color: #fff;
    background: linear-gradient(145deg, var(--obs-primary), #173d45);
    box-shadow: 0 10px 22px color-mix(in srgb, var(--obs-primary) 20%, transparent);
}

.template-designer-launch strong[b-s11m7mbn5b] {
    color: #18383b;
    font-size: .86rem;
    font-weight: 900;
}

.template-designer-launch p[b-s11m7mbn5b] {
    margin: 3px 0 0;
    color: #6d7f81;
    font-size: .72rem;
    line-height: 1.7;
}

.template-publication-filter[b-s11m7mbn5b] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 8px;
    margin-bottom: 17px;
    padding: 10px;
    border: 1px solid #dce7e5;
    border-radius: 15px;
    background: #f8fbfa;
}

.template-publication-filter__label[b-s11m7mbn5b] {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    margin-inline-end: 3px;
    color: #38585b;
    font-size: .78rem;
    font-weight: 900;
}

.template-publication-filter__button[b-s11m7mbn5b] {
    display: inline-flex;
    min-height: 38px;
    align-items: center;
    gap: 8px;
    padding: 0 12px;
    border: 1px solid #d7e2e0;
    border-radius: 10px;
    color: #5f7476;
    background: #fff;
    font-size: .73rem;
    font-weight: 850;
    transition: color .18s ease, border-color .18s ease, background-color .18s ease;
}

.template-publication-filter__button strong[b-s11m7mbn5b] {
    display: grid;
    min-width: 25px;
    height: 25px;
    padding: 0 6px;
    place-items: center;
    border-radius: 8px;
    color: inherit;
    background: #edf3f2;
    font-size: .69rem;
}

.template-publication-filter__button:hover[b-s11m7mbn5b],
.template-publication-filter__button:focus[b-s11m7mbn5b],
.template-publication-filter__button.is-active[b-s11m7mbn5b] {
    border-color: var(--obs-primary);
    color: #fff;
    background: var(--obs-primary);
    outline: none;
}

.template-publication-filter__button.is-active strong[b-s11m7mbn5b],
.template-publication-filter__button:hover strong[b-s11m7mbn5b],
.template-publication-filter__button:focus strong[b-s11m7mbn5b] {
    background: rgba(255, 255, 255, .18);
}

.template-filter-empty[b-s11m7mbn5b] {
    min-height: 220px;
}

.template-grid[b-s11m7mbn5b] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 15px;
}

.template-card[b-s11m7mbn5b] {
    position: relative;
    display: flex;
    min-height: 330px;
    padding: 21px;
    overflow: hidden;
    flex-direction: column;
    border: 1px solid #dce7e5;
    border-radius: 19px;
    background: linear-gradient(150deg, rgba(255, 255, 255, .99), rgba(246, 250, 249, .96));
    box-shadow: 0 9px 24px rgba(19, 54, 57, .045);
    transition: transform .25s ease, border-color .25s ease, box-shadow .25s ease;
}

.template-card.has-published-dashboards[b-s11m7mbn5b] {
    border-color: #a9dbc8;
    background: linear-gradient(150deg, #fff, #effaf5 96%);
}

.template-card.without-published-dashboards[b-s11m7mbn5b] {
    border-color: #cad9e7;
    background: linear-gradient(150deg, #fff, #f1f6fb 96%);
}

.template-card[b-s11m7mbn5b]::before {
    position: absolute;
    top: 0;
    inset-inline-start: 0;
    width: 5px;
    height: 72px;
    border-radius: 0 0 5px 0;
    background: linear-gradient(var(--obs-secondary), var(--obs-primary));
    content: "";
}

.template-card.has-published-dashboards[b-s11m7mbn5b]::before {
    background: linear-gradient(#1ca879, #0b7155);
}

.template-card.without-published-dashboards[b-s11m7mbn5b]::before {
    background: linear-gradient(#7995b2, #526b84);
}

.template-card:hover[b-s11m7mbn5b] {
    border-color: color-mix(in srgb, var(--obs-primary) 31%, #dce7e5);
    box-shadow: 0 20px 40px rgba(16, 52, 55, .1);
    transform: translateY(-4px);
}

.template-card__top[b-s11m7mbn5b] {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.template-card__meta[b-s11m7mbn5b] {
    display: grid;
    justify-items: end;
    gap: 6px;
}

.template-card__publication[b-s11m7mbn5b] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 5px 9px;
    border: 1px solid;
    border-radius: 9px;
    font-size: .66rem;
    font-weight: 900;
}

.template-card__publication.is-published[b-s11m7mbn5b] {
    border-color: #9bd5bf;
    color: #0b7155;
    background: #e8f8f1;
}

.template-card__publication.is-unpublished[b-s11m7mbn5b] {
    border-color: #c4d3e1;
    color: #526b84;
    background: #edf3f8;
}

.template-card__icon[b-s11m7mbn5b] {
    display: grid;
    width: 47px;
    height: 47px;
    place-items: center;
    border: 1px solid color-mix(in srgb, var(--obs-primary) 18%, #e0e9e7);
    border-radius: 13px;
    color: var(--obs-primary);
    background: color-mix(in srgb, var(--obs-primary) 8%, #fff);
    font-size: 1.08rem;
}

.template-card__version[b-s11m7mbn5b] {
    padding: 5px 9px;
    border: 1px solid #e3e9e7;
    border-radius: 8px;
    color: #6b7c7e;
    background: #f7f9f9;
    font-size: .67rem;
    font-weight: 900;
}

.template-card h3[b-s11m7mbn5b] {
    margin: 20px 0 7px;
    color: #143639;
    font-size: 1rem;
    font-weight: 950;
    line-height: 1.55;
}

.template-card__organization[b-s11m7mbn5b] {
    display: inline-flex;
    width: fit-content;
    align-items: center;
    gap: 7px;
    margin-bottom: 9px;
    color: var(--obs-primary);
    font-size: .71rem;
    font-weight: 900;
}

.template-card > p[b-s11m7mbn5b] {
    min-height: 49px;
    margin: 0 0 15px;
    color: #6f8183;
    font-size: .75rem;
    line-height: 1.8;
}

.template-card dl[b-s11m7mbn5b] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 7px;
    margin: 0 0 17px;
}

.template-card dl div[b-s11m7mbn5b] {
    min-width: 0;
    padding: 9px 10px;
    border: 1px solid #e9efed;
    border-radius: 10px;
    background: #f8faf9;
}

.template-card dl div:last-child:nth-child(odd)[b-s11m7mbn5b] {
    grid-column: 1 / -1;
}

.template-card dt[b-s11m7mbn5b],
.template-card dd[b-s11m7mbn5b] {
    margin: 0;
}

.template-card dt[b-s11m7mbn5b] {
    color: #819092;
    font-size: .65rem;
    font-weight: 750;
}

.template-card dd[b-s11m7mbn5b] {
    margin-top: 3px;
    overflow: hidden;
    color: #294649;
    font-size: .73rem;
    font-weight: 900;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.template-card__fingerprint[b-s11m7mbn5b] {
    direction: ltr;
    font-family: Consolas, "Courier New", monospace;
    letter-spacing: .04em;
}

.template-card__actions[b-s11m7mbn5b] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 7px;
    margin-top: auto;
}

.template-card__actions .btn[b-s11m7mbn5b] {
    width: 100%;
    min-width: 0;
}

.template-card__actions .btn:only-child[b-s11m7mbn5b] {
    grid-column: 1 / -1;
}

.template-card__actions .btn-template-delete[b-s11m7mbn5b] {
    grid-column: 1 / -1;
    border: 1px solid #e6aeba;
    color: #a62f47;
    background: #fff4f6;
}

.template-card__actions .btn-template-delete:hover[b-s11m7mbn5b],
.template-card__actions .btn-template-delete:focus[b-s11m7mbn5b] {
    color: #fff;
    border-color: #b73551;
    background: #b73551;
}

[b-s11m7mbn5b] .dictionary-layout {
    display: grid;
    grid-template-columns: minmax(0, .86fr) minmax(380px, 1.14fr);
    gap: 18px;
    align-items: start;
}

[b-s11m7mbn5b] .dictionary-layout > .obs-panel {
    min-height: 100%;
}

[b-s11m7mbn5b] .dictionary-form {
    border-top: 4px solid var(--obs-primary);
}

[b-s11m7mbn5b] .dictionary-list {
    border-top: 4px solid var(--obs-secondary);
}

[b-s11m7mbn5b] .dictionary-layout .obs-panel__header {
    margin-bottom: 18px;
}

[b-s11m7mbn5b] .dictionary-layout .obs-form-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 14px;
}

[b-s11m7mbn5b] .dictionary-layout .obs-field.is-wide,
[b-s11m7mbn5b] .dictionary-layout .obs-field.is-full {
    grid-column: 1 / -1;
}

[b-s11m7mbn5b] .permission-hint {
    padding: 14px 16px;
    border: 1px solid #e6d4b2;
    border-radius: 12px;
    color: #725623;
    background: linear-gradient(135deg, #fff9ec, #fff);
    font-size: .77rem;
    line-height: 1.8;
}

[b-s11m7mbn5b] .obs-field label span {
    color: #b43c4e;
}

[b-s11m7mbn5b] .obs-field textarea.form-control {
    min-height: 100px;
    resize: vertical;
}

[b-s11m7mbn5b] .obs-field-error {
    display: block;
    margin-top: 6px;
    color: #ab3449;
    font-size: .7rem;
    font-weight: 850;
}

[b-s11m7mbn5b] .switch-row {
    display: flex !important;
    min-height: 68px;
    align-items: center;
    gap: 12px;
    margin: 0 !important;
    padding: 12px 14px;
    border: 1px solid #dbe7e5;
    border-radius: 13px;
    background: linear-gradient(135deg, #f7fbfa, #fff);
    cursor: pointer;
}

[b-s11m7mbn5b] .switch-row input {
    width: 19px;
    height: 19px;
    accent-color: var(--obs-primary);
}

[b-s11m7mbn5b] .switch-row strong,
[b-s11m7mbn5b] .switch-row small {
    display: block;
}

[b-s11m7mbn5b] .switch-row small {
    margin-top: 4px;
    color: #708284;
    font-size: .68rem;
    font-weight: 650;
}

[b-s11m7mbn5b] .form-actions {
    display: flex;
    gap: 9px;
    margin-top: 24px;
}

[b-s11m7mbn5b] .form-actions .btn {
    min-width: 132px;
    min-height: 45px;
    border-radius: 11px;
    font-size: .78rem;
    font-weight: 900;
}

[b-s11m7mbn5b] .obs-empty.compact {
    min-height: 190px;
}

[b-s11m7mbn5b] .dictionary-layout.is-organizations {
    grid-template-columns: 1fr;
}

[b-s11m7mbn5b] .organization-directory-grid {
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: 14px;
}

[b-s11m7mbn5b] .organization-card {
    position: relative;
    display: flex;
    min-width: 0;
    min-height: 430px !important;
    flex-direction: column;
    padding: 16px;
    overflow: hidden;
    border: 1px solid #dce8e5;
    border-radius: 16px;
    background:
        radial-gradient(circle at 10% 0%, color-mix(in srgb, var(--obs-primary) 10%, transparent), transparent 34%),
        linear-gradient(155deg, #fff 0%, #fbfdfc 100%);
    box-shadow: 0 10px 26px rgba(28, 66, 67, .055);
    transition: border-color .22s ease, box-shadow .22s ease, transform .22s ease;
}

[b-s11m7mbn5b] .organization-card::before {
    position: absolute;
    inset: 0 0 auto;
    height: 4px;
    background: linear-gradient(90deg, var(--obs-primary), var(--obs-secondary));
    content: "";
}

[b-s11m7mbn5b] .organization-card:hover {
    border-color: color-mix(in srgb, var(--obs-primary) 36%, #dce8e5);
    box-shadow: 0 16px 34px rgba(28, 66, 67, .11);
    transform: translateY(-3px);
}

[b-s11m7mbn5b] .organization-card__top {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    margin-bottom: 17px;
}

[b-s11m7mbn5b] .organization-card__icon {
    display: grid;
    width: 44px;
    height: 44px;
    flex: 0 0 44px;
    place-items: center;
    border: 1px solid color-mix(in srgb, var(--obs-primary) 16%, #fff);
    border-radius: 13px;
    color: var(--obs-primary);
    background: color-mix(in srgb, var(--obs-primary) 9%, #fff);
    font-size: 1rem;
}

[b-s11m7mbn5b] .organization-card__code {
    max-width: calc(100% - 54px);
    padding: 7px 10px;
    overflow: hidden;
    border: 1px solid #dfe9e7;
    border-radius: 999px;
    color: var(--obs-secondary);
    background: rgba(255, 255, 255, .86);
    font-family: Consolas, "Courier New", monospace;
    font-size: .68rem;
    font-weight: 800;
    letter-spacing: .035em;
    text-overflow: ellipsis;
    white-space: nowrap;
}

[b-s11m7mbn5b] .organization-card__content {
    display: flex;
    min-width: 0;
    flex: 1;
    flex-direction: column;
}

[b-s11m7mbn5b] .organization-card__label {
    display: block;
    margin-bottom: 4px;
    color: #819193;
    font-size: .62rem;
    font-weight: 800;
}

[b-s11m7mbn5b] .organization-card h3 {
    min-height: 42px;
    margin: 0 0 13px;
    overflow: hidden;
    color: #1f3d40;
    font-size: .9rem;
    font-weight: 950;
    line-height: 1.55;
    text-overflow: ellipsis;
}

[b-s11m7mbn5b] .organization-card__english {
    min-height: 37px;
    margin: 0 0 13px;
    overflow: hidden;
    color: #596f72;
    font-size: .72rem;
    font-weight: 700;
    line-height: 1.5;
    text-align: left;
    text-overflow: ellipsis;
}

[b-s11m7mbn5b] .organization-card__email {
    display: flex;
    min-width: 0;
    min-height: 36px;
    align-items: center;
    gap: 7px;
    padding: 8px 10px;
    overflow: hidden;
    border-radius: 10px;
    color: var(--obs-primary);
    background: color-mix(in srgb, var(--obs-primary) 6%, #fff);
    font-size: .67rem;
    font-weight: 750;
    text-decoration: none;
}

[b-s11m7mbn5b] .organization-card__email span {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

[b-s11m7mbn5b] .organization-card__email:hover,
[b-s11m7mbn5b] .organization-card__email:focus-visible {
    color: #fff;
    background: var(--obs-primary);
    outline: none;
}

[b-s11m7mbn5b] .organization-card__email.is-empty {
    justify-content: center;
    color: #8a989a;
    background: #f5f8f7;
}

[b-s11m7mbn5b] .organization-card__actions {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 8px;
    margin-top: 15px;
    padding-top: 13px;
    border-top: 1px solid #e7efed;
}

[b-s11m7mbn5b] .organization-card__action {
    display: inline-flex;
    min-width: 0;
    min-height: 44px;
    align-items: center;
    justify-content: center;
    gap: 7px;
    border: 1px solid;
    border-radius: 11px;
    font-size: .69rem;
    font-weight: 900;
    transition: color .18s ease, background .18s ease, border-color .18s ease, transform .18s ease;
}

[b-s11m7mbn5b] .organization-card__action:hover,
[b-s11m7mbn5b] .organization-card__action:focus-visible {
    color: #fff;
    outline: none;
    transform: translateY(-1px);
}

[b-s11m7mbn5b] .organization-card__action.is-edit {
    border-color: color-mix(in srgb, var(--obs-primary) 24%, #e0e9e7);
    color: var(--obs-primary);
    background: color-mix(in srgb, var(--obs-primary) 6%, #fff);
}

[b-s11m7mbn5b] .organization-card__action.is-edit:hover,
[b-s11m7mbn5b] .organization-card__action.is-edit:focus-visible {
    border-color: var(--obs-primary);
    background: var(--obs-primary);
}

[b-s11m7mbn5b] .organization-card__action.is-delete {
    border-color: #f0d8dd;
    color: #b53c52;
    background: #fff7f8;
}

[b-s11m7mbn5b] .organization-card__action.is-delete:hover,
[b-s11m7mbn5b] .organization-card__action.is-delete:focus-visible {
    border-color: #b53c52;
    background: #b53c52;
}

[b-s11m7mbn5b] .dictionary-items {
    display: grid;
    gap: 8px;
    max-height: 650px;
    overflow: auto;
    padding-inline-end: 4px;
    scrollbar-color: color-mix(in srgb, var(--obs-primary) 35%, #d8e4e1) transparent;
}

[b-s11m7mbn5b] .dictionary-item {
    position: relative;
    display: grid;
    grid-template-columns: 42px minmax(0, 1fr) 36px;
    align-items: center;
    gap: 11px;
    padding: 11px;
    overflow: hidden;
    border: 1px solid #e1eae8;
    border-radius: 12px;
    background: #fff;
    transition: border-color .2s ease, transform .2s ease, box-shadow .2s ease;
}

[b-s11m7mbn5b] .dictionary-item::before {
    position: absolute;
    inset-block: 10px;
    inset-inline-start: 0;
    width: 3px;
    border-radius: 0 3px 3px 0;
    background: color-mix(in srgb, var(--obs-secondary) 75%, var(--obs-primary));
    content: "";
}

[b-s11m7mbn5b] .dictionary-item:hover {
    border-color: color-mix(in srgb, var(--obs-primary) 30%, #e1eae8);
    box-shadow: 0 9px 22px rgba(21, 57, 60, .07);
    transform: translateX(-2px);
}

[b-s11m7mbn5b] .dictionary-item__icon {
    display: grid;
    width: 40px;
    height: 40px;
    place-items: center;
    border-radius: 11px;
    color: var(--obs-primary);
    background: color-mix(in srgb, var(--obs-primary) 8%, #fff);
}

[b-s11m7mbn5b] .dictionary-item strong,
[b-s11m7mbn5b] .dictionary-item code {
    display: block;
}

[b-s11m7mbn5b] .dictionary-item strong {
    overflow: hidden;
    color: #243f42;
    font-size: .79rem;
    text-overflow: ellipsis;
    white-space: nowrap;
}

[b-s11m7mbn5b] .dictionary-item code {
    margin-top: 4px;
    color: #829092;
    font-size: .65rem;
}

[b-s11m7mbn5b] .dictionary-item button {
    display: grid;
    width: 35px;
    height: 35px;
    place-items: center;
    border: 1px solid #e0e9e7;
    border-radius: 9px;
    color: var(--obs-primary);
    background: #f8fbfa;
    transition: color .2s ease, background .2s ease;
}

[b-s11m7mbn5b] .dictionary-item button:hover,
[b-s11m7mbn5b] .dictionary-item button:focus-visible {
    color: #fff;
    background: var(--obs-primary);
    outline: none;
}

@media (max-width: 1199.98px) {
    .obs-tabs[b-s11m7mbn5b] {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

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

    .official-template-editor[b-s11m7mbn5b] {
        grid-template-columns: 1fr;
    }

    .official-template-editor__intro[b-s11m7mbn5b] {
        grid-row: auto;
        min-height: 150px;
    }

    .official-template-preview[b-s11m7mbn5b] {
        grid-column: auto;
    }

    [b-s11m7mbn5b] .dictionary-layout {
        grid-template-columns: 1fr;
    }

    [b-s11m7mbn5b] .organization-directory-grid {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}

@media (max-width: 991.98px) {
    [b-s11m7mbn5b] .organization-directory-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 767.98px) {
    .obs-tabs[b-s11m7mbn5b] {
        display: flex;
        overflow-x: auto;
        scroll-snap-type: x mandatory;
    }

    .obs-tab[b-s11m7mbn5b] {
        min-width: 190px;
        scroll-snap-align: start;
    }

    .obs-panel[b-s11m7mbn5b] {
        padding: 18px;
        border-radius: 20px;
    }

    .obs-panel__header[b-s11m7mbn5b] {
        align-items: stretch;
        flex-direction: column;
    }

    .obs-readiness[b-s11m7mbn5b] {
        width: fit-content;
    }

    .official-template-editor__grid[b-s11m7mbn5b] {
        grid-template-columns: 1fr;
        padding: 18px 18px 8px;
    }

    .official-template-editor__grid .is-wide[b-s11m7mbn5b] {
        grid-column: auto;
    }

    .official-template-editor__actions[b-s11m7mbn5b] {
        padding: 20px 18px 18px;
    }

    .official-template-preview[b-s11m7mbn5b] {
        margin: 10px 18px 0;
    }

    .template-grid[b-s11m7mbn5b] {
        grid-template-columns: 1fr;
    }

    [b-s11m7mbn5b] .dictionary-layout .obs-form-grid {
        grid-template-columns: 1fr;
    }

    [b-s11m7mbn5b] .organization-directory-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 679.98px) {
    [b-s11m7mbn5b] .organization-directory-grid {
        grid-template-columns: 1fr;
    }

    [b-s11m7mbn5b] .organization-card {
        aspect-ratio: auto;
    }
}

@media (max-width: 479.98px) {
    .official-template-file[b-s11m7mbn5b],
    .official-template-editor__actions[b-s11m7mbn5b] {
        align-items: stretch;
        flex-direction: column;
    }

    .official-template-editor__actions .btn[b-s11m7mbn5b],
    [b-s11m7mbn5b] .form-actions .btn {
        width: 100%;
    }

    [b-s11m7mbn5b] .form-actions {
        flex-direction: column;
    }

    [b-s11m7mbn5b] .organization-directory-grid {
        grid-template-columns: 1fr;
    }

    [b-s11m7mbn5b] .organization-card {
        min-height: 0 !important;
    }
}

@media (prefers-reduced-motion: reduce) {
    .obs-tab[b-s11m7mbn5b],
    .template-card[b-s11m7mbn5b],
    [b-s11m7mbn5b] .dictionary-item,
    [b-s11m7mbn5b] .organization-card,
    [b-s11m7mbn5b] .organization-card__action {
        transition: none;
    }
}
/* _content/Starterkit/Observatory/DataMapTab.razor.rz.scp.css */
.data-map[b-fxz6ylwze4] {
    --map-ink: #143d46;
    --map-muted: #6c858a;
    --map-line: #d9e7e7;
    --map-mint: #2ba88a;
    --map-mint-soft: #e9f8f3;
    --map-gold: #c79637;
    --map-gold-soft: #fff7e7;
    --map-danger: #b84955;
    color: var(--map-ink);
    font-family: var(--obs-font-family, inherit);
}

.data-map__empty[b-fxz6ylwze4] {
    min-height: 360px;
    display: grid;
    place-items: center;
    align-content: center;
    text-align: center;
    gap: 12px;
    border: 1px dashed #bad2d3;
    border-radius: 24px;
    background:
        radial-gradient(circle at 20% 10%, rgba(43, 168, 138, .10), transparent 34%),
        #fbfdfd;
}

.data-map__empty > span[b-fxz6ylwze4] {
    width: 76px;
    height: 76px;
    display: grid;
    place-items: center;
    border-radius: 24px;
    background: var(--map-mint-soft);
    color: var(--map-mint);
    font-size: 30px;
}

.data-map__empty h2[b-fxz6ylwze4],
.data-map__empty p[b-fxz6ylwze4] {
    margin: 0;
}

.data-map__empty h2[b-fxz6ylwze4] {
    font-size: clamp(24px, 2vw, 32px);
    font-weight: 800;
}

.data-map__empty p[b-fxz6ylwze4] {
    max-width: 640px;
    color: var(--map-muted);
    font-size: 17px;
    line-height: 1.9;
}

.data-map__hero[b-fxz6ylwze4] {
    position: relative;
    overflow: hidden;
    display: flex;
    justify-content: space-between;
    gap: 28px;
    padding: 30px 32px;
    border: 1px solid rgba(34, 107, 117, .18);
    border-radius: 26px;
    background:
        linear-gradient(120deg, rgba(255, 255, 255, .98), rgba(240, 249, 247, .94)),
        repeating-linear-gradient(90deg, transparent, transparent 23px, rgba(22, 84, 91, .03) 24px);
    box-shadow: 0 18px 50px rgba(22, 75, 82, .08);
}

.data-map__hero[b-fxz6ylwze4]::after {
    content: "";
    position: absolute;
    inset: auto -70px -100px auto;
    width: 270px;
    height: 270px;
    border: 42px solid rgba(43, 168, 138, .07);
    border-radius: 50%;
}

.data-map__eyebrow[b-fxz6ylwze4] {
    display: inline-flex;
    align-items: center;
    gap: 9px;
    color: var(--map-gold);
    font-size: 15px;
    font-weight: 800;
}

.data-map__hero h2[b-fxz6ylwze4] {
    margin: 8px 0 5px;
    font-size: clamp(27px, 2.4vw, 39px);
    font-weight: 850;
    letter-spacing: -.35px;
}

.data-map__hero p[b-fxz6ylwze4] {
    max-width: 780px;
    margin: 0;
    color: var(--map-muted);
    font-size: 17px;
    font-weight: 600;
    line-height: 1.9;
}

.data-map__health[b-fxz6ylwze4] {
    position: relative;
    z-index: 1;
    min-width: 205px;
    align-self: center;
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 15px 17px;
    border: 1px solid rgba(43, 168, 138, .22);
    border-radius: 18px;
    background: rgba(255, 255, 255, .84);
    box-shadow: 0 12px 30px rgba(20, 61, 70, .08);
}

.data-map__pulse[b-fxz6ylwze4] {
    width: 12px;
    height: 12px;
    border-radius: 50%;
    background: var(--map-mint);
    box-shadow: 0 0 0 7px rgba(43, 168, 138, .12);
}

.data-map__health strong[b-fxz6ylwze4],
.data-map__health small[b-fxz6ylwze4] {
    display: block;
}

.data-map__health strong[b-fxz6ylwze4] {
    font-size: 16px;
}

.data-map__health small[b-fxz6ylwze4] {
    margin-top: 2px;
    color: var(--map-muted);
    font-size: 13px;
}

.data-map__toolbar[b-fxz6ylwze4] {
    display: grid;
    grid-template-columns: minmax(300px, 1.3fr) minmax(260px, .9fr) auto;
    align-items: end;
    gap: 14px;
    margin: 18px 0;
    padding: 17px;
    border: 1px solid var(--map-line);
    border-radius: 20px;
    background: #fff;
}

.data-map__template-picker label[b-fxz6ylwze4],
.data-map__search > span[b-fxz6ylwze4] {
    display: block;
    margin-bottom: 7px;
    color: #526e74;
    font-size: 14px;
    font-weight: 800;
}

.data-map__template-picker select[b-fxz6ylwze4] {
    min-height: 48px;
    border-color: #c9dcdd;
    border-radius: 13px;
    font-size: 16px;
    font-weight: 700;
}

.data-map__search[b-fxz6ylwze4] {
    position: relative;
}

.data-map__search i[b-fxz6ylwze4] {
    position: absolute;
    right: 16px;
    bottom: 16px;
    color: #8aa1a5;
}

.data-map__search input[b-fxz6ylwze4] {
    width: 100%;
    min-height: 48px;
    padding: 10px 44px 10px 14px;
    border: 1px solid #c9dcdd;
    border-radius: 13px;
    color: var(--map-ink);
    background: #fbfdfd;
    font: inherit;
    font-size: 15px;
    outline: none;
}

.data-map__search input:focus[b-fxz6ylwze4] {
    border-color: var(--map-mint);
    box-shadow: 0 0 0 4px rgba(43, 168, 138, .12);
}

.data-map__quick-actions[b-fxz6ylwze4] {
    display: flex;
    gap: 8px;
}

.data-map__quick-actions .btn[b-fxz6ylwze4] {
    min-height: 48px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    border-radius: 13px;
    font-size: 15px;
    font-weight: 800;
    white-space: nowrap;
}

.data-map__add-axis[b-fxz6ylwze4] {
    color: #fff;
    background: var(--map-ink);
}

.data-map__add-unit[b-fxz6ylwze4] {
    color: var(--map-ink);
    border: 1px solid #cadbdd;
    background: #f7fbfb;
}

.data-map__metrics[b-fxz6ylwze4] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 12px;
    margin-bottom: 18px;
}

.data-map__metrics article[b-fxz6ylwze4] {
    display: flex;
    align-items: center;
    gap: 13px;
    min-height: 92px;
    padding: 16px 18px;
    border: 1px solid var(--map-line);
    border-radius: 18px;
    background: #fff;
    box-shadow: 0 10px 26px rgba(19, 65, 72, .045);
}

.data-map__metrics article > span[b-fxz6ylwze4] {
    width: 45px;
    height: 45px;
    display: grid;
    place-items: center;
    flex: 0 0 auto;
    border-radius: 14px;
    color: var(--map-mint);
    background: var(--map-mint-soft);
    font-size: 18px;
}

.data-map__metrics article:nth-child(2) > span[b-fxz6ylwze4],
.data-map__metrics article:nth-child(4) > span[b-fxz6ylwze4] {
    color: var(--map-gold);
    background: var(--map-gold-soft);
}

.data-map__metrics strong[b-fxz6ylwze4],
.data-map__metrics small[b-fxz6ylwze4] {
    display: block;
}

.data-map__metrics strong[b-fxz6ylwze4] {
    font-size: 26px;
    font-weight: 850;
    line-height: 1;
}

.data-map__metrics small[b-fxz6ylwze4] {
    margin-top: 6px;
    color: var(--map-muted);
    font-size: 14px;
    font-weight: 700;
}

.data-map__workspace[b-fxz6ylwze4] {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: 16px;
    align-items: start;
}

.data-map__workspace.has-editor[b-fxz6ylwze4] {
    grid-template-columns: minmax(0, 1fr) minmax(330px, 390px);
}

.data-map__canvas[b-fxz6ylwze4] {
    min-width: 0;
    overflow: hidden;
    border: 1px solid var(--map-line);
    border-radius: 24px;
    background:
        linear-gradient(rgba(247, 251, 251, .93), rgba(247, 251, 251, .93)),
        repeating-linear-gradient(0deg, transparent, transparent 31px, rgba(20, 61, 70, .035) 32px),
        repeating-linear-gradient(90deg, transparent, transparent 31px, rgba(20, 61, 70, .035) 32px);
}

.data-map__canvas-head[b-fxz6ylwze4] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 16px;
    padding: 20px 23px;
    border-bottom: 1px solid var(--map-line);
    background: rgba(255, 255, 255, .92);
}

.data-map__canvas-head span[b-fxz6ylwze4] {
    color: var(--map-gold);
    font-size: 13px;
    font-weight: 800;
}

.data-map__canvas-head h3[b-fxz6ylwze4] {
    margin: 3px 0 0;
    font-size: 23px;
    font-weight: 850;
}

.data-map__canvas-head > small[b-fxz6ylwze4] {
    padding: 8px 12px;
    border-radius: 10px;
    color: #236c70;
    background: #eaf5f4;
    font-weight: 800;
}

.data-map__axis-list[b-fxz6ylwze4] {
    display: grid;
    gap: 12px;
    padding: 16px;
}

.data-map__axis[b-fxz6ylwze4] {
    overflow: hidden;
    border: 1px solid #d4e3e4;
    border-radius: 18px;
    background: #fff;
    box-shadow: 0 9px 24px rgba(17, 60, 67, .05);
}

.data-map__axis.is-expanded[b-fxz6ylwze4] {
    border-color: rgba(43, 168, 138, .42);
    box-shadow: 0 14px 34px rgba(21, 91, 86, .09);
}

.data-map__axis > header[b-fxz6ylwze4] {
    position: relative;
    display: flex;
    align-items: stretch;
}

.data-map__axis-toggle[b-fxz6ylwze4] {
    min-width: 0;
    min-height: 88px;
    flex: 1;
    display: grid;
    grid-template-columns: 37px 48px minmax(0, 1fr) auto 20px;
    align-items: center;
    gap: 12px;
    padding: 14px 18px;
    border: 0;
    color: inherit;
    text-align: right;
    background: transparent;
}

.data-map__axis-toggle:hover[b-fxz6ylwze4] {
    background: #fbfdfd;
}

.data-map__axis-index[b-fxz6ylwze4] {
    color: #8aa0a4;
    font-size: 13px;
    font-weight: 900;
    font-variant-numeric: tabular-nums;
}

.data-map__axis-icon[b-fxz6ylwze4] {
    width: 46px;
    height: 46px;
    display: grid;
    place-items: center;
    border-radius: 15px;
    color: #fff;
    background: linear-gradient(145deg, #1e6870, #174850);
    box-shadow: 0 8px 18px rgba(20, 72, 80, .22);
}

.data-map__axis-copy[b-fxz6ylwze4] {
    min-width: 0;
}

.data-map__axis-copy strong[b-fxz6ylwze4],
.data-map__axis-copy small[b-fxz6ylwze4] {
    display: block;
}

.data-map__axis-copy strong[b-fxz6ylwze4] {
    overflow: hidden;
    font-size: 18px;
    font-weight: 850;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.data-map__axis-copy small[b-fxz6ylwze4] {
    margin-top: 5px;
    color: var(--map-muted);
    font-size: 13px;
    font-weight: 650;
}

.data-map__axis-count[b-fxz6ylwze4] {
    padding: 7px 10px;
    border-radius: 10px;
    color: #287d6c;
    background: var(--map-mint-soft);
    font-size: 13px;
    font-weight: 800;
    white-space: nowrap;
}

.data-map__chevron[b-fxz6ylwze4] {
    color: #91a6aa;
    transition: transform .22s ease;
}

.data-map__axis.is-expanded .data-map__chevron[b-fxz6ylwze4] {
    transform: rotate(180deg);
}

.data-map__axis-actions[b-fxz6ylwze4] {
    display: flex;
    align-items: center;
    gap: 5px;
    padding-left: 14px;
}

.data-map__axis-actions button[b-fxz6ylwze4],
.data-map__units article button[b-fxz6ylwze4] {
    width: 38px;
    height: 38px;
    display: grid;
    place-items: center;
    border: 1px solid #d8e4e5;
    border-radius: 11px;
    color: #466a70;
    background: #fff;
}

.data-map__axis-actions button:hover[b-fxz6ylwze4],
.data-map__units article button:hover[b-fxz6ylwze4] {
    color: #fff;
    border-color: var(--map-ink);
    background: var(--map-ink);
}

.data-map__axis-actions .is-danger:hover[b-fxz6ylwze4],
.data-map__units article .is-danger:hover:not(:disabled)[b-fxz6ylwze4] {
    border-color: var(--map-danger);
    background: var(--map-danger);
}

.data-map__indicator-grid[b-fxz6ylwze4] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 11px;
    padding: 15px;
    border-top: 1px solid #e1ebec;
    background: #f8fbfb;
}

.data-map__indicator[b-fxz6ylwze4] {
    min-width: 0;
    padding: 17px;
    border: 1px solid #dbe7e8;
    border-radius: 16px;
    background: #fff;
    transition: transform .2s ease, box-shadow .2s ease, border-color .2s ease;
}

.data-map__indicator:hover[b-fxz6ylwze4] {
    transform: translateY(-2px);
    border-color: #b7d4d2;
    box-shadow: 0 12px 26px rgba(18, 75, 78, .08);
}

.data-map__indicator-source[b-fxz6ylwze4] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 10px;
}

.data-map__indicator-source > span[b-fxz6ylwze4] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 5px 8px;
    border-radius: 8px;
    font-size: 11px;
    font-weight: 850;
}

.data-map__indicator-source .is-auto[b-fxz6ylwze4] {
    color: #2a826d;
    background: var(--map-mint-soft);
}

.data-map__indicator-source .is-manual[b-fxz6ylwze4] {
    color: #976b20;
    background: var(--map-gold-soft);
}

.data-map__indicator-source small[b-fxz6ylwze4] {
    color: #82999d;
    font-size: 11px;
    font-weight: 750;
}

.data-map__indicator h4[b-fxz6ylwze4] {
    margin: 11px 0 7px;
    font-size: 17px;
    font-weight: 850;
    line-height: 1.55;
}

.data-map__indicator code[b-fxz6ylwze4],
.data-map__units code[b-fxz6ylwze4] {
    display: block;
    overflow: hidden;
    color: #6d8589;
    direction: ltr;
    font-size: 11px;
    text-align: right;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.data-map__indicator-meta[b-fxz6ylwze4] {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    margin-top: 13px;
}

.data-map__indicator-meta span[b-fxz6ylwze4] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 6px 8px;
    border-radius: 8px;
    color: #496970;
    background: #f0f5f5;
    font-size: 12px;
    font-weight: 750;
}

.data-map__indicator-meta b[b-fxz6ylwze4] {
    color: var(--map-gold);
}

.data-map__indicator p[b-fxz6ylwze4] {
    margin: 11px 0 0;
    color: #768e93;
    font-size: 12px;
    line-height: 1.6;
}

.data-map__indicator-actions[b-fxz6ylwze4] {
    display: flex;
    gap: 8px;
    margin-top: 14px;
    padding-top: 12px;
    border-top: 1px solid #edf2f2;
}

.data-map__indicator-actions button[b-fxz6ylwze4] {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    padding: 7px 10px;
    border: 0;
    border-radius: 9px;
    color: #476b70;
    background: #edf4f4;
    font-size: 12px;
    font-weight: 800;
}

.data-map__indicator-actions .is-danger[b-fxz6ylwze4] {
    color: var(--map-danger);
    background: #fff0f1;
}

.data-map__empty-axis[b-fxz6ylwze4] {
    grid-column: 1 / -1;
    min-height: 96px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 12px;
    border: 1px dashed #bcd3d3;
    border-radius: 15px;
    color: #547579;
    background: #fff;
}

.data-map__empty-axis i[b-fxz6ylwze4] {
    color: var(--map-mint);
    font-size: 23px;
}

.data-map__empty-axis strong[b-fxz6ylwze4],
.data-map__empty-axis small[b-fxz6ylwze4] {
    display: block;
}

.data-map__empty-axis small[b-fxz6ylwze4] {
    margin-top: 3px;
    color: var(--map-muted);
}

.data-map__editor[b-fxz6ylwze4] {
    position: sticky;
    top: 18px;
    max-height: calc(100vh - 36px);
    max-height: calc(100dvh - 36px);
    overflow-x: hidden;
    overflow-y: auto;
    overscroll-behavior: contain;
    border: 1px solid #cfe0e0;
    border-radius: 22px;
    background: #fff;
    box-shadow: 0 18px 48px rgba(17, 62, 68, .12);
}

.data-map__editor > header[b-fxz6ylwze4] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 16px;
    padding: 21px;
    color: #fff;
    background:
        radial-gradient(circle at 10% 0, rgba(255, 255, 255, .14), transparent 40%),
        linear-gradient(145deg, #1d6068, #133f47);
}

.data-map__editor > header span[b-fxz6ylwze4] {
    color: #8be0ca;
    font-size: 12px;
    font-weight: 850;
}

.data-map__editor > header h3[b-fxz6ylwze4] {
    margin: 5px 0 0;
    font-size: 22px;
    font-weight: 850;
}

.data-map__editor > header button[b-fxz6ylwze4] {
    width: 38px;
    height: 38px;
    display: grid;
    place-items: center;
    border: 1px solid rgba(255, 255, 255, .2);
    border-radius: 11px;
    color: #fff;
    background: rgba(255, 255, 255, .08);
}

.data-map__editor-error[b-fxz6ylwze4] {
    display: flex;
    align-items: flex-start;
    gap: 8px;
    margin: 14px 18px 0;
    padding: 11px 12px;
    border-radius: 11px;
    color: #9d3845;
    background: #fff0f2;
    font-size: 13px;
    font-weight: 750;
}

.data-map__field[b-fxz6ylwze4],
.data-map__field-row[b-fxz6ylwze4],
.data-map__check[b-fxz6ylwze4] {
    margin: 15px 18px 0;
}

.data-map__field label[b-fxz6ylwze4] {
    display: block;
    margin-bottom: 7px;
    color: #4b686d;
    font-size: 14px;
    font-weight: 850;
}

.data-map__field-heading[b-fxz6ylwze4] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    margin-bottom: 7px;
}

.data-map__field-heading label[b-fxz6ylwze4] {
    margin-bottom: 0;
}

.data-map__field-heading > span[b-fxz6ylwze4] {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    padding: 4px 7px;
    border-radius: 999px;
    color: #617a7f;
    background: #edf3f3;
    font-size: 11px;
    font-weight: 800;
    white-space: nowrap;
}

.data-map__field .form-control[b-fxz6ylwze4],
.data-map__field .form-select[b-fxz6ylwze4] {
    min-height: 46px;
    border-color: #ccdcdd;
    border-radius: 11px;
    font-size: 15px;
}

.data-map__field textarea.form-control[b-fxz6ylwze4] {
    min-height: 92px;
    resize: vertical;
}

.data-map__field-help[b-fxz6ylwze4] {
    display: block;
    margin-top: 6px;
    color: var(--map-muted);
    font-size: 13px;
    font-weight: 650;
    line-height: 1.6;
}

.data-map__readonly-control[b-fxz6ylwze4] {
    position: relative;
}

.data-map__readonly-control > i[b-fxz6ylwze4] {
    position: absolute;
    inset-inline-start: 13px;
    top: 50%;
    z-index: 1;
    color: #7a9296;
    transform: translateY(-50%);
    pointer-events: none;
}

.data-map__readonly-control .form-control[b-fxz6ylwze4] {
    padding-inline-start: 38px;
    color: #587176;
    background: #f3f7f7;
    cursor: text;
}

.data-map__readonly-control .form-control:focus[b-fxz6ylwze4] {
    border-color: #b9cecf;
    box-shadow: 0 0 0 .2rem rgba(43, 168, 138, .08);
}

.data-map__field-row[b-fxz6ylwze4] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 10px;
}

.data-map__field-row .data-map__field[b-fxz6ylwze4] {
    margin: 0;
}

.data-map__logic-settings[b-fxz6ylwze4] {
    margin: 17px 18px 0;
    padding: 14px;
    border: 1px solid #cfe2df;
    border-radius: 16px;
    background: linear-gradient(145deg, #fbfefd, #f4faf8);
}

.data-map__logic-heading[b-fxz6ylwze4] {
    display: flex;
    align-items: flex-start;
    gap: 10px;
}

.data-map__logic-heading > span[b-fxz6ylwze4] {
    width: 34px;
    height: 34px;
    flex: 0 0 34px;
    display: grid;
    place-items: center;
    border-radius: 10px;
    color: #167d68;
    background: #e3f5ef;
}

.data-map__logic-heading strong[b-fxz6ylwze4],
.data-map__logic-heading small[b-fxz6ylwze4] {
    display: block;
}

.data-map__logic-heading strong[b-fxz6ylwze4] {
    font-size: 14px;
    font-weight: 850;
}

.data-map__logic-heading small[b-fxz6ylwze4] {
    margin-top: 3px;
    color: var(--map-muted);
    font-size: 13px;
    line-height: 1.55;
}

.data-map__logic-settings > .data-map__field-row[b-fxz6ylwze4] {
    grid-template-columns: 1fr;
    margin: 14px 0 0;
    gap: 13px;
}

.data-map__advanced[b-fxz6ylwze4] {
    margin-top: 14px;
    overflow: hidden;
    border: 1px solid #d5e3e3;
    border-radius: 12px;
    background: #fff;
}

.data-map__advanced > summary[b-fxz6ylwze4] {
    min-height: 56px;
    display: grid;
    grid-template-columns: 32px minmax(0, 1fr) auto 12px;
    align-items: center;
    gap: 9px;
    padding: 9px 11px;
    cursor: pointer;
    list-style: none;
}

.data-map__advanced > summary[b-fxz6ylwze4]::-webkit-details-marker {
    display: none;
}

.data-map__advanced > summary:focus-visible[b-fxz6ylwze4] {
    outline: 3px solid rgba(43, 168, 138, .22);
    outline-offset: -3px;
}

.data-map__advanced-icon[b-fxz6ylwze4] {
    width: 32px;
    height: 32px;
    display: grid;
    place-items: center;
    border-radius: 9px;
    color: #647d82;
    background: #eef4f4;
}

.data-map__advanced-copy strong[b-fxz6ylwze4],
.data-map__advanced-copy small[b-fxz6ylwze4] {
    display: block;
}

.data-map__advanced-copy strong[b-fxz6ylwze4] {
    color: #365b61;
    font-size: 14px;
    font-weight: 850;
}

.data-map__advanced-copy small[b-fxz6ylwze4] {
    margin-top: 2px;
    color: var(--map-muted);
    font-size: 13px;
    line-height: 1.4;
}

.data-map__optional-tag[b-fxz6ylwze4] {
    padding: 4px 6px;
    border-radius: 999px;
    color: #766123;
    background: #fff5d8;
    font-size: 11px;
    font-weight: 850;
    white-space: nowrap;
}

.data-map__advanced-chevron[b-fxz6ylwze4] {
    color: #758d91;
    font-size: 10px;
    transition: transform .2s ease;
}

.data-map__advanced[open] .data-map__advanced-chevron[b-fxz6ylwze4] {
    transform: rotate(180deg);
}

.data-map__advanced-body[b-fxz6ylwze4] {
    padding: 12px;
    border-top: 1px solid #e3ecec;
    background: #fbfdfd;
}

.data-map__advanced-body .data-map__field[b-fxz6ylwze4] {
    margin: 0;
}

.data-map__advanced-body .data-map__check--nested[b-fxz6ylwze4] {
    margin-top: 14px;
}

.data-map__auto-tag[b-fxz6ylwze4] {
    color: #147660 !important;
    background: #e2f5ee !important;
}

.data-map__check[b-fxz6ylwze4] {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    padding: 12px;
    border: 1px solid #d6e4e4;
    border-radius: 12px;
    background: #f8fbfb;
}

.data-map__check input[b-fxz6ylwze4] {
    width: 18px;
    height: 18px;
    margin-top: 3px;
    accent-color: var(--map-mint);
}

.data-map__check strong[b-fxz6ylwze4],
.data-map__check small[b-fxz6ylwze4] {
    display: block;
}

.data-map__check strong[b-fxz6ylwze4] {
    font-size: 14px;
}

.data-map__check strong em[b-fxz6ylwze4] {
    display: inline-block;
    margin-inline-start: 4px;
    padding: 2px 6px;
    border-radius: 999px;
    color: #61797d;
    background: #e9f0f0;
    font-size: 10px;
    font-style: normal;
    font-weight: 800;
    vertical-align: middle;
}

.data-map__check small[b-fxz6ylwze4] {
    margin-top: 4px;
    color: var(--map-muted);
    font-size: 13px;
    line-height: 1.55;
}

.data-map__editor footer[b-fxz6ylwze4] {
    position: sticky;
    bottom: 0;
    z-index: 5;
    display: flex;
    gap: 9px;
    margin-top: 18px;
    padding: 16px 18px 19px;
    border-top: 1px solid #e4ecec;
    background: #fafcfc;
    box-shadow: 0 -8px 22px rgba(27, 66, 72, .07);
}

.data-map__editor footer .btn[b-fxz6ylwze4] {
    min-height: 44px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    border-radius: 11px;
    font-size: 14px;
    font-weight: 850;
}

.data-map__save[b-fxz6ylwze4] {
    flex: 1;
    color: #fff;
    background: var(--map-mint);
}

.data-map__cancel[b-fxz6ylwze4] {
    color: #557276;
    border: 1px solid #d4e1e2;
    background: #fff;
}

.data-map__units[b-fxz6ylwze4] {
    margin-top: 18px;
    padding: 20px;
    border: 1px solid var(--map-line);
    border-radius: 22px;
    background: #fff;
}

.data-map__units > header[b-fxz6ylwze4] {
    display: flex;
    justify-content: space-between;
    align-items: end;
    gap: 18px;
    padding-bottom: 15px;
    border-bottom: 1px solid #e5eeee;
}

.data-map__units > header span[b-fxz6ylwze4] {
    color: var(--map-gold);
    font-size: 12px;
    font-weight: 850;
}

.data-map__units > header h3[b-fxz6ylwze4] {
    margin: 4px 0 0;
    font-size: 21px;
    font-weight: 850;
}

.data-map__units > header small[b-fxz6ylwze4] {
    color: var(--map-muted);
    font-size: 13px;
    font-weight: 650;
}

.data-map__units > div[b-fxz6ylwze4] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 10px;
    margin-top: 14px;
}

.data-map__units article[b-fxz6ylwze4] {
    min-width: 0;
    display: grid;
    grid-template-columns: 44px minmax(0, 1fr) auto 38px 38px;
    align-items: center;
    gap: 9px;
    padding: 11px;
    border: 1px solid #dde8e9;
    border-radius: 14px;
    background: #fbfdfd;
}

.data-map__unit-symbol[b-fxz6ylwze4] {
    width: 42px;
    height: 42px;
    display: grid;
    place-items: center;
    border-radius: 12px;
    color: #90671f;
    background: var(--map-gold-soft);
    font-size: 15px;
    font-weight: 900;
}

.data-map__units article strong[b-fxz6ylwze4] {
    display: block;
    overflow: hidden;
    font-size: 14px;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.data-map__units article > small[b-fxz6ylwze4] {
    color: var(--map-muted);
    font-size: 11px;
    font-weight: 750;
    white-space: nowrap;
}

.data-map__units article button:disabled[b-fxz6ylwze4] {
    cursor: not-allowed;
    opacity: .42;
}

.data-map__no-results[b-fxz6ylwze4] {
    min-height: 260px;
    display: grid;
    place-items: center;
    align-content: center;
    gap: 8px;
    color: var(--map-muted);
}

.data-map__no-results i[b-fxz6ylwze4] {
    margin-bottom: 5px;
    color: #9cb0b3;
    font-size: 32px;
}

.data-map__no-results strong[b-fxz6ylwze4] {
    color: var(--map-ink);
    font-size: 19px;
}

@media (max-width: 1320px) {
    .data-map__toolbar[b-fxz6ylwze4] {
        grid-template-columns: 1fr 1fr;
    }

    .data-map__quick-actions[b-fxz6ylwze4] {
        grid-column: 1 / -1;
        justify-content: flex-end;
    }

    .data-map__units > div[b-fxz6ylwze4] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 1050px) {
    .data-map__workspace.has-editor[b-fxz6ylwze4] {
        grid-template-columns: 1fr;
    }

    .data-map__editor[b-fxz6ylwze4] {
        position: static;
        grid-row: 1;
        max-height: none;
        overflow: visible;
    }

    .data-map__editor footer[b-fxz6ylwze4] {
        position: static;
        box-shadow: none;
    }

    .data-map__indicator-grid[b-fxz6ylwze4] {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 780px) {
    .data-map__hero[b-fxz6ylwze4] {
        display: block;
        padding: 23px;
    }

    .data-map__health[b-fxz6ylwze4] {
        margin-top: 18px;
    }

    .data-map__toolbar[b-fxz6ylwze4],
    .data-map__metrics[b-fxz6ylwze4],
    .data-map__units > div[b-fxz6ylwze4] {
        grid-template-columns: 1fr;
    }

    .data-map__quick-actions[b-fxz6ylwze4] {
        grid-column: auto;
        justify-content: stretch;
    }

    .data-map__quick-actions .btn[b-fxz6ylwze4] {
        flex: 1;
    }

    .data-map__field-row[b-fxz6ylwze4] {
        grid-template-columns: 1fr;
    }

    .data-map__logic-settings[b-fxz6ylwze4] {
        margin-inline: 14px;
        padding: 12px;
    }

    .data-map__advanced > summary[b-fxz6ylwze4] {
        grid-template-columns: 32px minmax(0, 1fr) 12px;
    }

    .data-map__advanced-icon[b-fxz6ylwze4] {
        grid-row: 1 / span 2;
    }

    .data-map__optional-tag[b-fxz6ylwze4] {
        grid-column: 2;
        justify-self: start;
    }

    .data-map__advanced-chevron[b-fxz6ylwze4] {
        grid-column: 3;
        grid-row: 1 / span 2;
    }

    .data-map__axis-toggle[b-fxz6ylwze4] {
        grid-template-columns: 34px 42px minmax(0, 1fr) 18px;
        padding-inline: 12px;
    }

    .data-map__axis-count[b-fxz6ylwze4] {
        display: none;
    }

    .data-map__axis > header[b-fxz6ylwze4] {
        display: block;
    }

    .data-map__axis-actions[b-fxz6ylwze4] {
        justify-content: flex-end;
        padding: 0 12px 12px;
    }

    .data-map__units > header[b-fxz6ylwze4] {
        display: block;
    }

    .data-map__units > header small[b-fxz6ylwze4] {
        display: block;
        margin-top: 7px;
    }
}

@media (prefers-reduced-motion: reduce) {
    .data-map *[b-fxz6ylwze4],
    .data-map *[b-fxz6ylwze4]::before,
    .data-map *[b-fxz6ylwze4]::after {
        scroll-behavior: auto !important;
        transition-duration: .01ms !important;
        animation-duration: .01ms !important;
    }
}
/* _content/Starterkit/Observatory/DataOperations.razor.rz.scp.css */
*[b-26gdzmx20i] {
    box-sizing: border-box;
}

.obs-operations[b-26gdzmx20i] {
    --obs-org-font-family: var(--gb-website-font-family, var(--kt-font-family, var(--bs-body-font-family, sans-serif)));
    --obs-org-font-weight: var(--gb-website-font-weight, 400);
    --obs-page-title-size: 28px;
    --obs-section-title-size: 24px;
    --obs-subsection-title-size: 19px;
    --obs-text-size: 16px;
    --obs-helper-text-size: 14px;
    --ops-ink: #082d31;
    --ops-teal: #125d63;
    --ops-teal-2: #1c7479;
    --ops-gold: #b88b42;
    --ops-line: rgba(8, 58, 62, .12);
    --ops-muted: #688184;
    --ops-paper: #f5f8f7;
    --ops-shadow: 0 20px 52px rgba(6, 45, 49, .09);
    color: var(--ops-ink);
    direction: rtl;
    font-family: var(--obs-org-font-family);
    font-size: var(--obs-text-size);
    font-weight: var(--obs-org-font-weight);
    padding: clamp(1rem, 2vw, 1.8rem);
}

.obs-operations :where(
    div,
    p,
    span,
    small,
    strong,
    b,
    a,
    label,
    button,
    input,
    select,
    textarea,
    option,
    table,
    th,
    td,
    li,
    dt,
    dd,
    h1,
    h2,
    h3,
    h4,
    h5,
    h6)[b-26gdzmx20i],
.obs-operations[b-26gdzmx20i]  :where(
    div,
    p,
    span,
    small,
    strong,
    b,
    a,
    label,
    button,
    input,
    select,
    textarea,
    option,
    table,
    th,
    td,
    li,
    dt,
    dd,
    h1,
    h2,
    h3,
    h4,
    h5,
    h6) {
    font-family: var(--obs-org-font-family) !important;
}

.obs-operations :where(p)[b-26gdzmx20i],
.obs-operations[b-26gdzmx20i]  :where(p) {
    font-size: var(--obs-helper-text-size) !important;
    line-height: 1.7;
}

.obs-operations :where(input, select, textarea, option)[b-26gdzmx20i],
.obs-operations[b-26gdzmx20i]  :where(input, select, textarea, option) {
    font-size: var(--obs-text-size) !important;
    line-height: 1.55;
}

.obs-operations :where(label, button, th)[b-26gdzmx20i],
.obs-operations[b-26gdzmx20i]  :where(label, button, th) {
    font-size: var(--obs-helper-text-size) !important;
}

.obs-operations :where(h1)[b-26gdzmx20i],
.obs-operations[b-26gdzmx20i]  :where(h1) {
    font-size: var(--obs-page-title-size) !important;
}

.obs-operations :where(h2)[b-26gdzmx20i],
.obs-operations[b-26gdzmx20i]  :where(h2) {
    font-size: var(--obs-section-title-size) !important;
}

.obs-operations :where(h3)[b-26gdzmx20i],
.obs-operations[b-26gdzmx20i]  :where(h3) {
    font-size: var(--obs-subsection-title-size) !important;
}

.obs-operations :where(h4, h5, h6)[b-26gdzmx20i],
.obs-operations[b-26gdzmx20i]  :where(h4, h5, h6) {
    font-size: var(--obs-text-size) !important;
}

.obs-operations__hero[b-26gdzmx20i] {
    align-items: center;
    background:
        radial-gradient(circle at 10% 10%, rgba(184, 139, 66, .18), transparent 28%),
        linear-gradient(125deg, #082f33 0%, #124e54 58%, #173d3d 100%);
    border: 1px solid rgba(255, 255, 255, .08);
    border-radius: 1.5rem;
    box-shadow: var(--ops-shadow);
    color: #fff;
    display: flex;
    gap: 1.5rem;
    justify-content: space-between;
    min-height: 9.5rem;
    overflow: hidden;
    padding: clamp(1.4rem, 3vw, 2.4rem);
    position: relative;
}

.obs-operations__hero h1[b-26gdzmx20i] {
    color: #ffffff;
    text-shadow: 0 2px 18px rgba(0, 0, 0, .16);
}

.obs-operations__hero p[b-26gdzmx20i] {
    color: rgba(255, 255, 255, .9);
}

.obs-operations__hero[b-26gdzmx20i]::after {
    border: 1px solid rgba(255, 255, 255, .09);
    border-radius: 50%;
    content: "";
    height: 14rem;
    left: -4rem;
    position: absolute;
    top: -7rem;
    width: 14rem;
}

.obs-operations__identity[b-26gdzmx20i] {
    align-items: center;
    display: flex;
    gap: 1.15rem;
    position: relative;
    z-index: 1;
}

.obs-operations__icon[b-26gdzmx20i] {
    align-items: center;
    background: rgba(255, 255, 255, .1);
    border: 1px solid rgba(255, 255, 255, .16);
    border-radius: 1.15rem;
    display: inline-flex;
    flex: 0 0 4rem;
    font-size: 1.35rem;
    height: 4rem;
    justify-content: center;
}

.obs-operations__eyebrow[b-26gdzmx20i],
.obs-section-heading span:first-child[b-26gdzmx20i] {
    color: #e0b765;
    display: block;
    font-size: .9rem;
    font-weight: 800;
    letter-spacing: .04em;
    margin-bottom: .35rem;
}

.obs-operations__identity h1[b-26gdzmx20i] {
    font-size: clamp(1.65rem, 3vw, 2.45rem);
    font-weight: 800;
    line-height: 1.2;
    margin: 0;
}

.obs-operations__identity p[b-26gdzmx20i] {
    color: rgba(255, 255, 255, .75);
    font-size: 1rem;
    margin: .55rem 0 0;
}

.obs-operations__pulse[b-26gdzmx20i] {
    align-items: center;
    background: rgba(3, 31, 34, .32);
    border: 1px solid rgba(255, 255, 255, .12);
    border-radius: 1rem;
    display: flex;
    flex: 0 0 auto;
    gap: .75rem;
    padding: .8rem 1rem;
    position: relative;
    z-index: 1;
}

.obs-operations__pulse > span[b-26gdzmx20i] {
    background: #5be0ae;
    border: 4px solid rgba(91, 224, 174, .16);
    border-radius: 50%;
    box-shadow: 0 0 0 .35rem rgba(91, 224, 174, .08);
    height: .65rem;
    width: .65rem;
}

.obs-operations__pulse small[b-26gdzmx20i],
.obs-operations__pulse strong[b-26gdzmx20i] {
    display: block;
}

.obs-operations__pulse small[b-26gdzmx20i] {
    color: rgba(255, 255, 255, .58);
    font-size: .82rem;
}

.obs-operations__pulse strong[b-26gdzmx20i] {
    font-size: 1rem;
    margin-top: .15rem;
}

.obs-operations__tabs[b-26gdzmx20i] {
    background: #fff;
    border: 1px solid var(--ops-line);
    border-radius: 1.25rem;
    box-shadow: 0 14px 34px rgba(8, 47, 51, .07);
    display: grid;
    gap: .45rem;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    margin: -1rem auto 1.35rem;
    max-width: calc(100% - 3rem);
    padding: .55rem;
    position: relative;
    z-index: 4;
}

.obs-operations__tab[b-26gdzmx20i] {
    align-items: center;
    background: transparent;
    border: 0;
    border-radius: .9rem;
    color: var(--ops-muted);
    cursor: pointer;
    display: grid;
    gap: .65rem;
    grid-template-columns: 2.35rem minmax(0, 1fr) auto;
    min-height: 4.25rem;
    padding: .65rem .75rem;
    text-align: right;
    transition: background .2s ease, color .2s ease, transform .2s ease;
}

.obs-operations__tab:hover[b-26gdzmx20i] {
    background: #f3f7f6;
    color: var(--ops-ink);
    transform: translateY(-1px);
}

.obs-operations__tab.is-active[b-26gdzmx20i] {
    background: linear-gradient(135deg, #0f555b, #197077);
    box-shadow: 0 10px 22px rgba(12, 80, 86, .2);
    color: #fff;
}

.obs-operations__tab-icon[b-26gdzmx20i] {
    align-items: center;
    background: rgba(12, 82, 88, .08);
    border-radius: .7rem;
    display: inline-flex;
    height: 2.35rem;
    justify-content: center;
    width: 2.35rem;
}

.obs-operations__tab.is-active .obs-operations__tab-icon[b-26gdzmx20i] {
    background: rgba(255, 255, 255, .12);
}

.obs-operations__tab strong[b-26gdzmx20i],
.obs-operations__tab small[b-26gdzmx20i] {
    display: block;
}

.obs-operations__tab strong[b-26gdzmx20i] {
    font-size: 1rem;
    font-weight: 800;
}

.obs-operations__tab small[b-26gdzmx20i] {
    font-size: .82rem;
    margin-top: .15rem;
    opacity: .72;
}

.obs-operations__tab b[b-26gdzmx20i] {
    align-items: center;
    background: rgba(10, 73, 78, .08);
    border-radius: 99px;
    display: inline-flex;
    font-size: .8rem;
    height: 1.55rem;
    justify-content: center;
    min-width: 1.55rem;
    padding: 0 .35rem;
}

.obs-operations__tab.is-active b[b-26gdzmx20i] {
    background: rgba(255, 255, 255, .14);
}

.obs-operations__workspace[b-26gdzmx20i] {
    min-height: 28rem;
}

.obs-operations__workspace[b-26gdzmx20i]  .obs-shell {
    padding-inline: 0;
}

.obs-operations__loading[b-26gdzmx20i],
.obs-tab-loading[b-26gdzmx20i] {
    align-items: center;
    background: #fff;
    border: 1px solid var(--ops-line);
    border-radius: 1.2rem;
    color: var(--ops-teal);
    display: flex;
    gap: .85rem;
    justify-content: center;
    min-height: 14rem;
}

.obs-operations-section[b-26gdzmx20i] {
    background:
        linear-gradient(rgba(255, 255, 255, .88), rgba(255, 255, 255, .92)),
        repeating-linear-gradient(90deg, transparent 0 79px, rgba(13, 84, 88, .035) 80px);
    border: 1px solid var(--ops-line);
    border-radius: 1.5rem;
    box-shadow: var(--ops-shadow);
    padding: clamp(1rem, 2.25vw, 1.8rem);
}

.obs-section-heading[b-26gdzmx20i] {
    align-items: center;
    border-bottom: 1px solid var(--ops-line);
    display: flex;
    gap: 1.25rem;
    justify-content: space-between;
    margin-bottom: 1.35rem;
    padding-bottom: 1.15rem;
}

.obs-section-heading h2[b-26gdzmx20i] {
    font-size: clamp(1.45rem, 2.4vw, 2rem);
    font-weight: 800;
    margin: 0;
}

.obs-section-heading p[b-26gdzmx20i] {
    color: var(--ops-muted);
    font-size: .95rem;
    margin: .4rem 0 0;
    max-width: 62rem;
}

.obs-action[b-26gdzmx20i] {
    align-items: center;
    border: 0;
    border-radius: .75rem;
    cursor: pointer;
    display: inline-flex;
    font: inherit;
    font-size: .82rem;
    font-weight: 800;
    gap: .48rem;
    justify-content: center;
    min-height: 2.75rem;
    padding: .65rem 1rem;
    transition: opacity .2s ease, transform .2s ease;
}

.obs-action:hover:not(:disabled)[b-26gdzmx20i] {
    transform: translateY(-1px);
}

.obs-action:disabled[b-26gdzmx20i] {
    cursor: not-allowed;
    opacity: .5;
}

.obs-action.is-primary[b-26gdzmx20i] {
    background: linear-gradient(135deg, var(--ops-teal), var(--ops-teal-2));
    color: #fff;
}

.obs-action.is-secondary[b-26gdzmx20i] {
    background: #e8f3f2;
    color: var(--ops-teal);
}

.obs-action.is-quiet[b-26gdzmx20i] {
    background: #fff;
    border: 1px solid var(--ops-line);
    color: var(--ops-teal);
}

.obs-action.is-compact[b-26gdzmx20i] {
    background: #edf5f4;
    color: var(--ops-teal);
    min-height: 2rem;
    padding: .35rem .65rem;
}

.obs-feedback[b-26gdzmx20i] {
    align-items: center;
    border: 1px solid;
    border-radius: .9rem;
    display: flex;
    gap: .75rem;
    margin-bottom: 1rem;
    min-height: 3.3rem;
    padding: .7rem 1rem;
}

.obs-feedback.is-success[b-26gdzmx20i] {
    background: #edf9f5;
    border-color: #abdcca;
    color: #147157;
}

.obs-feedback.is-error[b-26gdzmx20i] {
    background: #fff1f2;
    border-color: #efbdc2;
    color: #ad3541;
}

.obs-feedback span[b-26gdzmx20i] {
    flex: 1;
    font-size: .95rem;
    font-weight: 700;
}

.obs-feedback button[b-26gdzmx20i] {
    background: transparent;
    border: 0;
    color: inherit;
    cursor: pointer;
    font: inherit;
}

.obs-request-layout[b-26gdzmx20i],
.obs-error-layout[b-26gdzmx20i] {
    align-items: start;
    display: grid;
    gap: 1rem;
    grid-template-columns: minmax(0, 1.25fr) minmax(20rem, .75fr);
}

.obs-card[b-26gdzmx20i] {
    background: rgba(255, 255, 255, .94);
    border: 1px solid var(--ops-line);
    border-radius: 1.15rem;
    box-shadow: 0 12px 30px rgba(8, 48, 52, .06);
    overflow: hidden;
    padding: 1.1rem;
}

.obs-card__title[b-26gdzmx20i] {
    align-items: center;
    display: flex;
    gap: .75rem;
    margin-bottom: 1rem;
}

.obs-card__title.is-compact[b-26gdzmx20i] {
    margin-bottom: .75rem;
}

.obs-card__title h3[b-26gdzmx20i] {
    font-size: 1.12rem;
    font-weight: 800;
    margin: 0;
}

.obs-card__title p[b-26gdzmx20i] {
    color: var(--ops-muted);
    font-size: .78rem;
    margin: .2rem 0 0;
}

.obs-step[b-26gdzmx20i] {
    align-items: center;
    background: #edf5f4;
    border: 1px solid #dce9e7;
    border-radius: .65rem;
    color: var(--ops-teal);
    display: inline-flex;
    flex: 0 0 2.35rem;
    font-size: .82rem;
    font-weight: 900;
    height: 2.35rem;
    justify-content: center;
}

.obs-inline-note[b-26gdzmx20i],
.obs-inspector-banner[b-26gdzmx20i] {
    align-items: center;
    background: #fff8eb;
    border: 1px solid #ecd5a9;
    border-radius: .8rem;
    color: #7b5b23;
    display: flex;
    font-size: .92rem;
    gap: .7rem;
    margin-bottom: 1rem;
    padding: .72rem .85rem;
}

.obs-form-grid[b-26gdzmx20i] {
    display: grid;
    gap: .85rem;
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.obs-form-grid label[b-26gdzmx20i],
.obs-target-builder__inputs label[b-26gdzmx20i] {
    display: block;
    min-width: 0;
}

.obs-form-grid label.is-wide[b-26gdzmx20i] {
    grid-column: 1 / -1;
}

.obs-form-grid label > span[b-26gdzmx20i],
.obs-target-builder__inputs label > span[b-26gdzmx20i] {
    color: #36575a;
    display: block;
    font-size: .9rem;
    font-weight: 800;
    margin-bottom: .4rem;
}

.obs-form-grid label > span b[b-26gdzmx20i] {
    color: #c94354;
}

.obs-form-grid .form-control[b-26gdzmx20i],
.obs-target-builder__inputs .form-control[b-26gdzmx20i],
.obs-target-builder__inputs .form-select[b-26gdzmx20i],
.obs-search .form-control[b-26gdzmx20i] {
    border: 1px solid #d9e4e3;
    border-radius: .72rem;
    box-shadow: none;
    color: var(--ops-ink);
    font-size: .85rem;
    min-height: 2.8rem;
}

.obs-form-grid .form-control:focus[b-26gdzmx20i],
.obs-target-builder__inputs .form-select:focus[b-26gdzmx20i],
.obs-search .form-control:focus[b-26gdzmx20i] {
    border-color: #4d9598;
    box-shadow: 0 0 0 .2rem rgba(27, 112, 118, .1);
}

.obs-target-builder[b-26gdzmx20i] {
    border-top: 1px solid var(--ops-line);
    margin-top: 1rem;
    padding-top: 1rem;
}

.obs-target-builder__inputs[b-26gdzmx20i] {
    align-items: end;
    display: grid;
    gap: .65rem;
    grid-template-columns: 1fr 1.25fr 1fr auto;
}

.obs-target-chips[b-26gdzmx20i] {
    display: grid;
    gap: .55rem;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    margin-top: .85rem;
}

.obs-target-chips article[b-26gdzmx20i] {
    background: #f6f9f8;
    border: 1px solid var(--ops-line);
    border-radius: .8rem;
    display: grid;
    gap: .22rem;
    grid-template-columns: 1fr auto;
    padding: .72rem .8rem;
    position: relative;
}

.obs-target-chips article span[b-26gdzmx20i],
.obs-target-chips article strong[b-26gdzmx20i],
.obs-target-chips article small[b-26gdzmx20i] {
    grid-column: 1;
}

.obs-target-chips article span[b-26gdzmx20i] {
    color: var(--ops-teal);
    font-size: .88rem;
    font-weight: 800;
}

.obs-target-chips article strong[b-26gdzmx20i] {
    font-size: 1rem;
}

.obs-target-chips article small[b-26gdzmx20i] {
    color: var(--ops-muted);
    font-size: .82rem;
}

.obs-target-chips article button[b-26gdzmx20i] {
    align-self: start;
    background: #fff0f1;
    border: 0;
    border-radius: .5rem;
    color: #bc3f4b;
    cursor: pointer;
    grid-column: 2;
    grid-row: 1 / 4;
    height: 2rem;
    width: 2rem;
}

.obs-form-actions[b-26gdzmx20i] {
    align-items: center;
    border-top: 1px solid var(--ops-line);
    display: flex;
    gap: .65rem;
    margin-top: 1rem;
    padding-top: 1rem;
}

.obs-search[b-26gdzmx20i] {
    align-items: center;
    display: flex;
    margin-bottom: .85rem;
    position: relative;
}

.obs-search > i[b-26gdzmx20i] {
    color: #88a0a2;
    pointer-events: none;
    position: absolute;
    right: .85rem;
    z-index: 1;
}

.obs-search .form-control[b-26gdzmx20i] {
    padding-right: 2.45rem;
}

.obs-request-list[b-26gdzmx20i],
.obs-error-file-list[b-26gdzmx20i] {
    display: grid;
    gap: .6rem;
    max-height: 34rem;
    overflow: auto;
    padding-left: .2rem;
}

.obs-request-list article[b-26gdzmx20i] {
    border: 1px solid var(--ops-line);
    border-radius: .85rem;
    overflow: hidden;
    transition: border .2s ease, box-shadow .2s ease;
}

.obs-request-list article.is-selected[b-26gdzmx20i] {
    border-color: #5b9fa2;
    box-shadow: 0 0 0 .18rem rgba(31, 117, 122, .08);
}

.obs-request-list__main[b-26gdzmx20i] {
    background: #fff;
    border: 0;
    color: inherit;
    cursor: pointer;
    display: block;
    padding: .85rem;
    text-align: right;
    width: 100%;
}

.obs-request-list__code[b-26gdzmx20i] {
    color: var(--ops-gold);
    font-size: .82rem;
    font-weight: 900;
}

.obs-request-list__main h4[b-26gdzmx20i] {
    font-size: .9rem;
    margin: .3rem 0 .15rem;
}

.obs-request-list__main p[b-26gdzmx20i],
.obs-request-list__main small[b-26gdzmx20i] {
    color: var(--ops-muted);
    font-size: .84rem;
    margin: 0;
}

.obs-request-list__progress[b-26gdzmx20i] {
    background: #e8efee;
    border-radius: 99px;
    height: .34rem;
    margin: .7rem 0 .4rem;
    overflow: hidden;
}

.obs-request-list__progress span[b-26gdzmx20i] {
    background: linear-gradient(90deg, var(--ops-teal), #4bb79b);
    display: block;
    height: 100%;
}

.obs-request-list__footer[b-26gdzmx20i] {
    align-items: center;
    background: #f7faf9;
    border-top: 1px solid var(--ops-line);
    display: flex;
    justify-content: space-between;
    padding: .5rem .75rem;
}

.obs-status[b-26gdzmx20i] {
    background: #edf3f2;
    border-radius: 99px;
    color: #537073;
    display: inline-flex;
    font-size: .82rem;
    font-style: normal;
    font-weight: 800;
    padding: .3rem .55rem;
}

.obs-status.is-active[b-26gdzmx20i],
.obs-status.is-completed[b-26gdzmx20i],
.obs-status.is-ready[b-26gdzmx20i] {
    background: #e6f7f0;
    color: #168262;
}

.obs-status.is-draft[b-26gdzmx20i],
.obs-status.is-notstarted[b-26gdzmx20i] {
    background: #f1f3f4;
    color: #697779;
}

.obs-status.is-inprogress[b-26gdzmx20i],
.obs-status.is-requested[b-26gdzmx20i],
.obs-status.is-submitted[b-26gdzmx20i],
.obs-status.is-attention[b-26gdzmx20i] {
    background: #fff6e5;
    color: #996b1c;
}

.obs-status.is-changesrequired[b-26gdzmx20i] {
    background: #ffecef;
    color: #b63f4b;
}

.obs-target-tracker[b-26gdzmx20i] {
    margin-top: 1rem;
}

.obs-table-wrap[b-26gdzmx20i] {
    border: 1px solid var(--ops-line);
    border-radius: .85rem;
    overflow: auto;
}

.obs-table-wrap table[b-26gdzmx20i] {
    border-collapse: collapse;
    min-width: 48rem;
    width: 100%;
}

.obs-table-wrap th[b-26gdzmx20i],
.obs-table-wrap td[b-26gdzmx20i] {
    border-bottom: 1px solid #e7eded;
    font-size: .92rem;
    padding: .75rem .8rem;
    text-align: right;
    vertical-align: top;
}

.obs-table-wrap th[b-26gdzmx20i] {
    background: #f0f5f4;
    color: #61797b;
    font-size: .88rem;
    font-weight: 800;
    white-space: nowrap;
}

.obs-table-wrap tbody tr:last-child td[b-26gdzmx20i] {
    border-bottom: 0;
}

.obs-empty-state[b-26gdzmx20i] {
    align-items: center;
    border: 1px dashed #c9d8d7;
    border-radius: .9rem;
    color: var(--ops-muted);
    display: flex;
    flex-direction: column;
    justify-content: center;
    min-height: 10rem;
    padding: 1rem;
    text-align: center;
}

.obs-empty-state.is-large[b-26gdzmx20i] {
    min-height: 24rem;
}

.obs-empty-state i[b-26gdzmx20i] {
    color: #4a9295;
    font-size: 1.5rem;
    margin-bottom: .65rem;
}

.obs-empty-state strong[b-26gdzmx20i] {
    color: var(--ops-ink);
    font-size: 1rem;
}

.obs-empty-state span[b-26gdzmx20i] {
    font-size: .88rem;
    margin-top: .25rem;
}

.obs-readiness-summary[b-26gdzmx20i] {
    display: grid;
    gap: .75rem;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    margin-bottom: 1rem;
}

.obs-readiness-summary article[b-26gdzmx20i] {
    background: #fff;
    border: 1px solid var(--ops-line);
    border-radius: .9rem;
    border-right: .25rem solid #7b9698;
    padding: .9rem 1rem;
}

.obs-readiness-summary article.is-ready[b-26gdzmx20i] {
    border-right-color: #2d9a79;
}

.obs-readiness-summary article.is-attention[b-26gdzmx20i] {
    border-right-color: #c6953b;
}

.obs-readiness-summary article.is-not-ready[b-26gdzmx20i] {
    border-right-color: #c8525e;
}

.obs-readiness-summary article.is-not-assessed[b-26gdzmx20i] {
    border-right-color: #66849d;
}

.obs-readiness-summary strong[b-26gdzmx20i],
.obs-readiness-summary span[b-26gdzmx20i] {
    display: block;
}

.obs-readiness-summary strong[b-26gdzmx20i] {
    font-size: 1.5rem;
}

.obs-readiness-summary span[b-26gdzmx20i] {
    color: var(--ops-muted);
    font-size: .88rem;
    margin-top: .15rem;
}

.obs-readiness-grid[b-26gdzmx20i] {
    display: grid;
    gap: .9rem;
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

.obs-readiness-card[b-26gdzmx20i] {
    background: #fff;
    border: 1px solid var(--ops-line);
    border-radius: 1rem;
    box-shadow: 0 12px 28px rgba(6, 50, 54, .06);
    padding: 1rem;
}

.obs-readiness-card.is-ready[b-26gdzmx20i] {
    --status-color: #238d6e;
}

.obs-readiness-card.is-attention[b-26gdzmx20i] {
    --status-color: #bd8831;
}

.obs-readiness-card.is-not-ready[b-26gdzmx20i] {
    --status-color: #bb4854;
}

.obs-readiness-card.is-not-assessed[b-26gdzmx20i] {
    --status-color: #66849d;
}

.obs-readiness-card header[b-26gdzmx20i] {
    align-items: center;
    display: flex;
    justify-content: space-between;
}

.obs-readiness-card header .obs-status[b-26gdzmx20i] {
    background: color-mix(in srgb, var(--status-color) 12%, white);
    color: var(--status-color);
}

.obs-readiness-card header small[b-26gdzmx20i] {
    color: #8a9b9d;
    font-size: .82rem;
}

.obs-readiness-card__score[b-26gdzmx20i] {
    align-items: center;
    background:
        radial-gradient(circle closest-side, #fff 74%, transparent 76% 99%),
        conic-gradient(var(--status-color) calc(var(--score) * 1%), #e8efee 0);
    border-radius: 50%;
    display: flex;
    height: 7.5rem;
    justify-content: center;
    margin: 1rem auto;
    width: 7.5rem;
}

.obs-readiness-card__score div[b-26gdzmx20i] {
    align-items: baseline;
    display: flex;
    gap: .1rem;
}

.obs-readiness-card__score strong[b-26gdzmx20i] {
    font-size: 1.65rem;
}

.obs-readiness-card__score span[b-26gdzmx20i] {
    color: var(--ops-muted);
    font-size: .84rem;
}

.obs-readiness-card h3[b-26gdzmx20i] {
    font-size: 1rem;
    margin: 0;
}

.obs-readiness-card > p[b-26gdzmx20i] {
    color: var(--ops-muted);
    font-size: .9rem;
    margin: .25rem 0 .65rem;
}

.obs-readiness-card__source[b-26gdzmx20i] {
    background: #f4f8f7;
    border: 1px solid #e2ecea;
    border-radius: .7rem;
    display: flex;
    flex-wrap: wrap;
    gap: .45rem .8rem;
    margin-bottom: .85rem;
    padding: .55rem .65rem;
}

.obs-readiness-card__source span[b-26gdzmx20i] {
    color: #4f686b;
    font-size: .86rem;
}

.obs-readiness-card__source i[b-26gdzmx20i] {
    color: var(--ops-teal);
    margin-left: .25rem;
}

.obs-score-grid[b-26gdzmx20i] {
    border-top: 1px solid var(--ops-line);
    display: grid;
    gap: .45rem;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    padding-top: .75rem;
}

.obs-score-grid span[b-26gdzmx20i] {
    color: var(--ops-muted);
    font-size: .84rem;
}

.obs-score-grid b[b-26gdzmx20i] {
    color: var(--ops-ink);
    display: block;
    font-size: .95rem;
}

.obs-score-grid .has-errors[b-26gdzmx20i],
.obs-score-grid .has-errors b[b-26gdzmx20i] {
    color: #ad3f55;
}

.obs-readiness-reasons[b-26gdzmx20i] {
    background: #fff8ea;
    border: 1px solid #efd9a8;
    border-radius: .72rem;
    margin-top: .8rem;
    padding: .65rem .75rem;
}

.obs-readiness-reasons summary[b-26gdzmx20i] {
    color: #805a16;
    cursor: pointer;
    font-size: .9rem;
    font-weight: 800;
}

.obs-readiness-reasons ul[b-26gdzmx20i] {
    color: #6d5a36;
    font-size: .86rem;
    line-height: 1.75;
    margin: .55rem 0 0;
    padding-right: 1.2rem;
}

.obs-readonly-badge[b-26gdzmx20i] {
    align-items: center;
    background: #edf3f2;
    border-radius: 99px;
    color: var(--ops-teal);
    display: inline-flex;
    flex: 0 0 auto;
    font-size: .9rem;
    font-weight: 800;
    gap: .45rem;
    padding: .55rem .8rem;
}

.obs-error-layout[b-26gdzmx20i] {
    grid-template-columns: minmax(18rem, .32fr) minmax(0, .68fr);
}

.obs-error-file-list > button[b-26gdzmx20i] {
    align-items: center;
    background: #fff;
    border: 1px solid var(--ops-line);
    border-radius: .8rem;
    color: inherit;
    cursor: pointer;
    display: flex;
    gap: .75rem;
    justify-content: space-between;
    padding: .75rem;
    text-align: right;
    transition: border .2s ease, background .2s ease;
    width: 100%;
}

.obs-error-file-list > button:hover[b-26gdzmx20i],
.obs-error-file-list > button.is-selected[b-26gdzmx20i] {
    background: #f3f8f7;
    border-color: #65a2a5;
}

.obs-error-file-list strong[b-26gdzmx20i],
.obs-error-file-list small[b-26gdzmx20i] {
    display: block;
}

.obs-error-file-list strong[b-26gdzmx20i] {
    font-size: .95rem;
}

.obs-error-file-list small[b-26gdzmx20i] {
    color: var(--ops-muted);
    font-size: .84rem;
    margin-top: .22rem;
}

.obs-error-counts[b-26gdzmx20i] {
    align-items: flex-end;
    display: flex;
    flex: 0 0 auto;
    flex-direction: column;
    gap: .25rem;
}

.obs-error-counts b[b-26gdzmx20i],
.obs-error-counts em[b-26gdzmx20i] {
    border-radius: 99px;
    font-size: .78rem;
    font-style: normal;
    padding: .25rem .45rem;
}

.obs-error-counts b[b-26gdzmx20i] {
    background: #ffecef;
    color: #b63f4b;
}

.obs-error-counts em[b-26gdzmx20i] {
    background: #fff6e4;
    color: #9a6b1b;
}

.obs-inspector-banner span[b-26gdzmx20i],
.obs-inspector-banner strong[b-26gdzmx20i] {
    display: block;
}

.obs-inspector-banner strong[b-26gdzmx20i] {
    margin-bottom: .12rem;
}

.obs-issues-table tbody tr.is-error[b-26gdzmx20i] {
    background: rgba(202, 69, 82, .055);
}

.obs-issues-table tbody tr.is-warning[b-26gdzmx20i] {
    background: rgba(187, 137, 47, .055);
}

.obs-issues-table td code[b-26gdzmx20i] {
    background: #f1f5f4;
    border-radius: .4rem;
    color: #395b5e;
    display: inline-block;
    font-family: inherit;
    max-width: 14rem;
    overflow-wrap: anywhere;
    padding: .28rem .4rem;
}

.obs-issues-table td kbd[b-26gdzmx20i] {
    background: #eaf2f1;
    border: 1px solid #d8e5e3;
    border-radius: .4rem;
    box-shadow: none;
    color: var(--ops-teal);
    direction: ltr;
    font-family: ui-monospace, monospace;
    font-size: .86rem;
    padding: .28rem .42rem;
}

.obs-issues-table tr.is-error td kbd[b-26gdzmx20i] {
    background: #ffe9ec;
    border-color: #e8aab2;
    color: #a72f3d;
    box-shadow: 0 0 0 3px rgba(202, 69, 82, .08);
}

.obs-issues-table tr.is-warning td kbd[b-26gdzmx20i] {
    background: #fff4dc;
    border-color: #e3c47e;
    color: #8b5d10;
    box-shadow: 0 0 0 3px rgba(187, 137, 47, .08);
}

.obs-issues-table td strong[b-26gdzmx20i],
.obs-issues-table td small[b-26gdzmx20i] {
    display: block;
}

.obs-issues-table td small[b-26gdzmx20i] {
    color: var(--ops-muted);
    font-size: .84rem;
    margin-top: .2rem;
}

.obs-issue-kind[b-26gdzmx20i] {
    border-radius: .5rem;
    display: inline-flex;
    font-size: .82rem;
    font-weight: 800;
    padding: .32rem .5rem;
}

tr.is-error .obs-issue-kind[b-26gdzmx20i] {
    background: #ffe9ec;
    color: #b43a47;
}

tr.is-warning .obs-issue-kind[b-26gdzmx20i] {
    background: #fff5df;
    color: #976719;
}

@media (max-width: 1200px) {
    .obs-operations__tabs[b-26gdzmx20i] {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .obs-request-layout[b-26gdzmx20i],
    .obs-error-layout[b-26gdzmx20i] {
        grid-template-columns: 1fr;
    }

    .obs-readiness-grid[b-26gdzmx20i] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .obs-readiness-summary[b-26gdzmx20i] {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}

@media (max-width: 760px) {
    .obs-operations[b-26gdzmx20i] {
        padding: .65rem;
    }

    .obs-operations__hero[b-26gdzmx20i] {
        align-items: flex-start;
        border-radius: 1.1rem;
        flex-direction: column;
    }

    .obs-operations__pulse[b-26gdzmx20i] {
        width: 100%;
    }

    .obs-operations__tabs[b-26gdzmx20i] {
        grid-template-columns: 1fr;
        margin-top: .75rem;
        max-width: 100%;
    }

    .obs-operations__tab[b-26gdzmx20i] {
        min-height: 3.8rem;
    }

    .obs-section-heading[b-26gdzmx20i] {
        align-items: flex-start;
        flex-direction: column;
    }

    .obs-form-grid[b-26gdzmx20i],
    .obs-target-builder__inputs[b-26gdzmx20i],
    .obs-target-chips[b-26gdzmx20i],
    .obs-readiness-summary[b-26gdzmx20i],
    .obs-readiness-grid[b-26gdzmx20i] {
        grid-template-columns: 1fr;
    }

    .obs-target-builder__inputs .obs-action[b-26gdzmx20i] {
        width: 100%;
    }

    .obs-form-actions[b-26gdzmx20i] {
        align-items: stretch;
        flex-direction: column;
    }
}

@media (prefers-reduced-motion: reduce) {
    .obs-operations__tab[b-26gdzmx20i],
    .obs-action[b-26gdzmx20i] {
        transition: none;
    }
}
/* _content/Starterkit/Observatory/DataQuality.razor.rz.scp.css */
.quality-workspace[b-1a5aplmu97],
.quality-message[b-1a5aplmu97],
.quality-loading[b-1a5aplmu97] {
    --quality-ink: #123d43;
    --quality-muted: #6f8589;
    --quality-line: rgba(18, 61, 67, .13);
    --quality-paper: #fbfdfc;
    --quality-primary: var(--obs-primary, #145f65);
    --quality-secondary: var(--obs-secondary, #b88935);
    --quality-success: #13866f;
    --quality-warning: #c18121;
    --quality-danger: #bd4354;
}

.quality-workspace[b-1a5aplmu97] {
    display: grid;
    gap: 1.25rem;
    direction: rtl;
    color: var(--quality-ink);
    font-family: inherit;
}

.quality-message[b-1a5aplmu97] {
    display: flex;
    align-items: center;
    gap: .7rem;
    padding: .9rem 1rem;
    border: 1px solid transparent;
    border-radius: .9rem;
    font-weight: 750;
}

.quality-message span[b-1a5aplmu97] {
    flex: 1;
}

.quality-message button[b-1a5aplmu97] {
    display: inline-grid;
    place-items: center;
    width: 2rem;
    height: 2rem;
    padding: 0;
    border: 0;
    border-radius: .6rem;
    color: inherit;
    background: transparent;
}

.quality-message.is-success[b-1a5aplmu97] {
    border-color: rgba(19, 134, 111, .25);
    color: #0d6d5b;
    background: #eef9f5;
}

.quality-message.is-error[b-1a5aplmu97] {
    border-color: rgba(189, 67, 84, .24);
    color: #a63244;
    background: #fff1f3;
}

.quality-loading[b-1a5aplmu97] {
    position: relative;
    overflow: hidden;
    display: flex;
    align-items: center;
    gap: 1rem;
    min-height: 9rem;
    padding: 1.5rem;
    border: 1px solid var(--quality-line);
    border-radius: 1.35rem;
    color: var(--quality-ink);
    background: #fff;
}

.quality-loading__mark[b-1a5aplmu97] {
    display: grid;
    place-items: center;
    width: 3.5rem;
    height: 3.5rem;
    border-radius: 1rem;
    color: #fff;
    background: var(--quality-primary);
    box-shadow: 0 .8rem 1.8rem rgba(20, 95, 101, .18);
}

.quality-loading div[b-1a5aplmu97] {
    display: grid;
    gap: .25rem;
}

.quality-loading strong[b-1a5aplmu97] {
    font-size: 1.08rem;
}

.quality-loading div span[b-1a5aplmu97] {
    color: var(--quality-muted);
}

.quality-loading__line[b-1a5aplmu97] {
    position: absolute;
    inset-inline: 0;
    inset-block-end: 0;
    height: .22rem;
    background: linear-gradient(90deg, transparent, var(--quality-secondary), var(--quality-primary), transparent);
    animation: quality-pulse-b-1a5aplmu97 1.6s ease-in-out infinite;
}

.quality-hero[b-1a5aplmu97] {
    position: relative;
    isolation: isolate;
    overflow: hidden;
    display: grid;
    grid-template-columns: minmax(0, 1.25fr) minmax(22rem, .75fr);
    gap: 2rem;
    padding: clamp(1.5rem, 3vw, 2.75rem);
    border-radius: 1.65rem;
    color: #fff;
    background:
        radial-gradient(circle at 12% 15%, rgba(184, 137, 53, .23), transparent 28%),
        linear-gradient(125deg, #092f34 0%, #145b61 56%, #153d42 100%);
    box-shadow: 0 1.3rem 3rem rgba(12, 57, 62, .14);
}

.quality-hero[b-1a5aplmu97]::before {
    content: "";
    position: absolute;
    z-index: -1;
    inset: 0;
    opacity: .3;
    background: repeating-linear-gradient(
        135deg,
        rgba(255, 255, 255, .05) 0,
        rgba(255, 255, 255, .05) 1px,
        transparent 1px,
        transparent 24px);
}

.quality-hero[b-1a5aplmu97]::after {
    content: "";
    position: absolute;
    z-index: -1;
    inset-inline-end: -4rem;
    inset-block-end: -7rem;
    width: 18rem;
    height: 18rem;
    border: 1px solid rgba(255, 255, 255, .1);
    border-radius: 50%;
    box-shadow:
        0 0 0 2rem rgba(255, 255, 255, .025),
        0 0 0 5rem rgba(255, 255, 255, .018);
}

.quality-hero__copy[b-1a5aplmu97] {
    align-self: center;
    max-width: 57rem;
}

.quality-kicker[b-1a5aplmu97] {
    display: inline-flex;
    align-items: center;
    gap: .45rem;
    margin-bottom: .55rem;
    color: var(--quality-secondary);
    font-size: .84rem;
    font-weight: 800;
}

.quality-hero h2[b-1a5aplmu97] {
    margin: 0 0 .7rem;
    color: #fff;
    font-size: clamp(1.7rem, 2.5vw, 2.5rem);
    font-weight: 850;
    line-height: 1.38;
}

.quality-hero p[b-1a5aplmu97] {
    max-width: 65ch;
    margin: 0;
    color: rgba(255, 255, 255, .74);
    font-size: 1rem;
    line-height: 1.9;
}

.quality-hero__metrics[b-1a5aplmu97] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: .7rem;
}

.quality-hero__metrics article[b-1a5aplmu97] {
    display: grid;
    align-content: center;
    gap: .4rem;
    min-height: 8.5rem;
    padding: 1rem;
    border: 1px solid rgba(255, 255, 255, .14);
    border-radius: 1.1rem;
    background: rgba(255, 255, 255, .055);
    backdrop-filter: blur(8px);
}

.quality-hero__metrics i[b-1a5aplmu97] {
    color: #e7c477;
}

.quality-hero__metrics strong[b-1a5aplmu97] {
    color: #fff;
    font-size: 1.7rem;
    line-height: 1;
}

.quality-hero__metrics span[b-1a5aplmu97] {
    color: rgba(255, 255, 255, .64);
    font-size: .79rem;
}

.quality-run-panel[b-1a5aplmu97],
.quality-result[b-1a5aplmu97],
.quality-rules[b-1a5aplmu97] {
    padding: clamp(1.1rem, 2.4vw, 1.8rem);
    border: 1px solid var(--quality-line);
    border-radius: 1.4rem;
    background: rgba(255, 255, 255, .92);
    box-shadow: 0 1rem 2.6rem rgba(18, 61, 67, .07);
}

.quality-section-heading[b-1a5aplmu97] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    padding-bottom: 1.1rem;
    border-bottom: 1px solid var(--quality-line);
}

.quality-section-heading > div[b-1a5aplmu97] {
    display: flex;
    align-items: center;
    gap: .8rem;
}

.quality-step[b-1a5aplmu97] {
    display: grid;
    place-items: center;
    width: 2.65rem;
    height: 2.65rem;
    border: 1px solid rgba(20, 95, 101, .15);
    border-radius: .85rem;
    color: var(--quality-primary);
    background: rgba(20, 95, 101, .06);
    font-size: .76rem;
    font-weight: 900;
}

.quality-section-heading h2[b-1a5aplmu97] {
    margin: 0;
    color: var(--quality-ink);
    font-size: 1.35rem;
    font-weight: 850;
}

.quality-section-heading p[b-1a5aplmu97] {
    margin: .2rem 0 0;
    color: var(--quality-muted);
    font-size: .88rem;
}

.quality-readonly-badge[b-1a5aplmu97],
.quality-run-state[b-1a5aplmu97] {
    display: inline-flex;
    align-items: center;
    gap: .4rem;
    padding: .45rem .7rem;
    border: 1px solid rgba(184, 137, 53, .2);
    border-radius: 999px;
    color: #8d681f;
    background: rgba(184, 137, 53, .08);
    font-size: .78rem;
    font-weight: 800;
}

.quality-run-state[b-1a5aplmu97] {
    border-color: rgba(19, 134, 111, .2);
    color: #0d765f;
    background: rgba(19, 134, 111, .08);
}

.quality-run-grid[b-1a5aplmu97] {
    display: grid;
    grid-template-columns:
        minmax(0, .8fr)
        minmax(0, 1fr)
        minmax(0, 1.45fr)
        auto;
    gap: .9rem;
    align-items: end;
    margin-top: 1rem;
}

.quality-field[b-1a5aplmu97] {
    display: grid;
    align-content: start;
    gap: .45rem;
    min-width: 0;
}

.quality-field > span[b-1a5aplmu97] {
    color: var(--quality-ink);
    font-size: .82rem;
    font-weight: 800;
}

.quality-field > span b[b-1a5aplmu97] {
    color: var(--quality-danger);
}

.quality-field input:not([type="checkbox"])[b-1a5aplmu97],
.quality-field select[b-1a5aplmu97] {
    width: 100%;
    min-height: 3rem;
    padding: .65rem .8rem;
    border: 1px solid var(--quality-line);
    border-radius: .78rem;
    color: var(--quality-ink);
    background-color: #fff;
    outline: none;
    transition: border-color .2s ease, box-shadow .2s ease;
}

.quality-field input:focus[b-1a5aplmu97],
.quality-field select:focus[b-1a5aplmu97] {
    border-color: rgba(20, 95, 101, .45);
    box-shadow: 0 0 0 .22rem rgba(20, 95, 101, .08);
}

.quality-field small[b-1a5aplmu97] {
    min-height: 1.2rem;
    color: var(--quality-muted);
    font-size: .72rem;
}

.quality-run-action[b-1a5aplmu97],
.quality-primary-action[b-1a5aplmu97],
.quality-secondary-action[b-1a5aplmu97],
.quality-ghost-action[b-1a5aplmu97] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: .5rem;
    min-height: 3rem;
    padding: .7rem 1rem;
    border: 0;
    border-radius: .82rem;
    font-weight: 850;
    transition: transform .2s ease, opacity .2s ease;
}

.quality-run-action[b-1a5aplmu97],
.quality-primary-action[b-1a5aplmu97] {
    color: #fff;
    background: var(--quality-primary);
    box-shadow: 0 .8rem 1.8rem rgba(20, 95, 101, .16);
}

.quality-secondary-action[b-1a5aplmu97] {
    border: 1px solid rgba(20, 95, 101, .16);
    color: var(--quality-primary);
    background: rgba(20, 95, 101, .06);
}

.quality-ghost-action[b-1a5aplmu97] {
    border: 1px solid var(--quality-line);
    color: var(--quality-muted);
    background: #fff;
}

.quality-run-action:not(:disabled):hover[b-1a5aplmu97],
.quality-primary-action:not(:disabled):hover[b-1a5aplmu97],
.quality-secondary-action:not(:disabled):hover[b-1a5aplmu97] {
    transform: translateY(-2px);
}

.quality-run-action:disabled[b-1a5aplmu97],
.quality-primary-action:disabled[b-1a5aplmu97],
.quality-secondary-action:disabled[b-1a5aplmu97],
.quality-ghost-action:disabled[b-1a5aplmu97] {
    cursor: not-allowed;
    opacity: .48;
    box-shadow: none;
}

.quality-permission-note[b-1a5aplmu97] {
    display: flex;
    align-items: center;
    gap: .4rem;
    margin: .8rem 0 0;
    padding: .65rem .8rem;
    border-radius: .7rem;
    color: #8c681f;
    background: rgba(184, 137, 53, .08);
    font-size: .8rem;
}

.quality-history-select[b-1a5aplmu97] {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 1rem;
    margin-top: 1rem;
    padding: .85rem;
    border: 1px solid var(--quality-line);
    border-radius: .9rem;
    background: #f8faf9;
}

.quality-history-select label[b-1a5aplmu97] {
    display: grid;
    gap: .35rem;
    width: min(100%, 38rem);
}

.quality-history-select label > span[b-1a5aplmu97] {
    display: flex;
    align-items: center;
    gap: .4rem;
    color: var(--quality-ink);
    font-size: .8rem;
    font-weight: 800;
}

.quality-history-select select[b-1a5aplmu97] {
    min-height: 2.8rem;
    border-color: var(--quality-line);
    border-radius: .7rem;
}

.quality-history-select > span[b-1a5aplmu97] {
    color: var(--quality-muted);
    font-size: .75rem;
}

.quality-empty[b-1a5aplmu97] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 1.4rem;
    min-height: 17rem;
    padding: 2rem;
    border: 1px dashed rgba(20, 95, 101, .2);
    border-radius: 1.4rem;
    background:
        radial-gradient(circle at 8% 95%, rgba(20, 95, 101, .08), transparent 25%),
        #fbfdfc;
}

.quality-empty__visual[b-1a5aplmu97] {
    display: grid;
    place-items: center;
    flex: 0 0 auto;
    width: 5.2rem;
    height: 5.2rem;
    border-radius: 1.5rem;
    color: #fff;
    background: var(--quality-primary);
    box-shadow: 0 1rem 2rem rgba(20, 95, 101, .16);
    transform: rotate(-5deg);
}

.quality-empty__visual i[b-1a5aplmu97] {
    font-size: 1.5rem;
    transform: rotate(5deg);
}

.quality-empty h2[b-1a5aplmu97] {
    margin: 0 0 .45rem;
    color: var(--quality-ink);
    font-size: 1.5rem;
    font-weight: 850;
}

.quality-empty p[b-1a5aplmu97] {
    max-width: 58ch;
    margin: 0;
    color: var(--quality-muted);
    line-height: 1.8;
}

.quality-section-heading--result[b-1a5aplmu97] {
    align-items: flex-start;
}

.quality-result-overview[b-1a5aplmu97] {
    display: grid;
    grid-template-columns: minmax(19rem, .7fr) minmax(0, 1.3fr);
    gap: 1rem;
    margin-top: 1rem;
}

.quality-score-card[b-1a5aplmu97] {
    display: flex;
    align-items: center;
    gap: 1rem;
    padding: 1rem;
    border: 1px solid var(--quality-line);
    border-radius: 1.1rem;
    background: #fbfdfc;
}

.quality-score-ring[b-1a5aplmu97] {
    position: relative;
    display: grid;
    place-items: center;
    flex: 0 0 auto;
    width: 7.2rem;
    height: 7.2rem;
    border-radius: 50%;
    background:
        radial-gradient(circle closest-side, #fff 75%, transparent 76% 99%, #fff 100%),
        conic-gradient(
            var(--quality-score-color, var(--quality-primary))
            calc(var(--quality-score) * 1%),
            rgba(18, 61, 67, .09) 0);
}

.quality-score-ring span[b-1a5aplmu97] {
    display: grid;
    justify-items: center;
}

.quality-score-ring strong[b-1a5aplmu97] {
    color: var(--quality-score-color, var(--quality-primary));
    font-size: 1.75rem;
    line-height: 1;
}

.quality-score-ring small[b-1a5aplmu97] {
    margin-top: .15rem;
    color: var(--quality-muted);
    font-size: .68rem;
}

.quality-score-card > div:last-child[b-1a5aplmu97] {
    display: grid;
    gap: .2rem;
}

.quality-score-card > div:last-child small[b-1a5aplmu97],
.quality-score-card > div:last-child span[b-1a5aplmu97] {
    color: var(--quality-muted);
    font-size: .74rem;
}

.quality-score-card > div:last-child strong[b-1a5aplmu97] {
    color: var(--quality-ink);
    font-size: 1.2rem;
}

.quality-score-card.is-excellent[b-1a5aplmu97],
.quality-score-card.is-good[b-1a5aplmu97] {
    --quality-score-color: var(--quality-success);
}

.quality-score-card.is-review[b-1a5aplmu97] {
    --quality-score-color: var(--quality-warning);
}

.quality-score-card.is-critical[b-1a5aplmu97] {
    --quality-score-color: var(--quality-danger);
}

.quality-result-metrics[b-1a5aplmu97] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: .75rem;
}

.quality-result-metrics article[b-1a5aplmu97] {
    display: flex;
    align-items: center;
    gap: .75rem;
    min-height: 7.4rem;
    padding: 1rem;
    border: 1px solid var(--quality-line);
    border-radius: 1.05rem;
    background: #fff;
}

.quality-result-metrics article > span[b-1a5aplmu97] {
    display: grid;
    place-items: center;
    width: 2.8rem;
    height: 2.8rem;
    border-radius: .85rem;
}

.quality-result-metrics article > div[b-1a5aplmu97] {
    display: grid;
    gap: .15rem;
}

.quality-result-metrics strong[b-1a5aplmu97] {
    color: var(--quality-ink);
    font-size: 1.55rem;
    line-height: 1;
}

.quality-result-metrics small[b-1a5aplmu97] {
    color: var(--quality-muted);
}

.quality-result-metrics .is-error > span[b-1a5aplmu97] {
    color: var(--quality-danger);
    background: rgba(189, 67, 84, .1);
}

.quality-result-metrics .is-warning > span[b-1a5aplmu97] {
    color: var(--quality-warning);
    background: rgba(193, 129, 33, .1);
}

.quality-result-metrics .is-total > span[b-1a5aplmu97] {
    color: var(--quality-primary);
    background: rgba(20, 95, 101, .1);
}

.quality-findings-heading[b-1a5aplmu97] {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 1rem;
    margin-top: 1.25rem;
    padding-top: 1.1rem;
    border-top: 1px solid var(--quality-line);
}

.quality-findings-heading h3[b-1a5aplmu97] {
    margin: 0;
    color: var(--quality-ink);
    font-size: 1.15rem;
    font-weight: 850;
}

.quality-findings-heading p[b-1a5aplmu97] {
    margin: .2rem 0 0;
    color: var(--quality-muted);
    font-size: .82rem;
}

.quality-findings-filters[b-1a5aplmu97] {
    display: flex;
    gap: .55rem;
    width: min(100%, 56rem);
}

.quality-findings-filters > select[b-1a5aplmu97] {
    flex: 0 0 clamp(15rem, 19vw, 19rem);
    width: clamp(15rem, 19vw, 19rem);
    min-height: 2.8rem;
    border-color: var(--quality-line);
    border-radius: .72rem;
}

.quality-findings-filters .quality-search[b-1a5aplmu97] {
    flex: 1 1 30rem;
    min-width: 28rem;
}

.quality-search[b-1a5aplmu97] {
    position: relative;
    display: block;
    width: 100%;
}

.quality-search i[b-1a5aplmu97] {
    position: absolute;
    inset-inline-start: .9rem;
    inset-block-start: 50%;
    color: #91a3a6;
    transform: translateY(-50%);
    pointer-events: none;
}

.quality-search input[b-1a5aplmu97] {
    width: 100%;
    min-height: 2.8rem;
    padding: .62rem 2.6rem .62rem .85rem;
    border: 1px solid var(--quality-line);
    border-radius: .72rem;
    color: var(--quality-ink);
    background: #fff;
    outline: none;
}

.quality-search input:focus[b-1a5aplmu97] {
    border-color: rgba(20, 95, 101, .45);
    box-shadow: 0 0 0 .22rem rgba(20, 95, 101, .08);
}

.quality-findings-table-wrap[b-1a5aplmu97] {
    overflow: auto;
    margin-top: 1rem;
    border: 1px solid var(--quality-line);
    border-radius: 1rem;
}

.quality-findings-table[b-1a5aplmu97] {
    width: 100%;
    min-width: 70rem;
    border-collapse: collapse;
    background: #fff;
}

.quality-findings-table th[b-1a5aplmu97] {
    padding: .8rem;
    color: #6d8286;
    background: #f1f5f4;
    font-size: .75rem;
    font-weight: 850;
    white-space: nowrap;
}

.quality-findings-table td[b-1a5aplmu97] {
    padding: .85rem .8rem;
    border-top: 1px solid var(--quality-line);
    color: var(--quality-ink);
    vertical-align: middle;
    font-size: .82rem;
}

.quality-findings-table tbody tr[b-1a5aplmu97] {
    transition: background .18s ease;
}

.quality-findings-table tbody tr:hover[b-1a5aplmu97] {
    background: #fbfdfc;
}

.quality-severity[b-1a5aplmu97] {
    display: inline-flex;
    align-items: center;
    gap: .35rem;
    padding: .36rem .56rem;
    border-radius: 999px;
    font-size: .75rem;
    font-weight: 850;
    white-space: nowrap;
}

.quality-severity.is-error[b-1a5aplmu97] {
    color: var(--quality-danger);
    background: rgba(189, 67, 84, .1);
}

.quality-severity.is-warning[b-1a5aplmu97] {
    color: #a66b13;
    background: rgba(193, 129, 33, .11);
}

.quality-finding-copy[b-1a5aplmu97],
.quality-finding-context[b-1a5aplmu97] {
    display: grid;
    gap: .2rem;
}

.quality-finding-copy[b-1a5aplmu97] {
    max-width: 27rem;
}

.quality-finding-copy strong[b-1a5aplmu97],
.quality-finding-context strong[b-1a5aplmu97] {
    color: var(--quality-ink);
    line-height: 1.5;
}

.quality-finding-copy span[b-1a5aplmu97],
.quality-finding-context small[b-1a5aplmu97] {
    color: var(--quality-muted);
    font-size: .73rem;
    line-height: 1.55;
}

.quality-cell-location[b-1a5aplmu97] {
    display: inline-flex;
    align-items: center;
    gap: .4rem;
    max-width: 14rem;
    overflow: hidden;
    padding: .42rem .55rem;
    border-radius: .55rem;
    color: var(--quality-primary);
    background: rgba(20, 95, 101, .07);
    font-weight: 800;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.quality-cell-value[b-1a5aplmu97] {
    display: block;
    max-width: 13rem;
    overflow-wrap: anywhere;
    padding: .45rem .55rem;
    border-radius: .55rem;
    direction: ltr;
    unicode-bidi: plaintext;
    background: #f5f7f7;
    font-weight: 750;
}

.quality-cell-value.is-actual[b-1a5aplmu97] {
    box-shadow: inset 3px 0 rgba(189, 67, 84, .25);
}

.quality-cell-value.is-expected[b-1a5aplmu97] {
    box-shadow: inset 3px 0 rgba(19, 134, 111, .24);
}

.quality-no-findings[b-1a5aplmu97],
.quality-rules-empty[b-1a5aplmu97] {
    display: grid;
    justify-items: center;
    gap: .35rem;
    margin-top: 1rem;
    padding: 2.4rem 1rem;
    border: 1px dashed var(--quality-line);
    border-radius: 1rem;
    color: var(--quality-muted);
    text-align: center;
    background: #fafcfb;
}

.quality-no-findings i[b-1a5aplmu97],
.quality-rules-empty i[b-1a5aplmu97] {
    margin-bottom: .25rem;
    color: var(--quality-success);
    font-size: 1.5rem;
}

.quality-no-findings strong[b-1a5aplmu97],
.quality-rules-empty strong[b-1a5aplmu97] {
    color: var(--quality-ink);
}

.quality-render-note[b-1a5aplmu97] {
    display: flex;
    align-items: center;
    gap: .45rem;
    margin: .8rem 0 0;
    color: var(--quality-muted);
    font-size: .78rem;
}

.quality-render-note i[b-1a5aplmu97] {
    color: var(--quality-primary);
}

.quality-rule-editor[b-1a5aplmu97] {
    margin-top: 1rem;
    padding: 1rem;
    border: 1px solid rgba(20, 95, 101, .18);
    border-radius: 1.1rem;
    background:
        linear-gradient(135deg, rgba(20, 95, 101, .055), rgba(184, 137, 53, .035)),
        #fff;
}

.quality-rule-editor > header[b-1a5aplmu97] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
}

.quality-rule-editor > header > div[b-1a5aplmu97] {
    display: flex;
    align-items: center;
    gap: .7rem;
}

.quality-rule-editor__mark[b-1a5aplmu97] {
    display: grid;
    place-items: center;
    width: 2.8rem;
    height: 2.8rem;
    border-radius: .85rem;
    color: #fff;
    background: var(--quality-primary);
}

.quality-rule-editor header small[b-1a5aplmu97] {
    color: var(--quality-secondary);
    font-size: .7rem;
    font-weight: 800;
}

.quality-rule-editor h3[b-1a5aplmu97] {
    margin: .1rem 0 0;
    color: var(--quality-ink);
    font-size: 1.08rem;
    font-weight: 850;
}

.quality-icon-button[b-1a5aplmu97] {
    display: grid;
    place-items: center;
    width: 2.35rem;
    height: 2.35rem;
    padding: 0;
    border: 1px solid var(--quality-line);
    border-radius: .7rem;
    color: var(--quality-muted);
    background: #fff;
}

.quality-editor-loading[b-1a5aplmu97] {
    display: flex;
    align-items: center;
    gap: .5rem;
    margin-top: .8rem;
    padding: .65rem .75rem;
    border-radius: .7rem;
    color: var(--quality-muted);
    background: rgba(20, 95, 101, .06);
    font-size: .8rem;
}

.quality-rule-form[b-1a5aplmu97] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: .9rem;
    margin-top: 1rem;
}

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

.quality-toggle[b-1a5aplmu97] {
    display: flex;
    align-items: center;
    gap: .7rem;
    padding: .75rem;
    border: 1px solid var(--quality-line);
    border-radius: .8rem;
    background: rgba(255, 255, 255, .75);
    cursor: pointer;
}

.quality-toggle input[b-1a5aplmu97] {
    position: absolute;
    opacity: 0;
    pointer-events: none;
}

.quality-toggle > span[b-1a5aplmu97] {
    position: relative;
    flex: 0 0 auto;
    width: 2.7rem;
    height: 1.45rem;
    border-radius: 999px;
    background: #c8d2d3;
    transition: background .2s ease;
}

.quality-toggle > span[b-1a5aplmu97]::after {
    content: "";
    position: absolute;
    inset-block-start: .18rem;
    inset-inline-end: .18rem;
    width: 1.08rem;
    height: 1.08rem;
    border-radius: 50%;
    background: #fff;
    box-shadow: 0 .15rem .4rem rgba(18, 61, 67, .2);
    transition: transform .2s ease;
}

.quality-toggle input:checked + span[b-1a5aplmu97] {
    background: var(--quality-primary);
}

.quality-toggle input:checked + span[b-1a5aplmu97]::after {
    transform: translateX(-1.25rem);
}

.quality-toggle div[b-1a5aplmu97] {
    display: grid;
    gap: .1rem;
}

.quality-toggle strong[b-1a5aplmu97] {
    color: var(--quality-ink);
    font-size: .84rem;
}

.quality-toggle small[b-1a5aplmu97] {
    color: var(--quality-muted);
    font-size: .72rem;
}

.quality-engine-note[b-1a5aplmu97] {
    display: flex;
    align-items: flex-start;
    gap: .45rem;
    margin: .9rem 0 0;
    padding: .7rem .8rem;
    border: 1px solid rgba(184, 137, 53, .18);
    border-radius: .75rem;
    color: #87641e;
    background: rgba(184, 137, 53, .07);
    font-size: .78rem;
    line-height: 1.65;
}

.quality-rule-editor > footer[b-1a5aplmu97] {
    display: flex;
    justify-content: flex-end;
    gap: .55rem;
    margin-top: 1rem;
    padding-top: .9rem;
    border-top: 1px solid var(--quality-line);
}

.quality-rules-toolbar[b-1a5aplmu97] {
    display: flex;
    align-items: center;
    gap: .55rem;
    margin-top: 1rem;
    padding: .8rem;
    border: 1px solid var(--quality-line);
    border-radius: .9rem;
    background: #f8faf9;
}

.quality-rules-toolbar .quality-search[b-1a5aplmu97] {
    max-width: 28rem;
}

.quality-rules-toolbar > select[b-1a5aplmu97] {
    width: 12rem;
    min-height: 2.8rem;
    border-color: var(--quality-line);
    border-radius: .72rem;
}

.quality-rule-list[b-1a5aplmu97] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: .8rem;
    margin-top: 1rem;
}

.quality-rule-card[b-1a5aplmu97] {
    display: grid;
    grid-template-rows: auto 1fr auto auto;
    gap: .8rem;
    min-width: 0;
    padding: .95rem;
    border: 1px solid var(--quality-line);
    border-radius: 1rem;
    background: #fff;
    box-shadow: 0 .6rem 1.4rem rgba(18, 61, 67, .045);
    transition: transform .2s ease, border-color .2s ease;
}

.quality-rule-card:hover[b-1a5aplmu97] {
    border-color: rgba(20, 95, 101, .27);
    transform: translateY(-2px);
}

.quality-rule-card.is-disabled[b-1a5aplmu97] {
    opacity: .65;
    background: #fafbfb;
}

.quality-rule-card__top[b-1a5aplmu97],
.quality-rule-card > footer[b-1a5aplmu97] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: .6rem;
}

.quality-rule-type[b-1a5aplmu97],
.quality-rule-state[b-1a5aplmu97] {
    display: inline-flex;
    align-items: center;
    gap: .35rem;
    color: var(--quality-primary);
    font-size: .72rem;
    font-weight: 850;
}

.quality-rule-state[b-1a5aplmu97] {
    padding: .3rem .5rem;
    border-radius: 999px;
}

.quality-rule-state i[b-1a5aplmu97] {
    font-size: .42rem;
}

.quality-rule-state.is-enabled[b-1a5aplmu97] {
    color: var(--quality-success);
    background: rgba(19, 134, 111, .09);
}

.quality-rule-state.is-disabled[b-1a5aplmu97] {
    color: var(--quality-muted);
    background: rgba(111, 133, 137, .09);
}

.quality-rule-card__body h3[b-1a5aplmu97] {
    margin: 0;
    color: var(--quality-ink);
    font-size: 1rem;
    font-weight: 850;
    line-height: 1.55;
}

.quality-rule-card__body p[b-1a5aplmu97] {
    margin: .3rem 0 0;
    color: var(--quality-muted);
    font-size: .76rem;
    line-height: 1.55;
}

.quality-rule-scope[b-1a5aplmu97] {
    display: grid;
    gap: .35rem;
    padding: .65rem;
    border-radius: .7rem;
    background: #f6f8f8;
}

.quality-rule-scope span[b-1a5aplmu97] {
    display: flex;
    align-items: center;
    gap: .4rem;
    overflow: hidden;
    color: var(--quality-muted);
    font-size: .72rem;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.quality-rule-scope i[b-1a5aplmu97] {
    color: var(--quality-primary);
}

.quality-rule-card > footer[b-1a5aplmu97] {
    padding-top: .7rem;
    border-top: 1px solid var(--quality-line);
}

.quality-rule-card > footer button[b-1a5aplmu97] {
    display: inline-flex;
    align-items: center;
    gap: .35rem;
    padding: .4rem .6rem;
    border: 1px solid rgba(20, 95, 101, .14);
    border-radius: .65rem;
    color: var(--quality-primary);
    background: rgba(20, 95, 101, .055);
    font-size: .75rem;
    font-weight: 800;
}

.quality-rule-card > footer button:disabled[b-1a5aplmu97] {
    opacity: .45;
}

@keyframes quality-pulse-b-1a5aplmu97 {
    0%,
    100% {
        opacity: .35;
        transform: scaleX(.45);
    }

    50% {
        opacity: 1;
        transform: scaleX(1);
    }
}

@media (max-width: 1180px) {
    .quality-hero[b-1a5aplmu97] {
        grid-template-columns: 1fr;
    }

    .quality-hero__metrics article[b-1a5aplmu97] {
        min-height: 6.5rem;
    }

    .quality-rule-list[b-1a5aplmu97] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 900px) {
    .quality-run-grid[b-1a5aplmu97],
    .quality-result-overview[b-1a5aplmu97] {
        grid-template-columns: 1fr;
    }

    .quality-run-action[b-1a5aplmu97] {
        width: 100%;
    }

    .quality-history-select[b-1a5aplmu97],
    .quality-findings-heading[b-1a5aplmu97] {
        align-items: stretch;
        flex-direction: column;
    }

    .quality-findings-filters[b-1a5aplmu97] {
        width: 100%;
    }
}

@media (max-width: 700px) {
    .quality-section-heading[b-1a5aplmu97] {
        align-items: stretch;
        flex-direction: column;
    }

    .quality-result-metrics[b-1a5aplmu97],
    .quality-rule-form[b-1a5aplmu97],
    .quality-rule-list[b-1a5aplmu97] {
        grid-template-columns: 1fr;
    }

    .quality-field--wide[b-1a5aplmu97] {
        grid-column: auto;
    }

    .quality-findings-filters[b-1a5aplmu97],
    .quality-rules-toolbar[b-1a5aplmu97] {
        align-items: stretch;
        flex-direction: column;
    }

    .quality-findings-filters > select[b-1a5aplmu97],
    .quality-findings-filters .quality-search[b-1a5aplmu97],
    .quality-rules-toolbar > select[b-1a5aplmu97],
    .quality-rules-toolbar .quality-search[b-1a5aplmu97] {
        width: 100%;
        min-width: 0;
        max-width: none;
        flex-basis: auto;
    }
}

@media (max-width: 560px) {
    .quality-hero__metrics[b-1a5aplmu97] {
        grid-template-columns: 1fr;
    }

    .quality-hero__metrics article[b-1a5aplmu97] {
        min-height: auto;
    }

    .quality-empty[b-1a5aplmu97] {
        align-items: flex-start;
        flex-direction: column;
    }

    .quality-score-card[b-1a5aplmu97] {
        align-items: flex-start;
        flex-direction: column;
    }
}

@media (prefers-reduced-motion: reduce) {
    .quality-loading__line[b-1a5aplmu97] {
        animation: none;
    }

    .quality-run-action[b-1a5aplmu97],
    .quality-primary-action[b-1a5aplmu97],
    .quality-secondary-action[b-1a5aplmu97],
    .quality-rule-card[b-1a5aplmu97],
    .quality-toggle > span[b-1a5aplmu97],
    .quality-toggle > span[b-1a5aplmu97]::after {
        transition: none;
    }
}
/* _content/Starterkit/Observatory/DictionaryTab.razor.rz.scp.css */
.dictionary-layout[b-8k7ppa6qpw] {
    --dictionary-ink: #17383b;
    --dictionary-muted: #6f8385;
    --dictionary-line: #d9e6e3;
    --dictionary-soft: #f4f9f8;
    display: grid;
    grid-template-columns: minmax(0, .86fr) minmax(380px, 1.14fr);
    align-items: start;
    gap: 20px;
}

.dictionary-layout.is-organizations[b-8k7ppa6qpw] {
    grid-template-columns: 1fr;
}

.obs-panel[b-8k7ppa6qpw] {
    position: relative;
    min-width: 0;
    padding: clamp(20px, 2.2vw, 32px);
    overflow: hidden;
    border: 1px solid var(--dictionary-line);
    border-radius: 24px;
    background:
        linear-gradient(90deg, color-mix(in srgb, var(--obs-primary) 3%, transparent) 1px, transparent 1px) 0 0 / 34px 34px,
        linear-gradient(155deg, #fff, #fbfdfc);
    box-shadow: 0 18px 48px rgba(16, 55, 58, .085);
}

.obs-panel[b-8k7ppa6qpw]::before {
    position: absolute;
    inset: 0 0 auto;
    height: 4px;
    background: linear-gradient(90deg, var(--obs-primary), var(--obs-secondary));
    content: "";
}

.dictionary-form[b-8k7ppa6qpw] {
    border-top-color: var(--obs-primary);
}

.dictionary-list[b-8k7ppa6qpw] {
    border-top-color: var(--obs-secondary);
}

.dictionary-filters[b-8k7ppa6qpw] {
    display: grid;
    grid-template-columns:
        minmax(170px, .85fr)
        minmax(220px, 1.2fr)
        minmax(220px, 1fr)
        auto;
    align-items: end;
    gap: 12px;
    margin: -5px 0 20px;
    padding: 14px;
    border: 1px solid #dce8e5;
    border-radius: 15px;
    background: linear-gradient(135deg, #f5faf9, #fff);
}

.dictionary-filter[b-8k7ppa6qpw] {
    display: grid;
    min-width: 0;
    gap: 6px;
}

.dictionary-filter > label[b-8k7ppa6qpw],
.dictionary-filter > span[b-8k7ppa6qpw] {
    color: #536d70;
    font-size: clamp(14px, calc(13px + .12vw), 16px);
    font-weight: 850;
}

.dictionary-filter .form-select[b-8k7ppa6qpw],
.dictionary-filter--search > div[b-8k7ppa6qpw] {
    min-height: 46px;
    border: 1px solid #d6e3e0;
    border-radius: 11px;
    color: var(--dictionary-ink);
    background-color: #fff;
    font-size: clamp(15px, calc(14px + .12vw), 17px);
    box-shadow: none;
}

.dictionary-filter--search > div[b-8k7ppa6qpw] {
    display: flex;
    align-items: center;
    gap: 9px;
    padding-inline: 13px;
}

.dictionary-filter--search i[b-8k7ppa6qpw] {
    flex: 0 0 auto;
    color: var(--obs-primary);
}

.dictionary-filter--search input[b-8k7ppa6qpw] {
    width: 100%;
    min-width: 0;
    border: 0;
    outline: 0;
    color: var(--dictionary-ink);
    background: transparent;
    font: inherit;
}

.dictionary-filter__result[b-8k7ppa6qpw] {
    display: inline-flex;
    min-height: 46px;
    align-items: center;
    justify-content: center;
    gap: 6px;
    padding: 9px 13px;
    border: 1px solid color-mix(in srgb, var(--obs-primary) 18%, #dce8e5);
    border-radius: 11px;
    color: #526d70;
    background: color-mix(in srgb, var(--obs-primary) 7%, #fff);
    font-size: clamp(14px, calc(13px + .12vw), 16px);
    font-weight: 800;
    white-space: nowrap;
}

.dictionary-filter__result strong[b-8k7ppa6qpw] {
    color: var(--obs-primary);
    font-size: 1.08em;
}

.indicator-bulk[b-8k7ppa6qpw] {
    display: grid;
    gap: 15px;
    margin: 0 0 20px;
    padding: 17px;
    border: 1px solid color-mix(in srgb, var(--obs-primary) 24%, #d9e6e3);
    border-radius: 17px;
    background:
        radial-gradient(circle at 100% 0%, color-mix(in srgb, var(--obs-primary) 11%, transparent), transparent 34%),
        linear-gradient(145deg, #f6fbfa, #fff);
}

.indicator-bulk__header[b-8k7ppa6qpw],
.indicator-bulk__selection[b-8k7ppa6qpw],
.indicator-bulk__review-heading[b-8k7ppa6qpw],
.indicator-bulk__review footer[b-8k7ppa6qpw] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 14px;
}

.indicator-bulk__header[b-8k7ppa6qpw] {
    align-items: flex-start;
}

.indicator-bulk__eyebrow[b-8k7ppa6qpw] {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    color: var(--obs-primary);
    font-size: clamp(13px, calc(12px + .1vw), 15px);
    font-weight: 900;
}

.indicator-bulk__header h3[b-8k7ppa6qpw] {
    margin: 5px 0 0;
    color: #173b3e;
    font-size: clamp(18px, calc(17px + .2vw), 21px);
    font-weight: 950;
}

.indicator-bulk__header p[b-8k7ppa6qpw],
.indicator-bulk__review-heading p[b-8k7ppa6qpw] {
    margin: 5px 0 0;
    color: #698083;
    font-size: clamp(13px, calc(12px + .12vw), 15px);
    font-weight: 650;
    line-height: 1.75;
}

.indicator-bulk__count[b-8k7ppa6qpw] {
    display: inline-flex;
    min-width: 112px;
    min-height: 48px;
    align-items: center;
    justify-content: center;
    gap: 6px;
    padding: 9px 12px;
    border: 1px solid color-mix(in srgb, var(--obs-primary) 21%, #d9e6e3);
    border-radius: 12px;
    color: #516d70;
    background: #fff;
    font-size: clamp(13px, calc(12px + .12vw), 15px);
    font-weight: 850;
    white-space: nowrap;
}

.indicator-bulk__count strong[b-8k7ppa6qpw] {
    color: var(--obs-primary);
    font-size: 1.15em;
}

.indicator-bulk__template-hint[b-8k7ppa6qpw] {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 13px 14px;
    border: 1px dashed color-mix(in srgb, var(--obs-secondary) 45%, #ddcfad);
    border-radius: 12px;
    color: #745921;
    background: color-mix(in srgb, var(--obs-secondary) 10%, #fff);
    font-size: clamp(13px, calc(12px + .12vw), 15px);
    font-weight: 750;
    line-height: 1.75;
}

.indicator-bulk__selection[b-8k7ppa6qpw] {
    padding: 12px 14px;
    border: 1px solid #deebe8;
    border-radius: 13px;
    background: rgba(255, 255, 255, .82);
}

.indicator-bulk__selection > div:first-child[b-8k7ppa6qpw] {
    display: grid;
    min-width: 0;
    gap: 4px;
}

.indicator-bulk__selection strong[b-8k7ppa6qpw] {
    overflow: hidden;
    color: #25484b;
    font-size: clamp(14px, calc(13px + .15vw), 17px);
    font-weight: 900;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.indicator-bulk__selection span[b-8k7ppa6qpw] {
    color: #758789;
    font-size: clamp(12px, calc(11px + .12vw), 14px);
    font-weight: 700;
}

.indicator-bulk__selection > div:last-child[b-8k7ppa6qpw] {
    display: flex;
    flex: 0 0 auto;
    flex-wrap: wrap;
    gap: 8px;
}

.indicator-bulk__selection .btn[b-8k7ppa6qpw],
.indicator-bulk__review .btn[b-8k7ppa6qpw] {
    display: inline-flex;
    min-height: 42px;
    align-items: center;
    justify-content: center;
    gap: 7px;
    border-radius: 10px;
    font-size: clamp(13px, calc(12px + .12vw), 15px);
    font-weight: 900;
}

.indicator-bulk__fields[b-8k7ppa6qpw] {
    display: grid;
    grid-template-columns:
        repeat(3, minmax(155px, 1fr))
        minmax(165px, auto);
    align-items: end;
    gap: 10px;
}

.indicator-bulk__fields label[b-8k7ppa6qpw] {
    display: grid;
    min-width: 0;
    gap: 6px;
    color: #405d60;
    font-size: clamp(13px, calc(12px + .12vw), 15px);
    font-weight: 850;
}

.indicator-bulk__fields .form-select[b-8k7ppa6qpw] {
    min-height: 45px;
    border: 1px solid #d5e3e0;
    border-radius: 10px;
    color: #244548;
    background-color: #fff;
    font-size: clamp(14px, calc(13px + .12vw), 16px);
    box-shadow: none;
}

.indicator-bulk__review-button[b-8k7ppa6qpw] {
    min-height: 45px;
    border: 1px solid var(--obs-primary);
    border-radius: 10px;
    color: #fff;
    background: var(--obs-primary);
    font-size: clamp(14px, calc(13px + .12vw), 16px);
    font-weight: 900;
}

.indicator-bulk__review-button:disabled[b-8k7ppa6qpw] {
    border-color: #cbd8d6;
    color: #8a9a9b;
    background: #eef3f2;
}

.indicator-bulk__review[b-8k7ppa6qpw] {
    display: grid;
    gap: 13px;
    padding: 16px;
    border: 1px solid color-mix(in srgb, var(--obs-primary) 38%, #cfe0dd);
    border-radius: 14px;
    background: #fff;
    box-shadow: 0 12px 28px rgba(23, 67, 69, .09);
}

.indicator-bulk__review-heading[b-8k7ppa6qpw] {
    justify-content: flex-start;
}

.indicator-bulk__review-heading > span[b-8k7ppa6qpw] {
    display: grid;
    width: 42px;
    height: 42px;
    flex: 0 0 42px;
    place-items: center;
    border-radius: 12px;
    color: #fff;
    background: var(--obs-primary);
}

.indicator-bulk__review-heading strong[b-8k7ppa6qpw] {
    color: #173d40;
    font-size: clamp(15px, calc(14px + .15vw), 18px);
    font-weight: 950;
}

.indicator-bulk__review dl[b-8k7ppa6qpw] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 9px;
    margin: 0;
}

.indicator-bulk__review dl > div[b-8k7ppa6qpw] {
    display: grid;
    gap: 3px;
    padding: 10px 12px;
    border: 1px solid #e0ebe8;
    border-radius: 10px;
    background: #f8fbfa;
}

.indicator-bulk__review dt[b-8k7ppa6qpw] {
    color: #758789;
    font-size: clamp(12px, calc(11px + .1vw), 14px);
    font-weight: 750;
}

.indicator-bulk__review dd[b-8k7ppa6qpw] {
    margin: 0;
    color: var(--obs-primary);
    font-size: clamp(14px, calc(13px + .15vw), 17px);
    font-weight: 950;
}

.indicator-bulk__impact-note[b-8k7ppa6qpw] {
    display: flex;
    align-items: flex-start;
    gap: 8px;
    margin: 0;
    padding: 10px 12px;
    border: 1px solid color-mix(in srgb, var(--obs-primary) 18%, #dce8e5);
    border-radius: 10px;
    color: #49676a;
    background: color-mix(in srgb, var(--obs-primary) 6%, #fff);
    font-size: clamp(12px, calc(11px + .12vw), 14px);
    font-weight: 750;
    line-height: 1.7;
}

.indicator-bulk__shared-warning[b-8k7ppa6qpw] {
    display: flex;
    align-items: flex-start;
    gap: 8px;
    margin: 0;
    padding: 10px 12px;
    border: 1px solid #ead6ad;
    border-radius: 10px;
    color: #775818;
    background: #fff9ec;
    font-size: clamp(12px, calc(11px + .12vw), 14px);
    font-weight: 750;
    line-height: 1.7;
}

.indicator-bulk__review footer[b-8k7ppa6qpw] {
    justify-content: flex-start;
    padding-top: 3px;
}

.obs-panel__header[b-8k7ppa6qpw] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 22px;
    margin-bottom: 22px;
    padding-bottom: 18px;
    border-bottom: 1px solid #e5ecea;
}

.obs-panel__title[b-8k7ppa6qpw] {
    margin: 0;
    color: #14373a;
    font-size: clamp(1.15rem, 1.45vw, 1.42rem);
    font-weight: 950;
    letter-spacing: -.015em;
}

.obs-panel__subtitle[b-8k7ppa6qpw] {
    max-width: 760px;
    margin: 7px 0 0;
    color: var(--dictionary-muted);
    font-size: .8rem;
    line-height: 1.85;
}

.readonly-chip[b-8k7ppa6qpw] {
    display: inline-flex;
    min-height: 36px;
    align-items: center;
    gap: 8px;
    padding: 7px 12px;
    border: 1px solid color-mix(in srgb, var(--obs-secondary) 38%, #e7dcc5);
    border-radius: 10px;
    color: #73531a;
    background: linear-gradient(145deg, color-mix(in srgb, var(--obs-secondary) 16%, #fff), #fff);
    font-size: .72rem;
    font-weight: 900;
    white-space: nowrap;
}

.permission-hint[b-8k7ppa6qpw] {
    padding: 14px 16px;
    border: 1px solid #e6d4b2;
    border-radius: 12px;
    color: #725623;
    background: linear-gradient(135deg, #fff9ec, #fff);
    font-size: .77rem;
    line-height: 1.8;
}

.obs-form-grid[b-8k7ppa6qpw] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 15px;
}

.obs-field[b-8k7ppa6qpw] {
    display: grid;
    min-width: 0;
    align-content: start;
    gap: 7px;
}

.obs-field.is-wide[b-8k7ppa6qpw],
.obs-field.is-full[b-8k7ppa6qpw] {
    grid-column: 1 / -1;
}

.obs-field label[b-8k7ppa6qpw] {
    color: #344f52;
    font-size: .76rem;
    font-weight: 850;
}

.obs-field label span[b-8k7ppa6qpw] {
    color: #b43c4e;
}

.obs-field label small[b-8k7ppa6qpw] {
    color: #7a8c8e;
    font-size: .68rem;
    font-weight: 700;
}

.obs-field .form-control[b-8k7ppa6qpw],
.obs-field .form-select[b-8k7ppa6qpw] {
    min-height: 47px;
    border: 1px solid #d7e3e1;
    border-radius: 11px;
    color: var(--dictionary-ink);
    background-color: #fbfdfc;
    font-size: .8rem;
    box-shadow: none;
}

.obs-field textarea.form-control[b-8k7ppa6qpw] {
    min-height: 100px;
    resize: vertical;
}

.dictionary-field-hint[b-8k7ppa6qpw] {
    color: #738689;
    font-size: .68rem;
    font-weight: 650;
    line-height: 1.7;
}

.obs-field .form-control:focus[b-8k7ppa6qpw],
.obs-field .form-select:focus[b-8k7ppa6qpw] {
    border-color: color-mix(in srgb, var(--obs-primary) 58%, #b9cfcb);
    background: #fff;
    box-shadow: 0 0 0 4px color-mix(in srgb, var(--obs-primary) 9%, transparent);
}

.dictionary-form__actions[b-8k7ppa6qpw] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 10px;
    margin-block-start: 25px;
    padding-block-start: 17px;
    border-top: 1px solid #e7efed;
}

.dictionary-form__actions .btn[b-8k7ppa6qpw] {
    display: inline-flex;
    min-width: 142px;
    min-height: 46px;
    align-items: center;
    justify-content: center;
    gap: 8px;
    border-radius: 12px;
    font-size: .78rem;
    font-weight: 900;
    transition: transform .2s ease, box-shadow .2s ease, border-color .2s ease, background .2s ease;
}

.dictionary-form__actions .btn:hover:not(:disabled)[b-8k7ppa6qpw],
.dictionary-form__actions .btn:focus-visible[b-8k7ppa6qpw] {
    outline: none;
    transform: translateY(-1px);
}

.dictionary-form__actions .btn-light[b-8k7ppa6qpw] {
    border-color: #dce6e4;
    color: #546b6e;
    background: linear-gradient(145deg, #fff, #f4f8f7);
}

.dictionary-form__actions .btn-light:hover[b-8k7ppa6qpw],
.dictionary-form__actions .btn-light:focus-visible[b-8k7ppa6qpw] {
    border-color: color-mix(in srgb, var(--obs-primary) 28%, #dce6e4);
    color: var(--obs-primary);
    box-shadow: 0 9px 20px rgba(25, 72, 74, .09);
}

.switch-row.indicator-gender-toggle[b-8k7ppa6qpw],
.switch-row.indicator-policy-toggle[b-8k7ppa6qpw] {
    display: grid !important;
    min-height: 76px;
    grid-template-columns: 22px minmax(0, 1fr);
    align-items: center;
    gap: 13px;
    margin: 0;
    padding: 14px 16px;
    border: 1px solid #dbe7e5;
    border-radius: 13px;
    background: linear-gradient(135deg, #f7fbfa, #fff);
    cursor: pointer;
}

.switch-row.indicator-gender-toggle input[b-8k7ppa6qpw],
.switch-row.indicator-policy-toggle input[b-8k7ppa6qpw] {
    width: 20px;
    height: 20px;
    align-self: center;
    margin: 0;
    accent-color: var(--obs-primary);
}

.indicator-gender-toggle__content[b-8k7ppa6qpw],
.indicator-policy-toggle__content[b-8k7ppa6qpw] {
    display: grid;
    min-width: 0;
    gap: 4px;
}

.indicator-gender-toggle__content strong[b-8k7ppa6qpw],
.indicator-policy-toggle__content strong[b-8k7ppa6qpw] {
    color: #2c494c;
    font-size: .8rem;
    font-weight: 900;
    line-height: 1.55;
}

.indicator-gender-toggle__content small[b-8k7ppa6qpw],
.indicator-policy-toggle__content small[b-8k7ppa6qpw] {
    color: #708284;
    font-size: .69rem;
    font-weight: 650;
    line-height: 1.7;
}

.organization-directory-grid[b-8k7ppa6qpw] {
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: 15px;
}

.organization-card[b-8k7ppa6qpw] {
    position: relative;
    display: flex;
    min-width: 0;
    min-height: 430px !important;
    aspect-ratio: 1 / 1;
    flex-direction: column;
    padding: 16px;
    overflow: hidden;
    border: 1px solid #d9e6e3;
    border-radius: 18px;
    background:
        radial-gradient(circle at 8% 0%, color-mix(in srgb, var(--obs-primary) 12%, transparent), transparent 34%),
        linear-gradient(155deg, #fff 0%, #f8fbfa 100%);
    box-shadow: 0 11px 27px rgba(28, 66, 67, .07);
    transition: border-color .22s ease, box-shadow .22s ease, transform .22s ease;
}

.organization-card[b-8k7ppa6qpw]::before {
    position: absolute;
    inset: 0 0 auto;
    height: 4px;
    background: linear-gradient(90deg, var(--obs-primary), var(--obs-secondary));
    content: "";
}

.organization-card[b-8k7ppa6qpw]::after {
    position: absolute;
    inset: auto auto -34px -34px;
    width: 92px;
    height: 92px;
    border: 18px solid color-mix(in srgb, var(--obs-secondary) 8%, transparent);
    border-radius: 50%;
    content: "";
    pointer-events: none;
}

.organization-card:hover[b-8k7ppa6qpw] {
    border-color: color-mix(in srgb, var(--obs-primary) 38%, #d9e6e3);
    box-shadow: 0 17px 36px rgba(28, 66, 67, .13);
    transform: translateY(-4px);
}

.organization-card__top[b-8k7ppa6qpw] {
    position: relative;
    z-index: 1;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    margin-bottom: 15px;
}

.organization-card__icon[b-8k7ppa6qpw] {
    display: grid;
    width: 43px;
    height: 43px;
    flex: 0 0 43px;
    place-items: center;
    border: 1px solid color-mix(in srgb, var(--obs-primary) 18%, #fff);
    border-radius: 13px;
    color: #fff;
    background: linear-gradient(145deg, var(--obs-primary), color-mix(in srgb, var(--obs-primary) 72%, #153f43));
    box-shadow: 0 9px 19px color-mix(in srgb, var(--obs-primary) 22%, transparent);
    font-size: .95rem;
}

.organization-card__code[b-8k7ppa6qpw] {
    max-width: calc(100% - 54px);
    padding: 7px 10px;
    overflow: hidden;
    border: 1px solid color-mix(in srgb, var(--obs-secondary) 28%, #e3e9e7);
    border-radius: 999px;
    color: #735317;
    background: color-mix(in srgb, var(--obs-secondary) 12%, #fff);
    font-family: Consolas, "Courier New", monospace;
    font-size: .67rem;
    font-weight: 850;
    letter-spacing: .035em;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.organization-card__content[b-8k7ppa6qpw] {
    position: relative;
    z-index: 1;
    display: flex;
    min-width: 0;
    flex: 1;
    flex-direction: column;
}

.organization-card__label[b-8k7ppa6qpw] {
    display: block;
    margin-bottom: 3px;
    color: #849395;
    font-size: .61rem;
    font-weight: 850;
}

.organization-card h3[b-8k7ppa6qpw] {
    min-height: 44px;
    margin: 0 0 11px;
    overflow: hidden;
    color: #183b3e;
    font-size: clamp(.88rem, 1vw, 1.02rem);
    font-weight: 950;
    line-height: 1.55;
    text-overflow: ellipsis;
}

.organization-card__english[b-8k7ppa6qpw] {
    min-height: 35px;
    margin: 0 0 11px;
    overflow: hidden;
    color: #587073;
    font-size: .71rem;
    font-weight: 720;
    line-height: 1.5;
    text-align: left;
    text-overflow: ellipsis;
}

.organization-card__email[b-8k7ppa6qpw] {
    display: flex;
    min-width: 0;
    min-height: 37px;
    align-items: center;
    gap: 7px;
    margin-top: auto;
    padding: 8px 10px;
    overflow: hidden;
    border: 1px solid color-mix(in srgb, var(--obs-primary) 12%, #e7efed);
    border-radius: 10px;
    color: var(--obs-primary);
    background: color-mix(in srgb, var(--obs-primary) 6%, #fff);
    font-size: .66rem;
    font-weight: 780;
    text-decoration: none;
    transition: color .18s ease, background .18s ease, border-color .18s ease;
}

.organization-card__email span[b-8k7ppa6qpw] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.organization-card__email:hover[b-8k7ppa6qpw],
.organization-card__email:focus-visible[b-8k7ppa6qpw] {
    border-color: var(--obs-primary);
    color: #fff;
    background: var(--obs-primary);
    outline: none;
}

.organization-card__email.is-empty[b-8k7ppa6qpw] {
    justify-content: center;
    color: #879698;
    background: #f4f7f6;
}

.organization-card__actions[b-8k7ppa6qpw] {
    position: relative;
    z-index: 1;
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 8px;
    margin-top: 14px;
    padding-top: 12px;
    border-top: 1px solid #e4ecea;
}

.organization-card__action[b-8k7ppa6qpw] {
    min-width: 0;
    min-height: 42px;
    padding-inline: 10px;
    border-radius: 11px;
    font-size: .69rem;
    font-weight: 900;
}

.organization-card__action.is-edit:hover[b-8k7ppa6qpw],
.organization-card__action.is-edit:focus-visible[b-8k7ppa6qpw] {
    border-color: var(--obs-primary);
    color: #fff;
    background: var(--obs-primary);
}

.organization-card__action.is-delete:hover[b-8k7ppa6qpw],
.organization-card__action.is-delete:focus-visible[b-8k7ppa6qpw] {
    border-color: #a92f45;
    color: #fff;
    background: #a92f45;
}

.dictionary-items[b-8k7ppa6qpw] {
    display: grid;
    gap: 9px;
    max-height: 650px;
    overflow: auto;
    padding-inline-end: 4px;
    scrollbar-color: color-mix(in srgb, var(--obs-primary) 35%, #d8e4e1) transparent;
}

.dictionary-item[b-8k7ppa6qpw] {
    position: relative;
    display: grid;
    grid-template-columns: 44px minmax(0, 1fr) auto;
    align-items: center;
    gap: 12px;
    padding: 12px;
    overflow: hidden;
    border: 1px solid #e0eae7;
    border-radius: 13px;
    background: linear-gradient(145deg, #fff, #fafcfb);
    transition: border-color .2s ease, transform .2s ease, box-shadow .2s ease;
}

.dictionary-item.has-selector[b-8k7ppa6qpw] {
    grid-template-columns: 28px 44px minmax(0, 1fr) auto;
}

.dictionary-item.is-selected[b-8k7ppa6qpw] {
    border-color: color-mix(in srgb, var(--obs-primary) 48%, #d7e5e2);
    background:
        linear-gradient(145deg, color-mix(in srgb, var(--obs-primary) 8%, #fff), #fff);
    box-shadow: 0 9px 22px rgba(21, 57, 60, .1);
}

.dictionary-item__selector[b-8k7ppa6qpw] {
    display: grid;
    width: 24px;
    height: 24px;
    place-items: center;
    cursor: pointer;
}

.dictionary-item__selector input[b-8k7ppa6qpw] {
    width: 20px;
    height: 20px;
    margin: 0;
    accent-color: var(--obs-primary);
    cursor: pointer;
}

.dictionary-item[b-8k7ppa6qpw]::before {
    position: absolute;
    inset-block: 10px;
    inset-inline-start: 0;
    width: 4px;
    border-radius: 0 4px 4px 0;
    background: linear-gradient(var(--obs-secondary), var(--obs-primary));
    content: "";
}

.dictionary-item:hover[b-8k7ppa6qpw] {
    border-color: color-mix(in srgb, var(--obs-primary) 30%, #e1eae8);
    box-shadow: 0 9px 22px rgba(21, 57, 60, .08);
    transform: translateX(-2px);
}

.dictionary-item__icon[b-8k7ppa6qpw] {
    display: grid;
    width: 42px;
    height: 42px;
    place-items: center;
    border-radius: 11px;
    color: var(--obs-primary);
    background: color-mix(in srgb, var(--obs-primary) 9%, #fff);
}

.dictionary-item strong[b-8k7ppa6qpw],
.dictionary-item code[b-8k7ppa6qpw] {
    display: block;
}

.dictionary-item strong[b-8k7ppa6qpw] {
    overflow: hidden;
    color: #243f42;
    font-size: .8rem;
    font-weight: 900;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.dictionary-item code[b-8k7ppa6qpw] {
    margin-top: 4px;
    color: #829092;
    font-size: .65rem;
}

.dictionary-item__usage[b-8k7ppa6qpw] {
    display: inline-flex;
    width: fit-content;
    margin-top: 7px;
    padding: 4px 8px;
    border: 1px solid color-mix(in srgb, var(--obs-primary) 16%, #dce8e5);
    border-radius: 999px;
    color: var(--obs-primary);
    background: color-mix(in srgb, var(--obs-primary) 7%, #fff);
    font-size: clamp(13px, calc(12px + .1vw), 15px);
    font-weight: 800;
}

.dictionary-item__usage.is-unlinked[b-8k7ppa6qpw] {
    border-color: #ead8b8;
    color: #805d1d;
    background: #fff8ea;
}

.dictionary-item button[b-8k7ppa6qpw] {
    display: inline-flex;
    min-width: 42px;
    min-height: 40px;
    align-items: center;
    justify-content: center;
    gap: 7px;
    padding: 8px 11px;
    border: 1px solid color-mix(in srgb, var(--obs-primary) 20%, #dce7e4);
    border-radius: 10px;
    color: var(--obs-primary);
    background: color-mix(in srgb, var(--obs-primary) 6%, #fff);
    font-size: .7rem;
    font-weight: 900;
    transition: color .2s ease, background .2s ease, transform .2s ease;
}

.dictionary-item button:hover[b-8k7ppa6qpw],
.dictionary-item button:focus-visible[b-8k7ppa6qpw] {
    color: #fff;
    background: var(--obs-primary);
    outline: none;
    transform: translateY(-1px);
}

.obs-empty.compact[b-8k7ppa6qpw] {
    min-height: 190px;
}

@media (max-width: 1499.98px) {
    .organization-directory-grid[b-8k7ppa6qpw] {
        grid-template-columns: repeat(4, minmax(0, 1fr));
    }
}

@media (max-width: 1199.98px) {
    .dictionary-layout[b-8k7ppa6qpw] {
        grid-template-columns: 1fr;
    }

    .dictionary-filters[b-8k7ppa6qpw] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .organization-directory-grid[b-8k7ppa6qpw] {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .indicator-bulk__fields[b-8k7ppa6qpw] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 991.98px) {
    .organization-directory-grid[b-8k7ppa6qpw] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .indicator-bulk__header[b-8k7ppa6qpw],
    .indicator-bulk__selection[b-8k7ppa6qpw] {
        align-items: stretch;
        flex-direction: column;
    }

    .indicator-bulk__count[b-8k7ppa6qpw] {
        align-self: flex-start;
    }

    .indicator-bulk__fields[b-8k7ppa6qpw],
    .indicator-bulk__review dl[b-8k7ppa6qpw] {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 767.98px) {
    .obs-panel[b-8k7ppa6qpw] {
        padding: 18px;
        border-radius: 20px;
    }

    .obs-panel__header[b-8k7ppa6qpw] {
        align-items: stretch;
        flex-direction: column;
    }

    .obs-form-grid[b-8k7ppa6qpw] {
        grid-template-columns: 1fr;
    }

    .dictionary-filters[b-8k7ppa6qpw] {
        grid-template-columns: 1fr;
    }

    .dictionary-filter__result[b-8k7ppa6qpw] {
        justify-self: stretch;
    }

    .organization-directory-grid[b-8k7ppa6qpw] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 679.98px) {
    .organization-directory-grid[b-8k7ppa6qpw] {
        grid-template-columns: 1fr;
    }

    .organization-card[b-8k7ppa6qpw] {
        aspect-ratio: auto;
    }
}

@media (max-width: 479.98px) {
    .dictionary-form__actions[b-8k7ppa6qpw] {
        align-items: stretch;
        flex-direction: column;
    }

    .dictionary-form__actions .btn[b-8k7ppa6qpw] {
        width: 100%;
    }

    .organization-card[b-8k7ppa6qpw] {
        min-height: 0 !important;
    }

    .indicator-bulk__selection > div:last-child[b-8k7ppa6qpw],
    .indicator-bulk__review footer[b-8k7ppa6qpw] {
        align-items: stretch;
        flex-direction: column;
    }

    .indicator-bulk__selection .btn[b-8k7ppa6qpw],
    .indicator-bulk__review .btn[b-8k7ppa6qpw] {
        width: 100%;
    }

    .dictionary-item.has-selector[b-8k7ppa6qpw] {
        grid-template-columns: 26px 40px minmax(0, 1fr);
    }

    .dictionary-item.has-selector > button[b-8k7ppa6qpw] {
        grid-column: 2 / -1;
    }
}

@media (prefers-reduced-motion: reduce) {
    .organization-card[b-8k7ppa6qpw],
    .organization-card__action[b-8k7ppa6qpw],
    .dictionary-item[b-8k7ppa6qpw],
    .dictionary-item button[b-8k7ppa6qpw],
    .dictionary-form__actions .btn[b-8k7ppa6qpw] {
        transition: none;
    }
}
/* _content/Starterkit/Observatory/Governance.razor.rz.scp.css */
.governance-workspace[b-dp91q628vn],
.governance-message[b-dp91q628vn],
.governance-loading[b-dp91q628vn] {
    --gov-ink: #123c43;
    --gov-teal: #145f65;
    --gov-teal-deep: #0d454b;
    --gov-gold: #b88935;
    --gov-paper: #fbfdfc;
    --gov-line: rgba(18, 60, 67, .13);
    --gov-muted: #6e8589;
    --gov-danger: #bd4354;
    --gov-success: #13866f;
    --gov-primary: var(--obs-primary, var(--gov-teal));
    --gov-secondary: var(--obs-secondary, var(--gov-gold));
}

.governance-workspace[b-dp91q628vn] {
    display: grid;
    gap: 1.25rem;
    direction: rtl;
    color: var(--gov-ink);
    font-family: inherit;
}

.governance-command[b-dp91q628vn] {
    position: relative;
    isolation: isolate;
    overflow: hidden;
    display: grid;
    grid-template-columns: minmax(0, 1.35fr) minmax(22rem, .75fr);
    gap: 2rem;
    padding: clamp(1.5rem, 3vw, 2.8rem);
    border: 1px solid rgba(255, 255, 255, .13);
    border-radius: 1.65rem;
    color: #fff;
    background:
        radial-gradient(circle at 12% 18%, rgba(184, 137, 53, .2), transparent 28%),
        linear-gradient(125deg, #0a353a 0%, #12535a 56%, #183d42 100%);
    box-shadow: 0 1.25rem 3rem rgba(14, 59, 64, .14);
}

.governance-command[b-dp91q628vn]::before {
    content: "";
    position: absolute;
    z-index: -1;
    inset: 0;
    opacity: .28;
    background: repeating-linear-gradient(
        135deg,
        rgba(255, 255, 255, .045) 0,
        rgba(255, 255, 255, .045) 1px,
        transparent 1px,
        transparent 22px);
}

.governance-command[b-dp91q628vn]::after {
    content: "";
    position: absolute;
    inset-block-start: 0;
    inset-inline-start: 8%;
    width: 8rem;
    height: .23rem;
    background: linear-gradient(90deg, var(--gov-secondary), #ece0b6);
}

.governance-command__copy[b-dp91q628vn] {
    align-self: center;
    max-width: 52rem;
}

.governance-kicker[b-dp91q628vn] {
    display: inline-flex;
    align-items: center;
    gap: .45rem;
    margin-bottom: .55rem;
    color: var(--gov-secondary);
    font-size: .83rem;
    font-weight: 800;
    letter-spacing: .02em;
}

.governance-command h2[b-dp91q628vn] {
    margin: 0 0 .65rem;
    color: #fff;
    font-size: clamp(1.65rem, 2.5vw, 2.45rem);
    font-weight: 800;
    line-height: 1.4;
}

.governance-command p[b-dp91q628vn] {
    max-width: 62ch;
    margin: 0;
    color: rgba(255, 255, 255, .73);
    font-size: 1rem;
    line-height: 1.9;
}

.governance-command__metrics[b-dp91q628vn] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: .65rem;
    align-self: stretch;
}

.governance-command__metrics article[b-dp91q628vn] {
    display: grid;
    align-content: center;
    gap: .7rem;
    min-height: 8.2rem;
    padding: 1rem;
    border: 1px solid rgba(255, 255, 255, .14);
    border-radius: 1.1rem;
    background: rgba(255, 255, 255, .055);
    backdrop-filter: blur(8px);
}

.governance-command__metrics i[b-dp91q628vn] {
    color: #e7c477;
    font-size: 1.05rem;
}

.governance-command__metrics div[b-dp91q628vn] {
    display: grid;
    gap: .2rem;
}

.governance-command__metrics strong[b-dp91q628vn] {
    color: #fff;
    font-size: 1.65rem;
    line-height: 1;
}

.governance-command__metrics span[b-dp91q628vn] {
    color: rgba(255, 255, 255, .65);
    font-size: .78rem;
    line-height: 1.45;
}

.governance-tabs[b-dp91q628vn] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: .7rem;
    padding: .55rem;
    border: 1px solid var(--gov-line);
    border-radius: 1.35rem;
    background: rgba(255, 255, 255, .78);
    box-shadow: 0 .75rem 2.2rem rgba(18, 60, 67, .07);
    backdrop-filter: blur(12px);
}

.governance-tabs.is-two-column[b-dp91q628vn] {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.governance-tabs button[b-dp91q628vn] {
    position: relative;
    display: grid;
    grid-template-columns: 2.8rem minmax(0, 1fr) auto;
    align-items: center;
    gap: .75rem;
    min-height: 4.5rem;
    padding: .75rem 1rem;
    border: 1px solid transparent;
    border-radius: 1rem;
    color: #547075;
    text-align: right;
    background: transparent;
    transition: transform .2s ease, color .2s ease, background .2s ease, border-color .2s ease;
}

.governance-tabs button:hover[b-dp91q628vn] {
    color: var(--gov-ink);
    background: rgba(20, 95, 101, .055);
}

.governance-tabs button:focus-visible[b-dp91q628vn],
.governance-panel button:focus-visible[b-dp91q628vn],
.governance-panel input:focus-visible[b-dp91q628vn],
.governance-panel select:focus-visible[b-dp91q628vn],
.notification-item a:focus-visible[b-dp91q628vn] {
    outline: 3px solid rgba(184, 137, 53, .3);
    outline-offset: 2px;
}

.governance-tabs button.is-active[b-dp91q628vn] {
    border-color: rgba(20, 95, 101, .14);
    color: var(--gov-ink);
    background: #fff;
    box-shadow: 0 .55rem 1.35rem rgba(16, 71, 77, .1);
}

.governance-tabs button.is-active[b-dp91q628vn]::after {
    content: "";
    position: absolute;
    inset-inline: 1.1rem;
    inset-block-end: -.56rem;
    height: .2rem;
    border-radius: 1rem;
    background: linear-gradient(90deg, var(--gov-primary), var(--gov-secondary));
}

.governance-tabs__icon[b-dp91q628vn] {
    display: grid;
    place-items: center;
    width: 2.65rem;
    height: 2.65rem;
    border-radius: .85rem;
    color: var(--gov-primary);
    background: rgba(20, 95, 101, .08);
}

.governance-tabs button.is-active .governance-tabs__icon[b-dp91q628vn] {
    color: #fff;
    background: var(--gov-primary);
}

.governance-tabs button > span:nth-child(2)[b-dp91q628vn] {
    display: grid;
    gap: .15rem;
}

.governance-tabs strong[b-dp91q628vn] {
    font-size: .96rem;
}

.governance-tabs small[b-dp91q628vn] {
    color: #83979b;
    font-size: .74rem;
}

.governance-tabs b[b-dp91q628vn] {
    display: grid;
    place-items: center;
    min-width: 1.7rem;
    height: 1.7rem;
    padding: 0 .35rem;
    border-radius: 99rem;
    color: #fff;
    background: var(--gov-danger);
    font-size: .72rem;
}

.governance-tabs__lock[b-dp91q628vn] {
    color: #a9b7ba;
    font-size: .8rem;
}

.governance-panel[b-dp91q628vn] {
    overflow: hidden;
    border: 1px solid var(--gov-line);
    border-radius: 1.55rem;
    background:
        linear-gradient(145deg, rgba(255, 255, 255, .98), rgba(249, 252, 251, .94));
    box-shadow: 0 1rem 3rem rgba(16, 71, 77, .08);
}

.governance-panel__header[b-dp91q628vn] {
    display: flex;
    align-items: center;
    gap: .8rem;
    padding: 1.4rem 1.6rem;
    border-bottom: 1px solid var(--gov-line);
    background:
        radial-gradient(circle at 5% 0%, rgba(184, 137, 53, .08), transparent 20%),
        rgba(255, 255, 255, .82);
}

.governance-panel__header > div:first-child[b-dp91q628vn] {
    flex: 1 1 auto;
    min-width: 0;
}

.governance-panel__header h2[b-dp91q628vn] {
    margin: 0 0 .25rem;
    color: var(--gov-ink);
    font-size: clamp(1.35rem, 2vw, 1.8rem);
    font-weight: 800;
}

.governance-panel__header p[b-dp91q628vn] {
    margin: 0;
    color: var(--gov-muted);
    font-size: .92rem;
    line-height: 1.65;
}

.panel-stat[b-dp91q628vn] {
    display: grid;
    gap: .1rem;
    min-width: 6.8rem;
    padding: .7rem .9rem;
    border-inline-start: 1px solid var(--gov-line);
}

.panel-stat strong[b-dp91q628vn] {
    color: var(--gov-primary);
    font-size: 1.45rem;
}

.panel-stat span[b-dp91q628vn] {
    color: var(--gov-muted);
    font-size: .72rem;
}

.panel-stat.is-accent strong[b-dp91q628vn] {
    color: var(--gov-danger);
}

.access-layout[b-dp91q628vn] {
    display: grid;
    grid-template-columns: minmax(19rem, .76fr) minmax(0, 1.55fr);
    border-bottom: 1px solid var(--gov-line);
}

.access-editor[b-dp91q628vn],
.capability-editor[b-dp91q628vn] {
    padding: 1.4rem;
}

.access-editor[b-dp91q628vn] {
    border-inline-end: 1px solid var(--gov-line);
    background: rgba(244, 249, 248, .72);
}

.section-heading[b-dp91q628vn] {
    display: flex;
    align-items: flex-start;
    gap: .7rem;
    margin-bottom: 1.15rem;
}

.section-heading > span[b-dp91q628vn] {
    display: grid;
    place-items: center;
    flex: 0 0 2.35rem;
    height: 2.35rem;
    border: 1px solid rgba(20, 95, 101, .13);
    border-radius: .75rem;
    color: var(--gov-primary);
    background: #fff;
    font-size: .7rem;
    font-weight: 900;
}

.section-heading > div:nth-child(2)[b-dp91q628vn] {
    flex: 1;
}

.section-heading h3[b-dp91q628vn],
.scope-directory h3[b-dp91q628vn] {
    margin: 0 0 .2rem;
    color: var(--gov-ink);
    font-size: 1.15rem;
    font-weight: 800;
}

.section-heading p[b-dp91q628vn] {
    margin: 0;
    color: var(--gov-muted);
    font-size: .8rem;
    line-height: 1.55;
}

.assignee-role-tab[b-dp91q628vn] {
    display: grid;
    margin-bottom: 1rem;
    padding: .35rem;
    border: 1px solid var(--gov-line);
    border-radius: .95rem;
    background: #eef4f3;
}

.assignee-role-tab span[b-dp91q628vn] {
    display: flex;
    min-height: 2.8rem;
    align-items: center;
    justify-content: center;
    gap: .55rem;
    border-radius: .7rem;
    color: var(--gov-primary);
    background: #fff;
    box-shadow: 0 .4rem 1rem rgba(18, 60, 67, .08);
    font-weight: 800;
}

.governance-field[b-dp91q628vn] {
    display: grid;
    gap: .4rem;
    min-width: 0;
    margin-bottom: .85rem;
}

.governance-field label[b-dp91q628vn] {
    color: #315a60;
    font-size: .8rem;
    font-weight: 800;
}

.governance-field label b[b-dp91q628vn] {
    color: var(--gov-danger);
}

.governance-field input[b-dp91q628vn],
.governance-field select[b-dp91q628vn] {
    width: 100%;
    min-height: 2.9rem;
    padding: .65rem .8rem;
    border: 1px solid rgba(18, 60, 67, .14);
    border-radius: .78rem;
    color: var(--gov-ink);
    background: #fff;
    font: inherit;
    font-size: .85rem;
}

.governance-field input:disabled[b-dp91q628vn],
.governance-field select:disabled[b-dp91q628vn] {
    color: #9caeb0;
    background: #f2f5f5;
    cursor: not-allowed;
}

.governance-field .is-invalid[b-dp91q628vn] {
    border-color: rgba(189, 67, 84, .65);
    box-shadow: 0 0 0 3px rgba(189, 67, 84, .07);
}

.governance-search[b-dp91q628vn] {
    position: relative;
    min-width: 0;
}

.governance-search > i[b-dp91q628vn] {
    position: absolute;
    z-index: 1;
    inset-inline-start: .85rem;
    inset-block-start: 50%;
    transform: translateY(-50%);
    color: #91a4a7;
    pointer-events: none;
}

.governance-search input[b-dp91q628vn] {
    padding-inline-start: 2.5rem;
}

.access-autocomplete[b-dp91q628vn] {
    position: relative;
    z-index: 5;
}

.role-selector-row[b-dp91q628vn] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 3.25rem;
    align-items: start;
    gap: .55rem;
}

.roles-list-link[b-dp91q628vn] {
    display: grid;
    width: 3.25rem;
    height: 3.25rem;
    place-items: center;
    border: 1px solid rgba(20, 95, 101, .2);
    border-radius: .78rem;
    color: #fff;
    background: var(--gov-primary);
    box-shadow: 0 .45rem 1rem rgba(20, 95, 101, .16);
    text-decoration: none;
    transition: color .18s ease, background-color .18s ease, transform .18s ease, box-shadow .18s ease;
}

.roles-list-link:hover[b-dp91q628vn] {
    color: #fff;
    background: #0f4f55;
    box-shadow: 0 .65rem 1.35rem rgba(20, 95, 101, .22);
    transform: translateY(-1px);
}

.roles-list-link:focus-visible[b-dp91q628vn] {
    outline: 3px solid rgba(20, 95, 101, .18);
    outline-offset: 2px;
}

.access-autocomplete.is-open[b-dp91q628vn] {
    z-index: 40;
}

.access-autocomplete__control[b-dp91q628vn] {
    position: relative;
}

.access-autocomplete__control > i:first-child[b-dp91q628vn] {
    position: absolute;
    z-index: 2;
    inset-block-start: 50%;
    inset-inline-start: .9rem;
    color: #81979a;
    pointer-events: none;
    transform: translateY(-50%);
    transition: color .18s ease;
}

.access-autocomplete__control input[b-dp91q628vn] {
    min-height: 3.25rem;
    padding-inline: 2.65rem 3rem;
    font-size: .92rem;
    font-weight: 750;
    text-overflow: ellipsis;
}

.access-autocomplete.is-open .access-autocomplete__control > i:first-child[b-dp91q628vn] {
    color: var(--gov-primary);
}

.access-autocomplete__clear[b-dp91q628vn] {
    position: absolute;
    z-index: 3;
    inset-block-start: 50%;
    inset-inline-end: .55rem;
    display: grid;
    width: 2.15rem;
    height: 2.15rem;
    place-items: center;
    padding: 0;
    border: 1px solid var(--gov-line);
    border-radius: .65rem;
    color: #71878a;
    background: #fff;
    transform: translateY(-50%);
}

.access-autocomplete__clear:hover[b-dp91q628vn] {
    color: var(--gov-danger);
    border-color: rgba(189, 67, 84, .28);
    background: rgba(189, 67, 84, .05);
}

.access-autocomplete__clear:focus-visible[b-dp91q628vn],
.access-autocomplete__option:focus-visible[b-dp91q628vn] {
    outline: 3px solid rgba(20, 95, 101, .16);
    outline-offset: 2px;
}

.access-autocomplete__chevron[b-dp91q628vn] {
    position: absolute;
    inset-block-start: 50%;
    inset-inline-end: 1rem;
    color: #81979a;
    font-size: .68rem;
    pointer-events: none;
    transform: translateY(-50%);
    transition: transform .18s ease;
}

.access-autocomplete.is-open .access-autocomplete__chevron[b-dp91q628vn] {
    transform: translateY(-50%) rotate(180deg);
}

.access-autocomplete__menu[b-dp91q628vn] {
    position: absolute;
    z-index: 60;
    inset-block-start: calc(100% + .45rem);
    inset-inline: 0;
    overflow: hidden;
    padding: .45rem;
    border: 1px solid rgba(20, 95, 101, .2);
    border-radius: 1rem;
    background:
        radial-gradient(circle at 0 0, rgba(187, 142, 69, .08), transparent 34%),
        rgba(255, 255, 255, .99);
    box-shadow: 0 1.4rem 3.2rem rgba(14, 47, 51, .17);
    animation: governance-autocomplete-in-b-dp91q628vn .16s ease-out;
}

.access-autocomplete__option[b-dp91q628vn] {
    display: grid;
    width: 100%;
    min-height: 4rem;
    grid-template-columns: 2.6rem minmax(0, 1fr) 1.2rem;
    align-items: center;
    gap: .7rem;
    padding: .6rem .7rem;
    border: 0;
    border-radius: .75rem;
    color: var(--gov-ink);
    background: transparent;
    text-align: start;
    cursor: pointer;
    transition: color .16s ease, background-color .16s ease, transform .16s ease;
}

.access-autocomplete__option + .access-autocomplete__option[b-dp91q628vn] {
    border-top: 1px solid rgba(18, 60, 67, .07);
}

.access-autocomplete__option:hover[b-dp91q628vn],
.access-autocomplete__option.is-active[b-dp91q628vn] {
    color: var(--gov-primary);
    background: rgba(20, 95, 101, .055);
    transform: translateX(-2px);
}

.access-autocomplete__option-icon[b-dp91q628vn] {
    display: grid;
    width: 2.6rem;
    height: 2.6rem;
    place-items: center;
    border: 1px solid rgba(20, 95, 101, .14);
    border-radius: .8rem;
    color: var(--gov-primary);
    background: rgba(20, 95, 101, .07);
}

.access-autocomplete__option-icon.is-role[b-dp91q628vn] {
    color: #936c28;
    border-color: rgba(187, 142, 69, .28);
    background: rgba(187, 142, 69, .11);
}

.access-autocomplete__option-copy[b-dp91q628vn] {
    display: grid;
    min-width: 0;
    gap: .2rem;
}

.access-autocomplete__option-copy strong[b-dp91q628vn],
.access-autocomplete__option-copy small[b-dp91q628vn] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    unicode-bidi: plaintext;
}

.access-autocomplete__option-copy strong[b-dp91q628vn] {
    font-size: .9rem;
    font-weight: 900;
}

.access-autocomplete__option-copy small[b-dp91q628vn] {
    color: var(--gov-muted);
    font-size: .72rem;
    font-weight: 650;
}

.access-autocomplete__selected[b-dp91q628vn] {
    color: var(--gov-success);
}

.access-autocomplete__hint[b-dp91q628vn] {
    display: flex;
    align-items: center;
    gap: .45rem;
    min-height: 2.2rem;
    margin-top: .3rem;
    padding: .4rem .7rem 0;
    border-top: 1px dashed rgba(18, 60, 67, .13);
    color: var(--gov-muted);
    font-size: .68rem;
    font-weight: 700;
}

.access-autocomplete__empty[b-dp91q628vn] {
    display: flex;
    min-height: 5.3rem;
    align-items: center;
    justify-content: center;
    gap: .75rem;
    padding: .9rem;
    color: var(--gov-muted);
}

.access-autocomplete__empty > i[b-dp91q628vn] {
    display: grid;
    width: 2.7rem;
    height: 2.7rem;
    flex: 0 0 auto;
    place-items: center;
    border-radius: .8rem;
    color: #936c28;
    background: rgba(187, 142, 69, .11);
}

.access-autocomplete__empty strong[b-dp91q628vn],
.access-autocomplete__empty small[b-dp91q628vn] {
    display: block;
}

.access-autocomplete__empty strong[b-dp91q628vn] {
    color: var(--gov-ink);
    font-size: .85rem;
    font-weight: 900;
}

.access-autocomplete__empty small[b-dp91q628vn] {
    margin-top: .2rem;
    font-size: .7rem;
}

@keyframes governance-autocomplete-in-b-dp91q628vn {
    from {
        opacity: 0;
        transform: translateY(-.35rem);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.field-hint[b-dp91q628vn],
.field-error[b-dp91q628vn] {
    font-size: .72rem;
}

.field-hint[b-dp91q628vn] {
    color: var(--gov-muted);
}

.field-error[b-dp91q628vn] {
    color: var(--gov-danger);
    font-weight: 700;
}

.capability-actions[b-dp91q628vn] {
    display: flex;
    gap: .35rem;
}

.capability-actions button[b-dp91q628vn] {
    min-height: 2.25rem;
    padding: .35rem .7rem;
    border: 1px solid var(--gov-line);
    border-radius: .65rem;
    color: var(--gov-primary);
    background: #fff;
    font-size: .72rem;
    font-weight: 800;
}

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

.capability-card[b-dp91q628vn] {
    position: relative;
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: center;
    gap: .35rem;
    min-height: 4.5rem;
    padding: .35rem .4rem .35rem .65rem;
    border: 1px solid rgba(18, 60, 67, .11);
    border-radius: .9rem;
    background: #fff;
    transition: border-color .18s ease, background .18s ease, transform .18s ease;
}

.capability-card:hover[b-dp91q628vn] {
    transform: translateY(-1px);
    border-color: rgba(20, 95, 101, .25);
}

.capability-card.is-enabled[b-dp91q628vn] {
    border-color: rgba(19, 134, 111, .3);
    background: rgba(19, 134, 111, .045);
}

.capability-card input[b-dp91q628vn] {
    width: 1rem;
    height: 1rem;
    accent-color: var(--gov-primary);
}

.capability-card__toggle[b-dp91q628vn] {
    display: grid;
    grid-template-columns: auto 2.35rem minmax(0, 1fr) auto;
    align-items: center;
    gap: .65rem;
    min-width: 0;
    min-height: 3.75rem;
    padding: .3rem .35rem;
    cursor: pointer;
}

.capability-card__icon[b-dp91q628vn] {
    display: grid;
    place-items: center;
    width: 2.35rem;
    height: 2.35rem;
    border-radius: .72rem;
    color: var(--gov-primary);
    background: rgba(20, 95, 101, .075);
}

.capability-card__copy[b-dp91q628vn] {
    display: grid;
    gap: .1rem;
    min-width: 0;
}

.capability-card strong[b-dp91q628vn] {
    color: var(--gov-ink);
    font-size: .8rem;
}

.capability-card small[b-dp91q628vn] {
    color: var(--gov-muted);
    font-size: .68rem;
    line-height: 1.45;
}

.capability-card__check[b-dp91q628vn] {
    color: var(--gov-success);
    opacity: 0;
}

.capability-card.is-enabled .capability-card__check[b-dp91q628vn] {
    opacity: 1;
}

.capability-card__details[b-dp91q628vn] {
    display: grid;
    place-items: center;
    width: 2.15rem;
    height: 2.15rem;
    border: 1px solid rgba(20, 95, 101, .14);
    border-radius: .65rem;
    color: var(--gov-primary);
    background: rgba(20, 95, 101, .055);
    font-size: .88rem;
    transition: color .18s ease, background .18s ease, border-color .18s ease;
}

.capability-card__details:hover[b-dp91q628vn],
.capability-card__details:focus-visible[b-dp91q628vn] {
    color: #fff;
    border-color: var(--gov-primary);
    background: var(--gov-primary);
    outline: none;
}

.capability-details-backdrop[b-dp91q628vn] {
    position: fixed;
    z-index: 1080;
    inset: 0;
    display: grid;
    place-items: center;
    padding: 1rem;
    overflow-y: auto;
    direction: rtl;
    background: rgba(7, 34, 38, .62);
    backdrop-filter: blur(7px);
}

.capability-details-dialog[b-dp91q628vn] {
    width: min(43rem, 100%);
    max-height: calc(100vh - 2rem);
    overflow-y: auto;
    border: 1px solid rgba(255, 255, 255, .3);
    border-radius: 1.25rem;
    color: var(--gov-ink);
    background: #fff;
    box-shadow: 0 1.75rem 5rem rgba(6, 31, 34, .35);
}

.capability-details-dialog__header[b-dp91q628vn] {
    position: sticky;
    z-index: 1;
    inset-block-start: 0;
    display: grid;
    grid-template-columns: 3.25rem minmax(0, 1fr) auto;
    align-items: center;
    gap: .8rem;
    padding: 1rem 1.15rem;
    border-bottom: 1px solid var(--gov-line);
    background: rgba(255, 255, 255, .96);
    backdrop-filter: blur(12px);
}

.capability-details-dialog__header .governance-kicker[b-dp91q628vn] {
    margin-bottom: .15rem;
    color: var(--gov-secondary);
    font-size: .69rem;
}

.capability-details-dialog__header h3[b-dp91q628vn] {
    margin: 0;
    color: var(--gov-ink);
    font-size: 1.08rem;
}

.capability-details-dialog__header > button[b-dp91q628vn] {
    display: grid;
    place-items: center;
    width: 2.35rem;
    height: 2.35rem;
    border: 1px solid var(--gov-line);
    border-radius: .7rem;
    color: var(--gov-muted);
    background: #fff;
}

.capability-details-dialog__header > button:hover[b-dp91q628vn],
.capability-details-dialog__header > button:focus-visible[b-dp91q628vn] {
    color: #fff;
    border-color: var(--gov-danger);
    background: var(--gov-danger);
    outline: none;
}

.capability-details-dialog__icon[b-dp91q628vn] {
    display: grid;
    place-items: center;
    width: 3.25rem;
    height: 3.25rem;
    border-radius: .9rem;
    color: #fff;
    background: linear-gradient(145deg, var(--gov-primary), var(--gov-teal-deep));
    box-shadow: 0 .65rem 1.25rem rgba(20, 95, 101, .2);
}

.capability-details-dialog__status[b-dp91q628vn] {
    display: flex;
    align-items: center;
    gap: .45rem;
    margin: 1rem 1.15rem 0;
    padding: .6rem .75rem;
    border: 1px solid rgba(110, 133, 137, .18);
    border-radius: .75rem;
    color: var(--gov-muted);
    background: rgba(110, 133, 137, .06);
    font-size: .75rem;
}

.capability-details-dialog__status.is-enabled[b-dp91q628vn] {
    color: var(--gov-success);
    border-color: rgba(19, 134, 111, .22);
    background: rgba(19, 134, 111, .07);
}

.capability-details-dialog__summary[b-dp91q628vn] {
    margin: 1rem 1.15rem;
    color: #415f64;
    font-size: .86rem;
    line-height: 1.75;
}

.capability-details-dialog__section[b-dp91q628vn] {
    margin: 0 1.15rem 1rem;
    padding: .95rem;
    border: 1px solid var(--gov-line);
    border-radius: .9rem;
    background: #fbfdfc;
}

.capability-details-dialog__section h4[b-dp91q628vn] {
    display: flex;
    align-items: center;
    gap: .45rem;
    margin: 0 0 .7rem;
    color: var(--gov-primary);
    font-size: .82rem;
}

.capability-details-dialog__section ul[b-dp91q628vn] {
    display: grid;
    gap: .55rem;
    margin: 0;
    padding: 0;
    list-style: none;
}

.capability-details-dialog__section li[b-dp91q628vn] {
    display: grid;
    grid-template-columns: 1.35rem minmax(0, 1fr);
    align-items: start;
    gap: .45rem;
    color: #34565b;
    font-size: .78rem;
    line-height: 1.65;
}

.capability-details-dialog__section li > i[b-dp91q628vn] {
    display: grid;
    place-items: center;
    width: 1.35rem;
    height: 1.35rem;
    margin-top: .08rem;
    border-radius: 50%;
    color: var(--gov-success);
    background: rgba(19, 134, 111, .1);
    font-size: .58rem;
}

.capability-details-dialog__notes[b-dp91q628vn] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: .65rem;
    margin: 0 1.15rem 1rem;
}

.capability-details-dialog__notes article[b-dp91q628vn] {
    display: grid;
    grid-template-columns: 1.75rem minmax(0, 1fr);
    align-items: start;
    gap: .55rem;
    padding: .8rem;
    border: 1px solid rgba(20, 95, 101, .13);
    border-radius: .8rem;
    background: rgba(20, 95, 101, .04);
}

.capability-details-dialog__notes article.is-boundary[b-dp91q628vn] {
    border-color: rgba(184, 137, 53, .2);
    background: rgba(184, 137, 53, .06);
}

.capability-details-dialog__notes article > i[b-dp91q628vn] {
    color: var(--gov-primary);
    font-size: .9rem;
    text-align: center;
}

.capability-details-dialog__notes article.is-boundary > i[b-dp91q628vn] {
    color: var(--gov-secondary);
}

.capability-details-dialog__notes strong[b-dp91q628vn] {
    display: block;
    margin-bottom: .2rem;
    color: var(--gov-ink);
    font-size: .74rem;
}

.capability-details-dialog__notes p[b-dp91q628vn] {
    margin: 0;
    color: var(--gov-muted);
    font-size: .7rem;
    line-height: 1.6;
}

.capability-details-dialog > footer[b-dp91q628vn] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: .75rem;
    padding: .85rem 1.15rem;
    border-top: 1px solid var(--gov-line);
    background: #fbfdfc;
}

.capability-details-dialog > footer span[b-dp91q628vn] {
    display: flex;
    align-items: center;
    gap: .4rem;
    color: var(--gov-muted);
    font-size: .68rem;
}

.capability-details-dialog > footer span i[b-dp91q628vn] {
    color: var(--gov-primary);
}

.capability-details-dialog > footer button[b-dp91q628vn] {
    min-width: 5.25rem;
    min-height: 2.35rem;
    padding: .45rem .85rem;
    border: 0;
    border-radius: .68rem;
    color: #fff;
    background: var(--gov-primary);
    font-size: .74rem;
    font-weight: 800;
}

.inline-warning[b-dp91q628vn] {
    display: flex;
    align-items: center;
    gap: .55rem;
    margin-top: .8rem;
    padding: .7rem .8rem;
    border: 1px solid rgba(184, 137, 53, .27);
    border-radius: .75rem;
    color: #8c671f;
    background: rgba(184, 137, 53, .08);
    font-size: .76rem;
}

.editor-actions[b-dp91q628vn] {
    display: flex;
    justify-content: flex-end;
    gap: .55rem;
    margin-top: 1rem;
    padding-top: 1rem;
    border-top: 1px solid var(--gov-line);
}

.editor-actions button[b-dp91q628vn] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: .45rem;
    min-height: 2.8rem;
    padding: .65rem 1rem;
    border-radius: .75rem;
    font-weight: 800;
}

.primary-action[b-dp91q628vn] {
    border: 1px solid var(--gov-primary);
    color: #fff;
    background: var(--gov-primary);
}

.secondary-action[b-dp91q628vn] {
    border: 1px solid var(--gov-line);
    color: var(--gov-primary);
    background: #fff;
}

.editor-actions button:disabled[b-dp91q628vn],
.capability-actions button:disabled[b-dp91q628vn] {
    opacity: .48;
    cursor: not-allowed;
}

.scope-directory[b-dp91q628vn] {
    padding: 1.4rem;
}

.scope-directory > header[b-dp91q628vn] {
    display: flex;
    align-items: end;
    justify-content: flex-start;
    flex-wrap: wrap;
    gap: 1.25rem;
    margin-bottom: 1rem;
}

.scope-directory > header .governance-search[b-dp91q628vn] {
    width: clamp(30rem, 42vw, 44rem);
    max-width: 100%;
    flex: 0 1 44rem;
}

.scope-directory > header .governance-search input[b-dp91q628vn] {
    min-height: 3.15rem;
    padding-inline-start: 2.7rem;
    font-size: .92rem;
    font-weight: 700;
}

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

.scope-user-card[b-dp91q628vn] {
    overflow: hidden;
    border: 1px solid var(--gov-line);
    border-radius: 1rem;
    background: #fff;
}

.scope-user-card > header[b-dp91q628vn] {
    display: flex;
    align-items: center;
    gap: .65rem;
    padding: .95rem;
    border-bottom: 1px solid var(--gov-line);
    background: #f5f9f8;
}

.scope-avatar[b-dp91q628vn] {
    display: grid;
    place-items: center;
    width: 3rem;
    height: 3rem;
    border-radius: .9rem;
    color: #fff;
    background: var(--gov-primary);
    font-size: .88rem;
    font-weight: 900;
}

.scope-avatar.is-role[b-dp91q628vn] {
    color: #8d6728;
    background: #f8edda;
}

.scope-user-card > header div[b-dp91q628vn] {
    display: grid;
    gap: .1rem;
}

.scope-user-card > header strong[b-dp91q628vn] {
    color: var(--gov-ink);
    font-size: 1.05rem;
    font-weight: 900;
}

.scope-user-card > header small[b-dp91q628vn] {
    color: var(--gov-muted);
    font-size: .72rem;
}

.scope-user-card > header .scope-assignee-kind[b-dp91q628vn] {
    color: var(--gov-primary);
    font-size: .65rem;
    font-weight: 900;
}

.scope-user-card.is-role[b-dp91q628vn] {
    border-color: rgba(187, 142, 69, .3);
}

.scope-user-card.is-role > header[b-dp91q628vn] {
    background: linear-gradient(135deg, #fffaf1, #f7f4ea);
}

.scope-row[b-dp91q628vn] {
    display: grid;
    grid-template-columns: minmax(12rem, .8fr) minmax(0, 1fr) auto;
    align-items: center;
    gap: .55rem;
    padding: .7rem .75rem;
    border-bottom: 1px solid rgba(18, 60, 67, .08);
}

.scope-row:last-child[b-dp91q628vn] {
    border-bottom: 0;
}

.scope-row > span:first-child[b-dp91q628vn] {
    display: flex;
    align-items: center;
    gap: .4rem;
    min-width: 0;
}

.scope-row > span:first-child i[b-dp91q628vn] {
    color: var(--gov-secondary);
}

.scope-row > span:first-child strong[b-dp91q628vn] {
    overflow: hidden;
    color: var(--gov-ink);
    font-size: 1rem;
    font-weight: 900;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.scope-pills[b-dp91q628vn] {
    display: flex;
    flex-wrap: wrap;
    gap: .25rem;
}

.scope-pills small[b-dp91q628vn] {
    padding: .18rem .42rem;
    border-radius: 99rem;
    color: #557378;
    background: #eef4f3;
    font-size: .62rem;
}

.scope-row button[b-dp91q628vn] {
    display: grid;
    place-items: center;
    width: 2.15rem;
    height: 2.15rem;
    border: 1px solid var(--gov-line);
    border-radius: .65rem;
    color: var(--gov-primary);
    background: #fff;
}

.filter-bar[b-dp91q628vn] {
    display: grid;
    gap: .75rem;
    padding: 1rem 1.4rem;
    border-bottom: 1px solid var(--gov-line);
    background: rgba(244, 249, 248, .72);
}

.audit-filter-bar[b-dp91q628vn] {
    grid-template-columns: minmax(16rem, 1.5fr) minmax(10rem, .8fr) minmax(9rem, .6fr) minmax(9rem, .6fr);
}

.notification-filter-bar[b-dp91q628vn] {
    grid-template-columns: minmax(16rem, 1fr) minmax(11rem, .35fr);
}

.filter-bar .governance-field[b-dp91q628vn] {
    margin: 0;
}

.results-heading[b-dp91q628vn] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 1rem 1.4rem .5rem;
    color: var(--gov-primary);
    font-size: .8rem;
    font-weight: 800;
}

.audit-timeline[b-dp91q628vn] {
    display: grid;
    gap: .55rem;
    margin: 0;
    padding: .75rem 1.4rem 1.4rem;
    list-style: none;
}

.audit-timeline > li[b-dp91q628vn] {
    position: relative;
    display: grid;
    grid-template-columns: 2.6rem minmax(0, 1fr);
    gap: .6rem;
}

.audit-timeline > li[b-dp91q628vn]::before {
    content: "";
    position: absolute;
    inset-block: 2.35rem -.8rem;
    inset-inline-start: 1.27rem;
    width: 1px;
    background: rgba(20, 95, 101, .16);
}

.audit-timeline > li:last-child[b-dp91q628vn]::before {
    display: none;
}

.audit-timeline__marker[b-dp91q628vn] {
    z-index: 1;
    display: grid;
    place-items: center;
    width: 2.6rem;
    height: 2.6rem;
    border: .28rem solid #f5f9f8;
    border-radius: .8rem;
    color: #fff;
    background: var(--gov-primary);
}

.audit-timeline article[b-dp91q628vn] {
    overflow: hidden;
    border: 1px solid var(--gov-line);
    border-radius: .9rem;
    background: #fff;
}

.audit-summary[b-dp91q628vn] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto 1rem;
    align-items: center;
    gap: 1rem;
    width: 100%;
    padding: .8rem 1rem;
    border: 0;
    color: inherit;
    text-align: right;
    background: transparent;
}

.audit-summary > span:first-child[b-dp91q628vn],
.audit-summary__meta[b-dp91q628vn] {
    display: grid;
    gap: .2rem;
}

.audit-summary strong[b-dp91q628vn] {
    color: var(--gov-ink);
    font-size: .86rem;
}

.audit-summary small[b-dp91q628vn],
.audit-summary time[b-dp91q628vn] {
    color: var(--gov-muted);
    font-size: .7rem;
}

.audit-summary__meta[b-dp91q628vn] {
    min-width: 12rem;
    text-align: left;
}

.audit-summary__chevron[b-dp91q628vn] {
    color: #8aa0a4;
    transition: transform .2s ease;
}

.audit-timeline li.is-expanded .audit-summary__chevron[b-dp91q628vn] {
    transform: rotate(180deg);
}

.audit-details[b-dp91q628vn] {
    display: grid;
    grid-template-columns: minmax(14rem, 1fr) minmax(20rem, 1.5fr);
    gap: .7rem;
    padding: .8rem;
    border-top: 1px dashed var(--gov-line);
    background: #fafcfc;
}

.audit-details__copy[b-dp91q628vn] {
    display: flex;
    gap: .6rem;
    padding: .75rem;
    border: 1px solid var(--gov-line);
    border-radius: .75rem;
    background: #fff;
}

.audit-details__copy > span[b-dp91q628vn] {
    display: grid;
    place-items: center;
    flex: 0 0 2.35rem;
    height: 2.35rem;
    border-radius: .7rem;
    color: var(--gov-secondary);
    background: rgba(184, 137, 53, .1);
}

.audit-details__copy strong[b-dp91q628vn] {
    font-size: .72rem;
}

.audit-details__copy p[b-dp91q628vn] {
    margin: .25rem 0 0;
    color: var(--gov-muted);
    font-size: .72rem;
    line-height: 1.55;
}

.audit-details dl[b-dp91q628vn] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: .45rem;
    margin: 0;
}

.audit-details dl div[b-dp91q628vn] {
    padding: .55rem .65rem;
    border: 1px solid var(--gov-line);
    border-radius: .65rem;
    background: #fff;
}

.audit-details dt[b-dp91q628vn] {
    color: var(--gov-muted);
    font-size: .62rem;
}

.audit-details dd[b-dp91q628vn] {
    margin: .15rem 0 0;
    color: var(--gov-ink);
    font-size: .72rem;
    font-weight: 800;
}

.notification-list[b-dp91q628vn] {
    display: grid;
    gap: .6rem;
    padding: 1.2rem 1.4rem 1.4rem;
}

.notification-item[b-dp91q628vn] {
    position: relative;
    display: grid;
    grid-template-columns: 3rem minmax(0, 1fr);
    gap: .8rem;
    padding: .85rem;
    border: 1px solid var(--gov-line);
    border-radius: .95rem;
    background: #fff;
}

.notification-item.is-unread[b-dp91q628vn] {
    border-color: rgba(20, 95, 101, .25);
    background: linear-gradient(90deg, rgba(20, 95, 101, .04), #fff 38%);
}

.notification-item.is-unread[b-dp91q628vn]::after {
    content: "";
    position: absolute;
    inset-block: .75rem;
    inset-inline-start: 0;
    width: .22rem;
    border-radius: 99rem;
    background: var(--gov-primary);
}

.notification-item__icon[b-dp91q628vn] {
    display: grid;
    place-items: center;
    width: 3rem;
    height: 3rem;
    border-radius: .9rem;
    color: var(--gov-primary);
    background: rgba(20, 95, 101, .08);
}

.notification-item__body[b-dp91q628vn] {
    display: grid;
    gap: .38rem;
    min-width: 0;
}

.notification-item__body header[b-dp91q628vn],
.notification-item__body footer[b-dp91q628vn] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: .75rem;
}

.notification-item__body header strong[b-dp91q628vn] {
    color: var(--gov-ink);
    font-size: .84rem;
}

.notification-item__body header span[b-dp91q628vn] {
    flex: 0 0 auto;
    padding: .2rem .5rem;
    border-radius: 99rem;
    color: #788d90;
    background: #eef3f3;
    font-size: .64rem;
    font-weight: 800;
}

.notification-item__body header span.is-unread[b-dp91q628vn] {
    color: var(--gov-success);
    background: rgba(19, 134, 111, .1);
}

.notification-item__body p[b-dp91q628vn] {
    margin: 0;
    color: var(--gov-muted);
    font-size: .75rem;
    line-height: 1.6;
}

.notification-item__body time[b-dp91q628vn] {
    color: #83979a;
    font-size: .68rem;
}

.notification-item__body a[b-dp91q628vn] {
    display: inline-flex;
    align-items: center;
    gap: .35rem;
    color: var(--gov-primary);
    font-size: .7rem;
    font-weight: 800;
    text-decoration: none;
}

.governance-permission-note[b-dp91q628vn],
.panel-empty[b-dp91q628vn],
.panel-error[b-dp91q628vn],
.panel-loading[b-dp91q628vn] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: .8rem;
    min-height: 11rem;
    margin: 1.4rem;
    padding: 1.2rem;
    border: 1px dashed rgba(18, 60, 67, .2);
    border-radius: 1rem;
    color: var(--gov-muted);
    background: rgba(244, 249, 248, .55);
    text-align: center;
}

.governance-permission-note i[b-dp91q628vn],
.panel-empty > span[b-dp91q628vn] {
    display: grid;
    place-items: center;
    flex: 0 0 3rem;
    width: 3rem;
    height: 3rem;
    border-radius: .9rem;
    color: var(--gov-primary);
    background: rgba(20, 95, 101, .08);
    font-size: 1rem;
}

.governance-permission-note strong[b-dp91q628vn],
.panel-empty strong[b-dp91q628vn] {
    display: block;
    color: var(--gov-ink);
}

.governance-permission-note p[b-dp91q628vn],
.panel-empty p[b-dp91q628vn] {
    margin: .25rem 0 0;
    font-size: .78rem;
}

.panel-error[b-dp91q628vn] {
    min-height: auto;
    border-style: solid;
    border-color: rgba(189, 67, 84, .25);
    color: var(--gov-danger);
    background: rgba(189, 67, 84, .055);
}

.panel-error button[b-dp91q628vn] {
    min-height: 2.4rem;
    padding: .45rem .8rem;
    border: 1px solid rgba(189, 67, 84, .25);
    border-radius: .65rem;
    color: var(--gov-danger);
    background: #fff;
    font-weight: 800;
}

.panel-loading[b-dp91q628vn] {
    min-height: 14rem;
    color: var(--gov-primary);
    font-weight: 800;
}

.result-limit-note[b-dp91q628vn] {
    margin: -.5rem 1.4rem 1.25rem;
    color: var(--gov-muted);
    font-size: .7rem;
    text-align: center;
}

.governance-message[b-dp91q628vn] {
    display: flex;
    align-items: center;
    gap: .65rem;
    padding: .9rem 1rem;
    border: 1px solid rgba(19, 134, 111, .2);
    border-radius: .85rem;
    color: #0f765f;
    background: #effaf6;
}

.governance-message.is-error[b-dp91q628vn] {
    border-color: rgba(189, 67, 84, .22);
    color: var(--gov-danger);
    background: #fff3f5;
}

.governance-message span[b-dp91q628vn] {
    flex: 1;
    font-weight: 700;
}

.governance-message button[b-dp91q628vn] {
    display: grid;
    place-items: center;
    width: 2rem;
    height: 2rem;
    border: 0;
    border-radius: .55rem;
    color: inherit;
    background: rgba(255, 255, 255, .6);
}

.governance-loading[b-dp91q628vn] {
    display: grid;
    grid-template-columns: 3.5rem minmax(0, 1fr);
    align-items: center;
    gap: .9rem;
    min-height: 13rem;
    padding: 2rem;
    border: 1px solid var(--gov-line);
    border-radius: 1.4rem;
    background: #fff;
}

.governance-loading__mark[b-dp91q628vn] {
    display: grid;
    place-items: center;
    width: 3.5rem;
    height: 3.5rem;
    border-radius: 1rem;
    color: #fff;
    background: var(--gov-primary);
}

.governance-loading div[b-dp91q628vn] {
    display: grid;
    gap: .2rem;
}

.governance-loading strong[b-dp91q628vn] {
    color: var(--gov-ink);
}

.governance-loading div span[b-dp91q628vn] {
    color: var(--gov-muted);
    font-size: .78rem;
}

.governance-loading__line[b-dp91q628vn] {
    grid-column: 1 / -1;
    overflow: hidden;
    height: .22rem;
    border-radius: 99rem;
    background: #e7efee;
}

.governance-loading__line[b-dp91q628vn]::after {
    content: "";
    display: block;
    width: 38%;
    height: 100%;
    border-radius: inherit;
    background: linear-gradient(90deg, var(--gov-primary), var(--gov-secondary));
    animation: governance-loading-b-dp91q628vn 1.15s ease-in-out infinite alternate;
}

@keyframes governance-loading-b-dp91q628vn {
    from { transform: translateX(0); }
    to { transform: translateX(-160%); }
}

@media (max-width: 1100px) {
    .governance-command[b-dp91q628vn] {
        grid-template-columns: 1fr;
    }

    .access-layout[b-dp91q628vn] {
        grid-template-columns: 1fr;
    }

    .access-editor[b-dp91q628vn] {
        border-inline-end: 0;
        border-bottom: 1px solid var(--gov-line);
    }

    .audit-filter-bar[b-dp91q628vn] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .scope-grid[b-dp91q628vn] {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 760px) {
    .capability-details-backdrop[b-dp91q628vn] {
        place-items: end center;
        padding: .5rem;
    }

    .capability-details-dialog[b-dp91q628vn] {
        max-height: calc(100vh - 1rem);
        border-radius: 1rem;
    }

    .capability-details-dialog__notes[b-dp91q628vn] {
        grid-template-columns: 1fr;
    }

    .capability-details-dialog > footer[b-dp91q628vn] {
        align-items: stretch;
        flex-direction: column;
    }

    .capability-details-dialog > footer button[b-dp91q628vn] {
        width: 100%;
    }

    .governance-workspace[b-dp91q628vn] {
        gap: .85rem;
    }

    .governance-command[b-dp91q628vn] {
        padding: 1.2rem;
        border-radius: 1.2rem;
    }

    .governance-command__metrics[b-dp91q628vn] {
        grid-template-columns: 1fr;
    }

    .governance-command__metrics article[b-dp91q628vn] {
        grid-template-columns: 1.8rem minmax(0, 1fr);
        align-items: center;
        min-height: auto;
    }

    .governance-tabs[b-dp91q628vn] {
        grid-template-columns: 1fr;
    }

    .governance-tabs button[b-dp91q628vn] {
        min-height: 3.9rem;
    }

    .governance-panel__header[b-dp91q628vn] {
        align-items: flex-start;
        flex-wrap: wrap;
        padding: 1.1rem;
    }

    .panel-stat[b-dp91q628vn] {
        min-width: 45%;
        border-inline-start: 0;
        border-top: 1px solid var(--gov-line);
    }

    .access-editor[b-dp91q628vn],
    .capability-editor[b-dp91q628vn],
    .scope-directory[b-dp91q628vn] {
        padding: 1rem;
    }

    .capability-grid[b-dp91q628vn],
    .audit-filter-bar[b-dp91q628vn],
    .notification-filter-bar[b-dp91q628vn] {
        grid-template-columns: 1fr;
    }

    .capability-actions[b-dp91q628vn] {
        width: 100%;
        margin-top: .5rem;
    }

    .section-heading[b-dp91q628vn] {
        flex-wrap: wrap;
    }

    .scope-directory > header[b-dp91q628vn] {
        align-items: stretch;
        flex-direction: column;
    }

    .scope-directory > header .governance-search[b-dp91q628vn] {
        width: 100%;
    }

    .scope-row[b-dp91q628vn] {
        grid-template-columns: minmax(0, 1fr) auto;
    }

    .scope-pills[b-dp91q628vn] {
        grid-column: 1 / -1;
        grid-row: 2;
    }

    .filter-bar[b-dp91q628vn] {
        padding: .9rem 1rem;
    }

    .audit-timeline[b-dp91q628vn],
    .notification-list[b-dp91q628vn] {
        padding: .85rem 1rem 1rem;
    }

    .audit-summary[b-dp91q628vn] {
        grid-template-columns: minmax(0, 1fr) 1rem;
    }

    .audit-summary__meta[b-dp91q628vn] {
        grid-column: 1 / -1;
        grid-row: 2;
        min-width: 0;
        text-align: right;
    }

    .audit-details[b-dp91q628vn] {
        grid-template-columns: 1fr;
    }

    .notification-item__body header[b-dp91q628vn],
    .notification-item__body footer[b-dp91q628vn] {
        align-items: flex-start;
        flex-direction: column;
    }
}

@media (prefers-reduced-motion: reduce) {
    .governance-loading__line[b-dp91q628vn]::after {
        animation: none;
    }

    .governance-tabs button[b-dp91q628vn],
    .capability-card[b-dp91q628vn],
    .access-autocomplete__option[b-dp91q628vn],
    .roles-list-link[b-dp91q628vn],
    .audit-summary__chevron[b-dp91q628vn] {
        transition: none;
    }

    .access-autocomplete__menu[b-dp91q628vn] {
        animation: none;
    }
}
/* _content/Starterkit/Observatory/Home.razor.rz.scp.css */
*[b-pp19h3bwom] {
    --obs-ink: #0c2528;
    --obs-ink-soft: #17383b;
    --obs-paper: #f4f7f6;
    --obs-line: rgba(18, 54, 57, .12);
    --obs-gold: #bd9651;
    --obs-gold-soft: #ead7ad;
    --obs-shadow: 0 24px 58px rgba(7, 37, 40, .09);
    --obs-ease: cubic-bezier(.2, .8, .2, 1);
}

.obs-home-loading[b-pp19h3bwom] {
    position: relative;
    display: grid;
    min-height: 360px;
    place-items: center;
    align-content: center;
    gap: 18px;
    overflow: hidden;
    border: 1px solid var(--obs-line);
    border-radius: 28px;
    color: #5e7476;
    background:
        linear-gradient(rgba(255, 255, 255, .9), rgba(255, 255, 255, .9)),
        repeating-linear-gradient(90deg, transparent 0 31px, rgba(9, 47, 50, .05) 32px);
    font-weight: 800;
}

.obs-home-loading[b-pp19h3bwom]::before {
    content: "";
    width: 72px;
    height: 72px;
    border: 1px solid color-mix(in srgb, var(--obs-primary) 22%, transparent);
    border-radius: 24px;
    background: color-mix(in srgb, var(--obs-primary) 7%, #fff);
}

.obs-home-loading .spinner-border[b-pp19h3bwom] {
    position: absolute;
    top: calc(50% - 52px);
    width: 1.8rem;
    height: 1.8rem;
    color: var(--obs-primary);
}

.obs-home-message[b-pp19h3bwom] {
    display: grid;
    grid-template-columns: 48px minmax(0, 1fr) auto;
    align-items: center;
    gap: 16px;
    padding: 18px 20px;
    border: 1px solid rgba(172, 50, 70, .2);
    border-right: 4px solid #ad3850;
    border-radius: 18px;
    color: #81283a;
    background: linear-gradient(110deg, #fff, #fff3f5);
    box-shadow: 0 16px 34px rgba(116, 35, 51, .07);
}

.obs-home-message > i[b-pp19h3bwom] {
    display: grid;
    width: 46px;
    height: 46px;
    place-items: center;
    border-radius: 14px;
    background: #ffe7ec;
    font-size: 1.25rem;
}

.obs-home-message p[b-pp19h3bwom] {
    margin: 4px 0 0;
}

.obs-home-message .btn[b-pp19h3bwom] {
    min-height: 42px;
    border-radius: 12px;
    font-weight: 900;
}

.obs-home-intro[b-pp19h3bwom] {
    position: relative;
    display: grid;
    grid-template-columns: minmax(320px, .72fr) minmax(560px, 1.28fr);
    min-height: 250px;
    align-items: stretch;
    overflow: hidden;
    margin-bottom: 18px;
    border: 1px solid rgba(189, 150, 81, .24);
    border-radius: 30px;
    color: #fff;
    background:
        radial-gradient(circle at 8% 0%, color-mix(in srgb, var(--obs-primary) 36%, transparent), transparent 34%),
        radial-gradient(circle at 94% 110%, rgba(189, 150, 81, .16), transparent 29%),
        linear-gradient(132deg, #102f32, #081e21 58%, #06171a);
    box-shadow: 0 28px 70px rgba(5, 28, 31, .2);
    isolation: isolate;
}

.obs-home-intro[b-pp19h3bwom]::before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: -1;
    opacity: .45;
    background:
        linear-gradient(90deg, transparent 49.85%, rgba(255, 255, 255, .035) 50%, transparent 50.15%),
        linear-gradient(transparent 49.85%, rgba(255, 255, 255, .025) 50%, transparent 50.15%);
    background-size: 64px 64px;
    mask-image: linear-gradient(90deg, transparent, #000 45%, #000);
}

.obs-home-intro[b-pp19h3bwom]::after {
    content: "";
    position: absolute;
    top: 0;
    right: 42px;
    width: 80px;
    height: 3px;
    background: linear-gradient(90deg, var(--obs-secondary), #f1d79e);
    box-shadow: 0 0 24px rgba(215, 181, 111, .45);
}

.obs-home-intro__copy[b-pp19h3bwom] {
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: clamp(28px, 4vw, 52px);
}

.obs-home-intro__status[b-pp19h3bwom] {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 17px;
}

.obs-home-intro__pulse[b-pp19h3bwom] {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: #6be1b9;
    box-shadow: 0 0 0 6px rgba(107, 225, 185, .08), 0 0 18px rgba(107, 225, 185, .65);
    animation: obs-home-pulse-b-pp19h3bwom 2.2s ease-in-out infinite;
}

.obs-home-intro__label[b-pp19h3bwom],
.obs-home-intro__edition[b-pp19h3bwom],
.obs-home-intro__rail-label[b-pp19h3bwom] {
    color: rgba(255, 255, 255, .68);
    font-size: .68rem;
    font-weight: 900;
    letter-spacing: .04em;
}

.obs-home-intro__edition[b-pp19h3bwom] {
    margin-inline-start: auto;
    padding: 5px 9px;
    border: 1px solid rgba(255, 255, 255, .12);
    border-radius: 999px;
    color: var(--obs-gold-soft);
    background: rgba(255, 255, 255, .035);
}

.obs-home-intro h2[b-pp19h3bwom] {
    max-width: 580px;
    margin: 0;
    color: #fff;
    font-size: clamp(1.55rem, 2.55vw, 2.45rem);
    font-weight: 900;
    line-height: 1.35;
    text-wrap: balance;
}

.obs-home-intro p[b-pp19h3bwom] {
    max-width: 610px;
    margin: 15px 0 0;
    color: rgba(233, 244, 243, .7);
    font-size: .87rem;
    line-height: 1.9;
}

.obs-home-intro__rail[b-pp19h3bwom] {
    display: flex;
    min-width: 0;
    flex-direction: column;
    justify-content: center;
    padding: clamp(24px, 3.3vw, 46px);
    border-right: 1px solid rgba(255, 255, 255, .09);
    background: linear-gradient(90deg, rgba(255, 255, 255, .018), rgba(255, 255, 255, .055));
}

.obs-home-intro__rail-label[b-pp19h3bwom] {
    margin-bottom: 21px;
    color: var(--obs-gold-soft);
}

.obs-home-flow[b-pp19h3bwom] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 0;
    margin: 0;
    padding: 0;
    list-style: none;
}

.obs-home-flow li[b-pp19h3bwom] {
    position: relative;
    display: grid;
    min-width: 0;
    gap: 4px;
    padding: 42px 12px 0;
    color: rgba(255, 255, 255, .94);
}

.obs-home-flow li[b-pp19h3bwom]::before {
    content: "";
    position: absolute;
    top: 17px;
    right: 0;
    left: 0;
    height: 1px;
    background: rgba(255, 255, 255, .15);
}

.obs-home-flow li:first-child[b-pp19h3bwom]::before {
    right: 50%;
}

.obs-home-flow li:last-child[b-pp19h3bwom]::before {
    left: 50%;
}

.obs-home-flow li > span[b-pp19h3bwom] {
    position: absolute;
    top: 0;
    right: 50%;
    z-index: 1;
    display: grid;
    width: 36px;
    height: 36px;
    place-items: center;
    border: 1px solid rgba(255, 255, 255, .2);
    border-radius: 11px;
    color: #fff;
    background: #123a3d;
    box-shadow: 0 0 0 5px #0c292c;
    font-family: "Roboto Mono", Consolas, monospace;
    font-size: .63rem;
    transform: translateX(50%);
}

.obs-home-flow li:first-child > span[b-pp19h3bwom],
.obs-home-flow li:last-child > span[b-pp19h3bwom] {
    color: #172d2e;
    border-color: var(--obs-gold);
    background: linear-gradient(135deg, #d9ba7c, #aa7f36);
}

.obs-home-flow strong[b-pp19h3bwom] {
    overflow: hidden;
    font-size: .75rem;
    font-weight: 900;
    text-align: center;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.obs-home-flow small[b-pp19h3bwom] {
    color: rgba(255, 255, 255, .43);
    font-size: .62rem;
    font-weight: 700;
    text-align: center;
}

[b-pp19h3bwom] .obs-metric-grid {
    gap: 12px;
    margin-bottom: 14px;
}

[b-pp19h3bwom] .obs-metric {
    position: relative;
    display: grid;
    grid-template-columns: 52px minmax(0, 1fr);
    min-height: 138px;
    align-items: start;
    gap: 16px;
    overflow: hidden;
    padding: 20px;
    border: 1px solid var(--obs-line);
    border-radius: 22px;
    background:
        linear-gradient(135deg, rgba(255, 255, 255, .98), rgba(247, 250, 249, .94));
    box-shadow: 0 12px 32px rgba(7, 42, 45, .055);
    transition: transform .28s var(--obs-ease), box-shadow .28s var(--obs-ease), border-color .28s ease;
}

[b-pp19h3bwom] .obs-metric::before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    width: 3px;
    height: 100%;
    background: var(--metric-accent, var(--obs-primary));
}

[b-pp19h3bwom] .obs-metric::after {
    content: "";
    position: absolute;
    top: -40px;
    left: -36px;
    width: 112px;
    height: 112px;
    border: 24px solid color-mix(in srgb, var(--metric-accent, var(--obs-primary)) 5%, transparent);
    border-radius: 50%;
}

[b-pp19h3bwom] .obs-metric:hover {
    border-color: color-mix(in srgb, var(--metric-accent, var(--obs-primary)) 28%, #dce7e5);
    box-shadow: 0 22px 48px rgba(7, 42, 45, .11);
    transform: translateY(-4px);
}

[b-pp19h3bwom] .obs-metric.is-pending {
    --metric-accent: #b78634;
}

[b-pp19h3bwom] .obs-metric.is-approved {
    --metric-accent: #16846b;
}

[b-pp19h3bwom] .obs-metric.is-correction {
    --metric-accent: #ad3f55;
}

[b-pp19h3bwom] .obs-metric.is-published {
    --metric-accent: #386f9c;
}

[b-pp19h3bwom] .obs-metric__icon {
    display: grid;
    width: 50px;
    height: 50px;
    place-items: center;
    border-radius: 15px;
    color: #fff;
    background: var(--metric-accent, var(--obs-primary)) !important;
    box-shadow: 0 10px 24px color-mix(in srgb, var(--metric-accent, var(--obs-primary)) 23%, transparent);
    font-size: 1rem;
}

[b-pp19h3bwom] .obs-metric__copy {
    position: relative;
    z-index: 1;
    display: grid;
    min-width: 0;
}

[b-pp19h3bwom] .obs-metric__label {
    color: #667b7d;
    font-size: .69rem;
    font-weight: 900;
}

[b-pp19h3bwom] .obs-metric__value {
    margin: 3px 0;
    color: var(--obs-ink);
    font-size: clamp(1.65rem, 2vw, 2.05rem);
    font-weight: 950;
    line-height: 1;
    letter-spacing: -.03em;
}

[b-pp19h3bwom] .obs-metric__copy small {
    color: #899798;
    font-size: .62rem;
    font-weight: 700;
}

.obs-home-coverage[b-pp19h3bwom] {
    display: grid;
    grid-template-columns: 1fr 1fr 1.15fr;
    gap: 12px;
    margin-bottom: 18px;
}

.obs-home-coverage__item[b-pp19h3bwom],
.obs-home-coverage__action[b-pp19h3bwom] {
    position: relative;
    display: flex;
    min-height: 104px;
    align-items: center;
    gap: 15px;
    overflow: hidden;
    padding: 18px;
    border: 1px solid var(--obs-line);
    border-radius: 20px;
    color: var(--obs-ink);
    background: rgba(255, 255, 255, .9);
    text-decoration: none;
}

.obs-home-coverage__item[b-pp19h3bwom]::after {
    content: "";
    position: absolute;
    left: 18px;
    bottom: 0;
    width: 42px;
    height: 2px;
    background: var(--obs-secondary);
}

.obs-home-coverage > * > i:first-child[b-pp19h3bwom] {
    display: grid;
    width: 48px;
    height: 48px;
    flex: 0 0 auto;
    place-items: center;
    border: 1px solid color-mix(in srgb, var(--obs-primary) 12%, transparent);
    border-radius: 15px;
    color: var(--obs-primary);
    background: color-mix(in srgb, var(--obs-primary) 7%, #fff);
}

.obs-home-coverage div[b-pp19h3bwom] {
    display: grid;
    flex: 1;
    min-width: 0;
}

.obs-home-coverage small[b-pp19h3bwom] {
    color: #8b999a;
    font-size: .61rem;
    font-weight: 900;
}

.obs-home-coverage strong[b-pp19h3bwom] {
    margin: 1px 0;
    font-size: 1.15rem;
    font-weight: 950;
}

.obs-home-coverage span[b-pp19h3bwom] {
    color: #6b7e80;
    font-size: .72rem;
}

.obs-home-coverage__action[b-pp19h3bwom] {
    color: #fff;
    border-color: rgba(189, 150, 81, .25);
    background:
        radial-gradient(circle at 8% 100%, rgba(189, 150, 81, .22), transparent 42%),
        linear-gradient(118deg, var(--obs-primary), color-mix(in srgb, var(--obs-primary) 72%, #071b1e));
    box-shadow: 0 14px 30px color-mix(in srgb, var(--obs-primary) 18%, transparent);
    transition: transform .28s var(--obs-ease), box-shadow .28s var(--obs-ease);
}

.obs-home-coverage__action:hover[b-pp19h3bwom] {
    color: #fff;
    box-shadow: 0 22px 40px color-mix(in srgb, var(--obs-primary) 27%, transparent);
    transform: translateY(-3px);
}

.obs-home-coverage__action > i:first-child[b-pp19h3bwom] {
    color: #fff;
    border-color: rgba(255, 255, 255, .13);
    background: rgba(255, 255, 255, .09);
}

.obs-home-coverage__action small[b-pp19h3bwom],
.obs-home-coverage__action span[b-pp19h3bwom] {
    color: rgba(255, 255, 255, .62);
}

.obs-home-coverage__action > i:last-child[b-pp19h3bwom] {
    color: var(--obs-gold-soft);
    transition: transform .25s var(--obs-ease);
}

.obs-home-coverage__action:hover > i:last-child[b-pp19h3bwom] {
    transform: translateX(-5px);
}

.obs-readiness-board[b-pp19h3bwom] {
    margin-bottom: 18px;
    padding: 20px;
    border: 1px solid var(--obs-line);
    border-radius: 23px;
    background: rgba(255, 255, 255, .94);
    box-shadow: 0 18px 44px rgba(8, 38, 41, .065);
}

.obs-readiness-board > header[b-pp19h3bwom] {
    display: flex;
    align-items: end;
    justify-content: space-between;
    gap: 16px;
    margin-bottom: 16px;
}

.obs-readiness-board > header span[b-pp19h3bwom] {
    color: #9a7a41;
    font-size: .64rem;
    font-weight: 900;
}

.obs-readiness-board > header h2[b-pp19h3bwom] {
    margin: 3px 0;
    color: var(--obs-ink);
    font-size: 1.05rem;
    font-weight: 950;
}

.obs-readiness-board > header p[b-pp19h3bwom] {
    margin: 0;
    color: #78898a;
    font-size: .72rem;
}

.obs-readiness-board > header a[b-pp19h3bwom] {
    flex: 0 0 auto;
    padding: 9px 12px;
    border: 1px solid rgba(18, 63, 71, .16);
    border-radius: 11px;
    color: var(--obs-primary);
    background: #f7faf9;
    font-size: .7rem;
    font-weight: 900;
    text-decoration: none;
}

.obs-readiness-grid[b-pp19h3bwom] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 10px;
}

.obs-readiness-card[b-pp19h3bwom] {
    --readiness-color: #a34050;
    display: grid;
    grid-template-columns: auto 1fr;
    gap: 12px;
    min-width: 0;
    padding: 14px;
    border: 1px solid color-mix(in srgb, var(--readiness-color) 18%, #e3eae9);
    border-radius: 17px;
    background: linear-gradient(135deg, #fff, color-mix(in srgb, var(--readiness-color) 3%, #fff));
}

.obs-readiness-card.is-ready[b-pp19h3bwom] {
    --readiness-color: #14816a;
}

.obs-readiness-card.is-attention[b-pp19h3bwom] {
    --readiness-color: #b27e2d;
}

.obs-readiness-card__score[b-pp19h3bwom] {
    display: grid;
    place-items: center;
    align-content: center;
    width: 66px;
    height: 66px;
    border-radius: 21px;
    color: var(--readiness-color);
    background: color-mix(in srgb, var(--readiness-color) 9%, #fff);
}

.obs-readiness-card__score strong[b-pp19h3bwom],
.obs-readiness-card__score span[b-pp19h3bwom] {
    display: block;
}

.obs-readiness-card__score strong[b-pp19h3bwom] {
    font-size: 1.05rem;
    font-weight: 950;
}

.obs-readiness-card__score span[b-pp19h3bwom] {
    font-size: .58rem;
    font-weight: 900;
}

.obs-readiness-card__copy[b-pp19h3bwom] {
    min-width: 0;
}

.obs-readiness-card h3[b-pp19h3bwom] {
    overflow: hidden;
    margin: 0;
    color: #173d42;
    font-size: .82rem;
    font-weight: 950;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.obs-readiness-card p[b-pp19h3bwom] {
    overflow: hidden;
    margin: 2px 0 8px;
    color: #73878a;
    font-size: .65rem;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.obs-readiness-card__bar[b-pp19h3bwom] {
    height: 5px;
    overflow: hidden;
    border-radius: 999px;
    background: #e9eeee;
}

.obs-readiness-card__bar span[b-pp19h3bwom] {
    display: block;
    height: 100%;
    border-radius: inherit;
    background: var(--readiness-color);
}

.obs-readiness-card__counts[b-pp19h3bwom] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 4px 9px;
    margin-top: 7px;
    color: #60777a;
    font-size: .57rem;
    font-weight: 850;
}

.obs-readiness-card__counts span[b-pp19h3bwom] {
    display: inline-flex;
    align-items: center;
    gap: 4px;
}

.obs-readiness-card__counts i[b-pp19h3bwom] {
    color: var(--readiness-color);
    font-size: .56rem;
}

.obs-readiness-card__counts .has-errors[b-pp19h3bwom] {
    color: #a34050;
}

.obs-readiness-card__counts .has-errors i[b-pp19h3bwom] {
    color: #a34050;
}

.obs-readiness-card dl[b-pp19h3bwom] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 4px;
    margin: 8px 0 0;
}

.obs-readiness-card dl div[b-pp19h3bwom] {
    display: grid;
}

.obs-readiness-card dt[b-pp19h3bwom] {
    color: #8a999a;
    font-size: .53rem;
}

.obs-readiness-card dd[b-pp19h3bwom] {
    margin: 0;
    color: #35575b;
    font-size: .64rem;
    font-weight: 900;
}

.obs-readiness-board__empty[b-pp19h3bwom] {
    display: flex;
    min-height: 92px;
    align-items: center;
    justify-content: center;
    gap: 10px;
    border: 1px dashed rgba(18, 63, 71, .17);
    border-radius: 15px;
    color: #718588;
    font-size: .75rem;
    font-weight: 800;
}

.obs-readiness-board__empty i[b-pp19h3bwom] {
    color: var(--obs-primary);
    font-size: 1.15rem;
}

.obs-home-recent[b-pp19h3bwom] {
    grid-column: 1 / -1;
}

[b-pp19h3bwom] .obs-panel.obs-home-recent {
    position: relative;
    overflow: hidden;
    border: 1px solid var(--obs-line);
    border-radius: 23px;
    background: rgba(255, 255, 255, .94);
    box-shadow: 0 18px 44px rgba(8, 38, 41, .065);
}

[b-pp19h3bwom] .obs-panel.obs-home-recent::before {
    content: "";
    position: absolute;
    top: 0;
    right: 24px;
    width: 48px;
    height: 2px;
    background: linear-gradient(90deg, var(--obs-secondary), #e2c587);
}

[b-pp19h3bwom] .obs-panel__header {
    padding-bottom: 16px;
    border-bottom: 1px solid rgba(16, 54, 57, .09);
}

.obs-panel__eyebrow[b-pp19h3bwom] {
    display: block;
    margin-bottom: 5px;
    color: #9a7a41;
    font-size: .64rem;
    font-weight: 900;
}

[b-pp19h3bwom] .obs-panel__title {
    color: var(--obs-ink);
    font-size: .98rem;
    font-weight: 950;
}

[b-pp19h3bwom] .obs-panel__subtitle {
    margin-top: 5px;
    color: #78898a;
    font-size: .72rem;
}

.obs-home-link[b-pp19h3bwom] {
    display: inline-flex;
    min-height: 36px;
    align-items: center;
    padding: 0 13px;
    border: 1px solid color-mix(in srgb, var(--obs-primary) 18%, #dfe8e7);
    border-radius: 11px;
    color: var(--obs-primary);
    background: color-mix(in srgb, var(--obs-primary) 4%, #fff);
    font-size: .7rem;
    font-weight: 900;
    text-decoration: none;
    transition: background .2s ease, color .2s ease;
}

.obs-home-link:hover[b-pp19h3bwom] {
    color: #fff;
    background: var(--obs-primary);
}

[b-pp19h3bwom] .obs-home-recent .obs-table-wrap {
    margin: 0 -20px -20px;
}

[b-pp19h3bwom] .obs-home-recent .obs-table {
    margin: 0;
}

[b-pp19h3bwom] .obs-home-recent .obs-table thead th {
    padding: 11px 18px;
    border: 0;
    color: #7d8e8f;
    background: #f5f8f7;
    font-size: .63rem;
    font-weight: 900;
}

[b-pp19h3bwom] .obs-home-recent .obs-table tbody td {
    padding: 15px 18px;
    border-color: rgba(20, 57, 60, .075);
    color: #536b6d;
    font-size: .73rem;
    vertical-align: middle;
}

[b-pp19h3bwom] .obs-home-recent .obs-table tbody tr {
    transition: background .2s ease;
}

[b-pp19h3bwom] .obs-home-recent .obs-table tbody tr:hover {
    background: color-mix(in srgb, var(--obs-primary) 3%, #fff);
}

[b-pp19h3bwom] .obs-home-recent .obs-table tbody td:first-child strong {
    color: var(--obs-primary);
    font-family: "Roboto Mono", Consolas, monospace;
    font-size: .9rem;
    font-weight: 900;
    line-height: 1.35;
}

[b-pp19h3bwom] .obs-empty {
    border: 1px dashed rgba(22, 68, 71, .17);
    border-radius: 18px;
    background:
        linear-gradient(rgba(250, 252, 251, .94), rgba(250, 252, 251, .94)),
        repeating-linear-gradient(135deg, transparent 0 8px, rgba(10, 48, 51, .035) 8px 9px);
}

[b-pp19h3bwom] .obs-empty i {
    color: var(--obs-primary);
}

.obs-empty.is-compact[b-pp19h3bwom] {
    min-height: 180px;
}

.obs-empty p[b-pp19h3bwom] {
    margin: 7px 0 0;
}

.obs-home-audit__count[b-pp19h3bwom] {
    display: inline-flex;
    min-height: 38px;
    align-items: center;
    gap: 8px;
    padding: 0 13px;
    border: 1px solid color-mix(in srgb, var(--obs-primary) 13%, #dce7e5);
    border-radius: 999px;
    color: #587274;
    background: color-mix(in srgb, var(--obs-primary) 4%, #fff);
    font-size: .68rem;
    font-weight: 900;
    white-space: nowrap;
}

.obs-home-audit__count i[b-pp19h3bwom] {
    color: var(--obs-primary);
}

.obs-home-timeline[b-pp19h3bwom] {
    position: relative;
    display: grid;
    gap: 12px;
    margin: 0;
    padding: 3px 0 0;
    list-style: none;
}

.obs-home-timeline__item[b-pp19h3bwom] {
    position: relative;
    display: grid;
    grid-template-columns: 58px minmax(0, 1fr);
    align-items: stretch;
    gap: 16px;
}

.obs-home-timeline__rail[b-pp19h3bwom] {
    position: relative;
    z-index: 1;
    display: flex;
    min-height: 118px;
    align-items: center;
    flex-direction: column;
    gap: 8px;
}

.obs-home-timeline__item:not(:last-child) .obs-home-timeline__rail[b-pp19h3bwom]::after {
    content: "";
    position: absolute;
    z-index: -1;
    top: 52px;
    right: 50%;
    bottom: -22px;
    width: 2px;
    border-radius: 999px;
    background: linear-gradient(
        180deg,
        color-mix(in srgb, var(--obs-primary) 32%, #d8e3e1),
        color-mix(in srgb, var(--obs-primary) 8%, #edf3f2)
    );
    transform: translateX(50%);
}

.obs-home-timeline__number[b-pp19h3bwom] {
    display: grid;
    min-width: 31px;
    height: 20px;
    place-items: center;
    border-radius: 999px;
    color: #fff;
    background: var(--obs-primary);
    box-shadow: 0 5px 12px color-mix(in srgb, var(--obs-primary) 20%, transparent);
    font-family: "Roboto Mono", Consolas, monospace;
    font-size: .54rem;
    font-weight: 900;
}

.obs-home-timeline__icon[b-pp19h3bwom] {
    display: grid;
    width: 48px;
    height: 48px;
    place-items: center;
    border: 1px solid color-mix(in srgb, var(--obs-primary) 14%, #dae6e4);
    border-radius: 16px;
    color: color-mix(in srgb, var(--obs-primary) 65%, #769092);
    background: #fff;
    box-shadow:
        0 0 0 6px rgba(247, 250, 249, .96),
        0 12px 25px rgba(10, 45, 48, .08);
    font-size: .92rem;
    transition:
        color .25s ease,
        border-color .25s ease,
        background .25s ease,
        transform .25s var(--obs-ease);
}

.obs-home-timeline__item.is-expanded .obs-home-timeline__icon[b-pp19h3bwom] {
    color: #fff;
    border-color: var(--obs-primary);
    background: var(--obs-primary);
    box-shadow:
        0 0 0 6px color-mix(in srgb, var(--obs-primary) 7%, #fff),
        0 13px 28px color-mix(in srgb, var(--obs-primary) 22%, transparent);
    transform: translateY(2px);
}

.obs-home-event[b-pp19h3bwom] {
    min-width: 0;
    overflow: hidden;
    border: 1px solid rgba(18, 54, 57, .11);
    border-radius: 20px;
    background:
        radial-gradient(circle at 0 0, rgba(189, 150, 81, .06), transparent 28%),
        linear-gradient(115deg, #fff, #fbfdfc);
    box-shadow: 0 10px 26px rgba(7, 42, 45, .045);
    transition:
        border-color .25s ease,
        box-shadow .25s ease,
        transform .25s var(--obs-ease);
}

.obs-home-event:hover[b-pp19h3bwom] {
    border-color: color-mix(in srgb, var(--obs-primary) 24%, #dce6e4);
    box-shadow: 0 17px 36px rgba(7, 42, 45, .085);
    transform: translateY(-2px);
}

.obs-home-timeline__item.is-expanded .obs-home-event[b-pp19h3bwom] {
    border-color: color-mix(in srgb, var(--obs-primary) 36%, #dce6e4);
    box-shadow: 0 19px 42px rgba(7, 42, 45, .1);
}

.obs-home-event__summary[b-pp19h3bwom] {
    display: grid;
    width: 100%;
    min-height: 112px;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: center;
    gap: 18px;
    padding: 20px 22px;
    border: 0;
    color: inherit;
    background: transparent;
    font: inherit;
    text-align: right;
    cursor: pointer;
}

.obs-home-event__summary:focus-visible[b-pp19h3bwom] {
    outline: 3px solid color-mix(in srgb, var(--obs-primary) 26%, transparent);
    outline-offset: -4px;
    border-radius: 17px;
}

.obs-home-event__main[b-pp19h3bwom] {
    display: grid;
    min-width: 0;
    gap: 11px;
}

.obs-home-event__headline[b-pp19h3bwom],
.obs-home-event__meta[b-pp19h3bwom] {
    display: flex;
    min-width: 0;
    align-items: center;
    flex-wrap: wrap;
    gap: 8px;
}

.obs-home-event__headline > strong[b-pp19h3bwom] {
    color: #17393c;
    font-size: .88rem;
    font-weight: 950;
}

.obs-home-event__entity[b-pp19h3bwom],
.obs-home-event__verified[b-pp19h3bwom] {
    display: inline-flex;
    min-height: 28px;
    align-items: center;
    gap: 5px;
    padding: 0 10px;
    border-radius: 999px;
    font-size: .65rem;
    font-weight: 900;
}

.obs-home-event__entity[b-pp19h3bwom] {
    color: #577173;
    background: #eef4f3;
}

.obs-home-event__verified[b-pp19h3bwom] {
    color: #14745f;
    background: #e7f6f1;
}

.obs-home-event__meta[b-pp19h3bwom] {
    color: #718587;
    font-size: .68rem;
    font-weight: 800;
}

.obs-home-event__meta > span[b-pp19h3bwom],
.obs-home-event__meta time[b-pp19h3bwom] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
}

.obs-home-event__meta i[b-pp19h3bwom] {
    color: var(--obs-primary);
}

.obs-home-event__toggle[b-pp19h3bwom] {
    display: inline-flex;
    min-height: 42px;
    align-items: center;
    gap: 10px;
    padding: 0 13px;
    border: 1px solid color-mix(in srgb, var(--obs-primary) 12%, #dfe8e7);
    border-radius: 12px;
    color: #60787a;
    background: #f5f8f7;
    font-size: .64rem;
    font-weight: 900;
    white-space: nowrap;
}

.obs-home-event__toggle i[b-pp19h3bwom] {
    font-size: .6rem;
    transition: transform .25s var(--obs-ease);
}

.obs-home-timeline__item.is-expanded .obs-home-event__toggle[b-pp19h3bwom] {
    color: var(--obs-primary);
    border-color: color-mix(in srgb, var(--obs-primary) 18%, #dfe8e7);
    background: color-mix(in srgb, var(--obs-primary) 5%, #fff);
}

.obs-home-timeline__item.is-expanded .obs-home-event__toggle i[b-pp19h3bwom] {
    transform: rotate(180deg);
}

.obs-home-event__details[b-pp19h3bwom] {
    display: grid;
    grid-template-columns: minmax(240px, .8fr) minmax(0, 1.2fr);
    gap: 18px;
    padding: 20px 22px 22px;
    border-top: 1px dashed rgba(19, 57, 60, .14);
    background:
        linear-gradient(135deg, color-mix(in srgb, var(--obs-primary) 3%, #fff), #fff);
    animation: obs-home-details-in-b-pp19h3bwom .24s var(--obs-ease);
}

.obs-home-event__details-copy[b-pp19h3bwom] {
    display: flex;
    min-width: 0;
    align-items: flex-start;
    gap: 12px;
    padding: 15px;
    border: 1px solid rgba(19, 57, 60, .09);
    border-radius: 15px;
    background: rgba(255, 255, 255, .82);
}

.obs-home-event__details-icon[b-pp19h3bwom] {
    display: grid;
    width: 38px;
    height: 38px;
    flex: 0 0 auto;
    place-items: center;
    border-radius: 12px;
    color: #9a7434;
    background: #f8efdc;
}

.obs-home-event__details-copy strong[b-pp19h3bwom] {
    color: #234447;
    font-size: .7rem;
    font-weight: 950;
}

.obs-home-event__details-copy p[b-pp19h3bwom] {
    margin: 5px 0 0;
    color: #667d7f;
    font-size: .68rem;
    font-weight: 700;
    line-height: 1.8;
}

.obs-home-event__facts[b-pp19h3bwom] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 9px;
    margin: 0;
}

.obs-home-event__facts > div[b-pp19h3bwom] {
    min-width: 0;
    padding: 11px 12px;
    border: 1px solid rgba(19, 57, 60, .085);
    border-radius: 13px;
    background: rgba(255, 255, 255, .86);
}

.obs-home-event__facts dt[b-pp19h3bwom] {
    margin-bottom: 4px;
    color: #8a9a9b;
    font-size: .56rem;
    font-weight: 900;
}

.obs-home-event__facts dd[b-pp19h3bwom] {
    overflow: hidden;
    margin: 0;
    color: #29494b;
    font-size: .67rem;
    font-weight: 900;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.obs-home-event__facts dd.is-current[b-pp19h3bwom] {
    color: #14745f;
}

@keyframes obs-home-details-in-b-pp19h3bwom {
    from {
        opacity: 0;
        transform: translateY(-7px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

@keyframes obs-home-pulse-b-pp19h3bwom {
    0%,
    100% {
        box-shadow: 0 0 0 5px rgba(107, 225, 185, .07), 0 0 13px rgba(107, 225, 185, .45);
    }

    50% {
        box-shadow: 0 0 0 9px rgba(107, 225, 185, 0), 0 0 24px rgba(107, 225, 185, .8);
    }
}

@media (max-width: 1180px) {
    .obs-home-intro[b-pp19h3bwom] {
        grid-template-columns: 1fr;
    }

    .obs-home-intro__rail[b-pp19h3bwom] {
        border-top: 1px solid rgba(255, 255, 255, .09);
        border-right: 0;
    }

    .obs-home-recent[b-pp19h3bwom] {
        grid-column: 1 / -1;
    }

    .obs-readiness-grid[b-pp19h3bwom] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 900px) {
    .obs-home-coverage[b-pp19h3bwom] {
        grid-template-columns: 1fr 1fr;
    }

    .obs-home-coverage__action[b-pp19h3bwom] {
        grid-column: 1 / -1;
    }

    .obs-home-event__details[b-pp19h3bwom] {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 767.98px) {
    .obs-home-message[b-pp19h3bwom] {
        grid-template-columns: 42px minmax(0, 1fr);
    }

    .obs-home-message .btn[b-pp19h3bwom] {
        grid-column: 1 / -1;
    }

    .obs-home-intro[b-pp19h3bwom] {
        border-radius: 23px;
    }

    .obs-home-intro__copy[b-pp19h3bwom],
    .obs-home-intro__rail[b-pp19h3bwom] {
        padding: 24px 20px;
    }

    .obs-home-flow[b-pp19h3bwom] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        row-gap: 24px;
    }

    .obs-home-flow li:nth-child(2)[b-pp19h3bwom]::before {
        left: 50%;
    }

    .obs-home-flow li:nth-child(3)[b-pp19h3bwom]::before {
        right: 50%;
    }

    .obs-home-coverage[b-pp19h3bwom] {
        grid-template-columns: 1fr;
    }

    .obs-home-coverage__action[b-pp19h3bwom] {
        grid-column: auto;
    }

    .obs-readiness-board > header[b-pp19h3bwom] {
        align-items: stretch;
        flex-direction: column;
    }

    .obs-readiness-grid[b-pp19h3bwom] {
        grid-template-columns: 1fr;
    }

    [b-pp19h3bwom] .obs-home-recent .obs-table-wrap {
        margin-inline: -16px;
        margin-bottom: -16px;
    }

    .obs-home-audit__count[b-pp19h3bwom] {
        min-height: 34px;
    }

    .obs-home-timeline[b-pp19h3bwom] {
        gap: 10px;
    }

    .obs-home-timeline__item[b-pp19h3bwom] {
        grid-template-columns: 44px minmax(0, 1fr);
        gap: 9px;
    }

    .obs-home-timeline__rail[b-pp19h3bwom] {
        min-height: 132px;
    }

    .obs-home-timeline__icon[b-pp19h3bwom] {
        width: 40px;
        height: 40px;
        border-radius: 13px;
    }

    .obs-home-timeline__item:not(:last-child) .obs-home-timeline__rail[b-pp19h3bwom]::after {
        top: 47px;
    }

    .obs-home-event[b-pp19h3bwom] {
        border-radius: 17px;
    }

    .obs-home-event__summary[b-pp19h3bwom] {
        min-height: 128px;
        grid-template-columns: 1fr;
        gap: 13px;
        padding: 17px;
    }

    .obs-home-event__toggle[b-pp19h3bwom] {
        width: 100%;
        justify-content: space-between;
    }

    .obs-home-event__details[b-pp19h3bwom] {
        padding: 16px;
    }

    .obs-home-event__facts[b-pp19h3bwom] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 480px) {
    .obs-home-event__facts[b-pp19h3bwom] {
        grid-template-columns: 1fr;
    }

    .obs-home-event__headline[b-pp19h3bwom],
    .obs-home-event__meta[b-pp19h3bwom] {
        align-items: flex-start;
        flex-direction: column;
    }
}

@media (prefers-reduced-motion: reduce) {
    .obs-home-intro__pulse[b-pp19h3bwom] {
        animation: none;
    }

    [b-pp19h3bwom] .obs-metric,
    .obs-home-coverage__action[b-pp19h3bwom],
    .obs-home-coverage__action > i:last-child[b-pp19h3bwom],
    .obs-home-timeline__icon[b-pp19h3bwom],
    .obs-home-event[b-pp19h3bwom],
    .obs-home-event__toggle i[b-pp19h3bwom] {
        transition: none;
    }

    .obs-home-event__details[b-pp19h3bwom] {
        animation: none;
    }
}
/* _content/Starterkit/Observatory/InputChannels.razor.rz.scp.css */
.obs-loading[b-r159o7atwb] {
    display: flex;
    min-height: 280px;
    align-items: center;
    justify-content: center;
    gap: 12px;
    color: #496467;
    font-weight: 850;
}
/* _content/Starterkit/Observatory/SharedDashboard.razor.rz.scp.css */
.shared-dashboard-root[b-txnqsczeeb] {
    --share-primary: #0b4f52;
    --share-secondary: #b48a45;
    width: 100%;
    min-height: 100vh;
    padding: clamp(14px, 2.5vw, 34px);
    color: #243f42;
    background:
        radial-gradient(circle at 92% 0%, rgba(180, 138, 69, .13), transparent 28%),
        radial-gradient(circle at 0% 35%, rgba(11, 79, 82, .09), transparent 26%),
        #edf3f2;
    font-family: Cairo, Tajawal, sans-serif;
}

.shared-dashboard-state[b-txnqsczeeb] {
    display: grid;
    width: min(100%, 760px);
    min-height: min(620px, calc(100vh - 68px));
    margin: 0 auto;
    place-items: center;
    align-content: center;
    gap: 10px;
    padding: clamp(28px, 6vw, 70px);
    border: 1px solid rgba(198, 215, 212, .85);
    border-radius: 28px;
    text-align: center;
    background: rgba(255, 255, 255, .92);
    box-shadow: 0 26px 70px rgba(18, 54, 58, .12);
}

.shared-dashboard-state__mark[b-txnqsczeeb] {
    display: grid;
    width: 78px;
    height: 78px;
    margin-bottom: 8px;
    place-items: center;
    border-radius: 24px;
    color: #fff;
    background: var(--share-primary);
    box-shadow: 0 18px 38px rgba(11, 79, 82, .24);
    font-size: 1.55rem;
}

.shared-dashboard-state__mark.is-loading i[b-txnqsczeeb] {
    animation: shared-pulse-b-txnqsczeeb 1.6s ease-in-out infinite;
}

.shared-dashboard-state__mark.is-invalid[b-txnqsczeeb] {
    background: linear-gradient(145deg, #743f48, #a25761);
    box-shadow: 0 18px 38px rgba(132, 61, 72, .2);
}

.shared-dashboard-state__eyebrow[b-txnqsczeeb] {
    color: var(--share-secondary);
    font-size: .67rem;
    font-weight: 950;
}

.shared-dashboard-state h1[b-txnqsczeeb],
.shared-dashboard-state p[b-txnqsczeeb] {
    margin: 0;
}

.shared-dashboard-state h1[b-txnqsczeeb] {
    color: #21484b;
    font-size: clamp(1.35rem, 3vw, 2rem);
    font-weight: 950;
}

.shared-dashboard-state p[b-txnqsczeeb] {
    max-width: 520px;
    color: #748789;
    font-size: .78rem;
    line-height: 1.85;
}

.shared-dashboard-state__skeleton[b-txnqsczeeb] {
    display: grid;
    width: min(100%, 500px);
    grid-template-columns: repeat(3, 1fr);
    gap: 8px;
    margin-top: 20px;
}

.shared-dashboard-state__skeleton span[b-txnqsczeeb] {
    height: 82px;
    border-radius: 14px;
    background: linear-gradient(100deg, #edf3f2 20%, #f9fbfa 42%, #edf3f2 64%) 0 0 / 220% 100%;
    animation: shared-shimmer-b-txnqsczeeb 1.35s linear infinite;
}

.shared-dashboard-toolbar[b-txnqsczeeb] {
    display: flex;
    width: min(100%, 1600px);
    min-height: 68px;
    align-items: center;
    justify-content: space-between;
    gap: 14px;
    margin: 0 auto 14px;
    padding: 11px 14px;
    border: 1px solid rgba(198, 216, 213, .9);
    border-radius: 18px;
    background: rgba(255, 255, 255, .9);
    box-shadow: 0 14px 36px rgba(18, 55, 58, .08);
    backdrop-filter: blur(14px);
}

.shared-dashboard-toolbar__brand[b-txnqsczeeb],
.shared-dashboard-toolbar__meta[b-txnqsczeeb],
.shared-dashboard-toolbar__meta > span[b-txnqsczeeb],
.shared-dashboard-toolbar__meta > button[b-txnqsczeeb] {
    display: flex;
    align-items: center;
}

.shared-dashboard-toolbar__brand[b-txnqsczeeb] {
    min-width: 0;
    gap: 10px;
}

.shared-dashboard-toolbar__brand > span[b-txnqsczeeb] {
    display: grid;
    width: 42px;
    height: 42px;
    flex: 0 0 auto;
    place-items: center;
    border-radius: 13px;
    color: #fff;
    background: var(--share-primary);
}

.shared-dashboard-toolbar__brand strong[b-txnqsczeeb],
.shared-dashboard-toolbar__brand small[b-txnqsczeeb] {
    display: block;
}

.shared-dashboard-toolbar__brand strong[b-txnqsczeeb] {
    color: #29494c;
    font-size: .76rem;
    font-weight: 950;
}

.shared-dashboard-toolbar__brand small[b-txnqsczeeb] {
    margin-top: 2px;
    color: #7e8f91;
    font-size: .59rem;
}

.shared-dashboard-toolbar__meta[b-txnqsczeeb] {
    flex-wrap: wrap;
    justify-content: flex-end;
    gap: 8px;
}

.shared-dashboard-toolbar__meta > span[b-txnqsczeeb],
.shared-dashboard-toolbar__meta > button[b-txnqsczeeb] {
    min-height: 42px;
    gap: 7px;
    padding: 8px 11px;
    border-radius: 11px;
    font-size: .64rem;
    font-weight: 900;
}

.shared-dashboard-toolbar__meta > span[b-txnqsczeeb] {
    color: #5f7679;
    background: #f1f6f5;
}

.shared-dashboard-toolbar__meta > button[b-txnqsczeeb] {
    border: 1px solid var(--share-primary);
    color: #fff;
    background: var(--share-primary);
}

.shared-dashboard-toolbar__meta > button:hover[b-txnqsczeeb],
.shared-dashboard-toolbar__meta > button:focus-visible[b-txnqsczeeb] {
    background: color-mix(in srgb, var(--share-primary) 86%, #000);
}

.shared-dashboard-toolbar__meta > button:focus-visible[b-txnqsczeeb] {
    outline: 3px solid color-mix(in srgb, var(--share-secondary) 44%, transparent);
    outline-offset: 2px;
}

.shared-dashboard-message[b-txnqsczeeb] {
    width: min(100%, 1600px);
    margin: 0 auto 12px;
    padding: 10px 13px;
    border: 1px solid #ead3b1;
    border-radius: 12px;
    color: #765825;
    background: #fffaf1;
    font-size: .68rem;
    font-weight: 850;
}

.shared-dashboard-snapshot[b-txnqsczeeb] {
    width: min(100%, 1600px);
    margin: 0 auto;
    overflow: hidden;
    border: 1px solid #cfddda;
    border-radius: 26px;
    background: #f6f9f8;
    box-shadow: 0 28px 72px rgba(18, 55, 58, .12);
}

.shared-dashboard-hero[b-txnqsczeeb] {
    position: relative;
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: center;
    gap: 24px;
    overflow: hidden;
    padding: clamp(26px, 5vw, 58px);
    color: #fff;
    background:
        radial-gradient(circle at 8% 12%, rgba(180, 138, 69, .28), transparent 26%),
        linear-gradient(135deg, #0b4f52, #14383c 76%);
}

.shared-dashboard-hero[b-txnqsczeeb]::after {
    position: absolute;
    inset: 0;
    opacity: .12;
    background-image:
        linear-gradient(rgba(255,255,255,.25) 1px, transparent 1px),
        linear-gradient(90deg, rgba(255,255,255,.25) 1px, transparent 1px);
    background-size: 34px 34px;
    content: "";
    pointer-events: none;
}

.shared-dashboard-hero > *[b-txnqsczeeb] {
    position: relative;
    z-index: 1;
}

.shared-dashboard-hero__eyebrow[b-txnqsczeeb] {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    color: color-mix(in srgb, var(--share-secondary) 78%, #fff);
    font-size: .66rem;
    font-weight: 950;
}

.shared-dashboard-hero h1[b-txnqsczeeb],
.shared-dashboard-hero p[b-txnqsczeeb] {
    margin: 0;
}

.shared-dashboard-hero h1[b-txnqsczeeb] {
    margin-top: 9px;
    font-size: clamp(1.65rem, 4.5vw, 3.1rem);
    font-weight: 950;
    letter-spacing: -.035em;
    line-height: 1.25;
}

.shared-dashboard-hero p[b-txnqsczeeb] {
    max-width: 780px;
    margin-top: 10px;
    color: rgba(238, 247, 246, .75);
    font-size: .78rem;
    line-height: 1.9;
}

.shared-dashboard-hero__meta[b-txnqsczeeb] {
    display: flex;
    flex-wrap: wrap;
    gap: 8px 18px;
    margin-top: 20px;
}

.shared-dashboard-hero__meta span[b-txnqsczeeb] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    color: rgba(240, 248, 247, .72);
    font-size: .62rem;
    font-weight: 850;
}

.shared-dashboard-hero__seal[b-txnqsczeeb] {
    display: grid;
    width: 112px;
    height: 112px;
    place-items: center;
    align-content: center;
    gap: 5px;
    border: 1px solid rgba(255,255,255,.22);
    border-radius: 32px;
    color: color-mix(in srgb, var(--share-secondary) 72%, #fff);
    background: rgba(255,255,255,.08);
    box-shadow: inset 0 1px 0 rgba(255,255,255,.15);
    backdrop-filter: blur(12px);
    font-size: 1.55rem;
}

.shared-dashboard-hero__seal small[b-txnqsczeeb] {
    color: rgba(255,255,255,.74);
    font-size: .62rem;
    font-weight: 950;
}

.shared-dashboard-page[b-txnqsczeeb] {
    padding: clamp(15px, 2.5vw, 28px);
    border-bottom: 1px solid #dce6e4;
}

.shared-dashboard-page__head[b-txnqsczeeb] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    margin-bottom: 13px;
    padding: 13px 15px;
    border: 1px solid #d8e4e2;
    border-radius: 14px;
    background: #fff;
}

.shared-dashboard-page__head span[b-txnqsczeeb] {
    color: var(--share-secondary);
    font-size: .58rem;
    font-weight: 950;
}

.shared-dashboard-page__head h2[b-txnqsczeeb],
.shared-dashboard-page__head p[b-txnqsczeeb] {
    margin: 0;
}

.shared-dashboard-page__head h2[b-txnqsczeeb] {
    margin-top: 2px;
    color: #294b4e;
    font-size: 1rem;
    font-weight: 950;
}

.shared-dashboard-page__head p[b-txnqsczeeb] {
    margin-top: 3px;
    color: #748789;
    font-size: .62rem;
    line-height: 1.65;
}

.shared-dashboard-page__head > strong[b-txnqsczeeb] {
    padding: 5px 9px;
    border-radius: 999px;
    color: var(--share-primary);
    background: color-mix(in srgb, var(--share-primary) 7%, #fff);
    font-size: .61rem;
    white-space: nowrap;
}

.shared-dashboard-grid[b-txnqsczeeb] {
    display: grid;
    grid-template-columns: repeat(12, minmax(0, 1fr));
    gap: 14px;
}

.shared-widget[b-txnqsczeeb] {
    --widget-accent: var(--share-primary);
    grid-column: span var(--widget-width, 6);
    min-width: 0;
    overflow: hidden;
    padding: clamp(16px, 2vw, 23px);
    border: 1px solid #d2e0dd;
    border-radius: 19px;
    background:
        radial-gradient(circle at 98% 0%, color-mix(in srgb, var(--widget-accent) 7%, transparent), transparent 38%),
        #fff;
    box-shadow: 0 14px 34px rgba(17, 53, 57, .065);
}

.shared-widget--metric[b-txnqsczeeb] {
    min-height: 210px;
}

.shared-widget--chart[b-txnqsczeeb] {
    min-height: 330px;
}

.shared-widget--table[b-txnqsczeeb],
.shared-widget--readonly-filter[b-txnqsczeeb] {
    grid-column: span var(--widget-width, 12);
}

.shared-widget__head[b-txnqsczeeb] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 12px;
    margin-bottom: 18px;
}

.shared-widget__head > div[b-txnqsczeeb] {
    min-width: 0;
}

.shared-widget__head span[b-txnqsczeeb] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    color: var(--widget-accent);
    font-size: .58rem;
    font-weight: 950;
}

.shared-widget__head h3[b-txnqsczeeb] {
    margin: 4px 0 0;
    color: #2d4d50;
    font-size: .88rem;
    font-weight: 950;
    line-height: 1.5;
}

.shared-widget__head > small[b-txnqsczeeb] {
    flex: 0 0 auto;
    padding: 4px 8px;
    border-radius: 999px;
    color: #637a7c;
    background: #eef4f3;
    font-size: .55rem;
    font-weight: 900;
}

.shared-widget__value[b-txnqsczeeb] {
    display: flex;
    align-items: baseline;
    flex-wrap: wrap;
    gap: 8px;
    margin-top: 22px;
}

.shared-widget__value strong[b-txnqsczeeb] {
    color: #173f43;
    font-size: clamp(2rem, 5vw, 3.6rem);
    font-weight: 950;
    letter-spacing: -.04em;
}

.shared-widget__value span[b-txnqsczeeb] {
    color: #718486;
    font-size: .68rem;
    font-weight: 850;
}

.shared-widget__delta[b-txnqsczeeb] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    margin-top: 15px;
    padding: 5px 9px;
    border-radius: 999px;
    font-size: .59rem;
    font-weight: 900;
}

.shared-widget__delta.is-positive[b-txnqsczeeb] {
    color: #17694f;
    background: #e7f7ef;
}

.shared-widget__delta.is-negative[b-txnqsczeeb] {
    color: #93434d;
    background: #fbeaec;
}

.shared-chart[b-txnqsczeeb] {
    min-height: 270px;
}

.shared-readonly-values[b-txnqsczeeb] {
    display: flex;
    flex-wrap: wrap;
    gap: 7px;
}

.shared-readonly-values span[b-txnqsczeeb] {
    padding: 6px 9px;
    border: 1px solid #d8e4e2;
    border-radius: 999px;
    color: #526d70;
    background: #f7faf9;
    font-size: .6rem;
    font-weight: 850;
}

.shared-widget--readonly-filter > small[b-txnqsczeeb] {
    display: block;
    margin-top: 10px;
    color: #859496;
    font-size: .57rem;
}

.shared-table-wrap[b-txnqsczeeb] {
    max-width: 100%;
    overflow-x: auto;
    border: 1px solid #dbe6e4;
    border-radius: 12px;
}

.shared-table-wrap table[b-txnqsczeeb] {
    width: 100%;
    min-width: 520px;
    border-collapse: collapse;
    color: #3e5a5d;
    font-size: .63rem;
}

.shared-table-wrap th[b-txnqsczeeb],
.shared-table-wrap td[b-txnqsczeeb] {
    padding: 9px 11px;
    border-bottom: 1px solid #e4ecea;
    text-align: start;
}

.shared-table-wrap thead th[b-txnqsczeeb] {
    color: #315356;
    background: #edf4f2;
    font-weight: 950;
}

.shared-table-wrap tbody th[b-txnqsczeeb] {
    color: #3b5e61;
    background: #f9fbfa;
    font-weight: 900;
}

.shared-table-wrap tbody tr:last-child > *[b-txnqsczeeb] {
    border-bottom: 0;
}

.shared-dashboard-empty[b-txnqsczeeb] {
    display: grid;
    min-height: 90px;
    place-items: center;
    color: #829294;
    text-align: center;
    font-size: .68rem;
}

.shared-dashboard-footer[b-txnqsczeeb] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 15px clamp(18px, 3vw, 32px);
    color: #6f8385;
    background: #eef4f2;
    font-size: .6rem;
    font-weight: 800;
}

.shared-dashboard-footer span:first-child[b-txnqsczeeb] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    color: var(--share-primary);
}

@keyframes shared-pulse-b-txnqsczeeb {
    50% { transform: scale(1.1); opacity: .72; }
}

@keyframes shared-shimmer-b-txnqsczeeb {
    to { background-position: -220% 0; }
}

@media (max-width: 800px) {
    .shared-dashboard-toolbar[b-txnqsczeeb],
    .shared-dashboard-page__head[b-txnqsczeeb],
    .shared-dashboard-footer[b-txnqsczeeb] {
        align-items: stretch;
        flex-direction: column;
    }

    .shared-dashboard-toolbar__meta[b-txnqsczeeb] {
        justify-content: stretch;
    }

    .shared-dashboard-toolbar__meta > span[b-txnqsczeeb],
    .shared-dashboard-toolbar__meta > button[b-txnqsczeeb] {
        justify-content: center;
        flex: 1;
    }

    .shared-dashboard-hero[b-txnqsczeeb] {
        grid-template-columns: 1fr;
    }

    .shared-dashboard-hero__seal[b-txnqsczeeb] {
        width: 90px;
        height: 90px;
        justify-self: start;
        border-radius: 25px;
    }

    .shared-widget[b-txnqsczeeb] {
        grid-column: span 12;
    }
}

@media (max-width: 520px) {
    .shared-dashboard-root[b-txnqsczeeb] {
        padding: 8px;
    }

    .shared-dashboard-toolbar[b-txnqsczeeb],
    .shared-dashboard-snapshot[b-txnqsczeeb],
    .shared-dashboard-state[b-txnqsczeeb] {
        border-radius: 18px;
    }

    .shared-dashboard-toolbar__meta[b-txnqsczeeb],
    .shared-dashboard-toolbar__meta > span[b-txnqsczeeb],
    .shared-dashboard-toolbar__meta > button[b-txnqsczeeb] {
        width: 100%;
    }

    .shared-dashboard-toolbar__meta[b-txnqsczeeb] {
        display: grid;
    }

    .shared-dashboard-state__skeleton[b-txnqsczeeb] {
        grid-template-columns: 1fr;
    }

    .shared-dashboard-state__skeleton span:not(:first-child)[b-txnqsczeeb] {
        display: none;
    }

    .shared-dashboard-hero[b-txnqsczeeb],
    .shared-dashboard-page[b-txnqsczeeb] {
        padding: 18px 14px;
    }

    .shared-widget[b-txnqsczeeb] {
        padding: 15px;
        border-radius: 15px;
    }

    .shared-dashboard-footer[b-txnqsczeeb] {
        padding: 14px;
    }
}

@media print {
    @page {
        size: landscape;
        margin: 10mm;
    }

    .shared-dashboard-root[b-txnqsczeeb] {
        min-height: 0;
        padding: 0;
        background: #fff;
    }

    .shared-dashboard-toolbar[b-txnqsczeeb],
    .shared-dashboard-message[b-txnqsczeeb] {
        display: none !important;
    }

    .shared-dashboard-snapshot[b-txnqsczeeb] {
        width: 100%;
        overflow: visible;
        border: 0;
        border-radius: 0;
        box-shadow: none;
        -webkit-print-color-adjust: exact;
        print-color-adjust: exact;
    }

    .shared-dashboard-page[b-txnqsczeeb] {
        break-before: page;
        page-break-before: always;
    }

    .shared-dashboard-page:first-of-type[b-txnqsczeeb] {
        break-before: auto;
        page-break-before: auto;
    }

    .shared-widget[b-txnqsczeeb],
    .shared-dashboard-page__head[b-txnqsczeeb] {
        break-inside: avoid;
        page-break-inside: avoid;
        box-shadow: none;
    }

    .shared-table-wrap[b-txnqsczeeb] {
        overflow: visible;
    }
}

@media (prefers-reduced-motion: reduce) {
    .shared-dashboard-state__mark.is-loading i[b-txnqsczeeb],
    .shared-dashboard-state__skeleton span[b-txnqsczeeb] {
        animation: none;
    }
}
/* _content/Starterkit/Observatory/TemplateDesigner.razor.rz.scp.css */
.otd-loading[b-04fso1srw0] {
    display: grid;
    min-height: 360px;
    place-items: center;
    align-content: center;
    gap: 16px;
    border: 1px solid #d6e3e1;
    border-radius: 20px;
    color: #526a6d;
    background: #fff;
}

.otd-command[b-04fso1srw0],
.otd-meta[b-04fso1srw0],
.otd-message[b-04fso1srw0] {
    margin-bottom: 14px;
    border: 1px solid #d7e3e1;
    border-radius: 16px;
    background: rgba(255, 255, 255, .96);
    box-shadow: 0 10px 28px rgba(19, 54, 58, .06);
}

.otd-command[b-04fso1srw0] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 18px;
    padding: 16px 18px;
}

.otd-command__identity[b-04fso1srw0] {
    display: flex;
    align-items: center;
    gap: 14px;
    min-width: 0;
}

.otd-command__mode[b-04fso1srw0] {
    display: grid;
    width: 52px;
    height: 52px;
    flex: 0 0 52px;
    place-items: center;
    overflow: hidden;
    border-radius: 14px;
    color: #fff;
    background: linear-gradient(145deg, var(--obs-primary), #173d45);
    font-size: 0;
}

.otd-command__mode i[b-04fso1srw0] {
    font-size: 1rem;
}

.otd-command h2[b-04fso1srw0] {
    margin: 0;
    color: #173336;
    font-size: 1rem !important;
    font-weight: 900 !important;
}

.otd-command p[b-04fso1srw0] {
    margin: 4px 0 0;
    color: #6d7f81;
    font-size: .76rem !important;
}

.otd-command__actions[b-04fso1srw0] {
    display: flex;
    gap: 8px;
    flex-wrap: wrap;
}

.otd-meta[b-04fso1srw0] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 12px;
    padding: 14px;
}

.otd-meta label[b-04fso1srw0] {
    display: grid;
    gap: 6px;
}

.otd-meta label.is-wide[b-04fso1srw0] {
    grid-column: span 1;
}

.otd-meta label > span[b-04fso1srw0] {
    color: #40595c;
    font-size: .72rem !important;
    font-weight: 800 !important;
}

.otd-meta label b[b-04fso1srw0] {
    color: #b53d4f;
}

.otd-meta__hint[b-04fso1srw0] {
    color: #718487;
    font-size: .66rem !important;
    font-weight: 700;
    line-height: 1.6;
}

.otd-meta :is(.form-control, .form-select)[b-04fso1srw0] {
    min-height: 44px;
    border-color: #d8e4e2;
    border-radius: 10px;
    background-color: #fbfdfc;
}

.otd-meta .form-control:disabled[b-04fso1srw0] {
    color: var(--obs-primary);
    background: #eef5f3;
    opacity: 1;
    cursor: not-allowed;
}

.otd-message[b-04fso1srw0] {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 11px 14px;
    color: #2f6261;
}

.otd-message p[b-04fso1srw0] {
    flex: 1;
    margin: 0;
    font-size: .77rem !important;
}

.otd-message.is-error[b-04fso1srw0] {
    color: #9b3040;
    border-color: #efcbd1;
    background: #fff5f6;
}

.otd-message.is-success[b-04fso1srw0] {
    color: #167058;
    border-color: #bfe2d5;
    background: #f1fbf7;
}

.otd-message.is-info[b-04fso1srw0] {
    color: #296776;
    border-color: #c6dfe5;
    background: #f2fafc;
}

.otd-host[b-04fso1srw0] {
    min-height: 720px;
}

.otd-host[b-04fso1srw0]  .otd-app {
    --otd-ink: #162d30;
    --otd-muted: #6d7f81;
    --otd-line: #d7e1e0;
    --otd-head: #e9efee;
    overflow: hidden;
    border: 1px solid #cad9d7;
    border-radius: 18px;
    color: var(--otd-ink);
    background: #f6f8f7;
    box-shadow: 0 24px 65px rgba(16, 49, 52, .12);
}

.otd-host[b-04fso1srw0]  .otd-ribbon {
    display: flex;
    gap: 8px;
    min-height: 58px;
    padding: 8px 10px;
    overflow-x: auto;
    border-bottom: 1px solid #cfdad8;
    background:
        linear-gradient(180deg, #fff, #edf3f2),
        repeating-linear-gradient(90deg, transparent, transparent 31px, rgba(11, 79, 82, .025) 32px);
}

.otd-host[b-04fso1srw0]  .otd-ribbon__group {
    display: flex;
    align-items: center;
    gap: 4px;
    padding-inline-end: 8px;
    border-inline-end: 1px solid #d4dfdd;
}

.otd-host[b-04fso1srw0]  .otd-ribbon :is(button, label) {
    display: inline-flex;
    min-width: 38px;
    min-height: 38px;
    align-items: center;
    justify-content: center;
    gap: 6px;
    padding: 7px 9px;
    border: 1px solid transparent;
    border-radius: 8px;
    color: #29484b;
    background: transparent;
    font-size: .7rem !important;
    cursor: pointer;
}

.otd-host[b-04fso1srw0]  .otd-ribbon :is(button, label):hover {
    border-color: #bed1cf;
    background: #fff;
}

.otd-host[b-04fso1srw0]  .otd-ribbon input[type="color"] {
    position: absolute;
    width: 1px;
    height: 1px;
    opacity: 0;
}

.otd-host[b-04fso1srw0]  .otd-formula {
    display: grid;
    grid-template-columns: 92px 36px minmax(220px, 1fr);
    min-height: 44px;
    align-items: center;
    border-bottom: 1px solid #cedad8;
    background: #fff;
}

.otd-host[b-04fso1srw0]  .otd-formula > span {
    color: var(--obs-secondary);
    font-family: Georgia, serif !important;
    font-style: italic;
    text-align: center;
}

.otd-host[b-04fso1srw0]  .otd-formula input {
    width: 100%;
    min-height: 34px !important;
    padding: 6px 9px;
    border: 0;
    border-inline-end: 1px solid #d7e1e0;
    outline: none;
    background: transparent;
    font-family: ui-monospace, Consolas, monospace !important;
    font-size: .74rem !important;
}

.otd-host[b-04fso1srw0]  .otd-name-box {
    text-align: center;
}

.otd-host[b-04fso1srw0]  .otd-workspace {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 270px;
    min-height: 600px;
}

.otd-host[b-04fso1srw0]  .otd-canvas {
    display: grid;
    min-width: 0;
    grid-template-rows: minmax(0, 1fr) auto auto;
}

.otd-host[b-04fso1srw0]  .otd-grid-scroll {
    max-height: 610px;
    overflow: auto;
    direction: ltr;
    background:
        linear-gradient(45deg, rgba(11, 79, 82, .018) 25%, transparent 25%),
        #eef2f1;
    scrollbar-width: thin;
}

.otd-host[b-04fso1srw0]  .otd-grid {
    table-layout: fixed;
    width: max-content;
    min-width: 100%;
    border-collapse: separate;
    border-spacing: 0;
    background: #fff;
}

.otd-host[b-04fso1srw0]  .otd-row-number {
    width: 48px;
}

.otd-host[b-04fso1srw0]  .otd-grid th {
    position: sticky;
    z-index: 3;
    min-width: 48px;
    height: 28px;
    padding: 3px 6px;
    border-inline-end: 1px solid #cfd9d8;
    border-bottom: 1px solid #c8d4d2;
    color: #526a6c;
    background: linear-gradient(180deg, #f5f7f7, #e4ebea);
    font-family: ui-monospace, Consolas, monospace !important;
    font-size: .68rem !important;
    text-align: center;
    user-select: none;
}

.otd-host[b-04fso1srw0]  .otd-grid thead th {
    top: 0;
}

.otd-host[b-04fso1srw0]  .otd-grid tbody th {
    inset-inline-start: 0;
}

.otd-host[b-04fso1srw0]  .otd-grid .otd-corner {
    inset-inline-start: 0;
    z-index: 5;
    background:
        linear-gradient(135deg, transparent 48%, #aabbb9 49%, #aabbb9 51%, transparent 52%),
        #e6eceb;
}

.otd-host[b-04fso1srw0]  .otd-grid td {
    position: relative;
    min-width: 42px;
    height: inherit;
    padding: 0;
    border-inline-end: 1px solid #dce4e3;
    border-bottom: 1px solid #dce4e3;
    vertical-align: middle;
    outline: none;
}

.otd-host[b-04fso1srw0]  .otd-grid td > div {
    min-height: 100%;
    padding: 5px 7px;
    overflow: hidden;
    outline: none;
    text-overflow: ellipsis;
}

.otd-host[b-04fso1srw0]  .otd-grid td.is-selected {
    z-index: 2;
    box-shadow: inset 0 0 0 2px var(--obs-primary);
}

.otd-host[b-04fso1srw0]  .otd-grid td.is-selected::after {
    content: "";
    position: absolute;
    width: 7px;
    height: 7px;
    inset-inline-end: -4px;
    inset-block-end: -4px;
    border: 1px solid #fff;
    background: var(--obs-primary);
}

.otd-host[b-04fso1srw0]  .otd-sheet-tabs {
    display: flex;
    gap: 3px;
    min-height: 45px;
    align-items: end;
    overflow-x: auto;
    padding: 5px 8px 0;
    border-top: 1px solid #cad7d5;
    background: #edf2f1;
}

.otd-host[b-04fso1srw0]  .otd-analytics {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
    gap: 8px;
    max-height: 310px;
    overflow: auto;
    padding: 9px;
    border-top: 1px solid #cbd8d6;
    background: #eef3f2;
}

.otd-host[b-04fso1srw0]  .otd-analytics.is-empty {
    display: none;
}

.otd-host[b-04fso1srw0]  .otd-analysis-card {
    min-width: 0;
    padding: 9px;
    border: 1px solid #d2dddb;
    border-radius: 10px;
    background: #fff;
    box-shadow: 0 8px 20px rgba(17, 52, 55, .05);
}

.otd-host[b-04fso1srw0]  .otd-analysis-card header {
    display: grid;
    grid-template-columns: 22px minmax(0, 1fr) auto;
    gap: 6px;
    align-items: center;
    color: #29484b;
}

.otd-host[b-04fso1srw0]  .otd-analysis-card header > i {
    color: var(--obs-secondary);
}

.otd-host[b-04fso1srw0]  .otd-analysis-card header strong {
    overflow: hidden;
    font-size: .66rem !important;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.otd-host[b-04fso1srw0]  .otd-analysis-card header code {
    color: #718385;
    font-family: ui-monospace, Consolas, monospace !important;
    font-size: .56rem !important;
}

.otd-host[b-04fso1srw0]  .otd-analysis-card svg {
    display: block;
    width: 100%;
    height: 145px;
    margin-top: 5px;
}

.otd-host[b-04fso1srw0]  .otd-analysis-card footer {
    display: flex;
    gap: 5px;
    overflow: hidden;
}

.otd-host[b-04fso1srw0]  .otd-analysis-card footer span {
    overflow: hidden;
    padding: 3px 5px;
    border-radius: 5px;
    color: #617476;
    background: #f0f4f3;
    font-size: .53rem !important;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.otd-host[b-04fso1srw0]  .otd-analysis-card.is-pivot {
    overflow: auto;
}

.otd-host[b-04fso1srw0]  .otd-analysis-card.is-pivot table {
    width: 100%;
    margin-top: 8px;
    border-collapse: collapse;
}

.otd-host[b-04fso1srw0]  .otd-analysis-card.is-pivot :is(th, td) {
    padding: 5px 6px;
    border: 1px solid #dfe7e6;
    font-size: .58rem !important;
    text-align: start;
}

.otd-host[b-04fso1srw0]  .otd-analysis-card.is-pivot th {
    color: #fff;
    background: var(--obs-primary);
}

.otd-host[b-04fso1srw0]  .otd-analysis-card.is-pivot p {
    margin: 12px 0 0;
    color: #7b4f56;
    font-size: .59rem !important;
}

.otd-host[b-04fso1srw0]  .otd-sheet-tabs button {
    display: inline-flex;
    min-width: max-content;
    min-height: 35px;
    align-items: center;
    gap: 7px;
    padding: 7px 12px;
    border: 1px solid transparent;
    border-radius: 8px 8px 0 0;
    color: #536b6d;
    background: transparent;
    font-size: .7rem !important;
}

.otd-host[b-04fso1srw0]  .otd-sheet-tabs button.is-active {
    color: var(--obs-primary);
    border-color: #c7d5d3;
    border-bottom-color: #fff;
    background: #fff;
    box-shadow: inset 0 3px 0 var(--obs-secondary);
}

.otd-host[b-04fso1srw0]  .otd-sheet-tabs .otd-add-sheet {
    min-width: 36px;
    border-radius: 8px;
}

.otd-host[b-04fso1srw0]  .otd-inspector {
    overflow-y: auto;
    max-height: 655px;
    padding: 12px;
    border-inline-start: 1px solid #cbd8d6;
    background:
        linear-gradient(180deg, #f9fbfa, #eef3f2);
}

.otd-host[b-04fso1srw0]  .otd-inspector__head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 12px;
    padding-bottom: 9px;
    border-bottom: 1px solid #d5dfde;
    color: #284649;
    font-weight: 900 !important;
}

.otd-host[b-04fso1srw0]  .otd-inspector__head code {
    padding: 4px 7px;
    border-radius: 6px;
    color: #fff;
    background: var(--obs-primary);
    font-family: ui-monospace, Consolas, monospace !important;
    font-size: .66rem !important;
}

.otd-host[b-04fso1srw0]  .otd-inspector > label {
    display: grid;
    gap: 5px;
    margin-bottom: 10px;
    color: #465e61;
    font-size: .67rem !important;
    font-weight: 800 !important;
}

.otd-host[b-04fso1srw0]  .otd-inspector :is(input, select) {
    width: 100%;
    min-height: 38px !important;
    padding: 6px 8px;
    border: 1px solid #cedbd9;
    border-radius: 8px;
    color: #1d383b;
    background: #fff;
    font-size: .7rem !important;
}

.otd-host[b-04fso1srw0]  .otd-inspector__split {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 8px;
}

.otd-host[b-04fso1srw0]  .otd-inspector__split label {
    display: grid;
    gap: 5px;
    color: #465e61;
    font-size: .64rem !important;
}

.otd-host[b-04fso1srw0]  .otd-inspector .otd-check {
    display: flex;
    grid-template-columns: auto 1fr;
    align-items: center;
}

.otd-host[b-04fso1srw0]  .otd-check input {
    width: 18px;
    min-height: 18px !important;
}

.otd-host[b-04fso1srw0]  .otd-inspector__section {
    margin-top: 15px;
    padding-top: 13px;
    border-top: 1px solid #d4dfdd;
}

.otd-host[b-04fso1srw0]  .otd-inspector__section > div:first-child {
    display: grid;
    gap: 3px;
    margin-bottom: 9px;
}

.otd-host[b-04fso1srw0]  .otd-inspector__section small {
    color: #718385;
    font-size: .58rem !important;
}

.otd-host[b-04fso1srw0]  .otd-artifact {
    display: grid;
    grid-template-columns: 24px minmax(0, 1fr) 28px;
    gap: 7px;
    align-items: center;
    margin-bottom: 6px;
    padding: 7px;
    border: 1px solid #d4dfdd;
    border-radius: 8px;
    background: #fff;
}

.otd-host[b-04fso1srw0]  .otd-artifact > i {
    color: var(--obs-secondary);
}

.otd-host[b-04fso1srw0]  .otd-artifact span {
    display: grid;
    min-width: 0;
}

.otd-host[b-04fso1srw0]  .otd-artifact strong,
.otd-host[b-04fso1srw0]  .otd-artifact small {
    overflow: hidden;
    font-size: .6rem !important;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.otd-host[b-04fso1srw0]  .otd-artifact button {
    width: 28px;
    min-height: 28px;
    border: 0;
    border-radius: 6px;
    color: #a33b4b;
    background: #fff1f3;
}

.otd-host[b-04fso1srw0]  .otd-artifact-empty {
    margin: 0;
    color: #7b8b8d;
    font-size: .61rem !important;
}

.otd-host[b-04fso1srw0]  .otd-status {
    display: flex;
    justify-content: space-between;
    gap: 12px;
    min-height: 31px;
    align-items: center;
    padding: 5px 10px;
    border-top: 1px solid #cbd7d6;
    color: #65787a;
    background: #e8efee;
    font-size: .62rem !important;
}

.otd-host[b-04fso1srw0]  .otd-ribbon__select,
.otd-host[b-04fso1srw0]  .otd-ribbon__number {
    width: 92px;
    min-height: 36px;
    padding: 5px 7px;
    border: 1px solid #cbd8d6;
    border-radius: 8px;
    color: #29484b;
    background: #fff;
    font-size: .66rem !important;
}

.otd-host[b-04fso1srw0]  .otd-ribbon__number {
    width: 56px;
    direction: ltr;
}

.otd-host[b-04fso1srw0]  :is(
    button,
    input,
    select,
    textarea,
    [tabindex]
):focus-visible {
    outline: 3px solid color-mix(in srgb, var(--obs-secondary) 38%, transparent);
    outline-offset: 1px;
}

.otd-host[b-04fso1srw0]  .otd-grid-stage {
    position: relative;
    width: max-content;
    min-width: 100%;
    min-height: 100%;
}

.otd-host[b-04fso1srw0]  .otd-grid-stage > [data-role="grid"] {
    width: max-content;
    min-width: 100%;
}

.otd-host[b-04fso1srw0]  .otd-grid th[data-column-header],
.otd-host[b-04fso1srw0]  .otd-grid th[data-row-header],
.otd-host[b-04fso1srw0]  .otd-grid .otd-corner {
    cursor: default;
}

.otd-host[b-04fso1srw0]  .otd-grid th.is-selected-header {
    color: #fff;
    border-color: #2f7774;
    background: linear-gradient(180deg, #438e88, var(--obs-primary));
}

.otd-host[b-04fso1srw0]  .otd-grid.is-without-gridlines :is(td, th) {
    border-color: transparent;
}

.otd-host[b-04fso1srw0]  .otd-grid.is-without-headers :is(thead, tbody > tr > th) {
    display: none;
}

.otd-host[b-04fso1srw0]  .otd-grid.is-without-headers .otd-row-number {
    width: 0;
}

.otd-host[b-04fso1srw0]  .otd-grid td.is-selected {
    background-clip: padding-box;
}

.otd-host[b-04fso1srw0]  .otd-grid td.is-selected:first-of-type {
    box-shadow: inset 0 0 0 2px var(--obs-primary);
}

.otd-host[b-04fso1srw0]  .otd-cell-editor {
    position: relative;
    z-index: 1;
    min-width: 0;
    cursor: cell;
    text-indent: var(--otd-text-indent, 0);
    transform: rotate(var(--otd-text-rotation, 0deg));
    transform-origin: center;
}

.otd-host[b-04fso1srw0]  .otd-cell-editor[contenteditable="true"] {
    z-index: 5;
    overflow: visible;
    color: #142d30;
    background: #fff;
    box-shadow:
        inset 0 0 0 2px var(--obs-secondary),
        0 7px 18px rgba(16, 49, 52, .12);
    cursor: text;
    text-overflow: clip;
    white-space: pre-wrap !important;
}

.otd-host[b-04fso1srw0]  .otd-cell-marks {
    position: absolute;
    z-index: 4;
    inset-block-start: 2px;
    inset-inline-end: 2px;
    display: inline-flex;
    gap: 2px;
    pointer-events: none;
}

.otd-host[b-04fso1srw0]  .otd-cell-mark {
    display: grid;
    width: 13px;
    height: 13px;
    place-items: center;
    border-radius: 4px;
    color: #fff;
    background: #607779;
    font-size: .42rem !important;
    line-height: 1;
}

.otd-host[b-04fso1srw0]  .otd-cell-mark.is-comment {
    background: #b17b27;
}

.otd-host[b-04fso1srw0]  .otd-cell-mark.is-locked {
    background: #496c8d;
}

.otd-host[b-04fso1srw0]  .otd-cell-mark.is-required {
    color: #fff;
    background: #ae3e50;
    font-size: .56rem !important;
    font-weight: 900 !important;
}

.otd-host[b-04fso1srw0]  .otd-cell-mark.is-link {
    background: #337e75;
}

.otd-host[b-04fso1srw0]  .otd-grid td.has-comment {
    background-image: linear-gradient(
        135deg,
        #d69d3e 0,
        #d69d3e 8px,
        transparent 8px
    );
    background-repeat: no-repeat;
    background-position: top right;
}

.otd-host[b-04fso1srw0]  .otd-grid td.is-locked:not(.is-selected) {
    box-shadow: inset 0 0 0 1px rgba(73, 108, 141, .22);
}

.otd-host[b-04fso1srw0]  .otd-grid td.is-required:not(.is-selected) {
    box-shadow: inset 0 -2px 0 rgba(174, 62, 80, .24);
}

.otd-host[b-04fso1srw0]  .otd-image-layer {
    position: absolute;
    z-index: 6;
    inset: 0;
    min-width: 100%;
    pointer-events: none;
}

.otd-host[b-04fso1srw0]  .otd-sheet-image {
    position: absolute;
    display: grid;
    min-width: 24px;
    min-height: 24px;
    overflow: hidden;
    padding: 0;
    border: 2px solid rgba(11, 79, 82, .48);
    border-radius: 7px;
    outline-offset: 2px;
    background:
        linear-gradient(45deg, #edf2f1 25%, transparent 25%),
        #fff;
    box-shadow: 0 9px 22px rgba(16, 49, 52, .17);
    cursor: move;
    pointer-events: auto;
}

.otd-host[b-04fso1srw0]  .otd-sheet-image:hover {
    border-color: var(--obs-secondary);
    box-shadow:
        0 0 0 3px color-mix(in srgb, var(--obs-secondary) 22%, transparent),
        0 12px 28px rgba(16, 49, 52, .2);
}

.otd-host[b-04fso1srw0]  .otd-sheet-image img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    background: #fff;
}

.otd-host[b-04fso1srw0]  .otd-sheet-image > span {
    position: absolute;
    inset-inline: 4px;
    inset-block-end: 4px;
    overflow: hidden;
    padding: 3px 6px;
    border-radius: 5px;
    color: #fff;
    background: rgba(16, 49, 52, .78);
    font-size: .52rem !important;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.otd-host[b-04fso1srw0]  .otd-inspector__section.is-compact {
    display: grid;
    gap: 8px;
}

.otd-host[b-04fso1srw0]  .otd-inspector__section.is-compact > div:first-child {
    margin-bottom: 0;
}

.otd-host[b-04fso1srw0]  .otd-inspector__section.is-compact > label {
    display: grid;
    gap: 5px;
    margin: 0;
    color: #465e61;
    font-size: .64rem !important;
}

.otd-host[b-04fso1srw0]  .otd-artifact {
    grid-template-columns: 24px minmax(0, 1fr) auto;
}

.otd-host[b-04fso1srw0]  .otd-artifact__actions {
    display: inline-flex !important;
    grid-auto-flow: column;
    gap: 3px;
}

.otd-host[b-04fso1srw0]  .otd-artifact__actions button:first-child {
    color: #286c67;
    background: #e9f6f3;
}

.otd-host[b-04fso1srw0]  .otd-dialog {
    width: min(780px, calc(100vw - 28px));
    max-height: min(88vh, 840px);
    padding: 0;
    overflow: hidden;
    border: 1px solid #bfd0ce;
    border-radius: 18px;
    color: #173336;
    background: #f9fbfa;
    box-shadow: 0 28px 90px rgba(10, 38, 42, .32);
}

.otd-host[b-04fso1srw0]  .otd-dialog[open] {
    display: block;
    animation: otd-dialog-in-b-04fso1srw0 .16s ease-out;
}

.otd-host[b-04fso1srw0]  .otd-dialog::backdrop {
    background: rgba(10, 35, 39, .56);
    backdrop-filter: blur(3px);
}

.otd-host[b-04fso1srw0]  .otd-dialog form {
    display: grid;
    max-height: min(88vh, 840px);
    grid-template-rows: auto minmax(0, 1fr) auto auto;
}

.otd-host[b-04fso1srw0]  .otd-dialog__head {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 38px;
    gap: 14px;
    align-items: start;
    padding: 18px 20px 14px;
    border-bottom: 1px solid #d5e1df;
    background:
        radial-gradient(circle at 90% 0, rgba(180, 138, 69, .13), transparent 42%),
        #fff;
}

.otd-host[b-04fso1srw0]  .otd-dialog__head > div {
    min-width: 0;
}

.otd-host[b-04fso1srw0]  .otd-dialog__head > div > span {
    display: block;
    margin-bottom: 3px;
    color: #a07432;
    font-size: .62rem !important;
    font-weight: 900 !important;
}

.otd-host[b-04fso1srw0]  .otd-dialog__head h3 {
    margin: 0;
    color: #15393c;
    font-size: 1rem !important;
    font-weight: 900 !important;
}

.otd-host[b-04fso1srw0]  .otd-dialog__head p {
    margin: 5px 0 0;
    color: #657a7c;
    font-size: .7rem !important;
    line-height: 1.7;
}

.otd-host[b-04fso1srw0]  .otd-dialog__head button {
    display: grid;
    width: 38px;
    height: 38px;
    place-items: center;
    border: 0;
    border-radius: 10px;
    color: #526d6f;
    background: #edf3f2;
}

.otd-host[b-04fso1srw0]  .otd-dialog__body {
    display: grid;
    gap: 13px;
    overflow-y: auto;
    padding: 18px 20px;
}

.otd-host[b-04fso1srw0]  .otd-dialog__grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;
}

.otd-host[b-04fso1srw0]  .otd-dialog__grid.is-four {
    grid-template-columns: repeat(4, minmax(0, 1fr));
}

.otd-host[b-04fso1srw0]  .otd-dialog__field {
    display: grid;
    gap: 6px;
    min-width: 0;
    color: #415b5e;
    font-size: .68rem !important;
    font-weight: 800 !important;
}

.otd-host[b-04fso1srw0]  .otd-dialog__field > :is(input, select, textarea) {
    width: 100%;
    min-height: 42px;
    padding: 8px 10px;
    border: 1px solid #cbd9d7;
    border-radius: 9px;
    outline: none;
    color: #173336;
    background: #fff;
    font-size: .72rem !important;
    font-weight: 500 !important;
}

.otd-host[b-04fso1srw0]  .otd-dialog__field textarea {
    min-height: 92px;
    resize: vertical;
    line-height: 1.6;
}

.otd-host[b-04fso1srw0]  .otd-dialog__field > :is(input, select, textarea):focus {
    border-color: var(--obs-secondary);
    box-shadow: 0 0 0 3px rgba(180, 138, 69, .13);
}

.otd-host[b-04fso1srw0]  .otd-dialog__checks {
    display: flex;
    gap: 8px 14px;
    flex-wrap: wrap;
}

.otd-host[b-04fso1srw0]  .otd-dialog__checks.is-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.otd-host[b-04fso1srw0]  .otd-dialog__check {
    display: inline-flex;
    min-height: 38px;
    align-items: center;
    gap: 8px;
    padding: 7px 10px;
    border: 1px solid #d7e2e0;
    border-radius: 9px;
    color: #425d60;
    background: #fff;
    font-size: .67rem !important;
    cursor: pointer;
}

.otd-host[b-04fso1srw0]  .otd-dialog__check input {
    width: 17px;
    height: 17px;
    accent-color: var(--obs-primary);
}

.otd-host[b-04fso1srw0]  .otd-dialog__colors {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 9px;
}

.otd-host[b-04fso1srw0]  .otd-dialog__color {
    display: flex;
    min-height: 42px;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
    padding: 7px 10px;
    border: 1px solid #d5e1df;
    border-radius: 9px;
    color: #425d60;
    background: #fff;
    font-size: .64rem !important;
    font-weight: 800 !important;
}

.otd-host[b-04fso1srw0]  .otd-dialog__color input {
    width: 44px;
    height: 26px;
    padding: 0;
    border: 0;
    background: transparent;
}

.otd-host[b-04fso1srw0]  .otd-dialog__notice {
    display: flex;
    gap: 10px;
    align-items: flex-start;
    padding: 11px 12px;
    border: 1px solid #c7ded9;
    border-radius: 10px;
    color: #356661;
    background: #edf8f5;
}

.otd-host[b-04fso1srw0]  .otd-dialog__notice.is-danger {
    color: #8f3040;
    border-color: #efc9cf;
    background: #fff2f4;
}

.otd-host[b-04fso1srw0]  .otd-dialog__notice.is-warning {
    color: #765718;
    border-color: #e7d29f;
    background: #fff9e9;
}

.otd-host[b-04fso1srw0]  .otd-dialog__notice p {
    margin: 0;
    font-size: .68rem !important;
    line-height: 1.7;
}

.otd-host[b-04fso1srw0]  .otd-dialog__hint {
    margin: -5px 0 0;
    color: #708486;
    font-size: .62rem !important;
}

.otd-host[b-04fso1srw0]  .otd-dialog__subhead {
    margin: 3px 0 -3px;
    color: #31575a;
    font-size: .72rem !important;
    font-weight: 900 !important;
}

.otd-host[b-04fso1srw0]  .otd-dialog__image-preview {
    display: grid;
    max-height: 260px;
    place-items: center;
    gap: 7px;
    padding: 12px;
    overflow: hidden;
    border: 1px dashed #bed0cd;
    border-radius: 12px;
    background:
        repeating-conic-gradient(#edf2f1 0 25%, #fff 0 50%) 50% / 18px 18px;
}

.otd-host[b-04fso1srw0]  .otd-dialog__image-preview img {
    display: block;
    max-width: 100%;
    max-height: 210px;
    object-fit: contain;
    box-shadow: 0 6px 16px rgba(16, 49, 52, .12);
}

.otd-host[b-04fso1srw0]  .otd-dialog__image-preview span {
    padding: 3px 7px;
    border-radius: 5px;
    color: #607476;
    background: rgba(255, 255, 255, .9);
    font-size: .59rem !important;
}

.otd-host[b-04fso1srw0]  .otd-dialog__error {
    margin: 0 20px;
    padding: 9px 11px;
    border: 1px solid #efc5cc;
    border-radius: 9px;
    color: #9a3041;
    background: #fff2f4;
    font-size: .68rem !important;
}

.otd-host[b-04fso1srw0]  .otd-dialog__actions {
    display: flex;
    justify-content: flex-end;
    gap: 8px;
    padding: 13px 20px;
    border-top: 1px solid #d5e1df;
    background: #f3f7f6;
}

.otd-host[b-04fso1srw0]  .otd-dialog__actions button {
    min-width: 112px;
    min-height: 41px;
    padding: 7px 14px;
    border: 1px solid #cbd9d7;
    border-radius: 9px;
    font-size: .7rem !important;
    font-weight: 900 !important;
}

.otd-host[b-04fso1srw0]  .otd-dialog__cancel {
    color: #526d6f;
    background: #fff;
}

.otd-host[b-04fso1srw0]  .otd-dialog__save {
    color: #fff;
    border-color: var(--obs-primary) !important;
    background: var(--obs-primary);
}

.otd-host[b-04fso1srw0]  .otd-dialog__save.is-danger {
    border-color: #a83c4d !important;
    background: #a83c4d;
}

@keyframes otd-dialog-in-b-04fso1srw0 {
    from {
        opacity: 0;
        transform: translateY(8px) scale(.985);
    }
    to {
        opacity: 1;
        transform: translateY(0) scale(1);
    }
}

@media (max-width: 1100px) {
    .otd-meta[b-04fso1srw0] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .otd-host[b-04fso1srw0]  .otd-workspace {
        grid-template-columns: minmax(0, 1fr);
    }

    .otd-host[b-04fso1srw0]  .otd-inspector {
        display: grid;
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: 8px;
        max-height: none;
        border-inline-start: 0;
        border-top: 1px solid #cbd8d6;
    }

    .otd-host[b-04fso1srw0]  .otd-inspector__head,
    .otd-host[b-04fso1srw0]  .otd-inspector__section {
        grid-column: 1 / -1;
    }

    .otd-host[b-04fso1srw0]  .otd-dialog {
        width: min(720px, calc(100vw - 24px));
    }
}

@media (max-width: 767px) {
    .otd-command[b-04fso1srw0] {
        align-items: stretch;
        flex-direction: column;
    }

    .otd-command__actions > button[b-04fso1srw0] {
        flex: 1 1 150px;
    }

    .otd-meta[b-04fso1srw0] {
        grid-template-columns: 1fr;
    }

    .otd-host[b-04fso1srw0]  .otd-inspector {
        grid-template-columns: 1fr 1fr;
    }

    .otd-host[b-04fso1srw0]  .otd-ribbon {
        position: sticky;
        inset-block-start: 0;
        z-index: 10;
    }

    .otd-host[b-04fso1srw0]  .otd-dialog__grid,
    .otd-host[b-04fso1srw0]  .otd-dialog__grid.is-four,
    .otd-host[b-04fso1srw0]  .otd-dialog__colors {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 480px) {
    .otd-command__actions[b-04fso1srw0] {
        flex-direction: column;
    }

    .otd-command__actions > button[b-04fso1srw0] {
        width: 100%;
        flex-basis: auto;
    }

    .otd-host[b-04fso1srw0]  .otd-inspector {
        grid-template-columns: 1fr;
    }

    .otd-host[b-04fso1srw0]  .otd-dialog {
        width: calc(100vw - 14px);
        max-height: 94vh;
        border-radius: 13px;
    }

    .otd-host[b-04fso1srw0]  .otd-dialog form {
        max-height: 94vh;
    }

    .otd-host[b-04fso1srw0]  .otd-dialog__head,
    .otd-host[b-04fso1srw0]  .otd-dialog__body,
    .otd-host[b-04fso1srw0]  .otd-dialog__actions {
        padding-inline: 13px;
    }

    .otd-host[b-04fso1srw0]  .otd-dialog__grid,
    .otd-host[b-04fso1srw0]  .otd-dialog__grid.is-four,
    .otd-host[b-04fso1srw0]  .otd-dialog__colors,
    .otd-host[b-04fso1srw0]  .otd-dialog__checks.is-grid {
        grid-template-columns: 1fr;
    }

    .otd-host[b-04fso1srw0]  .otd-dialog__actions button {
        min-width: 0;
        flex: 1;
    }
}

@media (prefers-reduced-motion: reduce) {
    .otd-host[b-04fso1srw0]  * {
        scroll-behavior: auto !important;
        transition: none !important;
    }
}
/* _content/Starterkit/Observatory/VersionComparison.razor.rz.scp.css */
.comparison-workspace[b-oh1nqac8f9],
.comparison-message[b-oh1nqac8f9],
.comparison-loading[b-oh1nqac8f9] {
    --cmp-ink: #123d43;
    --cmp-muted: #6f8589;
    --cmp-line: rgba(18, 61, 67, .13);
    --cmp-paper: #fbfdfc;
    --cmp-primary: var(--obs-primary, #145f65);
    --cmp-secondary: var(--obs-secondary, #b88935);
    --cmp-added: #13866f;
    --cmp-removed: #bd4354;
    --cmp-changed: #c18121;
    --cmp-unchanged: #657d83;
}

.comparison-workspace[b-oh1nqac8f9] {
    display: grid;
    gap: 1.25rem;
    direction: rtl;
    color: var(--cmp-ink);
    font-family: inherit;
}

.comparison-message[b-oh1nqac8f9] {
    display: flex;
    align-items: center;
    gap: .7rem;
    padding: .9rem 1rem;
    border: 1px solid transparent;
    border-radius: .9rem;
    font-weight: 700;
}

.comparison-message span[b-oh1nqac8f9] {
    flex: 1;
}

.comparison-message button[b-oh1nqac8f9] {
    display: inline-grid;
    place-items: center;
    width: 2rem;
    height: 2rem;
    padding: 0;
    border: 0;
    border-radius: .6rem;
    color: inherit;
    background: transparent;
}

.comparison-message.is-success[b-oh1nqac8f9] {
    border-color: rgba(19, 134, 111, .25);
    color: #0d6d5b;
    background: #eef9f5;
}

.comparison-message.is-error[b-oh1nqac8f9] {
    border-color: rgba(189, 67, 84, .24);
    color: #a63244;
    background: #fff1f3;
}

.comparison-loading[b-oh1nqac8f9] {
    position: relative;
    overflow: hidden;
    display: flex;
    align-items: center;
    gap: 1rem;
    min-height: 9rem;
    padding: 1.5rem;
    border: 1px solid var(--cmp-line);
    border-radius: 1.35rem;
    color: var(--cmp-ink);
    background: #fff;
}

.comparison-loading__signal[b-oh1nqac8f9] {
    display: grid;
    place-items: center;
    width: 3.5rem;
    height: 3.5rem;
    border-radius: 1rem;
    color: #fff;
    background: var(--cmp-primary);
    box-shadow: 0 .8rem 1.8rem rgba(20, 95, 101, .18);
}

.comparison-loading div[b-oh1nqac8f9] {
    display: grid;
    gap: .25rem;
}

.comparison-loading strong[b-oh1nqac8f9] {
    font-size: 1.08rem;
}

.comparison-loading span:not(.comparison-loading__signal):not(.comparison-loading__line)[b-oh1nqac8f9] {
    color: var(--cmp-muted);
}

.comparison-loading__line[b-oh1nqac8f9] {
    position: absolute;
    inset-inline: 0;
    inset-block-end: 0;
    height: .22rem;
    background: linear-gradient(90deg, transparent, var(--cmp-secondary), var(--cmp-primary), transparent);
    animation: comparison-pulse-b-oh1nqac8f9 1.6s ease-in-out infinite;
}

.comparison-hero[b-oh1nqac8f9] {
    position: relative;
    isolation: isolate;
    overflow: hidden;
    display: grid;
    grid-template-columns: minmax(0, 1.25fr) minmax(22rem, .75fr);
    gap: 2rem;
    padding: clamp(1.5rem, 3vw, 2.75rem);
    border-radius: 1.65rem;
    color: #fff;
    background:
        radial-gradient(circle at 12% 15%, rgba(184, 137, 53, .22), transparent 28%),
        linear-gradient(125deg, #0a3439 0%, #145a60 58%, #173f44 100%);
    box-shadow: 0 1.3rem 3rem rgba(12, 57, 62, .14);
}

.comparison-hero[b-oh1nqac8f9]::before {
    content: "";
    position: absolute;
    z-index: -1;
    inset: 0;
    opacity: .3;
    background: repeating-linear-gradient(
        135deg,
        rgba(255, 255, 255, .05) 0,
        rgba(255, 255, 255, .05) 1px,
        transparent 1px,
        transparent 24px);
}

.comparison-hero[b-oh1nqac8f9]::after {
    content: "";
    position: absolute;
    z-index: -1;
    inset-inline-end: -5rem;
    inset-block-end: -7rem;
    width: 19rem;
    height: 19rem;
    border: 1px solid rgba(255, 255, 255, .1);
    border-radius: 50%;
    box-shadow:
        0 0 0 2rem rgba(255, 255, 255, .025),
        0 0 0 5rem rgba(255, 255, 255, .018);
}

.comparison-hero__copy[b-oh1nqac8f9] {
    align-self: center;
    max-width: 56rem;
}

.comparison-kicker[b-oh1nqac8f9] {
    display: inline-flex;
    align-items: center;
    gap: .45rem;
    margin-bottom: .55rem;
    color: var(--cmp-secondary);
    font-size: .84rem;
    font-weight: 800;
}

.comparison-hero h2[b-oh1nqac8f9] {
    margin: 0 0 .7rem;
    color: #fff;
    font-size: clamp(1.7rem, 2.5vw, 2.5rem);
    font-weight: 850;
    line-height: 1.38;
}

.comparison-hero p[b-oh1nqac8f9] {
    max-width: 65ch;
    margin: 0;
    color: rgba(255, 255, 255, .74);
    font-size: 1rem;
    line-height: 1.9;
}

.comparison-hero__metrics[b-oh1nqac8f9] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: .7rem;
}

.comparison-hero__metrics article[b-oh1nqac8f9] {
    display: grid;
    align-content: center;
    gap: .4rem;
    min-height: 8.5rem;
    padding: 1rem;
    border: 1px solid rgba(255, 255, 255, .14);
    border-radius: 1.1rem;
    background: rgba(255, 255, 255, .055);
    backdrop-filter: blur(8px);
}

.comparison-hero__metrics i[b-oh1nqac8f9] {
    color: #e7c477;
}

.comparison-hero__metrics strong[b-oh1nqac8f9] {
    color: #fff;
    font-size: 1.7rem;
    line-height: 1;
}

.comparison-hero__metrics span[b-oh1nqac8f9] {
    color: rgba(255, 255, 255, .64);
    font-size: .79rem;
}

.comparison-selector[b-oh1nqac8f9],
.comparison-results[b-oh1nqac8f9] {
    padding: clamp(1.1rem, 2.4vw, 1.8rem);
    border: 1px solid var(--cmp-line);
    border-radius: 1.4rem;
    background: rgba(255, 255, 255, .92);
    box-shadow: 0 1rem 2.6rem rgba(18, 61, 67, .07);
}

.comparison-section-heading[b-oh1nqac8f9] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    padding-bottom: 1.1rem;
    border-bottom: 1px solid var(--cmp-line);
}

.comparison-section-heading > div[b-oh1nqac8f9] {
    display: flex;
    align-items: center;
    gap: .8rem;
}

.comparison-step[b-oh1nqac8f9] {
    display: grid;
    place-items: center;
    width: 2.65rem;
    height: 2.65rem;
    border: 1px solid rgba(20, 95, 101, .15);
    border-radius: .85rem;
    color: var(--cmp-primary);
    background: rgba(20, 95, 101, .06);
    font-size: .76rem;
    font-weight: 900;
}

.comparison-section-heading h2[b-oh1nqac8f9] {
    margin: 0;
    color: var(--cmp-ink);
    font-size: 1.35rem;
    font-weight: 850;
}

.comparison-section-heading p[b-oh1nqac8f9] {
    margin: .2rem 0 0;
    color: var(--cmp-muted);
    font-size: .88rem;
}

.comparison-search[b-oh1nqac8f9] {
    position: relative;
    display: block;
    width: min(100%, 24rem);
}

.comparison-search i[b-oh1nqac8f9] {
    position: absolute;
    inset-inline-start: .9rem;
    inset-block-start: 50%;
    color: #91a3a6;
    transform: translateY(-50%);
    pointer-events: none;
}

.comparison-search input[b-oh1nqac8f9] {
    width: 100%;
    min-height: 2.85rem;
    padding: .65rem 2.6rem .65rem .9rem;
    border: 1px solid var(--cmp-line);
    border-radius: .85rem;
    color: var(--cmp-ink);
    background: #fff;
    outline: none;
    transition: border-color .2s ease, box-shadow .2s ease;
}

.comparison-search input:focus[b-oh1nqac8f9] {
    border-color: rgba(20, 95, 101, .45);
    box-shadow: 0 0 0 .22rem rgba(20, 95, 101, .08);
}

.comparison-source-grid[b-oh1nqac8f9] {
    display: grid;
    grid-template-columns: minmax(18rem, .9fr) minmax(0, 1.1fr);
    gap: 1rem;
    align-items: stretch;
    margin-top: 1.15rem;
}

.comparison-field[b-oh1nqac8f9] {
    display: grid;
    align-content: center;
    gap: .5rem;
    padding: 1rem;
    border: 1px solid var(--cmp-line);
    border-radius: 1rem;
    background: #f9fbfa;
}

.comparison-field > span[b-oh1nqac8f9],
.comparison-version label > span[b-oh1nqac8f9] {
    color: var(--cmp-ink);
    font-size: .83rem;
    font-weight: 800;
}

.comparison-field select[b-oh1nqac8f9],
.comparison-version select[b-oh1nqac8f9] {
    min-height: 3rem;
    border-color: var(--cmp-line);
    border-radius: .75rem;
    color: var(--cmp-ink);
    font-weight: 700;
    background-color: #fff;
}

.comparison-field small[b-oh1nqac8f9] {
    display: flex;
    align-items: center;
    gap: .4rem;
    color: var(--cmp-muted);
}

.comparison-source-card[b-oh1nqac8f9] {
    display: grid;
    grid-template-columns: auto repeat(3, minmax(0, 1fr));
    gap: .8rem;
    align-items: center;
    padding: 1rem;
    border: 1px solid rgba(20, 95, 101, .14);
    border-radius: 1rem;
    background:
        linear-gradient(135deg, rgba(20, 95, 101, .07), rgba(184, 137, 53, .045)),
        #fff;
}

.comparison-source-card__mark[b-oh1nqac8f9] {
    display: grid;
    place-items: center;
    width: 3rem;
    height: 3rem;
    border-radius: .9rem;
    color: #fff;
    background: var(--cmp-primary);
}

.comparison-source-card div[b-oh1nqac8f9] {
    display: grid;
    gap: .15rem;
    min-width: 0;
}

.comparison-source-card small[b-oh1nqac8f9] {
    color: var(--cmp-muted);
    font-size: .72rem;
}

.comparison-source-card strong[b-oh1nqac8f9] {
    overflow: hidden;
    color: var(--cmp-ink);
    font-size: .9rem;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.comparison-ltr[b-oh1nqac8f9] {
    direction: ltr;
    unicode-bidi: plaintext;
}

.comparison-version-grid[b-oh1nqac8f9] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr);
    gap: 1rem;
    align-items: center;
    margin-top: 1rem;
}

.comparison-version[b-oh1nqac8f9] {
    position: relative;
    overflow: hidden;
    display: grid;
    gap: 1rem;
    padding: 1.1rem;
    border: 1px solid var(--cmp-line);
    border-radius: 1.1rem;
    background: #fff;
}

.comparison-version[b-oh1nqac8f9]::before {
    content: "";
    position: absolute;
    inset-block: 0;
    inset-inline-start: 0;
    width: .23rem;
    background: var(--cmp-primary);
}

.comparison-version--target[b-oh1nqac8f9]::before {
    background: var(--cmp-secondary);
}

.comparison-version__heading[b-oh1nqac8f9] {
    display: flex;
    align-items: center;
    gap: .7rem;
}

.comparison-version__heading > span[b-oh1nqac8f9] {
    display: grid;
    place-items: center;
    width: 2.5rem;
    height: 2.5rem;
    border-radius: .8rem;
    color: #fff;
    background: var(--cmp-primary);
    font-weight: 900;
}

.comparison-version--target .comparison-version__heading > span[b-oh1nqac8f9] {
    background: var(--cmp-secondary);
}

.comparison-version__heading div[b-oh1nqac8f9] {
    display: grid;
}

.comparison-version__heading small[b-oh1nqac8f9] {
    color: var(--cmp-muted);
    font-size: .7rem;
}

.comparison-version__heading strong[b-oh1nqac8f9] {
    font-size: 1rem;
}

.comparison-version label[b-oh1nqac8f9] {
    display: grid;
    gap: .4rem;
}

.comparison-version__details[b-oh1nqac8f9] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: .8rem;
    min-width: 0;
    color: var(--cmp-muted);
    font-size: .78rem;
}

.comparison-version__details > span:last-child[b-oh1nqac8f9] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.comparison-version__status[b-oh1nqac8f9] {
    display: inline-flex;
    align-items: center;
    gap: .3rem;
    flex: 0 0 auto;
    padding: .3rem .55rem;
    border-radius: 999px;
    background: #f1f4f4;
    font-weight: 800;
}

.comparison-version__status i[b-oh1nqac8f9] {
    font-size: .42rem;
}

.comparison-version__status.is-approved[b-oh1nqac8f9] {
    color: #0c775f;
    background: #e9f7f2;
}

.comparison-version__status.is-needs-changes[b-oh1nqac8f9] {
    color: #a53243;
    background: #fff0f2;
}

.comparison-version__status.is-pending[b-oh1nqac8f9] {
    color: #a56710;
    background: #fff7e9;
}

.comparison-direction[b-oh1nqac8f9] {
    display: grid;
    place-items: center;
    width: 2.65rem;
    height: 2.65rem;
    border-radius: 50%;
    color: var(--cmp-primary);
    background: rgba(20, 95, 101, .08);
}

.comparison-selector__footer[b-oh1nqac8f9] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    margin-top: 1.1rem;
    padding-top: 1rem;
    border-top: 1px solid var(--cmp-line);
}

.comparison-selector__footer > div[b-oh1nqac8f9] {
    display: flex;
    align-items: center;
    gap: .45rem;
    color: var(--cmp-muted);
    font-size: .84rem;
}

.comparison-selector__footer > div i[b-oh1nqac8f9] {
    color: var(--cmp-secondary);
}

.comparison-primary-action[b-oh1nqac8f9] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: .55rem;
    min-height: 3rem;
    padding: .7rem 1.2rem;
    border: 0;
    border-radius: .85rem;
    color: #fff;
    background: var(--cmp-primary);
    font-weight: 850;
    box-shadow: 0 .8rem 1.8rem rgba(20, 95, 101, .16);
    transition: transform .2s ease, opacity .2s ease;
}

.comparison-primary-action:not(:disabled):hover[b-oh1nqac8f9] {
    transform: translateY(-2px);
}

.comparison-primary-action:disabled[b-oh1nqac8f9] {
    cursor: not-allowed;
    opacity: .48;
    box-shadow: none;
}

.comparison-inline-warning[b-oh1nqac8f9] {
    display: flex;
    align-items: center;
    gap: .45rem;
    margin: .8rem 0 0;
    padding: .65rem .8rem;
    border-radius: .7rem;
    color: #9a6113;
    background: #fff7e8;
    font-size: .82rem;
    font-weight: 700;
}

.comparison-empty[b-oh1nqac8f9],
.comparison-pending[b-oh1nqac8f9] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 1.4rem;
    min-height: 17rem;
    padding: 2rem;
    border: 1px dashed rgba(20, 95, 101, .2);
    border-radius: 1.4rem;
    text-align: right;
    background:
        radial-gradient(circle at 8% 95%, rgba(20, 95, 101, .08), transparent 25%),
        #fbfdfc;
}

.comparison-empty__icon[b-oh1nqac8f9],
.comparison-pending__visual[b-oh1nqac8f9] {
    display: grid;
    place-items: center;
    flex: 0 0 auto;
    width: 5.2rem;
    height: 5.2rem;
    border-radius: 1.5rem;
    color: #fff;
    background: var(--cmp-primary);
    box-shadow: 0 1rem 2rem rgba(20, 95, 101, .16);
    transform: rotate(-5deg);
}

.comparison-empty__icon i[b-oh1nqac8f9],
.comparison-pending__visual i[b-oh1nqac8f9] {
    font-size: 1.5rem;
    transform: rotate(5deg);
}

.comparison-empty h2[b-oh1nqac8f9],
.comparison-pending h2[b-oh1nqac8f9] {
    margin: 0 0 .45rem;
    color: var(--cmp-ink);
    font-size: 1.5rem;
    font-weight: 850;
}

.comparison-empty p[b-oh1nqac8f9],
.comparison-pending p[b-oh1nqac8f9] {
    max-width: 58ch;
    margin: 0;
    color: var(--cmp-muted);
    line-height: 1.8;
}

.comparison-section-heading--results[b-oh1nqac8f9] {
    align-items: flex-start;
}

.comparison-readonly-badge[b-oh1nqac8f9] {
    display: inline-flex;
    align-items: center;
    gap: .4rem;
    padding: .45rem .7rem;
    border: 1px solid rgba(184, 137, 53, .2);
    border-radius: 999px;
    color: #8d681f;
    background: rgba(184, 137, 53, .08);
    font-size: .78rem;
    font-weight: 800;
}

.comparison-summary[b-oh1nqac8f9] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: .8rem;
    margin-top: 1rem;
}

.comparison-summary__card[b-oh1nqac8f9] {
    display: flex;
    align-items: center;
    gap: .8rem;
    min-height: 5.3rem;
    padding: .85rem;
    border: 1px solid var(--cmp-line);
    border-radius: 1rem;
    text-align: right;
    background: #fff;
    transition: border-color .2s ease, transform .2s ease, box-shadow .2s ease;
}

.comparison-summary__card:hover[b-oh1nqac8f9],
.comparison-summary__card.is-active[b-oh1nqac8f9] {
    transform: translateY(-2px);
    box-shadow: 0 .7rem 1.4rem rgba(18, 61, 67, .08);
}

.comparison-summary__card > span[b-oh1nqac8f9] {
    display: grid;
    place-items: center;
    width: 2.7rem;
    height: 2.7rem;
    border-radius: .8rem;
}

.comparison-summary__card div[b-oh1nqac8f9] {
    display: grid;
    gap: .1rem;
}

.comparison-summary__card strong[b-oh1nqac8f9] {
    color: var(--cmp-ink);
    font-size: 1.45rem;
    line-height: 1;
}

.comparison-summary__card small[b-oh1nqac8f9] {
    color: var(--cmp-muted);
}

.comparison-summary__card.is-added > span[b-oh1nqac8f9] {
    color: var(--cmp-added);
    background: rgba(19, 134, 111, .1);
}

.comparison-summary__card.is-removed > span[b-oh1nqac8f9] {
    color: var(--cmp-removed);
    background: rgba(189, 67, 84, .1);
}

.comparison-summary__card.is-changed > span[b-oh1nqac8f9] {
    color: var(--cmp-changed);
    background: rgba(193, 129, 33, .11);
}

.comparison-summary__card.is-unchanged > span[b-oh1nqac8f9] {
    color: var(--cmp-unchanged);
    background: rgba(101, 125, 131, .1);
}

.comparison-summary__card.is-added.is-active[b-oh1nqac8f9] {
    border-color: rgba(19, 134, 111, .38);
}

.comparison-summary__card.is-removed.is-active[b-oh1nqac8f9] {
    border-color: rgba(189, 67, 84, .35);
}

.comparison-summary__card.is-changed.is-active[b-oh1nqac8f9] {
    border-color: rgba(193, 129, 33, .4);
}

.comparison-summary__card.is-unchanged.is-active[b-oh1nqac8f9] {
    border-color: rgba(101, 125, 131, .4);
}

.comparison-result-toolbar[b-oh1nqac8f9] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    margin-top: 1rem;
    padding: .85rem;
    border: 1px solid var(--cmp-line);
    border-radius: 1rem;
    background: #f8faf9;
}

.comparison-filter-pills[b-oh1nqac8f9] {
    display: flex;
    flex-wrap: wrap;
    gap: .4rem;
}

.comparison-filter-pills button[b-oh1nqac8f9] {
    display: inline-flex;
    align-items: center;
    gap: .4rem;
    padding: .48rem .7rem;
    border: 1px solid transparent;
    border-radius: 999px;
    color: var(--cmp-muted);
    background: transparent;
    font-size: .8rem;
    font-weight: 750;
}

.comparison-filter-pills button span[b-oh1nqac8f9] {
    display: grid;
    place-items: center;
    min-width: 1.5rem;
    height: 1.5rem;
    padding-inline: .25rem;
    border-radius: 999px;
    background: rgba(20, 95, 101, .08);
    font-size: .7rem;
}

.comparison-filter-pills button.is-active[b-oh1nqac8f9] {
    border-color: rgba(20, 95, 101, .16);
    color: #fff;
    background: var(--cmp-primary);
}

.comparison-filter-pills button.is-active span[b-oh1nqac8f9] {
    background: rgba(255, 255, 255, .16);
}

.comparison-search--results[b-oh1nqac8f9] {
    width: min(100%, 20rem);
}

.comparison-axis-filter[b-oh1nqac8f9] {
    display: grid;
    grid-template-columns: minmax(13rem, auto) minmax(0, 1fr);
    gap: 1rem;
    align-items: center;
    margin-top: .85rem;
    padding: .8rem;
    border: 1px solid var(--cmp-line);
    border-radius: 1rem;
    background:
        linear-gradient(90deg, rgba(20, 95, 101, .055), transparent 32%),
        #fff;
}

.comparison-axis-filter__label[b-oh1nqac8f9] {
    display: flex;
    align-items: center;
    gap: .7rem;
    min-width: 0;
}

.comparison-axis-filter__icon[b-oh1nqac8f9] {
    display: grid;
    place-items: center;
    flex: 0 0 auto;
    width: 2.65rem;
    height: 2.65rem;
    border-radius: .8rem;
    color: #fff;
    background: var(--cmp-primary);
}

.comparison-axis-filter__label > div[b-oh1nqac8f9] {
    display: grid;
    min-width: 0;
}

.comparison-axis-filter__label strong[b-oh1nqac8f9] {
    color: var(--cmp-ink);
}

.comparison-axis-filter__label small[b-oh1nqac8f9] {
    color: var(--cmp-muted);
}

.comparison-axis-pills[b-oh1nqac8f9] {
    display: flex;
    gap: .45rem;
    overflow-x: auto;
    padding: .25rem .15rem .45rem;
    overscroll-behavior-inline: contain;
    scrollbar-color: rgba(20, 95, 101, .28) transparent;
}

.comparison-axis-pills button[b-oh1nqac8f9] {
    display: inline-flex;
    align-items: center;
    gap: .45rem;
    flex: 0 0 auto;
    max-width: 18rem;
    min-height: 2.7rem;
    padding: .48rem .75rem;
    overflow: hidden;
    border: 1px solid rgba(20, 95, 101, .13);
    border-radius: 999px;
    color: var(--cmp-ink);
    text-overflow: ellipsis;
    white-space: nowrap;
    background: #f7faf9;
    transition: border-color .18s ease, color .18s ease, background .18s ease;
}

.comparison-axis-pills button:hover[b-oh1nqac8f9] {
    border-color: rgba(20, 95, 101, .34);
    background: rgba(20, 95, 101, .06);
}

.comparison-axis-pills button.is-active[b-oh1nqac8f9] {
    border-color: var(--cmp-primary);
    color: #fff;
    background: var(--cmp-primary);
}

.comparison-axis-pills button span[b-oh1nqac8f9] {
    display: grid;
    place-items: center;
    min-width: 1.65rem;
    height: 1.65rem;
    padding-inline: .3rem;
    border-radius: 999px;
    color: var(--cmp-primary);
    background: rgba(20, 95, 101, .1);
}

.comparison-axis-pills button.is-active span[b-oh1nqac8f9] {
    color: #fff;
    background: rgba(255, 255, 255, .18);
}

.comparison-axis-groups[b-oh1nqac8f9] {
    display: grid;
    gap: .75rem;
    margin-top: 1rem;
}

.comparison-axis-card[b-oh1nqac8f9] {
    overflow: clip;
    border: 1px solid var(--cmp-line);
    border-radius: 1rem;
    background: #fff;
    box-shadow: 0 .45rem 1.2rem rgba(18, 61, 67, .04);
    transition: border-color .2s ease, box-shadow .2s ease;
}

.comparison-axis-card.is-expanded[b-oh1nqac8f9] {
    border-color: rgba(20, 95, 101, .32);
    box-shadow: 0 1rem 2.4rem rgba(18, 61, 67, .09);
}

.comparison-axis-card__toggle[b-oh1nqac8f9] {
    display: grid;
    grid-template-columns: 3rem minmax(12rem, 1fr) minmax(0, auto) 2.4rem;
    gap: .8rem;
    align-items: center;
    width: 100%;
    min-height: 5.2rem;
    padding: .75rem 1rem;
    border: 0;
    color: var(--cmp-ink);
    text-align: right;
    background: transparent;
}

.comparison-axis-card__toggle:hover[b-oh1nqac8f9] {
    background: rgba(20, 95, 101, .025);
}

.comparison-axis-card__mark[b-oh1nqac8f9] {
    display: grid;
    place-items: center;
    width: 3rem;
    height: 3rem;
    border-radius: .9rem;
    color: var(--cmp-primary);
    background: rgba(20, 95, 101, .09);
}

.comparison-axis-card.is-expanded .comparison-axis-card__mark[b-oh1nqac8f9] {
    color: #fff;
    background: var(--cmp-primary);
}

.comparison-axis-card__identity[b-oh1nqac8f9] {
    display: grid;
    gap: .1rem;
    min-width: 0;
}

.comparison-axis-card__identity strong[b-oh1nqac8f9] {
    overflow: hidden;
    font-size: 1.06rem;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.comparison-axis-card__identity small[b-oh1nqac8f9] {
    color: var(--cmp-muted);
}

.comparison-axis-card__stats[b-oh1nqac8f9] {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    gap: .35rem;
}

.comparison-axis-card__stats b[b-oh1nqac8f9] {
    padding: .32rem .55rem;
    border-radius: 999px;
    font-size: .72rem;
    white-space: nowrap;
}

.comparison-axis-card__stats .is-added[b-oh1nqac8f9] {
    color: var(--cmp-added);
    background: rgba(19, 134, 111, .1);
}

.comparison-axis-card__stats .is-removed[b-oh1nqac8f9] {
    color: var(--cmp-removed);
    background: rgba(189, 67, 84, .1);
}

.comparison-axis-card__stats .is-changed[b-oh1nqac8f9] {
    color: #a96b0d;
    background: rgba(193, 129, 33, .11);
}

.comparison-axis-card__stats .is-unchanged[b-oh1nqac8f9] {
    color: var(--cmp-unchanged);
    background: rgba(101, 125, 131, .1);
}

.comparison-axis-card__chevron[b-oh1nqac8f9] {
    display: grid;
    place-items: center;
    width: 2.4rem;
    height: 2.4rem;
    border-radius: .75rem;
    color: var(--cmp-muted);
    background: #f2f6f5;
    transition: transform .2s ease, color .2s ease, background .2s ease;
}

.comparison-axis-card.is-expanded .comparison-axis-card__chevron[b-oh1nqac8f9] {
    color: #fff;
    background: var(--cmp-secondary);
    transform: rotate(180deg);
}

.comparison-axis-card__panel[b-oh1nqac8f9] {
    padding: 0 1rem 1rem;
    border-top: 1px solid var(--cmp-line);
    background:
        linear-gradient(180deg, rgba(20, 95, 101, .025), transparent 7rem),
        #fff;
}

.comparison-axis-card__tools[b-oh1nqac8f9] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    padding: .85rem 0;
}

.comparison-axis-card__tools > div[b-oh1nqac8f9] {
    display: grid;
}

.comparison-axis-card__tools > div strong[b-oh1nqac8f9] {
    color: var(--cmp-ink);
}

.comparison-axis-card__tools > div small[b-oh1nqac8f9] {
    color: var(--cmp-muted);
}

.comparison-search--axis[b-oh1nqac8f9] {
    width: min(100%, 26rem);
}

.comparison-table-wrap--axis[b-oh1nqac8f9] {
    position: relative;
    max-height: clamp(24rem, 56vh, 42rem);
    margin-top: 0;
    overscroll-behavior: contain;
    scrollbar-gutter: stable;
}

.comparison-table-wrap--axis .comparison-table th[b-oh1nqac8f9] {
    position: sticky;
    z-index: 2;
    top: 0;
    box-shadow: 0 1px var(--cmp-line);
}

.comparison-axis-card__empty[b-oh1nqac8f9] {
    display: grid;
    justify-items: center;
    gap: .55rem;
    min-height: 12rem;
    padding: 2rem 1rem;
    border: 1px dashed var(--cmp-line);
    border-radius: .9rem;
    color: var(--cmp-muted);
    text-align: center;
    background: #fafcfb;
}

.comparison-axis-card__empty i[b-oh1nqac8f9] {
    color: var(--cmp-secondary);
    font-size: 1.6rem;
}

.comparison-axis-card__empty button[b-oh1nqac8f9] {
    padding: .48rem .8rem;
    border: 1px solid rgba(20, 95, 101, .2);
    border-radius: .7rem;
    color: var(--cmp-primary);
    background: rgba(20, 95, 101, .06);
}

.comparison-table-wrap[b-oh1nqac8f9] {
    overflow: auto;
    margin-top: 1rem;
    border: 1px solid var(--cmp-line);
    border-radius: 1rem;
}

.comparison-table[b-oh1nqac8f9] {
    width: 100%;
    min-width: 72rem;
    border-collapse: collapse;
    background: #fff;
}

.comparison-table th[b-oh1nqac8f9] {
    padding: .8rem;
    color: #6d8286;
    background: #f1f5f4;
    font-size: .75rem;
    font-weight: 850;
    white-space: nowrap;
}

.comparison-table td[b-oh1nqac8f9] {
    padding: .85rem .8rem;
    border-top: 1px solid var(--cmp-line);
    color: var(--cmp-ink);
    vertical-align: middle;
    font-size: .82rem;
}

.comparison-table tbody tr[b-oh1nqac8f9] {
    transition: background .18s ease;
}

.comparison-table tbody tr:hover[b-oh1nqac8f9] {
    background: #fbfdfc;
}

.comparison-change[b-oh1nqac8f9] {
    display: inline-flex;
    align-items: center;
    gap: .35rem;
    padding: .38rem .58rem;
    border-radius: 999px;
    font-size: .76rem;
    font-weight: 850;
    white-space: nowrap;
}

.comparison-change.is-added[b-oh1nqac8f9] {
    color: var(--cmp-added);
    background: rgba(19, 134, 111, .1);
}

.comparison-change.is-removed[b-oh1nqac8f9] {
    color: var(--cmp-removed);
    background: rgba(189, 67, 84, .1);
}

.comparison-change.is-changed[b-oh1nqac8f9] {
    color: #a96b0d;
    background: rgba(193, 129, 33, .11);
}

.comparison-change.is-unchanged[b-oh1nqac8f9] {
    color: var(--cmp-unchanged);
    background: rgba(101, 125, 131, .1);
}

.comparison-entity[b-oh1nqac8f9],
.comparison-context[b-oh1nqac8f9],
.comparison-delta[b-oh1nqac8f9],
.comparison-sources[b-oh1nqac8f9] {
    display: grid;
    gap: .2rem;
}

.comparison-entity small[b-oh1nqac8f9],
.comparison-context small[b-oh1nqac8f9],
.comparison-delta small[b-oh1nqac8f9] {
    color: var(--cmp-muted);
    font-size: .72rem;
}

.comparison-entity strong[b-oh1nqac8f9] {
    max-width: 19rem;
    line-height: 1.55;
}

.comparison-context small[b-oh1nqac8f9] {
    max-width: 13rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.comparison-value[b-oh1nqac8f9] {
    display: block;
    max-width: 12rem;
    overflow-wrap: anywhere;
    padding: .45rem .55rem;
    border-radius: .55rem;
    direction: ltr;
    unicode-bidi: plaintext;
    background: #f5f7f7;
    font-weight: 750;
}

.comparison-value--old[b-oh1nqac8f9] {
    box-shadow: inset 3px 0 rgba(189, 67, 84, .22);
}

.comparison-value--new[b-oh1nqac8f9] {
    box-shadow: inset 3px 0 rgba(19, 134, 111, .23);
}

.comparison-delta[b-oh1nqac8f9] {
    direction: ltr;
    text-align: right;
}

.comparison-delta.is-positive strong[b-oh1nqac8f9] {
    color: var(--cmp-added);
}

.comparison-delta.is-negative strong[b-oh1nqac8f9] {
    color: var(--cmp-removed);
}

.comparison-sources span[b-oh1nqac8f9] {
    display: flex;
    align-items: center;
    gap: .35rem;
    max-width: 13rem;
    overflow: hidden;
    color: var(--cmp-muted);
    text-overflow: ellipsis;
    white-space: nowrap;
}

.comparison-sources b[b-oh1nqac8f9] {
    display: grid;
    place-items: center;
    flex: 0 0 auto;
    width: 1.35rem;
    height: 1.35rem;
    border-radius: .4rem;
    color: #fff;
    background: var(--cmp-primary);
    font-size: .68rem;
}

.comparison-sources span:last-child b[b-oh1nqac8f9] {
    background: var(--cmp-secondary);
}

.comparison-no-results[b-oh1nqac8f9] {
    display: grid;
    justify-items: center;
    gap: .35rem;
    margin-top: 1rem;
    padding: 2.4rem 1rem;
    border: 1px dashed var(--cmp-line);
    border-radius: 1rem;
    color: var(--cmp-muted);
    text-align: center;
    background: #fafcfb;
}

.comparison-no-results i[b-oh1nqac8f9] {
    margin-bottom: .25rem;
    color: var(--cmp-secondary);
    font-size: 1.5rem;
}

.comparison-no-results strong[b-oh1nqac8f9] {
    color: var(--cmp-ink);
}

.comparison-render-note[b-oh1nqac8f9] {
    display: flex;
    align-items: center;
    gap: .45rem;
    margin: .8rem 0 0;
    color: var(--cmp-muted);
    font-size: .78rem;
}

.comparison-render-note i[b-oh1nqac8f9] {
    color: var(--cmp-primary);
}

@keyframes comparison-pulse-b-oh1nqac8f9 {
    0%,
    100% {
        opacity: .35;
        transform: scaleX(.45);
    }

    50% {
        opacity: 1;
        transform: scaleX(1);
    }
}

@media (max-width: 1100px) {
    .comparison-hero[b-oh1nqac8f9] {
        grid-template-columns: 1fr;
    }

    .comparison-hero__metrics article[b-oh1nqac8f9] {
        min-height: 6.5rem;
    }

    .comparison-source-grid[b-oh1nqac8f9] {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 800px) {
    .comparison-section-heading[b-oh1nqac8f9],
    .comparison-selector__footer[b-oh1nqac8f9],
    .comparison-result-toolbar[b-oh1nqac8f9] {
        align-items: stretch;
        flex-direction: column;
    }

    .comparison-search[b-oh1nqac8f9],
    .comparison-search--results[b-oh1nqac8f9] {
        width: 100%;
    }

    .comparison-source-card[b-oh1nqac8f9] {
        grid-template-columns: auto 1fr;
    }

    .comparison-source-card div[b-oh1nqac8f9] {
        grid-column: 2;
    }

    .comparison-version-grid[b-oh1nqac8f9] {
        grid-template-columns: 1fr;
    }

    .comparison-direction[b-oh1nqac8f9] {
        margin: auto;
        transform: rotate(-90deg);
    }

    .comparison-summary[b-oh1nqac8f9] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .comparison-axis-filter[b-oh1nqac8f9] {
        grid-template-columns: 1fr;
    }

    .comparison-axis-card__toggle[b-oh1nqac8f9] {
        grid-template-columns: 2.7rem minmax(0, 1fr) 2.4rem;
    }

    .comparison-axis-card__stats[b-oh1nqac8f9] {
        grid-column: 2 / -1;
        grid-row: 2;
        justify-content: flex-start;
    }

    .comparison-axis-card__tools[b-oh1nqac8f9] {
        align-items: stretch;
        flex-direction: column;
    }

    .comparison-search--axis[b-oh1nqac8f9] {
        width: 100%;
    }
}

@media (max-width: 560px) {
    .comparison-hero__metrics[b-oh1nqac8f9] {
        grid-template-columns: 1fr;
    }

    .comparison-hero__metrics article[b-oh1nqac8f9] {
        min-height: auto;
    }

    .comparison-empty[b-oh1nqac8f9],
    .comparison-pending[b-oh1nqac8f9] {
        align-items: flex-start;
        flex-direction: column;
    }

    .comparison-summary[b-oh1nqac8f9] {
        grid-template-columns: 1fr;
    }

    .comparison-axis-card__toggle[b-oh1nqac8f9] {
        padding-inline: .7rem;
    }

    .comparison-axis-card__stats b[b-oh1nqac8f9] {
        font-size: .68rem;
    }
}

@media (prefers-reduced-motion: reduce) {
    .comparison-loading__line[b-oh1nqac8f9] {
        animation: none;
    }

    .comparison-primary-action[b-oh1nqac8f9],
    .comparison-summary__card[b-oh1nqac8f9],
    .comparison-axis-card[b-oh1nqac8f9],
    .comparison-axis-card__chevron[b-oh1nqac8f9],
    .comparison-axis-pills button[b-oh1nqac8f9] {
        transition: none;
    }
}
/* _content/Starterkit/Shared/Components/GbAutocompleteSelect.razor.rz.scp.css */
.gb-autocomplete-select[b-zkqxl9xbzv] {
    position: relative;
    width: 100%;
}

.gb-autocomplete-select__native[b-zkqxl9xbzv] {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    clip-path: inset(50%);
    white-space: nowrap;
    border: 0;
}

.gb-autocomplete-select__control[b-zkqxl9xbzv] {
    position: relative;
    display: flex;
    align-items: stretch;
}

.gb-autocomplete-select__input[b-zkqxl9xbzv] {
    min-height: 46px;
    width: 100%;
    padding-block: .58rem !important;
    padding-inline-start: 2.75rem !important;
    padding-inline-end: .9rem !important;
    line-height: 1.65 !important;
    appearance: none !important;
    background-image: none !important;
    text-overflow: ellipsis;
}

.gb-autocomplete-select__input:disabled[b-zkqxl9xbzv] {
    cursor: not-allowed;
}

.gb-autocomplete-select__toggle[b-zkqxl9xbzv] {
    position: absolute;
    inset-block: 1px;
    inset-inline-start: 1px;
    display: inline-grid;
    width: 2.55rem;
    place-items: center;
    padding: 0;
    color: #64748b;
    background: transparent;
    border: 0;
    border-inline-end: 1px solid rgba(148, 163, 184, .28);
    border-radius: .45rem 0 0 .45rem;
}

.gb-autocomplete-select__toggle:focus-visible[b-zkqxl9xbzv] {
    outline: 2px solid #2563eb;
    outline-offset: -3px;
}

.gb-autocomplete-select__toggle i[b-zkqxl9xbzv] {
    font-size: .76rem;
    transition: transform .18s ease;
}

.gb-autocomplete-select.is-open .gb-autocomplete-select__toggle i[b-zkqxl9xbzv] {
    transform: rotate(180deg);
}

.gb-autocomplete-select__menu[b-zkqxl9xbzv] {
    position: absolute;
    z-index: 1085;
    inset-inline: 0;
    top: calc(100% + .35rem);
    max-height: min(19rem, 42vh);
    overflow-y: auto;
    padding: .28rem;
    background: #fff;
    border: 1px solid #d9e2ec;
    border-radius: .48rem;
    box-shadow: 0 10px 28px rgba(20, 47, 78, .13);
    overscroll-behavior: contain;
    scrollbar-color: #d9e2ec transparent;
    scrollbar-width: thin;
}

.gb-autocomplete-select__menu[hidden][b-zkqxl9xbzv] {
    display: none;
}

.gb-autocomplete-select__menu[b-zkqxl9xbzv]  .gb-autocomplete-select__option,
.gb-autocomplete-select__menu[b-zkqxl9xbzv]  .gb-autocomplete-select__empty {
    display: flex;
    align-items: center;
    width: 100%;
    min-height: 42px;
    box-sizing: border-box;
    padding: .52rem .8rem;
    font: inherit;
    font-size: .88rem;
    line-height: 1.6;
    text-align: start;
    border: 0;
    border-radius: .28rem;
    white-space: normal;
}

.gb-autocomplete-select__menu[b-zkqxl9xbzv]  .gb-autocomplete-select__option {
    color: #173b66;
    background: transparent;
    font-weight: 650;
    cursor: pointer;
}

.gb-autocomplete-select__menu[b-zkqxl9xbzv]  .gb-autocomplete-select__option:hover,
.gb-autocomplete-select__menu[b-zkqxl9xbzv]  .gb-autocomplete-select__option.is-active {
    color: #0c5670;
    background: #f0f6f8;
}

.gb-autocomplete-select__menu[b-zkqxl9xbzv]  .gb-autocomplete-select__option[aria-selected="true"] {
    color: #075f73;
    background: #eaf4f6;
    box-shadow: inset -3px 0 0 #087d91;
    font-weight: 800;
}

.gb-autocomplete-select__menu[b-zkqxl9xbzv]  .gb-autocomplete-select__empty {
    justify-content: center;
    color: #64748b;
    text-align: center;
}

.gb-autocomplete-select.is-invalid .gb-autocomplete-select__input[b-zkqxl9xbzv] {
    border-color: var(--bs-form-invalid-border-color, #dc3545);
}

@media (max-width: 575.98px) {
    .gb-autocomplete-select__menu[b-zkqxl9xbzv] {
        max-height: 16rem;
    }
}
/* _content/Starterkit/Shared/MainLayout.razor.rz.scp.css */
.page[b-x8oooc3fre] {
    position: relative;
    display: flex;
    flex-direction: column;
}

main[b-x8oooc3fre] {
    flex: 1;
}

.sidebar[b-x8oooc3fre] {
    background-image: linear-gradient(180deg, rgb(5, 39, 103) 0%, #3a0647 70%);
}

.top-row[b-x8oooc3fre] {
    background-color: #f7f7f7;
    border-bottom: 1px solid #d6d5d5;
    justify-content: flex-end;
    height: 3.5rem;
    display: flex;
    align-items: center;
}

    .top-row[b-x8oooc3fre]  a, .top-row .btn-link[b-x8oooc3fre] {
        white-space: nowrap;
        margin-left: 1.5rem;
    }

    .top-row a:first-child[b-x8oooc3fre] {
        overflow: hidden;
        text-overflow: ellipsis;
    }

@media (max-width: 640.98px) {
    .top-row:not(.auth)[b-x8oooc3fre] {
        display: none;
    }

    .top-row.auth[b-x8oooc3fre] {
        justify-content: space-between;
    }

    .top-row a[b-x8oooc3fre], .top-row .btn-link[b-x8oooc3fre] {
        margin-left: 0;
    }
}

@media (min-width: 641px) {
    .page[b-x8oooc3fre] {
        flex-direction: row;
    }

    .sidebar[b-x8oooc3fre] {
        width: 250px;
        height: 100vh;
        position: sticky;
        top: 0;
    }

    .top-row[b-x8oooc3fre] {
        position: sticky;
        top: 0;
        z-index: 1;
    }

    .top-row[b-x8oooc3fre], article[b-x8oooc3fre] {
        padding-left: 2rem !important;
        padding-right: 1.5rem !important;
    }
}
/* _content/Starterkit/Shared/NavMenu.razor.rz.scp.css */
.navbar-toggler[b-ysixjylna5] {
    background-color: rgba(255, 255, 255, 0.1);
}

.top-row[b-ysixjylna5] {
    height: 3.5rem;
    background-color: rgba(0,0,0,0.4);
}

.navbar-brand[b-ysixjylna5] {
    font-size: 1.1rem;
}

.oi[b-ysixjylna5] {
    width: 2rem;
    font-size: 1.1rem;
    vertical-align: text-top;
    top: -2px;
}

.nav-item[b-ysixjylna5] {
    font-size: 0.9rem;
    padding-bottom: 0.5rem;
}

    .nav-item:first-of-type[b-ysixjylna5] {
        padding-top: 1rem;
    }

    .nav-item:last-of-type[b-ysixjylna5] {
        padding-bottom: 1rem;
    }

    .nav-item[b-ysixjylna5]  a {
        color: #d7d7d7;
        border-radius: 4px;
        height: 3rem;
        display: flex;
        align-items: center;
        line-height: 3rem;
    }

.nav-item[b-ysixjylna5]  a.active {
    background-color: rgba(255,255,255,0.25);
    color: white;
}

.nav-item[b-ysixjylna5]  a:hover {
    background-color: rgba(255,255,255,0.1);
    color: white;
}

@media (min-width: 641px) {
    .navbar-toggler[b-ysixjylna5] {
        display: none;
    }

    .collapse[b-ysixjylna5] {
        /* Never collapse the sidebar for wide screens */
        display: block;
    }
    
    .nav-scrollable[b-ysixjylna5] {
        /* Allow sidebar to scroll for tall menus */
        height: calc(100vh - 3.5rem);
        overflow-y: auto;
    }
}