/* /Components/DataDisplay/OsBarChart.razor.rz.scp.css */
.os-bar-chart[b-apbea7amv4] {
    min-inline-size: 0;
    overflow-x: auto;
    container-type: inline-size;
}

.os-bar-chart__legend[b-apbea7amv4] {
    display: none;
    gap: var(--os-space-1);
    margin: 0;
    padding: 0;
    list-style: none;
}

.os-bar-chart__legend-item[b-apbea7amv4] {
    display: grid;
    grid-template-columns: var(--os-size-icon-xs) minmax(0, 1fr) auto;
    gap: var(--os-space-2);
    align-items: center;
    min-inline-size: 0;
    padding: var(--os-space-1-5) var(--os-space-2);
    border-radius: var(--os-radius-sm);
    font-size: var(--os-text-label-size);
    transition: background-color var(--os-motion-hover);
}

.os-bar-chart__legend-item:hover[b-apbea7amv4],
.os-bar-chart__legend-item--selected[b-apbea7amv4] {
    background-color: var(--os-color-surface-hover);
}

.os-bar-chart__swatch[b-apbea7amv4] {
    inline-size: var(--os-size-icon-xs);
    block-size: var(--os-size-icon-xs);
    border-radius: var(--os-radius-full);
    background: var(--os-chart-color, var(--os-color-brand-default));
}

.os-bar-chart__legend-button[b-apbea7amv4] {
    min-inline-size: 0;
    padding: 0;
    border: 0;
    background: transparent;
    color: inherit;
    font: inherit;
    text-align: start;
    cursor: pointer;
}

.os-bar-chart__legend-button:focus-visible[b-apbea7amv4] {
    outline: 2px solid var(--os-color-focus-ring);
    outline-offset: 2px;
}

.os-bar-chart__legend-label[b-apbea7amv4] {
    display: block;
    overflow: hidden;
    color: var(--os-color-text-primary);
    text-overflow: ellipsis;
    white-space: nowrap;
}

.os-bar-chart__legend-button--selected .os-bar-chart__legend-label[b-apbea7amv4] {
    font-weight: 700;
}

.os-bar-chart__legend-value[b-apbea7amv4] {
    min-inline-size: 3.5rem;
    color: var(--os-color-text-secondary);
    font-variant-numeric: tabular-nums;
    font-weight: 600;
    text-align: end;
    white-space: nowrap;
}

.os-bar-chart__axis-title[b-apbea7amv4] {
    fill: var(--os-color-text-tertiary);
    font-size: 6px;
    font-weight: var(--os-font-weight-regular);
    letter-spacing: 0.01em;
}

.os-bar-chart__svg[b-apbea7amv4] {
    display: block;
    inline-size: 100%;
    min-inline-size: 30rem;
    block-size: auto;
    overflow: visible;
    font-family: inherit;
}

.os-bar-chart__svg--compact[b-apbea7amv4] {
    display: none;
}

/* --- Axis / gridlines ---------------------------------------------------- */

.os-bar-chart__gridline[b-apbea7amv4] {
    stroke: var(--os-color-border-subtle);
    stroke-width: 1;
    shape-rendering: crispEdges;
}

.os-bar-chart__axis[b-apbea7amv4] {
    stroke: var(--os-color-border-default);
    stroke-width: 1;
    shape-rendering: crispEdges;
}

.os-bar-chart__tick-label[b-apbea7amv4] {
    fill: var(--os-color-text-secondary);
    font-family: inherit;
    font-size: calc(var(--os-text-label-size) * 0.5);
    font-weight: var(--os-font-weight-regular);
    font-variant-numeric: tabular-nums;
    text-anchor: middle;
}

/* --- Rows ------------------------------------------------------------------ */

.os-bar-chart__row-highlight[b-apbea7amv4] {
    fill: transparent;
    pointer-events: all;
    transition: fill var(--os-motion-hover);
}

.os-bar-chart__row:hover .os-bar-chart__row-highlight[b-apbea7amv4] {
    fill: var(--os-color-surface-hover);
}

.os-bar-chart__label[b-apbea7amv4],
.os-bar-chart__value[b-apbea7amv4] {
    fill: var(--os-color-text-primary);
    font-family: inherit;
    font-size: 6px;
    transition: fill var(--os-motion-hover);
}

.os-bar-chart__label[b-apbea7amv4] {
    fill: var(--os-color-text-tertiary);
}

.os-bar-chart__value[b-apbea7amv4] {
    fill: var(--os-color-text-tertiary);
    font-variant-numeric: tabular-nums;
    font-weight: 400;
    text-anchor: start;
}

.os-bar-chart__row--selected .os-bar-chart__label[b-apbea7amv4],
.os-bar-chart__row--selected .os-bar-chart__value[b-apbea7amv4] {
    fill: var(--os-color-text-primary);
    font-weight: 700;
}

/* --- Bars -------------------------------------------------------------------- */

.os-bar-chart__bar[b-apbea7amv4] {
    fill: var(--os-chart-color, var(--os-color-brand-default));
    transition: filter var(--os-motion-hover), opacity var(--os-motion-hover), stroke var(--os-motion-hover), stroke-width var(--os-motion-hover);
}

.os-bar-chart__bar:hover[b-apbea7amv4] {
    filter: brightness(0.92);
}

.os-bar-chart__bar:focus-visible[b-apbea7amv4] {
    outline: var(--os-focus-ring-width) solid var(--os-color-focus-ring);
    outline-offset: var(--os-focus-ring-offset);
}

.os-bar-chart__bar[aria-pressed="true"][b-apbea7amv4] {
    stroke: var(--os-color-text-primary);
    stroke-width: 2;
}

/* Emphasize the active selection by dimming everything else. */
.os-bar-chart__svg[data-has-selection="true"] .os-bar-chart__bar:not([aria-pressed="true"])[b-apbea7amv4] {
    opacity: 0.45;
}

.os-bar-chart__svg[data-has-selection="true"] .os-bar-chart__row:not(.os-bar-chart__row--selected) .os-bar-chart__label[b-apbea7amv4],
.os-bar-chart__svg[data-has-selection="true"] .os-bar-chart__row:not(.os-bar-chart__row--selected) .os-bar-chart__value[b-apbea7amv4] {
    fill: var(--os-color-text-tertiary);
    font-weight: 400;
}

.os-chart-empty[b-apbea7amv4] {
    display: grid;
    min-block-size: 12rem;
    place-items: center;
    color: var(--os-color-text-secondary);
}

@container (max-width: 48rem) {
    .os-bar-chart[b-apbea7amv4] {
        overflow-x: visible;
    }

    .os-bar-chart__svg[b-apbea7amv4] {
        min-inline-size: 0;
    }

    .os-bar-chart__svg:not(.os-bar-chart__svg--compact)[b-apbea7amv4] {
        display: none;
    }

    .os-bar-chart__svg--compact[b-apbea7amv4] {
        display: block;
    }

    .os-bar-chart__tick-label[b-apbea7amv4] {
        display: none;
    }

    .os-bar-chart__label[b-apbea7amv4],
    .os-bar-chart__value[b-apbea7amv4] {
        display: none;
    }

    .os-bar-chart__legend[b-apbea7amv4] {
        display: grid;
        margin-block-start: var(--os-space-3);
    }
}
/* /Components/DataDisplay/OsColumnChart.razor.rz.scp.css */
.os-column-chart[b-1wnzh0xy3y] {
    display: grid;
    grid-template-columns: 2rem minmax(0, 1fr);
    align-items: center;
    min-inline-size: 0;
    overflow-x: auto;
}

.os-column-chart__axis-title[b-1wnzh0xy3y] {
    color: var(--os-color-text-secondary);
    font-size: 8px;
    font-weight: var(--os-font-weight-regular);
    letter-spacing: 0.02em;
    line-height: 1;
    writing-mode: vertical-rl;
    transform: rotate(180deg);
    text-align: center;
}

.os-column-chart__svg[b-1wnzh0xy3y] {
    grid-column: 2;
    display: block;
    inline-size: 100%;
    min-inline-size: 50rem;
    block-size: auto;
    overflow: visible;
    font-family: inherit;
}

.os-column-chart__gridline[b-1wnzh0xy3y] {
    stroke: var(--os-color-border-subtle);
    stroke-width: 1;
    shape-rendering: crispEdges;
}

.os-column-chart__axis[b-1wnzh0xy3y] {
    stroke: var(--os-color-border-default);
    stroke-width: 1;
    shape-rendering: crispEdges;
}

.os-column-chart__axis-title[b-1wnzh0xy3y] {
    fill: var(--os-color-text-secondary);
    font-size: 8px;
    font-weight: var(--os-font-weight-regular);
    letter-spacing: 0.02em;
    text-anchor: middle;
}

.os-column-chart__tick-label[b-1wnzh0xy3y] {
    fill: var(--os-color-text-primary);
    font-family: inherit;
    font-size: calc(var(--os-text-label-size) * 0.625);
    font-weight: 400;
    font-variant-numeric: tabular-nums;
    text-anchor: end;
}

.os-column-chart__column-highlight[b-1wnzh0xy3y] {
    fill: transparent;
    pointer-events: all;
}

.os-column-chart__column:hover .os-column-chart__column-highlight[b-1wnzh0xy3y] {
    fill: var(--os-color-surface-hover);
}

.os-column-chart__label[b-1wnzh0xy3y],
.os-column-chart__value[b-1wnzh0xy3y] {
    fill: var(--os-color-text-primary);
    font-family: inherit;
    font-size: 8px;
    text-anchor: middle;
}

.os-column-chart__label[b-1wnzh0xy3y] {
    fill: var(--os-color-text-tertiary);
}

.os-column-chart__value[b-1wnzh0xy3y] {
    fill: var(--os-color-text-secondary);
    font-weight: 600;
    font-variant-numeric: tabular-nums;
}

.os-column-chart__bar[b-1wnzh0xy3y] {
    fill: var(--os-chart-color, var(--os-color-brand-default));
}

.os-column-chart__bar:focus-visible[b-1wnzh0xy3y] {
    outline: var(--os-focus-ring-width) solid var(--os-color-focus-ring);
    outline-offset: var(--os-focus-ring-offset);
}

.os-column-chart__column--selected .os-column-chart__bar[b-1wnzh0xy3y] {
    stroke: var(--os-color-text-primary);
    stroke-width: 2;
}

.os-column-chart__svg[data-has-selection="true"] .os-column-chart__bar:not([aria-pressed="true"])[b-1wnzh0xy3y] {
    opacity: 0.45;
}
/* /Components/DataDisplay/OsPieChart.razor.rz.scp.css */
.os-pie-chart[b-9su2rt73ap] {
    display: grid;
    grid-template-columns: minmax(13rem, 0.85fr) minmax(13rem, 1fr);
    gap: var(--os-space-6);
    align-items: center;
    min-inline-size: 0;
}
.os-pie-chart__visual[b-9su2rt73ap] {
    display: grid;
    place-items: center;
    min-block-size: 16rem;
}

.os-pie-chart__svg[b-9su2rt73ap] {
    inline-size: min(100%, 18rem);
    block-size: auto;
    overflow: visible;
}

.os-pie-chart__slice[b-9su2rt73ap] {
    fill: var(--os-chart-color, var(--os-color-brand-default));
    stroke: var(--os-color-surface-default);
    stroke-width: 2;
    transform-box: view-box;
    transform-origin: center;
    transition: filter var(--os-motion-hover), opacity var(--os-motion-hover), stroke-width var(--os-motion-hover), transform var(--os-motion-hover);
}

.os-pie-chart__slice:hover[b-9su2rt73ap] {
    filter: brightness(0.94);
}

.os-pie-chart__slice:focus-visible[b-9su2rt73ap] {
    outline: var(--os-focus-ring-width) solid var(--os-color-focus-ring);
    outline-offset: var(--os-focus-ring-offset);
}

.os-pie-chart__slice--selected[b-9su2rt73ap] {
    stroke: var(--os-color-surface-default);
    stroke-width: 2;
    filter: drop-shadow(0 2px 4px rgb(2 6 23 / 0.28));
    transform: scale(1.04);
}

/* Emphasize the active selection by dimming everything else. */
.os-pie-chart__svg[data-has-selection="true"] .os-pie-chart__slice:not(.os-pie-chart__slice--selected)[b-9su2rt73ap] {
    opacity: 0.5;
}

.os-pie-chart__legend[b-9su2rt73ap] {
    display: grid;
    gap: var(--os-space-1);
    margin: 0;
    padding: 0;
    list-style: none;
}

.os-pie-chart__legend-item[b-9su2rt73ap] {
    display: grid;
    grid-template-columns: var(--os-size-icon-xs) minmax(0, 1fr) auto auto;
    gap: var(--os-space-2);
    align-items: center;
    min-inline-size: 0;
    padding: var(--os-space-1-5) var(--os-space-2);
    border-radius: var(--os-radius-sm);
    font-size: var(--os-text-label-size);
    transition: background-color var(--os-motion-hover);
}

.os-pie-chart__legend-item:hover[b-9su2rt73ap] {
    background-color: var(--os-color-surface-hover);
}

.os-pie-chart__legend-item--selected[b-9su2rt73ap] {
    background-color: var(--os-color-surface-selected);
}

.os-pie-chart__swatch[b-9su2rt73ap] {
    inline-size: var(--os-size-icon-xs);
    block-size: var(--os-size-icon-xs);
    border-radius: var(--os-radius-full);
    background: var(--os-chart-color, var(--os-color-brand-default));
}

.os-pie-chart__legend-label[b-9su2rt73ap] {
    overflow: hidden;
    color: var(--os-color-text-primary);
    text-overflow: ellipsis;
    white-space: nowrap;
}

.os-pie-chart__legend-button[b-9su2rt73ap] {
    min-inline-size: 0;
    padding: 0;
    border: 0;
    background: transparent;
    color: inherit;
    text-align: start;
    cursor: pointer;
}

.os-pie-chart__legend-button:focus-visible[b-9su2rt73ap] {
    outline: 2px solid var(--os-color-focus-ring);
    outline-offset: 2px;
}

.os-pie-chart__legend-button--selected .os-pie-chart__legend-label[b-9su2rt73ap] {
    font-weight: 700;
}

.os-pie-chart__legend-percentage[b-9su2rt73ap] {
    color: var(--os-color-text-tertiary);
    font-variant-numeric: tabular-nums;
    white-space: nowrap;
}

.os-pie-chart__legend-value[b-9su2rt73ap] {
    min-inline-size: 3.5rem;
    color: var(--os-color-text-secondary);
    font-variant-numeric: tabular-nums;
    font-weight: 600;
    text-align: end;
    white-space: nowrap;
}

.os-pie-chart__legend-total[b-9su2rt73ap] {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    margin-block-start: var(--os-space-2);
    padding: var(--os-space-2) var(--os-space-2) 0;
    border-block-start: var(--os-border-width-thin) solid var(--os-color-border-subtle);
    color: var(--os-color-text-primary);
    font-weight: 700;
}

.os-pie-chart__legend-total-value[b-9su2rt73ap] {
    font-variant-numeric: tabular-nums;
}

.os-chart-empty[b-9su2rt73ap] {
    display: grid;
    min-block-size: 12rem;
    place-items: center;
    color: var(--os-color-text-secondary);
}

@media (width <= 48rem) {
    .os-pie-chart[b-9su2rt73ap] {
        grid-template-columns: 1fr;
        gap: var(--os-space-4);
    }

    .os-pie-chart__visual[b-9su2rt73ap] {
        min-block-size: 13rem;
    }

    .os-pie-chart__svg[b-9su2rt73ap] {
        inline-size: min(100%, 15rem);
    }
}
/* /Components/Feedback/ApplicationUpdateBanner.razor.rz.scp.css */
.application-update-banner[b-qo1035ug67] {
    position: fixed;
    z-index: var(--os-z-toast);
    inset-block-start: var(--os-space-3);
    inset-inline: var(--os-space-3);
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    align-items: center;
    gap: var(--os-space-3);
    max-inline-size: 64rem;
    margin-inline: auto;
    padding: var(--os-space-3) var(--os-space-4);
    border: var(--os-border-width-thin) solid var(--os-color-warning-border);
    border-inline-start: var(--os-border-width-thick) solid var(--os-color-warning-default);
    border-radius: var(--os-radius-md);
    background-color: var(--os-color-warning-subtle);
    box-shadow: var(--os-elevation-toast);
    color: var(--os-color-warning-text);
}

.application-update-banner__message[b-qo1035ug67] {
    margin: 0;
    font-size: var(--os-text-body-size);
    line-height: var(--os-text-body-line-height);
}

.application-update-banner__refresh[b-qo1035ug67] {
    display: inline-flex;
    align-items: center;
    gap: var(--os-space-1);
    min-block-size: 2.25rem;
    padding: var(--os-space-2) var(--os-space-3);
    border: var(--os-border-width-thin) solid currentColor;
    border-radius: var(--os-radius-sm);
    background: transparent;
    color: inherit;
    cursor: pointer;
    font: inherit;
    font-weight: var(--os-font-weight-semibold);
    white-space: nowrap;
}

.application-update-banner__refresh:hover[b-qo1035ug67] {
    background-color: color-mix(in srgb, currentColor 10%, transparent);
}

.application-update-banner__refresh:focus-visible[b-qo1035ug67] {
    outline: var(--os-focus-ring-width) solid var(--os-color-focus-ring);
    outline-offset: var(--os-focus-ring-offset);
}

@media (width <= 48rem) {
    .application-update-banner[b-qo1035ug67] {
        grid-template-columns: auto minmax(0, 1fr);
    }

    .application-update-banner__refresh[b-qo1035ug67] {
        grid-column: 1 / -1;
        justify-content: center;
        inline-size: 100%;
    }
}
/* /Components/Feedback/OsErrorState.razor.rz.scp.css */
.os-error-state__actions[b-wf7hcef93d] {
    display: flex;
    flex-wrap: wrap;
    gap: var(--os-space-2);
    margin-block-start: var(--os-space-2);
}

.os-error-state__reference[b-wf7hcef93d] {
    color: var(--os-color-text-secondary);
    font-size: var(--os-font-size-sm);
    margin-block: var(--os-space-2) 0;
}

.os-error-state__reference code[b-wf7hcef93d] {
    font-family: var(--os-font-family-mono);
    overflow-wrap: anywhere;
}

@media (max-width: 48rem) {
    .os-error-state__actions[b-wf7hcef93d] {
        align-items: stretch;
        flex-direction: column;
    }
}
/* /Components/Feedback/OsNotificationHost.razor.rz.scp.css */
.os-notification-host[b-2n067toeln] {
    position: fixed;
    z-index: var(--os-z-toast);
    inset-block-start: var(--os-shell-toast-inset);
    inset-inline-end: var(--os-shell-toast-inset);
    inline-size: min(var(--os-shell-toast-width), calc(100vw - 2rem));
    pointer-events: none;
}

.os-notification-host__live-region[b-2n067toeln] {
    display: grid;
    gap: var(--os-space-2);
}

.os-notification[b-2n067toeln] {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    align-items: start;
    gap: var(--os-space-2);
    padding: var(--os-space-3);
    border: var(--os-border-width-thin) solid var(--os-notification-border);
    border-inline-start: var(--os-border-width-thick) solid var(--os-notification-accent);
    border-radius: var(--os-radius-md);
    background-color: var(--os-notification-surface);
    box-shadow: var(--os-elevation-toast);
    color: var(--os-notification-text);
    pointer-events: auto;
}

.os-notification--success[b-2n067toeln] {
    --os-notification-accent: var(--os-color-success-default);
    --os-notification-border: var(--os-color-success-border);
    --os-notification-surface: var(--os-color-success-subtle);
    --os-notification-text: var(--os-color-success-text);
}

.os-notification--warning[b-2n067toeln] {
    --os-notification-accent: var(--os-color-warning-default);
    --os-notification-border: var(--os-color-warning-border);
    --os-notification-surface: var(--os-color-warning-subtle);
    --os-notification-text: var(--os-color-warning-text);
}

.os-notification--error[b-2n067toeln] {
    --os-notification-accent: var(--os-color-danger-default);
    --os-notification-border: var(--os-color-danger-border);
    --os-notification-surface: var(--os-color-danger-subtle);
    --os-notification-text: var(--os-color-danger-text);
}

.os-notification--info[b-2n067toeln] {
    --os-notification-accent: var(--os-color-info-default);
    --os-notification-border: var(--os-color-info-border);
    --os-notification-surface: var(--os-color-info-subtle);
    --os-notification-text: var(--os-color-info-text);
}

.os-notification__icon[b-2n067toeln] {
    display: inline-grid;
    place-items: center;
    color: var(--os-notification-accent);
}

.os-notification__content[b-2n067toeln] {
    display: grid;
    gap: var(--os-space-0-5);
    min-inline-size: 0;
}

.os-notification__title[b-2n067toeln] {
    font-size: var(--os-text-label-size);
    font-weight: var(--os-font-weight-semibold);
}

.os-notification__message[b-2n067toeln] {
    font-size: var(--os-text-body-size);
    line-height: var(--os-text-body-line-height);
}

.os-notification__dismiss[b-2n067toeln] {
    display: inline-grid;
    place-items: center;
    inline-size: 2rem;
    block-size: 2rem;
    padding: 0;
    border: 0;
    border-radius: var(--os-radius-sm);
    background: transparent;
    color: var(--os-notification-text);
    cursor: pointer;
}

.os-notification__dismiss:hover[b-2n067toeln] {
    background-color: color-mix(in srgb, var(--os-notification-text) 10%, transparent);
    color: var(--os-notification-text);
}

.os-notification__dismiss:focus-visible[b-2n067toeln] {
    outline: var(--os-focus-ring-width) solid var(--os-color-focus-ring);
    outline-offset: var(--os-focus-ring-offset);
}

@media (width <= 48rem) {
    .os-notification-host[b-2n067toeln] {
        inset-block-start: var(--os-space-3);
        inset-inline: var(--os-space-3);
        inline-size: auto;
    }
}
/* /Components/Forms/OsDateRangeSelector.razor.rz.scp.css */
.os-date-range-selector[b-4wr2vrlxk3] {
    display: grid;
    gap: var(--os-space-3);
    min-inline-size: 0;
    inline-size: 100%;
}

.os-date-range-selector__preset-pills[b-4wr2vrlxk3] {
    display: flex;
    flex-wrap: wrap;
    gap: var(--os-space-2);
    align-items: end;
    min-inline-size: 0;
}

.os-date-range-selector__preset-pill[b-4wr2vrlxk3] {
    min-block-size: var(--os-size-control-md);
    padding-block: var(--os-space-2);
    padding-inline: var(--os-space-3);
    border: var(--os-border-width-thin) solid var(--os-color-border-default);
    border-radius: var(--os-radius-full);
    background: var(--os-color-surface-default);
    color: var(--os-color-text-secondary);
    font: inherit;
    font-size: var(--os-text-label-size);
    font-weight: var(--os-text-label-weight);
    white-space: nowrap;
    cursor: pointer;
}

.os-date-range-selector__preset-pill:hover[b-4wr2vrlxk3],
.os-date-range-selector__preset-pill:focus-visible[b-4wr2vrlxk3] {
    border-color: var(--os-color-brand-border);
    background: var(--os-color-brand-subtle-hover);
    color: var(--os-color-brand-text);
}

.os-date-range-selector__preset-pill--selected[b-4wr2vrlxk3] {
    border-color: var(--os-color-brand-border);
    background: var(--os-color-brand-subtle);
    color: var(--os-color-brand-text);
    font-weight: var(--os-text-label-weight);
    box-shadow: inset 0 calc(var(--os-border-width-thick) * -1) 0 var(--os-color-brand-default);
}

.os-date-range-selector__preset-pill:disabled[b-4wr2vrlxk3] {
    color: var(--os-color-text-disabled);
    cursor: not-allowed;
}

.os-date-range-selector__fieldset[b-4wr2vrlxk3] {
    display: grid;
    gap: var(--os-space-4);
    min-inline-size: 0;
    margin: 0;
    padding: 0;
    border: 0;
}

.os-date-range-selector__legend[b-4wr2vrlxk3] {
    margin-block-end: var(--os-space-1);
    color: var(--os-color-text-primary);
    font-size: var(--os-text-card-title-size);
    font-weight: var(--os-text-card-title-weight);
    line-height: var(--os-text-card-title-line-height);
}

.os-date-range-selector__controls[b-4wr2vrlxk3] {
    display: grid;
    grid-template-columns: minmax(14rem, 1.35fr) minmax(12rem, 1fr) auto minmax(12rem, 1fr) auto;
    gap: var(--os-space-3);
    align-items: end;
}

.os-date-range-selector__controls--preset-only[b-4wr2vrlxk3] {
    grid-template-columns: minmax(14rem, 24rem);
}

.os-date-range-selector__controls--preset-only .os-date-range-selector__preset-field[b-4wr2vrlxk3] {
    grid-column: auto;
}

.os-date-range-selector__controls--inline-dates[b-4wr2vrlxk3] {
    display: flex;
    flex-wrap: wrap;
    gap: var(--os-space-3) var(--os-space-4);
    justify-content: flex-start;
    align-items: center;
}

.os-date-range-selector__controls--inline-dates[b-4wr2vrlxk3]  .os-date-picker {
    display: flex;
    flex: 0 1 19rem;
    align-items: center;
    gap: var(--os-space-2);
    max-inline-size: 19rem;
}

.os-date-range-selector__controls--inline-dates[b-4wr2vrlxk3]  .os-date-picker__label {
    white-space: nowrap;
}

.os-date-range-selector__controls--inline-dates[b-4wr2vrlxk3]  .os-date-picker__control {
    flex: 1 1 10rem;
    min-inline-size: 0;
    max-inline-size: none;
}

.os-date-range-selector__controls--inline-dates > .os-button[b-4wr2vrlxk3] {
    align-self: center;
    flex: 0 0 auto;
}

.os-date-range-selector__preset-field[b-4wr2vrlxk3] {
    min-inline-size: 0;
}

.os-date-range-selector__separator[b-4wr2vrlxk3] {
    padding-block-end: var(--os-space-3);
    color: var(--os-color-text-secondary);
    font-size: var(--os-text-label-size);
}

.os-date-range-selector__status[b-4wr2vrlxk3] {
    min-block-size: 1.25rem;
    padding-block-start: var(--os-space-1);
    color: var(--os-color-text-secondary);
    font-size: var(--os-text-label-size);
}

.os-date-range-selector__summary strong[b-4wr2vrlxk3] {
    color: var(--os-color-text-primary);
}

.os-date-range-selector__error[b-4wr2vrlxk3] {
    color: var(--os-color-danger-text);
}

@media (width <= 60rem) {
    .os-date-range-selector__controls[b-4wr2vrlxk3] {
        grid-template-columns: minmax(12rem, 1fr) minmax(11rem, 1fr) auto;
    }

    .os-date-range-selector__preset-field[b-4wr2vrlxk3] {
        grid-column: 1 / -1;
    }

    .os-date-range-selector__separator[b-4wr2vrlxk3] {
        display: none;
    }
}

@media (width <= 40rem) {
    .os-date-range-selector__preset-pills[b-4wr2vrlxk3] {
        align-items: stretch;
    }

    .os-date-range-selector__preset-pill[b-4wr2vrlxk3] {
        flex: 1 1 calc(50% - var(--os-space-2));
    }

    .os-date-range-selector__controls[b-4wr2vrlxk3] {
        grid-template-columns: 1fr;
    }

    .os-date-range-selector__controls--inline-dates[b-4wr2vrlxk3] {
        display: grid;
        grid-template-columns: 1fr;
    }

    .os-date-range-selector__controls--inline-dates[b-4wr2vrlxk3]  .os-date-picker {
        display: grid;
        grid-template-columns: 1fr;
        row-gap: var(--os-space-1);
        max-inline-size: none;
    }

    .os-date-range-selector__preset-field[b-4wr2vrlxk3] {
        grid-column: auto;
    }

    .os-date-range-selector__separator[b-4wr2vrlxk3] {
        display: block;
        padding-block: 0;
        text-align: center;
    }

    .os-date-range-selector__controls > .os-button[b-4wr2vrlxk3] {
        inline-size: 100%;
    }
}
/* /Components/Forms/OsFormSection.razor.rz.scp.css */
.os-form-section--plain[b-shggug91ty] {
    gap: 0;
    padding-block: var(--os-space-6) 0;
    padding-inline: 0;
    border: 0;
    border-radius: 0;
}

.os-form-section--plain + .os-form-section--plain[b-shggug91ty] {
    margin-block-start: 0;
    padding-block-start: var(--os-space-8);
}

.os-form-section--plain .os-form-section__legend[b-shggug91ty] {
    align-items: center;
    display: flex;
    gap: var(--os-space-3);
    inline-size: 100%;
    padding-block-end: var(--os-space-3);
    padding-inline: 0;
    border-block-end: 1px solid var(--os-color-border-subtle);
    color: var(--os-color-text-primary);
    font-size: var(--os-font-size-lg);
    font-weight: var(--os-font-weight-semibold);
}

.os-form-section--plain .os-form-section__header-content[b-shggug91ty] {
    display: grid;
    gap: var(--os-space-1);
}

.os-form-section__icon[b-shggug91ty] {
    align-items: center;
    display: inline-flex;
    justify-content: center;
    inline-size: var(--os-size-icon-lg);
    block-size: var(--os-size-icon-lg);
    border-radius: var(--os-radius-md);
    background: var(--os-color-brand-subtle);
    color: var(--os-color-brand-text);
}

.os-form-section__description[b-shggug91ty] {
    margin: 0;
    font-size: var(--os-text-caption-size);
    color: var(--os-color-text-secondary);
}

.os-form-section--plain .os-form-section__content[b-shggug91ty] {
    padding-block-start: var(--os-space-4);
    padding-inline-start: var(--os-space-10);
}

@media (max-width: 48rem) {
    .os-form-section--plain .os-form-section__content[b-shggug91ty] {
        padding-inline-start: var(--os-space-4);
    }
}
/* /Components/Forms/OsWeekPicker.razor.rz.scp.css */
.os-week-picker[b-7rczy5ixg4] {
    position: relative;
    min-inline-size: 0;
}

.os-week-picker__control[b-7rczy5ixg4] {
    display: flex;
    align-items: center;
    gap: var(--os-space-2);
    min-inline-size: 0;
    padding: 0.375rem;
    border: var(--os-border-width-thin) solid var(--os-color-border-default);
    border-radius: var(--os-radius-lg);
    background-color: var(--os-color-surface-subtle);
}

.os-week-picker__navigation-button[b-7rczy5ixg4],
.os-week-picker__range[b-7rczy5ixg4],
.os-week-picker__month-button[b-7rczy5ixg4],
.os-week-picker__week-number[b-7rczy5ixg4],
.os-week-picker__day[b-7rczy5ixg4],
.os-week-picker__today[b-7rczy5ixg4],
.os-week-picker__close[b-7rczy5ixg4] {
    border: 0;
    font: inherit;
    cursor: pointer;
}

.os-week-picker__navigation-button[b-7rczy5ixg4],
.os-week-picker__month-button[b-7rczy5ixg4] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: var(--os-space-1);
    place-items: center;
    min-inline-size: 2.5rem;
    block-size: 2.5rem;
    flex: 0 0 auto;
    padding-inline: var(--os-space-2);
    border: var(--os-border-width-thin) solid var(--os-color-border-default);
    border-radius: var(--os-radius-md);
    background-color: var(--os-color-surface-default);
    color: var(--os-color-text-secondary);
}

.os-week-picker__navigation-label[b-7rczy5ixg4] {
    font-size: var(--os-text-label-size);
    font-weight: var(--os-font-weight-semibold);
    white-space: nowrap;
}

.os-week-picker__navigation-button:hover[b-7rczy5ixg4],
.os-week-picker__month-button:hover[b-7rczy5ixg4] {
    color: var(--os-color-brand-text);
}

.os-week-picker__range[b-7rczy5ixg4] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: var(--os-space-2);
    min-inline-size: 15rem;
    min-block-size: 2.5rem;
    padding-inline: var(--os-space-3);
    border: var(--os-border-width-thin) solid var(--os-color-border-default);
    border-radius: var(--os-radius-md);
    background-color: var(--os-color-surface-default);
    color: var(--os-color-text-primary);
    font-size: var(--os-text-body-strong-size);
    font-weight: var(--os-font-weight-semibold);
    letter-spacing: var(--os-letter-spacing-tight);
    white-space: nowrap;
}

.os-week-picker__range:hover[b-7rczy5ixg4] {
    color: var(--os-color-brand-text);
}

.os-week-picker__calendar[b-7rczy5ixg4] {
    position: absolute;
    z-index: 20;
    inset-block-start: calc(100% + var(--os-space-2));
    inset-inline-start: 0;
    inline-size: min(33rem, calc(100vw - 2rem));
    padding: var(--os-space-3);
    border: var(--os-border-width-thin) solid var(--os-color-border-default);
    border-radius: var(--os-radius-lg);
    background-color: var(--os-color-surface-default);
    box-shadow: var(--os-shadow-lg);
}

.os-week-picker__calendar-toolbar[b-7rczy5ixg4],
.os-week-picker__actions[b-7rczy5ixg4] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--os-space-2);
}

.os-week-picker__month-selects[b-7rczy5ixg4] {
    display: flex;
    align-items: center;
    gap: var(--os-space-2);
}

.os-week-picker__month-selects select[b-7rczy5ixg4] {
    min-inline-size: 9rem;
    min-block-size: 2.25rem;
    padding-inline: var(--os-space-2);
    border: var(--os-border-width-thin) solid var(--os-color-border-default);
    border-radius: var(--os-radius-md);
    background-color: var(--os-color-surface-default);
    color: var(--os-color-text-primary);
    font: inherit;
}

.os-week-picker__calendar-body[b-7rczy5ixg4] {
    max-block-size: min(20rem, calc(100dvh - 14rem));
    overflow-y: auto;
    scrollbar-gutter: stable;
}

.os-week-picker__weekdays[b-7rczy5ixg4],
.os-week-picker__week[b-7rczy5ixg4] {
    display: grid;
    grid-template-columns: 3.25rem repeat(7, minmax(2rem, 1fr));
    align-items: center;
    gap: 0.125rem;
}

.os-week-picker__weekdays[b-7rczy5ixg4] {
    margin-block-start: var(--os-space-3);
    color: var(--os-color-text-tertiary);
    font-size: var(--os-text-label-size);
    font-weight: var(--os-font-weight-semibold);
    text-align: center;
    text-transform: uppercase;
}

.os-week-picker__weeks[b-7rczy5ixg4] {
    display: grid;
    gap: 0.125rem;
    margin-block: var(--os-space-2) var(--os-space-3);
}

.os-week-picker__week[b-7rczy5ixg4] {
    border-radius: var(--os-radius-md);
}

.os-week-picker__week--selected[b-7rczy5ixg4] {
    background-color: var(--os-color-brand-subtle);
}

.os-week-picker__week--current:not(.os-week-picker__week--selected)[b-7rczy5ixg4] {
    outline: var(--os-border-width-thin) solid var(--os-color-brand-border);
    outline-offset: -1px;
}

.os-week-picker__week-number[b-7rczy5ixg4],
.os-week-picker__day[b-7rczy5ixg4] {
    min-block-size: 2.25rem;
    background: transparent;
    color: var(--os-color-text-primary);
}

.os-week-picker__week-number[b-7rczy5ixg4] {
    color: var(--os-color-text-secondary);
    font-size: var(--os-text-label-size);
    font-weight: var(--os-font-weight-semibold);
}

.os-week-picker__day[b-7rczy5ixg4] {
    border-radius: var(--os-radius-sm);
}

.os-week-picker__week:hover[b-7rczy5ixg4],
.os-week-picker__week:hover .os-week-picker__week-number[b-7rczy5ixg4],
.os-week-picker__week:hover .os-week-picker__day[b-7rczy5ixg4] {
    background-color: var(--os-color-brand-subtle-hover);
}

.os-week-picker__week-number:hover[b-7rczy5ixg4],
.os-week-picker__day:hover[b-7rczy5ixg4] {
    color: var(--os-color-brand-text);
}

.os-week-picker__day--outside[b-7rczy5ixg4] {
    color: var(--os-color-text-tertiary);
}

.os-week-picker__today[b-7rczy5ixg4],
.os-week-picker__close[b-7rczy5ixg4] {
    min-block-size: 2.25rem;
    padding-inline: var(--os-space-3);
    border-radius: var(--os-radius-md);
    background-color: transparent;
    color: var(--os-color-brand-text);
    font-size: var(--os-text-label-size);
    font-weight: var(--os-font-weight-semibold);
}

.os-week-picker__close[b-7rczy5ixg4] {
    color: var(--os-color-text-secondary);
}

.os-week-picker button:focus-visible[b-7rczy5ixg4],
.os-week-picker select:focus-visible[b-7rczy5ixg4] {
    outline: var(--os-focus-ring-width) solid var(--os-color-focus-ring);
    outline-offset: var(--os-focus-ring-offset);
}

@media (width <= 48rem) {
    .os-week-picker__range[b-7rczy5ixg4] {
        min-inline-size: 0;
        flex: 1 1 auto;
    }

    .os-week-picker__calendar[b-7rczy5ixg4] {
        inset-inline-end: 0;
        inline-size: min(33rem, calc(100vw - 2rem));
    }
}

@media (width <= 30rem) {
    .os-week-picker__weekdays[b-7rczy5ixg4],
    .os-week-picker__week[b-7rczy5ixg4] {
        grid-template-columns: 2.5rem repeat(7, minmax(1.5rem, 1fr));
    }

    .os-week-picker__week-number[b-7rczy5ixg4],
    .os-week-picker__day[b-7rczy5ixg4] {
        min-block-size: 2rem;
        padding-inline: 0;
        font-size: var(--os-text-caption-size);
    }
}
/* /Components/Navigation/OsTopNavigation.razor.rz.scp.css */
.os-top-navigation[b-9h4t6wamys] {
    display: flex;
    position: relative;
    grid-column: 1 / -1;
    grid-row: 1;
    align-items: center;
    gap: var(--os-space-5);
    min-inline-size: 0;
    block-size: var(--os-shell-header-height);
    min-block-size: var(--os-shell-header-height);
    padding-inline: var(--os-space-3) var(--os-space-6);
    border-block-end: var(--os-border-width-thin) solid var(--os-color-border-subtle);
    background-color: var(--os-color-surface-default);
    color: var(--os-color-text-primary);
    white-space: nowrap;
}

@media (width >= 64rem) {
    .os-navigation-shell .os-top-navigation__brand-region[b-9h4t6wamys] {
        position: relative;
        display: flex;
        flex: none;
        inline-size: calc(var(--os-shell-nav-width) - var(--os-space-3));
        box-sizing: border-box;
        border-inline-end: var(--os-border-width-thin) solid var(--os-color-border-subtle);
    }

    .os-navigation-shell .os-top-navigation__brand-region .os-top-navigation__menu[b-9h4t6wamys] {
        position: absolute;
        inset-inline-end: 0;
    }

    .os-navigation-shell.os-navigation-shell--collapsed .os-top-navigation__brand-region[b-9h4t6wamys] {
        inline-size: calc(var(--os-shell-nav-width-collapsed) - var(--os-space-3));
    }
}

.os-top-navigation__menu[b-9h4t6wamys] {
    display: grid;
    flex: none;
    place-items: center;
    inline-size: var(--os-size-control-md);
    block-size: var(--os-size-control-md);
    padding: 0;
    border: var(--os-border-width-thin) solid transparent;
    border-radius: var(--os-radius-md);
    background: transparent;
    color: var(--os-color-text-secondary);
    cursor: pointer;
}

.os-top-navigation__brand-region[b-9h4t6wamys] {
    display: contents;
}

.os-top-navigation__brand[b-9h4t6wamys] {
    display: flex;
    flex: none;
    align-items: center;
    gap: var(--os-space-2);
    padding-inline-end: var(--os-space-5);
    border-inline-end: 0;
}

.os-top-navigation__logo[b-9h4t6wamys] {
    flex: none;
    inline-size: var(--os-size-control-md);
    block-size: var(--os-size-control-md);
}

.os-top-navigation__logo-link[b-9h4t6wamys] {
    display: inline-flex;
    flex: none;
    align-items: center;
    gap: var(--os-space-3);
    border-radius: var(--os-radius-md);
}

.os-top-navigation__logo-link:focus-visible[b-9h4t6wamys] {
    outline: var(--os-focus-ring-width) solid var(--os-color-focus-ring);
    outline-offset: var(--os-focus-ring-offset);
}

.os-top-navigation__menu:hover[b-9h4t6wamys],
.os-top-navigation__menu:focus-visible[b-9h4t6wamys] {
    border-color: var(--os-color-border-subtle);
    background-color: var(--os-color-surface-hover);
    color: var(--os-color-text-primary);
}

.os-top-navigation__context[b-9h4t6wamys] {
    display: flex;
    flex: none;
    align-items: baseline;
    gap: var(--os-space-4);
    min-inline-size: 0;
}

.os-top-navigation__organization[b-9h4t6wamys],
.os-top-navigation__account a[b-9h4t6wamys] {
    color: var(--os-color-text-primary);
    text-decoration: none;
}

.os-top-navigation__organization[b-9h4t6wamys] {
    overflow: hidden;
    font-size: var(--os-text-card-title-size);
    font-weight: var(--os-font-weight-semibold);
    line-height: var(--os-text-card-title-line-height);
    text-overflow: ellipsis;
    white-space: nowrap;
}

.os-top-navigation__product[b-9h4t6wamys] {
    color: var(--os-color-text-secondary);
    flex: none;
    font-weight: var(--os-font-weight-semibold);
    letter-spacing: var(--os-text-label-tracking);
}

.os-navigation-shell--collapsed .os-top-navigation__product[b-9h4t6wamys] {
    display: none;
}

.os-top-navigation__breadcrumbs[b-9h4t6wamys] {
    display: flex;
    flex: 1 1 auto;
    gap: var(--os-space-2);
    min-inline-size: 0;
    align-items: center;
    overflow: hidden;
    color: var(--os-color-text-secondary);
    text-overflow: ellipsis;
}

.os-top-navigation__breadcrumbs a[b-9h4t6wamys] {
    color: inherit;
}

.os-top-navigation__account[b-9h4t6wamys] {
    flex: none;
    margin-inline-start: auto;
}

@media (width < 64rem) {
    .os-top-navigation[b-9h4t6wamys] {
        min-block-size: var(--os-shell-header-height-compact);
        block-size: auto;
        flex-wrap: wrap;
        padding: var(--os-space-4);
    }

    .os-top-navigation__context[b-9h4t6wamys] {
        flex: 1 1 auto;
        min-inline-size: 0;
    }

    .os-top-navigation__breadcrumbs[b-9h4t6wamys] {
        flex-basis: 100%;
        order: 3;
    }

    .os-top-navigation__account[b-9h4t6wamys] {
        margin-inline-start: 0;
    }
}
/* /Layouts/BaseLayout.razor.rz.scp.css */
.page[b-dlb74qlh1b] {
    position: relative;
    display: flex;
    flex-direction: column;
}

main[b-dlb74qlh1b] {
    flex: 1;
}

.sidebar[b-dlb74qlh1b] {
    background-image: linear-gradient(180deg, rgb(5, 39, 103) 0%, #3a0647 70%);
}

.top-row[b-dlb74qlh1b] {
    background-color: #f7f7f7;
    border-bottom: 1px solid #d6d5d5;
    justify-content: flex-end;
    height: 3.5rem;
    display: flex;
    align-items: center;
}

    .top-row[b-dlb74qlh1b]  a, .top-row[b-dlb74qlh1b]  .btn-link {
        white-space: nowrap;
        margin-left: 1.5rem;
        text-decoration: none;
    }

    .top-row[b-dlb74qlh1b]  a:hover, .top-row[b-dlb74qlh1b]  .btn-link:hover {
        text-decoration: underline;
    }

    .top-row[b-dlb74qlh1b]  a:first-child {
        overflow: hidden;
        text-overflow: ellipsis;
    }

@media (max-width: 640.98px) {
    .top-row:not(.auth)[b-dlb74qlh1b] {
        display: none;
    }

    .top-row.auth[b-dlb74qlh1b] {
        justify-content: space-between;
    }

    .top-row[b-dlb74qlh1b]  a, .top-row[b-dlb74qlh1b]  .btn-link {
        margin-left: 0;
    }
}

@media (min-width: 641px) {
    .page[b-dlb74qlh1b] {
        flex-direction: row;
    }

    .sidebar[b-dlb74qlh1b] {
        width: 250px;
        height: 100vh;
        position: sticky;
        top: 0;
    }

    .top-row[b-dlb74qlh1b] {
        position: sticky;
        top: 0;
        z-index: 1;
    }

    .top-row.auth[b-dlb74qlh1b]  a:first-child {
        flex: 1;
        text-align: right;
        width: 0;
    }

    .top-row[b-dlb74qlh1b], article[b-dlb74qlh1b] {
        padding-left: 2rem !important;
        padding-right: 1.5rem !important;
    }
}
/* /Layouts/BaseMenuLayout.razor.rz.scp.css */
.page[b-21kitq6ayb] {
    position: relative;
    display: flex;
    flex-direction: column;
}

main[b-21kitq6ayb] {
    flex: 1;
}

.sidebar[b-21kitq6ayb] {
    background-image: linear-gradient(180deg, rgb(5, 39, 103) 0%, #3a0647 70%);
}

.top-row[b-21kitq6ayb] {
    background-color: #f7f7f7;
    border-bottom: 1px solid #d6d5d5;
    justify-content: flex-end;
    height: 3.5rem;
    display: flex;
    align-items: center;
}

    .top-row[b-21kitq6ayb]  a, .top-row[b-21kitq6ayb]  .btn-link {
        white-space: nowrap;
        margin-left: 1.5rem;
        text-decoration: none;
    }

    .top-row[b-21kitq6ayb]  a:hover, .top-row[b-21kitq6ayb]  .btn-link:hover {
        text-decoration: underline;
    }

    .top-row[b-21kitq6ayb]  a:first-child {
        overflow: hidden;
        text-overflow: ellipsis;
    }

@media (max-width: 640.98px) {
    .top-row:not(.auth)[b-21kitq6ayb] {
        display: none;
    }

    .top-row.auth[b-21kitq6ayb] {
        justify-content: space-between;
    }

    .top-row[b-21kitq6ayb]  a, .top-row[b-21kitq6ayb]  .btn-link {
        margin-left: 0;
    }
}

@media (min-width: 641px) {
    .page[b-21kitq6ayb] {
        flex-direction: row;
    }

    .sidebar[b-21kitq6ayb] {
        width: 250px;
        height: 100vh;
        position: sticky;
        top: 0;
    }

    .top-row[b-21kitq6ayb] {
        position: sticky;
        top: 0;
        z-index: 1;
    }

    .top-row.auth[b-21kitq6ayb]  a:first-child {
        flex: 1;
        text-align: right;
        width: 0;
    }

    .top-row[b-21kitq6ayb], article[b-21kitq6ayb] {
        padding-left: 2rem !important;
        padding-right: 1.5rem !important;
    }
}

.current-organization-name[b-21kitq6ayb] {
    font-size: 28px; /* Larger font size for prominence */
    font-weight: 700; /* Bold font weight */
    color: #377dff; /* Color matching the theme */
    margin-right: 20px; /* Increased spacing between organization name and OfficeSeries */
    
}

.no-underline[b-21kitq6ayb], .no-underline:hover[b-21kitq6ayb] {
    text-decoration: none !important;
}



.office-series-name[b-21kitq6ayb] {
    text-decoration: none;
    color: #6c757d; /* More subdued color */
    font-size: 18px; /* Smaller font size */
    font-weight: 400; /* Normal font weight for a less prominent appearance */
    opacity: 0.8; /* Slightly lower opacity for a more subdued look */
    vertical-align: middle; /* Adjust vertical alignment */
    position: relative;
    top: 2px; /* Slightly lower the position */
}

/* /Layouts/OfficeSeriesProfileV2Layout.razor.rz.scp.css */
.os-profile-v2-shell__header[b-kkted5xl60] {
    grid-column: 1 / -1;
    grid-row: 1;
    display: flex;
    align-items: center;
    block-size: var(--os-shell-header-height);
    min-block-size: var(--os-shell-header-height);
    padding-inline: var(--os-space-3) var(--os-space-6);
    white-space: nowrap;
    border-block-end: var(--os-border-width-thin) solid var(--os-color-border-subtle);
    background: var(--os-color-surface-default);
}

.os-profile-v2-shell__menu[b-kkted5xl60] {
    display: grid;
    flex: none;
    place-items: center;
    inline-size: var(--os-size-control-md);
    block-size: var(--os-size-control-md);
    padding: 0;
    border: var(--os-border-width-thin) solid transparent;
    border-radius: var(--os-radius-md);
    background: transparent;
    color: var(--os-color-text-secondary);
    cursor: pointer;
}

.os-profile-v2-shell__menu .os-icon[b-kkted5xl60] {
    inline-size: var(--os-size-icon-sm);
    block-size: var(--os-size-icon-sm);
}

.os-profile-v2-shell__menu:hover[b-kkted5xl60],
.os-profile-v2-shell__menu:focus-visible[b-kkted5xl60] {
    border-color: var(--os-color-border-subtle);
    background: var(--os-color-surface-hover);
    color: var(--os-color-text-primary);
}

@media (width >= 64rem) {
    .os-profile-v2-shell__header[b-kkted5xl60] {
        padding-inline: var(--os-space-3) var(--os-space-8);
        flex-wrap: nowrap;
    }
}

.os-profile-v2-shell__brand[b-kkted5xl60] {
    display: flex;
    align-items: center;
    gap: var(--os-space-2);
    min-block-size: 100%;
    color: var(--os-color-text-primary);
    text-decoration: none;
}

.os-profile-v2-shell__brand-mark[b-kkted5xl60] {
    display: grid;
    flex: none;
    place-items: center;
    inline-size: var(--os-size-control-sm);
    block-size: var(--os-size-control-sm);
}

.os-profile-v2-shell__brand-logo[b-kkted5xl60] {
    inline-size: 100%;
    block-size: 100%;
}

.os-sidebar--rail .os-profile-v2-shell__brand[b-kkted5xl60] {
    justify-content: center;
}

.os-sidebar--rail .os-profile-v2-shell__brand-name[b-kkted5xl60] {
    display: none;
}

.os-profile-v2-shell__brand-name[b-kkted5xl60] {
    font-size: var(--os-text-label-size);
    font-weight: var(--os-font-weight-semibold);
    line-height: var(--os-text-label-line-height);
    letter-spacing: var(--os-text-label-tracking);
}

.os-profile-v2-shell__main[b-kkted5xl60] {
    min-inline-size: 0;
    min-block-size: 0;
    inline-size: 100%;
    padding: var(--os-space-6);
}

@media (width >= 64rem) {
    .os-profile-v2-shell__main[b-kkted5xl60] {
        padding: var(--os-space-8) var(--os-space-10);
    }
}

.os-profile-v2-shell__organization[b-kkted5xl60] {
    color: var(--os-color-text-primary);
    text-decoration: none;
}

.os-profile-v2-shell__profile-menu[b-kkted5xl60] {
    display: inline-block;
}

.os-profile-v2-shell__profile-menu[b-kkted5xl60]  .os-menu-button__trigger {
    min-block-size: 3.25rem;
    gap: var(--os-space-3);
    padding: var(--os-space-1) var(--os-space-4) var(--os-space-1) var(--os-space-2);
    border: 2px solid var(--os-color-brand-border);
    border-radius: 1.5rem;
    background: var(--os-color-surface-default);
    color: var(--os-color-text-primary);
}

.os-profile-v2-shell__profile-menu-trigger-avatar[b-kkted5xl60] {
    display: block;
    flex: none;
}

.os-profile-v2-shell__profile-menu[b-kkted5xl60]  .os-menu-button__trigger:hover,
.os-profile-v2-shell__profile-menu[b-kkted5xl60]  .os-menu-button__trigger:focus-visible,
.os-profile-v2-shell__profile-menu[b-kkted5xl60]  .os-menu-button__trigger[aria-expanded="true"] {
    border-color: var(--os-color-brand-border);
    background: var(--os-color-brand-subtle);
}

.os-profile-v2-shell__profile-menu[b-kkted5xl60]  .os-menu-button__menu {
    min-inline-size: min(32rem, calc(100vw - 1rem));
    padding: 0;
    border-radius: 1.25rem;
    border-color: var(--os-color-border-default);
    background: var(--os-color-surface-overlay);
    color: var(--os-color-text-primary);
    overflow: hidden;
}

.os-profile-v2-shell__profile-menu[b-kkted5xl60]  .os-profile-v2-shell__profile-menu-chevron {
    transition: transform var(--os-motion-hover);
}

.os-profile-v2-shell__profile-menu[b-kkted5xl60]  .os-menu-button__trigger[aria-expanded="true"] .os-profile-v2-shell__profile-menu-chevron {
    transform: rotate(180deg);
}

.os-profile-v2-shell__profile-summary[b-kkted5xl60] {
    display: grid;
    min-inline-size: 9rem;
    gap: 0.1rem;
    text-align: start;
}

.os-profile-v2-shell__profile-menu[b-kkted5xl60]  .os-profile-v2-shell__profile-menu-trigger-avatar,
.os-profile-v2-shell__profile-menu[b-kkted5xl60]  .os-profile-v2-shell__profile-menu-header .os-avatar {
    --os-avatar-background: var(--os-color-brand-default);
    --os-avatar-foreground: var(--os-color-text-on-brand);
    --os-avatar-border: var(--os-color-brand-default);

    position: relative;
    overflow: visible;
}

.os-profile-v2-shell__profile-menu[b-kkted5xl60]  .os-profile-v2-shell__profile-menu-trigger-avatar img {
    border-radius: 50%;
}

.os-profile-v2-shell__profile-menu[b-kkted5xl60]  .os-profile-v2-shell__profile-menu-trigger-avatar::after {
    position: absolute;
    inset-block-end: -1px;
    inset-inline-end: -1px;
    inline-size: 0.6rem;
    block-size: 0.6rem;
    border: 2px solid var(--os-color-surface-default);
    border-radius: 50%;
    background: var(--os-color-success-default);
    content: "";
}

.os-profile-v2-shell__profile-name[b-kkted5xl60],
.os-profile-v2-shell__profile-organization[b-kkted5xl60] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.os-profile-v2-shell__profile-name[b-kkted5xl60] {
    font-size: var(--os-text-caption-size);
    font-weight: var(--os-font-weight-semibold);
    line-height: 1.2;
}

.os-profile-v2-shell__profile-organization[b-kkted5xl60] {
    color: var(--os-color-text-secondary);
    font-size: var(--os-text-caption-size);
    line-height: 1.2;
}

.os-profile-v2-shell__profile-menu-header[b-kkted5xl60] {
    color: var(--os-color-text-primary);

    display: flex;
    align-items: center;
    gap: var(--os-space-4);
    padding: 1.75rem 1.5rem 1.5rem;
    border-block-end: var(--os-border-width-thin) solid var(--os-color-border-subtle);
}

.os-profile-v2-shell__profile-menu-identity[b-kkted5xl60] {
    display: grid;
    gap: 0.2rem;
    min-inline-size: 0;
}

.os-profile-v2-shell__profile-menu-identity strong[b-kkted5xl60],
.os-profile-v2-shell__profile-menu-identity span[b-kkted5xl60] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.os-profile-v2-shell__profile-menu-identity strong[b-kkted5xl60] {
    color: var(--os-color-text-primary);
    font-size: var(--os-text-card-title-size);
}

.os-profile-v2-shell__profile-menu-identity > span:not(.os-profile-v2-shell__profile-status)[b-kkted5xl60] {
    color: var(--os-color-text-secondary);
}

.os-profile-v2-shell__profile-status[b-kkted5xl60] {
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
    color: var(--os-color-success-text);
    font-size: var(--os-text-caption-size);
    font-weight: var(--os-font-weight-semibold);
}

.os-profile-v2-shell__profile-status > span[b-kkted5xl60] {
    inline-size: 0.45rem;
    block-size: 0.45rem;
    border-radius: 50%;
    background: var(--os-color-success-default);
}

.os-profile-v2-shell__profile-menu-divider[b-kkted5xl60] {
    margin: 0.75rem 1.5rem;
    border-block-start: var(--os-border-width-thin) solid var(--os-color-border-subtle);
}

.os-profile-v2-shell__profile-menu[b-kkted5xl60]  .os-ellipsis-menu-item {
    min-block-size: 5.25rem;
    margin-inline: 1rem;
    padding: 0.75rem 0.75rem;
    gap: 1.125rem;
    border-radius: var(--os-radius-md);
}

.os-profile-v2-shell__profile-menu[b-kkted5xl60]  .os-ellipsis-menu-item__icon {
    display: grid;
    flex: none;
    place-items: center;
    inline-size: 3rem;
    block-size: 3rem;
    border-radius: var(--os-radius-md);
    background: var(--os-color-brand-subtle);
    color: var(--os-color-icon-default);
}

.os-profile-v2-shell__profile-menu[b-kkted5xl60]  .os-ellipsis-menu-item__icon .os-icon {
    display: block;
    inline-size: 1.375rem;
    block-size: 1.375rem;
    color: currentColor;
}

.os-profile-v2-shell__profile-menu[b-kkted5xl60]  .os-ellipsis-menu-item__label {
    font-size: var(--os-text-subsection-title-size);
    font-weight: var(--os-font-weight-medium);
    line-height: 1.25;
}

.os-profile-v2-shell__profile-menu[b-kkted5xl60]  .os-ellipsis-menu-item__description {
    font-size: var(--os-text-body-size);
    line-height: 1.35;
}

.os-profile-v2-shell__profile-menu[b-kkted5xl60]  .os-ellipsis-menu-item--danger {
    margin: 0;
    min-block-size: 6.5rem;
    margin-block-start: 0.75rem;
    padding: 1.25rem 1.5rem 1.5rem;
    border-block-start: var(--os-border-width-thin) solid var(--os-color-border-subtle);
    border-radius: 0;
    background: var(--os-color-surface-subtle);
}

.os-profile-v2-shell__profile-menu[b-kkted5xl60]  .os-ellipsis-menu-item--danger .os-ellipsis-menu-item__icon {
    background: var(--os-color-danger-subtle);
    color: var(--os-color-danger-text);
}

.os-profile-v2-shell__profile-menu[b-kkted5xl60]  .os-ellipsis-menu-item--danger .os-ellipsis-menu-item__label {
    color: var(--os-color-danger-text);
}

.os-profile-v2-shell__context[b-kkted5xl60] {
    display: flex;
    flex: none;
    align-items: baseline;
    gap: var(--os-space-4);
    min-inline-size: 0;
}

.os-profile-v2-shell__organization[b-kkted5xl60] {
    overflow: hidden;
    font-size: var(--os-text-card-title-size);
    font-weight: var(--os-font-weight-semibold);
    line-height: var(--os-text-card-title-line-height);
    text-overflow: ellipsis;
    white-space: nowrap;
}

.os-profile-v2-shell__header[b-kkted5xl60] {
    gap: var(--os-space-5);
    flex-wrap: wrap;
}

.os-profile-v2-shell__product[b-kkted5xl60] {
    color: var(--os-color-text-secondary);
}

.os-profile-v2-shell__breadcrumbs[b-kkted5xl60] {
    display: flex;
    flex: 1;
    gap: var(--os-space-2);
    align-items: center;
    color: var(--os-color-text-secondary);
}

.os-profile-v2-shell__breadcrumbs a[b-kkted5xl60] {
    color: inherit;
}

.os-profile-v2-shell__account[b-kkted5xl60] {
    display: flex;
    align-items: center;
    gap: var(--os-space-3);
    margin-inline-start: auto;
}

.os-profile-v2-shell__api-calls[b-kkted5xl60] {
    display: inline-flex;
    align-items: center;
}

.os-profile-v2-shell__api-calls[b-kkted5xl60]  .os-api-viewer__widget {
    min-block-size: var(--os-size-control-sm);
    padding-inline: var(--os-space-2);
}

.os-profile-v2-shell__report-issue[b-kkted5xl60] {
    display: grid;
    flex: none;
    place-items: center;
    inline-size: var(--os-size-control-md);
    block-size: var(--os-size-control-md);
    padding: 0;
    border: var(--os-border-width-thin) solid transparent;
    border-radius: var(--os-radius-md);
    background: transparent;
    color: var(--os-color-text-secondary);
    cursor: pointer;
}

.os-profile-v2-shell__report-issue:hover[b-kkted5xl60],
.os-profile-v2-shell__report-issue:focus-visible[b-kkted5xl60] {
    border-color: var(--os-color-border-subtle);
    background: var(--os-color-surface-hover);
    color: var(--os-color-text-primary);
}

.os-profile-v2-shell__footer-label[b-kkted5xl60] {
    color: var(--os-color-text-secondary);
    font-size: var(--os-font-size-sm);
}

@media (width < 64rem) {
    .os-profile-v2-shell__header[b-kkted5xl60] {
        position: relative;
        padding-block: var(--os-space-4);
        block-size: auto;
        min-block-size: var(--os-shell-header-height-compact);
        padding-inline: var(--os-space-4);
    }

    .os-profile-v2-shell__menu[b-kkted5xl60] {
        align-self: flex-start;
    }

    .os-profile-v2-shell__breadcrumbs[b-kkted5xl60] {
        flex-basis: 100%;
        order: 3;
    }

    .os-profile-v2-shell__context[b-kkted5xl60] {
        flex: 1 1 auto;
        min-inline-size: 0;
        padding-inline-end: 8rem;
    }

    .os-profile-v2-shell__account[b-kkted5xl60] {
        position: absolute;
        inset-block-start: var(--os-space-4);
        inset-inline-end: var(--os-space-4);
        margin-inline-start: 0;
    }
}

@media (width < 48rem) {
    .os-profile-v2-shell__product[b-kkted5xl60] {
        display: none;
    }

    .os-profile-v2-shell__api-calls[b-kkted5xl60] {
        display: none;
    }

    .os-profile-v2-shell__profile-menu[b-kkted5xl60] {
        flex: none;
    }

    .os-profile-v2-shell__profile-menu[b-kkted5xl60]  .os-menu-button__trigger {
        inline-size: var(--os-size-control-md);
        min-inline-size: var(--os-size-control-md);
        gap: 0;
        padding: 0;
        border-radius: 50%;
    }

    .os-profile-v2-shell__profile-summary[b-kkted5xl60] {
        display: none;
    }

    .os-profile-v2-shell__profile-menu[b-kkted5xl60]  .os-profile-v2-shell__profile-menu-chevron {
        display: none;
    }
}
/* /Layouts/ProjectLayout.razor.rz.scp.css */
.os-secondary-navigation[b-sow4w2us8a] {
    min-inline-size: 0;
}
/* /Layouts/SecurityLayout.razor.rz.scp.css */
.page[b-hnbwyv6hra] {
    position: relative;
    display: flex;
    flex-direction: column;
}


main[b-hnbwyv6hra] {
    flex: 1;

}

.sidebar[b-hnbwyv6hra] {
    background-image: linear-gradient(180deg, rgb(5, 39, 103) 0%, #3a0647 70%);
}

.top-row[b-hnbwyv6hra] {
    background-color: #f7f7f7;
    border-bottom: 1px solid #d6d5d5;
    justify-content: flex-end;
    height: 3.5rem;
    display: flex;
    align-items: center;
}

    .top-row[b-hnbwyv6hra]  a, .top-row[b-hnbwyv6hra]  .btn-link {
        white-space: nowrap;
        margin-left: 1.5rem;
        text-decoration: none;
    }

    .top-row[b-hnbwyv6hra]  a:hover, .top-row[b-hnbwyv6hra]  .btn-link:hover {
        text-decoration: underline;
    }

    .top-row[b-hnbwyv6hra]  a:first-child {
        overflow: hidden;
        text-overflow: ellipsis;
    }

@media (max-width: 640.98px) {
    .top-row:not(.auth)[b-hnbwyv6hra] {
        display: none;
    }

    .top-row.auth[b-hnbwyv6hra] {
        justify-content: space-between;
    }

    .top-row[b-hnbwyv6hra]  a, .top-row[b-hnbwyv6hra]  .btn-link {
        margin-left: 0;
    }
}

@media (min-width: 641px) {
    .page[b-hnbwyv6hra] {
        flex-direction: row;
    }

    .sidebar[b-hnbwyv6hra] {
        width: 250px;
        height: 100vh;
        position: sticky;
        top: 0;
    }

    .top-row[b-hnbwyv6hra] {
        position: sticky;
        top: 0;
        z-index: 1;
    }

    .top-row.auth[b-hnbwyv6hra]  a:first-child {
        flex: 1;
        text-align: right;
        width: 0;
    }

    .top-row[b-hnbwyv6hra], article[b-hnbwyv6hra] {
        padding-left: 2rem !important;
        padding-right: 1.5rem !important;
    }
}
/* /Layouts/SignUpLayout.razor.rz.scp.css */
.signup-layout[b-dy2945ylb6] {
    min-height: 100vh;
    background: #f5f8fc;
    color: #172033;
}

.signup-layout__background[b-dy2945ylb6] {
    position: fixed;
    inset: 0 0 auto;
    height: 27rem;
    background: linear-gradient(135deg, #12366b, #2b73d2);
    pointer-events: none;
}

.signup-layout__main[b-dy2945ylb6] {
    position: relative;
    z-index: 1;
}

.signup-layout__footer[b-dy2945ylb6] {
    position: relative;
    z-index: 1;
    display: flex;
    justify-content: space-between;
    gap: 1rem;
    max-width: 78rem;
    margin: 0 auto;
    padding: 1.5rem 2rem 2rem;
    color: #64748b;
    font-size: 0.75rem;
}

@media (max-width: 48rem) {
    .signup-layout__footer[b-dy2945ylb6] {
        flex-direction: column;
        padding-right: 1rem;
        padding-left: 1rem;
    }
}
/* /Pages/DevelopmentTools/ErrorHandlingTestHarness.razor.rz.scp.css */
.os-error-handling-test-harness__controls[b-ul7dancnvd],
.os-error-handling-test-harness__simulation-card[b-ul7dancnvd] {
    min-inline-size: 0;
}

.os-error-handling-test-harness__controls-content[b-ul7dancnvd] {
    display: grid;
    gap: var(--os-space-5);
}

.os-error-handling-test-harness__scenario-buttons[b-ul7dancnvd] {
    display: flex;
    flex-wrap: wrap;
    gap: var(--os-space-2);
}

.os-error-handling-test-harness__scenario-button[b-ul7dancnvd] {
    flex: 0 1 auto;
}

.os-error-handling-test-harness__simulation[b-ul7dancnvd] {
    display: grid;
    gap: var(--os-space-3);
    min-inline-size: 0;
}

.os-error-handling-test-harness__customer-presentation[b-ul7dancnvd] {
    display: grid;
    gap: var(--os-space-3);
}

.os-error-handling-test-harness__developer-controls[b-ul7dancnvd] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: var(--os-space-3);
    margin-block-start: var(--os-space-3);
    padding-block-start: var(--os-space-3);
    border-block-start: var(--os-border-width-thin) solid var(--os-color-border-subtle);
}

.os-error-handling-test-harness__developer-controls p[b-ul7dancnvd] {
    flex: 1 1 18rem;
    margin: 0;
}

.os-error-handling-test-harness__content[b-ul7dancnvd] {
    display: grid;
    gap: var(--os-space-3);
}

.os-error-handling-test-harness__content p[b-ul7dancnvd] {
    margin: 0;
}

.os-error-handling-test-harness__actions[b-ul7dancnvd] {
    display: flex;
    flex-wrap: wrap;
    gap: var(--os-space-2);
}

.os-error-handling-test-harness__code[b-ul7dancnvd] {
    margin: 0;
    color: var(--os-color-text-secondary);
    font-size: var(--os-text-caption-size);
}

.os-error-handling-test-harness__api-result[b-ul7dancnvd] {
    display: grid;
    gap: var(--os-space-3);
    margin-block-start: var(--os-space-4);
}

.os-error-handling-test-harness__server-links[b-ul7dancnvd] {
    display: flex;
    flex-wrap: wrap;
    gap: var(--os-space-2);
}

.os-error-handling-test-harness__server-link[b-ul7dancnvd] {
    display: inline-flex;
    align-items: center;
    min-block-size: 2.5rem;
    padding: var(--os-space-2) var(--os-space-3);
    border: var(--os-border-width-thin) solid var(--os-color-border-default);
    border-radius: var(--os-radius-sm);
    color: var(--os-color-text-primary);
    font-weight: 600;
    text-decoration: none;
}

.os-error-handling-test-harness__server-link:hover[b-ul7dancnvd],
.os-error-handling-test-harness__server-link:focus-visible[b-ul7dancnvd] {
    border-color: var(--os-color-border-strong);
    text-decoration: underline;
}

@media (width <= 48rem) {
    .os-error-handling-test-harness__actions[b-ul7dancnvd] {
        align-items: stretch;
        flex-direction: column;
    }

    .os-error-handling-test-harness__scenario-buttons[b-ul7dancnvd] {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .os-error-handling-test-harness__server-links[b-ul7dancnvd] {
        display: grid;
    }
}
/* /Pages/DevelopmentTools/RoleReportsView.razor.rz.scp.css */
.role-reports__card[b-wls90ppkyy] {
    overflow: hidden;
}

.role-reports__toolbar[b-wls90ppkyy] {
    display: flex;
    align-items: end;
    justify-content: space-between;
    gap: 1rem;
    padding-bottom: 1.5rem;
}

.role-reports__toolbar :global(.os-text-input)[b-wls90ppkyy] {
    width: min(100%, 28rem);
}

.role-reports__summary[b-wls90ppkyy] {
    margin: 0 0 0.25rem;
    color: var(--os-color-text-muted, #5f6b7a);
    font-size: 0.875rem;
    white-space: nowrap;
}

.role-reports__loading[b-wls90ppkyy],
.role-reports__empty[b-wls90ppkyy] {
    padding: 3rem 1rem;
    color: var(--os-color-text-muted, #5f6b7a);
    text-align: center;
}

.role-reports__table-wrapper[b-wls90ppkyy] {
    overflow-x: auto;
    margin: 0 -1.5rem -1.5rem;
}

.role-reports__table[b-wls90ppkyy] {
    width: 100%;
    min-width: 62rem;
    border-collapse: collapse;
    color: var(--os-color-text, #1f2937);
    font-size: 0.875rem;
}

.role-reports__table th[b-wls90ppkyy],
.role-reports__table td[b-wls90ppkyy] {
    padding: 0.875rem 1.5rem;
    border-top: 1px solid var(--os-color-border-subtle, #e5e7eb);
    text-align: left;
    vertical-align: top;
}

.role-reports__table thead th[b-wls90ppkyy] {
    border-top: 0;
    background: var(--os-color-surface-subtle, #f8fafc);
    color: var(--os-color-text-muted, #5f6b7a);
    font-size: 0.75rem;
    font-weight: 700;
    letter-spacing: 0.04em;
    text-transform: uppercase;
}

.role-reports__table tbody th[b-wls90ppkyy] {
    color: var(--os-color-text-strong, #172033);
    font-weight: 700;
}

.role-reports__inheritance[b-wls90ppkyy] {
    display: block;
    max-width: 28rem;
    white-space: pre-line;
}

.role-reports__route[b-wls90ppkyy] {
    min-width: 20rem;
    color: var(--os-color-text-muted, #5f6b7a);
    overflow-wrap: anywhere;
}

.role-reports__no-routes[b-wls90ppkyy] {
    color: var(--os-color-text-muted, #5f6b7a);
    font-style: italic;
}

@media (max-width: 48rem) {
    .role-reports__toolbar[b-wls90ppkyy] {
        align-items: stretch;
        flex-direction: column;
    }

    .role-reports__toolbar :global(.os-text-input)[b-wls90ppkyy] {
        width: 100%;
    }

    .role-reports__summary[b-wls90ppkyy] {
        white-space: normal;
    }

    .role-reports__table-wrapper[b-wls90ppkyy] {
        margin-right: -1rem;
        margin-left: -1rem;
    }
}
/* /Pages/Groups/GroupView.razor.rz.scp.css */
.os-group-view__layout[b-wo1myz86vw] {
    gap: var(--os-space-5);
}

.os-group-view__hero[b-wo1myz86vw] {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    align-items: center;
    gap: var(--os-space-4);
    padding: var(--os-space-5) var(--os-space-6);
    border: var(--os-border-width-thin) solid var(--os-color-border-subtle);
    border-radius: var(--os-radius-lg);
    background: linear-gradient(135deg, var(--os-color-brand-subtle), var(--os-color-surface-raised) 65%);
    box-shadow: var(--os-elevation-card);
}

.os-group-view__hero-mark[b-wo1myz86vw] {
    display: grid;
    flex: none;
    place-items: center;
    inline-size: 3.5rem;
    block-size: 3.5rem;
    border-radius: var(--os-radius-lg);
    background: var(--os-color-brand-default);
    color: var(--os-color-text-on-brand);
}

.os-group-view__hero[b-wo1myz86vw]  .os-page-header {
    margin-block-end: 0;
    padding-block-start: 0;
}

.os-group-view__hero[b-wo1myz86vw]  .os-page-header__heading {
    overflow-wrap: anywhere;
}

.os-group-view__table-card[b-wo1myz86vw] {
    gap: var(--os-space-5);
}

.os-group-view__table-card[b-wo1myz86vw]  .os-card__header {
    gap: var(--os-space-4);
}

.os-group-view__table-toolbar[b-wo1myz86vw] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--os-space-4);
}

.os-group-view__table-toolbar h2[b-wo1myz86vw],
.os-group-view__table-toolbar p[b-wo1myz86vw] {
    margin: 0;
}

.os-group-view__table-toolbar h2[b-wo1myz86vw] {
    color: var(--os-color-text-primary);
    font-size: var(--os-text-card-title-size);
    line-height: var(--os-text-card-title-line-height);
}

.os-group-view__table-toolbar p[b-wo1myz86vw] {
    margin-block-start: var(--os-space-1);
    color: var(--os-color-text-secondary);
    font-size: var(--os-text-caption-size);
}

@media (width < 40rem) {
    .os-group-view__hero[b-wo1myz86vw] {
        align-items: start;
        padding: var(--os-space-4);
    }

    .os-group-view__hero[b-wo1myz86vw]  .os-page-header__actions {
        inline-size: auto;
    }

    .os-group-view__table-toolbar[b-wo1myz86vw] {
        align-items: stretch;
        flex-direction: column;
    }

    .os-group-view__table-toolbar[b-wo1myz86vw]  .os-button {
        align-self: flex-start;
    }
}

@media (width < 24rem) {
    .os-group-view__hero[b-wo1myz86vw] {
        grid-template-columns: 1fr;
    }
}
/* /Pages/Home/Index.razor.rz.scp.css */
.home__hero[b-8hc4r9aajo] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: clamp(1.5rem, 4vw, 3rem);
    padding: clamp(1.75rem, 4vw, 3.25rem);
    border: var(--os-border-width-thin) solid var(--os-color-brand-border);
    border-radius: var(--os-radius-xl);
    background:
        radial-gradient(circle at 90% 10%, rgb(255 255 255 / 15%), transparent 35%),
        linear-gradient(120deg, var(--os-color-brand-active), var(--os-color-brand-default));
    color: var(--os-color-text-on-brand);
    box-shadow: var(--os-shadow-md);
}

.home__hero-content[b-8hc4r9aajo] {
    max-width: 48rem;
}

.home__eyebrow[b-8hc4r9aajo] {
    display: block;
    margin-bottom: 0.875rem;
    color: color-mix(in srgb, var(--os-color-text-on-brand) 78%, transparent);
    font-size: 0.75rem;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.home__hero h1[b-8hc4r9aajo] {
    margin: 0;
    color: var(--os-color-text-on-brand);
    font-size: clamp(2rem, 4vw, 3.5rem);
    letter-spacing: -0.04em;
    line-height: 1.1;
}

.home__hero p[b-8hc4r9aajo] {
    max-width: 42rem;
    margin: 1.125rem 0 0;
    color: color-mix(in srgb, var(--os-color-text-on-brand) 88%, transparent);
    font-size: 1.0625rem;
    line-height: 1.6;
}

.home__hero-mark[b-8hc4r9aajo] {
    display: grid;
    flex: 0 0 5.5rem;
    width: 5.5rem;
    height: 5.5rem;
    place-items: center;
    border: var(--os-border-width-thin) solid rgb(255 255 255 / 28%);
    border-radius: var(--os-radius-lg);
    background: rgb(255 255 255 / 14%);
}

.home__section-heading[b-8hc4r9aajo] {
    display: flex;
    align-items: end;
    justify-content: space-between;
    margin-bottom: 1.25rem;
}

.home__section-heading h2[b-8hc4r9aajo],
.home__support-card h2[b-8hc4r9aajo] {
    margin: 0;
    color: var(--os-color-text-primary);
    font-size: 1.375rem;
    letter-spacing: -0.02em;
}

.home__section-heading p[b-8hc4r9aajo],
.home__support-card p[b-8hc4r9aajo] {
    margin: 0.35rem 0 0;
    color: var(--os-color-text-secondary);
}

.home__action-grid[b-8hc4r9aajo] {
    display: grid;
    grid-template-columns: repeat(3, minmax(14rem, 1fr));
    gap: 1.25rem;
}

.home__action-card[b-8hc4r9aajo] {
    min-height: 16rem;
    transition: transform 160ms ease, box-shadow 160ms ease;
}

.home__action-card:hover[b-8hc4r9aajo] {
    transform: translateY(-0.125rem);
    box-shadow: var(--os-shadow-md);
}

.home__action-card :global(.os-card__content)[b-8hc4r9aajo] {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 1rem;
}

.home__action-card :global(.os-card__content) > :global(.os-icon)[b-8hc4r9aajo] {
    color: var(--os-color-brand-default);
}

.home__action-card p[b-8hc4r9aajo] {
    margin: 0;
    color: var(--os-color-text-secondary);
}

.home__workspace[b-8hc4r9aajo] {
    padding: clamp(1.25rem, 3vw, 1.75rem);
    border: var(--os-border-width-thin) solid var(--os-color-border-subtle);
    border-radius: var(--os-radius-lg);
    background: var(--os-color-surface-subtle);
}

.home__workspace-grid[b-8hc4r9aajo] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 0.875rem;
}

.home__support-card[b-8hc4r9aajo] {
    display: flex;
    align-items: center;
    gap: 1rem;
    border-inline-start: var(--os-border-width-thick) solid var(--os-color-brand-default);
}

.home__support-card > :global(.os-card__content)[b-8hc4r9aajo] {
    display: flex;
    align-items: center;
    gap: 1rem;
    width: 100%;
}

.home__support-icon[b-8hc4r9aajo] {
    flex: 0 0 2.75rem;
}

.home__support-card h2[b-8hc4r9aajo] {
    font-size: 1.05rem;
}

.home__support-card :global(.os-button)[b-8hc4r9aajo] {
    margin-left: auto;
    white-space: nowrap;
}

@media (max-width: 60rem) {
    .home__workspace-grid[b-8hc4r9aajo] {
        grid-template-columns: 1fr;
    }

    .home__action-grid[b-8hc4r9aajo] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 40rem) {
    .home__hero[b-8hc4r9aajo] {
        align-items: flex-start;
        flex-direction: column;
        padding: 1.5rem;
    }

    .home__hero-mark[b-8hc4r9aajo] {
        display: none;
    }

    .home__action-grid[b-8hc4r9aajo] {
        grid-template-columns: 1fr;
    }

    .home__support-card > :global(.os-card__content)[b-8hc4r9aajo] {
        align-items: flex-start;
        flex-direction: column;
    }

    .home__support-card :global(.os-button)[b-8hc4r9aajo] {
        margin-left: 0;
    }
}
/* /Pages/Main/DirectoryDomainsAddDialog.razor.rz.scp.css */
h2[b-xk6459bab7]{
    font-weight:bold;
    font-size:1.1em;
}
h3[b-xk6459bab7]{
    margin-top:30px;
}
.console[b-xk6459bab7] {
    background-color: #000;
    color: #0f0;
    padding: 10px;
    font-family: monospace;
    white-space: pre-wrap;
    word-wrap: break-word;
}


.timeline[b-xk6459bab7] {
    list-style-type: none;
    margin: 0;
    padding: 0;
    position: relative;
}

.timeline-step[b-xk6459bab7] {
    margin-bottom: 25px;
    position: relative;
}

    .timeline-step[b-xk6459bab7]::before {
        content: '';
        background: #ddd;
        position: absolute;
        left: 15px;
        width: 2px;
        height: 100%;
        z-index: -1;
    }

.timeline-icon[b-xk6459bab7] {
    background: #ddd;
    color: #fff;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    left: 0;
}

.timeline-content[b-xk6459bab7] {
    margin-left: 50px;
}

/* /Pages/Main/DirectoryView.razor.rz.scp.css */
.directory-navigation-grid[b-jilh3zpwud] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: var(--os-space-4);
}

.directory-recent-list[b-jilh3zpwud] {
    display: flex;
    flex-direction: column;
    gap: var(--os-space-2);
}

.directory-recent-card-header[b-jilh3zpwud] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--os-space-3);
}

.directory-recent-card-header h2[b-jilh3zpwud] {
    margin: 0;
}

.directory-recent-card-header a[b-jilh3zpwud] {
    flex: 0 0 auto;
    color: var(--os-color-text-link);
    font-size: var(--os-text-caption-size);
    font-weight: 600;
    text-decoration: none;
}

.directory-recent-card-header a:hover[b-jilh3zpwud] {
    color: var(--os-color-text-link-hover);
    text-decoration: underline;
}

.directory-recent-card-header a:focus-visible[b-jilh3zpwud] {
    outline: 3px solid var(--os-color-focus-ring);
    outline-offset: 2px;
}

.directory-recent-item[b-jilh3zpwud] {
    display: flex;
    align-items: center;
    gap: var(--os-space-3);
    min-inline-size: 0;
    padding: var(--os-space-2);
    border-radius: var(--os-radius-md);
    color: var(--os-color-text-primary);
    text-decoration: none;
}

.directory-recent-item:hover[b-jilh3zpwud] {
    background: var(--os-color-surface-subtle);
}

.directory-recent-item:focus-visible[b-jilh3zpwud] {
    outline: 3px solid var(--os-color-focus-ring);
    outline-offset: 2px;
}

.directory-recent-item__copy[b-jilh3zpwud] {
    display: flex;
    flex: 1 1 auto;
    flex-direction: column;
    min-inline-size: 0;
    gap: var(--os-space-1);
}

.directory-recent-item__copy strong[b-jilh3zpwud],
.directory-recent-item__meta[b-jilh3zpwud] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.directory-recent-item__meta[b-jilh3zpwud] {
    color: var(--os-color-text-secondary);
    font-size: var(--os-text-caption-size);
}

.directory-recent-item__arrow[b-jilh3zpwud] {
    flex: 0 0 auto;
    color: var(--os-color-text-secondary);
}

@media (width < 64rem) {
    .directory-navigation-grid[b-jilh3zpwud] {
        grid-template-columns: 1fr;
    }
}
/* /Pages/Main/GroupList.razor.rz.scp.css */
.directory-list-person[b-4q413r0eu8] {
    display: flex;
    align-items: center;
    gap: var(--os-space-3);
    min-inline-size: 20rem;
}

.directory-list-person__copy[b-4q413r0eu8] {
    display: flex;
    flex-direction: column;
    min-inline-size: 0;
    gap: var(--os-space-1);
}
/* /Pages/Main/UserList.razor.rz.scp.css */
.directory-list-person[b-jhetkmqtfj] {
    display: flex;
    align-items: center;
    gap: var(--os-space-3);
    min-inline-size: 16rem;
}

.directory-list-person__copy[b-jhetkmqtfj] {
    display: flex;
    flex-direction: column;
    min-inline-size: 0;
    gap: var(--os-space-1);
}
/* /Pages/Profile/Components/OsProfilePhotoUpdate.razor.rz.scp.css */
.os-profile-photo-update[b-voq13wh6yz] {
    position: fixed;
    z-index: var(--os-z-modal);
    inset: 0;
    display: grid;
    place-items: center;
    padding: var(--os-space-4);
}

.os-profile-photo-update__backdrop[b-voq13wh6yz] {
    position: absolute;
    inset: 0;
    inline-size: 100%;
    block-size: 100%;
    border: 0;
    background: var(--os-color-backdrop);
    cursor: default;
}

.os-profile-photo-update__panel[b-voq13wh6yz] {
    position: relative;
    display: grid;
    gap: var(--os-space-5);
    inline-size: min(100%, 34rem);
    max-block-size: calc(100vh - 2 * var(--os-space-4));
    overflow: auto;
    padding: var(--os-space-6);
    border: var(--os-border-width-thin) solid var(--os-color-border-subtle);
    border-radius: var(--os-radius-lg);
    background: var(--os-color-surface-raised);
    box-shadow: var(--os-elevation-modal);
    color: var(--os-color-text-primary);
    outline: none;
}

.os-profile-photo-update__header[b-voq13wh6yz],
.os-profile-photo-update__footer[b-voq13wh6yz] {
    display: flex;
    align-items: center;
    gap: var(--os-space-3);
}

.os-profile-photo-update__header[b-voq13wh6yz] {
    justify-content: space-between;
}

.os-profile-photo-update__header h2[b-voq13wh6yz],
.os-profile-photo-update__header p[b-voq13wh6yz] {
    margin: 0;
}

.os-profile-photo-update__header h2[b-voq13wh6yz] {
    font-size: var(--os-text-section-title-size);
}

.os-profile-photo-update__header p[b-voq13wh6yz],
.os-profile-photo-update__help[b-voq13wh6yz] {
    color: var(--os-color-text-secondary);
}

.os-profile-photo-update__close[b-voq13wh6yz] {
    display: grid;
    flex: none;
    place-items: center;
    inline-size: var(--os-size-control-md);
    block-size: var(--os-size-control-md);
    border-radius: var(--os-radius-md);
    color: var(--os-color-text-secondary);
    cursor: pointer;
    font-size: 1.5rem;
}

.os-profile-photo-update__close:hover[b-voq13wh6yz],
.os-profile-photo-update__close:focus-visible[b-voq13wh6yz] {
    background: var(--os-color-surface-hover);
    color: var(--os-color-text-primary);
}

.os-profile-photo-update__body[b-voq13wh6yz] {
    display: grid;
    justify-items: center;
    gap: var(--os-space-3);
    text-align: center;
}

.os-profile-photo-update__preview[b-voq13wh6yz] {
    display: grid;
    place-items: center;
    margin-inline: auto;
}

.os-profile-photo-update__upload[b-voq13wh6yz] {
    display: grid;
    justify-items: center;
    gap: var(--os-space-2);
    inline-size: 100%;
}

.os-profile-photo-update__upload[b-voq13wh6yz]  input.os-profile-photo-update__input {
    position: absolute;
    inline-size: 1px;
    block-size: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0 0 0 0);
    clip-path: inset(50%);
    white-space: nowrap;
    border: 0;
}

.os-profile-photo-update__upload-trigger[b-voq13wh6yz] {
    display: grid;
    justify-items: center;
    gap: var(--os-space-3);
    cursor: pointer;
    text-align: center;
}

.os-profile-photo-update__upload:focus-within .os-profile-photo-update__upload-trigger[b-voq13wh6yz] {
    outline: var(--os-focus-ring-width) solid var(--os-color-focus-ring);
    outline-offset: var(--os-focus-ring-offset);
    border-radius: var(--os-radius-md);
}

.os-profile-photo-update__choose[b-voq13wh6yz] {
    padding: var(--os-space-2) var(--os-space-3);
    border: var(--os-border-width-thin) solid var(--os-color-brand-border);
    border-radius: var(--os-radius-md);
    background: var(--os-color-brand-default);
    color: var(--os-color-text-on-brand);
    font-weight: var(--os-font-weight-semibold);
}

.os-profile-photo-update__upload-trigger:hover .os-profile-photo-update__choose[b-voq13wh6yz] {
    background: var(--os-color-brand-hover);
}

.os-profile-photo-update__file-name[b-voq13wh6yz] {
    overflow: hidden;
    max-inline-size: 12rem;
    color: var(--os-color-text-secondary);
    font-size: var(--os-text-caption-size);
    text-overflow: ellipsis;
    white-space: nowrap;
}

.os-profile-photo-update__help[b-voq13wh6yz],
.os-profile-photo-update__message[b-voq13wh6yz] {
    margin: 0;
}

.os-profile-photo-update__message--error[b-voq13wh6yz] {
    color: var(--os-color-danger-text);
}

.os-profile-photo-update__message--pending[b-voq13wh6yz] {
    color: var(--os-color-text-secondary);
}

.os-profile-photo-update__footer-spacer[b-voq13wh6yz] {
    flex: 1;
}

@media (width <= 30rem) {
    .os-profile-photo-update__panel[b-voq13wh6yz] {
        padding: var(--os-space-5);
    }

    .os-profile-photo-update__footer[b-voq13wh6yz] {
        flex-wrap: wrap;
    }

    .os-profile-photo-update__footer-spacer[b-voq13wh6yz] {
        display: none;
    }
}
/* /Pages/Profile/Profile.razor.rz.scp.css */
.os-profile-page__header[b-5kghjcp4p6] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--os-space-6);
}

.os-profile-page__identity[b-5kghjcp4p6] {
    display: flex;
    align-items: center;
    gap: var(--os-space-4);
    min-inline-size: 0;
}

@media (width < 40rem) {
    .os-profile-page__header[b-5kghjcp4p6] {
        align-items: flex-start;
        flex-direction: column;
    }
}
/* /Pages/Profile/ResetPasswordV2.razor.rz.scp.css */
.os-profile-v2-page[b-ryfor83is8] {
    max-inline-size: 39.6875rem;
    margin-inline: auto;
}

.os-profile-v2-page__card[b-ryfor83is8] {
    margin-block-start: var(--os-space-8);
}

.os-profile-v2-page__form[b-ryfor83is8],
.os-profile-v2-page__success[b-ryfor83is8] {
    display: grid;
    gap: var(--os-space-5);
}

.os-profile-v2-page__form h1[b-ryfor83is8],
.os-profile-v2-page__success h1[b-ryfor83is8] {
    margin: 0;
}

.os-profile-v2-page__form[b-ryfor83is8] {
    max-inline-size: 100%;
}

.os-profile-v2-page__form h1[b-ryfor83is8],
.os-profile-v2-page__success h1[b-ryfor83is8] {
    font-size: var(--os-text-heading-lg-size);
    line-height: var(--os-text-heading-lg-line-height);
}

.os-profile-v2-page__form .os-form-field[b-ryfor83is8] {
    grid-template-columns: minmax(8rem, 0.8fr) minmax(0, 1.8fr);
    align-items: start;
    column-gap: var(--os-space-4);
}

.os-profile-v2-page__form .os-form-field__label[b-ryfor83is8] {
    padding-block-start: var(--os-space-2);
    text-align: end;
}

.os-profile-v2-page__form .os-form-field__control[b-ryfor83is8] {
    min-inline-size: 0;
}

.os-profile-v2-page__form .os-password-input[b-ryfor83is8] {
    inline-size: min(100%, 18.75rem);
}

.os-profile-v2-page__form .os-status-message[b-ryfor83is8] {
    grid-column: 2;
}

.os-profile-v2-page__actions[b-ryfor83is8] {
    display: flex;
    gap: var(--os-space-3);
}

@media (max-width: 40rem) {
    .os-profile-v2-page[b-ryfor83is8] {
        max-inline-size: none;
    }

    .os-profile-v2-page__form .os-form-field[b-ryfor83is8] {
        grid-template-columns: 1fr;
        row-gap: var(--os-space-2);
    }

    .os-profile-v2-page__form .os-form-field__label[b-ryfor83is8] {
        padding-block-start: 0;
        text-align: start;
    }

    .os-profile-v2-page__form .os-status-message[b-ryfor83is8] {
        grid-column: auto;
    }

    .os-profile-v2-page__actions[b-ryfor83is8] {
        flex-direction: column-reverse;
    }
}
/* /Pages/Projects/ProjectTimesheetApprovals.razor.rz.scp.css */
.os-project-timesheet-approvals-page[b-87p0ihde8c] {
    min-inline-size: 0;
    max-inline-size: var(--os-shell-content-max-width);
    margin-inline: auto;
}

.os-project-timesheet-approvals-page__workspace[b-87p0ihde8c] {
    display: grid;
    gap: var(--os-space-4);
}

.os-project-timesheet-approvals-page__workspace[b-87p0ihde8c] >  .os-card {
    min-inline-size: 0;
    border-color: var(--os-color-border-subtle);
    box-shadow: var(--os-shadow-sm);
}

.os-project-timesheet-approvals-page__summary[b-87p0ihde8c] {
    display: grid;
    gap: 0;
    border: var(--os-border-width-thin) solid var(--os-color-border-subtle);
    border-radius: var(--os-radius-lg);
    background: var(--os-color-surface-raised);
    box-shadow: var(--os-shadow-sm);
}

.os-project-timesheet-approvals-page__period-layout[b-87p0ihde8c] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: var(--os-space-5);
    padding: var(--os-space-5);
}

.os-project-timesheet-approvals-page__period-controls[b-87p0ihde8c] {
    display: grid;
    gap: var(--os-space-3);
    min-inline-size: 0;
}

.os-project-timesheet-approvals-page__selected-range-control[b-87p0ihde8c] {
    inline-size: min(100%, 29rem);
    min-inline-size: 0;
}

.os-project-timesheet-approvals-page__selected-range-control[b-87p0ihde8c]  .os-date-navigator__range {
    border-color: var(--os-color-brand-border);
    background: var(--os-color-brand-subtle);
    color: var(--os-color-brand-text);
    box-shadow: var(--os-shadow-sm);
}

.os-project-timesheet-approvals-page__selected-range-control[b-87p0ihde8c]  .os-date-navigator__range:where(:hover) {
    border-color: var(--os-color-brand-default);
    background: var(--os-color-brand-subtle-hover);
    color: var(--os-color-brand-text);
}

.os-project-timesheet-approvals-page__period-divider[b-87p0ihde8c] {
    inline-size: 100%;
    margin-block: var(--os-space-1);
    border-block-start: var(--os-border-width-thin) solid var(--os-color-border-subtle);
}

.os-project-timesheet-approvals-page__preset-pills[b-87p0ihde8c] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: var(--os-space-2);
    min-inline-size: 0;
}

.os-project-timesheet-approvals-page__preset-pill[b-87p0ihde8c] {
    flex: 0 1 auto;
    min-block-size: var(--os-size-control-xs);
    padding: var(--os-space-1) var(--os-space-2);
    border: var(--os-border-width-thin) solid var(--os-color-border-default);
    border-radius: var(--os-radius-full);
    background: var(--os-color-surface-default);
    color: var(--os-color-text-secondary);
    font: inherit;
    font-weight: var(--os-font-weight-regular);
    white-space: nowrap;
    cursor: pointer;
}

.os-project-timesheet-approvals-page__preset-pill:hover:not(:disabled)[b-87p0ihde8c],
.os-project-timesheet-approvals-page__preset-pill:focus-visible[b-87p0ihde8c] {
    border-color: var(--os-color-brand-border);
    background: var(--os-color-brand-subtle-hover);
    color: var(--os-color-brand-text);
}

.os-project-timesheet-approvals-page__preset-pill--selected[b-87p0ihde8c] {
    border-color: var(--os-color-brand-default);
    background: var(--os-color-brand-default);
    color: var(--os-color-text-on-brand);
    font-weight: var(--os-font-weight-semibold);
    box-shadow: var(--os-shadow-sm);
}

.os-project-timesheet-approvals-page__preset-pill:disabled[b-87p0ihde8c] {
    color: var(--os-color-text-disabled);
    cursor: not-allowed;
}

.os-project-timesheet-approvals-page__preset-pill:focus-visible[b-87p0ihde8c] {
    outline: var(--os-focus-ring-width) solid var(--os-focus-ring-color);
    outline-offset: var(--os-focus-ring-offset);
}

.os-project-timesheet-approvals-page__eyebrow[b-87p0ihde8c] {
    align-self: start;
    color: var(--os-color-text-tertiary);
    font-size: var(--os-text-caption-size);
    font-weight: var(--os-font-weight-semibold);
    letter-spacing: 0.06em;
    text-transform: uppercase;
}

.os-project-timesheet-approvals-page__metrics[b-87p0ihde8c] {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    gap: var(--os-space-2);
    min-inline-size: 0;
    padding-block-start: var(--os-space-1);
}

.os-project-timesheet-approvals-page__metric[b-87p0ihde8c] {
    display: flex;
    align-items: center;
    gap: var(--os-space-1);
    min-block-size: var(--os-size-control-sm);
    padding: var(--os-space-1) var(--os-space-3);
    border: var(--os-border-width-thin) solid var(--os-color-border-default);
    border-radius: var(--os-radius-md);
    background: var(--os-color-surface-default);
    color: var(--os-color-text-secondary);
    font-size: var(--os-text-label-size);
    white-space: nowrap;
}

.os-project-timesheet-approvals-page__metric strong[b-87p0ihde8c] {
    color: var(--os-color-text-primary);
    font-size: var(--os-text-label-size);
    font-variant-numeric: tabular-nums;
}

.os-project-timesheet-approvals-page__metric--needs-review[b-87p0ihde8c] {
    border-color: var(--os-color-warning-border);
    background: var(--os-color-warning-subtle);
    color: var(--os-color-warning-text);
}

.os-project-timesheet-approvals-page__metric--approved[b-87p0ihde8c] {
    border-color: var(--os-color-success-border);
    background: var(--os-color-success-subtle);
    color: var(--os-color-success-text);
}

.os-project-timesheet-approvals-page__metric--returned[b-87p0ihde8c] {
    border-color: var(--os-color-danger-border);
    background: var(--os-color-danger-subtle);
    color: var(--os-color-danger-text);
}

.os-project-timesheet-approvals-page__toolbar[b-87p0ihde8c] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: var(--os-space-4);
    padding: var(--os-space-3) var(--os-space-4);
    border-block: var(--os-border-width-thin) solid var(--os-color-border-subtle);
}

.os-project-timesheet-approvals-page__grouping-control[b-87p0ihde8c] {
    display: inline-flex;
    flex-wrap: wrap;
    align-items: center;
    min-inline-size: 0;
}

.os-project-timesheet-approvals-page__status-filter-control[b-87p0ihde8c] {
    display: inline-flex;
    flex-wrap: wrap;
    align-items: center;
    gap: var(--os-space-2);
    min-inline-size: 0;
}

.os-project-timesheet-approvals-page__status-filter-options[b-87p0ihde8c] {
    display: inline-flex;
    flex-wrap: wrap;
    align-items: center;
    gap: var(--os-space-2);
}

.os-project-timesheet-approvals-page__view-options[b-87p0ihde8c] {
    display: inline-flex;
    flex-wrap: nowrap;
    min-inline-size: 0;
    overflow: hidden;
    border: var(--os-border-width-thin) solid var(--os-color-border-default);
    border-radius: var(--os-radius-md);
    background: var(--os-color-surface-default);
}

.os-project-timesheet-approvals-page__segmented-button[b-87p0ihde8c] {
    display: inline-flex;
    align-items: center;
    gap: var(--os-space-2);
    min-block-size: var(--os-size-control-sm);
    padding: var(--os-space-2) var(--os-space-3);
    border: var(--os-border-width-thin) solid var(--os-color-border-default);
    border-radius: var(--os-radius-md);
    background: var(--os-color-surface-subtle);
    color: var(--os-color-text-primary);
    font: inherit;
    font-size: var(--os-text-body-sm-size);
    font-weight: var(--os-font-weight-regular);
    line-height: 1.2;
    white-space: nowrap;
    cursor: pointer;
}

.os-project-timesheet-approvals-page__status-filter strong[b-87p0ihde8c] {
    display: inline-grid;
    min-inline-size: 1.35rem;
    block-size: 1.35rem;
    place-items: center;
    padding-inline: var(--os-space-1);
    border-radius: var(--os-radius-full);
    background: var(--os-color-surface-default);
    color: var(--os-color-text-secondary);
    font-size: var(--os-text-caption-size);
    font-variant-numeric: tabular-nums;
}

.os-project-timesheet-approvals-page__view-button + .os-project-timesheet-approvals-page__view-button[b-87p0ihde8c] {
    border-inline-start: 0;
    border-start-start-radius: 0;
    border-end-start-radius: 0;
}

.os-project-timesheet-approvals-page__view-button:first-child[b-87p0ihde8c] {
    border-start-end-radius: 0;
    border-end-end-radius: 0;
}

.os-project-timesheet-approvals-page__segmented-button--active[b-87p0ihde8c] {
    border-color: var(--os-color-brand-default);
    background: var(--os-color-brand-default);
    color: var(--os-color-text-on-brand);
    font-weight: var(--os-font-weight-semibold);
}

.os-project-timesheet-approvals-page__segmented-button--active strong[b-87p0ihde8c] {
    background: color-mix(in srgb, var(--os-color-text-on-brand) 16%, transparent);
    color: var(--os-color-text-on-brand);
}

.os-project-timesheet-approvals-page__segmented-button:hover:not(:disabled):not(.os-project-timesheet-approvals-page__segmented-button--active)[b-87p0ihde8c],
.os-project-timesheet-approvals-page__segmented-button:focus-visible:not(.os-project-timesheet-approvals-page__segmented-button--active)[b-87p0ihde8c] {
    border-color: var(--os-color-brand-border);
    background: var(--os-color-brand-subtle);
    color: var(--os-color-brand-text);
}

.os-project-timesheet-approvals-page__segmented-button:disabled[b-87p0ihde8c] {
    color: var(--os-color-text-disabled);
    cursor: not-allowed;
}

.os-project-timesheet-approvals-page__segmented-button:focus-visible[b-87p0ihde8c] {
    outline: var(--os-focus-ring-width) solid var(--os-focus-ring-color);
    outline-offset: var(--os-focus-ring-offset);
}

.os-project-timesheet-approvals-page__group-name[b-87p0ihde8c] {
    overflow-wrap: anywhere;
    color: var(--os-color-text-primary);
    font-size: var(--os-text-body-size);
    font-weight: var(--os-font-weight-bold);
}

.os-project-timesheet-approvals-page__group-name--project[b-87p0ihde8c] {
    text-transform: uppercase;
}

.os-project-timesheet-approvals-page__group-subtitle[b-87p0ihde8c] {
    color: var(--os-color-text-tertiary);
    font-size: var(--os-text-caption-size);
}

.os-project-timesheet-approvals-page__detail-row > td[b-87p0ihde8c] {
    padding: 0;
    background: var(--os-color-surface-default);
}

.os-project-timesheet-approvals-page__detail-table[b-87p0ihde8c] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(13rem, 20%);
    gap: var(--os-space-5);
    max-inline-size: 100%;
    padding: var(--os-space-3) var(--os-space-4) var(--os-space-4);
}

.os-project-timesheet-approvals-page__detail-summary[b-87p0ihde8c],
.os-project-timesheet-approvals-page__detail-details[b-87p0ihde8c] {
    min-inline-size: 0;
    max-inline-size: 100%;
}

.os-project-timesheet-approvals-page__detail-summary[b-87p0ihde8c] {
    order: 2;
    align-self: stretch;
    border: 0;
    border-inline-start: var(--os-border-width-thin) solid var(--os-color-border-subtle);
    overflow: visible;
}

.os-project-timesheet-approvals-page__project-panel[b-87p0ihde8c] {
    padding: var(--os-space-1) 0 var(--os-space-1) var(--os-space-4);
}

.os-project-timesheet-approvals-page__panel-help[b-87p0ihde8c] {
    margin: calc(var(--os-space-1) * -1) 0 var(--os-space-3);
    color: var(--os-color-text-tertiary);
    font-size: var(--os-text-caption-size);
}

.os-project-timesheet-approvals-page__selection-summary[b-87p0ihde8c] {
    display: grid;
    gap: var(--os-space-1);
    min-inline-size: 0;
}

.os-project-timesheet-approvals-page__selection-summary span[b-87p0ihde8c] {
    color: var(--os-color-text-secondary);
    font-size: var(--os-text-caption-size);
}

.os-project-timesheet-approvals-page__detail-actions[b-87p0ihde8c] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: var(--os-space-3);
    margin-block-end: var(--os-space-3);
    padding: var(--os-space-3);
    border: var(--os-border-width-thin) solid var(--os-color-brand-border);
    border-inline-start: var(--os-border-width-thick) solid var(--os-color-brand-default);
    border-radius: var(--os-radius-md);
    background: var(--os-color-brand-subtle);
    min-inline-size: 0;
}

.os-project-timesheet-approvals-page__detail-actions--empty[b-87p0ihde8c] {
    padding-block: var(--os-space-2);
    border-color: var(--os-color-border-subtle);
    border-inline-start-color: var(--os-color-border-default);
    background: var(--os-color-surface-subtle);
}

.os-project-timesheet-approvals-page__selection-actions[b-87p0ihde8c] {
    display: flex;
    flex-wrap: wrap;
    gap: var(--os-space-2);
}

.os-project-timesheet-approvals-page__action-controls[b-87p0ihde8c] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: flex-end;
    gap: var(--os-space-3);
}

.os-project-timesheet-approvals-page__detail-heading[b-87p0ihde8c] {
    display: flex;
    align-items: start;
    justify-content: space-between;
    gap: var(--os-space-3);
    margin-block-end: var(--os-space-3);
}

.os-project-timesheet-approvals-page__detail-heading > div:first-child[b-87p0ihde8c] {
    min-inline-size: 0;
}

.os-project-timesheet-approvals-page__detail-heading .os-project-timesheet-approvals-page__detail-label[b-87p0ihde8c] {
    margin-block-end: var(--os-space-1);
}

.os-project-timesheet-approvals-page__clear-selection[b-87p0ihde8c] {
    border: 0;
    background: transparent;
    color: var(--os-color-brand-text);
    font: inherit;
    font-size: var(--os-text-caption-size);
    font-weight: var(--os-font-weight-semibold);
    cursor: pointer;
}

.os-project-timesheet-approvals-page__clear-selection:hover[b-87p0ihde8c],
.os-project-timesheet-approvals-page__clear-selection:focus-visible[b-87p0ihde8c] {
    text-decoration: underline;
}

.os-project-timesheet-approvals-page__detail-details[b-87p0ihde8c] {
    order: 1;
}

.os-project-timesheet-approvals-page__detail-label[b-87p0ihde8c] {
    margin-block-end: var(--os-space-2);
    color: var(--os-color-text-secondary);
    font-size: var(--os-text-caption-size);
    font-weight: var(--os-font-weight-semibold);
    letter-spacing: 0.04em;
    text-transform: uppercase;
}

.os-project-timesheet-approvals-page__detail-details .os-project-timesheet-approvals-page__detail-label[b-87p0ihde8c] {
    color: var(--os-color-text-primary);
    font-size: var(--os-text-label-size);
    font-weight: var(--os-font-weight-semibold);
    letter-spacing: 0.02em;
    text-transform: uppercase;
}

.os-project-timesheet-approvals-page__detail-details > table[b-87p0ihde8c] {
    inline-size: 100%;
    table-layout: fixed;
    border: var(--os-border-width-thin) solid var(--os-color-border-subtle);
    border-radius: var(--os-radius-md);
    overflow: hidden;
}

.os-project-timesheet-approvals-page__detail-details > table > thead th:nth-child(1)[b-87p0ihde8c] {
    inline-size: 3%;
}

.os-project-timesheet-approvals-page__detail-details > table > thead th:nth-child(2)[b-87p0ihde8c] {
    inline-size: 28%;
}

.os-project-timesheet-approvals-page__detail-details > table > thead th:nth-child(3)[b-87p0ihde8c] {
    inline-size: 17%;
}

.os-project-timesheet-approvals-page__detail-details > table > thead th:nth-child(4)[b-87p0ihde8c] {
    inline-size: 10%;
}

.os-project-timesheet-approvals-page__detail-details > table > thead th:nth-child(5)[b-87p0ihde8c] {
    inline-size: 17%;
}

.os-project-timesheet-approvals-page__detail-details > table > thead th:nth-child(6)[b-87p0ihde8c] {
    inline-size: 25%;
}

.os-project-timesheet-approvals-page__detail-details > table .os-table__cell[b-87p0ihde8c] {
    overflow-wrap: anywhere;
}

.os-project-timesheet-approvals-page__employee-summary-table[b-87p0ihde8c] {
    inline-size: 100%;
    border: 0 !important;
    border-radius: 0 !important;
    overflow: visible !important;
}

.os-project-timesheet-approvals-page__employee-summary-table .os-table__header-cell[b-87p0ihde8c] {
    padding-block: var(--os-space-1);
    border-block-end: var(--os-border-width-thin) solid var(--os-color-border-subtle);
    background: transparent !important;
    color: var(--os-color-text-tertiary);
    font-size: var(--os-text-caption-size);
    letter-spacing: 0.04em;
    text-transform: uppercase;
}

.os-project-timesheet-approvals-page__employee-summary-table .os-table__header-cell:last-child[b-87p0ihde8c] {
    text-align: end;
}

.os-project-timesheet-approvals-page__detail-summary .os-project-timesheet-approvals-page__detail-label[b-87p0ihde8c] {
    margin-block-end: var(--os-space-3);
    color: var(--os-color-text-primary);
    font-size: var(--os-text-label-size);
    font-weight: var(--os-font-weight-semibold);
    letter-spacing: 0.02em;
    text-transform: uppercase;
}

.os-project-timesheet-approvals-page__detail-summary .os-project-timesheet-approvals-page__employee-summary-table .os-table__cell:first-child[b-87p0ihde8c] {
    color: var(--os-color-text-primary);
    font-weight: var(--os-font-weight-regular);
}

.os-project-timesheet-approvals-page__detail-summary .os-project-timesheet-approvals-page__employee-summary-table .os-project-timesheet-approvals-page__hours[b-87p0ihde8c] {
    color: var(--os-color-text-primary);
    font-size: inherit;
    font-weight: var(--os-font-weight-regular);
}

.os-project-timesheet-approvals-page__detail-details > table .os-table__header-cell[b-87p0ihde8c] {
    padding-block: var(--os-space-2);
    color: var(--os-color-text-secondary);
    font-size: var(--os-text-caption-size);
    letter-spacing: 0.02em;
}

.os-project-timesheet-approvals-page__detail-details > table .os-table__cell[b-87p0ihde8c] {
    padding-block: var(--os-space-3);
}

.os-project-timesheet-approvals-page__detail-details > table .os-project-timesheet-approvals-page__hours[b-87p0ihde8c] {
    font-weight: var(--os-font-weight-regular);
}

.os-project-timesheet-approvals-page__employee-summary-table .os-table__cell[b-87p0ihde8c] {
    padding-block: var(--os-space-2);
    border-block-end: var(--os-border-width-thin) solid var(--os-color-border-subtle);
}

.os-project-timesheet-approvals-page__employee-summary-table tbody tr:last-child .os-table__cell[b-87p0ihde8c] {
    border-block-end: 0;
}

.os-project-timesheet-approvals-page__employee-summary-table .os-project-timesheet-approvals-page__hours[b-87p0ihde8c] {
    color: var(--os-color-text-primary);
    font-weight: var(--os-font-weight-regular);
}

.os-project-timesheet-approvals-page__detail-table > table .os-table__header-cell[b-87p0ihde8c] {
    background: var(--os-color-surface-subtle);
}

.os-project-timesheet-approvals-page__note-empty[b-87p0ihde8c] {
    color: var(--os-color-text-tertiary);
}

@media (width <= 52rem) {
    .os-project-timesheet-approvals-page__detail-table[b-87p0ihde8c] {
        grid-template-columns: 1fr;
    }

    .os-project-timesheet-approvals-page__detail-summary[b-87p0ihde8c] {
        order: 2;
        border-inline-start: 0;
    }

    .os-project-timesheet-approvals-page__project-panel[b-87p0ihde8c] {
        padding-inline: 0;
    }

    .os-project-timesheet-approvals-page__detail-details[b-87p0ihde8c] {
        order: 1;
    }

}

.os-project-timesheet-approvals-page__detail-actions--empty .os-project-timesheet-approvals-page__selection-summary span[b-87p0ihde8c] {
    color: var(--os-color-text-tertiary);
}

.os-project-timesheet-approvals-page__table-wrapper[b-87p0ihde8c] {
    min-inline-size: 0;
    overflow-x: auto;
    border: var(--os-border-width-thin) solid var(--os-color-border-subtle);
    border-radius: var(--os-radius-md);
}

.os-project-timesheet-approvals-page__table-wrapper .os-table__table[b-87p0ihde8c] {
    inline-size: 100%;
    min-inline-size: 0;
}

.os-project-timesheet-approvals-page__summary-table[b-87p0ihde8c] {
    table-layout: fixed;
    border-collapse: separate;
    border-spacing: 0;
}

.os-project-timesheet-approvals-page__summary-table > thead th:first-child[b-87p0ihde8c] {
    inline-size: 44%;
}

.os-project-timesheet-approvals-page__summary-number[b-87p0ihde8c] {
    inline-size: 13%;
    font-variant-numeric: tabular-nums;
    text-align: center;
}

.os-project-timesheet-approvals-page__summary-table > thead th:last-child[b-87p0ihde8c] {
    inline-size: 30%;
}

.os-project-timesheet-approvals-page__summary-table > thead .os-table__header-cell[b-87p0ihde8c] {
    border-block-end: var(--os-border-width-thick) solid var(--os-color-border-subtle);
    color: var(--os-color-text-secondary);
    font-size: var(--os-text-caption-size);
    font-weight: var(--os-font-weight-semibold);
    letter-spacing: 0.02em;
    text-transform: uppercase;
}

.os-project-timesheet-approvals-page__status-breakdown[b-87p0ihde8c] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: var(--os-space-1);
}

.os-project-timesheet-approvals-page__status-breakdown[b-87p0ihde8c]  .os-status-chip {
    min-block-size: var(--os-size-control-xs);
    padding-block: var(--os-space-1);
    padding-inline: var(--os-space-2);
    font-size: var(--os-text-caption-size);
    font-weight: var(--os-font-weight-regular);
    letter-spacing: 0;
}

.os-project-timesheet-approvals-page__table-wrapper .os-table__header-cell[b-87p0ihde8c] {
    white-space: nowrap;
}

.os-project-timesheet-approvals-page__table-wrapper .os-table__cell[b-87p0ihde8c] {
    vertical-align: middle;
}

.os-project-timesheet-approvals-page__table-wrapper[b-87p0ihde8c]  .os-project-timesheet-approvals-page__compact-checkbox {
    inline-size: var(--os-size-control-md);
    min-block-size: var(--os-size-control-md);
}

.os-project-timesheet-approvals-page__table-wrapper[b-87p0ihde8c]  .os-project-timesheet-approvals-page__compact-checkbox label {
    position: absolute;
    inline-size: 1px;
    block-size: 1px;
    overflow: hidden;
    clip: rect(0 0 0 0);
    clip-path: inset(50%);
    white-space: nowrap;
}

.os-project-timesheet-approvals-page__table-wrapper tbody tr:hover[b-87p0ihde8c] {
    background: var(--os-color-surface-hover);
}

.os-project-timesheet-approvals-page__table-wrapper tbody tr:has(input:checked)[b-87p0ihde8c] {
    background: var(--os-color-surface-selected);
}

.os-project-timesheet-approvals-page__group-row[b-87p0ihde8c] {
    background: var(--os-color-surface-subtle);
}

.os-project-timesheet-approvals-page__group-row:hover[b-87p0ihde8c] {
    background: var(--os-color-surface-subtle);
}

.os-project-timesheet-approvals-page__group-row th[b-87p0ihde8c] {
    color: var(--os-color-text-primary);
}

.os-project-timesheet-approvals-page__group-heading[b-87p0ihde8c] {
    display: flex;
    align-items: baseline;
}

.os-project-timesheet-approvals-page__group-title[b-87p0ihde8c] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: var(--os-space-2);
}

.os-project-timesheet-approvals-page__group-title[b-87p0ihde8c] {
    display: inline-flex;
    align-items: center;
    min-inline-size: 0;
    gap: var(--os-space-2);
}

.os-project-timesheet-approvals-page__group-toggle[b-87p0ihde8c] {
    --os-icon-button-size: var(--os-size-control-sm);
    --os-icon-button-padding: var(--os-space-1);
    --os-icon-button-radius: var(--os-radius-sm);
    --os-icon-button-color: var(--os-color-text-secondary);
    --os-icon-button-color-hover: var(--os-color-brand-text);
    --os-icon-button-background-hover: var(--os-color-brand-subtle);
    flex: 0 0 auto;
}

.os-project-timesheet-approvals-page__group-title strong[b-87p0ihde8c] {
    overflow-wrap: anywhere;
}

.os-project-timesheet-approvals-page__employee[b-87p0ihde8c] {
    display: inline-flex;
    align-items: center;
    min-inline-size: 12rem;
}

.os-project-timesheet-approvals-page__group-heading span[b-87p0ihde8c] {
    color: var(--os-color-text-secondary);
    font-size: var(--os-text-caption-size);
    font-weight: var(--os-font-weight-regular);
}

.os-project-timesheet-approvals-page__hours[b-87p0ihde8c] {
    text-align: end !important;
    font-variant-numeric: tabular-nums;
    font-weight: var(--os-font-weight-semibold);
}

@media (width <= 40rem) {
    .os-project-timesheet-approvals-page__toolbar[b-87p0ihde8c] {
        align-items: flex-start;
        flex-direction: column;
    }

    .os-project-timesheet-approvals-page__status-filter-control[b-87p0ihde8c],
    .os-project-timesheet-approvals-page__status-filter-options[b-87p0ihde8c],
    .os-project-timesheet-approvals-page__grouping-control[b-87p0ihde8c],
    .os-project-timesheet-approvals-page__view-options[b-87p0ihde8c] {
        inline-size: 100%;
    }

    .os-project-timesheet-approvals-page__status-filter-options[b-87p0ihde8c] {
        justify-content: flex-start;
    }

    .os-project-timesheet-approvals-page__view-options[b-87p0ihde8c] {
        display: flex;
    }

    .os-project-timesheet-approvals-page__view-button[b-87p0ihde8c] {
        flex: 1 1 50%;
        justify-content: center;
        white-space: normal;
    }

    .os-project-timesheet-approvals-page__period-layout[b-87p0ihde8c] {
        flex-direction: column;
        gap: var(--os-space-4);
    }

    .os-project-timesheet-approvals-page__period-controls[b-87p0ihde8c],
    .os-project-timesheet-approvals-page__selected-range-control[b-87p0ihde8c] {
        inline-size: 100%;
    }

    .os-project-timesheet-approvals-page__metrics[b-87p0ihde8c] {
        justify-content: flex-start;
    }

    .os-project-timesheet-approvals-page__detail-actions[b-87p0ihde8c] {
        align-items: stretch;
        flex-direction: column;
        inline-size: 100%;
    }

    .os-project-timesheet-approvals-page__action-controls[b-87p0ihde8c] {
        inline-size: 100%;
        justify-content: stretch;
    }

    .os-project-timesheet-approvals-page__action-controls[b-87p0ihde8c]  .os-button {
        flex: 1 1 auto;
    }

    .os-project-timesheet-approvals-page__selection-actions[b-87p0ihde8c] {
        display: grid;
        inline-size: 100%;
    }

    .os-project-timesheet-approvals-page__selection-actions[b-87p0ihde8c]  .os-button {
        inline-size: 100%;
    }

}

@media (width <= 64rem) {
    .os-project-timesheet-approvals-page__detail-table[b-87p0ihde8c] {
        grid-template-columns: 1fr;
        gap: var(--os-space-4);
    }

    .os-project-timesheet-approvals-page__detail-details[b-87p0ihde8c] {
        order: 1;
        min-inline-size: 0;
        overflow-x: auto;
        overflow-y: hidden;
    }

    .os-project-timesheet-approvals-page__detail-summary[b-87p0ihde8c] {
        order: 2;
        min-inline-size: 0;
        padding: 0;
        border-inline-start: 0;
        overflow-x: auto;
        overflow-y: hidden;
    }

    .os-project-timesheet-approvals-page__project-panel[b-87p0ihde8c] {
        padding-inline: 0;
    }

    .os-project-timesheet-approvals-page__detail-details > table[b-87p0ihde8c] {
        display: table;
        inline-size: 44rem !important;
        min-inline-size: 44rem !important;
        max-inline-size: none;
        overflow: visible;
        table-layout: fixed;
    }

    .os-project-timesheet-approvals-page__detail-details > table > thead[b-87p0ihde8c] {
        position: static;
        inline-size: auto;
        block-size: auto;
        overflow: visible;
        clip: auto;
        clip-path: none;
        white-space: normal;
    }

    .os-project-timesheet-approvals-page__detail-details > table > tbody[b-87p0ihde8c] {
        display: table-row-group;
    }

    .os-project-timesheet-approvals-page__detail-details > table > tbody > tr[b-87p0ihde8c] {
        display: table-row;
        padding: 0;
        border: 0;
        border-radius: 0;
        background: transparent;
    }

    .os-project-timesheet-approvals-page__detail-details > table > tbody > tr > td[b-87p0ihde8c] {
        display: table-cell;
        min-inline-size: 0;
        align-items: initial;
        gap: initial;
        padding-block: var(--os-space-3);
        border-block-end: var(--os-border-width-thin) solid var(--os-color-border-subtle);
        overflow-wrap: anywhere;
    }

    .os-project-timesheet-approvals-page__detail-details > table > tbody > tr > td[b-87p0ihde8c]::before {
        display: none;
        content: none;
    }

    .os-project-timesheet-approvals-page__employee-summary-table[b-87p0ihde8c] {
        display: table;
        inline-size: 28rem !important;
        min-inline-size: 28rem !important;
        max-inline-size: none;
        table-layout: auto;
    }

    .os-project-timesheet-approvals-page__employee-summary-table > thead[b-87p0ihde8c] {
        position: static;
        inline-size: auto;
        block-size: auto;
        overflow: visible;
        clip: auto;
        clip-path: none;
        white-space: normal;
    }

    .os-project-timesheet-approvals-page__employee-summary-table > tbody[b-87p0ihde8c] {
        display: table-row-group;
    }

    .os-project-timesheet-approvals-page__employee-summary-table > tbody > tr[b-87p0ihde8c] {
        display: table-row;
        padding: 0;
    }

    .os-project-timesheet-approvals-page__employee-summary-table > tbody > tr > td[b-87p0ihde8c] {
        display: table-cell;
        padding-block: var(--os-space-2);
        border-block-end: var(--os-border-width-thin) solid var(--os-color-border-subtle);
    }
}
/* /Pages/Projects/ProjectView.razor.rz.scp.css */
.os-project-page[b-bemw0g86mb] {
    min-inline-size: 0;
    max-inline-size: var(--os-shell-content-max-width);
    margin-inline: auto;
}
.os-project-page__header[b-bemw0g86mb],
.os-project-page__section-header[b-bemw0g86mb] {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    justify-content: space-between;
    gap: var(--os-space-4);
}

.os-project-page__header[b-bemw0g86mb] {
    padding-block-end: var(--os-space-2);
}

.os-project-page__task-actions[b-bemw0g86mb] {
    display: flex;
    flex-wrap: wrap;
    gap: var(--os-space-2);
}

@media (width < 40rem) {
    .os-project-page__header[b-bemw0g86mb],
    .os-project-page__section-header[b-bemw0g86mb] {
        align-items: stretch;
    }

    .os-project-page__header .os-stack--row[b-bemw0g86mb],
    .os-project-page__section-header .os-button[b-bemw0g86mb],
    .os-project-page__task-actions .os-button[b-bemw0g86mb] {
        inline-size: 100%;
    }
}
/* /Pages/Scheduling/SchedulingAdministration.razor.rz.scp.css */
.scheduling-weekly-rules[b-tivbmzeeaa] {
    display: grid;
    gap: var(--os-space-3);
    min-inline-size: 0;
    max-inline-size: 100%;
    margin: 0;
    padding: var(--os-space-4);
    border: 1px solid var(--os-color-border-subtle, #d9e0ea);
    border-radius: var(--os-radius-md, 0.5rem);
    background: var(--os-color-surface-subtle, #f8fafc);
}

.scheduling-weekly-rules__helper[b-tivbmzeeaa] {
    max-inline-size: 48rem;
    color: var(--os-color-text-muted, #536174);
    font-size: 0.875rem;
}

.scheduling-weekly-rules__header[b-tivbmzeeaa],
.scheduling-weekly-rules__row[b-tivbmzeeaa] {
    display: grid;
    min-inline-size: 0;
    grid-template-columns: minmax(5.5rem, 1.2fr) minmax(4rem, 0.9fr) minmax(4.5rem, 1fr) minmax(4.5rem, 1fr);
    gap: var(--os-space-3);
    align-items: center;
}

.scheduling-weekly-rules__header[b-tivbmzeeaa] {
    padding-inline: var(--os-space-3);
    color: var(--os-color-text-muted, #536174);
    font-size: 0.75rem;
    font-weight: 700;
    letter-spacing: 0.03em;
    text-transform: uppercase;
}

.scheduling-weekly-rules__row[b-tivbmzeeaa] {
    min-block-size: 3.5rem;
    padding: var(--os-space-2) var(--os-space-3);
    border: 1px solid var(--os-color-border-subtle, #d9e0ea);
    border-radius: var(--os-radius-sm, 0.375rem);
    background: var(--os-color-surface-default, #fff);
}

.scheduling-weekly-rules__row:has(input:disabled)[b-tivbmzeeaa] {
    background: var(--os-color-surface-muted, #f1f4f8);
}

.scheduling-weekly-rules__row[b-tivbmzeeaa]  .os-number-input__label {
    position: absolute;
    inline-size: 1px;
    block-size: 1px;
    overflow: hidden;
    clip: rect(0 0 0 0);
    white-space: nowrap;
}

.scheduling-weekly-rules__row[b-tivbmzeeaa]  .os-number-input,
.scheduling-weekly-rules__row[b-tivbmzeeaa]  .os-number-input__control,
.scheduling-weekly-rules__row .os-input[b-tivbmzeeaa] {
    inline-size: 100%;
    min-inline-size: 0;
}

.scheduling-weekly-rules__row[b-tivbmzeeaa]  .os-checkbox {
    min-inline-size: 0;
}

.scheduling-weekly-rules__field[b-tivbmzeeaa] {
    min-inline-size: 0;
}

.scheduling-workflow-actions[b-tivbmzeeaa] {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    gap: var(--os-space-3);
    padding-block-start: var(--os-space-2);
}

[b-tivbmzeeaa] .scheduling-definition-card-group {
    grid-template-columns: minmax(0, 1fr);
}

@media (max-width: 48rem) {
    .scheduling-weekly-rules[b-tivbmzeeaa] {
        padding: var(--os-space-3);
    }

    .scheduling-weekly-rules__header[b-tivbmzeeaa] {
        display: none;
    }

    .scheduling-weekly-rules__row[b-tivbmzeeaa] {
        grid-template-columns: minmax(8rem, 1fr) minmax(6rem, 0.8fr);
        gap: var(--os-space-2);
    }

    .scheduling-weekly-rules__row[b-tivbmzeeaa]  .os-number-input,
    .scheduling-weekly-rules__row .os-input[b-tivbmzeeaa] {
        min-block-size: 2.75rem;
    }

    .scheduling-weekly-rules__field[b-tivbmzeeaa]::before {
        display: block;
        margin-block-end: var(--os-space-1);
        color: var(--os-color-text-muted, #536174);
        content: attr(data-label);
        font-size: 0.75rem;
        font-weight: 700;
    }

    .scheduling-workflow-actions[b-tivbmzeeaa] {
        justify-content: stretch;
    }

    .scheduling-workflow-actions[b-tivbmzeeaa]  button {
        flex: 1 1 100%;
    }
}
/* /Pages/Security/SignIn.razor.rz.scp.css */
.account-type-tile[b-xm99kyye6i] {
    cursor: pointer;
    padding: 20px;
    margin: 10px 0;
    border: 1px solid #ccc;
    border-radius: 5px;
    background-color: #f9f9f9;
    text-align: center;
    min-width: 350px;
    transition: background-color 0.3s ease;
}

    .account-type-tile:hover[b-xm99kyye6i] {
        background-color: #e9e9e9;
    }
/* /Pages/Security/SignOut.razor.rz.scp.css */
.sign-out-page__loading[b-c8sbyx6r9j] {
    display: flex;
    align-items: center;
    gap: var(--os-space-3);
    color: var(--os-color-text-secondary);
}
/* /Pages/Security/SwitchOrganization.razor.rz.scp.css */
.switch-organization-page__organizations[b-iyaxwkm6gx] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(16rem, 1fr));
    gap: var(--os-space-4);
}

.switch-organization-page__organization-card[b-iyaxwkm6gx] {
    block-size: 100%;
}

.switch-organization-page__organization-card--current[b-iyaxwkm6gx] {
    border-color: var(--os-color-brand-border);
}

.switch-organization-page__organization[b-iyaxwkm6gx] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--os-space-4);
    min-block-size: 7rem;
}

.switch-organization-page__organization-identity[b-iyaxwkm6gx] {
    display: flex;
    align-items: flex-start;
    gap: var(--os-space-3);
    min-inline-size: 0;
}

.switch-organization-page__organization-identity h2[b-iyaxwkm6gx] {
    margin: 0;
    font-size: var(--os-text-card-title-size);
    line-height: var(--os-text-card-title-line-height);
    overflow-wrap: anywhere;
}

.switch-organization-page__organization-identity p[b-iyaxwkm6gx] {
    margin-block: var(--os-space-2) 0;
    color: var(--os-color-text-secondary);
}

@media (width < 40rem) {
    .switch-organization-page__organization[b-iyaxwkm6gx] {
        align-items: stretch;
        flex-direction: column;
    }
}
/* /Pages/SignUp/SignUp.razor.rz.scp.css */
.signup-page[b-l1wefvkvcc] {
    min-height: 100vh;
    padding: 1.5rem 1rem 0;
}

.signup-page__shell[b-l1wefvkvcc] {
    max-width: 78rem;
    margin: 0 auto;
}

.signup-page__header[b-l1wefvkvcc] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0.5rem 0 2rem;
    color: #fff;
}

.signup-page__brand[b-l1wefvkvcc] {
    display: inline-flex;
    align-items: center;
    gap: 0.7rem;
    color: #fff;
    font-size: 1.2rem;
    font-weight: 800;
    text-decoration: none;
}

.signup-page__brand-logo[b-l1wefvkvcc] {
    display: grid;
    width: 2.2rem;
    height: 2.2rem;
    place-items: center;
    border-radius: 0.65rem;
    background: #fff;
    padding: 0.35rem;
}

.signup-page__secure-note[b-l1wefvkvcc] {
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
    color: rgb(255 255 255 / 84%);
    font-size: 0.8rem;
}

.signup-page__content[b-l1wefvkvcc] {
    padding-bottom: 2rem;
}

.signup-page__intro[b-l1wefvkvcc] {
    max-width: 52rem;
    padding: 1rem 0 2rem;
    color: #fff;
}

.signup-page__eyebrow[b-l1wefvkvcc],
.signup-page__step-count[b-l1wefvkvcc] {
    color: #d7e8ff;
    font-size: 0.75rem;
    font-weight: 800;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.signup-page__intro h1[b-l1wefvkvcc] {
    margin: 0.5rem 0 0.75rem;
    color: #fff;
    font-size: clamp(2rem, 4vw, 3rem);
    letter-spacing: -0.04em;
}

.signup-page__intro p[b-l1wefvkvcc] {
    margin: 0;
    color: rgb(255 255 255 / 86%);
    font-size: 1.05rem;
}

.signup-progress[b-l1wefvkvcc] {
    display: grid;
    grid-template-columns: repeat(6, minmax(0, 1fr));
    gap: 0.5rem;
    margin: 0 0 1rem;
    padding: 0;
    list-style: none;
    padding: 0.35rem 0;
    border-radius: 0.5rem;
}

.signup-progress__button[b-l1wefvkvcc] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    width: 100%;
    padding: 0.65rem 0.5rem;
    border: 0;
    border-bottom: 4px solid rgb(255 255 255 / 78%);
    background: rgb(8 48 105 / 28%);
    color: #fff;
    text-align: left;
    opacity: 1;
}

.signup-progress__button:not(:disabled)[b-l1wefvkvcc] { cursor: pointer; }
.signup-progress__button:disabled[b-l1wefvkvcc] { opacity: 1; }

.signup-progress__button:focus-visible[b-l1wefvkvcc],
.signup-page__retry:focus-visible[b-l1wefvkvcc] { outline: 3px solid #2167c4; outline-offset: 3px; }

.signup-progress__number[b-l1wefvkvcc] {
    display: grid;
    flex: 0 0 1.65rem;
    width: 1.65rem;
    height: 1.65rem;
    place-items: center;
    border: 1px solid currentColor;
    border-radius: 50%;
    font-size: 0.75rem;
    font-weight: 800;
}

.signup-progress__label[b-l1wefvkvcc] {
    overflow: hidden;
    font-size: 0.76rem;
    font-weight: 700;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.signup-progress__item--current .signup-progress__button[b-l1wefvkvcc] { border-color: #fff; background: rgb(255 255 255 / 18%); color: #fff; }
.signup-progress__item--complete .signup-progress__button[b-l1wefvkvcc] { border-color: #bfe0ff; color: #fff; }

.signup-page__card[b-l1wefvkvcc] {
    overflow: hidden;
    border: 1px solid #dbe5f1;
    border-radius: 1rem;
    background: #fff;
    box-shadow: 0 1.25rem 3rem rgb(15 45 85 / 20%);
}

.signup-page__card-header[b-l1wefvkvcc] {
    padding: 2rem clamp(1.25rem, 4vw, 3rem) 1.25rem;
    border-bottom: 1px solid #e5ebf2;
}

.signup-page__card-header h2[b-l1wefvkvcc] { margin: 0.35rem 0; color: #172033; font-size: clamp(1.4rem, 3vw, 2rem); }
.signup-page__card-header p[b-l1wefvkvcc],
.signup-page__help[b-l1wefvkvcc] { margin: 0; color: #64748b; }
.signup-page__step-content[b-l1wefvkvcc] { padding: 0 clamp(1.25rem, 4vw, 3rem) 2rem; }
.signup-page__step-content > :global(div)[b-l1wefvkvcc] { margin: 0; padding: 1.5rem 0 0; }
.signup-page__step-content :global(.signup-legacy-heading)[b-l1wefvkvcc] { display: none; }
.signup-page__step-content :global(.input-group)[b-l1wefvkvcc] { display: grid; grid-template-columns: minmax(8rem, 9.5rem) minmax(0, 32rem); align-items: start; gap: 0.75rem; }
.signup-page__step-content :global(.input-group .form-label)[b-l1wefvkvcc] { width: auto !important; margin: 0; padding-top: 0.65rem !important; color: #334155; font-weight: 600; }
.signup-page__step-content :global(.input-group input)[b-l1wefvkvcc] { width: 100%; max-width: none !important; }
.signup-page__step-content :global(.input-group + div)[b-l1wefvkvcc] { margin-left: 10.25rem; }
.signup-page__step-content :global(select.form-select)[b-l1wefvkvcc] { width: 100% !important; max-width: 32rem; }
.signup-page__step-content :global(.signup-company-size)[b-l1wefvkvcc] { display: grid; grid-template-columns: minmax(8rem, 9.5rem) minmax(0, 32rem); align-items: start; gap: 0.75rem; }
.signup-page__step-content :global(.signup-company-size label)[b-l1wefvkvcc] { padding-top: 0.65rem; color: #334155; font-weight: 600; }
.signup-action-button[b-l1wefvkvcc] { display: inline-flex; min-height: 2.75rem; align-items: center; justify-content: center; margin-top: 0.5rem; border: 0; border-radius: 0.45rem; padding: 0.7rem 1.5rem; background: #2167c4; color: #fff; font-weight: 700; cursor: pointer; }
.signup-action-button:hover:not(:disabled)[b-l1wefvkvcc] { background: #174f9b; }
.signup-action-button:disabled[b-l1wefvkvcc] { cursor: wait; opacity: 0.7; }
.signup-action-button:focus-visible[b-l1wefvkvcc] { outline: 3px solid #2167c4; outline-offset: 3px; }
.signup-page__step-content :global(.form-control)[b-l1wefvkvcc],
.signup-page__step-content :global(.form-select)[b-l1wefvkvcc],
.signup-page__step-content :global(input)[b-l1wefvkvcc] { min-height: 2.75rem; border: 1px solid #b8c7d9; border-radius: 0.45rem; padding: 0.6rem 0.75rem; }

.signup-page__loading[b-l1wefvkvcc],
.signup-page__error[b-l1wefvkvcc] { max-width: 46rem; margin: 4rem auto; padding: 3rem 2rem; border-radius: 1rem; background: #fff; box-shadow: 0 1.25rem 3rem rgb(15 45 85 / 20%); text-align: center; }
.signup-page__loading h1[b-l1wefvkvcc],
.signup-page__error h1[b-l1wefvkvcc] { margin: 1rem 0 0.5rem; color: #172033; }
.signup-page__loading p[b-l1wefvkvcc],
.signup-page__error p[b-l1wefvkvcc] { margin: 0; color: #64748b; }
.signup-page__loading-mark[b-l1wefvkvcc],
.signup-page__error-mark[b-l1wefvkvcc] { display: inline-grid; width: 3.5rem; height: 3.5rem; place-items: center; border-radius: 50%; background: #e8f1ff; color: #2167c4; }
.signup-page__loading-mark :global(.os-icon)[b-l1wefvkvcc] { animation: signup-spin-b-l1wefvkvcc 1.2s linear infinite; }
.signup-page__retry[b-l1wefvkvcc] { margin-top: 1.5rem; padding: 0.7rem 1.25rem; border: 0; border-radius: 0.45rem; background: #2167c4; color: #fff; font-weight: 700; cursor: pointer; }
.signup-page__help[b-l1wefvkvcc] { padding: 1.25rem 0 0; text-align: center; font-size: 0.85rem; }

@keyframes signup-spin-b-l1wefvkvcc { to { transform: rotate(360deg); } }

@media (max-width: 48rem) {
    .signup-page[b-l1wefvkvcc] { padding-top: 0.75rem; }
    .signup-page__header[b-l1wefvkvcc] { padding-bottom: 1rem; }
    .signup-page__secure-note[b-l1wefvkvcc] { display: none; }
    .signup-progress[b-l1wefvkvcc] { display: flex; gap: 0.25rem; }
    .signup-progress__button[b-l1wefvkvcc] { justify-content: center; border-bottom-width: 4px; }
    .signup-progress__label[b-l1wefvkvcc] { display: none; }
    .signup-page__card-header[b-l1wefvkvcc] { padding-top: 1.5rem; }
    .signup-page__step-content :global(.input-group)[b-l1wefvkvcc],
    .signup-page__step-content :global(.signup-company-size)[b-l1wefvkvcc] { display: block; }
    .signup-page__step-content :global(.input-group .form-label)[b-l1wefvkvcc],
    .signup-page__step-content :global(.signup-company-size label)[b-l1wefvkvcc] { display: block; padding-top: 0 !important; padding-bottom: 0.35rem; }
    .signup-page__step-content :global(.input-group + div)[b-l1wefvkvcc] { margin-left: 0; }
}
/* /Pages/SignUp/WarningMessage.razor.rz.scp.css */

div[b-7x51jftpkl]{
    color: orangered;  
}
/* /Pages/Subscriptions/SubscriptionLicenseManage.razor.rz.scp.css */
.options .card[b-lk820jm4cw] {
    padding: 30px;
    margin: 10px 5px;
    border-top: 2px solid #007bff;
}

.options h2[b-lk820jm4cw] {
    margin-bottom: 13px;
}

.options .card p b[b-lk820jm4cw] {
    font-size: .96em;
}

.assign-license-link[b-lk820jm4cw] {
    margin-left: 12px;
    text-decoration: underline;
}

.license-action-buttons[b-lk820jm4cw] {
    display: inline;
}

.billing-frequency-change-link[b-lk820jm4cw] {
    margin-left: 4px;
    text-decoration: underline;
}

.purchase-history-grid[b-lk820jm4cw] {
    max-width: 650px;
}

.empty-history-message[b-lk820jm4cw] {
    color: lightgrey;
    font-size: 24px;
    text-align: center;
    margin: 2rem;
}
/* /Pages/Teams/TeamAdd.razor.rz.scp.css */
.os-team-add-page[b-82wj3dlb3b] {
    min-inline-size: 0;
    max-inline-size: var(--os-shell-content-max-width);
    margin-inline: auto;
}
/* /Pages/Teams/TeamTimesheetApprovals.razor.rz.scp.css */
.os-team-timesheet-approvals-page[b-zlu7fyutul] {
    min-inline-size: 0;
    max-inline-size: var(--os-shell-content-max-width);
    margin-inline: auto;
}

.os-team-timesheet-approvals-page__drawer-host[b-zlu7fyutul]  .os-drawer--wide .os-drawer__panel {
    inline-size: min(50vw, 56rem);
}

.os-team-timesheet-approvals-page__return-help[b-zlu7fyutul] {
    margin-block: 0 var(--os-space-3);
    color: var(--os-color-text-secondary);
    font-size: var(--os-text-caption-size);
}

.os-team-timesheet-approvals-page__entry-correction[b-zlu7fyutul] {
    display: block;
    max-inline-size: 18rem;
    overflow-wrap: anywhere;
    color: var(--os-color-text-secondary);
    font-size: var(--os-text-caption-size);
}

.os-team-timesheet-approvals-page__summary[b-zlu7fyutul] {
    display: grid;
    gap: 0;
    border: var(--os-border-width-thin) solid var(--os-color-border-subtle);
    border-radius: var(--os-radius-lg);
    background: var(--os-color-surface-raised);
    box-shadow: var(--os-shadow-sm);
}

.os-team-timesheet-approvals-page__period-layout[b-zlu7fyutul] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: var(--os-space-5);
    padding: var(--os-space-5);
}

.os-team-timesheet-approvals-page__period-controls[b-zlu7fyutul] {
    display: grid;
    gap: var(--os-space-3);
    min-inline-size: 0;
}

.os-team-timesheet-approvals-page__preset-pills[b-zlu7fyutul] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: var(--os-space-2);
    min-inline-size: 0;
}

.os-team-timesheet-approvals-page__period-divider[b-zlu7fyutul] {
    inline-size: 100%;
    margin-block: var(--os-space-1);
    border-block-start: var(--os-border-width-thin) solid var(--os-color-border-subtle);
}

.os-team-timesheet-approvals-page__preset-pill[b-zlu7fyutul] {
    flex: 0 1 auto;
    min-block-size: var(--os-size-control-xs);
    padding: var(--os-space-1) var(--os-space-2);
    border: var(--os-border-width-thin) solid var(--os-color-border-default);
    border-radius: var(--os-radius-full);
    background: var(--os-color-surface-default);
    color: var(--os-color-text-secondary);
    font: inherit;
    font-size: var(--os-text-caption-size);
    font-weight: var(--os-font-weight-regular);
    white-space: nowrap;
    cursor: pointer;
}

.os-team-timesheet-approvals-page__preset-pill:where(:hover):not(:disabled)[b-zlu7fyutul] {
    border-color: var(--os-color-brand-border);
    background: var(--os-color-brand-subtle-hover);
    color: var(--os-color-brand-text);
}

.os-team-timesheet-approvals-page__preset-pill--selected[b-zlu7fyutul] {
    border-color: var(--os-color-brand-border);
    background: var(--os-color-brand-subtle);
    color: var(--os-color-brand-text);
    font-weight: var(--os-font-weight-semibold);
}

.os-team-timesheet-approvals-page__preset-pill:disabled[b-zlu7fyutul] {
    color: var(--os-color-text-disabled);
    cursor: not-allowed;
}

.os-team-timesheet-approvals-page__preset-pill:focus-visible[b-zlu7fyutul] {
    outline: var(--os-focus-ring-width) solid var(--os-focus-ring-color);
    outline-offset: var(--os-focus-ring-offset);
}

.os-team-timesheet-approvals-page__selected-range-control[b-zlu7fyutul] {
    inline-size: min(100%, 29rem);
    min-inline-size: 0;
}

.os-team-timesheet-approvals-page__summary strong[b-zlu7fyutul] {
    color: var(--os-color-text-primary);
    font-size: var(--os-text-heading-3-size);
}

.os-team-timesheet-approvals-page__eyebrow[b-zlu7fyutul] {
    align-self: start;
    color: var(--os-color-text-tertiary);
    font-size: var(--os-text-caption-size);
    font-weight: var(--os-font-weight-semibold);
    letter-spacing: 0.06em;
    text-transform: uppercase;
}

.os-team-timesheet-approvals-page__metrics[b-zlu7fyutul] {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    gap: var(--os-space-2);
    min-inline-size: 0;
    padding-block-start: var(--os-space-1);
}

.os-team-timesheet-approvals-page__metric[b-zlu7fyutul] {
    display: flex;
    align-items: center;
    gap: var(--os-space-1);
    min-block-size: var(--os-size-control-sm);
    padding: var(--os-space-1) var(--os-space-3);
    border: var(--os-border-width-thin) solid var(--os-color-border-default);
    border-radius: var(--os-radius-md);
    background: var(--os-color-surface-default);
    color: var(--os-color-text-secondary);
    font-size: var(--os-text-label-size);
    white-space: nowrap;
}

.os-team-timesheet-approvals-page__metric strong[b-zlu7fyutul] {
    color: var(--os-color-text-primary);
    font-size: var(--os-text-label-size);
}

.os-team-timesheet-approvals-page__metric--needs-review[b-zlu7fyutul] {
    border-color: var(--os-color-warning-border);
    background: var(--os-color-warning-subtle);
    color: var(--os-color-warning-text);
}

.os-team-timesheet-approvals-page__metric--approved[b-zlu7fyutul] {
    border-color: var(--os-color-success-border);
    background: var(--os-color-success-subtle);
    color: var(--os-color-success-text);
}

.os-team-timesheet-approvals-page__metric--returned[b-zlu7fyutul] {
    border-color: var(--os-color-danger-border);
    background: var(--os-color-danger-subtle);
    color: var(--os-color-danger-text);
}

.os-team-timesheet-approvals-page .os-status-chip[tabindex="0"]:focus-visible[b-zlu7fyutul] {
    outline: var(--os-focus-ring-width) solid var(--os-focus-ring-color);
    outline-offset: var(--os-focus-ring-offset);
}

.os-team-timesheet-approvals-page .os-status-chip[tabindex="0"][b-zlu7fyutul] {
    cursor: help;
}

.os-team-timesheet-approvals-page .os-table[b-zlu7fyutul] {
    box-shadow: var(--os-shadow-sm);
}

.os-team-timesheet-approvals-page__queue-actions[b-zlu7fyutul] {
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: flex-end;
    gap: var(--os-space-2);
    min-inline-size: max-content;
    white-space: nowrap;
}

.os-team-timesheet-approvals-page__queue-actions[b-zlu7fyutul]  .os-button {
    white-space: nowrap;
}

.os-team-timesheet-approvals-page__drawer-summary[b-zlu7fyutul] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: var(--os-space-3);
    padding-block-end: var(--os-space-4);
    border-block-end: var(--os-border-width-thin) solid var(--os-color-border-subtle);
    color: var(--os-color-text-secondary);
}

.os-team-timesheet-approvals-page__drawer-summary strong[b-zlu7fyutul] {
    margin-inline-start: auto;
    color: var(--os-color-text-primary);
}

.os-team-timesheet-approvals-page__detail-actions[b-zlu7fyutul] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: flex-end;
    gap: var(--os-space-3);
    inline-size: 100%;
}

.os-team-timesheet-approvals-page__selection-summary[b-zlu7fyutul] {
    margin-inline-end: auto;
    color: var(--os-color-text-secondary);
    font-size: var(--os-text-caption-size);
}

.os-team-timesheet-approvals-page__selection-bar[b-zlu7fyutul] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: var(--os-space-3);
    margin-block-end: var(--os-space-3);
    padding: var(--os-space-3);
    border: var(--os-border-width-thin) solid var(--os-color-border-subtle);
    border-radius: var(--os-radius-md);
    background: var(--os-color-surface-subtle);
}

.os-team-timesheet-approvals-page__selection-count[b-zlu7fyutul] {
    color: var(--os-color-text-secondary);
    font-size: var(--os-text-caption-size);
}

.os-team-timesheet-approvals-page__selection-error[b-zlu7fyutul] {
    margin-block: 0 var(--os-space-3);
    color: var(--os-color-danger-text);
    font-size: var(--os-text-caption-size);
}

.os-team-timesheet-approvals-page__detail-feedback[b-zlu7fyutul] {
    display: grid;
    justify-items: start;
    gap: var(--os-space-4);
}

.os-team-timesheet-approvals-page__detail-feedback-message[b-zlu7fyutul] {
    margin-block-end: var(--os-space-4);
}

.os-team-timesheet-approvals-page__detail-table-wrapper[b-zlu7fyutul] {
    min-inline-size: 0;
    margin-block-end: var(--os-space-5);
    overflow-x: auto;
    border: var(--os-border-width-thin) solid var(--os-color-border-subtle);
    border-radius: var(--os-radius-md);
}

.os-team-timesheet-approvals-page__detail-table-wrapper .os-table__table[b-zlu7fyutul] {
    min-inline-size: 42rem;
}

.os-team-timesheet-approvals-page__entry-note[b-zlu7fyutul] {
    display: block;
    max-inline-size: 18rem;
    margin-block-start: var(--os-space-1);
    overflow-wrap: anywhere;
    color: var(--os-color-text-secondary);
    font-size: var(--os-text-caption-size);
}

@media (width < 48rem) {
    .os-team-timesheet-approvals-page__drawer-host[b-zlu7fyutul]  .os-drawer--wide .os-drawer__panel {
        inline-size: min(100%, 56rem);
    }

    .os-team-timesheet-approvals-page__period-controls[b-zlu7fyutul] {
        inline-size: 100%;
    }

    .os-team-timesheet-approvals-page__selected-range-control[b-zlu7fyutul] {
        inline-size: min(100%, 29rem);
    }

    .os-team-timesheet-approvals-page__preset-pills[b-zlu7fyutul] {
        gap: var(--os-space-2);
    }

    .os-team-timesheet-approvals-page__metrics[b-zlu7fyutul] {
        justify-content: flex-start;
    }

    .os-team-timesheet-approvals-page__drawer-summary strong[b-zlu7fyutul] {
        margin-inline-start: 0;
    }

    .os-team-timesheet-approvals-page__selection-summary[b-zlu7fyutul] {
        flex-basis: 100%;
        margin-inline-end: 0;
    }
}

@media (width < 36rem) {
    .os-team-timesheet-approvals-page__period-layout[b-zlu7fyutul] {
        flex-direction: column;
        gap: var(--os-space-4);
    }

    .os-team-timesheet-approvals-page__preset-pill[b-zlu7fyutul] {
        flex: 1 1 calc(50% - var(--os-space-2));
        text-align: center;
    }
}
/* /Pages/Teams/TeamView.razor.rz.scp.css */
.team-details[b-v151qrp57a] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(12rem, 1fr));
    gap: 1rem;
}

.team-detail[b-v151qrp57a] {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
}
/* /Pages/Teams/TimesheetReports/TeamTimeReportOptionsSelectionAutoRefresh.razor.rz.scp.css */
.os-team-report-options[b-jzpltngrn4] {
    min-inline-size: 0;
}

.os-team-report-options__quick-ranges[b-jzpltngrn4] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: var(--os-space-2);
}

.os-team-report-options__quick-ranges-label[b-jzpltngrn4] {
    margin-inline-end: var(--os-space-1);
    color: var(--os-color-text-secondary);
    font-size: var(--os-text-caption-size);
    font-weight: var(--os-text-label-weight);
}

.os-team-report-options__quick-range[b-jzpltngrn4] {
    min-block-size: 2rem;
    padding-inline: var(--os-space-3);
    border: 1px solid var(--os-color-border-default);
    border-radius: var(--os-radius-full);
    background: var(--os-color-surface-default);
    color: var(--os-color-text-secondary);
    font-size: var(--os-text-caption-size);
    font-weight: var(--os-text-label-weight);
    cursor: pointer;
    transition: border-color var(--os-motion-hover), background-color var(--os-motion-hover), color var(--os-motion-hover);
}

.os-team-report-options__quick-range:hover[b-jzpltngrn4] {
    border-color: var(--os-color-brand-default);
    color: var(--os-color-brand-default);
}

.os-team-report-options__quick-range:focus-visible[b-jzpltngrn4] {
    outline: var(--os-focus-ring-width) solid var(--os-color-focus-ring);
    outline-offset: var(--os-focus-ring-offset);
}

.os-team-report-options__quick-range--selected[b-jzpltngrn4] {
    border-color: var(--os-color-brand-default);
    background: var(--os-color-brand-subtle);
    color: var(--os-color-brand-default);
}

.os-team-report-options__dates[b-jzpltngrn4],
.os-team-report-options__selects[b-jzpltngrn4] {
    display: grid;
    gap: var(--os-space-3);
    min-inline-size: 0;
}

.os-team-report-options__dates[b-jzpltngrn4] {
    grid-template-columns: repeat(2, minmax(14rem, 1fr));
    max-inline-size: 42rem;
}

.os-team-report-options__date-context[b-jzpltngrn4] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: var(--os-space-2);
    margin-block-start: var(--os-space-2);
    color: var(--os-color-text-secondary);
    font-size: var(--os-text-caption-size);
}

.os-team-report-options__date-context-label[b-jzpltngrn4] {
    color: var(--os-color-text-tertiary);
}

.os-team-report-options__date-context-value[b-jzpltngrn4],
.os-team-report-options__date-context-period[b-jzpltngrn4] {
    display: inline-flex;
    align-items: center;
    min-block-size: 1.75rem;
    padding-inline: var(--os-space-2);
    border: 1px solid var(--os-color-border-default);
    border-radius: var(--os-radius-full);
    background: var(--os-color-surface-default);
    color: var(--os-color-text-primary);
    font-weight: var(--os-text-label-weight);
}

.os-team-report-options__date-context-period[b-jzpltngrn4] {
    border-color: var(--os-color-brand-default);
    background: var(--os-color-brand-subtle);
    color: var(--os-color-brand-default);
}

.os-team-report-options__selects[b-jzpltngrn4] {
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

@media (max-width: 50rem) {
    .os-team-report-options__dates[b-jzpltngrn4],
    .os-team-report-options__selects[b-jzpltngrn4] {
        grid-template-columns: 1fr;
        max-inline-size: none;
    }
}
/* /Pages/Teams/TimesheetReports/TeamTimesheetReportHeader.razor.rz.scp.css */
.os-team-report-header[b-noqrsrskyv] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: var(--os-space-3) var(--os-space-5);
    padding-block: var(--os-space-1);
}

.os-team-report-header p[b-noqrsrskyv] {
    min-inline-size: 0;
    color: var(--os-color-text-secondary);
    font-size: var(--os-text-label-size);
}

.os-team-report-header p:first-child[b-noqrsrskyv] {
    grid-column: 1 / -1;
    color: var(--os-color-text-tertiary);
    font-size: var(--os-text-caption-size);
}

.os-team-report-header strong[b-noqrsrskyv] {
    display: block;
    margin-block-end: var(--os-space-1);
    color: var(--os-color-text-tertiary);
    font-size: var(--os-text-caption-size);
    font-weight: var(--os-text-label-weight);
    text-transform: uppercase;
    letter-spacing: 0.04em;
}

@media (max-width: 50rem) {
    .os-team-report-header[b-noqrsrskyv] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 32rem) {
    .os-team-report-header[b-noqrsrskyv] {
        grid-template-columns: 1fr;
    }
}
/* /Pages/Teams/TimesheetReports/TeamTimesheetReports.razor.rz.scp.css */
.os-team-timesheet-reports-page[b-zbm0eom15d] {
    min-inline-size: 0;
    max-inline-size: var(--os-shell-content-max-width);
    margin-inline: auto;
}

.os-team-timesheet-reports-page__reports[b-zbm0eom15d] {
    min-inline-size: 0;
}

.os-team-timesheet-reports-page__report-picker[b-zbm0eom15d] {
    display: grid;
    gap: var(--os-space-4);
    padding: var(--os-space-5);
    border: 1px solid var(--os-color-border-default);
    border-radius: var(--os-radius-lg);
    background: var(--os-color-surface-raised);
}

.os-team-timesheet-reports-page__report-picker-intro[b-zbm0eom15d] {
    display: grid;
    gap: var(--os-space-1);
}

.os-team-timesheet-reports-page__eyebrow[b-zbm0eom15d] {
    margin: 0;
    color: var(--os-color-text-primary);
    font-size: var(--os-text-label-size);
    font-weight: var(--os-text-label-weight);
}

.os-team-timesheet-reports-page__report-picker-description[b-zbm0eom15d] {
    max-inline-size: 54rem;
    margin: 0;
    color: var(--os-color-text-secondary);
    font-size: var(--os-text-body-size);
}

.os-team-timesheet-reports-page__report-options[b-zbm0eom15d] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: var(--os-space-3);
}

.os-team-timesheet-reports-page__report-option[b-zbm0eom15d] {
    display: grid;
    min-block-size: 8rem;
    align-content: start;
    gap: var(--os-space-2);
    padding: var(--os-space-4);
    border: 1px solid var(--os-color-border-default);
    border-radius: var(--os-radius-md);
    background: var(--os-color-surface-default);
    color: var(--os-color-text-primary);
    text-align: start;
    cursor: pointer;
    transition: border-color var(--os-motion-hover), background-color var(--os-motion-hover), box-shadow var(--os-motion-hover);
}

.os-team-timesheet-reports-page__report-option:hover[b-zbm0eom15d] {
    border-color: var(--os-color-brand-default);
    background: var(--os-color-surface-hover);
}

.os-team-timesheet-reports-page__report-option:focus-visible[b-zbm0eom15d] {
    outline: var(--os-focus-ring-width) solid var(--os-color-focus-ring);
    outline-offset: var(--os-focus-ring-offset);
}

.os-team-timesheet-reports-page__report-option--active[b-zbm0eom15d] {
    border-color: var(--os-color-brand-default);
    background: var(--os-color-brand-subtle);
    box-shadow: inset 0 0 0 1px var(--os-color-brand-default);
}

.os-team-timesheet-reports-page__report-option-title[b-zbm0eom15d] {
    font-size: var(--os-text-label-size);
    font-weight: var(--os-text-section-title-weight);
}

.os-team-timesheet-reports-page__report-option-description[b-zbm0eom15d] {
    color: var(--os-color-text-secondary);
    font-size: var(--os-text-caption-size);
    line-height: 1.45;
}

.os-team-timesheet-reports-page__report-option-action[b-zbm0eom15d] {
    margin-block-start: auto;
    color: var(--os-color-brand-default);
    font-size: var(--os-text-caption-size);
    font-weight: var(--os-text-label-weight);
}

.os-team-timesheet-reports-page__report-panel[b-zbm0eom15d] {
    min-inline-size: 0;
}

.os-team-timesheet-reports__summary-grid[b-zbm0eom15d] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: var(--os-space-4);
    margin-block-end: var(--os-space-4);
}

.os-team-timesheet-reports__selection[b-zbm0eom15d] {
    display: flex;
    align-items: center;
    gap: var(--os-space-2);
    margin-block-end: var(--os-space-4);
}

@media (max-width: 50rem) {
    .os-team-timesheet-reports-page__report-options[b-zbm0eom15d] {
        grid-template-columns: 1fr;
    }

    .os-team-timesheet-reports__summary-grid[b-zbm0eom15d] { grid-template-columns: 1fr; }
}
/* /Pages/Timesheets/Components/TimesheetSubmissionConfirmationDialog.razor.rz.scp.css */
.timesheet-submission-dialog[b-j0ku5pp4de] {
    position: fixed;
    z-index: var(--os-z-drawer);
    inset: 0;
    display: grid;
    place-items: center;
    padding: var(--os-space-5);
}

.timesheet-submission-dialog__backdrop[b-j0ku5pp4de] {
    position: absolute;
    z-index: 0;
    inset: 0;
    inline-size: 100%;
    block-size: 100%;
    border: 0;
    background-color: var(--os-color-backdrop);
    cursor: default;
}

.timesheet-submission-dialog__panel[b-j0ku5pp4de] {
    position: relative;
    z-index: 1;
    display: grid;
    grid-template-rows: auto minmax(0, 1fr) auto;
    inline-size: min(32rem, 100%);
    border: var(--os-border-width-thin) solid var(--os-color-border-subtle);
    border-radius: var(--os-radius-lg);
    background-color: var(--os-color-surface-drawer);
    box-shadow: var(--os-elevation-drawer);
    color: var(--os-color-text-primary);
    outline: none;
}

.timesheet-submission-dialog__header[b-j0ku5pp4de],
.timesheet-submission-dialog__footer[b-j0ku5pp4de] {
    display: flex;
    align-items: center;
    gap: var(--os-space-3);
    padding: var(--os-space-4) var(--os-space-5);
}

.timesheet-submission-dialog__header[b-j0ku5pp4de] {
    justify-content: space-between;
    border-block-end: var(--os-border-width-thin) solid var(--os-color-border-subtle);
}

.timesheet-submission-dialog__header h2[b-j0ku5pp4de] {
    margin: 0;
    color: var(--os-color-text-primary);
    font-size: var(--os-text-section-title-size);
    font-weight: var(--os-text-section-title-weight);
    line-height: var(--os-text-section-title-line-height);
}

.timesheet-submission-dialog__close[b-j0ku5pp4de] {
    display: grid;
    flex: none;
    place-items: center;
    inline-size: var(--os-size-control-md);
    block-size: var(--os-size-control-md);
    border: 0;
    border-radius: var(--os-radius-md);
    background: transparent;
    color: var(--os-color-text-secondary);
    font-size: 1.5rem;
    line-height: 1;
}

.timesheet-submission-dialog__close:hover:not(:disabled)[b-j0ku5pp4de] {
    background-color: var(--os-color-surface-hover);
    color: var(--os-color-text-primary);
}

.timesheet-submission-dialog__body[b-j0ku5pp4de] {
    padding: var(--os-space-5);
}

.timesheet-submission-dialog__intro[b-j0ku5pp4de] {
    margin: 0 0 var(--os-space-4);
    color: var(--os-color-text-primary);
    font-size: var(--os-text-body-size);
    line-height: 1.5;
}

.timesheet-submission-dialog__intro strong[b-j0ku5pp4de] {
    font-weight: var(--os-text-body-md-weight);
}

.timesheet-submission-dialog__notice[b-j0ku5pp4de] {
    margin: 0;
    padding: var(--os-space-3) var(--os-space-4);
    border-inline-start: 0.25rem solid;
    border-radius: var(--os-radius-md);
    color: var(--os-color-text-secondary);
    font-size: var(--os-text-body-size);
    line-height: 1.5;
}

.timesheet-submission-dialog__notice--locked[b-j0ku5pp4de] {
    border-inline-start-color: var(--os-color-action-primary);
    background-color: color-mix(in srgb, var(--os-color-action-primary) 8%, var(--os-color-surface-default));
}

.timesheet-submission-dialog__footer[b-j0ku5pp4de] {
    justify-content: flex-end;
    border-block-start: var(--os-border-width-thin) solid var(--os-color-border-subtle);
}

.timesheet-submission-dialog__button[b-j0ku5pp4de] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: var(--os-space-2);
    min-inline-size: 6rem;
    min-block-size: var(--os-size-control-md);
    padding: 0 var(--os-space-4);
    border: var(--os-border-width-thin) solid transparent;
    border-radius: var(--os-radius-md);
    font: inherit;
    cursor: pointer;
}

.timesheet-submission-dialog__button:disabled[b-j0ku5pp4de],
.timesheet-submission-dialog__close:disabled[b-j0ku5pp4de],
.timesheet-submission-dialog__backdrop:disabled[b-j0ku5pp4de] {
    cursor: not-allowed;
    opacity: 0.65;
}

.timesheet-submission-dialog__button--cancel[b-j0ku5pp4de] {
    border-color: var(--os-color-border-subtle);
    background-color: var(--os-color-surface-subtle);
    color: var(--os-color-text-primary);
}

.timesheet-submission-dialog__button--submit[b-j0ku5pp4de] {
    background-color: var(--os-color-action-primary);
    color: var(--os-color-text-on-action);
}

.timesheet-submission-dialog__spinner[b-j0ku5pp4de] {
    inline-size: 1rem;
    block-size: 1rem;
    border: 2px solid currentColor;
    border-inline-end-color: transparent;
    border-radius: 50%;
    animation: timesheet-submission-dialog-spin-b-j0ku5pp4de 0.7s linear infinite;
}

@keyframes timesheet-submission-dialog-spin-b-j0ku5pp4de {
    to {
        transform: rotate(360deg);
    }
}

@media (width <= 30rem) {
    .timesheet-submission-dialog[b-j0ku5pp4de] {
        padding: var(--os-space-3);
    }

    .timesheet-submission-dialog__footer[b-j0ku5pp4de] {
        flex-direction: column-reverse;
        align-items: stretch;
    }
}

@media (prefers-reduced-motion: reduce) {
    .timesheet-submission-dialog__spinner[b-j0ku5pp4de] {
        animation: none;
    }
}
/* /Pages/Timesheets/ProjectReports/ProjectTimesheetReportChartSummary.razor.rz.scp.css */
.os-project-timesheet-reports-page__chart-card[b-n9yjurqi1r] {
    min-inline-size: 0;
}

.os-project-timesheet-reports-page__chart-card-title[b-n9yjurqi1r] {
    font-weight: var(--os-font-weight-medium);
}

.os-project-timesheet-reports-page__chart-toolbar[b-n9yjurqi1r] {
    display: flex;
    align-items: end;
    flex-wrap: wrap;
    gap: var(--os-space-3);
    margin-block-end: var(--os-space-3);
}

.os-project-timesheet-reports-page__chart-type-tabs[b-n9yjurqi1r] {
    display: flex;
    align-items: stretch;
    gap: var(--os-space-4);
    min-inline-size: 0;
    border-block-end: var(--os-border-width-thin) solid var(--os-color-border-subtle);
}

.os-project-timesheet-reports-page__chart-type-tab[b-n9yjurqi1r] {
    padding: var(--os-space-2) 0;
    border: 0;
    border-block-end: 2px solid transparent;
    background: transparent;
    color: var(--os-color-text-secondary);
    font: inherit;
    font-weight: var(--os-text-label-weight);
    cursor: pointer;
    transition: color var(--os-motion-hover), border-color var(--os-motion-hover);
}

.os-project-timesheet-reports-page__chart-type-tab:hover[b-n9yjurqi1r] {
    color: var(--os-color-text-primary);
}

.os-project-timesheet-reports-page__chart-type-tab:focus-visible[b-n9yjurqi1r] {
    outline: var(--os-focus-ring-width) solid var(--os-focus-ring-color);
    outline-offset: var(--os-focus-ring-offset);
}

.os-project-timesheet-reports-page__chart-type-tab--active[b-n9yjurqi1r] {
    border-block-end-color: var(--os-color-brand-border);
    color: var(--os-color-text-primary);
    font-weight: var(--os-font-weight-semibold);
}

.os-project-timesheet-reports-page__chart-type-tab:disabled[b-n9yjurqi1r] {
    color: var(--os-color-text-disabled);
    cursor: not-allowed;
}

.os-project-timesheet-reports-page__chart-toolbar[b-n9yjurqi1r]  .os-select {
    inline-size: min(100%, 14rem);
}

.os-project-timesheet-reports-page__chart[b-n9yjurqi1r] {
    min-inline-size: 0;
    overflow-x: auto;
    padding: var(--os-space-3);
    border: var(--os-border-width-thin) solid var(--os-color-border-subtle);
    border-radius: var(--os-radius-md);
    background: var(--os-color-surface-default);
}

.os-project-timesheet-reports-page__chart[b-n9yjurqi1r]  .os-bar-chart,
.os-project-timesheet-reports-page__chart[b-n9yjurqi1r]  .os-pie-chart,
.os-project-timesheet-reports-page__chart[b-n9yjurqi1r]  .os-column-chart {
    inline-size: 100%;
    min-inline-size: min(100%, 38rem);
}

.os-project-timesheet-reports-page__chart-help[b-n9yjurqi1r],
.os-project-timesheet-reports-page__chart-empty[b-n9yjurqi1r],
.os-project-timesheet-reports-page__chart-loading[b-n9yjurqi1r] {
    margin: var(--os-space-3) 0 0;
    color: var(--os-color-text-secondary);
    font-size: var(--os-text-label-size);
}

.os-project-timesheet-reports-page__chart-empty[b-n9yjurqi1r],
.os-project-timesheet-reports-page__chart-loading[b-n9yjurqi1r] {
    display: flex;
    align-items: center;
    min-block-size: 8rem;
    padding: var(--os-space-4);
    border: var(--os-border-width-thin) dashed var(--os-color-border-subtle);
    border-radius: var(--os-radius-md);
    background: var(--os-color-surface-subtle);
}
/* /Pages/Timesheets/ProjectReports/ProjectTimesheetReports.razor.rz.scp.css */
.os-project-timesheet-reports-page__report-definition[b-nm2ijrlnfd] {
    display: grid;
    gap: var(--os-space-4);
    min-inline-size: 0;
    padding: var(--os-space-4);
    border: var(--os-border-width-thin) solid var(--os-color-border-subtle);
    border-radius: var(--os-radius-md);
    background: var(--os-color-surface-subtle);
}

.os-project-timesheet-reports-page__report-definition-header[b-nm2ijrlnfd] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: var(--os-space-4);
}

.os-project-timesheet-reports-page__report-definition-actions[b-nm2ijrlnfd] {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: var(--os-space-3);
    inline-size: 100%;
    min-inline-size: 0;
}

.os-project-timesheet-reports-page__date-control[b-nm2ijrlnfd] {
    display: grid;
    grid-template-columns: auto minmax(12rem, 1fr) auto;
    gap: var(--os-space-2);
    align-items: center;
    flex: 1 1 24rem;
    min-inline-size: min(18rem, 100%);
    max-inline-size: 34rem;
}

.os-project-timesheet-reports-page__date-label[b-nm2ijrlnfd] {
    color: var(--os-color-text-primary);
    font-size: var(--os-text-label-size);
    font-weight: var(--os-text-label-weight);
    white-space: nowrap;
}

.os-project-timesheet-reports-page__date-control[b-nm2ijrlnfd]  .os-select {
    min-inline-size: 0;
}

.os-project-timesheet-reports-page__date-control > .os-button[b-nm2ijrlnfd] {
    align-self: end;
}

.os-project-timesheet-reports-page__filter-grid[b-nm2ijrlnfd] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(min(100%, 14rem), 1fr));
    inline-size: 100%;
    gap: var(--os-space-2);
    min-inline-size: 0;
}

.os-project-timesheet-reports-page__filter-grid--approval[b-nm2ijrlnfd] {
    grid-template-columns: repeat(auto-fit, minmax(min(100%, 14rem), 1fr));
}

.os-project-timesheet-reports-page__filter-grid[b-nm2ijrlnfd]  .os-multi-select,
.os-project-timesheet-reports-page__filter-grid[b-nm2ijrlnfd]  .os-select {
    inline-size: 100%;
    min-inline-size: 0;
    max-inline-size: 100%;
}

.os-project-timesheet-reports-page__filter-grid[b-nm2ijrlnfd]  .os-multi-select__trigger,
.os-project-timesheet-reports-page__filter-grid[b-nm2ijrlnfd]  .os-select__control {
    min-block-size: 2.5rem;
}

.os-project-timesheet-reports-page__report-definition-filters[b-nm2ijrlnfd] {
    display: flex;
    align-items: center;
    gap: var(--os-space-3);
    min-inline-size: 0;
    padding-block-start: var(--os-space-3);
    border-block-start: var(--os-border-width-thin) solid var(--os-color-border-subtle);
}

.os-project-timesheet-reports-page__report-definition-filters-label[b-nm2ijrlnfd] {
    flex: none;
    color: var(--os-color-text-secondary);
    font-size: var(--os-text-label-size);
    font-weight: var(--os-text-label-weight);
}

.os-project-timesheet-reports-page__report-types[b-nm2ijrlnfd] {
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: var(--os-space-3);
    min-inline-size: 0;
}

.os-project-timesheet-reports-page__report-type[b-nm2ijrlnfd] {
    display: grid;
    align-content: start;
    gap: var(--os-space-2);
    min-block-size: 7rem;
    min-inline-size: 0;
    padding: var(--os-space-4);
    border: var(--os-border-width-thin) solid var(--os-color-border-subtle);
    border-radius: var(--os-radius-md);
    background: var(--os-color-surface-default);
    color: var(--os-color-text-primary);
    text-align: start;
    cursor: pointer;
    transition: border-color var(--os-motion-hover), background-color var(--os-motion-hover), box-shadow var(--os-motion-hover);
}

.os-project-timesheet-reports-page__report-type:hover[b-nm2ijrlnfd] {
    border-color: var(--os-color-brand-border);
    box-shadow: var(--os-elevation-sm);
}

.os-project-timesheet-reports-page__report-type:focus-visible[b-nm2ijrlnfd] {
    border-color: var(--os-color-brand-border);
    outline: var(--os-focus-ring-width) solid var(--os-focus-ring-color);
    outline-offset: var(--os-focus-ring-offset);
}

.os-project-timesheet-reports-page__report-type--selected[b-nm2ijrlnfd] {
    border-color: var(--os-color-brand-border);
    background: var(--os-color-surface-selected);
    box-shadow: var(--os-elevation-sm);
}

.os-project-timesheet-reports-page__report-type-title[b-nm2ijrlnfd] {
    font-size: var(--os-text-label-size);
    font-weight: var(--os-font-weight-semibold);
    line-height: 1.35;
}

.os-project-timesheet-reports-page__report-type-description[b-nm2ijrlnfd] {
    min-block-size: 2.7rem;
    color: var(--os-color-text-secondary);
    font-size: var(--os-text-label-size);
    line-height: 1.45;
}

.os-project-timesheet-reports-page__report-type-indicator[b-nm2ijrlnfd] {
    margin-block-start: auto;
    padding-block-start: var(--os-space-3);
    color: var(--os-color-text-secondary);
    font-size: var(--os-text-caption-size);
}

.os-project-timesheet-reports-page__report-content[b-nm2ijrlnfd] {
    display: grid;
    gap: var(--os-space-4);
    min-inline-size: 0;
    padding-block-start: var(--os-space-4);
}

.os-project-timesheet-reports-page__active-filter-list[b-nm2ijrlnfd] {
    display: flex;
    flex-wrap: wrap;
    gap: var(--os-space-2);
    min-inline-size: 0;
}

.os-project-timesheet-reports-page__active-filter-more[b-nm2ijrlnfd] {
    display: inline-flex;
    align-items: center;
    color: var(--os-color-text-secondary);
    font-size: var(--os-text-label-size);
    font-weight: var(--os-text-label-weight);
}

.os-project-timesheet-reports-page__drawer-content[b-nm2ijrlnfd] {
    display: grid;
    gap: var(--os-space-4);
    inline-size: 100%;
    min-inline-size: 0;
    overflow-wrap: anywhere;
}

.os-project-timesheet-reports-page__filter-drawer[b-nm2ijrlnfd]  .os-drawer__body {
    min-inline-size: 0;
    overflow-x: hidden;
}

.os-project-timesheet-reports-page__filter-drawer[b-nm2ijrlnfd]  .os-drawer__heading {
    min-inline-size: 0;
}

.os-project-timesheet-reports-page__builder-group[b-nm2ijrlnfd] {
    display: grid;
    gap: var(--os-space-3);
    min-inline-size: 0;
    padding-block-start: var(--os-space-4);
    border-block-start: var(--os-border-width-thin) solid var(--os-color-border-subtle);
}

.os-project-timesheet-reports-page__builder-group:first-child[b-nm2ijrlnfd] {
    padding-block-start: 0;
    border-block-start: 0;
}

.os-project-timesheet-reports-page__builder-group-heading[b-nm2ijrlnfd] {
    display: grid;
    gap: var(--os-space-1);
}

.os-project-timesheet-reports-page__builder-group-title[b-nm2ijrlnfd],
.os-project-timesheet-reports-page__drawer-subsection-title[b-nm2ijrlnfd] {
    margin: 0;
    color: var(--os-color-text-primary);
    font-size: var(--os-text-label-size);
    font-weight: var(--os-text-label-weight);
}

.os-project-timesheet-reports-page__builder-group-title[b-nm2ijrlnfd] {
    font-size: var(--os-text-card-title-size);
    font-weight: var(--os-text-card-title-weight);
}

.os-project-timesheet-reports-page__builder-group-content[b-nm2ijrlnfd] {
    display: grid;
    gap: var(--os-space-3);
    min-inline-size: 0;
}

.os-project-timesheet-reports-page__drawer-section[b-nm2ijrlnfd] {
    display: grid;
    gap: var(--os-space-2);
    min-inline-size: 0;
    padding-block-start: var(--os-space-3);
    border-block-start: var(--os-border-width-thin) solid var(--os-color-border-subtle);
}

.os-project-timesheet-reports-page__drawer-section:first-child[b-nm2ijrlnfd] {
    padding-block-start: 0;
    border-block-start: 0;
}

.os-project-timesheet-reports-page__drawer-description[b-nm2ijrlnfd] {
    margin: var(--os-space-1) 0 0;
    color: var(--os-color-text-secondary);
    font-size: var(--os-text-label-size);
}

.os-project-timesheet-reports-page__drawer-content[b-nm2ijrlnfd]  .os-date-range-selector__preset-pills {
    gap: var(--os-space-2);
}

.os-project-timesheet-reports-page__drawer-content[b-nm2ijrlnfd]  .os-date-range-selector__controls--inline-dates {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    inline-size: 100%;
    align-items: stretch;
}

.os-project-timesheet-reports-page__drawer-content[b-nm2ijrlnfd]  .os-date-range-selector__controls--inline-dates .os-date-picker,
.os-project-timesheet-reports-page__drawer-content[b-nm2ijrlnfd]  .os-date-range-selector__controls--inline-dates .os-date-picker__control {
    inline-size: 100%;
    min-inline-size: 0;
}

.os-project-timesheet-reports-page__drawer-content[b-nm2ijrlnfd]  .os-date-range-selector__controls--inline-dates .os-date-picker {
    display: grid;
    grid-template-columns: 1fr;
    row-gap: var(--os-space-1);
    max-inline-size: none;
}

.os-project-timesheet-reports-page__drawer-content[b-nm2ijrlnfd]  .os-date-range-selector__controls--inline-dates .os-date-picker__control {
    max-inline-size: none;
}

.os-project-timesheet-reports-page__actions[b-nm2ijrlnfd] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    flex-wrap: wrap;
}

.os-project-summary-table[b-nm2ijrlnfd] {
    min-inline-size: 0;
}

.os-project-summary-table[b-nm2ijrlnfd]  .os-table__table {
    min-inline-size: 64rem;
}

.os-project-summary-table[b-nm2ijrlnfd]  .os-table__header-cell:nth-child(1),
.os-project-summary-table[b-nm2ijrlnfd]  .os-table__cell:nth-child(1) {
    min-inline-size: 18rem;
}

.os-project-summary-table[b-nm2ijrlnfd]  .os-table__header-cell:nth-child(2),
.os-project-summary-table[b-nm2ijrlnfd]  .os-table__cell:nth-child(2) {
    min-inline-size: 7rem;
}

.os-project-summary-table[b-nm2ijrlnfd]  .os-table__header-cell:nth-child(n + 3) .os-table__header-content {
    justify-content: flex-end;
}

.os-project-summary-table[b-nm2ijrlnfd]  .os-table__header-cell:nth-child(n + 3) .os-table__sort,
.os-project-summary-table[b-nm2ijrlnfd]  .os-table__cell:nth-child(n + 3) {
    text-align: end;
}

.os-project-summary-table[b-nm2ijrlnfd]  .os-table__cell:nth-child(n + 3) {
    font-variant-numeric: tabular-nums;
    white-space: nowrap;
}

@media (max-width: 900px) {
    .os-project-timesheet-reports-page__report-types[b-nm2ijrlnfd] {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .os-project-timesheet-reports-page__filter-grid[b-nm2ijrlnfd] {
        grid-template-columns: repeat(auto-fit, minmax(min(100%, 14rem), 1fr));
    }

    .os-project-timesheet-reports-page__filter-grid--approval[b-nm2ijrlnfd] {
        grid-template-columns: repeat(auto-fit, minmax(min(100%, 14rem), 1fr));
    }

    .os-project-timesheet-reports-page__drawer-content .os-project-timesheet-reports-page__filter-grid[b-nm2ijrlnfd],
    .os-project-timesheet-reports-page__drawer-content .os-project-timesheet-reports-page__filter-grid--approval[b-nm2ijrlnfd] {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 640px) {
    .os-project-timesheet-reports-page__report-types[b-nm2ijrlnfd] {
        grid-template-columns: 1fr;
    }

    .os-project-timesheet-reports-page__report-definition-header[b-nm2ijrlnfd] {
        align-items: stretch;
        flex-direction: column;
    }

    .os-project-timesheet-reports-page__filter-grid[b-nm2ijrlnfd] {
        grid-template-columns: 1fr;
    }

    .os-project-timesheet-reports-page__report-definition-actions[b-nm2ijrlnfd] {
        align-items: stretch;
        flex-direction: column;
    }

    .os-project-timesheet-reports-page__report-definition-filters[b-nm2ijrlnfd] {
        align-items: flex-start;
        flex-direction: column;
    }

    .os-project-timesheet-reports-page__date-control[b-nm2ijrlnfd] {
        grid-template-columns: 1fr;
        flex-basis: auto;
        min-inline-size: 100%;
        max-inline-size: none;
    }

    .os-project-timesheet-reports-page__date-label[b-nm2ijrlnfd] {
        align-self: start;
    }

    .os-project-timesheet-reports-page__date-control > .os-button[b-nm2ijrlnfd] {
        inline-size: 100%;
    }

    .os-project-timesheet-reports-page__report-definition-actions > .os-button[b-nm2ijrlnfd] {
        inline-size: 100%;
    }

}
/* /Pages/Timesheets/Reports/Rpt01Overview.razor.rz.scp.css */
.os-personal-report[b-6wt8og7z5b] {
    min-inline-size: 0;
}

.os-personal-report__period-card[b-6wt8og7z5b] {
    border-color: var(--os-color-border-default);
    box-shadow: var(--os-shadow-sm);
}

.os-personal-report__data-card[b-6wt8og7z5b] {
    min-inline-size: 0;
}

.os-personal-report__actions[b-6wt8og7z5b] {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    gap: var(--os-space-3);
    margin-block-start: calc(var(--os-space-2) * -1);
}

.os-report-summary-grid[b-6wt8og7z5b] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: var(--os-space-5);
    align-items: start;
}

.os-report-summary-grid > *[b-6wt8og7z5b] {
    min-inline-size: 0;
}

.os-report-chart-toolbar[b-6wt8og7z5b] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: var(--os-space-2);
    padding-block-end: var(--os-space-3);
    border-block-end: var(--os-border-width-thin) solid var(--os-color-border-subtle);
    background: var(--os-color-surface-subtle);
    padding: var(--os-space-2);
    border-radius: var(--os-radius-sm);
}

.os-report-chart-toolbar > :last-child[b-6wt8og7z5b] {
    flex: 1 1 12rem;
    min-inline-size: 12rem;
}

.os-report-chart[b-6wt8og7z5b] {
    min-block-size: 25rem;
    padding: var(--os-space-4);
    border-block-end: var(--os-border-width-thin) solid var(--os-color-border-subtle);
    background: var(--os-color-surface-default);
}

.os-report-project-summary[b-6wt8og7z5b] {
    min-inline-size: 0;
}

.os-report-chart[b-6wt8og7z5b]  .rz-chart {
    inline-size: 100%;
    min-block-size: 22rem;
}

.os-report-table-wrapper[b-6wt8og7z5b] {
    overflow-x: auto;
    border: var(--os-border-width-thin) solid var(--os-color-border-subtle);
    border-radius: var(--os-radius-md);
    background: var(--os-color-surface-default);
    box-shadow: inset 0 1px 0 var(--os-color-border-subtle);
}

.os-report-table[b-6wt8og7z5b] {
    inline-size: 100%;
    min-inline-size: 36rem;
    border-collapse: collapse;
    font-size: var(--os-text-body-size);
}

.os-report-table tbody tr[b-6wt8og7z5b] {
    transition: background-color 120ms ease-in-out;
}

.os-report-table tbody tr:hover:not(.os-report-table__subtotal-row):not(.os-report-table__total-row)[b-6wt8og7z5b] {
    background: var(--os-color-brand-subtle);
}

.os-report-table th[b-6wt8og7z5b],
.os-report-table td[b-6wt8og7z5b] {
    padding-block: var(--os-space-3);
    padding-inline: var(--os-space-4);
    border-block-end: var(--os-border-width-thin) solid var(--os-color-border-subtle);
    text-align: start;
    vertical-align: middle;
}

.os-report-table thead th[b-6wt8og7z5b] {
    background: var(--os-color-surface-subtle);
    color: var(--os-color-text-secondary);
    font-size: var(--os-text-label-size);
    font-weight: var(--os-text-label-weight);
    letter-spacing: var(--os-text-label-tracking);
    white-space: nowrap;
}

.os-report-table tbody tr:nth-child(even):not(.os-report-table__subtotal-row):not(.os-report-table__total-row)[b-6wt8og7z5b] {
    background: var(--os-color-surface-subtle);
}

.os-report-table tbody tr:last-child th[b-6wt8og7z5b],
.os-report-table tbody tr:last-child td[b-6wt8og7z5b] {
    border-block-end: 0;
}

.os-report-table__number[b-6wt8og7z5b] {
    width: 1%;
    text-align: end !important;
    font-variant-numeric: tabular-nums;
    white-space: nowrap;
}

.os-report-table__subtotal-row th[b-6wt8og7z5b],
.os-report-table__subtotal-row td[b-6wt8og7z5b] {
    background: var(--os-color-surface-subtle);
    color: var(--os-color-text-secondary);
    font-size: var(--os-text-label-size);
}

.os-report-table__total-row th[b-6wt8og7z5b],
.os-report-table__total-row td[b-6wt8og7z5b] {
    border-block-start: var(--os-border-width-thin) solid var(--os-color-border-default);
    background: var(--os-color-brand-subtle);
    color: var(--os-color-text-primary);
}

.os-report-detail-summary[b-6wt8og7z5b] {
    display: grid;
    gap: var(--os-space-3);
    margin-block-end: var(--os-space-5);
}

.os-report-detail-summary__heading[b-6wt8og7z5b] {
    display: flex;
    flex-wrap: wrap;
    align-items: baseline;
    justify-content: space-between;
    gap: var(--os-space-2);
}

.os-report-detail-summary__heading h3[b-6wt8og7z5b] {
    margin: 0;
    color: var(--os-color-text-primary);
    font-size: var(--os-text-heading-sm-size);
    font-weight: var(--os-text-heading-weight);
}

.os-report-detail-summary__heading span[b-6wt8og7z5b] {
    color: var(--os-color-text-secondary);
    font-size: var(--os-text-label-size);
}

.os-report-detail-summary__table tbody tr:not(.os-report-table__total-row):hover[b-6wt8og7z5b] {
    background: var(--os-color-surface-hover);
}

@media (width <= 60rem) {
    .os-report-summary-grid[b-6wt8og7z5b] {
        grid-template-columns: 1fr;
    }

    .os-report-chart-toolbar > :last-child[b-6wt8og7z5b] {
        min-inline-size: 100%;
    }
}

@media (width <= 40rem) {
    .os-personal-report__actions[b-6wt8og7z5b] {
        justify-content: stretch;
    }

    .os-personal-report__actions > *[b-6wt8og7z5b] {
        flex: 1 1 10rem;
    }

    .os-report-chart[b-6wt8og7z5b] {
        min-block-size: 20rem;
        padding-inline: var(--os-space-2);
    }
}
/* /Pages/Timesheets/Reports/Rpt03ProjectMonthlySummary.razor.rz.scp.css */
.os-personal-report[b-2mpn619cbu] {
    min-inline-size: 0;
}

.os-personal-report__actions[b-2mpn619cbu] {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    gap: var(--os-space-3);
}

.os-report-table-wrapper[b-2mpn619cbu] {
    overflow-x: auto;
    border: var(--os-border-width-thin) solid var(--os-color-border-subtle);
    border-radius: var(--os-radius-md);
    background: var(--os-color-surface-default);
}

.os-report-table[b-2mpn619cbu] {
    inline-size: 100%;
    min-inline-size: 36rem;
    border-collapse: collapse;
    font-size: var(--os-text-body-size);
}

.os-report-table th[b-2mpn619cbu],
.os-report-table td[b-2mpn619cbu] {
    padding-block: var(--os-space-3);
    padding-inline: var(--os-space-4);
    border-block-end: var(--os-border-width-thin) solid var(--os-color-border-subtle);
    text-align: start;
    vertical-align: middle;
}

.os-report-table thead th[b-2mpn619cbu] {
    background: var(--os-color-surface-subtle);
    color: var(--os-color-text-secondary);
    font-size: var(--os-text-label-size);
    font-weight: var(--os-text-label-weight);
    letter-spacing: var(--os-text-label-tracking);
    white-space: nowrap;
}

.os-report-table__group-row th[b-2mpn619cbu] {
    background: var(--os-color-surface-muted);
    color: var(--os-color-text-primary);
    font-weight: var(--os-font-weight-semibold);
}

.os-report-table__number[b-2mpn619cbu] {
    width: 1%;
    text-align: end !important;
    font-variant-numeric: tabular-nums;
    white-space: nowrap;
}

@media (width <= 40rem) {
    .os-personal-report__actions[b-2mpn619cbu] {
        justify-content: stretch;
    }

    .os-personal-report__actions > *[b-2mpn619cbu] {
        flex: 1 1 10rem;
    }
}
/* /Pages/Timesheets/Reports/Rpt04ProjectQuarterlySummary.razor.rz.scp.css */
.os-personal-report[b-66vplx2js8] {
    min-inline-size: 0;
}

.os-personal-report__actions[b-66vplx2js8] {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    gap: var(--os-space-3);
}

.os-report-table-wrapper[b-66vplx2js8] {
    overflow-x: auto;
    border: var(--os-border-width-thin) solid var(--os-color-border-subtle);
    border-radius: var(--os-radius-md);
    background: var(--os-color-surface-default);
}

.os-report-table[b-66vplx2js8] {
    inline-size: 100%;
    min-inline-size: 36rem;
    border-collapse: collapse;
    font-size: var(--os-text-body-size);
}

.os-report-table th[b-66vplx2js8],
.os-report-table td[b-66vplx2js8] {
    padding-block: var(--os-space-3);
    padding-inline: var(--os-space-4);
    border-block-end: var(--os-border-width-thin) solid var(--os-color-border-subtle);
    text-align: start;
    vertical-align: middle;
}

.os-report-table thead th[b-66vplx2js8] {
    background: var(--os-color-surface-subtle);
    color: var(--os-color-text-secondary);
    font-size: var(--os-text-label-size);
    font-weight: var(--os-text-label-weight);
    letter-spacing: var(--os-text-label-tracking);
    white-space: nowrap;
}

.os-report-table__group-row th[b-66vplx2js8],
.os-report-table__group-row td[b-66vplx2js8] {
    background: var(--os-color-surface-muted);
    color: var(--os-color-text-primary);
    font-weight: var(--os-font-weight-semibold);
}

.os-report-table__total-row td[b-66vplx2js8] {
    border-block-start: var(--os-border-width-thin) solid var(--os-color-border-default);
    background: var(--os-color-brand-subtle);
}

.os-report-table__number[b-66vplx2js8] {
    width: 1%;
    text-align: end !important;
    font-variant-numeric: tabular-nums;
    white-space: nowrap;
}

@media (width <= 40rem) {
    .os-personal-report__actions[b-66vplx2js8] {
        justify-content: stretch;
    }

    .os-personal-report__actions > *[b-66vplx2js8] {
        flex: 1 1 10rem;
    }
}
/* /Pages/Timesheets/Reports/TimesheetReports.razor.rz.scp.css */
.os-timesheet-reports-page[b-5ed6ucvbpg] {
    max-inline-size: 100%;
    color: var(--os-color-text-primary);
}

.os-timesheet-reports-page > .os-stack[b-5ed6ucvbpg] {
    max-inline-size: 96rem;
    margin-inline: auto;
}

.os-timesheet-reports-page__report-panel[b-5ed6ucvbpg] {
    min-inline-size: 0;
}

.os-timesheet-reports-page__report-panel .os-personal-report[b-5ed6ucvbpg] {
    max-inline-size: 96rem;
    margin-inline: auto;
}

@media (width <= 48rem) {
    .os-timesheet-reports-page > .os-stack[b-5ed6ucvbpg] {
        gap: var(--os-space-4);
    }
}

@media print {
    .os-profile-v2-shell__header[b-5ed6ucvbpg],
    .os-profile-v2-shell__navigation[b-5ed6ucvbpg],
    .os-page-header__actions[b-5ed6ucvbpg],
    .os-personal-report__actions[b-5ed6ucvbpg],
    .os-report-chart-toolbar[b-5ed6ucvbpg] {
        display: none !important;
    }

    .os-timesheet-reports-page[b-5ed6ucvbpg],
    .os-timesheet-reports-page__report-panel[b-5ed6ucvbpg],
    .os-timesheet-reports-page__report-panel .os-personal-report[b-5ed6ucvbpg] {
        max-inline-size: none;
    }
}
/* /Pages/Timesheets/TimesheetDashboard.razor.rz.scp.css */
.timesheet-dashboard__summary[b-o1x2hdn206] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: var(--os-space-8);
    align-items: center;
    padding: clamp(1.25rem, 3vw, 2rem);
    border: var(--os-border-width-thin) solid var(--os-color-border-subtle);
    border-radius: var(--os-radius-xl);
    background:
        radial-gradient(circle at 96% 0%, color-mix(in srgb, var(--os-color-brand-subtle) 82%, transparent), transparent 38%),
        linear-gradient(
            115deg,
            color-mix(in srgb, var(--os-color-brand-subtle) 72%, var(--os-color-surface-raised)),
            color-mix(in srgb, var(--os-color-brand-default) 22%, var(--os-color-surface-raised))
        );
    color: var(--os-color-text-primary);
    box-shadow: var(--os-shadow-sm);
}

.timesheet-dashboard__summary-copy[b-o1x2hdn206] {
    max-width: 42rem;
}

.timesheet-dashboard__eyebrow[b-o1x2hdn206] {
    display: block;
    margin-bottom: var(--os-space-2);
    color: var(--os-color-text-secondary);
    font-size: var(--os-text-caption-size);
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.timesheet-dashboard__summary h2[b-o1x2hdn206] {
    margin: 0;
    color: var(--os-color-text-primary);
    font-size: clamp(1.25rem, 2.25vw, 1.9rem);
    letter-spacing: -0.03em;
}

.timesheet-dashboard__summary p[b-o1x2hdn206] {
    margin: var(--os-space-3) 0 var(--os-space-5);
    color: var(--os-color-text-secondary);
}

.timesheet-dashboard__metrics[b-o1x2hdn206] {
    display: grid;
    grid-template-columns: repeat(2, minmax(7rem, 1fr));
    gap: var(--os-space-3);
    margin: 0;
}

.timesheet-dashboard__metrics div[b-o1x2hdn206] {
    min-width: 7rem;
    padding: var(--os-space-3);
    border: var(--os-border-width-thin) solid var(--os-color-border-subtle);
    border-radius: var(--os-radius-lg);
    background: color-mix(in srgb, var(--os-color-surface-raised) 78%, transparent);
}

.timesheet-dashboard__metrics dt[b-o1x2hdn206] {
    color: var(--os-color-text-secondary);
    font-size: var(--os-text-caption-size);
}

.timesheet-dashboard__metrics dd[b-o1x2hdn206] {
    margin: var(--os-space-2) 0 0;
    color: var(--os-color-text-primary);
    font-size: 1.55rem;
    font-weight: 700;
}

.timesheet-dashboard__section-heading[b-o1x2hdn206] {
    margin-bottom: var(--os-space-4);
}

.timesheet-dashboard__section-heading h2[b-o1x2hdn206] {
    margin: 0;
    color: var(--os-color-text-primary);
    font-size: 1.375rem;
}

.timesheet-dashboard__section-heading p[b-o1x2hdn206] {
    margin: var(--os-space-1) 0 0;
    color: var(--os-color-text-secondary);
}

.timesheet-dashboard__action-card[b-o1x2hdn206] {
    min-height: 15rem;
}

.timesheet-dashboard__action-card p[b-o1x2hdn206] {
    margin: 0;
    color: var(--os-color-text-secondary);
}

@media (max-width: 48rem) {
    .timesheet-dashboard__summary[b-o1x2hdn206] {
        grid-template-columns: 1fr;
        gap: var(--os-space-6);
    }

    .timesheet-dashboard__metrics[b-o1x2hdn206] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}
/* /Pages/Timesheets/TimesheetEntryGridView.razor.rz.scp.css */
.os-timesheet-entry-page[b-4s10990ju0] {
    min-inline-size: 0;
    --os-timesheet-navy: #16243d;
    --os-timesheet-muted: #64748b;
    --os-timesheet-border: #dfe6ef;
    --os-timesheet-blue: #2f67c9;
    --os-timesheet-purple: #8a6bdc;
    --os-timesheet-status: #c67600;
    --os-timesheet-action-surface: #f1f6ff;
    --os-timesheet-action-surface-hover: #e5efff;
    --os-timesheet-action-border: #7da8f7;
    --os-timesheet-action-text: #2457a6;
}

.os-timesheet-entry-page__intro[b-4s10990ju0] {
    padding-inline: var(--os-space-1);
}

.os-timesheet-entry-page__intro[b-4s10990ju0]  .os-page-header {
    gap: var(--os-space-2);
    margin-block-end: var(--os-space-1);
}

.os-timesheet-entry-page__intro[b-4s10990ju0]  .os-page-header__heading {
    letter-spacing: var(--os-letter-spacing-tight);
}

.os-timesheet-entry-page__intro[b-4s10990ju0]  .os-page-header__subheading {
    max-inline-size: 68ch;
}

.os-timesheet-entry-page__grid-card[b-4s10990ju0] {
    min-inline-size: 0;
    --os-card-padding: var(--os-space-5);
    border-color: var(--os-timesheet-border);
    box-shadow: 0 0.125rem 0.5rem rgb(22 36 61 / 0.04);
}

.os-timesheet-entry-page__grid-card[b-4s10990ju0] {
    gap: var(--os-space-4);
    overflow: hidden;
}

.os-timesheet-entry-page__navigator[b-4s10990ju0] {
    display: flex;
    align-items: center;
    gap: var(--os-space-2);
    min-inline-size: 0;
    padding: 0.375rem;
    border: var(--os-border-width-thin) solid var(--os-color-border-default);
    border-radius: var(--os-radius-lg);
    background-color: var(--os-color-surface-subtle);
}

.os-timesheet-entry-page__navigator[b-4s10990ju0]  .os-week-navigator__range {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-inline-size: 15rem;
    min-block-size: 2.5rem;
    padding-inline: var(--os-space-3);
    border: var(--os-border-width-thin) solid var(--os-color-border-default);
    border-radius: var(--os-radius-md);
    background-color: var(--os-color-surface-default);
    color: var(--os-color-text-primary);
    font-size: var(--os-text-body-strong-size);
    font-weight: var(--os-font-weight-semibold);
    letter-spacing: var(--os-letter-spacing-tight);
    white-space: nowrap;
}

.os-timesheet-entry-page__navigator[b-4s10990ju0]  .os-icon-button {
    inline-size: 2.5rem;
    block-size: 2.5rem;
    border-color: var(--os-color-border-default);
    background-color: var(--os-color-surface-default);
    box-shadow: none;
}

.os-timesheet-entry-page__top-navigation[b-4s10990ju0] {
    display: flex;
    align-items: center;
    gap: var(--os-space-4);
    min-inline-size: 0;
    padding-block: var(--os-space-1) var(--os-space-4);
    border-block-end: var(--os-border-width-thin) solid var(--os-color-border-subtle);
}

.os-timesheet-entry-page__current-week-link[b-4s10990ju0] {
    padding: 0;
    border: 0;
    background: transparent;
    color: var(--os-color-brand-text);
    font: inherit;
    font-size: var(--os-text-label-size);
    font-weight: var(--os-font-weight-semibold);
    text-decoration: underline;
    text-underline-offset: 0.15em;
    white-space: nowrap;
    cursor: pointer;
}

.os-timesheet-entry-page__current-week-link:hover[b-4s10990ju0] {
    color: var(--os-color-brand-text-hover);
}

.os-timesheet-entry-page__current-week-link:focus-visible[b-4s10990ju0] {
    outline: var(--os-focus-ring-width) solid var(--os-color-focus-ring);
    outline-offset: var(--os-focus-ring-offset);
}


.os-timesheet-entry-page__summary-strip[b-4s10990ju0] {
    display: grid;
    grid-template-columns: minmax(12rem, 0.85fr) minmax(0, 2.15fr);
    align-items: stretch;
    min-inline-size: 0;
    border-block: var(--os-border-width-thin) solid var(--os-timesheet-border);
    background-color: var(--os-color-surface-default);
}

.os-timesheet-entry-page__summary-context[b-4s10990ju0] {
    display: grid;
    align-content: center;
    gap: var(--os-space-1);
    min-inline-size: 0;
    padding-block: var(--os-space-5);
    padding-inline: var(--os-space-4);
}

.os-timesheet-entry-page__summary-eyebrow[b-4s10990ju0],
.os-timesheet-entry-page__summary-label[b-4s10990ju0] {
    color: var(--os-color-text-tertiary);
    font-size: var(--os-text-label-size);
    font-weight: var(--os-font-weight-semibold);
    letter-spacing: var(--os-letter-spacing-wide);
    text-transform: uppercase;
}

.os-timesheet-entry-page__summary-context > strong[b-4s10990ju0] {
    color: var(--os-timesheet-navy);
    font-size: var(--os-font-size-lg);
    font-weight: var(--os-font-weight-semibold);
    letter-spacing: var(--os-letter-spacing-tight);
}

.os-timesheet-entry-page__summary-team[b-4s10990ju0] {
    display: grid;
    gap: var(--os-space-0-5);
}

.os-timesheet-entry-page__summary-team-segments[b-4s10990ju0] {
    display: grid;
    gap: var(--os-space-2);
}

.os-timesheet-entry-page__summary-team-segment-list[b-4s10990ju0] {
    display: grid;
    gap: var(--os-space-1);
}

.os-timesheet-entry-page__summary-team-segment[b-4s10990ju0] {
    display: grid;
    gap: var(--os-space-0-5);
    min-inline-size: 0;
    color: var(--os-timesheet-navy);
    font-size: var(--os-text-body-size);
    line-height: 1.35;
}

.os-timesheet-entry-page__summary-team-segment strong[b-4s10990ju0] {
    font-weight: var(--os-font-weight-semibold);
}

.os-timesheet-entry-page__summary-team-segment > span[b-4s10990ju0] {
    display: block;
    color: var(--os-color-text-secondary);
    font-size: var(--os-text-caption-size);
}

.os-timesheet-entry-page__team-warning[b-4s10990ju0] {
    display: flex;
    align-items: flex-start;
    gap: var(--os-space-2);
    margin-block-start: var(--os-space-3);
    padding: var(--os-space-3);
    border: var(--os-border-width-thin) solid var(--os-color-warning-border);
    border-radius: var(--os-radius-md);
    background-color: var(--os-color-warning-subtle);
    color: var(--os-color-warning-text);
    font-size: var(--os-text-body-size);
}

.os-timesheet-entry-page__team-warning > span[b-4s10990ju0] {
    display: grid;
    gap: var(--os-space-0-5);
}

.os-timesheet-entry-page__summary-supporting[b-4s10990ju0] {
    overflow: hidden;
    color: var(--os-timesheet-navy);
    font-size: var(--os-text-body-size);
    font-weight: var(--os-font-weight-medium);
    text-overflow: ellipsis;
    white-space: nowrap;
}

.os-timesheet-entry-page__summary-metrics[b-4s10990ju0] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    min-inline-size: 0;
}

.os-timesheet-entry-page__summary-metric[b-4s10990ju0] {
    position: relative;
    display: grid;
    align-content: center;
    gap: var(--os-space-2);
    min-inline-size: 0;
    padding-block: var(--os-space-5);
    padding-inline: var(--os-space-4);
    border-inline-start: var(--os-border-width-thin) solid var(--os-timesheet-border);
}

.os-timesheet-entry-page__summary-metric[b-4s10990ju0]::before {
    position: absolute;
    inset-block: var(--os-space-3);
    inset-inline-start: var(--os-space-4);
    inline-size: 0.25rem;
    border-radius: var(--os-radius-full);
    background-color: var(--os-timesheet-blue);
    content: "";
}

.os-timesheet-entry-page__summary-metric > .os-timesheet-entry-page__summary-label[b-4s10990ju0],
.os-timesheet-entry-page__summary-metric > .os-timesheet-entry-page__summary-value[b-4s10990ju0],
.os-timesheet-entry-page__summary-metric > .os-timesheet-entry-page__summary-status[b-4s10990ju0] {
    padding-inline-start: var(--os-space-3);
}

.os-timesheet-entry-page__summary-metric--status[b-4s10990ju0]::before {
    background-color: var(--os-timesheet-status);
}

.os-timesheet-entry-page__summary-metric--project[b-4s10990ju0]::before {
    background-color: #5c98f0;
}

.os-timesheet-entry-page__summary-metric--leave[b-4s10990ju0]::before {
    background-color: var(--os-timesheet-purple);
}

.os-timesheet-entry-page__summary-metric--total[b-4s10990ju0]::before {
    background-color: var(--os-timesheet-blue);
}

.os-timesheet-entry-page__summary-value[b-4s10990ju0],
.os-timesheet-entry-page__summary-status[b-4s10990ju0] {
    display: flex;
    align-items: baseline;
    gap: var(--os-space-2);
    min-inline-size: 0;
}

.os-timesheet-entry-page__summary-value strong[b-4s10990ju0],
.os-timesheet-entry-page__summary-status strong[b-4s10990ju0] {
    min-inline-size: 0;
    overflow: hidden;
    color: var(--os-timesheet-navy);
    font-size: clamp(1.35rem, 2vw, 2rem);
    font-weight: var(--os-font-weight-semibold);
    letter-spacing: var(--os-letter-spacing-tight);
    line-height: 1;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.os-timesheet-entry-page__summary-metric--project .os-timesheet-entry-page__summary-value strong[b-4s10990ju0] {
    color: #315f9f;
}

.os-timesheet-entry-page__summary-metric--leave .os-timesheet-entry-page__summary-value strong[b-4s10990ju0] {
    color: #7658ba;
}

.os-timesheet-entry-page__summary-value span[b-4s10990ju0] {
    color: var(--os-timesheet-muted);
    font-size: var(--os-text-label-size);
}

.os-timesheet-entry-page__summary-status[b-4s10990ju0] {
    align-items: center;
    inline-size: 100%;
}

.os-timesheet-entry-page__summary-status strong[b-4s10990ju0] {
    flex: 1 1 auto;
    min-inline-size: min-content;
    overflow: visible;
    color: var(--os-timesheet-status);
    font-size: var(--os-font-size-lg);
    font-weight: var(--os-font-weight-bold);
    letter-spacing: var(--os-letter-spacing-normal);
    line-height: 1.2;
    text-overflow: clip;
    white-space: normal;
    overflow-wrap: normal;
    word-break: normal;
}

.os-timesheet-entry-page__summary-status-dot[b-4s10990ju0] {
    display: inline-grid;
    place-items: center;
    inline-size: 1.25rem;
    block-size: 1.25rem;
    flex: 0 0 auto;
    border-radius: var(--os-radius-full);
    background-color: rgb(198 118 0 / 0.12);
}

.os-timesheet-entry-page__summary-status-dot[b-4s10990ju0]::after {
    inline-size: 0.625rem;
    block-size: 0.625rem;
    border-radius: var(--os-radius-full);
    background-color: var(--os-timesheet-status);
    content: "";
}

.os-timesheet-entry-page__summary-status-dot--warning[b-4s10990ju0] {
    background-color: rgb(198 118 0 / 0.12);
}

.os-timesheet-entry-page__summary-status-dot--warning[b-4s10990ju0]::after {
    background-color: #c67600;
}

.os-timesheet-entry-page__summary-status-dot--success[b-4s10990ju0] {
    background-color: rgb(22 163 74 / 0.12);
}

.os-timesheet-entry-page__summary-status-dot--success[b-4s10990ju0]::after {
    background-color: #16a34a;
}

.os-timesheet-entry-page__summary-status-dot--error[b-4s10990ju0] {
    background-color: rgb(220 38 38 / 0.12);
}

.os-timesheet-entry-page__summary-status-dot--error[b-4s10990ju0]::after {
    background-color: #dc2626;
}

.os-timesheet-entry-page__summary-status-dot--info[b-4s10990ju0] {
    background-color: rgb(37 99 235 / 0.12);
}

.os-timesheet-entry-page__summary-status-dot--info[b-4s10990ju0]::after {
    background-color: #2563eb;
}

.os-timesheet-entry-page__activity-toolbar[b-4s10990ju0] {
    display: grid;
    align-items: center;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: var(--os-space-4);
    padding-block: var(--os-space-2);
}

.os-timesheet-entry-page__activity-prompt[b-4s10990ju0] {
    display: grid;
    gap: var(--os-space-0-5);
    color: var(--os-color-text-secondary);
    font-size: var(--os-text-body-size);
}

.os-timesheet-entry-page__activity-prompt strong[b-4s10990ju0] {
    color: var(--os-color-text-primary);
    font-weight: var(--os-font-weight-semibold);
}

.os-timesheet-entry-page__activity-action-group[b-4s10990ju0] {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: var(--os-space-1);
    grid-column: 2;
    grid-row: 1;
}

.os-timesheet-entry-page__activity-actions[b-4s10990ju0] {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    gap: var(--os-space-2);
}

.os-timesheet-entry-page__activity-action-feedback[b-4s10990ju0] {
    max-inline-size: 100%;
    padding-block-start: var(--os-space-1);
    border-block-start: var(--os-border-width-thin) solid var(--os-color-border-subtle);
    color: var(--os-color-text-secondary);
    font-size: var(--os-text-caption-size);
    line-height: var(--os-text-caption-line-height);
    text-align: end;
}

.os-timesheet-entry-page__activity-availability[b-4s10990ju0] {
    display: flex;
    align-items: flex-start;
    justify-content: flex-end;
    gap: var(--os-space-1);
    max-inline-size: 100%;
    padding-block-start: var(--os-space-1);
    color: var(--os-color-text-secondary);
    font-size: var(--os-text-caption-size);
    line-height: var(--os-text-caption-line-height);
    text-align: end;
}

.os-timesheet-entry-page__activity-actions[b-4s10990ju0]  .os-button:disabled {
    cursor: default;
}

.os-timesheet-entry-page__activity-actions[b-4s10990ju0]  .os-timesheet-entry-page__add-project-button {
    --os-button-background: var(--os-color-brand-default);
    --os-button-background-hover: var(--os-color-brand-hover);
    --os-button-background-active: var(--os-color-brand-active);
    --os-button-foreground: var(--os-color-text-on-brand);
    --os-button-border: var(--os-color-brand-border);
    --os-button-border-hover: var(--os-color-brand-hover);
    --os-button-border-active: var(--os-color-brand-active);
    --os-button-min-block-size: 2.75rem;
    --os-button-padding-inline: var(--os-space-4);
    font-weight: var(--os-font-weight-bold);
}

.os-timesheet-entry-page__activity-actions[b-4s10990ju0]  .os-timesheet-entry-page__add-leave-button {
    --os-button-background: var(--os-color-warning-default);
    --os-button-background-hover: var(--os-color-warning-default);
    --os-button-background-active: var(--os-color-warning-default);
    --os-button-foreground: var(--os-color-text-on-brand);
    --os-button-border: var(--os-color-warning-border);
    --os-button-border-hover: var(--os-color-warning-default);
    --os-button-border-active: var(--os-color-warning-default);
    --os-button-min-block-size: 2.75rem;
    --os-button-padding-inline: var(--os-space-4);
    font-weight: var(--os-font-weight-bold);
}

.os-timesheet-entry-page__activity-actions[b-4s10990ju0]  .os-timesheet-entry-page__add-project-button:disabled,
.os-timesheet-entry-page__activity-actions[b-4s10990ju0]  .os-timesheet-entry-page__add-leave-button:disabled {
    --os-button-background: var(--os-color-surface-disabled);
    --os-button-background-disabled: var(--os-color-surface-disabled);
    --os-button-border: var(--os-color-border-disabled);
    --os-button-border-disabled: var(--os-color-border-disabled);
    --os-button-foreground: var(--os-color-text-disabled);
    --os-button-foreground-disabled: var(--os-color-text-disabled);
    opacity: 0.55;
}

.os-timesheet-entry-page__activity-actions[b-4s10990ju0]  .os-timesheet-entry-page__add-project-button:disabled .os-timesheet-entry-page__activity-action-icon,
.os-timesheet-entry-page__activity-actions[b-4s10990ju0]  .os-timesheet-entry-page__add-leave-button:disabled .os-timesheet-entry-page__activity-action-icon {
    background-color: var(--os-color-surface-disabled);
    color: var(--os-color-text-disabled);
}

.os-timesheet-entry-page__activity-action-icon[b-4s10990ju0] {
    display: inline-grid;
    place-items: center;
    inline-size: 1.5rem;
    block-size: 1.5rem;
    border-radius: var(--os-radius-full);
}

.os-timesheet-entry-page__activity-action-icon--project[b-4s10990ju0] {
    background-color: var(--os-color-brand-border);
    color: var(--os-color-text-on-brand);
}

.os-timesheet-entry-page__activity-action-icon--leave[b-4s10990ju0] {
    background-color: var(--os-color-warning-default);
    color: var(--os-color-text-on-brand);
}

.os-timesheet-entry-page__activity-actions[b-4s10990ju0]  .os-timesheet-entry-page__add-project-button:disabled .os-timesheet-entry-page__activity-action-icon,
.os-timesheet-entry-page__activity-actions[b-4s10990ju0]  .os-timesheet-entry-page__add-leave-button:disabled .os-timesheet-entry-page__activity-action-icon {
    border: var(--os-border-width-thin) solid var(--os-color-border-disabled);
}

.os-timesheet-entry-page .os-timesheet-grid__add-row > th[b-4s10990ju0],
.os-timesheet-entry-page .os-timesheet-grid__add-row > td[b-4s10990ju0] {
    border-block-start: var(--os-border-width-thin) solid var(--os-color-border-subtle);
    background: var(--os-color-surface-subtle);
}

.os-timesheet-entry-page .os-timesheet-grid__add-row--selector > th[b-4s10990ju0],
.os-timesheet-entry-page .os-timesheet-grid__add-row--selector > td[b-4s10990ju0] {
    padding-block: var(--os-space-2);
}

.os-timesheet-entry-page .os-timesheet-grid__add-row--project > th[b-4s10990ju0],
.os-timesheet-entry-page .os-timesheet-grid__add-row--project > td[b-4s10990ju0] {
    background-color: var(--os-color-brand-subtle);
}

.os-timesheet-entry-page .os-timesheet-grid__add-row--leave-code > th[b-4s10990ju0],
.os-timesheet-entry-page .os-timesheet-grid__add-row--leave-code > td[b-4s10990ju0] {
    background-color: var(--os-color-warning-subtle);
}

.os-timesheet-entry-page .os-timesheet-grid__add-activity-cell[b-4s10990ju0] {
    min-inline-size: 15rem;
    text-align: start;
}

.os-timesheet-entry-page .os-timesheet-grid__add-activity-cell[b-4s10990ju0]  .os-button {
    inline-size: 100%;
}

.os-timesheet-entry-page .os-timesheet-grid__add-activity-hint[b-4s10990ju0] {
    display: inline-block;
    max-inline-size: 42ch;
    color: var(--os-color-text-secondary);
    font-size: var(--os-text-caption-size);
}

.os-timesheet-entry-page .os-timesheet-grid__add-activity-hint-cell[b-4s10990ju0] {
    vertical-align: middle;
    text-align: start;
}

.os-timesheet-entry-page .os-timesheet-grid__add-activity-close-cell[b-4s10990ju0] {
    inline-size: 2.75rem;
    padding-inline: var(--os-space-1);
    text-align: center;
    vertical-align: middle;
}

.os-timesheet-entry-page[b-4s10990ju0]  .os-timesheet-entry-page__close-activity-picker {
    --os-icon-button-size: 2rem;
    --os-icon-button-radius: var(--os-radius-md);
    --os-icon-button-color: var(--os-color-text-secondary);
    --os-icon-button-color-hover: var(--os-color-danger-text);
    --os-icon-button-background-hover: var(--os-color-danger-subtle);

    border-color: var(--os-timesheet-border);
    background-color: var(--os-color-surface-default);
}

.os-timesheet-entry-page[b-4s10990ju0]  .os-timesheet-entry-page__close-activity-picker:hover,
.os-timesheet-entry-page[b-4s10990ju0]  .os-timesheet-entry-page__close-activity-picker:focus-visible {
    border-color: var(--os-color-danger-border);
    box-shadow: 0 0 0 var(--os-focus-ring-width) var(--os-focus-ring-color);
}

.os-timesheet-entry-page .os-timesheet-grid[b-4s10990ju0] {
    min-inline-size: 0;
}

.os-timesheet-entry-page .os-timesheet-grid__viewport[b-4s10990ju0] {
    inline-size: 100%;
    max-inline-size: 100%;
    overflow-x: auto;
    overflow-y: hidden;
}

.os-timesheet-entry-page__lock-message[b-4s10990ju0] {
    margin-block-start: var(--os-space-4);
}

.os-timesheet-entry-page__entry-layout[b-4s10990ju0] {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    align-items: start;
    gap: var(--os-space-4);
    container-name: timesheet-entry;
    container-type: inline-size;
}

.os-timesheet-entry-page__entry-layout .os-timesheet-entry-page__grid-card[b-4s10990ju0] {
    min-inline-size: 0;
}

.os-timesheet-entry-page__correction-history[b-4s10990ju0] {
    min-inline-size: 0;
    margin: 0;
}

.os-timesheet-entry-page__correction-history-content[b-4s10990ju0] {
    display: grid;
    gap: var(--os-space-3);
}

.os-timesheet-entry-page__correction-history-content > p[b-4s10990ju0] {
    max-inline-size: 72ch;
    margin: 0;
}

.os-timesheet-entry-page__correction-list[b-4s10990ju0] {
    display: grid;
    gap: var(--os-space-2);
    margin: 0;
    padding-inline-start: var(--os-space-5);
}

.os-timesheet-entry-page__correction-item[b-4s10990ju0] {
    display: grid;
    gap: var(--os-space-1);
    padding-block: var(--os-space-1);
}

.os-timesheet-entry-page__correction-summary[b-4s10990ju0] {
    display: flex;
    flex-wrap: wrap;
    gap: var(--os-space-2);
    color: var(--os-color-text-primary);
}

.os-timesheet-entry-page__correction-summary span[b-4s10990ju0] {
    color: var(--os-color-text-secondary);
}

.os-timesheet-entry-page__correction-comment[b-4s10990ju0] {
    margin: 0;
    color: var(--os-color-text-primary);
}

.os-timesheet-entry-page__approval-days[b-4s10990ju0] {
    display: grid;
    gap: var(--os-space-2);
    margin-block-start: var(--os-space-2);
}

.os-timesheet-entry-page__approval-days-group[b-4s10990ju0] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: var(--os-space-2);
}

.os-timesheet-entry-page__approval-days-group > strong[b-4s10990ju0] {
    min-inline-size: 7rem;
}

.os-timesheet-entry-page__approval-days-group--approved > strong[b-4s10990ju0] {
    color: var(--os-color-success-text);
}

.os-timesheet-entry-page__approval-days-group--pending > strong[b-4s10990ju0] {
    color: var(--os-color-warning-text);
}

.os-timesheet-entry-page__day-chips[b-4s10990ju0] {
    display: flex;
    flex-wrap: wrap;
    gap: var(--os-space-1);
}

.os-timesheet-entry-page__day-chip[b-4s10990ju0] {
    display: inline-flex;
    align-items: center;
    gap: var(--os-space-1);
    border: var(--os-border-width-thin) solid var(--os-color-border-subtle);
    border-radius: var(--os-radius-full);
    padding-block: var(--os-space-0-5);
    padding-inline: var(--os-space-2);
    color: var(--os-color-text-primary);
    background: var(--os-color-surface-default);
    font-size: var(--os-text-caption-size);
    font-weight: var(--os-font-weight-semibold);
}

.os-timesheet-entry-page__approval-days-group--approved .os-timesheet-entry-page__day-chip[b-4s10990ju0] {
    border-color: var(--os-color-success-border);
    background: var(--os-color-success-subtle);
}

.os-timesheet-entry-page__approval-days-group--pending .os-timesheet-entry-page__day-chip[b-4s10990ju0] {
    border-color: var(--os-color-warning-border);
    background: var(--os-color-warning-subtle);
}

.os-timesheet-entry-page__feedback-content[b-4s10990ju0] {
    display: grid;
    gap: var(--os-space-2);
}

.os-timesheet-entry-page__feedback-content p[b-4s10990ju0] {
    margin: 0;
    max-inline-size: 72ch;
}

.os-timesheet-entry-page .os-timesheet-grid__entry-control[b-4s10990ju0] {
    display: grid;
    align-items: center;
    grid-template-columns: minmax(3.5rem, 1fr) 1.75rem;
    gap: var(--os-space-1);
    min-inline-size: 5.25rem;
    inline-size: 100%;
}

.os-timesheet-entry-page[b-4s10990ju0]  .os-timesheet-grid__status-info {
    --os-icon-button-size: 2.25rem;
    --os-icon-button-radius: var(--os-radius-full);

    border-color: var(--os-color-border-default);
    background-color: var(--os-color-surface-subtle);
}

.os-timesheet-entry-page[b-4s10990ju0]  .os-timesheet-grid__status-info--rejected {
    --os-icon-button-color: var(--os-color-danger-text);
    --os-icon-button-color-hover: var(--os-color-danger-text);
    --os-icon-button-background-hover: var(--os-color-danger-subtle);

    border-color: var(--os-color-danger-border);
    background-color: var(--os-color-danger-subtle);
}

.os-timesheet-entry-page[b-4s10990ju0]  .os-timesheet-grid__status-info--pending {
    --os-icon-button-color: var(--os-color-info-text);
    --os-icon-button-color-hover: var(--os-color-info-text);
    --os-icon-button-background-hover: var(--os-color-info-subtle);

    border-color: var(--os-color-info-border);
    background-color: var(--os-color-info-subtle);
}

.os-timesheet-entry-page[b-4s10990ju0]  .os-timesheet-grid__status-info--approved {
    --os-icon-button-color: var(--os-color-success-text);
    --os-icon-button-color-hover: var(--os-color-success-text);
    --os-icon-button-background-hover: var(--os-color-success-subtle);

    border-color: var(--os-color-success-border);
    background-color: var(--os-color-success-subtle);
}

.os-timesheet-entry-page[b-4s10990ju0]  .os-timesheet-grid__status-info:focus-visible {
    outline: var(--os-focus-ring-width) solid var(--os-focus-ring-color);
    outline-offset: var(--os-focus-ring-offset);
}

.os-timesheet-entry-page[b-4s10990ju0]  .os-timesheet-grid__entry-control .os-number-input {
    min-inline-size: 3.5rem;
    inline-size: 100%;
}

.os-timesheet-entry-page[b-4s10990ju0]  .os-timesheet-grid__entry-control .os-number-input__control,
.os-timesheet-entry-page[b-4s10990ju0]  .os-timesheet-grid__entry-control .os-number-input__input {
    min-inline-size: 0;
    inline-size: 100%;
}

.os-timesheet-entry-page[b-4s10990ju0]  .os-timesheet-grid__entry-control .os-number-input__control {
    border-color: var(--os-color-border-subtle);
    border-radius: var(--os-radius-md);
    background-color: transparent;
    box-shadow: none;
}

.os-timesheet-entry-page[b-4s10990ju0]  .os-timesheet-grid__entry-control .os-number-input__control:focus-within {
    border-color: var(--os-color-brand-border);
    box-shadow: 0 0 0 var(--os-focus-ring-width) var(--os-focus-ring-color);
}

.os-timesheet-entry-page[b-4s10990ju0]  .os-timesheet-grid__entry-control .os-number-input__input {
    background-color: transparent;
}

.os-timesheet-entry-page .os-timesheet-grid__entry[b-4s10990ju0] {
    min-inline-size: 5.25rem;
}

.os-timesheet-entry-page .os-timesheet-grid__day-header[b-4s10990ju0] {
    display: grid;
    justify-items: center;
    gap: var(--os-space-0-5);
}

.os-timesheet-entry-page .os-timesheet-grid__day-approval[b-4s10990ju0] {
    display: inline-flex;
    color: var(--os-color-success-text);
    line-height: 1;
}

.os-timesheet-entry-page__allocation-list[b-4s10990ju0] {
    display: grid;
    gap: var(--os-space-1);
    margin: 0;
    padding-inline-start: 0;
    list-style: none;
}

.os-timesheet-entry-page__allocation-list li[b-4s10990ju0] {
    display: flex;
    flex-wrap: wrap;
    align-items: baseline;
    gap: var(--os-space-2);
    padding-block: var(--os-space-1);
    padding-inline: var(--os-space-2);
    border-radius: var(--os-radius-sm);
}

.os-timesheet-entry-page__allocation-list li strong[b-4s10990ju0] {
    font-weight: var(--os-font-weight-semibold);
}

.os-timesheet-entry-page .os-timesheet-grid__table[b-4s10990ju0] {
    --os-timesheet-grid-header-surface: var(--os-color-surface-muted);
    --os-timesheet-grid-header-border: var(--os-color-border-default);
    --os-timesheet-grid-total-surface: var(--os-color-brand-subtle);
    --os-timesheet-grid-total-border: var(--os-color-brand-border);
    min-inline-size: 70rem;
}

.os-timesheet-entry-page .os-timesheet-grid__activity-column[b-4s10990ju0] {
    inline-size: 15rem;
}

.os-timesheet-entry-page .os-timesheet-grid__date-column[b-4s10990ju0] {
    inline-size: 6.5rem;
}

.os-timesheet-entry-page .os-timesheet-grid__total-column[b-4s10990ju0] {
    inline-size: 7rem;
}

.os-timesheet-entry-page .os-timesheet-grid__actions-column[b-4s10990ju0] {
    inline-size: 2.75rem;
}

.os-timesheet-entry-page .os-timesheet-grid__table th[b-4s10990ju0],
.os-timesheet-entry-page .os-timesheet-grid__table td[b-4s10990ju0] {
    padding-block: var(--os-space-1-5);
    padding-inline: var(--os-space-1-5);
    border-color: var(--os-color-border-subtle);
}

.os-timesheet-entry-page .os-timesheet-grid__table thead th[b-4s10990ju0] {
    position: sticky;
    inset-block-start: 0;
    z-index: 2;
    border-block-end: var(--os-border-width-thick) solid var(--os-timesheet-grid-header-border);
    background-color: var(--os-timesheet-grid-header-surface);
    color: var(--os-color-text-primary);
}

.os-timesheet-entry-page .os-timesheet-grid__table .os-timesheet-grid__activity-header[b-4s10990ju0],
.os-timesheet-entry-page .os-timesheet-grid__table .os-timesheet-grid__activity[b-4s10990ju0],
.os-timesheet-entry-page .os-timesheet-grid__table tfoot th[b-4s10990ju0] {
    min-inline-size: 15rem;
    position: sticky;
    inset-inline-start: 0;
    z-index: 3;
    box-shadow: var(--os-border-width-thin) 0 var(--os-space-2) -var(--os-space-2) var(--os-color-border-subtle);
    text-align: start;
}

.os-timesheet-entry-page .os-timesheet-grid__table thead .os-timesheet-grid__activity-header[b-4s10990ju0] {
    color: var(--os-color-text-primary);
    background-color: var(--os-timesheet-grid-header-surface);
}

.os-timesheet-entry-page .os-timesheet-grid__table thead .os-timesheet-grid__total-header[b-4s10990ju0] {
    color: var(--os-color-text-primary);
    font-size: var(--os-text-body-size);
    font-weight: var(--os-font-weight-semibold);
    text-align: end;
    white-space: nowrap;
}

.os-timesheet-entry-page .os-timesheet-grid__table tfoot th[b-4s10990ju0],
.os-timesheet-entry-page .os-timesheet-grid__table tfoot td[b-4s10990ju0] {
    border-block-start: var(--os-border-width-thick) solid var(--os-timesheet-grid-total-border);
    border-block-end: 0;
    background-color: var(--os-timesheet-grid-total-surface);
    color: var(--os-color-text-primary);
    font-weight: var(--os-font-weight-semibold);
}

.os-timesheet-entry-page .os-timesheet-grid__table tfoot th[b-4s10990ju0] {
    color: var(--os-color-text-primary);
}

.os-timesheet-entry-page .os-timesheet-grid__add-row--action > td[b-4s10990ju0] {
    background: transparent;
}

.os-timesheet-entry-page .os-timesheet-grid__table tbody .os-timesheet-grid__activity[b-4s10990ju0] {
    background-color: var(--os-color-surface-default);
}

.os-timesheet-entry-page .os-timesheet-grid__table tbody .os-timesheet-grid__activity--project[b-4s10990ju0] {
    border-inline-start: 0.25rem solid var(--os-color-brand-border);
    color: var(--os-color-brand-text);
}

.os-timesheet-entry-page .os-timesheet-grid__table tbody .os-timesheet-grid__activity--leave-code[b-4s10990ju0] {
    border-inline-start: 0.25rem solid var(--os-color-warning-border);
    color: var(--os-color-warning-text);
}

.os-timesheet-entry-page .os-timesheet-grid__empty-state > td[b-4s10990ju0] {
    padding: var(--os-space-8) var(--os-space-5);
    border-block-end: var(--os-border-width-thin) solid var(--os-color-border-subtle);
    background-color: var(--os-color-surface-subtle);
    text-align: center;
}

.os-timesheet-entry-page .os-timesheet-grid__empty-state-content[b-4s10990ju0] {
    display: inline-flex;
    align-items: center;
    gap: var(--os-space-3);
    max-inline-size: 38rem;
    color: var(--os-color-text-secondary);
    text-align: start;
}

.os-timesheet-entry-page .os-timesheet-grid__empty-state-content strong[b-4s10990ju0] {
    display: block;
    color: var(--os-color-text-primary);
    font-weight: var(--os-font-weight-semibold);
}

.os-timesheet-entry-page .os-timesheet-grid__empty-state-content p[b-4s10990ju0] {
    margin-block: var(--os-space-1) 0;
    font-size: var(--os-text-body-size);
}

.os-timesheet-entry-page .os-timesheet-grid__empty-state-actions[b-4s10990ju0] {
    display: flex;
    flex-wrap: wrap;
    gap: var(--os-space-2);
    margin-block-start: var(--os-space-3);
}

.os-timesheet-entry-page .os-timesheet-grid__empty-state-actions[b-4s10990ju0]  .os-button {
    min-block-size: 2.5rem;
}

.os-timesheet-entry-page .os-timesheet-grid__empty-state-actions[b-4s10990ju0]  .os-timesheet-entry-page__add-project-button {
    --os-button-background: var(--os-color-brand-subtle);
    --os-button-background-hover: var(--os-color-brand-subtle-hover);
    --os-button-background-active: var(--os-color-brand-subtle-hover);
    --os-button-border: var(--os-color-brand-border);
}

.os-timesheet-entry-page .os-timesheet-grid__empty-state-actions[b-4s10990ju0]  .os-timesheet-entry-page__add-leave-button {
    --os-button-background: var(--os-color-warning-subtle);
    --os-button-background-hover: var(--os-color-warning-subtle);
    --os-button-background-active: var(--os-color-warning-subtle);
    --os-button-border: var(--os-color-warning-border);
}

.os-timesheet-entry-page .os-timesheet-grid__empty-state-icon[b-4s10990ju0] {
    display: inline-grid;
    place-items: center;
    inline-size: 2.5rem;
    block-size: 2.5rem;
    flex: 0 0 auto;
    border-radius: var(--os-radius-full);
    background-color: var(--os-color-brand-subtle);
    color: var(--os-color-brand-text);
}

.os-timesheet-entry-page .os-timesheet-grid__activity-content[b-4s10990ju0] {
    display: grid;
    gap: var(--os-space-1);
    line-height: var(--os-line-height-tight);
}

.os-timesheet-entry-page .os-timesheet-grid__activity-name[b-4s10990ju0] {
    display: block;
    min-inline-size: 0;
    color: var(--os-color-text-primary);
    font-weight: var(--os-font-weight-semibold);
}

.os-timesheet-entry-page .os-timesheet-grid__activity--project .os-timesheet-grid__activity-name[b-4s10990ju0] {
    color: var(--os-color-brand-text);
}

.os-timesheet-entry-page .os-timesheet-grid__activity--leave-code .os-timesheet-grid__activity-name[b-4s10990ju0] {
    color: var(--os-color-warning-text);
}

.os-timesheet-entry-page[b-4s10990ju0]  .os-timesheet-activity-picker,
.os-timesheet-entry-page[b-4s10990ju0]  .os-timesheet-activity-picker .os-searchable-select {
    inline-size: 100%;
    min-inline-size: 0;
}

.os-timesheet-entry-page[b-4s10990ju0]  .os-timesheet-activity-picker .os-searchable-select__control-wrapper {
    position: relative;
}

.os-timesheet-entry-page[b-4s10990ju0]  .os-timesheet-activity-picker .os-searchable-select__control-wrapper::before {
    position: absolute;
    inset-block-start: 50%;
    inset-inline-start: var(--os-space-3);
    z-index: 1;
    color: var(--os-color-brand-text);
    content: "+";
    font-size: 1.5rem;
    font-weight: var(--os-font-weight-regular);
    line-height: 1;
    pointer-events: none;
    transform: translateY(-50%);
}

.os-timesheet-entry-page[b-4s10990ju0]  .os-timesheet-grid__entry-control .os-number-input__stepper {
    opacity: 0;
    pointer-events: none;
    transition: opacity var(--os-motion-duration-fast) var(--os-motion-easing-standard);
}

.os-timesheet-entry-page[b-4s10990ju0]  .os-timesheet-grid__entry-control .os-number-input:focus-within .os-number-input__stepper {
    opacity: 1;
    pointer-events: auto;
}

.os-timesheet-entry-page[b-4s10990ju0]  .os-timesheet-grid__entry-control .os-number-input__input {
    padding-inline-end: var(--os-space-2);
}

.os-timesheet-entry-page .os-timesheet-grid__allocation-indicator[b-4s10990ju0] {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    inline-size: 1.5rem;
    block-size: 1.5rem;
    border-radius: var(--os-radius-full);
    color: var(--os-color-warning-text);
    cursor: help;
}

.os-timesheet-entry-page .os-timesheet-grid__allocation-tooltip[b-4s10990ju0] {
    position: absolute;
    inset-block-end: calc(100% + var(--os-space-2));
    inset-inline-start: 50%;
    z-index: 5;
    inline-size: max-content;
    max-inline-size: min(18rem, 70vw);
    padding-block: var(--os-space-2);
    padding-inline: var(--os-space-3);
    border: var(--os-border-width-thin) solid var(--os-color-warning-border);
    border-radius: var(--os-radius-md);
    background-color: var(--os-color-warning-subtle);
    box-shadow: var(--os-shadow-sm);
    color: var(--os-color-warning-text);
    font-size: var(--os-text-caption-size);
    font-weight: var(--os-font-weight-medium);
    line-height: 1.3;
    opacity: 0;
    pointer-events: none;
    transform: translate(-50%, var(--os-space-1));
    transition: opacity var(--os-motion-duration-fast) var(--os-motion-easing-standard),
        transform var(--os-motion-duration-fast) var(--os-motion-easing-standard),
        visibility var(--os-motion-duration-fast) var(--os-motion-easing-standard);
    visibility: hidden;
}

.os-timesheet-entry-page .os-timesheet-grid__allocation-tooltip[b-4s10990ju0]::after {
    position: absolute;
    inset-block-end: calc(var(--os-space-1) * -1);
    inset-inline-start: 50%;
    inline-size: var(--os-space-2);
    block-size: var(--os-space-2);
    border-inline-end: var(--os-border-width-thin) solid var(--os-color-warning-border);
    border-block-end: var(--os-border-width-thin) solid var(--os-color-warning-border);
    background-color: var(--os-color-warning-subtle);
    content: "";
    transform: translateX(-50%) rotate(45deg);
}

.os-timesheet-entry-page .os-timesheet-grid__allocation-indicator:hover .os-timesheet-grid__allocation-tooltip[b-4s10990ju0],
.os-timesheet-entry-page .os-timesheet-grid__allocation-indicator:focus-visible .os-timesheet-grid__allocation-tooltip[b-4s10990ju0] {
    opacity: 1;
    pointer-events: auto;
    transform: translate(-50%, 0);
    visibility: visible;
}

.os-timesheet-entry-page .os-timesheet-grid__allocation-indicator:focus-visible[b-4s10990ju0] {
    outline: var(--os-focus-ring-width) solid var(--os-focus-ring-color);
    outline-offset: var(--os-focus-ring-offset);
}

.os-timesheet-entry-page .os-timesheet-grid__total[b-4s10990ju0] {
    color: var(--os-color-text-primary);
    font-weight: var(--os-font-weight-semibold);
    text-align: end;
    vertical-align: middle;
}

.os-timesheet-entry-page .os-timesheet-grid__total-content[b-4s10990ju0] {
    display: inline-flex;
    align-items: baseline;
    justify-content: flex-end;
    gap: var(--os-space-1);
    max-inline-size: 100%;
}

.os-timesheet-entry-page .os-timesheet-grid__total-label[b-4s10990ju0] {
    color: var(--os-color-text-secondary);
    font-size: var(--os-text-caption-size);
    font-weight: var(--os-font-weight-regular);
}

.os-timesheet-entry-page .os-timesheet-grid__table tfoot th[b-4s10990ju0] {
    background-color: var(--os-color-surface-subtle);
}

.os-timesheet-entry-page .os-timesheet-grid__table tfoot td[b-4s10990ju0] {
    color: var(--os-color-text-primary);
    background-color: var(--os-color-surface-subtle);
    font-weight: var(--os-font-weight-semibold);
}

.os-timesheet-entry-page__actions[b-4s10990ju0] {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    gap: var(--os-space-3);
    margin-block-start: var(--os-space-2);
    padding-block-start: var(--os-space-4);
    border-block-start: var(--os-border-width-thin) solid var(--os-color-border-subtle);
}

.os-timesheet-entry-page__actions[b-4s10990ju0]  .os-button {
    min-inline-size: 9rem;
}

.os-timesheet-entry-page__actions[b-4s10990ju0]  .os-button--primary {
    box-shadow: var(--os-shadow-sm);
}

.os-timesheet-entry-page__submit-tooltip[b-4s10990ju0] {
    display: inline-flex;
}

.os-timesheet-entry-page__submit-tooltip[b-4s10990ju0] {
    cursor: not-allowed;
}

.os-timesheet-entry-page__submission-validation + .os-timesheet-entry-page__actions[b-4s10990ju0] {
    margin-block-start: var(--os-space-3);
}

.os-timesheet-entry-page .os-timesheet-grid__table tfoot[b-4s10990ju0] {
    border-block-start: var(--os-border-width-thin) solid var(--os-color-border-default);
}

.os-timesheet-entry-page .os-timesheet-grid__table tfoot .os-timesheet-grid__activity-header[b-4s10990ju0] {
    color: var(--os-color-text-primary);
    font-weight: var(--os-font-weight-semibold);
}

.os-timesheet-grid__activity[b-4s10990ju0] {
    text-align: start !important;
}

.os-timesheet-entry-page .os-timesheet-grid__table[b-4s10990ju0] {
    color: var(--os-color-text-primary);
}

.os-timesheet-entry-page__empty-state-row > td[b-4s10990ju0] {
    padding: 0;
    border-block-end: 0;
    background-color: var(--os-color-surface-default);
}

.os-timesheet-entry-page__empty-state[b-4s10990ju0] {
    display: grid;
    justify-items: center;
    gap: var(--os-space-3);
    min-block-size: 18rem;
    padding-block: var(--os-space-8);
    padding-inline: var(--os-space-4);
    color: var(--os-color-text-secondary);
    text-align: center;
}

.os-timesheet-entry-page__empty-state > .os-icon[b-4s10990ju0] {
    color: var(--os-color-text-tertiary);
}

.os-timesheet-entry-page__empty-state h2[b-4s10990ju0] {
    margin: 0;
    color: var(--os-color-text-primary);
    font-size: var(--os-font-size-lg);
    font-weight: var(--os-font-weight-semibold);
}

.os-timesheet-entry-page__empty-state p[b-4s10990ju0] {
    max-inline-size: 52ch;
    margin: 0;
    font-size: var(--os-text-body-size);
    line-height: var(--os-text-body-line-height);
}

.os-timesheet-entry-page__empty-state-actions[b-4s10990ju0] {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: var(--os-space-3);
    margin-block-start: var(--os-space-2);
}

.os-timesheet-entry-page__empty-state-link[b-4s10990ju0] {
    display: inline-block;
    padding: 0;
    border: 0;
    background: transparent;
    color: var(--os-color-brand-text);
    font: inherit;
    font-size: var(--os-text-body-size);
    font-weight: var(--os-font-weight-semibold);
    text-decoration: underline;
    text-underline-offset: 0.15em;
    cursor: pointer;
}

.os-timesheet-entry-page__empty-state-link:hover[b-4s10990ju0] {
    color: var(--os-color-text-primary);
}

.os-timesheet-entry-page__empty-state-link:focus-visible[b-4s10990ju0] {
    outline: var(--os-focus-ring-width) solid var(--os-color-focus-ring);
    outline-offset: var(--os-focus-ring-offset);
}

.os-timesheet-entry-page__empty-state-link:disabled[b-4s10990ju0] {
    color: var(--os-color-text-disabled);
    cursor: default;
}

@media (width <= 48rem) {
    .os-timesheet-entry-page__grid-card[b-4s10990ju0] {
        --os-card-padding: var(--os-space-4);
    }

    .os-timesheet-entry-page__summary-strip[b-4s10990ju0] {
        grid-template-columns: 1fr;
    }

    .os-timesheet-entry-page__summary-context[b-4s10990ju0] {
        padding-inline: 0;
    }

    .os-timesheet-entry-page__summary-metrics[b-4s10990ju0] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        border-block-start: var(--os-border-width-thin) solid var(--os-timesheet-border);
    }

    .os-timesheet-entry-page__summary-context[b-4s10990ju0],
    .os-timesheet-entry-page__summary-metric[b-4s10990ju0] {
        padding-block: var(--os-space-4);
    }

    .os-timesheet-entry-page__summary-metric:nth-child(3)[b-4s10990ju0] {
        border-inline-start: 0;
    }

    .os-timesheet-entry-page__activity-toolbar[b-4s10990ju0] {
        align-items: flex-start;
        grid-template-columns: 1fr;
    }

    .os-timesheet-entry-page__activity-prompt[b-4s10990ju0] {
        inline-size: 100%;
    }

    .os-timesheet-entry-page__activity-actions[b-4s10990ju0] {
        justify-content: flex-start;
        inline-size: 100%;
    }

    .os-timesheet-entry-page__activity-action-group[b-4s10990ju0] {
        align-items: flex-start;
        grid-column: 1;
        grid-row: auto;
        inline-size: 100%;
    }

    .os-timesheet-entry-page__activity-action-feedback[b-4s10990ju0] {
        text-align: start;
    }

    .os-timesheet-entry-page__activity-availability[b-4s10990ju0] {
        justify-content: flex-start;
        text-align: start;
    }

    .os-timesheet-entry-page__activity-picker[b-4s10990ju0] {
        max-inline-size: none;
        margin-inline: 0;
    }

    .os-timesheet-entry-page__empty-state-actions[b-4s10990ju0] {
        inline-size: 100%;
    }

    .os-timesheet-entry-page__top-navigation[b-4s10990ju0] {
        align-items: stretch;
        flex-direction: column;
        gap: var(--os-space-3);
    }

    .os-timesheet-entry-page__navigator[b-4s10990ju0] {
        inline-size: 100%;
    }

    .os-timesheet-entry-page__navigator[b-4s10990ju0]  .os-week-navigator__range {
        min-inline-size: 0;
        flex: 1 1 auto;
    }

}

@media (width > 48rem) {
    .os-timesheet-entry-page .os-timesheet-grid__viewport[b-4s10990ju0] {
        max-block-size: min(42rem, calc(100dvh - 19rem));
        overflow: auto;
        scrollbar-gutter: stable;
    }
}

@container timesheet-entry (min-width: 84rem) {
    .os-timesheet-entry-page__entry-layout[b-4s10990ju0] {
        grid-template-columns: minmax(64rem, 1fr) minmax(18rem, 24rem);
    }

    .os-timesheet-entry-page__correction-history[b-4s10990ju0] {
        position: sticky;
        inset-block-start: var(--os-space-4);
    }
}

@media (width <= 40rem) {
    .os-timesheet-entry-page__empty-state[b-4s10990ju0] {
        min-block-size: 16rem;
        padding-block: var(--os-space-6);
    }

    .os-timesheet-entry-page__empty-state-actions[b-4s10990ju0] {
        flex-direction: column;
        inline-size: min(100%, 18rem);
    }

    .os-timesheet-entry-page__empty-state-actions[b-4s10990ju0]  .os-button {
        flex: 0 1 auto;
        inline-size: 100%;
    }

    .os-timesheet-entry-page__summary-metrics[b-4s10990ju0] {
        grid-template-columns: 1fr;
    }

    .os-timesheet-entry-page__summary-metric[b-4s10990ju0],
    .os-timesheet-entry-page__summary-metric:nth-child(3)[b-4s10990ju0] {
        border-inline-start: 0;
        border-block-start: var(--os-border-width-thin) solid var(--os-timesheet-border);
    }

    .os-timesheet-entry-page__summary-metric:first-child[b-4s10990ju0] {
        border-block-start: 0;
    }

    .os-timesheet-entry-page__actions[b-4s10990ju0] {
        justify-content: stretch;
    }

    .os-timesheet-entry-page__actions > *[b-4s10990ju0] {
        flex: 1 1 12rem;
    }
}
/* /Pages/Timesheets/TimesheetProjectAllocations.razor.rz.scp.css */
.os-timesheet-project-allocations-page[b-m1judywv8q] {
    --allocation-project-width: 20rem;
    --allocation-summary-width: 13rem;
}

.os-timesheet-project-allocations-page__grid-card[b-m1judywv8q] {
    min-inline-size: 0;
}

.os-timesheet-project-allocations-page__table-wrapper[b-m1judywv8q] {
    max-inline-size: 100%;
    overflow-x: auto;
    border: var(--os-border-width-thin) solid var(--os-color-border-subtle);
    border-radius: var(--os-radius-md);
    background: var(--os-color-surface-default);
    box-shadow: var(--os-elevation-card);
}

.os-timesheet-project-allocations-page__table-wrapper:focus-visible[b-m1judywv8q] {
    outline: var(--os-focus-ring-width) solid var(--os-color-focus-ring);
    outline-offset: var(--os-focus-ring-offset);
}

.os-timesheet-project-allocations-page__table[b-m1judywv8q] {
    inline-size: 100%;
    min-inline-size: 68rem;
    border-collapse: separate;
    border-spacing: 0;
    color: var(--os-color-text-primary);
    font-size: var(--os-text-body-size);
}

.os-timesheet-project-allocations-page__table th[b-m1judywv8q],
.os-timesheet-project-allocations-page__table td[b-m1judywv8q] {
    border-block-end: var(--os-border-width-thin) solid var(--os-color-border-subtle);
    border-inline-end: var(--os-border-width-thin) solid var(--os-color-border-subtle);
    padding: var(--os-space-3) var(--os-space-4);
    vertical-align: middle;
}

.os-timesheet-project-allocations-page__table thead th[b-m1judywv8q] {
    position: sticky;
    inset-block-start: 0;
    z-index: 2;
    background: var(--os-color-surface-subtle);
    color: var(--os-color-text-secondary);
    font-size: var(--os-text-label-size);
    font-weight: var(--os-text-label-weight);
    text-align: center;
    white-space: nowrap;
}

.os-timesheet-project-allocations-page__table thead th:first-child[b-m1judywv8q] {
    border-start-start-radius: var(--os-radius-md);
}

.os-timesheet-project-allocations-page__table thead th:last-child[b-m1judywv8q] {
    border-start-end-radius: var(--os-radius-md);
}

.os-timesheet-project-allocations-page__table tbody tr:last-child th[b-m1judywv8q],
.os-timesheet-project-allocations-page__table tbody tr:last-child td[b-m1judywv8q] {
    border-block-end: 0;
}

.os-timesheet-project-allocations-page__table th:last-child[b-m1judywv8q],
.os-timesheet-project-allocations-page__table td:last-child[b-m1judywv8q] {
    border-inline-end: 0;
}

.os-timesheet-project-allocations-page__table .project-column[b-m1judywv8q] {
    inline-size: var(--allocation-project-width);
    min-inline-size: var(--allocation-project-width);
    text-align: start;
}

.os-timesheet-project-allocations-page__table tbody .project-column[b-m1judywv8q] {
    background: var(--os-color-surface-raised);
    font-weight: var(--os-font-weight-semibold);
}

.os-timesheet-project-allocations-page__table .allocation-column[b-m1judywv8q] {
    inline-size: var(--allocation-summary-width);
    min-inline-size: var(--allocation-summary-width);
    text-align: start;
}

.os-timesheet-project-allocations-page__table .date-column[b-m1judywv8q] {
    inline-size: 7rem;
    min-inline-size: 7rem;
}

.date-column span[b-m1judywv8q] {
    display: block;
}

.date-column span + span[b-m1judywv8q] {
    margin-block-start: var(--os-space-1);
    color: var(--os-color-text-primary);
    font-weight: var(--os-font-weight-semibold);
}

.project-name[b-m1judywv8q],
.project-subscription[b-m1judywv8q],
.allocation-period[b-m1judywv8q] {
    display: block;
}

.project-name[b-m1judywv8q] {
    line-height: var(--os-text-body-line-height);
}

.project-subscription[b-m1judywv8q],
.allocation-period[b-m1judywv8q] {
    margin-block-start: var(--os-space-1);
    color: var(--os-color-text-secondary);
    font-size: var(--os-text-caption-size);
    font-weight: var(--os-font-weight-regular);
}

.allocation-info[b-m1judywv8q] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--os-space-2);
}

.allocation-hours[b-m1judywv8q] {
    font-weight: var(--os-font-weight-semibold);
    white-space: nowrap;
}

.allocation-details[b-m1judywv8q] {
    display: inline-flex;
    flex: none;
    align-items: center;
    justify-content: center;
    color: var(--os-color-text-link);
    cursor: help;
}

.allocation-details:focus-visible[b-m1judywv8q] {
    outline: var(--os-focus-ring-width) solid var(--os-color-focus-ring);
    outline-offset: var(--os-focus-ring-offset);
    border-radius: var(--os-radius-sm);
}

.allocation-cell[b-m1judywv8q],
.no-allocation[b-m1judywv8q] {
    min-inline-size: 7rem;
    text-align: center;
}

.allocation-cell[b-m1judywv8q] {
    background: var(--os-color-success-subtle);
    color: var(--os-color-text-primary);
    font-weight: var(--os-font-weight-semibold);
}

.no-allocation[b-m1judywv8q] {
    background: var(--os-color-surface-subtle);
    color: var(--os-color-text-tertiary);
    font-size: var(--os-text-caption-size);
}

@media (width < 48rem) {
    .os-timesheet-project-allocations-page[b-m1judywv8q] {
        --allocation-project-width: 16rem;
        --allocation-summary-width: 11rem;
    }

    .os-timesheet-project-allocations-page__table th[b-m1judywv8q],
    .os-timesheet-project-allocations-page__table td[b-m1judywv8q] {
        padding: var(--os-space-3);
    }
}
/* /Pages/Timesheets/TimesheetWeekView.razor.rz.scp.css */
.os-timesheet-week-view[b-5mn0xtuhlg] {
    min-inline-size: 0;
}

.os-timesheet-week-view__filters[b-5mn0xtuhlg] {
    margin-block-end: var(--os-space-5);
    padding: var(--os-space-4);
    border: 1px solid var(--os-color-border-subtle);
    border-radius: var(--os-radius-md);
    background: var(--os-color-surface);
}

.os-timesheet-week-view .os-table__link[b-5mn0xtuhlg] {
    font-weight: var(--os-font-weight-semibold);
}

.os-timesheet-week-view .os-table__cell[b-5mn0xtuhlg] {
    white-space: nowrap;
}

@media (width <= 48rem) {
    .os-timesheet-week-view__filters[b-5mn0xtuhlg] {
        padding: var(--os-space-3);
    }
}
/* /Shared/ApiResponseInformation.razor.rz.scp.css */
.os-api-viewer__widget[b-ouu38dc1cs] {
    display: flex;
    align-items: center;
    gap: var(--os-space-3);
    min-block-size: var(--os-size-control-md);
    padding: var(--os-space-1) var(--os-space-3);
    border: var(--os-border-width-thin) solid var(--os-color-border-subtle);
    border-radius: var(--os-radius-md);
    background: var(--os-color-surface-default);
    color: var(--os-color-text-primary);
    font: inherit;
    cursor: pointer;
}

.os-api-viewer__widget:hover[b-ouu38dc1cs],
.os-api-viewer__widget:focus-visible[b-ouu38dc1cs] {
    background: var(--os-color-surface-hover);
}

.os-api-viewer__widget:focus-visible[b-ouu38dc1cs] {
    outline: var(--os-focus-ring-width) solid var(--os-color-focus-ring);
    outline-offset: var(--os-focus-ring-offset);
}

.os-api-viewer__widget-title[b-ouu38dc1cs] {
    font-size: var(--os-text-label-size);
    font-weight: var(--os-font-weight-semibold);
    white-space: nowrap;
}

.os-api-viewer__widget-status[b-ouu38dc1cs] {
    display: inline-flex;
    align-items: center;
    gap: var(--os-space-1);
    font-size: var(--os-text-label-size);
    font-weight: var(--os-font-weight-semibold);
}

.os-api-viewer__widget-status--success[b-ouu38dc1cs],
.os-api-viewer__status-cell--success[b-ouu38dc1cs] {
    color: var(--os-color-success-text);
}

.os-api-viewer__widget-status--validation[b-ouu38dc1cs],
.os-api-viewer__status-cell--warning[b-ouu38dc1cs] {
    color: var(--os-color-warning-text);
}

.os-api-viewer__widget-status--error[b-ouu38dc1cs],
.os-api-viewer__status-cell--error[b-ouu38dc1cs] {
    color: var(--os-color-danger-text);
}

.os-api-viewer__drawer[b-ouu38dc1cs] {
    block-size: 100dvh;
}

.os-api-viewer__workspace[b-ouu38dc1cs] {
    display: grid;
    grid-template-columns: minmax(15rem, 28%) minmax(0, 1fr);
    block-size: 100%;
    min-block-size: 0;
    gap: var(--os-space-5);
}

.os-api-viewer__events[b-ouu38dc1cs],
.os-api-viewer__details[b-ouu38dc1cs] {
    min-block-size: 0;
}

.os-api-viewer__events[b-ouu38dc1cs] {
    display: grid;
    grid-template-rows: auto minmax(0, 1fr);
    min-inline-size: 0;
    border-inline-end: var(--os-border-width-thin) solid var(--os-color-border-subtle);
    padding-inline-end: var(--os-space-5);
}

.os-api-viewer__events-header[b-ouu38dc1cs] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--os-space-3);
    padding-block-end: var(--os-space-3);
}

.os-api-viewer__event-list[b-ouu38dc1cs] {
    min-block-size: 0;
    overflow-y: auto;
}

.os-api-viewer__event[b-ouu38dc1cs] {
    display: flex;
    inline-size: 100%;
    align-items: flex-start;
    gap: var(--os-space-2);
    padding: var(--os-space-3);
    border-block-end: var(--os-border-width-thin) solid var(--os-color-border-subtle);
    background: transparent;
    color: var(--os-color-text-primary);
    text-align: start;
    cursor: pointer;
}

.os-api-viewer__event:hover[b-ouu38dc1cs],
.os-api-viewer__event--selected[b-ouu38dc1cs] {
    background: var(--os-color-surface-hover);
}

.os-api-viewer__event--selected[b-ouu38dc1cs] {
    box-shadow: inset var(--os-border-width-thick) 0 var(--os-color-brand-default);
}

.os-api-viewer__event-content[b-ouu38dc1cs] {
    display: grid;
    min-inline-size: 0;
    gap: var(--os-space-1);
    font-size: var(--os-text-label-size);
}

.os-api-viewer__event-content span[b-ouu38dc1cs] {
    overflow-wrap: anywhere;
    color: var(--os-color-text-secondary);
}

.os-api-viewer__details[b-ouu38dc1cs] {
    display: grid;
    grid-template-rows: auto minmax(0, 3fr) minmax(0, 6fr);
    gap: var(--os-space-3);
}

.os-api-viewer__event-summary[b-ouu38dc1cs] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: var(--os-space-3);
    min-inline-size: 0;
    padding-block-end: var(--os-space-2);
    border-block-end: var(--os-border-width-thin) solid var(--os-color-border-subtle);
    font-size: var(--os-text-label-size);
}

.os-api-viewer__event-summary strong[b-ouu38dc1cs] {
    overflow-wrap: anywhere;
}

.os-api-viewer__code-section[b-ouu38dc1cs] {
    display: grid;
    grid-template-rows: auto minmax(0, 1fr);
    min-block-size: 0;
}

.os-api-viewer__empty[b-ouu38dc1cs] {
    align-self: center;
    color: var(--os-color-text-secondary);
}

.os-api-viewer__detail-title[b-ouu38dc1cs] {
    margin: 0 0 var(--os-space-2);
    color: var(--os-color-text-primary);
    font-size: var(--os-text-label-size);
    font-weight: var(--os-font-weight-semibold);
}

.os-api-viewer__payload[b-ouu38dc1cs] {
    min-block-size: 0;
    margin: 0;
    overflow: auto;
    padding: var(--os-space-3);
    border: var(--os-border-width-thin) solid var(--os-color-border-subtle);
    border-radius: var(--os-radius-md);
    background: var(--os-color-surface-subtle);
    color: var(--os-color-text-primary);
    font-family: var(--os-font-family-mono);
    font-size: var(--os-text-label-size);
    line-height: 1.5;
    white-space: pre;
}

.os-api-viewer__payload[b-ouu38dc1cs]  .shiki {
    margin: 0;
    min-inline-size: max-content;
    background: transparent !important;
    font: inherit;
}

.os-api-viewer__payload[b-ouu38dc1cs]  .os-api-code__headers {
    display: block;
    min-inline-size: max-content;
    color: var(--os-color-info-text);
    white-space: pre;
}

@media (width < 64rem) {
    .os-api-viewer__workspace[b-ouu38dc1cs] {
        grid-template-columns: 1fr;
        grid-template-rows: minmax(12rem, 35%) minmax(0, 1fr);
    }

    .os-api-viewer__events[b-ouu38dc1cs] {
        border-inline-end: 0;
        border-block-end: var(--os-border-width-thin) solid var(--os-color-border-subtle);
        padding-inline-end: 0;
        padding-block-end: var(--os-space-3);
    }
}
/* /Shared/Auto/AutoDisplayForm.razor.rz.scp.css */
.loader1[b-j1zavmckbq] {
    border: 8px solid #f3f3f3; /* Light grey */
    border-top: 8px solid #3498db; /* Blue */
    border-radius: 50%;
    width: 80px;
    height: 80px;
    animation: keyframes1-b-j1zavmckbq 1s linear infinite;
}

@keyframes keyframes1-b-j1zavmckbq {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

.loader2[b-j1zavmckbq] {
    width: 15px;
    aspect-ratio: 1;
    border-radius: 50%;
    animation: keyframes2-b-j1zavmckbq 2s infinite linear alternate;
}

@keyframes keyframes2-b-j1zavmckbq {
    0% {
        box-shadow: 20px 0 #0D6EFD, -20px 0 #0002;
        background: #0D6EFD
    }

    33% {
        box-shadow: 20px 0 #0D6EFD, -20px 0 #0002;
        background: #0002
    }

    66% {
        box-shadow: 20px 0 #0002,-20px 0 #0D6EFD;
        background: #0002
    }

    100% {
        box-shadow: 20px 0 #0002,-20px 0 #0D6EFD;
        background: #0D6EFD
    }
}

.loader3[b-j1zavmckbq] {
    width: 80px;
    aspect-ratio: 4;
    --_g: no-repeat radial-gradient(circle closest-side,#0D6EFD 90%,#0000);
    background: var(--_g) 0% 50%, var(--_g) 50% 50%, var(--_g) 100% 50%;
    background-size: calc(100%/3) 100%;
    animation: keyframes3-b-j1zavmckbq 1.75s infinite linear;
}

@keyframes keyframes3-b-j1zavmckbq {
    33% {
        background-size: calc(100%/3) 0%,calc(100%/3) 100%,calc(100%/3) 100%
    }

    50% {
        background-size: calc(100%/3) 100%,calc(100%/3) 0%,calc(100%/3) 100%
    }

    66% {
        background-size: calc(100%/3) 100%,calc(100%/3) 100%,calc(100%/3) 0%
    }
}
/* /Shared/Auto/AutoEditForm.razor.rz.scp.css */
div:focus-visible[b-vq06afqdhr] {
    outline: none;
}


.loader1[b-vq06afqdhr] {
    border: 8px solid #f3f3f3; /* Light grey */
    border-top: 8px solid #3498db; /* Blue */
    border-radius: 50%;
    width: 80px;
    height: 80px;
    animation: keyframes1-b-vq06afqdhr 1s linear infinite;
}

@keyframes keyframes1-b-vq06afqdhr {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

.loader2[b-vq06afqdhr] {
    width: 15px;
    aspect-ratio: 1;
    border-radius: 50%;
    animation: keyframes2-b-vq06afqdhr 2s infinite linear alternate;
}

@keyframes keyframes2-b-vq06afqdhr {
    0% {
        box-shadow: 20px 0 #0D6EFD, -20px 0 #0002;
        background: #0D6EFD
    }

    33% {
        box-shadow: 20px 0 #0D6EFD, -20px 0 #0002;
        background: #0002
    }

    66% {
        box-shadow: 20px 0 #0002,-20px 0 #0D6EFD;
        background: #0002
    }

    100% {
        box-shadow: 20px 0 #0002,-20px 0 #0D6EFD;
        background: #0D6EFD
    }
}

.loader3[b-vq06afqdhr] {
    width: 80px;
    aspect-ratio: 4;
    --_g: no-repeat radial-gradient(circle closest-side,#0D6EFD 90%,#0000);
    background: var(--_g) 0% 50%, var(--_g) 50% 50%, var(--_g) 100% 50%;
    background-size: calc(100%/3) 100%;
    animation: keyframes3-b-vq06afqdhr 1.75s infinite linear;
}

@keyframes keyframes3-b-vq06afqdhr {
    33% {
        background-size: calc(100%/3) 0%,calc(100%/3) 100%,calc(100%/3) 100%
    }

    50% {
        background-size: calc(100%/3) 100%,calc(100%/3) 0%,calc(100%/3) 100%
    }

    66% {
        background-size: calc(100%/3) 100%,calc(100%/3) 100%,calc(100%/3) 0%
    }
}
/* /Shared/Auto/Loading.razor.rz.scp.css */
.loader1[b-665epekwwq] {
    border: 8px solid #f3f3f3; /* Light grey */
    border-top: 8px solid #3498db; /* Blue */
    border-radius: 50%;
    width: 80px;
    height: 80px;
    animation: keyframes1-b-665epekwwq 1s linear infinite;
}

@keyframes keyframes1-b-665epekwwq {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

.loader2[b-665epekwwq] {
    width: 15px;
    aspect-ratio: 1;
    border-radius: 50%;
    animation: keyframes2-b-665epekwwq 2s infinite linear alternate;
}

@keyframes keyframes2-b-665epekwwq {
    0% {
        box-shadow: 20px 0 #0D6EFD, -20px 0 #0002;
        background: #0D6EFD
    }

    33% {
        box-shadow: 20px 0 #0D6EFD, -20px 0 #0002;
        background: #0002
    }

    66% {
        box-shadow: 20px 0 #0002,-20px 0 #0D6EFD;
        background: #0002
    }

    100% {
        box-shadow: 20px 0 #0002,-20px 0 #0D6EFD;
        background: #0D6EFD
    }
}

.loader3[b-665epekwwq] {
    width: 80px;
    aspect-ratio: 4;
    --_g: no-repeat radial-gradient(circle closest-side,#0D6EFD 90%,#0000);
    background: var(--_g) 0% 50%, var(--_g) 50% 50%, var(--_g) 100% 50%;
    background-size: calc(100%/3) 100%;
    animation: keyframes3-b-665epekwwq 1.75s infinite linear;
}

@keyframes keyframes3-b-665epekwwq {
    33% {
        background-size: calc(100%/3) 0%,calc(100%/3) 100%,calc(100%/3) 100%
    }

    50% {
        background-size: calc(100%/3) 100%,calc(100%/3) 0%,calc(100%/3) 100%
    }

    66% {
        background-size: calc(100%/3) 100%,calc(100%/3) 100%,calc(100%/3) 0%
    }
}