@import '_content/Platform.DesignSystem/Platform.DesignSystem.zmpz7fepmj.bundle.scp.css';

/* /App.razor.rz.scp.css */
.ds-circuit-error[b-eef61yp90i] {
    position: fixed;
    inset: auto 16px 16px 16px;
    z-index: 3000;
    display: grid;
    grid-template-columns: 1fr auto;
    gap: 8px 16px;
    padding: 16px;
    border: var(--ds-border-width-1) solid var(--ds-color-danger);
    border-radius: var(--ds-radius-4);
    background: var(--ds-color-surface-raised);
    color: var(--ds-color-text);
    box-shadow: var(--ds-shadow-3);
}

.ds-circuit-error[hidden][b-eef61yp90i] { display: none; }
.ds-circuit-error span[b-eef61yp90i] { color: var(--ds-color-text-muted); }
.ds-circuit-error .reload[b-eef61yp90i] { grid-row: 1 / span 2; grid-column: 2; align-self: center; color: var(--ds-color-action); }

@media (max-width: 767px) {
    .ds-circuit-error[b-eef61yp90i] { inset: 0; grid-template-columns: 1fr; align-content: center; border-radius: 0; }
    .ds-circuit-error .reload[b-eef61yp90i] { grid-row: auto; grid-column: auto; }
}
/* /CalendarCard.razor.rz.scp.css */
.ds-cal[b-bcoaui1sii] {
    position: relative;
    display: flex;
    flex-direction: column;
    min-block-size: 0;
    block-size: 100%;
    container-type: size;
    color: var(--ds-color-text);
    font-size: var(--ds-text-body-size);
}

/* Event colours resolve through design-system tokens; entry types carry a semantic slug. */
.ds-cal__c--danger[b-bcoaui1sii] { --cal-color: var(--ds-color-danger); }
.ds-cal__c--warning[b-bcoaui1sii] { --cal-color: var(--ds-color-warning); }
.ds-cal__c--success[b-bcoaui1sii] { --cal-color: var(--ds-color-success); }
.ds-cal__c--info[b-bcoaui1sii] { --cal-color: var(--ds-color-info); }
.ds-cal__c--accent[b-bcoaui1sii] { --cal-color: var(--ds-color-accent); }
.ds-cal__c--muted[b-bcoaui1sii] { --cal-color: var(--ds-color-text-muted); }

/* ---------- Shared entry row ---------- */
.ds-cal__agenda-item[b-bcoaui1sii] {
    display: grid;
    grid-template-columns: auto auto minmax(0, 1fr);
    align-items: center;
    gap: var(--ds-space-0-5);
    border: none;
    border-radius: var(--ds-radius-2);
    background: transparent;
    padding: var(--ds-space-0-25) var(--ds-space-0-5);
    color: var(--ds-color-text);
    cursor: pointer;
    text-align: start;
    inline-size: 100%;
}

.ds-cal__agenda-item:hover[b-bcoaui1sii] {
    background: var(--ds-color-control-hover);
}

.ds-cal__dot[b-bcoaui1sii] {
    inline-size: 0.6rem;
    block-size: 0.6rem;
    border-radius: 50%;
    background: var(--cal-color, var(--ds-color-text-muted));
}

.ds-cal__agenda-time[b-bcoaui1sii] {
    color: var(--ds-color-text-muted);
    font-variant-numeric: tabular-nums;
    white-space: nowrap;
}

.ds-cal__agenda-title[b-bcoaui1sii] {
    display: inline-flex;
    align-items: center;
    gap: var(--ds-space-0-5);
    min-inline-size: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

/* ---------- Compact ---------- */
.ds-cal--compact[b-bcoaui1sii] {
    gap: var(--ds-space-0-75);
}

.ds-cal__mini-head[b-bcoaui1sii] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: var(--ds-space-0-5);
}

.ds-cal__mini-date[b-bcoaui1sii] {
    display: grid;
    grid-template-columns: auto auto;
    grid-template-rows: auto auto;
    column-gap: var(--ds-space-0-5);
    align-items: center;
}

.ds-cal__mini-weekday[b-bcoaui1sii] {
    grid-column: 1;
    grid-row: 1;
    color: var(--ds-color-text-muted);
    text-transform: uppercase;
    letter-spacing: 0.04em;
    font-size: var(--ds-text-caption-size);
}

.ds-cal__mini-day[b-bcoaui1sii] {
    grid-column: 2;
    grid-row: 1 / span 2;
    font-size: 2rem;
    font-weight: var(--ds-font-weight-semibold);
    line-height: 1;
}

.ds-cal__mini-month[b-bcoaui1sii] {
    grid-column: 1;
    grid-row: 2;
    color: var(--ds-color-text-muted);
}

.ds-cal__open[b-bcoaui1sii] {
    display: inline-flex;
    align-items: center;
    gap: var(--ds-space-0-5);
    border: var(--ds-border-width-1) solid var(--ds-color-border);
    border-radius: var(--ds-radius-3);
    background: var(--ds-color-surface-muted);
    padding: var(--ds-space-0-5) var(--ds-space-0-75);
    color: var(--ds-color-text);
    cursor: pointer;
    white-space: nowrap;
}

.ds-cal__open:hover[b-bcoaui1sii] {
    border-color: var(--ds-color-action);
}

.ds-cal__mini-body[b-bcoaui1sii] {
    display: flex;
    flex-direction: column;
    gap: var(--ds-space-0-75);
    min-block-size: 0;
    overflow: hidden auto;
}

.ds-cal__mini-empty[b-bcoaui1sii] {
    display: flex;
    align-items: center;
    gap: var(--ds-space-0-5);
    margin: 0;
    color: var(--ds-color-text-muted);
}

.ds-cal__mini-group[b-bcoaui1sii] {
    display: flex;
    flex-direction: column;
    gap: var(--ds-space-0-25);
}

.ds-cal__mini-groupdate[b-bcoaui1sii] {
    color: var(--ds-color-text-muted);
    text-transform: uppercase;
    letter-spacing: 0.04em;
    font-size: var(--ds-text-caption-size);
}

/* ---------- Full toolbar ---------- */
.ds-cal--full[b-bcoaui1sii] {
    gap: var(--ds-space-0-75);
}

.ds-cal__toolbar[b-bcoaui1sii] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: var(--ds-space-0-75);
}

.ds-cal__nav[b-bcoaui1sii] {
    display: flex;
    align-items: center;
    gap: var(--ds-space-0-5);
    min-inline-size: 0;
}

.ds-cal__btn[b-bcoaui1sii],
.ds-cal__step[b-bcoaui1sii],
.ds-cal__view-tab[b-bcoaui1sii] {
    border: var(--ds-border-width-1) solid var(--ds-color-border);
    border-radius: var(--ds-radius-3);
    background: var(--ds-color-surface-muted);
    padding: var(--ds-space-0-5) var(--ds-space-0-75);
    color: var(--ds-color-text-muted);
    cursor: pointer;
    white-space: nowrap;
}

.ds-cal__step[b-bcoaui1sii] {
    inline-size: 2rem;
    line-height: 1;
    font-size: var(--ds-text-title-size);
}

.ds-cal__btn:hover[b-bcoaui1sii],
.ds-cal__step:hover[b-bcoaui1sii],
.ds-cal__view-tab:hover[b-bcoaui1sii] {
    color: var(--ds-color-text);
    border-color: var(--ds-color-action);
}

.ds-cal__period[b-bcoaui1sii] {
    margin-inline-start: var(--ds-space-0-5);
    color: var(--ds-color-text);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.ds-cal__views[b-bcoaui1sii] {
    display: inline-flex;
    gap: var(--ds-space-0-25);
}

.ds-cal__view-tab.is-active[b-bcoaui1sii] {
    background: var(--ds-color-control-hover);
    border-color: var(--ds-color-action);
    color: var(--ds-color-text);
    font-weight: var(--ds-font-weight-semibold);
}

/* ---------- Full main ---------- */
.ds-cal__main[b-bcoaui1sii] {
    display: grid;
    grid-template-columns: minmax(9rem, 12rem) minmax(0, 1fr);
    gap: var(--ds-space-0-75);
    min-block-size: 0;
    flex: 1 1 auto;
    overflow: hidden;
}

.ds-cal__filters[b-bcoaui1sii] {
    display: flex;
    flex-direction: column;
    gap: var(--ds-space-0-25);
    min-block-size: 0;
    overflow: hidden auto;
    padding-inline-end: var(--ds-space-0-5);
    border-inline-end: var(--ds-border-width-1) solid var(--ds-color-border);
}

.ds-cal__filter-head[b-bcoaui1sii] {
    color: var(--ds-color-text-muted);
    text-transform: uppercase;
    letter-spacing: 0.04em;
    font-size: var(--ds-text-caption-size);
    margin-block-end: var(--ds-space-0-25);
}

.ds-cal__filter[b-bcoaui1sii] {
    display: inline-flex;
    align-items: center;
    gap: var(--ds-space-0-5);
    border: none;
    border-radius: var(--ds-radius-2);
    background: transparent;
    padding: var(--ds-space-0-25) var(--ds-space-0-5);
    color: var(--ds-color-text);
    cursor: pointer;
    text-align: start;
}

.ds-cal__filter:hover[b-bcoaui1sii] {
    background: var(--ds-color-control-hover);
}

.ds-cal__filter.is-off[b-bcoaui1sii] {
    color: var(--ds-color-text-muted);
    opacity: var(--ds-opacity-disabled);
}

.ds-cal__swatch[b-bcoaui1sii] {
    inline-size: 0.75rem;
    block-size: 0.75rem;
    border-radius: var(--ds-radius-1);
    background: var(--cal-color, var(--ds-color-text-muted));
    flex: 0 0 auto;
}

.ds-cal__filter-name[b-bcoaui1sii] {
    min-inline-size: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.ds-cal__view[b-bcoaui1sii] {
    min-block-size: 0;
    min-inline-size: 0;
    overflow: auto;
}

/* ---------- Month ---------- */
.ds-cal__weekhead[b-bcoaui1sii],
.ds-cal__month[b-bcoaui1sii] {
    display: grid;
    grid-template-columns: repeat(7, minmax(0, 1fr));
}

.ds-cal__weekhead[b-bcoaui1sii] {
    position: sticky;
    top: 0;
    background: var(--ds-color-surface);
    z-index: 1;
}

.ds-cal__weekhead span[b-bcoaui1sii] {
    padding: var(--ds-space-0-25) var(--ds-space-0-5);
    color: var(--ds-color-text-muted);
    text-transform: uppercase;
    letter-spacing: 0.04em;
    font-size: var(--ds-text-caption-size);
}

.ds-cal__cell[b-bcoaui1sii] {
    min-block-size: 4.5rem;
    border-inline-start: var(--ds-border-width-1) solid var(--ds-color-border);
    border-block-start: var(--ds-border-width-1) solid var(--ds-color-border);
    padding: var(--ds-space-0-25);
    display: flex;
    flex-direction: column;
    gap: var(--ds-space-0-25);
    cursor: pointer;
}

.ds-cal__cell:hover[b-bcoaui1sii] {
    background: var(--ds-color-control-hover);
}

.ds-cal__cell.is-other[b-bcoaui1sii] {
    color: var(--ds-color-text-muted);
    background: var(--ds-color-surface-muted);
}

.ds-cal__cell-day[b-bcoaui1sii] {
    align-self: flex-end;
    font-variant-numeric: tabular-nums;
}

.ds-cal__cell.is-today .ds-cal__cell-day[b-bcoaui1sii],
.ds-cal__col-head.is-today .ds-cal__col-num[b-bcoaui1sii],
.ds-cal__agenda-date.is-today .ds-cal__agenda-num[b-bcoaui1sii] {
    display: inline-grid;
    place-items: center;
    min-inline-size: 1.5rem;
    block-size: 1.5rem;
    border-radius: 50%;
    background: var(--ds-color-action);
    color: var(--ds-color-on-action);
}

.ds-cal__cell-events[b-bcoaui1sii] {
    display: flex;
    flex-direction: column;
    gap: var(--ds-space-0-25);
    min-block-size: 0;
}

.ds-cal__chip[b-bcoaui1sii] {
    display: inline-flex;
    align-items: center;
    gap: var(--ds-space-0-25);
    border: none;
    border-inline-start: var(--ds-space-0-25) solid var(--cal-color, var(--ds-color-text-muted));
    border-radius: var(--ds-radius-1);
    background: color-mix(in srgb, var(--cal-color, var(--ds-color-text-muted)) 22%, var(--ds-color-surface));
    padding: 0 var(--ds-space-0-25);
    color: var(--ds-color-text);
    cursor: pointer;
    overflow: hidden;
}

.ds-cal__chip-dot[b-bcoaui1sii] {
    inline-size: 0.4rem;
    block-size: 0.4rem;
    border-radius: 50%;
    background: var(--cal-color, var(--ds-color-text-muted));
    flex: 0 0 auto;
}

.ds-cal__chip-label[b-bcoaui1sii] {
    min-inline-size: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: var(--ds-text-caption-size);
}

.ds-cal__more[b-bcoaui1sii] {
    color: var(--ds-color-text-muted);
    font-size: var(--ds-text-caption-size);
    padding-inline-start: var(--ds-space-0-25);
}

/* ---------- Agenda ---------- */
.ds-cal__agenda[b-bcoaui1sii] {
    display: flex;
    flex-direction: column;
    gap: var(--ds-space-0-75);
}

.ds-cal__agenda-day[b-bcoaui1sii] {
    display: grid;
    grid-template-columns: 3rem minmax(0, 1fr);
    gap: var(--ds-space-0-5);
}

.ds-cal__agenda-date[b-bcoaui1sii] {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding-block: var(--ds-space-0-25);
}

.ds-cal__agenda-dow[b-bcoaui1sii] {
    color: var(--ds-color-text-muted);
    text-transform: uppercase;
    font-size: var(--ds-text-caption-size);
}

.ds-cal__agenda-num[b-bcoaui1sii] {
    font-size: var(--ds-text-title-size);
    font-weight: var(--ds-font-weight-semibold);
    font-variant-numeric: tabular-nums;
}

.ds-cal__agenda-list[b-bcoaui1sii] {
    display: flex;
    flex-direction: column;
    gap: var(--ds-space-0-25);
    border-inline-start: var(--ds-border-width-1) solid var(--ds-color-border);
    padding-inline-start: var(--ds-space-0-5);
}

/* ---------- Day / Week columns ---------- */
.ds-cal__cols[b-bcoaui1sii] {
    display: grid;
    gap: var(--ds-space-0-5);
    align-items: start;
}

.ds-cal__cols--week[b-bcoaui1sii] {
    grid-template-columns: repeat(7, minmax(0, 1fr));
}

.ds-cal__cols--day[b-bcoaui1sii] {
    grid-template-columns: minmax(0, 1fr);
}

.ds-cal__col[b-bcoaui1sii] {
    display: flex;
    flex-direction: column;
    gap: var(--ds-space-0-25);
    min-inline-size: 0;
}

.ds-cal__col-head[b-bcoaui1sii] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: var(--ds-space-0-25);
    border: none;
    border-block-end: var(--ds-border-width-1) solid var(--ds-color-border);
    background: transparent;
    padding-block: var(--ds-space-0-25);
    color: var(--ds-color-text);
    cursor: pointer;
}

.ds-cal__col-dow[b-bcoaui1sii] {
    color: var(--ds-color-text-muted);
    text-transform: uppercase;
    font-size: var(--ds-text-caption-size);
}

.ds-cal__col-num[b-bcoaui1sii] {
    font-variant-numeric: tabular-nums;
}

.ds-cal__col-list[b-bcoaui1sii] {
    display: flex;
    flex-direction: column;
    gap: var(--ds-space-0-25);
    min-inline-size: 0;
}

.ds-cal__col-empty[b-bcoaui1sii] {
    color: var(--ds-color-text-muted);
    text-align: center;
    padding-block: var(--ds-space-0-5);
}

/* ---------- Detail ---------- */
.ds-cal__detail-scrim[b-bcoaui1sii] {
    position: absolute;
    inset: 0;
    display: grid;
    place-items: center;
    background: var(--ds-color-overlay-scrim);
    padding: var(--ds-space-1);
}

.ds-cal__detail[b-bcoaui1sii] {
    display: flex;
    flex-direction: column;
    gap: var(--ds-space-0-5);
    inline-size: min(100%, 22rem);
    border: var(--ds-border-width-1) solid var(--ds-color-border);
    border-radius: var(--ds-radius-4);
    background: var(--ds-color-surface-raised);
    padding: var(--ds-space-1);
    box-shadow: var(--ds-shadow-2);
}

.ds-cal__detail-head[b-bcoaui1sii] {
    display: flex;
    align-items: center;
    gap: var(--ds-space-0-5);
}

.ds-cal__detail-head strong[b-bcoaui1sii] {
    flex: 1;
    min-inline-size: 0;
}

.ds-cal__detail-close[b-bcoaui1sii] {
    border: none;
    background: transparent;
    color: var(--ds-color-text-muted);
    cursor: pointer;
}

.ds-cal__detail-close:hover[b-bcoaui1sii] {
    color: var(--ds-color-text);
}

.ds-cal__detail-when[b-bcoaui1sii],
.ds-cal__detail-type[b-bcoaui1sii],
.ds-cal__detail-desc[b-bcoaui1sii] {
    margin: 0;
    color: var(--ds-color-text-muted);
}

.ds-cal__detail-type[b-bcoaui1sii] {
    display: inline-flex;
    align-items: center;
    gap: var(--ds-space-0-5);
}

/* ---------- Responsive: drop the filter rail on narrow full cards ---------- */
@container (max-width: 34rem) {
    .ds-cal__main[b-bcoaui1sii] {
        grid-template-columns: minmax(0, 1fr);
    }

    .ds-cal__filters[b-bcoaui1sii] {
        display: none;
    }

    .ds-cal__cols--week[b-bcoaui1sii] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}
/* /CardBlockEditor.razor.rz.scp.css */
.ds-card-block[b-2scldfvrft] {
    position: relative;
    min-inline-size: 0;
    min-block-size: 0;
    overflow: hidden;
    border: var(--ds-border-width-1) dashed color-mix(in srgb, var(--ds-color-border-strong) 60%, transparent);
    border-radius: var(--ds-radius-2);
    background: color-mix(in srgb, var(--ds-color-surface-muted) 40%, transparent);
    cursor: move;
    touch-action: none;
}

.ds-card-block--selected[b-2scldfvrft] {
    border-style: solid;
    border-color: var(--ds-color-action);
    box-shadow: inset 0 0 0 var(--ds-border-width-1) var(--ds-color-action);
}

.ds-card-block--dragging[b-2scldfvrft],
.ds-universal-widget--dragging[b-2scldfvrft] {
    z-index: 5;
    opacity: 0.9;
}

.ds-card-block__content[b-2scldfvrft] {
    display: grid;
    inline-size: 100%;
    block-size: 100%;
    overflow: hidden;
    pointer-events: none;
}

.ds-card-block__remove[b-2scldfvrft] {
    position: absolute;
    z-index: 3;
    top: var(--ds-space-0-25);
    right: var(--ds-space-0-25);
    display: none;
    place-items: center;
    inline-size: 1.5rem;
    block-size: 1.5rem;
    border: 0;
    border-radius: var(--ds-radius-2);
    background: var(--ds-color-surface-raised);
    color: var(--ds-color-danger);
    cursor: pointer;
}

.ds-card-block:hover .ds-card-block__remove[b-2scldfvrft],
.ds-card-block--selected .ds-card-block__remove[b-2scldfvrft] {
    display: grid;
}

.ds-card-block__remove[b-2scldfvrft]  .ds-icon {
    inline-size: 0.9rem;
    block-size: 0.9rem;
}

.ds-card-block__handle[b-2scldfvrft] {
    position: absolute;
    z-index: 4;
    background: transparent;
}

.ds-card-block--selected .ds-card-block__handle[b-2scldfvrft] {
    background: var(--ds-color-action);
    border-radius: 50%;
}

.ds-card-block__handle--top[b-2scldfvrft] { top: -3px; left: 12%; right: 12%; height: 6px; cursor: ns-resize; border-radius: 3px; }
.ds-card-block__handle--bottom[b-2scldfvrft] { bottom: -3px; left: 12%; right: 12%; height: 6px; cursor: ns-resize; border-radius: 3px; }
.ds-card-block__handle--left[b-2scldfvrft] { left: -3px; top: 12%; bottom: 12%; width: 6px; cursor: ew-resize; border-radius: 3px; }
.ds-card-block__handle--right[b-2scldfvrft] { right: -3px; top: 12%; bottom: 12%; width: 6px; cursor: ew-resize; border-radius: 3px; }
.ds-card-block__handle--top-left[b-2scldfvrft] { top: -4px; left: -4px; width: 9px; height: 9px; cursor: nwse-resize; }
.ds-card-block__handle--top-right[b-2scldfvrft] { top: -4px; right: -4px; width: 9px; height: 9px; cursor: nesw-resize; }
.ds-card-block__handle--bottom-left[b-2scldfvrft] { bottom: -4px; left: -4px; width: 9px; height: 9px; cursor: nesw-resize; }
.ds-card-block__handle--bottom-right[b-2scldfvrft] { bottom: -4px; right: -4px; width: 9px; height: 9px; cursor: nwse-resize; }
/* /Changelog.razor.rz.scp.css */
.ds-changelog[b-uldmps5msy] {
    display: grid;
    gap: var(--ds-space-2-5);
    max-width: var(--ds-layout-content-max);
}

.ds-changelog > header[b-uldmps5msy] {
    display: grid;
    gap: var(--ds-space-0-75);
    max-width: var(--ds-layout-content-readable);
}

.ds-changelog :is(h1, h2, p)[b-uldmps5msy] {
    margin: 0;
}

.ds-changelog > header > p:last-child[b-uldmps5msy] {
    color: var(--ds-color-text-muted);
}

.ds-changelog__eyebrow[b-uldmps5msy] {
    color: var(--ds-color-accent);
    font-size: var(--ds-text-caption-size);
    font-weight: var(--ds-font-weight-strong);
    text-transform: uppercase;
}

.ds-changelog__toolbar[b-uldmps5msy] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--ds-space-2);
    border-block: var(--ds-border-width-1) solid var(--ds-color-border);
    padding-block: var(--ds-space-1);
}

.ds-changelog__filters[b-uldmps5msy] {
    display: flex;
    flex-wrap: wrap;
    gap: var(--ds-space-0-5);
}

.ds-changelog__filter-button[b-uldmps5msy] {
    min-height: var(--ds-control-height-sm);
    padding-inline: var(--ds-space-1);
}

.ds-changelog__filter-button--active[b-uldmps5msy] {
    border-color: var(--ds-color-accent);
    background: var(--ds-color-navigation-active);
    color: var(--ds-color-action-strong);
}

.ds-changelog__release-context[b-uldmps5msy] {
    display: grid;
    justify-items: end;
    gap: var(--ds-space-0-25);
}

.ds-changelog__release-context span[b-uldmps5msy],
.ds-changelog__release-card time[b-uldmps5msy],
.ds-changelog__release-header span[b-uldmps5msy] {
    color: var(--ds-color-text-muted);
    font-size: var(--ds-text-caption-size);
}

.ds-changelog__collapse-hint[b-uldmps5msy] {
    display: flex;
    align-items: center;
    gap: var(--ds-space-0-75);
    border: var(--ds-border-width-1) solid var(--ds-color-focus);
    border-radius: var(--ds-radius-8);
    background: var(--ds-color-surface-muted);
    color: var(--ds-color-text-muted);
    padding: var(--ds-space-0-75) var(--ds-space-1);
}

.ds-changelog__collapse-hint > span[b-uldmps5msy] {
    display: grid;
    place-items: center;
    flex: 0 0 auto;
    width: var(--ds-space-1-5);
    height: var(--ds-space-1-5);
    border: var(--ds-border-width-1) solid var(--ds-color-focus);
    border-radius: 50%;
    color: var(--ds-color-focus);
    font-size: var(--ds-text-caption-size);
    font-weight: var(--ds-font-weight-strong);
}

.ds-changelog__timeline[b-uldmps5msy] {
    display: grid;
    gap: var(--ds-space-1);
}

.ds-changelog__module[b-uldmps5msy] {
    display: grid;
    border: var(--ds-border-width-1) solid var(--ds-color-border);
    border-radius: var(--ds-radius-8);
    background: var(--ds-color-surface-panel);
    box-shadow: var(--ds-shadow-1);
    overflow: hidden;
}

.ds-changelog__module-toggle[b-uldmps5msy] {
    display: grid;
    grid-template-columns: auto minmax(12rem, 1fr) minmax(6rem, auto) minmax(7rem, auto) minmax(5rem, auto) minmax(7rem, auto) auto;
    align-items: center;
    gap: var(--ds-space-1);
    width: 100%;
    min-height: 5.25rem;
    border: 0;
    border-radius: 0;
    background: transparent;
    color: inherit;
    text-align: start;
    padding: var(--ds-space-1);
}

.ds-changelog__module-toggle:hover[b-uldmps5msy] {
    background: var(--ds-color-surface-muted);
}

.ds-changelog__module-toggle:focus-visible[b-uldmps5msy] {
    outline: var(--ds-border-width-2) solid var(--ds-color-focus);
    outline-offset: calc(var(--ds-border-width-2) * -1);
}

.ds-changelog__module-code[b-uldmps5msy] {
    display: grid;
    place-items: center;
    min-width: 3.5rem;
    min-height: 2.25rem;
    border: var(--ds-border-width-1) solid var(--ds-color-border);
    border-radius: var(--ds-radius-4);
    background: var(--ds-color-surface-muted);
    color: var(--ds-color-text);
    font-size: var(--ds-text-label-size);
    font-weight: var(--ds-font-weight-strong);
    white-space: nowrap;
    padding-inline: var(--ds-space-0-75);
}

.ds-changelog__module-identity[b-uldmps5msy],
.ds-changelog__module-version[b-uldmps5msy],
.ds-changelog__module-date[b-uldmps5msy],
.ds-changelog__module-count[b-uldmps5msy] {
    display: grid;
    gap: var(--ds-space-0-25);
}

.ds-changelog__module-identity > strong[b-uldmps5msy] {
    font-size: var(--ds-text-heading-3-size);
}

.ds-changelog__module-identity > span[b-uldmps5msy],
.ds-changelog__module-toggle small[b-uldmps5msy] {
    color: var(--ds-color-text-muted);
    font-size: var(--ds-text-caption-size);
}

.ds-changelog__module-version strong[b-uldmps5msy] {
    color: var(--ds-color-accent);
    font-variant: normal;
    text-transform: none !important;
}

.ds-changelog__module-count[b-uldmps5msy] {
    justify-items: end;
}

.ds-changelog__module-category[b-uldmps5msy] {
    justify-self: end;
    border: var(--ds-border-width-1) solid var(--ds-color-border);
    border-radius: var(--ds-radius-pill);
    background: var(--ds-color-surface-muted);
    color: var(--ds-color-text-muted);
    font-size: var(--ds-text-caption-size);
    padding: var(--ds-space-0-25) var(--ds-space-0-75);
    white-space: nowrap;
}

.ds-changelog__chevron[b-uldmps5msy] {
    width: var(--ds-space-0-75);
    height: var(--ds-space-0-75);
    border-inline-end: var(--ds-border-width-1) solid currentColor;
    border-block-end: var(--ds-border-width-1) solid currentColor;
    transform: rotate(45deg);
}

.ds-changelog__module-toggle[aria-expanded="true"] .ds-changelog__chevron[b-uldmps5msy] {
    transform: rotate(225deg);
}

.ds-changelog__history[b-uldmps5msy] {
    display: grid;
    border-block-start: var(--ds-border-width-1) solid var(--ds-color-border);
}

.ds-changelog__history-header[b-uldmps5msy],
.ds-changelog__release-row[b-uldmps5msy] {
    display: grid;
    grid-template-columns: minmax(6rem, 0.7fr) minmax(7rem, 0.8fr) minmax(8rem, 1fr) minmax(var(--ds-layout-card-min), 3fr) minmax(7rem, 0.8fr);
    gap: var(--ds-space-1);
    align-items: center;
    padding: var(--ds-space-0-75) var(--ds-space-1);
}

.ds-changelog__history-header[b-uldmps5msy] {
    background: var(--ds-color-surface-muted);
    color: var(--ds-color-text-muted);
    font-size: var(--ds-text-caption-size);
    font-weight: var(--ds-font-weight-strong);
}

.ds-changelog__release-row + .ds-changelog__release-row[b-uldmps5msy] {
    border-block-start: var(--ds-border-width-1) solid var(--ds-color-border);
}

.ds-changelog__release-row > *[b-uldmps5msy] {
    min-width: 0;
    margin: 0;
}

.ds-changelog__release-row > strong[b-uldmps5msy] {
    color: var(--ds-color-accent);
}

.ds-changelog__release-row time[b-uldmps5msy],
.ds-changelog__release-row > span:last-child[b-uldmps5msy] {
    color: var(--ds-color-text-muted);
}

@media (max-width: 64rem) {
    .ds-changelog__module-toggle[b-uldmps5msy] {
        grid-template-columns: auto minmax(10rem, 1fr) repeat(4, auto) auto;
    }

    .ds-changelog__module-identity > span[b-uldmps5msy] {
        max-width: 26rem;
    }

    .ds-changelog__history-header[b-uldmps5msy],
    .ds-changelog__release-row[b-uldmps5msy] {
        grid-template-columns: minmax(5rem, 0.65fr) minmax(6rem, 0.8fr) minmax(7rem, 0.9fr) minmax(12rem, 2.5fr) minmax(6rem, 0.8fr);
    }
}

@media (max-width: 48rem) {
    .ds-changelog__toolbar[b-uldmps5msy] {
        align-items: stretch;
        flex-direction: column;
    }

    .ds-changelog__release-context[b-uldmps5msy] {
        justify-items: start;
    }

    .ds-changelog__filters[b-uldmps5msy] {
        width: 100%;
    }

    .ds-changelog__module-toggle[b-uldmps5msy] {
        grid-template-columns: auto minmax(0, 1fr) auto;
    }

    .ds-changelog__module-version[b-uldmps5msy],
    .ds-changelog__module-date[b-uldmps5msy],
    .ds-changelog__module-count[b-uldmps5msy],
    .ds-changelog__module-category[b-uldmps5msy] {
        grid-row: 2;
    }

    .ds-changelog__module-version[b-uldmps5msy] {
        grid-column: 1;
    }

    .ds-changelog__module-date[b-uldmps5msy] {
        grid-column: 2;
    }

    .ds-changelog__module-count[b-uldmps5msy] {
        grid-column: 3;
    }

    .ds-changelog__module-category[b-uldmps5msy] {
        grid-column: 2;
        justify-self: start;
    }

    .ds-changelog__chevron[b-uldmps5msy] {
        grid-column: 3;
        grid-row: 1;
    }

    .ds-changelog__history-header[b-uldmps5msy] {
        display: none;
    }

    .ds-changelog__release-row[b-uldmps5msy] {
        grid-template-columns: 1fr 1fr;
        gap: var(--ds-space-0-75) var(--ds-space-1);
        padding-block: var(--ds-space-1);
    }

    .ds-changelog__release-row > *[b-uldmps5msy] {
        display: grid;
        gap: var(--ds-space-0-25);
    }

    .ds-changelog__release-row > *[b-uldmps5msy]::before {
        content: attr(data-label);
        color: var(--ds-color-text-muted);
        font-size: var(--ds-text-caption-size);
        font-weight: var(--ds-font-weight-regular);
    }

    .ds-changelog__release-row > p[b-uldmps5msy] {
        grid-column: 1 / -1;
    }
}

@media (max-width: 32rem) {
    .ds-changelog__module-toggle[b-uldmps5msy] {
        grid-template-columns: auto minmax(0, 1fr) auto;
    }

    .ds-changelog__module-version[b-uldmps5msy],
    .ds-changelog__module-date[b-uldmps5msy],
    .ds-changelog__module-count[b-uldmps5msy],
    .ds-changelog__module-category[b-uldmps5msy] {
        grid-column: 2;
        grid-row: auto;
        justify-items: start;
    }

    .ds-changelog__module-count[b-uldmps5msy] {
        display: flex;
        align-items: baseline;
        gap: var(--ds-space-0-5);
    }

    .ds-changelog__module-category[b-uldmps5msy] {
        justify-self: start;
    }

    .ds-changelog__release-row[b-uldmps5msy] {
        grid-template-columns: 1fr;
    }

    .ds-changelog__release-row > p[b-uldmps5msy] {
        grid-column: auto;
    }
}
/* /Configuration.razor.rz.scp.css */
.ds-settings[b-h5e4fb5yyr] {
    display: grid;
    gap: var(--ds-space-3);
    width: 100%;
    max-width: none;
}

.ds-settings__overview-header[b-h5e4fb5yyr],
.ds-settings__overview-actions[b-h5e4fb5yyr],
.ds-settings__section-heading[b-h5e4fb5yyr],
.ds-settings__subcard > header[b-h5e4fb5yyr] {
    display: flex;
    align-items: center;
}

.ds-settings__overview-header[b-h5e4fb5yyr] {
    justify-content: space-between;
    gap: var(--ds-space-3);
}

.ds-settings__overview-header > div:first-child[b-h5e4fb5yyr] {
    display: grid;
    gap: var(--ds-space-0-5);
}

.ds-settings__overview-header :is(h1, p)[b-h5e4fb5yyr],
.ds-settings__section-heading :is(h2, p)[b-h5e4fb5yyr],
.ds-settings__subcard h3[b-h5e4fb5yyr] {
    margin: 0;
}

.ds-settings__overview-header p[b-h5e4fb5yyr],
.ds-settings__section-heading p[b-h5e4fb5yyr] {
    color: var(--ds-color-text-muted);
}

.ds-settings__overview-actions[b-h5e4fb5yyr] {
    gap: var(--ds-space-1);
    flex: 0 0 auto;
}

.ds-settings__overview-grid[b-h5e4fb5yyr] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: var(--ds-space-2);
    min-width: 0;
}

.ds-settings__section-card[b-h5e4fb5yyr] {
    display: grid;
    align-content: start;
    min-width: 0;
    gap: var(--ds-space-2);
    border: var(--ds-border-width-1) solid var(--ds-color-border);
    border-radius: var(--ds-radius-4);
    background: var(--ds-color-surface-panel);
    box-shadow: var(--ds-shadow-1);
    padding: var(--ds-space-2);
}

.ds-settings__section-heading[b-h5e4fb5yyr] {
    align-items: flex-start;
    gap: var(--ds-space-1);
}

.ds-settings__section-heading > div[b-h5e4fb5yyr] {
    display: grid;
    gap: var(--ds-space-0-25);
}

.ds-settings__section-heading h2[b-h5e4fb5yyr] {
    font-size: var(--ds-text-heading-2-size);
}

.ds-settings__account-layout[b-h5e4fb5yyr] {
    display: grid;
    grid-template-columns: minmax(8.5rem, .7fr) minmax(0, 2.3fr);
    gap: var(--ds-space-1);
    min-width: 0;
}

.ds-settings__account-card[b-h5e4fb5yyr],
.ds-settings__subcard[b-h5e4fb5yyr] {
    border: var(--ds-border-width-1) solid var(--ds-color-border);
    border-radius: var(--ds-radius-3);
    background: var(--ds-color-surface-muted);
}

.ds-settings__account-card[b-h5e4fb5yyr] {
    display: flex;
    min-width: 0;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: var(--ds-space-0-5);
    padding: var(--ds-space-2) var(--ds-space-1);
    text-align: center;
}

.ds-settings__account-card small[b-h5e4fb5yyr],
.ds-settings__account-identifier[b-h5e4fb5yyr],
.ds-settings__compact-empty[b-h5e4fb5yyr] {
    color: var(--ds-color-text-muted);
}

.ds-settings__appearance-controls[b-h5e4fb5yyr] {
    display: grid;
    gap: var(--ds-space-1);
}

.ds-settings__appearance-controls > section[b-h5e4fb5yyr] {
    display: grid;
    gap: var(--ds-space-0-5);
}

.ds-settings__appearance-controls--system[b-h5e4fb5yyr] {
    grid-template-columns: repeat(2, minmax(14rem, 1fr));
    max-width: 52rem;
}

.ds-settings__appearance-controls--system > section[b-h5e4fb5yyr] {
    align-content: start;
    border: var(--ds-border-width-1) solid var(--ds-color-border);
    border-radius: var(--ds-radius-3);
    background: var(--ds-color-surface-muted);
    padding: var(--ds-space-1);
}

.ds-settings__appearance-controls--system > section > span[b-h5e4fb5yyr] {
    color: var(--ds-color-text-muted);
}

.ds-settings__appearance-controls[b-h5e4fb5yyr]  fieldset {
    margin: 0;
}

.ds-settings__account-identifier[b-h5e4fb5yyr] {
    max-width: 100%;
    overflow-wrap: anywhere;
    font-size: var(--ds-text-caption-size);
}

.ds-settings__subcard-grid[b-h5e4fb5yyr] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: var(--ds-space-1);
    min-width: 0;
}

.ds-settings__subcard-grid--three[b-h5e4fb5yyr] {
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

.ds-settings__subcard[b-h5e4fb5yyr] {
    display: grid;
    align-content: start;
    min-width: 0;
    gap: var(--ds-space-1);
    padding: var(--ds-space-1-5);
}

.ds-settings__subcard > header[b-h5e4fb5yyr] {
    justify-content: space-between;
    gap: var(--ds-space-1);
}

.ds-settings__subcard h3[b-h5e4fb5yyr] {
    font-size: var(--ds-text-heading-3-size);
}

.ds-settings__subcard a[b-h5e4fb5yyr],
.ds-settings__disabled-action[b-h5e4fb5yyr] {
    flex: 0 0 auto;
    font-size: var(--ds-text-caption-size);
}

.ds-settings__disabled-action[b-h5e4fb5yyr] {
    color: var(--ds-color-text-muted);
}

.ds-settings__subcard dl[b-h5e4fb5yyr] {
    display: grid;
    gap: var(--ds-space-0-75);
    margin: 0;
}

.ds-settings__subcard dl > div[b-h5e4fb5yyr] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: var(--ds-space-1);
}

.ds-settings__subcard dt[b-h5e4fb5yyr] {
    color: var(--ds-color-text-muted);
}

.ds-settings__subcard dd[b-h5e4fb5yyr] {
    margin: 0;
    overflow-wrap: anywhere;
    text-align: end;
}

.ds-settings__compact-empty[b-h5e4fb5yyr] {
    display: grid;
    min-height: 3rem;
    place-items: center;
    border-block-start: var(--ds-border-width-1) solid var(--ds-color-border);
    text-align: center;
}

.ds-settings__back[b-h5e4fb5yyr] {
    justify-self: start;
}

.ds-settings__profile-summary[b-h5e4fb5yyr] {
    display: grid;
    grid-template-columns: auto minmax(12rem, 1fr) minmax(24rem, 2fr);
    align-items: center;
    gap: var(--ds-space-2);
    min-height: 7.5rem;
    border: var(--ds-border-width-1) solid var(--ds-color-border);
    border-radius: var(--ds-radius-4);
    background: var(--ds-color-dashboard-panel);
    box-shadow: var(--ds-shadow-1);
    padding: var(--ds-space-2);
}

.ds-settings__profile-summary--detail[b-h5e4fb5yyr] {
    box-shadow: none;
}

.ds-settings__detail-list[b-h5e4fb5yyr] {
    display: grid;
    margin: 0;
    border-block-start: var(--ds-border-width-1) solid var(--ds-color-border);
}

.ds-settings__detail-list > div[b-h5e4fb5yyr] {
    display: grid;
    grid-template-columns: minmax(10rem, 1fr) minmax(0, 2fr);
    gap: var(--ds-space-2);
    padding-block: var(--ds-space-1);
    border-block-end: var(--ds-border-width-1) solid var(--ds-color-border);
}

.ds-settings__detail-list dt[b-h5e4fb5yyr] {
    color: var(--ds-color-text-muted);
}

.ds-settings__detail-list dd[b-h5e4fb5yyr] {
    margin: 0;
    overflow-wrap: anywhere;
}

.ds-settings__empty[b-h5e4fb5yyr] {
    display: grid;
    min-height: 16rem;
    place-items: center;
    align-content: center;
    gap: var(--ds-space-1);
    border-block-start: var(--ds-border-width-1) solid var(--ds-color-border);
    color: var(--ds-color-text-muted);
    text-align: center;
}

.ds-settings__empty[b-h5e4fb5yyr]  .ds-icon {
    width: 2.5rem;
    height: 2.5rem;
}

.ds-settings__avatar[b-h5e4fb5yyr] {
    display: grid;
    width: 4.5rem;
    height: 4.5rem;
    place-items: center;
    border-radius: var(--ds-radius-999);
    background: var(--ds-color-action-hover);
    color: var(--ds-color-on-action);
    font-size: var(--ds-text-heading-1-size);
    font-weight: var(--ds-font-weight-strong);
}

.ds-settings__identity[b-h5e4fb5yyr] {
    display: grid;
    gap: var(--ds-space-0-5);
}

.ds-settings__identity span[b-h5e4fb5yyr],
.ds-settings__identity small[b-h5e4fb5yyr],
.ds-settings__profile-facts dt[b-h5e4fb5yyr] {
    color: var(--ds-color-text-muted);
}

.ds-settings__profile-facts[b-h5e4fb5yyr] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: var(--ds-space-1) var(--ds-space-2);
    margin: 0;
}

.ds-settings__profile-facts div[b-h5e4fb5yyr] {
    display: grid;
    gap: var(--ds-space-0-25);
}

.ds-settings__profile-facts dd[b-h5e4fb5yyr] {
    margin: 0;
    overflow-wrap: anywhere;
}

.ds-settings__hub-grid[b-h5e4fb5yyr] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: var(--ds-space-1-5);
}

.ds-settings__hint[b-h5e4fb5yyr] {
    display: flex;
    align-items: center;
    gap: var(--ds-space-1);
    border: var(--ds-border-width-1) solid var(--ds-color-border);
    border-radius: var(--ds-radius-4);
    background: var(--ds-color-dashboard-panel);
    padding: var(--ds-space-1);
    color: var(--ds-color-text-muted);
}

.ds-settings__hint[b-h5e4fb5yyr]  .ds-icon {
    width: 1.25rem;
    height: 1.25rem;
    color: var(--ds-color-action-strong);
}

.ds-settings__content[b-h5e4fb5yyr] {
    display: grid;
    gap: var(--ds-space-2);
    min-width: 0;
    min-height: 30rem;
}

.ds-settings__operations-list[b-h5e4fb5yyr] {
    display: grid;
    gap: var(--ds-space-0-5);
    width: min(100%, 56rem);
}

.ds-settings__operations-entry[b-h5e4fb5yyr] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: center;
    gap: var(--ds-space-1);
    border: var(--ds-border-width-1) solid var(--ds-color-border);
    border-radius: var(--ds-radius-3);
    background: var(--ds-color-surface-muted);
    padding: var(--ds-space-1);
    color: var(--ds-color-text);
    text-decoration: none;
}

.ds-settings__operations-entry:hover[b-h5e4fb5yyr],
.ds-settings__operations-entry:focus-visible[b-h5e4fb5yyr] {
    border-color: var(--ds-color-action);
    background: var(--ds-color-dashboard-quick);
}

.ds-settings__operations-entry > span:first-child[b-h5e4fb5yyr] {
    display: grid;
    min-width: 0;
    gap: var(--ds-space-0-25);
}

.ds-settings__operations-entry small[b-h5e4fb5yyr] {
    color: var(--ds-color-text-muted);
}

.ds-settings__header[b-h5e4fb5yyr],
.ds-settings__group[b-h5e4fb5yyr],
.ds-settings__group > header[b-h5e4fb5yyr],
.ds-settings__rows[b-h5e4fb5yyr],
.ds-settings__action-body[b-h5e4fb5yyr] {
    display: grid;
    gap: var(--ds-space-1);
}

.ds-settings :is(h1, h2, h3, p)[b-h5e4fb5yyr] {
    margin: 0;
}

.ds-settings__eyebrow[b-h5e4fb5yyr],
.ds-settings__group-label[b-h5e4fb5yyr] {
    color: var(--ds-color-accent);
    font-size: var(--ds-text-caption-size);
    font-weight: var(--ds-font-weight-strong);
    text-transform: uppercase;
}

.ds-settings__header > p:last-child[b-h5e4fb5yyr],
.ds-settings__group > header > p:last-child[b-h5e4fb5yyr],
.ds-settings__row p[b-h5e4fb5yyr],
.ds-settings__action-body > p[b-h5e4fb5yyr] {
    color: var(--ds-color-text-muted);
}

.ds-settings__group[b-h5e4fb5yyr] {
    border: var(--ds-border-width-1) solid var(--ds-color-border);
    border-radius: var(--ds-radius-4);
    background: var(--ds-color-surface-panel);
    box-shadow: var(--ds-shadow-1);
    padding: var(--ds-space-2);
}

.ds-settings__rows[b-h5e4fb5yyr] {
    border-block-start: var(--ds-border-width-1) solid var(--ds-color-border);
}

.ds-settings__navigation[b-h5e4fb5yyr] {
    display: grid;
    gap: var(--ds-space-1);
    padding-block: var(--ds-space-1-5);
}

.ds-settings__navigation + .ds-settings__navigation[b-h5e4fb5yyr] {
    border-block-start: var(--ds-border-width-1) solid var(--ds-color-border);
}

.ds-settings__navigation-heading[b-h5e4fb5yyr],
.ds-settings__landing-controls[b-h5e4fb5yyr],
.ds-settings__quick-option[b-h5e4fb5yyr],
.ds-settings__quick-order li[b-h5e4fb5yyr],
.ds-settings__order-actions[b-h5e4fb5yyr] {
    display: flex;
    align-items: center;
    gap: var(--ds-space-1);
}

.ds-settings__navigation-heading[b-h5e4fb5yyr] {
    justify-content: space-between;
}

.ds-settings__quick-grid[b-h5e4fb5yyr] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: var(--ds-space-0-75);
}

.ds-settings__quick-option[b-h5e4fb5yyr],
.ds-settings__quick-order li[b-h5e4fb5yyr] {
    border: var(--ds-border-width-1) solid var(--ds-color-border);
    border-radius: var(--ds-radius-4);
    background: var(--ds-color-surface-muted);
    padding: var(--ds-space-1);
}

.ds-settings__quick-option span[b-h5e4fb5yyr] {
    display: grid;
}

.ds-settings__quick-option small[b-h5e4fb5yyr] {
    color: var(--ds-color-text-muted);
}

.ds-settings__quick-order[b-h5e4fb5yyr] {
    display: grid;
    gap: var(--ds-space-0-5);
    margin: 0;
    padding: 0;
    list-style: none;
}

.ds-settings__quick-order li[b-h5e4fb5yyr] {
    justify-content: space-between;
}

.ds-settings__row[b-h5e4fb5yyr] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: center;
    gap: var(--ds-space-2);
    padding-block: var(--ds-space-1-5);
}

.ds-settings__row + .ds-settings__row[b-h5e4fb5yyr] {
    border-block-start: var(--ds-border-width-1) solid var(--ds-color-border);
}

.ds-settings__status[b-h5e4fb5yyr] {
    border: var(--ds-border-width-1) solid var(--ds-color-success);
    border-radius: var(--ds-radius-4);
    padding: var(--ds-space-1);
}

.ds-settings__status--error[b-h5e4fb5yyr] {
    border-color: var(--ds-color-danger);
}

.ds-settings__security-summary[b-h5e4fb5yyr] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: var(--ds-space-1);
}

.ds-settings__security-summary > div[b-h5e4fb5yyr] {
    display: grid;
    gap: var(--ds-space-0-5);
    border: var(--ds-border-width-1) solid var(--ds-color-border);
    border-radius: var(--ds-radius-4);
    background: var(--ds-color-surface-muted);
    padding: var(--ds-space-1);
}

.ds-settings__security-summary span[b-h5e4fb5yyr] {
    color: var(--ds-color-text-muted);
    font-size: var(--ds-text-caption-size);
}

.ds-settings__security-action[b-h5e4fb5yyr] {
    border-block-start: var(--ds-border-width-1) solid var(--ds-color-border);
    padding-block-start: var(--ds-space-1);
}

.ds-settings__security-action > summary[b-h5e4fb5yyr] {
    cursor: pointer;
    font-size: var(--ds-text-heading-3-size);
    font-weight: var(--ds-font-weight-strong);
}

.ds-settings__action-body[b-h5e4fb5yyr] {
    padding-block-start: var(--ds-space-1);
}

.ds-settings__form-grid[b-h5e4fb5yyr] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: var(--ds-space-1);
}

.ds-settings__form-grid label[b-h5e4fb5yyr],
.ds-settings__enrollment > label[b-h5e4fb5yyr] {
    display: grid;
    gap: var(--ds-space-0-5);
}

.ds-settings__actions[b-h5e4fb5yyr] {
    display: flex;
    flex-wrap: wrap;
    gap: var(--ds-space-0-75);
}

.ds-settings__enrollment[b-h5e4fb5yyr],
.ds-settings__recovery[b-h5e4fb5yyr] {
    display: grid;
    gap: var(--ds-space-1);
    border: var(--ds-border-width-1) solid var(--ds-color-accent);
    border-radius: var(--ds-radius-4);
    background: var(--ds-color-surface-muted);
    padding: var(--ds-space-1-5);
}

.ds-settings__enrollment dl[b-h5e4fb5yyr] {
    display: grid;
    grid-template-columns: max-content minmax(0, 1fr);
    gap: var(--ds-space-0-5) var(--ds-space-1);
    margin: 0;
}

.ds-settings__enrollment dd[b-h5e4fb5yyr] {
    margin: 0;
    overflow-wrap: anywhere;
}

.ds-settings__recovery ul[b-h5e4fb5yyr] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: var(--ds-space-0-5);
    margin: 0;
    padding-inline-start: var(--ds-space-2);
}

@media (max-width: 48rem) {
    .ds-settings__appearance-controls--system[b-h5e4fb5yyr] {
        grid-template-columns: 1fr;
    }

    .ds-settings__overview-header[b-h5e4fb5yyr],
    .ds-settings__overview-actions[b-h5e4fb5yyr] {
        align-items: stretch;
        flex-direction: column;
    }

    .ds-settings__account-layout[b-h5e4fb5yyr],
    .ds-settings__subcard-grid[b-h5e4fb5yyr],
    .ds-settings__subcard-grid--three[b-h5e4fb5yyr] {
        grid-template-columns: 1fr;
    }

    .ds-settings__profile-summary[b-h5e4fb5yyr],
    .ds-settings__profile-facts[b-h5e4fb5yyr],
    .ds-settings__hub-grid[b-h5e4fb5yyr] {
        grid-template-columns: 1fr;
    }

    .ds-settings__profile-summary[b-h5e4fb5yyr] {
        justify-items: start;
    }

    .ds-settings__row[b-h5e4fb5yyr],
    .ds-settings__detail-list > div[b-h5e4fb5yyr],
    .ds-settings__form-grid[b-h5e4fb5yyr],
    .ds-settings__security-summary[b-h5e4fb5yyr] {
        grid-template-columns: 1fr;
    }

    .ds-settings__recovery ul[b-h5e4fb5yyr] {
        grid-template-columns: 1fr;
    }

    .ds-settings__quick-grid[b-h5e4fb5yyr] {
        grid-template-columns: 1fr;
    }

    .ds-settings__navigation-heading[b-h5e4fb5yyr],
    .ds-settings__landing-controls[b-h5e4fb5yyr] {
        align-items: stretch;
        flex-direction: column;
    }
}

@media (min-width: 48rem) and (max-width: 79.99rem) {
    .ds-settings__overview-grid[b-h5e4fb5yyr] {
        grid-template-columns: 1fr;
    }
}

@media (min-width: 48rem) and (max-width: 61.99rem) {
    .ds-settings__hub-grid[b-h5e4fb5yyr] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (min-width: 62rem) and (max-width: 79.99rem) {
    .ds-settings__hub-grid[b-h5e4fb5yyr] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (min-width: 80rem) and (max-width: 95.99rem) {
    .ds-settings__hub-grid[b-h5e4fb5yyr] {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}
/* /DashboardCardDesigner.razor.rz.scp.css */
.dcd__backdrop[b-99jhe9jhft] {
    position: fixed;
    z-index: 1000;
    inset: 0;
    display: grid;
    place-items: center;
    background: var(--ds-color-overlay-scrim);
    padding: var(--ds-space-1);
}

.dcd[b-99jhe9jhft] {
    display: flex;
    flex-direction: column;
    width: min(100%, 68rem);
    max-height: min(100%, 46rem);
    border: var(--ds-border-width-1) solid var(--ds-color-border);
    border-radius: var(--ds-radius-4);
    background: var(--ds-color-surface-raised);
    box-shadow: var(--ds-shadow-2);
    overflow: hidden;
}

.dcd__head[b-99jhe9jhft] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--ds-space-1);
    border-bottom: var(--ds-border-width-1) solid var(--ds-color-border);
    padding: var(--ds-space-0-75) var(--ds-space-1-5);
}

.dcd__head h2[b-99jhe9jhft] {
    margin: 0;
    font-size: var(--ds-text-heading-2-size);
}

.dcd__close[b-99jhe9jhft] {
    display: grid;
    width: 2.25rem;
    height: 2.25rem;
    place-items: center;
    border: var(--ds-border-width-1) solid var(--ds-color-border);
    border-radius: var(--ds-radius-4);
    background: var(--ds-color-surface-muted);
    color: var(--ds-color-text);
    cursor: pointer;
}

.dcd__cols[b-99jhe9jhft] {
    display: grid;
    flex: 1 1 auto;
    min-height: 0;
    grid-template-columns: 13rem minmax(0, 1fr) 16rem;
}

.dcd__col[b-99jhe9jhft] {
    display: flex;
    flex-direction: column;
    gap: var(--ds-space-0-75);
    min-height: 0;
    border-right: var(--ds-border-width-1) solid var(--ds-color-border);
    padding: var(--ds-space-1);
    overflow-y: auto;
}

.dcd__col:last-child[b-99jhe9jhft] {
    border-right: 0;
}

.dcd__cat[b-99jhe9jhft] {
    margin: 0;
    color: var(--ds-color-text-muted);
    font-size: var(--ds-text-caption-size);
    letter-spacing: 0.04em;
    text-transform: uppercase;
}

.dcd__block-add[b-99jhe9jhft] {
    display: flex;
    align-items: center;
    gap: var(--ds-space-0-5);
    border: var(--ds-border-width-1) solid var(--ds-color-border);
    border-radius: var(--ds-radius-3);
    background: var(--ds-color-surface);
    padding: var(--ds-space-0-5);
    color: var(--ds-color-text);
    text-align: left;
    cursor: pointer;
}

.dcd__block-add:hover[b-99jhe9jhft] {
    border-color: var(--ds-color-action);
    background: var(--ds-color-surface-muted);
}

.dcd__block-icon[b-99jhe9jhft] {
    display: inline-grid;
    flex: 0 0 1.75rem;
    place-items: center;
    width: 1.75rem;
    height: 1.75rem;
    border-radius: var(--ds-radius-2);
    background: var(--ds-color-surface-muted);
    color: var(--ds-color-text-muted);
}

.dcd__stage[b-99jhe9jhft] {
    display: grid;
    flex: 1 1 auto;
    min-height: 0;
    place-items: center;
}

.dcd__canvas[b-99jhe9jhft] {
    position: relative;
    display: grid;
    width: 100%;
    max-width: 40rem;
    aspect-ratio: 3 / 2;
    grid-template-columns: repeat(24, minmax(0, 1fr));
    grid-template-rows: repeat(16, minmax(0, 1fr));
    gap: 0;
    border: var(--ds-border-width-1) solid var(--ds-color-border);
    border-radius: var(--ds-radius-3);
    background-color: var(--ds-color-surface);
    background-image:
        linear-gradient(to right, color-mix(in srgb, var(--ds-color-border) 60%, transparent) var(--ds-border-width-1), transparent var(--ds-border-width-1)),
        linear-gradient(to bottom, color-mix(in srgb, var(--ds-color-border) 60%, transparent) var(--ds-border-width-1), transparent var(--ds-border-width-1));
    background-size: calc(100% / 24) calc(100% / 16);
}

.dcd__cfg .dcd__field[b-99jhe9jhft] {
    display: grid;
    gap: var(--ds-space-0-25);
    font-size: var(--ds-text-caption-size);
    color: var(--ds-color-text-muted);
}

.dcd__field input[b-99jhe9jhft],
.dcd__field select[b-99jhe9jhft] {
    min-height: 2.25rem;
    border: var(--ds-border-width-1) solid var(--ds-color-border);
    border-radius: var(--ds-radius-3);
    background: var(--ds-color-surface);
    padding-inline: var(--ds-space-0-5);
    color: var(--ds-color-text);
    font: inherit;
    font-size: var(--ds-text-body-size);
}

.dcd__hint[b-99jhe9jhft] {
    margin: 0;
    color: var(--ds-color-text-muted);
    font-size: var(--ds-text-caption-size);
}

.dcd__foot[b-99jhe9jhft] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--ds-space-0-75);
    border-top: var(--ds-border-width-1) solid var(--ds-color-border);
    padding: var(--ds-space-1) var(--ds-space-1-5);
}

.dcd__foot-left[b-99jhe9jhft],
.dcd__foot-right[b-99jhe9jhft] {
    display: flex;
    align-items: center;
    gap: var(--ds-space-0-5);
    min-width: 0;
}

.dcd__foot-left input[b-99jhe9jhft] {
    min-height: 2.25rem;
    border: var(--ds-border-width-1) solid var(--ds-color-border);
    border-radius: var(--ds-radius-3);
    background: var(--ds-color-surface);
    padding-inline: var(--ds-space-0-5);
    color: var(--ds-color-text);
    font: inherit;
}

.dcd__save-status[b-99jhe9jhft] {
    font-size: var(--ds-text-caption-size);
    color: var(--ds-color-text-muted);
}

.dcd__save-status--ok[b-99jhe9jhft] { color: var(--ds-color-success); }
.dcd__save-status--error[b-99jhe9jhft] { color: var(--ds-color-danger); }

@media (max-width: 60rem) {
    .dcd__cols[b-99jhe9jhft] {
        grid-template-columns: minmax(0, 1fr);
    }

    .dcd__col[b-99jhe9jhft] {
        border-right: 0;
        border-bottom: var(--ds-border-width-1) solid var(--ds-color-border);
    }
}
/* /DashboardEmpty.razor.rz.scp.css */
.ds-dashboard-empty[b-ldnlr7cfv2] {
    display: grid;
    min-height: 100%;
    place-items: center;
    align-content: center;
    gap: var(--ds-space-0-75);
    color: var(--ds-color-text-muted);
    text-align: center;
}

.ds-dashboard-empty[b-ldnlr7cfv2]  .ds-icon {
    width: 2.5rem;
    height: 2.5rem;
}
/* /DashboardList.razor.rz.scp.css */
.ds-dashboard-list[b-yg5fbzyaao] {
    display: grid;
    gap: var(--ds-space-1);
    border: var(--ds-border-width-1) solid var(--ds-color-border);
    border-radius: var(--ds-radius-4);
    background: var(--ds-color-surface-panel);
    padding: var(--ds-space-2);
}

.ds-dashboard-list__header[b-yg5fbzyaao] {
    padding-block-end: var(--ds-space-1);
    border-block-end: var(--ds-border-width-1) solid var(--ds-color-border);
}

.ds-dashboard-list__header h2[b-yg5fbzyaao] {
    font-size: var(--ds-text-heading-3-size);
}

.ds-dashboard-list__header h2[b-yg5fbzyaao],
.ds-dashboard-list__state[b-yg5fbzyaao] {
    margin: 0;
}

.ds-dashboard-list__content[b-yg5fbzyaao] {
    display: grid;
    gap: var(--ds-space-1);
}

.ds-dashboard-list__state[b-yg5fbzyaao] {
    color: var(--ds-color-text-muted);
}
/* /DashboardSwitcher.razor.rz.scp.css */
.ds-switcher[b-msa3ilqxij] {
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    gap: var(--ds-space-0-5);
    block-size: 100%;
    padding: var(--ds-space-0-25);
}

.ds-switcher__tab[b-msa3ilqxij] {
    display: inline-flex;
    align-items: center;
    gap: var(--ds-space-0-5);
    border: var(--ds-border-width-1) solid var(--ds-color-border);
    border-radius: var(--ds-radius-3);
    background: var(--ds-color-surface-muted);
    padding: var(--ds-space-0-5) var(--ds-space-1);
    color: var(--ds-color-text-muted);
    cursor: pointer;
    white-space: nowrap;
    font-size: var(--ds-text-body-size);
}

.ds-switcher__tab:hover[b-msa3ilqxij] { color: var(--ds-color-text); }

.ds-switcher__rename[b-msa3ilqxij] {
    min-inline-size: 6rem;
    inline-size: 8rem;
    max-inline-size: 12rem;
    border: none;
    background: transparent;
    color: var(--ds-color-text);
    font-size: var(--ds-text-body-size);
    font-weight: var(--ds-font-weight-semibold);
}

.ds-switcher__rename:focus-visible[b-msa3ilqxij] { outline: none; }

.ds-switcher__tab.is-active[b-msa3ilqxij] {
    border-color: var(--ds-color-action);
    background: var(--ds-color-control-hover);
    color: var(--ds-color-text);
    font-weight: var(--ds-font-weight-semibold);
}

.ds-switcher__edit[b-msa3ilqxij],
.ds-switcher__del[b-msa3ilqxij] {
    display: inline-grid;
    place-items: center;
    inline-size: 1.5rem;
    block-size: 1.5rem;
    padding: 0;
    border: var(--ds-border-width-1) solid var(--ds-color-border);
    border-radius: var(--ds-radius-2);
    background: var(--ds-color-surface);
    color: var(--ds-color-text-muted);
    font: inherit;
    cursor: pointer;
}

.ds-switcher__edit:hover[b-msa3ilqxij] {
    background: var(--ds-color-control-hover);
    color: var(--ds-color-text);
}

.ds-switcher__del:hover[b-msa3ilqxij] {
    background: var(--ds-color-control-hover);
    color: var(--ds-color-danger);
}

.ds-switcher__add[b-msa3ilqxij] {
    display: inline-grid;
    place-items: center;
    inline-size: 2rem;
    block-size: 2rem;
    border: var(--ds-border-width-1) dashed var(--ds-color-border);
    border-radius: var(--ds-radius-3);
    background: transparent;
    color: var(--ds-color-text-muted);
    cursor: pointer;
    font-size: var(--ds-text-title-size);
    line-height: 1;
}

.ds-switcher__add:hover[b-msa3ilqxij] {
    border-color: var(--ds-color-action);
    color: var(--ds-color-text);
}
/* /DashboardWidgetComposer.razor.rz.scp.css */
.dsc__backdrop[b-agwwy1ksh4] {
    position: fixed;
    z-index: 1000;
    inset: 0;
    display: grid;
    place-items: center;
    background: var(--ds-color-overlay-scrim);
    padding: var(--ds-space-1);
}

.dsc[b-agwwy1ksh4] {
    display: flex;
    flex-direction: column;
    width: min(100%, 64rem);
    max-height: min(100%, 46rem);
    border: var(--ds-border-width-1) solid var(--ds-color-border);
    border-radius: var(--ds-radius-4);
    background: var(--ds-color-surface-raised);
    box-shadow: var(--ds-shadow-2);
    overflow: hidden;
}

.dsc__head[b-agwwy1ksh4] {
    display: flex;
    align-items: center;
    gap: var(--ds-space-1);
    border-bottom: var(--ds-border-width-1) solid var(--ds-color-border);
    padding: var(--ds-space-0-75) var(--ds-space-1-5);
}

.dsc__head h2[b-agwwy1ksh4] {
    margin: 0;
    flex: 0 0 auto;
    font-size: var(--ds-text-heading-2-size);
}

.dsc__steps[b-agwwy1ksh4] {
    display: flex;
    flex: 1;
    justify-content: center;
    gap: var(--ds-space-1-5);
    margin: 0;
    padding: 0;
    list-style: none;
    flex-wrap: wrap;
}

.dsc__steps li[b-agwwy1ksh4] {
    display: inline-flex;
    align-items: center;
    gap: var(--ds-space-0-5);
    color: var(--ds-color-text-muted);
    font-size: var(--ds-text-caption-size);
}

.dsc__steps li span[b-agwwy1ksh4] {
    display: inline-grid;
    place-items: center;
    width: 1.5rem;
    height: 1.5rem;
    border: var(--ds-border-width-1) solid var(--ds-color-border);
    border-radius: 50%;
    font-weight: var(--ds-font-weight-strong);
}

.dsc__step--on span[b-agwwy1ksh4],
.dsc__step--done span[b-agwwy1ksh4] {
    border-color: var(--ds-color-action);
    color: var(--ds-color-action);
}

.dsc__step--done span[b-agwwy1ksh4] {
    background: var(--ds-color-action);
    color: var(--ds-color-on-action);
}

.dsc__step--on[b-agwwy1ksh4],
.dsc__step--done[b-agwwy1ksh4] {
    color: var(--ds-color-text);
}

.dsc__close[b-agwwy1ksh4] {
    display: grid;
    flex: 0 0 auto;
    width: 2.25rem;
    height: 2.25rem;
    place-items: center;
    border: var(--ds-border-width-1) solid var(--ds-color-border);
    border-radius: var(--ds-radius-4);
    background: var(--ds-color-surface-muted);
    color: var(--ds-color-text);
    cursor: pointer;
}

.dsc__cols[b-agwwy1ksh4] {
    display: grid;
    flex: 1 1 auto;
    min-height: 0;
    grid-template-columns: 15rem minmax(0, 1fr) 17rem;
}

.dsc__col[b-agwwy1ksh4] {
    display: flex;
    flex-direction: column;
    gap: var(--ds-space-0-75);
    min-width: 0;
    min-height: 0;
    border-right: var(--ds-border-width-1) solid var(--ds-color-border);
    padding: var(--ds-space-1);
    overflow: hidden auto;
}

.dsc__col:last-child[b-agwwy1ksh4] {
    border-right: 0;
}

.dsc__cat[b-agwwy1ksh4] {
    margin: var(--ds-space-0-25) 0 0;
    color: var(--ds-color-text-muted);
    font-size: var(--ds-text-caption-size);
    letter-spacing: 0.04em;
    text-transform: uppercase;
}

.dsc__tiles[b-agwwy1ksh4] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: var(--ds-space-0-5);
}

.dsc__tile[b-agwwy1ksh4] {
    position: relative;
    display: grid;
    justify-items: center;
    gap: var(--ds-space-0-25);
    min-inline-size: 0;
    border: var(--ds-border-width-1) solid var(--ds-color-border);
    border-radius: var(--ds-radius-3);
    background: var(--ds-color-surface);
    padding: var(--ds-space-0-5);
    color: var(--ds-color-text);
    cursor: pointer;
}

.dsc__tile:hover[b-agwwy1ksh4] {
    border-color: var(--ds-color-action);
    background: var(--ds-color-surface-muted);
}

.dsc__tile--on[b-agwwy1ksh4] {
    border-color: var(--ds-color-action);
    background: var(--ds-color-control-hover);
}

.dsc__tile--soon[b-agwwy1ksh4] {
    color: var(--ds-color-text-muted);
}

.dsc__mini[b-agwwy1ksh4] {
    display: grid;
    place-items: center;
    width: 100%;
    height: 2.25rem;
    color: var(--ds-color-text-muted);
}

.dsc__tile--on .dsc__mini[b-agwwy1ksh4] {
    color: var(--ds-color-action);
}

.dsc__mini svg[b-agwwy1ksh4] {
    width: 2.5rem;
    height: 1.5rem;
}

.dsc__tile-name[b-agwwy1ksh4] {
    min-inline-size: 0;
    max-inline-size: 100%;
    font-size: var(--ds-text-caption-size);
    text-align: center;
    line-height: 1.2;
    overflow-wrap: anywhere;
}

.dsc__soon[b-agwwy1ksh4] {
    font-size: var(--ds-text-caption-size);
    color: var(--ds-color-text-muted);
    opacity: var(--ds-opacity-disabled);
}

.dsc__group[b-agwwy1ksh4] {
    display: grid;
    gap: var(--ds-space-0-5);
    margin: 0;
    border: 0;
    border-top: var(--ds-border-width-1) solid var(--ds-color-border);
    padding: var(--ds-space-0-75) 0 0;
}

.dsc__group:first-of-type[b-agwwy1ksh4] {
    border-top: 0;
    padding-top: 0;
}

.dsc__group legend[b-agwwy1ksh4] {
    padding: 0;
    color: var(--ds-color-text-muted);
    font-size: var(--ds-text-caption-size);
    letter-spacing: 0.04em;
    text-transform: uppercase;
}

.dsc__field[b-agwwy1ksh4] {
    display: grid;
    gap: var(--ds-space-0-25);
    font-size: var(--ds-text-caption-size);
    color: var(--ds-color-text-muted);
}

.dsc__field input[b-agwwy1ksh4],
.dsc__field select[b-agwwy1ksh4] {
    min-height: 2.25rem;
    border: var(--ds-border-width-1) solid var(--ds-color-border);
    border-radius: var(--ds-radius-3);
    background: var(--ds-color-surface);
    padding-inline: var(--ds-space-0-5);
    color: var(--ds-color-text);
    font: inherit;
    font-size: var(--ds-text-body-size);
}

.dsc__toggle[b-agwwy1ksh4] {
    display: flex;
    align-items: center;
    gap: var(--ds-space-0-5);
    font-size: var(--ds-text-body-size);
    color: var(--ds-color-text);
    cursor: pointer;
}

.dsc__hint[b-agwwy1ksh4] {
    margin: 0;
    color: var(--ds-color-text-muted);
    font-size: var(--ds-text-caption-size);
}

.dsc__stage[b-agwwy1ksh4] {
    display: grid;
    flex: 1 1 auto;
    min-height: 0;
    place-items: center;
}

.dsc__card[b-agwwy1ksh4] {
    display: grid;
    grid-template: minmax(0, 1fr) / minmax(0, 1fr);
    width: 100%;
    height: 13rem;
    overflow: hidden;
    container-type: size;
    border: var(--ds-border-width-1) solid var(--ds-color-border);
    border-radius: var(--ds-radius-3);
    background: var(--ds-color-surface);
    padding: var(--ds-space-0-75);
    color: var(--ds-color-text-muted);
}

.dsc__soon-preview[b-agwwy1ksh4] {
    display: grid;
    place-self: center;
    justify-items: center;
    gap: var(--ds-space-0-5);
    color: var(--ds-color-text-muted);
    text-align: center;
}

.dsc__soon-mini[b-agwwy1ksh4] {
    display: grid;
    place-items: center;
    color: var(--ds-color-text-muted);
}

.dsc__soon-mini svg[b-agwwy1ksh4] {
    width: 4rem;
    height: 2.5rem;
}

.dsc__soon-preview small[b-agwwy1ksh4] {
    opacity: var(--ds-opacity-disabled);
}

.dsc__foot[b-agwwy1ksh4] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--ds-space-0-75);
    border-top: var(--ds-border-width-1) solid var(--ds-color-border);
    padding: var(--ds-space-1) var(--ds-space-1-5);
}

.dsc__foot-left[b-agwwy1ksh4],
.dsc__foot-right[b-agwwy1ksh4] {
    display: flex;
    align-items: center;
    gap: var(--ds-space-0-5);
    min-width: 0;
}

.dsc__save[b-agwwy1ksh4] {
    display: flex;
    align-items: center;
    gap: var(--ds-space-0-5);
}

.dsc__save input[b-agwwy1ksh4] {
    min-height: 2.25rem;
    border: var(--ds-border-width-1) solid var(--ds-color-border);
    border-radius: var(--ds-radius-3);
    background: var(--ds-color-surface);
    padding-inline: var(--ds-space-0-5);
    color: var(--ds-color-text);
    font: inherit;
}

.dsc__save-status[b-agwwy1ksh4] {
    font-size: var(--ds-text-caption-size);
    color: var(--ds-color-text-muted);
}

.dsc__save-status--ok[b-agwwy1ksh4] {
    color: var(--ds-color-success);
}

.dsc__save-status--error[b-agwwy1ksh4] {
    color: var(--ds-color-danger);
}

@media (max-width: 60rem) {
    .dsc__cols[b-agwwy1ksh4] {
        grid-template-columns: minmax(0, 1fr);
    }

    .dsc__col[b-agwwy1ksh4] {
        border-right: 0;
        border-bottom: var(--ds-border-width-1) solid var(--ds-color-border);
    }

    .dsc__steps[b-agwwy1ksh4] {
        display: none;
    }
}
/* /GlobalErrorOverlay.razor.rz.scp.css */
.ds-global-error[b-r2ijvcaw4z] {
    position: fixed;
    inset: 0;
    z-index: 2000;
    display: grid;
    place-items: center;
    padding: 24px;
    background: var(--ds-color-overlay-scrim);
    backdrop-filter: blur(3px);
}

.ds-global-error__surface[b-r2ijvcaw4z] {
    width: min(760px, 100%);
    max-height: calc(100vh - 48px);
    overflow: auto;
    padding: 24px;
    border: var(--ds-border-width-1) solid var(--ds-color-border);
    border-radius: var(--ds-radius-8);
    background: var(--ds-color-surface-raised);
    box-shadow: var(--ds-shadow-3);
}

.ds-global-error__header[b-r2ijvcaw4z] {
    display: flex;
    gap: 16px;
    align-items: flex-start;
    padding-bottom: 20px;
    border-bottom: var(--ds-border-width-1) solid var(--ds-color-border);
}

.ds-global-error__header h2[b-r2ijvcaw4z] { margin: 0 0 6px; font-size: 20px; }
.ds-global-error__header p[b-r2ijvcaw4z] { margin: 0; color: var(--ds-color-text-muted); }
.ds-global-error__icon[b-r2ijvcaw4z] { display: grid; place-items: center; width: 32px; height: 32px; flex: 0 0 32px; border-radius: 50%; background: var(--ds-color-danger); color: var(--ds-color-on-action); font-weight: 700; }
.ds-global-error__metadata[b-r2ijvcaw4z] { display: grid; gap: 0; margin: 20px 0; }
.ds-global-error__metadata div[b-r2ijvcaw4z], .ds-global-error__developer dl div[b-r2ijvcaw4z] { display: grid; grid-template-columns: minmax(7.5rem, 0.35fr) 1fr; gap: var(--ds-space-2); padding: var(--ds-space-1) 0; border-bottom: var(--ds-border-width-1) solid var(--ds-color-border); }
.ds-global-error dt[b-r2ijvcaw4z] { color: var(--ds-color-text-muted); }
.ds-global-error dd[b-r2ijvcaw4z] { margin: 0; overflow-wrap: anywhere; }
.ds-global-error__guidance[b-r2ijvcaw4z] { color: var(--ds-color-text-muted); }
.ds-global-error__actions[b-r2ijvcaw4z] { display: flex; justify-content: flex-end; gap: 12px; margin-top: 24px; }
.ds-global-error__developer[b-r2ijvcaw4z] { margin: var(--ds-space-2) 0; border: var(--ds-border-width-1) solid var(--ds-color-border); border-radius: var(--ds-radius-4); padding: var(--ds-space-2); }
.ds-global-error__developer summary[b-r2ijvcaw4z] { cursor: pointer; font-weight: 600; }
.ds-global-error__developer pre[b-r2ijvcaw4z] { max-height: 240px; overflow: auto; white-space: pre-wrap; overflow-wrap: anywhere; padding: 12px; background: var(--ds-color-surface); border-radius: var(--ds-radius-2); }
.ds-error-report__id[b-r2ijvcaw4z] { display: grid; gap: 6px; margin: 16px 0; }
.ds-error-report__id output[b-r2ijvcaw4z] { font-weight: 700; }
.ds-error-report__result[b-r2ijvcaw4z] { display: grid; gap: var(--ds-space-1); padding: var(--ds-space-2); border: var(--ds-border-width-1) solid var(--ds-color-border); border-radius: var(--ds-radius-4); }

@media (max-width: 767px) {
    .ds-global-error[b-r2ijvcaw4z] { padding: 0; place-items: stretch; }
    .ds-global-error__surface[b-r2ijvcaw4z] { width: 100%; max-height: 100vh; min-height: 100vh; border-radius: 0; padding: 20px; }
    .ds-global-error__actions[b-r2ijvcaw4z] { flex-direction: column; }
    .ds-global-error__metadata div[b-r2ijvcaw4z], .ds-global-error__developer dl div[b-r2ijvcaw4z] { grid-template-columns: 1fr; gap: 4px; }
}
/* /GreetingCard.razor.rz.scp.css */
.ds-welcome[b-qxzefaoi3t] {
    box-sizing: border-box;
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: stretch;
    gap: var(--ds-space-1-25);
    inline-size: 100%;
    block-size: 100%;
    border-radius: var(--ds-radius-4);
    padding: var(--ds-space-1) var(--ds-space-1-5);
    /* A backdrop photo at /media/hero-background.jpg is darkened by an overlay for legibility; when the
       file is absent the gradients below stand in as the fallback. */
    background-color: var(--ds-color-dashboard-panel);
    background-image:
        linear-gradient(90deg,
            color-mix(in srgb, var(--ds-color-dashboard-panel) 92%, transparent) 0%,
            color-mix(in srgb, var(--ds-color-dashboard-panel) 68%, transparent) 45%,
            color-mix(in srgb, var(--ds-color-dashboard-panel) 58%, transparent) 100%),
        url("/media/hero-background.png"),
        radial-gradient(120% 160% at 100% 0%, color-mix(in srgb, var(--ds-color-action) 22%, transparent), transparent 60%),
        linear-gradient(120deg, var(--ds-color-dashboard-panel), color-mix(in srgb, var(--ds-color-action) 8%, var(--ds-color-dashboard-panel)));
    background-size: cover, cover, cover, cover;
    background-position: center, center, center, center;
    background-repeat: no-repeat;
    overflow: hidden;
    container-type: inline-size;
}

/* Intro */
.ds-welcome__intro[b-qxzefaoi3t] {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    gap: var(--ds-space-0-25);
    block-size: 100%;
    min-inline-size: 0;
}

.ds-welcome__date[b-qxzefaoi3t] {
    color: var(--ds-color-text-muted);
    font-size: clamp(var(--ds-text-caption-size), 3cqmin, var(--ds-text-body-size));
    text-transform: capitalize;
}

.ds-welcome__time[b-qxzefaoi3t] {
    font-size: clamp(var(--ds-text-heading-1-size), 15cqmin, 3.5rem);
    font-weight: var(--ds-font-weight-semibold);
    line-height: 1;
    font-variant-numeric: tabular-nums;
}

.ds-welcome__greeting[b-qxzefaoi3t] {
    margin: var(--ds-space-0-25) 0 0;
    font-size: clamp(var(--ds-text-heading-3-size), 5cqmin, var(--ds-text-heading-1-size));
    line-height: 1.1;
    overflow-wrap: anywhere;
}

.ds-welcome__tagline[b-qxzefaoi3t] {
    margin: 0;
    color: var(--ds-color-text-muted);
    font-size: clamp(var(--ds-text-caption-size), 3cqmin, var(--ds-text-body-size));
}

.ds-welcome__chip[b-qxzefaoi3t] {
    align-self: start;
    display: inline-flex;
    align-items: center;
    gap: var(--ds-space-0-5);
    margin-block-start: var(--ds-space-0-75);
    border: var(--ds-border-width-1) solid var(--ds-color-border);
    border-radius: var(--ds-radius-2);
    padding: var(--ds-space-0-25) var(--ds-space-0-75);
    color: var(--ds-color-text-muted);
    font-size: var(--ds-text-caption-size);
}

.ds-welcome__chip[b-qxzefaoi3t]  .ds-icon { color: var(--ds-color-action); }

/* Weather (left-aligned, like the reference) */
.ds-welcome__weather[b-qxzefaoi3t] {
    display: grid;
    gap: var(--ds-space-0-5);
    align-content: center;
    justify-items: start;
    min-inline-size: 0;
}

.ds-welcome__now[b-qxzefaoi3t] {
    display: flex;
    align-items: center;
    gap: var(--ds-space-0-75);
}

.ds-welcome__glyph[b-qxzefaoi3t] { line-height: 1; }
.ds-welcome__now .ds-welcome__glyph[b-qxzefaoi3t] { font-size: 2.75rem; }

.ds-welcome__reading[b-qxzefaoi3t] { display: grid; line-height: 1.15; }

.ds-welcome__temp[b-qxzefaoi3t] {
    font-size: clamp(var(--ds-text-heading-2-size), 9cqmin, 2rem);
    line-height: 1.05;
}

.ds-welcome__cond[b-qxzefaoi3t] { color: var(--ds-color-text); }
.ds-welcome__loc[b-qxzefaoi3t] { color: var(--ds-color-text-muted); font-size: var(--ds-text-caption-size); }

.ds-welcome__metrics[b-qxzefaoi3t] {
    display: flex;
    gap: var(--ds-space-1);
    color: var(--ds-color-text-muted);
}

.ds-welcome__metric[b-qxzefaoi3t] {
    display: inline-flex;
    align-items: center;
    gap: var(--ds-space-0-5);
}

.ds-welcome__ico[b-qxzefaoi3t] {
    inline-size: 1.1rem;
    block-size: 1.1rem;
    flex: 0 0 auto;
    color: var(--ds-color-action);
}

.ds-welcome__metric-body[b-qxzefaoi3t] { display: grid; line-height: 1.1; }
.ds-welcome__metric-body strong[b-qxzefaoi3t] { color: var(--ds-color-text); }
.ds-welcome__metric-body small[b-qxzefaoi3t] { font-size: var(--ds-text-caption-size); }

.ds-welcome__forecast[b-qxzefaoi3t] {
    display: flex;
    gap: var(--ds-space-1);
    margin: 0;
    padding: 0;
    list-style: none;
}

.ds-welcome__forecast li[b-qxzefaoi3t] {
    display: grid;
    justify-items: center;
    gap: var(--ds-space-0-25);
    color: var(--ds-color-text-muted);
    font-size: var(--ds-text-caption-size);
}

.ds-welcome__range[b-qxzefaoi3t] { white-space: nowrap; }
.ds-welcome__forecast .ds-welcome__glyph[b-qxzefaoi3t] { font-size: 1.15rem; }

@container (max-width: 30rem) {
    .ds-welcome[b-qxzefaoi3t] { grid-template-columns: minmax(0, 1fr); }
}
/* /Home.razor.rz.scp.css */
.ds-home[b-gjne9mmpo8] {
    position: relative;
    display: flex;
    flex-direction: column;
    gap: var(--ds-space-1);
    min-width: 0;
    block-size: 100%;
}

.ds-home__modal h2[b-gjne9mmpo8],
.ds-home__modal p[b-gjne9mmpo8] {
    margin: 0;
}

/* Fixed dashboard tab bar: always present at the top, above the work surface, on every dashboard. */
.ds-home__tabs[b-gjne9mmpo8] {
    flex: 0 0 auto;
    min-inline-size: 0;
    border-block-end: var(--ds-border-width-1) solid var(--ds-color-border);
    padding-block-end: var(--ds-space-0-5);
}

/* The calendar workspace fills the whole area as one full-bleed calendar (no grid of cards, no card
   frame). A single-cell grid gives the calendar a definite width and height so its own size container
   resolves correctly (a flex row here collapses the size-contained calendar to zero width). */
.ds-home__calendar[b-gjne9mmpo8] {
    display: grid;
    grid-template: minmax(0, 1fr) / minmax(0, 1fr);
    flex: 1 1 auto;
    min-block-size: 0;
    min-inline-size: 0;
    overflow: hidden;
}


.ds-button[b-gjne9mmpo8] {
    display: inline-flex;
    min-height: 2.5rem;
    align-items: center;
    justify-content: center;
    gap: var(--ds-space-0-5);
    border: var(--ds-border-width-1) solid var(--ds-color-border);
    border-radius: var(--ds-radius-4);
    padding-inline: var(--ds-space-1);
    color: var(--ds-color-text);
    cursor: pointer;
    white-space: nowrap;
}

.ds-button--secondary[b-gjne9mmpo8] {
    background: var(--ds-color-surface-muted);
}

.ds-button--primary[b-gjne9mmpo8] {
    border-color: var(--ds-color-action);
    background: var(--ds-color-action);
    color: var(--ds-color-on-action);
}

.ds-button:disabled[b-gjne9mmpo8] {
    cursor: not-allowed;
    opacity: var(--ds-opacity-disabled);
}

.ds-home__page-state[b-gjne9mmpo8] {
    display: grid;
    min-height: 24rem;
    place-items: center;
    align-content: center;
    gap: var(--ds-space-1);
    color: var(--ds-color-text-muted);
}

.ds-home__edit-bar[b-gjne9mmpo8] {
    position: absolute;
    z-index: 45;
    bottom: var(--ds-space-1);
    left: 50%;
    transform: translateX(-50%);
    display: flex;
    align-items: center;
    gap: var(--ds-space-0-75);
    max-inline-size: calc(100% - var(--ds-space-2));
    border: var(--ds-border-width-1) solid var(--ds-color-border);
    border-radius: var(--ds-radius-4);
    background: var(--ds-color-surface-raised);
    padding: var(--ds-space-0-5) var(--ds-space-0-75);
    box-shadow: var(--ds-shadow-2);
}

.ds-home__edit-bar > strong[b-gjne9mmpo8] {
    display: none;
}

.ds-home__edit-bar > span[b-gjne9mmpo8] {
    display: none;
    min-width: 0;
    flex: 1;
    color: var(--ds-color-text-muted);
}

.ds-home__edit-actions[b-gjne9mmpo8] {
    display: flex;
    align-items: center;
    gap: var(--ds-space-0-5);
}

.ds-home__feedback[b-gjne9mmpo8] {
    position: absolute;
    z-index: 46;
    top: var(--ds-space-1);
    left: 50%;
    transform: translateX(-50%);
    max-inline-size: calc(100% - var(--ds-space-2));
    border: var(--ds-border-width-1) solid var(--ds-color-border);
    border-radius: var(--ds-radius-3);
    background: var(--ds-color-surface-raised);
    padding: var(--ds-space-0-5) var(--ds-space-1);
    color: var(--ds-color-text-muted);
    box-shadow: var(--ds-shadow-2);
}

.ds-home__feedback--success[b-gjne9mmpo8] {
    border-color: color-mix(in srgb, var(--ds-color-success) 45%, var(--ds-color-border));
    color: var(--ds-color-success);
}

.ds-home__feedback--error[b-gjne9mmpo8] {
    border-color: color-mix(in srgb, var(--ds-color-danger) 45%, var(--ds-color-border));
    color: var(--ds-color-danger);
}

/* Full-area grid work-surface: the grid always fills the available dashboard area (never reduced to
   the widgets' bounding box), with fixed 1rem cells and as many columns as fit the width. Widgets are
   placed by absolute grid coordinates - no reflow, no scaling - per the dashboard layout contract.
   A layout larger than the viewport scrolls (fixed adaptation). */
.ds-home__workspace[b-gjne9mmpo8] {
    position: relative;
    display: grid;
    flex: 1 1 auto;
    min-inline-size: 0;
    min-block-size: 0;
    grid-template-columns: minmax(0, 1fr);
    overflow: auto;
}

.ds-home__widget-grid[b-gjne9mmpo8] {
    --ds-dashboard-cell: 1rem;
    display: grid;
    inline-size: 100%;
    min-block-size: 100%;
    grid-template-columns: repeat(auto-fill, var(--ds-dashboard-cell));
    grid-auto-rows: var(--ds-dashboard-cell);
    gap: 0;
    align-content: start;
}

/* The welcome card (its own photo) and the switcher (a bare tab bar) have no widget frame and fill the
   card edge to edge. */
.ds-home__widget-grid[b-gjne9mmpo8]  .ds-universal-widget:has(.ds-welcome),
.ds-home__widget-grid[b-gjne9mmpo8]  .ds-universal-widget:has(.ds-switcher) {
    border-color: transparent;
    background: transparent;
    box-shadow: none;
}

.ds-home__widget-grid[b-gjne9mmpo8]  .ds-universal-widget:has(.ds-welcome) .ds-universal-widget__body,
.ds-home__widget-grid[b-gjne9mmpo8]  .ds-universal-widget:has(.ds-switcher) .ds-universal-widget__body {
    padding: 0;
}

/* The switcher is a compact tab bar that sits at the top-left over otherwise empty grid space; let its
   tabs, rename field and plus button spill to the right instead of being clipped by the card box. */
.ds-home__widget-grid[b-gjne9mmpo8]  .ds-universal-widget:has(.ds-switcher),
.ds-home__widget-grid[b-gjne9mmpo8]  .ds-universal-widget:has(.ds-switcher) .ds-universal-widget__body,
.ds-home__widget-grid[b-gjne9mmpo8]  .ds-universal-widget:has(.ds-switcher) .ds-home__universal {
    overflow: visible;
}

.ds-home__workspace--editing .ds-home__widget-grid[b-gjne9mmpo8] {
    border-radius: var(--ds-radius-4);
    box-shadow: inset 0 0 0 var(--ds-border-width-1) color-mix(in srgb, var(--ds-color-action) 22%, var(--ds-color-border));
    background-image:
        linear-gradient(to right, color-mix(in srgb, var(--ds-color-action) 24%, transparent) var(--ds-border-width-1), transparent var(--ds-border-width-1)),
        linear-gradient(to bottom, color-mix(in srgb, var(--ds-color-action) 24%, transparent) var(--ds-border-width-1), transparent var(--ds-border-width-1));
    background-size: var(--ds-dashboard-cell) var(--ds-dashboard-cell);
}

.ds-home__universal[b-gjne9mmpo8] {
    display: grid;
    grid-template: minmax(0, 1fr) / minmax(0, 1fr);
    block-size: 100%;
    min-height: 0;
    overflow: hidden;
    container-type: size;
    color: var(--ds-color-text-muted);
    transform: scale(var(--content-scale, 1));
}

.ds-home__modal-backdrop[b-gjne9mmpo8] {
    position: fixed;
    z-index: 1000;
    inset: 0;
    display: grid;
    place-items: center;
    background: var(--ds-color-overlay-scrim);
    padding: var(--ds-space-1);
}

.ds-home__modal[b-gjne9mmpo8] {
    display: grid;
    width: min(100%, 32rem);
    gap: var(--ds-space-1);
    border: var(--ds-border-width-1) solid var(--ds-color-border);
    border-radius: var(--ds-radius-4);
    background: var(--ds-color-surface-raised);
    padding: var(--ds-space-1-5);
    box-shadow: var(--ds-shadow-2);
}

.ds-home__modal > div[b-gjne9mmpo8] {
    display: flex;
    justify-content: flex-end;
    gap: var(--ds-space-0-75);
}

@media (max-width: 48rem) {
    .ds-home__edit-bar[b-gjne9mmpo8] {
        align-items: stretch;
        flex-direction: column;
    }

    .ds-home__edit-actions[b-gjne9mmpo8] {
        display: grid;
        grid-template-columns: 1fr 1fr auto;
    }
}
/* /Login.razor.rz.scp.css */
.ds-auth[b-kvx3jo61mj] {
    position: relative;
    isolation: isolate;
    min-height: 100vh;
    max-width: none;
    place-items: center;
    padding: var(--ds-space-2);
    background-color: transparent;
}

.ds-auth[b-kvx3jo61mj]::before {
    position: absolute;
    inset: 0;
    z-index: 0;
    content: "";
    background: url("_content/Platform.DesignSystem/images/platform_logo.png") center / contain no-repeat;
    opacity: .16;
    pointer-events: none;
}

.ds-auth__panel[b-kvx3jo61mj] {
    position: relative;
    z-index: 1;
    width: min(100%, 28rem);
}
/* /PlatformRoot.razor.rz.scp.css */
.ds-auth-shell[b-ndf7cpspzr] {
    min-height: 100vh;
    background: var(--ds-color-background-app);
    color: var(--ds-color-text);
}
.ds-mobile-shell[b-ndf7cpspzr] {
    position: fixed;
    inset: 0;
    width: 100%;
    min-height: 100dvh;
    overflow-y: auto;
    background: var(--ds-color-surface-canvas);
    color: var(--ds-color-text-primary);
}
/* /SettingsHubCard.razor.rz.scp.css */
.ds-settings-hub-card[b-jbhotz67pr] {
    display: grid;
    grid-template-columns: 2.5rem minmax(0, 1fr) auto;
    grid-template-rows: auto auto;
    align-items: center;
    min-width: 0;
    min-height: 7.5rem;
    gap: var(--ds-space-0-5) var(--ds-space-1);
    border: var(--ds-border-width-1) solid var(--ds-color-border);
    border-radius: var(--ds-radius-4);
    background: var(--ds-color-dashboard-panel);
    box-shadow: var(--ds-shadow-1);
    padding: var(--ds-space-1-5);
    color: var(--ds-color-text);
    text-align: start;
    text-decoration: none;
}

.ds-settings-hub-card:not(.ds-settings-hub-card--disabled):hover[b-jbhotz67pr],
.ds-settings-hub-card:not(.ds-settings-hub-card--disabled):focus-visible[b-jbhotz67pr] {
    border-color: var(--ds-color-action);
    background: var(--ds-color-dashboard-quick);
}

.ds-settings-hub-card__icon[b-jbhotz67pr] {
    display: grid;
    width: 2.5rem;
    height: 2.5rem;
    place-items: center;
    border-radius: var(--ds-radius-4);
    background: var(--ds-color-action-subtle);
    color: var(--ds-color-action-strong);
}

.ds-settings-hub-card__icon[b-jbhotz67pr]  .ds-icon {
    width: 1.25rem;
    height: 1.25rem;
}

.ds-settings-hub-card__copy[b-jbhotz67pr] {
    display: grid;
    min-width: 0;
    gap: var(--ds-space-0-25);
}

.ds-settings-hub-card__copy small[b-jbhotz67pr] {
    color: var(--ds-color-text-muted);
    line-height: var(--ds-line-height-tight);
}

.ds-settings-hub-card__arrow[b-jbhotz67pr] {
    color: var(--ds-color-action-strong);
    font-size: var(--ds-text-heading-2-size);
}

.ds-settings-hub-card__status[b-jbhotz67pr] {
    grid-column: 2 / 4;
    color: var(--ds-color-action-strong);
    font-size: var(--ds-text-caption-size);
}

.ds-settings-hub-card--disabled[b-jbhotz67pr] {
    opacity: .66;
}

.ds-settings-hub-card--disabled .ds-settings-hub-card__status[b-jbhotz67pr] {
    color: var(--ds-color-text-muted);
}
/* /SystemStatus.razor.rz.scp.css */
.ds-system-status[b-2u4inte77o] {
    display: grid;
    gap: var(--ds-space-2);
    max-width: var(--ds-layout-content-max);
}

.ds-system-status header[b-2u4inte77o] {
    display: grid;
    gap: var(--ds-space-0-75);
}

.ds-system-status header > *[b-2u4inte77o] {
    margin: 0;
}

.ds-system-status__eyebrow[b-2u4inte77o] {
    color: var(--ds-color-accent);
    font-size: var(--ds-text-caption-size);
    font-weight: var(--ds-font-weight-strong);
    text-transform: uppercase;
}

.ds-system-status__summary[b-2u4inte77o] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: var(--ds-space-1);
    margin: 0;
}

.ds-system-status__summary div[b-2u4inte77o] {
    display: grid;
    gap: var(--ds-space-0-5);
}

.ds-system-status__summary dt[b-2u4inte77o] {
    color: var(--ds-color-text-muted);
}

.ds-system-status__summary dd[b-2u4inte77o] {
    margin: 0;
    overflow-wrap: anywhere;
}

@media (max-width: 64rem) {
    .ds-system-status__summary[b-2u4inte77o] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}
/* /UniversalCardView.razor.rz.scp.css */
.ds-card-view[b-vo1kbm6wp7] {
    display: grid;
    inline-size: 100%;
    block-size: 100%;
    grid-template-columns: repeat(var(--card-cols, 24), minmax(0, 1fr));
    grid-template-rows: repeat(var(--card-rows, 16), minmax(0, 1fr));
}

.ds-card-view__block[b-vo1kbm6wp7] {
    grid-column: var(--block-x, 1) / span var(--block-w, 1);
    grid-row: var(--block-y, 1) / span var(--block-h, 1);
    display: grid;
    min-inline-size: 0;
    min-block-size: 0;
    overflow: hidden;
}
/* /UniversalDashboardWidget.razor.rz.scp.css */
.ds-universal-widget[b-yb2pewivqd] {
    position: relative;
    container-name: dashboard-widget;
    container-type: size;
    display: grid;
    min-width: 0;
    min-height: 0;
    grid-template-rows: auto minmax(0, 1fr);
    overflow: hidden;
    border: var(--ds-border-width-1) solid var(--ds-color-border);
    border-radius: var(--ds-radius-4);
    background: var(--ds-color-dashboard-panel);
    box-shadow: var(--ds-shadow-1);
}

.ds-universal-widget--editing[b-yb2pewivqd] {
    overflow: visible;
    border-color: var(--ds-color-action-strong);
    background: var(--ds-color-dashboard-panel);
    box-shadow: var(--ds-shadow-1);
    outline: var(--ds-border-width-1) dashed color-mix(in srgb, var(--ds-color-action-strong) 55%, transparent);
    outline-offset: -0.25rem;
}

.ds-universal-widget--dragging[b-yb2pewivqd] {
    z-index: 30;
    opacity: .9;
    pointer-events: none;
    will-change: transform;
    box-shadow: var(--ds-shadow-3);
}

.ds-universal-widget__header[b-yb2pewivqd] {
    display: flex;
    min-height: 2.5rem;
    align-items: center;
    gap: var(--ds-space-0-5);
    border-bottom: var(--ds-border-width-1) solid var(--ds-color-border);
    padding: var(--ds-space-0-5) var(--ds-space-0-75);
}

.ds-universal-widget__header h2[b-yb2pewivqd] {
    min-width: 0;
    flex: 1;
    margin: 0;
    overflow: hidden;
    font-size: var(--ds-text-heading-3-size);
    text-overflow: ellipsis;
    white-space: nowrap;
}

.ds-universal-widget__header-action[b-yb2pewivqd] {
    flex: 0 0 auto;
    border-radius: var(--ds-radius-2);
    padding: var(--ds-space-0-25) var(--ds-space-0-5);
    color: var(--ds-color-action);
    font-size: var(--ds-text-caption-size);
    font-weight: var(--ds-font-weight-semibold);
    text-decoration: none;
    white-space: nowrap;
}

.ds-universal-widget__header-action:hover[b-yb2pewivqd] {
    background: var(--ds-color-surface-muted);
    color: var(--ds-color-text);
}

.ds-universal-widget__header-action:focus-visible[b-yb2pewivqd] {
    outline: var(--ds-border-width-2) solid var(--ds-color-focus);
    outline-offset: var(--ds-border-width-1);
}

.ds-universal-widget__icon[b-yb2pewivqd],
.ds-universal-widget__handle[b-yb2pewivqd] {
    display: inline-grid;
    width: 1.5rem;
    height: 1.5rem;
    flex: 0 0 1.5rem;
    place-items: center;
    border: 0;
    border-radius: var(--ds-radius-2);
    background: transparent;
    color: var(--ds-color-text-muted);
}

.ds-universal-widget__handle[b-yb2pewivqd] { cursor: grab; touch-action: none; }
.ds-universal-widget__handle:focus-visible[b-yb2pewivqd] { outline: 2px solid var(--ds-color-action); }

.ds-universal-widget__menu[b-yb2pewivqd] { position: relative; }
.ds-universal-widget__menu summary[b-yb2pewivqd] {
    display: grid;
    width: 1.75rem;
    height: 1.75rem;
    place-items: center;
    border-radius: var(--ds-radius-2);
    cursor: pointer;
    list-style: none;
}
.ds-universal-widget__menu summary[b-yb2pewivqd]::-webkit-details-marker { display: none; }
.ds-universal-widget__menu > div[b-yb2pewivqd] {
    position: absolute;
    z-index: 20;
    top: calc(100% + var(--ds-space-0-25));
    right: 0;
    display: grid;
    width: 15rem;
    gap: var(--ds-space-0-75);
    border: var(--ds-border-width-1) solid var(--ds-color-border);
    border-radius: var(--ds-radius-3);
    background: var(--ds-color-surface-raised);
    padding: var(--ds-space-0-75);
    box-shadow: var(--ds-shadow-2);
}
.ds-universal-widget__menu label[b-yb2pewivqd] { display: grid; gap: var(--ds-space-0-25); color: var(--ds-color-text-muted); }
.ds-universal-widget__menu select[b-yb2pewivqd],
.ds-universal-widget__unconfigured select[b-yb2pewivqd] { min-height: 2.25rem; border: var(--ds-border-width-1) solid var(--ds-color-border); border-radius: var(--ds-radius-2); background: var(--ds-color-surface); color: var(--ds-color-text); padding-inline: var(--ds-space-0-5); }
.ds-universal-widget__menu button[b-yb2pewivqd] { display: flex; align-items: center; gap: var(--ds-space-0-5); border: 0; background: transparent; color: var(--ds-color-danger); padding: var(--ds-space-0-5); cursor: pointer; }

.ds-universal-widget__body[b-yb2pewivqd] { min-width: 0; min-height: 0; overflow: auto; padding: var(--ds-space-0-75); }

.ds-universal-widget--flush[b-yb2pewivqd] { grid-template-rows: minmax(0, 1fr); }
.ds-universal-widget--flush .ds-universal-widget__body[b-yb2pewivqd] { padding: var(--ds-space-1); overflow: hidden; }
.ds-universal-widget__unconfigured[b-yb2pewivqd] { display: grid; min-height: 100%; place-content: center; gap: var(--ds-space-0-75); color: var(--ds-color-text-muted); text-align: center; }

.ds-universal-widget__tools[b-yb2pewivqd] {
    position: absolute;
    z-index: 7;
    top: var(--ds-space-0-25);
    right: var(--ds-space-0-25);
    display: flex;
    gap: var(--ds-space-0-25);
}

.ds-universal-widget__tools summary[b-yb2pewivqd],
.ds-universal-widget__tool-delete[b-yb2pewivqd] {
    box-sizing: border-box;
    display: grid;
    place-items: center;
    width: 1.75rem;
    height: 1.75rem;
    margin: 0;
    padding: 0;
    border: var(--ds-border-width-1) solid var(--ds-color-border);
    border-radius: var(--ds-radius-2);
    background: color-mix(in srgb, var(--ds-color-surface-raised) 90%, transparent);
    box-shadow: var(--ds-shadow-1);
    color: var(--ds-color-text-muted);
    font-size: 1rem;
    line-height: 1;
    cursor: pointer;
    list-style: none;
    -webkit-appearance: none;
    appearance: none;
}

.ds-universal-widget__tools[b-yb2pewivqd]  .ds-icon { width: 1rem; height: 1rem; }
.ds-universal-widget__tools summary[b-yb2pewivqd]::-webkit-details-marker { display: none; }
.ds-universal-widget__tools summary:hover[b-yb2pewivqd] { color: var(--ds-color-text); }
.ds-universal-widget__tool-delete:hover[b-yb2pewivqd] { border-color: var(--ds-color-danger); color: var(--ds-color-danger); }

.ds-universal-widget__resize-handle[b-yb2pewivqd] { position: absolute; z-index: 5; display: block; touch-action: none; }
.ds-universal-widget__resize-handle--top[b-yb2pewivqd] { top: 0; right: 12px; left: 12px; height: 9px; cursor: ns-resize; }
.ds-universal-widget__resize-handle--bottom[b-yb2pewivqd] { bottom: 0; right: 12px; left: 12px; height: 9px; cursor: ns-resize; }
.ds-universal-widget__resize-handle--left[b-yb2pewivqd] { left: 0; top: 12px; bottom: 12px; width: 9px; cursor: ew-resize; }
.ds-universal-widget__resize-handle--right[b-yb2pewivqd] { right: 0; top: 12px; bottom: 12px; width: 9px; cursor: ew-resize; }
.ds-universal-widget__resize-handle--top-left[b-yb2pewivqd] { top: 0; left: 0; width: 12px; height: 12px; cursor: nwse-resize; z-index: 6; }
.ds-universal-widget__resize-handle--top-right[b-yb2pewivqd] { top: 0; right: 0; width: 12px; height: 12px; cursor: nesw-resize; z-index: 6; }
.ds-universal-widget__resize-handle--bottom-left[b-yb2pewivqd] { bottom: 0; left: 0; width: 12px; height: 12px; cursor: nesw-resize; z-index: 6; }
.ds-universal-widget__resize-handle--bottom-right[b-yb2pewivqd] { bottom: 0; right: 0; width: 12px; height: 12px; cursor: nwse-resize; z-index: 6; }

.ds-universal-widget__resize-handle:hover[b-yb2pewivqd] {
    border-radius: var(--ds-radius-1);
    background: color-mix(in srgb, var(--ds-color-action) 25%, transparent);
}

/* /UniversalMetricView.razor.rz.scp.css */
.ds-metric-view__empty[b-k1vw7sq6uh] {
    display: grid;
    justify-items: center;
    align-content: center;
    gap: var(--ds-space-0-5);
    max-inline-size: 100%;
    color: var(--ds-color-text-muted);
    text-align: center;
}

.ds-metric-view__empty span[b-k1vw7sq6uh] {
    max-inline-size: 100%;
    overflow: hidden;
    font-size: clamp(0.6rem, 16cqmin, var(--ds-text-caption-size));
    text-overflow: ellipsis;
    white-space: nowrap;
}

.ds-metric-view__kpi[b-k1vw7sq6uh] {
    display: grid;
    block-size: 100%;
    grid-template-rows: auto auto auto auto minmax(0, 1fr);
    align-content: start;
    gap: var(--ds-space-0-25);
    min-block-size: 0;
}

.ds-metric-view__kpi-head[b-k1vw7sq6uh] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--ds-space-0-5);
}

.ds-metric-view__kpi-icon[b-k1vw7sq6uh] {
    display: inline-grid;
    inline-size: 2.25rem;
    block-size: 2.25rem;
    place-items: center;
    border-radius: var(--ds-radius-3);
    background: var(--ds-color-surface-muted);
    color: var(--ds-color-text-muted);
}

.ds-metric-view__kpi-value[b-k1vw7sq6uh] {
    color: var(--ds-color-text);
    font-size: clamp(var(--ds-text-heading-3-size), 13cqmin, var(--ds-text-heading-1-size));
    line-height: 1.1;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.ds-metric-view__kpi-title[b-k1vw7sq6uh] {
    color: var(--ds-color-text-muted);
    font-size: clamp(var(--ds-text-caption-size), 5cqmin, var(--ds-text-body-size));
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.ds-metric-view__kpi-trend[b-k1vw7sq6uh] {
    min-block-size: 0;
}

.ds-metric-view__kpi-spark[b-k1vw7sq6uh] {
    align-self: stretch;
    min-block-size: 1.5rem;
    margin-block-start: var(--ds-space-0-25);
    color: var(--ds-color-text-muted);
}

.ds-metric-view__kpi.ds-tone--success .ds-metric-view__kpi-spark[b-k1vw7sq6uh] { color: var(--ds-color-success); }
.ds-metric-view__kpi.ds-tone--warning .ds-metric-view__kpi-spark[b-k1vw7sq6uh] { color: var(--ds-color-warning); }
.ds-metric-view__kpi.ds-tone--danger .ds-metric-view__kpi-spark[b-k1vw7sq6uh] { color: var(--ds-color-danger); }
.ds-metric-view__kpi.ds-tone--info .ds-metric-view__kpi-spark[b-k1vw7sq6uh] { color: var(--ds-color-info); }

.ds-metric-view__ampel[b-k1vw7sq6uh] {
    flex: 0 0 auto;
    inline-size: 0.75rem;
    block-size: 0.75rem;
    border-radius: 50%;
    background: var(--ds-color-text-muted);
}

.ds-metric-view__ampel.is-ok[b-k1vw7sq6uh] { background: var(--ds-color-success); }
.ds-metric-view__ampel.is-warn[b-k1vw7sq6uh] { background: var(--ds-color-warning); }
.ds-metric-view__ampel.is-bad[b-k1vw7sq6uh] { background: var(--ds-color-danger); }

.ds-metric-view__gauge[b-k1vw7sq6uh] {
    display: grid;
    grid-template-rows: minmax(0, 1fr) auto auto;
    justify-items: center;
    align-content: center;
    gap: var(--ds-space-0-25);
    block-size: 100%;
    min-block-size: 0;
}

.ds-metric-view__gauge-value[b-k1vw7sq6uh] {
    color: var(--ds-color-text);
    font-size: clamp(var(--ds-text-heading-3-size), 11cqmin, var(--ds-text-heading-1-size));
    line-height: 1;
}

.ds-metric-view__gauge-title[b-k1vw7sq6uh] {
    color: var(--ds-color-text-muted);
    font-size: clamp(var(--ds-text-caption-size), 5cqmin, var(--ds-text-body-size));
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-inline-size: 100%;
}

.ds-metric-view__hero[b-k1vw7sq6uh] {
    display: grid;
    align-content: center;
    gap: var(--ds-space-0-5);
    inline-size: 100%;
    block-size: 100%;
    padding-inline: var(--ds-space-0-5);
}

.ds-metric-view__hero strong[b-k1vw7sq6uh] {
    color: var(--ds-color-text);
    font-size: clamp(var(--ds-text-heading-2-size), 9cqmin, var(--ds-text-heading-1-size));
    line-height: 1.15;
}

.ds-metric-view__hero span[b-k1vw7sq6uh] {
    color: var(--ds-color-text-muted);
    font-size: clamp(var(--ds-text-caption-size), 5cqmin, var(--ds-text-body-size));
}

.ds-metric-view__placeholder[b-k1vw7sq6uh] {
    display: grid;
    justify-items: center;
    align-content: center;
    gap: var(--ds-space-0-5);
    block-size: 100%;
    text-align: center;
    color: var(--ds-color-text-muted);
}

.ds-metric-view__placeholder strong[b-k1vw7sq6uh] { color: var(--ds-color-text); }