@import '_content/ProjectPortal.Shared/ProjectPortal.Shared.vodwhr4954.bundle.scp.css';

/* /Components/Layout/MainLayout.razor.rz.scp.css */
/* Global layout/theme styles were consolidated into wwwroot/app.css. */
/* /Components/Pages/Associates.razor.rz.scp.css */
.associates-page-shell[b-mnna8qvzz1] {
    height: 100%;
    min-height: 0;
    overflow: auto;
    padding-bottom: 0.75rem;
}

.associates-content[b-mnna8qvzz1] {
    display: grid;
    gap: 1rem;
}

.associates-summary[b-mnna8qvzz1] {
    display: flex;
    justify-content: space-between;
    gap: 1rem;
    align-items: center;
    padding: 1rem 1.1rem;
    background: var(--ps-detail-bg, #ffffff);
    border: 1px solid var(--ps-detail-border, #cad7ea);
    border-radius: 0;
}

.associates-summary-actions[b-mnna8qvzz1] {
    display: flex;
    align-items: center;
    gap: 0.85rem;
    flex: 0 0 auto;
}

.associates-view-toggle[b-mnna8qvzz1] {
    display: inline-flex;
    border: 1px solid var(--ps-detail-border, #cad7ea);
    background: #f7fbff;
}

.associates-view-toggle button[b-mnna8qvzz1] {
    min-width: 72px;
    padding: 0.55rem 0.9rem;
    border: 0;
    border-right: 1px solid var(--ps-detail-border, #cad7ea);
    background: transparent;
    color: var(--ps-detail-text, #1f3653);
    font-weight: 700;
    cursor: pointer;
}

.associates-view-toggle button:last-child[b-mnna8qvzz1] {
    border-right: 0;
}

.associates-view-toggle button:hover[b-mnna8qvzz1],
.associates-view-toggle button:focus-visible[b-mnna8qvzz1],
.associates-view-toggle button.active[b-mnna8qvzz1] {
    background: #e5effb;
    outline: none;
}

.associates-view-toggle button.active[b-mnna8qvzz1] {
    color: #0d4f82;
    box-shadow: inset 0 -2px 0 #2f6fca;
}

.associates-kicker[b-mnna8qvzz1] {
    margin-bottom: 0.35rem;
    font-size: 0.82rem;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: var(--ps-detail-label, #6b7280);
}

.associates-summary p[b-mnna8qvzz1] {
    margin: 0;
    color: var(--ps-detail-text, #1f3653);
}

.associates-stat[b-mnna8qvzz1] {
    min-width: 110px;
    display: grid;
    place-items: center;
    gap: 0.25rem;
    padding: 0.9rem 1rem;
    border-radius: 0;
    border: 1px solid var(--ps-detail-border, #cad7ea);
    background: linear-gradient(180deg, rgba(255,255,255,0.85) 0%, rgba(235,242,252,0.9) 100%);
}

.associates-stat .value[b-mnna8qvzz1] {
    font-size: 1.7rem;
    font-weight: 600;
    color: var(--ps-detail-text, #1f3653);
}

.associates-stat .label[b-mnna8qvzz1] {
    font-size: 0.85rem;
    color: var(--ps-detail-label, #6b7280);
}

.associates-workspace[b-mnna8qvzz1] {
    display: grid;
    grid-template-columns: minmax(0, 1.15fr) minmax(300px, 0.85fr);
    gap: 1rem;
    min-width: 0;
}

.associate-list-panel[b-mnna8qvzz1],
.associate-detail-panel[b-mnna8qvzz1] {
    min-width: 0;
    background: var(--ps-detail-bg, #ffffff);
    border: 1px solid var(--ps-detail-border, #cad7ea);
    border-radius: 0;
    overflow: hidden;
}

.associate-grid[b-mnna8qvzz1] {
    display: grid;
    grid-template-columns: minmax(220px, 1.1fr) minmax(180px, 0.85fr) minmax(220px, 1fr);
    gap: 0;
}

.associate-list-header[b-mnna8qvzz1] {
    padding: 0.7rem 0.9rem;
    background: #ebf2fc;
    color: var(--ps-detail-text, #1f3653);
    font-size: 0.83rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    border-bottom: 1px solid var(--ps-detail-border, #cad7ea);
}

.associate-list-scroll[b-mnna8qvzz1] {
    max-height: 600px;
    overflow: auto;
}

.associate-row[b-mnna8qvzz1] {
    width: 100%;
    border: 0;
    border-bottom: 1px solid var(--ps-detail-border, #d9e4f3);
    background: transparent;
    padding: 0;
    text-align: left;
    color: var(--ps-detail-text, #1f3653);
    cursor: pointer;
}

.associate-row:hover[b-mnna8qvzz1],
.associate-row:focus[b-mnna8qvzz1],
.associate-row:focus-visible[b-mnna8qvzz1] {
    background: rgba(143, 178, 232, 0.12);
    outline: none;
}

.associate-row.selected[b-mnna8qvzz1] {
    background: rgba(95, 148, 222, 0.16);
}

.associate-name-cell[b-mnna8qvzz1],
.associate-role[b-mnna8qvzz1],
.associate-company[b-mnna8qvzz1] {
    display: flex;
    align-items: center;
    min-height: 46px;
    padding: 0.7rem 0.9rem;
}

.associate-mini-avatar[b-mnna8qvzz1] {
    width: 1.4rem;
    height: 1.4rem;
    margin-right: 0.7rem;
    border-radius: 999px;
    display: inline-grid;
    place-items: center;
    background: linear-gradient(180deg, #8fb2e8 0%, #5f94de 100%);
    color: #ffffff;
    font-size: 0.66rem;
    font-weight: 800;
    flex: 0 0 auto;
}

.associate-name[b-mnna8qvzz1] {
    font-weight: 600;
    text-transform: none;
    line-height: 1.35;
}

.associate-role[b-mnna8qvzz1],
.associate-company[b-mnna8qvzz1] {
    color: var(--ps-detail-text, #1f3653);
}

.associate-detail-shell[b-mnna8qvzz1] {
    display: grid;
    grid-template-columns: 140px minmax(0, 1fr);
    gap: 1rem;
    padding: 1rem;
    align-items: start;
}

.associate-profile[b-mnna8qvzz1] {
    display: flex;
    justify-content: center;
}

.associate-photo-shell[b-mnna8qvzz1] {
    width: 140px;
    height: 170px;
    position: relative;
}

.associate-photo[b-mnna8qvzz1] {
    width: 140px;
    height: 170px;
    display: block;
    object-fit: cover;
    border: 1px solid var(--ps-detail-border, #cad7ea);
    border-radius: var(--pp-radius-md, 10px);
    background: #f5f8fc;
}

.associate-avatar-placeholder[b-mnna8qvzz1] {
    width: 140px;
    height: 170px;
    border-radius: var(--pp-radius-md, 10px);
    display: grid;
    place-items: center;
    background: linear-gradient(180deg, #eef4fd 0%, #dce8f8 100%);
    border: 1px solid var(--ps-detail-border, #cad7ea);
    color: #315678;
    font-size: 2rem;
    font-weight: 600;
    letter-spacing: 0.08em;
}

.associate-detail-fields[b-mnna8qvzz1] {
    display: grid;
    gap: 0.85rem;
}

.detail-row[b-mnna8qvzz1] {
    display: grid;
    grid-template-columns: 92px minmax(0, 1fr);
    gap: 0.75rem;
    align-items: start;
    color: var(--ps-detail-text, #1f3653);
}

.detail-row label[b-mnna8qvzz1] {
    font-weight: 600;
    color: var(--ps-detail-text, #1f3653);
}

.detail-row a[b-mnna8qvzz1] {
    color: #2f6fca;
}

.associate-card-directory[b-mnna8qvzz1] {
    display: grid;
    gap: 1rem;
}

.associate-company-group[b-mnna8qvzz1] {
    min-width: 0;
    background: var(--ps-detail-bg, #ffffff);
    border: 1px solid var(--ps-detail-border, #cad7ea);
}

.associate-company-heading[b-mnna8qvzz1] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    padding: 0.75rem 0.95rem;
    background: #ebf2fc;
    border-bottom: 1px solid var(--ps-detail-border, #cad7ea);
}

.associate-company-heading h3[b-mnna8qvzz1] {
    margin: 0;
    color: var(--ps-detail-text, #1f3653);
    font-size: 1rem;
}

.associate-company-heading span[b-mnna8qvzz1] {
    color: var(--ps-detail-label, #6b7280);
    font-size: 0.86rem;
    white-space: nowrap;
}

.associate-card-grid[b-mnna8qvzz1] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(260px, 1fr));
    grid-auto-rows: 1fr;
    gap: 0.85rem;
    padding: 0.9rem;
}

.associate-card[b-mnna8qvzz1] {
    min-width: 0;
    display: grid;
    grid-template-rows: auto 1fr;
    gap: 0.85rem;
    align-content: start;
    padding: 0.9rem;
    border: 1px solid var(--ps-detail-border, #d9e4f3);
    background: #ffffff;
}

.associate-card-header[b-mnna8qvzz1] {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    gap: 1rem;
    align-items: start;
    min-height: 118px;
}

.associate-card-photo-shell[b-mnna8qvzz1],
.associate-card-photo[b-mnna8qvzz1],
.associate-card-avatar[b-mnna8qvzz1] {
    width: 96px;
    height: 116px;
}

.associate-card-photo-shell[b-mnna8qvzz1] {
    position: relative;
    overflow: hidden;
    display: grid;
    place-items: center;
    background: #f5f8fc;
    border: 1px solid var(--ps-detail-border, #cad7ea);
}

.associate-card-photo[b-mnna8qvzz1] {
    display: block;
    object-fit: contain;
    object-position: center top;
    background: #f5f8fc;
}

.associate-card-avatar[b-mnna8qvzz1] {
    display: grid;
    place-items: center;
    background: linear-gradient(180deg, #eef4fd 0%, #dce8f8 100%);
    color: #315678;
    font-size: 1.35rem;
    font-weight: 800;
    letter-spacing: 0.05em;
}

.associate-card-title[b-mnna8qvzz1] {
    min-width: 0;
}

.associate-card-title h4[b-mnna8qvzz1] {
    margin: 0;
    color: var(--ps-detail-text, #1f3653);
    font-size: 1rem;
    line-height: 1.25;
    min-height: 1.25em;
}

.associate-card-title p[b-mnna8qvzz1] {
    margin: 0.25rem 0 0;
    color: var(--ps-detail-label, #6b7280);
    line-height: 1.35;
    min-height: 2.7em;
}

.associate-card-details[b-mnna8qvzz1] {
    display: grid;
    align-content: start;
    gap: 0.55rem;
}

.associate-card-details div[b-mnna8qvzz1] {
    min-width: 0;
    display: grid;
    gap: 0.12rem;
    min-height: 2.55rem;
}

.associate-card-details span[b-mnna8qvzz1] {
    color: var(--ps-detail-label, #6b7280);
    font-size: 0.72rem;
    font-weight: 800;
    letter-spacing: 0.06em;
    text-transform: uppercase;
}

.associate-card-details strong[b-mnna8qvzz1],
.associate-card-details a[b-mnna8qvzz1] {
    min-width: 0;
    color: var(--ps-detail-text, #1f3653);
    font-weight: 600;
    line-height: 1.35;
    overflow-wrap: anywhere;
}

.associate-card-details a[b-mnna8qvzz1] {
    color: #2f6fca;
}

.associates-empty[b-mnna8qvzz1],
.associates-empty-inline[b-mnna8qvzz1] {
    display: grid;
    place-items: center;
    gap: 0.55rem;
    padding: 2rem 1rem;
    text-align: center;
    background: var(--ps-detail-bg, #ffffff);
    border: 1px solid var(--ps-detail-border, #cad7ea);
    border-radius: 0;
    color: var(--ps-detail-text, #1f3653);
}

.associates-empty .rzi[b-mnna8qvzz1],
.associates-error .rzi[b-mnna8qvzz1] {
    font-size: 2rem;
}

.page.theme-dark .associate-list-header[b-mnna8qvzz1] {
    background: #142133;
}

.page.theme-dark .associates-view-toggle[b-mnna8qvzz1] {
    background: #101a29;
}

.page.theme-dark .associates-view-toggle button:hover[b-mnna8qvzz1],
.page.theme-dark .associates-view-toggle button:focus-visible[b-mnna8qvzz1],
.page.theme-dark .associates-view-toggle button.active[b-mnna8qvzz1],
.page.theme-dark .associate-company-heading[b-mnna8qvzz1] {
    background: #142133;
}

.page.theme-dark .associate-card[b-mnna8qvzz1] {
    background: #101a29;
}

.page.theme-dark .associate-row:hover[b-mnna8qvzz1],
.page.theme-dark .associate-row:focus[b-mnna8qvzz1],
.page.theme-dark .associate-row:focus-visible[b-mnna8qvzz1] {
    background: rgba(95, 148, 222, 0.18);
}

.page.theme-dark .associate-row.selected[b-mnna8qvzz1] {
    background: rgba(95, 148, 222, 0.24);
}

.page.theme-dark .associate-avatar-placeholder[b-mnna8qvzz1] {
    background: linear-gradient(180deg, #142133 0%, #1a2b43 100%);
    color: #dce8ff;
}

.page.theme-dark .associate-card-avatar[b-mnna8qvzz1] {
    background: linear-gradient(180deg, #142133 0%, #1a2b43 100%);
    color: #dce8ff;
}

.page.theme-dark .detail-row a[b-mnna8qvzz1] {
    color: #8fb9ff;
}

@media (max-width: 980px) {
    .associates-workspace[b-mnna8qvzz1] {
        grid-template-columns: 1fr;
    }

    .associates-summary[b-mnna8qvzz1],
    .associates-summary-actions[b-mnna8qvzz1] {
        align-items: stretch;
        flex-direction: column;
    }

    .associates-view-toggle[b-mnna8qvzz1] {
        width: 100%;
    }

    .associates-view-toggle button[b-mnna8qvzz1] {
        flex: 1 1 0;
    }

    .associate-detail-shell[b-mnna8qvzz1] {
        grid-template-columns: 1fr;
    }

    .associate-profile[b-mnna8qvzz1] {
        justify-content: flex-start;
    }
}
/* /Components/Pages/DistributionReport.razor.rz.scp.css */
.distribution-report-page-shell[b-gvba653fa7] {
    height: 100%;
    min-height: 0;
    overflow: auto;
    overflow-x: hidden;
    padding-bottom: 0.75rem;
    box-sizing: border-box;
}

.distribution-report-page-shell[b-gvba653fa7]  .distribution-report-page {
    min-height: 100%;
}
/* /Components/Pages/Document.razor.rz.scp.css */
.documents-page-shell[b-74a46wvsl3] {
    --docs-panel-bg: linear-gradient(180deg, var(--pp-panel) 0%, var(--pp-panel-2) 100%);
    --docs-border: var(--pp-border);
    --docs-text: var(--pp-text);
    --docs-muted: var(--pp-muted);
    --docs-link: #9fd2ff;
    --docs-folder-icon: #b9c6d8;
    --docs-empty-icon: var(--pp-accent);
    --docs-error-icon: #ff8c8c;
    --docs-stat-bg: rgba(255, 255, 255, 0.02);
    --docs-divider: rgba(159, 176, 201, 0.18);
    height: 100%;
    min-height: 0;
    overflow: auto;
    overflow-x: hidden;
    padding-bottom: 0.75rem;
    box-sizing: border-box;
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
}

.documents-content[b-74a46wvsl3] {
    padding: 0.75rem 0 1rem;
    overflow: visible;
    min-width: 0;
}

.documents-summary[b-74a46wvsl3] {
    display: flex;
    justify-content: space-between;
    gap: 0.85rem;
    align-items: center;
    margin-bottom: 0.75rem;
    padding: 0.7rem 0.85rem;
    border: 1px solid var(--docs-border);
    background: var(--docs-panel-flat, var(--docs-panel-bg));
    color: var(--docs-text);
}

.documents-kicker[b-74a46wvsl3] {
    font-size: 0.74rem;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: var(--docs-muted);
    margin-bottom: 0.18rem;
    font-weight: 600;
}

.documents-summary h2[b-74a46wvsl3],
.scope-header h3[b-74a46wvsl3],
.step-header h4[b-74a46wvsl3],
.folder-title h4[b-74a46wvsl3],
.folder-title h5[b-74a46wvsl3],
.documents-empty h3[b-74a46wvsl3] {
    margin: 0;
    color: var(--docs-text);
}

.documents-summary p[b-74a46wvsl3],
.scope-header span[b-74a46wvsl3],
.step-header p[b-74a46wvsl3],
.folder-title p[b-74a46wvsl3],
.documents-empty p[b-74a46wvsl3],
.documents-empty-inline[b-74a46wvsl3],
.file-meta[b-74a46wvsl3] {
    margin: 0;
    color: var(--docs-muted);
}

.documents-page-shell[b-74a46wvsl3] {
    font-size: 0.9rem;
}

.documents-stats[b-74a46wvsl3] {
    display: flex;
    gap: 0.45rem;
}

.documents-stat[b-74a46wvsl3] {
    min-width: 72px;
    padding: 0.45rem 0.65rem;
    border: 1px solid var(--docs-border);
    background: var(--docs-stat-bg);
    text-align: center;
}

.documents-stat .value[b-74a46wvsl3] {
    display: block;
    font-size: 1.05rem;
    font-weight: 600;
    color: var(--docs-text);
}

.documents-stat .label[b-74a46wvsl3] {
    font-size: 0.72rem;
    color: var(--docs-muted);
}

.documents-scope[b-74a46wvsl3] {
    margin-top: 1rem;
}

.documents-workspace[b-74a46wvsl3] {
    display: grid;
    grid-template-columns: 270px minmax(0, 1fr);
    gap: 0.75rem;
    min-height: 0;
    min-width: 0;
    align-items: start;
}

.folder-nav-panel[b-74a46wvsl3],
.file-panel[b-74a46wvsl3],
.viewer-panel[b-74a46wvsl3],
.file-list-panel[b-74a46wvsl3] {
    border: 1px solid var(--docs-border);
    background: var(--docs-panel-bg);
    color: var(--docs-text);
}

.folder-nav-panel[b-74a46wvsl3],
.file-panel[b-74a46wvsl3] {
    min-height: 0;
    min-width: 0;
}

.folder-nav-panel[b-74a46wvsl3] {
    padding: 0;
    overflow: auto;
    max-height: calc(100dvh - 230px);
}

.file-panel[b-74a46wvsl3] {
    padding: 0;
    overflow: hidden;
}

.panel-header[b-74a46wvsl3] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
    min-height: 42px;
    margin-bottom: 0;
    padding: 0.55rem 0.7rem;
    border-bottom: 1px solid var(--docs-border);
    background: var(--docs-header-bg, rgba(255, 255, 255, 0.03));
}

.file-panel > .panel-header[b-74a46wvsl3] {
    min-height: 42px;
}

.panel-header h3[b-74a46wvsl3],
.viewer-header h4[b-74a46wvsl3] {
    margin: 0;
    color: var(--docs-text);
    font-weight: 600;
    font-size: 0.9rem;
}

.viewer-header h4[b-74a46wvsl3] {
    font-size: 0.92rem;
    line-height: 1.2;
    font-weight: 600;
}

.panel-header > span[b-74a46wvsl3],
.panel-subtitle[b-74a46wvsl3],
.file-list-header[b-74a46wvsl3] {
    color: var(--docs-muted);
    font-size: 0.74rem;
}

.panel-subtitle[b-74a46wvsl3] {
    margin-top: 0.12rem;
    font-size: 0.78rem;
}

.folder-nav-group[b-74a46wvsl3] {
    margin: 0;
    padding: 0.7rem 0.75rem 0.5rem;
    border-top: 1px solid var(--docs-divider);
}

.folder-nav-group:first-of-type[b-74a46wvsl3] {
    border-top: 0;
}

.folder-nav-group-title[b-74a46wvsl3] {
    font-size: 0.62rem;
    font-weight: 600;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    color: var(--docs-muted);
    margin-bottom: 0.35rem;
}

.folder-nav-empty[b-74a46wvsl3] {
    color: var(--docs-muted);
    font-size: 0.9rem;
    padding: 0.4rem 0;
}

.folder-nav-item[b-74a46wvsl3] {
    width: 100%;
    display: grid;
    grid-template-columns: 18px minmax(0, 1fr) auto;
    align-items: center;
    column-gap: 0.85rem;
    border: 1px solid transparent;
    background: transparent;
    color: var(--docs-text);
    text-align: left;
    padding: 0.42rem 0.55rem;
    margin-bottom: 0.12rem;
    cursor: pointer;
    font-size: 0.78rem;
    font-weight: 400;
}

.folder-nav-item .rz-icon[b-74a46wvsl3] {
    color: var(--docs-folder-icon);
    font-size: 0.66rem;
    opacity: 0.62;
    justify-self: center;
}

.folder-nav-item:hover[b-74a46wvsl3] {
    background: var(--docs-stat-bg);
}

.folder-nav-item.selected[b-74a46wvsl3] {
    background: var(--docs-stat-bg);
    border-color: var(--docs-link);
    box-shadow: inset 2px 0 0 var(--docs-link);
}

.folder-nav-text[b-74a46wvsl3] {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    padding-left: 0.15rem;
}

.folder-nav-count[b-74a46wvsl3] {
    color: var(--docs-muted);
    font-size: 0.68rem;
    font-variant-numeric: tabular-nums;
    padding-left: 0.4rem;
    min-width: 1.6rem;
    text-align: right;
    font-weight: 500;
}

.file-panel-grid[b-74a46wvsl3] {
    display: grid;
    grid-template-columns: minmax(280px, 0.42fr) minmax(0, 0.58fr);
    gap: 0;
    min-height: 0;
    min-width: 0;
    align-items: stretch;
}

.file-list-panel[b-74a46wvsl3],
.viewer-panel[b-74a46wvsl3] {
    min-height: 0;
    min-width: 0;
}

.file-list-panel[b-74a46wvsl3] {
    padding: 0;
    align-self: start;
    border: 0;
    border-right: 1px solid var(--docs-border);
    background: transparent;
    min-height: calc(100dvh - 278px);
}

.file-list-header[b-74a46wvsl3] {
    display: flex;
    justify-content: space-between;
    gap: 0.75rem;
    margin-bottom: 0;
    padding: 0.45rem 0.65rem;
    border-bottom: 1px solid var(--docs-divider);
    font-size: 0.72rem;
}

.file-list-scroll[b-74a46wvsl3] {
    min-width: 0;
    max-height: calc(100dvh - 345px);
    overflow: auto;
}

.compact-pager[b-74a46wvsl3] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.45rem;
    padding: 0.45rem;
    border-top: 1px solid var(--docs-divider);
}

.compact-pager-btn[b-74a46wvsl3] {
    width: 1.45rem;
    height: 1.45rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 1px solid var(--docs-border);
    background: transparent;
    color: var(--docs-text);
    cursor: pointer;
    padding: 0;
}

.compact-pager-btn:hover:not(:disabled)[b-74a46wvsl3] {
    background: var(--docs-stat-bg);
}

.compact-pager-btn:disabled[b-74a46wvsl3] {
    opacity: 0.4;
    cursor: default;
}

.compact-pager-status[b-74a46wvsl3] {
    font-size: 0.72rem;
    color: var(--docs-muted);
}

.file-row[b-74a46wvsl3] {
    width: 100%;
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: center;
    gap: 0.5rem;
    border: 0;
    border-bottom: 1px solid var(--docs-divider);
    background: transparent;
    color: var(--docs-text);
    text-align: left;
    padding: 0.48rem 0.58rem;
    margin-bottom: 0;
    cursor: pointer;
}

.file-row:hover[b-74a46wvsl3] {
    background: var(--docs-stat-bg);
}

.file-row.selected[b-74a46wvsl3] {
    background: var(--docs-stat-bg);
    box-shadow: inset 2px 0 0 var(--docs-link);
}

.file-row .rz-icon[b-74a46wvsl3] {
    color: var(--docs-muted);
}

.file-row-main[b-74a46wvsl3] {
    min-width: 0;
}

.file-row-title[b-74a46wvsl3] {
    color: var(--docs-text);
    font-weight: 500;
    font-size: 0.78rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.viewer-panel[b-74a46wvsl3] {
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: 0;
    overflow: hidden;
    align-self: stretch;
    border: 0;
    background: transparent;
}

.viewer-header[b-74a46wvsl3] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 0.75rem;
    min-height: 54px;
    padding: 0.5rem 0.65rem;
    border-bottom: 1px solid var(--docs-divider);
}

.viewer-actions[b-74a46wvsl3] {
    display: flex;
    gap: 0.35rem;
    flex-wrap: wrap;
}

.viewer-link[b-74a46wvsl3] {
    text-decoration: none !important;
    border-radius: 0 !important;
    padding: 0.24rem 0.5rem !important;
    border: 1px solid var(--docs-border) !important;
    background: var(--docs-stat-bg) !important;
    color: var(--docs-text) !important;
    box-shadow: none !important;
    min-height: 0 !important;
}

.viewer-link:hover[b-74a46wvsl3],
.viewer-link:focus[b-74a46wvsl3],
.viewer-link:focus-visible[b-74a46wvsl3] {
    background: color-mix(in srgb, var(--docs-link) 10%, var(--docs-stat-bg)) !important;
    border-color: color-mix(in srgb, var(--docs-link) 45%, var(--docs-border)) !important;
    color: var(--docs-text) !important;
}

.viewer-link-text[b-74a46wvsl3] {
    color: inherit;
    font-weight: 500;
    font-size: 0.78rem;
}

.viewer-surface[b-74a46wvsl3] {
    flex: 0 0 auto;
    height: clamp(420px, 62vh, 680px);
    border: 0;
    background: var(--docs-stat-bg);
    overflow: hidden;
    min-width: 0;
}

.viewer-frame[b-74a46wvsl3],
.viewer-image[b-74a46wvsl3] {
    width: 100%;
    height: 100%;
    border: 0;
}

.viewer-image-wrap[b-74a46wvsl3] {
    display: flex;
    align-items: center;
    justify-content: center;
}

.viewer-image[b-74a46wvsl3] {
    object-fit: contain;
}

.scope-header[b-74a46wvsl3],
.step-header[b-74a46wvsl3],
.folder-card-header[b-74a46wvsl3] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 0.75rem;
}

.scope-header[b-74a46wvsl3] {
    margin-bottom: 0.75rem;
}

.folder-grid[b-74a46wvsl3],
.step-stack[b-74a46wvsl3] {
    display: grid;
    gap: 0.9rem;
}

.folder-grid[b-74a46wvsl3] {
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
}

.step-card[b-74a46wvsl3],
.folder-card[b-74a46wvsl3],
.documents-empty[b-74a46wvsl3],
.documents-empty-inline[b-74a46wvsl3] {
    border: 1px solid var(--docs-border);
    background: var(--docs-panel-bg);
    color: var(--docs-text);
}

.step-card[b-74a46wvsl3],
.folder-card[b-74a46wvsl3] {
    padding: 0.95rem 1rem;
}

.documents-empty[b-74a46wvsl3] {
    min-height: 240px;
    display: grid;
    place-items: center;
    text-align: center;
    gap: 0.5rem;
    padding: 1.5rem;
}

.documents-empty .rz-icon[b-74a46wvsl3] {
    font-size: 1.5rem;
    color: var(--docs-empty-icon);
}

.documents-error .rz-icon[b-74a46wvsl3] {
    color: var(--docs-error-icon);
}

.documents-empty-inline[b-74a46wvsl3] {
    padding: 0.65rem 0.75rem;
}

.viewer-panel > .documents-empty-inline[b-74a46wvsl3] {
    border: 0;
    background: transparent;
    padding: 0.7rem 0.8rem;
    place-items: start;
    text-align: left;
}

.folder-title[b-74a46wvsl3] {
    display: flex;
    align-items: flex-start;
    gap: 0.7rem;
}

.folder-title .rz-icon[b-74a46wvsl3] {
    color: var(--docs-folder-icon);
    margin-top: 0.1rem;
    opacity: 0.72;
    font-size: 0.82rem;
}

.file-list[b-74a46wvsl3] {
    list-style: none;
    margin: 0.85rem 0 0;
    padding: 0;
    display: grid;
    gap: 0.7rem;
}

.file-list li[b-74a46wvsl3] {
    padding-top: 0.7rem;
    border-top: 1px solid var(--docs-divider);
}

.file-list li:first-child[b-74a46wvsl3] {
    border-top: 0;
    padding-top: 0;
}

.file-link[b-74a46wvsl3] {
    color: var(--docs-link);
    font-weight: 500;
    text-decoration: none;
}

.file-link:hover[b-74a46wvsl3] {
    text-decoration: underline;
}

.file-meta[b-74a46wvsl3] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.45rem;
    font-size: 0.68rem;
    margin-top: 0.18rem;
}

.page.theme-light .documents-page-shell[b-74a46wvsl3] {
    --docs-panel-bg: linear-gradient(180deg, #ffffff 0%, #f7fbff 100%);
    --docs-panel-flat: #ffffff;
    --docs-header-bg: #eef5fd;
    --docs-border: #cad7ea;
    --docs-text: #1f3653;
    --docs-muted: #5f7a98;
    --docs-link: #1f6fb2;
    --docs-folder-icon: #7890aa;
    --docs-empty-icon: #2b6ca3;
    --docs-error-icon: #c14f5f;
    --docs-stat-bg: #f2f7fd;
    --docs-divider: #d9e4f3;
}

.page.theme-light .viewer-link[b-74a46wvsl3] {
    background: #ffffff !important;
    color: #1f3653 !important;
    border-color: #cad7ea !important;
}

.page.theme-light .viewer-link:hover[b-74a46wvsl3],
.page.theme-light .viewer-link:focus[b-74a46wvsl3],
.page.theme-light .viewer-link:focus-visible[b-74a46wvsl3] {
    background: #eef5fd !important;
    border-color: #9fc2e7 !important;
    color: #173a5d !important;
}

.page.theme-light .documents-page-shell .file-link:hover[b-74a46wvsl3] {
    color: #154d7f;
}

.page.theme-dark .documents-page-shell .file-link:hover[b-74a46wvsl3] {
    color: #c4e7ff;
}

@media (max-width: 900px) {
    .documents-summary[b-74a46wvsl3] {
        flex-direction: column;
    }

    .documents-workspace[b-74a46wvsl3],
    .file-panel-grid[b-74a46wvsl3] {
        grid-template-columns: 1fr;
    }

    .folder-nav-panel[b-74a46wvsl3],
    .file-panel[b-74a46wvsl3],
    .file-list-panel[b-74a46wvsl3],
    .viewer-panel[b-74a46wvsl3],
    .viewer-surface[b-74a46wvsl3] {
        min-width: 0;
    }

    .documents-stats[b-74a46wvsl3] {
        width: 100%;
    }

    .documents-stat[b-74a46wvsl3] {
        flex: 1 1 0;
    }
}
/* /Components/Pages/Graphs.razor.rz.scp.css */
.graphs-page-shell[b-sa8uiwrmgq] {
    height: 100%;
    min-height: 0;
    overflow: auto;
    padding-bottom: .75rem;
}

.gdb-shell[b-sa8uiwrmgq] {
    --gdb-shell-bg: radial-gradient(circle at 10% 0%, #162436 0%, #0a0d12 45%);
    --gdb-panel: #131a23;
    --gdb-panel-2: #182130;
    --gdb-card-bg: linear-gradient(180deg, #121926 0%, #0f151f 100%);
    --gdb-chart-bg: #0f151f;
    --gdb-border: #243247;
    --gdb-strong-border: #2b3a52;
    --gdb-row-border: #1d2a3d;
    --gdb-tick: #30415d;
    --gdb-text: #e9f0ff;
    --gdb-task-text: #d6e4fb;
    --gdb-muted: #9fb0c9;
    --gdb-legend-text: #c9d7ed;
    --gdb-input-bg: #162130;
    --gdb-input-border: #2b3a52;
    --gdb-input-text: #dce8ff;
    --gdb-track-bg: #1d293c;
    --gdb-track-text: #eef4ff;
    --gdb-line-grid: #243247;
    --gdb-pie-inner: #0f151f;
    --gdb-actual: #2ea8ff;
    --gdb-plan: #6f8cab;
    --gdb-today: #f45d6a;
    --gdb-button-bg: #1b2534;
    --gdb-button-border: #2b3a52;
    --gdb-button-text: #dce8ff;
    --gdb-label-outside: #dce8ff;

    background: var(--gdb-shell-bg);
    border: 1px solid var(--gdb-border);
    border-radius: 0.75rem;
    padding: 1rem;
    color: var(--gdb-text);
}

[b-sa8uiwrmgq] .gdb-card {
    background: var(--gdb-card-bg);
    border: 1px solid var(--gdb-border);
    border-radius: 0.65rem;
    padding: 0.75rem;
}

[b-sa8uiwrmgq] .gdb-card h3 {
    margin: 0 0 0.45rem;
    color: var(--gdb-text);
    font-size: 0.9rem;
}

[b-sa8uiwrmgq] .gdb-empty {
    color: var(--gdb-muted);
    font-size: 0.8rem;
}

[b-sa8uiwrmgq] .track {
    position: relative;
    height: 16px;
    border-radius: 8px;
    background: var(--gdb-track-bg);
    overflow: hidden;
}

[b-sa8uiwrmgq] .track .fill {
    height: 100%;
}

[b-sa8uiwrmgq] .track.actual .fill {
    background: linear-gradient(90deg, #1f7ec4, var(--gdb-actual));
}

[b-sa8uiwrmgq] .track.plan .fill {
    background: linear-gradient(90deg, #3c536f, var(--gdb-plan));
}

[b-sa8uiwrmgq] .track span {
    position: absolute;
    right: 6px;
    top: 0;
    font-size: 0.68rem;
    line-height: 16px;
    color: var(--gdb-track-text);
    text-shadow: 0 1px 2px rgba(0,0,0,0.45);
}

[b-sa8uiwrmgq] .gdb-shell .rz-button.rz-light {
    background: var(--gdb-button-bg) !important;
    border-color: var(--gdb-button-border) !important;
    border-width: 1px !important;
    border-style: solid !important;
    color: var(--gdb-button-text) !important;
    border-radius: 0 !important;
    box-shadow: none !important;
}

[b-sa8uiwrmgq] .gdb-shell .rz-button.rz-light:hover,
[b-sa8uiwrmgq] .gdb-shell .rz-button.rz-light:focus,
[b-sa8uiwrmgq] .gdb-shell .rz-button.rz-light:focus-visible {
    box-shadow: none !important;
}
/* /Components/Pages/Graphs/AnalyticsPanel.razor.rz.scp.css */
.gdb-kpis[b-rh0qgsexkk] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 0.75rem;
    margin-bottom: 0.85rem;
}

.gdb-kpi[b-rh0qgsexkk] {
    background: linear-gradient(160deg, var(--gdb-panel) 0%, var(--gdb-panel-2) 100%);
    border: 1px solid var(--gdb-border);
    border-radius: 0.6rem;
    padding: 0.65rem 0.75rem;
}

.gdb-kpi span[b-rh0qgsexkk] {
    display: block;
    color: var(--gdb-muted);
    font-size: 0.74rem;
    text-transform: uppercase;
    margin-bottom: 0.25rem;
}

.gdb-kpi strong[b-rh0qgsexkk] {
    font-size: 1.25rem;
    font-weight: 700;
}

.gdb-grid[b-rh0qgsexkk] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.85rem;
}

.gdb-span-2[b-rh0qgsexkk] {
    grid-column: 1 / -1;
}

.gdb-pie-wrap[b-rh0qgsexkk] {
    display: grid;
    grid-template-columns: 180px 1fr;
    gap: 0.75rem;
    align-items: center;
    min-height: 220px;
}

.gdb-pie[b-rh0qgsexkk] {
    width: 170px;
    height: 170px;
    border-radius: 50%;
    border: 1px solid var(--gdb-tick);
    box-shadow: inset 0 0 0 16px var(--gdb-pie-inner);
}

.gdb-legend[b-rh0qgsexkk] {
    display: flex;
    flex-direction: column;
    gap: 0.3rem;
}

.gdb-legend-item[b-rh0qgsexkk] {
    display: grid;
    grid-template-columns: 14px 1fr auto;
    gap: 0.4rem;
    align-items: center;
    font-size: 0.84rem;
    color: var(--gdb-legend-text);
}

.gdb-legend-item .dot[b-rh0qgsexkk] {
    width: 10px;
    height: 10px;
    border-radius: 50%;
}

.gdb-bars[b-rh0qgsexkk] {
    display: flex;
    flex-direction: column;
    gap: 0.45rem;
}

.gdb-bar-row[b-rh0qgsexkk] {
    display: grid;
    grid-template-columns: 170px 1fr;
    gap: 0.6rem;
    align-items: center;
}

.gdb-bar-row .label[b-rh0qgsexkk] {
    font-size: 0.78rem;
    color: var(--gdb-legend-text);
}

.gdb-bar-row .tracks[b-rh0qgsexkk] {
    display: grid;
    gap: 0.25rem;
}

.gdb-linechart[b-rh0qgsexkk] {
    width: 100%;
    height: 230px;
    background: var(--gdb-chart-bg);
    border: 1px solid var(--gdb-strong-border);
    border-radius: 0.45rem;
}

.gdb-linechart .grid[b-rh0qgsexkk] {
    fill: none;
    stroke: var(--gdb-line-grid);
    stroke-width: 1;
}

.gdb-linechart .actual[b-rh0qgsexkk] {
    fill: none;
    stroke: var(--gdb-actual);
    stroke-width: 3;
}

.gdb-linechart .plan[b-rh0qgsexkk] {
    fill: none;
    stroke: var(--gdb-plan);
    stroke-width: 3;
}

.gdb-line-legend[b-rh0qgsexkk] {
    display: flex;
    gap: 1rem;
    margin-top: 0.4rem;
    font-size: 0.8rem;
    color: var(--gdb-legend-text);
}

.gdb-line-legend .swatch[b-rh0qgsexkk] {
    display: inline-block;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    margin-right: 0.35rem;
    vertical-align: -2px;
}

.gdb-line-legend .swatch.actual[b-rh0qgsexkk] { background: var(--gdb-actual); }
.gdb-line-legend .swatch.plan[b-rh0qgsexkk] { background: var(--gdb-plan); }

@media (max-width: 1100px) {
    .gdb-kpis[b-rh0qgsexkk] { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 900px) {
    .gdb-grid[b-rh0qgsexkk] { grid-template-columns: 1fr; }
    .gdb-span-2[b-rh0qgsexkk] { grid-column: auto; }
    .gdb-pie-wrap[b-rh0qgsexkk] { grid-template-columns: 1fr; }
}

@media (max-width: 700px) {
    .gdb-kpis[b-rh0qgsexkk] { grid-template-columns: 1fr; }
    .gdb-bar-row[b-rh0qgsexkk] { grid-template-columns: 1fr; }
}
/* /Components/Pages/Graphs/GanttChartPanel.razor.rz.scp.css */
.gdb-gantt-card[b-9z81zkp9lt] {
    padding-bottom: 0.9rem;
}

.gdb-gantt-area[b-9z81zkp9lt] {
    border: 1px solid var(--gdb-strong-border);
    border-radius: 0.45rem;
    background: var(--gdb-chart-bg);
    overflow-x: auto;
}

.gdb-gantt-grid[b-9z81zkp9lt] {
    min-width: 960px;
    position: relative;
    padding: 1.8rem 0.6rem 0.5rem;
}

.gdb-gantt-timeline[b-9z81zkp9lt] {
    position: absolute;
    left: calc(40px + 240px + 1.1rem);
    right: 0.6rem;
    top: 0;
    bottom: 0;
    pointer-events: none;
    z-index: 1;
}

.gdb-gantt-grid .tick[b-9z81zkp9lt] {
    position: absolute;
    top: 0.9rem;
    bottom: 0.35rem;
    width: 1px;
    border-left: 1px dashed var(--gdb-tick);
}

.gdb-gantt-grid .tick span[b-9z81zkp9lt] {
    position: absolute;
    top: -1rem;
    left: 0.25rem;
    color: #9fb0c9;
    font-size: 0.68rem;
    white-space: nowrap;
}

.gdb-gantt-grid .today[b-9z81zkp9lt] {
    position: absolute;
    top: 0.8rem;
    bottom: 0.3rem;
    width: 2px;
    background: var(--gdb-today);
    opacity: 0.9;
}

.gdb-gantt-row[b-9z81zkp9lt] {
    display: grid;
    grid-template-columns: 40px 240px 1fr;
    gap: 0.55rem;
    align-items: center;
    min-height: 38px;
    border-bottom: 1px solid var(--gdb-row-border);
    position: relative;
    z-index: 2;
}

.gdb-gantt-row .seq[b-9z81zkp9lt] {
    color: #9fb0c9;
    font-size: 0.78rem;
    text-align: right;
    padding-right: 0.3rem;
}

.gdb-gantt-row .task[b-9z81zkp9lt] {
    color: var(--gdb-task-text);
    font-size: 0.8rem;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: 1.2;
}

.gdb-gantt-row .lane[b-9z81zkp9lt] {
    position: relative;
    height: 30px;
    overflow: visible;
}

.gdb-gantt-row .bar[b-9z81zkp9lt] {
    position: absolute;
    height: 12px;
    border-radius: 7px;
    min-width: 10px;
    box-shadow: 0 2px 7px rgba(0,0,0,.35);
}

.gdb-gantt-row .bar.plan[b-9z81zkp9lt] {
    top: 2px;
    opacity: 0.85;
}

.gdb-gantt-row .bar.actual[b-9z81zkp9lt] {
    top: 15px;
}

.gdb-gantt-row .bar span[b-9z81zkp9lt] {
    position: absolute;
    right: 8px;
    top: -1px;
    color: #e8f2ff;
    font-size: 0.66rem;
    font-weight: 600;
    text-shadow: 0 1px 2px rgba(0,0,0,.5);
    white-space: nowrap;
}

.gdb-gantt-row .bar.tiny span[b-9z81zkp9lt] {
    left: calc(100% + 6px);
    right: auto;
    top: -1px;
    color: var(--gdb-label-outside);
    text-shadow: none;
}
/* /Components/Pages/Graphs/GraphsControls.razor.rz.scp.css */
.gdb-props[b-5j7wg3kc72] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.65rem;
    padding: 0.75rem;
    margin-bottom: 0.85rem;
    border: 1px solid var(--gdb-border);
    border-radius: 0.55rem;
    background: var(--gdb-chart-bg);
}

.gdb-props .prop[b-5j7wg3kc72] {
    display: flex;
    flex-direction: column;
    min-width: 145px;
    gap: 0.2rem;
}

.gdb-props .prop label[b-5j7wg3kc72] {
    color: var(--gdb-muted);
    font-size: 0.68rem;
    font-weight: 600;
}

.gdb-props .prop select[b-5j7wg3kc72],
.gdb-props .prop input[type="date"][b-5j7wg3kc72] {
    background: var(--gdb-input-bg) !important;
    border: 1px solid var(--gdb-input-border) !important;
    color: var(--gdb-input-text) !important;
    border-radius: 0.3rem;
    font-size: 0.78rem;
    padding: 0.2rem 0.32rem;
    min-height: 1.65rem;
}

.gdb-props .prop select:disabled[b-5j7wg3kc72],
.gdb-props .prop input[type="date"]:disabled[b-5j7wg3kc72] {
    opacity: 0.7;
    cursor: not-allowed;
}

.gdb-props .prop-check[b-5j7wg3kc72] {
    min-width: 100px;
    justify-content: flex-end;
}

.gdb-props .timeline-nav[b-5j7wg3kc72] {
    min-width: 310px;
}

.timeline-nav-btns[b-5j7wg3kc72] {
    display: flex;
    align-items: center;
    gap: 0.22rem;
    flex-wrap: wrap;
}

.timeline-nav-btns span[b-5j7wg3kc72] {
    color: var(--gdb-legend-text);
    font-size: 0.72rem;
}

[b-5j7wg3kc72] .timeline-nav-btns .rz-button.rz-size-sm {
    min-height: 1.55rem;
    padding: 0.12rem 0.38rem !important;
    font-size: 0.72rem;
    border-radius: 0 !important;
    box-shadow: none !important;
}

.timeline-props[b-5j7wg3kc72] {
    padding: 0.42rem 0.5rem;
    gap: 0.4rem;
    margin-bottom: 0.55rem;
}

.timeline-props .prop[b-5j7wg3kc72] {
    min-width: 120px;
}

.timeline-props .timeline-nav[b-5j7wg3kc72] {
    min-width: 250px;
}

[b-5j7wg3kc72] .timeline-props .rz-button.rz-size-sm {
    min-height: 1.45rem;
    font-size: 0.68rem;
    padding: 0.08rem 0.32rem !important;
    border-radius: 0 !important;
    box-shadow: none !important;
}

[b-5j7wg3kc72] .timeline-nav-btns .rz-button.rz-size-sm:hover,
[b-5j7wg3kc72] .timeline-nav-btns .rz-button.rz-size-sm:focus,
[b-5j7wg3kc72] .timeline-nav-btns .rz-button.rz-size-sm:focus-visible,
[b-5j7wg3kc72] .timeline-props .rz-button.rz-size-sm:hover,
[b-5j7wg3kc72] .timeline-props .rz-button.rz-size-sm:focus,
[b-5j7wg3kc72] .timeline-props .rz-button.rz-size-sm:focus-visible {
    box-shadow: none !important;
}

@media (max-width: 700px) {
    .gdb-props .prop[b-5j7wg3kc72] {
        min-width: 100%;
    }
}
/* /Components/Pages/Graphs/GraphsHeader.razor.rz.scp.css */
.gdb-header[b-fw9pnpov11] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 1rem;
    margin-bottom: 0.9rem;
}

.gdb-header h2[b-fw9pnpov11] {
    margin: 0;
    font-size: 1.15rem;
}

.gdb-header p[b-fw9pnpov11] {
    margin: 0.2rem 0 0;
    color: var(--gdb-muted);
    font-size: 0.88rem;
}

@media (max-width: 700px) {
    .gdb-header[b-fw9pnpov11] {
        flex-direction: column;
        align-items: stretch;
    }
}
/* /Components/Pages/Graphs/GraphsLoadingState.razor.rz.scp.css */
.gdb-kpis[b-olapmhe01a] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 0.75rem;
    margin-bottom: 0.85rem;
}

.gdb-kpi[b-olapmhe01a] {
    background: linear-gradient(160deg, var(--gdb-panel) 0%, var(--gdb-panel-2) 100%);
    border: 1px solid var(--gdb-border);
    border-radius: 0.6rem;
    padding: 0.65rem 0.75rem;
}

@media (max-width: 1100px) {
    .gdb-kpis[b-olapmhe01a] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 700px) {
    .gdb-kpis[b-olapmhe01a] {
        grid-template-columns: 1fr;
    }
}
/* /Components/Pages/Graphs/TimelinePanel.razor.rz.scp.css */
.timeline-days[b-nzrnrz12ow] {
    display: grid;
    grid-template-columns: repeat(7, minmax(0, 1fr));
    gap: 0.32rem;
    margin-bottom: 0.65rem;
}

.timeline-day[b-nzrnrz12ow] {
    border: 1px solid var(--gdb-border);
    background: var(--gdb-panel);
    color: var(--gdb-text);
    border-radius: 0.35rem;
    padding: 0.22rem 0.36rem;
    min-height: 2rem;
    display: flex;
    align-items: center;
    text-align: left;
}

.timeline-day span[b-nzrnrz12ow] {
    display: block;
    font-size: 0.68rem;
    line-height: 1;
    color: var(--gdb-muted);
}

.timeline-day.active[b-nzrnrz12ow] {
    border-color: var(--gdb-actual);
    box-shadow: 0 0 0 1px color-mix(in srgb, var(--gdb-actual) 45%, transparent);
    background: color-mix(in srgb, var(--gdb-panel) 82%, var(--gdb-actual));
}

.timeline-day:disabled[b-nzrnrz12ow] {
    opacity: 0.45;
    cursor: not-allowed;
}

.timeline-summary-line[b-nzrnrz12ow] {
    display: grid;
    grid-template-columns: repeat(8, minmax(0, 1fr));
    gap: 0.28rem;
    margin-bottom: 0.45rem;
}

.timeline-metric[b-nzrnrz12ow] {
    border: 1px solid var(--gdb-border);
    border-radius: 0.28rem;
    background: linear-gradient(160deg, var(--gdb-panel) 0%, var(--gdb-panel-2) 100%);
    padding: 0.18rem 0.36rem;
    min-height: 1.85rem;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.timeline-metric span[b-nzrnrz12ow] {
    font-size: 0.58rem;
    color: var(--gdb-muted);
    line-height: 1;
    margin-bottom: 0.08rem;
    text-transform: uppercase;
    letter-spacing: 0.01em;
}

.timeline-metric strong[b-nzrnrz12ow] {
    font-size: 0.78rem;
    line-height: 1.05;
}

.gdb-timeline-table-card[b-nzrnrz12ow] {
    overflow: hidden;
}

.gdb-table-wrap[b-nzrnrz12ow] {
    overflow: auto;
}

.gdb-timeline-table[b-nzrnrz12ow] {
    width: 100%;
    border-collapse: collapse;
    font-size: 0.78rem;
}

.gdb-timeline-table thead th[b-nzrnrz12ow] {
    position: sticky;
    top: 0;
    background: var(--gdb-panel-2);
    color: var(--gdb-text);
    text-align: left;
    padding: 0.5rem;
    border-bottom: 1px solid var(--gdb-border);
    white-space: nowrap;
}

.gdb-timeline-table tbody td[b-nzrnrz12ow] {
    padding: 0.45rem 0.5rem;
    border-bottom: 1px solid var(--gdb-row-border);
    color: var(--gdb-task-text);
    white-space: nowrap;
}

.gdb-timeline-table .timeline-cell-progress[b-nzrnrz12ow] {
    min-width: 130px;
    height: 14px;
}

.gdb-timeline-table .timeline-cell-progress span[b-nzrnrz12ow] {
    font-size: 0.64rem;
    line-height: 14px;
}

.gdb-kpis[b-nzrnrz12ow] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 0.75rem;
    margin-bottom: 0.85rem;
}

.gdb-kpi[b-nzrnrz12ow] {
    background: linear-gradient(160deg, var(--gdb-panel) 0%, var(--gdb-panel-2) 100%);
    border: 1px solid var(--gdb-border);
    border-radius: 0.6rem;
    padding: 0.65rem 0.75rem;
}

@media (max-width: 1100px) {
    .timeline-summary-line[b-nzrnrz12ow] {
        grid-template-columns: repeat(5, minmax(0, 1fr));
    }
}

@media (max-width: 700px) {
    .timeline-days[b-nzrnrz12ow] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .timeline-summary-line[b-nzrnrz12ow] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}
/* /Components/Pages/Login/Login.razor.rz.scp.css */
.login-shell[b-i7c8yhedbg] {
    position: relative;
    min-height: 100dvh;
    overflow: hidden;
    background: #f1f3f7;
}

.login-bg-layer[b-i7c8yhedbg] {
    position: absolute;
    inset: 0;
    background:
        linear-gradient(180deg, rgba(235, 231, 223, 0.58), rgba(205, 196, 184, 0.66)),
        url("Images/login-bg.png") center/cover no-repeat;
}

.login-bg-layer[b-i7c8yhedbg]::before {
    content: "";
    position: absolute;
    inset: 0;
    background:
        radial-gradient(circle at 16% 82%, rgba(24, 88, 156, 0.08) 0%, transparent 45%),
        radial-gradient(circle at 88% 28%, rgba(173, 116, 35, 0.09) 0%, transparent 40%);
    pointer-events: none;
}

.login-content[b-i7c8yhedbg] {
    position: relative;
    min-height: 100dvh;
    display: grid;
    grid-template-columns: 1.4fr minmax(360px, 470px);
    gap: 2rem;
    align-items: center;
    padding: 2.2rem 6vw;
}

.login-branding[b-i7c8yhedbg] {
    align-self: start;
    margin-top: clamp(1rem, 5vh, 4.2rem);
    max-width: 560px;
    color: #24364d;
}

.brand-logo[b-i7c8yhedbg] {
    width: clamp(180px, 22vw, 340px);
    max-width: 100%;
}

.login-branding .brand-subtitle[b-i7c8yhedbg] {
    font-size: clamp(1.15rem, 2vw, 2.2rem);
    letter-spacing: 0.18em;
    margin-top: 0.85rem;
}

.brand-rule[b-i7c8yhedbg] {
    width: min(100%, 420px);
    height: 2px;
    margin: 0.4rem 0 0.75rem;
    background: linear-gradient(90deg, #b37a3f 0%, #c39156 52%, rgba(195, 145, 86, 0) 100%);
}

.login-branding h1[b-i7c8yhedbg] {
    margin: 0;
    font-size: clamp(1.8rem, 3vw, 3.7rem);
    letter-spacing: 0.08em;
    color: #1f3551;
}

.brand-portal-row[b-i7c8yhedbg] {
    display: flex;
    align-items: center;
    gap: 0.8rem;
    margin-top: 0.55rem;
    color: #5b6f88;
}

.brand-portal-row span[b-i7c8yhedbg] {
    height: 2px;
    flex: 1;
    min-width: 45px;
    background: #98abc1;
}

.brand-portal-row strong[b-i7c8yhedbg] {
    letter-spacing: 0.24em;
    font-size: clamp(1rem, 1.45vw, 1.7rem);
}

.login-panel[b-i7c8yhedbg] {
    justify-self: end;
    width: min(470px, 100%);
    padding: 1.6rem 1.9rem 1.3rem;
    border-radius: 14px;
    border: 1px solid rgba(255, 255, 255, 0.52);
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.62) 0%, rgba(240, 245, 253, 0.74) 100%);
    box-shadow: 0 18px 34px rgba(32, 54, 87, 0.18);
    backdrop-filter: blur(4px);
}

.login-panel h2[b-i7c8yhedbg] {
    margin: 0 0 1rem;
    color: #2a3b54;
    font-size: 1.75rem;
    font-weight: 700;
}

.login-form[b-i7c8yhedbg] {
    display: flex;
    flex-direction: column;
}

.field-label[b-i7c8yhedbg] {
    margin-bottom: 0.32rem;
    margin-top: 0.72rem;
    color: #2d3d55;
    font-weight: 600;
}

.field-wrap[b-i7c8yhedbg] {
    position: relative;
}

.field-wrap > i[b-i7c8yhedbg] {
    position: absolute;
    left: 0.68rem;
    top: 50%;
    transform: translateY(-50%);
    color: #577492;
    z-index: 3;
}

[b-i7c8yhedbg] .field-wrap .rz-textbox,
[b-i7c8yhedbg] .field-wrap .rz-password-input {
    width: 100% !important;
    padding-left: 2.25rem !important;
    height: 42px;
    border-radius: 6px;
    border: 1px solid #b7c5d8 !important;
    background: #f6f9ff !important;
    color: #2a3e59 !important;
}

[b-i7c8yhedbg] .field-wrap .rz-password {
    width: 100%;
}

.login-row[b-i7c8yhedbg] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 0.9rem;
    font-size: 0.95rem;
}

.remember-wrap[b-i7c8yhedbg] {
    display: inline-flex;
    align-items: center;
    gap: 0.48rem;
    color: #304864;
}

.remember-wrap input[b-i7c8yhedbg] {
    width: 17px;
    height: 17px;
    accent-color: #2665b8;
}

.forgot-link[b-i7c8yhedbg],
.panel-footer a[b-i7c8yhedbg] {
    color: #2f5f9b;
    text-decoration: none;
    font-weight: 600;
}

.forgot-link:hover[b-i7c8yhedbg],
.panel-footer a:hover[b-i7c8yhedbg] {
    text-decoration: underline;
}

.forgot-panel[b-i7c8yhedbg] {
    margin-top: 0.95rem;
    padding: 0.95rem;
    border: 1px solid #b8c7da;
    border-radius: 8px;
    background: rgba(246, 249, 255, 0.78);
    color: #2d3d55;
}

.forgot-panel-header[b-i7c8yhedbg] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
}

.forgot-panel-header strong[b-i7c8yhedbg] {
    color: #1f3551;
}

.forgot-close[b-i7c8yhedbg] {
    border: 0;
    background: transparent;
    color: #577492;
    cursor: pointer;
    font-size: 1.2rem;
    line-height: 1;
}

.forgot-panel p[b-i7c8yhedbg] {
    margin: 0.45rem 0 0.75rem;
    color: #405a78;
    font-size: 0.92rem;
}

.forgot-message[b-i7c8yhedbg] {
    margin-top: 0.65rem;
    font-size: 0.9rem;
    font-weight: 600;
}

.forgot-message.success[b-i7c8yhedbg] {
    color: #1d6b43;
}

.forgot-message.error[b-i7c8yhedbg] {
    color: #9a2f2f;
}

.forgot-submit[b-i7c8yhedbg] {
    margin-top: 0.75rem;
    width: 100%;
}

.login-submit[b-i7c8yhedbg] {
    margin-top: 1.05rem;
}

[b-i7c8yhedbg] .login-submit.rz-button {
    margin-top: 1.05rem;
    height: 44px;
    border-radius: 6px !important;
    border: none !important;
    background: linear-gradient(90deg, #1f63b5 0%, #2f78cf 100%) !important;
    color: #ffffff !important;
    letter-spacing: 0.12em;
    font-weight: 800 !important;
}

[b-i7c8yhedbg] .login-submit.rz-button:hover,
[b-i7c8yhedbg] .login-submit.rz-button:focus,
[b-i7c8yhedbg] .login-submit.rz-button:focus-visible {
    background: linear-gradient(90deg, #1b5aa7 0%, #296bbb 100%) !important;
    color: #ffffff !important;
}

.panel-footer[b-i7c8yhedbg] {
    margin-top: 1.25rem;
    padding-top: 0.95rem;
    border-top: 1px solid #b8c7da;
    color: #3a4d66;
    display: flex;
    justify-content: center;
    gap: 0.5rem;
}

.login-error[b-i7c8yhedbg] {
    margin-top: 0.82rem;
}

@media (max-width: 1080px) {
    .login-content[b-i7c8yhedbg] {
        grid-template-columns: 1fr;
        gap: 1.1rem;
        padding: 1.2rem 1rem 1.5rem;
    }

    .login-branding[b-i7c8yhedbg] {
        margin-top: 0.2rem;
    }

    .login-panel[b-i7c8yhedbg] {
        justify-self: stretch;
        max-width: 560px;
        margin: 0 auto;
    }
}
/* /Components/Pages/Logs.razor.rz.scp.css */
.logs-page-shell[b-h81vn3gm2h] {
    height: 100%;
    min-height: 0;
    overflow: auto;
    padding-bottom: .75rem;
}

.logs-accordion[b-h81vn3gm2h] {
    margin-top: .5rem;
}

.logs-toolbar[b-h81vn3gm2h] {
    display: flex;
    justify-content: flex-end;
    margin-bottom: .65rem;
}

.logs-page-shell[b-h81vn3gm2h]  .log-add-btn.rz-button,
.logs-page-shell[b-h81vn3gm2h]  .log-action-btn.rz-button,
.logs-page-shell[b-h81vn3gm2h]  .log-editor-cancel-btn.rz-button,
.logs-page-shell[b-h81vn3gm2h]  .log-editor-save-btn.rz-button {
    box-shadow: none;
    border: 1px solid var(--rz-grid-border-color, #d4ddeb);
}

.logs-page-shell[b-h81vn3gm2h]  .log-add-btn.rz-button .rz-button-text,
.logs-page-shell[b-h81vn3gm2h]  .log-action-btn.rz-button .rz-button-text,
.logs-page-shell[b-h81vn3gm2h]  .log-editor-cancel-btn.rz-button .rz-button-text,
.logs-page-shell[b-h81vn3gm2h]  .log-editor-save-btn.rz-button .rz-button-text,
.logs-page-shell[b-h81vn3gm2h]  .log-add-btn.rz-button .rzi,
.logs-page-shell[b-h81vn3gm2h]  .log-action-btn.rz-button .rzi,
.logs-page-shell[b-h81vn3gm2h]  .log-editor-cancel-btn.rz-button .rzi,
.logs-page-shell[b-h81vn3gm2h]  .log-editor-save-btn.rz-button .rzi {
    color: inherit !important;
}

.page.theme-light .logs-page-shell[b-h81vn3gm2h]  .log-add-btn.rz-button,
.page.theme-light .logs-page-shell[b-h81vn3gm2h]  .log-action-btn.rz-button,
.page.theme-light .logs-page-shell[b-h81vn3gm2h]  .log-editor-cancel-btn.rz-button {
    background: #eef4ff !important;
    color: #244a78 !important;
    border-color: #c9dafc !important;
}

.page.theme-light .logs-page-shell[b-h81vn3gm2h]  .log-editor-save-btn.rz-button {
    background: #2f6ec4 !important;
    color: #ffffff !important;
    border-color: #2a62af !important;
}

.page.theme-light .logs-page-shell[b-h81vn3gm2h]  .log-add-btn.rz-button:hover,
.page.theme-light .logs-page-shell[b-h81vn3gm2h]  .log-action-btn.rz-button:hover,
.page.theme-light .logs-page-shell[b-h81vn3gm2h]  .log-editor-cancel-btn.rz-button:hover {
    background: #dfeafc !important;
    color: #173a63 !important;
    border-color: #afc8f3 !important;
}

.page.theme-light .logs-page-shell[b-h81vn3gm2h]  .log-editor-save-btn.rz-button:hover {
    background: #285ea7 !important;
    color: #ffffff !important;
    border-color: #224f8b !important;
}

.page.theme-dark .logs-page-shell[b-h81vn3gm2h]  .log-add-btn.rz-button,
.page.theme-dark .logs-page-shell[b-h81vn3gm2h]  .log-action-btn.rz-button,
.page.theme-dark .logs-page-shell[b-h81vn3gm2h]  .log-editor-cancel-btn.rz-button {
    background: rgba(33, 60, 104, 0.28) !important;
    color: #d7e6ff !important;
    border-color: rgba(125, 163, 224, 0.38) !important;
}

.page.theme-dark .logs-page-shell[b-h81vn3gm2h]  .log-editor-save-btn.rz-button {
    background: #3a77cf !important;
    color: #f7fbff !important;
    border-color: #4a86de !important;
}

.page.theme-dark .logs-page-shell[b-h81vn3gm2h]  .log-add-btn.rz-button:hover,
.page.theme-dark .logs-page-shell[b-h81vn3gm2h]  .log-action-btn.rz-button:hover,
.page.theme-dark .logs-page-shell[b-h81vn3gm2h]  .log-editor-cancel-btn.rz-button:hover {
    background: rgba(52, 91, 153, 0.38) !important;
    color: #eef5ff !important;
    border-color: rgba(150, 183, 235, 0.52) !important;
}

.page.theme-dark .logs-page-shell[b-h81vn3gm2h]  .log-editor-save-btn.rz-button:hover {
    background: #4a86de !important;
    color: #ffffff !important;
    border-color: #6299ea !important;
}

.logs-feed[b-h81vn3gm2h] {
    display: flex;
    flex-direction: column;
    gap: 2.0rem;
}

.log-topic[b-h81vn3gm2h] {
    font-weight: 600;
    font-size: 1.0rem;
    color: var(--rz-text-title-color, #1f3653);
    letter-spacing: .1px;
}

.log-entry[b-h81vn3gm2h] {
    border: 1px solid var(--rz-grid-border-color, #d4ddeb);
    background: var(--rz-base-background-color, #fff);
    padding: .65rem .75rem .6rem;
}

.log-entry-header[b-h81vn3gm2h] {
    display: flex;
    gap: .4rem;
    align-items: baseline;
    flex-wrap: wrap;
    margin-bottom: .42rem;
}

.log-actions[b-h81vn3gm2h] {
    margin-left: auto;
    display: inline-flex;
    align-items: center;
    gap: .35rem;
}

.log-by[b-h81vn3gm2h] {
    opacity: .85;
    font-style: italic;
    font-size: .8rem;
}

.log-body[b-h81vn3gm2h] {
    white-space: break-spaces;
    font-family: inherit;
    line-height: 1.34;
    font-size: .96rem;
    margin-bottom: .7rem;
    margin-top: 0;
}

.log-body p[b-h81vn3gm2h],
.log-body ul[b-h81vn3gm2h],
.log-body ol[b-h81vn3gm2h] {
    margin: 0 0 .55rem;
}

.log-body p:last-child[b-h81vn3gm2h],
.log-body ul:last-child[b-h81vn3gm2h],
.log-body ol:last-child[b-h81vn3gm2h] {
    margin-bottom: 0;
}

.log-body ul[b-h81vn3gm2h],
.log-body ol[b-h81vn3gm2h] {
    padding-left: 1.25rem;
}

.log-footer[b-h81vn3gm2h] {
    opacity: .88;
    font-style: italic;
    font-size: .80rem;
    border-top: 1px solid var(--rz-grid-border-color, #d4ddeb);
    padding-top: .4rem;
}

.page.theme-dark .log-entry[b-h81vn3gm2h],
.theme-dark .log-entry[b-h81vn3gm2h] {
    background: #0f1a2d;
    border-color: rgba(125, 163, 224, 0.45);
}

.page.theme-dark .log-topic[b-h81vn3gm2h],
.theme-dark .log-topic[b-h81vn3gm2h] {
    color: #e7f0ff;
}

.page.theme-dark .log-by[b-h81vn3gm2h],
.theme-dark .log-by[b-h81vn3gm2h] {
    color: #9fb8de;
    opacity: 1;
}

.page.theme-dark .log-body[b-h81vn3gm2h],
.theme-dark .log-body[b-h81vn3gm2h] {
    color: #dbe8ff;
}

.page.theme-dark .log-footer[b-h81vn3gm2h],
.theme-dark .log-footer[b-h81vn3gm2h] {
    color: #9fb8de;
    border-top-color: rgba(125, 163, 224, 0.35);
    opacity: 1;
}

.logs-content[b-h81vn3gm2h] {
    white-space: pre-wrap;
    line-height: 1.4;
}

.logs-loading[b-h81vn3gm2h],
.logs-empty[b-h81vn3gm2h],
.logs-error[b-h81vn3gm2h] {
    padding: .75rem;
}

.logs-error[b-h81vn3gm2h] {
    color: #c53030;
}

.log-editor-backdrop[b-h81vn3gm2h] {
    position: fixed;
    inset: 0;
    z-index: 1200;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 1rem;
    background: rgba(15, 23, 42, 0.45);
}

.log-editor-card[b-h81vn3gm2h] {
    width: min(760px, 100%);
    border: 1px solid var(--rz-grid-border-color, #d4ddeb);
    background: var(--rz-base-background-color, #fff);
    padding: .9rem;
}

.log-editor-card[b-h81vn3gm2h],
.log-editor-card label[b-h81vn3gm2h],
.log-editor-card h4[b-h81vn3gm2h] {
    color: var(--rz-text-color, inherit);
}

.log-editor-header h4[b-h81vn3gm2h] {
    margin: 0 0 .55rem 0;
}

.log-editor-grid[b-h81vn3gm2h] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 220px;
    gap: .7rem;
}

.log-editor-grid label[b-h81vn3gm2h] {
    display: block;
    font-size: .75rem;
    margin-bottom: .22rem;
    letter-spacing: .04em;
    text-transform: uppercase;
}

.log-editor-card[b-h81vn3gm2h]  .rz-textbox,
.log-editor-card[b-h81vn3gm2h]  .rz-inputtext,
.log-editor-card[b-h81vn3gm2h]  .rz-textarea,
.log-editor-card[b-h81vn3gm2h]  .rz-datepicker input,
.log-editor-date-input[b-h81vn3gm2h] {
    background: #ffffff !important;
    color: #1f3653 !important;
    border: 1px solid #c9dafc !important;
}

.page.theme-dark .log-editor-card[b-h81vn3gm2h],
.theme-dark .log-editor-card[b-h81vn3gm2h] {
    background: #0f1a2d;
    border-color: rgba(125, 163, 224, 0.45);
}

.page.theme-dark .log-editor-card[b-h81vn3gm2h],
.page.theme-dark .log-editor-card label[b-h81vn3gm2h],
.page.theme-dark .log-editor-card h4[b-h81vn3gm2h],
.theme-dark .log-editor-card[b-h81vn3gm2h],
.theme-dark .log-editor-card label[b-h81vn3gm2h],
.theme-dark .log-editor-card h4[b-h81vn3gm2h] {
    color: #e7f0ff !important;
}

.page.theme-dark .log-editor-card[b-h81vn3gm2h]  .rz-textbox,
.page.theme-dark .log-editor-card[b-h81vn3gm2h]  .rz-inputtext,
.page.theme-dark .log-editor-card[b-h81vn3gm2h]  .rz-textarea,
.page.theme-dark .log-editor-card[b-h81vn3gm2h]  .rz-datepicker input,
.theme-dark .log-editor-card[b-h81vn3gm2h]  .rz-textbox,
.theme-dark .log-editor-card[b-h81vn3gm2h]  .rz-inputtext,
.theme-dark .log-editor-card[b-h81vn3gm2h]  .rz-textarea,
.theme-dark .log-editor-card[b-h81vn3gm2h]  .rz-datepicker input,
.page.theme-dark .log-editor-date-input[b-h81vn3gm2h],
.theme-dark .log-editor-date-input[b-h81vn3gm2h] {
    background: rgba(20, 33, 58, 0.85) !important;
    color: #e7f0ff !important;
    border-color: rgba(125, 163, 224, 0.45) !important;
}

.page.theme-dark .log-editor-static[b-h81vn3gm2h],
.theme-dark .log-editor-static[b-h81vn3gm2h] {
    background: rgba(20, 33, 58, 0.85);
    color: #e7f0ff;
    border-color: rgba(125, 163, 224, 0.45);
}

.log-editor-date-input[b-h81vn3gm2h] {
    min-height: 2.25rem;
}

.log-editor-select-input[b-h81vn3gm2h] {
    min-height: 2.25rem;
}

.log-editor-static[b-h81vn3gm2h] {
    min-height: 2.25rem;
    display: flex;
    align-items: center;
    padding: 0 .55rem;
    border: 1px solid #c9dafc;
    background: #ffffff;
    color: #1f3653;
}

.page.theme-light .log-editor-card[b-h81vn3gm2h]  .rz-textbox,
.page.theme-light .log-editor-card[b-h81vn3gm2h]  .rz-inputtext,
.page.theme-light .log-editor-card[b-h81vn3gm2h]  .rz-textarea,
.page.theme-light .log-editor-card[b-h81vn3gm2h]  .rz-datepicker input,
.page.theme-light .log-editor-date-input[b-h81vn3gm2h],
.theme-light .log-editor-card[b-h81vn3gm2h]  .rz-textbox,
.theme-light .log-editor-card[b-h81vn3gm2h]  .rz-inputtext,
.theme-light .log-editor-card[b-h81vn3gm2h]  .rz-textarea,
.theme-light .log-editor-card[b-h81vn3gm2h]  .rz-datepicker input,
.theme-light .log-editor-date-input[b-h81vn3gm2h] {
    background: #ffffff !important;
    color: #1f3653 !important;
    border-color: #c9dafc !important;
}

.log-editor-content[b-h81vn3gm2h] {
    grid-column: 1 / -1;
}

.log-editor-actions[b-h81vn3gm2h] {
    margin-top: .7rem;
    display: flex;
    justify-content: flex-end;
    gap: .45rem;
}

.log-associate-note[b-h81vn3gm2h] {
    margin-top: .55rem;
    font-size: .84rem;
    color: var(--rz-text-secondary-color, #6b7280);
}

.log-editor-error[b-h81vn3gm2h] {
    margin-top: .65rem;
    padding: .55rem .65rem;
    border: 1px solid #f1b4b4;
    background: #fff5f5;
    color: #9b1c1c;
    font-size: .9rem;
}

.page.theme-dark .log-editor-error[b-h81vn3gm2h],
.theme-dark .log-editor-error[b-h81vn3gm2h] {
    border-color: rgba(248, 113, 113, 0.45);
    background: rgba(127, 29, 29, 0.3);
    color: #fecaca;
}

@media (max-width: 1100px) {
    .log-entry[b-h81vn3gm2h] {
        padding-left: .55rem;
        padding-right: .55rem;
    }
}
/* /Components/Pages/Mapviewer.razor.rz.scp.css */
/* Mapviewer.razor.css — SAFE SCOPED VERSION */

/* Size the map page explicitly under the top bar */
.map-page[b-pxbfxoxxfg] {
    display: flex;
    flex-direction: column;
    height: 100%;
    min-height: 0;
    overflow: hidden;
    margin: 0;
    padding: 0;
}

:global(.main-content-shell:has(.map-page))[b-pxbfxoxxfg] {
    padding-bottom: 0;
}

/* Let the inner container take the remaining height */
.map-shell[b-pxbfxoxxfg] {
    display: grid;
    grid-template-columns: minmax(0, calc(100% - 320px)) 320px;
    flex: 1 1 auto;
    height: 100%;
    min-height: 0;
    overflow: hidden;
    width: 100%;
}

.map-flex[b-pxbfxoxxfg] {
    flex: 1 1 auto;
    min-height: 0;
    height: 100%;
    position: relative;
    overflow: hidden;
    width: 100%;
}

/* Make the actual ArcGIS div fill its parent */
#viewDiv[b-pxbfxoxxfg] {
    position: relative;
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    border: none;
    outline: none;
    z-index: 1;
}

#viewDiv:focus[b-pxbfxoxxfg],
#viewDiv:focus-visible[b-pxbfxoxxfg],
#viewDiv :global(.esri-view:focus)[b-pxbfxoxxfg],
#viewDiv :global(.esri-view:focus-visible)[b-pxbfxoxxfg],
#viewDiv :global(.esri-view-root:focus)[b-pxbfxoxxfg],
#viewDiv :global(.esri-view-root:focus-visible)[b-pxbfxoxxfg],
#viewDiv :global(.esri-view-surface:focus)[b-pxbfxoxxfg],
#viewDiv :global(.esri-view-surface:focus-visible)[b-pxbfxoxxfg] {
    outline: none !important;
}

.map-side-pane[b-pxbfxoxxfg] {
    position: relative;
    z-index: 2;
    min-height: 0;
    overflow: auto;
    border-left: 1px solid #c9d8ea;
    background: #ffffff;
}

.map-widget-section[b-pxbfxoxxfg] {
    border-bottom: 1px solid #d6e1f0;
}

.map-widget-section h3[b-pxbfxoxxfg] {
    margin: 0;
    padding: 0.65rem 0.85rem;
    font-size: 0.85rem;
    color: #17395f;
    background: #eef4fb;
    border-bottom: 1px solid #d6e1f0;
}

.map-widget-host[b-pxbfxoxxfg] {
    max-height: 42vh;
    overflow: auto;
}

.map-widget-host :global(.esri-widget)[b-pxbfxoxxfg] {
    box-shadow: none !important;
    width: 100% !important;
}

/* Only strip padding/margins INSIDE the map page */
.map-page :global(.rz-p-4)[b-pxbfxoxxfg],
.map-page :global(.rz-card)[b-pxbfxoxxfg],
.map-page :global(.rz-panel)[b-pxbfxoxxfg] {
    padding: 0 !important;
    margin: 0 !important;
    border: none !important;
}
/* /Components/Pages/Progress.razor.rz.scp.css */
.ps-card[b-prfjf5rg4x] {
    padding: 0.75rem;
}

.ps-header[b-prfjf5rg4x] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: .25rem;
}

    .ps-header .title[b-prfjf5rg4x] {
        font-weight: 600;
        font-size: 1.05rem;
    }

.ps-grid .rz-grid-table td[b-prfjf5rg4x],
.ps-grid .rz-grid-table th[b-prfjf5rg4x] {
    padding: .4rem .6rem;
}

.progress-page-shell[b-prfjf5rg4x]  .ps-grid .rz-grid-table tbody tr.ps-step-row,
.progress-page-shell[b-prfjf5rg4x]  .ps-grid .rz-grid-table tbody tr.ps-step-row > td {
    cursor: pointer;
}

.progress-page-shell[b-prfjf5rg4x]  .ps-grid .step-detail {
    cursor: default;
}
/* compact rows */

.ps-icon-col[b-prfjf5rg4x] {
    display: flex;
    align-items: center;
    gap: .25rem;
}

.ps-badge[b-prfjf5rg4x] {
    padding: .20rem .5rem;
    border-radius: 10px;
    font-weight: 600;
    font-size: .85rem;
    color: #0b3d1f;
    background: #e6f6ea;
    border: 1px solid #b6e2c2;
}

    .ps-badge.blue[b-prfjf5rg4x] {
        color: #0b2e50;
        background: #e6f0fb;
        border: 1px solid #c9dafc;
    }

    .ps-badge.green[b-prfjf5rg4x] {
        color: #0b3d1f;
        background: #e6f6ea;
        border: 1px solid #b6e2c2;
    }

.step-detail[b-prfjf5rg4x] {
    padding: .75rem 1rem 1rem;
    background: var(--ps-detail-bg, #ffffff);
    border: 1px solid var(--ps-detail-border, #cad7ea);
    border-radius: .5rem;
}

.step-detail-header[b-prfjf5rg4x] {
    display: flex;
    gap: .5rem;
    align-items: center;
    margin-bottom: .5rem;
    flex-wrap: wrap;
}

    .step-detail-header .label[b-prfjf5rg4x] {
        color: var(--ps-detail-label, #6b7280);
        font-weight: 700;
        letter-spacing: .3px;
    }

    .step-detail-header .value[b-prfjf5rg4x] {
        font-weight: 700;
        color: var(--ps-detail-text, inherit);
    }

.go-child-btn[b-prfjf5rg4x] {
    margin-left: auto;
}

.curve-preview-btn[b-prfjf5rg4x] {
    margin-left: auto;
}

.progress-page-shell[b-prfjf5rg4x]  .step-detail-header .curve-preview-btn.rz-button,
.progress-page-shell[b-prfjf5rg4x]  .step-detail-header .go-child-btn.rz-button {
    border-radius: 999px;
    font-weight: 700;
    border: 1px solid var(--ps-detail-border, #cad7ea);
    box-shadow: none;
    transition: background-color .18s ease, color .18s ease, border-color .18s ease, box-shadow .18s ease;
}

.progress-page-shell[b-prfjf5rg4x]  .step-detail-header .curve-preview-btn.rz-button .rz-button-text,
.progress-page-shell[b-prfjf5rg4x]  .step-detail-header .go-child-btn.rz-button .rz-button-text,
.progress-page-shell[b-prfjf5rg4x]  .step-detail-header .curve-preview-btn.rz-button .rzi,
.progress-page-shell[b-prfjf5rg4x]  .step-detail-header .go-child-btn.rz-button .rzi {
    color: inherit !important;
}

.page.theme-light .progress-page-shell[b-prfjf5rg4x]  .step-detail-header .curve-preview-btn.rz-button,
.page.theme-light .progress-page-shell[b-prfjf5rg4x]  .step-detail-header .go-child-btn.rz-button {
    background: #eef4ff !important;
    color: #244a78 !important;
    border-color: #c9dafc !important;
}

.page.theme-light .progress-page-shell[b-prfjf5rg4x]  .step-detail-header .curve-preview-btn.rz-button:hover,
.page.theme-light .progress-page-shell[b-prfjf5rg4x]  .step-detail-header .curve-preview-btn.rz-button:focus,
.page.theme-light .progress-page-shell[b-prfjf5rg4x]  .step-detail-header .curve-preview-btn.rz-button:focus-visible,
.page.theme-light .progress-page-shell[b-prfjf5rg4x]  .step-detail-header .go-child-btn.rz-button:hover,
.page.theme-light .progress-page-shell[b-prfjf5rg4x]  .step-detail-header .go-child-btn.rz-button:focus,
.page.theme-light .progress-page-shell[b-prfjf5rg4x]  .step-detail-header .go-child-btn.rz-button:focus-visible {
    background: #dfeafc !important;
    color: #173a63 !important;
    border-color: #afc8f3 !important;
}

.page.theme-dark .progress-page-shell[b-prfjf5rg4x]  .step-detail-header .curve-preview-btn.rz-button,
.page.theme-dark .progress-page-shell[b-prfjf5rg4x]  .step-detail-header .go-child-btn.rz-button {
    background: rgba(33, 60, 104, 0.28) !important;
    color: #d7e6ff !important;
    border-color: rgba(125, 163, 224, 0.38) !important;
}

.page.theme-dark .progress-page-shell[b-prfjf5rg4x]  .step-detail-header .curve-preview-btn.rz-button:hover,
.page.theme-dark .progress-page-shell[b-prfjf5rg4x]  .step-detail-header .curve-preview-btn.rz-button:focus,
.page.theme-dark .progress-page-shell[b-prfjf5rg4x]  .step-detail-header .curve-preview-btn.rz-button:focus-visible,
.page.theme-dark .progress-page-shell[b-prfjf5rg4x]  .step-detail-header .go-child-btn.rz-button:hover,
.page.theme-dark .progress-page-shell[b-prfjf5rg4x]  .step-detail-header .go-child-btn.rz-button:focus,
.page.theme-dark .progress-page-shell[b-prfjf5rg4x]  .step-detail-header .go-child-btn.rz-button:focus-visible {
    background: rgba(52, 91, 153, 0.38) !important;
    color: #eef5ff !important;
    border-color: rgba(150, 183, 235, 0.52) !important;
}

.step-detail-header .curve-preview-btn + .go-child-btn[b-prfjf5rg4x] {
    margin-left: 0;
}

.summary-grid[b-prfjf5rg4x] {
    display: grid;
    grid-template-columns: repeat(2, minmax(220px,1fr));
    gap: .35rem 1.25rem;
    font-size: .92rem;
}

.efforts-grid .rz-data-grid[b-prfjf5rg4x] {
    font-size: .92rem;
}

.effort-toolbar[b-prfjf5rg4x] {
    display: flex;
    justify-content: flex-end;
    margin-bottom: .55rem;
}

.effort-actions[b-prfjf5rg4x] {
    display: inline-flex;
    align-items: center;
    gap: .35rem;
}

.progress-page-shell[b-prfjf5rg4x]  .effort-add-btn.rz-button,
.progress-page-shell[b-prfjf5rg4x]  .effort-action-btn.rz-button,
.progress-page-shell[b-prfjf5rg4x]  .effort-edit-cancel-btn.rz-button,
.progress-page-shell[b-prfjf5rg4x]  .effort-edit-save-btn.rz-button {
    box-shadow: none;
    border: 1px solid var(--ps-detail-border, #cad7ea);
}

.progress-page-shell[b-prfjf5rg4x]  .effort-add-btn.rz-button .rz-button-text,
.progress-page-shell[b-prfjf5rg4x]  .effort-action-btn.rz-button .rz-button-text,
.progress-page-shell[b-prfjf5rg4x]  .effort-edit-cancel-btn.rz-button .rz-button-text,
.progress-page-shell[b-prfjf5rg4x]  .effort-edit-save-btn.rz-button .rz-button-text,
.progress-page-shell[b-prfjf5rg4x]  .effort-add-btn.rz-button .rzi,
.progress-page-shell[b-prfjf5rg4x]  .effort-action-btn.rz-button .rzi,
.progress-page-shell[b-prfjf5rg4x]  .effort-edit-cancel-btn.rz-button .rzi,
.progress-page-shell[b-prfjf5rg4x]  .effort-edit-save-btn.rz-button .rzi {
    color: inherit !important;
}

.page.theme-light .progress-page-shell[b-prfjf5rg4x]  .effort-add-btn.rz-button,
.page.theme-light .progress-page-shell[b-prfjf5rg4x]  .effort-action-btn.rz-button,
.page.theme-light .progress-page-shell[b-prfjf5rg4x]  .effort-edit-cancel-btn.rz-button {
    background: #eef4ff !important;
    color: #244a78 !important;
    border-color: #c9dafc !important;
}

.page.theme-light .progress-page-shell[b-prfjf5rg4x]  .effort-edit-save-btn.rz-button {
    background: #2f6ec4 !important;
    color: #ffffff !important;
    border-color: #2a62af !important;
}

.page.theme-light .progress-page-shell[b-prfjf5rg4x]  .effort-add-btn.rz-button:hover,
.page.theme-light .progress-page-shell[b-prfjf5rg4x]  .effort-action-btn.rz-button:hover,
.page.theme-light .progress-page-shell[b-prfjf5rg4x]  .effort-edit-cancel-btn.rz-button:hover {
    background: #dfeafc !important;
    color: #173a63 !important;
    border-color: #afc8f3 !important;
}

.page.theme-light .progress-page-shell[b-prfjf5rg4x]  .effort-edit-save-btn.rz-button:hover {
    background: #285ea7 !important;
    color: #ffffff !important;
    border-color: #224f8b !important;
}

.page.theme-dark .progress-page-shell[b-prfjf5rg4x]  .effort-add-btn.rz-button,
.page.theme-dark .progress-page-shell[b-prfjf5rg4x]  .effort-action-btn.rz-button,
.page.theme-dark .progress-page-shell[b-prfjf5rg4x]  .effort-edit-cancel-btn.rz-button {
    background: rgba(33, 60, 104, 0.28) !important;
    color: #d7e6ff !important;
    border-color: rgba(125, 163, 224, 0.38) !important;
}

.page.theme-dark .progress-page-shell[b-prfjf5rg4x]  .effort-edit-save-btn.rz-button {
    background: #3a77cf !important;
    color: #f7fbff !important;
    border-color: #4a86de !important;
}

.page.theme-dark .progress-page-shell[b-prfjf5rg4x]  .effort-add-btn.rz-button:hover,
.page.theme-dark .progress-page-shell[b-prfjf5rg4x]  .effort-action-btn.rz-button:hover,
.page.theme-dark .progress-page-shell[b-prfjf5rg4x]  .effort-edit-cancel-btn.rz-button:hover {
    background: rgba(52, 91, 153, 0.38) !important;
    color: #eef5ff !important;
    border-color: rgba(150, 183, 235, 0.52) !important;
}

.page.theme-dark .progress-page-shell[b-prfjf5rg4x]  .effort-edit-save-btn.rz-button:hover {
    background: #4a86de !important;
    color: #ffffff !important;
    border-color: #6299ea !important;
}

.effort-edit-backdrop[b-prfjf5rg4x] {
    position: fixed;
    inset: 0;
    z-index: 1200;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 1rem;
    background: rgba(15, 23, 42, 0.45);
}

.effort-edit-card[b-prfjf5rg4x] {
    width: min(480px, 100%);
    border-radius: 12px;
    border: 1px solid var(--ps-detail-border, #cad7ea);
    background: var(--ps-detail-bg, #ffffff);
    box-shadow: 0 14px 36px rgba(15, 23, 42, 0.24);
    padding: 1rem;
}

.effort-edit-header h4[b-prfjf5rg4x] {
    margin: 0;
    color: var(--ps-detail-text, inherit);
}

.effort-edit-subtitle[b-prfjf5rg4x] {
    margin-top: .35rem;
    margin-bottom: .75rem;
    font-size: .9rem;
    color: var(--ps-detail-label, #6b7280);
}

.effort-edit-grid[b-prfjf5rg4x] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: .65rem .75rem;
}

.effort-edit-grid label[b-prfjf5rg4x] {
    display: block;
    font-size: .76rem;
    margin-bottom: .2rem;
    letter-spacing: .03em;
    text-transform: uppercase;
    color: var(--ps-detail-label, #6b7280);
}

.effort-edit-card[b-prfjf5rg4x]  .rz-textbox,
.effort-edit-card[b-prfjf5rg4x]  .rz-inputtext,
.effort-edit-card[b-prfjf5rg4x]  .rz-textarea,
.effort-edit-card[b-prfjf5rg4x]  .rz-numeric-input,
.effort-edit-card[b-prfjf5rg4x]  .rz-dropdown,
.effort-edit-card[b-prfjf5rg4x]  .rz-datepicker input {
    border-color: var(--ps-detail-border, #cad7ea) !important;
}

.page.theme-light .effort-edit-card[b-prfjf5rg4x]  .rz-textbox,
.page.theme-light .effort-edit-card[b-prfjf5rg4x]  .rz-inputtext,
.page.theme-light .effort-edit-card[b-prfjf5rg4x]  .rz-textarea,
.page.theme-light .effort-edit-card[b-prfjf5rg4x]  .rz-numeric-input,
.page.theme-light .effort-edit-card[b-prfjf5rg4x]  .rz-datepicker input,
.page.theme-light .effort-edit-date-input[b-prfjf5rg4x] {
    background: #ffffff !important;
    color: #1f3653 !important;
    border-color: #c9dafc !important;
}

.theme-light .effort-edit-card[b-prfjf5rg4x]  .rz-textbox,
.theme-light .effort-edit-card[b-prfjf5rg4x]  .rz-inputtext,
.theme-light .effort-edit-card[b-prfjf5rg4x]  .rz-textarea,
.theme-light .effort-edit-card[b-prfjf5rg4x]  .rz-numeric-input,
.theme-light .effort-edit-card[b-prfjf5rg4x]  .rz-datepicker input,
.theme-light .effort-edit-date-input[b-prfjf5rg4x] {
    background: #ffffff !important;
    color: #1f3653 !important;
    border-color: #c9dafc !important;
}

.page.theme-dark .effort-edit-card[b-prfjf5rg4x]  .rz-textbox,
.page.theme-dark .effort-edit-card[b-prfjf5rg4x]  .rz-inputtext,
.page.theme-dark .effort-edit-card[b-prfjf5rg4x]  .rz-textarea,
.page.theme-dark .effort-edit-card[b-prfjf5rg4x]  .rz-numeric-input,
.page.theme-dark .effort-edit-card[b-prfjf5rg4x]  .rz-numeric,
.page.theme-dark .effort-edit-card[b-prfjf5rg4x]  .rz-numeric input,
.page.theme-dark .effort-edit-card[b-prfjf5rg4x]  .rz-datepicker input,
.theme-dark .effort-edit-card[b-prfjf5rg4x]  .rz-textbox,
.theme-dark .effort-edit-card[b-prfjf5rg4x]  .rz-inputtext,
.theme-dark .effort-edit-card[b-prfjf5rg4x]  .rz-textarea,
.theme-dark .effort-edit-card[b-prfjf5rg4x]  .rz-numeric-input,
.theme-dark .effort-edit-card[b-prfjf5rg4x]  .rz-numeric,
.theme-dark .effort-edit-card[b-prfjf5rg4x]  .rz-numeric input,
.theme-dark .effort-edit-card[b-prfjf5rg4x]  .rz-datepicker input,
.page.theme-dark .effort-edit-date-input[b-prfjf5rg4x],
.theme-dark .effort-edit-date-input[b-prfjf5rg4x] {
    background: rgba(20, 33, 58, 0.85) !important;
    color: #e7f0ff !important;
    border-color: rgba(125, 163, 224, 0.45) !important;
}

.page.theme-dark .effort-edit-card[b-prfjf5rg4x]  .rz-numeric .rz-spinner,
.theme-dark .effort-edit-card[b-prfjf5rg4x]  .rz-numeric .rz-spinner {
    background: rgba(20, 33, 58, 0.85) !important;
    border-color: rgba(125, 163, 224, 0.45) !important;
    color: #e7f0ff !important;
}

.effort-edit-date-input[b-prfjf5rg4x] {
    min-height: 2.25rem;
}

.effort-edit-select-input[b-prfjf5rg4x] {
    min-height: 2.25rem;
}

.effort-edit-grid .effort-edit-checkbox[b-prfjf5rg4x] {
    grid-column: 1 / -1;
    display: flex;
    align-items: center;
    gap: .5rem;
    margin-top: .1rem;
    font-size: .86rem;
    letter-spacing: 0;
    text-transform: none;
    color: var(--ps-detail-text, #24364d);
}

.effort-edit-checkbox input[b-prfjf5rg4x] {
    width: 1rem;
    height: 1rem;
}

.effort-edit-static[b-prfjf5rg4x] {
    min-height: 2.2rem;
    display: flex;
    align-items: center;
    padding: 0 .55rem;
    border: 1px solid var(--ps-detail-border, #cad7ea);
    border-radius: 6px;
}

.effort-edit-actions[b-prfjf5rg4x] {
    margin-top: .9rem;
    display: flex;
    justify-content: flex-end;
    gap: .45rem;
}

.effort-edit-error[b-prfjf5rg4x] {
    margin-top: .75rem;
    padding: .55rem .7rem;
    border: 1px solid #f3b8b8;
    border-radius: 6px;
    background: #fff1f1;
    color: #8a1f1f;
    font-size: .86rem;
    line-height: 1.3;
}

.page.theme-dark .effort-edit-error[b-prfjf5rg4x],
.theme-dark .effort-edit-error[b-prfjf5rg4x] {
    border-color: rgba(248, 113, 113, .45);
    background: rgba(127, 29, 29, .28);
    color: #fecaca;
}

.effort-editor-note[b-prfjf5rg4x] {
    margin-top: .6rem;
    font-size: .84rem;
    color: var(--ps-detail-label, #6b7280);
}

.notes[b-prfjf5rg4x] {
    padding: .25rem .1rem;
    line-height: 1.35;
    font-size: .92rem;
    color: var(--ps-detail-text, inherit);
}

.progress-page-shell[b-prfjf5rg4x] {
    height: 100%;
    min-height: 0;
    overflow: auto;
    padding-bottom: .75rem;
}

.steps-scroll[b-prfjf5rg4x] {
    overflow: visible;
    max-height: none;
    padding-bottom: 0;
    box-sizing: border-box;
}

.curve-modal-backdrop[b-prfjf5rg4x] {
    position: fixed;
    inset: 0;
    z-index: 1100;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 1.5rem;
    background: rgba(15, 23, 42, 0.45);
}

.curve-modal-card[b-prfjf5rg4x] {
    width: min(760px, 100%);
    max-height: 90vh;
    overflow: auto;
    padding: 1rem 1.1rem 1.2rem;
    border-radius: 14px;
    background: var(--ps-detail-bg, #ffffff);
    border: 1px solid var(--ps-detail-border, #cad7ea);
    box-shadow: 0 18px 48px rgba(15, 23, 42, 0.22);
}

.curve-modal-header[b-prfjf5rg4x] {
    display: flex;
    justify-content: space-between;
    gap: 1rem;
    align-items: flex-start;
}

.curve-modal-header h3[b-prfjf5rg4x] {
    margin: 0.2rem 0 0;
    color: var(--ps-detail-text, #173a63);
}

.curve-modal-eyebrow[b-prfjf5rg4x] {
    margin: 0;
    font-size: 0.78rem;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: var(--ps-detail-label, #6b7280);
}

.curve-modal-meta[b-prfjf5rg4x] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.75rem 1rem;
    align-items: center;
    margin-top: 0.9rem;
    color: var(--ps-detail-text, inherit);
}

.curve-mode-chip[b-prfjf5rg4x] {
    display: inline-flex;
    align-items: center;
    padding: 0.28rem 0.68rem;
    border-radius: 999px;
    background: #e8effb;
    color: #244a78;
    font-weight: 700;
}

.curve-rollup-note[b-prfjf5rg4x] {
    margin-top: 1rem;
    padding: 0.9rem 1rem;
    border-radius: 12px;
    background: #f6f8fc;
    border: 1px solid #d8deea;
    color: var(--ps-detail-text, inherit);
}

.curve-preview-shell[b-prfjf5rg4x] {
    display: grid;
    grid-template-columns: minmax(0, 1.2fr) minmax(240px, 0.8fr);
    gap: 1rem;
    margin-top: 1rem;
    align-items: start;
}

.curve-preview-chart[b-prfjf5rg4x] {
    width: 100%;
    height: auto;
    border-radius: 12px;
    background: linear-gradient(180deg, #ffffff 0%, #f8fbff 100%);
    border: 1px solid #d8deea;
}

.curve-axis[b-prfjf5rg4x] {
    stroke: #8aa0c3;
    stroke-width: 1.2;
}

.curve-reference[b-prfjf5rg4x] {
    stroke: #c8d3e6;
    stroke-width: 1.25;
    stroke-dasharray: 5 5;
    fill: none;
}

.curve-tick[b-prfjf5rg4x] {
    stroke: #8aa0c3;
    stroke-width: 1;
}

.curve-tick-label[b-prfjf5rg4x] {
    color: #637289;
    font-size: 10px;
    line-height: 1;
    text-align: center;
    white-space: nowrap;
}

.curve-y-axis-label[b-prfjf5rg4x] {
    color: #637289;
    font-size: 10px;
    line-height: 1;
    text-align: right;
    white-space: nowrap;
}

.curve-endpoint-label[b-prfjf5rg4x] {
    color: #637289;
    font-size: 10px;
    line-height: 1;
    white-space: nowrap;
}

.curve-endpoint-start[b-prfjf5rg4x] {
    text-align: left;
}

.curve-endpoint-end[b-prfjf5rg4x] {
    text-align: right;
}

.curve-current-date-line[b-prfjf5rg4x] {
    stroke: #d33a2c;
    stroke-width: 2;
    stroke-dasharray: 6 4;
}

.curve-actual-point[b-prfjf5rg4x] {
    fill: #0b61ff;
    stroke: #ffffff;
    stroke-width: 2.2;
    filter: drop-shadow(0 2px 4px rgba(15, 23, 42, 0.18));
}

.curve-line[b-prfjf5rg4x] {
    stroke: #8aa7c8;
    stroke-width: 3;
    fill: none;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.curve-point[b-prfjf5rg4x] {
    fill: #ff8c42;
    stroke: #ffffff;
    stroke-width: 2.2;
    filter: drop-shadow(0 2px 4px rgba(15, 23, 42, 0.16));
}

.curve-legend[b-prfjf5rg4x] {
    display: grid;
    gap: 0.7rem;
    padding: 0.75rem 0.85rem;
    border-radius: 12px;
    border: 1px solid #d8deea;
    background: #fff;
    color: var(--ps-detail-text, #173a63);
}

.curve-legend-row[b-prfjf5rg4x] {
    display: grid;
    grid-template-columns: 44px minmax(0, 1fr);
    align-items: center;
    gap: 0.7rem;
    min-height: 30px;
    font-weight: 700;
}

.curve-legend-swatch[b-prfjf5rg4x] {
    justify-self: center;
}

.curve-legend-line[b-prfjf5rg4x] {
    width: 34px;
    height: 0;
    border-top: 3px solid #8aa7c8;
    border-radius: 999px;
}

.curve-legend-date[b-prfjf5rg4x] {
    width: 0;
    height: 28px;
    border-left: 2px dashed #d33a2c;
}

.curve-legend-actual[b-prfjf5rg4x] {
    width: 14px;
    height: 14px;
    border-radius: 999px;
    background: #0b61ff;
    border: 2px solid #ffffff;
    box-shadow: 0 2px 4px rgba(15, 23, 42, 0.18);
}

.page.theme-dark .curve-preview-chart[b-prfjf5rg4x] {
    background: linear-gradient(180deg, #15243a 0%, #101c2d 100%);
    border-color: rgba(125, 163, 224, 0.28);
}

.page.theme-dark .curve-tick[b-prfjf5rg4x],
.page.theme-dark .curve-axis[b-prfjf5rg4x] {
    stroke: #95add4;
}

.page.theme-dark .curve-reference[b-prfjf5rg4x] {
    stroke: rgba(149, 173, 212, 0.45);
}

.page.theme-dark .curve-tick-label[b-prfjf5rg4x],
.page.theme-dark .curve-y-axis-label[b-prfjf5rg4x],
.page.theme-dark .curve-endpoint-label[b-prfjf5rg4x] {
    color: #adc2e3;
}

.page.theme-dark .curve-actual-point[b-prfjf5rg4x] {
    stroke: #0f1b2d;
}

.page.theme-dark .curve-modal-header h3[b-prfjf5rg4x],
.page.theme-dark .curve-legend[b-prfjf5rg4x] {
    color: #eef5ff;
}

.page.theme-dark .curve-legend[b-prfjf5rg4x] {
    background: rgba(17, 27, 44, 0.82);
    border-color: rgba(125, 163, 224, 0.24);
}

.page.theme-dark .curve-legend-actual[b-prfjf5rg4x] {
    border-color: #0f1b2d;
}

@media (max-width: 900px) {
    .curve-preview-shell[b-prfjf5rg4x] {
        grid-template-columns: 1fr;
    }
}


/* /Components/Shared/ProjectDetails.razor.rz.scp.css */
.pd-accordion[b-hj2mw3do1p] {
    --pd-accent: #005487;
    --pd-accent-strong: #003f6b;
    --pd-accent-soft: #e8f3ff;
    --pd-border: #bdd6ee;
    --pd-panel: #ffffff;
    --pd-text: #123454;
    --pd-label: #07375f;
    width: 100%;
}

.pd-body[b-hj2mw3do1p] {
    display: grid;
    grid-template-columns: 1fr 250px;
    gap: 0.85rem;
    padding: 0.1rem;
}

.pd-main[b-hj2mw3do1p] {
    min-width: 0;
}

.pd-grid[b-hj2mw3do1p] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    column-gap: 2.2rem;
    row-gap: 0;
    padding: 0.55rem 0.7rem 0.45rem;
    border: 1px solid var(--pd-border);
    border-left: 4px solid var(--pd-accent);
    border-radius: 0.35rem;
    background: var(--pd-panel);
    box-shadow: 0 2px 8px rgba(0, 95, 164, 0.08);
}

.pd-item[b-hj2mw3do1p] {
    display: grid;
    grid-template-columns: 165px 1fr;
    align-items: start;
    gap: 0.4rem;
    padding: 0.38rem 0.2rem;
    border-bottom: 1px solid #deebf8;
}

.pd-item:nth-child(even)[b-hj2mw3do1p] {
    background: #f8fbff;
}

.pd-col-span-2[b-hj2mw3do1p] {
    grid-column: 1 / -1;
}

.pd-grid label[b-hj2mw3do1p] {
    margin: 0;
    font-size: 0.72rem;
    font-weight: 700;
    text-transform: none;
    letter-spacing: 0;
    color: var(--pd-label);
}

.pd-item > div[b-hj2mw3do1p] {
    min-width: 0;
    color: var(--pd-text);
}

.pd-progress[b-hj2mw3do1p] {
    display: grid;
    grid-template-columns: 56px 1fr;
    align-items: center;
    gap: 0.55rem;
}

.pd-progress span[b-hj2mw3do1p] {
    text-align: left;
    font-weight: 600;
    color: var(--pd-accent-strong);
}

.pd-box[b-hj2mw3do1p] {
    padding: 0;
    border: 0;
    border-radius: 0;
    background: transparent;
    min-height: 0;
}

.pd-side[b-hj2mw3do1p] {
    display: flex;
    justify-content: flex-end;
}

.pd-image[b-hj2mw3do1p] {
    width: 100%;
    max-width: 250px;
    height: auto;
    aspect-ratio: 4 / 3;
    object-fit: cover;
    border: 1px solid var(--pd-border);
    border-radius: 0.28rem;
    box-shadow: 0 2px 8px rgba(0, 95, 164, 0.08);
    background: #fff;
}

.pd-grid .rz-badge[b-hj2mw3do1p],
[b-hj2mw3do1p] .pd-grid .rz-badge {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 0.22rem;
    line-height: 1.2;
    text-align: center;
}

.pd-grid .rz-progressbar[b-hj2mw3do1p],
[b-hj2mw3do1p] .pd-grid .rz-progressbar {
    background: var(--pd-accent-soft);
    border: 1px solid var(--pd-border);
}

.pd-grid .rz-progressbar-value[b-hj2mw3do1p],
[b-hj2mw3do1p] .pd-grid .rz-progressbar-value {
    background: linear-gradient(90deg, var(--pd-accent-strong) 0%, var(--pd-accent) 100%);
}

@media (max-width: 1024px) {
    .pd-body[b-hj2mw3do1p] {
        grid-template-columns: 1fr;
    }

    .pd-side[b-hj2mw3do1p] {
        justify-content: flex-start;
    }
}

@media (max-width: 768px) {
    .pd-grid[b-hj2mw3do1p] {
        grid-template-columns: 1fr;
        row-gap: 0.2rem;
    }

    .pd-col-span-2[b-hj2mw3do1p] {
        grid-column: auto;
    }

    .pd-item[b-hj2mw3do1p] {
        grid-template-columns: 132px 1fr;
    }
}



.pd-accordion[b-hj2mw3do1p],
[b-hj2mw3do1p] .pd-accordion {
    background: #ffffff;
}

[b-hj2mw3do1p] .pd-accordion .rz-accordion-item,
[b-hj2mw3do1p] .pd-accordion .rz-accordion-header,
[b-hj2mw3do1p] .pd-accordion .rz-accordion-content-wrapper,
[b-hj2mw3do1p] .pd-accordion .rz-accordion-content {
    background: #ffffff;
    border-color: var(--pd-border);
}

[b-hj2mw3do1p] .pd-accordion .rz-accordion-header {
    color: var(--pd-label);
    font-weight: 700;
}

/* Stronger structure definition */
[b-hj2mw3do1p] .pd-accordion .rz-accordion-item {
    border: 1px solid var(--pd-border);
    border-radius: 0 !important;
    overflow: hidden;
    box-shadow: 0 2px 8px rgba(0, 63, 107, 0.06);
}

[b-hj2mw3do1p] .pd-accordion .rz-accordion-header {
    background: linear-gradient(180deg, #f5f9ff 0%, #edf4fd 100%);
    border-bottom: 1px solid var(--pd-border);
    color: var(--pd-label);
    font-weight: 700;
}

[b-hj2mw3do1p] .pd-accordion .rz-accordion-header .rz-accordion-toggle-icon {
    color: var(--pd-accent-strong);
}

[b-hj2mw3do1p] .pd-accordion .rz-accordion-content {
    padding: 0.45rem 0.5rem 0.5rem;
    background: #ffffff;
}

.pd-grid[b-hj2mw3do1p] {
    border-width: 1px;
    box-shadow: 0 1px 5px rgba(0, 63, 107, 0.05);
}

.pd-item[b-hj2mw3do1p] {
    border-bottom: 1px solid #d4e4f4;
}
/* /Components/Shared/ProjectDetailsVariants/ProjectDetailsV2.razor.rz.scp.css */
.pdv2-accordion[b-916hh8vvhb] {
    width: 100%;
    --pdv2-kpi-border: #bed5ec;
    --pdv2-kpi-bg: #f5faff;
    --pdv2-kpi-label: #0b4679;
    --pdv2-kpi-text: #0f2f4f;
    --pdv2-item-border: #d5e4f2;
    --pdv2-item-bg: #ffffff;
    --pdv2-label: #124a7f;
    --pdv2-box-border: #dbe8f5;
    --pdv2-box-bg: #f7fbff;
    --pdv2-text: #113150;
    --pdv2-image-border: #c1d8ee;
    --pdv2-image-shadow: 0 4px 12px rgba(0, 63, 107, 0.11);
}

.pdv2-body[b-916hh8vvhb] {
    display: grid;
    grid-template-columns: 1fr 260px;
    gap: 1rem;
}

.pdv2-body.no-side[b-916hh8vvhb] {
    grid-template-columns: 1fr;
}

.pdv2-main[b-916hh8vvhb] {
    min-width: 0;
    width: 100%;
}

.pdv2-kpi-row[b-916hh8vvhb] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 0.75rem;
    margin-bottom: 0.8rem;
}

.pdv2-kpi[b-916hh8vvhb] {
    border: 1px solid var(--pdv2-kpi-border);
    border-radius: 0.45rem;
    padding: 0.65rem 0.75rem;
    background: var(--pdv2-kpi-bg);
}

.pdv2-kpi span[b-916hh8vvhb] {
    display: block;
    color: var(--pdv2-kpi-label);
    font-size: 0.72rem;
    text-transform: uppercase;
    margin-bottom: 0.25rem;
}

.pdv2-kpi strong[b-916hh8vvhb] {
    color: var(--pdv2-kpi-text);
    font-size: 0.95rem;
}

.pdv2-grid[b-916hh8vvhb] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 0.7rem 0.85rem;
}

.pdv2-item[b-916hh8vvhb] {
    border: 1px solid var(--pdv2-item-border);
    border-radius: 0.42rem;
    background: var(--pdv2-item-bg);
    padding: 0.55rem 0.65rem;
}

.pdv2-item label[b-916hh8vvhb] {
    display: block;
    margin-bottom: 0.28rem;
    color: var(--pdv2-label);
    font-size: 0.72rem;
    text-transform: uppercase;
}

.pdv2-item > div[b-916hh8vvhb] {
    color: var(--pdv2-text);
}

.pdv2-span-2[b-916hh8vvhb] {
    grid-column: 1 / -1;
}

.pdv2-progress[b-916hh8vvhb] {
    display: flex;
    align-items: center;
    gap: 0.7rem;
}

.pdv2-progress span[b-916hh8vvhb] {
    min-width: 3.2rem;
    text-align: right;
    color: var(--pdv2-kpi-text);
    font-weight: 700;
}

.pdv2-box[b-916hh8vvhb] {
    border: 1px solid var(--pdv2-box-border);
    background: var(--pdv2-box-bg);
    border-radius: 0.35rem;
    padding: 0.55rem 0.65rem;
    min-height: 2.2rem;
    color: var(--pdv2-text);
}

.pdv2-side[b-916hh8vvhb] {
    display: flex;
    justify-content: flex-end;
}

.pdv2-image[b-916hh8vvhb] {
    width: 100%;
    max-width: 260px;
    aspect-ratio: 4 / 3;
    object-fit: cover;
    border: 1px solid var(--pdv2-image-border);
    border-radius: 0.45rem;
    box-shadow: var(--pdv2-image-shadow);
}

@media (max-width: 1024px) {
    .pdv2-body[b-916hh8vvhb] {
        grid-template-columns: 1fr;
    }

    .pdv2-side[b-916hh8vvhb] {
        justify-content: flex-start;
    }
}

@media (max-width: 768px) {
    .pdv2-kpi-row[b-916hh8vvhb],
    .pdv2-grid[b-916hh8vvhb] {
        grid-template-columns: 1fr;
    }

    .pdv2-span-2[b-916hh8vvhb] {
        grid-column: auto;
    }
}
/* /Components/Shared/ProjectDetailsVariants/ProjectDetailsV3.razor.rz.scp.css */
.pdv3-accordion[b-n7pdpbtqt7] {
    width: 100%;
    --pdv3-table-border: #c4d7ea;
    --pdv3-table-bg: #ffffff;
    --pdv3-row-border: #dbe8f5;
    --pdv3-row-alt-bg: #f7fbff;
    --pdv3-label-bg: #edf5fd;
    --pdv3-label-border: #d5e4f2;
    --pdv3-label-text: #0a3d6a;
    --pdv3-text: #113150;
    --pdv3-image-border: #c4d7ea;
}

.pdv3-body[b-n7pdpbtqt7] {
    display: grid;
    grid-template-columns: 1fr 240px;
    gap: 0.9rem;
}

.pdv3-body.no-side[b-n7pdpbtqt7] {
    grid-template-columns: 1fr;
}

.pdv3-main[b-n7pdpbtqt7] {
    min-width: 0;
    width: 100%;
}

.pdv3-table[b-n7pdpbtqt7] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 0;
    border: 1px solid var(--pdv3-table-border);
    border-radius: 0.3rem;
    overflow: hidden;
    background: var(--pdv3-table-bg);
}

.pdv3-row[b-n7pdpbtqt7] {
    display: grid;
    grid-template-columns: 170px 1fr;
    border-bottom: 1px solid var(--pdv3-row-border);
    min-height: 2.2rem;
}

.pdv3-row:nth-child(odd)[b-n7pdpbtqt7] {
    background: var(--pdv3-row-alt-bg);
}

.pdv3-row label[b-n7pdpbtqt7] {
    margin: 0;
    padding: 0.48rem 0.62rem;
    background: var(--pdv3-label-bg);
    border-right: 1px solid var(--pdv3-label-border);
    color: var(--pdv3-label-text);
    font-weight: 700;
    font-size: 0.72rem;
}

.pdv3-row > div[b-n7pdpbtqt7] {
    padding: 0.45rem 0.65rem;
    color: var(--pdv3-text);
}

.pdv3-row-wide[b-n7pdpbtqt7] {
    grid-column: 1 / -1;
}

.pdv3-progress[b-n7pdpbtqt7] {
    display: flex;
    align-items: center;
    gap: 0.65rem;
}

.pdv3-progress span[b-n7pdpbtqt7] {
    min-width: 3.2rem;
    text-align: right;
    font-weight: 700;
}

.pdv3-text[b-n7pdpbtqt7] {
    line-height: 1.35;
}

.pdv3-side[b-n7pdpbtqt7] {
    display: flex;
    justify-content: flex-end;
}

.pdv3-image[b-n7pdpbtqt7] {
    width: 100%;
    max-width: 240px;
    aspect-ratio: 4 / 3;
    object-fit: cover;
    border: 1px solid var(--pdv3-image-border);
    border-radius: 0.3rem;
}

@media (max-width: 1024px) {
    .pdv3-body[b-n7pdpbtqt7] {
        grid-template-columns: 1fr;
    }

    .pdv3-side[b-n7pdpbtqt7] {
        justify-content: flex-start;
    }
}

@media (max-width: 768px) {
    .pdv3-table[b-n7pdpbtqt7] {
        grid-template-columns: 1fr;
    }

    .pdv3-row[b-n7pdpbtqt7],
    .pdv3-row-wide[b-n7pdpbtqt7] {
        grid-column: auto;
        grid-template-columns: 1fr;
    }

    .pdv3-row label[b-n7pdpbtqt7] {
        border-right: 0;
        border-bottom: 1px solid var(--pdv3-label-border);
    }
}
