@import '_content/PSC.Blazor.Components.Chartjs/PSC.Blazor.Components.Chartjs.bundle.scp.css';

/* /Components/Buttons/Button.razor.rz.scp.css */
[b-8h1m0acrxc].button .mud-button {
    min-width: max-content;
}

[b-8h1m0acrxc].button.button-size-XL .mud-button {
    height: 56px;
    border-radius: 12px;
    font-size: 16px;
    padding: 16px 28px;
}

[b-8h1m0acrxc].button.button-size-L .mud-button {
    height: 48px;
    border-radius: 12px;
    font-size: 16px;
    padding: 12px 24px;
}

[b-8h1m0acrxc].button.button-size-M .mud-button {
    height: 44px;
    border-radius: 10px;
    font-size: 16px;
    padding: 10px 20px;
}

[b-8h1m0acrxc].button.button-size-S .mud-button {
    height: 40px;
    border-radius: 8px;
    padding: 10px 20px;
}

[b-8h1m0acrxc].button.button-size-XS .mud-button {
    height: 36px;
    border-radius: 8px;
    padding: 8px 16px;
}

[b-8h1m0acrxc].button.button-size-US .mud-button {
    height: 28px;
    border-radius: 8px;
    padding: 4px 10px;
}

    [b-8h1m0acrxc].button.button-size-XL .mud-button .mud-button-icon-start,
    [b-8h1m0acrxc].button.button-size-L .mud-button .mud-button-icon-start,
    [b-8h1m0acrxc].button.button-size-M .mud-button .mud-button-icon-start,
    [b-8h1m0acrxc].button.button-size-S .mud-button .mud-button-icon-start,
    [b-8h1m0acrxc].button.button-size-XS .mud-button .mud-button-icon-start,
    [b-8h1m0acrxc].button.button-size-US .mud-button .mud-button-icon-start {
        margin-left: 0;
        margin-inline-start: 0;
    }

    [b-8h1m0acrxc].button.button-size-XL .mud-button .mud-button-icon-end,
    [b-8h1m0acrxc].button.button-size-L .mud-button .mud-button-icon-end,
    [b-8h1m0acrxc].button.button-size-M .mud-button .mud-button-icon-end,
    [b-8h1m0acrxc].button.button-size-S .mud-button .mud-button-icon-end,
    [b-8h1m0acrxc].button.button-size-XS .mud-button .mud-button-icon-end,
    [b-8h1m0acrxc].button.button-size-US .mud-button .mud-button-icon-end {
        margin-right: 0;
        margin-inline-end: 0;
    }

[b-8h1m0acrxc].button.button-size-XL .mud-button .mud-icon-root,
[b-8h1m0acrxc].button.button-size-L .mud-button .mud-icon-root,
[b-8h1m0acrxc].button.button-size-M .mud-button .mud-icon-root {
    font-size: 24px;
}

[b-8h1m0acrxc].button.button-size-S .mud-button .mud-icon-root,
[b-8h1m0acrxc].button.button-size-XS .mud-button .mud-icon-root {
    font-size: 20px;
}

[b-8h1m0acrxc].button.button-size-US .mud-button .mud-icon-root {
    font-size: 20px;
}

[b-8h1m0acrxc].button .mud-button-filled-primary {
    background-color: var(--mud-palette-button-brand-background);
    box-shadow: 0px 1px 2px 0px #151C240D;
}

    [b-8h1m0acrxc].button .mud-button-filled-primary:hover {
        background-color: var(--mud-palette-button-brand-hover);
    }

[b-8h1m0acrxc].button .mud-button-filled-error {
    background-color: var(--mud-palette-button-error-primary-background);
    box-shadow: 0px 1px 2px 0px #151C240D;
}

    [b-8h1m0acrxc].button .mud-button-filled-error:hover {
        background-color: var(--mud-palette-button-error-primary-hover);
    }

[b-8h1m0acrxc].button .mud-button-filled-default {
    background-color: var(--mud-palette-button-base-background);
    box-shadow: 0px 1px 2px 0px #151C240D;
    color: var(--mud-palette-text-quaternary);
}

    [b-8h1m0acrxc].button .mud-button-filled-default:hover {
        background-color: var(--mud-palette-button-base-hover);
    }


[b-8h1m0acrxc].button .mud-button-outlined-primary {
    color: var(--mud-palette-button-brand-secondary-text);
    border-color: var(--mud-palette-button-brand-secondary-border);
    background-color: var(--mud-palette-button-secondary-background);
}

    [b-8h1m0acrxc].button .mud-button-outlined-primary:hover {
        background-color: var(--mud-palette-button-secondary-hover);
    }

    [b-8h1m0acrxc].button .mud-button-outlined-primary:focus {
        box-shadow: 0px 0px 0px 2px #63708326;
    }

[b-8h1m0acrxc].button .mud-button-outlined-error {
    color: var(--mud-palette-button-error-text);
    border-color: var(--mud-palette-button-error-secondary-border);
    background-color: var(--mud-palette-button-secondary-background);
}

    [b-8h1m0acrxc].button .mud-button-outlined-error:hover {
        background-color: var(--mud-palette-button-error-secondary-hover);
    }

    [b-8h1m0acrxc].button .mud-button-outlined-error:focus {
        box-shadow: 0px 0px 0px 2px #F62C2C33;
    }

[b-8h1m0acrxc].button .mud-button-outlined-default {
    color: var(--mud-palette-text-secondary);
    border-color: var(--mud-palette-button-secondary-border);
    background-color: var(--mud-palette-button-secondary-background);
}

    [b-8h1m0acrxc].button .mud-button-outlined-default:hover {
        background-color: var(--mud-palette-button-secondary-hover);
    }

    [b-8h1m0acrxc].button .mud-button-outlined-default:focus {
        box-shadow: 0px 0px 0px 2px #63708326;
    }

[b-8h1m0acrxc].button .mud-button-filled-error:disabled,
[b-8h1m0acrxc].button .mud-button-filled-primary:disabled,
[b-8h1m0acrxc].button .mud-button-filled-default:disabled {
    color: var(--mud-palette-white) !important;
    background-color: var(--mud-palette-button-base-primary-disabled) !important;
}

[b-8h1m0acrxc].button .mud-button-outlined-error:disabled,
[b-8h1m0acrxc].button .mud-button-outlined-primary:disabled,
[b-8h1m0acrxc].button .mud-button-outlined-default:disabled {
    color: var(--mud-palette-text-tertiary);
    border-color: var(--mud-palette-button-secondary-border);
}

[b-8h1m0acrxc].button .mud-button-filled-primary,
[b-8h1m0acrxc].button .mud-button-filled-error {
    color: var(--mud-palette-white);
}

    [b-8h1m0acrxc].button .mud-button-filled-default:focus,
    [b-8h1m0acrxc].button .mud-button-filled-primary:focus,
    [b-8h1m0acrxc].button .mud-button-filled-error:focus {
        box-shadow: 0px 0px 0px 2px #63708326;
    }
/* /Components/Buttons/FloatSidebarIconButton.razor.rz.scp.css */
.float-sidebar-icon-button[b-5qbll55gov] {
    position: absolute;
    right: 0;
    top: calc(var(--mud-appbar-height) + var(--crop-controls-height) + 12px + var(--additional-margin));
    z-index: 6;
    transition: top, right 300ms ease-in-out !important;
}
[b-5qbll55gov].float-sidebar-icon-button .mud-button {
    background-color: var(--mud-palette-background);
    border-radius: 0;
    -webkit-border-top-left-radius: 8px;
    border-top-left-radius: 8px;
    -webkit-border-bottom-left-radius: 8px;
    border-bottom-left-radius: 8px;
    border: 1px solid var(--mud-palette-border-secondary) !important;
    border-right: 0;
    height: 36px;
    width: 36px;
    min-width: 36px;
    font-size: 20px;
    padding: 8px;
}

    [b-5qbll55gov].float-sidebar-icon-button .mud-button:hover {
        background-color: var(--mud-palette-button-secondary-hover);
        border-color: var(--mud-palette-border-secondary);
    }

[b-5qbll55gov].float-sidebar-icon-button .mud-root-icon {
    color: var(--mud-palette-icon-500);
}

[b-5qbll55gov].float-sidebar-icon-button.active .mud-root-icon {
    color: var(--mud-palette-icon-700);
}
/* /Components/Buttons/IconButton.razor.rz.scp.css */
[b-pbyit190ni].icon-button .mud-button {
    box-shadow: 0px 1px 2px 0px #151C240D;
}

[b-pbyit190ni].icon-button.button-size-XL .mud-button {
    height: 56px;
    width: 56px;
    min-width: 56px;
    border-radius: 12px;
    font-size: 24px;
    padding: 16px;
}

[b-pbyit190ni].icon-button.button-size-L .mud-button {
    height: 48px;
    width: 48px;
    min-width: 48px;
    border-radius: 12px;
    font-size: 24px;
    padding: 12px;
}

[b-pbyit190ni].icon-button.button-size-M .mud-button {
    height: 44px;
    width: 44px;
    min-width: 44px;
    border-radius: 12px;
    font-size: 24px;
    padding: 10px;
}

[b-pbyit190ni].icon-button.button-size-S .mud-button {
    height: 40px;
    width: 40px;
    min-width: 40px;
    border-radius: 12px;
    font-size: 20px;
    padding: 10px;
}

[b-pbyit190ni].icon-button.button-size-XS .mud-button {
    height: 36px;
    width: 36px;
    min-width: 36px;
    border-radius: 12px;
    font-size: 20px;
    padding: 8px;
}

[b-pbyit190ni].icon-button.button-size-US .mud-button {
    height: 24px;
    width: 24px;
    min-width: 24px;
    border-radius: 8px;
    font-size: 16px;
    padding: 4px;
}

[b-pbyit190ni].icon-button .mud-button-filled-default {
    background-color: var(--mud-palette-button-base-background);
    color: var(--mud-palette-icon-0);
}

    [b-pbyit190ni].icon-button .mud-button-filled-default:hover {
        background-color: var(--mud-palette-button-base-hover);
    }

    [b-pbyit190ni].icon-button .mud-button-filled-default:focus {
        box-shadow: 0px 0px 0px 2px #63708326;
    }

    [b-pbyit190ni].icon-button .mud-button-filled-default:disabled {
        background-color: var(--mud-palette-button-base-primary-disabled);
    }

[b-pbyit190ni].icon-button .mud-button-filled-secondary {
    background-color: var(--mud-palette-button-secondary-background);
    color: var(--mud-palette-icon-700);
    box-shadow: none;
}

    [b-pbyit190ni].icon-button .mud-button-filled-secondary:hover {
        background-color: var(--mud-palette-button-secondary-hover);
    }

    [b-pbyit190ni].icon-button .mud-button-filled-secondary:focus {
        box-shadow: 0px 0px 0px 2px #63708326;
    }

    [b-pbyit190ni].icon-button .mud-button-filled-secondary:disabled {
        background-color: var(--mud-palette-button-secondary-background) !important;
        color: var(--mud-palette-icon-500);
    }

[b-pbyit190ni].icon-button .mud-button-outlined-default {
    background-color: var(--mud-palette-button-secondary-background);
    border-color: var(--mud-palette-button-secondary-border);
    color: var(--mud-palette-icon-700);
}

    [b-pbyit190ni].icon-button .mud-button-outlined-default:hover {
        background-color: var(--mud-palette-button-secondary-hover);
    }

    [b-pbyit190ni].icon-button .mud-button-outlined-default:focus {
        box-shadow: 0px 0px 0px 2px #63708326;
        border-color: transparent;
    }

    [b-pbyit190ni].icon-button .mud-button-outlined-default:disabled {
        color: var(--mud-palette-icon-500);
    }

[b-pbyit190ni].icon-button .mud-button-outlined-primary {
    background-color: var(--mud-palette-button-secondary-background);
    border-color: var(--mud-palette-button-brand-secondary-border);
    color: var(--mud-palette-button-brand-secondary-text);
}

    [b-pbyit190ni].icon-button .mud-button-outlined-primary:hover {
        background-color: var(--mud-palette-button-secondary-hover);
    }

    [b-pbyit190ni].icon-button .mud-button-outlined-primary:focus {
        box-shadow: 0px 0px 0px 2px #0166FF26;
        border-color: transparent;
    }

    [b-pbyit190ni].icon-button .mud-button-outlined-primary:disabled {
        color: var(--mud-palette-icon-500);
    }

[b-pbyit190ni].icon-button .mud-button-outlined-error {
    background-color: var(--mud-palette-button-secondary-background);
    border-color: var(--mud-palette-button-error-secondary-border);
    color: var(--mud-palette-button-error-text);
}

    [b-pbyit190ni].icon-button .mud-button-outlined-error:hover {
        background-color: var(--mud-palette-button-error-secondary-hover);
    }

    [b-pbyit190ni].icon-button .mud-button-outlined-error:focus {
        box-shadow: 0px 0px 0px 2px #F62C2C33;
        border-color: transparent;
    }

    [b-pbyit190ni].icon-button .mud-button-outlined-error:disabled {
        color: var(--mud-palette-icon-500);
    }
/* /Components/Cards/AspectRatioCard.razor.rz.scp.css */
.aspect-ratio-card[b-lxsqijp5gr] {
    width: 84px;
    height: 84px;
    border-radius: 12px;
    border: 1px solid transparent;
    background-color: var(--mud-palette-background-hover);
    padding: 11.5px 6px;
    display: flex;
    flex-direction: column;
    align-items: center;
}

    .aspect-ratio-card:hover[b-lxsqijp5gr] {
        border-color: var(--mud-palette-button-secondary-hover);
        cursor: pointer;
    }

    .aspect-ratio-card.active[b-lxsqijp5gr] {
        background-color: var(--mud-palette-button-secondary-background);
        border-color: var(--mud-palette-button-brand-secondary-border);
        box-shadow: 0px 0px 0px 2px #0166FF26;
    }

[b-lxsqijp5gr].aspect-ratio-card .aspect-ratio-card__icon {
    font-size: 38px;
    margin-bottom: 6px;
}

[b-lxsqijp5gr].aspect-ratio-card .aspect-ratio-card__name {
    max-width: 72px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
/* /Components/Cards/CaptioningMediaCard.razor.rz.scp.css */
.uploading-card[b-7blneittoj] {
    background-color: var(--mud-palette-background-secondary);
    border: 1px solid var(--mud-palette-border-secondary);
    border-radius: 8px;
    display: flex;
    -ms-flex-direction: column;
    -webkit-flex-direction: column;
    flex-direction: column;
    gap: 4px;
    padding: 12px;
    height: 195px;
    max-height: 195px;
    cursor: pointer;
}

.uploading-card__image-placeholder[b-7blneittoj] {
    background-color: var(--mud-palette-background);
    border-radius: 6px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 29px auto 25px;
    width: 60px;
    height: 60px;
}

.uploading-card.completed[b-7blneittoj] {
    display: none;
}
/* /Components/Cards/CommentCard.razor.rz.scp.css */
.comment[b-mmbci0u0uh] {
    display: flex;
    flex-direction: row;
    gap: 8px;
    padding: 12px;
    border-radius: 6px;
    border: 1px solid var(--mud-palette-border-secondary);
    background-color: var(--mud-palette-background);
}

.comment--internal[b-mmbci0u0uh] {
    border-style: dashed;
    border-color: var(--mud-palette-warning);
    background-color: var(--mud-palette-warning-lighten);
}

.comment--deleted[b-mmbci0u0uh] {
    opacity: 0.6;
    align-items: center;
}

.comment--reply[b-mmbci0u0uh] {
    padding: 8px;
}

.comment__body[b-mmbci0u0uh] {
    overflow-wrap: anywhere;
    font-size: 0.875rem;
    line-height: 1.43;
    color: var(--mud-palette-text-secondary);
}

.comment__actions[b-mmbci0u0uh] {
    display: flex;
    flex-direction: row;
    gap: 2px;
    margin-top: 2px;
}

.comment__mention[b-mmbci0u0uh] {
    color: var(--mud-palette-primary);
    font-weight: 500;
    cursor: pointer;
}
/* /Components/Cards/MediaCard.razor.rz.scp.css */
.media-card[b-a441fqheez] {
    background-color: var(--mud-palette-background);
    border: 1px solid var(--mud-palette-border-secondary);
    border-radius: 8px;
    padding: 12px;
    cursor: pointer;
}

    .media-card:hover[b-a441fqheez] {
        background-color: var(--mud-palette-background-hover);
    }

    .media-card.selected[b-a441fqheez] {
        border-color: var(--mud-palette-button-brand-secondary-border);
        outline: 0;
    }

[b-a441fqheez].media-card .media-card__title {
    width: 110px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
/* /Components/Cards/MonthlyUsageCard.razor.rz.scp.css */
.monthly-charts[b-o26qctt3jc] {
    display: flex;
    flex-direction: row;
    gap: 0;
    justify-content: space-evenly;
    row-gap: 20px
}

@media (max-width: 650px) {
    .monthly-charts[b-o26qctt3jc] {
        flex-wrap: wrap;
    }
}
/* /Components/Cards/PreviewMediaCard.razor.rz.scp.css */
.uploading-card[b-pxl18e5hcl] {
    background-color: var(--mud-palette-background);
    border: 1px solid var(--mud-palette-border-secondary);
    border-radius: 8px;
    display: flex;
    -ms-flex-direction: column;
    -webkit-flex-direction: column;
    flex-direction: column;
    gap: 4px;
    padding: 12px;
    height: max-content;
    max-height: 230px;
    cursor: pointer;
}

    .uploading-card:hover[b-pxl18e5hcl] {
        background-color: var(--mud-palette-background-hover);
    }

    .uploading-card:focus[b-pxl18e5hcl] {
        border-color: var(--mud-palette-button-brand-secondary-border);
        outline: 0;
    }

.uploading-card__image-placeholder[b-pxl18e5hcl] {
    background-color: var(--mud-palette-background);
    border-radius: 6px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 36px auto;
}

[b-pxl18e5hcl].uploading-card .mud-image {
    border-radius: 6px;
}

[b-pxl18e5hcl].uploading-card .uploading-card__filename {
    width: 140px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.uploading-card.completed[b-pxl18e5hcl] {
    display: none;
}
/* /Components/Cards/UploadMediaCard.razor.rz.scp.css */
.uploading-card[b-wng3w8x5p3] {
    background-color: var(--mud-palette-background-secondary);
    border: 1px solid var(--mud-palette-border-secondary);
    border-radius: 8px;
    display: flex;
    -ms-flex-direction: column;
    -webkit-flex-direction: column;
    flex-direction: column;
    gap: 4px;
    padding: 12px;
    max-height: var(--height);
}

.uploading-card__image-placeholder[b-wng3w8x5p3] {
    background-color: var(--mud-palette-background);
    border-radius: 6px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 10px auto 6px;
    width: 60px;
    height: 60px;
}

[b-wng3w8x5p3].uploading-card .uploading-card__filename {
    width: 96px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
/* /Components/Cards/VersionMediaCard.razor.rz.scp.css */
.version-image-card[b-4xbk8n5j2l] {
    background-color: var(--mud-palette-background);
    border: 1px solid var(--mud-palette-border-secondary);
    border-radius: 8px;
    display: flex;
    -ms-flex-direction: column;
    -webkit-flex-direction: column;
    flex-direction: column;
    gap: 6px;
    padding: 12px;
    height: max-content;
    max-height: 150px;
    cursor: pointer;
}

    .version-image-card:hover[b-4xbk8n5j2l] {
        background-color: var(--mud-palette-background-hover);
    }

    .version-image-card.selected[b-4xbk8n5j2l] {
        border-color: var(--mud-palette-button-brand-secondary-border);
    }

[b-4xbk8n5j2l].version-image-card .mud-image {
    border-radius: 6px;
}

.version-image-card__placeholder[b-4xbk8n5j2l] {
    background-color: var(--mud-palette-background);
    border-radius: 6px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 28px auto;
}
/* /Components/Cards/VersionUploadingCard.razor.rz.scp.css */
.version-uploading-card[b-1kbntk7lmg] {
    background-color: var(--mud-palette-background);
    border: 1px solid var(--mud-palette-border-secondary);
    border-radius: 8px;
    display: flex;
    -ms-flex-direction: column;
    -webkit-flex-direction: column;
    flex-direction: column;
    gap: 4px;
    padding: 12px;
    height: max-content;
    max-height: 150px;
    cursor: pointer;
}

    .version-uploading-card:hover[b-1kbntk7lmg] {
        background-color: var(--mud-palette-background-hover);
    }

.version-uploading-card__placeholder[b-1kbntk7lmg] {
    background-color: var(--mud-palette-background);
    border-radius: 6px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 12px auto;
}
/* /Components/Chips/Chip.razor.rz.scp.css */
[b-ecdqf9ti1f].chip__wrapper .mud-chip {
    border-radius: 999px;
    margin: 0;
}

[b-ecdqf9ti1f].chip__wrapper .mud-chip-size-small {
    padding: 4px 12px;
    height: 20px;
}

[b-ecdqf9ti1f].chip__wrapper .mud-chip-size-medium {
    padding: 4px 10px;
    height: 24px
}

[b-ecdqf9ti1f].chip__wrapper .mud-chip-size-large {
    padding: 5px 10px;
    height: 28px
}

[b-ecdqf9ti1f].chip__wrapper .mud-chip-size-small .mud-typography {
    font-size: 12px;
}

[b-ecdqf9ti1f].chip__wrapper .mud-chip-outlined.mud-chip-color-default {
    border-color: var(--mud-palette-border-secondary);
}

    [b-ecdqf9ti1f].chip__wrapper .mud-chip-outlined.mud-chip-color-default .mud-icon-root {
        color: var(--mud-palette-icon-500);
    }

[b-ecdqf9ti1f].chip__wrapper.status-chip .mud-chip {
    background-color: var(--override-bg-color);
    color: var(--mud-palette-text-quaternary);
    padding: 2px 10px;
    max-width: 100%;
    overflow: hidden;
}

[b-ecdqf9ti1f].chip__wrapper.status-chip .mud-chip .mud-typography {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
/* /Components/Containers/CardContainer.razor.rz.scp.css */
.container[b-idk1j6ovqf] {
    border-radius: 10px;
    border: 1px solid var(--mud-palette-border-secondary);
    width: 100%;
    height: 100%;
}
/* /Components/Containers/ContentContainer.razor.rz.scp.css */
.container[b-qv4bdrwfbb] {
    border: 1px solid var(--mud-palette-border-secondary);
    border-radius: calc(var(--mud-default-borderradius) * 3);
    height: calc(100vh - var(--mud-appbar-height) - 24px);
    overflow: hidden;
}

.container__header[b-qv4bdrwfbb] {
    padding: 18px 12px;
    border-bottom: 1px solid var(--mud-palette-border-secondary);
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 77px;
}

.container__content[b-qv4bdrwfbb] {
    padding: 12px;
    height: 100%;
    max-height: calc(100vh - var(--mud-appbar-height) - 24px - 77px - 2px);
    overflow-y: auto;
}

    .container__content.has-overflow[b-qv4bdrwfbb] {
        padding-right: 4px;
    }
/* /Components/Dialogs/AddOrUpdateUserStatusDialog.razor.rz.scp.css */
.color-circle[b-7nyxv3513y] {
    width: 24px;
    height: 24px;
    border-radius: 50%;
    background-color: var(--color);
}

.color-circle__wrapper[b-7nyxv3513y] {
    width: 32px;
    height: 32px;
    border-radius: 50%;
    border: 2px solid transparent;
    background-color: var(--mud-palette-background);
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
}

    .color-circle__wrapper:has(.selected)[b-7nyxv3513y] {
        border-color: var(--color);
    }
/* /Components/Dialogs/BaseDialog.razor.rz.scp.css */
.dialog__wrapper[b-fj5hzed3oc] {
    background-color: var(--mud-palette-background);
    border-radius: 12px
}

[b-fj5hzed3oc].dialog__wrapper .mud-dialog-content {
    margin: 0;
    padding: 0;
}

.dialog__content[b-fj5hzed3oc] {
    padding: 12px 10px;
    overflow: auto;
    max-height: calc(100vh - 52px - 61px - var(--mud-appbar-height));
}

[b-fj5hzed3oc].dialog__title .mud-typography {
    font-size: 18px;
    font-weight: 600;
    color: var(--mud-palette-text-secondary);
}

[b-fj5hzed3oc].dialog__wrapper .mud-dialog-actions {
    padding: 12px;
    border-top: 1px solid var(--mud-palette-border-secondary);
}
/* /Components/Dialogs/SettingsDialog.razor.rz.scp.css */
.navigation[b-xtomylb545] {
    display: flex;
    -ms-flex-direction: column;
    -webkit-flex-direction: column;
    flex-direction: column;
    gap: 6px;
    padding: 6px;
    border-right: 1px solid var(--mud-palette-border-secondary);
    width: 207px;
    min-width: 207px;
}

.content[b-xtomylb545] {
    height: 380px;
    padding: 12px;
    overflow-y: auto;
}

.content__wrapper[b-xtomylb545] {
    width: 100%;
}

.content__header[b-xtomylb545] {
    padding: 10px 12px;
    border-bottom: 1px solid var(--mud-palette-border-secondary);
}

.content__footer[b-xtomylb545] {
    margin-top: auto;
    padding: 12px;
    border-top: 1px solid var(--mud-palette-border-secondary);
    display: flex;
    justify-content: end;
    gap: 6px;
}

[b-xtomylb545].dialog__wrapper .mud-dialog-content {
    margin: 0;
    padding: 0;
}

[b-xtomylb545].navigation .mud-button {
    border-radius: calc(var(--mud-default-borderradius) * 2);
    height: 36px;
    color: inherit !important;
    padding: 8px 12px;
    border: 1px solid transparent;
}

    [b-xtomylb545].navigation .mud-button:hover {
        background-color: var(--mud-palette-background) !important;
    }

    [b-xtomylb545].navigation .mud-button.active {
        background-color: var(--mud-palette-background) !important;
        border: 1px solid var(--mud-palette-border-secondary);
    }

/* /Components/Drawers/EditorMultiDrawer.razor.rz.scp.css */
.float-icons__wrapper[b-a5ceiplur8] {
    margin-left: 0 !important;
    position: absolute;
    right: calc(var(--margin-right) - 1px);
    top: calc(var(--mud-appbar-height) + 12px);
    z-index: 1101;
    transition: right 225ms cubic-bezier(0.4, 0, 0.2, 1) !important;
    display: flex;
    flex-direction: column;
    gap: 4px;
}

    .float-icons__wrapper.drawer-closed[b-a5ceiplur8] {
        z-index: 7 !important;
    }

    [b-a5ceiplur8].float-icons__wrapper .mud-button {
        background-color: var(--mud-palette-background);
        border-radius: 0;
        -webkit-border-top-left-radius: 8px;
        border-top-left-radius: 8px;
        -webkit-border-bottom-left-radius: 8px;
        border-bottom-left-radius: 8px;
        border: 1px solid var(--mud-palette-border-secondary) !important;
        border-right: 0;
        height: 36px;
        width: 36px;
        min-width: 36px;
        font-size: 20px;
        padding: 8px;
    }

    [b-a5ceiplur8].float-icons__wrapper .mud-button:hover {
        background-color: var(--mud-palette-button-secondary-hover);
        border-color: var(--mud-palette-border-secondary);
    }

    [b-a5ceiplur8].float-icons__wrapper.drawer-closed .mud-icon-root,
    [b-a5ceiplur8].float-icons__wrapper .mud-button.active .mud-icon-root {
        color: var(--mud-palette-icon-700);
    }

[b-a5ceiplur8].float-icons__wrapper .mud-icon-root {
    color: var(--mud-palette-icon-500);
}

[b-a5ceiplur8].float-icons__wrapper .mud-button.active {
    border-right-color: var(--mud-palette-background) !important;
}
/* /Components/Drawers/EditorNavigationDrawer.razor.rz.scp.css */
.navigation-menu[b-6gpqm85fts] {
    padding: 10px 12px;
    height: 100%;
    display: flex;
    -ms-flex-direction: column;
    -webkit-flex-direction: column;
    flex-direction: column;
    gap: 4px;
}

[b-6gpqm85fts].navigation-menu .mud-nav-link {
    border-radius: calc(var(--mud-default-borderradius) * 2);
    height: 36px;
    width: 36px;
    min-width: 36px;
    padding: 7px;
    color: inherit !important;
    border: 1px solid transparent;
    display: block;
}


[b-6gpqm85fts].navigation-menu .mud-nav-item {
    justify-content: center;
}

    [b-6gpqm85fts].navigation-menu .mud-nav-item.active .mud-nav-link {
        background-color: var(--mud-palette-background) !important;
        border: 1px solid var(--mud-palette-border-secondary);
    }

        [b-6gpqm85fts].navigation-menu .mud-nav-item.active .mud-nav-link .mud-icon-root {
            color: var(--mud-palette-button-brand-secondary-text) !important;
        }

[b-6gpqm85fts].navigation-menu .mud-nav-link:hover {
    background-color: var(--mud-palette-background-secondary) !important;
}

[b-6gpqm85fts].navigation-menu .mud-icon-root {
    width: 20px;
    height: 20px;
    color: var(--mud-palette-drawer-text) !important;
}


/* /Components/Drawers/EditorSidebarDrawer.razor.rz.scp.css */
/* /Components/Drawers/PagesDrawerContent.razor.rz.scp.css */
.thumbnails-container[b-jnuyn78whs] {
    display: flex;
    flex-direction: column;
    gap: 12px;
    margin: 12px 0;
    overflow-y: auto;
    height: calc(100vh - var(--mud-appbar-height) - 60px);
    scrollbar-width: thin;
    scrollbar-color: var(--mud-palette-border-secondary) transparent;
}

[b-jnuyn78whs] .thumbnail-wrapper {
    cursor: pointer;
    border-radius: 4px;
    padding: 4px;
}

[b-jnuyn78whs] .thumbnail {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 6px;
}

[b-jnuyn78whs] .thumbnail-placeholder {
    width: 100px;
    height: 151px;
    background-color: var(--mud-palette-background-grey);
    border: 1px solid var(--mud-palette-border-secondary);
    border-radius: 2px;
    display: flex;
    align-items: center;
    justify-content: center;
}

[b-jnuyn78whs] .thumbnail-placeholder::after {
    content: '';
    width: 24px;
    height: 24px;
    border: 2px solid var(--mud-palette-border-secondary);
    border-top-color: var(--mud-palette-primary);
    border-radius: 50%;
    animation: thumbnail-spinner-b-jnuyn78whs 0.6s linear infinite;
}

[b-jnuyn78whs] .thumbnail-image {
    width: 100px;
    height: auto;
    object-fit: none;
    box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.05s ease;
}

[b-jnuyn78whs] .thumbnail-wrapper:hover .thumbnail-image,
[b-jnuyn78whs] .thumbnail-wrapper.selected .thumbnail-image {
    outline: 2px solid var(--mud-palette-primary);
}

[b-jnuyn78whs] .thumbnail-wrapper.selected .thumbnail-label {
    color: var(--mud-palette-primary);
    font-weight: 600;
}

[b-jnuyn78whs] .thumbnail-label {
    font-size: 12px;
    color: var(--mud-palette-text-tertiary);
    font-weight: 400;
    line-height: 120%;
    text-align: center;
}

[b-jnuyn78whs] .thumbnail .thumbnail-markup-icon {
    display: none;
    width: 18px;
    height: 18px;
    fill: var(--mud-palette-primary);
    position: absolute;
    left: 3px;
    bottom: 23.4px;
}

[b-jnuyn78whs] .thumbnail-wrapper.has-markup .thumbnail-markup-icon {
    display: block;
}

@keyframes thumbnail-spinner-b-jnuyn78whs {
    to {
        transform: rotate(360deg);
    }
}
/* /Components/Drawers/VersionsDrawerContent.razor.rz.scp.css */
.media-list[b-9heqxne0m9] {
    --paddings: 24px;
    --header-height: 24px;
    --button-height: 36px;
    display: flex;
    flex-direction: column;
    gap: 10px;
    max-height: calc(100vh - var(--mud-appbar-height) - var(--paddings) - var(--header-height) - var(--button-height) - 20px);
    overflow: auto;
}
/* /Components/Dropdowns/Dropdown.razor.rz.scp.css */
.dropdown[b-vjxbjminps] {
    position: relative;
}

.dropdown__activator[b-vjxbjminps] {
    display: contents;
    user-select: none;
}

[b-vjxbjminps].dropdown .dropdown__wrapper {
    position: absolute;
    width: max-content;
    z-index: 1601;
}

.dropdown__content[b-vjxbjminps] {
    margin-top: 6px;
    background-color: var(--mud-palette-background);
    border-radius: calc(var(--mud-default-borderradius) * 3);
    border: 1px solid var(--mud-palette-border-secondary);
    padding: 8px 0;
}

[b-vjxbjminps].dropdown .dropdown__wrapper:has(.dropdown__content.placement-Left) {
    right: 0;
}

[b-vjxbjminps].dropdown .dropdown__wrapper:has(.dropdown__content.placement-Right) {
    left: 0;
}
/* /Components/Dropdowns/InlineDropdownItem.razor.rz.scp.css */
.item[b-pva92caqty] {
    display: flex;
    flex-direction: row;
    -webkit-align-items: center;
    align-items: center;
    gap: 6px;
    min-width: 150px;
    padding: 8px 16px;
    border-bottom: 1px solid var(--mud-palette-border-primary);
    position: relative
}

    .item:hover[b-pva92caqty] {
        background-color: var(--mud-palette-background-hover);
        cursor: pointer;
    }

    .item.selected[b-pva92caqty] {
        background-color: var(--mud-palette-background-tertiary);
    }

    .item.disabled[b-pva92caqty] {
        cursor: not-allowed;
    }

    .item.disabled:hover[b-pva92caqty],
    .item.disable-hover:hover[b-pva92caqty] {
        background: transparent !important;
    }

[b-pva92caqty].item.disabled .mud-typography {
    color: var(--mud-palette-text-tertiary);
}
/* /Components/Dropdowns/OrganizationDropdown.razor.rz.scp.css */
.organization-dropdown[b-os0z6xfte1] {
    margin-bottom: 12px;
    position: relative;
}

[b-os0z6xfte1].organization-dropdown .organization-dropdown__content-wrapper {
    position: absolute;
    width: 100%;
    z-index: 1;
}

[b-os0z6xfte1].organization-dropdown .organization-dropdown__header,
[b-os0z6xfte1].organization-dropdown .organization-dropdown__content {
    padding: 8px;
    background-color: var(--mud-palette-background);
    border-radius: calc(var(--mud-default-borderradius) * 3);
    border: 1px solid var(--mud-palette-border-secondary);
}

[b-os0z6xfte1].organization-dropdown--mini .organization-dropdown__content,
[b-os0z6xfte1].organization-dropdown--mini .organization-dropdown__header {
    padding: 4px;
}

[b-os0z6xfte1].organization-dropdown .organization-dropdown__header {
    cursor: pointer;
    height: 46px;
}

    [b-os0z6xfte1].organization-dropdown .organization-dropdown__header:hover {
        background-color: var(--mud-palette-button-secondary-hover);
    }

[b-os0z6xfte1].organization-dropdown .organization-dropdown__content {
    margin-top: 6px;
    display: flex;
    -ms-flex-direction: column;
    -webkit-flex-direction: column;
    flex-direction: column;
    gap: 6px;
}

    [b-os0z6xfte1].organization-dropdown .organization-dropdown__content .mud-button {
        min-width: 36px;
        height: 36px;
        border-radius: calc(var(--mud-default-borderradius) * 2);
        border: 1px solid transparent;
    }

        [b-os0z6xfte1].organization-dropdown .organization-dropdown__content .mud-button .mud-button-icon-start {
            margin-left: 0;
            margin-right: 0;
            margin-inline-start: 0;
            margin-inline-end: 0;
        }

        [b-os0z6xfte1].organization-dropdown .organization-dropdown__content .mud-button .mud-icon-root {
            width: 18px;
            height: 18px;
        }

        [b-os0z6xfte1].organization-dropdown .organization-dropdown__content .mud-button:not(.add-org-button) .mud-button-icon-start {
            padding: 4px;
            background-color: var(--mud-palette-background);
            border-radius: 6px;
        }

        [b-os0z6xfte1].organization-dropdown .organization-dropdown__content .mud-button .mud-typography {
            margin-left: 6px;
            margin-right: auto;
        }

[b-os0z6xfte1].organization-dropdown .add-org-button {
    background-color: var(--mud-palette-background);
    border-radius: calc(var(--mud-default-borderradius) * 2);
    border-color: var(--mud-palette-border-secondary) !important;
}

[b-os0z6xfte1].organization-dropdown .mud-button:hover,
[b-os0z6xfte1].organization-dropdown .organization-dropdown__content .mud-button.active {
    background-color: var(--mud-palette-button-secondary-hover);
    border: 1px solid var(--mud-palette-border-secondary);
}
/* /Components/Dropdowns/PopoverDropdown.razor.rz.scp.css */
.dropdown__activation[b-mvkq56zv3m] {
    display: contents;
    user-select: none;
}

.dropdown__content[b-mvkq56zv3m] {
    margin-top: 6px;
    background-color: var(--mud-palette-background);
    border-radius: calc(var(--mud-default-borderradius) * 3);
    border: 1px solid var(--mud-palette-border-secondary);
    padding: 8px 0;
    overflow: visible;
    user-select: none;
}
/* /Components/Grids/VirtualizedGrid.razor.rz.scp.css */
.media-row[b-15fbkj1iph] {
    display: grid;
    gap: 12px;
    height: 340px;
}

.media-container[b-15fbkj1iph] {
    width: 100%;
    visibility: hidden;
    margin-top: -12px;
    height: calc(100vh - var(--mud-appbar-height) - 24px - 77px - 134px);
    overflow-y: auto;
    display: flex;
    flex-direction: column;
    gap: 12px;
}

    .media-container.visible[b-15fbkj1iph] {
        visibility: visible;
    }


.skeleton-row[b-15fbkj1iph] {
    display: grid;    
    gap: 12px;
    margin-bottom: 12px;
}
/* /Components/Inputs/CheckBox.razor.rz.scp.css */
.checkbox[b-z7i2muinm6] {
    border-radius: 8px;
}

[b-z7i2muinm6].checkbox label {
    display: flex;
    gap: 6px;
    align-items: center;
}

[b-z7i2muinm6].checkbox:has(.mud-icon-size-small) .mud-input-control-input-container label span {
    width: 16px;
    height: 16px;
}

[b-z7i2muinm6].checkbox:has(.mud-icon-size-medium) .mud-input-control-input-container label span {
    width: 20px;
    height: 20px;
}

[b-z7i2muinm6].checkbox .mud-checkbox-input {
    cursor: pointer;
}

[b-z7i2muinm6].checkbox .mud-icon-size-small {
    font-size: 16px
}

[b-z7i2muinm6].checkbox .mud-icon-size-medium {
    font-size: 20px
}

[b-z7i2muinm6].checkbox__unchecked .mud-icon-root {
    fill: transparent;
}

[b-z7i2muinm6].checkbox__unchecked:hover .mud-icon-root {
    fill: var(--mud-palette-background-secondary);
}

[b-z7i2muinm6].checkbox__unchecked:focus .mud-icon-root {
    fill: var(--mud-palette-background);
}

[b-z7i2muinm6].checkbox__unchecked:focus {
    box-shadow: 0px 0px 0px 2px #63708326;
}

[b-z7i2muinm6].checkbox__unchecked:has(input:disabled) .mud-icon-root {
    fill: var(--mud-palette-background);
}


[b-z7i2muinm6].checkbox__checked .mud-icon-root,
[b-z7i2muinm6].checkbox__indeterminate .mud-icon-root {
    fill: var(--mud-palette-text-primary);
}

[b-z7i2muinm6].checkbox__checked:hover .mud-icon-root,
[b-z7i2muinm6].checkbox__indeterminate:hover .mud-icon-root {
    fill: var(--mud-palette-text-secondary);
}

[b-z7i2muinm6].checkbox__checked:focus .mud-icon-root,
[b-z7i2muinm6].checkbox__indeterminate:focus .mud-icon-root {
    fill: var(--mud-palette-text-primary);
}

[b-z7i2muinm6].checkbox__checked:focus,
[b-z7i2muinm6].checkbox__indeterminate:focus {
    box-shadow: 0px 0px 0px 2px #63708326;
}

[b-z7i2muinm6].checkbox__checked:has(input:disabled) .mud-icon-root,
[b-z7i2muinm6].checkbox__indeterminate:has(input:disabled) .mud-icon-root {
    fill: var(--mud-palette-button-base-primary-disabled);
}
/* /Components/Inputs/NumericField.razor.rz.scp.css */
[b-s1abrht5t1].numeric-field .mud-input-control:has(.mud-input-outlined) {
    margin: 0;
}

    [b-s1abrht5t1].numeric-field .mud-input-control:has(.mud-input-outlined) .mud-input {
        border-radius: 10px;
        border-color: var(--mud-palette-border-secondary)
    }

    [b-s1abrht5t1].numeric-field .mud-input-control:has(.mud-input-outlined) .mud-input-control-input-container {
        background-color: var(--mud-palette-background);
    }

    [b-s1abrht5t1].numeric-field .mud-input-control:has(.mud-input-outlined) .mud-input:hover {
        box-shadow: 0px 1px 2px 0px #151C240D;
    }

[b-s1abrht5t1].numeric-field .mud-input.mud-input-outlined:focus-within > .mud-input-outlined-border {
    border-color: var(--mud-palette-text-primary) !important;
    box-shadow: 0px 0px 0px 2px #63708326;
}

[b-s1abrht5t1].numeric-field .mud-input-outlined .mud-input-outlined-border {
    border-radius: 10px !important;
    border-color: var(--mud-palette-border-secondary) !important;
}

[b-s1abrht5t1].numeric-field .mud-input.mud-input-adorned-start {
    padding-left: 12px;
    padding-inline-start: 12px;
    padding-inline-end: unset;
}

[b-s1abrht5t1].numeric-field .mud-input.mud-input-adorned-end {
    padding-right: 8px;
    padding-inline-end: 8px;
    padding-inline-start: unset;
}

[b-s1abrht5t1].numeric-field .mud-input.mud-input-adorned-start .mud-icon-root {
    color: var(--mud-palette-icon-500);
}

[b-s1abrht5t1].numeric-field .mud-input.mud-input-adorned-end .mud-icon-root {
    color: var(--mud-palette-icon-700);
}

[b-s1abrht5t1].numeric-field .mud-input-control .mud-input-control-helper-container:not(:has(.mud-input-error)) {
    position: absolute;
    bottom: 2px;
    right: 8px;
    padding: 4px !important;
}

[b-s1abrht5t1].numeric-field .mud-input-control .mud-input-helper-text {
    color: var(--mud-palette-text-tertiary);
}

[b-s1abrht5t1].numeric-field .mud-input-root {
    padding-top: 8px !important;
    padding-bottom: 8px !important;
    min-height: 24px;
}

[b-s1abrht5t1].numeric-field .mud-input-root.mud-input-root-margin-dense {
    padding-top: 4px !important;
    padding-bottom: 4px !important;
}
/* /Components/Inputs/Select.razor.rz.scp.css */
.select[b-t7qiczoth4] {
    width: 100%
}

[b-t7qiczoth4].select .mud-input-control:has(.mud-input-outlined) {
    margin: 0;
}

    [b-t7qiczoth4].select .mud-input-control:has(.mud-input-outlined) .mud-input {
        border-radius: 10px;
        border-color: var(--mud-palette-border-secondary)
    }

    [b-t7qiczoth4].select .mud-input-control:has(.mud-input-outlined) .mud-input-control-input-container {
        background-color: var(--mud-palette-background);
        border-radius: 10px !important;
    }

    [b-t7qiczoth4].select .mud-input-control:has(.mud-input-outlined) .mud-input:hover {
        box-shadow: 0px 1px 2px 0px #151C240D;
    }

[b-t7qiczoth4].select .mud-input.mud-input-outlined:focus-within > .mud-input-outlined-border {
    border-color: var(--mud-palette-text-primary) !important;
    box-shadow: 0px 0px 0px 2px #63708326;
}

[b-t7qiczoth4].select .mud-input-outlined .mud-input-outlined-border {
    border-radius: 10px !important;
    border-color: var(--mud-palette-border-secondary) !important;
}

[b-t7qiczoth4].select .mud-input.mud-input-adorned-start {
    padding-left: 12px;
    padding-inline-start: 12px;
    padding-inline-end: unset;
}

[b-t7qiczoth4].select .mud-input.mud-input-adorned-end {
    padding-right: 8px;
    padding-inline-end: 8px;
    padding-inline-start: unset;
}

[b-t7qiczoth4].select .mud-input.mud-input-adorned-start .mud-icon-root {
    color: var(--mud-palette-icon-500);
}

[b-t7qiczoth4].select .mud-input.mud-input-adorned-end .mud-icon-root {
    color: var(--mud-palette-icon-700);
}

[b-t7qiczoth4].select .mud-input-control .mud-input-control-helper-container:not(:has(.mud-input-error)) {
    position: absolute;
    bottom: 2px;
    right: 8px;
    padding: 4px !important;
}

[b-t7qiczoth4].select .mud-input-control .mud-input-helper-text {
    color: var(--mud-palette-text-tertiary);
}

[b-t7qiczoth4].select .mud-input-root {
    height: 24px;
    padding-top: 10px !important;
    padding-bottom: 6px !important;
}

    [b-t7qiczoth4].select .mud-input-root .mud-typography {
        line-height: 24px;
    }

    [b-t7qiczoth4].select .mud-input-root.mud-input-root-margin-dense {
        height: 20px;
        padding-top: var(--padding-y) !important;
        padding-bottom: var(--padding-y) !important;
    }

    [b-t7qiczoth4].select .mud-input-root .mud-typography {
        line-height: 120%;
    }
/* /Components/Inputs/TagsFilter.razor.rz.scp.css */
/* /Components/Inputs/TextField.razor.rz.scp.css */
[b-j7b7l7oswh].text-field .mud-input-control:has(.mud-input-outlined) {
    margin: 0;
}

    [b-j7b7l7oswh].text-field .mud-input-control:has(.mud-input-outlined) .mud-input {
        border-radius: 10px;
        border-color: var(--mud-palette-border-secondary)
    }

    [b-j7b7l7oswh].text-field .mud-input-control:has(.mud-input-outlined) .mud-input-control-input-container {
        background-color: var(--mud-palette-background);
        border-radius: 10px !important;
    }

    [b-j7b7l7oswh].text-field .mud-input-control:has(.mud-input-outlined) .mud-input:hover {
        box-shadow: 0px 1px 2px 0px #151C240D;
    }

[b-j7b7l7oswh].text-field .mud-input.mud-input-outlined:focus-within > .mud-input-outlined-border {
    border-color: var(--mud-palette-text-primary) !important;
    box-shadow: 0px 0px 0px 2px #63708326;
}

[b-j7b7l7oswh].text-field .mud-input-outlined .mud-input-outlined-border {
    border-radius: 10px !important;
    border-color: var(--mud-palette-border-secondary) !important;
}

[b-j7b7l7oswh].text-field .mud-input.mud-input-adorned-start {
    padding-left: 12px;
    padding-inline-start: 12px;
    padding-inline-end: unset;
}

[b-j7b7l7oswh].text-field .mud-input.mud-input-adorned-end {
    padding-right: 8px;
    padding-inline-end: 8px;
    padding-inline-start: unset;
}

[b-j7b7l7oswh].text-field .mud-input.mud-input-adorned-start .mud-icon-root {
    color: var(--mud-palette-icon-500);
}

[b-j7b7l7oswh].text-field .mud-input.mud-input-adorned-end .mud-icon-root {
    color: var(--mud-palette-icon-700);
}

[b-j7b7l7oswh].text-field .mud-input-control .mud-input-control-helper-container:not(:has(.mud-input-error)) {
    position: absolute;
    bottom: 2px;
    right: 8px;
    padding: 4px !important;
}

[b-j7b7l7oswh].text-field .mud-input-control .mud-input-helper-text {
    color: var(--mud-palette-text-tertiary);
}

[b-j7b7l7oswh].text-field .mud-input-root {
    padding-top: 8px !important;
    padding-bottom: 8px !important;
    min-height: 24px;
}

[b-j7b7l7oswh].text-field textarea.mud-input-root {
    mask-image: linear-gradient(to bottom, transparent 8px, black 8px);
}

[b-j7b7l7oswh].text-field .mud-input-root.mud-input-root-margin-dense {
    padding-top: 4px !important;
    padding-bottom: 4px !important;
}

[b-j7b7l7oswh].text-field textarea.mud-input-root.mud-input-root-margin-dense {
    mask-image: linear-gradient(to bottom, transparent 4px, black 4px);
}

[b-j7b7l7oswh].text-field .mud-input {
    align-items: end;
}

    [b-j7b7l7oswh].text-field .mud-input .mud-input-adornment {
        margin: 12px 12px 20px 0;
    }

    [b-j7b7l7oswh].text-field .mud-input .mud-button-root {
        padding: 0;
        margin-top: 10px;
        margin-bottom: 10px;
    }

    [b-j7b7l7oswh].text-field .mud-input.mud-input-margin-dense .mud-input-adornment {
        margin: 8px 8px 16px 0;
    }

    [b-j7b7l7oswh].text-field .mud-input.mud-input-margin-dense .mud-button-root {
        padding: 0;
        margin-top: 6px;
        margin-bottom: 6px;
    }


[b-j7b7l7oswh].search-field.text-field .mud-input .mud-button-root {
    z-index: 5;
}
/* /Components/Layout/AppBar.razor.rz.scp.css */
.daily-credits[b-p6ystoqquu] {
    padding: 4px 10px;
    border-radius: 999px;
    border: 1px solid var(--mud-palette-border-secondary);
    display: flex;
    flex-direction: row;
    gap: 4px;
    cursor: pointer
}

.controls[b-p6ystoqquu] {
    display: flex;
    align-items: center;
    gap: 16px;
    margin-left: 16px;
}

[b-p6ystoqquu].controls .mud-button:has(.mud-icon-root) {
    border: 1px solid transparent;
    width: 38px;
    height: 38px;
    border-radius: calc(var(--mud-default-borderradius) * 2);
}

[b-p6ystoqquu].controls .mud-button .mud-icon-root {
    color: var(--mud-palette-action-default);
}

[b-p6ystoqquu].controls .mud-icon-button {
    width: 38px;
    height: 38px;
    border-radius: calc(var(--mud-default-borderradius) * 2);
    border: 1px solid transparent;
}

    [b-p6ystoqquu].controls .mud-icon-button:hover,
    [b-p6ystoqquu].controls .mud-button:hover {
        background-color: var(--mud-palette-background-hover);
        border: 1px solid var(--mud-palette-border-secondary) !important;
    }

[b-p6ystoqquu].controls .mud-icon-root {
    width: 22px;
    height: 22px;
}

@media (max-width: 600px)
{
    .controls[b-p6ystoqquu] {
        gap: 6px;
        margin-left: 6px;
    }

    .daily-credits__wrapper[b-p6ystoqquu] {
        display: none;
    }
}
/* /Components/Layout/ImageEditorAppBar.razor.rz.scp.css */
.daily-credits[b-6szszh0836] {
    padding: 4px 10px;
    border-radius: 999px;
    border: 1px solid var(--mud-palette-border-secondary);
    display: flex;
    flex-direction: row;
    gap: 4px;
    cursor: pointer
}

.controls[b-6szszh0836] {
    display: flex;
    align-items: center;
    gap: 16px;
    margin-left: 16px;
}

[b-6szszh0836].controls .mud-button:has(.mud-icon-root) {
    border: 1px solid transparent;
    width: 38px;
    height: 38px;
    border-radius: calc(var(--mud-default-borderradius) * 2);
}

[b-6szszh0836].controls .mud-button .mud-icon-root {
    color: var(--mud-palette-action-default);
}

[b-6szszh0836].controls .mud-icon-button {
    width: 38px;
    height: 38px;
    border-radius: calc(var(--mud-default-borderradius) * 2);
    border: 1px solid transparent;
}

    [b-6szszh0836].controls .mud-icon-button:hover,
    [b-6szszh0836].controls .mud-button:hover {
        background-color: var(--mud-palette-background-hover);
        border: 1px solid var(--mud-palette-border-secondary) !important;
    }

[b-6szszh0836].controls .mud-icon-root {
    width: 22px;
    height: 22px;
}

@media (max-width: 600px)
{
    .controls[b-6szszh0836] {
        gap: 6px;
        margin-left: 6px;
    }

    .daily-credits__wrapper[b-6szszh0836] {
        display: none;
    }
}
/* /Components/Layout/MainLayout.razor.rz.scp.css */
.page[b-evooylwwjn] {
    position: relative;
    display: flex;
    flex-direction: column;
}

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

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

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

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

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

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

@media (max-width: 640.98px) {
    .top-row[b-evooylwwjn] {
        justify-content: space-between;
    }

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

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

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

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

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

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

#blazor-error-ui[b-evooylwwjn] {
    background: lightyellow;
    bottom: 0;
    box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.2);
    display: none;
    left: 0;
    padding: 0.6rem 1.25rem 0.7rem 1.25rem;
    position: fixed;
    width: 100%;
    z-index: 1000;
}

    #blazor-error-ui .dismiss[b-evooylwwjn] {
        cursor: pointer;
        position: absolute;
        right: 0.75rem;
        top: 0.5rem;
    }
.site-footer[b-evooylwwjn] {
    text-align: center;
    padding: 1rem;
    font-size: 0.8rem;
    color: #666;
}

.site-footer a[b-evooylwwjn] {
    margin: 0 0.5rem;
    color: inherit;
    text-decoration: none;
}

.site-footer a:hover[b-evooylwwjn] {
    text-decoration: underline;
}
/* /Components/Layout/NavMenu.razor.rz.scp.css */
.navigation-menu__wrapper[b-k4zsujhiqw] {
    padding: 10px 12px;
    height: 100%;
    display: flex;
    -ms-flex-direction: column;
    -webkit-flex-direction: column;
    flex-direction: column;
}

.suggestion-button[b-k4zsujhiqw] {
    margin: auto auto 0;
}

[b-k4zsujhiqw].suggestion-button:not(.suggestion-button--mini),
[b-k4zsujhiqw].suggestion-button:not(.suggestion-button--mini) .mud-tooltip-root {
    width: 100%;
}

[b-k4zsujhiqw].suggestion-button--mini .mud-button {
    min-width: 40px;
    width: 40px;
}

[b-k4zsujhiqw].suggestion-button--mini .mud-button-label .mud-button-icon-start {
    margin-left: 0;
    margin-right: 0;
    margin-inline-start: 0;
    margin-inline-end: 0;
}

[b-k4zsujhiqw].suggestion-button .mud-button {
    background-color: var(--mud-palette-background);
    border-radius: calc(var(--mud-default-borderradius) * 2);
    border: 1px solid var(--mud-palette-border-secondary) !important;
    height: 40px;
}

    [b-k4zsujhiqw].suggestion-button .mud-button:hover {
        background-color: var(--mud-palette-button-secondary-hover);
        border: 1px solid var(--mud-palette-border-secondary);
    }

[b-k4zsujhiqw].navigation-menu .mud-nav-link {
    border-radius: calc(var(--mud-default-borderradius) * 2);
    height: 36px;
    color: inherit !important;
    padding: 8px 12px;
    border: 1px solid transparent;
}

[b-k4zsujhiqw].navigation-menu--mini .mud-nav-link {
    width: 36px;
    padding: 8px;
}

[b-k4zsujhiqw].navigation-menu--mini .mud-nav-item {
    justify-content: center;
}

[b-k4zsujhiqw].navigation-menu--mini .mud-nav-group {
    margin: 0 auto;
    width: 36px;
}

[b-k4zsujhiqw].navigation-menu .mud-nav-link.active {
    background-color: var(--mud-palette-background) !important;
    border: 1px solid var(--mud-palette-border-secondary);
}

[b-k4zsujhiqw].navigation-menu .mud-nav-link:hover {
    background-color: var(--mud-palette-background) !important;
}

[b-k4zsujhiqw].navigation-menu .mud-nav-group .mud-collapse-container .mud-nav-link .mud-nav-link-text {
    margin-left: 8px !important;
    margin-inline-start: 8px !important;
    margin-right: auto
}

[b-k4zsujhiqw].navigation-menu .mud-nav-group .mud-nav-link .mud-nav-link-text {
    margin-left: 0;
    margin-inline-start: 0;
    margin-right: auto
}

[b-k4zsujhiqw].navigation-menu .mud-icon-root {
    width: 20px;
    height: 20px;
    color: var(--mud-palette-drawer-text) !important;
}

[b-k4zsujhiqw].navigation-menu .mud-navmenu.mud-navmenu-default .mud-nav-link-expand-icon.mud-transform {
    fill: var(--mud-palette-drawer-text);
}

[b-k4zsujhiqw].navigation-menu .mud-nav-group .mud-collapse-container {
    margin-top: 4px;
}

    [b-k4zsujhiqw].navigation-menu .mud-nav-group .mud-collapse-container .mud-collapse-wrapper-inner {
        display: flex;
    }

[b-k4zsujhiqw].navigation-menu:not(.navigation-menu--mini) .mud-nav-group .mud-collapse-container .mud-collapse-wrapper-inner:before {
    content: "";
    width: 1px;
    margin: 2px 12px 2px 22px;
    background-color: var(--mud-palette-border-secondary);
    border-radius: 6px;
}

[b-k4zsujhiqw].navigation-menu .mud-nav-group * .mud-navmenu {
    width: 100%;
    display: flex;
    -ms-flex-direction: column;
    -webkit-flex-direction: column;
    flex-direction: column;
    gap: 4px;
}

    [b-k4zsujhiqw].navigation-menu .mud-nav-group * .mud-navmenu .mud-nav-item .mud-nav-link {
        padding-left: 12px;
        padding-inline-start: 12px;
        height: 28px;
    }

[b-k4zsujhiqw].navigation-menu--mini .mud-nav-group * .mud-navmenu .mud-nav-item .mud-nav-link {
    padding-left: 3px;
    padding-inline-start: 3px;
    width: 28px;
}
/* /Components/MediaEditor/Components/AudioViewerControls.razor.rz.scp.css */
.viewer-controls__wrapper[b-bg1d353e3r] {
    width: 100%;
    display: flex;
    justify-content: center;
    position: absolute;
    bottom: 40px;
    z-index: 6;
    margin: 0 !important;
}

.viewer-controls[b-bg1d353e3r] {
    display: flex;
    background-color: var(--mud-palette-background);
    border: 1px solid var(--mud-palette-border-secondary);
    padding: 4px;
    border-radius: 10px;
    transition: width .25s ease;
}
/* /Components/MediaEditor/Components/CropControls.razor.rz.scp.css */
.crop-controls__wrapper[b-ycmpn6i5s0] {
    padding: 12px;
    background-color: var(--mud-palette-background);
    border-bottom: 1px solid var(--mud-palette-border-primary);
}

.crop-controls[b-ycmpn6i5s0] {
    display: flex;
    flex-direction: row;
    gap: 6px;
    justify-content: flex-end;
}
/* /Components/MediaEditor/Components/DetectionIcon.razor.rz.scp.css */
[b-tpq18ftvh8].detection-icon .mud-icon-root {
    font-size: 14px;
}

.detection-icon[b-tpq18ftvh8] {
    padding: 5px;
    border-radius: 6px;
    height: 24px;
    width: 24px;
    cursor: pointer;
}

.detection-icon-default[b-tpq18ftvh8] {
    background-color: var(--mud-palette-white);
    outline: 1px solid var(--mud-palette-border-secondary);
}

.detection-icon-primary[b-tpq18ftvh8] {
    background-color: var(--mud-palette-button-brand-background);
}

.detection-icon-info[b-tpq18ftvh8] {
    background-color: var(--mud-palette-info);
}

.detection-icon-warning[b-tpq18ftvh8] {
    background-color: var(--mud-palette-warning);
}

.detection-icon-success[b-tpq18ftvh8] {
    background-color: var(--mud-palette-success);
}

.detection-icon-error[b-tpq18ftvh8] {
    background-color: var(--mud-palette-button-error-primary-background);
}
/* /Components/MediaEditor/Components/DocumentViewerControls.razor.rz.scp.css */
.viewer-controls__wrapper[b-ihfg7yvf1a] {
    width: 100%;
    display: flex;
    justify-content: center;
    position: absolute;
    bottom: 40px;
    z-index: 6;
    margin: 0 !important;
}

.viewer-controls[b-ihfg7yvf1a] {
    display: flex;
    background-color: var(--mud-palette-background);
    border: 1px solid var(--mud-palette-border-secondary);
    padding: 4px;
    border-radius: 10px;
    transition: width .25s ease;
}
/* /Components/MediaEditor/Components/ImageViewerControls.razor.rz.scp.css */
.viewer-controls__wrapper[b-osf82hc5sm] {
    width: 100%;
    display: flex;
    justify-content: center;
    position: absolute;
    bottom: 40px;
    z-index: 5;
    margin: 0 !important;
    transition: all 225ms cubic-bezier(0, 0, 0.2, 1) 0ms;
}

.viewer-controls[b-osf82hc5sm] {
    display: flex;
    flex-direction: row;
    gap: 6px;
}

[b-osf82hc5sm].viewer-controls #zoom-in,
[b-osf82hc5sm].viewer-controls #zoom-out {
    padding-top: 0px;
}

[b-osf82hc5sm].viewer-controls #zoom-out {
    padding-left: 2px;
}

[b-osf82hc5sm].viewer-controls #zoom-in {
    padding-left: 4px;
}

[b-osf82hc5sm].viewer-controls #home {
    padding-top: 6px;
}
/* /Components/MediaEditor/Dialogs/AddMarkupDialog.razor.rz.scp.css */
.color-circle[b-kslhraoirb] {
    width: 24px;
    height: 24px;
    border-radius: 50%;
    background-color: var(--color);
}

.color-circle__wrapper[b-kslhraoirb] {
    width: 32px;
    height: 32px;
    border-radius: 50%;
    border: 2px solid transparent;
    background-color: var(--mud-palette-background);
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
}

    .color-circle__wrapper:has(.selected)[b-kslhraoirb] {
        border-color: var(--color);
    }
/* /Components/MediaEditor/Dialogs/EditorDialogWrapper.razor.rz.scp.css */
[b-8so4uk0npd].mud-dialog:has(.media-editor) .mud-dialog-title {
    display: none;
}

.container[b-8so4uk0npd] {
    position: relative;
    min-height: calc(100vh - var(--mud-appbar-height));
}

[b-8so4uk0npd].container .markup-marker {
    background-color: #1976d2;
    color: var(--mud-palette-text-quaternary);
    width: 32px;
    height: 32px;
    border-radius: 50%;
    font-size: 12px;
    font-weight: bold;
    pointer-events: auto;
    box-shadow: 0px 0px 12px 0px #00000073;
    align-content: center;
    text-align: center;
}

    [b-8so4uk0npd].container .markup-marker.complete {
        background-color: gray;
    }

    [b-8so4uk0npd].container .markup-marker.active,
    [b-8so4uk0npd].container .markup-marker.hover {
        outline: 2px solid yellow;
        cursor: pointer;
    }

[b-8so4uk0npd].container #viewerDiv,
[b-8so4uk0npd].container .openseadragon-container,
[b-8so4uk0npd].container .openseadragon-canvas {
    outline: none;
}

/* AI detection tile overlays -- colored rectangles on the OSD canvas */
[b-8so4uk0npd].container .ai-tile-overlay {
    border: 2px solid rgba(244, 67, 54, 0.8);
    pointer-events: none;
    box-sizing: border-box;
    position: relative;
}

[b-8so4uk0npd].container .ai-tile-label {
    position: absolute;
    top: 2px;
    left: 2px;
    background: rgba(0, 0, 0, 0.7);
    color: white;
    font-size: 11px;
    font-weight: 600;
    padding: 1px 4px;
    border-radius: 3px;
    line-height: 1.2;
    pointer-events: none;
}

[b-8so4uk0npd].media-editor:has(.media-editor__sidebar.mud-drawer--open) .mud-main-content {
    margin-left: 360px;
}

[b-8so4uk0npd].media-editor .media-editor__sidebar {
    z-index: calc(var(--mud-zindex-drawer) - 1);
    --mud-drawer-width: 360px;
}

[b-8so4uk0npd].container {
    --crop-edge-grab: 12px;
    --crop-corner-size: 18px;
}

    [b-8so4uk0npd].container .crop-layer {
        position: absolute;
        inset: 0;
        user-select: none;
        z-index: 5;
        cursor: crosshair;
    }

    [b-8so4uk0npd].container .crop-mask {
        position: absolute;
        inset: 0;
        pointer-events: none;
    }

    [b-8so4uk0npd].container .crop-box {
        position: absolute;
        box-shadow: 0 0 0 2px var(--mud-palette-primary) inset, 0 0 0 0 #fff;
        outline: 9999px solid rgba(166,166,166,0.30);
        border-radius: 2px;
        pointer-events: auto;
        cursor: move;
    }

        [b-8so4uk0npd].container .crop-box .handle {
            position: absolute;
            pointer-events: auto;
            background: transparent;
            border: none;
        }

            [b-8so4uk0npd].container .crop-box .handle.edge {
                z-index: 2;
            }

            [b-8so4uk0npd].container .crop-box .handle.n {
                top: calc(-1 * var(--crop-edge-grab) / 2);
                left: 0;
                width: 100%;
                height: var(--crop-edge-grab);
                cursor: ns-resize;
            }

            [b-8so4uk0npd].container .crop-box .handle.s {
                bottom: calc(-1 * var(--crop-edge-grab) / 2);
                left: 0;
                width: 100%;
                height: var(--crop-edge-grab);
                cursor: ns-resize;
            }

            [b-8so4uk0npd].container .crop-box .handle.e {
                right: calc(-1 * var(--crop-edge-grab) / 2);
                top: 0;
                height: 100%;
                width: var(--crop-edge-grab);
                cursor: ew-resize;
            }

            [b-8so4uk0npd].container .crop-box .handle.w {
                left: calc(-1 * var(--crop-edge-grab) / 2);
                top: 0;
                height: 100%;
                width: var(--crop-edge-grab);
                cursor: ew-resize;
            }

            [b-8so4uk0npd].container .crop-box .handle.corner {
                width: var(--crop-corner-size);
                height: var(--crop-corner-size);
                background: var(--mud-palette-primary);
                border: 2px solid #fff;
                border-radius: 50%;
                z-index: 3;
                opacity: 0.9;
            }

            [b-8so4uk0npd].container .crop-box .handle.nw {
                top: calc(-1 * var(--crop-corner-size) / 2 + 2px);
                left: calc(-1 * var(--crop-corner-size) / 2 + 2px);
                cursor: nwse-resize;
            }

            [b-8so4uk0npd].container .crop-box .handle.ne {
                top: calc(-1 * var(--crop-corner-size) / 2 + 2px);
                right: calc(-1 * var(--crop-corner-size) / 2 + 2px);
                cursor: nesw-resize;
            }

            [b-8so4uk0npd].container .crop-box .handle.se {
                bottom: calc(-1 * var(--crop-corner-size) / 2 + 2px);
                right: calc(-1 * var(--crop-corner-size) / 2 + 2px);
                cursor: nwse-resize;
            }

            [b-8so4uk0npd].container .crop-box .handle.sw {
                bottom: calc(-1 * var(--crop-corner-size) / 2 + 2px);
                left: calc(-1 * var(--crop-corner-size) / 2 + 2px);
                cursor: nesw-resize;
            }

[b-8so4uk0npd] .pan-cursor {
    cursor: grab !important;
}

[b-8so4uk0npd] .pan-grabbing {
    cursor: grabbing !important;
}

[b-8so4uk0npd].container .crop-box .crop-grid {
    position: absolute;
    inset: 0;
    pointer-events: none;
}

[b-8so4uk0npd].container .crop-box .grid-line {
    position: absolute;
    background: rgba(255,255,255,0.9);
    box-shadow: 0 0 0 1px rgba(0,0,0,0.12);
}

    [b-8so4uk0npd].container .crop-box .grid-line.v {
        top: 0;
        bottom: 0;
        width: 1px;
        transform: translateX(-0.5px);
    }

    [b-8so4uk0npd].container .crop-box .grid-line.h {
        left: 0;
        right: 0;
        height: 1px;
        transform: translateY(-0.5px);
    }

    [b-8so4uk0npd].container .crop-box .grid-line.v.v1 {
        left: 33.3333%;
    }

    [b-8so4uk0npd].container .crop-box .grid-line.v.v2 {
        left: 66.6667%;
    }

    [b-8so4uk0npd].container .crop-box .grid-line.h.h1 {
        top: 33.3333%;
    }

    [b-8so4uk0npd].container .crop-box .grid-line.h.h2 {
        top: 66.6667%;
    }

[b-8so4uk0npd].container .crop-clip {
    position: absolute;
    overflow: hidden;
    z-index: 5;
    contain: paint;
}
/* /Components/MediaEditor/Dialogs/ImageEditorDialog.razor.rz.scp.css */
[b-vnfqj5s1ym].mud-dialog:has(.media-editor) .mud-dialog-title {
    display: none;
}

#viewerDiv[b-vnfqj5s1ym] {
    margin: 0 auto;
    width: 100%;
    height: calc(100vh - var(--mud-appbar-height) - var(--crop-controls-height));
    position: relative;
    transition: margin, height 225ms cubic-bezier(0, 0, 0.2, 1) 0ms;
}

.viewer--margin[b-vnfqj5s1ym] {
    width: 100% !important;
}

[b-vnfqj5s1ym].media-editor:has(.media-editor__sidebar.mud-drawer--open) .mud-main-content {
    margin-left: 360px;
}

[b-vnfqj5s1ym].media-editor .media-editor__sidebar {
    z-index: calc(var(--mud-zindex-drawer) - 1);
    --mud-drawer-width: 360px;
}
/* /Components/MediaEditor/Dialogs/MarkupDetailDialog.razor.rz.scp.css */
.color-circle[b-et21yg28yu] {
    width: 24px;
    height: 24px;
    border-radius: 50%;
    background-color: var(--color);
}

.color-circle__wrapper[b-et21yg28yu] {
    width: 32px;
    height: 32px;
    border-radius: 50%;
    border: 2px solid transparent;
    background-color: var(--mud-palette-background);
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
}

    .color-circle__wrapper:has(.selected)[b-et21yg28yu] {
        border-color: var(--color);
    }
/* /Components/MediaEditor/Dialogs/PdfEditorDialog.razor.rz.scp.css */
.pdf-viewer-container[b-jv01gw58xh] {
    max-height: calc(100vh - var(--mud-appbar-height));
    overflow: auto;
    border-radius: 4px;
    position: relative;
    scroll-behavior: auto;
    min-width: 100%;

    --scale-factor: 1;
}

#pdf-viewer[b-jv01gw58xh] {
    width: fit-content;
    min-height: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 20px;
    padding: 20px 0;
    margin: 0 auto;
}

[b-jv01gw58xh].pdf-viewer .page {
    --user-unit: 1;
    --total-scale-factor: calc(var(--scale-factor) * var(--user-unit));
    --scale-round-x: 1px;
    --scale-round-y: 1px;
    direction: ltr;
    position: relative;
    overflow: visible;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    background-color: white;
    outline: none;
    margin: 0 auto;
    border: 1px solid rgba(0, 0, 0, 0.1);
    width: round(down, var(--total-scale-factor) * 595.4px, var(--scale-round-x));
    height: round(down, var(--total-scale-factor) * 841.8px, var(--scale-round-y));
}

[b-jv01gw58xh].pdf-viewer .canvasWrapper {
    overflow: hidden;
    width: 100%;
    height: 100%;
    position: relative;
    outline: none;
}

[b-jv01gw58xh].pdf-viewer .presentation {
}

[b-jv01gw58xh].pdf-viewer .canvasWrapper canvas {
    display: block;
    width: 100%;
    height: 100%;
    outline: none;
}

[b-jv01gw58xh].pdf-viewer .textLayer span.markedContent {
    top: 0;
    height: 0;
}

[b-jv01gw58xh].pdf-viewer .textLayer {
    position: absolute;
    text-align: initial;
    inset: 0;
    overflow: clip;
    opacity: 1;
    line-height: 1;
    outline: none;
    -webkit-text-size-adjust: none;
    -moz-text-size-adjust: none;
    text-size-adjust: none;
    forced-color-adjust: none;
    transform-origin: 0 0;
    caret-color: CanvasText;
    z-index: 0;
}

[b-jv01gw58xh].pdf-viewer .textLayer :is(span, br) {
    color: transparent;
    position: absolute;
    white-space: pre;
    cursor: text;
    transform-origin: 0% 0%;
}

[b-jv01gw58xh].pdf-viewer .textLayer span.markedContent {
    top: 0;
    height: 0;
}

[b-jv01gw58xh].pdf-viewer .textLayer .highlight {
    margin: -1px;
    padding: 1px;
    background-color: rgba(180, 0, 170, 0.25);
    border-radius: 4px;
}

[b-jv01gw58xh].pdf-viewer .textLayer .highlight.appended {
    position: initial;
}

[b-jv01gw58xh].pdf-viewer .textLayer .highlight.begin {
    border-radius: 4px 0 0 4px;
}

[b-jv01gw58xh].pdf-viewer .textLayer .highlight.end {
    border-radius: 0 4px 4px 0;
}

[b-jv01gw58xh].pdf-viewer .textLayer .highlight.middle {
    border-radius: 0;
}

[b-jv01gw58xh].pdf-viewer .textLayer .highlight.selected {
    background-color: rgba(0, 100, 255, 0.25);
}

[b-jv01gw58xh].pdf-viewer .textLayer ::selection {
    background: rgba(0, 100, 255, 0.25);
}

[b-jv01gw58xh].pdf-viewer .textLayer br::selection {
    background: transparent;
}

[b-jv01gw58xh].pdf-viewer .textLayer .endOfContent {
    display: block;
    position: absolute;
    inset: 100% 0 0;
    z-index: -1;
    cursor: default;
    user-select: none;
    -webkit-user-select: none;
}

[b-jv01gw58xh].pdf-viewer .textLayer .endOfContent.active {
    top: 0;
}

[b-jv01gw58xh].pdf-viewer .textLayer.selecting {
    user-select: text;
    -webkit-user-select: text;
}

[b-jv01gw58xh].pdf-viewer .markupLayer {
    position: absolute;
    inset: 0;
    pointer-events: none;
    z-index: 2;
}

[b-jv01gw58xh].pdf-viewer .markupLayer .markup-highlight {
    position: absolute;
    pointer-events: visiblePainted;
    mix-blend-mode: multiply;
    overflow: visible;
    z-index: 1;
}

[b-jv01gw58xh].pdf-viewer .markupLayer .markup-highlight .fill {
    stroke: none;
}

[b-jv01gw58xh].pdf-viewer .markupLayer .markup-highlight .outline {
    stroke: transparent;
    stroke-linejoin: round;
    stroke-linecap: round;
    stroke-width: 2px;
    vector-effect: non-scaling-stroke;
    shape-rendering: geometricPrecision;
    transition: stroke 120ms ease, filter 120ms ease;
}

[b-jv01gw58xh].pdf-viewer .markupLayer .markup-highlight.hover .outline,
[b-jv01gw58xh].pdf-viewer .markupLayer .markup-highlight.active .outline {
    stroke: var(--mud-palette-primary);
}

[b-jv01gw58xh].pdf-viewer-container .markup-marker {
    background-color: #1976d2;
    color: var(--mud-palette-text-quaternary);
    width: 32px;
    height: 32px;
    border-radius: 50%;
    font-size: 12px;
    font-weight: bold;
    pointer-events: auto;
    box-shadow: 0px 0px 12px 0px #00000073;
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    transform: translate(-50%, -50%);
    z-index: 2;
}

    [b-jv01gw58xh].pdf-viewer-container .markup-marker.complete {
        background-color: gray;
    }

    [b-jv01gw58xh].pdf-viewer-container .markup-marker.active,
    [b-jv01gw58xh].pdf-viewer-container .markup-marker.hover {
        outline: 2px solid yellow;
        cursor: pointer;
    }

[b-jv01gw58xh].pdf-viewer-container {
    --crop-edge-grab: 12px;
    --crop-corner-size: 18px;
}

    [b-jv01gw58xh].pdf-viewer-container:has(.crop-layer) .textLayer {
        display: none;
    }

    [b-jv01gw58xh].pdf-viewer-container .crop-layer {
        position: absolute;
        inset: 0;
        user-select: none;
        z-index: 6;
        pointer-events: none;
        cursor: crosshair;
        overflow: hidden;
    }

[b-jv01gw58xh].pdf-viewer-container .crop-box {
    position: absolute;
    box-shadow: 0 0 0 2px var(--mud-palette-primary) inset, 0 0 0 0 #fff;
    outline: 9999px solid rgba(166,166,166,0.30);
    border-radius: 2px;
    pointer-events: auto;
    cursor: move;
}

[b-jv01gw58xh].pdf-viewer-container .crop-box .handle {
    position: absolute;
    pointer-events: auto;
    background: transparent;
    border: none;
}

[b-jv01gw58xh].pdf-viewer-container .crop-box .handle.edge {
    z-index: 2;
}

[b-jv01gw58xh].pdf-viewer-container .crop-box .handle.n {
    top: calc(-1 * var(--crop-edge-grab) / 2);
    left: 0;
    width: 100%;
    height: var(--crop-edge-grab);
    cursor: ns-resize;
}

[b-jv01gw58xh].pdf-viewer-container .crop-box .handle.s {
    bottom: calc(-1 * var(--crop-edge-grab) / 2);
    left: 0;
    width: 100%;
    height: var(--crop-edge-grab);
    cursor: ns-resize;
}

[b-jv01gw58xh].pdf-viewer-container .crop-box .handle.e {
    right: calc(-1 * var(--crop-edge-grab) / 2);
    top: 0;
    height: 100%;
    width: var(--crop-edge-grab);
    cursor: ew-resize;
}

[b-jv01gw58xh].pdf-viewer-container .crop-box .handle.w {
    left: calc(-1 * var(--crop-edge-grab) / 2);
    top: 0;
    height: 100%;
    width: var(--crop-edge-grab);
    cursor: ew-resize;
}

[b-jv01gw58xh].pdf-viewer-container .crop-box .handle.corner {
    width: var(--crop-corner-size);
    height: var(--crop-corner-size);
    background: var(--mud-palette-primary);
    border: 2px solid #fff;
    border-radius: 50%;
    z-index: 3;
    opacity: 0.9;
}

[b-jv01gw58xh].pdf-viewer-container .crop-box .handle.nw {
    top: calc(-1 * var(--crop-corner-size) / 2 + 2px);
    left: calc(-1 * var(--crop-corner-size) / 2 + 2px);
    cursor: nwse-resize;
}

[b-jv01gw58xh].pdf-viewer-container .crop-box .handle.ne {
    top: calc(-1 * var(--crop-corner-size) / 2 + 2px);
    right: calc(-1 * var(--crop-corner-size) / 2 + 2px);
    cursor: nesw-resize;
}

[b-jv01gw58xh].pdf-viewer-container .crop-box .handle.se {
    bottom: calc(-1 * var(--crop-corner-size) / 2 + 2px);
    right: calc(-1 * var(--crop-corner-size) / 2 + 2px);
    cursor: nwse-resize;
}

[b-jv01gw58xh].pdf-viewer-container .crop-box .handle.sw {
    bottom: calc(-1 * var(--crop-corner-size) / 2 + 2px);
    left: calc(-1 * var(--crop-corner-size) / 2 + 2px);
    cursor: nesw-resize;
}
/* /Components/MediaEditor/Sections/EditorActivitySection.razor.rz.scp.css */
.activity-timeline[b-rj750aj854] {
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.activity-timeline__list[b-rj750aj854] {
    display: flex;
    flex-direction: column;
    gap: 4px;
    overflow-y: auto;
    max-height: calc(100vh - var(--mud-appbar-height) - 80px);
}

.activity-timeline__entry[b-rj750aj854] {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    gap: 10px;
    padding: 8px 10px;
    border-radius: 6px;
    border: 1px solid var(--mud-palette-border-secondary);
    background-color: var(--mud-palette-background);
}

    .activity-timeline__entry:hover[b-rj750aj854] {
        background-color: var(--mud-palette-background-secondary-hover);
    }

.activity-timeline__icon[b-rj750aj854] {
    flex-shrink: 0;
    margin-top: 2px;
    color: var(--mud-palette-text-secondary);
}

.activity-timeline__content[b-rj750aj854] {
    display: flex;
    flex-direction: column;
    gap: 2px;
    min-width: 0;
}

.activity-timeline__header[b-rj750aj854] {
    display: flex;
    flex-direction: row;
    align-items: baseline;
    justify-content: space-between;
    gap: 8px;
}
/* /Components/MediaEditor/Sections/EditorAiDetectionSection.razor.rz.scp.css */
[b-of2vejyztt] .ai-scan-label {
    width: 110px;
    font-weight: 500;
    font-size: 0.75rem;
    color: var(--mud-palette-text-secondary);
    white-space: nowrap;
}

[b-of2vejyztt] .ai-scan-mono {
    font-family: monospace;
    font-size: 0.7rem;
    word-break: break-all;
}

[b-of2vejyztt] .mud-expand-panel {
    margin-bottom: 0 !important;
}

[b-of2vejyztt] .mud-expand-panel .mud-expand-panel-header {
    padding: 8px 12px;
    min-height: unset;
}

[b-of2vejyztt] .mud-expand-panel .mud-expand-panel-content {
    padding: 4px 12px 12px;
}

[b-of2vejyztt] .mud-table-dense .mud-table-cell {
    padding: 4px 8px;
    font-size: 0.8rem;
}

/* Tile hover row -- highlights on hover to indicate interactivity */
.ai-tile-row[b-of2vejyztt] {
    padding: 2px 4px;
    margin: 1px -4px;
    border-radius: 4px;
    cursor: pointer;
    transition: background-color 0.15s ease;
}

.ai-tile-row:hover[b-of2vejyztt] {
    background-color: var(--mud-palette-action-default-hover);
}
/* /Components/MediaEditor/Sections/EditorCommentsSection.razor.rz.scp.css */
.comments[b-5nd9ygqjid] {
    position: relative
}

.comments__content[b-5nd9ygqjid] {
    overflow-y: auto;
    height: calc(100vh - var(--mud-appbar-height) - 24px - 194px - 18px);
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.comments__footer[b-5nd9ygqjid] {
    position: sticky;
    bottom: 0;
    padding-bottom: 12px;
    width: 100%;
    height: 194px;
    display: flex;
    flex-direction: column;
    gap: 6px;
    background-color: var(--mud-palette-background);
}
/* /Components/MediaEditor/Sections/EditorCropSection.razor.rz.scp.css */
.sizes-grid[b-a09wic4g8v] {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 12px;
}
/* /Components/MediaEditor/Sections/EditorMarkupSection.razor.rz.scp.css */
.markups__list[b-zdy7vyxk4b] {
    margin-top: 6px;
    display: flex;
    flex-direction: column;
    gap: 10px;
    overflow-y: auto;
    height: calc(100vh - var(--mud-appbar-height) - 80px);
}

.markups__item[b-zdy7vyxk4b] {
    background-color: var(--mud-palette-background);
    border: 1px solid var(--mud-palette-border-secondary);
    border-radius: 6px;
    padding: 12px;
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 4px;
}

    .markups__item:hover[b-zdy7vyxk4b],
    .markups__item--hover[b-zdy7vyxk4b] {
        background-color: var(--mud-palette-background-secondary-hover);
        cursor: pointer;
    }

.markups__item-indicator[b-zdy7vyxk4b] {
    min-width: 24px;
    min-height: 24px;
    width: 24px;
    height: 24px;
    border-radius: 50%;
    font-size: 12px;
    font-weight: 500;
    color: var(--mud-palette-text-quaternary);
    align-content: center;
    text-align: center;
}
/* /Components/MediaEditor/Sections/EditorRatingsSection.razor.rz.scp.css */
.ratings__list[b-bhnpskwy5h] {
    --paddings: 24px;
    --header-height: 24px;
    --button-height: 36px;
    display: flex;
    flex-direction: column;
    gap: 10px;
    max-height: calc(100vh - var(--mud-appbar-height) - var(--paddings) - var(--header-height) - var(--button-height) - 12px);
    overflow: auto;
    margin-bottom: 6px;
}

.ratings__item[b-bhnpskwy5h] {
    background-color: var(--mud-palette-background);
    border: 1px solid var(--mud-palette-border-secondary);
    border-radius: 6px;
    padding: 12px;
    display: flex;
    flex-direction: column;
    gap: 4px;
}
/* /Components/Pages/app/ActivityPage.razor.rz.scp.css */
.activity-page__item[b-enq3e1wxyz] {
    display: flex;
    align-items: center;
    gap: 14px;
    padding: 12px 8px;
    border-bottom: 1px solid var(--mud-palette-lines-default);
    transition: background-color 0.15s ease;
}

.activity-page__item:last-child[b-enq3e1wxyz] {
    border-bottom: none;
}

.activity-page__item--clickable[b-enq3e1wxyz] {
    cursor: pointer;
}

.activity-page__item:hover[b-enq3e1wxyz] {
    background: var(--mud-palette-background-grey);
}

.activity-page__avatar[b-enq3e1wxyz] {
    flex-shrink: 0;
}

.activity-page__content[b-enq3e1wxyz] {
    display: flex;
    flex-direction: column;
    gap: 2px;
    min-width: 0;
    flex: 1;
}
/* /Components/Pages/app/AdminDashboard.razor.rz.scp.css */
.usage-grid[b-kq650bwk4b] {
    display: flex;
    gap: 10px;
}

.plan-section[b-kq650bwk4b] {
    min-width: 259px;
    width: 259px;
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.general-usage[b-kq650bwk4b] {
    width: 100%;
}

.monthly-usage[b-kq650bwk4b] {
    width: 543px;
}

@media (max-width: 1350px) {
    .usage-grid[b-kq650bwk4b] {
        flex-wrap: wrap;
    }

    .general-usage[b-kq650bwk4b] {
        width: calc(100% - 259px - 10px);
    }

    .monthly-usage[b-kq650bwk4b] {
        width: 100%;
    }
}

@media (max-width: 660px) {
    .plan-section[b-kq650bwk4b] {
        width: 100%;
    }

    .general-usage[b-kq650bwk4b] {
        width: 100%;
    }
}
/* /Components/Pages/app/Chat.razor.rz.scp.css */
.chat-shell[b-070f94iy4f] {
    display: grid;
    grid-template-columns: 280px 1fr;
    height: calc(100vh - 64px);
    overflow: hidden;
}

.chat-shell--hide-sidebar[b-070f94iy4f] {
    grid-template-columns: 0 1fr;
}

.chat-shell__sidebar[b-070f94iy4f] {
    border-right: 1px solid var(--mud-palette-border-secondary);
    overflow-y: auto;
    background-color: var(--mud-palette-surface);
}

.chat-shell__main[b-070f94iy4f] {
    display: flex;
    flex-direction: column;
    overflow: hidden;
}

.chat-shell__messages-area[b-070f94iy4f] {
    display: flex;
    flex-direction: column;
    flex: 1;
    overflow: hidden;
}

.chat-shell__search-bar[b-070f94iy4f] {
    padding: 8px 16px;
    border-bottom: 1px solid var(--mud-palette-border-secondary);
}

.chat-shell__empty[b-070f94iy4f] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    flex: 1;
}

.chat-shell__disabled[b-070f94iy4f] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    height: calc(100vh - 64px);
}

@media (max-width: 960px) {
    .chat-shell[b-070f94iy4f] {
        grid-template-columns: 1fr;
    }

    .chat-shell__sidebar[b-070f94iy4f] {
        display: none;
    }
}
/* /Components/Pages/app/CollaborationDashboard.razor.rz.scp.css */
.collab-dashboard__loading[b-dqdrrf91xw] {
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: 400px;
}

.collab-dashboard__disabled[b-dqdrrf91xw] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    min-height: 400px;
    text-align: center;
    padding: 32px;
}

.collab-dashboard[b-dqdrrf91xw] {
    padding: 16px 24px;
}

.collab-dashboard__header[b-dqdrrf91xw] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 24px;
}

.collab-dashboard__grid--two-col[b-dqdrrf91xw] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 24px;
}

.collab-dashboard__grid--single-col[b-dqdrrf91xw] {
    display: grid;
    grid-template-columns: 1fr;
    gap: 24px;
}

.collab-dashboard__col[b-dqdrrf91xw] {
    display: flex;
    flex-direction: column;
    gap: 24px;
}

@media (max-width: 960px) {
    .collab-dashboard__grid--two-col[b-dqdrrf91xw] {
        grid-template-columns: 1fr;
    }
}
/* /Components/Pages/app/Dashboard.razor.rz.scp.css */
.usage-grid[b-ctzqg7loh0] {
    display: flex;
    gap: 10px;
}

.plan-section[b-ctzqg7loh0] {
    min-width: 259px;
    width: 259px;
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.general-usage[b-ctzqg7loh0] {
    width: 100%;
}

.monthly-usage[b-ctzqg7loh0] {
    width: 543px;
}

@media (max-width: 1350px) {
    .usage-grid[b-ctzqg7loh0] {
        flex-wrap: wrap;
    }

    .general-usage[b-ctzqg7loh0] {
        width: calc(100% - 259px - 10px);
    }

    .monthly-usage[b-ctzqg7loh0] {
        width: 100%;
    }

    .usage-grid > *:nth-child(3)[b-ctzqg7loh0] {
    }
}

@media (max-width: 660px) {
    .plan-section[b-ctzqg7loh0] {
        width: 100%;
    }

    .general-usage[b-ctzqg7loh0] {
        width: 100%
    }
}
/* /Components/Pages/app/LibraryPage.razor.rz.scp.css */
.upload-zone[b-o9bo4x1zg1] {
    margin: 40px 185px;
}

@media (max-width: 1250px) {
    .upload-zone[b-o9bo4x1zg1] {
        margin: 40px 90px;
    }
}

@media (max-width: 750px) {
    .upload-zone[b-o9bo4x1zg1] {
        margin: 20px;
    }
}

.header[b-o9bo4x1zg1] {
    margin-bottom: 10px
}

.container[b-o9bo4x1zg1] {
    border-radius: 12px;
    padding: 12px;
    background-color: var(--mud-palette-background);
    border: 1px solid var(--mud-palette-border-secondary);
    position: relative
}

.filtering-overlay[b-o9bo4x1zg1] {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 2;
    display: flex;
    -ms-flex-direction: column;
    -webkit-flex-direction: column;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    border-radius: 12px;
    backdrop-filter: blur(4px);
}
/* /Components/Pages/app/Suggestions.razor.rz.scp.css */
/* ── Page layout ── */

.suggestions-page[b-dfj5n1nsqp] {
    max-width: 580px;
    margin: 0 auto;
    padding: 48px 16px 64px;
}

/* ── Header ── */

.suggestions-page__header[b-dfj5n1nsqp] {
    text-align: center;
    margin-bottom: 40px;
}

.suggestions-page__title[b-dfj5n1nsqp] {
    font-size: 2.5rem;
    font-weight: 700;
    letter-spacing: -0.02em;
    margin: 0 0 12px;
    background: linear-gradient(180deg, #ffffff 30%, rgba(255,255,255,0.5) 100%);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
}

.suggestions-page__subtitle[b-dfj5n1nsqp] {
    font-size: 0.95rem;
    line-height: 1.6;
    color: rgba(255, 255, 255, 0.45);
    margin: 0;
    max-width: 420px;
    margin-left: auto;
    margin-right: auto;
}

/* ── Card ── */

.suggestions-page__card[b-dfj5n1nsqp] {
    padding: 32px;
    border-radius: 20px;
    background: rgba(255, 255, 255, 0.03);
    border: 1px solid rgba(255, 255, 255, 0.07);
}

/* ── Field layout ── */

.suggestions-page__row[b-dfj5n1nsqp] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 20px;
}

.suggestions-page__field[b-dfj5n1nsqp] {
    margin-bottom: 24px;
}

.suggestions-page__label[b-dfj5n1nsqp] {
    display: block;
    font-size: 11px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.1em;
    color: rgba(255, 255, 255, 0.4);
    margin-bottom: 8px;
    user-select: none;
}

/* Style the MudBlazor filled inputs to have dark backgrounds */
[b-dfj5n1nsqp] .suggestions-page__input .mud-input-filled {
    background: rgba(255, 255, 255, 0.04) !important;
    border-radius: 12px !important;
    border: 1px solid rgba(255, 255, 255, 0.06);
    transition: border-color 0.15s ease;
}

[b-dfj5n1nsqp] .suggestions-page__input .mud-input-filled:hover {
    background: rgba(255, 255, 255, 0.06) !important;
    border-color: rgba(255, 255, 255, 0.1);
}

[b-dfj5n1nsqp] .suggestions-page__input .mud-input-filled.mud-input-filled-focused {
    border-color: var(--mud-palette-primary);
}

/* Hide MudBlazor's built-in label since we use our own */
[b-dfj5n1nsqp] .suggestions-page__input .mud-input-label {
    display: none;
}

/* Reduce top padding -- MudBlazor reserves space for the floating label we hid */
[b-dfj5n1nsqp] .suggestions-page__input .mud-input-filled .mud-input-slot {
    padding-top: 10px;
}

/* MudBlazor sets margin-top: 27px on filled textareas to make room for the floating
   label. Since we use our own external labels and hide MudBlazor's, reclaim that space. */
[b-dfj5n1nsqp] .suggestions-page__input .mud-input > textarea.mud-input-root-filled {
    margin-top: 0 !important;
    padding-top: 12px;
}

/* Remove the blue focus underline that MudBlazor renders on filled inputs */
[b-dfj5n1nsqp] .suggestions-page__input .mud-input-underline::before,
[b-dfj5n1nsqp] .suggestions-page__input .mud-input-underline::after {
    display: none !important;
}

/* ── Submit button ── */

[b-dfj5n1nsqp] .suggestions-page__submit {
    margin-top: 8px;
    border-radius: 14px !important;
    padding: 14px 24px !important;
    font-size: 0.95rem !important;
    font-weight: 600 !important;
    letter-spacing: 0.01em;
    text-transform: none !important;
    background: linear-gradient(135deg, #5b7ff5 0%, #8b5cf6 100%) !important;
    box-shadow: 0 4px 20px rgba(91, 127, 245, 0.25) !important;
    transition: box-shadow 0.2s ease, transform 0.1s ease !important;
}

[b-dfj5n1nsqp] .suggestions-page__submit:hover {
    box-shadow: 0 6px 28px rgba(91, 127, 245, 0.35) !important;
}

[b-dfj5n1nsqp] .suggestions-page__submit:active {
    transform: scale(0.98);
}

/* ── Success state ── */

.suggestions-page__success[b-dfj5n1nsqp] {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    padding: 40px 24px;
}

.suggestions-page__success-icon[b-dfj5n1nsqp] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 64px;
    height: 64px;
    border-radius: 50%;
    background: rgba(76, 175, 80, 0.12);
}

/* ── Responsive ── */

@media (max-width: 600px) {
    .suggestions-page__row[b-dfj5n1nsqp] {
        grid-template-columns: 1fr;
    }

    .suggestions-page__title[b-dfj5n1nsqp] {
        font-size: 2rem;
    }

    .suggestions-page__card[b-dfj5n1nsqp] {
        padding: 24px;
        border-radius: 16px;
    }
}
/* /Components/Pages/Tools/AiAnalysis.razor.rz.scp.css */
/* =========================================================================
   AI/Deepfake Analysis Free Tool -- component-scoped overrides only.
   All shared aitool-* styles live in /css/free-tools.css (loaded by
   FreeToolLayout) and are NOT scoped by Blazor CSS isolation.
   ========================================================================= */

/* No component-specific overrides currently needed.
   All styling comes from the shared free-tools.css. */
/* /Components/Pages/Tools/AudioTranscriptionTool.razor.rz.scp.css */
/* ================================================================
   Audio Transcription Free Tool -- component-scoped styles.
   All aitool-* base classes come from the shared free-tool stylesheet.
   These are audio-specific additions only.
   ================================================================ */

/* -- Waveform player panel -- */

.audtool-player[b-4psargx7vm] {
    padding: 1rem 1.25rem 0.5rem;
    margin-bottom: 1rem;
}

.audtool-waveform[b-4psargx7vm] {
    width: 100%;
    min-height: 180px;
    border-radius: 8px;
    overflow: hidden;
}

/* -- Transcript split: transcript left, downloads right -- */

.audtool-transcript-split[b-4psargx7vm] {
    min-height: 350px;
}

.audtool-transcript-panel[b-4psargx7vm] {
    background: rgba(15, 23, 42, 0.5);
    border: 1px solid rgba(148, 163, 184, 0.08);
    border-radius: 14px;
    overflow: hidden;
    max-height: 500px;
    display: flex;
    flex-direction: column;
}

/* -- Download buttons -- */

.audtool-downloads[b-4psargx7vm] {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
}

.audtool-download-list[b-4psargx7vm] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    margin-top: 0.5rem;
}

.audtool-dl-btn[b-4psargx7vm] {
    display: flex !important;
    align-items: center;
    gap: 0.5rem;
    width: 100%;
    justify-content: flex-start;
    font-size: 0.85rem;
}

/* -- Override viewer-controls positioning for free tool context.
   The editor dialog uses position:absolute + bottom:40px which only
   works when the parent is a full-height flex container.  Here the
   player panel flows naturally, so we switch to static positioning. -- */

[b-4psargx7vm] .viewer-controls__wrapper {
    position: static !important;
    bottom: auto !important;
    background: rgba(15, 23, 42, 0.6);
    border: 1px solid rgba(148, 163, 184, 0.08);
    border-radius: 10px;
    margin-top: 0.5rem;
    padding: 0.5rem 0.75rem;
}

[b-4psargx7vm] .viewer-controls {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    flex-wrap: wrap;
}

/* -- Live caption text: make inactive words visible on dark bg -- */

.audtool-player[b-4psargx7vm]  div[style*="text-align:center"] span {
    color: #94a3b8;
}

.audtool-player[b-4psargx7vm]  div[style*="text-align:center"] span[style*="font-weight:700"] {
    color: #e2e8f0;
}

.audtool-player[b-4psargx7vm]  div[style*="text-align:center"] span[style*="font-weight:600"] {
    color: #a5b4fc;
}

/* -- Transcript viewer: hide search bar on free tool -- */

[b-4psargx7vm] .mud-input-control:has(input[placeholder="Search transcript..."]) {
    display: none !important;
}

/* -- Transcript viewer text colors for dark theme -- */

[b-4psargx7vm] .transcript-viewer .mud-input-control {
    margin-bottom: 0;
}

[b-4psargx7vm] .mud-typography {
    color: #cbd5e1;
}

/* -- Responsive -- */

@media (max-width: 900px) {
    .audtool-transcript-split[b-4psargx7vm] {
        min-height: auto;
    }

    .audtool-transcript-panel[b-4psargx7vm] {
        max-height: 400px;
    }

    .audtool-waveform[b-4psargx7vm] {
        min-height: 120px;
    }

    /* On mobile, keep only play/time and seek slider.
       Hide everything after the seek slider (dividers, volume,
       speed, zoom, spectrogram) -- children 3+ of .viewer-controls. */
    [b-4psargx7vm] .viewer-controls > :nth-child(n+3) {
        display: none !important;
    }

    /* Let the seek slider fill available width */
    [b-4psargx7vm] .viewer-controls > :nth-child(2) {
        flex: 1 1 auto;
        min-width: 80px !important;
    }

    /* Tighten padding */
    [b-4psargx7vm] .viewer-controls__wrapper {
        padding: 0.4rem 0.5rem;
    }
}
/* /Components/Pages/Tools/BlindAssistTool.razor.rz.scp.css */
/* ================================================================
   Blind Assist Free Tool -- component-scoped styles.
   Accessibility-first: large text, HIGH contrast, clear focus states.
   All aitool-* base classes come from the shared free-tool stylesheet.
   ================================================================ */

/* -- Result container -- */

.ba-result[b-no3d6ir37c] {
    display: flex;
    flex-direction: column;
    gap: 1.25rem;
    max-width: 700px;
    margin: 0 auto;
}

/* -- Audio player -- */

.ba-audio[b-no3d6ir37c] {
    background: rgba(30, 41, 59, 0.7);
    border: 1px solid rgba(148, 163, 184, 0.12);
    border-radius: 14px;
    padding: 1.25rem;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0.75rem;
}

.ba-audio--loading[b-no3d6ir37c] {
    padding: 1rem 1.25rem;
}

.ba-audio__player[b-no3d6ir37c] {
    width: 100%;
    border-radius: 8px;
    outline-offset: 3px;
    filter: invert(1) hue-rotate(180deg);
    background: transparent;
}

.ba-audio__player:focus-visible[b-no3d6ir37c] {
    outline: 2px solid #818cf8;
}

.ba-audio__status[b-no3d6ir37c] {
    color: #94a3b8;
    font-size: 0.9rem;
    margin-top: 0.25rem;
}

/* Play button -- large, accessible, shown when autoplay fails */

.ba-play-btn[b-no3d6ir37c] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.75rem;
    width: 100%;
    max-width: 320px;
    padding: 1rem 1.5rem;
    background: #6366f1;
    color: #fff;
    border: none;
    border-radius: 12px;
    font-size: 1.15rem;
    font-weight: 600;
    cursor: pointer;
    font-family: inherit;
    transition: background 0.15s;
    /* Large touch target for accessibility */
    min-height: 56px;
}

.ba-play-btn:hover[b-no3d6ir37c],
.ba-play-btn:focus-visible[b-no3d6ir37c] {
    background: #4f46e5;
}

.ba-play-btn:focus-visible[b-no3d6ir37c] {
    outline: 3px solid #a5b4fc;
    outline-offset: 3px;
}

.ba-play-btn svg[b-no3d6ir37c] {
    width: 28px;
    height: 28px;
    flex-shrink: 0;
}

/* -- Description text -- MAXIMUM contrast for visually impaired users -- */

.ba-description[b-no3d6ir37c] {
    background: rgba(30, 41, 59, 0.7);
    border: 1px solid rgba(148, 163, 184, 0.12);
    border-radius: 14px;
    padding: 1.5rem 1.75rem;
}

.ba-description__text[b-no3d6ir37c] {
    color: #ffffff !important;
    font-size: 1.2rem;
    line-height: 1.85;
    margin: 0;
    white-space: pre-wrap;
    letter-spacing: 0.01em;
}

/* -- Focus states for accessibility -- */

.aitool-btn:focus-visible[b-no3d6ir37c],
.aitool-upload__zone:focus-visible[b-no3d6ir37c] {
    outline: 3px solid #818cf8;
    outline-offset: 3px;
}

/* -- Responsive -- */

@media (max-width: 600px) {
    .ba-description[b-no3d6ir37c] {
        padding: 1.25rem;
    }

    .ba-description__text[b-no3d6ir37c] {
        font-size: 1.1rem;
        line-height: 1.75;
    }

    .ba-play-btn[b-no3d6ir37c] {
        max-width: 100%;
        font-size: 1.1rem;
    }
}
/* /Components/Pages/Tools/ImageCaptionTool.razor.rz.scp.css */
/* ================================================================
   Image Captioning Free Tool -- component-scoped styles.
   All aitool-* base classes come from the shared free-tool stylesheet.
   These are caption-specific additions only.
   ================================================================ */

/* -- Caption result sections -- */

.captool-section[b-jozjixjubl] {
    padding: 1rem 1.25rem;
}

.captool-text[b-jozjixjubl] {
    color: #e2e8f0;
    font-size: 1rem;
    line-height: 1.65;
    margin: 0;
    white-space: pre-wrap;
}

.captool-text--desc[b-jozjixjubl] {
    font-size: 0.925rem;
    color: #cbd5e1;
}

/* -- Copy button -- */

.captool-copy[b-jozjixjubl] {
    margin-left: auto;
    background: none;
    border: 1px solid rgba(148, 163, 184, 0.12);
    color: #64748b;
    padding: 0.2rem 0.4rem;
    border-radius: 6px;
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    transition: color 0.12s, border-color 0.12s, background 0.12s;
}

.captool-copy:hover[b-jozjixjubl] {
    color: #a5b4fc;
    border-color: rgba(99, 102, 241, 0.3);
    background: rgba(99, 102, 241, 0.08);
}

/* -- Tag chips -- */

.captool-tags[b-jozjixjubl] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.4rem;
}

.captool-tag[b-jozjixjubl] {
    display: inline-block;
    background: rgba(99, 102, 241, 0.1);
    border: 1px solid rgba(99, 102, 241, 0.2);
    color: #a5b4fc;
    font-size: 0.8rem;
    font-weight: 500;
    padding: 0.2rem 0.65rem;
    border-radius: 20px;
    line-height: 1.4;
    transition: background 0.12s;
}

.captool-tag:hover[b-jozjixjubl] {
    background: rgba(99, 102, 241, 0.18);
}

/* -- Export section -- */

.captool-export__fields[b-jozjixjubl] {
    display: flex;
    gap: 1rem;
    flex-wrap: wrap;
    margin-bottom: 0.75rem;
}

[b-jozjixjubl] .captool-export__fields .mud-input-control-input-container label,
[b-jozjixjubl] .captool-export__fields .mud-typography {
    color: #cbd5e1 !important;
}

.captool-export__buttons[b-jozjixjubl] {
    display: flex;
    gap: 0.75rem;
    flex-wrap: wrap;
}

.captool-export__buttons .aitool-btn[b-jozjixjubl] {
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
    font-size: 0.85rem;
}

/* -- Responsive -- */

@media (max-width: 900px) {
    .captool-export__fields[b-jozjixjubl] {
        gap: 0.5rem;
    }

    .captool-export__buttons[b-jozjixjubl] {
        flex-direction: column;
    }

    .captool-export__buttons .aitool-btn[b-jozjixjubl] {
        width: 100%;
        justify-content: center;
    }
}
/* /Components/Pages/ViewSharedLibrary.razor.rz.scp.css */
.header[b-kzheafuqz4] {
    margin-bottom: 10px
}

.container[b-kzheafuqz4] {
    border-radius: 12px;
    padding: 12px;
    background-color: var(--mud-palette-background);
    border: 1px solid var(--mud-palette-border-secondary);
    position: relative;
    overflow: auto
}
/* /Components/Sections/ImageUploadingSection.razor.rz.scp.css */
.uploading-grid[b-9ipyapmpvz] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
    gap: 10px;
    padding: 12px;
    width: 100%;
    height: 350px;
    border-radius: 12px;
    background-color: var(--mud-palette-background);
    position: relative;
    z-index: 30;
    overflow-y: auto;
}

    .uploading-grid.has-border[b-9ipyapmpvz] {
        border: dashed 2px var(--mud-palette-lines-default);
    }

.file-uploading.hide[b-9ipyapmpvz] {
    visibility: hidden;
}
/* /Components/Sections/Library/PredefinedSizes/PredefinedSize.razor.rz.scp.css */
.predefined-size__wrapper[b-vh49882ivq] {
    padding: 4px;
    background-color: var(--mud-palette-background-secondary);
    border: 1px solid var(--mud-palette-border-secondary);
    border-radius: 10px;
    margin-bottom: 4px;
}

.columns-grid[b-vh49882ivq] {
    display: grid;
    grid-template-columns: 2.5fr 1fr 1fr 0.4fr;
    gap: 6px;
}
/* /Components/Sections/Library/PredefinedSizes/PredefinedSizesSection.razor.rz.scp.css */
.columns-grid[b-3je2en4p6u] {
    display: grid;
    grid-template-columns: 2.5fr 1fr 1fr 0.4fr;
    gap: 6px;
}
/* /Components/Sections/OrgUsersSection.razor.rz.scp.css */
[b-og3iz75v1w].table .mud-table {
    background-color: transparent;
}

[b-og3iz75v1w].table .mud-table-head .mud-table-row {
    background-color: var(--mud-palette-background-secondary);
}

    [b-og3iz75v1w].table .mud-table-head .mud-table-row .mud-table-cell:first-child {
        border-radius: 8px 0 0 8px;
    }

    [b-og3iz75v1w].table .mud-table-head .mud-table-row .mud-table-cell:last-child {
        border-radius: 0 8px 8px 0;
    }

[b-og3iz75v1w].table .mud-table-cell {
    border-bottom: 1px solid var(--mud-palette-border-secondary);
    padding: 10px 20px;
}

[b-og3iz75v1w].table .mud-table-head .mud-table-cell {
    border-bottom: 0;
}
/* /Components/Shared/ActivityFeedWidget.razor.rz.scp.css */
.activity-feed-widget[b-3llcdw8ll7] {
    background: var(--mud-palette-surface);
    border-radius: 8px;
    border: 1px solid var(--mud-palette-lines-default);
    padding: 16px;
}

.activity-feed-widget__header[b-3llcdw8ll7] {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 16px;
}

.activity-feed-widget__loading[b-3llcdw8ll7] {
    display: flex;
    justify-content: center;
    padding: 24px 0;
}

.activity-feed-widget__empty[b-3llcdw8ll7] {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 32px 0;
}

.activity-feed-widget__list[b-3llcdw8ll7] {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.activity-feed-widget__item[b-3llcdw8ll7] {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 8px;
    border-radius: 6px;
    transition: background-color 0.15s ease;
}

.activity-feed-widget__item--clickable[b-3llcdw8ll7] {
    cursor: pointer;
}

.activity-feed-widget__item:hover[b-3llcdw8ll7] {
    background: var(--mud-palette-background-grey);
}

.activity-feed-widget__avatar[b-3llcdw8ll7] {
    flex-shrink: 0;
}

.activity-feed-widget__content[b-3llcdw8ll7] {
    display: flex;
    flex-direction: column;
    gap: 2px;
    min-width: 0;
    flex: 1;
}

.activity-feed-widget__row[b-3llcdw8ll7] {
    display: flex;
    align-items: center;
    gap: 6px;
}

.activity-feed-widget__thumb[b-3llcdw8ll7] {
    flex-shrink: 0;
}

.activity-feed-widget__action[b-3llcdw8ll7] {
    opacity: 0.7;
}

.activity-feed-widget__footer[b-3llcdw8ll7] {
    display: flex;
    justify-content: center;
    padding-top: 12px;
    margin-top: 8px;
    border-top: 1px solid var(--mud-palette-lines-default);
}
/* /Components/Shared/ApprovalBar.razor.rz.scp.css */
.approval-bar[b-m1r5gzduxh] {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 1100;
    background: var(--mud-palette-surface);
    border-top: 1px solid var(--mud-palette-lines-default);
    padding: 12px 24px;
    box-shadow: 0 -2px 8px rgba(0, 0, 0, 0.12);
}
/* /Components/Shared/AssignmentChip.razor.rz.scp.css */
.assignment-chip[b-h07rkszd56] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 2px 4px;
    max-width: 120px;
    min-width: 0;
    overflow: hidden;
}

.assignment-chip__avatar[b-h07rkszd56] {
    width: 20px;
    height: 20px;
    font-size: 0.55rem;
}
/* /Components/Shared/AssignmentPopover.razor.rz.scp.css */
.assignment-popover[b-j91dj1c66n] {
    display: inline-flex;
    position: relative;
}

[b-j91dj1c66n] .assignment-popover__trigger {
    display: flex;
    align-items: center;
    gap: 6px;
    text-transform: none;
    min-width: unset;
    padding: 4px 8px;
}

.assignment-popover__avatar[b-j91dj1c66n] {
    width: 24px;
    height: 24px;
    font-size: 0.65rem;
}

[b-j91dj1c66n] .assignment-popover__panel {
    min-width: 280px;
    max-width: 320px;
    z-index: 1000;
    border-radius: 8px;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.15);
}

.assignment-popover__content[b-j91dj1c66n] {
    padding: 8px;
}

[b-j91dj1c66n] .assignment-popover__search {
    margin-bottom: 4px;
}

.assignment-popover__actions[b-j91dj1c66n] {
    display: flex;
    flex-direction: column;
    gap: 2px;
    padding: 4px 0;
}

[b-j91dj1c66n] .assignment-popover__action-btn {
    justify-content: flex-start;
    text-transform: none;
}

[b-j91dj1c66n] .assignment-popover__user-item {
    cursor: pointer;
    border-radius: 4px;
}

[b-j91dj1c66n] .assignment-popover__user-item:hover {
    background-color: var(--mud-palette-action-default-hover);
}

.assignment-popover__user-row[b-j91dj1c66n] {
    display: flex;
    align-items: center;
    gap: 10px;
}

.assignment-popover__user-avatar[b-j91dj1c66n] {
    width: 28px;
    height: 28px;
    font-size: 0.7rem;
    flex-shrink: 0;
}

.assignment-popover__user-info[b-j91dj1c66n] {
    display: flex;
    flex-direction: column;
    min-width: 0;
}

[b-j91dj1c66n] .assignment-popover__list {
    padding: 0;
}
/* /Components/Shared/CalendarView.razor.rz.scp.css */
.calendar-container[b-nbsjjillk5] {
    width: 100%;
}

.calendar-header[b-nbsjjillk5] {
    display: flex;
    align-items: center;
    padding: 8px 0;
    margin-bottom: 8px;
}

.calendar-month-label[b-nbsjjillk5] {
    min-width: 180px;
    text-align: center;
}

.calendar-grid[b-nbsjjillk5] {
    display: grid;
    grid-template-columns: repeat(7, 1fr);
    gap: 1px;
    background: var(--mud-palette-lines-default);
    border: 1px solid var(--mud-palette-lines-default);
    border-radius: 4px;
    overflow: hidden;
}

.calendar-day-header[b-nbsjjillk5] {
    background: var(--mud-palette-surface);
    padding: 8px 4px;
    text-align: center;
    font-weight: 600;
    font-size: 0.75rem;
    text-transform: uppercase;
    color: var(--mud-palette-text-secondary);
}

.calendar-cell[b-nbsjjillk5] {
    background: var(--mud-palette-surface);
    min-height: 100px;
    padding: 4px;
    display: flex;
    flex-direction: column;
}

.calendar-other-month[b-nbsjjillk5] {
    opacity: 0.4;
}

.calendar-today[b-nbsjjillk5] {
    background: var(--mud-palette-primary-lighten);
}

.calendar-today .calendar-date-number[b-nbsjjillk5] {
    color: var(--mud-palette-primary);
    font-weight: 700;
}

.calendar-overdue[b-nbsjjillk5] {
    border-left: 3px solid var(--mud-palette-error);
}

.calendar-date-number[b-nbsjjillk5] {
    font-size: 0.8rem;
    font-weight: 500;
    margin-bottom: 2px;
    color: var(--mud-palette-text-secondary);
}

.calendar-item[b-nbsjjillk5] {
    display: flex;
    align-items: center;
    gap: 4px;
    padding: 2px 4px;
    border-radius: 3px;
    font-size: 0.7rem;
    margin-bottom: 1px;
    background: var(--mud-palette-background);
    overflow: hidden;
    white-space: nowrap;
}

.calendar-status-dot[b-nbsjjillk5] {
    width: 6px;
    height: 6px;
    min-width: 6px;
    border-radius: 50%;
    display: inline-block;
}

.calendar-item-title[b-nbsjjillk5] {
    overflow: hidden;
    text-overflow: ellipsis;
    flex: 1;
}

.calendar-assignee[b-nbsjjillk5] {
    font-size: 0.6rem;
    font-weight: 600;
    background: var(--mud-palette-lines-default);
    border-radius: 50%;
    width: 18px;
    height: 18px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.calendar-overflow[b-nbsjjillk5] {
    font-size: 0.65rem;
    color: var(--mud-palette-text-secondary);
    padding: 0 4px;
    cursor: default;
}
/* /Components/Shared/ChatChannelList.razor.rz.scp.css */
.chat-channel-list[b-bsdh3jnvr6] {
    display: flex;
    flex-direction: column;
    height: 100%;
}

.chat-channel-list__header[b-bsdh3jnvr6] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 12px 16px;
    border-bottom: 1px solid var(--mud-palette-border-secondary);
}

.chat-channel-list__search[b-bsdh3jnvr6] {
    padding: 8px 12px;
}

[b-bsdh3jnvr6] .chat-channel-list__search-field {
    font-size: 0.875rem;
}

.chat-channel-list__loading[b-bsdh3jnvr6] {
    display: flex;
    justify-content: center;
    padding: 32px;
}

.chat-channel-list__group[b-bsdh3jnvr6] {
    margin-bottom: 4px;
}

[b-bsdh3jnvr6] .chat-channel-list__group-header {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    padding: 4px 12px;
    text-transform: none;
}

.chat-channel-list__item[b-bsdh3jnvr6] {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 6px 16px 6px 28px;
    cursor: pointer;
    transition: background-color 0.15s ease;
    border-radius: var(--mud-default-borderradius);
    margin: 0 8px;
}

.chat-channel-list__item:hover[b-bsdh3jnvr6] {
    background-color: var(--mud-palette-action-default-hover);
}

.chat-channel-list__item--selected[b-bsdh3jnvr6] {
    background-color: var(--mud-palette-primary-hover);
}

.chat-channel-list__item-name[b-bsdh3jnvr6] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    flex: 1;
}

.chat-channel-list__empty[b-bsdh3jnvr6] {
    display: flex;
    justify-content: center;
    padding: 24px;
}
/* /Components/Shared/ChatComposer.razor.rz.scp.css */
.chat-composer[b-xfdy9boffp] {
    padding: 12px 16px;
    border-top: 1px solid var(--mud-palette-border-secondary);
    background-color: var(--mud-palette-surface);
}

.chat-composer__input-area[b-xfdy9boffp] {
    display: flex;
    align-items: flex-end;
    gap: 8px;
}

[b-xfdy9boffp] .chat-composer__text-field {
    flex: 1;
}

[b-xfdy9boffp] .chat-composer__text-field .mud-input-outlined {
    border-radius: calc(var(--mud-default-borderradius) * 2);
}
/* /Components/Shared/ChatMessageList.razor.rz.scp.css */
.chat-message-list[b-9xxo28emjn] {
    flex: 1;
    overflow-y: auto;
    padding: 16px;
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.chat-message-list__loading[b-9xxo28emjn] {
    display: flex;
    justify-content: center;
    align-items: center;
    flex: 1;
}

.chat-message-list__empty[b-9xxo28emjn] {
    display: flex;
    justify-content: center;
    align-items: center;
    flex: 1;
}

.chat-message-list__load-more[b-9xxo28emjn] {
    display: flex;
    justify-content: center;
    padding: 8px;
}

.chat-message-list__date-separator[b-9xxo28emjn] {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 12px 0;
}

[b-9xxo28emjn] .chat-message-list__date-separator .mud-divider {
    flex: 1;
}

.chat-message-list__date-label[b-9xxo28emjn] {
    white-space: nowrap;
    opacity: 0.5;
    font-weight: 500;
}

.chat-message-list__message[b-9xxo28emjn] {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    padding: 8px 4px;
    border-radius: var(--mud-default-borderradius);
    transition: background-color 0.15s ease;
}

.chat-message-list__message:hover[b-9xxo28emjn] {
    background-color: var(--mud-palette-action-default-hover);
}

.chat-message-list__message--deleted[b-9xxo28emjn] {
    opacity: 0.6;
}

.chat-message-list__message-content[b-9xxo28emjn] {
    flex: 1;
    min-width: 0;
}

.chat-message-list__message-header[b-9xxo28emjn] {
    display: flex;
    align-items: baseline;
    gap: 8px;
    margin-bottom: 2px;
}
/* /Components/Shared/ChatModal.razor.rz.scp.css */
.chat-modal[b-on3gdxobf7] {
    position: fixed;
    width: 620px;
    height: 500px;
    right: 16px;
    z-index: 1200;
    border-radius: 12px;
    border: 1px solid var(--mud-palette-lines-default);
    background-color: var(--mud-palette-surface);
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.2);
    display: flex;
    flex-direction: column;
    overflow: hidden;
}

.chat-modal--bottom-right[b-on3gdxobf7] {
    bottom: 16px;
}

.chat-modal--top-right[b-on3gdxobf7] {
    top: 80px;
}

.chat-modal__header[b-on3gdxobf7] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 8px 12px;
    border-bottom: 1px solid var(--mud-palette-lines-default);
}

.chat-modal__body[b-on3gdxobf7] {
    display: flex;
    flex: 1;
    overflow: hidden;
}

.chat-modal__channels[b-on3gdxobf7] {
    width: 220px;
    border-right: 1px solid var(--mud-palette-lines-default);
    overflow-y: auto;
}

.chat-modal__messages[b-on3gdxobf7] {
    flex: 1;
    display: flex;
    flex-direction: column;
    overflow: hidden;
}

.chat-modal__empty[b-on3gdxobf7] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    height: 100%;
}
/* /Components/Shared/ChatSearchBar.razor.rz.scp.css */
.chat-search-bar[b-0l7o9dvlsy] {
    display: flex;
    align-items: center;
    gap: 8px;
}

[b-0l7o9dvlsy] .chat-search-bar__field {
    flex: 1;
}

.chat-search-bar__spinner[b-0l7o9dvlsy] {
    flex-shrink: 0;
}
/* /Components/Shared/CommentThread.razor.rz.scp.css */
.comment-thread[b-o77bzc51qd] {
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.comment-thread__item[b-o77bzc51qd] {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.comment-thread__replies[b-o77bzc51qd] {
    display: flex;
    flex-direction: column;
    gap: 4px;
    margin-left: 32px;
    padding-left: 12px;
    border-left: 2px solid var(--mud-palette-border-secondary);
}
/* /Components/Shared/DashboardConfigDialog.razor.rz.scp.css */
/* DashboardConfigDialog uses MudDialog built-in styling. Minimal overrides. */
/* /Components/Shared/DueDateBadge.razor.rz.scp.css */
[b-xb8h5v6e8p] .due-date-badge--ok {
    font-size: 0.75rem;
    font-weight: 500;
}

[b-xb8h5v6e8p] .due-date-badge--soon {
    font-size: 0.75rem;
    font-weight: 500;
}

[b-xb8h5v6e8p] .due-date-badge--urgent {
    font-size: 0.75rem;
    font-weight: 600;
}

[b-xb8h5v6e8p] .due-date-badge--overdue {
    font-size: 0.75rem;
    font-weight: 600;
}
/* /Components/Shared/DueDatePicker.razor.rz.scp.css */
.due-date-picker[b-armmgjue5m] {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.due-date-picker__relative[b-armmgjue5m] {
    padding-left: 4px;
}

.due-date-picker__ok[b-armmgjue5m] {
    color: var(--mud-palette-success);
}

.due-date-picker__soon[b-armmgjue5m] {
    color: var(--mud-palette-warning);
}

.due-date-picker__urgent[b-armmgjue5m] {
    color: var(--mud-palette-warning-darken);
    font-weight: 600;
}

.due-date-picker__overdue[b-armmgjue5m] {
    color: var(--mud-palette-error);
    font-weight: 600;
}
/* /Components/Shared/EnhancedCommentInput.razor.rz.scp.css */
.enhanced-comment-input[b-bua2scydtg] {
    display: flex;
    flex-direction: column;
    gap: 4px;
    border: 1px solid var(--mud-palette-border-secondary);
    border-radius: 6px;
    padding: 8px;
    background-color: var(--mud-palette-background);
}

.enhanced-comment-input__toolbar[b-bua2scydtg] {
    display: flex;
    flex-direction: row;
    gap: 2px;
    border-bottom: 1px solid var(--mud-palette-border-secondary);
    padding-bottom: 4px;
    margin-bottom: 4px;
}

.enhanced-comment-input__textarea[b-bua2scydtg]  .mud-input-outlined {
    border: none;
}

.enhanced-comment-input__textarea[b-bua2scydtg]  .mud-input-outlined-border {
    border: none;
}

.enhanced-comment-input__footer[b-bua2scydtg] {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 8px;
    padding-top: 4px;
    border-top: 1px solid var(--mud-palette-border-secondary);
}

.enhanced-comment-input__internal-toggle[b-bua2scydtg] {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 4px;
}
/* /Components/Shared/ExternalApprovalSummary.razor.rz.scp.css */
[b-40sme1u7ms] .mud-chip {
    font-size: 0.75rem;
}
/* /Components/Shared/ExternalReviewerIdentity.razor.rz.scp.css */
[b-z5dw147ca1] .mud-dialog {
    max-width: 480px;
}
/* /Components/Shared/FeatureTogglesSection.razor.rz.scp.css */
.feature-toggles-section[b-trlyfy36ql] {
    padding: 16px 0;
}

.feature-toggles-section__loading[b-trlyfy36ql] {
    display: flex;
    justify-content: center;
    padding: 24px;
}

.feature-toggles-section__grid[b-trlyfy36ql] {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.feature-toggles-section__item[b-trlyfy36ql] {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 8px 12px;
    border-radius: 8px;
    transition: background-color 0.15s ease;
}

.feature-toggles-section__item:hover[b-trlyfy36ql] {
    background-color: rgba(0, 0, 0, 0.04);
}

.feature-toggles-section__info[b-trlyfy36ql] {
    display: flex;
    flex-direction: column;
}
/* /Components/Shared/IntegrationsSection.razor.rz.scp.css */
.integrations-section[b-rt75djglr1] {
    padding: 16px 0;
}

.integrations-section__header[b-rt75djglr1] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 16px;
}

.integrations-section__loading[b-rt75djglr1] {
    display: flex;
    justify-content: center;
    padding: 24px;
}

.integrations-section__empty[b-rt75djglr1] {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 32px;
    text-align: center;
}

.integrations-section__form[b-rt75djglr1] {
    margin-bottom: 16px;
}

.integrations-section__form-actions[b-rt75djglr1] {
    display: flex;
    justify-content: flex-end;
    gap: 8px;
    margin-top: 8px;
}

.integrations-section__card[b-rt75djglr1] {
    margin-bottom: 8px;
}

.integrations-section__card-row[b-rt75djglr1] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
}

.integrations-section__card-info[b-rt75djglr1] {
    display: flex;
    align-items: center;
    gap: 12px;
    min-width: 0;
}

.integrations-section__card-actions[b-rt75djglr1] {
    display: flex;
    align-items: center;
    gap: 4px;
    flex-shrink: 0;
}
/* /Components/Shared/KanbanBoard.razor.rz.scp.css */
.kanban-board[b-1vbt7n6u81] {
    display: flex;
    flex-direction: column;
    height: 100%;
    gap: 12px;
}

.kanban-board__toolbar[b-1vbt7n6u81] {
    display: flex;
    align-items: center;
    padding: 8px 16px;
    gap: 8px;
}

/* ::deep needed because MudDropContainer renders its own wrapper div
   and the KanbanColumn child components render the .kanban-column elements
   outside this component's CSS isolation scope. */
[b-1vbt7n6u81] .kanban-board__container {
    display: flex !important;
    flex-direction: row !important;
    align-items: stretch !important;
    gap: 12px;
    overflow-x: auto;
    padding: 0 16px 16px;
    flex: 1;
    min-height: 0;
}

[b-1vbt7n6u81] .kanban-board__container > * {
    flex: 0 0 auto;
    min-width: 280px;
    max-width: 320px;
}

.kanban-board__loading[b-1vbt7n6u81] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 48px;
}
/* /Components/Shared/KanbanCard.razor.rz.scp.css */
.kanban-card[b-qepoiejmou] {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    padding: 8px;
    border-radius: 8px;
    cursor: pointer;
    transition: background 0.15s ease;
}

.kanban-card:hover[b-qepoiejmou] {
    background: rgba(255, 255, 255, 0.04);
}

.kanban-card__thumb[b-qepoiejmou] {
    flex-shrink: 0;
    width: 48px;
    height: 48px;
    border-radius: 6px;
    overflow: hidden;
    background: rgba(255, 255, 255, 0.03);
}

.kanban-card__img[b-qepoiejmou] {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

.kanban-card__img--empty[b-qepoiejmou] {
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px dashed rgba(255, 255, 255, 0.07);
}

.kanban-card__info[b-qepoiejmou] {
    flex: 1;
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 4px;
    padding-top: 2px;
}

.kanban-card__title[b-qepoiejmou] {
    font-size: 0.8125rem;
    font-weight: 500;
    line-height: 1.3;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.kanban-card__meta[b-qepoiejmou] {
    display: flex;
    align-items: center;
    gap: 6px;
}

.kanban-card__assignee[b-qepoiejmou] {
    display: flex;
    align-items: center;
    gap: 4px;
    cursor: pointer;
    padding: 2px 6px 2px 2px;
    border-radius: 10px;
    transition: background 0.15s ease;
}

.kanban-card__assignee:hover[b-qepoiejmou] {
    background: rgba(255, 255, 255, 0.08);
}

.kanban-card__assignee-name[b-qepoiejmou] {
    font-size: 0.7rem;
    opacity: 0.6;
    max-width: 100px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

[b-qepoiejmou] .kanban-card__avatar {
    width: 20px !important;
    height: 20px !important;
    font-size: 0.6rem !important;
}
/* /Components/Shared/KanbanColumn.razor.rz.scp.css */
.kanban-column[b-2i7u3tt6eq] {
    min-width: 280px;
    max-width: 320px;
    flex: 1 0 280px;
    display: flex;
    flex-direction: column;
    background: var(--mud-palette-surface);
    border-radius: 8px;
    overflow: hidden;
    min-height: 200px;
}

.kanban-column__header[b-2i7u3tt6eq] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 12px 12px 8px;
    gap: 8px;
    flex-shrink: 0;
    background: var(--mud-palette-surface);
    z-index: 1;
}

.kanban-column__dot[b-2i7u3tt6eq] {
    width: 10px;
    height: 10px;
    border-radius: 50%;
    flex-shrink: 0;
}

.kanban-column__count[b-2i7u3tt6eq] {
    font-size: 0.75rem;
    min-width: 24px;
    height: 24px;
}

/* The drop zone scrolls independently below the fixed header */
[b-2i7u3tt6eq] .kanban-column__dropzone {
    display: flex;
    flex-direction: column;
    padding: 8px;
    gap: 10px;
    overflow-y: auto;
    flex: 1;
    min-height: 60px;
}
/* /Components/Shared/KanbanConfigPopover.razor.rz.scp.css */
.kanban-config-popover[b-u7kazikp2r] {
    max-width: 300px;
    margin: 0 16px 8px;
    border-radius: 8px;
}

.kanban-config-popover__switch[b-u7kazikp2r] {
    margin-bottom: 2px;
}
/* /Components/Shared/MentionAutocomplete.razor.rz.scp.css */
[b-n4qr458umt] .mention-autocomplete-popover {
    min-width: 200px;
    max-width: 300px;
    z-index: 1000;
}

[b-n4qr458umt] .mention-autocomplete-list {
    max-height: 200px;
    overflow-y: auto;
    padding: 4px 0;
}

[b-n4qr458umt] .mention-autocomplete-item {
    cursor: pointer;
}

[b-n4qr458umt] .mention-autocomplete-item:hover {
    background-color: var(--mud-palette-action-default-hover);
}
/* /Components/Shared/MentionsWidget.razor.rz.scp.css */
.mentions-widget[b-t23tvkcfb8] {
    background: var(--mud-palette-surface);
    border-radius: 8px;
    border: 1px solid var(--mud-palette-lines-default);
    padding: 16px;
}

.mentions-widget__header[b-t23tvkcfb8] {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 16px;
}

.mentions-widget__loading[b-t23tvkcfb8] {
    display: flex;
    justify-content: center;
    padding: 24px 0;
}

.mentions-widget__empty[b-t23tvkcfb8] {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 32px 0;
}

.mentions-widget__list[b-t23tvkcfb8] {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.mentions-widget__item[b-t23tvkcfb8] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 12px;
    padding: 8px 12px;
    border-radius: 6px;
    cursor: pointer;
    transition: background-color 0.15s ease;
}

.mentions-widget__item:hover[b-t23tvkcfb8] {
    background: var(--mud-palette-background-grey);
}

.mentions-widget__item--unread[b-t23tvkcfb8] {
    background: var(--mud-palette-primary-lighten);
    border-left: 3px solid var(--mud-palette-primary);
}

.mentions-widget__body[b-t23tvkcfb8] {
    display: flex;
    flex-direction: column;
    gap: 2px;
    min-width: 0;
    flex: 1;
}

.mentions-widget__text-truncate[b-t23tvkcfb8] {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.mentions-widget__meta[b-t23tvkcfb8] {
    display: flex;
    align-items: center;
    gap: 6px;
    flex-shrink: 0;
}

.mentions-widget__unread-dot[b-t23tvkcfb8] {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: var(--mud-palette-primary);
}
/* /Components/Shared/MyWorkWidget.razor.rz.scp.css */
.my-work-widget[b-0thm07jszd] {
    background: var(--mud-palette-surface);
    border-radius: 8px;
    border: 1px solid var(--mud-palette-lines-default);
    padding: 16px;
}

.my-work-widget__header[b-0thm07jszd] {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 16px;
}

.my-work-widget__loading[b-0thm07jszd] {
    display: flex;
    justify-content: center;
    padding: 24px 0;
}

.my-work-widget__empty[b-0thm07jszd] {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 32px 0;
}

.my-work-widget__section[b-0thm07jszd] {
    display: flex;
    flex-direction: column;
    gap: 8px;
    margin-bottom: 16px;
}

.my-work-widget__section:last-child[b-0thm07jszd] {
    margin-bottom: 0;
}

.my-work-widget__item[b-0thm07jszd] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
    padding: 8px 12px;
    border-radius: 6px;
    cursor: pointer;
    transition: background-color 0.15s ease;
}

.my-work-widget__item:hover[b-0thm07jszd] {
    background: var(--mud-palette-background-grey);
}

.my-work-widget__item--overdue[b-0thm07jszd] {
    border-left: 3px solid var(--mud-palette-error);
}

.my-work-widget__item--due-soon[b-0thm07jszd] {
    border-left: 3px solid var(--mud-palette-warning);
}

.my-work-widget__item--completed[b-0thm07jszd] {
    opacity: 0.7;
}
/* /Components/Shared/NotificationBell.razor.rz.scp.css */
.notification-bell[b-wb8c1wch4m] {
    position: relative;
    display: inline-flex;
    align-items: center;
}

[b-wb8c1wch4m] .notification-bell__overlay {
    z-index: 999;
    background-color: transparent;
}

[b-wb8c1wch4m] .notification-bell__popover {
    min-width: 360px;
    max-width: 400px;
    z-index: 1000;
    border: 1px solid var(--mud-palette-border-secondary);
    border-radius: var(--mud-default-borderradius);
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.15);
}

@media (max-width: 600px) {
    [b-wb8c1wch4m] .notification-bell__popover {
        min-width: 300px;
        max-width: 340px;
    }
}
/* /Components/Shared/NotificationFeed.razor.rz.scp.css */
.notification-feed[b-vfyvo19qvs] {
    display: flex;
    flex-direction: column;
    max-height: 480px;
    background-color: var(--mud-palette-surface);
}

.notification-feed__header[b-vfyvo19qvs] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 12px 16px;
    border-bottom: 1px solid var(--mud-palette-border-secondary);
}

.notification-feed__list[b-vfyvo19qvs] {
    overflow-y: auto;
    max-height: 400px;
}

.notification-feed__loading[b-vfyvo19qvs] {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 32px;
}

.notification-feed__empty[b-vfyvo19qvs] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 48px 16px;
}

.notification-feed__group-header[b-vfyvo19qvs] {
    padding: 8px 16px 4px;
    background-color: var(--mud-palette-background);
}
/* /Components/Shared/NotificationItem.razor.rz.scp.css */
.notification-item[b-k5sw2v4fq3] {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    padding: 12px 16px;
    cursor: pointer;
    position: relative;
    transition: background-color 0.15s ease;
}

.notification-item:hover[b-k5sw2v4fq3] {
    background-color: var(--mud-palette-action-default-hover);
}

.notification-item--unread[b-k5sw2v4fq3] {
    background-color: var(--mud-palette-primary-hover);
}

.notification-item__unread-dot[b-k5sw2v4fq3] {
    position: absolute;
    left: 6px;
    top: 50%;
    transform: translateY(-50%);
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background-color: var(--mud-palette-primary);
}

.notification-item__icon[b-k5sw2v4fq3] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    min-width: 32px;
    border-radius: 50%;
    background-color: var(--mud-palette-background);
    margin-top: 2px;
}

.notification-item__content[b-k5sw2v4fq3] {
    flex: 1;
    min-width: 0;
}

.notification-item__meta[b-k5sw2v4fq3] {
    display: flex;
    align-items: center;
    gap: 4px;
    margin-top: 2px;
}

.notification-item__separator[b-k5sw2v4fq3] {
    opacity: 0.4;
    font-size: 0.75rem;
}

.notification-item__body[b-k5sw2v4fq3] {
    margin-top: 4px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
/* /Components/Shared/ProfileIdentitySection.razor.rz.scp.css */
.profile-identity-section[b-3ypvdlqzxc] {
    display: flex;
    flex-direction: column;
    max-width: 480px;
}
/* /Components/Shared/ProfileImageUploader.razor.rz.scp.css */
.profile-image-uploader[b-apadp1ijbt] {
    display: flex;
    flex-direction: column;
}

.profile-image-uploader__preview[b-apadp1ijbt] {
    flex-shrink: 0;
}

.profile-image-uploader__file-info[b-apadp1ijbt] {
    color: var(--mud-palette-text-secondary);
    word-break: break-all;
}
/* /Components/Shared/QuickActionsWidget.razor.rz.scp.css */
.quick-actions-widget[b-6r1k1e565v] {
    background: var(--mud-palette-surface);
    border-radius: 8px;
    border: 1px solid var(--mud-palette-lines-default);
    padding: 16px;
}

.quick-actions-widget__header[b-6r1k1e565v] {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 16px;
}

.quick-actions-widget__list[b-6r1k1e565v] {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.quick-actions-widget__action[b-6r1k1e565v] {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 12px;
    border-radius: 6px;
    cursor: pointer;
    transition: background-color 0.15s ease;
}

.quick-actions-widget__action:hover[b-6r1k1e565v] {
    background: var(--mud-palette-background-grey);
}

.quick-actions-widget__action-text[b-6r1k1e565v] {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 2px;
}

/* ── Claim dialog ── */

[b-6r1k1e565v] .claim-dialog {
    padding: 4px 0;
}

[b-6r1k1e565v] .claim-dialog__header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 20px;
}

[b-6r1k1e565v] .claim-dialog__count {
    font-size: 2rem;
    font-weight: 700;
    letter-spacing: -0.03em;
    color: rgba(255, 255, 255, 0.85);
    margin-right: 8px;
}

[b-6r1k1e565v] .claim-dialog__title {
    font-size: 1rem;
    font-weight: 400;
    opacity: 0.45;
    letter-spacing: 0.01em;
}

[b-6r1k1e565v] .claim-dialog__empty {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 12px;
    padding: 48px 0;
}

[b-6r1k1e565v] .claim-dialog__empty-text {
    font-size: 0.875rem;
    opacity: 0.35;
}

[b-6r1k1e565v] .claim-dialog__grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(150px, 1fr));
    gap: 12px;
}

/* ── Claim tile ── */

[b-6r1k1e565v] .claim-tile {
    cursor: pointer;
    display: flex;
    flex-direction: column;
    gap: 6px;
}

[b-6r1k1e565v] .claim-tile__img-wrap {
    position: relative;
    aspect-ratio: 1;
    border-radius: 10px;
    overflow: hidden;
    background: rgba(255, 255, 255, 0.03);
}

[b-6r1k1e565v] .claim-tile__img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    transition: transform 0.25s ease, filter 0.25s ease;
}

[b-6r1k1e565v] .claim-tile__img--empty {
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px dashed rgba(255, 255, 255, 0.08);
}

[b-6r1k1e565v] .claim-tile__overlay {
    position: absolute;
    inset: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(0, 0, 0, 0.55);
    opacity: 0;
    transition: opacity 0.2s ease;
    backdrop-filter: blur(2px);
}

[b-6r1k1e565v] .claim-tile:hover .claim-tile__overlay {
    opacity: 1;
}

[b-6r1k1e565v] .claim-tile:hover .claim-tile__img {
    transform: scale(1.05);
}

[b-6r1k1e565v] .claim-tile__action {
    font-size: 0.8rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.12em;
    color: #fff;
    padding: 8px 20px;
    border: 1.5px solid rgba(255, 255, 255, 0.7);
    border-radius: 6px;
    transition: background 0.15s ease, border-color 0.15s ease;
}

[b-6r1k1e565v] .claim-tile:hover .claim-tile__action {
    background: rgba(255, 255, 255, 0.12);
    border-color: #fff;
}

[b-6r1k1e565v] .claim-tile:active .claim-tile__action {
    background: rgba(255, 255, 255, 0.25);
    transform: scale(0.96);
}

[b-6r1k1e565v] .claim-tile__name {
    font-size: 0.75rem;
    font-weight: 500;
    opacity: 0.5;
    padding: 0 2px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
/* /Components/Shared/RolePermissionsSection.razor.rz.scp.css */
.role-permissions-section[b-3lreyafk1j] {
    padding: 16px 0;
}

.role-permissions-section__table[b-3lreyafk1j] {
    margin-top: 8px;
}
/* /Components/Shared/SetupWizard.razor.rz.scp.css */
.setup-wizard[b-bu37pxrczx] {
    min-height: 400px;
    max-height: 70vh;
    overflow-y: auto;
}

.setup-wizard__progress[b-bu37pxrczx] {
    margin-bottom: 16px;
}

.setup-wizard__step[b-bu37pxrczx] {
    padding: 8px 0;
}

.setup-wizard__video-placeholder[b-bu37pxrczx] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 8px;
    height: 180px;
    border: 2px dashed rgba(128, 128, 128, 0.3);
    border-radius: 12px;
    margin-bottom: 20px;
    background: rgba(128, 128, 128, 0.04);
}

.setup-wizard__feature-card[b-bu37pxrczx] {
    border: 1px solid rgba(128, 128, 128, 0.2);
    border-radius: 8px;
    padding: 16px;
    margin-bottom: 12px;
}

.setup-wizard__feature-header[b-bu37pxrczx] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 8px;
}

.setup-wizard__skip-message[b-bu37pxrczx] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 40px;
    text-align: center;
}

.setup-wizard__summary[b-bu37pxrczx] {
    margin-top: 8px;
}
/* /Components/Shared/SlaIndicator.razor.rz.scp.css */
.sla-indicator[b-88wzoxtx06] {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    padding: 2px 6px;
    border-radius: 4px;
    font-size: 0.75rem;
}

.sla-indicator--normal[b-88wzoxtx06] {
    color: var(--mud-palette-text-secondary);
}

.sla-indicator--normal .sla-indicator__icon[b-88wzoxtx06] {
    color: var(--mud-palette-text-secondary);
}

.sla-indicator--warning[b-88wzoxtx06] {
    color: var(--mud-palette-warning-darken);
    background-color: var(--mud-palette-warning-lighten);
}

.sla-indicator--warning .sla-indicator__icon[b-88wzoxtx06] {
    color: var(--mud-palette-warning-darken);
}

.sla-indicator--overdue[b-88wzoxtx06] {
    color: var(--mud-palette-error);
    background-color: var(--mud-palette-error-lighten);
    font-weight: 600;
}

.sla-indicator--overdue .sla-indicator__icon[b-88wzoxtx06] {
    color: var(--mud-palette-error);
}
/* /Components/Shared/TeamOverviewWidget.razor.rz.scp.css */
.team-overview-widget[b-svt3qlf4kg] {
    background: var(--mud-palette-surface);
    border-radius: 8px;
    border: 1px solid var(--mud-palette-lines-default);
    padding: 16px;
}

.team-overview-widget__header[b-svt3qlf4kg] {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 16px;
}

.team-overview-widget__loading[b-svt3qlf4kg] {
    display: flex;
    justify-content: center;
    padding: 24px 0;
}

.team-overview-widget__empty[b-svt3qlf4kg] {
    display: flex;
    justify-content: center;
    padding: 24px 0;
}

.team-overview-widget__list[b-svt3qlf4kg] {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.team-overview-widget__card[b-svt3qlf4kg] {
    display: flex;
    gap: 12px;
    align-items: center;
    padding: 8px;
    border-radius: 6px;
    transition: background-color 0.15s ease;
}

.team-overview-widget__card:hover[b-svt3qlf4kg] {
    background: var(--mud-palette-background-grey);
}

.team-overview-widget__avatar[b-svt3qlf4kg] {
    flex-shrink: 0;
}

.team-overview-widget__info[b-svt3qlf4kg] {
    flex: 1;
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.team-overview-widget__name-row[b-svt3qlf4kg] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
}

.team-overview-widget__workload[b-svt3qlf4kg] {
    display: flex;
    align-items: center;
    gap: 8px;
}

.team-overview-widget__bar-bg[b-svt3qlf4kg] {
    flex: 1;
    height: 6px;
    background: var(--mud-palette-background-grey);
    border-radius: 3px;
    overflow: hidden;
}

.team-overview-widget__bar-fill[b-svt3qlf4kg] {
    height: 100%;
    background: var(--mud-palette-primary);
    border-radius: 3px;
    transition: width 0.3s ease;
}
/* /Components/Shared/ViewToggle.razor.rz.scp.css */
[b-d2cyvdieky] .view-toggle {
    border-radius: 6px;
}

[b-d2cyvdieky] .view-toggle .mud-toggle-item {
    padding: 4px 8px;
    min-width: 36px;
}
/* /Components/Shared/WorkflowStatusEditor.razor.rz.scp.css */
.workflow-status-editor__header[b-6j8n0rx1bk] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 24px;
}

.workflow-status-editor__subtitle[b-6j8n0rx1bk] {
    font-size: 0.875rem;
    opacity: 0.5;
    margin-top: 2px;
}

[b-6j8n0rx1bk] .workflow-status-editor__dropzone {
    padding: 8px 0;
    min-height: 48px;
}

.status-card[b-6j8n0rx1bk] {
    display: flex;
    align-items: center;
    gap: 16px;
    padding: 20px;
    border-radius: 16px;
    background: rgba(255, 255, 255, 0.04);
    border-left-width: 4px;
    border-left-style: solid;
    margin-bottom: 12px;
    transition: background 0.15s ease;
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.15),
                0 2px 4px -2px rgba(0, 0, 0, 0.1);
}

.status-card:hover[b-6j8n0rx1bk] {
    background: rgba(255, 255, 255, 0.07);
}

[b-6j8n0rx1bk] .status-card--dragging {
    opacity: 0.4;
    border: 2px dashed rgba(74, 142, 255, 0.5);
    background: rgba(74, 142, 255, 0.05);
    box-shadow: none;
}

.status-card__drag-handle[b-6j8n0rx1bk] {
    opacity: 0.4;
    cursor: grab;
}

.status-card__drag-handle:active[b-6j8n0rx1bk] {
    cursor: grabbing;
}

.status-card__color-dot[b-6j8n0rx1bk] {
    width: 32px;
    height: 32px;
    border-radius: 50%;
    cursor: pointer;
    flex-shrink: 0;
    position: relative;
}

.status-card__fields[b-6j8n0rx1bk] {
    flex: 1;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 24px;
    align-items: center;
}

.status-card__field-group[b-6j8n0rx1bk] {
    display: flex;
    flex-direction: column;
}

.status-card__field-label[b-6j8n0rx1bk] {
    font-size: 10px;
    text-transform: uppercase;
    letter-spacing: 0.1em;
    font-weight: 700;
    opacity: 0.3;
    margin-bottom: 4px;
    user-select: none;
}

.status-card__delete-btn[b-6j8n0rx1bk] {
    opacity: 0.4;
    transition: opacity 0.15s ease, color 0.15s ease;
}

.status-card__delete-btn:hover[b-6j8n0rx1bk] {
    opacity: 1;
}
/* /Components/Shared/WorkflowStatusPicker.razor.rz.scp.css */
.workflow-status-picker[b-8u190jmw94] {
    display: flex;
    align-items: center;
    gap: 4px;
}

.workflow-status-picker__current[b-8u190jmw94] {
    font-size: 0.8125rem;
    font-weight: 500;
}

[b-8u190jmw94] .workflow-status-picker__option {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 2px 0;
}

.workflow-status-picker__dot[b-8u190jmw94] {
    display: inline-block;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    flex-shrink: 0;
}
/* /Components/Shared/WorkflowTemplateSelector.razor.rz.scp.css */
.workflow-template-selector[b-ka0v6knn30] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(240px, 1fr));
    gap: 16px;
    padding: 8px 0;
}

.workflow-template-selector__loading[b-ka0v6knn30] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 12px;
    padding: 32px;
}

[b-ka0v6knn30] .workflow-template-selector__card {
    cursor: pointer;
    transition: border-color 0.2s, box-shadow 0.2s;
}

[b-ka0v6knn30] .workflow-template-selector__card:hover {
    border-color: var(--mud-palette-primary);
}

[b-ka0v6knn30] .workflow-template-selector__card--selected {
    border-color: var(--mud-palette-primary);
    box-shadow: 0 0 0 2px var(--mud-palette-primary-lighten);
}

.workflow-template-selector__card-header[b-ka0v6knn30] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
}

.workflow-template-selector__meta[b-ka0v6knn30] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 12px;
}

.workflow-template-selector__dots[b-ka0v6knn30] {
    display: flex;
    align-items: center;
    gap: 4px;
}

.workflow-template-selector__dot[b-ka0v6knn30] {
    display: inline-block;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    flex-shrink: 0;
}

.workflow-template-selector__custom-content[b-ka0v6knn30] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 4px;
    padding: 16px 0;
}

[b-ka0v6knn30] .workflow-template-selector__card--custom {
    border-style: dashed;
}