/* /Components/Pages/Community/Kudos/KudosBadge.razor.rz.scp.css */
.kudos-badge[b-cg8jkrhrmy] {
    display: inline-flex;
    align-items: center;
}
    .kudos-badge.with-label[b-cg8jkrhrmy] {
        flex-direction: column;
        gap: 0.4rem;
        text-align: center;
    }
.disc[b-cg8jkrhrmy] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    flex: 0 0 auto;
}
.glyph[b-cg8jkrhrmy] {
    width: 55%;
    height: 55%;
    background-color: #fff;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-size: contain;
    mask-size: contain;
}
.label[b-cg8jkrhrmy] {
    font-size: 0.62rem;
    font-weight: 700;
    letter-spacing: 0.02em;
    line-height: 1.15;
    opacity: 0.7;
    text-transform: uppercase;
}
/* /Components/Pages/Configurations/CompanyData.razor.rz.scp.css */
.logo-preview-area[b-vgv6g5s0ku] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 200px;
    height: 200px;
    border-radius: 0.45rem;
    border: 2px dashed var(--bs-border-color, #ced4da);
    background-color: var(--bs-tertiary-bg, #f8f9fa);
    overflow: hidden;
    flex-shrink: 0;
    transition: border-color .25s ease, box-shadow .25s ease;
}

.logo-preview-area.has-logo[b-vgv6g5s0ku] {
    border: 2px solid var(--bs-border-color-translucent, rgba(0,0,0,.08));
    background-color: var(--bs-body-bg, #fff);
}

.logo-preview[b-vgv6g5s0ku] {
    max-width: 190px;
    max-height: 190px;
    object-fit: contain;
}

.logo-placeholder[b-vgv6g5s0ku] {
    max-width: 120px;
    max-height: 120px;
    object-fit: contain;
    opacity: 0.25;
}

.logo-hint[b-vgv6g5s0ku] {
    font-size: 0.72rem;
    color: var(--bs-secondary-color, #6c757d);
    text-align: left;
    margin: 0;
    line-height: 1.5;
}
/* /Components/Pages/Crm/Campaigns/Partials/CampaignActivityTimeline.razor.rz.scp.css */
.cat-root[b-xcq1hzpiir] {
    padding: 0.5rem 0;
}

.cat-empty[b-xcq1hzpiir] {
    color: #6c757d;
    padding: 1rem 0;
}

.cat-card[b-xcq1hzpiir] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    padding: 0.5rem 0.75rem;
    border: 1px solid #e9ecef;
    border-radius: 0.375rem;
    margin-bottom: 0.5rem;
    background: #fff;
}

.cat-card-completed[b-xcq1hzpiir] {
    opacity: 0.65;
}

.cat-type-badge[b-xcq1hzpiir] {
    font-size: 0.75rem;
    padding: 0.15rem 0.5rem;
    border-radius: 0.75rem;
    white-space: nowrap;
}

.cat-title[b-xcq1hzpiir] {
    flex: 1 1 auto;
    font-weight: 500;
}

.cat-title-completed[b-xcq1hzpiir] {
    text-decoration: line-through;
}

.cat-due[b-xcq1hzpiir] {
    font-size: 0.85rem;
    color: #6c757d;
    white-space: nowrap;
}

.cat-due-overdue[b-xcq1hzpiir] {
    color: #dc3545;
    font-weight: 600;
}

.cat-priority-badge[b-xcq1hzpiir] {
    font-size: 0.75rem;
    padding: 0.15rem 0.5rem;
    border-radius: 0.75rem;
    white-space: nowrap;
}

.cat-owner[b-xcq1hzpiir] {
    font-size: 0.85rem;
    color: #6c757d;
    white-space: nowrap;
}
/* /Components/Pages/Crm/Opportunities/Partials/OpportunityActivityTimeline.razor.rz.scp.css */
.cat-root[b-9cqsjzjffr] {
    padding: 0.5rem 0;
}

.cat-empty[b-9cqsjzjffr] {
    color: #6c757d;
    padding: 1rem 0;
}

.cat-card[b-9cqsjzjffr] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    padding: 0.5rem 0.75rem;
    border: 1px solid #e9ecef;
    border-radius: 0.375rem;
    margin-bottom: 0.5rem;
    background: #fff;
}

.cat-card-completed[b-9cqsjzjffr] {
    opacity: 0.65;
}

.cat-type-badge[b-9cqsjzjffr] {
    font-size: 0.75rem;
    padding: 0.15rem 0.5rem;
    border-radius: 0.75rem;
    white-space: nowrap;
}

.cat-title[b-9cqsjzjffr] {
    flex: 1 1 auto;
    font-weight: 500;
}

.cat-title-completed[b-9cqsjzjffr] {
    text-decoration: line-through;
}

.cat-due[b-9cqsjzjffr] {
    font-size: 0.85rem;
    color: #6c757d;
    white-space: nowrap;
}

.cat-due-overdue[b-9cqsjzjffr] {
    color: #dc3545;
    font-weight: 600;
}

.cat-priority-badge[b-9cqsjzjffr] {
    font-size: 0.75rem;
    padding: 0.15rem 0.5rem;
    border-radius: 0.75rem;
    white-space: nowrap;
}

.cat-owner[b-9cqsjzjffr] {
    font-size: 0.85rem;
    color: #6c757d;
    white-space: nowrap;
}
/* /Components/Pages/Crm/Opportunities/Partials/OpportunityBoard.razor.rz.scp.css */
.cb-board[b-38sciaktta] {
    display: flex;
    gap: 1rem;
    padding: 1rem 0 1rem 0;
    overflow-x: auto;
    overflow-y: hidden;
    flex: 1;
    align-items: stretch;
}

.cb-column[b-38sciaktta] {
    flex: 0 0 275px;
    min-width: 275px;
    background: #f6f7fb;
    border-radius: 12px;
    display: flex;
    flex-direction: column;
    height: 100%;
    transition: background 0.15s, box-shadow 0.15s;
}

.cb-column-drag-over[b-38sciaktta] {
    background: rgba(13, 110, 253, 0.07);
    box-shadow: 0 0 0 2px var(--dxds-color-surface-primary-default-rest, #0d6efd);
}

.cb-column-header[b-38sciaktta] {
    padding: 0.7rem 1rem 0.2rem;
    border-top: 3px solid transparent;
    border-radius: 12px 12px 0 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-shrink: 0;
}

.cb-column-title[b-38sciaktta] {
    font-weight: 600;
    font-size: 0.78rem;
    text-transform: uppercase;
    letter-spacing: 0.06em;
    color: var(--dxds-color-content-neutral-subdued-rest, #6c757d);
}

.cb-column-count[b-38sciaktta] {
    font-size: 0.72rem;
    font-weight: 600;
    padding: 1px 7px;
    border-radius: 99px;
}

.cb-column-total[b-38sciaktta] {
    padding: 0 1rem 0.6rem;
    font-size: 0.82rem;
    font-weight: 700;
    color: var(--dxds-color-content-neutral-default-rest, #212529);
}

.cb-cards-container[b-38sciaktta] {
    padding: 0 0.5rem 0.5rem;
    overflow-y: auto;
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 0.45rem;
}

.cb-card[b-38sciaktta] {
    background: var(--dxds-color-surface-neutral-default-rest, white);
    border-radius: 8px;
    padding: 0.6rem 0.75rem;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.07);
    cursor: grab;
    transition: box-shadow 0.15s, transform 0.1s;
    border-left: 3px solid transparent;
    user-select: none;
    display: flex;
    flex-direction: column;
    gap: 0.2rem;
}

.cb-card:hover[b-38sciaktta] {
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.11);
    transform: translateY(-1px);
}

.cb-card:active[b-38sciaktta] {
    cursor: grabbing;
}

.cb-card-title[b-38sciaktta] {
    font-size: 0.875rem;
    font-weight: 600;
    color: var(--dxds-color-content-neutral-default-rest, #212529);
    line-height: 1.25;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.cb-card-account[b-38sciaktta] {
    font-size: 0.72rem;
    color: #4a7fc1;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-weight: 600;
}

.cb-card-value-row[b-38sciaktta] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 0.1rem;
}

.cb-card-value[b-38sciaktta] {
    font-size: 0.85rem;
    font-weight: 700;
    color: var(--dxds-color-surface-primary-default-rest, #0d6efd);
}

.cb-card-probability[b-38sciaktta] {
    font-size: 0.7rem;
    font-weight: 600;
    color: var(--dxds-color-content-neutral-subdued-rest, #6c757d);
}

.cb-card-owner[b-38sciaktta] {
    font-size: 0.7rem;
    color: var(--dxds-color-content-neutral-subdued-rest, #6c757d);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.cb-card-footer[b-38sciaktta] {
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

.cb-card-due[b-38sciaktta] {
    font-size: 0.68rem;
    color: var(--dxds-color-content-neutral-subdued-rest, #6c757d);
}

.cb-due-warning[b-38sciaktta] {
    color: #dc3545;
    font-weight: 600;
}

.cb-add-btn[b-38sciaktta] {
    width: 100%;
    padding: 0.45rem 0.75rem;
    border: 1px dashed var(--dxds-color-border-neutral-default-rest, #dee2e6);
    border-radius: 7px;
    background: transparent;
    color: var(--dxds-color-content-neutral-subdued-rest, #6c757d);
    font-size: 0.8rem;
    cursor: pointer;
    text-align: left;
    transition: border-color 0.12s, color 0.12s, background 0.12s;
    flex-shrink: 0;
}

.cb-add-btn:hover[b-38sciaktta] {
    border-color: var(--dxds-color-surface-primary-default-rest, #0d6efd);
    color: var(--dxds-color-surface-primary-default-rest, #0d6efd);
    background: rgba(13, 110, 253, 0.04);
}

.dxbl-theme-fluent-mode-dark .cb-column[b-38sciaktta] {
    background: var(--dxds-color-surface-neutral-subdued-rest);
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.07);
}

.dxbl-theme-fluent-mode-dark .cb-card[b-38sciaktta] {
    background: var(--dxds-color-surface-neutral-default-hovered);
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.55), 0 0 0 1px rgba(255, 255, 255, 0.10);
}

.dxbl-theme-fluent-mode-dark .cb-card:hover[b-38sciaktta] {
    box-shadow: 0 5px 16px rgba(0, 0, 0, 0.65), 0 0 0 1px rgba(255, 255, 255, 0.16);
}

.cb-board.small-size .cb-column[b-38sciaktta] {
    flex: 0 0 230px;
    min-width: 230px;
}

.cb-board.small-size .cb-card[b-38sciaktta] {
    padding: 0.45rem 0.6rem;
}

.cb-board.large-size .cb-column[b-38sciaktta] {
    flex: 0 0 320px;
    min-width: 320px;
}

.cb-board.large-size .cb-card[b-38sciaktta] {
    padding: 0.8rem 0.95rem;
}
/* /Components/Pages/Crm/Overview/CrmOverview.razor.rz.scp.css */
.head-card[b-dkp2ukdphe] {
    margin-bottom: 1rem;
    padding: 0.9rem 0.9rem;
}

.head-card .subtitle[b-dkp2ukdphe] {
    font-size: 0.875em;
    opacity: 0.65;
    margin-top: 0.25rem;
}

/* --- Sections --- */
.overview-grid[b-dkp2ukdphe] {
    width: 100%;
}
.section[b-dkp2ukdphe] {
    height: 100%;
}
.section-head[b-dkp2ukdphe] {
    display: flex;
    align-items: center;
    gap: 0.6rem;
    margin-bottom: 0.75rem;
}
.section-head .title[b-dkp2ukdphe] {
    font-weight: 600;
    font-size: 1.05em;
}
.section-head .count[b-dkp2ukdphe] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 1.6rem;
    height: 1.4rem;
    padding: 0 0.4rem;
    border-radius: 0.7rem;
    font-size: 0.8rem;
    font-weight: 600;
    background-color: rgba(10, 10, 10, 0.08);
}

.text-muted[b-dkp2ukdphe] {
    opacity: 0.6;
    font-size: 0.9em;
}

/* --- Activity cells --- */
[b-dkp2ukdphe] .act-overdue {
    color: #eb5757;
    font-weight: 600;
}
[b-dkp2ukdphe] .ctx-badge {
    display: inline-block;
    padding: 0.05rem 0.45rem;
    margin-right: 0.35rem;
    border-radius: 0.3rem;
    font-size: 0.72rem;
    font-weight: 600;
    background-color: rgba(10, 10, 10, 0.08);
    text-transform: uppercase;
    letter-spacing: 0.02em;
}
/* /Components/Pages/Dashboards/Dashboard.razor.rz.scp.css */
.dashboard[b-bm5cf3zv9t] {
    flex-grow: 1;
}

.greeting[b-bm5cf3zv9t] {
    font-family: var(--dxds-font-family-sans-serif);
    font-size: 1.3em;
    font-weight: 600;
    margin-bottom: 0.35rem;
}
.small-size .greeting[b-bm5cf3zv9t] {
    font-size: calc(var(--dxds-font-size-title-xs) * 1.1);
    font-weight: var(--dxds-font-weight-title-default);
    line-height: var(--dxds-line-height-title-xs);
}
.medium-size .greeting[b-bm5cf3zv9t] {
    font-size: calc(var(--dxds-font-size-title-sm) * 1.1);
    font-weight: var(--dxds-font-weight-title-default);
    line-height: var(--dxds-line-height-title-sm);
}
.large-size .greeting[b-bm5cf3zv9t] {
    font-size: calc(var(--dxds-font-size-title-md) * 1.1);
    font-weight: var(--dxds-font-weight-title-default);
    line-height: var(--dxds-line-height-title-md);
}
.welcome-card[b-bm5cf3zv9t] {
    margin-bottom: 1rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 0.5rem 1rem;
}
/* /Components/Pages/Dashboards/Partials/AnnouncementsBoard.razor.rz.scp.css */
.board-head[b-614zlag641] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 0.55rem;
}
.board-head .title[b-614zlag641] {
    font-weight: 600;
    font-size: 1.05em;
}
.board-empty[b-614zlag641] {
    opacity: 0.6;
    font-size: 0.9em;
}
.board-list[b-614zlag641] {
    display: flex;
    flex-direction: column;
    gap: 0.6rem;
    max-height: 26rem;
    overflow-y: auto;
    padding-right: 0.25rem;
}
.board-item[b-614zlag641] {
    display: flex;
    align-items: flex-start;
    gap: 0.75rem;
    padding: 0.75rem 0.9rem;
    border-radius: 0.6rem;
    border: 1px solid var(--dxds-color-border-neutral-default-rest);
    background-color: var(--dxds-color-surface-neutral-default-rest);
    transition: box-shadow 0.15s ease, transform 0.15s ease;
}
.board-item:hover[b-614zlag641] {
    box-shadow: 0 3px 12px rgba(0, 0, 0, 0.08);
    transform: translateY(-1px);
}
.board-item.pinned[b-614zlag641] {
    border-left: 3px solid #D32F2F;
    background: rgba(211, 47, 47, 0.05);
}
[b-614zlag641] .board-item .avatar-wrapper {
    margin-top: 0.1rem;
}
.item-content[b-614zlag641] {
    min-width: 0;
    flex: 1 1 auto;
}
.item-header[b-614zlag641] {
    display: flex;
    flex-direction: column;
    gap: 0.15rem;
}
.a-title[b-614zlag641] {
    display: flex;
    align-items: center;
    gap: 0.3rem;
    font-weight: 600;
}
.pin-flag[b-614zlag641] {
    flex: 0 0 auto;
    width: 0.9rem !important;
    height: 0.9rem !important;
}
.a-meta[b-614zlag641] {
    font-size: 0.78em;
    opacity: 0.6;
}
.a-body[b-614zlag641] {
    white-space: pre-wrap;
    font-size: 0.92em;
    line-height: 1.4;
    margin-top: 0.15rem;
}

.small-size .board-item[b-614zlag641] { padding: 0.6rem 0.75rem; }
.large-size .board-item[b-614zlag641] { padding: 0.9rem 1.1rem; }
.small-size .a-title[b-614zlag641] { font-size: 0.92em; }
.large-size .a-title[b-614zlag641] { font-size: 1.05em; }
.small-size .board-head .title[b-614zlag641] { font-size: 0.95em; }
.large-size .board-head .title[b-614zlag641] { font-size: 1.15em; }
/* /Components/Pages/Dashboards/Partials/KudosBoard.razor.rz.scp.css */
.board-head[b-6i95ta8vwp] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 0.55rem;
}
.board-head .title[b-6i95ta8vwp] {
    font-weight: 600;
    font-size: 1.05em;
}
.board-empty[b-6i95ta8vwp] {
    opacity: 0.6;
    font-size: 0.9em;
}
.board-list[b-6i95ta8vwp] {
    display: flex;
    flex-direction: column;
    max-height: 26rem;
    overflow-y: auto;
    padding-right: 0.25rem;
}

.board-item[b-6i95ta8vwp] {
    display: flex;
    align-items: flex-start;
    gap: 1rem;
    padding: 1rem 0.25rem;
    border-bottom: 1px solid var(--dxds-color-border-neutral-default-rest);
}
.board-item:last-child[b-6i95ta8vwp] {
    border-bottom: none;
}
[b-6i95ta8vwp] .board-item > .kudos-badge {
    flex: 0 0 auto;
    margin-top: 0.15rem;
}

.item-content[b-6i95ta8vwp] {
    min-width: 0;
    flex: 1 1 auto;
}
.item-header[b-6i95ta8vwp] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 0.4rem;
}
.a-title[b-6i95ta8vwp] {
    font-weight: 600;
    padding-left: 0.65rem;
}
.kudos-sep[b-6i95ta8vwp],
.a-from[b-6i95ta8vwp] {
    font-weight: 400;
    opacity: 0.6;
}
.a-body[b-6i95ta8vwp] {
    white-space: pre-wrap;
    font-size: 0.92em;
    line-height: 1.4;
    margin-top: 0.55rem;
}
.a-meta[b-6i95ta8vwp] {
    margin-top: 0.4rem;
    font-size: 0.78em;
    opacity: 0.65;
}

.small-size .board-item[b-6i95ta8vwp] { padding: 0.8rem 0.25rem; gap: 0.75rem; }
.small-size .a-title[b-6i95ta8vwp] {
    font-size: 0.92em;
    padding-left: 0.35rem;
}
.small-size .kudos-sep[b-6i95ta8vwp],
.small-size .a-from[b-6i95ta8vwp] {
    font-size: 0.92em;
}
.small-size .a-body[b-6i95ta8vwp] {
    font-size: 0.85em;
    margin-top: 0.35rem;
}
.small-size .a-meta[b-6i95ta8vwp] {
    font-size: 0.72em;
}
.large-size .board-item[b-6i95ta8vwp] {
    padding: 1.15rem 0.25rem;
}
.large-size .a-title[b-6i95ta8vwp] {
    font-size: 1.05em;
    padding-left: 0.85rem;
}
.large-size .kudos-sep[b-6i95ta8vwp],
.large-size .a-from[b-6i95ta8vwp] {
    font-size: 1.05em;
}
.large-size .a-body[b-6i95ta8vwp] {
    font-size: 0.97em;
    margin-top: 0.85rem;
}
.large-size .a-meta[b-6i95ta8vwp] {
    font-size: 0.82em;
}

.small-size .board-head .title[b-6i95ta8vwp] { font-size: 0.95em; }
.large-size .board-head .title[b-6i95ta8vwp] { font-size: 1.15em; }
/* /Components/Pages/Dashboards/Partials/OnlineColleaguesWidget.razor.rz.scp.css */
.online-colleagues-widget[b-xrdgxdhiwj] {
    display: flex;
    align-items: center;
}

.online-colleagues-label[b-xrdgxdhiwj] {
    font-size: 0.85em;
    font-weight: 600;
    color: var(--dxbl-color-text-secondary, #6c757d);
    white-space: nowrap;
    margin-right: 0.5rem;
}

[b-xrdgxdhiwj] .online-colleagues-avatar {
    transition: transform 0.12s ease;
}

[b-xrdgxdhiwj] .online-colleagues-avatar + .online-colleagues-avatar {
    margin-left: -0.45rem;
}

[b-xrdgxdhiwj] .online-colleagues-avatar:hover {
    transform: scale(1.18);
    z-index: 1;
}

.online-colleagues-overflow[b-xrdgxdhiwj] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: var(--avatar-size);
    height: var(--avatar-size);
    border-radius: 50%;
    background: #5c7cfa;
    color: #fff;
    font-size: var(--avatar-font-size);
    font-weight: 700;
    line-height: 1;
    letter-spacing: 0.02em;
    text-indent: 0.02em;
    flex-shrink: 0;
    box-shadow: 0 0 0 1px rgba(0,0,0,.12);
}
/* /Components/Pages/Identity/Account/Forgot/Forgot.razor.rz.scp.css */
.auth-forgot[b-q6xh795d9p] {
    display: flex;
    flex-direction: column;
    gap: 0.625rem;
}

    .auth-forgot a[b-q6xh795d9p] {
        color: #efefef;
        text-decoration: none;
    }

        .auth-forgot a:hover[b-q6xh795d9p] {
            color: rgba(255, 255, 255, 0.5);
            text-decoration: none;
        }

[b-q6xh795d9p] .forgot-caption {
    font-size: .875em !important;
    line-height: 1.125rem;
    color: #fff;
}

.forgot-text[b-q6xh795d9p] {
    color: #fff;
}

[b-q6xh795d9p] .dxbl-text-edit {
    --dxbl-text-edit-bg: trasparent !important;
    --dxbl-text-edit-color: #fff !important;
    --dxbl-text-edit-underline-color: #fff !important;
}

    [b-q6xh795d9p] .dxbl-text-edit.invalid {
        --dxbl-text-edit-border-color: #fff;
    }

[b-q6xh795d9p] .dxbl-btn.forgot-button {
    color: #fff !important;
}

[b-q6xh795d9p] .dxbl-btn.forgot-button:focus {
    background-color: transparent;
    color: #fff !important;
}

[b-q6xh795d9p] .dxbl-btn.forgot-button:hover {
    background-color: #fff;
    color: #000 !important;
}

[b-q6xh795d9p] .forgot-button:focus {
    background-color: transparent !important;
    color: #fff !important;
}

[b-q6xh795d9p] .forgot-button:hover {
    background-color: #fff !important;
    color: #000 !important;
}
/* /Components/Pages/Identity/Account/Forgot/ForgotPasswordConfirmation.razor.rz.scp.css */
.auth-forgot[b-ff8grpw8xg] {
    display: flex;
    flex-direction: column;
    gap: 0.625rem;
}

    .auth-forgot a[b-ff8grpw8xg] {
        color: #efefef;
        text-decoration: none;
    }

        .auth-forgot a:hover[b-ff8grpw8xg] {
            color: rgba(255, 255, 255, 0.5);
            text-decoration: none;
        }

.forgot-text[b-ff8grpw8xg] {
    color: #fff;
}

[b-ff8grpw8xg] .dxbl-text-edit {
    --dxbl-text-edit-bg: trasparent !important;
    --dxbl-text-edit-color: #fff !important;
    --dxbl-text-edit-underline-color: #fff !important;
}

    [b-ff8grpw8xg] .dxbl-text-edit.invalid {
        --dxbl-text-edit-border-color: #fff;
    }
/* /Components/Pages/Identity/Account/Forgot/ResetPassword.razor.rz.scp.css */
.auth-reset[b-hpd9f9vxnm] {
    display: flex;
    flex-direction: column;
    gap: 0.625rem;
}

    .auth-reset a[b-hpd9f9vxnm] {
        color: #efefef;
        text-decoration: none;
    }

        .auth-reset a:hover[b-hpd9f9vxnm] {
            color: rgba(255, 255, 255, 0.5);
            text-decoration: none;
        }

[b-hpd9f9vxnm] .reset-caption {
    font-size: .875em !important;
    line-height: 1.125rem;
    color: #fff;
}

.reset-text[b-hpd9f9vxnm] {
    color: #fff;
}

[b-hpd9f9vxnm] .dxbl-text-edit {
    --dxbl-text-edit-bg: trasparent !important;
    --dxbl-text-edit-color: #fff !important;
    --dxbl-text-edit-underline-color: #fff !important;
}

    [b-hpd9f9vxnm] .dxbl-text-edit.invalid {
        --dxbl-text-edit-border-color: #fff;
    }

[b-hpd9f9vxnm] .dxbl-btn.reset-button {
    color: #fff !important;
}

    [b-hpd9f9vxnm] .dxbl-btn.reset-button:focus {
        background-color: transparent;
        color: #fff !important;
    }

    [b-hpd9f9vxnm] .dxbl-btn.reset-button:hover {
        background-color: #fff;
        color: #000 !important;
    }

[b-hpd9f9vxnm] .reset-button:focus {
    background-color: transparent !important;
    color: #fff !important;
}

[b-hpd9f9vxnm] .reset-button:hover {
    background-color: #fff !important;
    color: #000 !important;
}
/* /Components/Pages/Identity/Account/Forgot/ResetPasswordConfirmation.razor.rz.scp.css */
.auth-reset[b-miaj7e6cy2] {
    display: flex;
    flex-direction: column;
    gap: 0.625rem;
}

    .auth-reset a[b-miaj7e6cy2] {
        color: #efefef;
        text-decoration: none;
    }

        .auth-reset a:hover[b-miaj7e6cy2] {
            color: rgba(255, 255, 255, 0.5);
            text-decoration: none;
        }

[b-miaj7e6cy2] .dxbl-text-edit {
    --dxbl-text-edit-bg: trasparent !important;
    --dxbl-text-edit-color: #fff !important;
    --dxbl-text-edit-underline-color: #fff !important;
}

    [b-miaj7e6cy2] .dxbl-text-edit.invalid {
        --dxbl-text-edit-border-color: #fff;
    }
/* /Components/Pages/Identity/Account/Login/Login.razor.rz.scp.css */
.auth-login[b-ynp1g7i33y] {
    display: flex;
    flex-direction: column;
    gap: 0.625rem;
}

    .auth-login a[b-ynp1g7i33y] {
        color: #efefef;
        text-decoration: none;
    }

        .auth-login a:hover[b-ynp1g7i33y] {
            color: rgba(255, 255, 255, 0.5);
            text-decoration: none;
        }

.auth-forget[b-ynp1g7i33y] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    width: 100%;
}

[b-ynp1g7i33y] .login-caption {
    font-size: .875em !important;
    line-height: 1.125rem;
    color: #fff;
}

[b-ynp1g7i33y] .rememberme-caption {
    color: #fff;
}

[b-ynp1g7i33y] .dxbl-text-edit {
    --dxbl-text-edit-bg: trasparent !important;
    --dxbl-text-edit-color: #fff !important;
    --dxbl-text-edit-underline-color: #fff !important;
}

    [b-ynp1g7i33y] .dxbl-text-edit.invalid {
        --dxbl-text-edit-border-color: #fff;
    }

[b-ynp1g7i33y] .dxbl-btn.login-button {
    color: #fff !important;
}

[b-ynp1g7i33y] .dxbl-btn.login-button:focus {
    background-color: transparent;
    color: #fff !important;
}

[b-ynp1g7i33y] .dxbl-btn.login-button:hover {
    background-color: #fff;
    color: #000 !important;
}

[b-ynp1g7i33y] .login-button:focus {
    background-color: transparent !important;
    color: #fff !important;
}

[b-ynp1g7i33y] .login-button:hover {
    background-color: #fff !important;
    color: #000 !important;
}
/* /Components/Pages/Identity/Account/Register/ConfirmEmail.razor.rz.scp.css */
.links-container[b-keh5e7zin9] {
    display: flex;
    gap: 0.25rem;
    justify-content: center;
    align-items: center;
    padding: 0.25rem 0;
}
/* /Components/Pages/Identity/Roles/Partials/RolePermissions.razor.rz.scp.css */
/* ── Shell ─────────────────────────────────────────────── */
.rp-shell[b-mphjcfyfcl] {
    display: flex;
    flex-direction: column;
    height: calc(100vh - 240px);
    overflow: hidden;
    border-radius: 0.5rem;
}

/* ── Topbar ────────────────────────────────────────────── */
.rp-topbar[b-mphjcfyfcl] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.5rem 0.75rem;
    border-bottom: 1px solid rgba(16, 24, 40, 0.08);
    background: rgba(99, 102, 241, 0.03);
    flex-shrink: 0;
}

.rp-search[b-mphjcfyfcl] {
    flex: 1;
    min-width: 0;
}

.rp-action-btn[b-mphjcfyfcl] {
    flex-shrink: 0;
}

/* ── Body (split pane) ─────────────────────────────────── */
.rp-body[b-mphjcfyfcl] {
    display: flex;
    flex: 1;
    overflow: hidden;
    min-height: 0;
}

/* ── Left sidebar ──────────────────────────────────────── */

/* Section header */
.rp-section-hdr[b-mphjcfyfcl] {
    display: flex;
    align-items: center;
    gap: 0.35rem;
    padding: 0.5rem 0.75rem 0.3rem;
    cursor: pointer;
    user-select: none;
    position: sticky;
    top: 0;
    background: var(--bs-body-bg, #fff);
    z-index: 1;
    border-bottom: 1px solid rgba(16, 24, 40, 0.06);
    margin-top: 0.25rem;
}

    .rp-section-hdr:first-child[b-mphjcfyfcl] {
        margin-top: 0;
    }

.rp-section-title[b-mphjcfyfcl] {
    font-size: 0.72rem;
    font-weight: 700;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    color: rgba(16, 24, 40, 0.45);
}

.rp-section-chevron[b-mphjcfyfcl] {
    color: rgba(16, 24, 40, 0.35);
    flex-shrink: 0;
    transition: transform 0.2s ease;
    transform: rotate(-90deg);
}

    .rp-section-chevron.open[b-mphjcfyfcl] {
        transform: rotate(0deg);
    }

.rp-sidebar[b-mphjcfyfcl] {
    width: 230px;
    flex-shrink: 0;
    overflow-y: auto;
    border-right: 1px solid rgba(16, 24, 40, 0.08);
    padding: 0.375rem 0;
}

.rp-group-item[b-mphjcfyfcl] {
    padding: 0.45rem 0.75rem 0.4rem;
    cursor: pointer;
    transition: background 0.15s;
    border-left: 3px solid transparent;
}

    .rp-group-item:hover[b-mphjcfyfcl] {
        background: rgba(99, 102, 241, 0.06);
    }

    .rp-group-item.active[b-mphjcfyfcl] {
        background: rgba(99, 102, 241, 0.09);
        border-left-color: var(--bs-primary, #6366f1);
    }

.rp-group-row[b-mphjcfyfcl] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 0.22rem;
}

.rp-group-name[b-mphjcfyfcl] {
    font-size: 0.86rem;
    font-weight: 500;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 100px;
}

.rp-group-actions[b-mphjcfyfcl] {
    display: flex;
    align-items: center;
    gap: 0.35rem;
    flex-shrink: 0;
}

/* Switch sidebar (più piccolo) */
.rp-group-switch[b-mphjcfyfcl] {
    width: 2rem !important;
    height: 1.1rem !important;
    cursor: pointer;
}

/* Switch pannello destro */
.rp-perm-switch[b-mphjcfyfcl] {
    width: 2.5rem !important;
    height: 1.25rem !important;
    cursor: pointer;
}

.rp-group-count[b-mphjcfyfcl] {
    font-size: 0.73rem;
    font-weight: 600;
    padding: 0.1em 0.45em;
    border-radius: 0.3rem;
    flex-shrink: 0;
    line-height: 1.5;
}

    .rp-group-count.full[b-mphjcfyfcl] {
        background: rgba(22, 163, 74, 0.13);
        color: #15803d;
    }

    .rp-group-count.partial[b-mphjcfyfcl] {
        background: rgba(234, 179, 8, 0.15);
        color: #a16207;
    }

    .rp-group-count.empty[b-mphjcfyfcl] {
        background: rgba(16, 24, 40, 0.06);
        color: rgba(16, 24, 40, 0.4);
    }

/* Progress bar */
.rp-bar-track[b-mphjcfyfcl] {
    height: 3px;
    background: rgba(16, 24, 40, 0.07);
    border-radius: 2px;
    overflow: hidden;
}

.rp-bar-fill[b-mphjcfyfcl] {
    height: 100%;
    border-radius: 2px;
    transition: width 0.3s ease;
}

    .rp-bar-fill.full[b-mphjcfyfcl] {
        background: #16a34a;
    }

    .rp-bar-fill.partial[b-mphjcfyfcl] {
        background: #eab308;
    }

    .rp-bar-fill.empty[b-mphjcfyfcl] {
        background: transparent;
    }

/* ── Right detail panel ────────────────────────────────── */
.rp-detail[b-mphjcfyfcl] {
    flex: 1;
    display: flex;
    flex-direction: column;
    overflow: hidden;
    min-width: 0;
}

.rp-placeholder[b-mphjcfyfcl] {
    flex: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 0.75rem;
    color: rgba(16, 24, 40, 0.35);
    font-size: 0.9rem;
    text-align: center;
    padding: 2rem;
}

    .rp-placeholder svg[b-mphjcfyfcl] {
        opacity: 0.28;
    }

.rp-detail-header[b-mphjcfyfcl] {
    display: flex;
    align-items: baseline;
    gap: 0.5rem;
    padding: 0.55rem 1rem 0.45rem;
    border-bottom: 1px solid rgba(16, 24, 40, 0.07);
    flex-shrink: 0;
    background: rgba(16, 24, 40, 0.015);
}

.rp-detail-title[b-mphjcfyfcl] {
    font-size: 0.95rem;
    font-weight: 600;
}

.rp-detail-subtitle[b-mphjcfyfcl] {
    font-size: 0.78rem;
    color: rgba(16, 24, 40, 0.42);
}

/* Permission rows */
.rp-perm-list[b-mphjcfyfcl] {
    flex: 1;
    overflow-y: auto;
    padding: 0.2rem 0;
}

.rp-perm-row[b-mphjcfyfcl] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0.5rem 1rem;
    border-bottom: 1px solid rgba(16, 24, 40, 0.04);
    transition: background 0.12s;
    gap: 0.75rem;
}

    .rp-perm-row:last-child[b-mphjcfyfcl] {
        border-bottom: none;
    }

    .rp-perm-row:hover[b-mphjcfyfcl] {
        background: rgba(99, 102, 241, 0.04);
    }

    .rp-perm-row.on[b-mphjcfyfcl] {
        background: rgba(22, 163, 74, 0.03);
    }

        .rp-perm-row.on:hover[b-mphjcfyfcl] {
            background: rgba(22, 163, 74, 0.07);
        }

.rp-perm-info[b-mphjcfyfcl] {
    display: flex;
    flex-direction: column;
    gap: 0.1rem;
    flex: 1;
    min-width: 0;
}

.rp-perm-name[b-mphjcfyfcl] {
    font-size: 0.88rem;
    font-weight: 500;
}

.rp-perm-desc[b-mphjcfyfcl] {
    font-size: 0.78rem;
    color: rgba(16, 24, 40, 0.48);
}

.rp-no-results[b-mphjcfyfcl] {
    padding: 1.5rem;
    text-align: center;
    color: rgba(16, 24, 40, 0.38);
    font-size: 0.86rem;
}

/* ── Scrollbars ────────────────────────────────────────── */
.rp-sidebar[b-mphjcfyfcl]::-webkit-scrollbar,
.rp-perm-list[b-mphjcfyfcl]::-webkit-scrollbar {
    width: 5px;
}

.rp-sidebar[b-mphjcfyfcl]::-webkit-scrollbar-track,
.rp-perm-list[b-mphjcfyfcl]::-webkit-scrollbar-track {
    background: transparent;
}

.rp-sidebar[b-mphjcfyfcl]::-webkit-scrollbar-thumb,
.rp-perm-list[b-mphjcfyfcl]::-webkit-scrollbar-thumb {
    background: rgba(0, 0, 0, 0.13);
    border-radius: 4px;
}

/* ── Mobile ────────────────────────────────────────────── */
@media (max-width: 575.98px) {
    .rp-body[b-mphjcfyfcl] {
        flex-direction: column;
    }

    .rp-sidebar[b-mphjcfyfcl] {
        width: 100%;
        max-height: 200px;
        border-right: none;
        border-bottom: 1px solid rgba(16, 24, 40, 0.08);
    }

    .rp-topbar[b-mphjcfyfcl] {
        flex-wrap: wrap;
    }

    .rp-search[b-mphjcfyfcl] {
        flex-basis: 100%;
    }
}
/* /Components/Pages/Identity/Users/Partials/ProfileInformation.razor.rz.scp.css */
.profile-picture-row[b-n52hrdnql7] {
    display: flex;
    justify-content: center;
    margin: 2rem 0 1.5rem;
}
.profile-picture-container[b-n52hrdnql7] {
    display: flex;
    border: 0.0625rem solid var(--dxds-color-border-neutral-default-rest);
    border-radius: 50%;
    /* clip the hover overlay to the circle */
    overflow: hidden;
    align-items: center;
    justify-content: center;
    position: relative;
    width: var(--profile-picture-size);
    aspect-ratio: 1 / 1;
    cursor: pointer;
}
    .profile-picture-container:hover[b-n52hrdnql7] {
        border-color: var(--dxds-color-border-primary-subdued-rest);
    }
    .profile-picture-container img[b-n52hrdnql7] {
        width: 100%;
        height: 100%;
        object-fit: cover;
        display: block;
        border-radius: 50%;
    }
.user-initials[b-n52hrdnql7] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    font-weight: 600;
    font-size: calc(var(--profile-picture-size) * 0.4);
    color: var(--dxds-color-text-default, #222);
    background: transparent;
}

/* On hover/focus the whole avatar becomes a translucent "edit photo" button. */
.upload-overlay[b-n52hrdnql7] {
    position: absolute;
    inset: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background: rgba(15, 23, 42, 0.55);
    opacity: 0;
    transition: opacity .15s ease;
    pointer-events: none;
}
    .profile-picture-container:hover .upload-overlay[b-n52hrdnql7],
    .profile-picture-container:focus-visible .upload-overlay[b-n52hrdnql7] {
        opacity: 1;
    }
    .upload-overlay .edit-icon[b-n52hrdnql7] {
        width: calc(var(--profile-picture-size) * 0.3);
        height: calc(var(--profile-picture-size) * 0.3);
        display: inline-block;
        background: #fff;
        -webkit-mask-image: url('/images/icons/grid/edit.svg');
        mask-image: url('/images/icons/grid/edit.svg');
        -webkit-mask-repeat: no-repeat;
        mask-repeat: no-repeat;
        -webkit-mask-position: center;
        mask-position: center;
        -webkit-mask-size: contain;
        mask-size: contain;
    }
.sr-only[b-n52hrdnql7] {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0,0,0,0);
    white-space: nowrap;
    border: 0;
}
/* /Components/Pages/Identity/Users/Partials/UserAvatar.razor.rz.scp.css */
.no-hover[b-mtnb8pmp32] {
    pointer-events: auto;
}
    .no-hover:hover[b-mtnb8pmp32] {
        cursor: default;
        transform: none !important;
        box-shadow: none !important;
    }
/* /Components/Pages/Identity/Users/Partials/UserPermissions.razor.rz.scp.css */
/* ── Shell ─────────────────────────────────────────────── */
.up-shell[b-cbzbzlo861] {
    display: flex;
    flex-direction: column;
    height: calc(100vh - 240px);
    overflow: hidden;
    border-radius: 0.5rem;
}

/* ── Topbar ────────────────────────────────────────────── */
.up-topbar[b-cbzbzlo861] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.5rem 0.75rem;
    border-bottom: 1px solid rgba(16, 24, 40, 0.08);
    background: rgba(99, 102, 241, 0.03);
    flex-shrink: 0;
}

.up-search[b-cbzbzlo861] {
    flex: 1;
    min-width: 0;
}

.up-action-btn[b-cbzbzlo861] {
    flex-shrink: 0;
}

/* ── Body (split pane) ─────────────────────────────────── */
.up-body[b-cbzbzlo861] {
    display: flex;
    flex: 1;
    overflow: hidden;
    min-height: 0;
}

/* ── Left sidebar ──────────────────────────────────────── */
.up-sidebar[b-cbzbzlo861] {
    width: 230px;
    flex-shrink: 0;
    overflow-y: auto;
    border-right: 1px solid rgba(16, 24, 40, 0.08);
    padding: 0.375rem 0;
}

.up-group-item[b-cbzbzlo861] {
    padding: 0.45rem 0.75rem 0.4rem;
    cursor: pointer;
    transition: background 0.15s;
    border-left: 3px solid transparent;
}

    .up-group-item:hover[b-cbzbzlo861] {
        background: rgba(99, 102, 241, 0.06);
    }

    .up-group-item.active[b-cbzbzlo861] {
        background: rgba(99, 102, 241, 0.09);
        border-left-color: var(--bs-primary, #6366f1);
    }

.up-group-row[b-cbzbzlo861] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 0.22rem;
}

.up-group-name[b-cbzbzlo861] {
    font-size: 0.86rem;
    font-weight: 500;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 100px;
}

.up-group-actions[b-cbzbzlo861] {
    display: flex;
    align-items: center;
    gap: 0.35rem;
    flex-shrink: 0;
}

.up-group-switch[b-cbzbzlo861] {
    width: 2rem !important;
    height: 1.1rem !important;
    cursor: pointer;
}

.up-group-count[b-cbzbzlo861] {
    font-size: 0.73rem;
    font-weight: 600;
    padding: 0.1em 0.45em;
    border-radius: 0.3rem;
    flex-shrink: 0;
    line-height: 1.5;
}

    .up-group-count.full[b-cbzbzlo861] {
        background: rgba(22, 163, 74, 0.13);
        color: #15803d;
    }

    .up-group-count.partial[b-cbzbzlo861] {
        background: rgba(234, 179, 8, 0.15);
        color: #a16207;
    }

    .up-group-count.empty[b-cbzbzlo861] {
        background: rgba(16, 24, 40, 0.06);
        color: rgba(16, 24, 40, 0.4);
    }

/* Progress bar */
.up-bar-track[b-cbzbzlo861] {
    height: 3px;
    background: rgba(16, 24, 40, 0.07);
    border-radius: 2px;
    overflow: hidden;
}

.up-bar-fill[b-cbzbzlo861] {
    height: 100%;
    border-radius: 2px;
    transition: width 0.3s ease;
}

    .up-bar-fill.full[b-cbzbzlo861] {
        background: #16a34a;
    }

    .up-bar-fill.partial[b-cbzbzlo861] {
        background: #eab308;
    }

    .up-bar-fill.empty[b-cbzbzlo861] {
        background: transparent;
    }

/* ── Right detail panel ────────────────────────────────── */
.up-detail[b-cbzbzlo861] {
    flex: 1;
    display: flex;
    flex-direction: column;
    overflow: hidden;
    min-width: 0;
}

.up-placeholder[b-cbzbzlo861] {
    flex: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 0.75rem;
    color: rgba(16, 24, 40, 0.35);
    font-size: 0.9rem;
    text-align: center;
    padding: 2rem;
}

    .up-placeholder svg[b-cbzbzlo861] {
        opacity: 0.28;
    }

.up-detail-header[b-cbzbzlo861] {
    display: flex;
    align-items: baseline;
    gap: 0.5rem;
    padding: 0.55rem 1rem 0.45rem;
    border-bottom: 1px solid rgba(16, 24, 40, 0.07);
    flex-shrink: 0;
    background: rgba(16, 24, 40, 0.015);
}

.up-detail-title[b-cbzbzlo861] {
    font-size: 0.95rem;
    font-weight: 600;
}

.up-detail-subtitle[b-cbzbzlo861] {
    font-size: 0.78rem;
    color: rgba(16, 24, 40, 0.42);
}

/* Permission rows */
.up-perm-list[b-cbzbzlo861] {
    flex: 1;
    overflow-y: auto;
    padding: 0.2rem 0;
}

.up-perm-row[b-cbzbzlo861] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0.5rem 1rem;
    border-bottom: 1px solid rgba(16, 24, 40, 0.04);
    transition: background 0.12s;
    gap: 0.75rem;
}

    .up-perm-row:last-child[b-cbzbzlo861] {
        border-bottom: none;
    }

    .up-perm-row:hover[b-cbzbzlo861] {
        background: rgba(99, 102, 241, 0.04);
    }

    .up-perm-row.on[b-cbzbzlo861] {
        background: rgba(22, 163, 74, 0.03);
    }

        .up-perm-row.on:hover[b-cbzbzlo861] {
            background: rgba(22, 163, 74, 0.07);
        }

    .up-perm-row.inherited[b-cbzbzlo861] {
        background: rgba(99, 102, 241, 0.04);
        opacity: 0.85;
    }

        .up-perm-row.inherited:hover[b-cbzbzlo861] {
            background: rgba(99, 102, 241, 0.07);
        }

.up-perm-info[b-cbzbzlo861] {
    display: flex;
    flex-direction: column;
    gap: 0.1rem;
    flex: 1;
    min-width: 0;
}

.up-perm-name-row[b-cbzbzlo861] {
    display: flex;
    align-items: center;
    gap: 0.4rem;
    flex-wrap: wrap;
}

.up-perm-name[b-cbzbzlo861] {
    font-size: 0.88rem;
    font-weight: 500;
}

/* "Inherited" badge */
.up-inherit-badge[b-cbzbzlo861] {
    font-size: 0.68rem;
    font-weight: 600;
    padding: 0.1em 0.45em;
    border-radius: 0.3rem;
    background: rgba(99, 102, 241, 0.12);
    color: #4f46e5;
    letter-spacing: 0.02em;
    flex-shrink: 0;
}

.up-perm-desc[b-cbzbzlo861] {
    font-size: 0.78rem;
    color: rgba(16, 24, 40, 0.48);
}

.up-perm-switch[b-cbzbzlo861] {
    width: 2.5rem !important;
    height: 1.25rem !important;
    cursor: pointer;
}

.up-no-results[b-cbzbzlo861] {
    padding: 1.5rem;
    text-align: center;
    color: rgba(16, 24, 40, 0.38);
    font-size: 0.86rem;
}

/* ── Scrollbars ────────────────────────────────────────── */
.up-sidebar[b-cbzbzlo861]::-webkit-scrollbar,
.up-perm-list[b-cbzbzlo861]::-webkit-scrollbar {
    width: 5px;
}

.up-sidebar[b-cbzbzlo861]::-webkit-scrollbar-track,
.up-perm-list[b-cbzbzlo861]::-webkit-scrollbar-track {
    background: transparent;
}

.up-sidebar[b-cbzbzlo861]::-webkit-scrollbar-thumb,
.up-perm-list[b-cbzbzlo861]::-webkit-scrollbar-thumb {
    background: rgba(0, 0, 0, 0.13);
    border-radius: 4px;
}

/* ── Mobile ────────────────────────────────────────────── */
@media (max-width: 575.98px) {
    .up-body[b-cbzbzlo861] {
        flex-direction: column;
    }

    .up-sidebar[b-cbzbzlo861] {
        width: 100%;
        max-height: 200px;
        border-right: none;
        border-bottom: 1px solid rgba(16, 24, 40, 0.08);
    }

    .up-topbar[b-cbzbzlo861] {
        flex-wrap: wrap;
    }

    .up-search[b-cbzbzlo861] {
        flex-basis: 100%;
    }
}
/* /Components/Pages/Identity/Users/Profile.razor.rz.scp.css */
.profile-kudos-list[b-ik4lwhzdrn] {
    display: flex;
    flex-direction: column;
    max-height: 22rem;
    overflow-y: auto;
    padding-right: 0.25rem;
}

.profile-kudos-item[b-ik4lwhzdrn] {
    display: flex;
    align-items: flex-start;
    gap: 1rem;
    padding: 0.85rem 0.25rem;
    border-bottom: 1px solid var(--dxds-color-border-neutral-default-rest);
}
.profile-kudos-item:last-child[b-ik4lwhzdrn] {
    border-bottom: none;
}
[b-ik4lwhzdrn] .profile-kudos-item > .kudos-badge {
    flex: 0 0 auto;
    margin-top: 0.15rem;
}

.item-content[b-ik4lwhzdrn] {
    min-width: 0;
    flex: 1 1 auto;
}
.item-header[b-ik4lwhzdrn] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 0.4rem;
}
.kudos-sep[b-ik4lwhzdrn] {
    font-weight: 400;
    opacity: 0.6;
}
.a-from[b-ik4lwhzdrn] {
    font-weight: 600;
}
.a-body[b-ik4lwhzdrn] {
    white-space: pre-wrap;
    font-size: 0.92em;
    line-height: 1.4;
    margin-top: 0.35rem;
}
.a-meta[b-ik4lwhzdrn] {
    margin-top: 0.35rem;
    font-size: 0.78em;
    opacity: 0.65;
}

.small-size .kudos-sep[b-ik4lwhzdrn],
.small-size .a-from[b-ik4lwhzdrn] {
    font-size: 0.92em;
}
.small-size .a-body[b-ik4lwhzdrn] {
    font-size: 0.85em;
}
.small-size .a-meta[b-ik4lwhzdrn] {
    font-size: 0.72em;
}
.large-size .kudos-sep[b-ik4lwhzdrn],
.large-size .a-from[b-ik4lwhzdrn] {
    font-size: 1.05em;
}
.large-size .a-body[b-ik4lwhzdrn] {
    font-size: 0.97em;
}
.large-size .a-meta[b-ik4lwhzdrn] {
    font-size: 0.82em;
}
/* /Components/Pages/Identity/Users/UserDetails.razor.rz.scp.css */
.user-avatar[b-xrse3qxom5] {
    display: flex;
    align-items: flex-end !important;
    justify-content: center;
    gap: 1px;
}

.user-picture[b-xrse3qxom5] {
    position: relative;
    width: var(--profile-picture-size);
    height: var(--profile-picture-size);
    border-radius: 50%;
    background: linear-gradient(135deg, #eef2ff, #e0e7ff);
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    cursor: pointer;
}

    .user-picture img[b-xrse3qxom5] {
        width: 100%;
        height: 100%;
        object-fit: cover;
        border-radius: 50%;
    }

.user-initials[b-xrse3qxom5] {
    font-size: calc(var(--profile-picture-size) * 0.335);
    font-weight: 600;
    color: var(--dxds-color-text-default, #222);
    user-select: none;
}

.d-flex.justify-center[b-xrse3qxom5] {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 14px;
}

/* On hover/focus the whole avatar becomes a translucent "edit photo" button. */
.upload-overlay[b-xrse3qxom5] {
    position: absolute;
    inset: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background: rgba(15, 23, 42, 0.55);
    opacity: 0;
    transition: opacity .15s ease;
    pointer-events: none;
}

    .user-picture:hover .upload-overlay[b-xrse3qxom5],
    .user-picture:focus-visible .upload-overlay[b-xrse3qxom5] {
        opacity: 1;
    }

    .upload-overlay .edit-icon[b-xrse3qxom5] {
        width: calc(var(--profile-picture-size) * 0.3);
        height: calc(var(--profile-picture-size) * 0.3);
        display: inline-block;
        background: #fff;
        -webkit-mask-image: url('/images/icons/grid/edit.svg');
        mask-image: url('/images/icons/grid/edit.svg');
        -webkit-mask-repeat: no-repeat;
        mask-repeat: no-repeat;
        -webkit-mask-position: center;
        mask-position: center;
        -webkit-mask-size: contain;
        mask-size: contain;
    }

.user-picture:focus-visible[b-xrse3qxom5] {
    outline: 2px solid #c7d2fe;
    outline-offset: 3px;
}

.sr-only[b-xrse3qxom5] {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
}

.roles-wrapper[b-xrse3qxom5] {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    gap: 6px;
    margin-bottom: 6px;
}

    .roles-wrapper .badge[b-xrse3qxom5] {
        display: inline-flex;
        flex: 0 0 auto;
        align-self: center;
        height: auto;
    }

.status-wrapper[b-xrse3qxom5] {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 8px;
}

    .status-wrapper .badge[b-xrse3qxom5] {
        display: inline-flex;
        flex: 0 0 auto;
        align-self: center;
        height: auto;
    }

.contact-wrapper[b-xrse3qxom5] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    font-size: 0.85rem;
    color: #374151;
    margin-top: 6px;
}

    .contact-wrapper a[b-xrse3qxom5] {
        display: flex;
        align-items: center;
        text-decoration: none;
    }

.button-icon[b-xrse3qxom5] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    transition: background 0.2s ease, transform 0.2s ease;
    cursor: pointer;
}

    .button-icon:hover[b-xrse3qxom5] {
        transform: scale(1.1);
    }

.email-icon[b-xrse3qxom5] {
    color: #2563eb;
    cursor: pointer;
}

    .email-icon:hover[b-xrse3qxom5] {
        background: rgba(37, 99, 235, 0.1);
    }

.phone-icon[b-xrse3qxom5] {
    color: #059669;
    cursor: pointer;
}

    .phone-icon:hover[b-xrse3qxom5] {
        background: rgba(5, 150, 105, 0.1);
    }

.contact-wrapper span[b-xrse3qxom5] {
    word-break: break-all;
}

.content-user-detail[b-xrse3qxom5] {
    height: max(calc(100vh - 232px), 720px) !important;
    min-height: 720px;
}

.alert[b-xrse3qxom5] {
    padding: 1rem 1.5rem;
    margin-bottom: 1rem;
    border-left: 5px solid;
    border-radius: 4px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    box-shadow: 0 2px 4px rgba(0,0,0,0.1);
    animation: slideIn-b-xrse3qxom5 0.3s ease-out;
    background-color: #fff3cd;
    color: #856404;
    border-color: #ffc107;
}

@keyframes slideIn-b-xrse3qxom5 {
    from {
        opacity: 0;
        transform: translateY(-10px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}
/* /Components/Pages/MasteData/Customers/CustomerDetails.razor.rz.scp.css */
.small-size .customer-form[b-310uaf11n2] {
    --customer-caption-font-size: var(--dxds-font-size-body-1-strong);
    --customer-caption-font-weight: var(--dxds-font-weight-body-1-strong);
    --customer-caption-line-height: var(--dxds-line-height-body-1-strong);
}

.medium-size .customer-form[b-310uaf11n2] {
    --customer-caption-font-size: var(--dxds-font-size-subtitle-2);
    --customer-caption-font-weight: var(--dxds-font-weight-subtitle-2);
    --customer-caption-line-height: var(--dxds-line-height-subtitle-2);
}

.large-size .customer-form[b-310uaf11n2] {
    --customer-caption-font-size: var(--dxds-font-size-subtitle-1);
    --customer-caption-font-weight: var(--dxds-font-weight-subtitle-1);
    --customer-caption-line-height: var(--dxds-line-height-subtitle-1);
}
/* /Components/Pages/Platform/Account/PlatformLogin.razor.rz.scp.css */
.auth-login[b-zqb5rz140m] {
    display: flex;
    flex-direction: column;
    gap: 0.625rem;
}

    .auth-login a[b-zqb5rz140m] {
        color: #efefef;
        text-decoration: none;
    }

        .auth-login a:hover[b-zqb5rz140m] {
            color: rgba(255, 255, 255, 0.5);
            text-decoration: none;
        }

[b-zqb5rz140m] .login-caption {
    font-size: .875em !important;
    line-height: 1.125rem;
    color: #fff;
}

[b-zqb5rz140m] .rememberme-caption {
    color: #fff;
}

[b-zqb5rz140m] .dxbl-text-edit {
    --dxbl-text-edit-bg: trasparent !important;
    --dxbl-text-edit-color: #fff !important;
    --dxbl-text-edit-underline-color: #fff !important;
}

    [b-zqb5rz140m] .dxbl-text-edit.invalid {
        --dxbl-text-edit-border-color: #fff;
    }

[b-zqb5rz140m] .dxbl-btn.login-button {
    color: #fff !important;
}

[b-zqb5rz140m] .dxbl-btn.login-button:focus {
    background-color: transparent;
    color: #fff !important;
}

[b-zqb5rz140m] .dxbl-btn.login-button:hover {
    background-color: #fff;
    color: #000 !important;
}

[b-zqb5rz140m] .login-button:focus {
    background-color: transparent !important;
    color: #fff !important;
}

[b-zqb5rz140m] .login-button:hover {
    background-color: #fff !important;
    color: #000 !important;
}
/* /Components/Pages/Platform/Dashboard/PlatformDashboard.razor.rz.scp.css */
/* .content-root and .card are defined globally in wwwroot/css/app.css - do not redefine them here. */

.dashboard[b-k86tvv3y13] {
    flex-grow: 1;
}

/* --- Greeting --- */
.greeting[b-k86tvv3y13] {
    font-family: var(--dxds-font-family-sans-serif);
    font-size: 1.2em;
    font-weight: 600;
    margin-bottom: 0.35rem;
}
.small-size .greeting[b-k86tvv3y13] {
    font-size: var(--dxds-font-size-title-xs);
    font-weight: var(--dxds-font-weight-title-default);
    line-height: var(--dxds-line-height-title-xs);
}
.medium-size .greeting[b-k86tvv3y13] {
    font-size: var(--dxds-font-size-title-sm);
    font-weight: var(--dxds-font-weight-title-default);
    line-height: var(--dxds-line-height-title-sm);
}
.large-size .greeting[b-k86tvv3y13] {
    font-size: var(--dxds-font-size-title-md);
    font-weight: var(--dxds-font-weight-title-default);
    line-height: var(--dxds-line-height-title-md);
}
.welcome-card[b-k86tvv3y13] {
    margin-bottom: 1rem;
    padding: 1.5rem 2rem;
}
.date-label[b-k86tvv3y13] {
    font-size: 0.875em;
    opacity: 0.6;
    text-transform: capitalize;
}

/* KPI card styles (.kpi-row / .kpi-card / .kpi-value / .kpi-label) are shared -
   see wwwroot/css/app.css. Accent colour is passed per card via inline --kpi-accent. */
/* /Components/Pages/Platform/NavMenus/NavMenuEditor.razor.rz.scp.css */
.nm-content[b-bkciz6lmme] {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
    padding-bottom: 1.5rem;
}
.nm-page-empty[b-bkciz6lmme] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 4rem 1rem;
    gap: 0.75rem;
    color: var(--dxds-color-content-neutral-muted-rest, #999);
}
.nm-page-empty-icon[b-bkciz6lmme] {
    font-size: 2.5rem;
    opacity: 0.25;
    line-height: 1;
}
.nm-page-empty-text[b-bkciz6lmme] {
    margin: 0;
    font-size: 0.9rem;
}
.popup-body[b-bkciz6lmme] {
    padding: 1rem 1.25rem;
    overflow: hidden;
}
.nm-section[b-bkciz6lmme] {
    background: var(--dxds-color-surface-neutral-default-rest, #fff);
    border: 1px solid var(--dxds-color-border-neutral-default-rest, #e0e0e0);
    border-radius: 0.5rem;
    overflow: hidden;
}
.nm-icon-picker[b-bkciz6lmme] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.4rem;
    padding: 0.15rem 0;
}
.nm-icon-cell[b-bkciz6lmme] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 0.3rem;
    width: 68px;
    padding: 0.5rem 0.25rem 0.4rem;
    border: 1px solid var(--dxds-color-border-neutral-default-rest, #dee2e6);
    border-radius: 6px;
    background: var(--dxds-color-surface-neutral-default-rest, #fff);
    cursor: pointer;
    transition: border-color 0.15s, background 0.15s, box-shadow 0.15s;
    color: var(--dxds-color-content-primary-default-rest, #5f368d);
}
.nm-icon-cell:hover[b-bkciz6lmme] {
    border-color: var(--dxds-color-surface-primary-default-rest, #5f368d);
    background: color-mix(in sRGB, var(--dxds-color-surface-primary-default-rest, #5f368d) 6%, transparent);
}
.nm-icon-cell-selected[b-bkciz6lmme] {
    border-color: var(--dxds-color-surface-primary-default-rest, #5f368d);
    background: color-mix(in sRGB, var(--dxds-color-surface-primary-default-rest, #5f368d) 12%, transparent);
    box-shadow: 0 0 0 2px color-mix(in sRGB, var(--dxds-color-surface-primary-default-rest, #5f368d) 30%, transparent);
}
.nm-icon-cell-img[b-bkciz6lmme] {
    width: 1.5rem;
    height: 1.5rem;
    display: block;
    opacity: 0.65;
    transition: opacity 0.15s;
}
.nm-icon-cell:hover .nm-icon-cell-img[b-bkciz6lmme],
.nm-icon-cell-selected .nm-icon-cell-img[b-bkciz6lmme] {
    opacity: 1;
}
.nm-icon-dot-lg[b-bkciz6lmme] {
    width: 10px;
    height: 10px;
    border-radius: 50%;
    border: 1.5px solid var(--dxds-color-content-neutral-muted-rest, #aaa);
    display: block;
    color: var(--dxds-color-content-neutral-muted-rest, #aaa);
}

/* Size-mode variants: .nm-item/.nm-icon-chip/etc. are rendered by the recursive
   NavMenuEditorNode child component, not directly here, so they need ::deep to be
   reached from this component's own CSS-isolation scope. */
.nm-content.small-size[b-bkciz6lmme] {
    gap: 0.5rem;
}
.nm-content.small-size[b-bkciz6lmme]  .nm-item {
    padding: 0.4rem 0.625rem;
    gap: 0.5rem;
}
.nm-content.small-size[b-bkciz6lmme]  .nm-icon-chip {
    width: 24px;
    height: 24px;
    border-radius: 5px;
    font-size: 1rem;
}
.nm-content.small-size[b-bkciz6lmme]  .nm-icon-chip i {
    width: 1rem;
    height: 1rem;
}
.nm-content.small-size[b-bkciz6lmme]  .nm-item-title {
    font-size: 0.78rem;
}
.nm-content.small-size[b-bkciz6lmme]  .nm-item-url {
    font-size: 0.66rem;
}
.nm-content.small-size[b-bkciz6lmme]  .nm-subitems {
    margin-left: 2rem;
}
.nm-content.small-size[b-bkciz6lmme]  .nm-empty-hint {
    padding: 0.4rem 0.625rem;
    font-size: 0.72rem;
}
.nm-content.large-size[b-bkciz6lmme] {
    gap: 1rem;
}
.nm-content.large-size[b-bkciz6lmme]  .nm-item {
    padding: 0.7rem 1.125rem;
    gap: 0.875rem;
}
.nm-content.large-size[b-bkciz6lmme]  .nm-icon-chip {
    width: 36px;
    height: 36px;
    border-radius: 8px;
    font-size: 1.4rem;
}
.nm-content.large-size[b-bkciz6lmme]  .nm-icon-chip i {
    width: 1.5rem;
    height: 1.5rem;
}
.nm-content.large-size[b-bkciz6lmme]  .nm-item-title {
    font-size: 0.92rem;
}
.nm-content.large-size[b-bkciz6lmme]  .nm-item-url {
    font-size: 0.78rem;
}
.nm-content.large-size[b-bkciz6lmme]  .nm-subitems {
    margin-left: 3.25rem;
}
.nm-content.large-size[b-bkciz6lmme]  .nm-empty-hint {
    padding: 0.75rem 1.125rem;
    font-size: 0.84rem;
}
/* /Components/Pages/Platform/NavMenus/Partials/NavMenuEditorNode.razor.rz.scp.css */
.nm-item[b-yz6pv5ctdi] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    padding: 0.55rem 0.875rem;
    border-bottom: 1px solid var(--dxds-color-border-neutral-default-rest, #f0f0f0);
    transition: background 0.12s ease;
}
.nm-item:last-child[b-yz6pv5ctdi],
.nm-item.nm-item-parent[b-yz6pv5ctdi] {
    border-bottom: none;
}
.nm-item:hover[b-yz6pv5ctdi] {
    background: color-mix(in sRGB, var(--dxds-color-surface-neutral-subdued-rest, #f8f9fa) 80%, transparent);
}
.nm-item:hover .nm-item-actions[b-yz6pv5ctdi] {
    opacity: 1;
}
.nm-collapse-btn[b-yz6pv5ctdi] {
    background: none;
    border: none;
    padding: 0.2rem;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 4px;
    flex-shrink: 0;
    transition: color 0.15s, background 0.15s;
}
.nm-collapse-btn:hover[b-yz6pv5ctdi] {
    color: var(--dxds-color-content-neutral-default-rest, #333);
    background: color-mix(in sRGB, var(--dxds-color-surface-neutral-subdued-rest, #e9ecef) 60%, transparent);
}
.nm-chevron[b-yz6pv5ctdi] {
    display: block;
    width: 7px;
    height: 7px;
    border-right: 2px solid currentColor;
    border-bottom: 2px solid currentColor;
    transform: rotate(-45deg);
    transition: transform 0.2s ease;
    margin-top: 2px;
}
.nm-chevron-open[b-yz6pv5ctdi] {
    transform: rotate(45deg);
    margin-top: -1px;
}
.nm-count-pill[b-yz6pv5ctdi] {
    font-size: 0.68rem;
    font-weight: 500;
    padding: 0.1rem 0.55rem;
    border-radius: 1rem;
    background: var(--dxds-color-surface-neutral-subdued-rest, #e9ecef);
    border: 1px solid var(--dxds-color-border-neutral-default-rest, #dee2e6);
    color: #6c757d;
    white-space: nowrap;
}
.nm-icon-chip[b-yz6pv5ctdi] {
    width: 30px;
    height: 30px;
    border-radius: 7px;
    background: color-mix(in sRGB, var(--dxds-color-surface-primary-default-rest, #5f368d) 10%, transparent);
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    color: var(--dxds-color-content-primary-default-rest, #5f368d);
    font-size: 1.25rem;
    margin-top: 0.05rem;
}
.nm-icon-chip i[b-yz6pv5ctdi] {
    width: 1.25rem;
    height: 1.25rem;
    display: block;
    flex-shrink: 0;
}
.nm-icon-dot[b-yz6pv5ctdi] {
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: var(--dxds-color-content-neutral-muted-rest, #aaa);
    display: block;
}
.nm-item-body[b-yz6pv5ctdi] {
    flex: 1;
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 0.05rem;
}
.nm-item-title[b-yz6pv5ctdi] {
    font-weight: 600;
    font-size: 0.85rem;
    color: var(--dxds-color-content-neutral-default-rest, #333);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: block;
    line-height: 1.4;
}
.nm-item-url[b-yz6pv5ctdi] {
    font-size: 0.72rem;
    color: #6c757d;
    font-family: ui-monospace, 'Cascadia Code', Consolas, monospace;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: block;
    margin-top: 1px;
    opacity: 0.85;
}
.nm-item-actions[b-yz6pv5ctdi] {
    display: flex;
    align-items: center;
    gap: 0;
    opacity: 0.35;
    transition: opacity 0.15s ease;
    flex-shrink: 0;
    margin-top: -0.1rem;
}
.nm-item-actions[b-yz6pv5ctdi]  .dxbl-btn {
    padding-left: 1px;
    padding-right: 1px;
}
.nm-subitems[b-yz6pv5ctdi] {
    border-top: 1px solid var(--dxds-color-border-neutral-default-rest, #f0f0f0);
    border-left: 3px solid color-mix(in sRGB, var(--dxds-color-surface-primary-default-rest, #5f368d) 20%, transparent);
    background: color-mix(in sRGB, var(--dxds-color-surface-neutral-subdued-rest, #f8f9fa) 60%, transparent);
    margin-left: 2.625rem;
}
.nm-sort-btn[b-yz6pv5ctdi] {
    background: none;
    border: none;
    padding: 0.1rem 0.25rem;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 3px;
    flex-shrink: 0;
    font-size: 0.55rem;
    line-height: 1;
    color: #aaa;
    transition: color 0.15s, background 0.15s;
}
.nm-sort-btn:hover:not(:disabled)[b-yz6pv5ctdi] {
    color: var(--dxds-color-content-neutral-default-rest, #333);
    background: color-mix(in sRGB, var(--dxds-color-surface-neutral-subdued-rest, #e9ecef) 60%, transparent);
}
.nm-sort-btn:disabled[b-yz6pv5ctdi] {
    opacity: 0.2;
    cursor: default;
}
.nm-empty-hint[b-yz6pv5ctdi] {
    padding: 0.6rem 0.875rem;
    font-size: 0.78rem;
    color: var(--dxds-color-content-neutral-muted-rest, #999);
    font-style: italic;
    border-top: 1px solid var(--dxds-color-border-neutral-default-rest, #f0f0f0);
}
/* /Components/Pages/Platform/Profile/PlatformProfile.razor.rz.scp.css */
.profile-picture-container[b-u87n0c32o6] {
    display: flex;
    border: 0.0625rem solid var(--dxds-color-border-neutral-default-rest);
    border-radius: 50%;
    overflow: visible;
    align-items: center;
    justify-content: center;
    position: relative;
    width: var(--profile-picture-size);
    aspect-ratio: 1 / 1;
}
    .profile-picture-container:hover[b-u87n0c32o6] {
        cursor: pointer;
        border-color: var(--dxds-color-border-primary-subdued-rest);
    }
    .profile-picture-container img[b-u87n0c32o6] {
        width: 100%;
        height: 100%;
        object-fit: cover;
        display: block;
        border-radius: 50%;
    }
.user-initials[b-u87n0c32o6] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    font-weight: 600;
    font-size: calc(var(--profile-picture-size) * 0.4);
    color: var(--dxds-color-text-default, #222);
    background: transparent;
}
.upload-button[b-u87n0c32o6] {
    position: relative;
    right: 6px;
    bottom: 6px;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #367EBC;
    border: 1px solid #367EBC;
    cursor: pointer;
    transition: transform .12s, box-shadow .12s, opacity .12s;
}
    .upload-button:hover[b-u87n0c32o6],
    .upload-button:focus[b-u87n0c32o6] {
        transform: scale(1.1);
    }
    .upload-button .photo-camera-icon[b-u87n0c32o6] {
        width: 20px;
        height: 20px;
        display: inline-block;
        -webkit-mask-image: url('/images/icons/photocamera.svg');
        mask-image: url('/images/icons/photocamera.svg');
        mask-size: contain;
        background: #fff;
    }
.sr-only[b-u87n0c32o6] {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0,0,0,0);
    white-space: nowrap;
    border: 0;
}
/* /Components/Pages/Projects/Overview/ProjectsOverview.razor.rz.scp.css */
.head-card[b-0wzc4eagkj] {
    margin-bottom: 1rem;
    padding: 0.9rem 0.9rem;
}

.head-card .subtitle[b-0wzc4eagkj] {
    font-size: 0.875em;
    opacity: 0.65;
    margin-top: 0.25rem;
}

/* --- Sections --- */
.overview-grid[b-0wzc4eagkj] {
    width: 100%;
}
.section[b-0wzc4eagkj] {
    height: 100%;
}
.section-head[b-0wzc4eagkj] {
    display: flex;
    align-items: center;
    gap: 0.6rem;
    margin-bottom: 0.75rem;
}
.section-head .title[b-0wzc4eagkj] {
    font-weight: 600;
    font-size: 1.05em;
}

.text-muted[b-0wzc4eagkj] {
    opacity: 0.6;
    font-size: 0.9em;
}

/* --- Activity cells --- */
[b-0wzc4eagkj] .act-overdue {
    color: #eb5757;
    font-weight: 600;
}
[b-0wzc4eagkj] .ctx-badge {
    display: inline-block;
    padding: 0.05rem 0.45rem;
    margin-right: 0.35rem;
    border-radius: 0.3rem;
    font-size: 0.72rem;
    font-weight: 600;
    background-color: rgba(10, 10, 10, 0.08);
    text-transform: uppercase;
    letter-spacing: 0.02em;
}
/* /Components/Pages/Projects/Partials/ProjectControlPanel.razor.rz.scp.css */
.cp-row[b-z4unize48e] {
    display: flex;
    flex-wrap: wrap;
    gap: 1rem;
}

.cp-chart-card[b-z4unize48e] {
    flex: 0 1 400px;
    padding: 1rem 1.25rem;
}

.cp-chart-title[b-z4unize48e] {
    font-size: 0.8rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    opacity: 0.6;
    margin-bottom: 0.5rem;
}

.cp-no-data[b-z4unize48e] {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 200px;
    opacity: 0.45;
    font-size: 0.875rem;
}

.cp-team-card[b-z4unize48e],
.cp-overdue-card[b-z4unize48e] {
    flex: 1 1 480px;
    padding: 1rem 1.25rem;
    min-width: 0;
}

.cp-overdue-days[b-z4unize48e] {
    color: #dc3545;
    font-weight: 700;
}

/* Fixed size regardless of SizeMode: at --badge-font-size's Small value (9px) this label
   becomes unreadable, and it's secondary info that doesn't need to shrink with the UI. */
.cp-left-badge[b-z4unize48e] {
    font-size: 0.7rem !important;
    padding: 0.2rem 0.4rem !important;
    white-space: nowrap;
}

[b-z4unize48e] .cp-chart-sm text {
    font-size: 10px !important;
}

[b-z4unize48e] .cp-chart-md text {
    font-size: 12px !important;
}

[b-z4unize48e] .cp-chart-lg text {
    font-size: 14px !important;
}
/* /Components/Pages/Projects/ProjectActivities/Partials/ProjectActivityCalendar.razor.rz.scp.css */
.act-cal-shell[b-x13v822410] {
    height: calc(100vh - 290px);
    width: 100%;
    min-height: 400px;
}

.act-cal-shell[b-x13v822410]  > div {
    height: 100%;
}
/* /Components/Pages/Projects/ProjectActivities/Partials/ProjectActivityGantt.razor.rz.scp.css */
.ag2-root[b-amlwb1wwpj] {
    width: 100%;
    margin-top: 1rem;
    --ag2-font-size: 0.8rem;
    --ag2-header-height: 34px;
    --ag2-header-height-top: 22px;
}

.ag2-size-small[b-amlwb1wwpj] {
    --ag2-font-size: 0.72rem;
    --ag2-header-height-top: 20px;
}

.ag2-size-large[b-amlwb1wwpj] {
    --ag2-font-size: 0.9rem;
    --ag2-header-height: 40px;
    --ag2-header-height-top: 24px;
}

[b-amlwb1wwpj] .ag2-scroll {
    position: relative;
    overflow: auto;
    height: calc(100vh - 290px);
    border: 1px solid #dee2e6;
    border-radius: 4px;
    background: #fff;
    font-size: var(--ag2-font-size);
}

[b-amlwb1wwpj] .ag2-content {
    position: relative;
}

/* ── Header ─────────────────────────────────────────────────────────────── */

[b-amlwb1wwpj] .ag2-header-row {
    display: flex;
    position: sticky;
    z-index: 4;
    background: #fff;
}

[b-amlwb1wwpj] .ag2-header-row-top {
    top: 0;
    border-bottom: 1px solid #eef0f2;
}

[b-amlwb1wwpj] .ag2-header-row-bottom {
    top: var(--ag2-header-height-top);
    border-bottom: 2px solid #dee2e6;
}

[b-amlwb1wwpj] .ag2-header-left {
    position: sticky;
    left: 0;
    z-index: 5;
    flex-shrink: 0;
    display: flex;
    align-items: center;
    height: var(--ag2-header-height);
    padding: 0 0.75rem;
    background: #fff;
    border-right: 1px solid #dee2e6;
    font-weight: 600;
    font-size: 0.75rem;
    color: #6c757d;
    text-transform: uppercase;
    letter-spacing: 0.03em;
}

[b-amlwb1wwpj] .ag2-header-row-top .ag2-header-left {
    height: var(--ag2-header-height-top);
}

[b-amlwb1wwpj] .ag2-header-timeline {
    position: relative;
    height: var(--ag2-header-height);
    flex-shrink: 0;
}

[b-amlwb1wwpj] .ag2-header-row-top .ag2-header-timeline {
    height: var(--ag2-header-height-top);
}

[b-amlwb1wwpj] .ag2-period {
    position: absolute;
    top: 0;
    bottom: 0;
    display: flex;
    align-items: center;
    padding-left: 6px;
    font-size: 0.75rem;
    font-weight: 600;
    color: #495057;
    border-left: 1px solid #eef0f2;
    box-sizing: border-box;
    white-space: nowrap;
    text-transform: capitalize;
    overflow: hidden;
}

[b-amlwb1wwpj] .ag2-period-weekend {
    background: rgba(0, 0, 0, 0.035);
}

[b-amlwb1wwpj] .ag2-period-top {
    font-size: 0.68rem;
    font-weight: 600;
    color: #868e96;
    text-transform: uppercase;
    letter-spacing: 0.03em;
    background: #fafbfc;
    justify-content: space-between;
    padding: 0 8px;
    gap: 6px;
}

[b-amlwb1wwpj] .ag2-period-top-label {
    overflow: hidden;
    text-overflow: ellipsis;
}

[b-amlwb1wwpj] .ag2-period-top-right {
    flex-shrink: 0;
    color: #adb5bd;
}

/* ── Zoom bar ───────────────────────────────────────────────────────────── */

[b-amlwb1wwpj] .ag2-zoom-bar {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-bottom: 0.5rem;
}

[b-amlwb1wwpj] .ag2-today-btn {
    border: 1px solid #dee2e6;
    border-radius: 4px;
    background: #fff;
    color: #495057;
    font-size: 0.75rem;
    font-weight: 500;
    padding: 4px 12px;
    cursor: pointer;
}

[b-amlwb1wwpj] .ag2-today-btn:hover {
    background: #f3f7ff;
    border-color: #0d6efd;
    color: #0d6efd;
}

[b-amlwb1wwpj] .ag2-zoom-group {
    display: inline-flex;
    border: 1px solid #dee2e6;
    border-radius: 4px;
    overflow: hidden;
}

[b-amlwb1wwpj] .ag2-zoom-btn {
    border: none;
    border-right: 1px solid #dee2e6;
    background: #fff;
    color: #495057;
    font-size: 0.75rem;
    font-weight: 500;
    padding: 4px 12px;
    cursor: pointer;
}

[b-amlwb1wwpj] .ag2-zoom-btn:last-child {
    border-right: none;
}

[b-amlwb1wwpj] .ag2-zoom-btn:hover {
    background: #f3f7ff;
}

[b-amlwb1wwpj] .ag2-zoom-btn.active {
    background: #0d6efd;
    color: #fff;
}

[b-amlwb1wwpj] .ag2-today-header {
    position: absolute;
    top: 0;
    bottom: 0;
    width: 2px;
    background: #dc3545;
    opacity: 0.6;
}

[b-amlwb1wwpj] .ag2-milestone-header {
    position: absolute;
    top: 0;
    bottom: 0;
    width: 2px;
    background: var(--ms-color, #6c757d);
    opacity: 0.7;
    cursor: default;
}

[b-amlwb1wwpj] .ag2-milestone-line {
    stroke: var(--ms-color, #6c757d);
    stroke-width: 1.5;
    stroke-dasharray: 2 3;
    opacity: 0.6;
}

[b-amlwb1wwpj] .ag2-milestone-diamond {
    fill: var(--ms-color, #6c757d);
    stroke: #fff;
    stroke-width: 1;
    cursor: default;
}

/* ── Rows ───────────────────────────────────────────────────────────────── */

[b-amlwb1wwpj] .ag2-rows {
    position: relative;
}

[b-amlwb1wwpj] .ag2-row {
    display: flex;
    border-bottom: 1px solid #f1f3f5;
}

[b-amlwb1wwpj] .ag2-cell-left {
    position: sticky;
    left: 0;
    z-index: 2;
    flex-shrink: 0;
    display: flex;
    align-items: center;
    gap: 6px;
    padding: 0 0.5rem;
    background: #fff;
    border-right: 1px solid #dee2e6;
    overflow: hidden;
    white-space: nowrap;
}

[b-amlwb1wwpj] .ag2-cell-timeline {
    position: relative;
    z-index: 0;
    flex-shrink: 0;
}

[b-amlwb1wwpj] .ag2-row:hover .ag2-cell-left {
    background: #f3f7ff;
}

[b-amlwb1wwpj] .ag2-row:hover .ag2-cell-timeline {
    background: rgba(13, 110, 253, 0.03);
}

/* Group rows */

[b-amlwb1wwpj] .ag2-group-left {
    cursor: pointer;
    font-weight: 600;
    user-select: none;
}

[b-amlwb1wwpj] .ag2-chevron {
    width: 14px;
    flex-shrink: 0;
    color: #868e96;
    font-size: 0.7em;
}

[b-amlwb1wwpj] .ag2-group-name {
    flex: 1;
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
}

[b-amlwb1wwpj] .ag2-group-count {
    flex-shrink: 0;
    font-size: 0.72em;
    font-weight: 500;
    color: #868e96;
}

[b-amlwb1wwpj] .ag2-group-band {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    height: 6px;
    border-radius: 3px;
    opacity: 0.4;
}

/* Activity rows */

[b-amlwb1wwpj] .ag2-child {
    padding-left: 1.25rem;
}

[b-amlwb1wwpj] .ag2-sub-indent {
    color: #adb5bd;
    font-size: 0.85em;
    flex-shrink: 0;
}

[b-amlwb1wwpj] .ag2-expand-btn {
    background: none;
    border: none;
    cursor: pointer;
    width: 14px;
    flex-shrink: 0;
    padding: 0;
    color: #868e96;
    font-size: 0.75em;
}

[b-amlwb1wwpj] .ag2-expand-btn:hover {
    color: #212529;
}

[b-amlwb1wwpj] .ag2-expand-placeholder {
    width: 14px;
    flex-shrink: 0;
}

[b-amlwb1wwpj] .ag2-title {
    flex: 1;
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    color: #212529;
    text-decoration: none;
    cursor: pointer;
}

[b-amlwb1wwpj] .ag2-title:hover {
    text-decoration: underline;
    color: #0d6efd;
}

/* ── Bars ───────────────────────────────────────────────────────────────── */

[b-amlwb1wwpj] .ag2-bar {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    height: 24px;
    box-sizing: border-box;
    border-radius: 4px;
    border-left: 4px solid transparent;
    display: flex;
    align-items: center;
    overflow: hidden;
    cursor: grab;
    user-select: none;
    box-shadow: 0 1px 2px rgba(0,0,0,0.12);
}

[b-amlwb1wwpj] .ag2-bar:active {
    cursor: grabbing;
}

[b-amlwb1wwpj] .ag2-bar.ag2-dragging {
    z-index: 3;
    box-shadow: 0 2px 8px rgba(0,0,0,0.25);
}

[b-amlwb1wwpj] .ag2-bar-fill {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    z-index: 0;
    border-radius: 3px 0 0 3px;
    opacity: 0.9;
}

[b-amlwb1wwpj] .ag2-bar-meta {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    z-index: 2;
    display: flex;
    align-items: center;
    gap: 6px;
    white-space: nowrap;
    cursor: pointer;
}

[b-amlwb1wwpj] .ag2-bar-title {
    font-size: 0.75em;
    color: #495057;
    overflow: hidden;
    text-overflow: ellipsis;
}

[b-amlwb1wwpj] .ag2-bar-meta:hover .ag2-bar-title {
    color: #0d6efd;
    text-decoration: underline;
}

[b-amlwb1wwpj] .ag2-handle {
    position: absolute;
    top: 0;
    bottom: 0;
    width: 6px;
    z-index: 2;
    cursor: ew-resize;
}

[b-amlwb1wwpj] .ag2-handle-left {
    left: 0;
}

[b-amlwb1wwpj] .ag2-handle-right {
    right: 0;
}

[b-amlwb1wwpj] .ag2-handle:hover {
    background: rgba(0,0,0,0.15);
}

/* ── SVG overlay ────────────────────────────────────────────────────────── */

[b-amlwb1wwpj] .ag2-overlay {
    position: absolute;
    top: 0;
    z-index: 1;
    pointer-events: none;
    overflow: visible;
}

[b-amlwb1wwpj] .ag2-dep-path {
    fill: none;
    stroke: #adb5bd;
    stroke-width: 1.5;
}

[b-amlwb1wwpj] .ag2-arrow-head {
    fill: #adb5bd;
}

[b-amlwb1wwpj] .ag2-today-line {
    stroke: #dc3545;
    stroke-width: 1.5;
    stroke-dasharray: 4 3;
    opacity: 0.7;
}
/* /Components/Pages/Projects/ProjectActivities/Partials/ProjectActivityGroupedList.razor.rz.scp.css */
.agl-root[b-4trlqc4s3n] {
    width: 100%;
    --agl-font-size: 0.875rem;
    --agl-font-size-sm: 0.72rem;
    --agl-font-size-xs: 0.78rem;
    --agl-group-title-size: 1.05rem;
    --agl-min-height: 36px;
    --agl-swatch-size: 20px;
    --agl-body-radius: 4px;
    --agl-avatar-size: 28px;
    --agl-avatar-font-size: 0.68rem;
    --agl-avatar-icon-size: 14px;
}

.agl-size-small[b-4trlqc4s3n] {
    --agl-font-size: 0.8rem;
    --agl-font-size-sm: 0.65rem;
    --agl-font-size-xs: 0.72rem;
    --agl-group-title-size: 0.95rem;
    --agl-min-height: 28px;
    --agl-swatch-size: 16px;
    --agl-body-radius: 3px;
    --agl-avatar-size: 24px;
    --agl-avatar-font-size: 0.6rem;
    --agl-avatar-icon-size: 12px;
}

.agl-size-large[b-4trlqc4s3n] {
    --agl-font-size: 1rem;
    --agl-font-size-sm: 0.82rem;
    --agl-font-size-xs: 0.88rem;
    --agl-group-title-size: 1.2rem;
    --agl-min-height: 44px;
    --agl-swatch-size: 24px;
    --agl-body-radius: 5px;
    --agl-avatar-size: 32px;
    --agl-avatar-font-size: 0.74rem;
    --agl-avatar-icon-size: 16px;
}

/* Group container */
.agl-group[b-4trlqc4s3n] {
    margin-bottom: 1.25rem;
    --agl-group-color: #0d6efd;
}

/* Group header */
.agl-group-header[b-4trlqc4s3n] {
    display: flex;
    align-items: center;
    min-height: var(--agl-min-height);
    border-radius: 4px 4px 0 0;
    padding: 0.2rem 0.5rem 0.2rem 0.25rem;
    gap: 0.25rem;
    user-select: none;
}

.agl-group-header-ungrouped[b-4trlqc4s3n] {
    background: rgba(108,117,125,0.06) !important;
}

.agl-ungrouped[b-4trlqc4s3n] {
    --agl-group-color: #6c757d;
}

/* Collapse button */
.agl-collapse-btn[b-4trlqc4s3n] {
    background: none;
    border: none;
    cursor: pointer;
    padding: 0 0.3rem;
    font-size: 0.7rem;
    line-height: 1;
    color: var(--agl-collapse-color, currentColor) !important;
}

/* Group name */
.agl-group-name[b-4trlqc4s3n] {
    font-weight: 700;
    font-size: var(--agl-group-title-size);
    cursor: text;
}

.agl-group-name:hover[b-4trlqc4s3n] {
    text-decoration: underline dotted;
}

.agl-group-name-input[b-4trlqc4s3n]  .dxbl-edit-field-root {
    font-weight: 700;
    font-size: 0.875rem;
    min-width: 140px;
}

/* Item count badges */
.agl-group-count[b-4trlqc4s3n] {
    font-size: var(--agl-font-size-sm);
    color: var(--dxds-color-text-secondary);
    background: rgba(0,0,0,.08);
    border-radius: 10px;
    padding: 1px 6px;
    margin-left: 0.15rem;
    font-weight: 600;
}

.agl-group-count-sub[b-4trlqc4s3n] {
    background: rgba(0,0,0,.06);
    font-weight: 500;
    opacity: 0.8;
}

.agl-group-count-sep[b-4trlqc4s3n] {
    font-size: var(--agl-font-size-sm);
    color: var(--dxds-color-text-secondary);
    margin: 0 1px;
    opacity: 0.5;
}

/* "+ New" button — visible on hover */
.agl-btn-new[b-4trlqc4s3n] {
    opacity: 0;
    transition: opacity 0.15s;
    margin-left: 0.4rem;
}

.agl-btn-new[b-4trlqc4s3n]  .dxbl-btn {
    font-size: var(--agl-font-size-xs);
    padding: 0 0.4rem;
}

.agl-group-header:hover .agl-btn-new[b-4trlqc4s3n] {
    opacity: 1;
}

/* Group actions (color + delete) — visible on hover */
.agl-group-actions[b-4trlqc4s3n] {
    margin-left: auto;
    display: flex;
    align-items: center;
    gap: 0.15rem;
    position: relative;
    opacity: 0;
    transition: opacity 0.15s;
}

.agl-group-header:hover .agl-group-actions[b-4trlqc4s3n] {
    opacity: 1;
}

.agl-action-btn[b-4trlqc4s3n]  .dxbl-btn {
    padding: 2px 5px;
    color: var(--dxds-color-text-secondary);
    min-width: unset;
}

.agl-action-delete[b-4trlqc4s3n]  .dxbl-btn:hover {
    color: #dc3545;
}

/* Color button (native button for custom color swatch) */
.agl-color-btn[b-4trlqc4s3n] {
    background: none;
    border: none;
    cursor: pointer;
    padding: 2px 4px;
    border-radius: 3px;
    display: flex;
    align-items: center;
}

.agl-color-btn:hover[b-4trlqc4s3n] {
    background: rgba(0,0,0,.1);
}

/* Color dot */
.agl-color-dot[b-4trlqc4s3n] {
    display: inline-block;
    width: 14px;
    height: 14px;
    border-radius: 50%;
    border: 2px solid rgba(255,255,255,.6);
    box-shadow: 0 0 0 1px rgba(0,0,0,.2);
    vertical-align: middle;
}

/* Color picker dropdown */
.agl-color-picker[b-4trlqc4s3n] {
    position: absolute;
    top: calc(100% + 4px);
    right: 0;
    z-index: 200;
    display: flex;
    flex-wrap: wrap;
    gap: 5px;
    background: var(--dxds-color-surface-neutral-default-rest);
    border: 1px solid rgba(0,0,0,.15);
    border-radius: 6px;
    padding: 8px;
    width: 130px;
    box-shadow: 0 4px 16px rgba(0,0,0,.15);
}

.agl-swatch[b-4trlqc4s3n] {
    width: var(--agl-swatch-size);
    height: var(--agl-swatch-size);
    border-radius: 50%;
    cursor: pointer;
    border: 2px solid transparent;
    box-sizing: border-box;
    transition: transform 0.1s;
}

.agl-swatch:hover[b-4trlqc4s3n] { transform: scale(1.15); }

.agl-swatch-active[b-4trlqc4s3n] {
    border-color: white;
    box-shadow: 0 0 0 2px rgba(0,0,0,.35);
}

/* Group body */
.agl-group-body[b-4trlqc4s3n] {
    min-height: 10px;
    border-left: 6px solid var(--agl-group-color);
    border-radius: var(--agl-body-radius) 0 0 var(--agl-body-radius);
}

/* DxGrid inside group — hide pagination */
.agl-group-grid[b-4trlqc4s3n]  .dxbl-grid-pager {
    display: none !important;
}

/* Footer: no bold */
.agl-group-grid[b-4trlqc4s3n]  .dxbl-grid-footer-row td {
    font-weight: normal !important;
}

/* Drag handle wrapper */
.agl-drag-handle[b-4trlqc4s3n] {
    cursor: grab;
    color: var(--dxds-color-text-secondary);
    opacity: 0.25;
    transition: opacity 0.15s, color 0.15s;
    user-select: none;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 3px;
}

.agl-group-grid[b-4trlqc4s3n]  tr:hover .agl-drag-handle {
    opacity: 1;
    color: var(--dxds-color-text-primary);
}

.agl-drag-handle:active[b-4trlqc4s3n] {
    cursor: grabbing;
}

/* Expand/collapse toggle per parent con figli */
.agl-expand-btn[b-4trlqc4s3n] {
    background: none;
    border: none;
    padding: 0 4px 0 0;
    cursor: pointer;
    color: #6c757d;
    font-size: var(--agl-font-size, 0.875rem);
    line-height: 1;
    vertical-align: middle;
    transition: color 0.1s;
}

.agl-expand-btn:hover[b-4trlqc4s3n] { color: #212529; }

.agl-expand-placeholder[b-4trlqc4s3n] {
    display: inline-block;
    width: calc(var(--agl-font-size, 0.875rem) + 4px);
}

.agl-support-badge[b-4trlqc4s3n] {
    font-size: 0.85em;
    cursor: help;
    margin-right: 4px;
}

/* Sub-activity indentation */
.agl-sub-indent[b-4trlqc4s3n] {
    color: #adb5bd;
    margin-right: 4px;
    font-size: 0.85em;
    padding-left: 16px;
    display: inline-block;
}

/* ── Timeline badge (stile Monday) ──────────────────────────────────────── */
.agl-tl-badge[b-4trlqc4s3n] {
    position: relative;
    display: flex;
    align-items: center;
    gap: 5px;
    padding: 2px 8px;
    border-radius: 20px;
    overflow: hidden;
    font-size: var(--agl-font-size-xs, 0.78rem);
    font-weight: 600;
    color: #fff;
    white-space: nowrap;
    cursor: default;
    user-select: none;
}

.agl-tl-ok[b-4trlqc4s3n]      { background: rgba(25,135,84,0.25); }
.agl-tl-overdue[b-4trlqc4s3n] { background: rgba(220,53,69,0.25); }

/* fill interno: progressione temporale */
.agl-tl-fill[b-4trlqc4s3n] {
    position: absolute;
    top: 0; left: 0; bottom: 0;
    transition: width 0.3s ease;
    border-radius: inherit;
}

.agl-tl-ok      > .agl-tl-fill[b-4trlqc4s3n] { background: #198754; }
.agl-tl-overdue > .agl-tl-fill[b-4trlqc4s3n] { background: #dc3545; }

.agl-tl-icon[b-4trlqc4s3n] {
    position: relative;
    z-index: 1;
    font-size: 0.7rem;
    flex-shrink: 0;
}

.agl-tl-text[b-4trlqc4s3n] {
    position: relative;
    z-index: 1;
    overflow: hidden;
    text-overflow: ellipsis;
}

/* 6-dot grip icon (2 cols × 3 rows) — delicate 2px dots */
.agl-drag-dots[b-4trlqc4s3n] {
    display: inline-block;
    width: 2px;
    height: 2px;
    border-radius: 50%;
    background: currentColor;
    position: relative;
    box-shadow:
        4px  0px currentColor,
        0px  4px currentColor,
        4px  4px currentColor,
        0px  8px currentColor,
        4px  8px currentColor;
    margin: 1px 3px 9px 3px;
}

/* Empty group */
.agl-empty-group[b-4trlqc4s3n] {
    min-height: 40px;
    display: flex;
    align-items: center;
    padding: 0 1rem;
    font-size: var(--agl-font-size-sm);
    color: var(--dxds-color-text-secondary);
    font-style: italic;
    border: 1px dashed rgba(0,0,0,.12);
    border-top: none;
    border-radius: 0 0 4px 4px;
}

/* Add group section */
.agl-add-group-section[b-4trlqc4s3n] {
    margin-top: 0.5rem;
}

.agl-add-group-btn[b-4trlqc4s3n]  .dxbl-btn {
    font-weight: 600;
    font-size: var(--agl-font-size);
    color: var(--dxds-color-text-secondary);
}

.agl-add-group-btn[b-4trlqc4s3n]  .dxbl-btn:hover {
    color: var(--dxds-color-text-primary);
}

/* New group form */
.agl-new-group-form[b-4trlqc4s3n] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 0.5rem;
    padding: 0.5rem 0.75rem;
    border: 1px dashed rgba(0,0,0,.18);
    border-radius: 4px;
}

.agl-new-group-input[b-4trlqc4s3n] {
    min-width: 180px;
}

.agl-palette-inline[b-4trlqc4s3n] {
    display: flex;
    gap: 4px;
}
/* /Components/Pages/Projects/ProjectActivities/Partials/ProjectActivityKanban.razor.rz.scp.css */
.ab-board[b-q7p9atyxlt] {
    display: flex;
    gap: 1rem;
    overflow-x: auto;
    overflow-y: hidden;
    flex: 1;
    align-items: stretch;
}

/* ── Column ─────────────────────────────────────────── */
.ab-column[b-q7p9atyxlt] {
    flex: 0 0 275px;
    min-width: 275px;
    background: #f6f7fb;
    border-radius: 12px;
    display: flex;
    flex-direction: column;
    height: 100%;
    transition: background 0.15s, box-shadow 0.15s;
}

.ab-column-drag-over[b-q7p9atyxlt] {
    background: rgba(13, 110, 253, 0.07);
    box-shadow: 0 0 0 2px var(--dxds-color-surface-primary-default-rest, #0d6efd);
}

.ab-column-header[b-q7p9atyxlt] {
    padding: 0.7rem 1rem 0.6rem;
    border-top: 3px solid transparent;
    border-radius: 12px 12px 0 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-shrink: 0;
}

.ab-column-title[b-q7p9atyxlt] {
    font-weight: 600;
    font-size: 0.78rem;
    text-transform: uppercase;
    letter-spacing: 0.06em;
    color: var(--dxds-color-content-neutral-subdued-rest, #6c757d);
}

.ab-column-count[b-q7p9atyxlt] {
    font-size: 0.72rem;
    font-weight: 600;
    padding: 1px 7px;
    border-radius: 99px;
}

/* ── Cards container ─────────────────────────────────── */
.ab-cards-container[b-q7p9atyxlt] {
    padding: 0 0.5rem 0.5rem;
    overflow-y: auto;
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 0.45rem;
}

/* ── Card ────────────────────────────────────────────── */
.ab-card[b-q7p9atyxlt] {
    background: var(--dxds-color-surface-neutral-default-rest, white);
    border-radius: 8px;
    padding: 0.55rem 0.7rem;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.07);
    cursor: grab;
    transition: box-shadow 0.15s, transform 0.1s;
    border-left: 3px solid transparent;
    user-select: none;
    display: flex;
    flex-direction: column;
    gap: 0.1rem;
}

.ab-card:hover[b-q7p9atyxlt] {
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.11);
    transform: translateY(-1px);
}

.ab-card:active[b-q7p9atyxlt] {
    cursor: grabbing;
}

/* ── Card header ──────────────────────────────────────── */
.ab-card-header[b-q7p9atyxlt] {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.ab-card-code[b-q7p9atyxlt] {
    font-size: 0.7rem;
    font-weight: 600;
    color: var(--dxds-color-content-neutral-subdued-rest, #6c757d);
    font-family: 'SFMono-Regular', Menlo, Consolas, monospace;
}

.ab-prio-dot[b-q7p9atyxlt] {
    width: 7px;
    height: 7px;
    border-radius: 50%;
    flex-shrink: 0;
    cursor: help;
}

.ab-support-badge[b-q7p9atyxlt] {
    font-size: 0.75rem;
    cursor: help;
    flex-shrink: 0;
}

.ab-prio-dot-low[b-q7p9atyxlt]      { background: #adb5bd; }
.ab-prio-dot-medium[b-q7p9atyxlt]   { background: #0dcaf0; }
.ab-prio-dot-high[b-q7p9atyxlt]     { background: #fd7e14; }
.ab-prio-dot-critical[b-q7p9atyxlt] { background: #dc3545; }

/* ── Card body ────────────────────────────────────────── */
.ab-card-title[b-q7p9atyxlt] {
    font-size: 0.875rem;
    font-weight: 500;
    color: var(--dxds-color-content-neutral-default-rest, #212529);
    line-height: 1.25;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.ab-card-customer[b-q7p9atyxlt] {
    font-size: 0.7rem;
    color: #4a7fc1;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-weight: 600;
}

.ab-card-team[b-q7p9atyxlt] {
    font-size: 0.7rem;
    color: var(--dxds-color-content-neutral-subdued-rest, #6c757d);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.ab-card-lead[b-q7p9atyxlt] {
    font-size: 0.7rem;
    color: var(--dxds-color-content-neutral-subdued-rest, #6c757d);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-style: italic;
    display: flex;
    align-items: center;
    gap: 0.3rem;
}

/* ── PM badge ─────────────────────────────────────────── */
.ab-pm-badge[b-q7p9atyxlt] {
    font-size: 0.6rem;
    font-weight: 700;
    letter-spacing: 0.04em;
    padding: 1px 5px;
    border-radius: 3px;
    background: rgba(13, 110, 253, 0.12);
    color: #0d6efd;
    flex-shrink: 0;
    font-style: normal;
    line-height: 1.5;
}

/* ── Progress ─────────────────────────────────────────── */
.ab-progress-track[b-q7p9atyxlt] {
    position: relative;
    width: 100%;
    height: 14px;
    background: var(--dxds-color-surface-neutral-subdued-rest, #e9ecef);
    border-radius: 99px;
    overflow: hidden;
    margin-top: 0.2rem;
    margin-bottom: 0.2rem;
}

.ab-progress-fill[b-q7p9atyxlt] {
    height: 100%;
    background: var(--dxds-color-surface-primary-default-rest, #0d6efd);
    border-radius: 99px;
    transition: width 0.3s ease;
    min-width: 0;
}

.ab-progress-label[b-q7p9atyxlt] {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 0.62rem;
    font-weight: 700;
    color: #fff;
    pointer-events: none;
    white-space: nowrap;
    line-height: 1;
    text-shadow: 0 0 3px rgba(0, 0, 0, 0.6);
}

/* ── Card footer ──────────────────────────────────────── */
.ab-card-footer[b-q7p9atyxlt] {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.ab-days-remaining[b-q7p9atyxlt] {
    font-size: 0.68rem;
    font-weight: 600;
    color: var(--dxds-color-content-neutral-subdued-rest, #6c757d);
}

.ab-card-due[b-q7p9atyxlt] {
    font-size: 0.68rem;
    color: var(--dxds-color-content-neutral-subdued-rest, #6c757d);
}

.ab-due-warning[b-q7p9atyxlt] {
    color: #dc3545;
    font-weight: 600;
}

/* ── Sub-activities button ───────────────────────────── */
.ab-sub-btn[b-q7p9atyxlt] {
    display: inline-flex;
    align-items: center;
    gap: 3px;
    padding: 2px 6px;
    border-radius: 5px;
    border: 1px solid transparent;
    font-size: 0.65rem;
    font-weight: 600;
    cursor: pointer;
    transition: background 0.12s, border-color 0.12s, color 0.12s;
    flex-shrink: 0;
    line-height: 1.4;
}

.ab-sub-btn-empty[b-q7p9atyxlt] {
    background: transparent;
    border-color: var(--dxds-color-border-neutral-default-rest, #dee2e6);
    color: var(--dxds-color-content-neutral-subdued-rest, #adb5bd);
    cursor: default;
    opacity: 0.5;
}

.ab-sub-btn-active[b-q7p9atyxlt] {
    background: rgba(13, 110, 253, 0.08);
    border-color: rgba(13, 110, 253, 0.3);
    color: #0d6efd;
}

.ab-sub-btn-active:hover[b-q7p9atyxlt] {
    background: rgba(13, 110, 253, 0.15);
    border-color: rgba(13, 110, 253, 0.5);
}

.ab-sub-btn-open[b-q7p9atyxlt] {
    background: rgba(13, 110, 253, 0.18) !important;
    border-color: #0d6efd !important;
}

.ab-sub-icon[b-q7p9atyxlt] {
    display: inline-block;
    width: 10px;
    height: 10px;
    -webkit-mask-image: url("../images/icons/sub-activities.svg");
    mask-image: url("../images/icons/sub-activities.svg");
    -webkit-mask-size: contain;
    mask-size: contain;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    background-color: currentColor;
    flex-shrink: 0;
}

.ab-sub-count[b-q7p9atyxlt] {
    font-size: 0.6rem;
    font-weight: 700;
    min-width: 14px;
    text-align: center;
}

/* ── Sub-activities panel ────────────────────────────── */
.ab-sub-panel[b-q7p9atyxlt] {
    margin-top: 0.4rem;
    border-top: 1px solid var(--dxds-color-border-neutral-default-rest, #dee2e6);
    padding-top: 0.4rem;
    display: flex;
    flex-direction: column;
    gap: 0.3rem;
}

.ab-sub-card[b-q7p9atyxlt] {
    display: flex;
    align-items: center;
    gap: 0.4rem;
    padding: 0.25rem 0.4rem;
    border-radius: 5px;
    background: var(--dxds-color-surface-neutral-subdued-rest, #f8f9fa);
    cursor: pointer;
    transition: background 0.1s;
    min-width: 0;
}

.ab-sub-card:hover[b-q7p9atyxlt] {
    background: rgba(13, 110, 253, 0.07);
}

.ab-sub-status-dot[b-q7p9atyxlt] {
    width: 7px;
    height: 7px;
    border-radius: 50%;
    flex-shrink: 0;
}

.ab-sub-card-title[b-q7p9atyxlt] {
    font-size: 0.7rem;
    color: var(--dxds-color-content-neutral-default-rest, #212529);
    flex: 1;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.ab-sub-card-code[b-q7p9atyxlt] {
    font-size: 0.62rem;
    color: var(--dxds-color-content-neutral-subdued-rest, #6c757d);
    font-family: 'SFMono-Regular', Menlo, Consolas, monospace;
    flex-shrink: 0;
}

/* ── Add button ──────────────────────────────────────── */
.ab-add-btn[b-q7p9atyxlt] {
    width: 100%;
    padding: 0.45rem 0.75rem;
    border: 1px dashed var(--dxds-color-border-neutral-default-rest, #dee2e6);
    border-radius: 7px;
    background: transparent;
    color: var(--dxds-color-content-neutral-subdued-rest, #6c757d);
    font-size: 0.8rem;
    cursor: pointer;
    text-align: left;
    transition: border-color 0.12s, color 0.12s, background 0.12s;
    flex-shrink: 0;
}

.ab-add-btn:hover[b-q7p9atyxlt] {
    border-color: var(--dxds-color-surface-primary-default-rest, #0d6efd);
    color: var(--dxds-color-surface-primary-default-rest, #0d6efd);
    background: rgba(13, 110, 253, 0.04);
}

/* ── Dark mode overrides ─────────────────────────────── */
.dxbl-theme-fluent-mode-dark .ab-column[b-q7p9atyxlt] {
    background: var(--dxds-color-surface-neutral-subdued-rest);
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.07);
}

.dxbl-theme-fluent-mode-dark .ab-card[b-q7p9atyxlt] {
    /* neutral-200 (#3f3f3e) + ring shadow: contrasto 1.6:1 sul colore è basso
       ma il ring bianco definisce chiaramente i bordi della card */
    background: var(--dxds-color-surface-neutral-default-hovered);
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.55), 0 0 0 1px rgba(255, 255, 255, 0.10);
}

.dxbl-theme-fluent-mode-dark .ab-card:hover[b-q7p9atyxlt] {
    box-shadow: 0 5px 16px rgba(0, 0, 0, 0.65), 0 0 0 1px rgba(255, 255, 255, 0.16);
}

/* ── Small size ──────────────────────────────────────── */
.ab-board.small-size .ab-column[b-q7p9atyxlt] {
    flex: 0 0 230px;
    min-width: 230px;
}

.ab-board.small-size .ab-column-header[b-q7p9atyxlt] {
    padding: 0.45rem 0.75rem 0.4rem;
}

.ab-board.small-size .ab-column-title[b-q7p9atyxlt] {
    font-size: 0.7rem;
}

.ab-board.small-size .ab-card[b-q7p9atyxlt] {
    padding: 0.4rem 0.55rem;
    gap: 0.05rem;
}

.ab-board.small-size .ab-card-title[b-q7p9atyxlt] {
    font-size: 0.8rem;
}

.ab-board.small-size .ab-card-customer[b-q7p9atyxlt],
.ab-board.small-size .ab-card-team[b-q7p9atyxlt],
.ab-board.small-size .ab-card-lead[b-q7p9atyxlt],
.ab-board.small-size .ab-card-code[b-q7p9atyxlt],
.ab-board.small-size .ab-days-remaining[b-q7p9atyxlt],
.ab-board.small-size .ab-card-due[b-q7p9atyxlt] {
    font-size: 0.65rem;
}

.ab-board.small-size .ab-progress-track[b-q7p9atyxlt] {
    height: 11px;
}

.ab-board.small-size .ab-add-btn[b-q7p9atyxlt] {
    font-size: 0.72rem;
    padding: 0.3rem 0.55rem;
}

/* ── Large size ──────────────────────────────────────── */
.ab-board.large-size .ab-column[b-q7p9atyxlt] {
    flex: 0 0 320px;
    min-width: 320px;
}

.ab-board.large-size .ab-column-header[b-q7p9atyxlt] {
    padding: 0.85rem 1.1rem 0.75rem;
}

.ab-board.large-size .ab-column-title[b-q7p9atyxlt] {
    font-size: 0.85rem;
}

.ab-board.large-size .ab-card[b-q7p9atyxlt] {
    padding: 0.75rem 0.9rem;
    gap: 0.15rem;
}

.ab-board.large-size .ab-card-title[b-q7p9atyxlt] {
    font-size: 0.95rem;
}

.ab-board.large-size .ab-card-customer[b-q7p9atyxlt],
.ab-board.large-size .ab-card-team[b-q7p9atyxlt],
.ab-board.large-size .ab-card-lead[b-q7p9atyxlt],
.ab-board.large-size .ab-card-code[b-q7p9atyxlt],
.ab-board.large-size .ab-days-remaining[b-q7p9atyxlt],
.ab-board.large-size .ab-card-due[b-q7p9atyxlt] {
    font-size: 0.76rem;
}

.ab-board.large-size .ab-progress-track[b-q7p9atyxlt] {
    height: 16px;
}

.ab-board.large-size .ab-add-btn[b-q7p9atyxlt] {
    font-size: 0.88rem;
    padding: 0.5rem 0.85rem;
}
/* /Components/Pages/Projects/ProjectActivities/Partials/ProjectActivityMilestoneList.razor.rz.scp.css */
.aml-root[b-slloszsr6b] {
    width: 100%;
    --aml-font-size: 0.875rem;
    --aml-font-size-sm: 0.72rem;
    --aml-font-size-xs: 0.78rem;
    --aml-group-title-size: 1.05rem;
    --aml-min-height: 36px;
    --aml-body-radius: 4px;
}

.aml-size-small[b-slloszsr6b] {
    --aml-font-size: 0.8rem;
    --aml-font-size-sm: 0.65rem;
    --aml-font-size-xs: 0.72rem;
    --aml-group-title-size: 0.95rem;
    --aml-min-height: 28px;
    --aml-body-radius: 3px;
}

.aml-size-large[b-slloszsr6b] {
    --aml-font-size: 1rem;
    --aml-font-size-sm: 0.82rem;
    --aml-font-size-xs: 0.88rem;
    --aml-group-title-size: 1.2rem;
    --aml-min-height: 44px;
    --aml-body-radius: 5px;
}

.aml-group[b-slloszsr6b] {
    margin-bottom: 1.25rem;
    --aml-group-color: #0d6efd;
}

.aml-group-header[b-slloszsr6b] {
    display: flex;
    align-items: center;
    min-height: var(--aml-min-height);
    border-radius: 4px 4px 0 0;
    padding: 0.2rem 0.5rem 0.2rem 0.25rem;
    gap: 0.5rem;
    user-select: none;
}

.aml-group-header-ungrouped[b-slloszsr6b] {
    background: rgba(108,117,125,0.06) !important;
}

.aml-ungrouped[b-slloszsr6b] {
    --aml-group-color: #6c757d;
}

.aml-collapse-btn[b-slloszsr6b] {
    background: none;
    border: none;
    cursor: pointer;
    padding: 0 0.3rem;
    font-size: 0.7rem;
    line-height: 1;
    color: var(--aml-collapse-color, currentColor) !important;
}

.aml-group-name[b-slloszsr6b] {
    font-weight: 700;
    font-size: var(--aml-group-title-size);
    cursor: text;
}

.aml-group-name:hover[b-slloszsr6b] {
    text-decoration: underline dotted;
}

.aml-group-name-input[b-slloszsr6b]  .dxbl-edit-field-root {
    font-weight: 700;
    font-size: 0.875rem;
    min-width: 140px;
}

.aml-target-date[b-slloszsr6b] {
    font-size: var(--aml-font-size-sm);
    color: var(--dxds-color-text-secondary);
    cursor: pointer;
    white-space: nowrap;
}

.aml-target-date:hover[b-slloszsr6b] {
    text-decoration: underline dotted;
}

.aml-date-input[b-slloszsr6b] {
    font-size: var(--aml-font-size-sm);
    padding: 2px 4px;
    border: 1px solid rgba(0,0,0,.2);
    border-radius: 3px;
}

.aml-status-badge[b-slloszsr6b] {
    font-size: var(--aml-font-size-xs);
    font-weight: 600;
    color: var(--sc, #6c757d);
    background: color-mix(in srgb, var(--sc, #6c757d) 15%, transparent);
    border-radius: 12px;
    padding: 1px 10px;
    cursor: pointer;
    white-space: nowrap;
}

.aml-status-picker[b-slloszsr6b] {
    position: absolute;
    margin-top: 2.2rem;
    z-index: 200;
    display: flex;
    flex-direction: column;
    gap: 2px;
    background: var(--dxds-color-surface-neutral-default-rest);
    border: 1px solid rgba(0,0,0,.15);
    border-radius: 6px;
    padding: 6px;
    min-width: 140px;
    box-shadow: 0 4px 16px rgba(0,0,0,.15);
}

.aml-status-option[b-slloszsr6b] {
    font-size: var(--aml-font-size-xs);
    font-weight: 600;
    color: var(--sc, #6c757d);
    padding: 3px 8px;
    border-radius: 4px;
    cursor: pointer;
}

.aml-status-option:hover[b-slloszsr6b] {
    background: color-mix(in srgb, var(--sc, #6c757d) 12%, transparent);
}

.aml-completion[b-slloszsr6b] {
    font-size: var(--aml-font-size-sm);
    font-weight: 600;
    color: var(--dxds-color-text-secondary);
    white-space: nowrap;
}

.aml-group-count[b-slloszsr6b] {
    font-size: var(--aml-font-size-sm);
    color: var(--dxds-color-text-secondary);
    background: rgba(0,0,0,.08);
    border-radius: 10px;
    padding: 1px 6px;
    margin-left: 0.15rem;
    font-weight: 600;
}

.aml-group-count-sub[b-slloszsr6b] {
    background: rgba(0,0,0,.06);
    font-weight: 500;
    opacity: 0.8;
}

.aml-group-count-sep[b-slloszsr6b] {
    font-size: var(--aml-font-size-sm);
    color: var(--dxds-color-text-secondary);
    margin: 0 1px;
    opacity: 0.5;
}

.aml-btn-new[b-slloszsr6b] {
    opacity: 0;
    transition: opacity 0.15s;
    margin-left: 0.4rem;
}

.aml-btn-new[b-slloszsr6b]  .dxbl-btn {
    font-size: var(--aml-font-size-xs);
    padding: 0 0.4rem;
}

.aml-group-header:hover .aml-btn-new[b-slloszsr6b] {
    opacity: 1;
}

.aml-group-actions[b-slloszsr6b] {
    margin-left: auto;
    display: flex;
    align-items: center;
    gap: 0.15rem;
    position: relative;
    opacity: 0;
    transition: opacity 0.15s;
}

.aml-group-header:hover .aml-group-actions[b-slloszsr6b] {
    opacity: 1;
}

.aml-action-btn[b-slloszsr6b]  .dxbl-btn {
    padding: 2px 5px;
    color: var(--dxds-color-text-secondary);
    min-width: unset;
}

.aml-action-delete[b-slloszsr6b]  .dxbl-btn:hover {
    color: #dc3545;
}

.aml-group-body[b-slloszsr6b] {
    min-height: 10px;
    border-left: 6px solid var(--aml-group-color);
    border-radius: var(--aml-body-radius) 0 0 var(--aml-body-radius);
}

.aml-group-grid[b-slloszsr6b]  .dxbl-grid-pager {
    display: none !important;
}

.aml-drag-handle[b-slloszsr6b] {
    cursor: grab;
    color: var(--dxds-color-text-secondary);
    opacity: 0.25;
    transition: opacity 0.15s, color 0.15s;
    user-select: none;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 3px;
}

.aml-group-grid[b-slloszsr6b]  tr:hover .aml-drag-handle {
    opacity: 1;
    color: var(--dxds-color-text-primary);
}

.aml-drag-handle:active[b-slloszsr6b] {
    cursor: grabbing;
}

.aml-drag-dots[b-slloszsr6b] {
    display: inline-block;
    width: 2px;
    height: 2px;
    border-radius: 50%;
    background: currentColor;
    position: relative;
    box-shadow:
        4px  0px currentColor,
        0px  4px currentColor,
        4px  4px currentColor,
        0px  8px currentColor,
        4px  8px currentColor;
    margin: 1px 3px 9px 3px;
}

.aml-support-badge[b-slloszsr6b] {
    font-size: 0.85em;
    cursor: help;
    margin-right: 4px;
}

.aml-overdue-date[b-slloszsr6b] {
    color: #dc3545;
    font-weight: 600;
}

.aml-empty-group[b-slloszsr6b] {
    min-height: 40px;
    display: flex;
    align-items: center;
    padding: 0 1rem;
    font-size: var(--aml-font-size-sm);
    color: var(--dxds-color-text-secondary);
    font-style: italic;
    border: 1px dashed rgba(0,0,0,.12);
    border-top: none;
    border-radius: 0 0 4px 4px;
}

.aml-add-group-section[b-slloszsr6b] {
    margin-top: 0.5rem;
}

.aml-add-group-btn[b-slloszsr6b]  .dxbl-btn {
    font-weight: 600;
    font-size: var(--aml-font-size);
    color: var(--dxds-color-text-secondary);
}

.aml-add-group-btn[b-slloszsr6b]  .dxbl-btn:hover {
    color: var(--dxds-color-text-primary);
}

.aml-new-group-form[b-slloszsr6b] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 0.5rem;
    padding: 0.5rem 0.75rem;
    border: 1px dashed rgba(0,0,0,.18);
    border-radius: 4px;
}

.aml-new-group-input[b-slloszsr6b] {
    min-width: 180px;
}
/* /Components/Pages/Projects/ProjectActivities/Partials/ProjectActivitySimpleList.razor.rz.scp.css */
.asl-sub-indent[b-ybftmzmgzw] {
    color: #adb5bd;
    margin-right: 4px;
    font-size: 0.85em;
    padding-left: 16px;
    display: inline-block;
}

.asl-support-badge[b-ybftmzmgzw] {
    font-size: 0.85em;
    cursor: help;
    margin-right: 4px;
}
/* /Components/Pages/Projects/ProjectActivities/ProjectActivities.razor.rz.scp.css */
/* /Components/Pages/Projects/ProjectActivities/ProjectActivityDetails.razor.rz.scp.css */
.alert-soft-warning[b-1n5q4fw9y1] {
    background: rgba(253, 126, 20, 0.12);
    border: 1px solid #fd7e14;
    border-radius: 0.35rem;
    padding: 0.5rem 0.85rem;
    font-size: 0.85rem;
    color: #b85c00;
}

.alert-support-request[b-1n5q4fw9y1] {
    background: rgba(220, 53, 69, 0.1);
    border: 1px solid #dc3545;
    border-radius: 0.35rem;
    padding: 0.5rem 0.85rem;
    font-size: 0.85rem;
    color: #a52834;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 0.35rem;
}
/* /Components/Pages/Projects/Projects/ProjectDetails.razor.rz.scp.css */
.pd-card[b-0xy5ie6840] {
    position: relative;
    display: flex;
    flex-direction: column;
    min-width: 0;
    overflow-wrap: break-word;
    background-color: var(--dxds-color-surface-neutral-default-rest);
    background-clip: border-box;
}

.pd-toolbar[b-0xy5ie6840] {
    margin-bottom: 0rem;
}

    .pd-toolbar .custom-item[b-0xy5ie6840] {
        display: flex;
        height: 100%;
        margin: 0 0.5rem;
    }

    .pd-toolbar .title[b-0xy5ie6840] {
        font-size: var(--dxbl-toolbar-title-font-size);
        line-height: var(--dxbl-toolbar-title-line-height);
        font-weight: var(--dxbl-toolbar-title-font-weight);
        margin: auto 0;
    }

.pd-toolbar-icon[b-0xy5ie6840] {
    width: 1.2rem;
    height: 1.2rem;
    background-size: contain;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    background-position: center center;
    background-color: currentColor;
    opacity: 0.7;
}
/* /Components/Pages/SystemManagement/Logs.razor.rz.scp.css */
.status[b-xnp9bbb8yg] {
    font-size: 0.9em;
}
    .status[b-xnp9bbb8yg]::before {
        content: " ";
        display: inline-block;
        width: 0.7em;
        height: 0.7em;
        margin-right: 0.3rem;
        border-radius: 50%;
        background-color: currentColor;
    }
    .status.status-Information[b-xnp9bbb8yg] {
        color: #0dcaf0;
    }
    .status.status-warning[b-xnp9bbb8yg] {
        color: #ffc107;
    }
    .status.status-error[b-xnp9bbb8yg] {
        color: #dc3545;
    }
    .status.status-critical[b-xnp9bbb8yg] {
        color: #ffc107;
    }
    .status.status-trace[b-xnp9bbb8yg] {
        color: #0dcaf0;
    }
    .status.status-debug[b-xnp9bbb8yg] {
        color: #0dcaf0;
    }
/* /Components/Sessions/ActiveUserSession.razor.rz.scp.css */
.alert[b-a8f1kbrsyx] {
    padding: 1rem 1.5rem;
    margin-bottom: 1rem;
    border-left: 5px solid;
    border-radius: 4px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    box-shadow: 0 2px 4px rgba(0,0,0,0.1);
    animation: slideIn-b-a8f1kbrsyx 0.3s ease-out;
    background-color: #fff3cd;
    color: #856404;
    border-color: #ffc107;
}

@keyframes slideIn-b-a8f1kbrsyx {
    from {
        opacity: 0;
        transform: translateY(-10px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}
/* /Components/Shared/Layout/AccountManager.razor.rz.scp.css */
.user-info[b-a21rbif6an] {
    width: max-content;
}

.account-manager-avatar[b-a21rbif6an] {
    --avatar-size: var(--account-manager-avatar-size);
    --avatar-font-size: var(--account-manager-avatar-font-size);
    --avatar-online-dot-size: var(--account-manager-avatar-online-dot-size);
}

.display-name[b-a21rbif6an] {
    font-size: 1.3em;
    font-weight: 500;
}

.email[b-a21rbif6an] {
    color: var(--dxds-color-content-neutral-subdued-rest);
}

.container[b-a21rbif6an] {
    width: 100%;
    height: 100%;
}

.separator[b-a21rbif6an] {
    margin: 0;
    color: inherit;
    border: 0;
    border-top: var(--dxds-sizing-10) solid;
    opacity: var(--dxds-opacity-25);
}

[b-a21rbif6an].button {
    padding-left: 0;
    padding-right: 0;
}
/* /Components/Shared/Layout/AuthLayout.razor.rz.scp.css */
.auth-layout[b-q79q47i0bu] {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 100vh;
    width: 100%;
    padding: 0 10px;
}

    .auth-layout[b-q79q47i0bu]::before {
        content: "";
        position: absolute;
        width: 100%;
        height: 100%;
        background: url("/images/background/auth-bg.jpg"), #ffffff;
        background-position: center;
        background-size: cover;
    }

.auth-wrapper[b-q79q47i0bu] {
    width: 400px;
    border-radius: 0.45rem;
    padding: 30px;
    text-align: center;
    border: 1px solid rgba(255, 255, 255, 0.5);
    backdrop-filter: blur(9px);
    -webkit-backdrop-filter: blur(9px);
}

    .auth-wrapper a[b-q79q47i0bu] {
        color: #efefef;
        text-decoration: none;
    }

        .auth-wrapper a:hover[b-q79q47i0bu] {
            color: rgba(255, 255, 255, 0.5);
            text-decoration: none;
        }

.auth-logo img[b-q79q47i0bu] {
    width: 100%;
    max-width: 380px;
    height: auto;
    margin-bottom: 1.25rem;
    display: block;
}

.auth-body[b-q79q47i0bu] {
    width: 100%;
}

.auth-welcome[b-q79q47i0bu] {
    text-align: center;
    color: #fff;
    margin: 1rem 0;
}

.auth-copyright[b-q79q47i0bu] {
    text-align: center;
    color: #fff;
    margin: 1.5rem 0rem 0rem 0rem;
}
/* /Components/Shared/Layout/MainLayout.razor.rz.scp.css */
.page[b-mws85qkzkw] {
    height: 100vh;
    display: flex;
    flex-direction: column;
}

.header[b-mws85qkzkw] {
    padding: var(--header-padding);
    z-index: 103;
    background-color: var(--dxds-color-surface-neutral-default-rest);
    border-bottom: 1px solid var(--dxds-color-border-neutral-default-rest, #dee2e6);
}

    .header .header-content[b-mws85qkzkw] {
        display: flex;
    }
    
.main[b-mws85qkzkw] {
    flex-grow: 1;
    overflow: auto;
}

    .main .main-content[b-mws85qkzkw] {
        height: 100%;
    }

.small-size .toolbar .title[b-mws85qkzkw] {
    font-size: var(--dxds-font-size-title-sm);
    line-height: var(--dxds-line-height-title-sm);
}

.medium-size .toolbar .title[b-mws85qkzkw] {
    font-size: var(--dxds-font-size-title-md);
    line-height: var(--dxds-line-height-title-md);
}

.large-size .toolbar .title[b-mws85qkzkw] {
    font-size: var(--dxds-font-size-title-lg);
    line-height: var(--dxds-line-height-title-lg);
}

.content[b-mws85qkzkw] {
    margin: 0 auto;
}

.main-content .module-content[b-mws85qkzkw] {
    padding: 1.5rem;
}

.module-content[b-mws85qkzkw] {
    height: 100%;
    overflow: auto;
}

[b-mws85qkzkw] .main-menu {
    width: 14rem;
}

    [b-mws85qkzkw] .main-menu [role="treeitem"][aria-level="1"] {
        font-weight: 500;
    }

[b-mws85qkzkw] .main-menu-drawer {
    --dxbl-drawer-panel-body-padding-x: 1rem;
    --dxbl-drawer-panel-body-padding-y: 1rem;
}

[b-mws85qkzkw] .search-textbox {
    margin: auto 0;
}

.header-menu-toolbar .title[b-mws85qkzkw] {
    color: var(--dxds-color-content-neutral-default-rest);
    font-family: var(--dxds-font-family-sans-serif);
    font-weight: 400;
    text-align: left;
    text-underline-position: from-font;
    text-decoration-skip-ink: none;
    margin: 0 0.5rem;
    height: 100%;
}

.header-menu-toolbar .logo[b-mws85qkzkw] {
    margin: 0 0.5rem;
}

.logo-item[b-mws85qkzkw] {
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
}

.avatar-item[b-mws85qkzkw] {
    display: flex;
    align-items: center;
    height: 100%;
    margin: 0 0.5rem;
    cursor: pointer;
}

    .avatar-item .avatar-label[b-mws85qkzkw] {
        padding: 0.5rem;
    }

/* /Components/Shared/Layout/Partials/GiveKudos.razor.rz.scp.css */
.kudos-badge-picker[b-dqua98vv4z] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.4rem;
}

.kudos-badge-chip[b-dqua98vv4z] {
    display: flex;
    align-items: center;
    gap: 0.35rem;
    padding: 0.3rem 0.6rem;
    border-radius: 999px;
    border: 1px solid var(--dxds-color-border-neutral-default-rest);
    background-color: var(--dxds-color-surface-neutral-default-rest);
    color: inherit;
    font-size: 0.72rem;
    font-weight: 700;
    letter-spacing: 0.02em;
    cursor: pointer;
    transition: border-color 0.15s ease, background-color 0.15s ease, box-shadow 0.15s ease;
}

.kudos-badge-chip:hover[b-dqua98vv4z] {
    border-color: var(--dxds-color-border-accent-default-rest, #c9a227);
}

.kudos-badge-chip.selected[b-dqua98vv4z] {
    border-color: var(--dxds-color-border-accent-default-rest, #c9a227);
    background-color: var(--dxds-color-surface-accent-subtle-rest, rgba(201, 162, 39, 0.14));
    box-shadow: 0 0 0 1px var(--dxds-color-border-accent-default-rest, #c9a227) inset;
}
/* /Components/Shared/Layout/PublicLayout.razor.rz.scp.css */
.page[b-6i17nton36] {
    height: 100vh;
    display: flex;
    flex-direction: column;
}

.header[b-6i17nton36] {
    padding: var(--header-padding);
    box-shadow: 0 0.125rem 0.25rem 0 #00000024, 0 0 0.125rem 0 #0000001F;
    z-index: 103;
    background-color: var(--dxds-color-surface-neutral-default-rest);
}

.header-content[b-6i17nton36] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    padding: 0.75rem 1rem;
}

.header-left .logo[b-6i17nton36] {
    height: 32px;
    max-height: 32px;
    display: block;
}

.header-right .login-link[b-6i17nton36] {
    color: #1976d2;
    text-decoration: none;
    font-weight: 500;
    padding: 0.5rem 0.75rem;
    border-radius: 6px;
}

.header-right .login-link:hover[b-6i17nton36],
.header-right .login-link:focus[b-6i17nton36] {
    text-decoration: underline;
    outline: none;
}

    .header .header-content[b-6i17nton36] {
        display: flex;
    }

.main[b-6i17nton36] {
    flex-grow: 1;
    overflow: auto;
}

    .main .main-content[b-6i17nton36] {
        height: 100%;
        margin: 30px;
    }