@import '_content/Blazor.Bootstrap/Blazor.Bootstrap.7t9tbfaemk.bundle.scp.css';
@import '_content/BlazorDateRangePicker/BlazorDateRangePicker.iitr8bszy4.bundle.scp.css';
@import '_content/Microsoft.Fast.Components.FluentUI/Microsoft.Fast.Components.FluentUI.bundle.scp.css';

/* _content/EmpiriaBMS.App/BaseLayouts/MainLayout.razor.rz.scp.css */
.user-selection[b-wwlnj2w27t] {
    position: fixed !important;
    right: max(10px, env(safe-area-inset-right)) !important;
    bottom: max(10px, env(safe-area-inset-bottom)) !important;
    z-index: 1200 !important;
    width: 420px;
    max-width: calc(100vw - 20px);
    color: #0f172a;
    --user-selector-bg: #ffffff;
    --user-selector-panel-bg: #ffffff;
    --user-selector-text: #0f172a;
    --user-selector-muted: #475569;
    --user-selector-border: rgba(148, 163, 184, 0.45);
    --user-selector-hover: #eef6ff;
    --user-selector-selected: #e0f2fe;
    --user-selector-selected-border: #0284c7;
    --user-selector-role-bg: #f1f5f9;
    --user-selector-role-text: #334155;
    --user-selector-shadow: 0 18px 42px rgba(15, 23, 42, 0.18);
}

[data-theme="light"] .user-selection[b-wwlnj2w27t],
[data-bs-theme="light"] .user-selection[b-wwlnj2w27t] {
    --user-selector-bg: #ffffff;
    --user-selector-panel-bg: #ffffff;
    --user-selector-text: #0f172a;
    --user-selector-muted: #475569;
    --user-selector-border: rgba(148, 163, 184, 0.45);
    --user-selector-hover: #eef6ff;
    --user-selector-selected: #e0f2fe;
    --user-selector-selected-border: #0284c7;
    --user-selector-role-bg: #f1f5f9;
    --user-selector-role-text: #334155;
}

[data-theme="dark"] .user-selection[b-wwlnj2w27t],
[data-bs-theme="dark"] .user-selection[b-wwlnj2w27t] {
    --user-selector-bg: #14233a;
    --user-selector-panel-bg: #101d31;
    --user-selector-text: #f6f9ff;
    --user-selector-muted: #b8c7dd;
    --user-selector-border: rgba(148, 163, 184, 0.35);
    --user-selector-hover: #1b3354;
    --user-selector-selected: #1e3a5f;
    --user-selector-selected-border: #38bdf8;
    --user-selector-role-bg: rgba(148, 163, 184, 0.18);
    --user-selector-role-text: #e2edf8;
    --user-selector-shadow: 0 20px 48px rgba(0, 0, 0, 0.42);
}

.user-selection__trigger[b-wwlnj2w27t] {
    width: 100%;
    min-height: 58px;
    display: grid;
    grid-template-columns: minmax(0, 1fr) 18px;
    align-items: center;
    gap: 10px;
    padding: 10px 12px;
    border: 1px solid var(--user-selector-border);
    border-radius: 8px;
    background: var(--user-selector-bg);
    color: var(--user-selector-text);
    box-shadow: 0 10px 24px rgba(15, 23, 42, 0.12);
    text-align: left;
}

.user-selection__trigger:hover[b-wwlnj2w27t],
.user-selection__trigger:focus-visible[b-wwlnj2w27t] {
    border-color: var(--user-selector-selected-border);
    outline: none;
}

.user-selection__selected[b-wwlnj2w27t] {
    min-width: 0;
    display: grid;
    gap: 2px;
}

.user-selection__selected-name[b-wwlnj2w27t] {
    color: var(--user-selector-text);
    font-size: 14px;
    font-weight: 800;
    line-height: 1.2;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.user-selection__selected-roles[b-wwlnj2w27t] {
    color: var(--user-selector-muted);
    font-size: 12px;
    font-weight: 600;
    line-height: 1.25;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.user-selection__chevron[b-wwlnj2w27t] {
    width: 10px;
    height: 10px;
    border-right: 2px solid var(--user-selector-muted);
    border-bottom: 2px solid var(--user-selector-muted);
    transform: translateY(-2px) rotate(45deg);
}

.user-selection__panel[b-wwlnj2w27t] {
    position: absolute;
    right: 0;
    bottom: calc(100% + 8px);
    width: min(560px, calc(100vw - 20px));
    max-height: min(430px, calc(100dvh - 110px));
    overflow-y: auto;
    padding: 8px;
    border: 1px solid var(--user-selector-border);
    border-radius: 8px;
    background: var(--user-selector-panel-bg);
    box-shadow: var(--user-selector-shadow);
}

.user-selection__option[b-wwlnj2w27t] {
    width: 100%;
    display: block;
    padding: 10px;
    border: 1px solid transparent;
    border-radius: 7px;
    background: transparent;
    color: var(--user-selector-text);
    text-align: left;
}

.user-selection__option + .user-selection__option[b-wwlnj2w27t] {
    margin-top: 4px;
}

.user-selection__option:hover[b-wwlnj2w27t],
.user-selection__option:focus-visible[b-wwlnj2w27t] {
    background: var(--user-selector-hover);
    border-color: var(--user-selector-border);
    outline: none;
}

.user-selection__option.is-selected[b-wwlnj2w27t] {
    background: var(--user-selector-selected);
    border-color: var(--user-selector-selected-border);
}

.user-selection__option-content[b-wwlnj2w27t] {
    min-width: 0;
    display: grid;
    gap: 7px;
}

.user-selection__option-name[b-wwlnj2w27t] {
    color: var(--user-selector-text);
    font-size: 14px;
    font-weight: 800;
    line-height: 1.25;
    overflow-wrap: anywhere;
}

.user-selection__option-roles[b-wwlnj2w27t] {
    display: flex;
    flex-wrap: wrap;
    gap: 5px;
}

.user-selection__role[b-wwlnj2w27t] {
    max-width: 100%;
    padding: 3px 7px;
    border-radius: 999px;
    background: var(--user-selector-role-bg);
    color: var(--user-selector-role-text);
    font-size: 12px;
    font-weight: 700;
    line-height: 1.25;
    overflow-wrap: anywhere;
}

.layout-user-badge[b-wwlnj2w27t] {
    position: fixed;
    z-index: 1100;
    display: inline-flex;
    align-items: center;
    padding: 2px 8px;
    border: 1px solid rgba(148, 163, 184, 0.28);
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.60);
    color: #6b7280;
    font-size: 11px;
    font-weight: 400;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.04);
    pointer-events: none;
    backdrop-filter: blur(2px);
    -webkit-backdrop-filter: blur(2px);
    white-space: nowrap;
}

@media (max-width: 575.98px) {
    .user-selection[b-wwlnj2w27t] {
        right: max(10px, env(safe-area-inset-right)) !important;
        left: max(10px, env(safe-area-inset-left)) !important;
        width: auto;
        max-width: none;
    }

    .user-selection__trigger[b-wwlnj2w27t] {
        min-height: 54px;
        padding: 9px 10px;
    }

    .user-selection__panel[b-wwlnj2w27t] {
        width: 100%;
        max-height: min(380px, calc(100dvh - 100px));
    }

    .user-selection__selected-name[b-wwlnj2w27t],
    .user-selection__option-name[b-wwlnj2w27t] {
        font-size: 13px;
    }

    .user-selection__role[b-wwlnj2w27t] {
        font-size: 11px;
    }
}

@media (max-width: 767.98px) {
    .layout-user-badge[b-wwlnj2w27t] {
        display: none;
    }
}
.identity-migration-backdrop[b-wwlnj2w27t] {
    position: fixed;
    inset: 0;
    z-index: 10000;
    display: grid;
    place-items: center;
    padding: 1rem;
    background: rgba(8, 17, 31, 0.66);
    backdrop-filter: blur(8px);
}

.identity-migration-dialog[b-wwlnj2w27t] {
    display: grid;
    gap: 1rem;
    width: min(100%, 32rem);
    padding: clamp(1.4rem, 4vw, 2rem);
    border: 1px solid color-mix(in srgb, var(--primary-accent-color) 32%, transparent);
    border-radius: 1.4rem;
    background: var(--dialog-bg, var(--main-bg-color));
    color: var(--main-fg-color);
    box-shadow: 0 1.8rem 4rem rgba(0, 0, 0, 0.28);
}

.identity-migration-dialog h2[b-wwlnj2w27t],
.identity-migration-dialog p[b-wwlnj2w27t] {
    margin: 0;
}

.identity-migration-dialog p[b-wwlnj2w27t] {
    color: color-mix(in srgb, var(--main-fg-color) 72%, transparent);
    line-height: 1.6;
}

.identity-migration-badge[b-wwlnj2w27t] {
    width: fit-content;
    padding: 0.4rem 0.7rem;
    border-radius: 999px;
    background: color-mix(in srgb, var(--primary-accent-color) 14%, transparent);
    color: var(--primary-accent-color);
    font-size: 0.78rem;
    font-weight: 800;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.identity-migration-email[b-wwlnj2w27t] {
    overflow-wrap: anywhere;
}

.identity-migration-actions[b-wwlnj2w27t] {
    display: grid;
    gap: 0.7rem;
}

.identity-migration-primary[b-wwlnj2w27t],
.identity-migration-secondary[b-wwlnj2w27t] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 3.15rem;
    padding: 0.75rem 1rem;
    border-radius: 999px;
    font: inherit;
    font-weight: 800;
    cursor: pointer;
}

.identity-migration-error[b-wwlnj2w27t] {
    margin: 0;
    color: #dc2626;
    font-weight: 700;
}

.identity-migration-primary:disabled[b-wwlnj2w27t],
.identity-migration-secondary:disabled[b-wwlnj2w27t] {
    cursor: wait;
    opacity: 0.65;
}

.identity-migration-primary[b-wwlnj2w27t] {
    border: 0;
    background: var(--primary-accent-color);
    color: var(--main-bg-color);
    text-decoration: none;
}

.identity-migration-secondary[b-wwlnj2w27t] {
    border: 1px solid color-mix(in srgb, var(--main-fg-color) 22%, transparent);
    background: transparent;
    color: var(--main-fg-color);
}
/* _content/EmpiriaBMS.App/Components/Admin/Invoices/ManualInvoicesTable.razor.rz.scp.css */
.manual-invoices-table[b-95jmc4k4gv] {
    --manual-invoices-action-fg: var(--main-fg-color, #eef4ff);
    --manual-invoices-border: rgba(143, 167, 208, 0.28);
    --manual-invoices-surface: rgba(22, 34, 52, 0.72);
    --manual-invoices-surface-strong: rgba(18, 30, 48, 0.88);
    --manual-invoices-text-muted: rgba(221, 231, 247, 0.72);
    overflow: hidden;
}

.manual-invoices-table__inner[b-95jmc4k4gv] {
    padding: 0.75rem;
    min-width: 0;
}

.manual-invoices-table__header[b-95jmc4k4gv] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    flex-wrap: wrap;
    gap: 0.85rem;
    margin-bottom: 1rem;
}

.manual-invoices-table__title[b-95jmc4k4gv] {
    margin: 0;
    color: var(--manual-invoices-action-fg);
    font-size: clamp(1.12rem, 1.6vw, 1.5rem);
    line-height: 1.2;
}

.manual-invoices-table__subtitle[b-95jmc4k4gv] {
    margin-top: 0.25rem;
    color: var(--manual-invoices-text-muted);
    font-size: 0.9rem;
}

.manual-invoices-table__toolbar[b-95jmc4k4gv] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
    justify-content: flex-end;
}

.manual-invoices-table__desktop-grid[b-95jmc4k4gv] {
    min-width: 0;
}

.manual-invoices-table__mobile-list[b-95jmc4k4gv] {
    display: none;
    gap: 0.75rem;
}

.manual-invoices-table__mobile-list-header[b-95jmc4k4gv] {
    color: var(--manual-invoices-text-muted);
    font-size: 0.78rem;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: 0.04em;
}

.manual-invoices-table__mobile-card[b-95jmc4k4gv] {
    display: grid;
    gap: 0.8rem;
    padding: 0.85rem;
    border: 1px solid var(--manual-invoices-border);
    border-radius: 8px;
    background: var(--manual-invoices-surface-strong);
}

.manual-invoices-table__mobile-card-top[b-95jmc4k4gv],
.manual-invoices-table__mobile-actions[b-95jmc4k4gv] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    flex-wrap: wrap;
    gap: 0.65rem;
}

.manual-invoices-table__mobile-document[b-95jmc4k4gv] {
    color: var(--manual-invoices-action-fg);
    font-weight: 800;
    word-break: break-word;
}

.manual-invoices-table__mobile-counterparty[b-95jmc4k4gv] {
    margin-top: 0.2rem;
    color: var(--manual-invoices-text-muted);
    font-size: 0.88rem;
    word-break: break-word;
}

.manual-invoices-table__mobile-badges[b-95jmc4k4gv] {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    gap: 0.35rem;
}

.manual-invoices-table__mobile-fields[b-95jmc4k4gv] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.55rem;
}

.manual-invoices-table__mobile-fields div[b-95jmc4k4gv] {
    display: grid;
    gap: 0.15rem;
    min-width: 0;
}

.manual-invoices-table__mobile-fields span[b-95jmc4k4gv] {
    color: var(--manual-invoices-text-muted);
    font-size: 0.72rem;
    font-weight: 700;
    text-transform: uppercase;
}

.manual-invoices-table__mobile-fields strong[b-95jmc4k4gv] {
    color: var(--manual-invoices-action-fg);
    font-size: 0.9rem;
    word-break: break-word;
}

.manual-invoices-table__mobile-notes[b-95jmc4k4gv] {
    padding-top: 0.65rem;
    border-top: 1px solid var(--manual-invoices-border);
    color: var(--manual-invoices-text-muted);
    font-size: 0.88rem;
    word-break: break-word;
}

.manual-invoices-table__editor[b-95jmc4k4gv] {
    padding: 1rem;
    border: 1px solid var(--manual-invoices-border);
    border-radius: 8px;
    background: var(--manual-invoices-surface);
}

.manual-invoices-table__editor-grid[b-95jmc4k4gv] {
    display: grid;
    grid-template-columns: repeat(12, minmax(0, 1fr));
    gap: 0.85rem;
    align-items: start;
}

.manual-invoices-table__editor-field[b-95jmc4k4gv] {
    display: grid;
    gap: 0.35rem;
    min-width: 0;
    color: var(--manual-invoices-action-fg);
    font-size: 0.85rem;
    font-weight: 700;
}

.manual-invoices-table__editor-field--type[b-95jmc4k4gv],
.manual-invoices-table__editor-field--document[b-95jmc4k4gv],
.manual-invoices-table__editor-field--series[b-95jmc4k4gv] {
    grid-column: span 2;
}

.manual-invoices-table__editor-field--counterparty[b-95jmc4k4gv],
.manual-invoices-table__editor-field--project[b-95jmc4k4gv],
.manual-invoices-table__editor-field--issue[b-95jmc4k4gv],
.manual-invoices-table__editor-field--due[b-95jmc4k4gv],
.manual-invoices-table__editor-field--currency[b-95jmc4k4gv],
.manual-invoices-table__editor-field--status[b-95jmc4k4gv] {
    grid-column: span 3;
}

.manual-invoices-table__editor-field--amount[b-95jmc4k4gv] {
    grid-column: span 4;
}

.manual-invoices-table__editor-notes[b-95jmc4k4gv] {
    grid-column: 1 / -1;
}

.manual-invoices-table__editor-grid[b-95jmc4k4gv]  fluent-select,
.manual-invoices-table__editor-grid[b-95jmc4k4gv]  fluent-text-field,
.manual-invoices-table__editor-grid[b-95jmc4k4gv]  fluent-date-picker,
.manual-invoices-table__editor-grid[b-95jmc4k4gv]  fluent-text-area,
.manual-invoices-table__editor-grid .form-control[b-95jmc4k4gv] {
    width: 100%;
    max-width: 100%;
    min-width: 0;
    box-sizing: border-box;
}

.manual-invoices-table__editor-grid[b-95jmc4k4gv]  fluent-select::part(control),
.manual-invoices-table__editor-grid[b-95jmc4k4gv]  fluent-text-field::part(control),
.manual-invoices-table__editor-grid[b-95jmc4k4gv]  fluent-date-picker::part(control),
.manual-invoices-table__editor-grid[b-95jmc4k4gv]  fluent-text-area::part(control) {
    width: 100%;
    max-width: 100%;
    min-width: 0;
    box-sizing: border-box;
}

.manual-invoices-table__editor-actions[b-95jmc4k4gv],
.manual-invoices-table__row-actions[b-95jmc4k4gv] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
}

.manual-invoices-table__editor-actions[b-95jmc4k4gv] {
    justify-content: flex-end;
    margin-top: 1rem;
}

[b-95jmc4k4gv] fluent-button.manual-invoices-table__action-button {
    --neutral-foreground-rest: var(--manual-invoices-action-fg);
    --neutral-foreground-hover: var(--manual-invoices-action-fg);
    --neutral-foreground-active: var(--manual-invoices-action-fg);
    --accent-foreground-rest: var(--manual-invoices-action-fg);
    --accent-foreground-hover: var(--manual-invoices-action-fg);
    --accent-foreground-active: var(--manual-invoices-action-fg);
}

[b-95jmc4k4gv] fluent-button.manual-invoices-table__action-button::part(control),
[b-95jmc4k4gv] fluent-button.manual-invoices-table__action-button::part(content) {
    color: var(--manual-invoices-action-fg) !important;
}

[b-95jmc4k4gv] fluent-button.manual-invoices-table__action-button[disabled]::part(control),
[b-95jmc4k4gv] fluent-button.manual-invoices-table__action-button[disabled]::part(content) {
    color: color-mix(in srgb, var(--manual-invoices-action-fg) 58%, transparent) !important;
}

[b-95jmc4k4gv] fluent-button.manual-invoices-table__action-button--danger::part(control) {
    border-color: color-mix(in srgb, #fca5a5 48%, transparent) !important;
}

@media (max-width: 1399.98px) {
    .manual-invoices-table__editor-field--type[b-95jmc4k4gv],
    .manual-invoices-table__editor-field--document[b-95jmc4k4gv],
    .manual-invoices-table__editor-field--series[b-95jmc4k4gv],
    .manual-invoices-table__editor-field--counterparty[b-95jmc4k4gv],
    .manual-invoices-table__editor-field--project[b-95jmc4k4gv],
    .manual-invoices-table__editor-field--issue[b-95jmc4k4gv],
    .manual-invoices-table__editor-field--due[b-95jmc4k4gv],
    .manual-invoices-table__editor-field--currency[b-95jmc4k4gv],
    .manual-invoices-table__editor-field--status[b-95jmc4k4gv],
    .manual-invoices-table__editor-field--amount[b-95jmc4k4gv] {
        grid-column: span 4;
    }
}

@media (max-width: 991.98px) {
    .manual-invoices-table__editor-field--type[b-95jmc4k4gv],
    .manual-invoices-table__editor-field--document[b-95jmc4k4gv],
    .manual-invoices-table__editor-field--series[b-95jmc4k4gv],
    .manual-invoices-table__editor-field--counterparty[b-95jmc4k4gv],
    .manual-invoices-table__editor-field--project[b-95jmc4k4gv],
    .manual-invoices-table__editor-field--issue[b-95jmc4k4gv],
    .manual-invoices-table__editor-field--due[b-95jmc4k4gv],
    .manual-invoices-table__editor-field--currency[b-95jmc4k4gv],
    .manual-invoices-table__editor-field--status[b-95jmc4k4gv],
    .manual-invoices-table__editor-field--amount[b-95jmc4k4gv] {
        grid-column: span 6;
    }
}

@media (max-width: 767.98px) {
    .manual-invoices-table__inner[b-95jmc4k4gv] {
        padding: 0.65rem;
    }

    .manual-invoices-table__header[b-95jmc4k4gv] {
        gap: 0.7rem;
    }

    .manual-invoices-table__toolbar[b-95jmc4k4gv] {
        width: 100%;
        justify-content: stretch;
    }

    .manual-invoices-table__toolbar[b-95jmc4k4gv]  fluent-button,
    .manual-invoices-table__editor-actions[b-95jmc4k4gv]  fluent-button {
        width: 100%;
    }

    .manual-invoices-table__editor[b-95jmc4k4gv] {
        padding: 0.8rem;
    }

    .manual-invoices-table__editor-grid[b-95jmc4k4gv] {
        grid-template-columns: 1fr;
        gap: 0.7rem;
    }

    .manual-invoices-table__editor-field--type[b-95jmc4k4gv],
    .manual-invoices-table__editor-field--document[b-95jmc4k4gv],
    .manual-invoices-table__editor-field--series[b-95jmc4k4gv],
    .manual-invoices-table__editor-field--counterparty[b-95jmc4k4gv],
    .manual-invoices-table__editor-field--project[b-95jmc4k4gv],
    .manual-invoices-table__editor-field--issue[b-95jmc4k4gv],
    .manual-invoices-table__editor-field--due[b-95jmc4k4gv],
    .manual-invoices-table__editor-field--currency[b-95jmc4k4gv],
    .manual-invoices-table__editor-field--status[b-95jmc4k4gv],
    .manual-invoices-table__editor-field--amount[b-95jmc4k4gv],
    .manual-invoices-table__editor-notes[b-95jmc4k4gv] {
        grid-column: 1 / -1;
    }

    .manual-invoices-table__desktop-grid[b-95jmc4k4gv] {
        display: none;
    }

    .manual-invoices-table__mobile-list[b-95jmc4k4gv] {
        display: grid;
    }

    .manual-invoices-table__mobile-card-top[b-95jmc4k4gv],
    .manual-invoices-table__mobile-actions[b-95jmc4k4gv] {
        flex-direction: column;
        align-items: stretch;
    }

    .manual-invoices-table__mobile-badges[b-95jmc4k4gv] {
        justify-content: flex-start;
    }

    .manual-invoices-table__mobile-fields[b-95jmc4k4gv] {
        grid-template-columns: 1fr;
    }

    .manual-invoices-table__editor-actions[b-95jmc4k4gv],
    .manual-invoices-table__row-actions[b-95jmc4k4gv] {
        width: 100%;
    }

    .manual-invoices-table__row-actions[b-95jmc4k4gv] {
        justify-content: flex-start;
    }
}

@media (min-width: 768px) {
    .manual-invoices-table__desktop-grid[b-95jmc4k4gv] {
        display: block;
    }
}
/* _content/EmpiriaBMS.App/Components/Admin/Invoices/MyDataInvoicesTable.razor.rz.scp.css */
.mydata-invoices[b-rg6wi0uobg] { color: var(--main-fg-color); background: var(--main-bg-color); }
.mydata-filters[b-rg6wi0uobg] { display: flex; flex-wrap: wrap; gap: 1rem; align-items: end; margin-bottom: .75rem; }
.mydata-filters label[b-rg6wi0uobg] { display: flex; flex-direction: column; gap: .35rem; }
.mydata-filters input[b-rg6wi0uobg], .mydata-filters select[b-rg6wi0uobg] { color: var(--main-fg-color); background: var(--main-bg-color); }
.mydata-scroll[b-rg6wi0uobg] { overflow: auto; max-height: 60dvh; }
.table[b-rg6wi0uobg] { color: var(--main-fg-color); }
.table th[b-rg6wi0uobg] { position: sticky; top: 0; background: var(--main-bg-color); white-space: nowrap; }
.mydata-details[b-rg6wi0uobg] { max-height: 50dvh; overflow: auto; white-space: pre-wrap; overflow-wrap: anywhere; color: var(--main-fg-color); }
@media (max-width: 575.98px) { .mydata-filters label[b-rg6wi0uobg] { width: 100%; } }
/* _content/EmpiriaBMS.App/Components/Admin/Offers/OfferDetailedDialog.razor.rz.scp.css */
.offer-dialog-header[b-ll1h8ayv42] {
    flex: 0 0 auto;
}

.offer-dialog-body[b-ll1h8ayv42] {
    flex: 1 1 auto;
    min-height: 0;
    overflow: hidden;
    padding: 0;
}

.offer-dialog-content[b-ll1h8ayv42] {
    height: 100%;
    min-height: 0;
    display: flex;
    flex-direction: column;
    overflow: hidden;
    padding: 0.95rem 1.15rem 1rem;
}

.offer-dialog-content[b-ll1h8ayv42]  .offer-detail-shell {
    flex: 1 1 auto;
    min-height: 0;
    overflow-y: auto;
    overflow-x: hidden;
    scroll-padding-bottom: 1rem;
}

.offer-dialog-content[b-ll1h8ayv42]  .offer-detail-actions {
    position: static;
    flex: 0 0 auto;
    padding: 0.65rem 0 0;
}

@media (max-width: 767.98px) {
    .offer-dialog-content[b-ll1h8ayv42] {
        padding: 0.75rem;
    }
}
/* _content/EmpiriaBMS.App/Components/Admin/Offers/Offers.razor.rz.scp.css */
.offers-admin-table-shell[b-ei7w756jvu] {
    margin: 0.75rem 0.75rem 0;
    border: 1px solid color-mix(in srgb, var(--main-fg-color, #1d2433) 12%, transparent);
    border-radius: 8px 8px 0 0;
    background: color-mix(in srgb, var(--main-bg-color, #fff) 97%, #7da2ff 3%);
    box-shadow: 0 10px 26px rgba(15, 23, 42, 0.08);
    overflow: hidden;
}

[b-ei7w756jvu] .offers-admin-table {
    height: min(62vh, 680px);
    min-height: 360px;
    background: transparent !important;
}

[b-ei7w756jvu] .offers-admin-table fluent-data-grid-row[row-type="header"] {
    position: sticky;
    top: 0;
    z-index: 4;
    background: color-mix(in srgb, var(--main-bg-color, #fff) 92%, #7da2ff 8%) !important;
}

[b-ei7w756jvu] .offers-admin-table fluent-data-grid-header-cell::part(cell) {
    min-height: 48px;
    padding: 0.75rem 0.85rem;
    border-bottom: 1px solid color-mix(in srgb, var(--main-fg-color, #1d2433) 14%, transparent);
    background: color-mix(in srgb, var(--main-bg-color, #fff) 92%, #7da2ff 8%) !important;
    color: color-mix(in srgb, var(--main-fg-color, #1d2433) 88%, transparent) !important;
    font-size: 0.82rem;
    font-weight: 800;
}

[b-ei7w756jvu] .offers-admin-table fluent-data-grid-cell::part(cell) {
    min-height: 56px;
    padding: 0.7rem 0.85rem;
    border-bottom: 1px solid color-mix(in srgb, var(--main-fg-color, #1d2433) 8%, transparent);
}

[b-ei7w756jvu] .offers-admin-table fluent-data-grid-row:not([row-type="header"]):hover::part(row) {
    background: color-mix(in srgb, var(--main-bg-color, #fff) 88%, #7da2ff 12%) !important;
}

[b-ei7w756jvu] .offers-admin-table fluent-data-grid-row.offer-history-expanded-row::part(row) {
    background: color-mix(in srgb, var(--main-bg-color, #fff) 86%, #7da2ff 14%) !important;
}

[b-ei7w756jvu] .offers-admin-table .column-header {
    display: flex !important;
    align-items: center;
    gap: 0.35rem;
}

[b-ei7w756jvu] .offers-admin-table .col-options-button {
    opacity: 0.82;
}

.offer-history-toggle-column[b-ei7w756jvu] {
    min-width: 48px;
}

.offer-history-toggle-button[b-ei7w756jvu]::part(control) {
    min-width: 32px;
    width: 32px;
    height: 32px;
    padding: 0;
    color: var(--main-fg-color, #1d2433);
}

.offer-history-toggle-icon[b-ei7w756jvu] {
    display: inline-block;
    font-weight: 800;
    transition: transform 0.16s ease;
}

.offer-history-toggle-icon.is-expanded[b-ei7w756jvu] {
    transform: rotate(90deg);
}

.offer-code-cell[b-ei7w756jvu] {
    min-width: 0;
    font-weight: 700;
}

[b-ei7w756jvu] .offers-admin-table .offer-history-expanded-column {
    display: none;
}

[b-ei7w756jvu] .offers-admin-table .offer-history-expanded-column:has(.offer-history-expanded-detail) {
    display: block;
    grid-column: 1 / -1 !important;
    min-width: 0;
    width: 100%;
}

[b-ei7w756jvu] .offers-admin-table .offer-history-expanded-column::part(cell),
[b-ei7w756jvu] .offers-admin-table .offer-history-expanded-column::part(content) {
    padding: 0 !important;
}

.offer-history-expanded-detail[b-ei7w756jvu] {
    width: 100%;
    min-width: 0;
    padding: 0.75rem 1rem 1rem 3.5rem;
    box-sizing: border-box;
    border-top: 1px solid color-mix(in srgb, var(--main-fg-color, #1d2433) 10%, transparent);
    background: color-mix(in srgb, var(--main-bg-color, #fff) 96%, #7da2ff 4%);
}

[b-ei7w756jvu] .offers-admin-analyze-button::part(control) {
    min-height: 2rem;
    padding-inline: 0.8rem;
    border-radius: 6px;
    font-weight: 700;
    background: color-mix(in srgb, var(--main-bg-color, #fff) 86%, #7da2ff 14%) !important;
    color: var(--main-fg-color, #1d2433) !important;
}

.offers-admin-paginator[b-ei7w756jvu] {
    margin: 0 0.75rem 0.75rem;
    padding: 0.55rem 0.75rem;
    border: 1px solid color-mix(in srgb, var(--main-fg-color, #1d2433) 10%, transparent);
    border-top: 0;
    border-radius: 0 0 8px 8px;
    background: color-mix(in srgb, var(--main-bg-color, #fff) 95%, #7da2ff 5%);
}

.offers-admin-mobile-list[b-ei7w756jvu] {
    display: none;
}

.offers-admin-header-search-col[b-ei7w756jvu] {
    display: none;
    padding: 0 0.75rem 0.65rem;
}

.offers-admin-header-search[b-ei7w756jvu] {
    display: flex;
    justify-content: flex-end;
    width: 100%;
}

[b-ei7w756jvu] .offers-admin-global-search {
    width: min(520px, 100%);
}

[b-ei7w756jvu] .offers-admin-global-search::part(root),
[b-ei7w756jvu] .offers-admin-global-search::part(control) {
    width: 100%;
}

@media (max-width: 991.98px) {
    .offers-admin-header-search-col[b-ei7w756jvu] {
        display: block;
    }
}

@media (max-width: 767.98px) {
    .offers-admin-header[b-ei7w756jvu] {
        display: grid;
        grid-template-columns: 1fr;
        gap: 0.65rem;
        margin: 0.75rem 0.6rem 0.65rem !important;
    }

    .offers-admin-header-title[b-ei7w756jvu],
    .offers-admin-header-actions-col[b-ei7w756jvu] {
        width: 100%;
        padding-inline: 0 !important;
    }

    .offers-admin-header .header[b-ei7w756jvu] {
        justify-content: flex-start !important;
    }

    .offers-admin-header h3[b-ei7w756jvu] {
        margin: 0 !important;
        font-size: 1.45rem;
        line-height: 1.15;
    }

    .offers-admin-header-actions[b-ei7w756jvu] {
        display: grid !important;
        grid-template-columns: repeat(3, minmax(0, 1fr));
        align-items: stretch;
        justify-content: stretch !important;
        gap: 0.5rem;
        width: 100%;
    }

    .offers-admin-show-deleted[b-ei7w756jvu] {
        grid-column: 1 / -1;
        display: flex;
        align-items: center;
        min-height: 2.25rem;
        margin: 0 !important;
        padding: 0 0.15rem;
    }

    .offers-admin-header-action[b-ei7w756jvu] {
        min-width: 0;
        margin: 0 !important;
    }

    .offers-admin-header-search-col[b-ei7w756jvu] {
        padding: 0 !important;
    }

    .offers-admin-header-search[b-ei7w756jvu] {
        justify-content: stretch;
    }

    [b-ei7w756jvu] .offers-admin-global-search {
        width: 100%;
    }

    [b-ei7w756jvu] .offers-admin-header-action fluent-button,
    [b-ei7w756jvu] .offers-admin-header-action fluent-button::part(control) {
        width: 100%;
        min-width: 0;
    }

    [b-ei7w756jvu] .offers-admin-header-action fluent-button::part(control) {
        justify-content: center;
        min-height: 2.35rem;
        padding-inline: 0.45rem;
        border-radius: 8px;
        font-size: 0.82rem;
        font-weight: 800;
    }

    .offers-admin-table-shell[b-ei7w756jvu] {
        margin: 0.75rem 0.6rem 0;
        max-height: 70vh;
        border-radius: 8px 8px 0 0;
        background: transparent;
        box-shadow: none;
        overflow-y: auto;
        overflow-x: hidden;
    }

    [b-ei7w756jvu] .offers-admin-table {
        display: none;
    }

    .offers-admin-mobile-list[b-ei7w756jvu] {
        display: grid;
        gap: 0.85rem;
        padding: 0.2rem 0 0.85rem;
    }

    .offers-admin-mobile-card[b-ei7w756jvu],
    .offers-admin-mobile-empty[b-ei7w756jvu] {
        min-width: 0;
        border: 1px solid color-mix(in srgb, var(--main-fg-color, #1d2433) 12%, transparent);
        border-radius: 10px;
        background: color-mix(in srgb, var(--main-bg-color, #fff) 94%, #7da2ff 6%);
        box-shadow: 0 12px 28px rgba(15, 23, 42, 0.12);
    }

    .offers-admin-mobile-card[b-ei7w756jvu] {
        display: grid;
        gap: 0;
        padding: 0;
        overflow: hidden;
    }

    .offers-admin-mobile-empty[b-ei7w756jvu] {
        display: grid;
        gap: 0.2rem;
        padding: 1rem;
        text-align: center;
    }

    .offers-admin-mobile-empty strong[b-ei7w756jvu] {
        color: var(--main-fg-color, #1d2433);
    }

    .offers-admin-mobile-empty span[b-ei7w756jvu] {
        color: color-mix(in srgb, var(--main-fg-color, #1d2433) 68%, transparent);
        font-size: 0.9rem;
    }

    .offers-admin-mobile-card-head[b-ei7w756jvu] {
        display: grid;
        gap: 0.45rem;
        padding: 0.95rem;
        border-bottom: 1px solid color-mix(in srgb, var(--main-fg-color, #1d2433) 10%, transparent);
        background: color-mix(in srgb, var(--main-bg-color, #fff) 90%, #7da2ff 10%);
    }

    .offers-admin-mobile-title[b-ei7w756jvu] {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        gap: 0.45rem;
    }

    .offers-admin-mobile-code[b-ei7w756jvu],
    .offers-admin-mobile-result[b-ei7w756jvu] {
        display: inline-flex;
        align-items: center;
        min-height: 1.8rem;
        border-radius: 999px;
        padding: 0.28rem 0.65rem;
        font-size: 0.78rem;
        font-weight: 800;
        line-height: 1;
    }

    .offers-admin-mobile-code[b-ei7w756jvu] {
        background: color-mix(in srgb, var(--main-fg-color, #1d2433) 9%, transparent);
        color: var(--main-fg-color, #1d2433);
    }

    .offers-admin-mobile-result[b-ei7w756jvu] {
        background: color-mix(in srgb, #1f8f55 18%, transparent);
        color: color-mix(in srgb, var(--main-fg-color, #1d2433) 82%, #1f8f55 18%);
    }

    .offers-admin-mobile-card h4[b-ei7w756jvu] {
        margin: 0;
        color: var(--main-fg-color, #1d2433);
        font-size: 1rem;
        font-weight: 800;
        line-height: 1.35;
        overflow-wrap: anywhere;
    }

    .offers-admin-mobile-meta[b-ei7w756jvu] {
        display: grid;
        grid-template-columns: 1fr;
        gap: 0;
        padding: 0.2rem 0.95rem;
    }

    .offers-admin-mobile-meta div[b-ei7w756jvu] {
        display: grid;
        grid-template-columns: minmax(5.8rem, auto) minmax(0, 1fr);
        align-items: start;
        gap: 0.65rem;
        min-width: 0;
        border-bottom: 1px solid color-mix(in srgb, var(--main-fg-color, #1d2433) 8%, transparent);
        border-radius: 0;
        padding: 0.7rem 0;
        background: transparent;
    }

    .offers-admin-mobile-meta div:last-child[b-ei7w756jvu] {
        border-bottom: 0;
    }

    .offers-admin-mobile-meta span[b-ei7w756jvu] {
        display: block;
        color: color-mix(in srgb, var(--main-fg-color, #1d2433) 62%, transparent);
        font-size: 0.72rem;
        font-weight: 800;
        text-transform: uppercase;
    }

    .offers-admin-mobile-meta strong[b-ei7w756jvu] {
        display: block;
        color: var(--main-fg-color, #1d2433);
        font-size: 0.9rem;
        line-height: 1.35;
        overflow-wrap: anywhere;
    }

    .offers-admin-mobile-history-toggle[b-ei7w756jvu] {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        gap: 0.45rem;
        width: calc(100% - 1.9rem);
        min-height: 2.45rem;
        margin: 0.75rem 0.95rem 0;
        border: 1px solid color-mix(in srgb, var(--main-fg-color, #1d2433) 14%, transparent);
        border-radius: 8px;
        background: color-mix(in srgb, var(--main-bg-color, #fff) 90%, #7da2ff 10%);
        color: var(--main-fg-color, #1d2433);
        font-weight: 800;
    }

    .offers-admin-mobile-history[b-ei7w756jvu] {
        min-width: 0;
        overflow: hidden;
        padding: 0.75rem 0.95rem 0;
    }

    [b-ei7w756jvu] .offers-admin-mobile-history .offer-history-inline {
        margin-top: 0;
        border-radius: 8px;
    }

    .offers-admin-mobile-actions[b-ei7w756jvu] {
        --offers-admin-mobile-action-fg: var(--main-fg-color, #1d2433);
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 0.55rem;
        padding: 0.85rem 0.95rem 0.95rem;
        border-top: 1px solid color-mix(in srgb, var(--main-fg-color, #1d2433) 8%, transparent);
        background: color-mix(in srgb, var(--main-bg-color, #fff) 92%, #7da2ff 8%);
    }

    [b-ei7w756jvu] .offers-admin-mobile-actions fluent-button,
    [b-ei7w756jvu] .offers-admin-mobile-actions fluent-button::part(control) {
        width: 100%;
    }

    [b-ei7w756jvu] .offers-admin-mobile-actions fluent-button:first-child {
        grid-column: 1 / -1;
    }

    [b-ei7w756jvu] .offers-admin-mobile-actions fluent-button::part(control) {
        justify-content: center;
        min-height: 2.45rem;
        border-radius: 8px;
        font-weight: 800;
    }

    [b-ei7w756jvu] .offers-admin-mobile-actions fluent-button[appearance="accent"]::part(control) {
        color: #ffffff !important;
        background: #5c78bd !important;
        border-color: #5c78bd !important;
    }

    [b-ei7w756jvu] fluent-button.offers-admin-mobile-secondary-action::part(control) {
        color: var(--offers-admin-mobile-action-fg) !important;
        border-color: color-mix(in srgb, var(--main-fg-color, #1d2433) 28%, transparent) !important;
        background: color-mix(in srgb, var(--main-bg-color, #fff) 94%, #7da2ff 6%) !important;
    }

    [b-ei7w756jvu] fluent-button.offers-admin-mobile-secondary-action svg,
    [b-ei7w756jvu] fluent-button.offers-admin-mobile-secondary-action svg * {
        fill: var(--offers-admin-mobile-action-fg) !important;
        stroke: var(--offers-admin-mobile-action-fg) !important;
    }

    .offers-admin-paginator[b-ei7w756jvu] {
        margin: 0 0.6rem 0.75rem;
        padding: 0.45rem 0.55rem;
    }
}
/* _content/EmpiriaBMS.App/Components/Admin/Organization/Billing/OrganizationBillingPanel.razor.rz.scp.css */
.organization-billing[b-rrxy0kvo50] {
    --billing-surface: linear-gradient(180deg, rgba(248, 250, 252, 0.96), rgba(241, 245, 249, 0.98));
    --billing-surface-strong: rgba(255, 255, 255, 0.9);
    --billing-border: rgba(15, 23, 42, 0.12);
    --billing-border-strong: rgba(68, 96, 154, 0.22);
    --billing-shadow: 0 18px 32px rgba(15, 23, 42, 0.08);
    --billing-text: var(--main-fg-color, #1f2937);
    --billing-text-muted: color-mix(in srgb, var(--billing-text) 72%, transparent);
    --billing-accent: #1d4ed8;
    --billing-accent-soft: rgba(29, 78, 216, 0.12);
    --billing-success: #166534;
    --billing-success-soft: rgba(22, 101, 52, 0.12);
    --billing-warning: #92400e;
    --billing-warning-soft: rgba(245, 158, 11, 0.16);
    --billing-danger: #b91c1c;
    --billing-danger-soft: rgba(220, 38, 38, 0.12);
    --billing-muted: #475569;
    --billing-muted-soft: rgba(100, 116, 139, 0.14);
    margin-top: 1.5rem;
    padding-top: 1.25rem;
    border-top: 1px solid var(--billing-border);
    color: var(--billing-text);
}

[data-theme="dark"] .organization-billing[b-rrxy0kvo50],
[data-bs-theme="dark"] .organization-billing[b-rrxy0kvo50] {
    --billing-surface: linear-gradient(180deg, rgba(23, 34, 52, 0.98), rgba(15, 23, 38, 0.98));
    --billing-surface-strong: rgba(27, 40, 62, 0.94);
    --billing-border: rgba(143, 167, 208, 0.24);
    --billing-border-strong: rgba(167, 191, 232, 0.34);
    --billing-shadow: 0 20px 36px rgba(0, 0, 0, 0.28);
    --billing-text: #eef4ff;
    --billing-text-muted: rgba(221, 231, 247, 0.78);
    --billing-accent-soft: rgba(96, 165, 250, 0.18);
    --billing-success-soft: rgba(34, 197, 94, 0.18);
    --billing-warning-soft: rgba(251, 191, 36, 0.2);
    --billing-danger-soft: rgba(248, 113, 113, 0.2);
    --billing-muted-soft: rgba(148, 163, 184, 0.18);
}

.organization-billing__header[b-rrxy0kvo50] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    flex-wrap: wrap;
    margin-bottom: 1rem;
}

.organization-billing__eyebrow[b-rrxy0kvo50] {
    display: inline-flex;
    padding: 0.28rem 0.65rem;
    border-radius: 999px;
    background: var(--billing-accent-soft);
    color: var(--billing-accent);
    font-size: 0.78rem;
    font-weight: 700;
    letter-spacing: 0.04em;
    text-transform: uppercase;
}

.organization-billing__title[b-rrxy0kvo50] {
    margin: 0.45rem 0 0.15rem;
    color: var(--billing-text);
}

.organization-billing__subtitle[b-rrxy0kvo50] {
    color: var(--billing-text-muted);
}

.organization-billing__legal-links[b-rrxy0kvo50] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.45rem 0.85rem;
    margin-top: 1rem;
    color: var(--billing-text-muted);
    font-size: 0.86rem;
}

.organization-billing__legal-links a[b-rrxy0kvo50] {
    color: var(--billing-accent);
    font-weight: 600;
    text-decoration: underline;
    text-underline-offset: 0.2rem;
}

.organization-billing__notice[b-rrxy0kvo50],
.organization-billing__loading[b-rrxy0kvo50],
.organization-billing__empty-state[b-rrxy0kvo50],
.organization-billing[b-rrxy0kvo50]  .organization-billing__card,
.organization-billing[b-rrxy0kvo50]  .organization-billing__preview-panel,
.organization-billing[b-rrxy0kvo50]  .organization-billing__invoice-details,
.organization-billing[b-rrxy0kvo50]  .organization-billing__subpanel,
.organization-billing[b-rrxy0kvo50]  .organization-billing__billing-profile-list-panel,
.organization-billing[b-rrxy0kvo50]  .organization-billing__billing-profile-editor-panel,
.organization-billing[b-rrxy0kvo50]  .organization-billing__billing-profile-card,
.organization-billing[b-rrxy0kvo50]  .organization-billing__plan-card {
    border-radius: 18px;
    border: 1px solid var(--billing-border);
    background: var(--billing-surface);
    box-shadow: var(--billing-shadow);
}

.organization-billing__notice[b-rrxy0kvo50],
.organization-billing[b-rrxy0kvo50]  .organization-billing__inline-warning,
.organization-billing[b-rrxy0kvo50]  .organization-billing__inline-info {
    padding: 0.85rem 1rem;
    margin-bottom: 1rem;
    border-radius: 14px;
    border: 1px solid var(--billing-border);
}

.organization-billing__notice--warning[b-rrxy0kvo50],
.organization-billing[b-rrxy0kvo50]  .organization-billing__inline-warning {
    background: var(--billing-warning-soft);
    border-color: color-mix(in srgb, var(--billing-warning) 28%, transparent);
    color: var(--billing-warning);
}

.organization-billing__notice--info[b-rrxy0kvo50],
.organization-billing[b-rrxy0kvo50]  .organization-billing__inline-info {
    background: var(--billing-accent-soft);
    border-color: color-mix(in srgb, var(--billing-accent) 26%, transparent);
    color: var(--billing-accent);
}

.organization-billing__notice--success[b-rrxy0kvo50] {
    background: var(--billing-success-soft);
    border-color: color-mix(in srgb, var(--billing-success) 28%, transparent);
    color: var(--billing-success);
}

.organization-billing__notice--error[b-rrxy0kvo50] {
    background: var(--billing-danger-soft);
    border-color: color-mix(in srgb, var(--billing-danger) 28%, transparent);
    color: var(--billing-danger);
}

.organization-billing__loading[b-rrxy0kvo50],
.organization-billing__empty-state[b-rrxy0kvo50],
.organization-billing[b-rrxy0kvo50]  .organization-billing__empty-state {
    display: grid;
    place-items: center;
    min-height: 180px;
    text-align: center;
    padding: 1rem;
    color: var(--billing-text-muted);
}

.organization-billing[b-rrxy0kvo50]  .organization-billing__empty-state--compact {
    min-height: 120px;
}

.organization-billing[b-rrxy0kvo50]  .organization-billing__card,
.organization-billing[b-rrxy0kvo50]  .organization-billing__preview-panel,
.organization-billing[b-rrxy0kvo50]  .organization-billing__invoice-details {
    padding: 1.1rem 1.2rem;
}

.organization-billing[b-rrxy0kvo50]  .organization-billing__card-header,
.organization-billing[b-rrxy0kvo50]  .organization-billing__card-header--split,
.organization-billing[b-rrxy0kvo50]  .organization-billing__preview-header,
.organization-billing[b-rrxy0kvo50]  .organization-billing__payment-method-title-row,
.organization-billing[b-rrxy0kvo50]  .organization-billing__plan-card-header,
.organization-billing[b-rrxy0kvo50]  .organization-billing__card-actions,
.organization-billing[b-rrxy0kvo50]  .organization-billing__table-actions,
.organization-billing[b-rrxy0kvo50]  .organization-billing__payment-actions,
.organization-billing[b-rrxy0kvo50]  .organization-billing__auto-renew-state,
.organization-billing[b-rrxy0kvo50]  .organization-billing__plan-toolbar,
.organization-billing[b-rrxy0kvo50]  .organization-billing__hero-statuses,
.organization-billing[b-rrxy0kvo50]  .organization-billing__payment-badges,
.organization-billing[b-rrxy0kvo50]  .organization-billing__plan-pricing,
.organization-billing[b-rrxy0kvo50]  .organization-billing__subpanel-grid,
.organization-billing[b-rrxy0kvo50]  .organization-billing__plans-grid,
.organization-billing[b-rrxy0kvo50]  .organization-billing__editor-toolbar,
.organization-billing[b-rrxy0kvo50]  .organization-billing__checkbox-row,
.organization-billing[b-rrxy0kvo50]  .organization-billing__billing-profile-card-header,
.organization-billing[b-rrxy0kvo50]  .organization-billing__billing-profile-meta {
    display: flex;
}

.organization-billing[b-rrxy0kvo50]  .organization-billing__overview-grid,
.organization-billing[b-rrxy0kvo50]  .organization-billing__overview-highlights,
.organization-billing[b-rrxy0kvo50]  .organization-billing__readiness-list,
.organization-billing[b-rrxy0kvo50]  .organization-billing__form-sections,
.organization-billing[b-rrxy0kvo50]  .organization-billing__metrics-grid,
.organization-billing[b-rrxy0kvo50]  .organization-billing__billing-profiles,
.organization-billing[b-rrxy0kvo50]  .organization-billing__payment-methods,
.organization-billing[b-rrxy0kvo50]  .organization-billing__feature-list,
.organization-billing[b-rrxy0kvo50]  .organization-billing__payment-editor-grid,
.organization-billing[b-rrxy0kvo50]  .organization-billing__provider-ref {
    display: grid;
    gap: 8px;
}

.organization-billing[b-rrxy0kvo50]  .organization-billing__card-header,
.organization-billing[b-rrxy0kvo50]  .organization-billing__card-header--split,
.organization-billing[b-rrxy0kvo50]  .organization-billing__preview-header,
.organization-billing[b-rrxy0kvo50]  .organization-billing__payment-method-title-row,
.organization-billing[b-rrxy0kvo50]  .organization-billing__plan-card-header,
.organization-billing[b-rrxy0kvo50]  .organization-billing__auto-renew-state,
.organization-billing[b-rrxy0kvo50]  .organization-billing__plan-toolbar,
.organization-billing[b-rrxy0kvo50]  .organization-billing__billing-profile-card-header,
.organization-billing[b-rrxy0kvo50]  .organization-billing__editor-toolbar,
.organization-billing[b-rrxy0kvo50]  .organization-billing__billing-profile-meta {
    justify-content: space-between;
    align-items: center;
}

.organization-billing[b-rrxy0kvo50]  .organization-billing__card-header,
.organization-billing[b-rrxy0kvo50]  .organization-billing__card-header--split,
.organization-billing[b-rrxy0kvo50]  .organization-billing__preview-header {
    gap: 1rem;
    margin-bottom: 1rem;
}

.organization-billing[b-rrxy0kvo50]  .organization-billing__card-header--split,
.organization-billing[b-rrxy0kvo50]  .organization-billing__card-actions,
.organization-billing[b-rrxy0kvo50]  .organization-billing__payment-actions,
.organization-billing[b-rrxy0kvo50]  .organization-billing__payment-badges,
.organization-billing[b-rrxy0kvo50]  .organization-billing__table-actions,
.organization-billing[b-rrxy0kvo50]  .organization-billing__hero-statuses,
.organization-billing[b-rrxy0kvo50]  .organization-billing__editor-toolbar {
    flex-wrap: wrap;
    gap: 0.5rem;
}

.organization-billing[b-rrxy0kvo50]  .organization-billing__section-kicker {
    margin-bottom: 0.35rem;
    color: var(--billing-accent);
    font-size: 0.78rem;
    font-weight: 700;
    letter-spacing: 0.04em;
    text-transform: uppercase;
}

.organization-billing[b-rrxy0kvo50]  .organization-billing__card-subtitle,
.organization-billing[b-rrxy0kvo50]  .organization-billing__readiness-text,
.organization-billing[b-rrxy0kvo50]  .organization-billing__empty-hint,
.organization-billing[b-rrxy0kvo50]  .organization-billing__form-helper,
.organization-billing[b-rrxy0kvo50]  .organization-billing__field-help,
.organization-billing[b-rrxy0kvo50]  .organization-billing__payment-method-subtitle,
.organization-billing[b-rrxy0kvo50]  .organization-billing__description,
.organization-billing[b-rrxy0kvo50]  .organization-billing__detail-list,
.organization-billing[b-rrxy0kvo50]  .organization-billing__billing-profile-meta,
.organization-billing[b-rrxy0kvo50]  .organization-billing__provider-ref small {
    color: var(--billing-text-muted);
}

.organization-billing[b-rrxy0kvo50]  .organization-billing__status-badge {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0.26rem 0.62rem;
    border-radius: 999px;
    font-size: 0.78rem;
    font-weight: 700;
    white-space: nowrap;
}

.organization-billing[b-rrxy0kvo50]  .organization-billing__status-badge--success { background: var(--billing-success-soft); color: var(--billing-success); }
.organization-billing[b-rrxy0kvo50]  .organization-billing__status-badge--info { background: var(--billing-accent-soft); color: var(--billing-accent); }
.organization-billing[b-rrxy0kvo50]  .organization-billing__status-badge--warning { background: var(--billing-warning-soft); color: var(--billing-warning); }
.organization-billing[b-rrxy0kvo50]  .organization-billing__status-badge--danger { background: var(--billing-danger-soft); color: var(--billing-danger); }
.organization-billing[b-rrxy0kvo50]  .organization-billing__status-badge--muted { background: var(--billing-muted-soft); color: var(--billing-muted); }

.organization-billing[b-rrxy0kvo50]  .organization-billing__metric,
.organization-billing[b-rrxy0kvo50]  .organization-billing__overview-emphasis,
.organization-billing[b-rrxy0kvo50]  .organization-billing__feature-item,
.organization-billing[b-rrxy0kvo50]  .organization-billing__readiness-item,
.organization-billing[b-rrxy0kvo50]  .organization-billing__form-section,
.organization-billing[b-rrxy0kvo50]  .organization-billing__payment-method,
.organization-billing[b-rrxy0kvo50]  .organization-billing__billing-profile-card,
.organization-billing[b-rrxy0kvo50]  .organization-billing__preview-strip {
    border-radius: 14px;
    background: var(--billing-surface-strong);
    border: 1px solid var(--billing-border-strong);
}

.organization-billing[b-rrxy0kvo50]  .organization-billing__metric,
.organization-billing[b-rrxy0kvo50]  .organization-billing__overview-emphasis,
.organization-billing[b-rrxy0kvo50]  .organization-billing__readiness-item,
.organization-billing[b-rrxy0kvo50]  .organization-billing__form-section {
    padding: 0.85rem 0.95rem;
}

.organization-billing[b-rrxy0kvo50]  .organization-billing__metric-label {
    display: block;
    margin-bottom: 0.25rem;
    color: var(--billing-text-muted);
    font-size: 0.8rem;
    font-weight: 600;
}

.organization-billing[b-rrxy0kvo50]  .organization-billing__metric-value,
.organization-billing[b-rrxy0kvo50]  .organization-billing__plan-name,
.organization-billing[b-rrxy0kvo50]  .organization-billing__payment-method-title,
.organization-billing[b-rrxy0kvo50]  .organization-billing__plan-card-title,
.organization-billing[b-rrxy0kvo50]  .organization-billing__billing-profile-card-title {
    color: var(--billing-text);
    font-weight: 700;
    word-break: break-word;
}

.organization-billing[b-rrxy0kvo50]  .organization-billing__metric-value--success { color: var(--billing-success); }
.organization-billing[b-rrxy0kvo50]  .organization-billing__metric-value--danger { color: var(--billing-danger); }
.organization-billing[b-rrxy0kvo50]  .organization-billing__required { color: var(--billing-danger); }

.organization-billing[b-rrxy0kvo50]  .organization-billing__overview-grid {
    grid-template-columns: minmax(0, 1.55fr) minmax(300px, 0.95fr);
    gap: 1rem;
    margin-bottom: 1rem;
}

.organization-billing[b-rrxy0kvo50]  .organization-billing__overview-card--primary {
    background: radial-gradient(circle at top right, color-mix(in srgb, var(--billing-accent) 12%, transparent), transparent 34%), var(--billing-surface);
}

.organization-billing[b-rrxy0kvo50]  .organization-billing__overview-card--secondary {
    background: radial-gradient(circle at top left, color-mix(in srgb, var(--billing-success) 8%, transparent), transparent 40%), var(--billing-surface);
}

.organization-billing[b-rrxy0kvo50]  .organization-billing__card-hero {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 1rem;
    margin-bottom: 1rem;
    align-items: end;
}

.organization-billing[b-rrxy0kvo50]  .organization-billing__overview-highlights {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.85rem;
}

.organization-billing[b-rrxy0kvo50]  .organization-billing__subpanel-grid,
.organization-billing[b-rrxy0kvo50]  .organization-billing__plans-grid {
    gap: 1rem;
    flex-wrap: wrap;
}

.organization-billing[b-rrxy0kvo50]  .organization-billing__subpanel {
    flex: 1 1 260px;
    padding: 0.95rem 1rem;
}

.organization-billing[b-rrxy0kvo50]  .organization-billing__subpanel-title,
.organization-billing[b-rrxy0kvo50]  .organization-billing__form-section-title,
.organization-billing[b-rrxy0kvo50]  .organization-billing__readiness-title {
    color: var(--billing-text);
    font-weight: 700;
}

.organization-billing[b-rrxy0kvo50]  .organization-billing__readiness-list,
.organization-billing[b-rrxy0kvo50]  .organization-billing__billing-profiles,
.organization-billing[b-rrxy0kvo50]  .organization-billing__payment-methods,
.organization-billing[b-rrxy0kvo50]  .organization-billing__feature-list,
.organization-billing[b-rrxy0kvo50]  .organization-billing__payment-editor-grid,
.organization-billing[b-rrxy0kvo50]  .organization-billing__form-sections {
    gap: 0.85rem;
}

.organization-billing[b-rrxy0kvo50]  .organization-billing__billing-profile-layout {
    display: grid;
    grid-template-columns: minmax(300px, 0.95fr) minmax(360px, 1.25fr);
    gap: 1rem;
}

.organization-billing[b-rrxy0kvo50]  .organization-billing__billing-profile-list-panel,
.organization-billing[b-rrxy0kvo50]  .organization-billing__billing-profile-editor-panel,
.organization-billing[b-rrxy0kvo50]  .organization-billing__billing-profile-card {
    background: var(--billing-surface-strong);
    border-color: var(--billing-border-strong);
}

.organization-billing[b-rrxy0kvo50]  .organization-billing__billing-profile-list-panel,
.organization-billing[b-rrxy0kvo50]  .organization-billing__billing-profile-editor-panel {
    padding: 1rem;
}

.organization-billing[b-rrxy0kvo50]  .organization-billing__billing-profile-card {
    padding: 0.9rem;
}

.organization-billing[b-rrxy0kvo50]  .organization-billing__billing-profile-card--default,
.organization-billing[b-rrxy0kvo50]  .organization-billing__plan-card--current {
    border-color: color-mix(in srgb, var(--billing-accent) 36%, transparent);
}

.organization-billing[b-rrxy0kvo50]  .organization-billing__billing-profile-card--selected,
.organization-billing[b-rrxy0kvo50]  .organization-billing__plan-card--selected {
    outline: 2px solid color-mix(in srgb, var(--billing-accent) 34%, transparent);
    outline-offset: 2px;
}

.organization-billing[b-rrxy0kvo50]  .organization-billing__form-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.85rem;
}

.organization-billing[b-rrxy0kvo50]  .organization-billing__form-field {
    display: grid;
    gap: 0.35rem;
}

.organization-billing[b-rrxy0kvo50]  .organization-billing__mode-control {
    display: grid;
    gap: 0.35rem;
    min-width: 210px;
}

.organization-billing[b-rrxy0kvo50]  .organization-billing__mode-select {
    min-height: 40px;
}

.organization-billing[b-rrxy0kvo50]  .organization-billing__form-field--checkbox {
    display: flex;
    align-items: center;
}

.organization-billing[b-rrxy0kvo50]  .organization-billing__form-label {
    color: var(--billing-text);
    font-size: 0.85rem;
    font-weight: 700;
}

.organization-billing[b-rrxy0kvo50]  .organization-billing__form-input {
    min-height: 44px;
    background: var(--billing-surface-strong);
    color: var(--billing-text);
    border-color: var(--billing-border-strong);
}

.organization-billing[b-rrxy0kvo50]  .organization-billing__form-input:focus {
    background: var(--billing-surface-strong);
    color: var(--billing-text);
    border-color: color-mix(in srgb, var(--billing-accent) 40%, transparent);
    box-shadow: 0 0 0 0.16rem color-mix(in srgb, var(--billing-accent) 18%, transparent);
}

.organization-billing[b-rrxy0kvo50]  .organization-billing__checkbox-row {
    gap: 0.6rem;
    color: var(--billing-text);
    font-weight: 600;
}

.organization-billing[b-rrxy0kvo50]  .organization-billing__checkbox {
    width: 18px;
    height: 18px;
}

.organization-billing[b-rrxy0kvo50]  .organization-billing__payment-method {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 1rem;
    padding: 1rem;
}

.organization-billing[b-rrxy0kvo50]  .organization-billing__payment-form-shell {
    display: grid;
    gap: 1rem;
    padding: 1.1rem 1.2rem;
}

.organization-billing[b-rrxy0kvo50]  .organization-billing__payment-form-intro {
    display: grid;
    gap: 0.7rem;
}

.organization-billing[b-rrxy0kvo50]  .organization-billing__payment-security-note {
    display: inline-flex;
    align-items: center;
    gap: 0.55rem;
    padding: 0.75rem 0.95rem;
    border-radius: 14px;
    background: var(--billing-surface-strong);
    border: 1px solid var(--billing-border-strong);
    color: var(--billing-text-muted);
    font-size: 0.88rem;
}

.organization-billing[b-rrxy0kvo50]  .organization-billing__payment-security-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 1.35rem;
    height: 1.35rem;
    border-radius: 50%;
    background: var(--billing-accent-soft);
    font-size: 0.82rem;
}

.organization-billing[b-rrxy0kvo50]  .organization-billing__payment-editor-grid--checkout {
    grid-template-columns: minmax(260px, 0.9fr) minmax(0, 1.25fr);
    align-items: start;
    gap: 1rem;
}

.organization-billing[b-rrxy0kvo50]  .organization-billing__payment-card-preview {
    display: grid;
    gap: 1.2rem;
    min-height: 220px;
    padding: 1.2rem;
    border-radius: 22px;
    border: 1px solid color-mix(in srgb, var(--billing-accent) 24%, transparent);
    background:
        radial-gradient(circle at top right, color-mix(in srgb, var(--billing-accent) 28%, transparent), transparent 38%),
        linear-gradient(145deg, color-mix(in srgb, var(--billing-accent) 72%, #0f172a), color-mix(in srgb, var(--billing-accent) 32%, #111827));
    color: #eff6ff;
    box-shadow: 0 16px 28px rgba(15, 23, 42, 0.22);
}

.organization-billing[b-rrxy0kvo50]  .organization-billing__payment-card-preview-top,
.organization-billing[b-rrxy0kvo50]  .organization-billing__payment-card-preview-bottom {
    display: flex;
    justify-content: space-between;
    gap: 0.75rem;
}

.organization-billing[b-rrxy0kvo50]  .organization-billing__payment-card-preview-bottom {
    margin-top: auto;
    align-items: end;
}

.organization-billing[b-rrxy0kvo50]  .organization-billing__payment-card-preview-chip {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0.28rem 0.7rem;
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.14);
    color: #dbeafe;
    font-size: 0.76rem;
    font-weight: 700;
    letter-spacing: 0.04em;
    text-transform: uppercase;
}

.organization-billing[b-rrxy0kvo50]  .organization-billing__payment-card-preview-brand {
    font-size: 0.95rem;
    font-weight: 700;
}

.organization-billing[b-rrxy0kvo50]  .organization-billing__payment-card-preview-number {
    font-size: clamp(1.1rem, 2vw, 1.45rem);
    font-weight: 800;
    letter-spacing: 0.14em;
    word-spacing: 0.28em;
}

.organization-billing[b-rrxy0kvo50]  .organization-billing__payment-card-preview-label {
    display: block;
    margin-bottom: 0.3rem;
    color: rgba(239, 246, 255, 0.7);
    font-size: 0.74rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.04em;
}

.organization-billing[b-rrxy0kvo50]  .organization-billing__payment-form-grid {
    display: grid;
    gap: 1rem;
}

.organization-billing[b-rrxy0kvo50]  .organization-billing__payment-form-row {
    display: grid;
    grid-template-columns: minmax(170px, 0.9fr) minmax(220px, 1.1fr);
    gap: 0.85rem;
}

.organization-billing[b-rrxy0kvo50]  .organization-billing__payment-field {
    display: grid;
    gap: 0.38rem;
}

.organization-billing[b-rrxy0kvo50]  .organization-billing__payment-field--full {
    grid-column: 1 / -1;
}

.organization-billing[b-rrxy0kvo50]  .organization-billing__payment-input,
.organization-billing[b-rrxy0kvo50]  .organization-billing__payment-pan-control {
    min-height: 52px;
    border-radius: 14px;
    background: var(--billing-surface-strong);
    border: 1px solid var(--billing-border-strong);
    color: var(--billing-text);
    transition: border-color 0.18s ease, box-shadow 0.18s ease, background 0.18s ease;
}

.organization-billing[b-rrxy0kvo50]  .organization-billing__payment-input {
    padding: 0.85rem 0.95rem;
}

.organization-billing[b-rrxy0kvo50]  .organization-billing__payment-input::placeholder,
.organization-billing[b-rrxy0kvo50]  .organization-billing__payment-pan-control::placeholder {
    color: color-mix(in srgb, var(--billing-text-muted) 88%, transparent);
}

.organization-billing[b-rrxy0kvo50]  .organization-billing__payment-input:focus,
.organization-billing[b-rrxy0kvo50]  .organization-billing__payment-pan-control:focus {
    outline: none;
    border-color: color-mix(in srgb, var(--billing-accent) 42%, transparent);
    box-shadow: 0 0 0 0.18rem color-mix(in srgb, var(--billing-accent) 16%, transparent);
}

.organization-billing[b-rrxy0kvo50]  .organization-billing__payment-input--invalid {
    border-color: color-mix(in srgb, var(--billing-danger) 48%, transparent);
    box-shadow: 0 0 0 0.12rem color-mix(in srgb, var(--billing-danger) 12%, transparent);
}

.organization-billing[b-rrxy0kvo50]  .organization-billing__payment-pan-input {
    display: grid;
    grid-template-columns: auto minmax(92px, 132px);
    align-items: center;
    min-height: 52px;
    padding: 0.25rem 0.3rem 0.25rem 0.95rem;
    border-radius: 14px;
    background: var(--billing-surface-strong);
    border: 1px solid var(--billing-border-strong);
    transition: border-color 0.18s ease, box-shadow 0.18s ease, background 0.18s ease;
}

.organization-billing[b-rrxy0kvo50]  .organization-billing__payment-pan-input:focus-within {
    border-color: color-mix(in srgb, var(--billing-accent) 42%, transparent);
    box-shadow: 0 0 0 0.18rem color-mix(in srgb, var(--billing-accent) 16%, transparent);
}

.organization-billing[b-rrxy0kvo50]  .organization-billing__payment-pan-input--invalid {
    border-color: color-mix(in srgb, var(--billing-danger) 48%, transparent);
    box-shadow: 0 0 0 0.12rem color-mix(in srgb, var(--billing-danger) 12%, transparent);
}

.organization-billing[b-rrxy0kvo50]  .organization-billing__payment-pan-mask {
    color: var(--billing-text-muted);
    font-weight: 700;
    letter-spacing: 0.16em;
    white-space: nowrap;
}

.organization-billing[b-rrxy0kvo50]  .organization-billing__payment-pan-control {
    width: 100%;
    border: 0;
    background: transparent;
    padding: 0.7rem 0.75rem;
    text-align: center;
    font-size: 1rem;
    font-weight: 700;
    letter-spacing: 0.1em;
}

.organization-billing[b-rrxy0kvo50]  .organization-billing__payment-pan-control:focus {
    box-shadow: none;
}

.organization-billing[b-rrxy0kvo50]  .organization-billing__payment-pan-control::-webkit-outer-spin-button,
.organization-billing[b-rrxy0kvo50]  .organization-billing__payment-pan-control::-webkit-inner-spin-button,
.organization-billing[b-rrxy0kvo50]  .organization-billing__payment-input::-webkit-outer-spin-button,
.organization-billing[b-rrxy0kvo50]  .organization-billing__payment-input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

.organization-billing[b-rrxy0kvo50]  .organization-billing__field-error {
    color: var(--billing-danger);
    font-size: 0.82rem;
    font-weight: 600;
}

.organization-billing[b-rrxy0kvo50]  .organization-billing__payment-preferences {
    display: grid;
    gap: 0.55rem;
    padding: 0.95rem 1rem;
    border-radius: 16px;
    background: var(--billing-surface-strong);
    border: 1px solid var(--billing-border-strong);
}

.organization-billing[b-rrxy0kvo50]  .organization-billing__payment-preferences-title {
    color: var(--billing-text);
    font-weight: 700;
}

.organization-billing[b-rrxy0kvo50]  .organization-billing__checkbox-row--payment {
    align-items: flex-start;
}

.organization-billing[b-rrxy0kvo50]  .organization-billing__card-actions--editor {
    justify-content: flex-end;
}

.organization-billing[b-rrxy0kvo50]  .organization-billing__payment-method-meta {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
    gap: 0.55rem;
    margin-top: 0.85rem;
}

.organization-billing[b-rrxy0kvo50]  .organization-billing__plan-toolbar {
    gap: 1rem;
    flex-wrap: wrap;
    margin-bottom: 1rem;
}

.organization-billing[b-rrxy0kvo50]  .organization-billing__preview-strip {
    flex: 1 1 360px;
    gap: 1rem;
    flex-wrap: wrap;
    padding: 4px !important;
}

.organization-billing[b-rrxy0kvo50]  .organization-billing__cycle-select {
    min-width: 180px;
    background: var(--billing-surface-strong);
    color: var(--billing-text);
    border-color: var(--billing-border-strong);
}

.organization-billing[b-rrxy0kvo50]  .organization-billing__plan-card {
    flex: 1 1 310px;
    padding: 1rem;
}

.organization-billing[b-rrxy0kvo50]  .organization-billing__plan-pricing,
.organization-billing[b-rrxy0kvo50]  .organization-billing__detail-list--spaced,
.organization-billing[b-rrxy0kvo50]  .organization-billing__paginator,
.organization-billing[b-rrxy0kvo50]  .organization-billing__preview-panel,
.organization-billing[b-rrxy0kvo50]  .organization-billing__invoice-details {
    margin-top: 0.85rem;
}

.organization-billing[b-rrxy0kvo50]  .organization-billing__feature-item {
    display: flex;
    justify-content: space-between;
    gap: 1rem;
    padding: 0.55rem 0.7rem;
}

.organization-billing[b-rrxy0kvo50]  .organization-billing__feature-item--muted {
    opacity: 0.72;
}

.organization-billing[b-rrxy0kvo50]  .organization-billing__select-plan-btn,
.organization-billing[b-rrxy0kvo50]  .organization-billing__link-btn {
    border: 0;
    background: transparent;
    color: var(--billing-accent);
    font-weight: 700;
    padding: 0;
    text-decoration: none;
}

.organization-billing[b-rrxy0kvo50]  .organization-billing__select-plan-btn {
    padding: 0.65rem 0.9rem;
    border-radius: 12px;
    background: var(--billing-accent-soft);
}

.organization-billing[b-rrxy0kvo50]  .organization-billing__select-plan-btn[disabled] {
    opacity: 0.55;
}

.organization-billing[b-rrxy0kvo50]  .organization-billing__link-btn[disabled] {
    cursor: wait;
    opacity: 0.55;
}

.organization-billing[b-rrxy0kvo50]  .organization-billing__invoice-grid {
    overflow-x: auto;
}

.organization-billing[b-rrxy0kvo50]  fluent-button.organization-billing__refresh-btn,
.organization-billing[b-rrxy0kvo50]  fluent-button.organization-billing__outline-btn {
    --neutral-foreground-rest: var(--billing-text);
    --neutral-foreground-hover: var(--billing-text);
    --neutral-stroke-rest: var(--billing-border-strong);
    --neutral-stroke-hover: color-mix(in srgb, var(--billing-accent) 30%, transparent);
}

.organization-billing[b-rrxy0kvo50]  fluent-button.organization-billing__refresh-btn::part(control),
.organization-billing[b-rrxy0kvo50]  fluent-button.organization-billing__outline-btn::part(control) {
    color: var(--billing-text) !important;
    background: var(--billing-surface-strong) !important;
    border-color: var(--billing-border-strong) !important;
    border-radius: 12px;
}

.organization-billing[b-rrxy0kvo50]  fluent-button.organization-billing__outline-btn--danger::part(control) {
    color: var(--billing-danger) !important;
}

[data-theme="dark"] .organization-billing[b-rrxy0kvo50]  fluent-button.organization-billing__refresh-btn::part(control),
[data-theme="dark"] .organization-billing[b-rrxy0kvo50]  fluent-button.organization-billing__outline-btn::part(control),
[data-bs-theme="dark"] .organization-billing[b-rrxy0kvo50]  fluent-button.organization-billing__refresh-btn::part(control),
[data-bs-theme="dark"] .organization-billing[b-rrxy0kvo50]  fluent-button.organization-billing__outline-btn::part(control),
[data-theme="dark"] .organization-billing[b-rrxy0kvo50]  fluent-button.organization-billing__refresh-btn::part(content),
[data-theme="dark"] .organization-billing[b-rrxy0kvo50]  fluent-button.organization-billing__outline-btn::part(content),
[data-bs-theme="dark"] .organization-billing[b-rrxy0kvo50]  fluent-button.organization-billing__refresh-btn::part(content),
[data-bs-theme="dark"] .organization-billing[b-rrxy0kvo50]  fluent-button.organization-billing__outline-btn::part(content) {
    color: #eef4ff !important;
}

@media (max-width: 991.98px) {
    .organization-billing[b-rrxy0kvo50]  .organization-billing__overview-grid,
    .organization-billing[b-rrxy0kvo50]  .organization-billing__overview-highlights,
    .organization-billing[b-rrxy0kvo50]  .organization-billing__metrics-grid,
    .organization-billing[b-rrxy0kvo50]  .organization-billing__form-grid,
    .organization-billing[b-rrxy0kvo50]  .organization-billing__billing-profile-layout,
    .organization-billing[b-rrxy0kvo50]  .organization-billing__card-hero,
    .organization-billing[b-rrxy0kvo50]  .organization-billing__payment-method,
    .organization-billing[b-rrxy0kvo50]  .organization-billing__payment-editor-grid--checkout,
    .organization-billing[b-rrxy0kvo50]  .organization-billing__payment-form-row {
        grid-template-columns: 1fr;
    }

    .organization-billing[b-rrxy0kvo50]  .organization-billing__billing-profile-card-header,
    .organization-billing[b-rrxy0kvo50]  .organization-billing__editor-toolbar {
        align-items: flex-start;
        flex-direction: column;
    }

    .organization-billing[b-rrxy0kvo50]  .organization-billing__payment-card-preview {
        min-height: 180px;
    }

    .organization-billing[b-rrxy0kvo50]  .organization-billing__payment-card-preview-bottom {
        flex-direction: column;
        align-items: flex-start;
    }

    .organization-billing[b-rrxy0kvo50]  .organization-billing__card-actions--editor {
        justify-content: stretch;
    }
}

@media (max-width: 767.98px) {
    .organization-billing[b-rrxy0kvo50] {
        margin-top: 1.25rem;
        padding-top: 1rem;
    }

    .organization-billing__header[b-rrxy0kvo50] {
        align-items: stretch;
        margin-bottom: 0.85rem;
    }

    .organization-billing[b-rrxy0kvo50]  .organization-billing__card,
    .organization-billing[b-rrxy0kvo50]  .organization-billing__preview-panel,
    .organization-billing[b-rrxy0kvo50]  .organization-billing__invoice-details,
    .organization-billing[b-rrxy0kvo50]  .organization-billing__subpanel,
    .organization-billing[b-rrxy0kvo50]  .organization-billing__billing-profile-list-panel,
    .organization-billing[b-rrxy0kvo50]  .organization-billing__billing-profile-editor-panel,
    .organization-billing[b-rrxy0kvo50]  .organization-billing__billing-profile-card,
    .organization-billing[b-rrxy0kvo50]  .organization-billing__plan-card,
    .organization-billing__loading[b-rrxy0kvo50],
    .organization-billing__empty-state[b-rrxy0kvo50],
    .organization-billing__notice[b-rrxy0kvo50] {
        border-radius: 16px;
    }

    .organization-billing[b-rrxy0kvo50]  .organization-billing__card,
    .organization-billing[b-rrxy0kvo50]  .organization-billing__preview-panel,
    .organization-billing[b-rrxy0kvo50]  .organization-billing__invoice-details,
    .organization-billing[b-rrxy0kvo50]  .organization-billing__payment-form-shell,
    .organization-billing[b-rrxy0kvo50]  .organization-billing__billing-profile-list-panel,
    .organization-billing[b-rrxy0kvo50]  .organization-billing__billing-profile-editor-panel {
        padding: 1rem;
    }

    .organization-billing[b-rrxy0kvo50]  .organization-billing__card-header,
    .organization-billing[b-rrxy0kvo50]  .organization-billing__card-header--split,
    .organization-billing[b-rrxy0kvo50]  .organization-billing__preview-header,
    .organization-billing[b-rrxy0kvo50]  .organization-billing__billing-profile-card-header,
    .organization-billing[b-rrxy0kvo50]  .organization-billing__editor-toolbar,
    .organization-billing[b-rrxy0kvo50]  .organization-billing__billing-profile-meta,
    .organization-billing[b-rrxy0kvo50]  .organization-billing__payment-method-title-row {
        flex-direction: column;
        align-items: flex-start;
    }

    .organization-billing[b-rrxy0kvo50]  .organization-billing__card-header,
    .organization-billing[b-rrxy0kvo50]  .organization-billing__card-header--split,
    .organization-billing[b-rrxy0kvo50]  .organization-billing__preview-header {
        gap: 0.75rem;
        margin-bottom: 0.85rem;
    }

    .organization-billing[b-rrxy0kvo50]  .organization-billing__payment-badges,
    .organization-billing[b-rrxy0kvo50]  .organization-billing__card-actions,
    .organization-billing[b-rrxy0kvo50]  .organization-billing__table-actions,
    .organization-billing[b-rrxy0kvo50]  .organization-billing__hero-statuses {
        width: 100%;
        align-items: stretch;
    }

    .organization-billing[b-rrxy0kvo50]  .organization-billing__mode-control {
        min-width: 100%;
    }

    .organization-billing[b-rrxy0kvo50]  .organization-billing__card-hero,
    .organization-billing[b-rrxy0kvo50]  .organization-billing__preview-strip {
        gap: 0.75rem;
    }

    .organization-billing[b-rrxy0kvo50]  .organization-billing__subpanel-grid,
    .organization-billing[b-rrxy0kvo50]  .organization-billing__plans-grid,
    .organization-billing[b-rrxy0kvo50]  .organization-billing__billing-profile-layout,
    .organization-billing[b-rrxy0kvo50]  .organization-billing__payment-form-grid,
    .organization-billing[b-rrxy0kvo50]  .organization-billing__form-sections,
    .organization-billing[b-rrxy0kvo50]  .organization-billing__billing-profiles,
    .organization-billing[b-rrxy0kvo50]  .organization-billing__payment-methods {
        gap: 0.75rem;
    }

    .organization-billing[b-rrxy0kvo50]  .organization-billing__detail-list,
    .organization-billing[b-rrxy0kvo50]  .organization-billing__billing-profile-meta {
        word-break: break-word;
    }

    .organization-billing[b-rrxy0kvo50]  fluent-button.organization-billing__refresh-btn,
    .organization-billing[b-rrxy0kvo50]  .organization-billing__card-actions fluent-button,
    .organization-billing[b-rrxy0kvo50]  .organization-billing__editor-toolbar fluent-button {
        width: 100%;
        max-width: 100%;
    }
}
/* _content/EmpiriaBMS.App/Components/Admin/Organization/Billing/Sections/OrganizationMyDataSection.razor.rz.scp.css */
section[b-opk6o6dmac]  .mydata-disconnect-button,
section[b-opk6o6dmac]  .mydata-disconnect-button::part(control) {
    color: var(--main-fg-color) !important;
}

.mydata-connection-guide[b-opk6o6dmac] {
    line-height: 1.55;
}

.mydata-connection-guide li[b-opk6o6dmac] {
    margin-bottom: .45rem;
}

.mydata-connection-guide code[b-opk6o6dmac] {
    color: var(--main-fg-color);
}
/* _content/EmpiriaBMS.App/Components/Admin/Organization/Organization.razor.rz.scp.css */
.organization-admin[b-ti3wtxlase] {
    --organization-surface: linear-gradient(180deg, rgba(255, 255, 255, 0.98), rgba(241, 245, 249, 0.98));
    --organization-border: rgba(15, 23, 42, 0.12);
    --organization-shadow: 0 16px 32px rgba(15, 23, 42, 0.08);
    --organization-text-strong: var(--main-fg-color, #1f2937);
    --organization-text-muted: color-mix(in srgb, var(--main-fg-color, #1f2937) 68%, transparent);
    --organization-alert-info-bg: rgba(59, 130, 246, 0.12);
    --organization-alert-info-border: rgba(59, 130, 246, 0.24);
    --organization-alert-info-text: #1e3a8a;
    --organization-alert-warning-bg: rgba(245, 158, 11, 0.14);
    --organization-alert-warning-border: rgba(245, 158, 11, 0.3);
    --organization-alert-warning-text: #92400e;
    --organization-warning-text: #a16207;
    --organization-code-bg: rgba(68, 96, 154, 0.12);
    --organization-code-border: rgba(68, 96, 154, 0.2);
    --organization-code-text: var(--organization-text-strong);
    --organization-outline-btn-bg: rgba(255, 255, 255, 0.72);
    --organization-outline-btn-bg-hover: rgba(226, 232, 240, 0.92);
    --organization-outline-btn-border: rgba(68, 96, 154, 0.28);
    --organization-outline-btn-border-strong: rgba(68, 96, 154, 0.42);
    background: var(--organization-surface) !important;
    border: 1px solid var(--organization-border) !important;
    box-shadow: var(--organization-shadow) !important;
    color: var(--organization-text-strong);
}

[data-theme="dark"] .organization-admin[b-ti3wtxlase],
[data-bs-theme="dark"] .organization-admin[b-ti3wtxlase] {
    --organization-surface: linear-gradient(180deg, rgba(37, 50, 74, 0.98), rgba(26, 35, 52, 0.98));
    --organization-border: rgba(143, 167, 208, 0.28);
    --organization-shadow: 0 18px 38px rgba(0, 0, 0, 0.34);
    --organization-text-strong: #eef4ff;
    --organization-text-muted: rgba(222, 232, 247, 0.8);
    --organization-alert-info-bg: rgba(56, 189, 248, 0.16);
    --organization-alert-info-border: rgba(125, 211, 252, 0.3);
    --organization-alert-info-text: #d9f3ff;
    --organization-alert-warning-bg: rgba(251, 191, 36, 0.16);
    --organization-alert-warning-border: rgba(253, 224, 71, 0.28);
    --organization-alert-warning-text: #fff1c2;
    --organization-warning-text: #ffd58f;
    --organization-code-bg: rgba(122, 154, 216, 0.18);
    --organization-code-border: rgba(196, 214, 244, 0.28);
    --organization-code-text: #f8fbff;
    --organization-outline-btn-bg: rgba(18, 29, 47, 0.92);
    --organization-outline-btn-bg-hover: rgba(28, 42, 66, 0.98);
    --organization-outline-btn-border: rgba(167, 191, 232, 0.46);
    --organization-outline-btn-border-strong: rgba(214, 228, 252, 0.72);
}

[data-theme="dark"] .organization-admin__work-timer-section[b-ti3wtxlase],
[data-bs-theme="dark"] .organization-admin__work-timer-section[b-ti3wtxlase] {
    --organization-work-timer-bg: linear-gradient(180deg, rgba(29, 40, 61, 0.98), rgba(19, 28, 44, 0.98));
    --organization-work-timer-border: rgba(143, 167, 208, 0.28);
    --organization-work-timer-shadow: 0 18px 34px rgba(0, 0, 0, 0.3);
    --organization-input-bg: rgba(17, 28, 46, 0.88);
    --organization-input-bg-hover: rgba(23, 36, 58, 0.96);
    --organization-input-border: rgba(139, 162, 199, 0.44);
    --organization-input-border-strong: rgba(196, 214, 244, 0.68);
    --organization-input-focus: rgba(226, 236, 255, 0.92);
}

.organization-admin .card-body[b-ti3wtxlase],
.organization-admin h3[b-ti3wtxlase],
.organization-admin h5[b-ti3wtxlase] {
    color: var(--organization-text-strong);
}

.organization-admin .text-muted[b-ti3wtxlase],
.organization-admin .form-text[b-ti3wtxlase] {
    color: var(--organization-text-muted) !important;
}

.organization-admin__section-heading[b-ti3wtxlase] {
    margin-bottom: 0.35rem;
}

.organization-admin__header[b-ti3wtxlase] {
    gap: 1rem;
}

.organization-admin__field-label[b-ti3wtxlase] {
    color: var(--organization-text-strong);
    margin-bottom: 0.5rem;
}

.organization-admin__work-timer-section[b-ti3wtxlase] {
    --organization-work-timer-bg: color-mix(in srgb, var(--organization-surface) 82%, rgba(68, 96, 154, 0.08) 18%);
    --organization-work-timer-border: color-mix(in srgb, var(--organization-border) 72%, rgba(68, 96, 154, 0.22) 28%);
    --organization-work-timer-shadow: 0 14px 26px rgba(15, 23, 42, 0.08);
    --organization-input-bg: rgba(255, 255, 255, 0.82);
    --organization-input-bg-hover: rgba(241, 245, 249, 0.96);
    --organization-input-border: rgba(68, 96, 154, 0.26);
    --organization-input-border-strong: rgba(68, 96, 154, 0.42);
    --organization-input-focus: rgba(68, 96, 154, 0.62);
    background: var(--organization-work-timer-bg);
    border: 1px solid var(--organization-work-timer-border);
    border-radius: 18px;
    box-shadow: var(--organization-work-timer-shadow);
    padding: clamp(1rem, 1.2vw, 1.4rem);
}

.organization-admin__restore-section[b-ti3wtxlase] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    padding: 1rem;
    border: 1px solid var(--organization-alert-warning-border);
    border-radius: 14px;
    background: var(--organization-alert-warning-bg);
}

.organization-admin__restore-copy[b-ti3wtxlase] {
    min-width: 0;
}

.organization-admin__restore-copy h5[b-ti3wtxlase] {
    color: var(--organization-text-strong);
}

.organization-admin__restore-meta[b-ti3wtxlase] {
    margin-top: 0.45rem;
    color: var(--organization-alert-warning-text);
    font-weight: 700;
}

.organization-admin__work-timer-grid[b-ti3wtxlase] {
    row-gap: 16px;
}

.organization-admin__work-timer-field[b-ti3wtxlase] {
    display: flex;
    flex-direction: column;
    gap: 0.45rem;
}

.organization-admin .organization-admin__select[b-ti3wtxlase] {
    background-color: var(--organization-input-bg) !important;
    color: var(--organization-text-strong) !important;
    border: 1px solid var(--organization-input-border) !important;
    border-radius: 12px !important;
    padding: 0.72rem 2.35rem 0.72rem 0.9rem !important;
    box-shadow: none !important;
}

.organization-admin .organization-admin__select:focus[b-ti3wtxlase] {
    background-color: var(--organization-input-bg-hover) !important;
    border-color: var(--organization-input-focus) !important;
    box-shadow: 0 0 0 0.18rem color-mix(in srgb, var(--organization-input-focus) 24%, transparent) !important;
}

.organization-admin[b-ti3wtxlase]  fluent-text-field.organization-admin__work-timer-text-field {
    width: 100%;
    --neutral-fill-input-rest: var(--organization-input-bg);
    --neutral-fill-input-hover: var(--organization-input-bg-hover);
    --neutral-fill-input-active: var(--organization-input-bg-hover);
    --neutral-fill-input-focus: var(--organization-input-bg);
    --neutral-stroke-input-rest: var(--organization-input-border);
    --neutral-stroke-input-hover: var(--organization-input-border-strong);
    --neutral-stroke-input-active: var(--organization-input-focus);
    --neutral-stroke-input-focus: var(--organization-input-focus);
    --neutral-foreground-rest: var(--organization-text-strong);
    --neutral-foreground-hover: var(--organization-text-strong);
    --neutral-foreground-active: var(--organization-text-strong);
    --neutral-foreground-hint: var(--organization-text-muted);
    --focus-stroke-outer: var(--organization-input-focus);
    --focus-stroke-inner: rgba(0, 0, 0, 0);
}

.organization-admin[b-ti3wtxlase]  fluent-text-field.organization-admin__work-timer-text-field::part(label) {
    color: var(--organization-text-strong);
    font-weight: 600;
}

.organization-admin[b-ti3wtxlase]  fluent-text-field.organization-admin__work-timer-text-field::part(control) {
    color: var(--organization-text-strong);
    background: var(--organization-input-bg);
    border-radius: 12px;
}

.organization-admin[b-ti3wtxlase]  fluent-switch.organization-admin__work-timer-switch {
    --accent-fill-rest: var(--primary-accent-color);
    --accent-fill-hover: var(--organization-input-focus);
    --accent-fill-active: var(--organization-input-focus);
    --neutral-fill-rest: var(--organization-input-bg);
    --neutral-fill-hover: var(--organization-input-bg-hover);
    --neutral-stroke-rest: var(--organization-input-border);
    --neutral-stroke-hover: var(--organization-input-border-strong);
}

.organization-admin[b-ti3wtxlase]  fluent-switch.organization-admin__work-timer-switch::part(label) {
    color: var(--organization-text-strong);
    font-weight: 600;
}

.organization-admin .alert[b-ti3wtxlase] {
    border-width: 1px;
    border-style: solid;
}

.organization-admin .alert-info[b-ti3wtxlase] {
    background: var(--organization-alert-info-bg) !important;
    border-color: var(--organization-alert-info-border) !important;
    color: var(--organization-alert-info-text) !important;
}

.organization-admin .alert-warning[b-ti3wtxlase] {
    background: var(--organization-alert-warning-bg) !important;
    border-color: var(--organization-alert-warning-border) !important;
    color: var(--organization-alert-warning-text) !important;
}

.organization-admin .text-warning[b-ti3wtxlase] {
    color: var(--organization-warning-text) !important;
    font-weight: 600;
}

.organization-admin code[b-ti3wtxlase] {
    background: var(--organization-code-bg) !important;
    color: var(--organization-code-text) !important;
    border: 1px solid var(--organization-code-border);
    border-radius: 8px;
    padding: 0.12rem 0.42rem;
    box-shadow: none !important;
}

.organization-admin[b-ti3wtxlase]  fluent-switch::part(label) {
    color: var(--organization-text-strong);
}

.organization-admin[b-ti3wtxlase]  fluent-button.organization-admin__reload-btn,
.organization-admin[b-ti3wtxlase]  fluent-button.organization-admin__restore-btn {
    --neutral-foreground-rest: var(--organization-text-strong);
    --neutral-foreground-hover: var(--organization-text-strong);
    --neutral-foreground-active: var(--organization-text-strong);
    --neutral-stroke-rest: var(--organization-outline-btn-border);
    --neutral-stroke-hover: var(--organization-outline-btn-border-strong);
    --neutral-stroke-active: var(--organization-outline-btn-border-strong);
}

.organization-admin[b-ti3wtxlase]  fluent-button.organization-admin__reload-btn::part(control),
.organization-admin[b-ti3wtxlase]  fluent-button.organization-admin__restore-btn::part(control) {
    color: var(--organization-text-strong) !important;
    background: var(--organization-outline-btn-bg) !important;
    border-color: var(--organization-outline-btn-border) !important;
    border-radius: 10px;
    transition: background-color 0.16s ease, border-color 0.16s ease, transform 0.16s ease;
}

.organization-admin[b-ti3wtxlase]  fluent-button.organization-admin__reload-btn:hover::part(control),
.organization-admin[b-ti3wtxlase]  fluent-button.organization-admin__reload-btn:focus-visible::part(control),
.organization-admin[b-ti3wtxlase]  fluent-button.organization-admin__restore-btn:hover::part(control),
.organization-admin[b-ti3wtxlase]  fluent-button.organization-admin__restore-btn:focus-visible::part(control) {
    background: var(--organization-outline-btn-bg-hover) !important;
    border-color: var(--organization-outline-btn-border-strong) !important;
}

[data-theme="dark"] .organization-admin[b-ti3wtxlase]  fluent-button.organization-admin__reload-btn::part(control),
[data-bs-theme="dark"] .organization-admin[b-ti3wtxlase]  fluent-button.organization-admin__reload-btn::part(control),
[data-theme="dark"] .organization-admin[b-ti3wtxlase]  fluent-button.organization-admin__reload-btn::part(content),
[data-bs-theme="dark"] .organization-admin[b-ti3wtxlase]  fluent-button.organization-admin__reload-btn::part(content),
[data-theme="dark"] .organization-admin[b-ti3wtxlase]  fluent-button.organization-admin__restore-btn::part(control),
[data-bs-theme="dark"] .organization-admin[b-ti3wtxlase]  fluent-button.organization-admin__restore-btn::part(control),
[data-theme="dark"] .organization-admin[b-ti3wtxlase]  fluent-button.organization-admin__restore-btn::part(content),
[data-bs-theme="dark"] .organization-admin[b-ti3wtxlase]  fluent-button.organization-admin__restore-btn::part(content) {
    color: #eef4ff !important;
}

[data-theme="dark"] .organization-admin .organization-admin__select[b-ti3wtxlase],
[data-bs-theme="dark"] .organization-admin .organization-admin__select[b-ti3wtxlase] {
    color: #eef4ff !important;
}

@media (max-width: 767.98px) {
    .organization-admin .card-body[b-ti3wtxlase] {
        padding: 1rem;
        padding-bottom: calc(7rem + env(safe-area-inset-bottom, 0px));
    }

    .organization-admin__header[b-ti3wtxlase] {
        align-items: stretch !important;
    }

    .organization-admin__header-actions[b-ti3wtxlase] {
        width: 100%;
        flex-direction: column;
    }

    .organization-admin__header-actions > *[b-ti3wtxlase] {
        width: 100%;
    }

    .organization-admin__restore-section[b-ti3wtxlase] {
        display: grid;
    }

    .organization-admin__work-timer-section[b-ti3wtxlase] {
        padding: 1rem;
        border-radius: 16px;
    }
}
/* _content/EmpiriaBMS.App/Components/Admin/ProjectDisciplines/Types/ProjectDisciplineTypeDetailedDialog.razor.rz.scp.css */
.project-discipline-type-form[b-klhwaxho20] {
    display: grid;
    gap: 12px;
    min-width: min(420px, calc(100vw - 48px));
}

.project-discipline-type-field[b-klhwaxho20] {
    display: grid;
    gap: 6px;
}

.project-discipline-type-label[b-klhwaxho20] {
    margin: 0;
    font-size: .86rem;
    font-weight: 700;
}

.project-discipline-type-global-option[b-klhwaxho20] {
    display: flex;
    align-items: center;
    gap: 8px;
    margin: 0;
    font-weight: 700;
}
/* _content/EmpiriaBMS.App/Components/Admin/ProjectDisciplines/Types/ProjectDisciplineTypes.razor.rz.scp.css */
.projectDiscipline-types-header[b-05o5tmx3fl] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem 1rem;
    margin: 0.75rem 0.75rem 0.25rem;
}

.projectDiscipline-types-header__title[b-05o5tmx3fl] {
    min-width: 0;
    flex: 1 1 180px;
}

.projectDiscipline-types-header__title-text[b-05o5tmx3fl] {
    margin: 0;
    font-size: clamp(1.1rem, 0.98rem + 0.35vw, 1.45rem);
    line-height: 1.15;
}

.projectDiscipline-types-header__actions[b-05o5tmx3fl] {
    display: flex;
    flex: 0 1 auto;
    flex-wrap: wrap;
    align-items: center;
    justify-content: flex-end;
    gap: 0.5rem;
}

.projectDiscipline-types-header__action-item[b-05o5tmx3fl] {
    flex: 0 0 auto;
}

@media (max-width: 768px) {
    .projectDiscipline-types-header[b-05o5tmx3fl] {
        align-items: flex-start;
    }

    .projectDiscipline-types-header__actions[b-05o5tmx3fl] {
        width: 100%;
        justify-content: flex-start;
    }
}
/* _content/EmpiriaBMS.App/Components/Admin/Projects/Clients/ClientDetailed.razor.rz.scp.css */
.client-detail-form[b-m5ef61zcx6] {
    width: 100%;
    min-width: 0;
    overflow-x: hidden !important;
    overscroll-behavior: contain;
}

.client-detail-section[b-m5ef61zcx6],
.client-detail-section > *[b-m5ef61zcx6],
.client-detail-email-toolbar[b-m5ef61zcx6],
.client-detail-grid-shell[b-m5ef61zcx6] {
    min-width: 0;
}

.client-detail-email-toolbar[b-m5ef61zcx6] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
    padding: 0.5rem 0.625rem;
}

.client-detail-email-search[b-m5ef61zcx6] {
    flex: 1 1 12rem;
    width: auto;
    min-width: 0;
}

.client-detail-email-add[b-m5ef61zcx6] {
    flex: 0 0 auto;
}

.client-detail-grid-shell[b-m5ef61zcx6] {
    width: 100%;
    max-width: 100%;
    overflow-x: auto;
    overscroll-behavior-inline: contain;
}

[b-m5ef61zcx6] .client-detail-email-grid {
    width: 100%;
    min-width: 0;
}

[b-m5ef61zcx6] fluent-text-field.client-detail-email-input {
    display: block;
    width: 100%;
    min-width: 0;
}

[b-m5ef61zcx6] fluent-text-field.client-detail-email-input::part(control) {
    width: 100%;
    min-width: 0;
}

@media (max-width: 540px) {
    .client-detail-form[b-m5ef61zcx6] {
        padding-inline: 0.125rem;
    }

    .client-detail-section[b-m5ef61zcx6] {
        margin-top: 0.5rem !important;
        margin-bottom: 0.5rem !important;
        padding-inline: 0.5rem;
    }

    .client-detail-main-info[b-m5ef61zcx6]  fluent-text-field,
    .client-detail-main-info[b-m5ef61zcx6]  fluent-select,
    .client-detail-main-info[b-m5ef61zcx6]  fluent-text-area {
        display: block;
        width: calc(100% - 0.5rem) !important;
        max-width: calc(100% - 0.5rem) !important;
        min-width: 0 !important;
    }

    .client-detail-main-info[b-m5ef61zcx6]  fluent-text-field::part(control),
    .client-detail-main-info[b-m5ef61zcx6]  fluent-select::part(control),
    .client-detail-main-info[b-m5ef61zcx6]  fluent-text-area::part(control) {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        box-sizing: border-box;
    }

    .client-detail-email-toolbar[b-m5ef61zcx6] {
        align-items: stretch;
        flex-direction: column;
        gap: 0.5rem;
        padding-inline: 0;
    }

    .client-detail-email-search[b-m5ef61zcx6],
    .client-detail-email-add[b-m5ef61zcx6] {
        flex: 0 0 auto;
        width: 100%;
    }

    [b-m5ef61zcx6] fluent-button.client-detail-email-add::part(control) {
        justify-content: center;
        width: 100%;
        min-height: 2.5rem;
    }

    .client-detail-users-grid-shell[b-m5ef61zcx6] {
        margin-inline: 0 !important;
    }

    [b-m5ef61zcx6] .client-detail-users-grid {
        min-width: 30rem;
    }
}
/* _content/EmpiriaBMS.App/Components/Admin/Projects/Clients/ClientDetailedDialog.razor.rz.scp.css */
.client-detail-dialog-header[b-2ywq14tx1u],
.client-detail-dialog-footer[b-2ywq14tx1u] {
    flex: 0 0 auto;
}

.client-detail-dialog-header[b-2ywq14tx1u] {
    min-width: 0;
}

.client-detail-dialog-body[b-2ywq14tx1u] {
    flex: 1 1 auto;
    min-width: 0;
    min-height: 0;
    overflow: hidden;
    padding: 0 1rem 0.75rem;
}

.client-detail-dialog-footer[b-2ywq14tx1u] {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 0.625rem;
    padding: 0.75rem 1rem 1rem;
}

.client-detail-dialog-footer[b-2ywq14tx1u]  fluent-button::part(control) {
    min-width: 5.25rem;
}

@media (max-width: 540px) {
    .client-detail-dialog-body[b-2ywq14tx1u] {
        padding: 0 0.625rem 0.5rem;
    }

    .client-detail-dialog-footer[b-2ywq14tx1u] {
        padding: 0.625rem 0.75rem 0.75rem;
    }

    .client-detail-dialog-footer[b-2ywq14tx1u]  fluent-button {
        flex: 1 1 0;
        min-width: 0;
    }

    .client-detail-dialog-footer[b-2ywq14tx1u]  fluent-button::part(control) {
        justify-content: center;
        width: 100%;
        min-width: 0;
        min-height: 2.625rem;
    }
}
/* _content/EmpiriaBMS.App/Components/Admin/Projects/Clients/Clients.razor.rz.scp.css */
.clients-admin[b-0dw085coqe] {
    width: 100%;
    min-width: 0;
    margin: 0 auto;
}

.clients-admin__card[b-0dw085coqe] {
    width: 100%;
    min-width: 0;
    margin: 0 auto;
}

.clients-admin__header[b-0dw085coqe] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    padding: 0.75rem 1rem;
}

.clients-admin__title[b-0dw085coqe] {
    min-width: 0;
}

.clients-admin__title h3[b-0dw085coqe] {
    margin: 0;
}

.clients-admin__toolbar[b-0dw085coqe],
.clients-admin__actions[b-0dw085coqe] {
    display: flex;
    align-items: center;
}

.clients-admin__toolbar[b-0dw085coqe] {
    justify-content: flex-end;
    gap: 0.75rem;
    min-width: 0;
}

.clients-admin__deleted-toggle[b-0dw085coqe] {
    flex: 0 0 auto;
    white-space: nowrap;
}

.clients-admin__actions[b-0dw085coqe] {
    gap: 0.5rem;
}

.clients-admin__action[b-0dw085coqe] {
    min-width: 0;
}

.clients-admin__table-shell[b-0dw085coqe] {
    width: 100%;
    min-width: 0;
    overflow-x: auto;
    overscroll-behavior-inline: contain;
}

@media (max-width: 575.98px) {
    .clients-admin__header[b-0dw085coqe] {
        align-items: stretch;
        flex-direction: column;
        gap: 0.75rem;
        padding: 0.875rem 0.75rem 0.75rem;
    }

    .clients-admin__title h3[b-0dw085coqe] {
        font-size: 1.2rem;
        line-height: 1.3;
    }

    .clients-admin__toolbar[b-0dw085coqe] {
        align-items: stretch;
        flex-direction: column;
        gap: 0.625rem;
        width: 100%;
    }

    .clients-admin__deleted-toggle[b-0dw085coqe] {
        display: flex;
        align-items: center;
        min-height: 2.5rem;
        padding: 0.375rem 0.625rem;
        border: 1px solid var(--neutral-stroke-rest, rgba(128, 128, 128, 0.35));
        border-radius: 0.5rem;
        background: var(--neutral-layer-2, transparent);
    }

    .clients-admin__actions[b-0dw085coqe] {
        display: grid;
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: 0.5rem;
        width: 100%;
    }

    .clients-admin__action[b-0dw085coqe] {
        display: flex;
        width: 100%;
    }

    [b-0dw085coqe] fluent-button.clients-admin__action-button {
        width: 100%;
        min-width: 0;
    }

    [b-0dw085coqe] fluent-button.clients-admin__action-button::part(control) {
        justify-content: center;
        width: 100%;
        min-width: 0;
        min-height: 2.5rem;
        padding-inline: 0.5rem;
        white-space: nowrap;
    }
}

@media (max-width: 359.98px) {
    .clients-admin__actions[b-0dw085coqe] {
        grid-template-columns: 1fr;
    }
}
/* _content/EmpiriaBMS.App/Components/Admin/Projects/ProjectDetailedDialog.razor.rz.scp.css */
.project-dialog-tabs[b-muovp8t3av],
.project-dialog-tab-panel[b-muovp8t3av],
.project-dialog-tab-panel h4[b-muovp8t3av],
.project-dialog-tab-panel label[b-muovp8t3av],
.project-dialog-tab-panel p[b-muovp8t3av],
.project-dialog-tab-panel span[b-muovp8t3av],
.project-dialog-tab-panel div[b-muovp8t3av],
.project-dialog-tab-panel td[b-muovp8t3av],
.project-dialog-tab-panel th[b-muovp8t3av],
.project-dialog-tab-panel small[b-muovp8t3av] {
    color: var(--dialog-color, var(--main-fg-color)) !important;
}

[b-muovp8t3av] .project-detail-dialog-header,
[b-muovp8t3av] .project-detail-dialog-footer,
[b-muovp8t3av] .project-detail-dialog-body {
    color: var(--dialog-color, var(--main-fg-color)) !important;
}

[b-muovp8t3av] .project-detail-dialog-header *,
[b-muovp8t3av] .project-detail-dialog-footer *,
[b-muovp8t3av] .project-detail-dialog-body * {
    color: var(--dialog-color, var(--main-fg-color));
}

[b-muovp8t3av] .project-detail-dialog-header fluent-label,
[b-muovp8t3av] .project-detail-dialog-header fluent-label::part(label),
[b-muovp8t3av] .project-detail-dialog-header fluent-icon,
[b-muovp8t3av] .project-detail-dialog-header fluent-icon svg,
[b-muovp8t3av] .project-detail-dialog-header fluent-icon svg *,
[b-muovp8t3av] .project-detail-dialog-body fluent-tab,
[b-muovp8t3av] .project-detail-dialog-body fluent-tab::part(content),
[b-muovp8t3av] .project-detail-dialog-body fluent-tab-panel,
[b-muovp8t3av] .project-detail-dialog-body fluent-tab-panel::part(tabpanel),
[b-muovp8t3av] .project-detail-dialog-body fluent-text-field,
[b-muovp8t3av] .project-detail-dialog-body fluent-text-field::part(label),
[b-muovp8t3av] .project-detail-dialog-body fluent-text-field::part(control),
[b-muovp8t3av] .project-detail-dialog-body fluent-text-area,
[b-muovp8t3av] .project-detail-dialog-body fluent-text-area::part(label),
[b-muovp8t3av] .project-detail-dialog-body fluent-text-area::part(control),
[b-muovp8t3av] .project-detail-dialog-body fluent-number-field,
[b-muovp8t3av] .project-detail-dialog-body fluent-number-field::part(label),
[b-muovp8t3av] .project-detail-dialog-body fluent-number-field::part(control),
[b-muovp8t3av] .project-detail-dialog-body fluent-date-picker,
[b-muovp8t3av] .project-detail-dialog-body fluent-date-picker::part(label),
[b-muovp8t3av] .project-detail-dialog-body fluent-date-picker::part(control) {
    color: var(--dialog-color, var(--main-fg-color)) !important;
}

.project-dialog-tab-panel .form-control[b-muovp8t3av],
.project-dialog-tab-panel .input-group-text[b-muovp8t3av],
[b-muovp8t3av] .project-detail-dialog-body input,
[b-muovp8t3av] .project-detail-dialog-body textarea {
    background-color: color-mix(in srgb, var(--dialog-bg, var(--main-bg-color)) 84%, var(--dialog-color, var(--main-fg-color)) 16%) !important;
    border-color: color-mix(in srgb, var(--dialog-color, var(--main-fg-color)) 24%, transparent) !important;
    color: var(--dialog-color, var(--main-fg-color)) !important;
}

.project-dialog-tab-panel .form-control[b-muovp8t3av]::placeholder,
[b-muovp8t3av] .project-detail-dialog-body input::placeholder,
[b-muovp8t3av] .project-detail-dialog-body textarea::placeholder {
    color: color-mix(in srgb, var(--dialog-color, var(--main-fg-color)) 58%, transparent) !important;
}

.project-dialog-tab-panel .sub-table[b-muovp8t3av],
.project-dialog-tab-panel .table[b-muovp8t3av],
.project-dialog-tab-panel .sub-table th[b-muovp8t3av],
.project-dialog-tab-panel .sub-table td[b-muovp8t3av],
.project-dialog-tab-panel .table th[b-muovp8t3av],
.project-dialog-tab-panel .table td[b-muovp8t3av] {
    color: var(--dialog-color, var(--main-fg-color)) !important;
}

.project-dialog-tab-panel .text-info[b-muovp8t3av],
.project-dialog-tab-panel .text-secondary[b-muovp8t3av] {
    color: color-mix(in srgb, var(--dialog-color, var(--main-fg-color)) 78%, transparent) !important;
}

.project-dialog-tab-panel .text-warning[b-muovp8t3av],
.project-dialog-tab-panel .text-danger[b-muovp8t3av] {
    color: var(--bs-danger) !important;
}

[b-muovp8t3av] .project-detail-dialog-footer fluent-button::part(control),
[b-muovp8t3av] .project-detail-dialog-header fluent-button::part(control) {
    color: var(--dialog-color, var(--main-fg-color)) !important;
}

[b-muovp8t3av] .project-detail-dialog-footer fluent-button[appearance="accent"]::part(control) {
    color: var(--fluent-button-fg, #ffffff) !important;
}

[b-muovp8t3av] .project-detail-dialog-header {
    position: relative;
    padding-inline-end: 44px;
}

[b-muovp8t3av] fluent-button.project-detail-close-button {
    position: absolute;
    top: 4px;
    right: 4px;
    width: 36px;
    height: 36px;
    z-index: 2;
}

[b-muovp8t3av] fluent-button.project-detail-close-button::part(control) {
    width: 36px;
    min-width: 36px;
    height: 36px;
    padding: 0;
}

.dialog-outline-add-button[b-muovp8t3av] {
    color: var(--fluent-outline-fg) !important;
    --neutral-foreground-rest: var(--fluent-outline-fg);
    --neutral-foreground-hover: var(--table-toolbar-outline-hover-color);
    --neutral-stroke-rest: var(--fluent-outline-border);
    --neutral-stroke-hover: var(--table-toolbar-outline-hover-color);
}

[b-muovp8t3av] fluent-button.dialog-outline-add-button {
    color: var(--fluent-outline-fg) !important;
}

[b-muovp8t3av] fluent-button.dialog-outline-add-button::part(control) {
    color: var(--fluent-outline-fg) !important;
    border-color: var(--fluent-outline-border) !important;
}

[b-muovp8t3av] fluent-button.dialog-outline-add-button:hover,
[b-muovp8t3av] fluent-button.dialog-outline-add-button:focus-visible {
    color: var(--table-toolbar-outline-hover-color) !important;
}

[b-muovp8t3av] fluent-button.dialog-outline-add-button:hover::part(control),
[b-muovp8t3av] fluent-button.dialog-outline-add-button:focus-visible::part(control) {
    color: var(--table-toolbar-outline-hover-color) !important;
    border-color: var(--table-toolbar-outline-hover-color) !important;
}

[b-muovp8t3av] fluent-button.plan-item-add-button {
    margin-bottom: 6px;
}

.project-dialog-tabs[b-muovp8t3av] {
    width: 100%;
    height: 100%;
    max-width: 100%;
    min-width: 0;
    display: flex;
    flex-direction: column;
    overflow: hidden;
}

.project-dialog-tab-list[b-muovp8t3av] {
    display: flex;
    flex: 0 0 auto;
    align-items: center;
    gap: 6px;
    width: 100%;
    max-width: 100%;
    min-width: 0;
    padding: 0 4px 10px;
    border-bottom: 1px solid color-mix(in srgb, var(--dialog-color, var(--main-fg-color)) 14%, transparent);
    overflow-x: auto;
    overflow-y: hidden;
    scrollbar-width: thin;
}

.project-dialog-tab-button[b-muovp8t3av] {
    appearance: none;
    min-height: 38px;
    flex: 0 0 auto;
    padding: 8px 14px;
    border: 0;
    border-bottom: 3px solid transparent;
    border-radius: 999px;
    background: transparent;
    color: inherit;
    font: inherit;
    font-size: .88rem;
    font-weight: 700;
    line-height: 1.2;
    text-align: center;
    white-space: nowrap;
    cursor: pointer;
    transition: border-color .16s ease, transform .16s ease;
}

.project-dialog-tab-button:hover[b-muovp8t3av],
.project-dialog-tab-button:focus-visible[b-muovp8t3av],
.project-dialog-tab-button.is-active[b-muovp8t3av] {
    border-bottom-color: var(--primary-accent-color);
    outline: none;
}

.project-dialog-tab-button:hover[b-muovp8t3av],
.project-dialog-tab-button:focus-visible[b-muovp8t3av] {
    transform: translateY(-1px);
}

.project-dialog-tab-button.is-active[b-muovp8t3av] {
    font-weight: 850;
}

.project-dialog-custom-panel[b-muovp8t3av] {
    width: 100%;
    max-width: 100%;
    min-width: 0;
    min-height: 0;
    flex: 1 1 auto;
    overflow-x: hidden;
    overflow-y: auto;
}

.project-planning-panel-host[b-muovp8t3av] {
    display: flex;
    flex-direction: column;
    overflow: hidden;
}

.project-planning-panel[b-muovp8t3av] {
    width: 100%;
    min-height: 0;
    flex: 1 1 0;
    display: flex;
    flex-direction: column;
    padding: 12px 4px 0;
    overflow-x: hidden;
    overflow-y: auto;
    scrollbar-width: thin;
}

.project-plan-items-table-shell[b-muovp8t3av] {
    width: 100%;
    max-width: 100%;
    overflow-x: auto;
    border: 1px solid color-mix(in srgb, var(--dialog-color, var(--main-fg-color)) 14%, transparent);
    border-radius: 8px;
    background: color-mix(in srgb, var(--dialog-bg, var(--main-bg-color)) 94%, var(--dialog-color, var(--main-fg-color)) 6%);
    scrollbar-width: thin;
}

.project-plan-items-mobile-list[b-muovp8t3av] {
    display: none;
}

.project-plan-items-table[b-muovp8t3av] {
    min-width: 980px;
    margin-bottom: 0;
    table-layout: fixed;
    border-collapse: separate;
    border-spacing: 0;
}

.project-plan-items-table th[b-muovp8t3av] {
    padding: 10px 12px;
    font-size: .74rem;
    font-weight: 800;
    letter-spacing: 0;
    text-transform: uppercase;
    white-space: nowrap;
    background: color-mix(in srgb, var(--dialog-bg, var(--main-bg-color)) 88%, var(--dialog-color, var(--main-fg-color)) 12%);
}

.project-plan-items-table td[b-muovp8t3av] {
    padding: 10px 12px;
    border-top: 1px solid color-mix(in srgb, var(--dialog-color, var(--main-fg-color)) 12%, transparent);
}

.plan-item-type-col[b-muovp8t3av] {
    width: 14%;
}

.plan-item-date-col[b-muovp8t3av] {
    width: 10%;
}

.plan-item-money-col[b-muovp8t3av] {
    width: 11%;
}

.plan-item-hours-col[b-muovp8t3av] {
    width: 10%;
}

.plan-item-description-col[b-muovp8t3av] {
    width: 17%;
}

.plan-item-completion-col[b-muovp8t3av] {
    width: 12%;
}

.plan-item-actions-col[b-muovp8t3av] {
    width: 16%;
}

.plan-item-input-group[b-muovp8t3av] {
    width: 100%;
    max-width: 132px;
}

.plan-item-description-text[b-muovp8t3av] {
    display: -webkit-box;
    max-width: 100%;
    overflow: hidden;
    overflow-wrap: anywhere;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.plan-item-actions-group[b-muovp8t3av] {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    align-items: center;
}

.project-planning-header[b-muovp8t3av] {
    display: flex;
    flex: 0 0 auto;
    align-items: flex-end;
    justify-content: space-between;
    gap: 16px;
    margin-bottom: 14px;
}

.project-planning-header h4[b-muovp8t3av] {
    margin: 0;
}

.project-planning-count[b-muovp8t3av] {
    display: block;
    margin-top: 3px;
    color: color-mix(in srgb, var(--dialog-color, var(--main-fg-color)) 68%, transparent) !important;
    font-size: .82rem;
    font-weight: 700;
}

.project-planning-workspace[b-muovp8t3av] {
    flex: 0 0 clamp(420px, calc(100dvh - 470px), 560px);
    display: grid;
    grid-template-columns: minmax(300px, 360px) minmax(0, 1fr);
    gap: 14px;
    width: 100%;
    min-width: 0;
    min-height: 420px;
    max-height: 560px;
    align-items: stretch;
    overflow: hidden;
}

.project-stage-list[b-muovp8t3av] {
    display: grid;
    gap: 10px;
    min-width: 0;
    min-height: 0;
    align-content: start;
    overflow-x: hidden;
    overflow-y: auto;
    padding-right: 4px;
    scrollbar-width: thin;
}

.project-stage-card[b-muovp8t3av] {
    display: grid;
    gap: 10px;
    min-width: 0;
    padding: 12px;
    border: 1px solid color-mix(in srgb, var(--dialog-color, var(--main-fg-color)) 16%, transparent);
    border-left: 4px solid transparent;
    border-radius: 8px;
    background: color-mix(in srgb, var(--dialog-bg, var(--main-bg-color)) 92%, var(--dialog-color, var(--main-fg-color)) 8%);
    cursor: pointer;
}

.project-stage-card:hover[b-muovp8t3av],
.project-stage-card.is-selected[b-muovp8t3av] {
    border-color: color-mix(in srgb, var(--primary-accent-color) 58%, var(--dialog-color, var(--main-fg-color)) 16%);
    border-left-color: var(--primary-accent-color);
    background: color-mix(in srgb, var(--dialog-bg, var(--main-bg-color)) 84%, var(--primary-accent-color) 16%);
}

.project-stage-card-topline[b-muovp8t3av] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 10px;
    align-items: start;
}

.project-stage-card-topline h5[b-muovp8t3av],
.project-stage-workspace-header h5[b-muovp8t3av],
.project-stage-workspace-empty h5[b-muovp8t3av] {
    margin: 0;
    font-size: .98rem;
    font-weight: 850;
    line-height: 1.2;
    overflow-wrap: anywhere;
}

.project-stage-card-topline span[b-muovp8t3av],
.project-stage-workspace-summary span[b-muovp8t3av],
.project-stage-workspace-empty span[b-muovp8t3av] {
    color: color-mix(in srgb, var(--dialog-color, var(--main-fg-color)) 68%, transparent) !important;
    font-size: .8rem;
    font-weight: 700;
}

.project-stage-card-topline strong[b-muovp8t3av],
.project-stage-workspace-summary strong[b-muovp8t3av] {
    font-size: .9rem;
    font-weight: 850;
    white-space: nowrap;
}

.project-stage-card-fields[b-muovp8t3av] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    gap: 8px;
}

.project-stage-card-fields label[b-muovp8t3av] {
    display: grid;
    gap: 5px;
    min-width: 0;
    margin: 0;
}

.project-stage-card-fields label > span[b-muovp8t3av] {
    color: color-mix(in srgb, var(--dialog-color, var(--main-fg-color)) 68%, transparent) !important;
    font-size: .72rem;
    font-weight: 800;
    text-transform: uppercase;
}

.project-stage-card-description[b-muovp8t3av] {
    margin: 0;
    color: color-mix(in srgb, var(--dialog-color, var(--main-fg-color)) 78%, transparent) !important;
    font-size: .84rem;
    line-height: 1.3;
    overflow-wrap: anywhere;
}

.project-stage-card-actions[b-muovp8t3av] {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.unassigned-disciplines-panel[b-muovp8t3av] {
    flex: 0 0 auto;
    display: grid;
    gap: 8px;
    min-width: 0;
    margin-top: 12px;
    margin-bottom: 10px;
    padding: 10px;
    border: 1px dashed color-mix(in srgb, var(--primary-accent-color) 48%, var(--dialog-color, var(--main-fg-color)) 18%);
    border-radius: 8px;
    background: color-mix(in srgb, var(--dialog-bg, var(--main-bg-color)) 90%, var(--primary-accent-color) 10%);
}

.unassigned-disciplines-header[b-muovp8t3av] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
}

.unassigned-disciplines-header h5[b-muovp8t3av] {
    margin: 0;
    font-size: .86rem;
    font-weight: 850;
}

.unassigned-disciplines-count[b-muovp8t3av] {
    min-width: 26px;
    padding: 2px 8px;
    border-radius: 999px;
    background: color-mix(in srgb, var(--primary-accent-color) 34%, transparent);
    color: var(--dialog-color, var(--main-fg-color)) !important;
    font-size: .76rem;
    font-weight: 850;
    text-align: center;
}

.unassigned-disciplines-panel[b-muovp8t3av]  .projectDiscipline-detail-shell--unassigned-only {
    max-height: min(430px, calc(100dvh - 260px));
}

.project-stage-workspace[b-muovp8t3av] {
    display: flex;
    flex-direction: column;
    gap: 12px;
    min-width: 0;
    min-height: 0;
    height: auto;
    overflow: hidden;
    padding: 12px;
    border: 1px solid color-mix(in srgb, var(--dialog-color, var(--main-fg-color)) 16%, transparent);
    border-radius: 8px;
    background: color-mix(in srgb, var(--dialog-bg, var(--main-bg-color)) 94%, var(--dialog-color, var(--main-fg-color)) 6%);
}

.project-stage-workspace-header[b-muovp8t3av] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto auto;
    gap: 12px;
    align-items: center;
    padding-bottom: 12px;
    border-bottom: 1px solid color-mix(in srgb, var(--dialog-color, var(--main-fg-color)) 14%, transparent);
}

.project-stage-workspace-kicker[b-muovp8t3av] {
    display: block;
    margin-bottom: 3px;
    color: color-mix(in srgb, var(--dialog-color, var(--main-fg-color)) 62%, transparent) !important;
    font-size: .72rem;
    font-weight: 850;
    text-transform: uppercase;
}

.project-stage-workspace-summary[b-muovp8t3av] {
    display: grid;
    justify-items: end;
    gap: 2px;
}

.project-stage-workspace-empty[b-muovp8t3av] {
    display: grid;
    gap: 5px;
    min-height: 220px;
    align-content: center;
    justify-items: center;
    padding: 24px;
    border: 1px dashed color-mix(in srgb, var(--dialog-color, var(--main-fg-color)) 22%, transparent);
    border-radius: 8px;
}

.project-plan-item-row[b-muovp8t3av] {
    cursor: pointer;
}

.project-plan-item-row.is-selected td[b-muovp8t3av] {
    background: color-mix(in srgb, var(--primary-accent-color) 16%, transparent);
}

.plan-item-hours-summary[b-muovp8t3av] {
    font-weight: 800;
    white-space: nowrap;
}

.project-planning-stage-detail[b-muovp8t3av] {
    display: grid;
    gap: 12px;
    width: 100%;
    min-width: 0;
    padding-top: 4px;
}

.project-planning-stage-detail-header[b-muovp8t3av] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 10px 12px;
    border: 1px solid color-mix(in srgb, var(--dialog-color, var(--main-fg-color)) 14%, transparent);
    border-radius: 8px;
    background: color-mix(in srgb, var(--dialog-bg, var(--main-bg-color)) 94%, var(--dialog-color, var(--main-fg-color)) 6%);
}

.project-planning-stage-detail-header h5[b-muovp8t3av] {
    margin: 0;
    font-size: .98rem;
    font-weight: 800;
}

.project-planning-stage-detail-header span[b-muovp8t3av] {
    font-size: .84rem;
    font-weight: 750;
    color: color-mix(in srgb, var(--dialog-color, var(--main-fg-color)) 74%, transparent) !important;
}

[b-muovp8t3av] fluent-button.plan-item-edit-button,
[b-muovp8t3av] fluent-button.plan-item-delete-button {
    flex: 0 0 auto;
}

[b-muovp8t3av] fluent-button.plan-item-edit-button::part(control),
[b-muovp8t3av] fluent-button.plan-item-delete-button::part(control) {
    min-height: 34px;
    padding-inline: 10px;
}

@media (max-width: 860px) {
    .project-planning-header[b-muovp8t3av] {
        align-items: stretch;
        flex-direction: column;
    }

    .project-planning-header[b-muovp8t3av]  fluent-button {
        width: 100%;
    }

    .project-planning-workspace[b-muovp8t3av] {
        flex: 0 0 auto;
        grid-template-columns: 1fr;
        min-height: 0;
        max-height: none;
        align-items: stretch;
        overflow: visible;
    }

    .project-stage-list[b-muovp8t3av] {
        overflow: visible;
    }

    .unassigned-disciplines-panel[b-muovp8t3av] {
        margin-top: 12px;
    }

    .unassigned-disciplines-header[b-muovp8t3av] {
        align-items: flex-start;
    }

    .unassigned-disciplines-panel[b-muovp8t3av]  .projectDiscipline-detail-shell--unassigned-only {
        --projectDiscipline-mobile-two-card-height: clamp(340px, 62dvh, 450px);
        max-height: var(--projectDiscipline-mobile-two-card-height);
        overflow: hidden;
    }

    .project-stage-workspace[b-muovp8t3av] {
        height: auto;
        overflow: visible;
    }

    .project-stage-workspace[b-muovp8t3av]  .projectDiscipline-detail-shell--compact {
        --projectDiscipline-mobile-two-card-height: clamp(300px, 56dvh, 370px);
        flex: 0 0 auto;
        min-height: 0;
        max-height: var(--projectDiscipline-mobile-two-card-height);
        overflow: hidden;
    }

    .project-stage-workspace[b-muovp8t3av]  .projectDiscipline-detail-shell--compact .projectDiscipline-table-shell,
    .project-stage-workspace[b-muovp8t3av]  .projectDiscipline-detail-shell--compact .projectDiscipline-table {
        flex: 0 1 auto;
        height: auto;
        min-height: 0;
        max-height: var(--projectDiscipline-mobile-two-card-height);
        overflow: hidden;
    }

    .project-stage-workspace[b-muovp8t3av]  .projectDiscipline-detail-shell--compact .sub-table-body-scroll {
        flex: 0 1 auto;
        height: auto;
        min-height: 0;
        max-height: var(--projectDiscipline-mobile-two-card-height);
        overflow-x: hidden;
        overflow-y: auto;
        overscroll-behavior-y: auto;
        -webkit-overflow-scrolling: touch;
    }

    .project-stage-workspace-header[b-muovp8t3av] {
        grid-template-columns: 1fr;
        justify-items: stretch;
    }

    .project-stage-workspace-summary[b-muovp8t3av] {
        justify-items: start;
    }

    .project-stage-workspace-header[b-muovp8t3av]  fluent-button {
        width: 100%;
    }

    .project-plan-items-table-shell[b-muovp8t3av] {
        display: none;
    }

    .project-plan-items-mobile-list[b-muovp8t3av] {
        display: grid;
        gap: 10px;
        width: 100%;
        min-width: 0;
    }

    .project-plan-items-mobile-header[b-muovp8t3av],
    .project-plan-item-card[b-muovp8t3av] {
        display: grid;
        width: 100%;
        min-width: 0;
        border: 1px solid color-mix(in srgb, var(--dialog-color, var(--main-fg-color)) 14%, transparent);
        border-radius: 8px;
        background: color-mix(in srgb, var(--dialog-bg, var(--main-bg-color)) 92%, var(--dialog-color, var(--main-fg-color)) 8%);
    }

    .project-plan-items-mobile-header[b-muovp8t3av] {
        grid-template-columns: minmax(0, 1fr) auto;
        align-items: center;
        gap: 10px;
        padding: 10px 12px;
        font-size: .78rem;
        font-weight: 800;
        letter-spacing: 0;
        line-height: 1.15;
        text-transform: uppercase;
    }

    .project-plan-item-card[b-muovp8t3av] {
        grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
        gap: 10px 12px;
        padding: 12px;
    }

    .project-plan-items-empty-state[b-muovp8t3av] {
        width: 100%;
        min-width: 0;
        padding: 14px 12px;
        border: 1px dashed color-mix(in srgb, var(--dialog-color, var(--main-fg-color)) 22%, transparent);
        border-radius: 8px;
        background: color-mix(in srgb, var(--dialog-bg, var(--main-bg-color)) 96%, var(--dialog-color, var(--main-fg-color)) 4%);
        color: color-mix(in srgb, var(--dialog-color, var(--main-fg-color)) 76%, transparent) !important;
        font-size: .88rem;
        font-weight: 650;
        text-align: center;
    }

    .project-plan-item-card-field[b-muovp8t3av] {
        display: flex;
        min-width: 0;
        flex-direction: column;
        gap: 5px;
    }

    .project-plan-item-card-field-wide[b-muovp8t3av] {
        grid-column: 1 / -1;
    }

    .plan-item-card-label[b-muovp8t3av] {
        font-size: .72rem;
        font-weight: 800;
        letter-spacing: 0;
        line-height: 1.15;
        text-transform: uppercase;
        color: color-mix(in srgb, var(--dialog-color, var(--main-fg-color)) 72%, transparent) !important;
    }

    .plan-item-card-value[b-muovp8t3av] {
        min-width: 0;
        overflow-wrap: anywhere;
    }

    .plan-item-input-group[b-muovp8t3av] {
        max-width: none;
    }

    .plan-item-description-text[b-muovp8t3av] {
        -webkit-line-clamp: 4;
    }

    .plan-item-actions-group[b-muovp8t3av] {
        width: 100%;
    }

    [b-muovp8t3av] fluent-button.plan-item-edit-button,
    [b-muovp8t3av] fluent-button.plan-item-delete-button {
        flex: 1 1 120px;
    }

    [b-muovp8t3av] fluent-button.plan-item-edit-button,
    [b-muovp8t3av] fluent-button.plan-item-delete-button {
        width: 100%;
    }

    [b-muovp8t3av] fluent-button.plan-item-edit-button::part(control),
    [b-muovp8t3av] fluent-button.plan-item-delete-button::part(control) {
        width: 100%;
        min-width: 0;
        justify-content: center;
    }
}

@media (max-width: 520px) {
    .project-stage-card-fields[b-muovp8t3av] {
        grid-template-columns: 1fr;
    }

    .project-stage-card-topline[b-muovp8t3av] {
        grid-template-columns: 1fr;
    }

    .project-stage-card-actions[b-muovp8t3av] {
        display: grid;
        grid-template-columns: 1fr;
    }

    .project-plan-item-card[b-muovp8t3av] {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 768px) {
    [b-muovp8t3av] .project-detail-dialog-header,
    [b-muovp8t3av] .project-detail-dialog-body,
    [b-muovp8t3av] .project-detail-dialog-footer {
        box-sizing: border-box;
        width: calc(100% - 20px);
        max-width: 100%;
        min-width: 0;
        margin-inline: 10px;
    }

    [b-muovp8t3av] .project-detail-dialog-header {
        padding-inline: 0 42px;
    }

    [b-muovp8t3av] .project-detail-dialog-header .d-flex {
        width: 100% !important;
        max-width: 100%;
        min-width: 0;
        gap: 8px;
    }

    [b-muovp8t3av] .project-detail-dialog-header .ms-2 {
        min-width: 0;
        flex: 1 1 auto;
        margin-left: 0 !important;
    }

    [b-muovp8t3av] .project-detail-dialog-header fluent-label {
        display: block;
        max-width: 100%;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    [b-muovp8t3av] fluent-button.project-detail-close-button {
        top: 4px;
        right: 4px;
        width: 34px;
        height: 34px;
        flex: 0 0 auto;
        margin-left: 0 !important;
    }

    [b-muovp8t3av] fluent-button.project-detail-close-button::part(control) {
        width: 34px;
        min-width: 34px;
        height: 34px;
        padding: 0;
    }

    [b-muovp8t3av] .project-detail-dialog-body {
        max-height: calc(100dvh - 156px);
        min-height: 0;
        overflow: hidden;
        padding-inline: 0;
        padding-bottom: 8px;
    }

    .project-dialog-tabs[b-muovp8t3av] {
        height: 100% !important;
        max-height: calc(100dvh - 168px);
        overflow-x: hidden !important;
        overflow-y: hidden !important;
    }

    .project-dialog-tab-list[b-muovp8t3av] {
        gap: 4px;
        flex-wrap: wrap;
        align-items: stretch;
        padding: 0 0 6px;
        overflow-x: hidden;
        overflow-y: visible;
    }

    .project-dialog-tab-button[b-muovp8t3av] {
        min-height: 30px;
        flex: 1 1 calc(33.333% - 4px);
        padding: 5px 8px;
        font-size: .76rem;
        line-height: 1.12;
        white-space: normal;
        word-break: normal;
        overflow-wrap: anywhere;
    }

    .project-dialog-custom-panel[b-muovp8t3av] {
        padding-right: 2px;
    }

    .project-planning-panel-host[b-muovp8t3av] {
        max-height: calc(100dvh - 176px);
        overflow-x: hidden;
        overflow-y: auto;
        scrollbar-gutter: stable;
        scrollbar-width: thin;
    }

    .project-planning-panel-host[b-muovp8t3av]::-webkit-scrollbar {
        width: 8px;
    }

    .project-planning-panel-host[b-muovp8t3av]::-webkit-scrollbar-thumb {
        border-radius: 999px;
        background: color-mix(in srgb, var(--dialog-color, var(--main-fg-color)) 34%, transparent);
    }

    .project-planning-panel[b-muovp8t3av] {
        min-height: auto;
        overflow: visible;
    }

    .project-planning-workspace[b-muovp8t3av] {
        overflow: visible;
    }

    .project-stage-workspace[b-muovp8t3av] {
        flex: 0 0 auto;
        overflow: visible;
    }

    .project-dialog-tab-panel[b-muovp8t3av] {
        width: 100% !important;
        max-width: 100%;
        min-width: 0;
        margin-inline: 0 !important;
        padding: 10px 0 72px !important;
        overflow-x: hidden;
    }

    .project-dialog-tab-panel .row[b-muovp8t3av] {
        width: 100%;
        max-width: 100%;
        margin-inline: 0 !important;
    }

    .project-dialog-tab-panel.row > [class*="col-"][b-muovp8t3av],
    .project-dialog-tab-panel > .row > [class*="col-"][b-muovp8t3av] {
        width: 100%;
        max-width: 100%;
        min-width: 0;
    }

    .project-dialog-tab-panel .d-flex.justify-content-between[b-muovp8t3av] {
        align-items: flex-start;
        gap: 10px;
        flex-wrap: wrap;
    }

    .project-dialog-tab-panel .table-responsive[b-muovp8t3av] {
        width: 100%;
        max-width: 100%;
        overflow-x: auto;
    }

    .edit-projectDisciplines-container[b-muovp8t3av] {
        display: flex !important;
        flex-direction: column;
        height: 100%;
        min-height: 0;
        padding-bottom: 0 !important;
        overflow: hidden;
    }

    .edit-projectDisciplines-container > div[b-muovp8t3av] {
        min-width: 0;
    }

    .edit-projectDisciplines-container > div:last-child[b-muovp8t3av] {
        flex: 1 1 auto;
        display: flex;
        min-height: 0;
        overflow: hidden;
    }

    [b-muovp8t3av] .edit-projectDisciplines-container .projectDiscipline-detail-shell {
        flex: 1 1 auto;
        height: 100%;
        max-height: 100%;
        min-height: 0;
        gap: 10px;
    }

    [b-muovp8t3av] .edit-projectDisciplines-container .projectDiscipline-table-shell {
        flex: 1 1 auto;
        min-height: 0;
        overflow: hidden;
    }

    [b-muovp8t3av] .edit-projectDisciplines-container .projectDiscipline-table {
        flex: 1 1 auto;
        height: 100%;
        min-height: 0;
    }

    [b-muovp8t3av] .edit-projectDisciplines-container .sub-table-body-scroll {
        flex: 1 1 auto;
        height: 100%;
        min-height: 0;
        max-height: 100%;
    }

    [b-muovp8t3av] .project-detail-dialog-footer {
        display: flex;
        justify-content: flex-end;
        gap: 8px;
        flex-wrap: wrap;
        align-items: stretch;
        padding: 10px 0 12px;
    }

    [b-muovp8t3av] fluent-button.project-detail-footer-button {
        min-width: 0;
        flex: 1 1 calc(50% - 4px);
        max-width: 160px;
        margin-inline: 0 !important;
    }

    [b-muovp8t3av] fluent-button.project-detail-footer-button::part(control) {
        width: 100%;
        min-width: 0;
    }
}

@media (max-width: 505px) {
    .edit-projectDisciplines-container[b-muovp8t3av] {
        display: flex !important;
    }

    [b-muovp8t3av] fluent-button.project-detail-footer-button {
        flex-basis: calc(50% - 4px);
        max-width: none;
    }
}
/* _content/EmpiriaBMS.App/Components/Admin/Projects/ProjectStages/ProjectStageDetailed.razor.rz.scp.css */
.plan-item-detail-shell[b-1sq23dkkcy] {
    width: 100%;
    min-width: 0;
    max-height: min(680px, calc(100dvh - 150px));
    min-height: 0;
    container-type: inline-size;
    display: flex;
    flex-direction: column;
    gap: 14px;
    overflow: hidden;
    color: var(--dialog-color, var(--main-fg-color));
}

.plan-item-detail-header[b-1sq23dkkcy] {
    flex: 0 0 auto;
    padding: 2px 2px 0;
}

.plan-item-detail-header h3[b-1sq23dkkcy] {
    margin: 0;
    color: var(--dialog-color, var(--main-fg-color));
    font-size: 1.25rem;
    font-weight: 750;
    line-height: 1.2;
    overflow-wrap: anywhere;
}

.plan-item-detail-form[b-1sq23dkkcy] {
    flex: 1 1 auto;
    min-height: 0;
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 14px 16px;
    overflow-x: hidden;
    overflow-y: auto;
    overscroll-behavior: contain;
    padding: 2px 6px 18px 2px;
    scroll-padding-bottom: 18px;
}

.plan-item-detail-form[b-1sq23dkkcy]::after {
    content: "";
    display: block;
    height: 2px;
    grid-column: 1 / -1;
}

.plan-item-field[b-1sq23dkkcy] {
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.plan-item-field-full[b-1sq23dkkcy] {
    grid-column: 1 / -1;
}

.plan-item-field-label[b-1sq23dkkcy] {
    margin: 0;
    color: var(--dialog-color, var(--main-fg-color));
    font-size: .86rem;
    font-weight: 700;
    line-height: 1.25;
}

.plan-item-summary-value[b-1sq23dkkcy] {
    min-height: 35px;
    display: flex;
    align-items: center;
    padding: 6px 10px;
    border: 1px solid color-mix(in srgb, var(--dialog-color, var(--main-fg-color)) 18%, transparent);
    border-radius: 6px;
    background: color-mix(in srgb, var(--dialog-bg, var(--main-bg-color)) 90%, var(--dialog-color, var(--main-fg-color)) 10%);
    font-weight: 750;
}

.plan-item-validation-message[b-1sq23dkkcy] {
    color: var(--warning-color, #ffbf5f);
    font-size: .8rem;
    font-weight: 650;
    line-height: 1.25;
}

.plan-item-input[b-1sq23dkkcy],
.plan-item-textarea[b-1sq23dkkcy] {
    width: 100%;
    min-width: 0;
}

[b-1sq23dkkcy] fluent-number-field.plan-item-input,
[b-1sq23dkkcy] fluent-date-picker.plan-item-input,
[b-1sq23dkkcy] fluent-text-area.plan-item-textarea {
    width: 100%;
    min-width: 0;
    --neutral-foreground-rest: var(--dialog-color, var(--main-fg-color));
    --neutral-foreground-hover: var(--dialog-color, var(--main-fg-color));
    --neutral-foreground-active: var(--dialog-color, var(--main-fg-color));
    --neutral-foreground-focus: var(--dialog-color, var(--main-fg-color));
    --neutral-fill-input-rest: color-mix(in srgb, var(--dialog-bg, var(--main-bg-color)) 88%, var(--dialog-color, var(--main-fg-color)) 12%);
    --neutral-fill-input-hover: color-mix(in srgb, var(--dialog-bg, var(--main-bg-color)) 82%, var(--dialog-color, var(--main-fg-color)) 18%);
    --neutral-fill-input-active: color-mix(in srgb, var(--dialog-bg, var(--main-bg-color)) 78%, var(--dialog-color, var(--main-fg-color)) 22%);
    --neutral-fill-input-focus: color-mix(in srgb, var(--dialog-bg, var(--main-bg-color)) 78%, var(--dialog-color, var(--main-fg-color)) 22%);
    --neutral-stroke-input-rest: color-mix(in srgb, var(--dialog-color, var(--main-fg-color)) 24%, transparent);
    --neutral-stroke-input-hover: color-mix(in srgb, var(--dialog-color, var(--main-fg-color)) 38%, transparent);
    --neutral-stroke-input-active: color-mix(in srgb, var(--primary-accent-color) 76%, transparent);
    --neutral-stroke-input-focus: color-mix(in srgb, var(--primary-accent-color) 82%, transparent);
}

[b-1sq23dkkcy] fluent-number-field.plan-item-input::part(control),
[b-1sq23dkkcy] fluent-date-picker.plan-item-input::part(control),
[b-1sq23dkkcy] fluent-text-area.plan-item-textarea::part(control) {
    width: 100%;
    min-width: 0;
    color: var(--dialog-color, var(--main-fg-color));
}

[b-1sq23dkkcy] fluent-text-area.plan-item-textarea::part(control) {
    min-height: 84px;
}

.plan-item-detail-actions[b-1sq23dkkcy] {
    flex: 0 0 auto;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: flex-end;
    gap: 10px;
    padding-top: 2px;
}

.plan-item-action-button[b-1sq23dkkcy] {
    min-width: 112px;
}

[b-1sq23dkkcy] fluent-button.plan-item-action-button::part(control) {
    min-height: 38px;
    font-weight: 750;
}

[b-1sq23dkkcy] fluent-button.plan-item-action-primary::part(control) {
    color: var(--fluent-button-fg, #fff);
}

@container (max-width: 560px) {
    .plan-item-detail-shell[b-1sq23dkkcy] {
        gap: 12px;
        max-height: inherit;
    }

    .plan-item-detail-header h3[b-1sq23dkkcy] {
        font-size: 1.12rem;
    }

    .plan-item-detail-form[b-1sq23dkkcy] {
        grid-template-columns: 1fr;
        gap: 12px;
        padding-right: 3px;
        padding-bottom: 22px;
        scroll-padding-bottom: 22px;
    }

    .plan-item-field-full[b-1sq23dkkcy] {
        grid-column: auto;
    }

    .plan-item-detail-actions[b-1sq23dkkcy] {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 8px;
    }

    .plan-item-action-button[b-1sq23dkkcy] {
        width: 100%;
        min-width: 0;
    }
}

@media (max-width: 420px) {
    .plan-item-detail-shell[b-1sq23dkkcy] {
        max-height: inherit;
    }

    .plan-item-detail-actions[b-1sq23dkkcy] {
        grid-template-columns: 1fr;
    }
}

@media (max-height: 620px) {
    .plan-item-detail-shell[b-1sq23dkkcy] {
        gap: 10px;
        max-height: inherit;
    }

    .plan-item-detail-form[b-1sq23dkkcy] {
        gap: 10px 12px;
        padding-bottom: 14px;
        scroll-padding-bottom: 14px;
    }
}
/* _content/EmpiriaBMS.App/Components/Admin/Projects/ProjectStages/ProjectStageDetailedDialog.razor.rz.scp.css */
[b-rwudrls584] .plan-item-detail-dialog-header {
    flex: 0 0 auto;
    min-width: 0;
    padding-inline-end: 44px;
}

[b-rwudrls584] .plan-item-detail-dialog-header fluent-stack {
    min-width: 0;
}

[b-rwudrls584] .plan-item-detail-dialog-header fluent-label,
[b-rwudrls584] .plan-item-detail-dialog-header fluent-label::part(label) {
    max-width: 100%;
    overflow-wrap: anywhere;
}

[b-rwudrls584] .plan-item-detail-dialog-body {
    min-height: 0;
    display: flex;
    flex: 1 1 auto;
    overflow: hidden;
}

.plan-item-detail-dialog-shell[b-rwudrls584] {
    width: 100%;
    min-width: 0;
    height: 100%;
    min-height: 0;
    display: flex;
    flex-direction: column;
    overflow: hidden;
}

.plan-item-detail-dialog-shell[b-rwudrls584]  .plan-item-detail-shell {
    height: 100%;
    max-height: 100%;
}

[b-rwudrls584] .plan-item-detail-dialog-footer {
    flex: 0 0 auto;
    padding-top: 10px;
}

.plan-item-detail-dialog-actions[b-rwudrls584] {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: flex-end;
    gap: 10px;
}

.plan-item-detail-dialog-action[b-rwudrls584] {
    min-width: 116px;
}

[b-rwudrls584] fluent-button.plan-item-detail-dialog-action::part(control) {
    min-height: 38px;
    font-weight: 750;
}

[b-rwudrls584] fluent-button.plan-item-detail-dialog-action-primary::part(control) {
    color: var(--fluent-button-fg, #fff);
}

@media (max-width: 540px) {
    [b-rwudrls584] .plan-item-detail-dialog-header {
        padding-inline-end: 38px;
    }

    [b-rwudrls584] .plan-item-detail-dialog-body {
        padding-inline: 12px;
        padding-block: 8px;
    }

    [b-rwudrls584] .plan-item-detail-dialog-footer {
        padding: 8px 12px 12px;
    }

    .plan-item-detail-dialog-actions[b-rwudrls584] {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 8px;
    }

    .plan-item-detail-dialog-action[b-rwudrls584] {
        width: 100%;
        min-width: 0;
    }
}

@media (max-width: 380px) {
    .plan-item-detail-dialog-actions[b-rwudrls584] {
        grid-template-columns: 1fr;
    }
}

@media (max-height: 620px) {
    [b-rwudrls584] .plan-item-detail-dialog-body {
        padding-block: 6px;
    }

    [b-rwudrls584] .plan-item-detail-dialog-footer {
        padding-top: 6px;
    }
}
/* _content/EmpiriaBMS.App/Components/Admin/Projects/ProjectStageTypes/ProjectStageTypes.razor.rz.scp.css */
.project-plan-item-type-name-cell[b-seb1mytih3] {
    width: 100%;
    max-width: 100%;
    min-width: 0;
    white-space: normal;
}

.project-plan-item-type-name-text[b-seb1mytih3],
.project-plan-item-type-type-text[b-seb1mytih3] {
    display: block;
    max-width: 100%;
    min-width: 0;
    white-space: normal;
    overflow-wrap: anywhere;
    word-break: normal;
    line-height: 1.35;
}

.project-plan-item-type-actions[b-seb1mytih3] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 2px;
    width: 100%;
    min-width: 0;
}

[b-seb1mytih3] fluent-button.project-plan-item-type-action-button::part(control) {
    width: 28px;
    min-width: 28px;
    height: 28px;
    padding: 0;
}

@media (max-width: 767.98px) {
    .project-plan-item-type-name-text[b-seb1mytih3],
    .project-plan-item-type-type-text[b-seb1mytih3] {
        font-size: .8rem;
        line-height: 1.28;
    }
}
/* _content/EmpiriaBMS.App/Components/Admin/Projects/SubCategories/ProjectSubCategories.razor.rz.scp.css */
.project-subcategories-name-cell[b-z65geyh7an] {
    width: 100%;
    max-width: 100%;
    min-width: 0;
    white-space: normal;
}

.project-subcategories-name-text[b-z65geyh7an] {
    display: block;
    max-width: 100%;
    min-width: 0;
    white-space: normal;
    overflow-wrap: anywhere;
    word-break: normal;
    line-height: 1.35;
}
/* _content/EmpiriaBMS.App/Components/Admin/Projects/SubCategories/ProjectSubCategoryDetailed.razor.rz.scp.css */
.project-subcategory-detail[b-fttb4tbpfl] {
    display: grid;
    gap: 0.55rem;
    width: 100%;
}

.project-subcategory-detail-body[b-fttb4tbpfl] {
    min-height: 0;
}

.project-subcategory-detail-body .row[b-fttb4tbpfl] {
    margin-inline: 0;
}
/* _content/EmpiriaBMS.App/Components/Admin/Projects/Subcontractors/SubcontractorDetailed.razor.rz.scp.css */
.subcontractor-detail[b-r12wclfyet] {
    display: flex;
    flex-direction: column;
    height: 100%;
    min-height: 0;
    overflow: hidden;
    color: var(--dialog-color);
}

.subcontractor-detail__body[b-r12wclfyet] {
    flex: 1 1 auto;
    min-height: 0;
    overflow-y: auto;
    overflow-x: hidden;
    display: flex;
    flex-direction: column;
    gap: 12px;
    padding: 4px 0 12px;
    scroll-padding-bottom: 18px;
}

.subcontractor-detail__section[b-r12wclfyet] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px 16px;
    padding: 14px;
    border: 1px solid color-mix(in srgb, var(--dialog-color) 14%, transparent);
    border-radius: 8px;
    background: color-mix(in srgb, var(--dialog-bg) 92%, var(--main-fg-color) 8%);
    min-width: 0;
}

.subcontractor-detail__section--table[b-r12wclfyet] {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.subcontractor-detail__section-header[b-r12wclfyet] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 12px;
}

.subcontractor-detail__section-header--actions[b-r12wclfyet] {
    align-items: center;
}

.subcontractor-detail__section-header h4[b-r12wclfyet] {
    margin: 0;
    font-size: 1rem;
    font-weight: 700;
    line-height: 1.25;
}

.subcontractor-detail__requirement[b-r12wclfyet] {
    display: inline-flex;
    align-items: center;
    gap: 3px;
    margin-top: 4px;
    color: var(--accent-fill-rest);
    font-size: .82rem;
    font-weight: 600;
}

.subcontractor-detail__field[b-r12wclfyet],
.subcontractor-detail__field--full[b-r12wclfyet] {
    min-width: 0;
}

.subcontractor-detail__field--full[b-r12wclfyet] {
    grid-column: 1 / -1;
}

.subcontractor-detail__phone-header[b-r12wclfyet] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    margin-bottom: 8px;
}

.subcontractor-detail__phone-header h4[b-r12wclfyet] {
    margin: 0;
    font-size: 0.95rem;
    font-weight: 700;
}

.subcontractor-detail__phone-list[b-r12wclfyet] {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.subcontractor-detail__phone-row[b-r12wclfyet] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: end;
    gap: 8px;
}

.subcontractor-detail__toolbar[b-r12wclfyet] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
}

.subcontractor-detail__search[b-r12wclfyet] {
    flex: 1 1 260px;
    max-width: 420px;
    min-width: 180px;
}

.subcontractor-detail__grid-wrap[b-r12wclfyet],
.subcontractor-detail__users-grid-wrap[b-r12wclfyet] {
    width: 100%;
    min-width: 0;
    overflow-x: auto;
}

.subcontractor-detail__users-grid-wrap[b-r12wclfyet] {
    min-height: 220px;
    max-height: 320px;
    overflow-y: auto;
}

.subcontractor-detail__email-cell[b-r12wclfyet] {
    display: grid;
    gap: 4px;
    min-width: 0;
}

.subcontractor-detail__paginator[b-r12wclfyet] {
    min-width: 0;
    border-top: 1px solid color-mix(in srgb, var(--dialog-color) 10%, transparent);
    padding-top: 8px;
}

.subcontractor-detail__footer[b-r12wclfyet] {
    flex: 0 0 auto;
    min-height: 58px;
    padding: 12px 0 10px;
    overflow: visible;
}

.subcontractor-detail[b-r12wclfyet]  fluent-text-field.subcontractor-detail__input,
.subcontractor-detail[b-r12wclfyet]  fluent-text-area.subcontractor-detail__input,
.subcontractor-detail[b-r12wclfyet]  fluent-search.subcontractor-detail__search {
    width: 100%;
}

.subcontractor-detail[b-r12wclfyet]  fluent-text-field.subcontractor-detail__input::part(control),
.subcontractor-detail[b-r12wclfyet]  fluent-text-area.subcontractor-detail__input::part(control),
.subcontractor-detail[b-r12wclfyet]  fluent-search.subcontractor-detail__search::part(control) {
    width: 100%;
    box-sizing: border-box;
}

.subcontractor-detail[b-r12wclfyet]  fluent-data-grid.subcontractor-detail__grid {
    width: 100%;
    min-width: 0;
}

.subcontractor-detail[b-r12wclfyet]  fluent-data-grid-cell {
    min-width: 0;
}

.subcontractor-detail[b-r12wclfyet]  fluent-data-grid-cell fluent-button::part(control) {
    min-width: 36px;
}

.subcontractor-detail[b-r12wclfyet]  fluent-paginator {
    width: 100%;
    min-width: 0;
}

.subcontractor-detail[b-r12wclfyet]  fluent-paginator span {
    white-space: normal;
}

.subcontractor-detail[b-r12wclfyet]  fluent-footer.subcontractor-detail__footer {
    box-sizing: border-box;
    overflow: visible;
}

@media (max-width: 700px) {
    .subcontractor-detail__section[b-r12wclfyet] {
        grid-template-columns: 1fr;
        padding: 12px;
    }

    .subcontractor-detail__toolbar[b-r12wclfyet],
    .subcontractor-detail__section-header[b-r12wclfyet] {
        align-items: stretch;
        flex-direction: column;
    }

    .subcontractor-detail__search[b-r12wclfyet] {
        max-width: none;
    }

    .subcontractor-detail__users-grid-wrap[b-r12wclfyet] {
        max-height: 280px;
    }

    .subcontractor-detail__phone-row[b-r12wclfyet] {
        grid-template-columns: minmax(0, 1fr);
    }
}
/* _content/EmpiriaBMS.App/Components/Admin/Projects/Subcontractors/SubcontractorDetailedDialog.razor.rz.scp.css */
.subcontractor-dialog-body[b-3btf397rn8] {
    height: 100%;
    min-height: 0;
    overflow: hidden;
    padding: 0 20px 12px;
}

.subcontractor-dialog-footer[b-3btf397rn8] {
    flex: 0 0 auto;
    display: flex;
    justify-content: flex-end;
    gap: 10px;
    padding: 12px 20px 16px;
}

.subcontractor-dialog-footer[b-3btf397rn8]  fluent-button::part(control) {
    min-width: 84px;
}

@media (max-width: 540px) {
    .subcontractor-dialog-body[b-3btf397rn8] {
        padding: 0 12px 10px;
    }
}
/* _content/EmpiriaBMS.App/Components/Admin/Users/UserDetailed.razor.rz.scp.css */
.user-detailed[b-ht7f4l1k5h] {
    --user-detailed-text-strong: var(--main-fg-color, #1f2937);
    --user-detailed-text-muted: color-mix(in srgb, var(--main-fg-color, #1f2937) 68%, transparent);
    --user-detailed-text-info: color-mix(in srgb, var(--primary-accent-color, #44609a) 70%, var(--main-fg-color, #1f2937) 30%);
    --user-detailed-text-warning: #a16207;
    --user-detailed-code-bg: rgba(68, 96, 154, 0.12);
    --user-detailed-code-border: rgba(68, 96, 154, 0.2);
    --user-detailed-code-text: var(--user-detailed-text-strong);
    color: var(--user-detailed-text-strong);
}

[data-theme="dark"] .user-detailed[b-ht7f4l1k5h],
[data-bs-theme="dark"] .user-detailed[b-ht7f4l1k5h] {
    --user-detailed-text-strong: #eef4ff;
    --user-detailed-text-muted: rgba(222, 232, 247, 0.8);
    --user-detailed-text-info: #8fd3ff;
    --user-detailed-text-warning: #ffd58f;
    --user-detailed-code-bg: rgba(122, 154, 216, 0.18);
    --user-detailed-code-border: rgba(196, 214, 244, 0.28);
    --user-detailed-code-text: #f8fbff;
}

.user-detailed__section-title[b-ht7f4l1k5h],
.user-detailed__proxy-hint[b-ht7f4l1k5h] {
    color: var(--user-detailed-text-strong) !important;
}

.user-detailed__helper-text[b-ht7f4l1k5h],
.user-detailed .text-muted[b-ht7f4l1k5h] {
    color: var(--user-detailed-text-muted) !important;
}

.user-detailed .text-primary[b-ht7f4l1k5h],
.user-detailed .text-info[b-ht7f4l1k5h] {
    color: var(--user-detailed-text-info) !important;
}

.user-detailed .text-warning[b-ht7f4l1k5h] {
    color: var(--user-detailed-text-warning) !important;
    font-weight: 600;
}

.user-detailed code[b-ht7f4l1k5h] {
    background: var(--user-detailed-code-bg) !important;
    color: var(--user-detailed-code-text) !important;
    border: 1px solid var(--user-detailed-code-border);
    border-radius: 8px;
    padding: 0.12rem 0.42rem;
    box-shadow: none !important;
}
/* _content/EmpiriaBMS.App/Components/Dashboards/ExecutiveDashboard/ExecutiveDashboard.razor.rz.scp.css */
.executive-dashboard[b-w1nnu7y9wu] {
    --executive-bg: color-mix(in srgb, var(--main-bg-color) 96%, #101827 4%);
    --executive-surface: color-mix(in srgb, var(--main-bg-color) 92%, var(--primary-bg-color) 8%);
    --executive-surface-strong: color-mix(in srgb, var(--main-bg-color) 86%, var(--primary-bg-color) 14%);
    --executive-border: color-mix(in srgb, var(--main-fg-color) 12%, transparent);
    --executive-muted: color-mix(in srgb, var(--main-fg-color) 64%, transparent);
    --executive-blue: #4f83d8;
    --executive-cyan: #38c6d4;
    --executive-green: #35c77b;
    --executive-amber: #f3ae3d;
    --executive-red: #e65b67;
    width: 100%;
    max-width: 1680px;
    margin: 0 auto;
    display: grid;
    gap: 1rem;
    color: var(--main-fg-color);
}

.executive-dashboard--empty[b-w1nnu7y9wu] {
    min-height: 240px;
    place-items: center;
    text-align: center;
}

.executive-dashboard[b-w1nnu7y9wu]  .executive-dashboard__loading {
    min-height: 120px;
    display: grid;
    place-items: center;
}

.executive-dashboard[b-w1nnu7y9wu]  .executive-dashboard__panel-header span {
    margin: 0;
    font-size: 0.72rem;
    font-weight: 800;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: var(--executive-muted);
}

.executive-dashboard[b-w1nnu7y9wu]  .executive-dashboard__kpis {
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: 0.85rem;
}

.executive-dashboard[b-w1nnu7y9wu]  .executive-dashboard__kpi,
.executive-dashboard[b-w1nnu7y9wu]  .executive-dashboard__panel {
    border: 1px solid var(--executive-border);
    border-radius: 16px;
    background: var(--executive-surface);
    box-shadow: 0 12px 24px color-mix(in srgb, var(--main-fg-color) 7%, transparent);
}

.executive-dashboard[b-w1nnu7y9wu]  .executive-dashboard__kpi {
    position: relative;
    overflow: hidden;
    display: grid;
    gap: 0.25rem;
    min-height: 116px;
    padding: 1rem 1rem 1rem 1.15rem;
}

.executive-dashboard[b-w1nnu7y9wu]  .executive-dashboard__kpi::before {
    content: "";
    position: absolute;
    inset: 0 auto 0 0;
    width: 5px;
    background: var(--executive-blue);
}

.executive-dashboard[b-w1nnu7y9wu]  .executive-dashboard__kpi--green::before,
.executive-dashboard[b-w1nnu7y9wu]  .executive-dashboard__bar--finance {
    background: var(--executive-green);
}

.executive-dashboard[b-w1nnu7y9wu]  .executive-dashboard__kpi--cyan::before {
    background: var(--executive-cyan);
}

.executive-dashboard[b-w1nnu7y9wu]  .executive-dashboard__kpi--amber::before {
    background: var(--executive-amber);
}

.executive-dashboard[b-w1nnu7y9wu]  .executive-dashboard__kpi--red::before {
    background: var(--executive-red);
}

.executive-dashboard[b-w1nnu7y9wu]  .executive-dashboard__kpi span {
    color: var(--executive-muted);
    font-size: 0.75rem;
    font-weight: 800;
    text-transform: uppercase;
}

.executive-dashboard[b-w1nnu7y9wu]  .executive-dashboard__kpi strong {
    font-size: 1.85rem;
    line-height: 1;
    color: var(--main-fg-color);
}

.executive-dashboard[b-w1nnu7y9wu]  .executive-dashboard__kpi small {
    color: var(--executive-muted);
    font-weight: 700;
}

.executive-dashboard[b-w1nnu7y9wu]  .executive-dashboard__snapshot {
    min-width: 0;
}

.executive-dashboard[b-w1nnu7y9wu]  .executive-dashboard__snapshot-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(230px, 1fr));
    gap: 0.85rem;
}

.executive-dashboard[b-w1nnu7y9wu]  .executive-snapshot-card {
    --snapshot-accent: var(--executive-blue);
    position: relative;
    min-width: 0;
    min-height: 112px;
    display: grid;
    align-content: space-between;
    gap: 0.8rem;
    overflow: hidden;
    padding: 0.9rem 1rem;
    border: 1px solid color-mix(in srgb, var(--snapshot-accent) 24%, var(--executive-border));
    border-radius: 8px;
    background:
        linear-gradient(135deg, color-mix(in srgb, var(--snapshot-accent) 12%, transparent), transparent 58%),
        var(--executive-surface);
    box-shadow: 0 12px 24px color-mix(in srgb, var(--main-fg-color) 7%, transparent);
}

.executive-dashboard[b-w1nnu7y9wu]  .executive-snapshot-card::before {
    content: "";
    position: absolute;
    inset: 0 0 auto 0;
    height: 3px;
    background: var(--snapshot-accent);
}

.executive-dashboard[b-w1nnu7y9wu]  .executive-snapshot-card--income {
    --snapshot-accent: var(--executive-green);
}

.executive-dashboard[b-w1nnu7y9wu]  .executive-snapshot-card--invoicing {
    --snapshot-accent: var(--executive-cyan);
}

.executive-dashboard[b-w1nnu7y9wu]  .executive-snapshot-card--deadline {
    --snapshot-accent: var(--executive-red);
}

.executive-dashboard[b-w1nnu7y9wu]  .executive-snapshot-card--invoices {
    --snapshot-accent: var(--executive-amber);
}

.executive-dashboard[b-w1nnu7y9wu]  .executive-snapshot-card__heading {
    min-width: 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.65rem;
}

.executive-dashboard[b-w1nnu7y9wu]  .executive-snapshot-card__code {
    flex: 0 0 auto;
    display: inline-flex;
    align-items: center;
    min-height: 24px;
    padding: 0 0.55rem;
    border: 1px solid color-mix(in srgb, var(--snapshot-accent) 42%, transparent);
    border-radius: 999px;
    background: color-mix(in srgb, var(--snapshot-accent) 13%, transparent);
    color: color-mix(in srgb, var(--snapshot-accent) 72%, var(--main-fg-color));
    font-size: 0.72rem;
    font-weight: 900;
    line-height: 1;
    white-space: nowrap;
}

.executive-dashboard[b-w1nnu7y9wu]  .executive-snapshot-card__label {
    min-width: 0;
    color: var(--executive-muted);
    font-size: 0.78rem;
    font-weight: 800;
    line-height: 1.25;
    text-align: right;
}

.executive-dashboard[b-w1nnu7y9wu]  .executive-snapshot-card__value {
    min-width: 0;
    color: var(--main-fg-color);
    font-size: 1.45rem;
    font-weight: 950;
    line-height: 1.05;
    overflow-wrap: anywhere;
}

.executive-dashboard[b-w1nnu7y9wu]  .executive-snapshot-card__pair {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.8rem;
}

.executive-dashboard[b-w1nnu7y9wu]  .executive-snapshot-card__pair-item {
    min-width: 0;
    display: grid;
    gap: 0.3rem;
    padding: 0.05rem 0;
}

.executive-dashboard[b-w1nnu7y9wu]  .executive-snapshot-card__pair-item:last-child {
    padding-left: 0.8rem;
    border-left: 1px solid var(--executive-border);
}

.executive-dashboard[b-w1nnu7y9wu]  .executive-snapshot-card__pair-item .executive-snapshot-card__label {
    text-align: left;
}

.executive-dashboard[b-w1nnu7y9wu]  .executive-snapshot-card__loading {
    min-height: 84px;
    display: grid;
    place-items: center;
}

.executive-dashboard[b-w1nnu7y9wu]  .executive-snapshot-card__loading fluent-progress-ring {
    width: 28px;
    height: 28px;
}

.executive-dashboard__grid[b-w1nnu7y9wu] {
    display: grid;
    grid-template-columns: minmax(380px, 1.4fr) minmax(320px, 1fr) minmax(320px, 1fr);
    gap: 0.9rem;
    align-items: stretch;
}

.executive-dashboard[b-w1nnu7y9wu]  .executive-dashboard__panel {
    display: grid;
    align-content: start;
    gap: 0.85rem;
    min-height: 260px;
    padding: 1rem;
}

.executive-dashboard[b-w1nnu7y9wu]  .executive-dashboard__panel--wide {
    grid-row: span 1;
}

.executive-dashboard[b-w1nnu7y9wu]  .executive-dashboard__panel--attention {
    grid-row: span 1;
}

.executive-dashboard[b-w1nnu7y9wu]  .executive-dashboard__panel-header {
    display: flex;
    align-items: start;
    justify-content: space-between;
    gap: 0.85rem;
}

.executive-dashboard[b-w1nnu7y9wu]  .executive-dashboard__panel-header h3 {
    margin: 0.15rem 0 0;
    font-size: 1rem;
    font-weight: 900;
}

.executive-dashboard[b-w1nnu7y9wu]  .executive-dashboard__panel-header > strong {
    color: var(--executive-cyan);
    font-size: 1rem;
    white-space: nowrap;
}

.executive-dashboard[b-w1nnu7y9wu]  .executive-dashboard__panel-actions {
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
    color: var(--executive-muted);
    font-size: 0.74rem;
    font-weight: 800;
    white-space: nowrap;
}

.executive-dashboard[b-w1nnu7y9wu]  .executive-dashboard__select {
    min-width: 66px;
    height: 30px;
    padding: 0 0.55rem;
    border: 1px solid var(--executive-border);
    border-radius: 8px;
    background: var(--executive-surface-strong);
    color: var(--main-fg-color);
    font: inherit;
    font-size: 0.78rem;
    font-weight: 800;
}

.executive-dashboard[b-w1nnu7y9wu]  .executive-dashboard__bars,
.executive-dashboard[b-w1nnu7y9wu]  .executive-dashboard__health,
.executive-dashboard[b-w1nnu7y9wu]  .executive-dashboard__list {
    display: grid;
    gap: 0.7rem;
}

.executive-dashboard[b-w1nnu7y9wu]  .executive-dashboard__bar-row,
.executive-dashboard[b-w1nnu7y9wu]  .executive-dashboard__health-row {
    display: grid;
    grid-template-columns: minmax(120px, 0.8fr) minmax(120px, 1fr) minmax(58px, auto);
    align-items: center;
    gap: 0.75rem;
    font-size: 0.82rem;
}

.executive-dashboard[b-w1nnu7y9wu]  .executive-dashboard__bar-row span,
.executive-dashboard[b-w1nnu7y9wu]  .executive-dashboard__health-row span {
    min-width: 0;
    overflow: hidden;
    color: var(--main-fg-color);
    font-weight: 800;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.executive-dashboard[b-w1nnu7y9wu]  .executive-dashboard__bar-row strong,
.executive-dashboard[b-w1nnu7y9wu]  .executive-dashboard__health-row strong {
    justify-self: end;
    color: var(--executive-muted);
    font-size: 0.78rem;
    white-space: nowrap;
}

.executive-dashboard[b-w1nnu7y9wu]  .executive-dashboard__bar-track {
    height: 9px;
    overflow: hidden;
    border-radius: 999px;
    background: color-mix(in srgb, var(--main-fg-color) 10%, transparent);
}

.executive-dashboard[b-w1nnu7y9wu]  .executive-dashboard__bar {
    height: 100%;
    min-width: 4%;
    border-radius: inherit;
    background: var(--executive-blue);
}

.executive-dashboard[b-w1nnu7y9wu]  .executive-dashboard__revenue-columns {
    min-height: 188px;
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(64px, 1fr));
    align-items: end;
    gap: 0.92rem;
    padding: 0.2rem 0 0;
}

.executive-dashboard[b-w1nnu7y9wu]  .executive-dashboard__revenue-column {
    min-width: 0;
    display: grid;
    grid-template-rows: 128px auto auto;
    justify-items: center;
    align-items: end;
    gap: 0.42rem;
}

.executive-dashboard[b-w1nnu7y9wu]  .executive-dashboard__revenue-column-plot {
    width: 100%;
    height: 128px;
    display: flex;
    align-items: flex-end;
    justify-content: center;
}

.executive-dashboard[b-w1nnu7y9wu]  .executive-dashboard__revenue-column-bar {
    width: clamp(32px, 56%, 48px);
    min-height: 12px;
    border-radius: 10px;
    background: linear-gradient(180deg, #8c78e8 0%, #6e5ed6 100%);
    box-shadow:
        inset 0 1px 0 color-mix(in srgb, #ffffff 22%, transparent),
        0 10px 22px color-mix(in srgb, #6e5ed6 24%, transparent);
}

.executive-dashboard[b-w1nnu7y9wu]  .executive-dashboard__revenue-column:not(:only-child):last-child .executive-dashboard__revenue-column-bar {
    background: linear-gradient(180deg, #3ed28a 0%, var(--executive-green) 100%);
    box-shadow:
        inset 0 1px 0 color-mix(in srgb, #ffffff 22%, transparent),
        0 10px 22px color-mix(in srgb, var(--executive-green) 24%, transparent);
}

.executive-dashboard[b-w1nnu7y9wu]  .executive-dashboard__revenue-column strong {
    max-width: 100%;
    color: var(--main-fg-color);
    font-size: 0.76rem;
    font-weight: 900;
    line-height: 1.1;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.executive-dashboard[b-w1nnu7y9wu]  .executive-dashboard__revenue-column span {
    max-width: 100%;
    color: var(--executive-muted);
    font-size: 0.68rem;
    font-weight: 900;
    line-height: 1.1;
    overflow: hidden;
    text-align: center;
    text-overflow: ellipsis;
    text-transform: uppercase;
    white-space: nowrap;
}

.executive-dashboard[b-w1nnu7y9wu]  .executive-dashboard__bar--resources,
.executive-dashboard[b-w1nnu7y9wu]  .executive-dashboard__health-row--green .executive-dashboard__bar {
    background: var(--executive-cyan);
}

.executive-dashboard[b-w1nnu7y9wu]  .executive-dashboard__health-row--amber .executive-dashboard__bar {
    background: var(--executive-amber);
}

.executive-dashboard[b-w1nnu7y9wu]  .executive-dashboard__health-row--red .executive-dashboard__bar {
    background: var(--executive-red);
}

.executive-dashboard[b-w1nnu7y9wu]  .executive-dashboard__health-row--neutral .executive-dashboard__bar {
    background: color-mix(in srgb, var(--main-fg-color) 34%, transparent);
}

.executive-dashboard[b-w1nnu7y9wu]  .executive-dashboard__health-chip {
    --health-chip-accent: var(--executive-blue);
    display: inline-flex;
    align-items: center;
    gap: 0.42rem;
    min-height: 28px;
    padding: 0 0.62rem;
    border: 1px solid color-mix(in srgb, var(--health-chip-accent) 34%, var(--executive-border));
    border-radius: 999px;
    background: color-mix(in srgb, var(--health-chip-accent) 12%, var(--executive-surface-strong));
    color: color-mix(in srgb, var(--health-chip-accent) 74%, var(--main-fg-color));
    font-size: 0.72rem;
    font-weight: 900;
    line-height: 1;
    white-space: nowrap;
}

.executive-dashboard[b-w1nnu7y9wu]  .executive-dashboard__health-chip > span {
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: currentColor;
    box-shadow: 0 0 0 3px color-mix(in srgb, currentColor 16%, transparent);
}

.executive-dashboard[b-w1nnu7y9wu]  .executive-dashboard__health-chip--green {
    --health-chip-accent: var(--executive-green);
}

.executive-dashboard[b-w1nnu7y9wu]  .executive-dashboard__health-chip--amber {
    --health-chip-accent: var(--executive-amber);
}

.executive-dashboard[b-w1nnu7y9wu]  .executive-dashboard__health-chip--red {
    --health-chip-accent: var(--executive-red);
}

.executive-dashboard[b-w1nnu7y9wu]  .executive-dashboard__health-chip--neutral {
    --health-chip-accent: color-mix(in srgb, var(--main-fg-color) 45%, transparent);
}

.executive-dashboard[b-w1nnu7y9wu]  .executive-dashboard__health-scope-note {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    align-items: start;
    gap: 0.48rem;
    padding: 0.5rem 0.58rem;
    border: 1px solid color-mix(in srgb, var(--executive-blue) 20%, transparent);
    border-radius: 10px;
    background: color-mix(in srgb, var(--executive-blue) 7%, transparent);
    color: var(--executive-muted);
    font-size: 0.7rem;
    line-height: 1.4;
}

.executive-dashboard[b-w1nnu7y9wu]  .executive-dashboard__health-scope-note svg {
    margin-top: 0.05rem;
    color: color-mix(in srgb, var(--executive-blue) 74%, var(--main-fg-color) 26%);
}

.executive-dashboard[b-w1nnu7y9wu]  .executive-dashboard__health-donut-layout {
    min-height: 178px;
    display: grid;
    grid-template-columns: 156px minmax(0, 1fr);
    align-items: center;
    gap: 1.05rem;
}

.executive-dashboard[b-w1nnu7y9wu]  .executive-dashboard__health-donut-shell {
    min-width: 0;
    display: grid;
    justify-items: center;
    gap: 0.58rem;
}

.executive-dashboard[b-w1nnu7y9wu]  .executive-dashboard__health-donut {
    position: relative;
    isolation: isolate;
    width: 156px;
    aspect-ratio: 1;
    border-radius: 50%;
    background: transparent;
    box-shadow: 0 18px 32px color-mix(in srgb, var(--main-fg-color) 10%, transparent);
}

.executive-dashboard[b-w1nnu7y9wu]  .executive-dashboard__health-donut::before {
    content: "";
    position: absolute;
    inset: -7px;
    z-index: 0;
    border-radius: 50%;
    background:
        linear-gradient(135deg, color-mix(in srgb, var(--executive-green) 16%, transparent), transparent 46%),
        color-mix(in srgb, var(--main-fg-color) 5%, transparent);
    pointer-events: none;
}

.executive-dashboard[b-w1nnu7y9wu]  .executive-dashboard__health-donut::after {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 1;
    border-radius: 50%;
    background:
        conic-gradient(
            var(--executive-green) 0 var(--health-green),
            var(--executive-amber) var(--health-green) var(--health-amber),
            var(--executive-red) var(--health-amber) var(--health-red),
            color-mix(in srgb, var(--main-fg-color) 32%, transparent) var(--health-red) var(--health-neutral)
        );
    -webkit-mask: radial-gradient(farthest-side, transparent calc(100% - 30px), #000 calc(100% - 29px));
    mask: radial-gradient(farthest-side, transparent calc(100% - 30px), #000 calc(100% - 29px));
    pointer-events: none;
}

.executive-dashboard[b-w1nnu7y9wu]  .executive-dashboard__health-donut-center {
    position: absolute;
    inset: 24%;
    z-index: 2;
    display: grid;
    place-items: center;
    align-content: center;
    gap: 0.04rem;
    border: 1px solid color-mix(in srgb, var(--main-fg-color) 12%, transparent);
    border-radius: 50%;
    background: var(--executive-surface);
    box-shadow: 0 8px 18px color-mix(in srgb, #000 14%, transparent);
    text-align: center;
}

.executive-dashboard[b-w1nnu7y9wu]  .executive-dashboard__health-donut-center strong {
    color: var(--main-fg-color);
    font-size: 1.55rem;
    font-weight: 950;
    line-height: 1;
}

.executive-dashboard[b-w1nnu7y9wu]  .executive-dashboard__health-donut-center span,
.executive-dashboard[b-w1nnu7y9wu]  .executive-dashboard__health-donut-center small {
    color: var(--executive-muted);
    font-size: 0.62rem;
    font-weight: 800;
    text-transform: uppercase;
}

.executive-dashboard[b-w1nnu7y9wu]  .executive-dashboard__health-donut-caption {
    display: inline-flex;
    align-items: baseline;
    gap: 0.34rem;
    min-height: 24px;
    padding: 0 0.62rem;
    border: 1px solid color-mix(in srgb, var(--executive-green) 22%, transparent);
    border-radius: 999px;
    background: color-mix(in srgb, var(--executive-green) 9%, transparent);
}

.executive-dashboard[b-w1nnu7y9wu]  .executive-dashboard__health-donut-caption strong {
    color: var(--executive-green);
    font-size: 0.78rem;
    font-weight: 950;
}

.executive-dashboard[b-w1nnu7y9wu]  .executive-dashboard__health-donut-caption span {
    color: var(--executive-muted);
    font-size: 0.68rem;
    font-weight: 850;
    text-transform: uppercase;
}

.executive-dashboard[b-w1nnu7y9wu]  .executive-dashboard__health-legend {
    min-width: 0;
    display: grid;
    gap: 0.42rem;
}

.executive-dashboard[b-w1nnu7y9wu]  .executive-dashboard__health-legend-item {
    --health-legend-accent: var(--executive-blue);
    min-width: 0;
    display: grid;
    grid-template-columns: 11px minmax(0, 1fr) minmax(34px, auto);
    align-items: center;
    gap: 0.64rem;
    padding: 0.48rem 0.58rem 0.48rem 0.62rem;
    border: 1px solid color-mix(in srgb, var(--health-legend-accent) 16%, transparent);
    border-radius: 8px;
    background:
        linear-gradient(90deg, color-mix(in srgb, var(--health-legend-accent) 8%, transparent), transparent 68%),
        var(--executive-surface-strong);
}

.executive-dashboard[b-w1nnu7y9wu]  .executive-dashboard__health-legend-item > span {
    width: 11px;
    height: 11px;
    border-radius: 50%;
    background: var(--health-legend-accent);
    box-shadow: 0 0 0 3px color-mix(in srgb, var(--health-legend-accent) 14%, transparent);
}

.executive-dashboard[b-w1nnu7y9wu]  .executive-dashboard__health-legend-item--green {
    --health-legend-accent: var(--executive-green);
}

.executive-dashboard[b-w1nnu7y9wu]  .executive-dashboard__health-legend-item--amber {
    --health-legend-accent: var(--executive-amber);
}

.executive-dashboard[b-w1nnu7y9wu]  .executive-dashboard__health-legend-item--red {
    --health-legend-accent: var(--executive-red);
}

.executive-dashboard[b-w1nnu7y9wu]  .executive-dashboard__health-legend-item--neutral {
    --health-legend-accent: color-mix(in srgb, var(--main-fg-color) 40%, transparent);
}

.executive-dashboard[b-w1nnu7y9wu]  .executive-dashboard__health-legend-item div {
    min-width: 0;
    display: grid;
    gap: 0.08rem;
}

.executive-dashboard[b-w1nnu7y9wu]  .executive-dashboard__health-legend-item strong,
.executive-dashboard[b-w1nnu7y9wu]  .executive-dashboard__health-legend-item b {
    color: var(--main-fg-color);
    font-size: 0.8rem;
    font-weight: 900;
}

.executive-dashboard[b-w1nnu7y9wu]  .executive-dashboard__health-legend-item b {
    justify-self: end;
    font-size: 0.95rem;
    line-height: 1;
}

.executive-dashboard[b-w1nnu7y9wu]  .executive-dashboard__health-legend-item small {
    color: var(--executive-muted);
    font-size: 0.7rem;
    font-weight: 800;
}

.executive-dashboard[b-w1nnu7y9wu]  .executive-dashboard__health-legend-item--empty {
    opacity: 0.64;
}

.executive-dashboard[b-w1nnu7y9wu]  .executive-dashboard__list {
    max-height: 220px;
    overflow-y: auto;
    padding-right: 0.2rem;
}

.executive-dashboard[b-w1nnu7y9wu]  .executive-dashboard__list-item {
    display: grid;
    gap: 0.2rem;
    padding: 0.65rem 0.75rem;
    border-radius: 12px;
    background: var(--executive-surface-strong);
}

.executive-dashboard[b-w1nnu7y9wu]  .executive-dashboard__list-item strong {
    color: var(--main-fg-color);
    font-size: 0.86rem;
}

.executive-dashboard[b-w1nnu7y9wu]  .executive-dashboard__list-item span {
    color: var(--executive-muted);
    font-size: 0.76rem;
}

.executive-dashboard[b-w1nnu7y9wu]  .executive-dashboard__list-summary {
    margin: 0;
    color: var(--executive-muted);
    font-size: 0.74rem;
    font-weight: 800;
    text-align: right;
}

.executive-dashboard[b-w1nnu7y9wu]  .executive-dashboard__decision {
    display: grid;
    grid-template-columns: 10px minmax(0, 1fr);
    gap: 0.7rem;
    padding: 0.65rem 0.75rem;
    border-radius: 12px;
    background: var(--executive-surface-strong);
}

.executive-dashboard[b-w1nnu7y9wu]  .executive-dashboard__decision > span {
    width: 10px;
    height: 10px;
    margin-top: 0.18rem;
    border-radius: 999px;
    background: var(--executive-blue);
}

.executive-dashboard[b-w1nnu7y9wu]  .executive-dashboard__decision--red > span {
    background: var(--executive-red);
}

.executive-dashboard[b-w1nnu7y9wu]  .executive-dashboard__decision--amber > span {
    background: var(--executive-amber);
}

.executive-dashboard[b-w1nnu7y9wu]  .executive-dashboard__decision strong {
    display: block;
    color: var(--main-fg-color);
    font-size: 0.84rem;
}

.executive-dashboard[b-w1nnu7y9wu]  .executive-dashboard__decision small,
.executive-dashboard[b-w1nnu7y9wu]  .executive-dashboard__empty-text {
    color: var(--executive-muted);
}

.executive-dashboard[b-w1nnu7y9wu]  .executive-dashboard__empty-text {
    margin: 0;
    padding: 0.75rem;
    border-radius: 12px;
    background: var(--executive-surface-strong);
    font-size: 0.84rem;
}

@media (max-width: 1280px) {
    .executive-dashboard[b-w1nnu7y9wu]  .executive-dashboard__kpis {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .executive-dashboard[b-w1nnu7y9wu]  .executive-dashboard__snapshot-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .executive-dashboard__grid[b-w1nnu7y9wu] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 820px) {
    .executive-dashboard[b-w1nnu7y9wu]  .executive-dashboard__kpis,
    .executive-dashboard[b-w1nnu7y9wu]  .executive-dashboard__snapshot-grid,
    .executive-dashboard__grid[b-w1nnu7y9wu] {
        grid-template-columns: 1fr;
    }

    .executive-dashboard[b-w1nnu7y9wu]  .executive-snapshot-card {
        min-height: 104px;
    }

    .executive-dashboard[b-w1nnu7y9wu]  .executive-snapshot-card__heading {
        align-items: flex-start;
        flex-direction: column;
        gap: 0.45rem;
    }

    .executive-dashboard[b-w1nnu7y9wu]  .executive-snapshot-card__label {
        text-align: left;
    }

    .executive-dashboard[b-w1nnu7y9wu]  .executive-snapshot-card__value {
        font-size: 1.35rem;
    }

    .executive-dashboard[b-w1nnu7y9wu]  .executive-dashboard__bar-row,
    .executive-dashboard[b-w1nnu7y9wu]  .executive-dashboard__health-row {
        grid-template-columns: minmax(0, 1fr);
        gap: 0.35rem;
    }

    .executive-dashboard[b-w1nnu7y9wu]  .executive-dashboard__bar-row strong,
    .executive-dashboard[b-w1nnu7y9wu]  .executive-dashboard__health-row strong {
        justify-self: start;
    }

    .executive-dashboard[b-w1nnu7y9wu]  .executive-dashboard__health-donut-layout {
        grid-template-columns: 156px minmax(0, 1fr);
    }
}

@media (max-width: 520px) {
    .executive-dashboard[b-w1nnu7y9wu]  .executive-snapshot-card__pair {
        grid-template-columns: 1fr;
        gap: 0.7rem;
    }

    .executive-dashboard[b-w1nnu7y9wu]  .executive-snapshot-card__pair-item:last-child {
        padding-top: 0.7rem;
        padding-left: 0;
        border-top: 1px solid var(--executive-border);
        border-left: 0;
    }

    .executive-dashboard[b-w1nnu7y9wu]  .executive-dashboard__health-donut-layout {
        grid-template-columns: 1fr;
        justify-items: center;
    }

    .executive-dashboard[b-w1nnu7y9wu]  .executive-dashboard__health-legend {
        width: 100%;
    }
}
/* _content/EmpiriaBMS.App/Components/Dashboards/MyPerformanceDashboard/MyPerformanceChart.razor.rz.scp.css */
.my-performance-chart[b-xormie8882] {
    display: grid;
    grid-template-rows: auto 1fr;
    height: 100%;
    min-height: 0;
    overflow: hidden;
}

.my-performance-chart__header[b-xormie8882] {
    display: flex;
    align-items: start;
    justify-content: space-between;
    gap: 0.75rem;
    margin-bottom: 0.5rem;
}

.my-performance-chart__card-title[b-xormie8882] {
    margin: 0;
    font-size: clamp(0.96rem, 0.88rem + 0.16vw, 1.12rem);
    font-weight: 800;
    line-height: 1.15;
    color: var(--main-fg-color);
}

.my-performance-chart__fullscreen[b-xormie8882] {
    cursor: pointer;
    color: color-mix(in srgb, var(--main-fg-color) 78%, transparent);
    border-radius: 12px;
    padding: 0.2rem;
    transition: color 160ms ease, transform 160ms ease;
}

.my-performance-chart__fullscreen:hover[b-xormie8882] {
    color: var(--main-fg-color);
    transform: scale(1.04);
}

.my-performance-chart__canvas-shell[b-xormie8882],
.my-performance-chart__dialog-shell[b-xormie8882],
.my-performance-chart__ranked-shell[b-xormie8882] {
    position: relative;
    min-height: 300px;
}

.my-performance-chart__canvas-shell[b-xormie8882]  canvas,
.my-performance-chart__dialog-shell[b-xormie8882]  canvas {
    width: 100% !important;
    height: 100% !important;
}

.my-performance-chart__canvas-shell--donut[b-xormie8882] {
    display: grid;
    place-items: center;
    width: clamp(10.5rem, 52%, 14.5rem);
    height: clamp(10.5rem, 52%, 14.5rem);
    min-height: 0;
    max-width: 100%;
    max-height: 100%;
    justify-self: center;
    align-self: center;
}

.my-performance-chart__canvas-shell--line[b-xormie8882] {
    min-height: 320px;
}

.my-performance-chart__donut-summary[b-xormie8882] {
    position: absolute;
    inset: 50% auto auto 50%;
    transform: translate(-50%, -50%);
    display: grid;
    gap: 0.2rem;
    justify-items: center;
    pointer-events: none;
}

.my-performance-chart__donut-summary strong[b-xormie8882] {
    font-size: clamp(1.35rem, 1.1rem + 0.5vw, 1.85rem);
    line-height: 1;
    color: var(--main-fg-color);
}

.my-performance-chart__donut-summary span[b-xormie8882] {
    font-size: 0.76rem;
    font-weight: 700;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    color: color-mix(in srgb, var(--main-fg-color) 58%, transparent);
}

.my-performance-chart__donut-summary--dialog strong[b-xormie8882] {
    font-size: 2rem;
}

.my-performance-chart__ranked-shell[b-xormie8882] {
    display: grid;
    grid-template-rows: auto minmax(0, 1fr);
    gap: 1rem;
    min-width: 0;
    overflow: hidden;
}

.my-performance-chart__ranked-header[b-xormie8882] {
    display: flex;
    align-items: start;
    justify-content: space-between;
    gap: 0.9rem;
}

.my-performance-chart__ranked-subtitle[b-xormie8882],
.my-performance-chart__ranked-total span[b-xormie8882] {
    font-size: 0.76rem;
    font-weight: 700;
    color: color-mix(in srgb, var(--main-fg-color) 58%, transparent);
}

.my-performance-chart__ranked-total[b-xormie8882] {
    display: grid;
    gap: 0.18rem;
    justify-items: end;
    white-space: nowrap;
}

.my-performance-chart__ranked-total strong[b-xormie8882] {
    font-size: 1rem;
    color: var(--main-fg-color);
}

.my-performance-chart__ranked-list[b-xormie8882] {
    display: grid;
    gap: 0.85rem;
    align-content: start;
    min-height: 0;
    overflow-x: hidden;
    overflow-y: auto;
    padding: 0.1rem 0.45rem 0.15rem 0;
    scrollbar-color: color-mix(in srgb, var(--main-fg-color) 24%, transparent) transparent;
    scrollbar-width: thin;
}

.my-performance-chart__ranked-list--dialog[b-xormie8882] {
    gap: 1rem;
    overflow: visible;
    padding-right: 0;
}

.my-performance-chart__ranked-item[b-xormie8882] {
    display: grid;
    gap: 0.42rem;
}

.my-performance-chart__ranked-row[b-xormie8882] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: center;
    gap: 1rem;
}

.my-performance-chart__ranked-label[b-xormie8882] {
    min-width: 0;
    overflow: hidden;
    font-size: 0.88rem;
    font-weight: 700;
    line-height: 1.3;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: var(--main-fg-color);
}

.my-performance-chart__ranked-value[b-xormie8882] {
    min-width: 4.8rem;
    font-size: 0.88rem;
    font-weight: 800;
    text-align: right;
    color: color-mix(in srgb, var(--main-fg-color) 80%, transparent);
    white-space: nowrap;
}

.my-performance-chart__ranked-rail[b-xormie8882] {
    overflow: hidden;
    height: 0.68rem;
    border-radius: 999px;
    background: color-mix(in srgb, var(--main-fg-color) 8%, var(--main-bg-color) 92%);
    box-shadow: inset 0 1px 2px color-mix(in srgb, var(--main-fg-color) 9%, transparent);
}

.my-performance-chart__ranked-fill[b-xormie8882] {
    display: block;
    height: 100%;
    border-radius: inherit;
    box-shadow:
        0 8px 16px color-mix(in srgb, var(--main-fg-color) 9%, transparent),
        inset 0 1px 0 color-mix(in srgb, white 50%, transparent);
}

.my-performance-chart__status[b-xormie8882] {
    min-height: 250px;
    display: grid;
    place-items: center;
    text-align: center;
    gap: 0.45rem;
}

.my-performance-chart__status--loading[b-xormie8882] {
    min-height: 300px;
}

.my-performance-chart--horizontal .my-performance-chart__canvas-shell[b-xormie8882] {
    min-height: 360px;
}

.my-performance-chart--vertical .my-performance-chart__canvas-shell[b-xormie8882] {
    min-height: 320px;
}

.my-performance-chart--doughnut .my-performance-chart__canvas-shell[b-xormie8882] {
    min-height: 310px;
}

.my-performance-chart--line .my-performance-chart__canvas-shell[b-xormie8882] {
    min-height: 320px;
}

.my-performance-chart--ranked .my-performance-chart__ranked-shell[b-xormie8882] {
    min-height: 310px;
}

.my-performance-chart--feature.my-performance-chart--horizontal .my-performance-chart__canvas-shell[b-xormie8882] {
    min-height: 420px;
}

.my-performance-chart--feature.my-performance-chart--vertical .my-performance-chart__canvas-shell[b-xormie8882] {
    min-height: 420px;
}

.my-performance-chart__dialog-shell[b-xormie8882] {
    min-height: 460px;
}

.my-performance-chart__dialog-shell--donut[b-xormie8882] {
    min-height: 500px;
}

.my-performance-chart__dialog-shell--ranked[b-xormie8882] {
    min-height: auto;
}

[data-theme="dark"] .my-performance-chart__fullscreen[b-xormie8882],
[data-bs-theme="dark"] .my-performance-chart__fullscreen[b-xormie8882] {
    color: rgba(236, 243, 255, 0.86);
}

[data-theme="dark"] .my-performance-chart__fullscreen:hover[b-xormie8882],
[data-bs-theme="dark"] .my-performance-chart__fullscreen:hover[b-xormie8882] {
    color: #f7fbff;
}

[data-theme="dark"] .my-performance-chart__card-title[b-xormie8882],
[data-bs-theme="dark"] .my-performance-chart__card-title[b-xormie8882],
[data-theme="dark"] .my-performance-chart__donut-summary strong[b-xormie8882],
[data-bs-theme="dark"] .my-performance-chart__donut-summary strong[b-xormie8882],
[data-theme="dark"] .my-performance-chart__ranked-total strong[b-xormie8882],
[data-bs-theme="dark"] .my-performance-chart__ranked-total strong[b-xormie8882],
[data-theme="dark"] .my-performance-chart__ranked-label[b-xormie8882],
[data-bs-theme="dark"] .my-performance-chart__ranked-label[b-xormie8882] {
    color: #f4f8ff;
}

[data-theme="dark"] .my-performance-chart__donut-summary span[b-xormie8882],
[data-bs-theme="dark"] .my-performance-chart__donut-summary span[b-xormie8882],
[data-theme="dark"] .my-performance-chart__ranked-subtitle[b-xormie8882],
[data-bs-theme="dark"] .my-performance-chart__ranked-subtitle[b-xormie8882],
[data-theme="dark"] .my-performance-chart__ranked-total span[b-xormie8882],
[data-bs-theme="dark"] .my-performance-chart__ranked-total span[b-xormie8882],
[data-theme="dark"] .my-performance-chart__ranked-value[b-xormie8882],
[data-bs-theme="dark"] .my-performance-chart__ranked-value[b-xormie8882] {
    color: rgba(223, 234, 251, 0.92);
}

[data-theme="dark"] .my-performance-chart__ranked-rail[b-xormie8882],
[data-bs-theme="dark"] .my-performance-chart__ranked-rail[b-xormie8882] {
    background: rgba(236, 243, 255, 0.12);
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.24);
}

@media (min-width: 768px) {
    .my-performance-chart__canvas-shell[b-xormie8882],
    .my-performance-chart__ranked-shell[b-xormie8882] {
        height: 100%;
        min-height: 248px;
    }

    .my-performance-chart__header[b-xormie8882] {
        margin-bottom: 0.32rem;
    }

    .my-performance-chart__canvas-shell--donut[b-xormie8882],
    .my-performance-chart__canvas-shell--line[b-xormie8882] {
        min-height: 252px;
    }

    .my-performance-chart__canvas-shell--donut[b-xormie8882] {
        width: clamp(9.5rem, 44%, 13rem);
        height: clamp(9.5rem, 44%, 13rem);
    }

    .my-performance-chart__status[b-xormie8882] {
        min-height: 232px;
    }

    .my-performance-chart__status--loading[b-xormie8882] {
        min-height: 272px;
    }

    .my-performance-chart--horizontal .my-performance-chart__canvas-shell[b-xormie8882] {
        min-height: 288px;
    }

    .my-performance-chart--vertical .my-performance-chart__canvas-shell[b-xormie8882] {
        min-height: 256px;
    }

    .my-performance-chart--doughnut .my-performance-chart__canvas-shell[b-xormie8882],
    .my-performance-chart--line .my-performance-chart__canvas-shell[b-xormie8882],
    .my-performance-chart--ranked .my-performance-chart__ranked-shell[b-xormie8882] {
        min-height: 252px;
    }

    .my-performance-chart--feature.my-performance-chart--horizontal .my-performance-chart__canvas-shell[b-xormie8882] {
        min-height: 302px;
    }

    .my-performance-chart--feature.my-performance-chart--vertical .my-performance-chart__canvas-shell[b-xormie8882] {
        min-height: 302px;
    }
}

@media (min-width: 992px) {
    .my-performance-chart__canvas-shell[b-xormie8882],
    .my-performance-chart__ranked-shell[b-xormie8882] {
        height: 100%;
    }

    .my-performance-chart__header[b-xormie8882] {
        margin-bottom: 0.24rem;
    }

    .my-performance-chart__canvas-shell[b-xormie8882],
    .my-performance-chart__ranked-shell[b-xormie8882] {
        min-height: 228px;
    }

    .my-performance-chart__canvas-shell--donut[b-xormie8882],
    .my-performance-chart__canvas-shell--line[b-xormie8882] {
        min-height: 232px;
    }

    .my-performance-chart__canvas-shell--donut[b-xormie8882] {
        width: clamp(8.9rem, 42%, 11.25rem);
        height: clamp(8.9rem, 42%, 11.25rem);
    }

    .my-performance-chart__status[b-xormie8882] {
        min-height: 220px;
    }

    .my-performance-chart__status--loading[b-xormie8882] {
        min-height: 260px;
    }

    .my-performance-chart--horizontal .my-performance-chart__canvas-shell[b-xormie8882] {
        min-height: 266px;
    }

    .my-performance-chart--vertical .my-performance-chart__canvas-shell[b-xormie8882] {
        min-height: 236px;
    }

    .my-performance-chart--doughnut .my-performance-chart__canvas-shell[b-xormie8882],
    .my-performance-chart--line .my-performance-chart__canvas-shell[b-xormie8882],
    .my-performance-chart--ranked .my-performance-chart__ranked-shell[b-xormie8882] {
        min-height: 232px;
    }

    .my-performance-chart--feature.my-performance-chart--horizontal .my-performance-chart__canvas-shell[b-xormie8882] {
        min-height: 286px;
    }

    .my-performance-chart--feature.my-performance-chart--vertical .my-performance-chart__canvas-shell[b-xormie8882] {
        min-height: 286px;
    }
}

@media (min-width: 1200px) {
    .my-performance-chart__canvas-shell[b-xormie8882],
    .my-performance-chart__ranked-shell[b-xormie8882] {
        min-height: 160px;
    }

    .my-performance-chart__canvas-shell--donut[b-xormie8882],
    .my-performance-chart__canvas-shell--line[b-xormie8882],
    .my-performance-chart--doughnut .my-performance-chart__canvas-shell[b-xormie8882],
    .my-performance-chart--line .my-performance-chart__canvas-shell[b-xormie8882],
    .my-performance-chart--ranked .my-performance-chart__ranked-shell[b-xormie8882] {
        min-height: 164px;
    }

    .my-performance-chart__canvas-shell--donut[b-xormie8882] {
        width: clamp(8.5rem, 36%, 10rem);
        height: clamp(8.5rem, 36%, 10rem);
    }

    .my-performance-chart--horizontal .my-performance-chart__canvas-shell[b-xormie8882] {
        min-height: 174px;
    }

    .my-performance-chart--vertical .my-performance-chart__canvas-shell[b-xormie8882] {
        min-height: 168px;
    }

    .my-performance-chart--feature.my-performance-chart--horizontal .my-performance-chart__canvas-shell[b-xormie8882] {
        min-height: 174px;
    }

    .my-performance-chart--feature.my-performance-chart--vertical .my-performance-chart__canvas-shell[b-xormie8882] {
        min-height: 174px;
    }

    .my-performance-chart__ranked-list[b-xormie8882] {
        gap: 0.46rem;
    }

    .my-performance-chart__ranked-item[b-xormie8882] {
        gap: 0.22rem;
    }

    .my-performance-chart__ranked-rail[b-xormie8882] {
        height: 0.48rem;
    }

    .my-performance-chart__donut-summary strong[b-xormie8882] {
        font-size: 1.58rem;
    }

    .my-performance-chart__donut-summary span[b-xormie8882],
    .my-performance-chart__ranked-subtitle[b-xormie8882],
    .my-performance-chart__ranked-total span[b-xormie8882] {
        font-size: 0.68rem;
    }
}

@media (max-width: 991.98px) {
    .my-performance-chart--horizontal .my-performance-chart__canvas-shell[b-xormie8882],
    .my-performance-chart--vertical .my-performance-chart__canvas-shell[b-xormie8882],
    .my-performance-chart--line .my-performance-chart__canvas-shell[b-xormie8882],
    .my-performance-chart--doughnut .my-performance-chart__canvas-shell[b-xormie8882],
    .my-performance-chart--ranked .my-performance-chart__ranked-shell[b-xormie8882] {
        min-height: 300px;
    }

    .my-performance-chart--feature.my-performance-chart--horizontal .my-performance-chart__canvas-shell[b-xormie8882],
    .my-performance-chart--feature.my-performance-chart--vertical .my-performance-chart__canvas-shell[b-xormie8882] {
        min-height: 360px;
    }

    .my-performance-chart__dialog-shell[b-xormie8882] {
        min-height: 380px;
    }
}

@media (max-width: 575.98px) {
    .my-performance-chart__header[b-xormie8882] {
        margin-bottom: 0.35rem;
    }

    .my-performance-chart__card-title[b-xormie8882] {
        font-size: 0.98rem;
    }

    .my-performance-chart__ranked-header[b-xormie8882] {
        flex-direction: column;
        align-items: start;
    }

    .my-performance-chart__ranked-row[b-xormie8882] {
        gap: 0.65rem;
    }

    .my-performance-chart__ranked-label[b-xormie8882],
    .my-performance-chart__ranked-value[b-xormie8882] {
        font-size: 0.82rem;
    }

    .my-performance-chart__ranked-value[b-xormie8882] {
        min-width: 4.4rem;
    }

    .my-performance-chart__ranked-total[b-xormie8882] {
        justify-items: start;
    }

    .my-performance-chart--horizontal .my-performance-chart__canvas-shell[b-xormie8882],
    .my-performance-chart--vertical .my-performance-chart__canvas-shell[b-xormie8882],
    .my-performance-chart--line .my-performance-chart__canvas-shell[b-xormie8882],
    .my-performance-chart--doughnut .my-performance-chart__canvas-shell[b-xormie8882],
    .my-performance-chart--ranked .my-performance-chart__ranked-shell[b-xormie8882],
    .my-performance-chart--feature.my-performance-chart--horizontal .my-performance-chart__canvas-shell[b-xormie8882],
    .my-performance-chart--feature.my-performance-chart--vertical .my-performance-chart__canvas-shell[b-xormie8882] {
        min-height: 280px;
    }

    .my-performance-chart__canvas-shell--donut[b-xormie8882] {
        width: min(100%, 13.5rem);
        height: min(13.5rem, 100%);
    }

    .my-performance-chart__dialog-shell[b-xormie8882] {
        min-height: 320px;
    }

    .my-performance-chart__status[b-xormie8882] {
        min-height: 220px;
    }
}
/* _content/EmpiriaBMS.App/Components/Dashboards/MyPerformanceDashboard/MyPerformanceDashboard.razor.rz.scp.css */
.my-performance-dashboard[b-jb1c2q1mbp] {
    margin: 0 auto;
    max-width: 1680px;
    padding-bottom: 0.4rem;
}
.my-performance-dashboard--loading[b-jb1c2q1mbp] {
    min-height: 220px;
    display: grid;
    place-items: center;
}
.my-performance-dashboard__hero[b-jb1c2q1mbp] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 1rem;
    align-items: stretch;
    margin-bottom: 1rem;
}
.my-performance-dashboard__hero-copy[b-jb1c2q1mbp],
.my-performance-dashboard__metric-card[b-jb1c2q1mbp],
.my-performance-dashboard__chart-card[b-jb1c2q1mbp] {
    display: grid;
    gap: 0.55rem;
    padding: clamp(1rem, 0.8rem + 0.4vw, 1.3rem);
    border: 1px solid color-mix(in srgb, var(--main-fg-color) 10%, transparent);
    border-radius: 18px;
    background: linear-gradient(
        180deg,
        color-mix(in srgb, var(--main-bg-color) 96%, white 4%),
        color-mix(in srgb, var(--main-bg-color) 98%, var(--primary-accent-color) 2%)
    );
    box-shadow: 0 10px 24px color-mix(in srgb, var(--main-fg-color) 8%, transparent);
}
.my-performance-dashboard__eyebrow[b-jb1c2q1mbp] {
    margin: 0;
    font-size: 0.76rem;
    font-weight: 800;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: color-mix(in srgb, var(--main-fg-color) 62%, transparent);
}
.my-performance-dashboard__title[b-jb1c2q1mbp] {
    margin: 0;
    font-size: clamp(1.1rem, 0.95rem + 0.45vw, 1.4rem);
    font-weight: 800;
    color: var(--main-fg-color);
}

.my-performance-dashboard__description[b-jb1c2q1mbp] {
    margin: 0;
    color: color-mix(in srgb, var(--main-fg-color) 72%, transparent);
}

.my-performance-dashboard__filters[b-jb1c2q1mbp] {
    display: flex;
    flex-wrap: wrap;
    align-items: end;
    gap: 0.85rem;
    margin-top: 0.45rem;
}

.my-performance-dashboard__filter[b-jb1c2q1mbp] {
    display: grid;
    gap: 0.4rem;
    min-width: min(100%, 420px);
}

.my-performance-dashboard__filter-heading[b-jb1c2q1mbp] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.55rem;
}

.my-performance-dashboard__filter-label[b-jb1c2q1mbp] {
    font-size: 0.74rem;
    font-weight: 800;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: color-mix(in srgb, var(--main-fg-color) 62%, transparent);
}

.my-performance-dashboard__filter-hint[b-jb1c2q1mbp] {
    display: inline-flex;
    align-items: center;
    padding: 0.26rem 0.7rem;
    border-radius: 999px;
    border: 1px solid color-mix(in srgb, var(--primary-bg-color) 30%, transparent);
    background: color-mix(in srgb, var(--primary-bg-color) 12%, var(--main-bg-color) 88%);
    color: color-mix(in srgb, var(--primary-bg-color) 84%, var(--main-fg-color) 16%);
    font-size: 0.72rem;
    font-weight: 800;
    letter-spacing: 0.02em;
    white-space: nowrap;
}

.my-performance-dashboard__date-range[b-jb1c2q1mbp] {
    width: 100%;
    min-width: 320px;
    border-radius: 16px;
    transition:
        transform 0.18s ease,
        border-color 0.18s ease,
        box-shadow 0.18s ease,
        background 0.18s ease;
}

[b-jb1c2q1mbp] input.my-performance-dashboard__date-range,
[b-jb1c2q1mbp] .my-performance-dashboard__date-range input,
[b-jb1c2q1mbp] .my-performance-dashboard__date-range.form-control {
    width: 100% !important;
    min-width: 0 !important;
    height: 3.15rem !important;
    padding: 0.72rem 1rem !important;
    border: 1px solid color-mix(in srgb, var(--primary-bg-color) 18%, var(--main-fg-color) 12%) !important;
    border-radius: 16px !important;
    background: linear-gradient(
        180deg,
        color-mix(in srgb, var(--main-bg-color) 92%, white 8%),
        color-mix(in srgb, var(--main-bg-color) 96%, var(--primary-bg-color) 4%)
    ) !important;
    box-shadow:
        0 12px 28px color-mix(in srgb, var(--main-fg-color) 7%, transparent),
        inset 0 1px 0 color-mix(in srgb, white 55%, transparent) !important;
    color: var(--main-fg-color) !important;
    -webkit-text-fill-color: var(--main-fg-color) !important;
    caret-color: var(--main-fg-color) !important;
    font-size: 0.98rem !important;
    font-weight: 800 !important;
    letter-spacing: 0.01em;
    cursor: pointer !important;
}

[b-jb1c2q1mbp] input.my-performance-dashboard__date-range:hover,
[b-jb1c2q1mbp] .my-performance-dashboard__date-range input:hover,
[b-jb1c2q1mbp] .my-performance-dashboard__date-range.form-control:hover {
    transform: translateY(-1px);
    border-color: color-mix(in srgb, var(--primary-bg-color) 42%, var(--main-fg-color) 8%) !important;
    box-shadow:
        0 16px 34px color-mix(in srgb, var(--primary-bg-color) 12%, transparent),
        inset 0 1px 0 color-mix(in srgb, white 58%, transparent) !important;
}

[b-jb1c2q1mbp] input.my-performance-dashboard__date-range:focus,
[b-jb1c2q1mbp] .my-performance-dashboard__date-range input:focus,
[b-jb1c2q1mbp] .my-performance-dashboard__date-range.form-control:focus,
[b-jb1c2q1mbp] input.my-performance-dashboard__date-range:focus-visible,
[b-jb1c2q1mbp] .my-performance-dashboard__date-range input:focus-visible,
[b-jb1c2q1mbp] .my-performance-dashboard__date-range.form-control:focus-visible {
    outline: none !important;
    border-color: color-mix(in srgb, var(--primary-bg-color) 62%, transparent) !important;
    box-shadow:
        0 0 0 4px color-mix(in srgb, var(--primary-bg-color) 18%, transparent),
        0 18px 38px color-mix(in srgb, var(--primary-bg-color) 14%, transparent),
        inset 0 1px 0 color-mix(in srgb, white 62%, transparent) !important;
}

[b-jb1c2q1mbp] input.my-performance-dashboard__date-range::placeholder,
[b-jb1c2q1mbp] .my-performance-dashboard__date-range input::placeholder,
[b-jb1c2q1mbp] .my-performance-dashboard__date-range.form-control::placeholder {
    color: color-mix(in srgb, var(--main-fg-color) 62%, transparent) !important;
    -webkit-text-fill-color: color-mix(in srgb, var(--main-fg-color) 62%, transparent) !important;
    opacity: 1 !important;
    font-weight: 700 !important;
}

[data-theme="dark"] .my-performance-dashboard__filter-hint[b-jb1c2q1mbp],
[data-bs-theme="dark"] .my-performance-dashboard__filter-hint[b-jb1c2q1mbp] {
    border-color: rgba(109, 160, 233, 0.32);
    background: rgba(66, 120, 194, 0.18);
    color: #dfeafb;
}

[data-theme="dark"][b-jb1c2q1mbp]  input.my-performance-dashboard__date-range,
[data-bs-theme="dark"][b-jb1c2q1mbp]  input.my-performance-dashboard__date-range,
[data-theme="dark"][b-jb1c2q1mbp]  .my-performance-dashboard__date-range input,
[data-bs-theme="dark"][b-jb1c2q1mbp]  .my-performance-dashboard__date-range input,
[data-theme="dark"][b-jb1c2q1mbp]  .my-performance-dashboard__date-range.form-control,
[data-bs-theme="dark"][b-jb1c2q1mbp]  .my-performance-dashboard__date-range.form-control {
    border-color: color-mix(in srgb, var(--primary-bg-color) 20%, #90a6c6 22%) !important;
    background: linear-gradient(180deg, #1d2940, #152239) !important;
    box-shadow:
        0 14px 30px rgba(5, 11, 22, 0.34),
        inset 0 1px 0 rgba(255, 255, 255, 0.08) !important;
}

[data-theme="dark"][b-jb1c2q1mbp]  input.my-performance-dashboard__date-range:hover,
[data-bs-theme="dark"][b-jb1c2q1mbp]  input.my-performance-dashboard__date-range:hover,
[data-theme="dark"][b-jb1c2q1mbp]  .my-performance-dashboard__date-range input:hover,
[data-bs-theme="dark"][b-jb1c2q1mbp]  .my-performance-dashboard__date-range input:hover,
[data-theme="dark"][b-jb1c2q1mbp]  .my-performance-dashboard__date-range.form-control:hover,
[data-bs-theme="dark"][b-jb1c2q1mbp]  .my-performance-dashboard__date-range.form-control:hover {
    border-color: color-mix(in srgb, var(--primary-bg-color) 34%, #b7cae2 18%) !important;
    box-shadow:
        0 18px 36px rgba(4, 11, 24, 0.42),
        0 0 0 1px rgba(120, 164, 224, 0.18),
        inset 0 1px 0 rgba(255, 255, 255, 0.1) !important;
}

[data-theme="dark"][b-jb1c2q1mbp]  input.my-performance-dashboard__date-range:focus,
[data-bs-theme="dark"][b-jb1c2q1mbp]  input.my-performance-dashboard__date-range:focus,
[data-theme="dark"][b-jb1c2q1mbp]  .my-performance-dashboard__date-range input:focus,
[data-bs-theme="dark"][b-jb1c2q1mbp]  .my-performance-dashboard__date-range input:focus,
[data-theme="dark"][b-jb1c2q1mbp]  .my-performance-dashboard__date-range.form-control:focus,
[data-bs-theme="dark"][b-jb1c2q1mbp]  .my-performance-dashboard__date-range.form-control:focus,
[data-theme="dark"][b-jb1c2q1mbp]  input.my-performance-dashboard__date-range:focus-visible,
[data-bs-theme="dark"][b-jb1c2q1mbp]  input.my-performance-dashboard__date-range:focus-visible,
[data-theme="dark"][b-jb1c2q1mbp]  .my-performance-dashboard__date-range input:focus-visible,
[data-bs-theme="dark"][b-jb1c2q1mbp]  .my-performance-dashboard__date-range input:focus-visible,
[data-theme="dark"][b-jb1c2q1mbp]  .my-performance-dashboard__date-range.form-control:focus-visible,
[data-bs-theme="dark"][b-jb1c2q1mbp]  .my-performance-dashboard__date-range.form-control:focus-visible {
    border-color: color-mix(in srgb, var(--primary-bg-color) 50%, #d8e6f7 14%) !important;
    box-shadow:
        0 0 0 4px rgba(77, 149, 255, 0.18),
        0 18px 38px rgba(4, 11, 24, 0.46),
        inset 0 1px 0 rgba(255, 255, 255, 0.12) !important;
}

.my-performance-dashboard__metric-card[b-jb1c2q1mbp] {
    min-width: min(100%, 280px);
    align-content: center;
    justify-items: start;
    min-height: 100%;
}

.my-performance-dashboard__metric-label[b-jb1c2q1mbp] {
    font-size: 0.78rem;
    font-weight: 800;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: color-mix(in srgb, var(--main-fg-color) 62%, transparent);
}

.my-performance-dashboard__metric-value[b-jb1c2q1mbp] {
    font-size: clamp(1.7rem, 2vw, 2.3rem);
    line-height: 1;
    color: var(--main-fg-color);
}

.my-performance-dashboard__metric-caption[b-jb1c2q1mbp] {
    color: color-mix(in srgb, var(--main-fg-color) 68%, transparent);
}

.my-performance-dashboard__grid[b-jb1c2q1mbp] {
    margin-top: 0 !important;
    align-items: stretch;
}

.my-performance-dashboard__charts[b-jb1c2q1mbp] {
    display: grid;
    gap: 1rem;
}

.my-performance-dashboard__feature-column[b-jb1c2q1mbp] {
    display: grid;
    gap: 1rem;
}

.my-performance-dashboard__stack[b-jb1c2q1mbp] {
    display: grid;
    gap: 1rem;
    height: 100%;
}

.my-performance-dashboard__chart-card--line-inline[b-jb1c2q1mbp] {
    display: none;
}

.my-performance-dashboard__chart-card[b-jb1c2q1mbp] {
    height: 100%;
    min-height: 360px;
    overflow: hidden;
}

.my-performance-dashboard__chart-card--feature[b-jb1c2q1mbp] {
    min-height: 430px;
}

.my-performance-dashboard__chart-card--compact[b-jb1c2q1mbp] {
    min-height: 330px;
}

.my-performance-dashboard__chart-card--medium[b-jb1c2q1mbp] {
    min-height: 360px;
}

.my-performance-dashboard__chart-card--project[b-jb1c2q1mbp] {
    background:
        radial-gradient(circle at top right, color-mix(in srgb, #7e74ff 14%, transparent), transparent 38%),
        linear-gradient(
            180deg,
            color-mix(in srgb, var(--main-bg-color) 96%, white 4%),
            color-mix(in srgb, var(--main-bg-color) 98%, #7e74ff 2%)
        );
}

.my-performance-dashboard__chart-card--donut[b-jb1c2q1mbp] {
    background:
        radial-gradient(circle at top center, color-mix(in srgb, #67a9ff 12%, transparent), transparent 42%),
        linear-gradient(
            180deg,
            color-mix(in srgb, var(--main-bg-color) 96%, white 4%),
            color-mix(in srgb, var(--main-bg-color) 98%, #67a9ff 2%)
        );
}

.my-performance-dashboard__chart-card--line[b-jb1c2q1mbp] {
    background:
        radial-gradient(circle at 12% 12%, color-mix(in srgb, #ffaf8e 10%, transparent), transparent 34%),
        linear-gradient(
            180deg,
            color-mix(in srgb, var(--main-bg-color) 96%, white 4%),
            color-mix(in srgb, var(--main-bg-color) 98%, #ffaf8e 2%)
        );
}

.my-performance-dashboard__chart-card--ranked[b-jb1c2q1mbp] {
    background:
        radial-gradient(circle at top left, color-mix(in srgb, #57d1b5 10%, transparent), transparent 38%),
        linear-gradient(
            180deg,
            color-mix(in srgb, var(--main-bg-color) 96%, white 4%),
            color-mix(in srgb, var(--main-bg-color) 98%, #57d1b5 2%)
        );
}

.my-performance-dashboard__chart-card--subcategories[b-jb1c2q1mbp] {
    background:
        radial-gradient(circle at top right, color-mix(in srgb, #ff8e78 10%, transparent), transparent 36%),
        linear-gradient(
            180deg,
            color-mix(in srgb, var(--main-bg-color) 96%, white 4%),
            color-mix(in srgb, var(--main-bg-color) 98%, #ff8e78 2%)
        );
}

@media (min-width: 768px) {
    .my-performance-dashboard[b-jb1c2q1mbp] {
        padding-bottom: 0.2rem;
    }

    .my-performance-dashboard__hero[b-jb1c2q1mbp] {
        grid-template-columns: minmax(0, 1fr) 220px;
        gap: 0.85rem;
        margin-bottom: 0.8rem;
    }

    .my-performance-dashboard__hero-copy[b-jb1c2q1mbp] {
        grid-template-columns: minmax(0, 1fr) minmax(260px, 300px);
        grid-template-areas:
            "eyebrow filter"
            "title filter"
            "description filter";
        column-gap: 0.85rem;
        row-gap: 0.3rem;
        align-items: center;
        padding: 0.92rem 0.96rem;
    }

    .my-performance-dashboard__eyebrow[b-jb1c2q1mbp] {
        grid-area: eyebrow;
    }

    .my-performance-dashboard__title[b-jb1c2q1mbp] {
        grid-area: title;
        font-size: 1.2rem;
    }

    .my-performance-dashboard__description[b-jb1c2q1mbp] {
        grid-area: description;
        max-width: 760px;
        font-size: 0.84rem;
        line-height: 1.4;
    }

    .my-performance-dashboard__filters[b-jb1c2q1mbp] {
        grid-area: filter;
        margin-top: 0;
        align-self: center;
        justify-self: end;
        width: min(100%, 300px);
    }

    .my-performance-dashboard__filter[b-jb1c2q1mbp] {
        min-width: 0;
    }

    .my-performance-dashboard__date-range[b-jb1c2q1mbp] {
        min-width: 0;
    }

    [b-jb1c2q1mbp] input.my-performance-dashboard__date-range,
    [b-jb1c2q1mbp] .my-performance-dashboard__date-range input,
    [b-jb1c2q1mbp] .my-performance-dashboard__date-range.form-control {
        height: 2.95rem !important;
        padding: 0.64rem 0.92rem !important;
        font-size: 0.94rem !important;
    }

    .my-performance-dashboard__metric-card[b-jb1c2q1mbp] {
        padding: 0.84rem 0.9rem;
    }

    .my-performance-dashboard__feature-column[b-jb1c2q1mbp],
    .my-performance-dashboard__stack[b-jb1c2q1mbp] {
        gap: 0.9rem;
    }

    .my-performance-dashboard__stack[b-jb1c2q1mbp] {
        grid-template-rows: minmax(188px, 1.08fr) minmax(132px, 0.92fr);
    }

    .my-performance-dashboard__chart-card[b-jb1c2q1mbp] {
        min-height: 286px;
        height: 286px;
        padding: 0.86rem 0.86rem 0.78rem;
    }

    .my-performance-dashboard__chart-card--feature[b-jb1c2q1mbp] {
        min-height: 330px;
        height: 330px;
    }

    .my-performance-dashboard__chart-card--compact[b-jb1c2q1mbp] {
        min-height: 0;
        height: auto;
    }

    .my-performance-dashboard__chart-card--medium[b-jb1c2q1mbp] {
        min-height: 300px;
        height: 300px;
    }

    .my-performance-dashboard__chart-card--stacked[b-jb1c2q1mbp] {
        min-height: 0;
        height: auto;
        padding: 0.74rem 0.78rem 0.7rem;
    }

    .my-performance-dashboard__chart-card--donut.my-performance-dashboard__chart-card--stacked[b-jb1c2q1mbp] {
        min-height: 0;
    }

    .my-performance-dashboard__chart-card--ranked.my-performance-dashboard__chart-card--stacked[b-jb1c2q1mbp] {
        min-height: 0;
    }

    .my-performance-dashboard__chart-card--donut.my-performance-dashboard__chart-card--stacked[b-jb1c2q1mbp]  .my-performance-chart__canvas-shell--donut {
        min-height: 0;
        height: 100%;
    }

    .my-performance-dashboard__chart-card--ranked.my-performance-dashboard__chart-card--stacked[b-jb1c2q1mbp]  .my-performance-chart__ranked-shell {
        min-height: 0;
        height: 100%;
    }

    .my-performance-dashboard__chart-card--donut.my-performance-dashboard__chart-card--stacked[b-jb1c2q1mbp]  .my-performance-chart__donut-summary strong {
        font-size: 1.82rem;
    }

    .my-performance-dashboard__chart-card--donut.my-performance-dashboard__chart-card--stacked[b-jb1c2q1mbp]  .my-performance-chart__donut-summary span {
        font-size: 0.74rem;
    }

    .my-performance-dashboard__chart-card--ranked.my-performance-dashboard__chart-card--stacked[b-jb1c2q1mbp]  .my-performance-chart__ranked-subtitle,
    .my-performance-dashboard__chart-card--ranked.my-performance-dashboard__chart-card--stacked[b-jb1c2q1mbp]  .my-performance-chart__ranked-total span {
        font-size: 0.68rem;
    }

    .my-performance-dashboard__chart-card--ranked.my-performance-dashboard__chart-card--stacked[b-jb1c2q1mbp]  .my-performance-chart__ranked-list {
        gap: 0.56rem;
    }

    .my-performance-dashboard__chart-card--ranked.my-performance-dashboard__chart-card--stacked[b-jb1c2q1mbp]  .my-performance-chart__ranked-item {
        gap: 0.3rem;
    }

    .my-performance-dashboard__chart-card--ranked.my-performance-dashboard__chart-card--stacked[b-jb1c2q1mbp]  .my-performance-chart__ranked-rail {
        height: 0.52rem;
    }

    .my-performance-dashboard__chart-card--stacked[b-jb1c2q1mbp]  .my-performance-chart__donut-summary strong {
        font-size: 1.68rem;
    }

    .my-performance-dashboard__chart-card--stacked[b-jb1c2q1mbp]  .my-performance-chart__donut-summary span,
    .my-performance-dashboard__chart-card--stacked[b-jb1c2q1mbp]  .my-performance-chart__ranked-subtitle,
    .my-performance-dashboard__chart-card--stacked[b-jb1c2q1mbp]  .my-performance-chart__ranked-total span {
        font-size: 0.7rem;
    }

    .my-performance-dashboard__chart-card--stacked[b-jb1c2q1mbp]  .my-performance-chart__ranked-list {
        gap: 0.58rem;
    }

    .my-performance-dashboard__chart-card--stacked[b-jb1c2q1mbp]  .my-performance-chart__ranked-item {
        gap: 0.3rem;
    }

    .my-performance-dashboard__chart-card--stacked[b-jb1c2q1mbp]  .my-performance-chart__ranked-rail {
        height: 0.52rem;
    }
}

@media (min-width: 992px) {
    .my-performance-dashboard[b-jb1c2q1mbp] {
        padding-bottom: 0.15rem;
        max-width: 1760px;
    }

    .my-performance-dashboard__hero[b-jb1c2q1mbp] {
        grid-template-columns: minmax(0, 1fr) 236px;
        gap: 0.8rem;
        margin-bottom: 0.7rem;
    }

    .my-performance-dashboard__hero-copy[b-jb1c2q1mbp] {
        grid-template-columns: minmax(0, 1fr) minmax(310px, 350px);
        grid-template-areas:
            "eyebrow filter"
            "title filter"
            "description filter";
        column-gap: 1rem;
        row-gap: 0.35rem;
        align-items: center;
        padding: 0.95rem 1rem;
    }

    .my-performance-dashboard__eyebrow[b-jb1c2q1mbp] {
        grid-area: eyebrow;
    }

    .my-performance-dashboard__title[b-jb1c2q1mbp] {
        grid-area: title;
        font-size: 1.28rem;
    }

    .my-performance-dashboard__description[b-jb1c2q1mbp] {
        grid-area: description;
        font-size: 0.88rem;
        line-height: 1.45;
        max-width: 840px;
    }

    .my-performance-dashboard__filters[b-jb1c2q1mbp] {
        grid-area: filter;
        margin-top: 0;
        align-self: center;
        justify-self: end;
        width: min(100%, 350px);
    }

    .my-performance-dashboard__charts[b-jb1c2q1mbp] {
        grid-template-columns: minmax(0, 1.45fr) minmax(0, 1fr);
        gap: 0.95rem;
    }

    .my-performance-dashboard__feature-column[b-jb1c2q1mbp] {
        display: grid;
        gap: 0.95rem;
    }

    .my-performance-dashboard__support-column[b-jb1c2q1mbp] {
        grid-column: 2;
        grid-row: 1 / span 2;
    }

    .my-performance-dashboard__line-standalone[b-jb1c2q1mbp] {
        grid-column: 1;
    }

    .my-performance-dashboard__chart-card[b-jb1c2q1mbp] {
        min-height: 268px;
        height: 268px;
        padding: 0.9rem 0.9rem 0.8rem;
    }

    .my-performance-dashboard__chart-card--feature[b-jb1c2q1mbp] {
        min-height: 624px;
        height: 624px;
    }

    .my-performance-dashboard__chart-card--compact[b-jb1c2q1mbp] {
        min-height: 0;
        height: auto;
    }

    .my-performance-dashboard__chart-card--medium[b-jb1c2q1mbp] {
        min-height: 280px;
        height: 280px;
    }

    .my-performance-dashboard__chart-card--stacked[b-jb1c2q1mbp] {
        min-height: 0;
        height: auto;
        padding: 0.78rem 0.82rem 0.72rem;
    }

    .my-performance-dashboard__metric-card[b-jb1c2q1mbp] {
        padding: 0.82rem 0.88rem;
    }

    .my-performance-dashboard__stack[b-jb1c2q1mbp] {
        grid-template-rows: minmax(176px, 1.06fr) minmax(136px, 0.94fr);
    }

    .my-performance-dashboard__filter[b-jb1c2q1mbp] {
        min-width: 0;
    }

    .my-performance-dashboard__date-range[b-jb1c2q1mbp] {
        min-width: 0;
    }

    [b-jb1c2q1mbp] input.my-performance-dashboard__date-range,
    [b-jb1c2q1mbp] .my-performance-dashboard__date-range input,
    [b-jb1c2q1mbp] .my-performance-dashboard__date-range.form-control {
        height: 2.9rem !important;
        padding: 0.62rem 0.92rem !important;
        font-size: 0.94rem !important;
    }

    .my-performance-dashboard__chart-card--donut.my-performance-dashboard__chart-card--stacked[b-jb1c2q1mbp] {
        min-height: 0;
    }

    .my-performance-dashboard__chart-card--ranked.my-performance-dashboard__chart-card--stacked[b-jb1c2q1mbp] {
        min-height: 0;
    }

    .my-performance-dashboard__chart-card--donut.my-performance-dashboard__chart-card--stacked[b-jb1c2q1mbp]  .my-performance-chart__canvas-shell--donut {
        min-height: 0;
        height: 100%;
    }

    .my-performance-dashboard__chart-card--ranked.my-performance-dashboard__chart-card--stacked[b-jb1c2q1mbp]  .my-performance-chart__ranked-shell {
        min-height: 0;
        height: 100%;
    }

    .my-performance-dashboard__chart-card--donut.my-performance-dashboard__chart-card--stacked[b-jb1c2q1mbp]  .my-performance-chart__donut-summary strong {
        font-size: 1.72rem;
    }

    .my-performance-dashboard__chart-card--donut.my-performance-dashboard__chart-card--stacked[b-jb1c2q1mbp]  .my-performance-chart__donut-summary span {
        font-size: 0.72rem;
    }

    .my-performance-dashboard__chart-card--ranked.my-performance-dashboard__chart-card--stacked[b-jb1c2q1mbp]  .my-performance-chart__ranked-subtitle,
    .my-performance-dashboard__chart-card--ranked.my-performance-dashboard__chart-card--stacked[b-jb1c2q1mbp]  .my-performance-chart__ranked-total span {
        font-size: 0.66rem;
    }

    .my-performance-dashboard__chart-card--ranked.my-performance-dashboard__chart-card--stacked[b-jb1c2q1mbp]  .my-performance-chart__ranked-list {
        gap: 0.52rem;
    }

    .my-performance-dashboard__chart-card--ranked.my-performance-dashboard__chart-card--stacked[b-jb1c2q1mbp]  .my-performance-chart__ranked-item {
        gap: 0.26rem;
    }

    .my-performance-dashboard__chart-card--ranked.my-performance-dashboard__chart-card--stacked[b-jb1c2q1mbp]  .my-performance-chart__ranked-rail {
        height: 0.48rem;
    }

    .my-performance-dashboard__chart-card--stacked[b-jb1c2q1mbp]  .my-performance-chart__donut-summary strong {
        font-size: 1.6rem;
    }

    .my-performance-dashboard__chart-card--stacked[b-jb1c2q1mbp]  .my-performance-chart__donut-summary span,
    .my-performance-dashboard__chart-card--stacked[b-jb1c2q1mbp]  .my-performance-chart__ranked-subtitle,
    .my-performance-dashboard__chart-card--stacked[b-jb1c2q1mbp]  .my-performance-chart__ranked-total span {
        font-size: 0.68rem;
    }

    .my-performance-dashboard__chart-card--stacked[b-jb1c2q1mbp]  .my-performance-chart__ranked-list {
        gap: 0.55rem;
    }

    .my-performance-dashboard__chart-card--stacked[b-jb1c2q1mbp]  .my-performance-chart__ranked-item {
        gap: 0.28rem;
    }

    .my-performance-dashboard__chart-card--stacked[b-jb1c2q1mbp]  .my-performance-chart__ranked-rail {
        height: 0.5rem;
    }
}

@media (min-width: 1200px) {
    .my-performance-dashboard[b-jb1c2q1mbp] {
        --project-insights-desktop-chart-height: 224px;
        --project-insights-desktop-gap: 0.8rem;
        max-width: 1880px;
    }

    .my-performance-dashboard__hero[b-jb1c2q1mbp] {
        grid-template-columns: minmax(0, 1fr) 224px;
        gap: 0.72rem;
        margin-bottom: 0.55rem;
    }

    .my-performance-dashboard__hero-copy[b-jb1c2q1mbp] {
        grid-template-columns: minmax(0, 1fr) minmax(280px, 330px);
        column-gap: 0.9rem;
        row-gap: 0.25rem;
        padding: 0.84rem 0.9rem;
    }

    .my-performance-dashboard__charts[b-jb1c2q1mbp] {
        grid-template-columns: minmax(0, 1.6fr) minmax(340px, 0.86fr);
        gap: var(--project-insights-desktop-gap);
        align-items: start;
    }

    .my-performance-dashboard__feature-column[b-jb1c2q1mbp] {
        gap: var(--project-insights-desktop-gap);
    }

    .my-performance-dashboard__chart-card[b-jb1c2q1mbp] {
        min-height: var(--project-insights-desktop-chart-height);
        height: var(--project-insights-desktop-chart-height);
        padding: 0.78rem 0.82rem 0.72rem;
    }

    .my-performance-dashboard__chart-card--feature[b-jb1c2q1mbp],
    .my-performance-dashboard__chart-card--compact[b-jb1c2q1mbp] {
        min-height: var(--project-insights-desktop-chart-height);
        height: var(--project-insights-desktop-chart-height);
    }

    .my-performance-dashboard__chart-card--feature[b-jb1c2q1mbp] {
        min-height: calc(var(--project-insights-desktop-chart-height) + var(--project-insights-desktop-chart-height));
        height: calc(var(--project-insights-desktop-chart-height) + var(--project-insights-desktop-chart-height));
    }

    .my-performance-dashboard__chart-card--medium[b-jb1c2q1mbp] {
        min-height: var(--project-insights-desktop-chart-height);
        height: var(--project-insights-desktop-chart-height);
    }

    .my-performance-dashboard__stack--support[b-jb1c2q1mbp] {
        gap: var(--project-insights-desktop-gap);
        grid-template-rows: repeat(3, var(--project-insights-desktop-chart-height));
    }

    .my-performance-dashboard__chart-card--donut.my-performance-dashboard__chart-card--stacked[b-jb1c2q1mbp] {
        min-height: var(--project-insights-desktop-chart-height);
    }

    .my-performance-dashboard__chart-card--ranked.my-performance-dashboard__chart-card--stacked[b-jb1c2q1mbp] {
        min-height: var(--project-insights-desktop-chart-height);
    }

    .my-performance-dashboard__chart-card--donut.my-performance-dashboard__chart-card--stacked[b-jb1c2q1mbp]  .my-performance-chart__canvas-shell--donut {
        min-height: 0;
        height: 100%;
    }

    .my-performance-dashboard__chart-card--ranked.my-performance-dashboard__chart-card--stacked[b-jb1c2q1mbp]  .my-performance-chart__ranked-shell {
        min-height: 0;
        height: 100%;
    }

    .my-performance-dashboard__chart-card--line-inline[b-jb1c2q1mbp] {
        display: grid;
    }

    .my-performance-dashboard__chart-card--line-external[b-jb1c2q1mbp],
    .my-performance-dashboard__line-standalone[b-jb1c2q1mbp] {
        display: none;
    }
}

@media (max-width: 1399.98px) {
    .my-performance-dashboard__chart-card[b-jb1c2q1mbp] {
        min-height: 340px;
    }

    .my-performance-dashboard__chart-card--feature[b-jb1c2q1mbp] {
        min-height: 400px;
    }

    .my-performance-dashboard__chart-card--compact[b-jb1c2q1mbp] {
        min-height: 320px;
    }
}

@media (max-width: 991.98px) {
    .my-performance-dashboard__hero[b-jb1c2q1mbp] {
        grid-template-columns: 1fr;
        gap: 0.85rem;
    }

    .my-performance-dashboard__stack[b-jb1c2q1mbp] {
        gap: 1rem;
        grid-template-rows: none;
    }

    .my-performance-dashboard__metric-card[b-jb1c2q1mbp] {
        min-width: 0;
    }

    .my-performance-dashboard__date-range[b-jb1c2q1mbp] {
        min-width: 0;
        width: 100%;
    }

    .my-performance-dashboard__chart-card[b-jb1c2q1mbp] {
        min-height: 320px;
    }

    .my-performance-dashboard__chart-card--feature[b-jb1c2q1mbp] {
        min-height: 360px;
    }

    .my-performance-dashboard__chart-card--compact[b-jb1c2q1mbp],
    .my-performance-dashboard__chart-card--medium[b-jb1c2q1mbp] {
        min-height: 320px;
    }
}

@media (max-width: 575.98px) {
    .my-performance-dashboard__hero-copy[b-jb1c2q1mbp],
    .my-performance-dashboard__metric-card[b-jb1c2q1mbp],
    .my-performance-dashboard__chart-card[b-jb1c2q1mbp] {
        border-radius: 16px;
        padding: 0.95rem;
    }

    .my-performance-dashboard__metric-value[b-jb1c2q1mbp] {
        font-size: 1.85rem;
    }

    .my-performance-dashboard__filters[b-jb1c2q1mbp],
    .my-performance-dashboard__filter[b-jb1c2q1mbp] {
        width: 100%;
    }

    [b-jb1c2q1mbp] input.my-performance-dashboard__date-range,
    [b-jb1c2q1mbp] .my-performance-dashboard__date-range input,
    [b-jb1c2q1mbp] .my-performance-dashboard__date-range.form-control {
        font-size: 0.94rem !important;
    }

    .my-performance-dashboard__chart-card[b-jb1c2q1mbp] {
        min-height: 300px;
    }

    .my-performance-dashboard__chart-card--feature[b-jb1c2q1mbp] {
        min-height: 330px;
    }

    .my-performance-dashboard__chart-card--compact[b-jb1c2q1mbp],
    .my-performance-dashboard__chart-card--medium[b-jb1c2q1mbp] {
        min-height: 300px;
    }
}
/* _content/EmpiriaBMS.App/Components/Dashboards/MyPerformanceDashboard/MyPerformanceTrainingTimeGauge.razor.rz.scp.css */
.my-performance-training-time-gauge[b-11wmj3sihm] {
    display: grid;
    gap: 0.7rem;
    width: 100%;
}

.my-performance-training-time-gauge__header[b-11wmj3sihm],
.my-performance-training-time-gauge__summary[b-11wmj3sihm] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
}

.my-performance-training-time-gauge__label[b-11wmj3sihm] {
    font-size: 0.78rem;
    font-weight: 800;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: color-mix(in srgb, var(--main-fg-color) 62%, transparent);
}

.my-performance-training-time-gauge__rating[b-11wmj3sihm] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 84px;
    padding: 0.32rem 0.65rem;
    border-radius: 999px;
    font-size: 0.76rem;
    font-weight: 800;
    letter-spacing: 0.03em;
}

.my-performance-training-time-gauge__rating--red[b-11wmj3sihm] {
    color: #7a1616;
    background: color-mix(in srgb, #ff6b6b 22%, white 78%);
}

.my-performance-training-time-gauge__rating--yellow[b-11wmj3sihm] {
    color: #7a5700;
    background: color-mix(in srgb, #ffd24a 32%, white 68%);
}

.my-performance-training-time-gauge__rating--green[b-11wmj3sihm] {
    color: #14532d;
    background: color-mix(in srgb, #67d77d 24%, white 76%);
}

.my-performance-training-time-gauge__dial[b-11wmj3sihm] {
    position: relative;
    width: min(100%, 320px);
    justify-self: center;
    aspect-ratio: 2 / 1;
    overflow: hidden;
}

.my-performance-training-time-gauge__arc[b-11wmj3sihm],
.my-performance-training-time-gauge__arc[b-11wmj3sihm]::before,
.my-performance-training-time-gauge__arc[b-11wmj3sihm]::after {
    position: absolute;
    inset: 0;
}

.my-performance-training-time-gauge__arc[b-11wmj3sihm]::before {
    content: "";
    width: 100%;
    aspect-ratio: 1 / 1;
    border-radius: 50%;
    background:
        conic-gradient(
            from 270deg,
            #df3434 0deg 36deg,
            #ff7b74 36deg 72deg,
            #ffd24a 72deg 108deg,
            #7bdd89 108deg 144deg,
            #2fa646 144deg 180deg,
            transparent 180deg 360deg);
}

.my-performance-training-time-gauge__arc[b-11wmj3sihm]::after {
    content: "";
    inset: auto;
}

.my-performance-training-time-gauge__needle[b-11wmj3sihm] {
    position: absolute;
    left: 50%;
    bottom: 0;
    width: 44%;
    height: 16px;
    transform-origin: 0 50%;
    transform: translateY(-1px) rotate(var(--needle-angle));
    filter:
        drop-shadow(0 1px 3px rgba(255, 255, 255, 0.55))
        drop-shadow(0 7px 16px rgba(15, 23, 42, 0.34));
}

.my-performance-training-time-gauge__needle[b-11wmj3sihm]::before {
    content: "";
    position: absolute;
    inset: 0;
    clip-path: polygon(0 50%, 62% 18%, 92% 44%, 100% 50%, 92% 56%, 62% 82%);
    background: linear-gradient(
        90deg,
        #f8fafc 0%,
        #dbe4ef 14%,
        #97a6ba 32%,
        #253246 58%,
        #0f172a 82%,
        #020617 100%);
    border: 1px solid rgba(255, 255, 255, 0.88);
    border-right-color: rgba(255, 255, 255, 0.42);
    border-left-color: rgba(255, 255, 255, 0.96);
    box-shadow:
        0 3px 10px rgba(15, 23, 42, 0.24),
        inset 0 1px 0 rgba(255, 255, 255, 0.74),
        inset 0 -1px 0 rgba(15, 23, 42, 0.26);
}

.my-performance-training-time-gauge__needle[b-11wmj3sihm]::after {
    content: "";
    position: absolute;
    left: 8%;
    right: 14%;
    top: 50%;
    height: 2px;
    border-radius: 999px;
    transform: translateY(-50%);
    background: linear-gradient(
        90deg,
        rgba(255, 255, 255, 0.85) 0%,
        rgba(255, 255, 255, 0.56) 42%,
        rgba(255, 255, 255, 0.08) 100%);
    box-shadow: 0 0 8px rgba(255, 255, 255, 0.18);
}

.my-performance-training-time-gauge__hub[b-11wmj3sihm] {
    position: absolute;
    left: 50%;
    bottom: 0;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    transform: translate(-50%, 50%);
    background: radial-gradient(circle at 32% 30%, #ffffff 0%, #edf1f7 18%, #cfd6e2 48%, #98a4b5 72%, #7d8797 100%);
    border: 1px solid rgba(255, 255, 255, 0.92);
    box-shadow:
        0 5px 16px rgba(15, 23, 42, 0.22),
        inset 0 1px 1px rgba(255, 255, 255, 0.88),
        inset 0 -2px 4px rgba(15, 23, 42, 0.16);
}

.my-performance-training-time-gauge__value[b-11wmj3sihm] {
    font-size: clamp(1.55rem, 1.15rem + 1vw, 2.1rem);
    line-height: 1;
    color: var(--main-fg-color);
}

.my-performance-training-time-gauge__target[b-11wmj3sihm] {
    font-size: 0.82rem;
    font-weight: 700;
    color: color-mix(in srgb, var(--main-fg-color) 70%, transparent);
    text-align: right;
}

.my-performance-training-time-gauge__caption[b-11wmj3sihm] {
    color: color-mix(in srgb, var(--main-fg-color) 68%, transparent);
}

@media (max-width: 575.98px) {
    .my-performance-training-time-gauge[b-11wmj3sihm] {
        gap: 0.6rem;
    }

    .my-performance-training-time-gauge__header[b-11wmj3sihm],
    .my-performance-training-time-gauge__summary[b-11wmj3sihm] {
        align-items: start;
        flex-direction: column;
        gap: 0.35rem;
    }

    .my-performance-training-time-gauge__rating[b-11wmj3sihm] {
        min-width: 0;
    }

    .my-performance-training-time-gauge__dial[b-11wmj3sihm] {
        width: min(100%, 280px);
    }

    .my-performance-training-time-gauge__arc[b-11wmj3sihm]::after {
        inset: auto;
    }

    .my-performance-training-time-gauge__target[b-11wmj3sihm] {
        text-align: left;
    }
}
/* _content/EmpiriaBMS.App/Components/Dashboards/ProjectInsightsDashboard/ProjectInsightsDashboard.razor.rz.scp.css */
.project-insights-dashboard[b-0tkyawkfi3] {
    --project-insights-gap: clamp(0.75rem, 0.55rem + 0.4vw, 1rem);
    width: min(100%, 1840px);
    margin: 0 auto;
    padding: 0 0.15rem 1rem;
    color: var(--main-fg-color);
}

.project-insights-dashboard__header[b-0tkyawkfi3] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 1rem;
    align-items: center;
    padding: 0.9rem 1rem;
    margin-bottom: var(--project-insights-gap);
    border: 1px solid color-mix(in srgb, var(--main-fg-color) 10%, transparent);
    border-radius: 17px;
    background:
        radial-gradient(circle at 90% 0, color-mix(in srgb, var(--primary-bg-color) 9%, transparent), transparent 38%),
        color-mix(in srgb, var(--main-bg-color) 97%, white 3%);
    box-shadow: 0 9px 24px color-mix(in srgb, var(--main-fg-color) 7%, transparent);
}

.project-insights-dashboard__heading[b-0tkyawkfi3] {
    min-width: 0;
}

.project-insights-dashboard__eyebrow[b-0tkyawkfi3] {
    color: color-mix(in srgb, var(--main-fg-color) 58%, transparent);
    font-size: 0.7rem;
    font-weight: 800;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.project-insights-dashboard__heading h2[b-0tkyawkfi3] {
    margin: 0.12rem 0 0;
    color: var(--main-fg-color);
    font-size: clamp(1.12rem, 1rem + 0.35vw, 1.42rem);
    line-height: 1.2;
}

.project-insights-dashboard__heading p[b-0tkyawkfi3] {
    max-width: 760px;
    margin: 0.22rem 0 0;
    color: color-mix(in srgb, var(--main-fg-color) 66%, transparent);
    font-size: 0.82rem;
    line-height: 1.4;
}

.project-insights-dashboard__range[b-0tkyawkfi3] {
    display: grid;
    gap: 0.3rem;
    width: min(100%, 320px);
}

.project-insights-dashboard__range label[b-0tkyawkfi3] {
    color: color-mix(in srgb, var(--main-fg-color) 60%, transparent);
    font-size: 0.68rem;
    font-weight: 800;
    letter-spacing: 0.06em;
    text-transform: uppercase;
}

.project-insights-dashboard__refresh-slot[b-0tkyawkfi3] {
    align-self: center;
    display: flex;
    min-height: 2.75rem;
}

[b-0tkyawkfi3] fluent-button.project-insights-dashboard__refresh {
    display: flex;
    min-height: 2.75rem;
}

[b-0tkyawkfi3] fluent-button.project-insights-dashboard__refresh::part(control) {
    box-sizing: border-box;
    min-height: 2.75rem;
    padding-inline: 1rem;
    border: 1px solid color-mix(in srgb, var(--main-fg-color) 42%, transparent) !important;
    border-radius: 11px;
    color: var(--main-fg-color) !important;
    -webkit-text-fill-color: var(--main-fg-color) !important;
    font-weight: 700;
}

.project-insights-dashboard__date-range[b-0tkyawkfi3] {
    width: 100%;
}

[b-0tkyawkfi3] fluent-button.project-insights-dashboard__reset-range {
    justify-self: end;
    color: var(--main-fg-color) !important;
    -webkit-text-fill-color: var(--main-fg-color) !important;
}

[b-0tkyawkfi3] fluent-button.project-insights-dashboard__reset-range::part(control) {
    min-height: 1.9rem;
    padding-inline: 0.45rem;
    color: var(--main-fg-color) !important;
    -webkit-text-fill-color: var(--main-fg-color) !important;
    font-size: 0.75rem;
    font-weight: 700;
}

[b-0tkyawkfi3] fluent-button.project-insights-dashboard__reset-range[disabled]::part(control) {
    border: 1px solid color-mix(in srgb, var(--main-fg-color) 24%, transparent) !important;
    background: color-mix(in srgb, var(--main-bg-color) 90%, var(--main-fg-color) 10%) !important;
    color: color-mix(in srgb, var(--main-fg-color) 72%, transparent) !important;
    -webkit-text-fill-color: color-mix(in srgb, var(--main-fg-color) 72%, transparent) !important;
    opacity: 1 !important;
}

[b-0tkyawkfi3] input.project-insights-dashboard__date-range,
[b-0tkyawkfi3] .project-insights-dashboard__date-range input,
[b-0tkyawkfi3] .project-insights-dashboard__date-range.form-control {
    width: 100% !important;
    min-width: 0 !important;
    height: 2.7rem !important;
    padding: 0.55rem 0.78rem !important;
    border: 1px solid color-mix(in srgb, var(--main-fg-color) 13%, transparent) !important;
    border-radius: 11px !important;
    background: color-mix(in srgb, var(--main-bg-color) 98%, var(--main-fg-color) 2%) !important;
    color: var(--main-fg-color) !important;
    -webkit-text-fill-color: var(--main-fg-color) !important;
    font-size: 0.86rem !important;
    font-weight: 700 !important;
    cursor: pointer;
}

[b-0tkyawkfi3] input.project-insights-dashboard__date-range:focus,
[b-0tkyawkfi3] .project-insights-dashboard__date-range input:focus,
[b-0tkyawkfi3] .project-insights-dashboard__date-range.form-control:focus {
    outline: 0 !important;
    border-color: color-mix(in srgb, var(--primary-bg-solid-color) 58%, transparent) !important;
    box-shadow: 0 0 0 3px color-mix(in srgb, var(--primary-bg-solid-color) 16%, transparent) !important;
}

.project-insights-dashboard__content[b-0tkyawkfi3] {
    display: grid;
    gap: var(--project-insights-gap);
}

.project-insights-dashboard__group[b-0tkyawkfi3] {
    display: grid;
    min-width: 0;
    gap: var(--project-insights-gap);
    padding: clamp(0.75rem, 0.6rem + 0.45vw, 1.15rem);
    border: 1px solid color-mix(in srgb, var(--main-fg-color) 9%, transparent);
    border-radius: 20px;
    background: color-mix(in srgb, var(--main-bg-color) 98%, var(--main-fg-color) 2%);
}

.project-insights-dashboard__group--date-range[b-0tkyawkfi3] {
    background:
        radial-gradient(circle at 96% 0, color-mix(in srgb, #5c63e5 5%, transparent), transparent 32%),
        color-mix(in srgb, var(--main-bg-color) 98%, var(--main-fg-color) 2%);
}

.project-insights-dashboard__group--current[b-0tkyawkfi3] {
    background:
        radial-gradient(circle at 96% 0, color-mix(in srgb, #2ea86b 5%, transparent), transparent 32%),
        color-mix(in srgb, var(--main-bg-color) 98%, var(--main-fg-color) 2%);
}

.project-insights-dashboard__group-header[b-0tkyawkfi3] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 1rem;
    align-items: center;
    min-width: 0;
    padding: 0.1rem 0.15rem;
}

.project-insights-dashboard__group-heading[b-0tkyawkfi3] {
    display: flex;
    align-items: flex-start;
    gap: 0.7rem;
    min-width: 0;
}

.project-insights-dashboard__group-icon[b-0tkyawkfi3] {
    display: inline-grid;
    flex: 0 0 auto;
    width: 2.25rem;
    height: 2.25rem;
    place-items: center;
    border-radius: 11px;
    background: color-mix(in srgb, var(--primary-bg-solid-color) 12%, transparent);
    color: var(--primary-bg-solid-color);
}

.project-insights-dashboard__group-heading h3[b-0tkyawkfi3] {
    margin: 0;
    color: var(--main-fg-color);
    font-size: clamp(1rem, 0.94rem + 0.22vw, 1.18rem);
    line-height: 1.25;
}

.project-insights-dashboard__group-heading p[b-0tkyawkfi3] {
    max-width: 760px;
    margin: 0.24rem 0 0;
    color: color-mix(in srgb, var(--main-fg-color) 63%, transparent);
    font-size: 0.78rem;
    line-height: 1.45;
}

.project-insights-dashboard__group-actions[b-0tkyawkfi3] {
    display: flex;
    align-items: end;
    justify-content: end;
    min-width: 0;
}

.project-insights-dashboard__group-content[b-0tkyawkfi3] {
    display: grid;
    min-width: 0;
    gap: var(--project-insights-gap);
}

.project-insights-dashboard__primary[b-0tkyawkfi3],
.project-insights-dashboard__secondary[b-0tkyawkfi3],
.project-insights-dashboard__governance[b-0tkyawkfi3],
.project-insights-dashboard__pm-attention[b-0tkyawkfi3] {
    display: grid;
    gap: var(--project-insights-gap);
}

.project-insights-dashboard__primary[b-0tkyawkfi3] {
    grid-template-columns: minmax(0, 1.45fr) minmax(330px, 0.85fr);
}

.project-insights-dashboard__secondary[b-0tkyawkfi3] {
    grid-template-columns: minmax(0, 1.55fr) minmax(270px, 0.65fr);
}

.project-insights-dashboard__governance[b-0tkyawkfi3] {
    grid-template-columns: minmax(0, 1fr) minmax(340px, 0.92fr);
}

.project-insights-dashboard__pm-attention[b-0tkyawkfi3] {
    grid-template-columns: minmax(320px, 0.78fr) minmax(0, 1.22fr);
}

.project-insights-dashboard__primary--single[b-0tkyawkfi3],
.project-insights-dashboard__secondary--single[b-0tkyawkfi3],
.project-insights-dashboard__governance--single[b-0tkyawkfi3],
.project-insights-dashboard__pm-attention--single[b-0tkyawkfi3] {
    grid-template-columns: minmax(0, 1fr);
}

.project-insights-dashboard__panel[b-0tkyawkfi3] {
    min-width: 0;
    overflow: hidden;
    padding: 0.85rem 0.9rem;
    border: 1px solid color-mix(in srgb, var(--main-fg-color) 10%, transparent);
    border-radius: 17px;
    background: color-mix(in srgb, var(--main-bg-color) 97%, white 3%);
    box-shadow: 0 9px 24px color-mix(in srgb, var(--main-fg-color) 7%, transparent);
}

.project-insights-dashboard__panel--trend[b-0tkyawkfi3],
.project-insights-dashboard__panel--projects[b-0tkyawkfi3] {
    height: 330px;
}

.project-insights-dashboard__panel--breakdown[b-0tkyawkfi3] {
    height: 585px;
}

.project-insights-dashboard__panel--attention[b-0tkyawkfi3],
.project-insights-dashboard__panel--resource[b-0tkyawkfi3],
.project-insights-dashboard__panel--health[b-0tkyawkfi3],
.project-insights-dashboard__panel--critical[b-0tkyawkfi3],
.project-insights-dashboard__panel--next[b-0tkyawkfi3],
.project-insights-dashboard__panel--open[b-0tkyawkfi3] {
    min-height: 265px;
}

.project-insights-dashboard__panel--health[b-0tkyawkfi3],
.project-insights-dashboard__panel--critical[b-0tkyawkfi3] {
    height: 430px;
}

.project-insights-dashboard__panel--active[b-0tkyawkfi3] {
    height: 390px;
}

.project-insights-dashboard__panel--next[b-0tkyawkfi3],
.project-insights-dashboard__panel--open[b-0tkyawkfi3] {
    height: 320px;
}

.project-insights-dashboard__panel--health[b-0tkyawkfi3] {
    background:
        radial-gradient(circle at top right, color-mix(in srgb, #2ea86b 7%, transparent), transparent 35%),
        color-mix(in srgb, var(--main-bg-color) 97%, white 3%);
}

.project-insights-dashboard__panel--critical[b-0tkyawkfi3] {
    background:
        radial-gradient(circle at top right, color-mix(in srgb, #df4b5f 7%, transparent), transparent 35%),
        color-mix(in srgb, var(--main-bg-color) 97%, white 3%);
}

.project-insights-dashboard__panel--trend[b-0tkyawkfi3] {
    background:
        radial-gradient(circle at top right, color-mix(in srgb, #5c63e5 9%, transparent), transparent 36%),
        color-mix(in srgb, var(--main-bg-color) 97%, white 3%);
}

.project-insights-dashboard__panel--projects[b-0tkyawkfi3] {
    background:
        radial-gradient(circle at top right, color-mix(in srgb, #4ecdb3 8%, transparent), transparent 36%),
        color-mix(in srgb, var(--main-bg-color) 97%, white 3%);
}

.project-insights-dashboard__panel--breakdown[b-0tkyawkfi3] {
    background:
        radial-gradient(circle at top right, color-mix(in srgb, #52abf5 7%, transparent), transparent 35%),
        color-mix(in srgb, var(--main-bg-color) 97%, white 3%);
}

[data-theme="dark"] .project-insights-dashboard__header[b-0tkyawkfi3],
[data-bs-theme="dark"] .project-insights-dashboard__header[b-0tkyawkfi3],
[data-theme="dark"] .project-insights-dashboard__group[b-0tkyawkfi3],
[data-bs-theme="dark"] .project-insights-dashboard__group[b-0tkyawkfi3],
[data-theme="dark"] .project-insights-dashboard__panel[b-0tkyawkfi3],
[data-bs-theme="dark"] .project-insights-dashboard__panel[b-0tkyawkfi3] {
    background-color: color-mix(in srgb, var(--main-bg-color) 96%, #17243a 4%);
    border-color: rgba(224, 234, 249, 0.12);
    box-shadow: 0 10px 26px rgba(2, 8, 18, 0.28);
}

@media (max-width: 1199.98px) {
    .project-insights-dashboard__primary[b-0tkyawkfi3] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 991.98px) {
    .project-insights-dashboard__header[b-0tkyawkfi3] {
        grid-template-columns: 1fr;
        align-items: start;
    }

    .project-insights-dashboard__range[b-0tkyawkfi3] {
        width: min(100%, 360px);
    }

    .project-insights-dashboard__primary[b-0tkyawkfi3],
    .project-insights-dashboard__secondary[b-0tkyawkfi3],
    .project-insights-dashboard__governance[b-0tkyawkfi3],
    .project-insights-dashboard__pm-attention[b-0tkyawkfi3] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .project-insights-dashboard__panel--trend[b-0tkyawkfi3],
    .project-insights-dashboard__panel--projects[b-0tkyawkfi3] {
        height: 350px;
    }

    .project-insights-dashboard__panel--breakdown[b-0tkyawkfi3] {
        height: 615px;
    }
}

@media (max-width: 767.98px) {
    .project-insights-dashboard[b-0tkyawkfi3] {
        --project-insights-gap: 0.7rem;
    }

    .project-insights-dashboard__group-header[b-0tkyawkfi3] {
        grid-template-columns: minmax(0, 1fr);
        align-items: start;
    }

    .project-insights-dashboard__group-actions[b-0tkyawkfi3] {
        justify-content: start;
        width: 100%;
    }

    .project-insights-dashboard__primary[b-0tkyawkfi3],
    .project-insights-dashboard__secondary[b-0tkyawkfi3],
    .project-insights-dashboard__governance[b-0tkyawkfi3],
    .project-insights-dashboard__pm-attention[b-0tkyawkfi3] {
        grid-template-columns: minmax(0, 1fr);
    }

    .project-insights-dashboard__range[b-0tkyawkfi3] {
        width: min(100%, 420px);
    }

    .project-insights-dashboard__panel--trend[b-0tkyawkfi3],
    .project-insights-dashboard__panel--projects[b-0tkyawkfi3] {
        height: 320px;
    }

    .project-insights-dashboard__panel--breakdown[b-0tkyawkfi3] {
        height: 645px;
    }

    .project-insights-dashboard__panel--health[b-0tkyawkfi3],
    .project-insights-dashboard__panel--critical[b-0tkyawkfi3],
    .project-insights-dashboard__panel--active[b-0tkyawkfi3],
    .project-insights-dashboard__panel--next[b-0tkyawkfi3],
    .project-insights-dashboard__panel--open[b-0tkyawkfi3] {
        height: auto;
        min-height: 300px;
    }
}

@media (max-width: 575.98px) {
    .project-insights-dashboard[b-0tkyawkfi3] {
        --project-insights-mobile-panel-max-height: 430px;
    }

    .project-insights-dashboard__header[b-0tkyawkfi3],
    .project-insights-dashboard__group[b-0tkyawkfi3],
    .project-insights-dashboard__panel[b-0tkyawkfi3] {
        border-radius: 15px;
    }

    .project-insights-dashboard__panel[b-0tkyawkfi3],
    [b-0tkyawkfi3] .project-insights-summary {
        max-height: var(--project-insights-mobile-panel-max-height);
        overflow-y: auto;
        overscroll-behavior-y: contain;
        scrollbar-width: thin;
    }

    .project-insights-dashboard__panel--active[b-0tkyawkfi3] {
        overflow-y: hidden;
    }

    .project-insights-dashboard__summary[b-0tkyawkfi3] {
        min-width: 0;
        padding-bottom: 3rem;
    }

    .project-insights-dashboard__header[b-0tkyawkfi3] {
        padding: 0.85rem;
    }

    .project-insights-dashboard__heading p[b-0tkyawkfi3] {
        font-size: 0.78rem;
    }

    .project-insights-dashboard__refresh-slot[b-0tkyawkfi3],
    [b-0tkyawkfi3] fluent-button.project-insights-dashboard__refresh {
        width: 100%;
    }

    .project-insights-dashboard__range[b-0tkyawkfi3] {
        width: 100%;
    }
}
/* _content/EmpiriaBMS.App/Components/Dashboards/ProjectInsightsDashboard/SubComponents/ProjectInsightsActiveProjectsPanel.razor.rz.scp.css */
.project-insights-active[b-i1i8l5goo8] {
    display: grid;
    grid-template-rows: auto minmax(0, 1fr);
    gap: 0.8rem;
    height: 100%;
    min-height: 0;
}

.project-insights-active__header[b-i1i8l5goo8] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
}

.project-insights-active__header div > span[b-i1i8l5goo8] {
    color: color-mix(in srgb, var(--main-fg-color) 58%, transparent);
    font-size: 0.7rem;
    font-weight: 800;
    letter-spacing: 0.07em;
    text-transform: uppercase;
}

.project-insights-active h3[b-i1i8l5goo8] {
    margin: 0.16rem 0 0;
    color: var(--main-fg-color);
    font-size: 1.02rem;
}

.project-insights-active__header > strong[b-i1i8l5goo8] {
    flex: none;
    padding: 0.26rem 0.55rem;
    border-radius: 999px;
    background: color-mix(in srgb, var(--primary-bg-color) 12%, transparent);
    color: color-mix(in srgb, var(--primary-bg-color) 76%, var(--main-fg-color) 24%);
    font-size: 0.7rem;
}

.project-insights-active__table-shell[b-i1i8l5goo8] {
    min-height: 0;
    overflow: auto;
    border: 1px solid color-mix(in srgb, var(--main-fg-color) 8%, transparent);
    border-radius: 12px;
    scrollbar-width: thin;
}

.project-insights-active__table[b-i1i8l5goo8] {
    width: 100%;
    border-collapse: separate;
    border-spacing: 0;
    color: var(--main-fg-color);
    font-size: 0.72rem;
}

.project-insights-active__table th[b-i1i8l5goo8],
.project-insights-active__table td[b-i1i8l5goo8] {
    padding: 0.55rem 0.6rem;
    border-bottom: 1px solid color-mix(in srgb, var(--main-fg-color) 7%, transparent);
    text-align: left;
    white-space: nowrap;
}

.project-insights-active__table th[b-i1i8l5goo8] {
    position: sticky;
    top: 0;
    z-index: 1;
    background: color-mix(in srgb, var(--main-bg-color) 92%, var(--primary-bg-color) 8%);
    color: color-mix(in srgb, var(--main-fg-color) 64%, transparent);
    font-size: 0.66rem;
    letter-spacing: 0.04em;
    text-transform: uppercase;
}

.project-insights-active__table td:first-child[b-i1i8l5goo8] {
    min-width: 210px;
    max-width: 300px;
}

.project-insights-active__table td:first-child strong[b-i1i8l5goo8] {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
}

.project-insights-active__table tbody tr:last-child td[b-i1i8l5goo8] {
    border-bottom: 0;
}

.project-insights-active__table tbody tr:nth-child(even)[b-i1i8l5goo8] {
    background: color-mix(in srgb, var(--main-fg-color) 2%, transparent);
}

.project-insights-active__health[b-i1i8l5goo8] {
    display: inline-flex;
    padding: 0.2rem 0.42rem;
    border-radius: 999px;
    font-size: 0.66rem;
    font-weight: 800;
}

.project-insights-active__health--green[b-i1i8l5goo8] {
    background: color-mix(in srgb, #2ea86b 16%, transparent);
    color: color-mix(in srgb, #2ea86b 72%, var(--main-fg-color) 28%);
}

.project-insights-active__health--amber[b-i1i8l5goo8] {
    background: color-mix(in srgb, #d69b22 17%, transparent);
    color: color-mix(in srgb, #d69b22 75%, var(--main-fg-color) 25%);
}

.project-insights-active__health--red[b-i1i8l5goo8] {
    background: color-mix(in srgb, #df4b5f 16%, transparent);
    color: color-mix(in srgb, #df4b5f 74%, var(--main-fg-color) 26%);
}

.project-insights-active__empty[b-i1i8l5goo8] {
    display: grid;
    gap: 0.25rem;
    min-height: 140px;
    place-content: center;
    text-align: center;
}

.project-insights-active__empty span[b-i1i8l5goo8] {
    color: color-mix(in srgb, var(--main-fg-color) 58%, transparent);
    font-size: 0.76rem;
}

@media (max-width: 575.98px) {
    .project-insights-active__table-shell[b-i1i8l5goo8] {
        max-height: calc(var(--project-insights-mobile-panel-max-height, 430px) - 5.5rem);
        overflow: hidden;
        border: 0;
    }

    .project-insights-active__table[b-i1i8l5goo8],
    .project-insights-active__table tbody[b-i1i8l5goo8],
    .project-insights-active__table tr[b-i1i8l5goo8],
    .project-insights-active__table td[b-i1i8l5goo8] {
        display: block;
        width: 100%;
    }

    .project-insights-active__table thead[b-i1i8l5goo8] {
        display: none;
    }

    .project-insights-active__table tbody[b-i1i8l5goo8] {
        display: grid;
        gap: 0.6rem;
        max-height: calc(var(--project-insights-mobile-panel-max-height, 430px) - 5.5rem);
        overflow-y: auto;
        overscroll-behavior-y: contain;
        scrollbar-width: thin;
    }

    .project-insights-active__table tr[b-i1i8l5goo8] {
        padding: 0.55rem 0.65rem;
        border: 1px solid color-mix(in srgb, var(--main-fg-color) 9%, transparent);
        border-radius: 12px;
    }

    .project-insights-active__table td[b-i1i8l5goo8],
    .project-insights-active__table td:first-child[b-i1i8l5goo8] {
        display: grid;
        grid-template-columns: minmax(84px, 0.75fr) minmax(0, 1.25fr);
        gap: 0.55rem;
        min-width: 0;
        max-width: none;
        padding: 0.32rem 0;
        border-bottom: 1px solid color-mix(in srgb, var(--main-fg-color) 6%, transparent);
        text-align: right;
        white-space: normal;
    }

    .project-insights-active__table td[b-i1i8l5goo8]::before {
        content: attr(data-label);
        color: color-mix(in srgb, var(--main-fg-color) 58%, transparent);
        font-size: 0.66rem;
        font-weight: 800;
        text-align: left;
        text-transform: uppercase;
    }

    .project-insights-active__table td:last-child[b-i1i8l5goo8] {
        border-bottom: 0;
    }
}
/* _content/EmpiriaBMS.App/Components/Dashboards/ProjectInsightsDashboard/SubComponents/ProjectInsightsAttentionPanel.razor.rz.scp.css */
.project-insights-attention[b-wj3mjmlpct] {
    display: grid;
    gap: 0.9rem;
    height: 100%;
    min-height: 0;
}

.project-insights-attention__header[b-wj3mjmlpct],
.project-insights-attention__group-heading[b-wj3mjmlpct],
.project-insights-attention__empty[b-wj3mjmlpct] {
    display: flex;
    align-items: center;
}

.project-insights-attention__header[b-wj3mjmlpct] {
    justify-content: space-between;
    gap: 1rem;
}

.project-insights-attention__eyebrow[b-wj3mjmlpct] {
    color: color-mix(in srgb, var(--main-fg-color) 58%, transparent);
    font-size: 0.7rem;
    font-weight: 800;
    letter-spacing: 0.07em;
    text-transform: uppercase;
}

.project-insights-attention h3[b-wj3mjmlpct],
.project-insights-attention h4[b-wj3mjmlpct] {
    margin: 0;
    color: var(--main-fg-color);
}

.project-insights-attention h3[b-wj3mjmlpct] {
    margin-top: 0.16rem;
    font-size: 1.02rem;
}

.project-insights-attention__total[b-wj3mjmlpct] {
    flex: none;
    padding: 0.3rem 0.62rem;
    border-radius: 999px;
    background: color-mix(in srgb, var(--primary-bg-color) 12%, transparent);
    color: color-mix(in srgb, var(--primary-bg-color) 78%, var(--main-fg-color) 22%);
    font-size: 0.74rem;
    font-weight: 800;
}

.project-insights-attention__groups[b-wj3mjmlpct] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(min(100%, 440px), 1fr));
    gap: 0.7rem;
    min-height: 0;
}

.project-insights-attention__group[b-wj3mjmlpct] {
    display: grid;
    grid-template-rows: auto minmax(0, 1fr);
    gap: 0.55rem;
    min-width: 0;
    padding: 0.7rem;
    border: 1px solid color-mix(in srgb, var(--main-fg-color) 8%, transparent);
    border-radius: 13px;
    background: color-mix(in srgb, var(--main-bg-color) 98%, var(--main-fg-color) 2%);
}

.project-insights-attention__group-heading[b-wj3mjmlpct] {
    gap: 0.45rem;
}

.project-insights-attention__group-heading h4[b-wj3mjmlpct] {
    min-width: 0;
    flex: 1;
    overflow: hidden;
    font-size: 0.78rem;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.project-insights-attention__group-heading strong[b-wj3mjmlpct] {
    font-size: 0.8rem;
}

.project-insights-attention__indicator[b-wj3mjmlpct] {
    width: 0.5rem;
    height: 0.5rem;
    flex: none;
    border-radius: 50%;
}

.project-insights-attention__indicator--danger[b-wj3mjmlpct] {
    background: #df4b5f;
}

.project-insights-attention__indicator--warning[b-wj3mjmlpct] {
    background: #d69b22;
}

.project-insights-attention__list[b-wj3mjmlpct] {
    display: grid;
    gap: 0.38rem;
    align-content: start;
    max-height: 150px;
    overflow-y: auto;
    scrollbar-width: thin;
}

.project-insights-attention__item[b-wj3mjmlpct] {
    display: grid;
    grid-template-columns: minmax(0, 0.8fr) minmax(0, 1.2fr);
    gap: 0.1rem 0.55rem;
    padding: 0.38rem 0;
    border-bottom: 1px solid color-mix(in srgb, var(--main-fg-color) 7%, transparent);
    font-size: 0.75rem;
}

.project-insights-attention__item:last-child[b-wj3mjmlpct] {
    border-bottom: 0;
}

.project-insights-attention__project[b-wj3mjmlpct],
.project-insights-attention__item strong[b-wj3mjmlpct] {
    overflow: hidden;
    color: var(--main-fg-color);
    text-overflow: ellipsis;
    white-space: nowrap;
}

.project-insights-attention__project[b-wj3mjmlpct] {
    color: color-mix(in srgb, var(--main-fg-color) 66%, transparent);
}

.project-insights-attention__support[b-wj3mjmlpct] {
    grid-column: 2;
    color: color-mix(in srgb, var(--main-fg-color) 54%, transparent);
}

.project-insights-attention__more[b-wj3mjmlpct] {
    color: color-mix(in srgb, var(--main-fg-color) 56%, transparent);
    font-size: 0.72rem;
    font-weight: 700;
}

.project-insights-attention__empty[b-wj3mjmlpct] {
    gap: 0.7rem;
    min-height: 130px;
    justify-content: center;
    color: color-mix(in srgb, #2aa36b 76%, var(--main-fg-color) 24%);
}

.project-insights-attention__empty div[b-wj3mjmlpct] {
    display: grid;
    gap: 0.2rem;
}

.project-insights-attention__empty span[b-wj3mjmlpct] {
    max-width: 520px;
    color: color-mix(in srgb, var(--main-fg-color) 60%, transparent);
    font-size: 0.78rem;
}

@media (max-width: 575.98px) {
    .project-insights-attention__groups[b-wj3mjmlpct] {
        grid-template-columns: 1fr;
    }
}
/* _content/EmpiriaBMS.App/Components/Dashboards/ProjectInsightsDashboard/SubComponents/ProjectInsightsBarChart.razor.rz.scp.css */
.project-insights-chart[b-rrnnf9au4y] {
    display: grid;
    grid-template-rows: auto 1fr;
    height: 100%;
    min-height: 0;
    overflow: hidden;
}

.project-insights-chart__header[b-rrnnf9au4y] {
    display: flex;
    align-items: start;
    justify-content: space-between;
    gap: 0.75rem;
    margin-bottom: 0.5rem;
}

.project-insights-chart__card-title[b-rrnnf9au4y] {
    margin: 0;
    font-size: clamp(0.96rem, 0.88rem + 0.16vw, 1.12rem);
    font-weight: 800;
    line-height: 1.15;
    color: var(--main-fg-color);
}

.project-insights-chart__fullscreen[b-rrnnf9au4y] {
    cursor: pointer;
    color: color-mix(in srgb, var(--main-fg-color) 78%, transparent);
    border-radius: 12px;
    padding: 0.2rem;
    transition: color 160ms ease, transform 160ms ease;
}

.project-insights-chart__fullscreen:hover[b-rrnnf9au4y] {
    color: var(--main-fg-color);
    transform: scale(1.04);
}

.project-insights-chart__canvas-shell[b-rrnnf9au4y],
.project-insights-chart__dialog-shell[b-rrnnf9au4y],
.project-insights-chart__ranked-shell[b-rrnnf9au4y] {
    position: relative;
    min-height: 300px;
}

.project-insights-chart__canvas-shell[b-rrnnf9au4y]  canvas,
.project-insights-chart__dialog-shell[b-rrnnf9au4y]  canvas {
    width: 100% !important;
    height: 100% !important;
}

.project-insights-chart__canvas-shell--donut[b-rrnnf9au4y] {
    display: grid;
    place-items: center;
    width: clamp(10.5rem, 52%, 14.5rem);
    height: clamp(10.5rem, 52%, 14.5rem);
    min-height: 0;
    max-width: 100%;
    max-height: 100%;
    justify-self: center;
    align-self: center;
}

.project-insights-chart__canvas-shell--line[b-rrnnf9au4y] {
    min-height: 320px;
}

.project-insights-chart__donut-summary[b-rrnnf9au4y] {
    position: absolute;
    inset: 50% auto auto 50%;
    transform: translate(-50%, -50%);
    display: grid;
    gap: 0.2rem;
    justify-items: center;
    pointer-events: none;
}

.project-insights-chart__donut-summary strong[b-rrnnf9au4y] {
    font-size: clamp(1.35rem, 1.1rem + 0.5vw, 1.85rem);
    line-height: 1;
    color: var(--main-fg-color);
}

.project-insights-chart__donut-summary span[b-rrnnf9au4y] {
    font-size: 0.76rem;
    font-weight: 700;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    color: color-mix(in srgb, var(--main-fg-color) 58%, transparent);
}

.project-insights-chart__donut-summary--dialog strong[b-rrnnf9au4y] {
    font-size: 2rem;
}

.project-insights-chart__ranked-shell[b-rrnnf9au4y] {
    display: grid;
    grid-template-rows: auto minmax(0, 1fr);
    gap: 1rem;
    min-width: 0;
    overflow: hidden;
}

.project-insights-chart__ranked-header[b-rrnnf9au4y] {
    display: flex;
    align-items: start;
    justify-content: space-between;
    gap: 0.9rem;
}

.project-insights-chart__ranked-subtitle[b-rrnnf9au4y],
.project-insights-chart__ranked-total span[b-rrnnf9au4y] {
    font-size: 0.76rem;
    font-weight: 700;
    color: color-mix(in srgb, var(--main-fg-color) 58%, transparent);
}

.project-insights-chart__ranked-total[b-rrnnf9au4y] {
    display: grid;
    gap: 0.18rem;
    justify-items: end;
    white-space: nowrap;
}

.project-insights-chart__ranked-total strong[b-rrnnf9au4y] {
    font-size: 1rem;
    color: var(--main-fg-color);
}

.project-insights-chart__ranked-list[b-rrnnf9au4y] {
    display: grid;
    gap: 0.85rem;
    align-content: start;
    min-height: 0;
    overflow-x: hidden;
    overflow-y: auto;
    padding: 0.1rem 0.45rem 0.15rem 0;
    scrollbar-color: color-mix(in srgb, var(--main-fg-color) 24%, transparent) transparent;
    scrollbar-width: thin;
}

.project-insights-chart__ranked-list--dialog[b-rrnnf9au4y] {
    gap: 1rem;
    overflow: visible;
    padding-right: 0;
}

.project-insights-chart__ranked-item[b-rrnnf9au4y] {
    display: grid;
    gap: 0.42rem;
}

.project-insights-chart__ranked-row[b-rrnnf9au4y] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: center;
    gap: 1rem;
}

.project-insights-chart__ranked-label[b-rrnnf9au4y] {
    min-width: 0;
    overflow: hidden;
    font-size: 0.88rem;
    font-weight: 700;
    line-height: 1.3;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: var(--main-fg-color);
}

.project-insights-chart__ranked-value[b-rrnnf9au4y] {
    min-width: 4.8rem;
    font-size: 0.88rem;
    font-weight: 800;
    text-align: right;
    color: color-mix(in srgb, var(--main-fg-color) 80%, transparent);
    white-space: nowrap;
}

.project-insights-chart__ranked-rail[b-rrnnf9au4y] {
    overflow: hidden;
    height: 0.68rem;
    border-radius: 999px;
    background: color-mix(in srgb, var(--main-fg-color) 8%, var(--main-bg-color) 92%);
    box-shadow: inset 0 1px 2px color-mix(in srgb, var(--main-fg-color) 9%, transparent);
}

.project-insights-chart__ranked-fill[b-rrnnf9au4y] {
    display: block;
    height: 100%;
    border-radius: inherit;
    box-shadow:
        0 8px 16px color-mix(in srgb, var(--main-fg-color) 9%, transparent),
        inset 0 1px 0 color-mix(in srgb, white 50%, transparent);
}

.project-insights-chart__status[b-rrnnf9au4y] {
    min-height: 250px;
    display: grid;
    place-items: center;
    text-align: center;
    gap: 0.45rem;
}

.project-insights-chart__status--loading[b-rrnnf9au4y] {
    min-height: 300px;
}

.project-insights-chart--horizontal .project-insights-chart__canvas-shell[b-rrnnf9au4y] {
    min-height: 360px;
}

.project-insights-chart--vertical .project-insights-chart__canvas-shell[b-rrnnf9au4y] {
    min-height: 320px;
}

.project-insights-chart--doughnut .project-insights-chart__canvas-shell[b-rrnnf9au4y] {
    min-height: 310px;
}

.project-insights-chart--line .project-insights-chart__canvas-shell[b-rrnnf9au4y] {
    min-height: 320px;
}

.project-insights-chart--ranked .project-insights-chart__ranked-shell[b-rrnnf9au4y] {
    min-height: 310px;
}

.project-insights-chart--feature.project-insights-chart--horizontal .project-insights-chart__canvas-shell[b-rrnnf9au4y] {
    min-height: 420px;
}

.project-insights-chart--feature.project-insights-chart--vertical .project-insights-chart__canvas-shell[b-rrnnf9au4y] {
    min-height: 420px;
}

.project-insights-chart__dialog-shell[b-rrnnf9au4y] {
    min-height: 460px;
}

.project-insights-chart__dialog-shell[b-rrnnf9au4y],
.project-insights-chart__dialog-table-shell[b-rrnnf9au4y] {
    box-sizing: border-box;
    padding-bottom: clamp(0.875rem, 2dvh, 1.25rem);
}

.project-insights-chart__dialog-table-shell[b-rrnnf9au4y] {
    min-height: 100%;
}

.project-insights-chart__dialog-shell--donut[b-rrnnf9au4y] {
    min-height: 500px;
}

.project-insights-chart__dialog-shell--ranked[b-rrnnf9au4y] {
    min-height: auto;
}

[data-theme="dark"] .project-insights-chart__fullscreen[b-rrnnf9au4y],
[data-bs-theme="dark"] .project-insights-chart__fullscreen[b-rrnnf9au4y] {
    color: rgba(236, 243, 255, 0.86);
}

[data-theme="dark"] .project-insights-chart__fullscreen:hover[b-rrnnf9au4y],
[data-bs-theme="dark"] .project-insights-chart__fullscreen:hover[b-rrnnf9au4y] {
    color: #f7fbff;
}

[data-theme="dark"] .project-insights-chart__card-title[b-rrnnf9au4y],
[data-bs-theme="dark"] .project-insights-chart__card-title[b-rrnnf9au4y],
[data-theme="dark"] .project-insights-chart__donut-summary strong[b-rrnnf9au4y],
[data-bs-theme="dark"] .project-insights-chart__donut-summary strong[b-rrnnf9au4y],
[data-theme="dark"] .project-insights-chart__ranked-total strong[b-rrnnf9au4y],
[data-bs-theme="dark"] .project-insights-chart__ranked-total strong[b-rrnnf9au4y],
[data-theme="dark"] .project-insights-chart__ranked-label[b-rrnnf9au4y],
[data-bs-theme="dark"] .project-insights-chart__ranked-label[b-rrnnf9au4y] {
    color: #f4f8ff;
}

[data-theme="dark"] .project-insights-chart__donut-summary span[b-rrnnf9au4y],
[data-bs-theme="dark"] .project-insights-chart__donut-summary span[b-rrnnf9au4y],
[data-theme="dark"] .project-insights-chart__ranked-subtitle[b-rrnnf9au4y],
[data-bs-theme="dark"] .project-insights-chart__ranked-subtitle[b-rrnnf9au4y],
[data-theme="dark"] .project-insights-chart__ranked-total span[b-rrnnf9au4y],
[data-bs-theme="dark"] .project-insights-chart__ranked-total span[b-rrnnf9au4y],
[data-theme="dark"] .project-insights-chart__ranked-value[b-rrnnf9au4y],
[data-bs-theme="dark"] .project-insights-chart__ranked-value[b-rrnnf9au4y] {
    color: rgba(223, 234, 251, 0.92);
}

[data-theme="dark"] .project-insights-chart__ranked-rail[b-rrnnf9au4y],
[data-bs-theme="dark"] .project-insights-chart__ranked-rail[b-rrnnf9au4y] {
    background: rgba(236, 243, 255, 0.12);
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.24);
}

@media (min-width: 768px) {
    .project-insights-chart__canvas-shell[b-rrnnf9au4y],
    .project-insights-chart__ranked-shell[b-rrnnf9au4y] {
        height: 100%;
        min-height: 248px;
    }

    .project-insights-chart__header[b-rrnnf9au4y] {
        margin-bottom: 0.32rem;
    }

    .project-insights-chart__canvas-shell--donut[b-rrnnf9au4y],
    .project-insights-chart__canvas-shell--line[b-rrnnf9au4y] {
        min-height: 252px;
    }

    .project-insights-chart__canvas-shell--donut[b-rrnnf9au4y] {
        width: clamp(9.5rem, 44%, 13rem);
        height: clamp(9.5rem, 44%, 13rem);
    }

    .project-insights-chart__status[b-rrnnf9au4y] {
        min-height: 232px;
    }

    .project-insights-chart__status--loading[b-rrnnf9au4y] {
        min-height: 272px;
    }

    .project-insights-chart--horizontal .project-insights-chart__canvas-shell[b-rrnnf9au4y] {
        min-height: 288px;
    }

    .project-insights-chart--vertical .project-insights-chart__canvas-shell[b-rrnnf9au4y] {
        min-height: 256px;
    }

    .project-insights-chart--doughnut .project-insights-chart__canvas-shell[b-rrnnf9au4y],
    .project-insights-chart--line .project-insights-chart__canvas-shell[b-rrnnf9au4y],
    .project-insights-chart--ranked .project-insights-chart__ranked-shell[b-rrnnf9au4y] {
        min-height: 252px;
    }

    .project-insights-chart--feature.project-insights-chart--horizontal .project-insights-chart__canvas-shell[b-rrnnf9au4y] {
        min-height: 302px;
    }

    .project-insights-chart--feature.project-insights-chart--vertical .project-insights-chart__canvas-shell[b-rrnnf9au4y] {
        min-height: 302px;
    }
}

@media (min-width: 992px) {
    .project-insights-chart__canvas-shell[b-rrnnf9au4y],
    .project-insights-chart__ranked-shell[b-rrnnf9au4y] {
        height: 100%;
    }

    .project-insights-chart__header[b-rrnnf9au4y] {
        margin-bottom: 0.24rem;
    }

    .project-insights-chart__canvas-shell[b-rrnnf9au4y],
    .project-insights-chart__ranked-shell[b-rrnnf9au4y] {
        min-height: 228px;
    }

    .project-insights-chart__canvas-shell--donut[b-rrnnf9au4y],
    .project-insights-chart__canvas-shell--line[b-rrnnf9au4y] {
        min-height: 232px;
    }

    .project-insights-chart__canvas-shell--donut[b-rrnnf9au4y] {
        width: clamp(8.9rem, 42%, 11.25rem);
        height: clamp(8.9rem, 42%, 11.25rem);
    }

    .project-insights-chart__status[b-rrnnf9au4y] {
        min-height: 220px;
    }

    .project-insights-chart__status--loading[b-rrnnf9au4y] {
        min-height: 260px;
    }

    .project-insights-chart--horizontal .project-insights-chart__canvas-shell[b-rrnnf9au4y] {
        min-height: 266px;
    }

    .project-insights-chart--vertical .project-insights-chart__canvas-shell[b-rrnnf9au4y] {
        min-height: 236px;
    }

    .project-insights-chart--doughnut .project-insights-chart__canvas-shell[b-rrnnf9au4y],
    .project-insights-chart--line .project-insights-chart__canvas-shell[b-rrnnf9au4y],
    .project-insights-chart--ranked .project-insights-chart__ranked-shell[b-rrnnf9au4y] {
        min-height: 232px;
    }

    .project-insights-chart--feature.project-insights-chart--horizontal .project-insights-chart__canvas-shell[b-rrnnf9au4y] {
        min-height: 286px;
    }

    .project-insights-chart--feature.project-insights-chart--vertical .project-insights-chart__canvas-shell[b-rrnnf9au4y] {
        min-height: 286px;
    }
}

@media (min-width: 1200px) {
    .project-insights-chart__canvas-shell[b-rrnnf9au4y],
    .project-insights-chart__ranked-shell[b-rrnnf9au4y] {
        min-height: 160px;
    }

    .project-insights-chart__canvas-shell--donut[b-rrnnf9au4y],
    .project-insights-chart__canvas-shell--line[b-rrnnf9au4y],
    .project-insights-chart--doughnut .project-insights-chart__canvas-shell[b-rrnnf9au4y],
    .project-insights-chart--line .project-insights-chart__canvas-shell[b-rrnnf9au4y],
    .project-insights-chart--ranked .project-insights-chart__ranked-shell[b-rrnnf9au4y] {
        min-height: 164px;
    }

    .project-insights-chart__canvas-shell--donut[b-rrnnf9au4y] {
        width: clamp(8.5rem, 36%, 10rem);
        height: clamp(8.5rem, 36%, 10rem);
    }

    .project-insights-chart--horizontal .project-insights-chart__canvas-shell[b-rrnnf9au4y] {
        min-height: 174px;
    }

    .project-insights-chart--vertical .project-insights-chart__canvas-shell[b-rrnnf9au4y] {
        min-height: 168px;
    }

    .project-insights-chart--feature.project-insights-chart--horizontal .project-insights-chart__canvas-shell[b-rrnnf9au4y] {
        min-height: 174px;
    }

    .project-insights-chart--feature.project-insights-chart--vertical .project-insights-chart__canvas-shell[b-rrnnf9au4y] {
        min-height: 174px;
    }

    .project-insights-chart__ranked-list[b-rrnnf9au4y] {
        gap: 0.46rem;
    }

    .project-insights-chart__ranked-item[b-rrnnf9au4y] {
        gap: 0.22rem;
    }

    .project-insights-chart__ranked-rail[b-rrnnf9au4y] {
        height: 0.48rem;
    }

    .project-insights-chart__donut-summary strong[b-rrnnf9au4y] {
        font-size: 1.58rem;
    }

    .project-insights-chart__donut-summary span[b-rrnnf9au4y],
    .project-insights-chart__ranked-subtitle[b-rrnnf9au4y],
    .project-insights-chart__ranked-total span[b-rrnnf9au4y] {
        font-size: 0.68rem;
    }
}

@media (max-width: 991.98px) {
    .project-insights-chart--horizontal .project-insights-chart__canvas-shell[b-rrnnf9au4y],
    .project-insights-chart--vertical .project-insights-chart__canvas-shell[b-rrnnf9au4y],
    .project-insights-chart--line .project-insights-chart__canvas-shell[b-rrnnf9au4y],
    .project-insights-chart--doughnut .project-insights-chart__canvas-shell[b-rrnnf9au4y],
    .project-insights-chart--ranked .project-insights-chart__ranked-shell[b-rrnnf9au4y] {
        min-height: 300px;
    }

    .project-insights-chart--feature.project-insights-chart--horizontal .project-insights-chart__canvas-shell[b-rrnnf9au4y],
    .project-insights-chart--feature.project-insights-chart--vertical .project-insights-chart__canvas-shell[b-rrnnf9au4y] {
        min-height: 360px;
    }

    .project-insights-chart__dialog-shell[b-rrnnf9au4y] {
        min-height: 380px;
    }
}

@media (max-width: 575.98px) {
    [b-rrnnf9au4y] fluent-button.project-insights-chart__fullscreen::part(control) {
        border: 0 !important;
        background: transparent !important;
        box-shadow: none !important;
    }

    [b-rrnnf9au4y] fluent-button.project-insights-chart__fullscreen:focus-visible::part(control) {
        outline: 2px solid var(--primary-bg-solid-color);
        outline-offset: 2px;
    }

    .project-insights-chart__header[b-rrnnf9au4y] {
        margin-bottom: 0.35rem;
    }

    .project-insights-chart__card-title[b-rrnnf9au4y] {
        font-size: 0.98rem;
    }

    .project-insights-chart__ranked-header[b-rrnnf9au4y] {
        flex-direction: column;
        align-items: start;
    }

    .project-insights-chart__ranked-row[b-rrnnf9au4y] {
        gap: 0.65rem;
    }

    .project-insights-chart__ranked-label[b-rrnnf9au4y],
    .project-insights-chart__ranked-value[b-rrnnf9au4y] {
        font-size: 0.82rem;
    }

    .project-insights-chart__ranked-value[b-rrnnf9au4y] {
        min-width: 4.4rem;
    }

    .project-insights-chart__ranked-total[b-rrnnf9au4y] {
        justify-items: start;
    }

    .project-insights-chart--horizontal .project-insights-chart__canvas-shell[b-rrnnf9au4y],
    .project-insights-chart--vertical .project-insights-chart__canvas-shell[b-rrnnf9au4y],
    .project-insights-chart--line .project-insights-chart__canvas-shell[b-rrnnf9au4y],
    .project-insights-chart--doughnut .project-insights-chart__canvas-shell[b-rrnnf9au4y],
    .project-insights-chart--ranked .project-insights-chart__ranked-shell[b-rrnnf9au4y],
    .project-insights-chart--feature.project-insights-chart--horizontal .project-insights-chart__canvas-shell[b-rrnnf9au4y],
    .project-insights-chart--feature.project-insights-chart--vertical .project-insights-chart__canvas-shell[b-rrnnf9au4y] {
        min-height: 280px;
    }

    .project-insights-chart__canvas-shell--donut[b-rrnnf9au4y] {
        width: min(100%, 13.5rem);
        height: min(13.5rem, 100%);
    }

    .project-insights-chart__dialog-shell[b-rrnnf9au4y] {
        min-height: 320px;
    }

    .project-insights-chart__status[b-rrnnf9au4y] {
        min-height: 220px;
    }
}
/* _content/EmpiriaBMS.App/Components/Dashboards/ProjectInsightsDashboard/SubComponents/ProjectInsightsBreakdownPanel.razor.rz.scp.css */
.project-insights-breakdown[b-scpp560h0j] {
    display: grid;
    grid-template-rows: auto auto minmax(0, 1fr);
    gap: 0.75rem;
    height: 100%;
    min-height: 0;
}

.project-insights-breakdown__eyebrow[b-scpp560h0j] {
    color: color-mix(in srgb, var(--main-fg-color) 58%, transparent);
    font-size: 0.7rem;
    font-weight: 800;
    letter-spacing: 0.07em;
    text-transform: uppercase;
}

.project-insights-breakdown h3[b-scpp560h0j] {
    margin: 0.16rem 0 0;
    color: var(--main-fg-color);
    font-size: 1.02rem;
}

.project-insights-breakdown__segments[b-scpp560h0j] {
    display: flex;
    gap: 0.28rem;
    overflow-x: auto;
    padding: 0.25rem;
    border: 1px solid color-mix(in srgb, var(--main-fg-color) 9%, transparent);
    border-radius: 12px;
    background: color-mix(in srgb, var(--main-fg-color) 4%, transparent);
    scrollbar-width: thin;
}

.project-insights-breakdown__segment[b-scpp560h0j] {
    min-height: 2.1rem;
    flex: 1 0 auto;
    padding: 0.42rem 0.7rem;
    border: 0;
    border-radius: 9px;
    background: transparent;
    color: color-mix(in srgb, var(--main-fg-color) 68%, transparent);
    cursor: pointer;
    font: inherit;
    font-size: 0.75rem;
    font-weight: 800;
    white-space: nowrap;
}

.project-insights-breakdown__segment:hover[b-scpp560h0j] {
    color: var(--main-fg-color);
    background: color-mix(in srgb, var(--main-fg-color) 6%, transparent);
}

.project-insights-breakdown__segment:focus-visible[b-scpp560h0j] {
    outline: 2px solid var(--primary-bg-solid-color);
    outline-offset: 1px;
}

.project-insights-breakdown__segment--active[b-scpp560h0j] {
    background: var(--primary-bg-solid-color);
    color: #fff;
    box-shadow: 0 5px 14px color-mix(in srgb, var(--primary-bg-solid-color) 24%, transparent);
}

.project-insights-breakdown__content[b-scpp560h0j] {
    min-height: 0;
    overflow: hidden;
}

.project-insights-breakdown__content[b-scpp560h0j]  .project-insights-chart__ranked-shell {
    min-height: 0;
}

@media (max-width: 575.98px) {
    .project-insights-breakdown__segments[b-scpp560h0j] {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 0.35rem;
        overflow-x: visible;
        padding: 0.35rem;
        scrollbar-width: auto;
    }

    .project-insights-breakdown__segment[b-scpp560h0j] {
        width: 100%;
        min-width: 0;
        min-height: 2.5rem;
        padding: 0.45rem 0.35rem;
        line-height: 1.2;
        white-space: normal;
    }

    .project-insights-breakdown__segment:last-child:nth-child(odd)[b-scpp560h0j] {
        grid-column: 1 / -1;
    }
}
/* _content/EmpiriaBMS.App/Components/Dashboards/ProjectInsightsDashboard/SubComponents/ProjectInsightsCriticalProjectsPanel.razor.rz.scp.css */
.project-insights-critical[b-eulu25nf4v] {
    display: grid;
    grid-template-rows: auto minmax(0, 1fr);
    gap: 0.8rem;
    height: 100%;
    min-height: 0;
}

.project-insights-critical__header[b-eulu25nf4v],
.project-insights-critical__item-heading[b-eulu25nf4v],
.project-insights-critical__meta[b-eulu25nf4v],
.project-insights-critical__deviations[b-eulu25nf4v],
.project-insights-critical__empty[b-eulu25nf4v] {
    display: flex;
    align-items: center;
}

.project-insights-critical__header[b-eulu25nf4v] {
    justify-content: space-between;
    gap: 1rem;
}

.project-insights-critical__header div > span[b-eulu25nf4v] {
    color: color-mix(in srgb, var(--main-fg-color) 58%, transparent);
    font-size: 0.7rem;
    font-weight: 800;
    letter-spacing: 0.07em;
    text-transform: uppercase;
}

.project-insights-critical h3[b-eulu25nf4v] {
    margin: 0.16rem 0 0;
    color: var(--main-fg-color);
    font-size: 1.02rem;
}

.project-insights-critical__header > strong[b-eulu25nf4v],
.project-insights-critical__item-heading span[b-eulu25nf4v] {
    padding: 0.26rem 0.55rem;
    border-radius: 999px;
    background: color-mix(in srgb, #df4b5f 16%, transparent);
    color: color-mix(in srgb, #df4b5f 74%, var(--main-fg-color) 26%);
    font-size: 0.7rem;
    font-weight: 800;
}

.project-insights-critical__list[b-eulu25nf4v] {
    display: grid;
    gap: 0.55rem;
    min-height: 0;
    align-content: start;
    overflow-y: auto;
    scrollbar-width: thin;
}

.project-insights-critical__item[b-eulu25nf4v] {
    display: grid;
    gap: 0.38rem;
    padding: 0.62rem 0.68rem;
    border: 1px solid color-mix(in srgb, #df4b5f 18%, transparent);
    border-radius: 12px;
    background: color-mix(in srgb, var(--main-bg-color) 97%, #df4b5f 3%);
}

.project-insights-critical__item-heading[b-eulu25nf4v] {
    justify-content: space-between;
    gap: 0.6rem;
}

.project-insights-critical__item-heading strong[b-eulu25nf4v] {
    min-width: 0;
    overflow: hidden;
    color: var(--main-fg-color);
    font-size: 0.8rem;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.project-insights-critical__meta[b-eulu25nf4v],
.project-insights-critical__deviations[b-eulu25nf4v] {
    flex-wrap: wrap;
    gap: 0.35rem 0.65rem;
    color: color-mix(in srgb, var(--main-fg-color) 62%, transparent);
    font-size: 0.7rem;
}

.project-insights-critical__deviations span[b-eulu25nf4v] {
    color: color-mix(in srgb, #df4b5f 72%, var(--main-fg-color) 28%);
    font-weight: 750;
}

.project-insights-critical__item p[b-eulu25nf4v] {
    display: -webkit-box;
    overflow: hidden;
    margin: 0;
    color: color-mix(in srgb, var(--main-fg-color) 72%, transparent);
    font-size: 0.72rem;
    line-height: 1.35;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}

.project-insights-critical__empty[b-eulu25nf4v] {
    gap: 0.65rem;
    min-height: 140px;
    justify-content: center;
    color: color-mix(in srgb, #2aa36b 76%, var(--main-fg-color) 24%);
}

.project-insights-critical__empty div[b-eulu25nf4v] {
    display: grid;
    gap: 0.2rem;
}

.project-insights-critical__empty span[b-eulu25nf4v] {
    color: color-mix(in srgb, var(--main-fg-color) 58%, transparent);
    font-size: 0.76rem;
}

@media (max-width: 991.98px) {
    .project-insights-critical__list[b-eulu25nf4v] {
        overflow-x: hidden;
    }

    .project-insights-critical__item[b-eulu25nf4v] {
        min-width: 0;
    }

    .project-insights-critical__item-heading[b-eulu25nf4v] {
        align-items: flex-start;
        flex-wrap: wrap;
    }

    .project-insights-critical__item-heading strong[b-eulu25nf4v] {
        flex: 1 1 100%;
        overflow: visible;
        text-overflow: clip;
        white-space: normal;
        overflow-wrap: anywhere;
    }

    .project-insights-critical__meta span[b-eulu25nf4v],
    .project-insights-critical__deviations span[b-eulu25nf4v],
    .project-insights-critical__item p[b-eulu25nf4v] {
        max-width: 100%;
        overflow-wrap: anywhere;
    }
}
/* _content/EmpiriaBMS.App/Components/Dashboards/ProjectInsightsDashboard/SubComponents/ProjectInsightsHealthPanel.razor.rz.scp.css */
.project-insights-health[b-yxd0nld2qj] {
    display: grid;
    gap: 0.9rem;
    height: 100%;
    min-height: 0;
}

.project-insights-health__header[b-yxd0nld2qj],
.project-insights-health__legend > div[b-yxd0nld2qj],
.project-insights-health__signal-heading[b-yxd0nld2qj],
.project-insights-health__signal-counts[b-yxd0nld2qj] {
    display: flex;
    align-items: center;
}

.project-insights-health__header[b-yxd0nld2qj] {
    justify-content: space-between;
    gap: 1rem;
}

.project-insights-health__header span[b-yxd0nld2qj] {
    color: color-mix(in srgb, var(--main-fg-color) 58%, transparent);
    font-size: 0.7rem;
    font-weight: 800;
    letter-spacing: 0.07em;
    text-transform: uppercase;
}

.project-insights-health h3[b-yxd0nld2qj] {
    margin: 0.16rem 0 0;
    color: var(--main-fg-color);
    font-size: 1.02rem;
}

.project-insights-health__header > strong[b-yxd0nld2qj] {
    flex: none;
    color: var(--main-fg-color);
    font-size: 0.82rem;
}

.project-insights-health__scope-note[b-yxd0nld2qj] {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    align-items: start;
    gap: 0.48rem;
    padding: 0.5rem 0.58rem;
    border: 1px solid color-mix(in srgb, var(--primary-bg-solid-color) 18%, transparent);
    border-radius: 10px;
    background: color-mix(in srgb, var(--primary-bg-solid-color) 7%, transparent);
    color: color-mix(in srgb, var(--main-fg-color) 72%, transparent);
    font-size: 0.7rem;
    line-height: 1.4;
}

.project-insights-health__scope-note[b-yxd0nld2qj]  svg {
    margin-top: 0.05rem;
    color: color-mix(in srgb, var(--primary-bg-solid-color) 72%, var(--main-fg-color) 28%);
}

.project-insights-health__overview[b-yxd0nld2qj] {
    display: grid;
    gap: 0.65rem;
}

.project-insights-health__bar[b-yxd0nld2qj] {
    display: flex;
    overflow: hidden;
    height: 0.9rem;
    border-radius: 999px;
    background: color-mix(in srgb, var(--main-fg-color) 8%, transparent);
}

.project-insights-health__bar-segment--green[b-yxd0nld2qj],
.project-insights-health__dot--green[b-yxd0nld2qj] {
    background: #2ea86b;
}

.project-insights-health__bar-segment--amber[b-yxd0nld2qj],
.project-insights-health__dot--amber[b-yxd0nld2qj] {
    background: #d69b22;
}

.project-insights-health__bar-segment--red[b-yxd0nld2qj],
.project-insights-health__dot--red[b-yxd0nld2qj] {
    background: #df4b5f;
}

.project-insights-health__legend[b-yxd0nld2qj] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 0.55rem;
}

.project-insights-health__legend > div[b-yxd0nld2qj] {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    gap: 0.4rem;
    padding: 0.5rem 0.55rem;
    border: 1px solid color-mix(in srgb, var(--main-fg-color) 8%, transparent);
    border-radius: 11px;
    color: var(--main-fg-color);
    font-size: 0.76rem;
}

.project-insights-health__legend small[b-yxd0nld2qj] {
    grid-column: 2 / -1;
    color: color-mix(in srgb, var(--main-fg-color) 56%, transparent);
}

.project-insights-health__dot[b-yxd0nld2qj] {
    width: 0.55rem;
    height: 0.55rem;
    border-radius: 50%;
}

.project-insights-health__signals[b-yxd0nld2qj] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.5rem;
    min-height: 0;
    overflow-y: auto;
    scrollbar-width: thin;
}

.project-insights-health__signal[b-yxd0nld2qj] {
    display: grid;
    gap: 0.45rem;
    padding: 0.58rem 0.62rem;
    border: 1px solid color-mix(in srgb, var(--main-fg-color) 8%, transparent);
    border-radius: 11px;
    background: color-mix(in srgb, var(--main-bg-color) 98%, var(--main-fg-color) 2%);
}

.project-insights-health__signal-heading[b-yxd0nld2qj] {
    justify-content: space-between;
    gap: 0.5rem;
    color: var(--main-fg-color);
    font-size: 0.76rem;
}

.project-insights-health__signal-heading span[b-yxd0nld2qj] {
    color: color-mix(in srgb, var(--main-fg-color) 54%, transparent);
    font-size: 0.68rem;
}

.project-insights-health__signal-counts[b-yxd0nld2qj] {
    flex-wrap: wrap;
    gap: 0.3rem;
}

.project-insights-health__count[b-yxd0nld2qj] {
    padding: 0.18rem 0.38rem;
    border-radius: 999px;
    font-size: 0.66rem;
    font-weight: 800;
}

.project-insights-health__count--green[b-yxd0nld2qj] {
    background: color-mix(in srgb, #2ea86b 16%, transparent);
    color: color-mix(in srgb, #2ea86b 72%, var(--main-fg-color) 28%);
}

.project-insights-health__count--amber[b-yxd0nld2qj] {
    background: color-mix(in srgb, #d69b22 17%, transparent);
    color: color-mix(in srgb, #d69b22 75%, var(--main-fg-color) 25%);
}

.project-insights-health__count--red[b-yxd0nld2qj] {
    background: color-mix(in srgb, #df4b5f 16%, transparent);
    color: color-mix(in srgb, #df4b5f 74%, var(--main-fg-color) 26%);
}

.project-insights-health__count--neutral[b-yxd0nld2qj] {
    background: color-mix(in srgb, var(--main-fg-color) 8%, transparent);
    color: color-mix(in srgb, var(--main-fg-color) 62%, transparent);
}

.project-insights-health__empty[b-yxd0nld2qj] {
    display: grid;
    gap: 0.25rem;
    min-height: 150px;
    place-content: center;
    text-align: center;
}

.project-insights-health__empty span[b-yxd0nld2qj] {
    color: color-mix(in srgb, var(--main-fg-color) 58%, transparent);
    font-size: 0.76rem;
}

@media (max-width: 575.98px) {
    .project-insights-health__signals[b-yxd0nld2qj] {
        grid-template-columns: minmax(0, 1fr);
    }
}
/* _content/EmpiriaBMS.App/Components/Dashboards/ProjectInsightsDashboard/SubComponents/ProjectInsightsNextPlannedItemsPanel.razor.rz.scp.css */
.project-insights-next[b-wji7vyoc1t] {
    display: grid;
    grid-template-rows: auto minmax(0, 1fr);
    gap: 0.8rem;
    height: 100%;
    min-height: 0;
}

.project-insights-next__header[b-wji7vyoc1t],
.project-insights-next__item[b-wji7vyoc1t],
.project-insights-next__empty[b-wji7vyoc1t] {
    display: flex;
    align-items: center;
}

.project-insights-next__header[b-wji7vyoc1t] {
    justify-content: space-between;
    gap: 1rem;
}

.project-insights-next__header div > span[b-wji7vyoc1t] {
    color: color-mix(in srgb, var(--main-fg-color) 58%, transparent);
    font-size: 0.7rem;
    font-weight: 800;
    letter-spacing: 0.07em;
    text-transform: uppercase;
}

.project-insights-next h3[b-wji7vyoc1t] {
    margin: 0.16rem 0 0;
    color: var(--main-fg-color);
    font-size: 1.02rem;
}

.project-insights-next__header > strong[b-wji7vyoc1t] {
    flex: none;
    color: color-mix(in srgb, var(--main-fg-color) 70%, transparent);
    font-size: 0.76rem;
}

.project-insights-next__list[b-wji7vyoc1t] {
    display: grid;
    gap: 0.48rem;
    min-height: 0;
    align-content: start;
    overflow-y: auto;
    scrollbar-width: thin;
}

.project-insights-next__item[b-wji7vyoc1t] {
    gap: 0.62rem;
    padding: 0.52rem 0.58rem;
    border: 1px solid color-mix(in srgb, var(--main-fg-color) 8%, transparent);
    border-radius: 12px;
    background: color-mix(in srgb, var(--main-bg-color) 98%, var(--main-fg-color) 2%);
}

.project-insights-next__date[b-wji7vyoc1t] {
    display: grid;
    width: 2.65rem;
    flex: none;
    place-items: center;
    padding: 0.35rem;
    border-radius: 10px;
    background: color-mix(in srgb, var(--primary-bg-color) 13%, transparent);
    color: var(--main-fg-color);
}

.project-insights-next__date strong[b-wji7vyoc1t] {
    font-size: 1rem;
    line-height: 1;
}

.project-insights-next__date span[b-wji7vyoc1t] {
    color: color-mix(in srgb, var(--main-fg-color) 62%, transparent);
    font-size: 0.62rem;
    font-weight: 800;
    text-transform: uppercase;
}

.project-insights-next__body[b-wji7vyoc1t] {
    display: grid;
    gap: 0.12rem;
    min-width: 0;
}

.project-insights-next__body span[b-wji7vyoc1t],
.project-insights-next__body strong[b-wji7vyoc1t] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.project-insights-next__body span[b-wji7vyoc1t] {
    color: color-mix(in srgb, var(--main-fg-color) 62%, transparent);
    font-size: 0.68rem;
}

.project-insights-next__body strong[b-wji7vyoc1t] {
    color: var(--main-fg-color);
    font-size: 0.78rem;
}

.project-insights-next__body small[b-wji7vyoc1t] {
    color: color-mix(in srgb, var(--main-fg-color) 54%, transparent);
    font-size: 0.66rem;
}

.project-insights-next__empty[b-wji7vyoc1t] {
    gap: 0.65rem;
    min-height: 140px;
    justify-content: center;
    color: color-mix(in srgb, var(--main-fg-color) 68%, transparent);
}

.project-insights-next__empty div[b-wji7vyoc1t] {
    display: grid;
    gap: 0.2rem;
}

.project-insights-next__empty span[b-wji7vyoc1t] {
    color: color-mix(in srgb, var(--main-fg-color) 58%, transparent);
    font-size: 0.76rem;
}
/* _content/EmpiriaBMS.App/Components/Dashboards/ProjectInsightsDashboard/SubComponents/ProjectInsightsOpenRisksAndIssuesPanel.razor.rz.scp.css */
.project-insights-open[b-ws2va7abpi] {
    display: grid;
    grid-template-rows: auto minmax(0, 1fr);
    gap: 0.8rem;
    height: 100%;
    min-height: 0;
}

.project-insights-open__header[b-ws2va7abpi],
.project-insights-open__group-heading[b-ws2va7abpi],
.project-insights-open__empty[b-ws2va7abpi] {
    display: flex;
    align-items: center;
}

.project-insights-open__header[b-ws2va7abpi] {
    justify-content: space-between;
    gap: 1rem;
}

.project-insights-open__header div > span[b-ws2va7abpi] {
    color: color-mix(in srgb, var(--main-fg-color) 58%, transparent);
    font-size: 0.7rem;
    font-weight: 800;
    letter-spacing: 0.07em;
    text-transform: uppercase;
}

.project-insights-open h3[b-ws2va7abpi] {
    margin: 0.16rem 0 0;
    color: var(--main-fg-color);
    font-size: 1.02rem;
}

.project-insights-open__header > strong[b-ws2va7abpi] {
    flex: none;
    color: color-mix(in srgb, var(--main-fg-color) 70%, transparent);
    font-size: 0.76rem;
}

.project-insights-open__groups[b-ws2va7abpi] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(min(100%, 280px), 1fr));
    gap: 0.6rem;
    min-height: 0;
}

.project-insights-open__group[b-ws2va7abpi] {
    display: grid;
    grid-template-rows: auto minmax(0, 1fr);
    gap: 0.45rem;
    min-width: 0;
    padding: 0.58rem;
    border: 1px solid color-mix(in srgb, var(--main-fg-color) 8%, transparent);
    border-radius: 12px;
    background: color-mix(in srgb, var(--main-bg-color) 98%, var(--main-fg-color) 2%);
}

.project-insights-open__group-heading[b-ws2va7abpi] {
    gap: 0.42rem;
    color: var(--main-fg-color);
    font-size: 0.76rem;
}

.project-insights-open__group-heading strong[b-ws2va7abpi] {
    flex: 1;
}

.project-insights-open__group-heading small[b-ws2va7abpi] {
    color: color-mix(in srgb, var(--main-fg-color) 56%, transparent);
}

.project-insights-open__dot[b-ws2va7abpi] {
    width: 0.5rem;
    height: 0.5rem;
    border-radius: 50%;
}

.project-insights-open__dot--danger[b-ws2va7abpi] {
    background: #df4b5f;
}

.project-insights-open__dot--warning[b-ws2va7abpi] {
    background: #d69b22;
}

.project-insights-open__list[b-ws2va7abpi] {
    display: grid;
    gap: 0.2rem;
    min-height: 0;
    align-content: start;
    overflow-y: auto;
    scrollbar-width: thin;
}

.project-insights-open__item[b-ws2va7abpi] {
    display: grid;
    gap: 0.1rem;
    padding: 0.4rem 0;
    border-bottom: 1px solid color-mix(in srgb, var(--main-fg-color) 7%, transparent);
}

.project-insights-open__item:last-child[b-ws2va7abpi] {
    border-bottom: 0;
}

.project-insights-open__item span[b-ws2va7abpi],
.project-insights-open__item strong[b-ws2va7abpi] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.project-insights-open__item span[b-ws2va7abpi] {
    color: color-mix(in srgb, var(--main-fg-color) 60%, transparent);
    font-size: 0.66rem;
}

.project-insights-open__item strong[b-ws2va7abpi] {
    color: var(--main-fg-color);
    font-size: 0.75rem;
}

.project-insights-open__item small[b-ws2va7abpi] {
    color: color-mix(in srgb, var(--main-fg-color) 52%, transparent);
    font-size: 0.64rem;
}

.project-insights-open__empty[b-ws2va7abpi] {
    gap: 0.65rem;
    min-height: 140px;
    justify-content: center;
    color: color-mix(in srgb, #2aa36b 76%, var(--main-fg-color) 24%);
}

.project-insights-open__empty div[b-ws2va7abpi] {
    display: grid;
    gap: 0.2rem;
}

.project-insights-open__empty span[b-ws2va7abpi] {
    color: color-mix(in srgb, var(--main-fg-color) 58%, transparent);
    font-size: 0.76rem;
}

@media (max-width: 575.98px) {
    .project-insights-open__groups[b-ws2va7abpi] {
        grid-template-columns: minmax(0, 1fr);
    }
}
/* _content/EmpiriaBMS.App/Components/Dashboards/ProjectInsightsDashboard/SubComponents/ProjectInsightsResourceMix.razor.rz.scp.css */
.project-insights-resource[b-y1oxz8w5fs] {
    display: grid;
    gap: 0.9rem;
    height: 100%;
    align-content: start;
}

.project-insights-resource header > span[b-y1oxz8w5fs] {
    color: color-mix(in srgb, var(--main-fg-color) 58%, transparent);
    font-size: 0.7rem;
    font-weight: 800;
    letter-spacing: 0.07em;
    text-transform: uppercase;
}

.project-insights-resource h3[b-y1oxz8w5fs] {
    margin: 0.16rem 0 0;
    color: var(--main-fg-color);
    font-size: 1.02rem;
}

.project-insights-resource__total[b-y1oxz8w5fs] {
    display: grid;
    gap: 0.15rem;
}

.project-insights-resource__total strong[b-y1oxz8w5fs] {
    color: var(--main-fg-color);
    font-size: 1.75rem;
    line-height: 1;
}

.project-insights-resource__total span[b-y1oxz8w5fs],
.project-insights-resource__empty span[b-y1oxz8w5fs] {
    color: color-mix(in srgb, var(--main-fg-color) 58%, transparent);
    font-size: 0.76rem;
}

.project-insights-resource__bar[b-y1oxz8w5fs] {
    display: flex;
    overflow: hidden;
    height: 0.82rem;
    border-radius: 999px;
    background: color-mix(in srgb, var(--main-fg-color) 8%, transparent);
}

.project-insights-resource__bar-internal[b-y1oxz8w5fs] {
    background: #5c63e5;
}

.project-insights-resource__bar-subcontractor[b-y1oxz8w5fs] {
    background: #4ecdb3;
}

.project-insights-resource__legend[b-y1oxz8w5fs] {
    display: grid;
    gap: 0.55rem;
}

.project-insights-resource__legend > div[b-y1oxz8w5fs] {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto auto;
    align-items: center;
    gap: 0.5rem;
    color: var(--main-fg-color);
    font-size: 0.8rem;
}

.project-insights-resource__legend small[b-y1oxz8w5fs] {
    min-width: 2.6rem;
    color: color-mix(in srgb, var(--main-fg-color) 58%, transparent);
    text-align: right;
}

.project-insights-resource__dot[b-y1oxz8w5fs] {
    width: 0.58rem;
    height: 0.58rem;
    border-radius: 50%;
}

.project-insights-resource__dot--internal[b-y1oxz8w5fs] {
    background: #5c63e5;
}

.project-insights-resource__dot--subcontractor[b-y1oxz8w5fs] {
    background: #4ecdb3;
}

.project-insights-resource__empty[b-y1oxz8w5fs] {
    display: grid;
    gap: 0.25rem;
    min-height: 120px;
    place-content: center;
    text-align: center;
}
/* _content/EmpiriaBMS.App/Components/Dashboards/ProjectInsightsDashboard/SubComponents/ProjectInsightsSummary.razor.rz.scp.css */
.project-insights-summary[b-d762ltb6si] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 0.8rem;
}

.project-insights-summary__card[b-d762ltb6si] {
    display: grid;
    gap: 0.32rem;
    min-width: 0;
    padding: 0.9rem 1rem;
    border: 1px solid color-mix(in srgb, var(--main-fg-color) 10%, transparent);
    border-radius: 16px;
    background: color-mix(in srgb, var(--main-bg-color) 97%, var(--primary-bg-color) 3%);
    box-shadow: 0 8px 22px color-mix(in srgb, var(--main-fg-color) 7%, transparent);
}

.project-insights-summary__label[b-d762ltb6si] {
    overflow: hidden;
    color: color-mix(in srgb, var(--main-fg-color) 66%, transparent);
    font-size: 0.72rem;
    font-weight: 800;
    letter-spacing: 0.055em;
    text-overflow: ellipsis;
    text-transform: uppercase;
    white-space: nowrap;
}

.project-insights-summary__value[b-d762ltb6si] {
    color: var(--main-fg-color);
    font-size: clamp(1.45rem, 1.15rem + 0.7vw, 2rem);
    line-height: 1.05;
}

.project-insights-summary__support[b-d762ltb6si] {
    color: color-mix(in srgb, var(--main-fg-color) 58%, transparent);
    font-size: 0.76rem;
    line-height: 1.3;
}

@media (max-width: 991.98px) {
    .project-insights-summary[b-d762ltb6si] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 575.98px) {
    .project-insights-summary[b-d762ltb6si] {
        display: grid;
        grid-template-columns: minmax(0, 1fr);
        gap: 0.65rem;
        overflow: visible;
        padding-bottom: 0;
    }

    .project-insights-summary__card[b-d762ltb6si] {
        width: 100%;
    }
}
/* _content/EmpiriaBMS.App/Components/Dashboards/ProjectInsightsDashboard/SubComponents/Shared/ProjectInsightsSectionState.razor.rz.scp.css */
.project-insights-section-state[b-inrdu40546] {
    display: grid;
    width: 100%;
    height: 100%;
    min-height: 120px;
    place-content: center;
    justify-items: center;
    gap: 0.5rem;
    color: color-mix(in srgb, var(--main-fg-color) 68%, transparent);
    text-align: center;
}

.project-insights-section-state--error[b-inrdu40546] {
    color: #d94c5c;
}

.project-insights-section-state--error span[b-inrdu40546] {
    max-width: 34rem;
    color: color-mix(in srgb, var(--main-fg-color) 68%, transparent);
    font-size: 0.82rem;
}
/* _content/EmpiriaBMS.App/Components/Dashboards/WorkingDashboard/SubCompnents/Clients/ClientDetailed.razor.rz.scp.css */
.client-detail-form[b-yljitn1vrq] {
    width: 100%;
    min-width: 0;
    overflow-x: hidden !important;
    overscroll-behavior: contain;
}

.client-detail-section[b-yljitn1vrq],
.client-detail-section > *[b-yljitn1vrq],
.client-detail-email-toolbar[b-yljitn1vrq],
.client-detail-grid-shell[b-yljitn1vrq] {
    min-width: 0;
}

.client-detail-email-toolbar[b-yljitn1vrq] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
    padding: 0.5rem 0.625rem;
}

.client-detail-email-search[b-yljitn1vrq] {
    flex: 1 1 12rem;
    width: auto;
    min-width: 0;
}

.client-detail-email-add[b-yljitn1vrq] {
    flex: 0 0 auto;
}

.client-detail-grid-shell[b-yljitn1vrq] {
    width: 100%;
    max-width: 100%;
    overflow-x: auto;
    overscroll-behavior-inline: contain;
}

[b-yljitn1vrq] .client-detail-email-grid {
    width: 100%;
    min-width: 0;
}

[b-yljitn1vrq] fluent-text-field.client-detail-email-input {
    display: block;
    width: 100%;
    min-width: 0;
}

[b-yljitn1vrq] fluent-text-field.client-detail-email-input::part(control) {
    width: 100%;
    min-width: 0;
}

@media (max-width: 540px) {
    .client-detail-form[b-yljitn1vrq] {
        padding-inline: 0.125rem;
    }

    .client-detail-section[b-yljitn1vrq] {
        margin-top: 0.5rem !important;
        margin-bottom: 0.5rem !important;
        padding-inline: 0.5rem;
    }

    .client-detail-main-info[b-yljitn1vrq]  fluent-text-field,
    .client-detail-main-info[b-yljitn1vrq]  fluent-select,
    .client-detail-main-info[b-yljitn1vrq]  fluent-text-area {
        display: block;
        width: calc(100% - 0.5rem) !important;
        max-width: calc(100% - 0.5rem) !important;
        min-width: 0 !important;
    }

    .client-detail-main-info[b-yljitn1vrq]  fluent-text-field::part(control),
    .client-detail-main-info[b-yljitn1vrq]  fluent-select::part(control),
    .client-detail-main-info[b-yljitn1vrq]  fluent-text-area::part(control) {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        box-sizing: border-box;
    }

    .client-detail-email-toolbar[b-yljitn1vrq] {
        align-items: stretch;
        flex-direction: column;
        gap: 0.5rem;
        padding-inline: 0;
    }

    .client-detail-email-search[b-yljitn1vrq],
    .client-detail-email-add[b-yljitn1vrq] {
        flex: 0 0 auto;
        width: 100%;
    }

    [b-yljitn1vrq] fluent-button.client-detail-email-add::part(control) {
        justify-content: center;
        width: 100%;
        min-height: 2.5rem;
    }

    .client-detail-users-grid-shell[b-yljitn1vrq] {
        margin-inline: 0 !important;
    }

    [b-yljitn1vrq] .client-detail-users-grid {
        min-width: 30rem;
    }
}
/* _content/EmpiriaBMS.App/Components/Dashboards/WorkingDashboard/SubCompnents/Clients/ClientDetailedDialog.razor.rz.scp.css */
.client-detail-dialog-header[b-t27u1rmeqf],
.client-detail-dialog-footer[b-t27u1rmeqf] {
    flex: 0 0 auto;
}

.client-detail-dialog-header[b-t27u1rmeqf] {
    min-width: 0;
}

.client-detail-dialog-body[b-t27u1rmeqf] {
    flex: 1 1 auto;
    min-width: 0;
    min-height: 0;
    overflow: hidden;
    padding: 0 1rem 0.75rem;
}

.client-detail-dialog-footer[b-t27u1rmeqf] {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 0.625rem;
    padding: 0.75rem 1rem 1rem;
}

.client-detail-dialog-footer[b-t27u1rmeqf]  fluent-button::part(control) {
    min-width: 5.25rem;
}

@media (max-width: 540px) {
    .client-detail-dialog-body[b-t27u1rmeqf] {
        padding: 0 0.625rem 0.5rem;
    }

    .client-detail-dialog-footer[b-t27u1rmeqf] {
        padding: 0.625rem 0.75rem 0.75rem;
    }

    .client-detail-dialog-footer[b-t27u1rmeqf]  fluent-button {
        flex: 1 1 0;
        min-width: 0;
    }

    .client-detail-dialog-footer[b-t27u1rmeqf]  fluent-button::part(control) {
        justify-content: center;
        width: 100%;
        min-width: 0;
        min-height: 2.625rem;
    }
}
/* _content/EmpiriaBMS.App/Components/Dashboards/WorkingDashboard/SubCompnents/Deliverables/Deliverables.razor.rz.scp.css */
.dashboard-section[b-uye4tqgyj6] {
    --section-accent: #3f7fd1;
    --dashboard-row-divider: color-mix(in srgb, var(--main-fg-color) 14%, transparent);
    --dashboard-row-divider-strong: color-mix(in srgb, var(--main-fg-color) 20%, transparent);
    --dashboard-record-divider: color-mix(in srgb, var(--main-fg-color) 46%, transparent);
    --dashboard-row-main-bg-odd: color-mix(in srgb, var(--main-bg-color) 97%, white 3%);
    --dashboard-row-main-bg-even: color-mix(in srgb, var(--main-bg-color) 91%, var(--main-fg-color) 9%);
    --dashboard-row-detail-bg-odd: color-mix(in srgb, var(--main-bg-color) 90%, var(--section-accent) 10%);
    --dashboard-row-detail-bg-even: color-mix(in srgb, var(--main-bg-color) 85%, var(--section-accent) 15%);
    --dashboard-row-muted-text: color-mix(in srgb, var(--main-fg-color) 84%, transparent);
    --dashboard-row-selected-ring: color-mix(in srgb, var(--primary-accent-color) 72%, var(--main-fg-color) 28%);
    position: relative;
    padding: 0.95rem;
    border: 1px solid color-mix(in srgb, var(--main-fg-color) 10%, transparent);
    border-radius: 22px;
    background: linear-gradient(180deg, color-mix(in srgb, var(--main-bg-color) 97%, white 3%), color-mix(in srgb, var(--main-bg-color) 93%, var(--section-accent) 7%));
    box-shadow: 0 14px 32px color-mix(in srgb, var(--main-fg-color) 7%, transparent);
}

[data-theme="light"] .dashboard-section[b-uye4tqgyj6],
[data-bs-theme="light"] .dashboard-section[b-uye4tqgyj6] {
    --dashboard-row-main-bg-odd: #f6f9fd;
    --dashboard-row-main-bg-even: #e8eff7;
    --dashboard-row-detail-bg-odd: #edf4fb;
    --dashboard-row-detail-bg-even: #dfeaf6;
    --dashboard-row-muted-text: #274064;
    --dashboard-record-divider: rgba(18, 35, 61, 0.3);
}

[data-theme="light"] .dashboard-section__table-shell[b-uye4tqgyj6],
[data-bs-theme="light"] .dashboard-section__table-shell[b-uye4tqgyj6] {
    background: #edf3fa;
    border-color: rgba(18, 35, 61, 0.16);
}

[data-theme="dark"] .dashboard-section[b-uye4tqgyj6],
[data-bs-theme="dark"] .dashboard-section[b-uye4tqgyj6] {
    --dashboard-row-divider: rgba(233, 241, 252, 0.16);
    --dashboard-row-divider-strong: rgba(233, 241, 252, 0.3);
    --dashboard-record-divider: rgba(241, 246, 255, 0.7);
    --dashboard-row-main-bg-odd: #26364f;
    --dashboard-row-main-bg-even: #304264;
    --dashboard-row-detail-bg-odd: #395073;
    --dashboard-row-detail-bg-even: #446085;
    --dashboard-row-muted-text: #e9f0fc;
    --dashboard-row-selected-ring: color-mix(in srgb, #f5f8ff 44%, var(--primary-accent-color) 56%);
}

.dashboard-section__toolbar[b-uye4tqgyj6] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 0.9rem 1rem;
    margin-bottom: 0.9rem;
}

.dashboard-section__title[b-uye4tqgyj6] {
    margin: 0;
    font-size: 1.02rem;
    font-weight: 800;
    color: var(--main-fg-color);
}

.dashboard-section__actions[b-uye4tqgyj6] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.65rem;
    align-items: center;
    justify-content: flex-end;
}

.dashboard-action-icon[b-uye4tqgyj6] {
    border-radius: 12px;
}

[b-uye4tqgyj6] fluent-button.dashboard-action-btn::part(control) {
    min-height: 40px;
    border-radius: 12px;
}

.dashboard-section__table-shell[b-uye4tqgyj6] {
    overflow: auto;
    border: 1px solid color-mix(in srgb, var(--main-fg-color) 10%, transparent);
    border-radius: 20px;
    background: color-mix(in srgb, var(--main-bg-color) 97%, white 3%);
}

.dashboard-table[b-uye4tqgyj6] {
    margin-bottom: 0;
    --bs-table-bg: transparent;
    --bs-table-border-color: transparent;
    color: var(--main-fg-color);
}

.table thead th.sticky-header[b-uye4tqgyj6],
th.sticky-header[b-uye4tqgyj6] {
    position: sticky;
    top: 0;
    z-index: 5;
    border-bottom: 0 !important;
    padding: 0.82rem 0.7rem;
    font-size: 0.8rem;
    font-weight: 800;
    letter-spacing: 0.015em;
    text-transform: none;
    color: color-mix(in srgb, var(--main-fg-color) 90%, transparent);
    background: color-mix(in srgb, var(--main-bg-color) 82%, var(--section-accent) 18%);
    box-shadow: inset 0 -1px 0 var(--dashboard-row-divider-strong);
}

.dashboard-table thead th:first-child[b-uye4tqgyj6] {
    border-top-left-radius: 18px;
}

.dashboard-table thead th:last-child[b-uye4tqgyj6] {
    border-top-right-radius: 18px;
}

tbody[b-uye4tqgyj6] {
    border-top: none !important;
}

tr[b-uye4tqgyj6],
td[b-uye4tqgyj6] {
    border-top: none;
    border-bottom: none;
    cursor: default;
}

.dashboard-table td[b-uye4tqgyj6] {
    padding: 0.78rem 0.72rem;
    vertical-align: middle;
}

tbody + tbody .table-main-row td[b-uye4tqgyj6] {
    border-top: 4px solid var(--dashboard-record-divider);
}

tbody:nth-of-type(odd) .table-main-row td[b-uye4tqgyj6] {
    background: var(--dashboard-row-main-bg-odd);
}

tbody:nth-of-type(even) .table-main-row td[b-uye4tqgyj6] {
    background: var(--dashboard-row-main-bg-even);
}

.table-main-row td[b-uye4tqgyj6] {
    border-bottom: 1px solid var(--dashboard-row-divider);
}

.table-extra-details-row[b-uye4tqgyj6] {
    border-top: none;
}

tbody:nth-of-type(odd) .table-extra-details-row td[b-uye4tqgyj6] {
    background: var(--dashboard-row-detail-bg-odd);
}

tbody:nth-of-type(even) .table-extra-details-row td[b-uye4tqgyj6] {
    background: var(--dashboard-row-detail-bg-even);
}

tbody:last-of-type .table-extra-details-row td:first-child[b-uye4tqgyj6] {
    border-bottom-left-radius: 18px;
}

tbody:last-of-type .table-extra-details-row td:last-child[b-uye4tqgyj6] {
    border-bottom-right-radius: 18px;
}

.table-extra-details-row td[b-uye4tqgyj6] {
    border-top: 1px solid color-mix(in srgb, var(--dashboard-row-divider) 65%, transparent);
    border-bottom: 0;
}

.hovered-row tr[b-uye4tqgyj6],
.hovered-row td[b-uye4tqgyj6] {
    background-color: color-mix(in srgb, white 80%, var(--section-accent) 20%);
    transition: background-color 0.2s ease;
}

.hovered-row tr[b-uye4tqgyj6],
.hovered-row td[b-uye4tqgyj6],
.hovered-row *[b-uye4tqgyj6] {
    cursor: default !important;
}

.dashboard-table__primary-text[b-uye4tqgyj6],
.dashboard-table__secondary-text[b-uye4tqgyj6] {
    cursor: default !important;
}

.dashboard-table__primary-text[b-uye4tqgyj6] {
    font-weight: 700;
    line-height: 1.35;
}

.dashboard-table__secondary-text[b-uye4tqgyj6] {
    color: var(--dashboard-row-muted-text);
    font-weight: 700;
    font-variant-numeric: tabular-nums;
}

.selected_table_deliverables_row[b-uye4tqgyj6] {
    color: var(--main-fg-color) !important;
}

.table-main-row td.selected_table_deliverables_row:first-child[b-uye4tqgyj6],
.table-extra-details-row td.selected_table_deliverables_row:first-child[b-uye4tqgyj6] {
    box-shadow: inset 4px 0 0 var(--dashboard-row-selected-ring);
}

.dashboard-detail-row[b-uye4tqgyj6] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.8rem;
    width: 100%;
}

.dashboard-detail-pills[b-uye4tqgyj6] {
    display: flex;
    flex: 1 1 240px;
    flex-wrap: wrap;
    gap: 0.55rem;
}

.dashboard-detail-pill[b-uye4tqgyj6] {
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
    padding: 0.42rem 0.72rem;
    border: 1px solid var(--dashboard-row-divider-strong);
    border-radius: 999px;
    background: color-mix(in srgb, var(--main-bg-color) 94%, white 6%);
    color: var(--main-fg-color);
    font-size: 0.88rem;
    line-height: 1.25;
    font-variant-numeric: tabular-nums;
}

.dashboard-detail-pill strong[b-uye4tqgyj6] {
    font-size: 0.79rem;
    letter-spacing: 0.01em;
    text-transform: none;
    color: var(--dashboard-row-muted-text);
}

[data-theme="dark"] .dashboard-table td[b-uye4tqgyj6],
[data-bs-theme="dark"] .dashboard-table td[b-uye4tqgyj6],
[data-theme="dark"] .dashboard-table__primary-text[b-uye4tqgyj6],
[data-bs-theme="dark"] .dashboard-table__primary-text[b-uye4tqgyj6],
[data-theme="dark"] .dashboard-table__secondary-text[b-uye4tqgyj6],
[data-bs-theme="dark"] .dashboard-table__secondary-text[b-uye4tqgyj6],
[data-theme="dark"] .dashboard-detail-pill[b-uye4tqgyj6],
[data-bs-theme="dark"] .dashboard-detail-pill[b-uye4tqgyj6],
[data-theme="dark"] .dashboard-detail-pill strong[b-uye4tqgyj6],
[data-bs-theme="dark"] .dashboard-detail-pill strong[b-uye4tqgyj6] {
    color: #f5f8ff !important;
}

.dashboard-row-actions[b-uye4tqgyj6] {
    display: flex;
    flex: 0 1 auto;
    flex-wrap: wrap;
    align-items: center;
    justify-content: flex-end;
    gap: 0.55rem;
    margin-left: auto;
}

.dashboard-row-icon-action[b-uye4tqgyj6] {
    font-size: 1.05rem;
}

@media (max-width: 991.98px) {
    .dashboard-section__actions[b-uye4tqgyj6] {
        justify-content: flex-start;
    }
}

@media (max-width: 768px) {
    .dashboard-section[b-uye4tqgyj6] {
        padding: 0.8rem;
        border-radius: 18px;
    }

    .dashboard-detail-pills[b-uye4tqgyj6],
    .dashboard-row-actions[b-uye4tqgyj6] {
        width: 100%;
    }

    .dashboard-row-actions[b-uye4tqgyj6] {
        justify-content: flex-start;
        margin-left: 0;
    }
}
[data-theme="dark"] .dashboard-section__table-shell[b-uye4tqgyj6],
[data-bs-theme="dark"] .dashboard-section__table-shell[b-uye4tqgyj6] {
    background: #18263d;
    border-color: rgba(233, 241, 252, 0.24);
    box-shadow: inset 0 0 0 1px rgba(241, 246, 255, 0.05);
}

[data-theme="dark"] .table thead th.sticky-header[b-uye4tqgyj6],
[data-bs-theme="dark"] .table thead th.sticky-header[b-uye4tqgyj6],
[data-theme="dark"] th.sticky-header[b-uye4tqgyj6],
[data-bs-theme="dark"] th.sticky-header[b-uye4tqgyj6] {
    color: #f8fbff;
    background: #2b4667;
    box-shadow: inset 0 -2px 0 rgba(241, 246, 255, 0.2);
}

[data-theme="dark"] .dashboard-detail-pill[b-uye4tqgyj6],
[data-bs-theme="dark"] .dashboard-detail-pill[b-uye4tqgyj6] {
    background: #1f314a;
    border-color: rgba(233, 241, 252, 0.3);
}

[data-theme="dark"] .dashboard-detail-pill strong[b-uye4tqgyj6],
[data-bs-theme="dark"] .dashboard-detail-pill strong[b-uye4tqgyj6] {
    color: #dce7f8 !important;
}

[data-theme="dark"] .dashboard-table__secondary-text[b-uye4tqgyj6],
[data-bs-theme="dark"] .dashboard-table__secondary-text[b-uye4tqgyj6] {
    color: #e3ecfb !important;
}
/* _content/EmpiriaBMS.App/Components/Dashboards/WorkingDashboard/SubCompnents/Offers/OfferActivityLogPanel.razor.rz.scp.css */
.activity-log-panel[b-vkmxgri8b4] {
    display: flex;
    flex-direction: column;
    gap: 12px;
    width: 100%;
    min-height: 0;
}

.activity-log-panel__header[b-vkmxgri8b4] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
}

.activity-log-panel__header h4[b-vkmxgri8b4] {
    margin: 0;
    font-size: 1rem;
    font-weight: 700;
}

.activity-log-panel__header span[b-vkmxgri8b4],
.activity-log-panel__action[b-vkmxgri8b4],
.activity-log-panel__fields span[b-vkmxgri8b4] {
    display: inline-flex;
    align-items: center;
    min-height: 24px;
    padding: 3px 8px;
    border: 1px solid var(--card-border-color);
    border-radius: 8px;
    background: color-mix(in srgb, var(--main-bg-color, #fff) 90%, var(--primary-accent-color, #3b82f6) 10%);
    font-size: 0.78rem;
    font-weight: 700;
}

.activity-log-panel__loading[b-vkmxgri8b4],
.activity-log-panel__empty[b-vkmxgri8b4] {
    display: grid;
    place-items: center;
    min-height: 160px;
    border: 1px dashed var(--card-border-color);
    border-radius: 8px;
    color: color-mix(in srgb, var(--main-fg-color, #0f172a) 72%, transparent);
}

.activity-log-panel__list[b-vkmxgri8b4] {
    display: flex;
    flex-direction: column;
    gap: 10px;
    max-height: 520px;
    overflow-y: auto;
    padding-right: 4px;
}

.activity-log-panel__item[b-vkmxgri8b4] {
    display: grid;
    gap: 7px;
    padding: 12px;
    border: 1px solid var(--card-border-color);
    border-radius: 8px;
    background: color-mix(in srgb, var(--main-bg-color, #fff) 94%, var(--primary-accent-color, #3b82f6) 6%);
}

.activity-log-panel__item-header[b-vkmxgri8b4],
.activity-log-panel__meta[b-vkmxgri8b4],
.activity-log-panel__fields[b-vkmxgri8b4] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 8px;
}

.activity-log-panel__item-header[b-vkmxgri8b4] {
    justify-content: space-between;
}

.activity-log-panel__meta[b-vkmxgri8b4] {
    color: color-mix(in srgb, var(--main-fg-color, #0f172a) 74%, transparent);
    font-size: 0.86rem;
}

.activity-log-panel__item p[b-vkmxgri8b4] {
    margin: 0;
    overflow-wrap: anywhere;
}
/* _content/EmpiriaBMS.App/Components/Dashboards/WorkingDashboard/SubCompnents/Offers/OfferChangeHistoryPanel.razor.rz.scp.css */
.offer-change-panel[b-n35kzy7f17] {
    box-sizing: border-box;
    width: 100%;
    max-width: 100%;
    min-width: 0;
    margin-top: 1rem;
    padding: 1rem;
    border: 1px solid color-mix(in srgb, var(--card-border-color, rgba(15, 23, 42, 0.12)) 78%, transparent);
    border-radius: 16px;
    background: color-mix(in srgb, var(--main-bg-color, #fff) 98%, #2563eb 2%);
    overflow: hidden;
}

.offer-change-header[b-n35kzy7f17],
.offer-change-item-main[b-n35kzy7f17],
.offer-change-form-header[b-n35kzy7f17],
.offer-change-form-actions[b-n35kzy7f17],
.offer-change-upload-list li[b-n35kzy7f17] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
}

.offer-change-header h4[b-n35kzy7f17],
.offer-change-form-header h5[b-n35kzy7f17] {
    margin: 0;
    font-weight: 700;
}

.offer-change-header p[b-n35kzy7f17] {
    margin: 0.2rem 0 0;
    color: color-mix(in srgb, var(--main-fg-color, #1d2433) 70%, transparent);
    font-size: 0.86rem;
}

.offer-change-header-actions[b-n35kzy7f17] {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    gap: 0.55rem;
}

.offer-change-loading[b-n35kzy7f17],
.offer-change-empty[b-n35kzy7f17] {
    display: grid;
    place-items: center;
    min-height: 5rem;
    color: color-mix(in srgb, var(--main-fg-color, #1d2433) 70%, transparent);
}

.offer-change-list[b-n35kzy7f17] {
    display: grid;
    gap: 0.75rem;
    margin-top: 0.9rem;
}

.offer-change-table-wrap[b-n35kzy7f17] {
    display: none;
    box-sizing: border-box;
    width: 100%;
    max-width: 100%;
    min-width: 0;
    margin-top: 0.9rem;
    overflow-x: auto;
    border: 1px solid color-mix(in srgb, var(--card-border-color, rgba(15, 23, 42, 0.12)) 72%, transparent);
    border-radius: 10px;
    background: color-mix(in srgb, var(--main-bg-color, #fff) 96%, #ffffff 4%);
    scrollbar-width: thin;
}

.offer-change-table[b-n35kzy7f17] {
    width: 100%;
    min-width: 1220px;
    border-collapse: collapse;
    font-size: 0.84rem;
}

.offer-change-table th[b-n35kzy7f17],
.offer-change-table td[b-n35kzy7f17] {
    padding: 0.65rem 0.75rem;
    border-bottom: 1px solid color-mix(in srgb, var(--card-border-color, rgba(15, 23, 42, 0.12)) 68%, transparent);
    vertical-align: top;
    text-align: left;
}

.offer-change-table th[b-n35kzy7f17] {
    color: color-mix(in srgb, var(--main-fg-color, #1d2433) 74%, transparent);
    font-size: 0.78rem;
    font-weight: 800;
    white-space: nowrap;
}

.offer-change-table td[b-n35kzy7f17] {
    color: var(--main-fg-color, #1d2433);
    overflow-wrap: anywhere;
}

.offer-change-table tbody tr:last-child td[b-n35kzy7f17] {
    border-bottom: 0;
}

.offer-change-item[b-n35kzy7f17] {
    display: grid;
    gap: 0.55rem;
    padding: 0.85rem;
    border: 1px solid color-mix(in srgb, var(--card-border-color, rgba(15, 23, 42, 0.12)) 72%, transparent);
    border-radius: 12px;
    background: color-mix(in srgb, var(--main-bg-color, #fff) 96%, #ffffff 4%);
}

.offer-change-item-main strong[b-n35kzy7f17],
.offer-change-item-main span[b-n35kzy7f17] {
    display: block;
}

.offer-change-item-main span[b-n35kzy7f17],
.offer-change-meta[b-n35kzy7f17],
.offer-change-progress[b-n35kzy7f17],
.offer-change-docs[b-n35kzy7f17] {
    color: color-mix(in srgb, var(--main-fg-color, #1d2433) 70%, transparent);
    font-size: 0.86rem;
}

.offer-change-item p[b-n35kzy7f17] {
    margin: 0;
}

.offer-change-meta[b-n35kzy7f17],
.offer-change-impact-row[b-n35kzy7f17],
.offer-change-docs[b-n35kzy7f17] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.45rem;
}

.offer-change-impact-row span[b-n35kzy7f17],
.offer-change-docs span[b-n35kzy7f17] {
    padding: 0.18rem 0.5rem;
    border-radius: 999px;
    background: color-mix(in srgb, var(--accent-fill-rest, #2563eb) 13%, transparent);
    font-size: 0.82rem;
    font-weight: 600;
}

.offer-change-actions[b-n35kzy7f17] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.45rem;
    justify-content: flex-end;
}

.offer-change-row-actions[b-n35kzy7f17] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.4rem;
    justify-content: flex-end;
    min-width: 9.5rem;
}

.offer-change-action-button[b-n35kzy7f17] {
    flex: 0 0 auto;
}

.offer-change-badge-row[b-n35kzy7f17] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.35rem;
    justify-content: flex-end;
}

.offer-change-readonly-grid[b-n35kzy7f17] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.65rem;
}

.offer-change-readonly-column[b-n35kzy7f17] {
    display: grid;
    gap: 0.65rem;
    min-width: 0;
}

.offer-change-readonly-item[b-n35kzy7f17] {
    display: grid;
    gap: 0.15rem;
    min-width: 0;
    padding: 0.65rem;
    border-radius: 10px;
    background: color-mix(in srgb, var(--main-bg-color, #fff) 92%, #000 8%);
}

.offer-change-readonly-grid span[b-n35kzy7f17],
.offer-change-field label[b-n35kzy7f17] {
    color: color-mix(in srgb, var(--main-fg-color, #1d2433) 72%, transparent);
    font-size: 0.82rem;
    font-weight: 700;
}

.offer-change-readonly-grid strong[b-n35kzy7f17] {
    overflow-wrap: anywhere;
}

.offer-change-form-grid[b-n35kzy7f17] {
    row-gap: 0.6rem;
}

.offer-change-field[b-n35kzy7f17] {
    display: grid;
    gap: 0.35rem;
}

.offer-change-field fluent-text-area[b-n35kzy7f17],
.offer-change-field fluent-number-field[b-n35kzy7f17],
.offer-change-field fluent-date-picker[b-n35kzy7f17],
.offer-change-field fluent-select[b-n35kzy7f17] {
    width: 100%;
}

.offer-change-impact-box[b-n35kzy7f17] {
    align-content: start;
}

.offer-change-upload-list[b-n35kzy7f17] {
    display: grid;
    gap: 0.35rem;
    margin: 0;
    padding: 0;
    list-style: none;
}

.offer-change-upload-list li[b-n35kzy7f17] {
    min-height: 2.25rem;
    padding: 0.3rem 0.5rem;
    border-radius: 8px;
    background: color-mix(in srgb, var(--main-bg-color, #fff) 92%, #000 8%);
}

.offer-change-form-actions[b-n35kzy7f17] {
    justify-content: flex-end;
}

.offer-change-modal-backdrop[b-n35kzy7f17],
.offer-change-modal-layer[b-n35kzy7f17] {
    position: fixed;
    inset: 0;
}

.offer-change-modal-backdrop[b-n35kzy7f17] {
    z-index: 2500;
    background: rgba(15, 23, 42, 0.36);
}

.offer-change-modal-layer[b-n35kzy7f17] {
    z-index: 2501;
    display: grid;
    place-items: center;
    padding: 1.25rem;
    pointer-events: none;
}

.offer-change-modal[b-n35kzy7f17] {
    pointer-events: auto;
    display: flex;
    flex-direction: column;
    width: min(980px, calc(100vw - 2.5rem));
    max-height: min(820px, calc(100dvh - 2.5rem));
    min-height: 0;
    overflow: hidden;
    border: 1px solid color-mix(in srgb, var(--card-border-color, rgba(15, 23, 42, 0.12)) 86%, transparent);
    border-radius: 18px;
    background: color-mix(in srgb, var(--main-bg-color, #fff) 97%, #2563eb 3%);
    box-shadow: 0 22px 54px rgba(15, 23, 42, 0.22);
}

.offer-change-modal-header[b-n35kzy7f17],
.offer-change-modal-footer[b-n35kzy7f17] {
    flex: 0 0 auto;
    padding: 1rem 1.1rem;
}

.offer-change-modal-header[b-n35kzy7f17] {
    border-bottom: 1px solid color-mix(in srgb, var(--card-border-color, rgba(15, 23, 42, 0.12)) 72%, transparent);
}

.offer-change-modal-header p[b-n35kzy7f17] {
    margin: 0.25rem 0 0;
    color: color-mix(in srgb, var(--main-fg-color, #1d2433) 70%, transparent);
    font-size: 0.86rem;
}

.offer-change-modal-body[b-n35kzy7f17] {
    flex: 1 1 auto;
    min-height: 0;
    overflow-y: auto;
    overflow-x: hidden;
    padding: 1rem 1.1rem 1.15rem;
    scroll-padding-bottom: 1rem;
}

.offer-change-modal-footer[b-n35kzy7f17] {
    border-top: 1px solid color-mix(in srgb, var(--card-border-color, rgba(15, 23, 42, 0.12)) 72%, transparent);
    background: color-mix(in srgb, var(--main-bg-color, #fff) 96%, #2563eb 4%);
}

[b-n35kzy7f17] fluent-button[appearance="outline"]::part(control) {
    color: var(--main-fg-color, #1d2433);
}

@media (min-width: 1200px) {
    .offer-change-table-enabled .offer-change-table-wrap[b-n35kzy7f17] {
        display: block;
    }

    .offer-change-table-enabled .offer-change-list-mobile[b-n35kzy7f17] {
        display: none;
    }
}

@media (max-width: 767.98px) {
    .offer-change-header[b-n35kzy7f17],
    .offer-change-item-main[b-n35kzy7f17],
    .offer-change-form-header[b-n35kzy7f17],
    .offer-change-form-actions[b-n35kzy7f17] {
        align-items: stretch;
        flex-direction: column;
    }

    .offer-change-header-actions[b-n35kzy7f17] {
        justify-content: stretch;
    }

    .offer-change-header-actions fluent-button[b-n35kzy7f17] {
        width: 100%;
    }

    .offer-change-readonly-grid[b-n35kzy7f17] {
        grid-template-columns: 1fr;
    }

    .offer-change-modal-layer[b-n35kzy7f17] {
        align-items: stretch;
        padding: 0.75rem;
    }

    .offer-change-modal[b-n35kzy7f17] {
        width: 100%;
        max-height: calc(100dvh - 1.5rem);
        border-radius: 14px;
    }

    .offer-change-modal-header[b-n35kzy7f17],
    .offer-change-modal-footer[b-n35kzy7f17] {
        padding: 0.85rem;
    }

    .offer-change-modal-header[b-n35kzy7f17] {
        align-items: center;
        flex-direction: row;
    }

    .offer-change-modal-body[b-n35kzy7f17] {
        padding: 0.85rem;
    }
}
/* _content/EmpiriaBMS.App/Components/Dashboards/WorkingDashboard/SubCompnents/Offers/OfferCreationDialog.razor.rz.scp.css */
.offer-dialog-header[b-1vu576ibcy] {
    flex: 0 0 auto;
}

.offer-dialog-body[b-1vu576ibcy] {
    flex: 1 1 auto;
    min-height: 0;
    overflow: hidden;
    padding: 0;
}

.offer-dialog-content[b-1vu576ibcy] {
    height: 100%;
    min-height: 0;
    display: flex;
    flex-direction: column;
    overflow: hidden;
    padding: 0.95rem 1.15rem 1rem;
}

.offer-dialog-content[b-1vu576ibcy]  .offer-detail-shell {
    flex: 1 1 auto;
    min-height: 0;
    overflow-y: auto;
    overflow-x: hidden;
    scroll-padding-bottom: 1rem;
}

.offer-dialog-content[b-1vu576ibcy]  .offer-detail-actions {
    position: static;
    flex: 0 0 auto;
    padding: 0.65rem 0 0;
}

@media (max-width: 767.98px) {
    .offer-dialog-content[b-1vu576ibcy] {
        padding: 0.75rem;
    }
}
/* _content/EmpiriaBMS.App/Components/Dashboards/WorkingDashboard/SubCompnents/Offers/OffersSettingsDialog.razor.rz.scp.css */
.offers-settings-dialog-body[b-inqm5u9j0w] {
    min-height: 0;
    max-height: calc(80vh - 4.75rem);
    overflow-y: auto;
    overflow-x: hidden;
    padding: 0.75rem 1rem 1rem;
}

.offers-settings-dialog-shell[b-inqm5u9j0w] {
    width: min(100%, 860px);
    min-width: min(100%, 720px);
    height: 100%;
    min-height: 0;
}

.offers-settings-dialog-tabs[b-inqm5u9j0w] {
    display: flex;
    flex-direction: column;
    width: 100%;
    height: 100%;
    min-height: 0;
    overflow: hidden;
}

.offers-settings-dialog-tab-list[b-inqm5u9j0w] {
    display: flex;
    flex: 0 0 auto;
    align-items: center;
    gap: 6px;
    width: 100%;
    max-width: 100%;
    min-width: 0;
    padding: 0 4px 10px;
    border-bottom: 1px solid color-mix(in srgb, var(--dialog-color, var(--main-fg-color)) 14%, transparent);
    overflow-x: auto;
    overflow-y: hidden;
    scrollbar-width: thin;
}

.offers-settings-dialog-tab-button[b-inqm5u9j0w] {
    appearance: none;
    min-height: 38px;
    flex: 0 0 auto;
    padding: 8px 14px;
    border: 0;
    border-bottom: 3px solid transparent;
    border-radius: 999px;
    background: transparent;
    color: inherit;
    font: inherit;
    font-size: .88rem;
    font-weight: 700;
    line-height: 1.2;
    text-align: center;
    white-space: nowrap;
    cursor: pointer;
    transition: border-color .16s ease, transform .16s ease;
}

.offers-settings-dialog-tab-button:hover[b-inqm5u9j0w],
.offers-settings-dialog-tab-button:focus-visible[b-inqm5u9j0w],
.offers-settings-dialog-tab-button.is-active[b-inqm5u9j0w] {
    border-bottom-color: var(--primary-accent-color);
    outline: none;
}

.offers-settings-dialog-tab-button:hover[b-inqm5u9j0w],
.offers-settings-dialog-tab-button:focus-visible[b-inqm5u9j0w] {
    transform: translateY(-1px);
}

.offers-settings-dialog-tab-button.is-active[b-inqm5u9j0w] {
    font-weight: 850;
}

.offers-settings-dialog-panel[b-inqm5u9j0w] {
    width: 100%;
    max-width: 100%;
    min-width: 0;
    display: flex;
    flex-direction: column;
    flex: 1 1 auto;
    min-height: 0;
    overflow: hidden;
    color: var(--dialog-color, var(--main-fg-color));
}

[b-inqm5u9j0w] .offers-settings-catalog {
    display: flex;
    flex: 1 1 auto;
    flex-direction: column;
    width: 100%;
    min-height: 0;
    margin: 0 !important;
}

[b-inqm5u9j0w] .offers-settings-catalog-surface {
    display: flex;
    flex: 1 1 auto;
    flex-direction: column;
    width: 100%;
    min-height: 0;
    overflow: hidden;
}

[b-inqm5u9j0w] .offers-settings-catalog-surface > .row {
    flex: 0 0 auto;
}

[b-inqm5u9j0w] .offers-settings-catalog-grid-wrap {
    flex: 1 1 auto;
    min-height: 0;
    margin-top: 0.35rem;
    overflow: hidden;
}

[b-inqm5u9j0w] .offers-settings-catalog-grid {
    height: 100%;
    min-height: 0;
    overflow: auto;
}

@media (max-width: 767.98px) {
    .offers-settings-dialog-body[b-inqm5u9j0w] {
        max-height: calc(80vh - 4.75rem);
        padding: 0.65rem;
    }

    .offers-settings-dialog-shell[b-inqm5u9j0w] {
        min-width: 0;
        width: 100%;
    }

    .offers-settings-dialog-tab-list[b-inqm5u9j0w] {
        gap: 4px;
        flex-wrap: wrap;
        align-items: stretch;
        padding: 0 0 6px;
        overflow-x: hidden;
        overflow-y: visible;
    }

    .offers-settings-dialog-tab-button[b-inqm5u9j0w] {
        min-height: 30px;
        flex: 1 1 calc(50% - 4px);
        padding: 5px 8px;
        font-size: .76rem;
        line-height: 1.12;
        white-space: normal;
        word-break: normal;
        overflow-wrap: anywhere;
    }

    .offers-settings-dialog-panel[b-inqm5u9j0w] {
        padding-right: 2px;
        padding-top: 10px;
    }
}
/* _content/EmpiriaBMS.App/Components/Dashboards/WorkingDashboard/SubCompnents/ProjectDisciplines/ProjectDisciplineDetailed.razor.rz.scp.css */
.projectDiscipline-detail-shell[b-1908fy25dh] {
    width: 100%;
    min-height: 0;
    max-height: min(500px, calc(100dvh - 180px));
    container-type: inline-size;
    display: flex;
    flex-direction: column;
    gap: 14px;
    overflow: hidden;
    color: var(--main-fg-color);
}

.projectDiscipline-detail-shell--compact[b-1908fy25dh] {
    flex: 1 1 0;
    gap: 0;
    max-height: none;
}

.projectDiscipline-detail-header[b-1908fy25dh] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 16px;
    padding: 4px 2px 0;
}

.projectDiscipline-detail-header h3[b-1908fy25dh] {
    margin: 0;
    color: var(--main-fg-color);
    font-size: 1.28rem;
    font-weight: 700;
    line-height: 1.2;
}

.projectDiscipline-detail-header p[b-1908fy25dh] {
    margin: 4px 0 0;
    color: color-mix(in srgb, var(--main-fg-color) 72%, transparent);
    font-size: .92rem;
    line-height: 1.35;
}

.projectDiscipline-table-shell[b-1908fy25dh] {
    flex: 0 1 auto;
    min-height: 0;
    display: flex;
    flex-direction: column;
    overflow: hidden;
    border: 1px solid color-mix(in srgb, var(--main-fg-color) 14%, transparent);
    border-radius: 8px;
    background: color-mix(in srgb, var(--dialog-bg, var(--main-bg-color)) 90%, var(--main-fg-color) 10%);
    box-shadow: 0 10px 24px color-mix(in srgb, #000 14%, transparent);
}

.projectDiscipline-detail-shell--compact .projectDiscipline-table-shell[b-1908fy25dh] {
    flex: 1 1 0;
}

.sub-table[b-1908fy25dh],
.projectDiscipline-table[b-1908fy25dh] {
    width: 100%;
    min-height: 0;
    border-collapse: separate;
    border-spacing: 0;
    color: var(--main-fg-color);
}

.projectDiscipline-table[b-1908fy25dh] {
    display: flex;
    flex-direction: column;
}

.projectDiscipline-detail-shell--compact .projectDiscipline-table[b-1908fy25dh] {
    flex: 1 1 0;
}

.projectDiscipline-table thead[b-1908fy25dh] {
    display: table;
    flex: 0 0 auto;
    width: 100%;
    table-layout: fixed;
}

.projectDiscipline-table thead th[b-1908fy25dh] {
    position: sticky;
    top: 0;
    z-index: 2;
    padding: 12px 14px;
    background: color-mix(in srgb, var(--primary-bg-color) 58%, var(--dialog-bg, var(--main-bg-color)) 42%);
    border-bottom: 1px solid color-mix(in srgb, var(--main-fg-color) 16%, transparent);
    color: var(--main-fg-color);
    font-size: .74rem;
    font-weight: 800;
    letter-spacing: 0;
    text-align: left;
    text-transform: uppercase;
}

.sub-table-body-scroll[b-1908fy25dh] {
    display: block;
    flex: 0 1 auto;
    min-height: 0;
    max-height: min(520px, calc(100dvh - 300px));
    box-sizing: border-box;
    overflow-y: auto;
    overflow-x: hidden;
    overscroll-behavior: contain;
    padding-bottom: 10px;
    scroll-padding-bottom: 10px;
}

.projectDiscipline-detail-shell--compact .sub-table-body-scroll[b-1908fy25dh] {
    flex: 1 1 0;
    max-height: none;
}

.sub-table-body-scroll[b-1908fy25dh]::after {
    content: "";
    display: block;
    height: 10px;
}

.projectDiscipline-row[b-1908fy25dh] {
    display: table;
    width: 100%;
    table-layout: fixed;
    color: var(--main-fg-color);
    background: color-mix(in srgb, var(--dialog-bg, var(--main-bg-color)) 92%, var(--main-fg-color) 8%);
    cursor: pointer;
    touch-action: manipulation;
}

.projectDiscipline-row:nth-child(even)[b-1908fy25dh] {
    background: color-mix(in srgb, var(--dialog-bg, var(--main-bg-color)) 86%, var(--main-fg-color) 14%);
}

.projectDiscipline-row.is-selected[b-1908fy25dh] {
    background: color-mix(in srgb, var(--primary-bg-color) 44%, var(--dialog-bg, var(--main-bg-color)) 56%);
}

.projectDiscipline-row:hover[b-1908fy25dh] {
    background: color-mix(in srgb, var(--primary-hover-bg-color) 34%, var(--dialog-bg, var(--main-bg-color)) 66%);
}

.projectDiscipline-table td[b-1908fy25dh] {
    padding: 12px 14px;
    border-bottom: 1px solid color-mix(in srgb, var(--main-fg-color) 12%, transparent);
    color: var(--main-fg-color);
    vertical-align: middle;
}

.projectDiscipline-row:last-child td[b-1908fy25dh] {
    border-bottom: 0;
}

.projectDiscipline-select-col[b-1908fy25dh] {
    width: 58px;
    text-align: center;
}

.projectDiscipline-hours-col[b-1908fy25dh] {
    width: 170px;
}

.projectDiscipline-engineers-col[b-1908fy25dh] {
    width: 150px;
}

.projectDiscipline-detail-shell--unassigned-only .projectDiscipline-row[b-1908fy25dh] {
    cursor: default;
}

.projectDiscipline-detail-shell--unassigned-only[b-1908fy25dh],
.projectDiscipline-detail-shell--unassigned-only .projectDiscipline-table-shell[b-1908fy25dh],
.projectDiscipline-detail-shell--unassigned-only .projectDiscipline-table[b-1908fy25dh],
.projectDiscipline-detail-shell--unassigned-only .sub-table-body-scroll[b-1908fy25dh] {
    flex: 0 1 auto;
}

.projectDiscipline-detail-shell--unassigned-only .sub-table-body-scroll[b-1908fy25dh] {
    max-height: min(340px, calc(100dvh - 360px));
    overflow-y: auto;
}

.projectDiscipline-subcontractors-col[b-1908fy25dh] {
    width: 190px;
}

.projectDiscipline-name-wrap[b-1908fy25dh] {
    display: flex;
    flex-direction: column;
    gap: 3px;
    min-width: 0;
}

.projectDiscipline-name[b-1908fy25dh] {
    color: var(--main-fg-color);
    font-size: .98rem;
    font-weight: 700;
    line-height: 1.25;
    overflow-wrap: anywhere;
}

.projectDiscipline-state[b-1908fy25dh] {
    width: fit-content;
    color: color-mix(in srgb, var(--main-fg-color) 70%, transparent);
    font-size: .78rem;
    font-weight: 650;
    line-height: 1.2;
}

.projectDiscipline-row.is-selected .projectDiscipline-state[b-1908fy25dh] {
    color: var(--main-fg-color);
}

.projectDiscipline-stage-field[b-1908fy25dh] {
    display: grid;
    gap: 5px;
    width: min(100%, 360px);
    margin-top: 8px;
    cursor: auto;
}

.projectDiscipline-stage-field > span[b-1908fy25dh] {
    color: color-mix(in srgb, var(--main-fg-color) 68%, transparent);
    font-size: .72rem;
    font-weight: 800;
    letter-spacing: 0;
    line-height: 1.15;
    text-transform: uppercase;
}

.projectDiscipline-stage-select[b-1908fy25dh] {
    width: 100%;
    min-height: 36px;
    padding: 0 34px 0 10px;
    border: 1px solid color-mix(in srgb, var(--main-fg-color) 22%, transparent);
    border-radius: 8px;
    background-color: color-mix(in srgb, var(--main-bg-color) 78%, var(--main-fg-color) 22%);
    color: var(--main-fg-color);
    font: inherit;
    font-size: .86rem;
    font-weight: 700;
    line-height: 1.2;
}

.projectDiscipline-stage-select:hover[b-1908fy25dh],
.projectDiscipline-stage-select:focus[b-1908fy25dh] {
    border-color: color-mix(in srgb, var(--primary-accent-color) 70%, var(--main-fg-color) 30%);
    outline: none;
}

.projectDiscipline-date-fields[b-1908fy25dh] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(min(100%, 180px), 1fr));
    gap: 8px;
    width: min(100%, 420px);
    margin-top: 8px;
    cursor: auto;
}

.projectDiscipline-date-field[b-1908fy25dh] {
    display: grid;
    gap: 5px;
    min-width: 0;
    cursor: auto;
}

.projectDiscipline-date-input[b-1908fy25dh]::part(label) {
    color: color-mix(in srgb, var(--main-fg-color) 68%, transparent);
    font-size: .72rem;
    font-weight: 800;
    letter-spacing: 0;
    line-height: 1.15;
    text-transform: uppercase;
}

.projectDiscipline-date-input[b-1908fy25dh] {
    width: 100%;
    min-width: 0;
    --neutral-foreground-rest: var(--main-fg-color);
    --neutral-foreground-hover: var(--main-fg-color);
    --neutral-foreground-active: var(--main-fg-color);
    --neutral-foreground-focus: var(--main-fg-color);
    --neutral-fill-input-rest: color-mix(in srgb, var(--main-bg-color) 82%, var(--main-fg-color) 18%);
    --neutral-fill-input-hover: color-mix(in srgb, var(--main-bg-color) 76%, var(--main-fg-color) 24%);
    --neutral-fill-input-active: color-mix(in srgb, var(--main-bg-color) 72%, var(--main-fg-color) 28%);
    --neutral-fill-input-focus: color-mix(in srgb, var(--main-bg-color) 72%, var(--main-fg-color) 28%);
    --neutral-stroke-input-rest: color-mix(in srgb, var(--main-fg-color) 24%, transparent);
    --neutral-stroke-input-hover: color-mix(in srgb, var(--main-fg-color) 38%, transparent);
    --neutral-stroke-input-active: color-mix(in srgb, var(--primary-accent-color) 70%, transparent);
    --neutral-stroke-input-focus: color-mix(in srgb, var(--primary-accent-color) 78%, transparent);
}

.projectDiscipline-date-error[b-1908fy25dh] {
    display: block;
    width: min(100%, 420px);
    margin-top: 6px;
    color: #fca5a5;
    font-size: .78rem;
    font-weight: 750;
    line-height: 1.25;
}

.projectDiscipline-checkbox[b-1908fy25dh] {
    color: var(--main-fg-color);
}

.projectDiscipline-checkbox-hit[b-1908fy25dh],
.projectDiscipline-hours-input-hit[b-1908fy25dh] {
    display: inline-block;
    cursor: auto;
    touch-action: auto;
}

.projectDiscipline-hours-input-hit[b-1908fy25dh] {
    width: 100%;
    max-width: 128px;
}

.projectDiscipline-hours-input[b-1908fy25dh] {
    width: 100%;
    max-width: 128px;
    --neutral-foreground-rest: var(--main-fg-color);
    --neutral-foreground-hover: var(--main-fg-color);
    --neutral-foreground-active: var(--main-fg-color);
    --neutral-foreground-focus: var(--main-fg-color);
    --neutral-fill-input-rest: color-mix(in srgb, var(--main-bg-color) 82%, var(--main-fg-color) 18%);
    --neutral-fill-input-hover: color-mix(in srgb, var(--main-bg-color) 76%, var(--main-fg-color) 24%);
    --neutral-fill-input-active: color-mix(in srgb, var(--main-bg-color) 72%, var(--main-fg-color) 28%);
    --neutral-fill-input-focus: color-mix(in srgb, var(--main-bg-color) 72%, var(--main-fg-color) 28%);
    --neutral-stroke-input-rest: color-mix(in srgb, var(--main-fg-color) 24%, transparent);
    --neutral-stroke-input-hover: color-mix(in srgb, var(--main-fg-color) 38%, transparent);
    --neutral-stroke-input-active: color-mix(in srgb, var(--primary-accent-color) 70%, transparent);
    --neutral-stroke-input-focus: color-mix(in srgb, var(--primary-accent-color) 78%, transparent);
}

.projectDiscipline-hours-input[b-1908fy25dh]::part(control) {
    min-height: 38px;
    color: var(--main-fg-color);
    font-weight: 700;
}

.projectDiscipline-assignee-button[b-1908fy25dh] {
    min-width: 104px;
    min-height: 38px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    border: 1px solid color-mix(in srgb, var(--main-fg-color) 20%, transparent);
    border-radius: 999px;
    background: color-mix(in srgb, var(--primary-bg-color) 32%, transparent);
    color: var(--main-fg-color);
    font: inherit;
    font-weight: 750;
    line-height: 1;
    cursor: pointer;
    transition: background-color .16s ease, border-color .16s ease, transform .16s ease;
}

.projectDiscipline-assignee-button:hover[b-1908fy25dh],
.projectDiscipline-assignee-button:focus-visible[b-1908fy25dh] {
    border-color: color-mix(in srgb, var(--primary-accent-color) 70%, var(--main-fg-color) 30%);
    background: color-mix(in srgb, var(--primary-hover-bg-color) 52%, transparent);
    outline: none;
    transform: translateY(-1px);
}

.projectDiscipline-assignee-button .clarity--assign-user-line[b-1908fy25dh],
.projectDiscipline-assignee-button .clarity--assign-user-line-colored[b-1908fy25dh] {
    width: 1.25rem;
    height: 1.25rem;
    flex: 0 0 auto;
    background-color: var(--main-fg-color);
}

.projectDiscipline-assignee-button .clarity--assign-user-line-colored[b-1908fy25dh] {
    background-color: var(--primary-accent-color);
}

.projectDiscipline-assignee-button .clarity--assign-user-line:hover[b-1908fy25dh],
.projectDiscipline-assignee-button .clarity--assign-user-line-colored:hover[b-1908fy25dh] {
    transform: none;
}

.projectDiscipline-assignee-text[b-1908fy25dh] {
    min-width: 1.2ch;
    color: var(--main-fg-color);
}

.projectDiscipline-assignee-budget[b-1908fy25dh] {
    color: color-mix(in srgb, var(--main-fg-color) 72%, transparent);
    font-size: .76rem;
    font-weight: 800;
    line-height: 1;
}

.projectDiscipline-assignee-muted[b-1908fy25dh] {
    display: inline-flex;
    align-items: center;
    min-height: 38px;
    color: color-mix(in srgb, var(--main-fg-color) 58%, transparent);
    font-size: .82rem;
    font-weight: 650;
}

.engineer-picker[b-1908fy25dh] {
    display: flex;
    flex-direction: column;
    gap: 14px;
    padding: 18px;
    color: var(--dialog-color, var(--main-fg-color));
    background: var(--dialog-bg, var(--main-bg-color));
}

.engineer-picker-header[b-1908fy25dh] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 14px;
}

.engineer-picker-header h4[b-1908fy25dh] {
    margin: 0;
    color: var(--dialog-color, var(--main-fg-color));
    font-size: 1.14rem;
    font-weight: 800;
    line-height: 1.2;
}

.engineer-picker-header p[b-1908fy25dh] {
    margin: 4px 0 0;
    color: color-mix(in srgb, var(--dialog-color, var(--main-fg-color)) 68%, transparent);
    font-size: .88rem;
    font-weight: 650;
    line-height: 1.3;
}

.engineer-picker-close[b-1908fy25dh] {
    width: 34px;
    height: 34px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 1px solid color-mix(in srgb, var(--dialog-color, var(--main-fg-color)) 20%, transparent);
    border-radius: 8px;
    background: transparent;
    color: var(--dialog-color, var(--main-fg-color));
    font-size: 1.25rem;
    font-weight: 700;
    line-height: 1;
    cursor: pointer;
}

.engineer-picker-close:hover[b-1908fy25dh],
.engineer-picker-close:focus-visible[b-1908fy25dh] {
    background: color-mix(in srgb, var(--primary-bg-color) 42%, transparent);
    outline: none;
}

.engineer-list[b-1908fy25dh] {
    max-height: min(360px, calc(100dvh - 280px));
    display: flex;
    flex-direction: column;
    gap: 8px;
    overflow-y: auto;
    padding-right: 4px;
}

.engineer-option[b-1908fy25dh] {
    display: grid;
    grid-template-columns: 36px minmax(0, 1fr);
    align-items: center;
    min-height: 46px;
    padding: 8px 10px;
    border: 1px solid color-mix(in srgb, var(--dialog-color, var(--main-fg-color)) 12%, transparent);
    border-radius: 8px;
    background: color-mix(in srgb, var(--dialog-bg, var(--main-bg-color)) 88%, var(--dialog-color, var(--main-fg-color)) 12%);
    color: var(--dialog-color, var(--main-fg-color));
    cursor: pointer;
}

.engineer-option:hover[b-1908fy25dh] {
    background: color-mix(in srgb, var(--primary-bg-color) 42%, var(--dialog-bg, var(--main-bg-color)) 58%);
}

.engineer-option span[b-1908fy25dh] {
    color: var(--dialog-color, var(--main-fg-color));
    font-size: .95rem;
    font-weight: 700;
    line-height: 1.25;
    overflow-wrap: anywhere;
}

.subcontractor-empty-state[b-1908fy25dh] {
    padding: 14px;
    border: 1px solid color-mix(in srgb, var(--dialog-color, var(--main-fg-color)) 12%, transparent);
    border-radius: 8px;
    color: color-mix(in srgb, var(--dialog-color, var(--main-fg-color)) 72%, transparent);
    font-size: .9rem;
    font-weight: 700;
    line-height: 1.35;
}

.subcontractor-option[b-1908fy25dh] {
    grid-template-columns: 36px minmax(0, 1fr) minmax(128px, 152px);
    gap: 8px;
}

.subcontractor-option-name[b-1908fy25dh] {
    min-width: 0;
}

.subcontractor-budget-field[b-1908fy25dh] {
    display: grid;
    gap: 4px;
    min-width: 0;
}

.subcontractor-budget-input[b-1908fy25dh] {
    width: 100%;
    --neutral-foreground-rest: var(--dialog-color, var(--main-fg-color));
    --neutral-foreground-hover: var(--dialog-color, var(--main-fg-color));
    --neutral-foreground-active: var(--dialog-color, var(--main-fg-color));
    --neutral-foreground-focus: var(--dialog-color, var(--main-fg-color));
    --neutral-fill-input-rest: color-mix(in srgb, var(--dialog-bg, var(--main-bg-color)) 82%, var(--dialog-color, var(--main-fg-color)) 18%);
    --neutral-fill-input-hover: color-mix(in srgb, var(--dialog-bg, var(--main-bg-color)) 76%, var(--dialog-color, var(--main-fg-color)) 24%);
    --neutral-fill-input-active: color-mix(in srgb, var(--dialog-bg, var(--main-bg-color)) 72%, var(--dialog-color, var(--main-fg-color)) 28%);
    --neutral-fill-input-focus: color-mix(in srgb, var(--dialog-bg, var(--main-bg-color)) 72%, var(--dialog-color, var(--main-fg-color)) 28%);
}

.subcontractor-budget-input[b-1908fy25dh]::part(control) {
    min-height: 34px;
    font-weight: 750;
}

.subcontractor-budget-field small[b-1908fy25dh] {
    color: #fca5a5;
    font-size: .72rem;
    font-weight: 800;
    line-height: 1.15;
}

.engineer-picker-actions[b-1908fy25dh] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 10px;
}

.engineer-action-button[b-1908fy25dh] {
    width: 100%;
    --neutral-foreground-rest: var(--dialog-color, var(--main-fg-color));
    --neutral-foreground-hover: var(--dialog-color, var(--main-fg-color));
    --neutral-foreground-active: var(--dialog-color, var(--main-fg-color));
    --neutral-foreground-focus: var(--dialog-color, var(--main-fg-color));
}

.engineer-action-button[b-1908fy25dh]::part(control) {
    min-height: 40px;
    color: var(--dialog-color, var(--main-fg-color));
    font-weight: 800;
}

.engineer-action-button-primary[b-1908fy25dh]::part(control) {
    color: var(--fluent-button-fg, #fff);
}

.engineer-action-button-secondary[b-1908fy25dh]::part(control) {
    border-color: color-mix(in srgb, var(--dialog-color, var(--main-fg-color)) 34%, transparent);
    color: var(--dialog-color, var(--main-fg-color));
}

[b-1908fy25dh] fluent-button.engineer-action-button-secondary,
[b-1908fy25dh] fluent-button.engineer-action-button-secondary::part(control) {
    color: var(--dialog-color, var(--main-fg-color)) !important;
}

[b-1908fy25dh] fluent-button.engineer-action-button-secondary::part(control) {
    border-color: color-mix(in srgb, var(--dialog-color, var(--main-fg-color)) 34%, transparent) !important;
}

[b-1908fy25dh] fluent-button.engineer-action-button-secondary:hover,
[b-1908fy25dh] fluent-button.engineer-action-button-secondary:focus-visible,
[b-1908fy25dh] fluent-button.engineer-action-button-secondary:hover::part(control),
[b-1908fy25dh] fluent-button.engineer-action-button-secondary:focus-visible::part(control) {
    color: var(--dialog-color, var(--main-fg-color)) !important;
    border-color: color-mix(in srgb, var(--dialog-color, var(--main-fg-color)) 52%, transparent) !important;
}

@media (max-width: 720px) {
    .projectDiscipline-detail-shell[b-1908fy25dh] {
        --projectDiscipline-mobile-two-card-height: clamp(320px, 58dvh, 390px);
        max-height: calc(100dvh - 150px);
    }

    .projectDiscipline-detail-header[b-1908fy25dh] {
        display: none;
    }

    .projectDiscipline-table-shell[b-1908fy25dh] {
        border-radius: 8px;
        background: transparent;
        border: 0;
        box-shadow: none;
    }

    .projectDiscipline-table[b-1908fy25dh],
    .projectDiscipline-table thead[b-1908fy25dh],
    .sub-table-body-scroll[b-1908fy25dh],
    .projectDiscipline-row[b-1908fy25dh],
    .projectDiscipline-table td[b-1908fy25dh] {
        display: block;
        width: 100%;
    }

    .projectDiscipline-table thead[b-1908fy25dh] {
        display: none;
    }

    .sub-table-body-scroll[b-1908fy25dh] {
        max-height: var(--projectDiscipline-mobile-two-card-height);
        padding-right: 2px;
        padding-bottom: 22px;
        scroll-padding-bottom: 22px;
    }

    .projectDiscipline-detail-shell--compact .sub-table-body-scroll[b-1908fy25dh] {
        max-height: var(--projectDiscipline-mobile-two-card-height);
    }

    .sub-table-body-scroll[b-1908fy25dh]::after {
        height: 22px;
    }

    .projectDiscipline-row[b-1908fy25dh] {
        margin-bottom: 10px;
        padding: 12px;
        border: 1px solid color-mix(in srgb, var(--main-fg-color) 14%, transparent);
        border-radius: 8px;
        background: color-mix(in srgb, var(--dialog-bg, var(--main-bg-color)) 90%, var(--main-fg-color) 10%);
    }

    .projectDiscipline-row:last-child[b-1908fy25dh] {
        margin-bottom: 8px;
    }

    .projectDiscipline-detail-shell--unassigned-only .projectDiscipline-row[b-1908fy25dh] {
        margin-bottom: 8px;
        padding: 10px;
    }

    .projectDiscipline-detail-shell--unassigned-only .projectDiscipline-stage-field[b-1908fy25dh],
    .projectDiscipline-detail-shell--unassigned-only .projectDiscipline-date-fields[b-1908fy25dh] {
        gap: 6px;
        margin-top: 6px;
    }

    .projectDiscipline-detail-shell--unassigned-only .projectDiscipline-hours-col[b-1908fy25dh],
    .projectDiscipline-detail-shell--unassigned-only .projectDiscipline-engineers-col[b-1908fy25dh],
    .projectDiscipline-detail-shell--unassigned-only .projectDiscipline-subcontractors-col[b-1908fy25dh] {
        margin-top: 9px;
    }

    .projectDiscipline-detail-shell--unassigned-only .projectDiscipline-hours-col[b-1908fy25dh]::before,
    .projectDiscipline-detail-shell--unassigned-only .projectDiscipline-engineers-col[b-1908fy25dh]::before,
    .projectDiscipline-detail-shell--unassigned-only .projectDiscipline-subcontractors-col[b-1908fy25dh]::before {
        margin-bottom: 4px;
    }

    .projectDiscipline-table td[b-1908fy25dh] {
        padding: 0;
        border: 0;
    }

    .projectDiscipline-select-col[b-1908fy25dh] {
        width: auto;
        float: right;
        margin-left: 10px;
    }

    .projectDiscipline-name-cell[b-1908fy25dh] {
        margin-right: 54px;
    }

    .projectDiscipline-hours-col[b-1908fy25dh],
    .projectDiscipline-engineers-col[b-1908fy25dh],
    .projectDiscipline-subcontractors-col[b-1908fy25dh] {
        width: 100%;
        margin-top: 12px;
    }

    .projectDiscipline-hours-col[b-1908fy25dh]::before,
    .projectDiscipline-engineers-col[b-1908fy25dh]::before,
    .projectDiscipline-subcontractors-col[b-1908fy25dh]::before {
        content: attr(data-label);
        display: block;
        margin-bottom: 6px;
        color: color-mix(in srgb, var(--main-fg-color) 66%, transparent);
        font-size: .74rem;
        font-weight: 800;
        letter-spacing: 0;
        text-transform: uppercase;
    }

    .projectDiscipline-hours-input[b-1908fy25dh] {
        max-width: none;
    }

    .projectDiscipline-hours-input-hit[b-1908fy25dh] {
        max-width: none;
    }

    .projectDiscipline-stage-field[b-1908fy25dh],
    .projectDiscipline-date-fields[b-1908fy25dh],
    .projectDiscipline-date-error[b-1908fy25dh] {
        width: 100%;
    }

    .projectDiscipline-assignee-button[b-1908fy25dh] {
        width: 100%;
        justify-content: flex-start;
        padding-inline: 14px;
    }

    .projectDiscipline-assignee-muted[b-1908fy25dh] {
        width: 100%;
    }
}

@media (max-width: 480px) {
    .projectDiscipline-detail-shell[b-1908fy25dh] {
        gap: 12px;
        --projectDiscipline-mobile-two-card-height: clamp(300px, 56dvh, 370px);
        max-height: calc(100dvh - 130px);
    }

    .projectDiscipline-detail-header h3[b-1908fy25dh] {
        font-size: 1.12rem;
    }

    .projectDiscipline-detail-header p[b-1908fy25dh] {
        font-size: .84rem;
    }

    .sub-table-body-scroll[b-1908fy25dh] {
        max-height: var(--projectDiscipline-mobile-two-card-height);
        padding-bottom: 26px;
        scroll-padding-bottom: 26px;
    }

    .projectDiscipline-detail-shell--compact .sub-table-body-scroll[b-1908fy25dh] {
        max-height: var(--projectDiscipline-mobile-two-card-height);
    }

    .sub-table-body-scroll[b-1908fy25dh]::after {
        height: 26px;
    }

    .engineer-picker[b-1908fy25dh] {
        padding: 14px;
    }

    .engineer-picker-actions[b-1908fy25dh] {
        grid-template-columns: 1fr;
    }

    .subcontractor-option[b-1908fy25dh] {
        grid-template-columns: 36px minmax(0, 1fr);
    }

    .subcontractor-budget-field[b-1908fy25dh] {
        grid-column: 2;
    }
}

@container (max-width: 820px) {
    .projectDiscipline-detail-shell[b-1908fy25dh] {
        --projectDiscipline-mobile-two-card-height: clamp(320px, 58dvh, 390px);
    }

    .projectDiscipline-table-shell[b-1908fy25dh] {
        border: 0;
        border-radius: 8px;
        background: transparent;
        box-shadow: none;
    }

    .projectDiscipline-table[b-1908fy25dh] {
        display: flex;
        width: 100%;
        min-height: 0;
        flex-direction: column;
    }

    .projectDiscipline-table thead[b-1908fy25dh] {
        display: none;
    }

    .sub-table-body-scroll[b-1908fy25dh] {
        display: block;
        width: 100%;
        max-height: var(--projectDiscipline-mobile-two-card-height);
        overflow-x: hidden;
        overflow-y: auto;
        padding-right: 2px;
        padding-bottom: 24px;
        scroll-padding-bottom: 24px;
    }

    .sub-table-body-scroll[b-1908fy25dh]::after {
        height: 24px;
    }

    .projectDiscipline-row[b-1908fy25dh] {
        display: grid;
        width: 100%;
        grid-template-columns: minmax(0, 1fr) auto;
        grid-template-areas:
            "name select"
            "hours hours"
            "engineers engineers"
            "subcontractors subcontractors";
        margin-bottom: 10px;
        padding: 12px;
        border: 1px solid color-mix(in srgb, var(--main-fg-color) 14%, transparent);
        border-radius: 8px;
        background: color-mix(in srgb, var(--dialog-bg, var(--main-bg-color)) 90%, var(--main-fg-color) 10%);
        table-layout: auto;
    }

    .projectDiscipline-row:last-child[b-1908fy25dh] {
        margin-bottom: 10px;
    }

    .projectDiscipline-table td[b-1908fy25dh] {
        display: block;
        width: 100%;
        min-width: 0;
        padding: 0;
        border: 0;
    }

    .projectDiscipline-select-col[b-1908fy25dh] {
        width: auto;
        grid-area: select;
        justify-self: end;
        margin-left: 10px;
        text-align: right;
    }

    .projectDiscipline-name-cell[b-1908fy25dh] {
        grid-area: name;
        margin-right: 0;
    }

    .projectDiscipline-hours-col[b-1908fy25dh] {
        width: 100%;
        grid-area: hours;
        margin-top: 12px;
    }

    .projectDiscipline-engineers-col[b-1908fy25dh] {
        width: 100%;
        grid-area: engineers;
        margin-top: 12px;
    }

    .projectDiscipline-subcontractors-col[b-1908fy25dh] {
        width: 100%;
        grid-area: subcontractors;
        margin-top: 12px;
    }

    .projectDiscipline-hours-col[b-1908fy25dh]::before,
    .projectDiscipline-engineers-col[b-1908fy25dh]::before,
    .projectDiscipline-subcontractors-col[b-1908fy25dh]::before {
        content: attr(data-label);
        display: block;
        margin-bottom: 6px;
        color: color-mix(in srgb, var(--main-fg-color) 66%, transparent);
        font-size: .74rem;
        font-weight: 800;
        letter-spacing: 0;
        text-transform: uppercase;
    }

    .projectDiscipline-name[b-1908fy25dh] {
        white-space: normal;
        word-break: normal;
        overflow-wrap: anywhere;
    }

    .projectDiscipline-hours-input[b-1908fy25dh] {
        max-width: none;
    }

    .projectDiscipline-hours-input-hit[b-1908fy25dh] {
        max-width: none;
    }

    .projectDiscipline-stage-field[b-1908fy25dh],
    .projectDiscipline-date-fields[b-1908fy25dh],
    .projectDiscipline-date-error[b-1908fy25dh] {
        width: 100%;
    }

    .projectDiscipline-assignee-button[b-1908fy25dh] {
        width: 100%;
        justify-content: flex-start;
        padding-inline: 14px;
    }

    .projectDiscipline-assignee-muted[b-1908fy25dh] {
        width: 100%;
    }
}

@media (max-width: 480px) {
    .projectDiscipline-detail-shell[b-1908fy25dh] {
        --projectDiscipline-mobile-two-card-height: clamp(300px, 56dvh, 370px);
    }
}
/* _content/EmpiriaBMS.App/Components/Dashboards/WorkingDashboard/SubCompnents/ProjectDisciplines/ProjectDisciplineEditDialog.razor.rz.scp.css */
[b-zs8ofgeciq] .project-discipline-edit-service-dialog-body {
    min-height: 0;
    display: flex;
    flex: 1 1 auto;
    overflow: hidden;
}

.project-discipline-edit-service-dialog-shell[b-zs8ofgeciq] {
    width: 100%;
    min-width: 0;
    height: 100%;
    min-height: 0;
    display: flex;
    flex-direction: column;
    overflow: hidden;
}

[b-zs8ofgeciq] .project-discipline-edit-service-dialog-footer {
    flex: 0 0 auto;
    padding-top: 10px;
}

.project-discipline-edit-service-dialog-actions[b-zs8ofgeciq] {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: flex-end;
    gap: 10px;
}

.project-discipline-edit-service-dialog-action[b-zs8ofgeciq] {
    min-width: 116px;
}

[b-zs8ofgeciq] fluent-button.project-discipline-edit-service-dialog-action::part(control) {
    min-height: 38px;
    color: var(--dialog-color, var(--main-fg-color));
    font-weight: 750;
}

[b-zs8ofgeciq] fluent-button.project-discipline-edit-service-dialog-action-primary::part(control) {
    color: var(--fluent-button-fg, #fff);
}

[b-zs8ofgeciq] fluent-button.project-discipline-edit-service-dialog-action-cancel::part(control) {
    color: #111827;
}

@media (max-width: 540px) {
    .project-discipline-edit-service-dialog-actions[b-zs8ofgeciq] {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 8px;
    }

    .project-discipline-edit-service-dialog-action[b-zs8ofgeciq] {
        width: 100%;
        min-width: 0;
    }
}

@media (max-width: 380px) {
    .project-discipline-edit-service-dialog-actions[b-zs8ofgeciq] {
        grid-template-columns: 1fr;
    }
}
/* _content/EmpiriaBMS.App/Components/Dashboards/WorkingDashboard/SubCompnents/ProjectDisciplines/ProjectDisciplines.razor.rz.scp.css */
.dashboard-section[b-gvcn1l3cgv] {
    --section-accent: #b45163;
    --dashboard-row-divider: color-mix(in srgb, var(--main-fg-color) 14%, transparent);
    --dashboard-row-divider-strong: color-mix(in srgb, var(--main-fg-color) 20%, transparent);
    --dashboard-record-divider: color-mix(in srgb, var(--main-fg-color) 46%, transparent);
    --dashboard-row-main-bg-odd: color-mix(in srgb, var(--main-bg-color) 97%, white 3%);
    --dashboard-row-main-bg-even: color-mix(in srgb, var(--main-bg-color) 91%, var(--main-fg-color) 9%);
    --dashboard-row-detail-bg-odd: color-mix(in srgb, var(--main-bg-color) 90%, var(--section-accent) 10%);
    --dashboard-row-detail-bg-even: color-mix(in srgb, var(--main-bg-color) 85%, var(--section-accent) 15%);
    --dashboard-row-muted-text: color-mix(in srgb, var(--main-fg-color) 84%, transparent);
    --dashboard-row-selected-ring: color-mix(in srgb, var(--primary-accent-color) 72%, var(--main-fg-color) 28%);
    position: relative;
    padding: 0.95rem;
    border: 1px solid color-mix(in srgb, var(--main-fg-color) 10%, transparent);
    border-radius: 22px;
    background: linear-gradient(180deg, color-mix(in srgb, var(--main-bg-color) 97%, white 3%), color-mix(in srgb, var(--main-bg-color) 93%, var(--section-accent) 7%));
    box-shadow: 0 14px 32px color-mix(in srgb, var(--main-fg-color) 7%, transparent);
}

[data-theme="light"] .dashboard-section[b-gvcn1l3cgv],
[data-bs-theme="light"] .dashboard-section[b-gvcn1l3cgv] {
    --dashboard-row-main-bg-odd: #fbf7fb;
    --dashboard-row-main-bg-even: #f1e9f4;
    --dashboard-row-detail-bg-odd: #f6eef8;
    --dashboard-row-detail-bg-even: #ecdfef;
    --dashboard-row-muted-text: #274064;
    --dashboard-record-divider: rgba(18, 35, 61, 0.3);
}

[data-theme="light"] .dashboard-section__table-shell[b-gvcn1l3cgv],
[data-bs-theme="light"] .dashboard-section__table-shell[b-gvcn1l3cgv] {
    background: #f5eef7;
    border-color: rgba(18, 35, 61, 0.16);
}

[data-theme="dark"] .dashboard-section[b-gvcn1l3cgv],
[data-bs-theme="dark"] .dashboard-section[b-gvcn1l3cgv] {
    --dashboard-row-divider: rgba(233, 241, 252, 0.16);
    --dashboard-row-divider-strong: rgba(233, 241, 252, 0.3);
    --dashboard-record-divider: rgba(241, 246, 255, 0.7);
    --dashboard-row-main-bg-odd: #352d42;
    --dashboard-row-main-bg-even: #40364f;
    --dashboard-row-detail-bg-odd: #4b415d;
    --dashboard-row-detail-bg-even: #584b6b;
    --dashboard-row-muted-text: #e9f0fc;
    --dashboard-row-selected-ring: color-mix(in srgb, #f5f8ff 44%, var(--primary-accent-color) 56%);
}

.dashboard-section__toolbar[b-gvcn1l3cgv] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 0.9rem 1rem;
    align-items: start;
    margin-bottom: 0.9rem;
}

.dashboard-section--projectDisciplines .dashboard-section__toolbar[b-gvcn1l3cgv] {
    grid-template-columns: minmax(0, 1fr);
    gap: 0.7rem;
}

.dashboard-section__toolbar-main[b-gvcn1l3cgv] {
    min-width: 0;
}

.dashboard-section__heading[b-gvcn1l3cgv] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.6rem;
}

.dashboard-section__title[b-gvcn1l3cgv] {
    margin: 0;
    font-size: 1.02rem;
    font-weight: 800;
    color: var(--main-fg-color);
}

.dashboard-section__context[b-gvcn1l3cgv] {
    display: inline-flex;
    align-items: center;
    flex: 0 0 auto;
    gap: 0.35rem;
    padding: 0.35rem 0.62rem;
    width: max-content;
    max-width: none;
    border-radius: 999px;
    border: 1px solid color-mix(in srgb, var(--main-fg-color) 10%, transparent);
    background: color-mix(in srgb, var(--main-bg-color) 90%, var(--section-accent) 10%);
    font-size: clamp(0.72rem, 0.68rem + 0.16vw, 0.78rem);
    color: color-mix(in srgb, var(--main-fg-color) 78%, transparent);
    white-space: nowrap;
    overflow: visible;
}

.dashboard-section__context span[b-gvcn1l3cgv] {
    display: inline-block;
    font-weight: 700;
    color: var(--main-fg-color);
    white-space: nowrap;
    overflow: visible;
    text-overflow: clip;
    max-width: none;
}

.dashboard-section__actions[b-gvcn1l3cgv] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.65rem;
    align-items: center;
    justify-content: flex-end;
}

.dashboard-section--projectDisciplines .dashboard-section__actions[b-gvcn1l3cgv] {
    justify-content: flex-start;
    width: 100%;
}

.dashboard-action-icon[b-gvcn1l3cgv] {
    border-radius: 12px;
}

[b-gvcn1l3cgv] fluent-button.dashboard-action-btn::part(control) {
    min-height: 40px;
    border-radius: 12px;
}

.dashboard-section__table-shell[b-gvcn1l3cgv] {
    overflow: auto;
    border: 1px solid color-mix(in srgb, var(--main-fg-color) 10%, transparent);
    border-radius: 20px;
    background: color-mix(in srgb, var(--main-bg-color) 97%, white 3%);
}

.dashboard-table[b-gvcn1l3cgv] {
    margin-bottom: 0;
    --bs-table-bg: transparent;
    --bs-table-border-color: transparent;
    color: var(--main-fg-color);
}

.table thead th.sticky-header[b-gvcn1l3cgv],
th.sticky-header[b-gvcn1l3cgv] {
    position: sticky;
    top: 0;
    z-index: 5;
    border-bottom: 0 !important;
    padding: 0.82rem 0.7rem;
    font-size: 0.8rem;
    font-weight: 800;
    letter-spacing: 0.015em;
    text-transform: none;
    color: color-mix(in srgb, var(--main-fg-color) 90%, transparent);
    background: color-mix(in srgb, var(--main-bg-color) 82%, var(--section-accent) 18%);
    box-shadow: inset 0 -1px 0 var(--dashboard-row-divider-strong);
}

.dashboard-table thead th:first-child[b-gvcn1l3cgv] {
    border-top-left-radius: 18px;
}

.dashboard-table thead th:last-child[b-gvcn1l3cgv] {
    border-top-right-radius: 18px;
}

tbody[b-gvcn1l3cgv] {
    border-top: none !important;
}

tr[b-gvcn1l3cgv],
td[b-gvcn1l3cgv] {
    border-top: none;
    border-bottom: none;
    cursor: default;
}

.dashboard-table td[b-gvcn1l3cgv] {
    padding: 0.78rem 0.72rem;
    vertical-align: middle;
}

tbody + tbody .table-main-row td[b-gvcn1l3cgv] {
    border-top: 4px solid var(--dashboard-record-divider);
}

tbody:nth-of-type(odd) .table-main-row td[b-gvcn1l3cgv] {
    background: var(--dashboard-row-main-bg-odd);
}

tbody:nth-of-type(even) .table-main-row td[b-gvcn1l3cgv] {
    background: var(--dashboard-row-main-bg-even);
}

.table-main-row td[b-gvcn1l3cgv] {
    border-bottom: 1px solid var(--dashboard-row-divider);
}

.table-extra-details-row[b-gvcn1l3cgv] {
    border-top: none;
}

tbody:nth-of-type(odd) .table-extra-details-row td[b-gvcn1l3cgv] {
    background: var(--dashboard-row-detail-bg-odd);
}

tbody:nth-of-type(even) .table-extra-details-row td[b-gvcn1l3cgv] {
    background: var(--dashboard-row-detail-bg-even);
}

tbody:last-of-type .table-extra-details-row td:first-child[b-gvcn1l3cgv] {
    border-bottom-left-radius: 18px;
}

tbody:last-of-type .table-extra-details-row td:last-child[b-gvcn1l3cgv] {
    border-bottom-right-radius: 18px;
}

.table-extra-details-row td[b-gvcn1l3cgv] {
    border-top: 1px solid color-mix(in srgb, var(--dashboard-row-divider) 65%, transparent);
    border-bottom: 0;
}

.hovered-row tr[b-gvcn1l3cgv],
.hovered-row td[b-gvcn1l3cgv] {
    background-color: color-mix(in srgb, white 80%, var(--section-accent) 20%);
    transition: background-color 0.2s ease;
}

.hovered-row tr[b-gvcn1l3cgv],
.hovered-row td[b-gvcn1l3cgv],
.hovered-row *[b-gvcn1l3cgv] {
    cursor: default !important;
}

.dashboard-table__primary-text[b-gvcn1l3cgv] {
    cursor: default !important;
    font-weight: 700;
    line-height: 1.35;
}

.selected_table_projectDisciplines_row[b-gvcn1l3cgv] {
    color: var(--main-fg-color) !important;
}

.table-main-row td.selected_table_projectDisciplines_row:first-child[b-gvcn1l3cgv],
.table-extra-details-row td.selected_table_projectDisciplines_row:first-child[b-gvcn1l3cgv] {
    box-shadow: inset 4px 0 0 var(--dashboard-row-selected-ring);
}

.dashboard-detail-row[b-gvcn1l3cgv] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.8rem;
    width: 100%;
}

.dashboard-detail-pills[b-gvcn1l3cgv] {
    display: flex;
    flex: 1 1 240px;
    flex-wrap: wrap;
    gap: 0.55rem;
}

.dashboard-detail-pill[b-gvcn1l3cgv] {
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
    padding: 0.42rem 0.72rem;
    border: 1px solid var(--dashboard-row-divider-strong);
    border-radius: 999px;
    background: color-mix(in srgb, var(--main-bg-color) 94%, white 6%);
    color: var(--main-fg-color);
    font-size: 0.88rem;
    line-height: 1.25;
    font-variant-numeric: tabular-nums;
}

.dashboard-detail-pill strong[b-gvcn1l3cgv] {
    font-size: 0.79rem;
    letter-spacing: 0.01em;
    text-transform: none;
    color: var(--dashboard-row-muted-text);
}

[data-theme="dark"] .dashboard-table td[b-gvcn1l3cgv],
[data-bs-theme="dark"] .dashboard-table td[b-gvcn1l3cgv],
[data-theme="dark"] .dashboard-table__primary-text[b-gvcn1l3cgv],
[data-bs-theme="dark"] .dashboard-table__primary-text[b-gvcn1l3cgv],
[data-theme="dark"] .dashboard-detail-pill[b-gvcn1l3cgv],
[data-bs-theme="dark"] .dashboard-detail-pill[b-gvcn1l3cgv],
[data-theme="dark"] .dashboard-detail-pill strong[b-gvcn1l3cgv],
[data-bs-theme="dark"] .dashboard-detail-pill strong[b-gvcn1l3cgv] {
    color: #f5f8ff !important;
}

.dashboard-row-actions[b-gvcn1l3cgv] {
    display: flex;
    flex: 0 1 auto;
    flex-wrap: wrap;
    align-items: center;
    justify-content: flex-end;
    gap: 0.55rem;
    margin-left: auto;
}

.dashboard-row-icon-action[b-gvcn1l3cgv] {
    font-size: 1.05rem;
}

.action-button[b-gvcn1l3cgv] {
    width: 200px !important;
}

/* DEFAULT: Mobile -> Full screen */
.responsive-dialog[b-gvcn1l3cgv] {
    --dialog-width: 100vw;
    --dialog-height: 100vh;
    --dialog-max-width: 100vw;
    --dialog-max-height: 100vh;
    margin: 0;
    border-radius: 0;
}

@media (max-width: 991.98px) {
    .dashboard-section__toolbar[b-gvcn1l3cgv] {
        grid-template-columns: minmax(0, 1fr);
    }

    .dashboard-section__actions[b-gvcn1l3cgv] {
        justify-content: flex-start;
    }
}

/* Tablet & Desktop */
@media (min-width: 768px) {
    .responsive-dialog[b-gvcn1l3cgv] {
        --dialog-width: fit-content !important;
        --dialog-max-height: 90vh !important;
        margin: auto;
        border-radius: 12px;
    }
}

@media (max-width: 768px) {
    .dashboard-section[b-gvcn1l3cgv] {
        padding: 0.8rem;
        border-radius: 18px;
    }

    .dashboard-detail-pills[b-gvcn1l3cgv],
    .dashboard-row-actions[b-gvcn1l3cgv] {
        width: 100%;
    }

    .dashboard-row-actions[b-gvcn1l3cgv] {
        justify-content: flex-start;
        margin-left: 0;
    }
}
[data-theme="dark"] .dashboard-section__table-shell[b-gvcn1l3cgv],
[data-bs-theme="dark"] .dashboard-section__table-shell[b-gvcn1l3cgv] {
    background: #261f33;
    border-color: rgba(233, 241, 252, 0.24);
    box-shadow: inset 0 0 0 1px rgba(241, 246, 255, 0.05);
}

[data-theme="dark"] .table thead th.sticky-header[b-gvcn1l3cgv],
[data-bs-theme="dark"] .table thead th.sticky-header[b-gvcn1l3cgv],
[data-theme="dark"] th.sticky-header[b-gvcn1l3cgv],
[data-bs-theme="dark"] th.sticky-header[b-gvcn1l3cgv] {
    color: #f8fbff;
    background: #3b3048;
    box-shadow: inset 0 -2px 0 rgba(241, 246, 255, 0.2);
}

[data-theme="dark"] .dashboard-detail-pill[b-gvcn1l3cgv],
[data-bs-theme="dark"] .dashboard-detail-pill[b-gvcn1l3cgv] {
    background: #2d253c;
    border-color: rgba(233, 241, 252, 0.3);
}

[data-theme="dark"] .dashboard-detail-pill strong[b-gvcn1l3cgv],
[data-bs-theme="dark"] .dashboard-detail-pill strong[b-gvcn1l3cgv] {
    color: #dce7f8 !important;
}
/* _content/EmpiriaBMS.App/Components/Dashboards/WorkingDashboard/SubCompnents/Projects/ProjectActivityLogPanel.razor.rz.scp.css */
.activity-log-panel[b-arc2yyll6x] {
    display: flex;
    flex-direction: column;
    gap: 12px;
    width: 100%;
    min-height: 0;
}

.activity-log-panel__header[b-arc2yyll6x] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
}

.activity-log-panel__header h4[b-arc2yyll6x] {
    margin: 0;
    font-size: 1rem;
    font-weight: 700;
}

.activity-log-panel__header span[b-arc2yyll6x],
.activity-log-panel__action[b-arc2yyll6x],
.activity-log-panel__fields span[b-arc2yyll6x] {
    display: inline-flex;
    align-items: center;
    min-height: 24px;
    padding: 3px 8px;
    border: 1px solid var(--card-border-color);
    border-radius: 8px;
    background: color-mix(in srgb, var(--main-bg-color, #fff) 90%, var(--primary-accent-color, #3b82f6) 10%);
    font-size: 0.78rem;
    font-weight: 700;
}

.activity-log-panel__loading[b-arc2yyll6x],
.activity-log-panel__empty[b-arc2yyll6x] {
    display: grid;
    place-items: center;
    min-height: 160px;
    border: 1px dashed var(--card-border-color);
    border-radius: 8px;
    color: color-mix(in srgb, var(--main-fg-color, #0f172a) 72%, transparent);
}

.activity-log-panel__list[b-arc2yyll6x] {
    display: flex;
    flex-direction: column;
    gap: 10px;
    max-height: 520px;
    overflow-y: auto;
    padding-right: 4px;
}

.activity-log-panel__item[b-arc2yyll6x] {
    display: grid;
    gap: 7px;
    padding: 12px;
    border: 1px solid var(--card-border-color);
    border-radius: 8px;
    background: color-mix(in srgb, var(--main-bg-color, #fff) 94%, var(--primary-accent-color, #3b82f6) 6%);
}

.activity-log-panel__item-header[b-arc2yyll6x],
.activity-log-panel__meta[b-arc2yyll6x],
.activity-log-panel__fields[b-arc2yyll6x] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 8px;
}

.activity-log-panel__item-header[b-arc2yyll6x] {
    justify-content: space-between;
}

.activity-log-panel__meta[b-arc2yyll6x] {
    color: color-mix(in srgb, var(--main-fg-color, #0f172a) 74%, transparent);
    font-size: 0.86rem;
}

.activity-log-panel__item p[b-arc2yyll6x] {
    margin: 0;
    overflow-wrap: anywhere;
}
/* _content/EmpiriaBMS.App/Components/Dashboards/WorkingDashboard/SubCompnents/Projects/ProjectDeleteDialog.razor.rz.scp.css */
[b-mb8v6rqamv] .project-delete-dialog-body,
[b-mb8v6rqamv] .project-delete-dialog-footer {
    box-sizing: border-box;
    width: 100%;
    max-width: 100%;
    min-width: 0;
}

.project-delete-dialog-content[b-mb8v6rqamv] {
    width: 100%;
    max-width: 100%;
    margin-inline: 0 !important;
}

.project-delete-dialog-content p[b-mb8v6rqamv] {
    margin-bottom: 0;
    overflow-wrap: anywhere;
}

@media (max-width: 505px) {
    [b-mb8v6rqamv] .project-delete-dialog-body {
        padding-inline: 10px;
    }

    [b-mb8v6rqamv] .project-delete-dialog-footer {
        display: flex;
        gap: 8px;
        flex-wrap: wrap;
        padding-inline: 10px;
    }

    [b-mb8v6rqamv] .project-delete-dialog-footer fluent-button {
        flex: 1 1 100%;
        min-width: 0;
    }
}
/* _content/EmpiriaBMS.App/Components/Dashboards/WorkingDashboard/SubCompnents/Projects/ProjectDetailedDialog.razor.rz.scp.css */
.project-dialog-tabs[b-uwhj2xfk0w],
.project-dialog-tab-panel[b-uwhj2xfk0w],
.project-dialog-tab-panel h4[b-uwhj2xfk0w],
.project-dialog-tab-panel label[b-uwhj2xfk0w],
.project-dialog-tab-panel p[b-uwhj2xfk0w],
.project-dialog-tab-panel span[b-uwhj2xfk0w],
.project-dialog-tab-panel div[b-uwhj2xfk0w],
.project-dialog-tab-panel td[b-uwhj2xfk0w],
.project-dialog-tab-panel th[b-uwhj2xfk0w],
.project-dialog-tab-panel small[b-uwhj2xfk0w] {
    color: var(--dialog-color, var(--main-fg-color)) !important;
}

[b-uwhj2xfk0w] .project-detail-dialog-header,
[b-uwhj2xfk0w] .project-detail-dialog-footer,
[b-uwhj2xfk0w] .project-detail-dialog-body {
    color: var(--dialog-color, var(--main-fg-color)) !important;
}

[b-uwhj2xfk0w] .project-detail-dialog-header *,
[b-uwhj2xfk0w] .project-detail-dialog-footer *,
[b-uwhj2xfk0w] .project-detail-dialog-body * {
    color: var(--dialog-color, var(--main-fg-color));
}

[b-uwhj2xfk0w] .project-detail-dialog-header fluent-label,
[b-uwhj2xfk0w] .project-detail-dialog-header fluent-label::part(label),
[b-uwhj2xfk0w] .project-detail-dialog-header fluent-icon,
[b-uwhj2xfk0w] .project-detail-dialog-header fluent-icon svg,
[b-uwhj2xfk0w] .project-detail-dialog-header fluent-icon svg *,
[b-uwhj2xfk0w] .project-detail-dialog-body fluent-tab,
[b-uwhj2xfk0w] .project-detail-dialog-body fluent-tab::part(content),
[b-uwhj2xfk0w] .project-detail-dialog-body fluent-tab-panel,
[b-uwhj2xfk0w] .project-detail-dialog-body fluent-tab-panel::part(tabpanel),
[b-uwhj2xfk0w] .project-detail-dialog-body fluent-text-field,
[b-uwhj2xfk0w] .project-detail-dialog-body fluent-text-field::part(label),
[b-uwhj2xfk0w] .project-detail-dialog-body fluent-text-field::part(control),
[b-uwhj2xfk0w] .project-detail-dialog-body fluent-text-area,
[b-uwhj2xfk0w] .project-detail-dialog-body fluent-text-area::part(label),
[b-uwhj2xfk0w] .project-detail-dialog-body fluent-text-area::part(control),
[b-uwhj2xfk0w] .project-detail-dialog-body fluent-number-field,
[b-uwhj2xfk0w] .project-detail-dialog-body fluent-number-field::part(label),
[b-uwhj2xfk0w] .project-detail-dialog-body fluent-number-field::part(control),
[b-uwhj2xfk0w] .project-detail-dialog-body fluent-date-picker,
[b-uwhj2xfk0w] .project-detail-dialog-body fluent-date-picker::part(label),
[b-uwhj2xfk0w] .project-detail-dialog-body fluent-date-picker::part(control) {
    color: var(--dialog-color, var(--main-fg-color)) !important;
}

.project-dialog-tab-panel .form-control[b-uwhj2xfk0w],
.project-dialog-tab-panel .input-group-text[b-uwhj2xfk0w],
[b-uwhj2xfk0w] .project-detail-dialog-body input,
[b-uwhj2xfk0w] .project-detail-dialog-body textarea {
    background-color: color-mix(in srgb, var(--dialog-bg, var(--main-bg-color)) 84%, var(--dialog-color, var(--main-fg-color)) 16%) !important;
    border-color: color-mix(in srgb, var(--dialog-color, var(--main-fg-color)) 24%, transparent) !important;
    color: var(--dialog-color, var(--main-fg-color)) !important;
}

.project-dialog-tab-panel .form-control[b-uwhj2xfk0w]::placeholder,
[b-uwhj2xfk0w] .project-detail-dialog-body input::placeholder,
[b-uwhj2xfk0w] .project-detail-dialog-body textarea::placeholder {
    color: color-mix(in srgb, var(--dialog-color, var(--main-fg-color)) 58%, transparent) !important;
}

.project-dialog-tab-panel .sub-table[b-uwhj2xfk0w],
.project-dialog-tab-panel .table[b-uwhj2xfk0w],
.project-dialog-tab-panel .sub-table th[b-uwhj2xfk0w],
.project-dialog-tab-panel .sub-table td[b-uwhj2xfk0w],
.project-dialog-tab-panel .table th[b-uwhj2xfk0w],
.project-dialog-tab-panel .table td[b-uwhj2xfk0w] {
    color: var(--dialog-color, var(--main-fg-color)) !important;
}

.project-dialog-tab-panel .text-info[b-uwhj2xfk0w],
.project-dialog-tab-panel .text-secondary[b-uwhj2xfk0w] {
    color: color-mix(in srgb, var(--dialog-color, var(--main-fg-color)) 78%, transparent) !important;
}

.project-dialog-tab-panel .text-warning[b-uwhj2xfk0w],
.project-dialog-tab-panel .text-danger[b-uwhj2xfk0w] {
    color: var(--bs-danger) !important;
}

[b-uwhj2xfk0w] .project-detail-dialog-footer fluent-button::part(control),
[b-uwhj2xfk0w] .project-detail-dialog-header fluent-button::part(control) {
    color: var(--dialog-color, var(--main-fg-color)) !important;
}

[b-uwhj2xfk0w] .project-detail-dialog-footer fluent-button[appearance="accent"]::part(control) {
    color: var(--fluent-button-fg, #ffffff) !important;
}

[b-uwhj2xfk0w] .project-detail-dialog-header {
    position: relative;
    padding-inline-end: 44px;
}

[b-uwhj2xfk0w] fluent-button.project-detail-close-button {
    position: absolute;
    top: 4px;
    right: 4px;
    width: 36px;
    height: 36px;
    z-index: 2;
}

[b-uwhj2xfk0w] fluent-button.project-detail-close-button::part(control) {
    width: 36px;
    min-width: 36px;
    height: 36px;
    padding: 0;
}

.dialog-outline-add-button[b-uwhj2xfk0w] {
    color: var(--fluent-outline-fg) !important;
    --neutral-foreground-rest: var(--fluent-outline-fg);
    --neutral-foreground-hover: var(--table-toolbar-outline-hover-color);
    --neutral-stroke-rest: var(--fluent-outline-border);
    --neutral-stroke-hover: var(--table-toolbar-outline-hover-color);
}

[b-uwhj2xfk0w] fluent-button.dialog-outline-add-button {
    color: var(--fluent-outline-fg) !important;
}

[b-uwhj2xfk0w] fluent-button.dialog-outline-add-button::part(control) {
    color: var(--fluent-outline-fg) !important;
    border-color: var(--fluent-outline-border) !important;
}

[b-uwhj2xfk0w] fluent-button.dialog-outline-add-button:hover,
[b-uwhj2xfk0w] fluent-button.dialog-outline-add-button:focus-visible {
    color: var(--table-toolbar-outline-hover-color) !important;
}

[b-uwhj2xfk0w] fluent-button.dialog-outline-add-button:hover::part(control),
[b-uwhj2xfk0w] fluent-button.dialog-outline-add-button:focus-visible::part(control) {
    color: var(--table-toolbar-outline-hover-color) !important;
    border-color: var(--table-toolbar-outline-hover-color) !important;
}

[b-uwhj2xfk0w] fluent-button.plan-item-add-button {
    margin-bottom: 6px;
}

.project-dialog-tabs[b-uwhj2xfk0w] {
    width: 100%;
    height: 100%;
    max-width: 100%;
    min-width: 0;
    display: flex;
    flex-direction: column;
    overflow: hidden;
}

.project-dialog-tab-list[b-uwhj2xfk0w] {
    display: flex;
    flex: 0 0 auto;
    align-items: center;
    gap: 6px;
    width: 100%;
    max-width: 100%;
    min-width: 0;
    padding: 0 4px 10px;
    border-bottom: 1px solid color-mix(in srgb, var(--dialog-color, var(--main-fg-color)) 14%, transparent);
    overflow-x: auto;
    overflow-y: hidden;
    scrollbar-width: thin;
}

.project-dialog-tab-button[b-uwhj2xfk0w] {
    appearance: none;
    min-height: 38px;
    flex: 0 0 auto;
    padding: 8px 14px;
    border: 0;
    border-bottom: 3px solid transparent;
    border-radius: 999px;
    background: transparent;
    color: inherit;
    font: inherit;
    font-size: .88rem;
    font-weight: 700;
    line-height: 1.2;
    text-align: center;
    white-space: nowrap;
    cursor: pointer;
    transition: border-color .16s ease, transform .16s ease;
}

.project-dialog-tab-button:hover[b-uwhj2xfk0w],
.project-dialog-tab-button:focus-visible[b-uwhj2xfk0w],
.project-dialog-tab-button.is-active[b-uwhj2xfk0w] {
    border-bottom-color: var(--primary-accent-color);
    outline: none;
}

.project-dialog-tab-button:hover[b-uwhj2xfk0w],
.project-dialog-tab-button:focus-visible[b-uwhj2xfk0w] {
    transform: translateY(-1px);
}

.project-dialog-tab-button.is-active[b-uwhj2xfk0w] {
    font-weight: 850;
}

.project-dialog-custom-panel[b-uwhj2xfk0w] {
    width: 100%;
    max-width: 100%;
    min-width: 0;
    min-height: 0;
    flex: 1 1 auto;
    overflow-x: hidden;
    overflow-y: auto;
}

.project-planning-panel-host[b-uwhj2xfk0w] {
    display: flex;
    flex-direction: column;
    overflow: hidden;
}

.project-planning-panel[b-uwhj2xfk0w] {
    width: 100%;
    min-height: 0;
    flex: 1 1 0;
    display: flex;
    flex-direction: column;
    padding: 12px 4px 0;
    overflow-x: hidden;
    overflow-y: auto;
    scrollbar-width: thin;
}

.project-plan-items-table-shell[b-uwhj2xfk0w] {
    width: 100%;
    max-width: 100%;
    overflow-x: auto;
    border: 1px solid color-mix(in srgb, var(--dialog-color, var(--main-fg-color)) 14%, transparent);
    border-radius: 8px;
    background: color-mix(in srgb, var(--dialog-bg, var(--main-bg-color)) 94%, var(--dialog-color, var(--main-fg-color)) 6%);
    scrollbar-width: thin;
}

.project-plan-items-mobile-list[b-uwhj2xfk0w] {
    display: none;
}

.project-plan-items-table[b-uwhj2xfk0w] {
    min-width: 980px;
    margin-bottom: 0;
    table-layout: fixed;
    border-collapse: separate;
    border-spacing: 0;
}

.project-plan-items-table th[b-uwhj2xfk0w] {
    padding: 10px 12px;
    font-size: .74rem;
    font-weight: 800;
    letter-spacing: 0;
    text-transform: uppercase;
    white-space: nowrap;
    background: color-mix(in srgb, var(--dialog-bg, var(--main-bg-color)) 88%, var(--dialog-color, var(--main-fg-color)) 12%);
}

.project-plan-items-table td[b-uwhj2xfk0w] {
    padding: 10px 12px;
    border-top: 1px solid color-mix(in srgb, var(--dialog-color, var(--main-fg-color)) 12%, transparent);
}

.plan-item-type-col[b-uwhj2xfk0w] {
    width: 14%;
}

.plan-item-date-col[b-uwhj2xfk0w] {
    width: 10%;
}

.plan-item-money-col[b-uwhj2xfk0w] {
    width: 11%;
}

.plan-item-hours-col[b-uwhj2xfk0w] {
    width: 10%;
}

.plan-item-description-col[b-uwhj2xfk0w] {
    width: 17%;
}

.plan-item-completion-col[b-uwhj2xfk0w] {
    width: 12%;
}

.plan-item-actions-col[b-uwhj2xfk0w] {
    width: 16%;
}

.plan-item-input-group[b-uwhj2xfk0w] {
    width: 100%;
    max-width: 132px;
}

.plan-item-description-text[b-uwhj2xfk0w] {
    display: -webkit-box;
    max-width: 100%;
    overflow: hidden;
    overflow-wrap: anywhere;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.plan-item-actions-group[b-uwhj2xfk0w] {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    align-items: center;
}

.project-planning-header[b-uwhj2xfk0w] {
    display: flex;
    flex: 0 0 auto;
    align-items: flex-end;
    justify-content: space-between;
    gap: 16px;
    margin-bottom: 14px;
}

.project-planning-header h4[b-uwhj2xfk0w] {
    margin: 0;
}

.project-planning-count[b-uwhj2xfk0w] {
    display: block;
    margin-top: 3px;
    color: color-mix(in srgb, var(--dialog-color, var(--main-fg-color)) 68%, transparent) !important;
    font-size: .82rem;
    font-weight: 700;
}

.project-planning-workspace[b-uwhj2xfk0w] {
    flex: 0 0 clamp(420px, calc(100dvh - 470px), 560px);
    display: grid;
    grid-template-columns: minmax(300px, 360px) minmax(0, 1fr);
    gap: 14px;
    width: 100%;
    min-width: 0;
    min-height: 420px;
    max-height: 560px;
    align-items: stretch;
    overflow: hidden;
}

.project-stage-list[b-uwhj2xfk0w] {
    display: grid;
    gap: 10px;
    min-width: 0;
    min-height: 0;
    align-content: start;
    overflow-x: hidden;
    overflow-y: auto;
    padding-right: 4px;
    scrollbar-width: thin;
}

.project-stage-card[b-uwhj2xfk0w] {
    display: grid;
    gap: 10px;
    min-width: 0;
    padding: 12px;
    border: 1px solid color-mix(in srgb, var(--dialog-color, var(--main-fg-color)) 16%, transparent);
    border-left: 4px solid transparent;
    border-radius: 8px;
    background: color-mix(in srgb, var(--dialog-bg, var(--main-bg-color)) 92%, var(--dialog-color, var(--main-fg-color)) 8%);
    cursor: pointer;
}

.project-stage-card:hover[b-uwhj2xfk0w],
.project-stage-card.is-selected[b-uwhj2xfk0w] {
    border-color: color-mix(in srgb, var(--primary-accent-color) 58%, var(--dialog-color, var(--main-fg-color)) 16%);
    border-left-color: var(--primary-accent-color);
    background: color-mix(in srgb, var(--dialog-bg, var(--main-bg-color)) 84%, var(--primary-accent-color) 16%);
}

.project-stage-card-topline[b-uwhj2xfk0w] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 10px;
    align-items: start;
}

.project-stage-card-topline h5[b-uwhj2xfk0w],
.project-stage-workspace-header h5[b-uwhj2xfk0w],
.project-stage-workspace-empty h5[b-uwhj2xfk0w] {
    margin: 0;
    font-size: .98rem;
    font-weight: 850;
    line-height: 1.2;
    overflow-wrap: anywhere;
}

.project-stage-card-topline span[b-uwhj2xfk0w],
.project-stage-workspace-summary span[b-uwhj2xfk0w],
.project-stage-workspace-empty span[b-uwhj2xfk0w] {
    color: color-mix(in srgb, var(--dialog-color, var(--main-fg-color)) 68%, transparent) !important;
    font-size: .8rem;
    font-weight: 700;
}

.project-stage-card-topline strong[b-uwhj2xfk0w],
.project-stage-workspace-summary strong[b-uwhj2xfk0w] {
    font-size: .9rem;
    font-weight: 850;
    white-space: nowrap;
}

.project-stage-card-fields[b-uwhj2xfk0w] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    gap: 8px;
}

.project-stage-card-fields label[b-uwhj2xfk0w] {
    display: grid;
    gap: 5px;
    min-width: 0;
    margin: 0;
}

.project-stage-card-fields label > span[b-uwhj2xfk0w] {
    color: color-mix(in srgb, var(--dialog-color, var(--main-fg-color)) 68%, transparent) !important;
    font-size: .72rem;
    font-weight: 800;
    text-transform: uppercase;
}

.project-stage-card-description[b-uwhj2xfk0w] {
    margin: 0;
    color: color-mix(in srgb, var(--dialog-color, var(--main-fg-color)) 78%, transparent) !important;
    font-size: .84rem;
    line-height: 1.3;
    overflow-wrap: anywhere;
}

.project-stage-card-actions[b-uwhj2xfk0w] {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.unassigned-disciplines-panel[b-uwhj2xfk0w] {
    flex: 0 0 auto;
    display: grid;
    gap: 8px;
    min-width: 0;
    margin-top: 12px;
    margin-bottom: 10px;
    padding: 10px;
    border: 1px dashed color-mix(in srgb, var(--primary-accent-color) 48%, var(--dialog-color, var(--main-fg-color)) 18%);
    border-radius: 8px;
    background: color-mix(in srgb, var(--dialog-bg, var(--main-bg-color)) 90%, var(--primary-accent-color) 10%);
}

.unassigned-disciplines-header[b-uwhj2xfk0w] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
}

.unassigned-disciplines-header h5[b-uwhj2xfk0w] {
    margin: 0;
    font-size: .86rem;
    font-weight: 850;
}

.unassigned-disciplines-count[b-uwhj2xfk0w] {
    min-width: 26px;
    padding: 2px 8px;
    border-radius: 999px;
    background: color-mix(in srgb, var(--primary-accent-color) 34%, transparent);
    color: var(--dialog-color, var(--main-fg-color)) !important;
    font-size: .76rem;
    font-weight: 850;
    text-align: center;
}

.unassigned-disciplines-panel[b-uwhj2xfk0w]  .projectDiscipline-detail-shell--unassigned-only {
    max-height: min(430px, calc(100dvh - 260px));
}

.project-stage-workspace[b-uwhj2xfk0w] {
    display: flex;
    flex-direction: column;
    gap: 12px;
    min-width: 0;
    min-height: 0;
    height: auto;
    overflow: hidden;
    padding: 12px;
    border: 1px solid color-mix(in srgb, var(--dialog-color, var(--main-fg-color)) 16%, transparent);
    border-radius: 8px;
    background: color-mix(in srgb, var(--dialog-bg, var(--main-bg-color)) 94%, var(--dialog-color, var(--main-fg-color)) 6%);
}

.project-stage-workspace-header[b-uwhj2xfk0w] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto auto;
    gap: 12px;
    align-items: center;
    padding-bottom: 12px;
    border-bottom: 1px solid color-mix(in srgb, var(--dialog-color, var(--main-fg-color)) 14%, transparent);
}

.project-stage-workspace-kicker[b-uwhj2xfk0w] {
    display: block;
    margin-bottom: 3px;
    color: color-mix(in srgb, var(--dialog-color, var(--main-fg-color)) 62%, transparent) !important;
    font-size: .72rem;
    font-weight: 850;
    text-transform: uppercase;
}

.project-stage-workspace-summary[b-uwhj2xfk0w] {
    display: grid;
    justify-items: end;
    gap: 2px;
}

.project-stage-workspace-empty[b-uwhj2xfk0w] {
    display: grid;
    gap: 5px;
    min-height: 220px;
    align-content: center;
    justify-items: center;
    padding: 24px;
    border: 1px dashed color-mix(in srgb, var(--dialog-color, var(--main-fg-color)) 22%, transparent);
    border-radius: 8px;
}

.project-plan-item-row[b-uwhj2xfk0w] {
    cursor: pointer;
}

.project-plan-item-row.is-selected td[b-uwhj2xfk0w] {
    background: color-mix(in srgb, var(--primary-accent-color) 16%, transparent);
}

.plan-item-hours-summary[b-uwhj2xfk0w] {
    font-weight: 800;
    white-space: nowrap;
}

.project-planning-stage-detail[b-uwhj2xfk0w] {
    display: grid;
    gap: 12px;
    width: 100%;
    min-width: 0;
    padding-top: 4px;
}

.project-planning-stage-detail-header[b-uwhj2xfk0w] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 10px 12px;
    border: 1px solid color-mix(in srgb, var(--dialog-color, var(--main-fg-color)) 14%, transparent);
    border-radius: 8px;
    background: color-mix(in srgb, var(--dialog-bg, var(--main-bg-color)) 94%, var(--dialog-color, var(--main-fg-color)) 6%);
}

.project-planning-stage-detail-header h5[b-uwhj2xfk0w] {
    margin: 0;
    font-size: .98rem;
    font-weight: 800;
}

.project-planning-stage-detail-header span[b-uwhj2xfk0w] {
    font-size: .84rem;
    font-weight: 750;
    color: color-mix(in srgb, var(--dialog-color, var(--main-fg-color)) 74%, transparent) !important;
}

[b-uwhj2xfk0w] fluent-button.plan-item-edit-button,
[b-uwhj2xfk0w] fluent-button.plan-item-delete-button {
    flex: 0 0 auto;
}

[b-uwhj2xfk0w] fluent-button.plan-item-edit-button::part(control),
[b-uwhj2xfk0w] fluent-button.plan-item-delete-button::part(control) {
    min-height: 34px;
    padding-inline: 10px;
}

@media (max-width: 860px) {
    .project-planning-header[b-uwhj2xfk0w] {
        align-items: stretch;
        flex-direction: column;
    }

    .project-planning-header[b-uwhj2xfk0w]  fluent-button {
        width: 100%;
    }

    .project-planning-workspace[b-uwhj2xfk0w] {
        flex: 0 0 auto;
        grid-template-columns: 1fr;
        min-height: 0;
        max-height: none;
        align-items: stretch;
        overflow: visible;
    }

    .project-stage-list[b-uwhj2xfk0w] {
        overflow: visible;
    }

    .unassigned-disciplines-panel[b-uwhj2xfk0w] {
        margin-top: 12px;
    }

    .unassigned-disciplines-header[b-uwhj2xfk0w] {
        align-items: flex-start;
    }

    .unassigned-disciplines-panel[b-uwhj2xfk0w]  .projectDiscipline-detail-shell--unassigned-only {
        --projectDiscipline-mobile-two-card-height: clamp(340px, 62dvh, 450px);
        max-height: var(--projectDiscipline-mobile-two-card-height);
        overflow: hidden;
    }

    .project-stage-workspace[b-uwhj2xfk0w] {
        height: auto;
        overflow: visible;
    }

    .project-stage-workspace[b-uwhj2xfk0w]  .projectDiscipline-detail-shell--compact {
        --projectDiscipline-mobile-two-card-height: clamp(300px, 56dvh, 370px);
        flex: 0 0 auto;
        min-height: 0;
        max-height: var(--projectDiscipline-mobile-two-card-height);
        overflow: hidden;
    }

    .project-stage-workspace[b-uwhj2xfk0w]  .projectDiscipline-detail-shell--compact .projectDiscipline-table-shell,
    .project-stage-workspace[b-uwhj2xfk0w]  .projectDiscipline-detail-shell--compact .projectDiscipline-table {
        flex: 0 1 auto;
        height: auto;
        min-height: 0;
        max-height: var(--projectDiscipline-mobile-two-card-height);
        overflow: hidden;
    }

    .project-stage-workspace[b-uwhj2xfk0w]  .projectDiscipline-detail-shell--compact .sub-table-body-scroll {
        flex: 0 1 auto;
        height: auto;
        min-height: 0;
        max-height: var(--projectDiscipline-mobile-two-card-height);
        overflow-x: hidden;
        overflow-y: auto;
        overscroll-behavior-y: auto;
        -webkit-overflow-scrolling: touch;
    }

    .project-stage-workspace-header[b-uwhj2xfk0w] {
        grid-template-columns: 1fr;
        justify-items: stretch;
    }

    .project-stage-workspace-summary[b-uwhj2xfk0w] {
        justify-items: start;
    }

    .project-stage-workspace-header[b-uwhj2xfk0w]  fluent-button {
        width: 100%;
    }

    .project-plan-items-table-shell[b-uwhj2xfk0w] {
        display: none;
    }

    .project-plan-items-mobile-list[b-uwhj2xfk0w] {
        display: grid;
        gap: 10px;
        width: 100%;
        min-width: 0;
    }

    .project-plan-items-mobile-header[b-uwhj2xfk0w],
    .project-plan-item-card[b-uwhj2xfk0w] {
        display: grid;
        width: 100%;
        min-width: 0;
        border: 1px solid color-mix(in srgb, var(--dialog-color, var(--main-fg-color)) 14%, transparent);
        border-radius: 8px;
        background: color-mix(in srgb, var(--dialog-bg, var(--main-bg-color)) 92%, var(--dialog-color, var(--main-fg-color)) 8%);
    }

    .project-plan-items-mobile-header[b-uwhj2xfk0w] {
        grid-template-columns: minmax(0, 1fr) auto;
        align-items: center;
        gap: 10px;
        padding: 10px 12px;
        font-size: .78rem;
        font-weight: 800;
        letter-spacing: 0;
        line-height: 1.15;
        text-transform: uppercase;
    }

    .project-plan-item-card[b-uwhj2xfk0w] {
        grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
        gap: 10px 12px;
        padding: 12px;
    }

    .project-plan-items-empty-state[b-uwhj2xfk0w] {
        width: 100%;
        min-width: 0;
        padding: 14px 12px;
        border: 1px dashed color-mix(in srgb, var(--dialog-color, var(--main-fg-color)) 22%, transparent);
        border-radius: 8px;
        background: color-mix(in srgb, var(--dialog-bg, var(--main-bg-color)) 96%, var(--dialog-color, var(--main-fg-color)) 4%);
        color: color-mix(in srgb, var(--dialog-color, var(--main-fg-color)) 76%, transparent) !important;
        font-size: .88rem;
        font-weight: 650;
        text-align: center;
    }

    .project-plan-item-card-field[b-uwhj2xfk0w] {
        display: flex;
        min-width: 0;
        flex-direction: column;
        gap: 5px;
    }

    .project-plan-item-card-field-wide[b-uwhj2xfk0w] {
        grid-column: 1 / -1;
    }

    .plan-item-card-label[b-uwhj2xfk0w] {
        font-size: .72rem;
        font-weight: 800;
        letter-spacing: 0;
        line-height: 1.15;
        text-transform: uppercase;
        color: color-mix(in srgb, var(--dialog-color, var(--main-fg-color)) 72%, transparent) !important;
    }

    .plan-item-card-value[b-uwhj2xfk0w] {
        min-width: 0;
        overflow-wrap: anywhere;
    }

    .plan-item-input-group[b-uwhj2xfk0w] {
        max-width: none;
    }

    .plan-item-description-text[b-uwhj2xfk0w] {
        -webkit-line-clamp: 4;
    }

    .plan-item-actions-group[b-uwhj2xfk0w] {
        width: 100%;
    }

    [b-uwhj2xfk0w] fluent-button.plan-item-edit-button,
    [b-uwhj2xfk0w] fluent-button.plan-item-delete-button {
        flex: 1 1 120px;
    }

    [b-uwhj2xfk0w] fluent-button.plan-item-edit-button,
    [b-uwhj2xfk0w] fluent-button.plan-item-delete-button {
        width: 100%;
    }

    [b-uwhj2xfk0w] fluent-button.plan-item-edit-button::part(control),
    [b-uwhj2xfk0w] fluent-button.plan-item-delete-button::part(control) {
        width: 100%;
        min-width: 0;
        justify-content: center;
    }
}

@media (max-width: 520px) {
    .project-stage-card-fields[b-uwhj2xfk0w] {
        grid-template-columns: 1fr;
    }

    .project-stage-card-topline[b-uwhj2xfk0w] {
        grid-template-columns: 1fr;
    }

    .project-stage-card-actions[b-uwhj2xfk0w] {
        display: grid;
        grid-template-columns: 1fr;
    }

    .project-plan-item-card[b-uwhj2xfk0w] {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 768px) {
    [b-uwhj2xfk0w] .project-detail-dialog-header,
    [b-uwhj2xfk0w] .project-detail-dialog-body,
    [b-uwhj2xfk0w] .project-detail-dialog-footer {
        box-sizing: border-box;
        width: calc(100% - 20px);
        max-width: 100%;
        min-width: 0;
        margin-inline: 10px;
    }

    [b-uwhj2xfk0w] .project-detail-dialog-header {
        padding-inline: 0 42px;
    }

    [b-uwhj2xfk0w] .project-detail-dialog-header .d-flex {
        width: 100% !important;
        max-width: 100%;
        min-width: 0;
        gap: 8px;
    }

    [b-uwhj2xfk0w] .project-detail-dialog-header .ms-2 {
        min-width: 0;
        flex: 1 1 auto;
        margin-left: 0 !important;
    }

    [b-uwhj2xfk0w] .project-detail-dialog-header fluent-label {
        display: block;
        max-width: 100%;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    [b-uwhj2xfk0w] fluent-button.project-detail-close-button {
        top: 4px;
        right: 4px;
        width: 34px;
        height: 34px;
        flex: 0 0 auto;
        margin-left: 0 !important;
    }

    [b-uwhj2xfk0w] fluent-button.project-detail-close-button::part(control) {
        width: 34px;
        min-width: 34px;
        height: 34px;
        padding: 0;
    }

    [b-uwhj2xfk0w] .project-detail-dialog-body {
        max-height: calc(100dvh - 156px);
        min-height: 0;
        overflow: hidden;
        padding-inline: 0;
        padding-bottom: 8px;
    }

    .project-dialog-tabs[b-uwhj2xfk0w] {
        height: 100% !important;
        max-height: calc(100dvh - 168px);
        overflow-x: hidden !important;
        overflow-y: hidden !important;
    }

    .project-dialog-tab-list[b-uwhj2xfk0w] {
        gap: 4px;
        flex-wrap: wrap;
        align-items: stretch;
        padding: 0 0 6px;
        overflow-x: hidden;
        overflow-y: visible;
    }

    .project-dialog-tab-button[b-uwhj2xfk0w] {
        min-height: 30px;
        flex: 1 1 calc(33.333% - 4px);
        padding: 5px 8px;
        font-size: .76rem;
        line-height: 1.12;
        white-space: normal;
        word-break: normal;
        overflow-wrap: anywhere;
    }

    .project-dialog-custom-panel[b-uwhj2xfk0w] {
        padding-right: 2px;
    }

    .project-planning-panel-host[b-uwhj2xfk0w] {
        max-height: calc(100dvh - 176px);
        overflow-x: hidden;
        overflow-y: auto;
        scrollbar-gutter: stable;
        scrollbar-width: thin;
    }

    .project-planning-panel-host[b-uwhj2xfk0w]::-webkit-scrollbar {
        width: 8px;
    }

    .project-planning-panel-host[b-uwhj2xfk0w]::-webkit-scrollbar-thumb {
        border-radius: 999px;
        background: color-mix(in srgb, var(--dialog-color, var(--main-fg-color)) 34%, transparent);
    }

    .project-planning-panel[b-uwhj2xfk0w] {
        min-height: auto;
        overflow: visible;
    }

    .project-planning-workspace[b-uwhj2xfk0w] {
        overflow: visible;
    }

    .project-stage-workspace[b-uwhj2xfk0w] {
        flex: 0 0 auto;
        overflow: visible;
    }

    .project-dialog-tab-panel[b-uwhj2xfk0w] {
        width: 100% !important;
        max-width: 100%;
        min-width: 0;
        margin-inline: 0 !important;
        padding: 10px 0 72px !important;
        overflow-x: hidden;
    }

    .project-dialog-tab-panel .row[b-uwhj2xfk0w] {
        width: 100%;
        max-width: 100%;
        margin-inline: 0 !important;
    }

    .project-dialog-tab-panel.row > [class*="col-"][b-uwhj2xfk0w],
    .project-dialog-tab-panel > .row > [class*="col-"][b-uwhj2xfk0w] {
        width: 100%;
        max-width: 100%;
        min-width: 0;
    }

    .project-dialog-tab-panel .d-flex.justify-content-between[b-uwhj2xfk0w] {
        align-items: flex-start;
        gap: 10px;
        flex-wrap: wrap;
    }

    .project-dialog-tab-panel .table-responsive[b-uwhj2xfk0w] {
        width: 100%;
        max-width: 100%;
        overflow-x: auto;
    }

    .edit-projectDisciplines-container[b-uwhj2xfk0w] {
        display: flex !important;
        flex-direction: column;
        height: 100%;
        min-height: 0;
        padding-bottom: 0 !important;
        overflow: hidden;
    }

    .edit-projectDisciplines-container > div[b-uwhj2xfk0w] {
        min-width: 0;
    }

    .edit-projectDisciplines-container > div:last-child[b-uwhj2xfk0w] {
        flex: 1 1 auto;
        display: flex;
        min-height: 0;
        overflow: hidden;
    }

    [b-uwhj2xfk0w] .edit-projectDisciplines-container .projectDiscipline-detail-shell {
        flex: 1 1 auto;
        height: 100%;
        max-height: 100%;
        min-height: 0;
        gap: 10px;
    }

    [b-uwhj2xfk0w] .edit-projectDisciplines-container .projectDiscipline-table-shell {
        flex: 1 1 auto;
        min-height: 0;
        overflow: hidden;
    }

    [b-uwhj2xfk0w] .edit-projectDisciplines-container .projectDiscipline-table {
        flex: 1 1 auto;
        height: 100%;
        min-height: 0;
    }

    [b-uwhj2xfk0w] .edit-projectDisciplines-container .sub-table-body-scroll {
        flex: 1 1 auto;
        height: 100%;
        min-height: 0;
        max-height: 100%;
    }

    [b-uwhj2xfk0w] .project-detail-dialog-footer {
        display: flex;
        justify-content: flex-end;
        gap: 8px;
        flex-wrap: wrap;
        align-items: stretch;
        padding: 10px 0 12px;
    }

    [b-uwhj2xfk0w] fluent-button.project-detail-footer-button {
        min-width: 0;
        flex: 1 1 calc(50% - 4px);
        max-width: 160px;
        margin-inline: 0 !important;
    }

    [b-uwhj2xfk0w] fluent-button.project-detail-footer-button::part(control) {
        width: 100%;
        min-width: 0;
    }
}

@media (max-width: 505px) {
    .edit-projectDisciplines-container[b-uwhj2xfk0w] {
        display: flex !important;
    }

    [b-uwhj2xfk0w] fluent-button.project-detail-footer-button {
        flex-basis: calc(50% - 4px);
        max-width: none;
    }
}
/* _content/EmpiriaBMS.App/Components/Dashboards/WorkingDashboard/SubCompnents/Projects/ProjectIssues.razor.rz.scp.css */
.project-issues[b-zea1secl8d] {
    --project-issues-bg: var(--dialog-bg, var(--main-bg-color));
    --project-issues-text: var(--dialog-color, var(--main-fg-color));
    --project-issues-muted: color-mix(in srgb, var(--project-issues-text) 68%, transparent);
    --project-issues-border: color-mix(in srgb, var(--project-issues-text) 18%, transparent);
    --project-issues-border-strong: color-mix(in srgb, var(--project-issues-text) 34%, transparent);
    --project-issues-panel-bg: color-mix(in srgb, var(--project-issues-bg) 88%, var(--project-issues-text) 12%);
    --project-issues-panel-bg-soft: color-mix(in srgb, var(--project-issues-bg) 94%, var(--project-issues-text) 6%);
    --project-issues-input-bg: color-mix(in srgb, var(--project-issues-bg) 82%, var(--project-issues-text) 18%);
    --project-issues-input-bg-hover: color-mix(in srgb, var(--project-issues-bg) 76%, var(--project-issues-text) 24%);
    --project-issues-focus: color-mix(in srgb, var(--primary-accent-color) 72%, var(--project-issues-text) 28%);
    --neutral-foreground-rest: var(--project-issues-text);
    --neutral-foreground-hover: var(--project-issues-text);
    --neutral-foreground-active: var(--project-issues-text);
    --neutral-foreground-focus: var(--project-issues-text);
    --neutral-foreground-hint: var(--project-issues-muted);
    --neutral-stroke-rest: var(--project-issues-border);
    --neutral-stroke-hover: var(--project-issues-border-strong);
    --neutral-fill-layer-rest: var(--project-issues-panel-bg);
    --neutral-fill-input-rest: var(--project-issues-input-bg);
    --neutral-fill-input-hover: var(--project-issues-input-bg-hover);
    --neutral-fill-input-active: var(--project-issues-input-bg-hover);
    --neutral-fill-input-focus: var(--project-issues-input-bg-hover);
    --neutral-fill-stealth-rest: color-mix(in srgb, var(--project-issues-text) 10%, transparent);
    display: grid;
    grid-template-columns: minmax(280px, 33%) minmax(0, 1fr);
    gap: 14px;
    width: 100%;
    height: 100%;
    min-height: 0;
    max-height: 100%;
    overflow-x: hidden;
    overflow-y: auto;
    scroll-padding-bottom: 22px;
    scrollbar-gutter: stable;
    color: var(--project-issues-text);
}

.project-issues__list[b-zea1secl8d],
.project-issues__detail[b-zea1secl8d] {
    min-height: 0;
    max-height: 90%;
    overflow: auto;
    border: 1px solid var(--project-issues-border);
    border-radius: 8px;
    background: var(--project-issues-panel-bg);
    color: var(--project-issues-text);
}

.project-issues__list-header[b-zea1secl8d] {
    position: sticky;
    top: 0;
    z-index: 1;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    padding: 12px;
    font-weight: 700;
    color: var(--project-issues-text);
    background: color-mix(in srgb, var(--project-issues-panel-bg) 86%, var(--primary-bg-color) 14%);
    border-bottom: 1px solid var(--project-issues-border);
}

.project-issues__records[b-zea1secl8d] {
    display: flex;
    flex-direction: column;
    gap: 8px;
    padding: 10px;
}

.project-issue-card[b-zea1secl8d] {
    display: flex;
    flex-direction: column;
    gap: 8px;
    width: 100%;
    padding: 10px;
    text-align: left;
    border: 1px solid var(--project-issues-border);
    border-radius: 8px;
    color: var(--project-issues-text);
    background: var(--project-issues-panel-bg-soft);
}

.project-issue-card--selected[b-zea1secl8d] {
    border-color: var(--project-issues-focus);
    box-shadow: 0 0 0 1px var(--project-issues-focus);
}

.project-issue-card__topline[b-zea1secl8d],
.project-issue-card__meta[b-zea1secl8d] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
}

.project-issue-card__priority[b-zea1secl8d],
.project-issue-card__status[b-zea1secl8d] {
    display: inline-flex;
    align-items: center;
    min-height: 22px;
    padding: 2px 8px;
    border-radius: 999px;
    font-size: .78rem;
    font-weight: 700;
    color: var(--project-issues-text);
    background: color-mix(in srgb, var(--project-issues-text) 10%, transparent);
}

.project-issue-card__priority--high[b-zea1secl8d] {
    color: #8a1f11;
    background: #ffe1db;
}

.project-issue-card__priority--med[b-zea1secl8d] {
    color: #6f4a00;
    background: #fff1c2;
}

.project-issue-card__priority--low[b-zea1secl8d] {
    color: #175c2f;
    background: #dff5e5;
}

.project-issue-card__description[b-zea1secl8d] {
    line-height: 1.35;
}

.project-issue-card__meta[b-zea1secl8d] {
    font-size: .78rem;
    color: var(--project-issues-muted);
}

.project-issues__detail[b-zea1secl8d] {
    display: flex;
    flex-direction: column;
    gap: 18px;
    min-height: 0;
    padding: 14px;
    padding-bottom: 28px;
}

.project-issues-form[b-zea1secl8d] {
    display: flex;
    flex-direction: column;
    flex: 0 0 auto;
    gap: 16px;
    min-height: 0;
}

.project-issues-form__grid[b-zea1secl8d] {
    display: grid;
    flex: 0 0 auto;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 16px;
    align-items: start;
    min-height: 0;
    padding-right: 4px;
}

.project-issues-form__grid label[b-zea1secl8d] {
    display: flex;
    flex-direction: column;
    gap: 5px;
    min-width: 0;
    font-size: .84rem;
    font-weight: 700;
    color: var(--project-issues-text);
}

.project-issues-form__wide[b-zea1secl8d] {
    grid-column: 1 / -1;
}

.project-issues-form__actions[b-zea1secl8d],
.project-issue-updates__composer[b-zea1secl8d] {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 8px;
    flex-wrap: wrap;
}
.project-issue-updates__composer[b-zea1secl8d] {
    margin-bottom: 6px;
}

.project-issues-form__actions[b-zea1secl8d] {
    flex: 0 0 auto;
    margin-top: 2px;
    padding-top: 8px;
}

.project-issues-form__validation[b-zea1secl8d] {
    color: #b42318;
    font-size: .86rem;
    font-weight: 700;
}

.project-issue-updates[b-zea1secl8d] {
    display: flex;
    flex-direction: column;
    flex: 0 0 auto;
    min-height: 0;
    margin-top: 0;
    border: 1px solid var(--project-issues-border);
    border-radius: 10px;
    background: color-mix(in srgb, var(--project-issues-panel-bg) 86%, var(--primary-bg-color) 14%);
    overflow: hidden;
}

.project-issue-updates[open][b-zea1secl8d] {
    height: auto;
}

.project-issue-updates__summary[b-zea1secl8d] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 12px 14px;
    font-weight: 700;
    color: var(--project-issues-text);
    border-bottom: 1px solid transparent;
    cursor: pointer;
    list-style: none;
}

.project-issue-updates__summary[b-zea1secl8d]::-webkit-details-marker {
    display: none;
}

.project-issue-updates__summary[b-zea1secl8d]::after {
    content: "";
    width: 0.62rem;
    height: 0.62rem;
    border-right: 2px solid currentColor;
    border-bottom: 2px solid currentColor;
    transform: rotate(45deg);
    transition: transform 0.16s ease;
}

.project-issue-updates[open] .project-issue-updates__summary[b-zea1secl8d] {
    border-bottom-color: var(--project-issues-border);
}

.project-issue-updates[open] .project-issue-updates__summary[b-zea1secl8d]::after {
    transform: rotate(225deg);
}

.project-issue-updates__count[b-zea1secl8d] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 28px;
    min-height: 24px;
    padding: 2px 8px;
    margin-left: auto;
    border-radius: 999px;
    font-size: .78rem;
    color: var(--project-issues-text);
    background: color-mix(in srgb, var(--project-issues-text) 10%, transparent);
}

.project-issue-updates__body[b-zea1secl8d] {
    display: flex;
    flex-direction: column;
    flex: 0 0 auto;
    gap: 10px;
    min-height: 0;
    padding: 12px;
    overflow: visible;
}

.project-issue-updates__composer[b-zea1secl8d] {
    display: flex;
    align-items: flex-start;
    justify-content: flex-end;
    gap: 8px;
    flex-wrap: wrap;
    flex: 0 0 auto;
}

.project-issue-updates__composer fluent-text-area[b-zea1secl8d] {
    flex: 1 1 260px;
}

.project-issue-updates__list[b-zea1secl8d] {
    display: flex;
    flex-direction: column;
    gap: 8px;
    min-height: 0;
    padding-right: 4px;
    overflow: visible;
    scroll-padding-bottom: 10px;
}

.project-issue-update[b-zea1secl8d] {
    padding: 10px;
    border: 1px solid var(--project-issues-border);
    border-radius: 8px;
    background: var(--project-issues-panel-bg-soft);
    color: var(--project-issues-text);
}

.project-issue-update__meta[b-zea1secl8d] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    margin-bottom: 6px;
    font-size: .78rem;
    color: var(--project-issues-muted);
}

.project-issue-update__text[b-zea1secl8d] {
    white-space: pre-wrap;
}

.project-issues__empty[b-zea1secl8d] {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 120px;
    padding: 20px;
    color: var(--project-issues-muted);
    text-align: center;
}

.project-issues__empty--updates[b-zea1secl8d] {
    min-height: 96px;
}

.project-issues .form-select[b-zea1secl8d] {
    border-color: var(--project-issues-border);
    color: var(--project-issues-text);
    background-color: var(--project-issues-input-bg);
}

.project-issues .form-select:hover[b-zea1secl8d],
.project-issues .form-select:focus[b-zea1secl8d] {
    border-color: var(--project-issues-border-strong);
    color: var(--project-issues-text);
    background-color: var(--project-issues-input-bg-hover);
    box-shadow: 0 0 0 0.2rem color-mix(in srgb, var(--project-issues-focus) 22%, transparent);
}

.project-issues[b-zea1secl8d]  fluent-text-field,
.project-issues[b-zea1secl8d]  fluent-text-area,
.project-issues[b-zea1secl8d]  fluent-date-picker,
.project-issues[b-zea1secl8d]  fluent-button {
    --neutral-foreground-rest: var(--project-issues-text);
    --neutral-foreground-hover: var(--project-issues-text);
    --neutral-foreground-active: var(--project-issues-text);
    --neutral-foreground-focus: var(--project-issues-text);
    --neutral-foreground-hint: var(--project-issues-muted);
    --neutral-stroke-input-rest: var(--project-issues-border);
    --neutral-stroke-input-hover: var(--project-issues-border-strong);
    --neutral-stroke-input-active: var(--project-issues-focus);
    --neutral-stroke-input-focus: var(--project-issues-focus);
    --neutral-fill-input-rest: var(--project-issues-input-bg);
    --neutral-fill-input-hover: var(--project-issues-input-bg-hover);
    --neutral-fill-input-active: var(--project-issues-input-bg-hover);
    --neutral-fill-input-focus: var(--project-issues-input-bg-hover);
    color: var(--project-issues-text);
}

.project-issues[b-zea1secl8d]  fluent-text-field::part(label),
.project-issues[b-zea1secl8d]  fluent-text-field::part(control),
.project-issues[b-zea1secl8d]  fluent-text-area::part(label),
.project-issues[b-zea1secl8d]  fluent-text-area::part(control),
.project-issues[b-zea1secl8d]  fluent-date-picker::part(label),
.project-issues[b-zea1secl8d]  fluent-date-picker::part(control) {
    color: var(--project-issues-text) !important;
}

.project-issues[b-zea1secl8d]  fluent-text-field::part(control),
.project-issues[b-zea1secl8d]  fluent-text-area::part(control),
.project-issues[b-zea1secl8d]  fluent-date-picker::part(control) {
    border-color: var(--project-issues-border) !important;
    background: var(--project-issues-input-bg) !important;
}

.project-issues[b-zea1secl8d]  fluent-date-picker[disabled]::part(control) {
    color: color-mix(in srgb, var(--project-issues-text) 50%, transparent) !important;
    background: color-mix(in srgb, var(--project-issues-bg) 92%, var(--project-issues-text) 8%) !important;
}

.project-issues[b-zea1secl8d]  fluent-button[appearance="outline"]::part(control) {
    border-color: var(--project-issues-border-strong) !important;
    color: var(--project-issues-text) !important;
}

@media (max-width: 900px) {
    .project-issues[b-zea1secl8d] {
        height: 88%;
        grid-template-columns: 1fr;
        overflow-y: auto;
    }

    .project-issues-form__grid[b-zea1secl8d] {
        grid-template-columns: 1fr;
    }

    .project-issues__list[b-zea1secl8d], 
    .project-issues__detail[b-zea1secl8d] {
        max-height: none;
    }

    .project-issue-card[b-zea1secl8d] {
        min-width: 0;
    }

    .project-issue-card__topline[b-zea1secl8d] {
        flex-wrap: wrap;
        align-items: flex-start;
        justify-content: flex-start;
    }

    .project-issue-card__priority[b-zea1secl8d],
    .project-issue-card__status[b-zea1secl8d] {
        max-width: 100%;
        white-space: normal;
        overflow-wrap: anywhere;
        line-height: 1.25;
    }

    .project-issue-card__description[b-zea1secl8d] {
        overflow-wrap: anywhere;
        white-space: normal;
    }

    .project-issue-card__meta[b-zea1secl8d] {
        display: block;
        overflow-wrap: anywhere;
        line-height: 1.35;
    }

    .project-issue-card__meta > span + span[b-zea1secl8d]::before {
        content: " · ";
    }
}
/* _content/EmpiriaBMS.App/Components/Dashboards/WorkingDashboard/SubCompnents/Projects/ProjectLogsDialog.razor.rz.scp.css */
[b-cj62r8qf6m] .project-logs-dialog {
    display: flex;
    flex-direction: column;
    box-sizing: border-box;
    width: 100%;
    height: 100%;
    max-width: 100%;
    max-height: 100%;
    min-height: 0;
    padding-bottom: 0;
    overflow: hidden;
}

.project-logs-dialog__tabs[b-cj62r8qf6m] {
    display: inline-flex;
    flex: 0 0 auto;
    align-items: center;
    gap: 6px;
    max-width: 100%;
    margin: 0 0 12px;
    padding: 3px;
    border: 1px solid color-mix(in srgb, var(--dialog-color, var(--main-fg-color)) 16%, transparent);
    border-radius: 10px;
    background: color-mix(in srgb, var(--dialog-bg, var(--main-bg-color)) 88%, var(--dialog-color, var(--main-fg-color)) 12%);
    overflow-x: auto;
    overflow-y: hidden;
    scrollbar-width: thin;
}

.project-logs-dialog__tab-button[b-cj62r8qf6m] {
    appearance: none;
    flex: 0 0 auto;
    min-height: 34px;
    padding: 7px 14px;
    border: 0;
    border-radius: 8px;
    background: transparent;
    color: color-mix(in srgb, var(--dialog-color, var(--main-fg-color)) 82%, transparent);
    font: inherit;
    font-size: .88rem;
    font-weight: 750;
    line-height: 1.15;
    white-space: nowrap;
    cursor: pointer;
    transition: background-color .16s ease, color .16s ease, box-shadow .16s ease;
}

.project-logs-dialog__tab-button:hover[b-cj62r8qf6m],
.project-logs-dialog__tab-button:focus-visible[b-cj62r8qf6m] {
    color: var(--dialog-color, var(--main-fg-color));
    background: color-mix(in srgb, var(--primary-accent-color) 16%, transparent);
    outline: none;
}

.project-logs-dialog__tab-button--active[b-cj62r8qf6m] {
    color: var(--dialog-color, var(--main-fg-color));
    background: color-mix(in srgb, var(--primary-accent-color) 26%, var(--dialog-bg, var(--main-bg-color)) 74%);
    box-shadow: inset 0 -2px 0 var(--primary-accent-color);
}

.project-logs-dialog__tab-panel[b-cj62r8qf6m] {
    display: flex;
    flex: 1 1 0;
    width: 100%;
    max-width: 100%;
    height: 100%;
    overflow: hidden;
}

[b-cj62r8qf6m] .project-logs-dialog__tab-panel > .project-issues,
[b-cj62r8qf6m] .project-logs-dialog__tab-panel > .project-risk {
    flex: 1 1 auto;
    max-height: 100%;
    min-height: 0;
}

.project-logs-dialog__empty[b-cj62r8qf6m] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    min-height: 100%;
    padding: 20px;
    color: var(--neutral-foreground-hint);
    text-align: center;
}

@media (max-width: 900px) {
    [b-cj62r8qf6m] .project-logs-dialog {
        width: 100%;
        height: 100%;
        max-height: 100%;
    }

    .project-logs-dialog__tabs[b-cj62r8qf6m] {
        width: 100%;
    }

    .project-logs-dialog__tab-button[b-cj62r8qf6m] {
        flex: 1 1 auto;
        padding-inline: 10px;
        text-align: center;
    }
}
/* _content/EmpiriaBMS.App/Components/Dashboards/WorkingDashboard/SubCompnents/Projects/ProjectRisk.razor.rz.scp.css */
.project-risk[b-mplpxzrnun] {
    --project-risk-bg: var(--dialog-bg, var(--main-bg-color));
    --project-risk-text: var(--dialog-color, var(--main-fg-color));
    --project-risk-muted: color-mix(in srgb, var(--project-risk-text) 68%, transparent);
    --project-risk-border: color-mix(in srgb, var(--project-risk-text) 18%, transparent);
    --project-risk-border-strong: color-mix(in srgb, var(--project-risk-text) 34%, transparent);
    --project-risk-panel-bg: color-mix(in srgb, var(--project-risk-bg) 88%, var(--project-risk-text) 12%);
    --project-risk-panel-bg-soft: color-mix(in srgb, var(--project-risk-bg) 94%, var(--project-risk-text) 6%);
    --project-risk-input-bg: color-mix(in srgb, var(--project-risk-bg) 82%, var(--project-risk-text) 18%);
    --project-risk-input-bg-hover: color-mix(in srgb, var(--project-risk-bg) 76%, var(--project-risk-text) 24%);
    --project-risk-focus: color-mix(in srgb, var(--primary-accent-color) 72%, var(--project-risk-text) 28%);
    display: grid;
    grid-template-columns: minmax(280px, 33%) minmax(0, 1fr);
    gap: 14px;
    width: 100%;
    height: 100%;
    min-height: 0;
    max-height: 100%;
    overflow-x: hidden;
    overflow-y: auto;
    scroll-padding-bottom: 22px;
    scrollbar-gutter: stable;
    color: var(--project-risk-text);
}

.project-risk__list[b-mplpxzrnun],
.project-risk__detail[b-mplpxzrnun] {
    min-height: 0;
    max-height: 90%;
    overflow: auto;
    border: 1px solid var(--project-risk-border);
    border-radius: 8px;
    background: var(--project-risk-panel-bg);
    color: var(--project-risk-text);
}

.project-risk__list-header[b-mplpxzrnun] {
    position: sticky;
    top: 0;
    z-index: 1;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    padding: 12px;
    font-weight: 700;
    color: var(--project-risk-text);
    background: color-mix(in srgb, var(--project-risk-panel-bg) 86%, var(--primary-bg-color) 14%);
    border-bottom: 1px solid var(--project-risk-border);
}

.project-risk__records[b-mplpxzrnun] {
    display: flex;
    flex-direction: column;
    gap: 8px;
    padding: 10px;
}

.project-risk-card[b-mplpxzrnun] {
    display: flex;
    flex-direction: column;
    gap: 8px;
    width: 100%;
    padding: 10px;
    text-align: left;
    border: 1px solid var(--project-risk-border);
    border-radius: 8px;
    color: var(--project-risk-text);
    background: var(--project-risk-panel-bg-soft);
}

.project-risk-card--selected[b-mplpxzrnun] {
    border-color: var(--project-risk-focus);
    box-shadow: 0 0 0 1px var(--project-risk-focus);
}

.project-risk-card__topline[b-mplpxzrnun],
.project-risk-card__meta[b-mplpxzrnun] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
}

.project-risk-card__level[b-mplpxzrnun],
.project-risk-card__status[b-mplpxzrnun] {
    display: inline-flex;
    align-items: center;
    min-height: 22px;
    padding: 2px 8px;
    border-radius: 999px;
    font-size: .78rem;
    font-weight: 700;
    color: var(--project-risk-text);
    background: color-mix(in srgb, var(--project-risk-text) 10%, transparent);
}

.project-risk-card__level--high[b-mplpxzrnun] {
    color: #8a1f11;
    background: #ffe1db;
}

.project-risk-card__level--med[b-mplpxzrnun] {
    color: #6f4a00;
    background: #fff1c2;
}

.project-risk-card__level--low[b-mplpxzrnun] {
    color: #175c2f;
    background: #dff5e5;
}

.project-risk-card__description[b-mplpxzrnun] {
    line-height: 1.35;
}

.project-risk-card__meta[b-mplpxzrnun] {
    font-size: .78rem;
    color: var(--project-risk-muted);
}

.project-risk__detail[b-mplpxzrnun] {
    display: flex;
    flex-direction: column;
    gap: 18px;
    padding: 14px;
    padding-bottom: 28px;
}

.project-risk-form[b-mplpxzrnun] {
    display: flex;
    flex-direction: column;
    flex: 0 0 auto;
    gap: 16px;
    min-height: 0;
}

.project-risk-form__grid[b-mplpxzrnun] {
    display: grid;
    flex: 0 0 auto;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 16px;
    align-items: start;
    min-height: 0;
    padding-right: 4px;
}

.project-risk-form__grid label[b-mplpxzrnun] {
    display: flex;
    flex-direction: column;
    gap: 5px;
    min-width: 0;
    font-size: .84rem;
    font-weight: 700;
    color: var(--project-risk-text);
}

.project-risk-form__wide[b-mplpxzrnun] {
    grid-column: 1 / -1;
}

.project-risk-form__textarea-field[b-mplpxzrnun] {
    min-height: 106px;
}

.project-risk-form__textarea[b-mplpxzrnun],
.project-risk-updates__textarea[b-mplpxzrnun] {
    display: block;
    width: 100%;
    min-height: 82px;
    resize: vertical;
}

.project-risk-form__actions[b-mplpxzrnun],
.project-risk-updates__composer[b-mplpxzrnun] {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 8px;
    flex-wrap: wrap;
}

.project-risk-form__actions[b-mplpxzrnun] {
    flex: 0 0 auto;
    margin-top: 2px;
    padding-top: 8px;
}

.project-risk-form__validation[b-mplpxzrnun] {
    color: #b42318;
    font-size: .86rem;
    font-weight: 700;
}

.project-risk-updates[b-mplpxzrnun] {
    display: flex;
    flex-direction: column;
    flex: 0 0 auto;
    min-height: 0;
    margin-top: 0;
    border: 1px solid var(--project-risk-border);
    border-radius: 10px;
    background: color-mix(in srgb, var(--project-risk-panel-bg) 86%, var(--primary-bg-color) 14%);
    overflow: hidden;
}

.project-risk-updates[open][b-mplpxzrnun] {
    height: auto;
}

.project-risk-updates__summary[b-mplpxzrnun] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 12px 14px;
    font-weight: 700;
    color: var(--project-risk-text);
    border-bottom: 1px solid transparent;
    cursor: pointer;
    list-style: none;
}

.project-risk-updates__summary[b-mplpxzrnun]::-webkit-details-marker {
    display: none;
}

.project-risk-updates__summary[b-mplpxzrnun]::after {
    content: "";
    width: 0.62rem;
    height: 0.62rem;
    border-right: 2px solid currentColor;
    border-bottom: 2px solid currentColor;
    transform: rotate(45deg);
    transition: transform 0.16s ease;
}

.project-risk-updates[open] .project-risk-updates__summary[b-mplpxzrnun] {
    border-bottom-color: var(--project-risk-border);
}

.project-risk-updates[open] .project-risk-updates__summary[b-mplpxzrnun]::after {
    transform: rotate(225deg);
}

.project-risk-updates__count[b-mplpxzrnun] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 28px;
    min-height: 24px;
    padding: 2px 8px;
    margin-left: auto;
    border-radius: 999px;
    font-size: .78rem;
    color: var(--project-risk-text);
    background: color-mix(in srgb, var(--project-risk-text) 10%, transparent);
}

.project-risk-updates__body[b-mplpxzrnun] {
    display: flex;
    flex-direction: column;
    flex: 0 0 auto;
    gap: 10px;
    min-height: 0;
    padding: 12px;
    overflow: visible;
}

.project-risk-updates__composer[b-mplpxzrnun] {
    flex-direction: column;
    align-items: flex-start;
}

.project-risk-updates__textarea[b-mplpxzrnun] {
    flex: 0 0 auto;
    width: 100%;
}

[b-mplpxzrnun] fluent-button.project-risk-updates__add-button {
    align-self: flex-end;
}

.project-risk-updates__list[b-mplpxzrnun] {
    display: flex;
    flex-direction: column;
    gap: 8px;
    min-height: 0;
    padding-right: 4px;
    overflow: visible;
}

.project-risk-update[b-mplpxzrnun] {
    padding: 10px;
    border: 1px solid var(--project-risk-border);
    border-radius: 8px;
    background: var(--project-risk-panel-bg-soft);
    color: var(--project-risk-text);
}

.project-risk-update__meta[b-mplpxzrnun] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    margin-bottom: 6px;
    font-size: .78rem;
    color: var(--project-risk-muted);
}

.project-risk-update__text[b-mplpxzrnun] {
    white-space: pre-wrap;
}

.project-risk__empty[b-mplpxzrnun] {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 120px;
    padding: 20px;
    color: var(--project-risk-muted);
    text-align: center;
}

.project-risk__empty--updates[b-mplpxzrnun] {
    min-height: 96px;
}

.project-risk .form-select[b-mplpxzrnun],
.project-risk .form-control[b-mplpxzrnun] {
    border-color: var(--project-risk-border);
    color: var(--project-risk-text);
    background-color: var(--project-risk-input-bg);
}

.project-risk .form-select:hover[b-mplpxzrnun],
.project-risk .form-select:focus[b-mplpxzrnun],
.project-risk .form-control:hover[b-mplpxzrnun],
.project-risk .form-control:focus[b-mplpxzrnun] {
    border-color: var(--project-risk-border-strong);
    color: var(--project-risk-text);
    background-color: var(--project-risk-input-bg-hover);
    box-shadow: 0 0 0 0.2rem color-mix(in srgb, var(--project-risk-focus) 22%, transparent);
}

.project-risk .form-control[b-mplpxzrnun]::placeholder {
    color: var(--project-risk-muted);
}

.project-risk[b-mplpxzrnun]  fluent-text-field,
.project-risk[b-mplpxzrnun]  fluent-text-area,
.project-risk[b-mplpxzrnun]  fluent-date-picker,
.project-risk[b-mplpxzrnun]  fluent-button {
    --neutral-foreground-rest: var(--project-risk-text);
    --neutral-foreground-hover: var(--project-risk-text);
    --neutral-foreground-active: var(--project-risk-text);
    --neutral-foreground-focus: var(--project-risk-text);
    --neutral-foreground-hint: var(--project-risk-muted);
    --neutral-stroke-input-rest: var(--project-risk-border);
    --neutral-stroke-input-hover: var(--project-risk-border-strong);
    --neutral-stroke-input-active: var(--project-risk-focus);
    --neutral-stroke-input-focus: var(--project-risk-focus);
    --neutral-fill-input-rest: var(--project-risk-input-bg);
    --neutral-fill-input-hover: var(--project-risk-input-bg-hover);
    --neutral-fill-input-active: var(--project-risk-input-bg-hover);
    --neutral-fill-input-focus: var(--project-risk-input-bg-hover);
    color: var(--project-risk-text);
}

.project-risk[b-mplpxzrnun]  fluent-text-field::part(label),
.project-risk[b-mplpxzrnun]  fluent-text-field::part(control),
.project-risk[b-mplpxzrnun]  fluent-text-area::part(label),
.project-risk[b-mplpxzrnun]  fluent-text-area::part(control),
.project-risk[b-mplpxzrnun]  fluent-date-picker::part(label),
.project-risk[b-mplpxzrnun]  fluent-date-picker::part(control) {
    color: var(--project-risk-text) !important;
}

.project-risk[b-mplpxzrnun]  fluent-text-field::part(control),
.project-risk[b-mplpxzrnun]  fluent-text-area::part(control),
.project-risk[b-mplpxzrnun]  fluent-date-picker::part(control) {
    border-color: var(--project-risk-border) !important;
    background: var(--project-risk-input-bg) !important;
}

.project-risk[b-mplpxzrnun]  fluent-text-area::part(control) {
    min-height: 76px;
}

.project-risk[b-mplpxzrnun]  fluent-date-picker[disabled]::part(control) {
    color: color-mix(in srgb, var(--project-risk-text) 50%, transparent) !important;
    background: color-mix(in srgb, var(--project-risk-bg) 92%, var(--project-risk-text) 8%) !important;
}

.project-risk[b-mplpxzrnun]  fluent-button[appearance="outline"]::part(control) {
    border-color: var(--project-risk-border-strong) !important;
    color: var(--project-risk-text) !important;
}

@media (max-width: 900px) {
    .project-risk[b-mplpxzrnun] {
        height: 88%;
        grid-template-columns: 1fr;
        overflow-y: auto;
    }

    .project-risk-form__grid[b-mplpxzrnun] {
        grid-template-columns: 1fr;
    }

    .project-risk__list[b-mplpxzrnun],
    .project-risk__detail[b-mplpxzrnun] {
        max-height: none;
    }

    .project-risk-card[b-mplpxzrnun] {
        min-width: 0;
    }

    .project-risk-card__topline[b-mplpxzrnun] {
        flex-wrap: wrap;
        align-items: flex-start;
        justify-content: flex-start;
    }

    .project-risk-card__level[b-mplpxzrnun],
    .project-risk-card__status[b-mplpxzrnun] {
        max-width: 100%;
        white-space: normal;
        overflow-wrap: anywhere;
        line-height: 1.25;
    }

    .project-risk-card__description[b-mplpxzrnun] {
        overflow-wrap: anywhere;
        white-space: normal;
    }

    .project-risk-card__meta[b-mplpxzrnun] {
        display: block;
        overflow-wrap: anywhere;
        line-height: 1.35;
    }

    .project-risk-card__meta > span + span[b-mplpxzrnun]::before {
        content: " · ";
    }
}
/* _content/EmpiriaBMS.App/Components/Dashboards/WorkingDashboard/SubCompnents/Projects/Projects.razor.rz.scp.css */
.dashboard-section[b-x09t4x16j9] {
    --section-accent: #2d8f5a;
    --dashboard-row-divider: color-mix(in srgb, var(--main-fg-color) 14%, transparent);
    --dashboard-row-divider-strong: color-mix(in srgb, var(--main-fg-color) 20%, transparent);
    --dashboard-record-divider: color-mix(in srgb, var(--main-fg-color) 46%, transparent);
    --dashboard-row-main-bg-odd: color-mix(in srgb, var(--main-bg-color) 97%, white 3%);
    --dashboard-row-main-bg-even: color-mix(in srgb, var(--main-bg-color) 91%, var(--main-fg-color) 9%);
    --dashboard-row-detail-bg-odd: color-mix(in srgb, var(--main-bg-color) 90%, var(--section-accent) 10%);
    --dashboard-row-detail-bg-even: color-mix(in srgb, var(--main-bg-color) 85%, var(--section-accent) 15%);
    --dashboard-row-muted-text: color-mix(in srgb, var(--main-fg-color) 84%, transparent);
    --dashboard-row-selected-ring: color-mix(in srgb, var(--primary-accent-color) 72%, var(--main-fg-color) 28%);
    position: relative;
    padding: 0.95rem;
    border: 1px solid color-mix(in srgb, var(--main-fg-color) 10%, transparent);
    border-radius: 22px;
    background: linear-gradient(180deg, color-mix(in srgb, var(--main-bg-color) 97%, white 3%), color-mix(in srgb, var(--main-bg-color) 93%, var(--section-accent) 7%));
    box-shadow: 0 14px 32px color-mix(in srgb, var(--main-fg-color) 7%, transparent);
}

[data-theme="light"] .dashboard-section[b-x09t4x16j9],
[data-bs-theme="light"] .dashboard-section[b-x09t4x16j9] {
    --dashboard-row-main-bg-odd: #f5fafc;
    --dashboard-row-main-bg-even: #e5f0f5;
    --dashboard-row-detail-bg-odd: #eaf4f8;
    --dashboard-row-detail-bg-even: #dceaf1;
    --dashboard-row-muted-text: #274064;
    --dashboard-record-divider: rgba(18, 35, 61, 0.3);
}

[data-theme="light"] .dashboard-section__table-shell[b-x09t4x16j9],
[data-bs-theme="light"] .dashboard-section__table-shell[b-x09t4x16j9] {
    background: #edf5f8;
    border-color: rgba(18, 35, 61, 0.16);
}

[data-theme="dark"] .dashboard-section[b-x09t4x16j9],
[data-bs-theme="dark"] .dashboard-section[b-x09t4x16j9] {
    --dashboard-row-divider: rgba(233, 241, 252, 0.16);
    --dashboard-row-divider-strong: rgba(233, 241, 252, 0.3);
    --dashboard-record-divider: rgba(241, 246, 255, 0.7);
    --dashboard-row-main-bg-odd: #24384a;
    --dashboard-row-main-bg-even: #2d4459;
    --dashboard-row-detail-bg-odd: #355066;
    --dashboard-row-detail-bg-even: #3e5d76;
    --dashboard-row-muted-text: #e9f0fc;
    --dashboard-row-selected-ring: color-mix(in srgb, #f5f8ff 44%, var(--primary-accent-color) 56%);
}

.dashboard-section__toolbar[b-x09t4x16j9] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 0.9rem 1rem;
    align-items: start;
    margin-bottom: 0.9rem;
}

.dashboard-section__toolbar-main[b-x09t4x16j9] {
    min-width: 0;
}

.dashboard-section__filters-row[b-x09t4x16j9] {
    grid-column: 1 / -1;
    min-width: 0;
}

.dashboard-section__heading[b-x09t4x16j9] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.6rem;
    margin-bottom: 0.75rem;
}

.dashboard-section__title[b-x09t4x16j9] {
    margin: 0;
    font-size: 1.08rem;
    font-weight: 800;
    letter-spacing: 0.01em;
    color: var(--main-fg-color);
}

.dashboard-section__filters[b-x09t4x16j9],
.dashboard-section__actions[b-x09t4x16j9] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.65rem;
    align-items: end;
}

.dashboard-section__actions[b-x09t4x16j9] {
    justify-content: flex-end;
    align-self: stretch;
}

.dashboard-filter[b-x09t4x16j9] {
    display: flex;
    flex-direction: column;
    gap: 0.35rem;
    min-width: 160px;
}

.dashboard-filter--search[b-x09t4x16j9] {
    min-width: 170px;
}

.dashboard-filter-cluster[b-x09t4x16j9] {
    display: flex;
    flex: 0 1 auto;
    flex-wrap: wrap;
    gap: 0.65rem;
    align-items: end;
    justify-content: flex-start;
    width: max-content;
    max-width: 100%;
}

.dashboard-filter--compact[b-x09t4x16j9] {
    flex: 0 0 160px;
}

.dashboard-filter-cluster .dashboard-filter--search[b-x09t4x16j9] {
    flex: 0 0 170px;
}

.dashboard-filter label[b-x09t4x16j9] {
    margin: 0;
    font-size: 0.78rem;
    font-weight: 700;
    letter-spacing: 0.01em;
    color: color-mix(in srgb, var(--main-fg-color) 78%, transparent);
}

[b-x09t4x16j9] fluent-search.dashboard-search {
    min-width: 170px !important;
    max-width: 190px !important;
}

.dashboard-action-icon[b-x09t4x16j9] {
    border-radius: 12px;
}

[b-x09t4x16j9] fluent-button.dashboard-action-btn::part(control) {
    min-height: 40px;
    border-radius: 12px;
}

.dashboard-section__failed-shell[b-x09t4x16j9] {
    margin-bottom: 0.85rem;
}

.dashboard-section__switch[b-x09t4x16j9] {
    margin: 0.1rem 0 0.55rem;
}

.dashboard-section__failed-grid[b-x09t4x16j9] {
    height: 280px;
    padding: 0.35rem;
    border-color: color-mix(in srgb, var(--main-fg-color) 10%, transparent) !important;
    border-radius: 18px !important;
    background: color-mix(in srgb, var(--main-bg-color) 96%, white 4%);
}

.dashboard-section__table-shell[b-x09t4x16j9] {
    overflow: auto;
    border: 1px solid color-mix(in srgb, var(--main-fg-color) 10%, transparent);
    border-radius: 20px;
    background: color-mix(in srgb, var(--main-bg-color) 97%, white 3%);
}

.dashboard-table[b-x09t4x16j9] {
    margin-bottom: 0;
    --bs-table-bg: transparent;
    --bs-table-striped-bg: transparent;
    --bs-table-hover-bg: transparent;
    --bs-table-border-color: transparent;
    color: var(--main-fg-color);
}

.table thead th.sticky-header[b-x09t4x16j9],
th.sticky-header[b-x09t4x16j9] {
    position: sticky;
    top: 0;
    z-index: 5;
    border-bottom: 0 !important;
    padding: 0.82rem 0.7rem;
    font-size: 0.8rem;
    font-weight: 800;
    letter-spacing: 0.015em;
    text-transform: none;
    color: color-mix(in srgb, var(--main-fg-color) 90%, transparent);
    background: color-mix(in srgb, var(--main-bg-color) 82%, var(--section-accent) 18%);
    box-shadow: inset 0 -1px 0 var(--dashboard-row-divider-strong);
}

.dashboard-table thead th:first-child[b-x09t4x16j9] {
    border-top-left-radius: 18px;
}

.dashboard-table thead th:last-child[b-x09t4x16j9] {
    border-top-right-radius: 18px;
}

tbody[b-x09t4x16j9] {
    border-top: none !important;
}

tr[b-x09t4x16j9],
td[b-x09t4x16j9] {
    border-top: none;
    border-bottom: none;
    cursor: default;
}

.dashboard-table td[b-x09t4x16j9] {
    padding: 0.78rem 0.72rem;
    vertical-align: middle;
}

.table-main-row[b-x09t4x16j9] {
    position: relative;
    transition: background-color 0.16s ease;
    z-index: 1;
}

.table-main-row--actions-open[b-x09t4x16j9] {
    z-index: 2000;
}

.table-main-row--actions-open td[b-x09t4x16j9] {
    position: relative;
    z-index: 2000;
}

.table-extra-details-row[b-x09t4x16j9] {
    position: relative;
    z-index: 0;
}

tbody + tbody .table-main-row td[b-x09t4x16j9] {
    border-top: 4px solid var(--dashboard-record-divider);
}

tbody:nth-of-type(odd) .table-main-row td[b-x09t4x16j9] {
    background: var(--dashboard-row-main-bg-odd);
}

tbody:nth-of-type(even) .table-main-row td[b-x09t4x16j9] {
    background: var(--dashboard-row-main-bg-even);
}

.table-main-row td[b-x09t4x16j9] {
    border-bottom: 1px solid var(--dashboard-row-divider);
}

.table-extra-details-row[b-x09t4x16j9] {
    border-top: none;
}

tbody:nth-of-type(odd) .table-extra-details-row td[b-x09t4x16j9] {
    background: var(--dashboard-row-detail-bg-odd);
}

tbody:nth-of-type(even) .table-extra-details-row td[b-x09t4x16j9] {
    background: var(--dashboard-row-detail-bg-even);
}

tbody:last-of-type .table-extra-details-row td:first-child[b-x09t4x16j9] {
    border-bottom-left-radius: 18px;
}

tbody:last-of-type .table-extra-details-row td:last-child[b-x09t4x16j9] {
    border-bottom-right-radius: 18px;
}

.table-extra-details-row td[b-x09t4x16j9] {
    border-top: 1px solid color-mix(in srgb, var(--dashboard-row-divider) 65%, transparent);
    border-bottom: 0;
}

.hovered-row tr[b-x09t4x16j9],
.hovered-row td[b-x09t4x16j9] {
    background-color: color-mix(in srgb, white 76%, var(--section-accent) 24%);
    transition: background-color 0.2s ease;
}

.hovered-row tr[b-x09t4x16j9],
.hovered-row td[b-x09t4x16j9],
.hovered-row *[b-x09t4x16j9] {
    cursor: default !important;
}

.dashboard-table__primary-text[b-x09t4x16j9],
.dashboard-table__secondary-text[b-x09t4x16j9] {
    cursor: default !important;
}

.dashboard-table__primary-text[b-x09t4x16j9] {
    font-weight: 700;
    line-height: 1.35;
    overflow-wrap: anywhere;
}

.project-health-mini[b-x09t4x16j9] {
    --project-health-green: #2f9e44;
    --project-health-amber: #c78200;
    --project-health-red: #d64545;
    --project-health-active: var(--project-health-green);
    display: inline-grid;
    gap: 0.26rem;
    width: min(100%, 128px);
    min-width: 104px;
    margin-top: 0.38rem;
    margin-inline: auto;
    padding: 0.34rem 0.42rem;
    border: 1px solid color-mix(in srgb, var(--project-health-active) 34%, var(--dashboard-row-divider-strong));
    border-radius: 9px;
    background: color-mix(in srgb, var(--project-health-active) 10%, var(--main-bg-color) 90%);
    color: var(--main-fg-color);
    text-align: left;
    box-shadow: inset 0 0 0 1px color-mix(in srgb, white 8%, transparent);
}

.dashboard-detail-pill--health[b-x09t4x16j9] {
    gap: 0.5rem;
    padding-block: 0.34rem;
}

.dashboard-detail-pill--health .project-health-mini[b-x09t4x16j9] {
    width: 118px;
    min-width: 104px;
    margin: 0;
    padding: 0.22rem 0.34rem;
}

.project-health-mini--green[b-x09t4x16j9] {
    --project-health-active: var(--project-health-green);
}

.project-health-mini--amber[b-x09t4x16j9] {
    --project-health-active: var(--project-health-amber);
}

.project-health-mini--red[b-x09t4x16j9] {
    --project-health-active: var(--project-health-red);
}

.project-health-mini__header[b-x09t4x16j9] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.35rem;
    min-width: 0;
}

.project-health-mini__label[b-x09t4x16j9] {
    color: var(--dashboard-row-muted-text);
    font-size: 0.66rem;
    font-weight: 800;
    line-height: 1;
    text-transform: uppercase;
}

.project-health-mini__value[b-x09t4x16j9] {
    color: var(--project-health-active);
    font-size: 0.72rem;
    font-weight: 900;
    line-height: 1;
}

.project-health-mini__segments[b-x09t4x16j9] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 0.18rem;
    align-items: center;
}

.project-health-mini__segment[b-x09t4x16j9] {
    height: 0.34rem;
    border-radius: 999px;
    opacity: 0.32;
    transition: opacity 0.16s ease, transform 0.16s ease, box-shadow 0.16s ease;
}

.project-health-mini__segment--green[b-x09t4x16j9] {
    background: var(--project-health-green);
}

.project-health-mini__segment--amber[b-x09t4x16j9] {
    background: var(--project-health-amber);
}

.project-health-mini__segment--red[b-x09t4x16j9] {
    background: var(--project-health-red);
}

.project-health-mini__segment--active[b-x09t4x16j9] {
    opacity: 1;
    transform: scaleY(1.45);
    box-shadow: 0 0 0 1px color-mix(in srgb, var(--project-health-active) 32%, transparent);
}

.dashboard-table__secondary-text[b-x09t4x16j9] {
    color: var(--dashboard-row-muted-text);
    font-weight: 600;
    font-variant-numeric: tabular-nums;
}

.selected_table_projects_row[b-x09t4x16j9] {
    color: var(--main-fg-color) !important;
}

.table-main-row td.selected_table_projects_row:first-child[b-x09t4x16j9],
.table-extra-details-row td.selected_table_projects_row:first-child[b-x09t4x16j9] {
    box-shadow: inset 4px 0 0 var(--dashboard-row-selected-ring);
}

.dashboard-detail-row[b-x09t4x16j9] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.8rem;
    width: 100%;
}

.dashboard-detail-pills[b-x09t4x16j9] {
    display: flex;
    flex: 1 1 320px;
    flex-wrap: wrap;
    gap: 0.55rem;
    min-width: 0;
}

.dashboard-detail-pill[b-x09t4x16j9] {
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
    min-width: 0;
    padding: 0.42rem 0.72rem;
    border: 1px solid var(--dashboard-row-divider-strong);
    border-radius: 999px;
    background: color-mix(in srgb, var(--main-bg-color) 94%, white 6%);
    color: var(--main-fg-color);
    font-size: 0.88rem;
    line-height: 1.25;
    font-variant-numeric: tabular-nums;
    white-space: normal;
    overflow-wrap: anywhere;
}

.dashboard-detail-pill strong[b-x09t4x16j9] {
    font-size: 0.79rem;
    letter-spacing: 0.01em;
    text-transform: none;
    color: var(--dashboard-row-muted-text);
}

[data-theme="dark"] .dashboard-table td[b-x09t4x16j9],
[data-bs-theme="dark"] .dashboard-table td[b-x09t4x16j9],
[data-theme="dark"] .dashboard-table__primary-text[b-x09t4x16j9],
[data-bs-theme="dark"] .dashboard-table__primary-text[b-x09t4x16j9],
[data-theme="dark"] .dashboard-table__secondary-text[b-x09t4x16j9],
[data-bs-theme="dark"] .dashboard-table__secondary-text[b-x09t4x16j9],
[data-theme="dark"] .dashboard-detail-pill[b-x09t4x16j9],
[data-bs-theme="dark"] .dashboard-detail-pill[b-x09t4x16j9],
[data-theme="dark"] .dashboard-detail-pill strong[b-x09t4x16j9],
[data-bs-theme="dark"] .dashboard-detail-pill strong[b-x09t4x16j9] {
    color: #f5f8ff !important;
}

.dashboard-row-actions[b-x09t4x16j9] {
    display: flex;
    flex: 0 1 auto;
    flex-wrap: wrap;
    align-items: center;
    justify-content: flex-end;
    gap: 0.55rem;
    margin-left: auto;
}

.dashboard-row-icon-action[b-x09t4x16j9],
.dashboard-cell-action[b-x09t4x16j9] {
    font-size: 1.05rem;
}

.dashboard-actions-header[b-x09t4x16j9] {
    width: 56px;
}

.dashboard-mobile-cell--actions[b-x09t4x16j9] {
    position: relative;
    text-align: right;
    z-index: 30;
}

.dashboard-mobile-cell--actions-open[b-x09t4x16j9] {
    z-index: 3000 !important;
}

.project-row-actions-menu-shell[b-x09t4x16j9] {
    position: relative;
    display: inline-flex;
    justify-content: flex-end;
    width: 100%;
    z-index: 3000;
}

.project-row-actions-trigger[b-x09t4x16j9] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 2.25rem;
    height: 2.25rem;
    padding: 0;
    border: 1px solid var(--dashboard-row-divider-strong);
    border-radius: 999px;
    background: color-mix(in srgb, var(--main-bg-color) 93%, white 7%);
    color: var(--main-fg-color);
    font-size: 1.25rem;
    font-weight: 800;
    line-height: 1;
}

.project-row-actions-trigger:hover[b-x09t4x16j9],
.project-row-actions-trigger:focus-visible[b-x09t4x16j9] {
    border-color: color-mix(in srgb, var(--section-accent) 72%, var(--main-fg-color) 28%);
    background: color-mix(in srgb, var(--section-accent) 18%, var(--main-bg-color) 82%);
    outline: none;
}

.project-row-actions-trigger span[b-x09t4x16j9] {
    transform: translateY(-0.18rem);
}

.project-row-actions-overlay-root[b-x09t4x16j9] {
    position: fixed;
    inset: 0;
    z-index: 2147482500;
    pointer-events: none;
}

.project-row-actions-popover[b-x09t4x16j9] {
    display: grid;
    gap: 0.2rem;
    min-width: 190px;
    padding: 0.35rem;
    border: 1px solid var(--dashboard-row-divider-strong);
    border-radius: 10px;
    background: color-mix(in srgb, var(--main-bg-color) 97%, white 3%);
    box-shadow: 0 14px 30px color-mix(in srgb, var(--main-fg-color) 18%, transparent);
}

.project-row-actions-popover--floating[b-x09t4x16j9] {
    position: fixed;
    z-index: 2147482600;
    width: min(240px, calc(100vw - 24px));
    pointer-events: auto;
}

.project-row-actions-popover__item[b-x09t4x16j9] {
    width: 100%;
    padding: 0.55rem 0.7rem;
    border: 0;
    border-radius: 8px;
    background: transparent;
    color: var(--main-fg-color);
    font-size: 0.9rem;
    font-weight: 700;
    line-height: 1.2;
    text-align: left;
    white-space: nowrap;
}

.project-row-actions-popover__item:hover[b-x09t4x16j9],
.project-row-actions-popover__item:focus-visible[b-x09t4x16j9] {
    background: color-mix(in srgb, var(--section-accent) 18%, transparent);
    outline: none;
}

.project-logs-row-button[b-x09t4x16j9] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: auto;
    height: auto;
    padding: 0;
    border: 0;
    color: var(--dashboard-row-icons-color);
    background: transparent;
}

.project-logs-row-button:focus-visible[b-x09t4x16j9] {
    outline: 2px solid color-mix(in srgb, var(--section-accent) 70%, var(--main-fg-color) 30%);
    outline-offset: 3px;
}

.project-logs-row-button .dashboard-cell-action[b-x09t4x16j9] {
    display: inline-block;
    color: currentColor;
    background-color: currentColor;
}

[data-theme="dark"] .project-logs-row-button[b-x09t4x16j9],
[data-bs-theme="dark"] .project-logs-row-button[b-x09t4x16j9] {
    color: #f5f8ff;
}

[data-theme="dark"] .project-row-actions-trigger[b-x09t4x16j9],
[data-bs-theme="dark"] .project-row-actions-trigger[b-x09t4x16j9],
[data-theme="dark"] .project-row-actions-popover[b-x09t4x16j9],
[data-bs-theme="dark"] .project-row-actions-popover[b-x09t4x16j9] {
    background: #1d3143;
    border-color: rgba(233, 241, 252, 0.3);
    color: #f5f8ff;
}

[data-theme="dark"] .project-row-actions-popover__item[b-x09t4x16j9],
[data-bs-theme="dark"] .project-row-actions-popover__item[b-x09t4x16j9] {
    color: #f5f8ff;
}

[data-theme="dark"] .project-row-actions-popover__item:hover[b-x09t4x16j9],
[data-bs-theme="dark"] .project-row-actions-popover__item:hover[b-x09t4x16j9],
[data-theme="dark"] .project-row-actions-popover__item:focus-visible[b-x09t4x16j9],
[data-bs-theme="dark"] .project-row-actions-popover__item:focus-visible[b-x09t4x16j9] {
    background: rgba(241, 246, 255, 0.12);
}


.project-ProjectActions-row-icon[b-x09t4x16j9] {
    width: 2em;
    height: 2em;
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M7 3h7.6L20 8.4V21H7q-.825 0-1.412-.587T5 19V5q0-.825.588-1.412T7 3m7 1.5V9h4.5zM8.5 12.25h7v-1.5h-7zm0 3h7v-1.5h-7zm0 3H13v-1.5H8.5zM3 7h1.5v12.5H17V21H5q-.825 0-1.412-.587T3 19z'/%3E%3C/svg%3E");
    -webkit-mask-image: var(--svg);
    mask-image: var(--svg);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
}

.project-updates-row-icon[b-x09t4x16j9] {
    width: 2em;
    height: 2em;
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M5 4h14q.825 0 1.413.588T21 6v9q0 .825-.587 1.413T19 17H8l-5 4V6q0-.825.588-1.412T5 4m0 2v10.85L7.3 15H19V6zm3 2.5h8v1.5H8zm0 3h6v1.5H8z'/%3E%3C/svg%3E");
    -webkit-mask-image: var(--svg);
    mask-image: var(--svg);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
}

.project-updates-row-icon:hover[b-x09t4x16j9],
.project-ProjectActions-row-icon:hover[b-x09t4x16j9] {
    transform: scale(1.5);
}

[data-theme="dark"] .dashboard-mobile-cell--ProjectAction .dashboard-cell-action[b-x09t4x16j9],
[data-bs-theme="dark"] .dashboard-mobile-cell--ProjectAction .dashboard-cell-action[b-x09t4x16j9] {
    color: #f5f8ff !important;
    background-color: #f5f8ff !important;
}

.dashboard-inline-button[b-x09t4x16j9] {
    border-radius: 12px;
    font-weight: 600;
}

[b-x09t4x16j9] fluent-dialog.projects-overlay-dialog {
    z-index: 1200 !important;
}

[b-x09t4x16j9] fluent-dialog.projects-overlay-dialog::part(control) {
    position: fixed !important;
    top: max(0.75rem, env(safe-area-inset-top)) !important;
    left: 50% !important;
    transform: translateX(-50%) !important;
    margin: 0 !important;
    z-index: 1201 !important;
    max-height: calc(100dvh - max(1.5rem, env(safe-area-inset-top) + 0.75rem)) !important;
    overflow: hidden !important;
    box-sizing: border-box;
}

.add-ProjectAction-dialog[b-x09t4x16j9] {
    --dialog-width: min(96vw, 1000px) !important;
    --dialog-height: min(calc(100dvh - 1.5rem), 1000px) !important;
}

.add-ProjectAction-dialog-body[b-x09t4x16j9] {
    height: 100%;
    margin: 0;
    padding-bottom: 0.5rem;
}

.add-ProjectAction-dialog-header[b-x09t4x16j9] {
    margin-bottom: 0.25rem;
}

.add-ProjectAction-dialog-close[b-x09t4x16j9] {
    cursor: pointer;
}

.add-ProjectAction-dialog-content[b-x09t4x16j9] {
    max-height: calc(100dvh - 10rem);
    overflow-y: auto;
    padding-top: 0.25rem;
}

.add-ProjectAction-dialog-actions[b-x09t4x16j9] {
    display: flex;
    gap: 0;
    margin: 0;
    padding: 0.5rem 0.75rem 0.75rem;
    border-top: 1px solid rgba(0, 0, 0, 0.08);
}

.add-ProjectAction-dialog-btn[b-x09t4x16j9] {
    flex: 1 1 0;
}

.project-subcontractor-btn[b-x09t4x16j9] {
    border-radius: 999px;
    font-weight: 600;
    --neutral-foreground-rest: #1f1f1f;
    --neutral-foreground-hover: #1a1a1a;
    --neutral-stroke-rest: #1f1f1f;
    --neutral-stroke-hover: #1a1a1a;
}

[b-x09t4x16j9] fluent-button.project-subcontractor-btn::part(control) {
    color: #1f1f1f !important;
    border: 1px solid #1f1f1f !important;
}

[b-x09t4x16j9] fluent-button.project-subcontractor-btn:hover::part(control),
[b-x09t4x16j9] fluent-button.project-subcontractor-btn:focus-visible::part(control) {
    color: #1a1a1a !important;
    border-color: #1a1a1a !important;
}

.assign-subcontractors-dialog[b-x09t4x16j9] {
    --dialog-width: min(92vw, 620px) !important;
}

.subcontractors-list[b-x09t4x16j9] {
    max-height: 320px;
    overflow: auto;
    border: 1px solid var(--card-border-color);
    border-radius: 10px;
    padding: 0;
    background: linear-gradient(180deg, var(--dialog-bg) 0%, var(--main-bg-color) 100%);
}

.subcontractors-table[b-x09t4x16j9] {
    width: 100% !important;
    border-collapse: collapse;
    table-layout: fixed;
}

.subcontractors-table th[b-x09t4x16j9],
.subcontractors-table td[b-x09t4x16j9] {
    border: 1px solid rgba(0, 0, 0, 0.12);
    padding: 8px 10px;
    text-align: left;
    vertical-align: middle;
}

.subcontractors-table th[b-x09t4x16j9] {
    font-weight: 700;
    background: rgba(0, 0, 0, 0.03);
}

.subcontractors-table .check-col[b-x09t4x16j9] {
    width: 90px;
    text-align: center;
}

.subcontractor-search-input[b-x09t4x16j9] {
    border-color: var(--card-border-color) !important;
    color: var(--main-fg-color) !important;
    background-color: var(--main-bg-color) !important;
}

.subcontractor-search-input[b-x09t4x16j9]::placeholder {
    color: var(--combo-placeholder) !important;
}

[data-theme="dark"] .subcontractor-search-input[b-x09t4x16j9],
[data-bs-theme="dark"] .subcontractor-search-input[b-x09t4x16j9] {
    border-color: var(--fluent-outline-border) !important;
    background-color: var(--dialog-bg) !important;
}

.subcontractors-table tbody tr:hover[b-x09t4x16j9] {
    background-color: var(--primary-tables-hover-bg-color);
}

.subcontractor-name[b-x09t4x16j9] {
    font-weight: 600;
    color: var(--main-fg-color);
}

.subcontractor-description[b-x09t4x16j9] {
    display: block;
    color: var(--kpi-text-color);
}

.subcontractor-checkbox[b-x09t4x16j9] {
    accent-color: var(--primary-accent-color);
}

.subcontractor-empty[b-x09t4x16j9] {
    color: var(--kpi-text-color);
    text-align: center;
    padding: 0.75rem;
}

.subcontractor-selected-count[b-x09t4x16j9] {
    font-weight: 600;
    color: var(--main-fg-color);
}

@media (max-width: 991.98px) {
    .dashboard-section__toolbar[b-x09t4x16j9] {
        grid-template-columns: minmax(0, 1fr);
    }

    .dashboard-section__actions[b-x09t4x16j9] {
        justify-content: flex-start;
    }
}

@media (max-width: 768px) {
    .dashboard-section[b-x09t4x16j9] {
        padding: 0.8rem;
        border-radius: 18px;
    }

    .dashboard-section__title[b-x09t4x16j9] {
        font-size: 1rem;
    }

    .dashboard-filter[b-x09t4x16j9],
    .dashboard-filter--search[b-x09t4x16j9] {
        width: 100%;
        min-width: 0;
    }

    .dashboard-filter-cluster[b-x09t4x16j9] {
        width: 100%;
        flex-wrap: wrap;
    }

    .dashboard-filter--compact[b-x09t4x16j9] {
        flex: 1 1 100%;
    }

    [b-x09t4x16j9] fluent-search.dashboard-search {
        min-width: 100% !important;
        max-width: 100% !important;
    }

    .dashboard-detail-pills[b-x09t4x16j9],
    .dashboard-row-actions[b-x09t4x16j9] {
        width: 100%;
    }

    .dashboard-section__table-shell[b-x09t4x16j9] {
        overflow-x: hidden;
        overflow-y: visible;
        padding: 0.2rem;
    }

    .dashboard-table[b-x09t4x16j9] {
        display: flex;
        flex-direction: column;
        gap: 0.9rem;
        width: 100%;
    }

    .dashboard-table thead[b-x09t4x16j9] {
        display: none;
    }

    .dashboard-table tbody[b-x09t4x16j9] {
        display: block;
        flex: 0 0 auto;
        margin: 0;
        border-radius: 16px;
        overflow: hidden;
        border: 1px solid color-mix(in srgb, var(--dashboard-row-divider-strong) 88%, transparent);
    }

    .dashboard-table tbody + tbody .table-main-row[b-x09t4x16j9] {
        border-top: none;
    }

    .dashboard-table tbody + tbody[b-x09t4x16j9] {
        border-top: 1px solid color-mix(in srgb, var(--dashboard-record-divider) 92%, transparent) !important;
        box-shadow: 0 -4px 0 color-mix(in srgb, var(--dashboard-record-divider) 82%, transparent);
        padding-top: 0;
    }

    .dashboard-table .table-main-row[b-x09t4x16j9],
    .dashboard-table .table-extra-details-row[b-x09t4x16j9],
    .dashboard-table .table-extra-details-row td[b-x09t4x16j9] {
        display: block;
        width: 100%;
    }

    .dashboard-table .table-main-row[b-x09t4x16j9] {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 0.75rem 0.9rem;
        padding: 0.85rem 0.9rem 0.55rem;
    }

    tbody:nth-of-type(odd) .table-main-row[b-x09t4x16j9] {
        background: var(--dashboard-row-main-bg-odd);
    }

    tbody:nth-of-type(even) .table-main-row[b-x09t4x16j9] {
        background: var(--dashboard-row-main-bg-even);
    }

    .dashboard-table .table-main-row td[b-x09t4x16j9] {
        display: flex !important;
        flex-direction: column;
        align-items: flex-start;
        gap: 0.22rem;
        min-width: 0;
        padding: 0 !important;
        border: 0 !important;
        background: transparent !important;
        box-shadow: none !important;
        text-align: left !important;
    }

    .dashboard-table .table-main-row td[b-x09t4x16j9]::before {
        content: attr(data-label);
        font-size: 0.7rem;
        font-weight: 800;
        letter-spacing: 0.03em;
        text-transform: uppercase;
        color: var(--dashboard-row-muted-text);
    }

    .dashboard-mobile-cell--project[b-x09t4x16j9],
    .dashboard-mobile-cell--pm[b-x09t4x16j9],
    .dashboard-mobile-cell--actions[b-x09t4x16j9] {
        grid-column: 1 / -1;
    }

    .dashboard-detail-pill--health[b-x09t4x16j9] {
        align-items: flex-start;
        width: auto;
    }

    .dashboard-detail-pill--health .project-health-mini[b-x09t4x16j9] {
        width: 128px;
    }

    .dashboard-mobile-cell--status[b-x09t4x16j9],
    .dashboard-mobile-cell--ProjectAction[b-x09t4x16j9] {
        justify-content: flex-start;
    }

    .dashboard-table .table-main-row td.dashboard-mobile-cell--status[b-x09t4x16j9],
    .dashboard-table .table-main-row td.dashboard-mobile-cell--ProjectAction[b-x09t4x16j9] {
        align-items: flex-start;
    }

    .dashboard-table .table-main-row td.dashboard-mobile-cell--status span[b-x09t4x16j9],
    .dashboard-table .table-main-row td.dashboard-mobile-cell--ProjectAction span[b-x09t4x16j9] {
        font-size: 1.15rem;
    }

    .dashboard-table .table-main-row td.dashboard-mobile-cell--pm .dashboard-inline-button[b-x09t4x16j9] {
        width: 100%;
        justify-content: center;
        text-align: center;
        white-space: normal;
    }

    .dashboard-table .table-main-row td.dashboard-mobile-cell--actions[b-x09t4x16j9] {
        align-items: stretch;
    }

    .project-row-actions-menu-shell[b-x09t4x16j9] {
        justify-content: flex-end;
    }

    .project-row-actions-popover--floating[b-x09t4x16j9] {
        width: min(220px, calc(100vw - 24px));
    }

    .dashboard-table .table-extra-details-row td[b-x09t4x16j9] {
        padding: 0.75rem 0.9rem 0.95rem !important;
        border-top: 1px solid color-mix(in srgb, var(--dashboard-row-divider) 65%, transparent) !important;
        text-align: left !important;
    }

    .dashboard-row-actions[b-x09t4x16j9] {
        justify-content: flex-start;
        margin-left: 0;
    }

    .add-ProjectAction-dialog-actions[b-x09t4x16j9] {
        display: grid;
        grid-template-columns: 1fr;
        gap: 0.5rem;
        padding: 0.75rem;
    }

    .add-ProjectAction-dialog-btn[b-x09t4x16j9] {
        width: 100%;
    }
}
[data-theme="dark"] .dashboard-section__table-shell[b-x09t4x16j9],
[data-bs-theme="dark"] .dashboard-section__table-shell[b-x09t4x16j9] {
    background: #16293a;
    border-color: rgba(233, 241, 252, 0.24);
    box-shadow: inset 0 0 0 1px rgba(241, 246, 255, 0.05);
}

[data-theme="dark"] .table thead th.sticky-header[b-x09t4x16j9],
[data-bs-theme="dark"] .table thead th.sticky-header[b-x09t4x16j9],
[data-theme="dark"] th.sticky-header[b-x09t4x16j9],
[data-bs-theme="dark"] th.sticky-header[b-x09t4x16j9] {
    color: #f8fbff;
    background: #22445b;
    box-shadow: inset 0 -2px 0 rgba(241, 246, 255, 0.2);
}

[data-theme="dark"] .dashboard-detail-pill[b-x09t4x16j9],
[data-bs-theme="dark"] .dashboard-detail-pill[b-x09t4x16j9] {
    background: #1d3143;
    border-color: rgba(233, 241, 252, 0.3);
}

[data-theme="dark"] .dashboard-detail-pill strong[b-x09t4x16j9],
[data-bs-theme="dark"] .dashboard-detail-pill strong[b-x09t4x16j9] {
    color: #dce7f8 !important;
}

[data-theme="dark"] .dashboard-table__secondary-text[b-x09t4x16j9],
[data-bs-theme="dark"] .dashboard-table__secondary-text[b-x09t4x16j9] {
    color: #e3ecfb !important;
}
/* _content/EmpiriaBMS.App/Components/Dashboards/WorkingDashboard/SubCompnents/Projects/ProjectsSettingsDialog.razor.rz.scp.css */
.projects-settings-dialog-body[b-kxuc70zs1r] {
    min-height: 0;
    max-height: calc(80vh - 4.75rem);
    overflow-y: auto;
    overflow-x: hidden;
    padding: 0.75rem 1rem 1rem;
}

.projects-settings-dialog-shell[b-kxuc70zs1r] {
    display: flex;
    flex-direction: column;
    width: min(100%, 860px);
    min-width: min(100%, 720px);
    height: 100%;
    min-height: 0;
    overflow: hidden;
    color: var(--dialog-color, var(--main-fg-color));
}

[b-kxuc70zs1r] .projects-settings-catalog {
    display: flex;
    flex: 1 1 auto;
    flex-direction: column;
    width: 100%;
    min-height: 0;
    margin: 0 !important;
}

[b-kxuc70zs1r] .projects-settings-catalog-surface {
    display: flex;
    flex: 1 1 auto;
    flex-direction: column;
    width: 100%;
    min-height: 0;
    overflow: hidden;
}

[b-kxuc70zs1r] .projects-settings-catalog-surface > .row {
    flex: 0 0 auto;
}

[b-kxuc70zs1r] .projects-settings-catalog-grid-wrap {
    flex: 1 1 auto;
    min-height: 0;
    margin-top: 0.35rem;
    overflow: hidden;
}

[b-kxuc70zs1r] .projects-settings-catalog-grid {
    height: 100%;
    min-height: 0;
    overflow: auto;
}

@media (max-width: 767.98px) {
    .projects-settings-dialog-body[b-kxuc70zs1r] {
        max-height: calc(80vh - 4.75rem);
        padding: 0.65rem;
    }

    .projects-settings-dialog-shell[b-kxuc70zs1r] {
        min-width: 0;
        width: 100%;
    }
}
/* _content/EmpiriaBMS.App/Components/Dashboards/WorkingDashboard/SubCompnents/Projects/ProjectStageDialog.razor.rz.scp.css */
[b-7vl1l4wxre] .project-plan-item-dialog-body {
    min-height: 0;
    display: flex;
    flex: 1 1 auto;
    overflow: hidden;
}

.project-plan-item-dialog-shell[b-7vl1l4wxre] {
    width: 100%;
    min-width: 0;
    height: 100%;
    min-height: 0;
    display: flex;
    flex-direction: column;
    overflow: hidden;
}

[b-7vl1l4wxre] .project-plan-item-dialog-footer {
    flex: 0 0 auto;
    padding-top: 10px;
}

.project-plan-item-dialog-actions[b-7vl1l4wxre] {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: flex-end;
    gap: 10px;
}

.project-plan-item-dialog-action[b-7vl1l4wxre] {
    min-width: 116px;
}

[b-7vl1l4wxre] fluent-button.project-plan-item-dialog-action::part(control) {
    min-height: 38px;
    font-weight: 750;
}

[b-7vl1l4wxre] fluent-button.project-plan-item-dialog-action-primary::part(control) {
    color: var(--fluent-button-fg, #fff);
}

@media (max-width: 540px) {
    [b-7vl1l4wxre] .project-plan-item-dialog-body {
        min-height: 0;
        overflow: hidden;
    }

    .project-plan-item-dialog-shell[b-7vl1l4wxre] {
        height: 100%;
    }

    .project-plan-item-dialog-actions[b-7vl1l4wxre] {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 8px;
    }

    .project-plan-item-dialog-action[b-7vl1l4wxre] {
        width: 100%;
        min-width: 0;
    }
}

@media (max-width: 380px) {
    .project-plan-item-dialog-actions[b-7vl1l4wxre] {
        grid-template-columns: 1fr;
    }
}
/* _content/EmpiriaBMS.App/Components/Dashboards/WorkingDashboard/SubCompnents/Projects/ProjectSubcontractorAddChoiceDialog.razor.rz.scp.css */
.project-subcontractor-choice-dialog__body[b-vwjo8dxx4p] {
    min-height: 0;
}

.project-subcontractor-choice-dialog__intro h4[b-vwjo8dxx4p] {
    margin: 0;
    font-size: 1.05rem;
}

.project-subcontractor-choice-dialog__intro p[b-vwjo8dxx4p] {
    margin: 5px 0 0;
    color: color-mix(in srgb, var(--main-fg-color, #0f172a) 72%, transparent);
}

.project-subcontractor-choice-dialog__actions[b-vwjo8dxx4p] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;
    margin-top: 18px;
}

.project-subcontractor-choice-dialog__option[b-vwjo8dxx4p] {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    min-height: 104px;
    padding: 16px;
    border: 1px solid var(--card-border-color);
    border-radius: 10px;
    background: color-mix(in srgb, var(--main-bg-color, #fff) 94%, #6f88ff 6%);
    color: var(--main-fg-color);
    text-align: left;
    cursor: pointer;
}

.project-subcontractor-choice-dialog__option:hover[b-vwjo8dxx4p],
.project-subcontractor-choice-dialog__option:focus-visible[b-vwjo8dxx4p] {
    border-color: var(--primary-accent-color, #3b82f6);
    outline: none;
    box-shadow: 0 8px 20px color-mix(in srgb, var(--main-fg-color, #0f172a) 10%, transparent);
}

.project-subcontractor-choice-dialog__option span[b-vwjo8dxx4p] {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.project-subcontractor-choice-dialog__option small[b-vwjo8dxx4p] {
    color: color-mix(in srgb, var(--main-fg-color, #0f172a) 70%, transparent);
    line-height: 1.35;
}

@media (max-width: 540px) {
    .project-subcontractor-choice-dialog__actions[b-vwjo8dxx4p] {
        grid-template-columns: 1fr;
    }
}
/* _content/EmpiriaBMS.App/Components/Dashboards/WorkingDashboard/SubCompnents/Projects/ProjectSubcontractorCard.razor.rz.scp.css */
.project-subcontractor-card[b-le6zn3wngo] {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    gap: 12px;
    width: 100%;
    min-height: 82px;
    padding: 12px;
    border: 1px solid var(--card-border-color);
    border-radius: 8px;
    background: color-mix(in srgb, var(--main-bg-color, #fff) 94%, #6f88ff 6%);
    color: var(--main-fg-color);
    text-align: left;
    cursor: pointer;
    transition: border-color 0.16s ease, background-color 0.16s ease, transform 0.16s ease, box-shadow 0.16s ease;
}

.project-subcontractor-card:hover[b-le6zn3wngo],
.project-subcontractor-card:focus-visible[b-le6zn3wngo] {
    border-color: color-mix(in srgb, var(--primary-accent-color, #3b82f6) 60%, var(--card-border-color));
    background: color-mix(in srgb, var(--main-bg-color, #fff) 88%, #6f88ff 12%);
    box-shadow: 0 10px 22px color-mix(in srgb, var(--main-fg-color, #0f172a) 10%, transparent);
    outline: none;
    transform: translateY(-1px);
}

.project-subcontractor-card.is-selected[b-le6zn3wngo] {
    border-color: color-mix(in srgb, var(--primary-accent-color, #3b82f6) 72%, var(--card-border-color));
    background: color-mix(in srgb, var(--main-bg-color, #fff) 84%, var(--primary-accent-color, #3b82f6) 16%);
}

.project-subcontractor-card__check[b-le6zn3wngo] {
    display: inline-flex;
    width: 28px;
    height: 28px;
    border: 1px solid var(--card-border-color);
    border-radius: 8px;
    background: color-mix(in srgb, var(--main-bg-color, #fff) 96%, #000 4%);
    color: transparent;
    position: relative;
}

.project-subcontractor-card.is-selected .project-subcontractor-card__check[b-le6zn3wngo] {
    border-color: var(--primary-accent-color, #3b82f6);
    background: var(--primary-accent-color, #3b82f6);
    color: #fff;
}

.project-subcontractor-card.is-selected .project-subcontractor-card__check[b-le6zn3wngo]::after {
    content: "";
    width: 8px;
    height: 14px;
    margin: 4px 0 0 9px;
    border: solid currentColor;
    border-width: 0 2px 2px 0;
    transform: rotate(45deg);
}

.project-subcontractor-card__body[b-le6zn3wngo],
.project-subcontractor-card__meta[b-le6zn3wngo] {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    min-width: 0;
}

.project-subcontractor-card__body[b-le6zn3wngo] {
    gap: 5px;
}

.project-subcontractor-card__meta[b-le6zn3wngo] {
    gap: 3px;
    color: color-mix(in srgb, var(--main-fg-color, #0f172a) 74%, transparent);
    font-size: 0.82rem;
}

[b-le6zn3wngo] .project-subcontractor-card__copyable {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    max-width: 100%;
    cursor: text;
    touch-action: manipulation;
}

[b-le6zn3wngo] .project-subcontractor-card__copyable > span {
    overflow-wrap: anywhere;
}

[b-le6zn3wngo] .project-subcontractor-card__name {
    font-weight: 800;
    line-height: 1.25;
}

[b-le6zn3wngo] .project-subcontractor-card__description {
    color: color-mix(in srgb, var(--main-fg-color, #0f172a) 72%, transparent);
    font-size: 0.8rem;
    line-height: 1.35;
}

[b-le6zn3wngo] .project-subcontractor-card__copy-button {
    display: inline-grid;
    place-items: center;
    flex: 0 0 auto;
    width: 26px;
    height: 26px;
    padding: 0;
    border: 1px solid color-mix(in srgb, var(--main-fg-color, #0f172a) 18%, transparent);
    border-radius: 8px;
    background: color-mix(in srgb, var(--main-bg-color, #fff) 86%, var(--primary-accent-color, #3b82f6) 14%);
    color: color-mix(in srgb, var(--main-fg-color, #0f172a) 82%, var(--primary-accent-color, #3b82f6) 18%);
    box-shadow: 0 2px 6px color-mix(in srgb, #000 13%, transparent),
                inset 0 1px 0 color-mix(in srgb, #fff 28%, transparent);
    cursor: pointer;
    opacity: 0.9;
    transition: transform 0.16s ease,
                background-color 0.16s ease,
                border-color 0.16s ease,
                color 0.16s ease,
                box-shadow 0.16s ease;
}

[b-le6zn3wngo] .project-subcontractor-card__copy-button:hover {
    border-color: var(--primary-accent-color, #3b82f6);
    background: var(--primary-accent-color, #3b82f6);
    color: #fff;
    box-shadow: 0 6px 14px color-mix(in srgb, var(--primary-accent-color, #3b82f6) 38%, transparent);
    opacity: 1;
    transform: translateY(-1px);
}

[b-le6zn3wngo] .project-subcontractor-card__copy-button:focus-visible {
    opacity: 1;
    outline: 2px solid color-mix(in srgb, var(--primary-accent-color, #3b82f6) 72%, transparent);
    outline-offset: 2px;
}

[b-le6zn3wngo] .project-subcontractor-card__copy-button:active {
    transform: translateY(0) scale(0.94);
}

[b-le6zn3wngo] .project-subcontractor-card__copy-icon {
    position: relative;
    width: 14px;
    height: 14px;
}

[b-le6zn3wngo] .project-subcontractor-card__copy-icon::before,
[b-le6zn3wngo] .project-subcontractor-card__copy-icon::after {
    content: "";
    position: absolute;
    box-sizing: border-box;
    width: 9px;
    height: 9px;
    border: 1.5px solid currentColor;
    border-radius: 2.5px;
}

[b-le6zn3wngo] .project-subcontractor-card__copy-icon::before {
    top: 1px;
    left: 1px;
    opacity: 0.62;
}

[b-le6zn3wngo] .project-subcontractor-card__copy-icon::after {
    right: 1px;
    bottom: 1px;
}

[b-le6zn3wngo] .project-subcontractor-card__copy-button.is-copied {
    border-color: #16a34a;
    background: #16a34a;
    color: #fff;
    box-shadow: 0 5px 12px rgba(22, 163, 74, 0.28);
    opacity: 1;
}

[b-le6zn3wngo] .project-subcontractor-card__copy-button.is-copied .project-subcontractor-card__copy-icon::before {
    top: 0;
    left: 4px;
    width: 6px;
    height: 11px;
    border: solid currentColor;
    border-width: 0 2px 2px 0;
    border-radius: 0;
    opacity: 1;
    transform: rotate(45deg);
}

[b-le6zn3wngo] .project-subcontractor-card__copy-button.is-copied .project-subcontractor-card__copy-icon::after {
    display: none;
}

.project-subcontractor-card__copy-feedback[b-le6zn3wngo] {
    display: inline-flex;
    margin-top: 2px;
    padding: 3px 8px;
    border-radius: 999px;
    background: color-mix(in srgb, var(--primary-accent-color, #3b82f6) 15%, var(--main-bg-color, #fff));
    color: var(--main-fg-color);
    font-size: 0.75rem;
    font-weight: 700;
}

[data-theme="dark"] .project-subcontractor-card[b-le6zn3wngo],
[data-bs-theme="dark"] .project-subcontractor-card[b-le6zn3wngo] {
    background: rgba(31, 49, 78, 0.88);
    border-color: rgba(191, 219, 254, 0.16);
}

[data-theme="dark"] .project-subcontractor-card.is-selected[b-le6zn3wngo],
[data-bs-theme="dark"] .project-subcontractor-card.is-selected[b-le6zn3wngo] {
    background: rgba(37, 75, 120, 0.95);
    border-color: rgba(147, 197, 253, 0.72);
}

@media (hover: none) {
    [b-le6zn3wngo] .project-subcontractor-card__copy-button {
        opacity: 0.94;
    }
}

@media (prefers-reduced-motion: reduce) {
    [b-le6zn3wngo] .project-subcontractor-card__copy-button {
        transition: none;
    }
}
/* _content/EmpiriaBMS.App/Components/Dashboards/WorkingDashboard/SubCompnents/Projects/ProjectSubcontractorDialog.razor.rz.scp.css */
.project-subcontractor-dialog-body[b-5n8ok6tpav] {
    min-height: 0;
    padding-bottom: 0;
}

.project-subcontractor-dialog-footer[b-5n8ok6tpav] {
    flex: 0 0 auto;
    min-height: 64px;
    padding: 12px 24px 18px;
    overflow: visible;
}

.project-subcontractor-dialog-footer[b-5n8ok6tpav]  fluent-button::part(control) {
    min-height: 36px;
}

@media (max-width: 540px) {
    .project-subcontractor-dialog-footer[b-5n8ok6tpav] {
        padding: 10px 16px 16px;
    }
}
/* _content/EmpiriaBMS.App/Components/Dashboards/WorkingDashboard/SubCompnents/Projects/ProjectSubcontractorsDialog.razor.rz.scp.css */
.project-subcontractors-dialog-body[b-9g0cyjsksr] {
    min-height: 0;
    overflow: hidden;
}

.project-subcontractors-dialog[b-9g0cyjsksr],
.project-subcontractors-dialog__content[b-9g0cyjsksr] {
    display: flex;
    flex-direction: column;
    min-height: 0;
    width: 100%;
}

.project-subcontractors-dialog__content[b-9g0cyjsksr] {
    gap: 10px;
}

.project-subcontractors-dialog__project[b-9g0cyjsksr],
.subcontractor-dialog-heading[b-9g0cyjsksr] {
    color: var(--main-fg-color);
    font-weight: 700;
}

.subcontractor-dialog-help[b-9g0cyjsksr] {
    margin: -6px 0 2px;
    color: color-mix(in srgb, var(--main-fg-color) 72%, transparent);
    font-size: .86rem;
}

.project-subcontractors-dialog__toolbar[b-9g0cyjsksr] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: center;
    gap: 12px;
}

.subcontractor-search-input[b-9g0cyjsksr] {
    min-width: 0;
    border-color: color-mix(in srgb, var(--main-fg-color) 20%, transparent) !important;
    background-color: var(--dialog-bg, var(--main-bg-color)) !important;
    color: var(--main-fg-color) !important;
}

.subcontractor-search-input[b-9g0cyjsksr]::placeholder {
    color: var(--main-fg-color, #fff) !important;
    -webkit-text-fill-color: var(--main-fg-color, #fff) !important;
    opacity: 1 !important;
}

.subcontractor-selected-count[b-9g0cyjsksr] {
    display: inline-flex;
    align-items: center;
    min-height: 30px;
    padding: 4px 11px;
    border: 1px solid color-mix(in srgb, var(--main-fg-color) 18%, transparent);
    border-radius: 999px;
    background: color-mix(in srgb, var(--primary-bg-color) 26%, var(--dialog-bg, var(--main-bg-color)) 74%);
    color: var(--main-fg-color);
    font-size: .78rem;
    font-weight: 800;
    white-space: nowrap;
}

.subcontractors-table-shell[b-9g0cyjsksr] {
    display: flex;
    flex-direction: column;
    min-height: 0;
    overflow: hidden;
    border: 1px solid color-mix(in srgb, var(--main-fg-color) 14%, transparent);
    border-radius: 8px;
    background: color-mix(in srgb, var(--dialog-bg, var(--main-bg-color)) 90%, var(--main-fg-color) 10%);
    box-shadow: 0 10px 24px color-mix(in srgb, #000 14%, transparent);
}

.subcontractors-table[b-9g0cyjsksr] {
    display: flex;
    flex-direction: column;
    width: 100%;
    min-height: 0;
    border-collapse: separate;
    border-spacing: 0;
    color: var(--main-fg-color);
}

.subcontractors-table thead[b-9g0cyjsksr] {
    display: table;
    flex: 0 0 auto;
    width: 100%;
    table-layout: fixed;
}

.subcontractors-table thead th[b-9g0cyjsksr] {
    position: sticky;
    top: 0;
    z-index: 2;
    padding: 12px 14px;
    border-bottom: 1px solid color-mix(in srgb, var(--main-fg-color) 16%, transparent);
    background: color-mix(in srgb, var(--primary-bg-color) 58%, var(--dialog-bg, var(--main-bg-color)) 42%);
    color: var(--main-fg-color);
    font-size: .74rem;
    font-weight: 800;
    letter-spacing: 0;
    text-align: left;
    text-transform: uppercase;
}

.subcontractors-table-body[b-9g0cyjsksr] {
    display: block;
    min-height: 0;
    max-height: min(420px, calc(100dvh - 330px));
    overflow-x: hidden;
    overflow-y: auto;
    overscroll-behavior: contain;
    padding-bottom: 10px;
    scroll-padding-bottom: 10px;
}

.subcontractors-table-body[b-9g0cyjsksr]::after {
    content: "";
    display: block;
    height: 10px;
}

.subcontractor-row[b-9g0cyjsksr],
.subcontractor-empty-row[b-9g0cyjsksr] {
    display: table;
    width: 100%;
    table-layout: fixed;
}

.subcontractor-row[b-9g0cyjsksr] {
    background: color-mix(in srgb, var(--dialog-bg, var(--main-bg-color)) 92%, var(--main-fg-color) 8%);
    color: var(--main-fg-color);
    cursor: pointer;
    touch-action: manipulation;
}

.subcontractor-row:nth-child(even)[b-9g0cyjsksr] {
    background: color-mix(in srgb, var(--dialog-bg, var(--main-bg-color)) 86%, var(--main-fg-color) 14%);
}

.subcontractor-row.is-selected[b-9g0cyjsksr] {
    background: color-mix(in srgb, var(--primary-bg-color) 44%, var(--dialog-bg, var(--main-bg-color)) 56%);
}

.subcontractor-row:hover[b-9g0cyjsksr] {
    background: color-mix(in srgb, var(--primary-hover-bg-color) 34%, var(--dialog-bg, var(--main-bg-color)) 66%);
}

.subcontractors-table td[b-9g0cyjsksr] {
    padding: 12px 14px;
    border-bottom: 1px solid color-mix(in srgb, var(--main-fg-color) 12%, transparent);
    color: var(--main-fg-color);
    vertical-align: middle;
}

.subcontractor-row:last-child td[b-9g0cyjsksr] {
    border-bottom: 0;
}

.subcontractor-select-col[b-9g0cyjsksr] {
    width: 58px;
    text-align: center !important;
}

.subcontractor-afm-col[b-9g0cyjsksr] {
    width: 145px;
}

.subcontractor-description-col[b-9g0cyjsksr] {
    width: 34%;
}

.subcontractor-checkbox-hit[b-9g0cyjsksr] {
    display: inline-block;
    cursor: auto;
    touch-action: auto;
}

.subcontractor-checkbox[b-9g0cyjsksr] {
    color: var(--main-fg-color);
}

.subcontractor-name-wrap[b-9g0cyjsksr] {
    display: flex;
    flex-direction: column;
    gap: 3px;
    min-width: 0;
}

.subcontractor-name[b-9g0cyjsksr] {
    color: var(--main-fg-color);
    font-size: .98rem;
    font-weight: 700;
    line-height: 1.25;
    overflow-wrap: anywhere;
}

.subcontractor-contact[b-9g0cyjsksr],
.subcontractor-description[b-9g0cyjsksr] {
    color: color-mix(in srgb, var(--main-fg-color) 70%, transparent);
    font-size: .78rem;
    line-height: 1.25;
    overflow-wrap: anywhere;
}

.subcontractor-row.is-selected .subcontractor-contact[b-9g0cyjsksr],
.subcontractor-row.is-selected .subcontractor-description[b-9g0cyjsksr] {
    color: var(--main-fg-color);
}

.subcontractor-empty-row td[b-9g0cyjsksr] {
    padding: 24px 14px;
    border: 0;
    color: color-mix(in srgb, var(--main-fg-color) 72%, transparent);
    text-align: center;
}

@media (max-width: 720px) {
    .project-subcontractors-dialog__toolbar[b-9g0cyjsksr] {
        grid-template-columns: 1fr;
        gap: 8px;
    }

    .subcontractor-selected-count[b-9g0cyjsksr] {
        width: fit-content;
    }

    .subcontractors-table-shell[b-9g0cyjsksr] {
        overflow: visible;
        border: 0;
        background: transparent;
        box-shadow: none;
    }

    .subcontractors-table[b-9g0cyjsksr],
    .subcontractors-table-body[b-9g0cyjsksr] {
        display: block;
        width: 100%;
    }

    .subcontractors-table thead[b-9g0cyjsksr] {
        display: none;
    }

    .subcontractors-table-body[b-9g0cyjsksr] {
        max-height: min(330px, calc(86dvh - 330px));
        padding-right: 2px;
        padding-bottom: 22px;
        scroll-padding-bottom: 22px;
    }

    .subcontractors-table-body[b-9g0cyjsksr]::after {
        height: 22px;
    }

    .subcontractor-row[b-9g0cyjsksr] {
        display: grid;
        grid-template-columns: minmax(0, 1fr) auto;
        grid-template-areas:
            "name select"
            "afm afm"
            "description description";
        width: 100%;
        margin-bottom: 10px;
        padding: 12px;
        border: 1px solid color-mix(in srgb, var(--main-fg-color) 14%, transparent);
        border-radius: 8px;
        background: color-mix(in srgb, var(--dialog-bg, var(--main-bg-color)) 90%, var(--main-fg-color) 10%);
        table-layout: auto;
    }

    .subcontractor-row:last-child[b-9g0cyjsksr] {
        margin-bottom: 8px;
    }

    .subcontractors-table td[b-9g0cyjsksr] {
        display: block;
        width: 100%;
        min-width: 0;
        padding: 0;
        border: 0;
    }

    .subcontractor-select-col[b-9g0cyjsksr] {
        grid-area: select;
        justify-self: end;
        width: auto;
        margin-left: 10px;
    }

    .subcontractor-name-cell[b-9g0cyjsksr] {
        grid-area: name;
    }

    .subcontractor-afm-col[b-9g0cyjsksr] {
        grid-area: afm;
        margin-top: 12px;
    }

    .subcontractor-description-col[b-9g0cyjsksr] {
        grid-area: description;
        margin-top: 10px;
    }

    .subcontractor-afm-col[b-9g0cyjsksr]::before,
    .subcontractor-description-col[b-9g0cyjsksr]::before {
        content: attr(data-label);
        display: block;
        margin-bottom: 4px;
        color: color-mix(in srgb, var(--main-fg-color) 66%, transparent);
        font-size: .74rem;
        font-weight: 800;
        text-transform: uppercase;
    }

    .subcontractor-empty-row[b-9g0cyjsksr] {
        display: block;
        width: 100%;
    }

    .subcontractor-empty-row td[b-9g0cyjsksr] {
        display: block;
        width: 100%;
        padding: 18px 12px;
        border: 1px dashed color-mix(in srgb, var(--main-fg-color) 18%, transparent);
        border-radius: 8px;
    }
}
/* _content/EmpiriaBMS.App/Components/Dashboards/WorkingDashboard/SubCompnents/Projects/ProjectSubcontractorsSelector.razor.rz.scp.css */
.project-subcontractors-selector[b-hivpj66qia] {
    display: flex;
    flex-direction: column;
    gap: 14px;
    width: 100%;
    min-height: 0;
}

.project-subcontractors-selector__header[b-hivpj66qia] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 16px;
}

.project-subcontractors-selector__header h4[b-hivpj66qia] {
    margin: 0;
    font-size: 1.05rem;
    font-weight: 700;
}

.project-subcontractors-selector__header p[b-hivpj66qia] {
    margin: 4px 0 0;
    color: color-mix(in srgb, var(--main-fg-color, #0f172a) 72%, transparent);
    font-size: 0.88rem;
}

.project-subcontractors-selector__add-button[b-hivpj66qia] {
    flex: 0 0 auto;
}

[b-hivpj66qia] fluent-button.project-subcontractors-selector__add-button::part(control) {
    color: var(--main-fg-color);
}

.project-subcontractors-selector__toolbar[b-hivpj66qia] {
    display: grid;
    grid-template-columns: minmax(220px, 1fr) auto;
    align-items: center;
    gap: 12px;
}

.project-subcontractors-selector__search[b-hivpj66qia] {
    width: 100%;
}

.project-subcontractors-selector__summary[b-hivpj66qia] {
    display: inline-flex;
    align-items: center;
    justify-content: flex-end;
    flex-wrap: wrap;
    gap: 8px;
}

.project-subcontractors-selector__summary span[b-hivpj66qia],
.project-subcontractors-selector__group-title strong[b-hivpj66qia] {
    display: inline-flex;
    align-items: center;
    min-height: 28px;
    padding: 4px 10px;
    border: 1px solid var(--card-border-color);
    border-radius: 999px;
    background: color-mix(in srgb, var(--main-bg-color, #fff) 92%, #4f7cff 8%);
    color: var(--main-fg-color);
    font-size: 0.8rem;
    font-weight: 700;
}

.project-subcontractors-selector__content[b-hivpj66qia] {
    display: flex;
    flex-direction: column;
    gap: 16px;
    min-height: 0;
}

.project-subcontractors-selector__group[b-hivpj66qia] {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.project-subcontractors-selector__group-title[b-hivpj66qia] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
}

.project-subcontractors-selector__group-title span[b-hivpj66qia] {
    font-size: 0.78rem;
    font-weight: 800;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    color: color-mix(in srgb, var(--main-fg-color, #0f172a) 70%, transparent);
}

.project-subcontractors-selector__grid[b-hivpj66qia] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(230px, 1fr));
    gap: 10px;
}

.project-subcontractors-selector__card[b-hivpj66qia] {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    gap: 12px;
    width: 100%;
    min-height: 82px;
    padding: 12px;
    border: 1px solid var(--card-border-color);
    border-radius: 8px;
    background: color-mix(in srgb, var(--main-bg-color, #fff) 94%, #6f88ff 6%);
    color: var(--main-fg-color);
    text-align: left;
    cursor: pointer;
    transition: border-color 0.16s ease, background-color 0.16s ease, transform 0.16s ease, box-shadow 0.16s ease;
}

.project-subcontractors-selector__card:hover[b-hivpj66qia],
.project-subcontractors-selector__card:focus-visible[b-hivpj66qia] {
    border-color: color-mix(in srgb, var(--primary-accent-color, #3b82f6) 60%, var(--card-border-color));
    background: color-mix(in srgb, var(--main-bg-color, #fff) 88%, #6f88ff 12%);
    box-shadow: 0 10px 22px color-mix(in srgb, var(--main-fg-color, #0f172a) 10%, transparent);
    outline: none;
    transform: translateY(-1px);
}

.project-subcontractors-selector__card.is-selected[b-hivpj66qia] {
    border-color: color-mix(in srgb, var(--primary-accent-color, #3b82f6) 72%, var(--card-border-color));
    background: color-mix(in srgb, var(--main-bg-color, #fff) 84%, var(--primary-accent-color, #3b82f6) 16%);
}

.project-subcontractors-selector__check[b-hivpj66qia] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 28px;
    height: 28px;
    border: 1px solid var(--card-border-color);
    border-radius: 8px;
    background: color-mix(in srgb, var(--main-bg-color, #fff) 96%, #000 4%);
    color: transparent;
    position: relative;
}

.project-subcontractors-selector__card.is-selected .project-subcontractors-selector__check[b-hivpj66qia] {
    border-color: var(--primary-accent-color, #3b82f6);
    background: var(--primary-accent-color, #3b82f6);
    color: #fff;
}

.project-subcontractors-selector__card.is-selected .project-subcontractors-selector__check[b-hivpj66qia]::after {
    content: "";
    width: 8px;
    height: 14px;
    border: solid currentColor;
    border-width: 0 2px 2px 0;
    transform: rotate(45deg) translate(-1px, -1px);
}

.project-subcontractors-selector__card-body[b-hivpj66qia] {
    display: flex;
    flex-direction: column;
    gap: 5px;
    min-width: 0;
}

.project-subcontractors-selector__name[b-hivpj66qia] {
    font-weight: 800;
    line-height: 1.25;
    overflow-wrap: anywhere;
}

.project-subcontractors-selector__meta[b-hivpj66qia] {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 3px;
    color: color-mix(in srgb, var(--main-fg-color, #0f172a) 74%, transparent);
    font-size: 0.82rem;
}

.project-subcontractors-selector__meta span[b-hivpj66qia] {
    overflow-wrap: anywhere;
}

.project-subcontractors-selector__description[b-hivpj66qia] {
    color: color-mix(in srgb, var(--main-fg-color, #0f172a) 72%, transparent);
    font-size: 0.8rem;
    line-height: 1.35;
    overflow-wrap: anywhere;
}

.project-subcontractors-selector__empty[b-hivpj66qia] {
    padding: 18px 14px;
    border: 1px dashed var(--card-border-color);
    border-radius: 8px;
    background: color-mix(in srgb, var(--main-bg-color, #fff) 96%, #6f88ff 4%);
    color: color-mix(in srgb, var(--main-fg-color, #0f172a) 74%, transparent);
    text-align: center;
}

.project-subcontractors-selector__empty--compact[b-hivpj66qia] {
    padding: 12px;
}

[data-theme="dark"] .project-subcontractors-selector__card[b-hivpj66qia],
[data-bs-theme="dark"] .project-subcontractors-selector__card[b-hivpj66qia] {
    background: rgba(31, 49, 78, 0.88);
    border-color: rgba(191, 219, 254, 0.16);
}

[data-theme="dark"] .project-subcontractors-selector__card:hover[b-hivpj66qia],
[data-theme="dark"] .project-subcontractors-selector__card:focus-visible[b-hivpj66qia],
[data-bs-theme="dark"] .project-subcontractors-selector__card:hover[b-hivpj66qia],
[data-bs-theme="dark"] .project-subcontractors-selector__card:focus-visible[b-hivpj66qia] {
    background: rgba(42, 66, 100, 0.95);
    border-color: rgba(147, 197, 253, 0.56);
}

[data-theme="dark"] .project-subcontractors-selector__card.is-selected[b-hivpj66qia],
[data-bs-theme="dark"] .project-subcontractors-selector__card.is-selected[b-hivpj66qia] {
    background: rgba(37, 75, 120, 0.95);
    border-color: rgba(147, 197, 253, 0.72);
}

@media (max-width: 767.98px) {
    .project-subcontractors-selector__header[b-hivpj66qia],
    .project-subcontractors-selector__toolbar[b-hivpj66qia] {
        grid-template-columns: 1fr;
        flex-direction: column;
        align-items: stretch;
    }

    .project-subcontractors-selector__add-button[b-hivpj66qia] {
        width: 100%;
    }

    .project-subcontractors-selector__summary[b-hivpj66qia] {
        justify-content: flex-start;
    }

    .project-subcontractors-selector__grid[b-hivpj66qia] {
        grid-template-columns: 1fr;
    }
}
/* _content/EmpiriaBMS.App/Components/Dashboards/WorkingDashboard/SubCompnents/Projects/ProjectUpdatesDialog.razor.rz.scp.css */
.project-updates[b-5cc1ilkvwe] {
    --project-updates-bg: var(--dialog-bg, var(--main-bg-color));
    --project-updates-text: var(--dialog-color, var(--main-fg-color));
    --project-updates-muted: color-mix(in srgb, var(--project-updates-text) 68%, transparent);
    --project-updates-border: color-mix(in srgb, var(--project-updates-text) 18%, transparent);
    --project-updates-border-strong: color-mix(in srgb, var(--project-updates-text) 34%, transparent);
    --project-updates-panel-bg: color-mix(in srgb, var(--project-updates-bg) 88%, var(--project-updates-text) 12%);
    --project-updates-panel-bg-soft: color-mix(in srgb, var(--project-updates-bg) 94%, var(--project-updates-text) 6%);
    --project-updates-input-bg: color-mix(in srgb, var(--project-updates-bg) 82%, var(--project-updates-text) 18%);
    --project-updates-input-bg-hover: color-mix(in srgb, var(--project-updates-bg) 76%, var(--project-updates-text) 24%);
    --neutral-foreground-rest: var(--project-updates-text);
    --neutral-foreground-hover: var(--project-updates-text);
    --neutral-foreground-active: var(--project-updates-text);
    --neutral-foreground-focus: var(--project-updates-text);
    --neutral-foreground-hint: var(--project-updates-muted);
    --neutral-stroke-rest: var(--project-updates-border);
    --neutral-stroke-hover: var(--project-updates-border-strong);
    --neutral-fill-layer-rest: var(--project-updates-panel-bg);
    --neutral-fill-input-rest: var(--project-updates-input-bg);
    --neutral-fill-input-hover: var(--project-updates-input-bg-hover);
    --neutral-fill-input-active: var(--project-updates-input-bg-hover);
    --neutral-fill-input-focus: var(--project-updates-input-bg-hover);
    display: grid;
    grid-template-columns: minmax(300px, 1fr) minmax(320px, 0.75fr);
    gap: 14px;
    position: relative;
    width: 100%;
    height: 100%;
    min-height: 0;
    color: var(--project-updates-text);
}

.project-updates-dialog[b-5cc1ilkvwe] {
    scrollbar-gutter: stable;
}

.project-updates__list[b-5cc1ilkvwe],
.project-updates__composer[b-5cc1ilkvwe] {
    min-height: 0;
    overflow: auto;
    border: 1px solid var(--project-updates-border);
    border-radius: 8px;
    background: var(--project-updates-panel-bg);
    color: var(--project-updates-text);
}

.project-updates__list[b-5cc1ilkvwe] {
    position: relative;
    z-index: 0;
}

.project-updates__header[b-5cc1ilkvwe] {
    position: sticky;
    top: 0;
    z-index: 1;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    padding: 12px;
    font-weight: 700;
    background: color-mix(in srgb, var(--project-updates-panel-bg) 86%, var(--primary-bg-color) 14%);
    border-bottom: 1px solid var(--project-updates-border);
}

.project-updates__count[b-5cc1ilkvwe] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 28px;
    min-height: 24px;
    padding: 2px 8px;
    border-radius: 999px;
    font-size: .78rem;
    background: color-mix(in srgb, var(--project-updates-text) 10%, transparent);
}

.project-updates__records[b-5cc1ilkvwe] {
    display: flex;
    flex-direction: column;
    gap: 8px;
    padding: 10px;
}

.project-update-card[b-5cc1ilkvwe] {
    display: flex;
    flex-direction: column;
    gap: 8px;
    padding: 10px;
    border: 1px solid var(--project-updates-border);
    border-radius: 8px;
    background: var(--project-updates-panel-bg-soft);
}

.project-update-card__date[b-5cc1ilkvwe] {
    font-size: .82rem;
    font-weight: 700;
    color: var(--project-updates-muted);
}

.project-update-card__comment[b-5cc1ilkvwe] {
    white-space: pre-wrap;
    line-height: 1.4;
}

.project-updates__composer[b-5cc1ilkvwe] {
    display: flex;
    flex-direction: column;
    gap: 14px;
    position: relative;
    z-index: 2;
    padding: 14px;
}

.project-updates__field[b-5cc1ilkvwe] {
    display: flex;
    flex-direction: column;
    gap: 5px;
    min-width: 0;
    font-size: .84rem;
    font-weight: 700;
}

.project-updates__field-label[b-5cc1ilkvwe] {
    color: var(--project-updates-text);
}

.project-updates[b-5cc1ilkvwe]  fluent-date-picker.project-updates-date-picker {
    color-scheme: light;
    --neutral-layer-floating: #ffffff;
    --neutral-layer-1: #ffffff;
    --neutral-layer-2: #ffffff;
    --neutral-fill-layer-rest: #ffffff;
    --neutral-fill-input-rest: #ffffff;
    --neutral-fill-input-hover: #ffffff;
    --neutral-fill-input-active: #ffffff;
    --neutral-fill-input-focus: #ffffff;
    --neutral-stroke-input-rest: #ced4da;
    --neutral-stroke-input-hover: #8f98a3;
    --neutral-stroke-input-active: #5b78d6;
    --neutral-stroke-input-focus: #5b78d6;
    --neutral-foreground-rest: #212529;
    --neutral-foreground-hover: #212529;
    --neutral-foreground-active: #212529;
    --neutral-foreground-focus: #212529;
    --neutral-foreground-hint: #6c757d;
    color: #212529;
}

.project-updates[b-5cc1ilkvwe]  fluent-date-picker.project-updates-date-picker::part(control),
.project-updates[b-5cc1ilkvwe]  fluent-date-picker.project-updates-date-picker::part(label) {
    color: #212529 !important;
}

.project-updates[b-5cc1ilkvwe]  fluent-date-picker.project-updates-date-picker::part(control) {
    border-color: #ced4da !important;
    background: #ffffff !important;
}

.project-updates[b-5cc1ilkvwe]  .fluent-datepicker-popup,
.project-updates[b-5cc1ilkvwe]  .fluent-calendar {
    color: #212529 !important;
    background: #ffffff !important;
}

.project-updates[b-5cc1ilkvwe]  .fluent-datepicker-popup {
    border: 1px solid #dee2e6 !important;
    box-shadow: 0 12px 28px rgba(15, 23, 42, 0.14) !important;
}

.project-updates[b-5cc1ilkvwe]  .fluent-calendar .title,
.project-updates[b-5cc1ilkvwe]  .fluent-calendar .month,
.project-updates[b-5cc1ilkvwe]  .fluent-calendar .week-day,
.project-updates[b-5cc1ilkvwe]  .fluent-calendar .day {
    color: #212529 !important;
}

.project-updates[b-5cc1ilkvwe]  .fluent-calendar .previous-month,
.project-updates[b-5cc1ilkvwe]  .fluent-calendar .next-month,
.project-updates[b-5cc1ilkvwe]  .fluent-calendar .day[inactive],
.project-updates[b-5cc1ilkvwe]  .fluent-calendar .day[disabled] {
    color: #c8ccd1 !important;
}

.project-updates[b-5cc1ilkvwe]  .fluent-calendar .day:not([selected])[today] {
    color: #102033 !important;
    border-color: #8fd0ff !important;
    background: #8fd0ff !important;
}

.project-updates[b-5cc1ilkvwe]  .fluent-calendar .day[selected]:not([today]) {
    color: #5b78d6 !important;
    border-color: #5b78d6 !important;
    background: #ffffff !important;
}

.project-updates__validation[b-5cc1ilkvwe] {
    color: #b42318;
    font-size: .86rem;
    font-weight: 700;
}

.project-updates__empty[b-5cc1ilkvwe] {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 160px;
    padding: 18px;
    color: var(--project-updates-muted);
}

[b-5cc1ilkvwe] .project-updates-dialog-footer {
    border-top: 1px solid color-mix(in srgb, var(--dialog-color, var(--main-fg-color)) 16%, transparent);
    background: var(--dialog-bg, var(--main-bg-color));
}

@media (max-width: 768px) {
    .project-updates-dialog[b-5cc1ilkvwe] {
        padding-bottom: 14px;
        overflow-y: auto !important;
    }

    .project-updates[b-5cc1ilkvwe] {
        grid-template-columns: 1fr;
        grid-auto-rows: max-content;
        align-content: start;
        height: max-content;
        min-height: 100%;
        max-height: none;
        overflow: visible;
        scroll-padding-bottom: 18px;
    }

    .project-updates__list[b-5cc1ilkvwe] {
        order: 2;
        max-height: clamp(180px, 32dvh, 260px);
        overflow-y: auto;
        scroll-padding-bottom: 12px;
    }

    .project-updates__composer[b-5cc1ilkvwe] {
        order: 1;
        overflow: visible;
        min-height: max-content;
    }

    [b-5cc1ilkvwe] .project-updates-dialog-footer {
        flex: 0 0 auto;
    }

}
/* _content/EmpiriaBMS.App/Components/Dashboards/WorkingDashboard/SubCompnents/Projects/ProjectWorkbookExportPanel.razor.rz.scp.css */
.project-workbook-export[b-knkeor3s0q] {
    --workbook-accent: color-mix(in srgb, var(--primary-accent-color) 52%, #22d3ee 48%);
    --workbook-surface: color-mix(in srgb, var(--card-bg, var(--main-bg-color)) 94%, var(--main-bg-color));
    --workbook-card: color-mix(in srgb, var(--card-bg, var(--main-bg-color)) 88%, var(--primary-accent-color) 12%);
    --workbook-border: color-mix(in srgb, var(--primary-accent-color) 34%, transparent);
    --workbook-muted: color-mix(in srgb, var(--main-fg-color) 64%, transparent);
    display: grid;
    gap: 22px;
    width: 100%;
    max-width: 100%;
    min-width: 0;
    box-sizing: border-box;
    color: var(--main-fg-color);
}

.project-workbook-export *[b-knkeor3s0q],
.project-workbook-export *[b-knkeor3s0q]::before,
.project-workbook-export *[b-knkeor3s0q]::after {
    box-sizing: border-box;
}

.project-workbook-export__eyebrow[b-knkeor3s0q] {
    color: var(--workbook-accent) !important;
    font-size: 0.78rem;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.project-workbook-export__panel[b-knkeor3s0q] {
    min-width: 0;
    padding: clamp(20px, 2.2vw, 34px);
    border: 1px solid var(--workbook-border);
    border-radius: 22px;
    background: var(--workbook-surface);
    box-shadow: 0 16px 40px color-mix(in srgb, var(--main-fg-color) 7%, transparent);
}

.project-workbook-export__header[b-knkeor3s0q] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 20px;
    min-width: 0;
    margin-bottom: 26px;
}

.project-workbook-export__header > div[b-knkeor3s0q] {
    min-width: 0;
}

.project-workbook-export__header h4[b-knkeor3s0q] {
    margin: 0;
    color: var(--main-fg-color) !important;
    font-size: clamp(1.25rem, 2vw, 1.6rem);
    font-weight: 650;
    letter-spacing: -0.02em;
}

.project-workbook-export__header p[b-knkeor3s0q] {
    margin: 5px 0 0;
    color: var(--workbook-muted) !important;
    font-size: 0.92rem;
}

.project-workbook-export__badge[b-knkeor3s0q] {
    flex: 0 0 auto;
    min-width: 148px;
    padding: 10px 16px;
    border: 1px solid var(--workbook-border);
    border-radius: 12px;
    color: var(--workbook-accent) !important;
    background: var(--workbook-card);
    font-size: 0.75rem;
    font-weight: 700;
    letter-spacing: 0.04em;
    text-align: center;
    text-transform: uppercase;
}

.project-workbook-export__detail-grid[b-knkeor3s0q] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 14px;
    margin: 0;
}

.project-workbook-export__detail[b-knkeor3s0q] {
    position: relative;
    min-width: 0;
    min-height: 112px;
    margin: 0;
    padding: 22px 20px 18px;
    overflow: hidden;
    border: 1px solid var(--workbook-border);
    border-radius: 16px;
    background: var(--workbook-card);
}

.project-workbook-export__detail[b-knkeor3s0q]::before,
.project-workbook-export__area[b-knkeor3s0q]::before {
    position: absolute;
    inset: 0 auto 0 0;
    width: 4px;
    background: var(--area-color);
    content: "";
}

.project-workbook-export__detail dt[b-knkeor3s0q] {
    margin: 0 0 14px;
    color: var(--workbook-muted) !important;
    font-size: 0.75rem;
    font-weight: 700;
    letter-spacing: 0.02em;
    text-transform: uppercase;
}

.project-workbook-export__detail dd[b-knkeor3s0q] {
    min-width: 0;
    margin: 0;
    color: var(--main-fg-color) !important;
    font-size: clamp(1rem, 1.45vw, 1.15rem);
    font-weight: 650;
    line-height: 1.3;
    overflow-wrap: anywhere;
}

.project-workbook-export__detail--cyan[b-knkeor3s0q],
.project-workbook-export__area--cyan[b-knkeor3s0q] {
    --area-color: #32cce4;
}

.project-workbook-export__detail--violet[b-knkeor3s0q],
.project-workbook-export__area--violet[b-knkeor3s0q] {
    --area-color: #8f77de;
}

.project-workbook-export__detail--amber[b-knkeor3s0q],
.project-workbook-export__area--amber[b-knkeor3s0q] {
    --area-color: #f2b83f;
}

.project-workbook-export__detail--green[b-knkeor3s0q],
.project-workbook-export__area--green[b-knkeor3s0q] {
    --area-color: #49c98a;
}

.project-workbook-export__area--rose[b-knkeor3s0q] {
    --area-color: #d65777;
}

.project-workbook-export__area-grid[b-knkeor3s0q] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 14px;
    min-width: 0;
}

.project-workbook-export__area[b-knkeor3s0q] {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    gap: 26px;
    width: 100%;
    min-width: 0;
    min-height: 158px;
    padding: 22px 20px 18px;
    overflow: hidden;
    border: 1px solid var(--workbook-border);
    border-radius: 16px;
    color: var(--main-fg-color);
    background: var(--workbook-card);
    font: inherit;
    text-align: left;
    cursor: pointer;
    transition: border-color 150ms ease, box-shadow 150ms ease, transform 150ms ease;
}

.project-workbook-export__area:hover:not(:disabled)[b-knkeor3s0q] {
    border-color: var(--area-color);
    box-shadow: 0 12px 26px color-mix(in srgb, var(--area-color) 18%, transparent);
    transform: translateY(-2px);
}

.project-workbook-export__area:focus-visible[b-knkeor3s0q] {
    outline: 3px solid color-mix(in srgb, var(--area-color) 54%, transparent);
    outline-offset: 3px;
}

.project-workbook-export__area:disabled[b-knkeor3s0q] {
    cursor: wait;
    opacity: 0.66;
}

.project-workbook-export__area--primary[b-knkeor3s0q] {
    border: 2px solid var(--workbook-accent);
}

.project-workbook-export__area--primary:disabled[b-knkeor3s0q],
.project-workbook-export__area[aria-busy="true"][b-knkeor3s0q] {
    opacity: 1;
}

.project-workbook-export__area-meta[b-knkeor3s0q] {
    display: flex;
    align-items: center;
    gap: 18px;
    min-width: 0;
    color: var(--workbook-muted) !important;
    font-size: 0.7rem;
    font-weight: 700;
    letter-spacing: 0.025em;
    text-transform: uppercase;
}

.project-workbook-export__area-index[b-knkeor3s0q] {
    flex: 0 0 auto;
    color: var(--workbook-muted) !important;
    font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
}

.project-workbook-export__area--primary .project-workbook-export__area-meta[b-knkeor3s0q],
.project-workbook-export__area--primary .project-workbook-export__area-index[b-knkeor3s0q] {
    color: var(--workbook-accent) !important;
}

.project-workbook-export__area-main[b-knkeor3s0q] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 14px;
    min-width: 0;
}

.project-workbook-export__area-label[b-knkeor3s0q] {
    min-width: 0;
    color: var(--main-fg-color) !important;
    font-size: clamp(1rem, 1.35vw, 1.16rem);
    font-weight: 650;
    line-height: 1.2;
    overflow-wrap: anywhere;
}

.project-workbook-export__area-action[b-knkeor3s0q] {
    display: grid;
    flex: 0 0 auto;
    place-items: center;
    width: 38px;
    height: 38px;
    border-radius: 11px;
    color: var(--main-fg-color) !important;
    background: color-mix(in srgb, var(--primary-accent-color) 12%, transparent);
    font-size: 1.35rem;
}

.project-workbook-export__area--primary .project-workbook-export__area-action[b-knkeor3s0q] {
    color: #071223 !important;
    background: var(--workbook-accent);
}

.project-workbook-export__spinner[b-knkeor3s0q] {
    width: 16px;
    height: 16px;
    border: 2px solid currentColor;
    border-right-color: transparent;
    border-radius: 50%;
    animation: project-workbook-spin-b-knkeor3s0q 700ms linear infinite;
}

.project-workbook-export__error[b-knkeor3s0q] {
    margin-top: 16px;
    padding: 11px 13px;
    border: 1px solid color-mix(in srgb, #d13438 46%, transparent);
    border-radius: 10px;
    color: #d13438 !important;
    background: color-mix(in srgb, #d13438 10%, var(--workbook-surface));
}

@keyframes project-workbook-spin-b-knkeor3s0q {
    to {
        transform: rotate(360deg);
    }
}

@media (min-width: 1181px) {
    .project-workbook-export[b-knkeor3s0q] {
        gap: clamp(10px, 1.2vh, 16px);
    }

    .project-workbook-export__eyebrow[b-knkeor3s0q] {
        font-size: 0.7rem;
    }

    .project-workbook-export__panel[b-knkeor3s0q] {
        padding: clamp(12px, 1.5vh, 20px);
        border-radius: 18px;
    }

    .project-workbook-export__header[b-knkeor3s0q] {
        gap: 14px;
        margin-bottom: clamp(10px, 1.2vh, 16px);
    }

    .project-workbook-export__header h4[b-knkeor3s0q] {
        font-size: clamp(1.08rem, 1.8vh, 1.35rem);
    }

    .project-workbook-export__header p[b-knkeor3s0q] {
        margin-top: 3px;
        font-size: 0.82rem;
        line-height: 1.25;
    }

    .project-workbook-export__badge[b-knkeor3s0q] {
        min-width: 132px;
        padding: 8px 13px;
        border-radius: 10px;
        font-size: 0.68rem;
    }

    .project-workbook-export__detail-grid[b-knkeor3s0q],
    .project-workbook-export__area-grid[b-knkeor3s0q] {
        gap: clamp(8px, 1vh, 12px);
    }

    .project-workbook-export__detail[b-knkeor3s0q] {
        min-height: clamp(72px, 8.4vh, 96px);
        padding: clamp(10px, 1.2vh, 16px) 16px;
        border-radius: 13px;
    }

    .project-workbook-export__detail dt[b-knkeor3s0q] {
        margin-bottom: clamp(6px, 0.7vh, 10px);
        font-size: 0.68rem;
    }

    .project-workbook-export__detail dd[b-knkeor3s0q] {
        font-size: clamp(0.92rem, 1.55vh, 1.08rem);
    }

    .project-workbook-export__area[b-knkeor3s0q] {
        min-height: clamp(92px, 10.5vh, 126px);
        gap: clamp(8px, 1vh, 16px);
        padding: clamp(11px, 1.25vh, 17px) 16px;
        border-radius: 13px;
    }

    .project-workbook-export__area-meta[b-knkeor3s0q] {
        gap: 14px;
        font-size: 0.64rem;
    }

    .project-workbook-export__area-label[b-knkeor3s0q] {
        font-size: clamp(0.92rem, 1.55vh, 1.06rem);
    }

    .project-workbook-export__area-action[b-knkeor3s0q] {
        width: 34px;
        height: 34px;
        border-radius: 9px;
        font-size: 1.15rem;
    }
}

@media (max-width: 1180px) {
    .project-workbook-export__detail-grid[b-knkeor3s0q],
    .project-workbook-export__area-grid[b-knkeor3s0q] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 680px) {
    .project-workbook-export[b-knkeor3s0q] {
        gap: 16px;
    }

    .project-workbook-export__panel[b-knkeor3s0q] {
        padding: 18px;
        border-radius: 16px;
    }

    .project-workbook-export__header[b-knkeor3s0q] {
        flex-direction: column;
        gap: 14px;
        margin-bottom: 20px;
    }

    .project-workbook-export__badge[b-knkeor3s0q] {
        min-width: 0;
        width: 100%;
    }

    .project-workbook-export__detail-grid[b-knkeor3s0q],
    .project-workbook-export__area-grid[b-knkeor3s0q] {
        grid-template-columns: minmax(0, 1fr);
    }

    .project-workbook-export__detail[b-knkeor3s0q] {
        min-height: 96px;
    }

    .project-workbook-export__area[b-knkeor3s0q] {
        min-height: 128px;
    }
}

@media (max-width: 360px) {
    .project-workbook-export[b-knkeor3s0q] {
        gap: 12px;
    }

    .project-workbook-export__eyebrow[b-knkeor3s0q] {
        font-size: 0.68rem;
        overflow-wrap: anywhere;
    }

    .project-workbook-export__panel[b-knkeor3s0q] {
        width: 100%;
        min-width: 0;
        padding: 13px;
        border-radius: 14px;
    }

    .project-workbook-export__header[b-knkeor3s0q] {
        gap: 10px;
        margin-bottom: 14px;
    }

    .project-workbook-export__header h4[b-knkeor3s0q] {
        font-size: 1.16rem;
    }

    .project-workbook-export__header p[b-knkeor3s0q] {
        font-size: 0.82rem;
        line-height: 1.35;
    }

    .project-workbook-export__badge[b-knkeor3s0q] {
        padding: 8px 10px;
        font-size: 0.68rem;
    }

    .project-workbook-export__detail[b-knkeor3s0q],
    .project-workbook-export__area[b-knkeor3s0q] {
        width: 100%;
        min-width: 0;
        padding: 16px 14px 14px;
        border-radius: 13px;
    }

    .project-workbook-export__detail[b-knkeor3s0q] {
        min-height: 86px;
    }

    .project-workbook-export__detail dt[b-knkeor3s0q] {
        margin-bottom: 9px;
        font-size: 0.67rem;
    }

    .project-workbook-export__detail dd[b-knkeor3s0q] {
        font-size: 0.95rem;
    }

    .project-workbook-export__area[b-knkeor3s0q] {
        min-height: 112px;
        gap: 20px;
        white-space: normal;
    }

    .project-workbook-export__area-meta[b-knkeor3s0q] {
        gap: 10px;
        font-size: 0.64rem;
        overflow-wrap: anywhere;
    }

    .project-workbook-export__area-label[b-knkeor3s0q] {
        font-size: 0.96rem;
    }

    .project-workbook-export__area-action[b-knkeor3s0q] {
        width: 34px;
        height: 34px;
    }
}

@media (prefers-reduced-motion: reduce) {
    .project-workbook-export__area[b-knkeor3s0q] {
        transition: none;
    }

    .project-workbook-export__spinner[b-knkeor3s0q] {
        animation-duration: 1.4s;
    }
}
/* _content/EmpiriaBMS.App/Components/Dashboards/WorkingDashboard/SubCompnents/SupportiveWorks/SupportiveWorks.razor.rz.scp.css */
.dashboard-section[b-ocmd6gdb6a] {
    --section-accent: #c58a2a;
    --dashboard-row-divider: color-mix(in srgb, var(--main-fg-color) 14%, transparent);
    --dashboard-row-divider-strong: color-mix(in srgb, var(--main-fg-color) 20%, transparent);
    --dashboard-record-divider: color-mix(in srgb, var(--main-fg-color) 46%, transparent);
    --dashboard-row-main-bg-odd: color-mix(in srgb, var(--main-bg-color) 97%, white 3%);
    --dashboard-row-main-bg-even: color-mix(in srgb, var(--main-bg-color) 91%, var(--main-fg-color) 9%);
    --dashboard-row-detail-bg-odd: color-mix(in srgb, var(--main-bg-color) 90%, var(--section-accent) 10%);
    --dashboard-row-detail-bg-even: color-mix(in srgb, var(--main-bg-color) 85%, var(--section-accent) 15%);
    --dashboard-row-muted-text: color-mix(in srgb, var(--main-fg-color) 84%, transparent);
    --dashboard-row-selected-ring: color-mix(in srgb, var(--primary-accent-color) 72%, var(--main-fg-color) 28%);
    position: relative;
    padding: 0.95rem;
    border: 1px solid color-mix(in srgb, var(--main-fg-color) 10%, transparent);
    border-radius: 22px;
    background: linear-gradient(180deg, color-mix(in srgb, var(--main-bg-color) 97%, white 3%), color-mix(in srgb, var(--main-bg-color) 93%, var(--section-accent) 7%));
    box-shadow: 0 14px 32px color-mix(in srgb, var(--main-fg-color) 7%, transparent);
}

[data-theme="light"] .dashboard-section[b-ocmd6gdb6a],
[data-bs-theme="light"] .dashboard-section[b-ocmd6gdb6a] {
    --dashboard-row-main-bg-odd: #faf8f3;
    --dashboard-row-main-bg-even: #f0eadf;
    --dashboard-row-detail-bg-odd: #f5eedf;
    --dashboard-row-detail-bg-even: #eadecc;
    --dashboard-row-muted-text: #274064;
    --dashboard-record-divider: rgba(18, 35, 61, 0.3);
}

[data-theme="light"] .dashboard-section__table-shell[b-ocmd6gdb6a],
[data-bs-theme="light"] .dashboard-section__table-shell[b-ocmd6gdb6a] {
    background: #f4eee3;
    border-color: rgba(18, 35, 61, 0.16);
}

[data-theme="dark"] .dashboard-section[b-ocmd6gdb6a],
[data-bs-theme="dark"] .dashboard-section[b-ocmd6gdb6a] {
    --dashboard-row-divider: rgba(233, 241, 252, 0.16);
    --dashboard-row-divider-strong: rgba(233, 241, 252, 0.3);
    --dashboard-record-divider: rgba(241, 246, 255, 0.7);
    --dashboard-row-main-bg-odd: #3a352d;
    --dashboard-row-main-bg-even: #464036;
    --dashboard-row-detail-bg-odd: #534c40;
    --dashboard-row-detail-bg-even: #62594b;
    --dashboard-row-muted-text: #e9f0fc;
    --dashboard-row-selected-ring: color-mix(in srgb, #f5f8ff 44%, var(--primary-accent-color) 56%);
}

.dashboard-section__toolbar[b-ocmd6gdb6a] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 0.9rem 1rem;
    margin-bottom: 0.9rem;
}

.dashboard-section__title[b-ocmd6gdb6a] {
    margin: 0;
    font-size: 1.02rem;
    font-weight: 800;
    color: var(--main-fg-color);
}

.dashboard-section__heading[b-ocmd6gdb6a] {
    display: flex;
    flex: 1 1 320px;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.55rem 0.8rem;
}

.supportiveworks__description[b-ocmd6gdb6a] {
    margin: 0;
    max-width: 34rem;
    padding: 0.34rem 0.72rem;
    border: 1px solid color-mix(in srgb, var(--main-fg-color) 12%, transparent);
    border-radius: 999px;
    background: color-mix(in srgb, var(--main-bg-color) 92%, white 8%);
    color: color-mix(in srgb, var(--main-fg-color) 84%, transparent);
    font-size: 0.77rem;
    font-weight: 600;
    line-height: 1.35;
    box-shadow: inset 0 1px 0 color-mix(in srgb, white 22%, transparent);
}

.dashboard-section__actions[b-ocmd6gdb6a] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.65rem;
    align-items: center;
    justify-content: flex-end;
}

.dashboard-action-icon[b-ocmd6gdb6a] {
    border-radius: 12px;
}

[b-ocmd6gdb6a] fluent-button.dashboard-action-btn::part(control) {
    min-height: 40px;
    border-radius: 12px;
}

.dashboard-section__failed-shell[b-ocmd6gdb6a] {
    margin-bottom: 0.85rem;
}

.dashboard-section__switch[b-ocmd6gdb6a] {
    margin: 0.1rem 0 0.55rem;
}

.dashboard-section__failed-grid[b-ocmd6gdb6a] {
    height: 280px;
    padding: 0.35rem;
    border-color: color-mix(in srgb, var(--main-fg-color) 10%, transparent) !important;
    border-radius: 18px !important;
    background: color-mix(in srgb, var(--main-bg-color) 96%, white 4%);
}

.dashboard-section__table-shell[b-ocmd6gdb6a] {
    overflow: auto;
    border: 1px solid color-mix(in srgb, var(--main-fg-color) 10%, transparent);
    border-radius: 20px;
    background: color-mix(in srgb, var(--main-bg-color) 97%, white 3%);
}

.dashboard-table[b-ocmd6gdb6a] {
    margin-bottom: 0;
    --bs-table-bg: transparent;
    --bs-table-border-color: transparent;
    color: var(--main-fg-color);
}

.table thead th.sticky-header[b-ocmd6gdb6a],
th.sticky-header[b-ocmd6gdb6a] {
    position: sticky;
    top: 0;
    z-index: 5;
    border-bottom: 0 !important;
    padding: 0.82rem 0.7rem;
    font-size: 0.8rem;
    font-weight: 800;
    letter-spacing: 0.015em;
    text-transform: none;
    color: color-mix(in srgb, var(--main-fg-color) 90%, transparent);
    background: color-mix(in srgb, var(--main-bg-color) 82%, var(--section-accent) 18%);
    box-shadow: inset 0 -1px 0 var(--dashboard-row-divider-strong);
}

.dashboard-table thead th:first-child[b-ocmd6gdb6a] {
    border-top-left-radius: 18px;
}

.dashboard-table thead th:last-child[b-ocmd6gdb6a] {
    border-top-right-radius: 18px;
}

tbody[b-ocmd6gdb6a] {
    border-top: none !important;
}

tr[b-ocmd6gdb6a],
td[b-ocmd6gdb6a] {
    border-top: none;
    border-bottom: none;
    cursor: default;
}

.dashboard-table td[b-ocmd6gdb6a] {
    padding: 0.78rem 0.72rem;
    vertical-align: middle;
}

tbody + tbody .table-main-row td[b-ocmd6gdb6a] {
    border-top: 4px solid var(--dashboard-record-divider);
}

tbody:nth-of-type(odd) .table-main-row td[b-ocmd6gdb6a] {
    background: var(--dashboard-row-main-bg-odd);
}

tbody:nth-of-type(even) .table-main-row td[b-ocmd6gdb6a] {
    background: var(--dashboard-row-main-bg-even);
}

.table-main-row td[b-ocmd6gdb6a] {
    border-bottom: 1px solid var(--dashboard-row-divider);
}

.table-extra-details-row[b-ocmd6gdb6a] {
    border-top: none;
}

tbody:nth-of-type(odd) .table-extra-details-row td[b-ocmd6gdb6a] {
    background: var(--dashboard-row-detail-bg-odd);
}

tbody:nth-of-type(even) .table-extra-details-row td[b-ocmd6gdb6a] {
    background: var(--dashboard-row-detail-bg-even);
}

tbody:last-of-type .table-extra-details-row td:first-child[b-ocmd6gdb6a] {
    border-bottom-left-radius: 18px;
}

tbody:last-of-type .table-extra-details-row td:last-child[b-ocmd6gdb6a] {
    border-bottom-right-radius: 18px;
}

.table-extra-details-row td[b-ocmd6gdb6a] {
    border-top: 1px solid color-mix(in srgb, var(--dashboard-row-divider) 65%, transparent);
    border-bottom: 0;
}

.hovered-row tr[b-ocmd6gdb6a],
.hovered-row td[b-ocmd6gdb6a] {
    background-color: color-mix(in srgb, white 80%, var(--section-accent) 20%);
    transition: background-color 0.2s ease;
}

.hovered-row tr[b-ocmd6gdb6a],
.hovered-row td[b-ocmd6gdb6a],
.hovered-row *[b-ocmd6gdb6a] {
    cursor: default !important;
}

.dashboard-table__primary-text[b-ocmd6gdb6a] {
    cursor: default !important;
    font-weight: 700;
    line-height: 1.35;
}

.selected_table_supportiveworks_row[b-ocmd6gdb6a] {
    color: var(--main-fg-color) !important;
}

.table-main-row td.selected_table_supportiveworks_row:first-child[b-ocmd6gdb6a],
.table-extra-details-row td.selected_table_supportiveworks_row:first-child[b-ocmd6gdb6a] {
    box-shadow: inset 4px 0 0 var(--dashboard-row-selected-ring);
}

.dashboard-detail-row[b-ocmd6gdb6a] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.8rem;
    width: 100%;
}

.dashboard-detail-pills[b-ocmd6gdb6a] {
    display: flex;
    flex: 1 1 240px;
    flex-wrap: wrap;
    gap: 0.55rem;
}

.dashboard-detail-pill[b-ocmd6gdb6a] {
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
    padding: 0.42rem 0.72rem;
    border: 1px solid var(--dashboard-row-divider-strong);
    border-radius: 999px;
    background: color-mix(in srgb, var(--main-bg-color) 94%, white 6%);
    color: var(--main-fg-color);
    font-size: 0.88rem;
    line-height: 1.25;
    font-variant-numeric: tabular-nums;
}

.dashboard-detail-pill strong[b-ocmd6gdb6a] {
    font-size: 0.79rem;
    letter-spacing: 0.01em;
    text-transform: none;
    color: var(--dashboard-row-muted-text);
}

[data-theme="dark"] .dashboard-table td[b-ocmd6gdb6a],
[data-bs-theme="dark"] .dashboard-table td[b-ocmd6gdb6a],
[data-theme="dark"] .dashboard-table__primary-text[b-ocmd6gdb6a],
[data-bs-theme="dark"] .dashboard-table__primary-text[b-ocmd6gdb6a],
[data-theme="dark"] .dashboard-detail-pill[b-ocmd6gdb6a],
[data-bs-theme="dark"] .dashboard-detail-pill[b-ocmd6gdb6a],
[data-theme="dark"] .dashboard-detail-pill strong[b-ocmd6gdb6a],
[data-bs-theme="dark"] .dashboard-detail-pill strong[b-ocmd6gdb6a] {
    color: #f5f8ff !important;
}

.dashboard-row-actions[b-ocmd6gdb6a] {
    display: flex;
    flex: 0 1 auto;
    flex-wrap: wrap;
    align-items: center;
    justify-content: flex-end;
    gap: 0.55rem;
    margin-left: auto;
}

.dashboard-row-icon-action[b-ocmd6gdb6a] {
    font-size: 1.05rem;
}

@media (max-width: 991.98px) {
    .dashboard-section__actions[b-ocmd6gdb6a] {
        justify-content: flex-start;
    }

    .supportiveworks__description[b-ocmd6gdb6a] {
        max-width: 100%;
    }
}

@media (max-width: 768px) {
    .dashboard-section[b-ocmd6gdb6a] {
        padding: 0.8rem;
        border-radius: 18px;
    }

    .dashboard-section__heading[b-ocmd6gdb6a] {
        width: 100%;
        align-items: flex-start;
    }

    .supportiveworks__description[b-ocmd6gdb6a] {
        width: 100%;
        border-radius: 16px;
    }

    .dashboard-detail-pills[b-ocmd6gdb6a],
    .dashboard-row-actions[b-ocmd6gdb6a] {
        width: 100%;
    }

    .dashboard-row-actions[b-ocmd6gdb6a] {
        justify-content: flex-start;
        margin-left: 0;
    }
}
[data-theme="dark"] .dashboard-section__table-shell[b-ocmd6gdb6a],
[data-bs-theme="dark"] .dashboard-section__table-shell[b-ocmd6gdb6a] {
    background: #2a251e;
    border-color: rgba(233, 241, 252, 0.24);
    box-shadow: inset 0 0 0 1px rgba(241, 246, 255, 0.05);
}

[data-theme="dark"] .table thead th.sticky-header[b-ocmd6gdb6a],
[data-bs-theme="dark"] .table thead th.sticky-header[b-ocmd6gdb6a],
[data-theme="dark"] th.sticky-header[b-ocmd6gdb6a],
[data-bs-theme="dark"] th.sticky-header[b-ocmd6gdb6a] {
    color: #f8fbff;
    background: #4b4335;
    box-shadow: inset 0 -2px 0 rgba(241, 246, 255, 0.2);
}

[data-theme="dark"] .dashboard-detail-pill[b-ocmd6gdb6a],
[data-bs-theme="dark"] .dashboard-detail-pill[b-ocmd6gdb6a] {
    background: #342f27;
    border-color: rgba(233, 241, 252, 0.3);
}

[data-theme="dark"] .dashboard-detail-pill strong[b-ocmd6gdb6a],
[data-bs-theme="dark"] .dashboard-detail-pill strong[b-ocmd6gdb6a] {
    color: #dce7f8 !important;
}

[data-theme="dark"] .supportiveworks__description[b-ocmd6gdb6a],
[data-bs-theme="dark"] .supportiveworks__description[b-ocmd6gdb6a] {
    background: #342f27;
    border-color: rgba(233, 241, 252, 0.22);
    color: #edf3ff;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.06);
}
/* _content/EmpiriaBMS.App/Components/Dashboards/WorkingDashboard/WorkingDashboard.razor.rz.scp.css */
.home-dashboard[b-9i5cpo47w6] {
    margin: 0 auto;
    overflow: hidden;
}

.home-dashboard__accordion[b-9i5cpo47w6] {
    background: transparent !important;
}

.home-dashboard__accordion--spaced[b-9i5cpo47w6] {
    margin-top: 0.75rem;
}

.home-accordion-compact .accordion-item[b-9i5cpo47w6] {
    border-radius: 18px !important;
    overflow: hidden;
    border-color: color-mix(in srgb, var(--accordion-bt-bg) 88%, transparent) !important;
    box-shadow: 0 10px 24px color-mix(in srgb, var(--main-fg-color) 7%, transparent);
}

.home-dashboard__accordion-button[b-9i5cpo47w6],
.home-accordion-compact .accordion-button[b-9i5cpo47w6] {
    padding: 0.7rem 1rem !important;
    min-height: 46px !important;
    height: 46px !important;
    line-height: 1.15 !important;
    font-size: 1rem !important;
}

.home-accordion-title[b-9i5cpo47w6] {
    font-size: 0.98rem !important;
    line-height: 1.1 !important;
    font-weight: 700;
    margin: 0 !important;
    display: block;
}

.home-accordion-compact .accordion-button[b-9i5cpo47w6]::after,
.home-accordion-compact .accordion-button:not(.collapsed)[b-9i5cpo47w6]::after {
    transform: scale(0.82) !important;
}

.home-accordion-compact .accordion-body[b-9i5cpo47w6] {
    padding: 0.85rem 0.95rem;
}

.home-dashboard__grid[b-9i5cpo47w6] {
    margin-top: 0.9rem !important;
}

.home-dashboard__grid-panel[b-9i5cpo47w6] {
    height: 100%;
}

[data-theme="dark"] .home-dashboard[b-9i5cpo47w6]  .clarity--clock-line.dashboard-row-icon-action,
[data-bs-theme="dark"] .home-dashboard[b-9i5cpo47w6]  .clarity--clock-line.dashboard-row-icon-action {
    color: #f5f8ff !important;
    background-color: #f5f8ff !important;
}

@media (max-width: 991.98px) {
    .home-dashboard__grid[b-9i5cpo47w6] {
        margin-top: 0.75rem !important;
    }
}

@media (max-width: 767.98px) {
    .home-accordion-compact .accordion-item[b-9i5cpo47w6] {
        border-radius: 16px !important;
    }

    .home-dashboard__accordion-button[b-9i5cpo47w6],
    .home-accordion-compact .accordion-button[b-9i5cpo47w6] {
        padding: 0.65rem 0.85rem !important;
        min-height: 44px !important;
        height: 44px !important;
    }

    .home-accordion-compact .accordion-body[b-9i5cpo47w6] {
        padding: 0.75rem 0.8rem;
    }
}
/* _content/EmpiriaBMS.App/Components/General/DatePicker.razor.rz.scp.css */

.flatpickr[b-7ngwbunn1q] {
    border: 1px solid #ccc;
    border-radius: 4px;
    padding: 2px;
    width: 100%;
    font-size: 14px;
}
.flatpickr-input[b-7ngwbunn1q] {
    border-radius: 8px;
}
/* _content/EmpiriaBMS.App/Components/General/Map.razor.rz.scp.css */
.visible[b-iob5supsmh] {
    height: 400px !important;
    visibility: visible !important;
}
.unvisible[b-iob5supsmh] {
    height: 0px !important;
    visibility: hidden !important;
}
/* _content/EmpiriaBMS.App/Components/General/OfferChangeHistoryInlineTable.razor.rz.scp.css */
.offer-history-inline[b-1m578436ub] {
    width: 100%;
    min-width: 0;
    margin-top: 0.55rem;
    border: 1px solid color-mix(in srgb, var(--main-fg-color, #1d2433) 12%, transparent);
    border-radius: 12px;
    background: color-mix(in srgb, var(--main-bg-color, #fff) 92%, #7da2ff 8%);
    overflow: hidden;
}

.offer-history-inline__header[b-1m578436ub] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
    padding: 0.7rem 0.85rem;
    border-bottom: 1px solid color-mix(in srgb, var(--main-fg-color, #1d2433) 10%, transparent);
}

.offer-history-inline__header span[b-1m578436ub] {
    font-size: 0.78rem;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: 0;
    color: color-mix(in srgb, var(--main-fg-color, #1d2433) 68%, transparent);
}

.offer-history-inline__header strong[b-1m578436ub] {
    font-size: 0.85rem;
    color: var(--main-fg-color, #1d2433);
}

.offer-history-inline__table-wrap[b-1m578436ub] {
    width: 100%;
    max-height: 260px;
    overflow: auto;
}

.offer-history-inline__table[b-1m578436ub] {
    width: 100%;
    min-width: 980px;
    border-collapse: collapse;
    font-size: 0.85rem;
}

.offer-history-inline__table th[b-1m578436ub],
.offer-history-inline__table td[b-1m578436ub] {
    padding: 0.62rem 0.72rem;
    border-bottom: 1px solid color-mix(in srgb, var(--main-fg-color, #1d2433) 8%, transparent);
    text-align: left;
    vertical-align: top;
    color: var(--main-fg-color, #1d2433);
}

.offer-history-inline__table th[b-1m578436ub] {
    position: sticky;
    top: 0;
    z-index: 1;
    background: color-mix(in srgb, var(--main-bg-color, #fff) 86%, #7da2ff 14%);
    font-size: 0.72rem;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: 0;
    color: color-mix(in srgb, var(--main-fg-color, #1d2433) 68%, transparent);
}

.offer-history-inline__table tbody tr:last-child td[b-1m578436ub] {
    border-bottom: 0;
}

.offer-history-inline__cards[b-1m578436ub] {
    display: none;
}

@media (max-width: 991.98px) {
    .offer-history-inline[b-1m578436ub] {
        max-height: 60vh;
        border-radius: 10px;
        background: color-mix(in srgb, var(--main-bg-color, #fff) 94%, #7da2ff 6%);
        overflow-y: auto;
    }

    .offer-history-inline__header[b-1m578436ub] {
        align-items: flex-start;
        padding: 0.7rem 0.8rem;
    }

    .offer-history-inline__header span[b-1m578436ub] {
        line-height: 1.25;
    }

    .offer-history-inline__table-wrap[b-1m578436ub] {
        display: none;
    }

    .offer-history-inline__cards[b-1m578436ub] {
        display: grid;
        gap: 0.75rem;
        padding: 0.8rem;
    }

    .offer-history-inline__card[b-1m578436ub] {
        display: grid;
        gap: 0.7rem;
        min-width: 0;
        border: 1px solid color-mix(in srgb, var(--main-fg-color, #1d2433) 12%, transparent);
        border-radius: 8px;
        background: color-mix(in srgb, var(--main-bg-color, #fff) 96%, #7da2ff 4%);
        overflow: hidden;
    }

    .offer-history-inline__card-head[b-1m578436ub] {
        display: flex;
        align-items: flex-start;
        justify-content: space-between;
        gap: 0.75rem;
        min-width: 0;
        padding: 0.75rem 0.8rem;
        border-bottom: 1px solid color-mix(in srgb, var(--main-fg-color, #1d2433) 9%, transparent);
        background: color-mix(in srgb, var(--main-bg-color, #fff) 90%, #7da2ff 10%);
    }

    .offer-history-inline__card-head div[b-1m578436ub] {
        display: grid;
        gap: 0.25rem;
        min-width: 0;
    }

    .offer-history-inline__card-head strong[b-1m578436ub] {
        color: var(--main-fg-color, #1d2433);
        font-size: 0.95rem;
        line-height: 1.25;
        overflow-wrap: anywhere;
    }

    .offer-history-inline__card-grid[b-1m578436ub] {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 0;
        padding: 0 0.8rem;
    }

    .offer-history-inline__card-grid div[b-1m578436ub] {
        display: grid;
        gap: 0.25rem;
        min-width: 0;
        padding: 0.65rem 0;
        border-bottom: 1px solid color-mix(in srgb, var(--main-fg-color, #1d2433) 8%, transparent);
    }

    .offer-history-inline__card-grid div:nth-child(odd)[b-1m578436ub] {
        padding-right: 0.5rem;
    }

    .offer-history-inline__card-grid div:nth-child(even)[b-1m578436ub] {
        padding-left: 0.5rem;
    }

    .offer-history-inline__card-row[b-1m578436ub],
    .offer-history-inline__card-text[b-1m578436ub] {
        display: grid;
        gap: 0.3rem;
        min-width: 0;
        margin: 0 0.8rem;
        padding-bottom: 0.65rem;
        border-bottom: 1px solid color-mix(in srgb, var(--main-fg-color, #1d2433) 8%, transparent);
    }

    .offer-history-inline__card-text:last-child[b-1m578436ub] {
        border-bottom: 0;
        padding-bottom: 0.8rem;
    }

    .offer-history-inline__card span[b-1m578436ub],
    .offer-history-inline__card-row span[b-1m578436ub],
    .offer-history-inline__card-text span[b-1m578436ub] {
        color: color-mix(in srgb, var(--main-fg-color, #1d2433) 62%, transparent);
        font-size: 0.7rem;
        font-weight: 800;
        text-transform: uppercase;
        line-height: 1.2;
    }

    .offer-history-inline__card-grid strong[b-1m578436ub],
    .offer-history-inline__card-row strong[b-1m578436ub],
    .offer-history-inline__card-text p[b-1m578436ub] {
        margin: 0;
        color: var(--main-fg-color, #1d2433);
        font-size: 0.86rem;
        font-weight: 700;
        line-height: 1.35;
        overflow-wrap: anywhere;
    }
}

@media (max-width: 420px) {
    .offer-history-inline__card-grid[b-1m578436ub] {
        grid-template-columns: 1fr;
    }

    .offer-history-inline__card-grid div:nth-child(odd)[b-1m578436ub],
    .offer-history-inline__card-grid div:nth-child(even)[b-1m578436ub] {
        padding-left: 0;
        padding-right: 0;
    }
}
/* _content/EmpiriaBMS.App/Components/General/SideNavGroup.razor.rz.scp.css */
.side-nav-group[b-05xa8oiujs] {
    margin-top: 0.2rem;
}

.side-nav-group__toggle[b-05xa8oiujs] {
    width: 100%;
    min-height: 44px;
    display: grid;
    grid-template-columns: 24px minmax(0, 1fr) 20px;
    align-items: center;
    gap: 0.55rem;
    padding: 0.7rem 0.85rem;
    border: 1px solid transparent;
    border-radius: 16px;
    background: transparent;
    color: var(--side-nav-text);
    font: inherit;
    font-weight: 700;
    text-align: left;
    transition: transform 0.16s ease, background-color 0.16s ease, border-color 0.16s ease, box-shadow 0.16s ease;
}

.side-nav-group__toggle:hover[b-05xa8oiujs],
.side-nav-group__toggle:focus-visible[b-05xa8oiujs] {
    background: var(--side-nav-hover);
    border-color: var(--side-nav-border);
    transform: translateX(2px);
    outline: none;
}

.side-nav-group__icon[b-05xa8oiujs],
.side-nav-group__chevron[b-05xa8oiujs] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: color-mix(in srgb, var(--side-nav-text) 82%, transparent);
}

.side-nav-group__icon[b-05xa8oiujs] {
    min-width: 20px;
}

.side-nav-group__icon[b-05xa8oiujs]  svg,
.side-nav-group__chevron svg[b-05xa8oiujs] {
    width: 20px;
    height: 20px;
    fill: currentColor;
    stroke: currentColor;
}

.side-nav-group__chevron svg[b-05xa8oiujs] {
    width: 16px;
    height: 16px;
}

.side-nav-group__chevron[b-05xa8oiujs] {
    transition: transform 0.16s ease;
}

.side-nav-group__chevron.is-expanded[b-05xa8oiujs] {
    transform: rotate(90deg);
}

.side-nav-group__title[b-05xa8oiujs] {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.side-nav-group__items[b-05xa8oiujs] {
    margin-left: 0.4rem;
    padding-left: 0.55rem;
    border-left: 1px solid color-mix(in srgb, var(--main-fg-color) 12%, transparent);
}
/* _content/EmpiriaBMS.App/Components/Header/Hours/DailyTimeRequest/SendHoursRequest.razor.rz.scp.css */
.send-hours-filter-band[b-zt46p3pqag] {
    align-items: flex-start;
    gap: 18px 28px;
}

.project-filter-stack[b-zt46p3pqag] {
    display: flex !important;
    align-items: flex-start !important;
    gap: 14px !important;
    min-width: 0;
}

.selections[b-zt46p3pqag] {
    max-height: none;
    min-width: 0;
}

.project-selection[b-zt46p3pqag] {
    width: clamp(300px, 30vw, 370px);
    flex: 0 1 clamp(300px, 30vw, 370px);
}

.project-resource-selection[b-zt46p3pqag] {
    width: clamp(220px, 18vw, 280px);
    flex: 0 1 clamp(220px, 18vw, 280px);
}

.project-search-header[b-zt46p3pqag],
.project-resource-header[b-zt46p3pqag] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    min-height: 24px;
    margin-bottom: 4px;
    min-width: 0;
}

.project-search-header h5[b-zt46p3pqag],
.project-resource-header h5[b-zt46p3pqag] {
    margin: 0;
    min-width: 0;
    font-size: 0.92rem;
    line-height: 1.2;
    font-weight: 700;
}

.project-search-switch[b-zt46p3pqag] {
    flex: 0 0 auto;
    white-space: nowrap;
}

.project-search-picker-row[b-zt46p3pqag],
.project-resource-picker-row[b-zt46p3pqag] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 32px;
    align-items: center;
    gap: 5px;
    width: 100%;
}

[b-zt46p3pqag] fluent-button.project-search-clear-button::part(control),
[b-zt46p3pqag] fluent-button.project-resource-clear-button::part(control) {
    width: 32px;
    min-width: 32px;
    height: 30px;
    padding: 0;
    border-color: var(--accordion-bt-bg);
    color: var(--accordion-header-color);
    background: transparent;
    border-radius: 4px;
}

[b-zt46p3pqag] fluent-button.project-search-clear-button:not([disabled])::part(control):hover,
[b-zt46p3pqag] fluent-button.project-resource-clear-button:not([disabled])::part(control):hover {
    background: var(--accordion-header-bg);
}

.no-project-time-toggle[b-zt46p3pqag] {
    width: 100%;
    min-width: 170px;
    height: 50px;
    border: 1px solid var(--accordion-bt-bg);
    color: var(--accordion-header-color);
    background-color: transparent;
}

.no-project-time-toggle.active[b-zt46p3pqag],
.no-project-time-toggle:hover[b-zt46p3pqag],
.no-project-time-toggle:focus[b-zt46p3pqag] {
    color: var(--accordion-header-color);
    background-color: var(--accordion-header-bg);
    border-color: var(--accordion-bt-bg);
}

.no-project-time-panel[b-zt46p3pqag] {
    border: 1px solid var(--accordion-bt-bg);
    border-radius: 4px;
    background-color: color-mix(in srgb, var(--accordion-header-bg) 18%, transparent);
}

.no-project-time-heading[b-zt46p3pqag] {
    padding: 6px 10px 10px;
}

.no-project-time-heading h3[b-zt46p3pqag] {
    margin: 0;
    color: var(--accordion-header-color);
    font-size: 1.05rem;
    font-weight: 700;
    line-height: 1.2;
}

/* Grid that auto-fits cards, no horizontal scroll */
.records-grid[b-zt46p3pqag] {
    display: flex;
    justify-content: center;
    align-content: start;
    flex-wrap: wrap;
    gap: .75rem;
}

/* Card look */
.record-card[b-zt46p3pqag] {
    background: transparent;
    box-shadow: 4px 4px 10px rgba(0, 0, 0, 0.3);
}

/* Two-column field layout on md+, stacked on small screens */
.field[b-zt46p3pqag] {
    display: grid;
    grid-template-columns: 110px 1fr;
    align-items: center;
    gap: .5rem;
    padding: .25rem 0;
}

.field + .field[b-zt46p3pqag] {
    border-top: 1px solid rgba(0, 0, 0, .06);
    padding-top: .5rem;
    margin-top: .5rem;
}

.field-label[b-zt46p3pqag] {
    font-size: .85rem;
    opacity: .8;
    white-space: nowrap;
}

.field-value[b-zt46p3pqag] {
    min-width: 0;
    width: 230px;
}

/* Inputs scale nicely */
.percent-group[b-zt46p3pqag] {
    max-width: 220px;
}

/* Mobile: stack label over value */
@media (max-width: 576px) {
    .send-hours-filter-band[b-zt46p3pqag] {
        gap: 14px;
    }

    .project-filter-stack[b-zt46p3pqag] {
        width: 100%;
        gap: 12px !important;
    }

    .project-selection[b-zt46p3pqag],
    .project-resource-selection[b-zt46p3pqag] {
        width: 100%;
        flex-basis: 100%;
    }

    .field[b-zt46p3pqag] {
        grid-template-columns: 1fr;
        align-items: start;
    }

    .percent-group[b-zt46p3pqag] {
        max-width: 100%;
    }
}
/* _content/EmpiriaBMS.App/Components/Header/Hours/EditHoursRecords.razor.rz.scp.css */
.edit-hours-table-wrap[b-j1mnqejcvw] {
    width: 100%;
    max-width: 100%;
    overflow: auto;
    --admin-table-action-btn-fg: #111827;
}

.edit-hours-table[b-j1mnqejcvw] {
    width: max-content;
    min-width: 100%;
    margin-bottom: 0;
    border-collapse: separate;
    border-spacing: 0;
    color: var(--main-fg-color);
    background-color: transparent;
}

.edit-hours-table thead th[b-j1mnqejcvw] {
    position: sticky;
    top: 0;
    z-index: 2;
    background-color: var(--color-transparent, transparent);
    color: var(--main-fg-color);
    font-weight: 600;
    white-space: nowrap;
}

.edit-hours-table th[b-j1mnqejcvw],
.edit-hours-table td[b-j1mnqejcvw] {
    padding: 0.75rem 0.85rem;
    vertical-align: middle;
    color: var(--main-fg-color);
    background-color: transparent;
    border-bottom: 1px solid var(--fluent-datagrid-border-bg);
}

.edit-hours-table tbody tr:hover td[b-j1mnqejcvw] {
    background-color: var(--primary-tables-hover-bg-color);
}

.edit-hours-table tbody tr:focus-within td[b-j1mnqejcvw] {
    background-color: var(--primary-tables-selected-bg-color) !important;
}

.admin-table select.form-select:disabled[b-j1mnqejcvw],
.admin-table select.form-select[disabled][b-j1mnqejcvw] {
    background: color-mix(in srgb, var(--combo-bg) 82%, #808080 18%) !important;
    color: color-mix(in srgb, var(--combo-fg) 68%, #9aa6bd 32%) !important;
    border: none !important;
    box-shadow: none !important;
    cursor: not-allowed !important;
    opacity: 1 !important;
}

.my-select[b-j1mnqejcvw] {
    min-width: 100px;
    max-width: 300px;
    width: 100%;
    padding: 4px;
}

.user-cell[b-j1mnqejcvw] {
    white-space: nowrap;
}

.actions-cell[b-j1mnqejcvw] {
    display: flex;
    gap: 8px;
    align-items: center;
    justify-content: flex-end;
    min-width: 160px;
    white-space: nowrap;
}

.project-cell[b-j1mnqejcvw] {
    white-space: normal;
    overflow-wrap: anywhere;
    word-break: break-word;
}

.admin-table fluent-button[aria-label][b-j1mnqejcvw]::part(control) {
    background-color: transparent !important;
}

.admin-table fluent-button[aria-label][b-j1mnqejcvw],
.admin-table fluent-button[aria-label][b-j1mnqejcvw]::part(control) {
    color: var(--admin-table-action-btn-fg) !important;
}

.admin-table fluent-button[aria-label] svg[b-j1mnqejcvw],
.admin-table fluent-button[aria-label] svg *[b-j1mnqejcvw] {
    fill: var(--admin-table-action-btn-fg) !important;
    stroke: var(--admin-table-action-btn-fg) !important;
}

.edit-hours-paginator[b-j1mnqejcvw] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    flex-wrap: wrap;
    margin-top: 8px;
}

.edit-hours-paginator-actions[b-j1mnqejcvw] {
    display: flex;
    gap: 8px;
    margin-left: auto;
}

@media (max-width: 991.98px) {
    .edit-hours-table th[b-j1mnqejcvw],
    .edit-hours-table td[b-j1mnqejcvw] {
        padding: 0.65rem 0.7rem;
    }

    .edit-hours-paginator[b-j1mnqejcvw] {
        justify-content: center;
    }

    .edit-hours-paginator-actions[b-j1mnqejcvw] {
        margin-left: 0;
    }
}
/* _content/EmpiriaBMS.App/Components/Header/Hours/EditUserHours/DailyTimeDetailed.razor.rz.scp.css */
.daily-time-dialog-scroll[b-psztsutma9] {
    max-height: 50vh;
    overflow-y: auto;
    overflow-x: hidden;
}

.combo-field-wrap[b-psztsutma9] {
    width: 100%;
}

.combo-field-wrap.combo-disabled[b-psztsutma9] {
    opacity: 0.65;
    pointer-events: none;
}

.daily-time-detailed-root[b-psztsutma9]  fluent-dialog-body {
    overflow-y: auto !important;
    overflow-x: hidden !important;
}

@media (max-width: 768px) {
    .daily-time-dialog-scroll[b-psztsutma9] {
        max-height: 60vh;
    }
}
/* _content/EmpiriaBMS.App/Components/Header/Hours/EditUserHours/EditUsersHours.razor.rz.scp.css */
.edit-users-hours-root[b-lpptvblvsi] {
    height: 100%;
    padding-bottom: 12px;
}

.edit-users-hours-card[b-lpptvblvsi] {
    padding: 16px;
    margin: 0 auto;
    width: 100%;
    max-width: 100%;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    min-height: 0;
    height: 100%;
    background-color: var(--bs-card-bg, var(--neutral-layer-1, #fff));
}

.edit-users-hours-filter[b-lpptvblvsi] {
    min-width: 260px;
    max-width: 320px;
}

.edit-users-hours-toolbar-actions[b-lpptvblvsi] {
    gap: 8px;
    flex-wrap: wrap;
    align-items: center;
}

.edit-users-hours-table-wrap[b-lpptvblvsi] {
    flex: 1 1 auto;
    height: 62vh;
    min-height: 0;
    overflow: auto;
    width: 100%;
    max-width: 100%;
    background-color: transparent;
}

.edit-users-hours-table-wrap[b-lpptvblvsi]::-webkit-scrollbar-corner {
    background: transparent;
}

.edit-users-hours-table[b-lpptvblvsi] {
    background-color: transparent !important;
    color: var(--text-color, inherit);
}

    .edit-users-hours-table th[b-lpptvblvsi],
    .edit-users-hours-table td[b-lpptvblvsi] {
        border-color: var(--border-color, rgba(0, 0, 0, 0.12)) !important;
        color: var(--text-color, inherit);
    }

    .edit-users-hours-table thead th[b-lpptvblvsi] {
        position: sticky;
        top: 0;
        z-index: 2;
        background-color: var(--card-bg) !important;
        border-bottom: 1px solid var(--border-color, rgba(0, 0, 0, 0.12)) !important;
    }

    .edit-users-hours-table tbody td[b-lpptvblvsi] {
        background-color: transparent !important;
    }

.edit-users-hours-actions fluent-button[b-lpptvblvsi] {
    min-width: 34px;
}

.edit-users-hours-actions fluent-button[b-lpptvblvsi]::part(control) {
    border: none !important;
    box-shadow: none !important;
    background: transparent !important;
}

.edit-users-hours-actions[b-lpptvblvsi],
.edit-users-hours-actions-header[b-lpptvblvsi] {
    min-width: 150px !important;
}

.edit-users-hours-paginator-wrap[b-lpptvblvsi] {
    min-width: 50%;
    margin: 8px auto 0;
    padding: 4px 0;
}

.user-cell[b-lpptvblvsi] {
    display: inline-block;
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.actions-btn-wrapper[b-lpptvblvsi] {
    margin-bottom: 6px;
}

.edit-users-hours-cancel-wrap[b-lpptvblvsi] {
    margin-bottom: 12px !important;
}

@media (max-width: 1000px) {
    .edit-users-hours-filter[b-lpptvblvsi] {
        min-width: 220px;
        max-width: 100%;
    }

    .edit-users-hours-table[b-lpptvblvsi] {
        width: 100%;
        table-layout: fixed;
    }

    .edit-users-hours-table th[b-lpptvblvsi],
    .edit-users-hours-table td[b-lpptvblvsi] {
        overflow-wrap: anywhere;
        word-break: break-word;
        min-width: 0 !important;
        padding: 0.28rem 0.34rem !important;
        font-size: 0.78rem !important;
        line-height: 1.2;
    }

    .edit-users-hours-table th:first-child[b-lpptvblvsi],
    .edit-users-hours-table td:first-child[b-lpptvblvsi] {
        width: 64px !important;
        min-width: 64px !important;
        max-width: 64px !important;
        white-space: nowrap;
    }

    .edit-users-hours-table th.edit-users-hours-project-header[b-lpptvblvsi],
    .edit-users-hours-table td.edit-users-hours-project-cell[b-lpptvblvsi] {
        width: 86px !important;
        min-width: 86px !important;
        max-width: 86px !important;
    }
    
    .edit-users-hours-actions[b-lpptvblvsi],
    .edit-users-hours-actions-header[b-lpptvblvsi] {
        min-width: 48px !important;
        width: 48px;
    }

    .edit-users-hours-table th.edit-users-hours-actions-header[b-lpptvblvsi] {
        min-width: 48px !important;
        width: 48px !important;
        max-width: 48px !important;
        padding-left: 1px !important;
        padding-right: 1px !important;
    }

    .edit-users-hours-actions-cell[b-lpptvblvsi] {
        min-width: 48px !important;
        width: 48px !important;
        max-width: 48px !important;
        padding-left: 1px !important;
        padding-right: 1px !important;
    }

    .edit-users-hours-table td.edit-users-hours-actions-cell[b-lpptvblvsi] {
        min-width: 48px !important;
        width: 48px !important;
        max-width: 48px !important;
    }

    .edit-users-hours-actions[b-lpptvblvsi] {
        gap: 1px !important;
        justify-content: flex-end !important;
    }

    .edit-users-hours-actions .edit-users-hours-action-btn[b-lpptvblvsi] {
        min-width: 14px !important;
        width: 14px;
    }

    .edit-users-hours-actions .edit-users-hours-action-btn[b-lpptvblvsi]::part(control) {
        min-width: 14px !important;
        width: 14px !important;
        height: 14px !important;
        min-height: 14px !important;
        max-height: 14px !important;
        padding: 0 !important;
    }

    .edit-users-hours-actions .edit-users-hours-action-btn svg[b-lpptvblvsi] {
        width: 8px !important;
        height: 8px !important;
    }
}
/* _content/EmpiriaBMS.App/Components/Header/Hours/PassWorkedHours.razor.rz.scp.css */
.pass-worked-hours-root[b-dotkixog6b] {
    padding: 4px !important;
    margin: 2px !important;
}

.pass-worked-hours-content[b-dotkixog6b] {
    width: 100% !important;
    height: clamp(200px, 70vh, 900px);
    overflow-y: auto;
    overflow-x: hidden;
}

.pass-worked-hours-filter-band[b-dotkixog6b] {
    align-items: flex-start;
    gap: 18px 28px;
}

.project-filter-stack[b-dotkixog6b] {
    display: flex !important;
    align-items: flex-start !important;
    gap: 14px !important;
    min-width: 0;
}

.selections[b-dotkixog6b] {
    max-height: none;
    min-width: 0;
}

.project-selection[b-dotkixog6b] {
    width: clamp(300px, 30vw, 370px);
    flex: 0 1 clamp(300px, 30vw, 370px);
}

.project-resource-selection[b-dotkixog6b] {
    width: clamp(220px, 18vw, 280px);
    flex: 0 1 clamp(220px, 18vw, 280px);
}

.project-search-header[b-dotkixog6b],
.project-resource-header[b-dotkixog6b] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    min-height: 24px;
    margin-bottom: 4px;
    min-width: 0;
}

.project-search-header h5[b-dotkixog6b],
.project-resource-header h5[b-dotkixog6b] {
    margin: 0;
    min-width: 0;
    font-size: 0.92rem;
    line-height: 1.2;
    font-weight: 700;
}

.project-search-switch[b-dotkixog6b] {
    flex: 0 0 auto;
    white-space: nowrap;
}

.project-search-picker-row[b-dotkixog6b],
.project-resource-picker-row[b-dotkixog6b] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 32px;
    align-items: center;
    gap: 5px;
    width: 100%;
}

[b-dotkixog6b] fluent-button.project-search-clear-button::part(control),
[b-dotkixog6b] fluent-button.project-resource-clear-button::part(control) {
    width: 32px;
    min-width: 32px;
    height: 30px;
    padding: 0;
    border-color: var(--accordion-bt-bg);
    color: var(--accordion-header-color);
    background: transparent;
    border-radius: 4px;
}

[b-dotkixog6b] fluent-button.project-search-clear-button:not([disabled])::part(control):hover,
[b-dotkixog6b] fluent-button.project-resource-clear-button:not([disabled])::part(control):hover {
    background: var(--accordion-header-bg);
}

.select-wrapper[b-dotkixog6b] {
    height: 50px;
    overflow-y: visible;
}

.select[b-dotkixog6b] {
    width: 100%;
    min-height: 50px;
    max-height: 100px !important;
    border-radius: 25px;
    border-color: #555;
    padding: 10px;
}

.search-btn[b-dotkixog6b] {
    width: 32px;
    height: 32px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: var(--primary-bg-color) !important;
    border: none;
}

.no-project-time-toggle[b-dotkixog6b] {
    width: 100%;
    min-width: 170px;
    height: 50px;
    border: 1px solid var(--accordion-bt-bg);
    color: var(--accordion-header-color);
    background-color: transparent;
}

.no-project-time-toggle.active[b-dotkixog6b],
.no-project-time-toggle:hover[b-dotkixog6b],
.no-project-time-toggle:focus[b-dotkixog6b] {
    color: var(--accordion-header-color);
    background-color: var(--accordion-header-bg);
    border-color: var(--accordion-bt-bg);
}

.no-project-time-panel[b-dotkixog6b] {
    border: 1px solid var(--accordion-bt-bg);
    border-radius: 4px;
    background-color: color-mix(in srgb, var(--accordion-header-bg) 18%, transparent);
}

.no-project-time-heading[b-dotkixog6b] {
    padding: 6px 10px 10px;
}

.no-project-time-heading h3[b-dotkixog6b] {
    margin: 0;
    color: var(--accordion-header-color);
    font-size: 1.05rem;
    font-weight: 700;
    line-height: 1.2;
}

.offer-like-accordion .accordion-button[b-dotkixog6b] {
    border: 1px solid var(--accordion-bt-bg) !important;
    border-radius: 4px !important;
    opacity: 1 !important;
    visibility: visible !important;
    display: flex !important;
    align-items: center !important;
    width: 100% !important;
    color: var(--accordion-header-color) !important;
    background-color: var(--accordion-header-bg) !important;
    padding: 6px 10px !important;
    min-height: 40px !important;
    height: 40px !important;
    line-height: 1.2 !important;
    font-size: 1.2rem !important;
}

.home-accordion-title[b-dotkixog6b] {
    font-size: inherit !important;
    line-height: 1.1 !important;
    font-weight: 600;
    margin: 0 !important;
    display: block;
}

.offer-like-accordion .accordion-button[b-dotkixog6b]::after {
    width: 1rem !important;
    height: 1rem !important;
    margin-left: auto !important;
    background-repeat: no-repeat !important;
    background-size: 1rem 1rem !important;
    content: "" !important;
    transform: scale(0.8) !important;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='var(--main-fg-color)'%3E%3Cpath fill-rule='evenodd' d='M1.646 5.646a.5.5 0 0 1 .708 0L8 11.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3E%3C/svg%3E") !important;
}

.offer-like-accordion .accordion-button:not(.collapsed)[b-dotkixog6b]::after {
    transform: scale(0.8) !important;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='var(--main-fg-color)'%3E%3Cpath fill-rule='evenodd' d='M1.646 10.354a.5.5 0 0 1 .708 0L8 4.707l5.646 5.647a.5.5 0 0 1 .708-.708l-6-6a.5.5 0 0 1-.708 0l-6 6a.5.5 0 0 1 0 .708z'/%3E%3C/svg%3E") !important;
}

.offer-like-accordion .accordion-body[b-dotkixog6b] {
    padding: 8px 10px;
}

/* Grid that auto-fits cards, no horizontal scroll */
.records-grid[b-dotkixog6b] {
    display: flex;
    justify-content: center;
    align-content: start;
    flex-wrap: wrap;
    gap: .75rem;
}

/* Card look */
.record-card[b-dotkixog6b] {
    background: transparent;
    box-shadow: 4px 4px 10px rgba(0, 0, 0, 0.3);
}

/* Two-column field layout on md+, stacked on small screens */
.field[b-dotkixog6b] {
    display: grid;
    grid-template-columns: 110px 1fr;
    align-items: center;
    gap: .5rem;
    padding: .25rem 0;
}

.field + .field[b-dotkixog6b] {
    border-top: 1px solid rgba(0,0,0,.06);
    padding-top: .5rem;
    margin-top: .5rem;
}

.field-label[b-dotkixog6b] {
    font-size: .85rem;
    opacity: .8;
    white-space: nowrap;
}

.field-value[b-dotkixog6b] {
    min-width: 0;
    width: 230px;
}

/* Inputs scale nicely */
.percent-group[b-dotkixog6b] {
    max-width: 220px;
}

.percent-group-inline[b-dotkixog6b] {
    display: flex;
}

.percent-input[b-dotkixog6b] {
    flex: 1 1 auto;
    min-width: 0;
}

.percent-suffix[b-dotkixog6b] {
    white-space: nowrap;
}

.dialog-action-button[b-dotkixog6b] {
    min-width: 100px;
    max-width: 200px;
}

.full-width-date-picker[b-dotkixog6b] {
    width: 100%;
}

/* Mobile: stack label over value */
@media (max-width: 576px) {
    .pass-worked-hours-filter-band[b-dotkixog6b] {
        gap: 14px;
    }

    .project-filter-stack[b-dotkixog6b] {
        width: 100%;
        gap: 12px !important;
    }

    .project-selection[b-dotkixog6b],
    .project-resource-selection[b-dotkixog6b] {
        width: 100%;
        flex-basis: 100%;
    }

    .field[b-dotkixog6b] {
        grid-template-columns: 1fr;
        align-items: start;
    }

    .percent-group[b-dotkixog6b] {
        max-width: 100%;
    }

    .unused-time-form-wrap[b-dotkixog6b] {
        margin-top: 40px !important;
        width: 100% !important;
        max-width: 100% !important;
    }
}
/* _content/EmpiriaBMS.App/Components/Header/My Profil/MyProfil.razor.rz.scp.css */
.role-list[b-84gl99a0lj] {
    max-height: 200px;
    overflow-y: auto;
}
/* _content/EmpiriaBMS.App/Components/Header/Notifications/NotificationRequestDetailed.razor.rz.scp.css */
.notification-request-container[b-ceclhbmx5d] {
    --notification-border-color: rgba(148, 163, 184, 0.22);
    --notification-border-strong: rgba(96, 165, 250, 0.42);
    --notification-surface-soft: linear-gradient(180deg, rgba(255, 255, 255, 0.06), rgba(255, 255, 255, 0.03));
    --notification-surface-strong: rgba(255, 255, 255, 0.07);
    --notification-surface-input: rgba(248, 250, 252, 0.98);
    --notification-surface-table-head: rgba(30, 41, 59, 0.96);
    --notification-row-hover: rgba(96, 165, 250, 0.12);
    --notification-text-muted: rgba(226, 232, 240, 0.72);
    --notification-shadow-soft: 0 12px 28px rgba(15, 23, 42, 0.18);
    /*    --notification-shadow-strong: 0 18px 42px rgba(15, 23, 42, 0.28);*/
    --notification-table-row: rgba(15, 23, 42, 0.72);
    --notification-table-row-alt: rgba(30, 41, 59, 0.76);
    --notification-table-text: #f8fafc;
    --notification-table-text-soft: #cbd5e1;
    max-height: none;
    height: 100% !important;
    overflow: visible;
    overflow-x: visible;
    padding: 0;
    color: var(--main-fg-color, #1f2937);
    display: block;
    flex: 0 0 auto;
    min-width: 0;
    min-height: 0;
    /*    background: transparent;*/
}

.notification-request-main[b-ceclhbmx5d] {
    display: block;
    min-height: 0;
    max-height: none;
    overflow-y: visible;
    overflow-x: visible;
    margin: 0;
    padding: 0 4px 14px 0;
    /*    background: transparent;*/
    height: 100% !important;
/*    background-color: green !important;*/
}

.notification-request-grid[b-ceclhbmx5d] {
    margin: 0;
    min-width: 0;
    height: 100% !important;    
}

.notification-request-grid > [class*="col-"][b-ceclhbmx5d] {
    min-width: 0;
}

.notification-request-field-box[b-ceclhbmx5d],
.notification-request-recipients[b-ceclhbmx5d] {
    border-radius: 16px;
    border: 1px solid var(--notification-border-color);
    background: var(--notification-surface-soft);
    box-shadow: var(--notification-shadow-soft);
    backdrop-filter: blur(10px);
    color: var(--main-fg-color, #1f2937);
}

.notification-request-field-box[b-ceclhbmx5d] {
    padding: 14px;
}

.notification-request-recipients[b-ceclhbmx5d] {
    display: flex;
    flex-direction: column;
    padding: 14px;
    overflow: visible;
    min-height: 0;
    height: auto;
    min-width: 0;
}

.notification-request-recipients-title[b-ceclhbmx5d] {
    margin-bottom: 12px;
    font-weight: 700;
    font-size: 0.98rem;
    letter-spacing: 0.01em;
    color: var(--main-fg-color, #1f2937);
}

.notification-request-toolbar[b-ceclhbmx5d] {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    align-items: center;
    margin-bottom: 12px;
}

.notification-filter-btn[b-ceclhbmx5d] {
    min-height: 36px;
    padding-inline: 14px;
    border-radius: 999px;
    font-weight: 600;
    border-color: var(--notification-border-color);
    background: rgba(255, 255, 255, 0.04);
    color: rgba(241, 245, 249, 0.92);
    transition: background-color 0.18s ease, border-color 0.18s ease, transform 0.18s ease;
}

.notification-filter-btn:hover[b-ceclhbmx5d],
.notification-filter-btn:focus[b-ceclhbmx5d] {
    border-color: var(--notification-border-strong);
    background: rgba(96, 165, 250, 0.14);
    color: #fff;
    transform: translateY(-1px);
}

.notification-request-role-box[b-ceclhbmx5d] {
    margin-bottom: 12px;
    padding: 12px;
    border-radius: 14px;
    border: 1px solid var(--notification-border-color);
    background: rgba(15, 23, 42, 0.14);
}

.notification-role-search-input[b-ceclhbmx5d] {
    color: var(--main-fg-color, #1f2937) !important;
    background: var(--notification-surface-input) !important;
    border-color: var(--notification-border-color) !important;
    border-radius: 12px !important;
    min-height: 38px;
}

.notification-role-search-input[b-ceclhbmx5d]::placeholder {
    color: rgba(31, 41, 55, 0.68) !important;
    opacity: 1;
}

.notification-role-search-input:focus[b-ceclhbmx5d] {
    color: var(--main-fg-color, #1f2937) !important;
    border-color: var(--notification-border-strong) !important;
    box-shadow: 0 0 0 0.18rem rgba(96, 165, 250, 0.18) !important;
}

.notification-request-role-list[b-ceclhbmx5d] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
    gap: 8px;
    max-height: 180px;
    overflow-y: auto;
    padding-right: 2px;
}

.notification-request-role-item[b-ceclhbmx5d] {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 8px 10px;
    border-radius: 12px;
    font-size: 0.95rem;
    color: var(--main-fg-color, #1f2937);
    background: rgba(255, 255, 255, 0.05);
    transition: background-color 0.18s ease, border-color 0.18s ease;
}

.notification-request-role-item:hover[b-ceclhbmx5d] {
    background: rgba(96, 165, 250, 0.12);
}

.notification-request-role-item input[type="checkbox"][b-ceclhbmx5d] {
    width: 16px;
    height: 16px;
    accent-color: #60a5fa;
}

.notification-users-section[b-ceclhbmx5d] {
    width: 100%;
    height: 100%;
    min-width: 0;
    min-height: 0;
}

.notification-users-toolbar[b-ceclhbmx5d] {
    display: flex;
    gap: 10px;
    align-items: end;
    justify-content: space-between;
    flex-wrap: wrap;
    margin-bottom: 8px;
}

.notification-users-combo-label[b-ceclhbmx5d] {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 4px;
    font-weight: 700;
}

.notification-users-combo-count[b-ceclhbmx5d] {
    font-size: 0.85rem;
    font-weight: 600;
    color: var(--notification-text-muted);
}

.notification-user-search[b-ceclhbmx5d] {
    width: min(280px, 100%);
    color: var(--main-fg-color, #1f2937) !important;
    -webkit-text-fill-color: var(--main-fg-color, #1f2937) !important;
    background: var(--notification-surface-input) !important;
    border-color: var(--notification-border-color) !important;
    border-radius: 12px !important;
    min-height: 38px;
}

.notification-user-search:focus[b-ceclhbmx5d] {
    color: var(--main-fg-color, #1f2937) !important;
    -webkit-text-fill-color: var(--main-fg-color, #1f2937) !important;
    border-color: var(--notification-border-strong) !important;
    box-shadow: 0 0 0 0.18rem rgba(96, 165, 250, 0.18) !important;
}

.notification-user-search[b-ceclhbmx5d]::placeholder {
    color: rgba(31, 41, 55, 0.68) !important;
    opacity: 1;
}

.notification-users-table-wrap[b-ceclhbmx5d] {
    height: 100%;
    overflow: hidden;
    position: relative;
    border: 1px solid var(--notification-border-color);
    border-radius: 14px;
    background: rgba(15, 23, 42, 0.1);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.03);
    -webkit-overflow-scrolling: touch;
}

.notification-users-table[b-ceclhbmx5d] {
    margin-bottom: 0;
    overflow: hidden;
    width: 100%;
    border-collapse: separate;
    border-spacing: 0;
    table-layout: fixed;
    --bs-table-bg: transparent;
    --bs-table-color: var(--notification-table-text);
    --bs-table-striped-bg: transparent;
    --bs-table-striped-color: var(--notification-table-text);
    --bs-table-hover-bg: transparent;
    --bs-table-hover-color: var(--notification-table-text);
}

.notification-users-table thead[b-ceclhbmx5d],
.notification-users-table tbody[b-ceclhbmx5d],
.notification-users-table tr[b-ceclhbmx5d] {
    display: table;
    width: 100%;
    table-layout: fixed;
}

.notification-users-table thead[b-ceclhbmx5d] {
    width: calc(100% - 10px);
}

.notification-users-table tbody[b-ceclhbmx5d] {
    display: block;
    max-height: clamp(160px, 28vh, 300px);
    overflow-y: auto;
    overflow-x: hidden;
}

.notification-users-table thead th[b-ceclhbmx5d] {
    background: var(--notification-surface-table-head);
    color: rgba(255, 255, 255, 0.92);
    font-size: 0.83rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    border-bottom: 1px solid rgba(255, 255, 255, 0.08);
    box-shadow: inset 0 -1px 0 rgba(255, 255, 255, 0.08);
}

.notification-users-table td[b-ceclhbmx5d],
.notification-users-table th[b-ceclhbmx5d] {
    vertical-align: middle;
    padding: 0.72rem 0.85rem;
}

.notification-users-table tbody tr[b-ceclhbmx5d] {
    background: var(--notification-table-row) !important;
    transition: background-color 0.16s ease;
}

.notification-users-table tbody tr:nth-child(even)[b-ceclhbmx5d] {
    background: var(--notification-table-row-alt) !important;
}

.notification-users-table tbody tr:hover[b-ceclhbmx5d] {
    background: var(--notification-row-hover) !important;
}

.notification-user-row[b-ceclhbmx5d] {
    cursor: pointer;
}

.notification-user-row.is-selected[b-ceclhbmx5d] {
    box-shadow: inset 0 0 0 1px rgba(96, 165, 250, 0.34);
}

.notification-users-table tbody td[b-ceclhbmx5d] {
    background: transparent !important;
    color: var(--notification-table-text) !important;
    font-weight: 500;
    border-color: rgba(148, 163, 184, 0.12);
}

.notification-users-table tbody td:nth-child(2)[b-ceclhbmx5d] {
    color: var(--notification-table-text) !important;
    font-weight: 600;
}

.notification-users-table tbody td:nth-child(3)[b-ceclhbmx5d] {
    color: var(--notification-table-text-soft) !important;
}

.notification-users-table input[type="checkbox"][b-ceclhbmx5d] {
    width: 16px;
    height: 16px;
    accent-color: #60a5fa;
}

.notification-request-container label[b-ceclhbmx5d],
.notification-request-container th[b-ceclhbmx5d],
.notification-request-container td[b-ceclhbmx5d],
.notification-request-container span[b-ceclhbmx5d],
.notification-request-container div[b-ceclhbmx5d],
.notification-request-container input[b-ceclhbmx5d],
.notification-request-container textarea[b-ceclhbmx5d] {
    color: inherit;
}

.notification-request-container input[b-ceclhbmx5d]::placeholder,
.notification-request-container textarea[b-ceclhbmx5d]::placeholder {
    color: var(--notification-text-muted);
}

.notification-request-container input.notification-user-search[b-ceclhbmx5d],
.notification-request-container input.notification-user-search:focus[b-ceclhbmx5d],
.notification-request-container input.notification-user-search:active[b-ceclhbmx5d] {
    color: #1f2937 !important;
    -webkit-text-fill-color: #1f2937 !important;
    caret-color: #1f2937 !important;
}

.notification-request-container input.notification-user-search[b-ceclhbmx5d]::placeholder {
    color: rgba(31, 41, 55, 0.68) !important;
    -webkit-text-fill-color: rgba(31, 41, 55, 0.68) !important;
    opacity: 1;
}

.notification-request-container .text-muted[b-ceclhbmx5d] {
    color: var(--notification-text-muted) !important;
}

.notification-request-field-box[b-ceclhbmx5d]  fluent-text-area,
.notification-request-field-box[b-ceclhbmx5d]  textarea {
    border-radius: 14px !important;
}

.notification-request-field-box[b-ceclhbmx5d]  textarea {
    background: var(--notification-surface-input) !important;
    color: var(--main-fg-color, #1f2937) !important;
    border: 1px solid var(--notification-border-color) !important;
}

.notification-request-field-box[b-ceclhbmx5d]  textarea:focus {
    border-color: var(--notification-border-strong) !important;
    box-shadow: 0 0 0 0.18rem rgba(96, 165, 250, 0.18) !important;
}

[data-theme="light"] .notification-request-container[b-ceclhbmx5d],
[data-bs-theme="light"] .notification-request-container[b-ceclhbmx5d] {
    --notification-border-color: rgba(15, 23, 42, 0.12);
    --notification-border-strong: rgba(59, 130, 246, 0.34);
    --notification-surface-soft: linear-gradient(180deg, rgba(255, 255, 255, 0.96), rgba(241, 245, 249, 0.96));
    --notification-surface-strong: rgba(226, 232, 240, 0.68);
    --notification-surface-input: #ffffff;
    --notification-surface-table-head: #dbe7f5;
    --notification-row-hover: rgba(59, 130, 246, 0.12);
    --notification-text-muted: rgba(51, 65, 85, 0.72);
    --notification-shadow-soft: 0 14px 30px rgba(15, 23, 42, 0.08);
    --notification-table-row: rgba(255, 255, 255, 0.98);
    --notification-table-row-alt: rgba(241, 245, 249, 0.98);
    --notification-table-text: #0f172a;
    --notification-table-text-soft: #334155;
}

[data-theme="light"] .notification-filter-btn[b-ceclhbmx5d],
[data-bs-theme="light"] .notification-filter-btn[b-ceclhbmx5d] {
    background: rgba(255, 255, 255, 0.88);
    color: #334155;
}

[data-theme="light"] .notification-filter-btn:hover[b-ceclhbmx5d],
[data-theme="light"] .notification-filter-btn:focus[b-ceclhbmx5d],
[data-bs-theme="light"] .notification-filter-btn:hover[b-ceclhbmx5d],
[data-bs-theme="light"] .notification-filter-btn:focus[b-ceclhbmx5d] {
    color: #0f172a;
}

[data-theme="light"] .notification-request-role-box[b-ceclhbmx5d],
[data-bs-theme="light"] .notification-request-role-box[b-ceclhbmx5d] {
    background: rgba(241, 245, 249, 0.95);
}

[data-theme="light"] .notification-users-table thead th[b-ceclhbmx5d],
[data-bs-theme="light"] .notification-users-table thead th[b-ceclhbmx5d] {
    color: #1e293b;
    border-bottom-color: rgba(15, 23, 42, 0.08);
}

[data-theme="light"] .notification-users-table-wrap[b-ceclhbmx5d],
[data-bs-theme="light"] .notification-users-table-wrap[b-ceclhbmx5d] {
    background: rgba(255, 255, 255, 0.92);
}

@media (max-width: 768px) {
    .notification-request-container[b-ceclhbmx5d] {
        max-height: none;
        min-height: 0;
        padding: 0;
    }

    .notification-request-field-box[b-ceclhbmx5d],
    .notification-request-recipients[b-ceclhbmx5d],
    .notification-request-role-box[b-ceclhbmx5d],
    .notification-users-table-wrap[b-ceclhbmx5d] {
        border-radius: 12px;
    }

    .notification-request-field-box[b-ceclhbmx5d],
    .notification-request-recipients[b-ceclhbmx5d] {
        padding: 12px;
    }

    .notification-request-toolbar[b-ceclhbmx5d] {
        flex-direction: column;
        align-items: stretch;
    }

    .notification-filter-btn[b-ceclhbmx5d] {
        width: 100%;
        justify-content: center;
    }

    .notification-users-combo-label[b-ceclhbmx5d] {
        gap: 4px;
    }

    .notification-request-recipients[b-ceclhbmx5d] {
        min-height: 0;
    }

    .notification-users-toolbar[b-ceclhbmx5d] {
        align-items: stretch;
        gap: 8px;
    }

    .notification-user-search[b-ceclhbmx5d] {
        width: 100%;
    }

    .notification-users-table-wrap[b-ceclhbmx5d] {
        /*max-height: min(280px, calc(100vh - 360px));*/
        height: 100%;
        overflow-x: hidden;
        overflow-y: hidden;
        border: 1px solid var(--notification-border-color);
        background: rgba(15, 23, 42, 0.1);
        box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.03);
    }

    .notification-users-table[b-ceclhbmx5d] {
        min-width: 0;
        width: 100%;
        height: 100%;
        table-layout: fixed;
    }

    .notification-users-table thead[b-ceclhbmx5d] {
        width: calc(100% - 8px);
    }

    .notification-users-table th:first-child[b-ceclhbmx5d],
    .notification-users-table td:first-child[b-ceclhbmx5d] {
        width: 42px !important;
        padding-left: 0.45rem;
        padding-right: 0.45rem;
        text-align: center;
    }

    .notification-users-table th:nth-child(2)[b-ceclhbmx5d],
    .notification-users-table td:nth-child(2)[b-ceclhbmx5d] {
        width: 44%;
    }

    .notification-users-table th:nth-child(3)[b-ceclhbmx5d],
    .notification-users-table td:nth-child(3)[b-ceclhbmx5d] {
        width: calc(56% - 42px);
    }

    .notification-users-table th:nth-child(2)[b-ceclhbmx5d],
    .notification-users-table th:nth-child(3)[b-ceclhbmx5d],
    .notification-users-table td:nth-child(2)[b-ceclhbmx5d],
    .notification-users-table td:nth-child(3)[b-ceclhbmx5d] {
        white-space: normal;
        overflow-wrap: anywhere;
        word-break: break-word;
        text-align: left;
    }

    .notification-users-table tbody[b-ceclhbmx5d] {
        height: auto;
        max-height: min(280px, calc(100vh - 350px));
        overflow-x: hidden;
        overflow-y: auto;
    }

    .notification-users-table td[b-ceclhbmx5d],
    .notification-users-table th[b-ceclhbmx5d] {
        padding: 0.58rem 0.5rem;
        font-size: 0.78rem;
        line-height: 1.25;
    }

}

@media (max-width: 480px) {
    .notification-request-main[b-ceclhbmx5d] {
        padding-right: 0;
    }

    .notification-request-role-list[b-ceclhbmx5d] {
        grid-template-columns: minmax(0, 1fr);
    }

    .notification-users-combo-count[b-ceclhbmx5d] {
        font-size: 0.8rem;
    }

    .notification-users-table-wrap[b-ceclhbmx5d] {
        max-height: min(270px, calc(100vh - 350px));
    }

    .notification-users-table tbody[b-ceclhbmx5d] {
        max-height: min(220px, calc(100vh - 400px));
    }
}
/* _content/EmpiriaBMS.App/Components/Header/Notifications/SendNotificationDialog.razor.rz.scp.css */
.send-notification-service-dialog-header[b-4fh365m57d] {
    flex: 0 0 auto;
}

.send-notification-service-header-content[b-4fh365m57d] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: center;
    gap: 12px;
    width: 100%;
}

.send-notification-service-close[b-4fh365m57d] {
    width: 36px;
    height: 36px;
}

.send-notification-service-dialog-body[b-4fh365m57d] {
    flex: 0 1 auto;
    min-height: 0;
    overflow-y: auto !important;
    overflow-x: hidden !important;
    padding: 0 4px 0 0;
    scrollbar-gutter: stable;
    scrollbar-width: thin;
    -webkit-overflow-scrolling: touch;
}

.send-notification-service-dialog-body[b-4fh365m57d]  .notification-request-container {
    height: 100% !important;
    min-height: 0;
    overflow: visible !important;
}

.send-notification-service-dialog-body[b-4fh365m57d]  .notification-request-main {
    height: auto !important;
    max-height: none !important;
    overflow: visible !important;
}

.send-notification-service-dialog-footer[b-4fh365m57d] {
    flex: 0 0 auto;
    display: flex;
    flex-direction: column;
    align-items: stretch;
    gap: 8px;
    background: transparent;
}

.send-notification-service-actions[b-4fh365m57d] {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    width: 100%;
}

.send-notification-service-send[b-4fh365m57d]::part(control) {
    min-width: 120px;
}

@media (max-width: 768px) {
    .send-notification-service-dialog-body[b-4fh365m57d] {
        padding-right: 0;
    }

    .send-notification-service-send[b-4fh365m57d]::part(control) {
        min-width: 112px;
    }
}
/* _content/EmpiriaBMS.App/Components/Header/ProjectActions/ProjectActionRequestDetailed.razor.rz.scp.css */
/*.ProjectAction-request-container {
    max-height: 500px;
    overflow-y: hidden;
    overflow-x: hidden;
    padding-right: 0.35rem;
}*/

.ProjectAction-request-title[b-innckkq2z7] {
    margin: 0 0 0.5rem 0;
    font-weight: 600;
}

.ProjectAction-request-form[b-innckkq2z7] {
    margin: 0.25rem 0.5rem;
}

.ProjectAction-request-row[b-innckkq2z7] {
    align-items: flex-start;
}

.ProjectAction-request-field-box[b-innckkq2z7] {
    min-width: 200px;
    max-width: 320px;
    margin: 0 auto;
}

.ProjectAction-request-file-input[b-innckkq2z7] {
    width: 100%;
}

.ProjectAction-request-description[b-innckkq2z7] {
    width: 100%;
}

.ProjectAction-request-actions[b-innckkq2z7] {
    display: flex;
    justify-content: flex-end;
    gap: 0.5rem;
    margin-top: 1rem;
    padding-top: 0.5rem;
    border-top: 1px solid rgba(0, 0, 0, 0.08);
}

.ProjectAction-recipients-section[b-innckkq2z7] {
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    padding: 0.75rem;
}

.ProjectAction-recipients-title[b-innckkq2z7] {
    font-weight: 600;
    margin-bottom: 0.5rem;
}

.ProjectAction-recipients-loading[b-innckkq2z7] {
    min-height: 80px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.ProjectAction-recipients-toolbar[b-innckkq2z7] {
    display: flex;
    gap: 0.5rem;
    align-items: center;
    flex-wrap: wrap;
    margin-bottom: 0.5rem;
}

.ProjectAction-user-search[b-innckkq2z7] {
    max-width: 260px;
}

.ProjectAction-role-filter-box[b-innckkq2z7] {
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    padding: 0.5rem;
    margin-bottom: 0.5rem;
}

.ProjectAction-role-list[b-innckkq2z7] {
    max-height: 160px;
    overflow-y: auto;
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(180px, 1fr));
    gap: 0.35rem;
}

.ProjectAction-role-item[b-innckkq2z7] {
    display: flex;
    align-items: center;
    gap: 0.35rem;
}

.ProjectAction-users-table-wrap[b-innckkq2z7] {
    max-height: 270px;
    overflow: auto;
}

.ProjectAction-users-table[b-innckkq2z7] {
    margin-bottom: 0;
}

@media (max-width: 768px) {
    .ProjectAction-request-field-box[b-innckkq2z7] {
        min-width: 0;
        max-width: 100%;
    }

    .ProjectAction-request-actions[b-innckkq2z7] {
        justify-content: stretch;
    }

    .ProjectAction-request-actions fluent-button[b-innckkq2z7] {
        flex: 1 1 auto;
    }

    .ProjectAction-user-search[b-innckkq2z7] {
        max-width: 100%;
        width: 100%;
    }
}
/* _content/EmpiriaBMS.App/Components/Invoices/Invoices.razor.rz.scp.css */
th:last-child[b-1tec8tgaaz], td:last-child[b-1tec8tgaaz] {
    position: sticky;
    right: 0;
}

.manual-invoices-header[b-1tec8tgaaz] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    margin: 0 8px 16px;
}

.manual-invoices-header h3[b-1tec8tgaaz] {
    margin: 0;
}

.manual-invoice-editor[b-1tec8tgaaz] {
    border: 1px solid rgba(148, 163, 184, 0.38);
    border-radius: 8px;
    padding: 14px;
    margin-bottom: 16px;
    background: color-mix(in srgb, var(--neutral-layer-1, #ffffff) 94%, #64748b 6%);
}

.manual-invoice-editor__grid[b-1tec8tgaaz] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 12px;
}

.manual-invoice-editor label[b-1tec8tgaaz] {
    display: flex;
    flex-direction: column;
    gap: 5px;
    min-width: 0;
    font-size: 0.82rem;
    font-weight: 600;
    color: var(--neutral-foreground-rest, #1f2937);
}

.manual-invoice-editor__notes[b-1tec8tgaaz] {
    grid-column: span 2;
}

.manual-invoice-editor__actions[b-1tec8tgaaz] {
    display: flex;
    justify-content: flex-end;
    gap: 8px;
    margin-top: 14px;
}

.manual-invoices-empty[b-1tec8tgaaz] {
    border: 1px dashed rgba(148, 163, 184, 0.58);
    border-radius: 8px;
    padding: 24px;
    text-align: center;
    color: var(--neutral-foreground-hint, #64748b);
}

.manual-invoices-table__actions[b-1tec8tgaaz] {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 4px;
}

.manual-invoice-status[b-1tec8tgaaz] {
    display: inline-flex;
    align-items: center;
    min-height: 24px;
    padding: 2px 8px;
    border-radius: 999px;
    font-size: 0.78rem;
    font-weight: 700;
}

.manual-invoice-status--paid[b-1tec8tgaaz] {
    color: #065f46;
    background: #d1fae5;
}

.manual-invoice-status--unpaid[b-1tec8tgaaz] {
    color: #92400e;
    background: #fef3c7;
}

.manual-invoice-status--delayed[b-1tec8tgaaz] {
    color: #991b1b;
    background: #fee2e2;
}

.manual-invoice-status--draft[b-1tec8tgaaz] {
    color: #334155;
    background: #e2e8f0;
}

.manual-invoice-status--cancelled[b-1tec8tgaaz] {
    color: #475569;
    background: #f1f5f9;
}

[b-1tec8tgaaz] fluent-button.manual-invoice-outline-btn::part(control) {
    color: var(--neutral-foreground-rest, #1f2937);
}

@media (max-width: 991.98px) {
    .manual-invoice-editor__grid[b-1tec8tgaaz] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 575.98px) {
    .manual-invoices-header[b-1tec8tgaaz] {
        align-items: stretch;
        flex-direction: column;
    }

    .manual-invoice-editor__grid[b-1tec8tgaaz] {
        grid-template-columns: 1fr;
    }

    .manual-invoice-editor__notes[b-1tec8tgaaz] {
        grid-column: auto;
    }
}
/* _content/EmpiriaBMS.App/Components/Invoices/Payments.razor.rz.scp.css */
th:last-child[b-hbptyv2lw3], td:last-child[b-hbptyv2lw3] {
    position: sticky;
    right: 0px;
}
/* _content/EmpiriaBMS.App/Components/KPIS/Base/KPIDashboard.razor.rz.scp.css */

.kpi-container[b-e9mqswr92z] {
    height: 84vh;
}
/* _content/EmpiriaBMS.App/Components/KPIS/TenderTable.razor.rz.scp.css */
/* _content/EmpiriaBMS.App/Components/Main.razor.rz.scp.css */
.add-hover:hover[b-wi9t9ubsfi] {
    transform: translate(4px, 4px) !important;
}

.form-select[b-wi9t9ubsfi] {
    min-width: 300px !important;
}

.list-group[b-wi9t9ubsfi] {
    max-height: 300px;
    min-width: 350px !important;
    margin-bottom: 10px;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    background-color: transparent !important;
}

.modal-content[b-wi9t9ubsfi] {
    word-wrap: break-word;
    overflow-x: hidden !important;
    overflow-y: hidden !important;
    margin: 0 auto !important;
    max-height: 50vh !important;
}

input[type="checkbox"]:checked[b-wi9t9ubsfi] {
    background-color: var(--primary-accent-color);
    border-color: var(--primary-accent-color);
}

input[b-wi9t9ubsfi]::-webkit-outer-spin-button,
input[b-wi9t9ubsfi]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

input[type=number][b-wi9t9ubsfi] {
    appearance: textfield;
    -moz-appearance: textfield;
}

.browser-header[b-wi9t9ubsfi] {
    display: flex;
    align-items: center;
    gap: 0.8rem;
    padding: 0.65rem 0.9rem;
    border: 1px solid color-mix(in srgb, var(--main-fg-color) 10%, transparent);
    border-radius: 20px;
    box-shadow: 0 14px 30px color-mix(in srgb, var(--main-fg-color) 8%, transparent);
}

.main-dashboard[b-wi9t9ubsfi] {
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 0.9rem;
    min-height: 0;
}

.main-dashboard__top[b-wi9t9ubsfi] {
    flex: 0 0 auto;
    position: sticky;
    top: 0;
    z-index: 40;
    padding-top: 0.55rem;
    background: linear-gradient(
        180deg,
        color-mix(in srgb, var(--main-bg-color) 98%, transparent),
        color-mix(in srgb, var(--main-bg-color) 84%, transparent)
    );
}

.dashboard-switch[b-wi9t9ubsfi] {
    display: inline-flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 0.45rem;
    margin: 0 0 0.85rem;
    padding: 0.35rem;
    border: 1px solid color-mix(in srgb, var(--main-fg-color) 10%, transparent);
    border-radius: 16px;
    background: color-mix(in srgb, var(--main-bg-color) 94%, white 6%);
    box-shadow: 0 10px 24px color-mix(in srgb, var(--main-fg-color) 6%, transparent);
}

.dashboard-switch__button[b-wi9t9ubsfi] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    min-height: 40px;
    padding: 0.6rem 1rem;
    border: 0;
    border-radius: 12px;
    background: transparent;
    color: color-mix(in srgb, var(--main-fg-color) 76%, transparent);
    font-weight: 700;
    line-height: 1.12;
    text-align: center;
    white-space: normal;
    transition: background-color 0.16s ease, color 0.16s ease, transform 0.16s ease, box-shadow 0.16s ease;
}

.dashboard-switch__button:hover[b-wi9t9ubsfi],
.dashboard-switch__button:focus-visible[b-wi9t9ubsfi] {
    transform: translateY(-1px);
    background: color-mix(in srgb, var(--main-bg-color) 88%, var(--primary-accent-color) 12%);
    color: var(--main-fg-color);
}

.dashboard-switch__button.is-active[b-wi9t9ubsfi] {
    background: color-mix(in srgb, var(--primary-accent-color) 82%, black 18%);
    color: var(--on-accent-strong);
    box-shadow: 0 8px 18px color-mix(in srgb, var(--main-fg-color) 10%, transparent);
}

.dashboard-views[b-wi9t9ubsfi] {
    width: 100%;
}

.dashboard-view--hidden[b-wi9t9ubsfi] {
    display: none;
}

.reports-single-tab[b-wi9t9ubsfi] {
    display: flex;
    min-height: calc(100dvh - 10rem);
    padding: 10px;
}

.reports-single[b-wi9t9ubsfi] {
    display: flex;
    flex: 1 1 auto;
    flex-direction: column;
    gap: 0.9rem;
    min-width: 0;
    min-height: 0;
    padding: 1rem;
    border: 1px solid color-mix(in srgb, var(--main-fg-color) 12%, transparent);
    border-radius: 12px;
    background: color-mix(in srgb, var(--main-bg-color) 96%, var(--primary-bg-color) 4%);
}

.reports-single__header[b-wi9t9ubsfi] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1rem;
    flex: 0 0 auto;
    padding-bottom: 0.8rem;
    border-bottom: 1px solid color-mix(in srgb, var(--main-fg-color) 12%, transparent);
}

.reports-single__eyebrow[b-wi9t9ubsfi],
.reports-single__title[b-wi9t9ubsfi],
.reports-single__description[b-wi9t9ubsfi] {
    margin: 0;
}

.reports-single__eyebrow[b-wi9t9ubsfi] {
    color: color-mix(in srgb, var(--main-fg-color) 62%, transparent);
    font-size: 0.78rem;
    font-weight: 800;
    letter-spacing: 0;
    text-transform: uppercase;
}

.reports-single__title[b-wi9t9ubsfi] {
    margin-top: 0.25rem;
    color: var(--main-fg-color);
    font-size: 1.45rem;
    font-weight: 820;
}

.reports-single__description[b-wi9t9ubsfi] {
    max-width: 980px;
    margin-top: 0.35rem;
    color: color-mix(in srgb, var(--main-fg-color) 76%, transparent);
    font-size: 0.94rem;
    line-height: 1.45;
}

.reports-single__type[b-wi9t9ubsfi] {
    flex: 0 0 auto;
    padding: 0.35rem 0.6rem;
    border: 1px solid color-mix(in srgb, var(--primary-accent-color) 35%, transparent);
    border-radius: 999px;
    background: color-mix(in srgb, var(--primary-accent-color) 12%, var(--main-bg-color) 88%);
    color: var(--main-fg-color);
    font-size: 0.78rem;
    font-weight: 800;
}

.browser-header__controls[b-wi9t9ubsfi] {
    display: inline-flex;
    align-items: center;
    gap: 0.55rem;
    flex: 0 0 auto;
    flex-direction: row-reverse;
}

.toggle-btn-browser[b-wi9t9ubsfi] {
    flex: 0 0 auto;
    margin: 0;
}

.home-btn-browser[b-wi9t9ubsfi] {
    width: 2.5rem;
    height: 2.5rem;
    padding: 0;
    margin-right: 0.1rem;
    border: 1px solid color-mix(in srgb, var(--toggle-btn-browser-color) 75%, transparent);
    border-radius: 14px;
    background: color-mix(in srgb, var(--browser-header-bg) 74%, white 26%);
    color: var(--toggle-btn-browser-color);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    transition: transform 0.16s ease, background-color 0.16s ease, border-color 0.16s ease;
}

.home-btn-browser:hover[b-wi9t9ubsfi],
.home-btn-browser:focus-visible[b-wi9t9ubsfi] {
    transform: translateY(-1px);
    background: color-mix(in srgb, var(--browser-header-bg) 62%, white 38%);
    border-color: color-mix(in srgb, var(--toggle-btn-browser-color) 88%, transparent);
}

.home-btn-browser:active[b-wi9t9ubsfi] {
    transform: translateY(0);
}

.home-btn-browser svg[b-wi9t9ubsfi] {
    width: 20px;
    height: 20px;
}

.main-shell[b-wi9t9ubsfi] {
    --side-nav-width: 370px;
    --side-nav-radius: 24px;
    --side-nav-desktop-max-height: calc(100dvh - 10rem);
    --side-nav-shell-bg: color-mix(in srgb, var(--main-bg-color) 94%, var(--primary-accent-color) 6%);
    --side-nav-surface: color-mix(in srgb, var(--main-bg-color) 96%, white 4%);
    --side-nav-border: color-mix(in srgb, var(--main-fg-color) 14%, transparent);
    --side-nav-border-strong: color-mix(in srgb, var(--main-fg-color) 22%, transparent);
    --side-nav-text: var(--main-fg-color);
    --side-nav-muted: color-mix(in srgb, var(--main-fg-color) 64%, transparent);
    --side-nav-hover: color-mix(in srgb, var(--primary-accent-color) 12%, var(--main-bg-color) 88%);
    --side-nav-active: color-mix(in srgb, var(--primary-accent-color) 18%, var(--main-bg-color) 82%);
    --side-nav-active-border: color-mix(in srgb, var(--primary-accent-color) 48%, transparent);
    --side-nav-shadow: 0 22px 40px color-mix(in srgb, var(--main-fg-color) 8%, transparent);
    position: relative;
    display: grid;
    grid-template-columns: 0 minmax(0, 1fr);
    gap: 1.25rem;
    align-items: start;
    min-height: 0;
}

.main-shell--nav-open[b-wi9t9ubsfi] {
    grid-template-columns: minmax(340px, var(--side-nav-width)) minmax(0, 1fr);
}

.side-nav-backdrop[b-wi9t9ubsfi] {
    display: none;
}

.main-shell .side-nav[b-wi9t9ubsfi] {
    position: relative !important;
    top: auto !important;
    left: auto !important;
    bottom: auto !important;
    width: auto !important;
    height: auto !important;
    padding: 0 !important;
    margin: 0;
    min-width: 0;
    overflow: visible !important;
    background: transparent !important;
    box-shadow: none !important;
    transform: translateX(-18px) !important;
    opacity: 0;
    pointer-events: none;
    z-index: 2;
    transition: transform 0.18s ease, opacity 0.18s ease;
}

.main-shell--nav-open .side-nav[b-wi9t9ubsfi] {
    transform: translateX(0) !important;
    opacity: 1;
    pointer-events: auto;
}

@media (min-width: 1180.01px) {
    .main-shell--nav-open .main-content[b-wi9t9ubsfi] {
        grid-column: 2;
    }

    .main-shell--nav-open .side-nav.side-nav--desktop-fixed[b-wi9t9ubsfi] {
        position: fixed !important;
        top: var(--side-nav-fixed-top) !important;
        left: calc(var(--side-nav-fixed-left) + 8px) !important;
        width: var(--side-nav-fixed-width) !important;
        height: auto !important;
        max-height: calc(100dvh - var(--side-nav-fixed-top) - 4px) !important;
        transform: translateX(0) !important;
        z-index: 38;
    }

    .main-shell--nav-open .side-nav.side-nav--desktop-fixed .side-nav__surface[b-wi9t9ubsfi] {
        position: relative;
        top: 0;
        max-height: calc(100dvh - var(--side-nav-fixed-top) - 4px);
    }
}

.side-nav__surface[b-wi9t9ubsfi] {
    position: sticky;
    top: 0.5rem;
    display: flex;
    flex-direction: column;
    gap: 1rem;
    max-height: var(--side-nav-desktop-max-height);
    padding: 1rem;
    border: 1px solid var(--side-nav-border);
    border-radius: var(--side-nav-radius);
    background-color: var(--side-nav-surface);
    background: linear-gradient(180deg, var(--side-nav-shell-bg), var(--side-nav-surface));
    box-shadow: var(--side-nav-shadow);
    overflow: hidden;
}

.side-nav__brand[b-wi9t9ubsfi] {
    display: grid;
    gap: 0.2rem;
    padding: 0.15rem 0.1rem 0.5rem;
    border-bottom: 1px solid color-mix(in srgb, var(--main-fg-color) 10%, transparent);
}

.side-nav__close-button[b-wi9t9ubsfi] {
    display: none;
}

.side-nav__user[b-wi9t9ubsfi] {
    display: none;
}

.side-nav__eyebrow[b-wi9t9ubsfi] {
    font-size: 0.72rem;
    font-weight: 800;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    color: var(--side-nav-muted);
}

.side-nav__title[b-wi9t9ubsfi] {
    font-size: 1.05rem;
    font-weight: 800;
    color: var(--side-nav-text);
}

.side-nav__menu[b-wi9t9ubsfi] {
    flex: 1 1 auto;
    min-height: 0;
    overflow: auto;
}

.side-nav[b-wi9t9ubsfi]  fluent-nav-menu {
    width: 100%;
    height: 100%;
    max-height: 100%;
    overflow-y: auto;
    overflow-x: hidden;
    background: transparent !important;
    color: var(--side-nav-text);
}

.side-nav[b-wi9t9ubsfi]  .fluent-nav-menu,
.side-nav[b-wi9t9ubsfi]  .fluent-nav-group,
.side-nav[b-wi9t9ubsfi]  .fluent-nav-item {
    background: transparent !important;
}

.side-nav[b-wi9t9ubsfi]  .fluent-nav-menu,
.side-nav[b-wi9t9ubsfi]  nav,
.side-nav[b-wi9t9ubsfi]  .fluent-nav-menu::part(positioning-region) {
    max-height: 100%;
    overflow-y: auto;
    overflow-x: hidden;
}

.side-nav[b-wi9t9ubsfi]  .fluent-nav-link,
.side-nav[b-wi9t9ubsfi]  .positioning-region,
.side-nav[b-wi9t9ubsfi]  .content-region {
    border-radius: 16px !important;
}

.side-nav[b-wi9t9ubsfi]  .content-region {
    min-width: 0;
    white-space: normal;
    overflow: visible;
    text-overflow: clip;
}

.side-nav[b-wi9t9ubsfi]  .positioning-region {
    border: 1px solid transparent;
    background: transparent !important;
    transition: transform 0.16s ease, background-color 0.16s ease, border-color 0.16s ease, box-shadow 0.16s ease;
}

.side-nav[b-wi9t9ubsfi]  .fluent-nav-link {
    min-height: 44px;
    padding: 0.7rem 0.85rem;
    color: var(--side-nav-text) !important;
    font-weight: 650;
}

.side-nav[b-wi9t9ubsfi]  .fluent-nav-link:hover,
.side-nav[b-wi9t9ubsfi]  .fluent-nav-link:focus-visible,
.side-nav[b-wi9t9ubsfi]  .positioning-region:hover,
.side-nav[b-wi9t9ubsfi]  .positioning-region:focus-within {
    background: var(--side-nav-hover) !important;
    border-color: var(--side-nav-border);
    transform: translateX(2px);
}

.side-nav[b-wi9t9ubsfi]  .fluent-nav-link svg,
.side-nav[b-wi9t9ubsfi]  .fluent-nav-link svg *,
.side-nav[b-wi9t9ubsfi]  .fluent-nav-group svg,
.side-nav[b-wi9t9ubsfi]  .fluent-nav-group svg * {
    fill: color-mix(in srgb, var(--side-nav-text) 82%, transparent) !important;
    stroke: color-mix(in srgb, var(--side-nav-text) 82%, transparent) !important;
}

.side-nav[b-wi9t9ubsfi]  .active-nav-link {
    min-width: 0 !important;
    max-width: none !important;
    color: var(--side-nav-text) !important;
}

.side-nav[b-wi9t9ubsfi]  .active-nav-link > .positioning-region,
.side-nav[b-wi9t9ubsfi]  .active-nav-link .positioning-region {
    background: var(--side-nav-active) !important;
    border-color: var(--side-nav-active-border) !important;
    box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--primary-accent-color) 28%, transparent);
}

.side-nav[b-wi9t9ubsfi]  .active-nav-link .fluent-nav-link,
.side-nav[b-wi9t9ubsfi]  .active-nav-link .fluent-nav-link *,
.side-nav[b-wi9t9ubsfi]  .active-nav-link svg,
.side-nav[b-wi9t9ubsfi]  .active-nav-link svg * {
    color: var(--side-nav-text) !important;
    fill: var(--side-nav-text) !important;
    stroke: var(--side-nav-text) !important;
}

.side-nav[b-wi9t9ubsfi]  .fluent-nav-group {
    margin-top: 0.2rem;
}

.side-nav[b-wi9t9ubsfi]  .fluent-nav-group-title,
.side-nav[b-wi9t9ubsfi]  .fluent-nav-group-button,
.side-nav[b-wi9t9ubsfi]  button[aria-expanded] {
    border-radius: 16px !important;
    color: var(--side-nav-text) !important;
    font-weight: 700;
}

.side-nav[b-wi9t9ubsfi]  .fluent-nav-group-items {
    margin-left: 0.4rem;
    padding-left: 0.55rem;
    border-left: 1px solid color-mix(in srgb, var(--main-fg-color) 12%, transparent);
}

.main-content[b-wi9t9ubsfi] {
    min-width: 0;
    position: relative;
    z-index: 1;
}

.main-content__body[b-wi9t9ubsfi] {
    min-width: 0;
    padding-right: 0.2rem;
    padding-bottom: 1rem;
}

[data-theme="light"] .main-shell[b-wi9t9ubsfi] {
    --side-nav-shell-bg: rgba(247, 250, 255, 0.98);
    --side-nav-surface: rgba(255, 255, 255, 0.98);
    --side-nav-border: rgba(52, 80, 120, 0.14);
    --side-nav-border-strong: rgba(52, 80, 120, 0.22);
    --side-nav-muted: #5e7089;
    --side-nav-hover: rgba(15, 104, 190, 0.08);
    --side-nav-active: rgba(15, 104, 190, 0.12);
    --side-nav-active-border: rgba(15, 104, 190, 0.3);
    --side-nav-shadow: 0 22px 40px rgba(30, 54, 86, 0.1);
}

[data-theme="dark"] .main-shell[b-wi9t9ubsfi],
[data-bs-theme="dark"] .main-shell[b-wi9t9ubsfi] {
    --side-nav-shell-bg: rgba(14, 25, 43, 0.98);
    --side-nav-surface: rgba(24, 40, 66, 0.98);
    --side-nav-border: rgba(191, 211, 246, 0.14);
    --side-nav-border-strong: rgba(191, 211, 246, 0.24);
    --side-nav-text: #eef4ff;
    --side-nav-muted: #b5c6e1;
    --side-nav-hover: rgba(108, 195, 255, 0.11);
    --side-nav-active: rgba(108, 195, 255, 0.15);
    --side-nav-active-border: rgba(108, 195, 255, 0.34);
    --side-nav-shadow: 0 24px 48px rgba(2, 10, 22, 0.32);
}

@media (max-width: 1180px) {
    .main-shell[b-wi9t9ubsfi] {
        display: block;
        min-height: 0;
        --side-nav-desktop-max-height: calc(100dvh - 1.8rem);
    }

    .side-nav-backdrop[b-wi9t9ubsfi] {
        display: block;
        position: fixed;
        inset: 0;
        border: 0;
        padding: 0;
        background: rgba(5, 11, 20, 0.46);
        opacity: 0;
        pointer-events: none;
        z-index: 89;
        transition: opacity 0.18s ease;
    }

    .side-nav-backdrop--visible[b-wi9t9ubsfi] {
        opacity: 1;
        pointer-events: auto;
    }

    .main-shell .side-nav[b-wi9t9ubsfi] {
        position: fixed !important;
        top: 0 !important;
        left: 0.9rem !important;
        bottom: 0 !important;
        width: min(380px, calc(100vw - 1.8rem)) !important;
        transform: translateX(calc(-100% - 1.4rem)) !important;
        opacity: 1;
        pointer-events: auto;
        z-index: 90;
    }

    .main-shell--nav-open .side-nav[b-wi9t9ubsfi] {
        transform: translateX(0) !important;
    }

    .side-nav__surface[b-wi9t9ubsfi] {
        position: relative;
        top: 0;
        max-height: 100%;
        border-radius: 26px;
    }

    .side-nav__brand[b-wi9t9ubsfi] {
        gap: 0.35rem;
    }

    .side-nav__user[b-wi9t9ubsfi] {
        display: inline-flex;
        align-items: center;
        justify-self: start;
        max-width: 100%;
        padding: 0.24rem 0.7rem;
        border: 1px solid var(--side-nav-border);
        border-radius: 999px;
        background: color-mix(in srgb, var(--side-nav-surface) 86%, white 14%);
        color: var(--side-nav-muted);
        font-size: 0.72rem;
        font-weight: 700;
        line-height: 1.15;
        white-space: nowrap;
    }
}

@media (max-width: 767.98px) {
    .dashboard-switch[b-wi9t9ubsfi] {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        align-items: stretch;
        gap: 0.4rem;
        width: 100%;
        padding: 0.3rem;
        border-radius: 18px;
    }

    .dashboard-switch__button[b-wi9t9ubsfi] {
        width: 100%;
        min-width: 0;
        min-height: 48px;
        padding: 0.55rem 0.45rem;
        border-radius: 14px;
        font-size: 0.82rem;
        line-height: 1.15;
    }

    .main-dashboard__top[b-wi9t9ubsfi] {
        position: static;
        z-index: auto;
    }

    .browser-header[b-wi9t9ubsfi] {
        gap: 0.55rem;
        padding: 0.55rem 0.7rem;
        border-radius: 16px;
    }

    .main-dashboard[b-wi9t9ubsfi] { gap: 0.75rem; }
    .main-dashboard__top[b-wi9t9ubsfi] { padding-top: 0.35rem; }

    .browser-header__controls[b-wi9t9ubsfi] {
        margin-left: auto;
        order: 2;
        flex-direction: row;
    }

    .home-btn-browser[b-wi9t9ubsfi] {
        width: 2.3rem;
        height: 2.3rem;
        border-radius: 12px;
    }

    .main-shell .side-nav[b-wi9t9ubsfi] {
        top: 0 !important;
        left: auto !important;
        right: 0.75rem !important;
        bottom: calc(0.75rem + env(safe-area-inset-bottom, 0px)) !important;
        width: calc(100vw - 1.5rem) !important;
        overflow: hidden !important;
        border-radius: 22px !important;
        background-color: var(--side-nav-surface) !important;
        background: linear-gradient(180deg, var(--side-nav-shell-bg), var(--side-nav-surface)) !important;
        transform: translateX(calc(100% + 1.4rem)) !important;
    }

    .main-shell--nav-open .side-nav[b-wi9t9ubsfi] {
        transform: translateX(0) !important;
    }

    .side-nav__surface[b-wi9t9ubsfi] {
        padding: 0.9rem;
        max-height: 100%;
        border-radius: 22px;
        background-color: var(--side-nav-surface);
        background: linear-gradient(180deg, var(--side-nav-shell-bg), var(--side-nav-surface));
        box-shadow: var(--side-nav-shadow);
    }

    .side-nav__brand[b-wi9t9ubsfi] {
        position: relative;
        padding-right: 3.15rem;
    }

    .side-nav__close-button[b-wi9t9ubsfi] {
        position: absolute;
        top: 0;
        right: 0;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        width: 2.35rem;
        height: 2.35rem;
        padding: 0;
        border: 1px solid color-mix(in srgb, var(--side-nav-text) 24%, transparent);
        border-radius: 14px;
        background: color-mix(in srgb, var(--side-nav-surface) 78%, var(--primary-accent-color) 22%);
        color: var(--side-nav-text);
        box-shadow: 0 10px 24px color-mix(in srgb, var(--main-fg-color) 12%, transparent);
        cursor: pointer;
        transition: transform 0.16s ease, background-color 0.16s ease, border-color 0.16s ease, box-shadow 0.16s ease;
    }

    .side-nav__close-button:hover[b-wi9t9ubsfi],
    .side-nav__close-button:focus-visible[b-wi9t9ubsfi] {
        transform: translateY(-1px);
        border-color: color-mix(in srgb, var(--primary-accent-color) 52%, var(--side-nav-text) 20%);
        background: color-mix(in srgb, var(--primary-accent-color) 30%, var(--side-nav-surface) 70%);
        box-shadow: 0 14px 28px color-mix(in srgb, var(--main-fg-color) 16%, transparent);
        outline: none;
    }

    .side-nav__close-button:focus-visible[b-wi9t9ubsfi] {
        outline: 2px solid color-mix(in srgb, var(--primary-accent-color) 58%, white 20%);
        outline-offset: 2px;
    }

    .side-nav__close-button:active[b-wi9t9ubsfi] {
        transform: translateY(0) scale(0.98);
    }

    .side-nav__close-icon[b-wi9t9ubsfi],
    .side-nav__close-icon[b-wi9t9ubsfi]::before,
    .side-nav__close-icon[b-wi9t9ubsfi]::after {
        display: block;
        width: 1.05rem;
        height: 2px;
        border-radius: 999px;
        background: currentColor;
    }

    .side-nav__close-icon[b-wi9t9ubsfi] {
        position: relative;
        background: transparent;
    }

    .side-nav__close-icon[b-wi9t9ubsfi]::before,
    .side-nav__close-icon[b-wi9t9ubsfi]::after {
        content: "";
        position: absolute;
        left: 0;
        top: 50%;
    }

    .side-nav__close-icon[b-wi9t9ubsfi]::before {
        transform: translateY(-50%) rotate(45deg);
    }

    .side-nav__close-icon[b-wi9t9ubsfi]::after {
        transform: translateY(-50%) rotate(-45deg);
    }
}
/* _content/EmpiriaBMS.App/Components/Reports/StandardReports/StandardReportHost.razor.rz.scp.css */
.standard-report-host[b-gb6nxs78gn] {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
    height: 100%;
    min-height: 0;
    min-width: 0;
    max-width: 100%;
    box-sizing: border-box;
}

.standard-report-host__state[b-gb6nxs78gn] {
    padding: 1rem;
    border: 1px solid color-mix(in srgb, var(--main-fg-color) 12%, transparent);
    border-radius: 8px;
    background: color-mix(in srgb, var(--main-bg-color) 96%, var(--primary-bg-color) 4%);
    color: color-mix(in srgb, var(--main-fg-color) 72%, transparent);
    font-weight: 700;
}

.standard-report-host__state--error[b-gb6nxs78gn] {
    border-color: rgba(190, 70, 70, 0.35);
    background: rgba(190, 70, 70, 0.08);
    color: #b83232;
}

.standard-report-host__actions[b-gb6nxs78gn] {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    flex: 0 0 auto;
    gap: 0.45rem;
    min-width: 0;
}

.standard-report-host__export-button[b-gb6nxs78gn] {
    min-height: 38px;
}

[b-gb6nxs78gn] fluent-button.standard-report-host__export-button::part(control) {
    border-color: #315fbe;
    background: color-mix(in srgb, var(--main-bg-color) 96%, var(--primary-bg-color) 4%);
    color: var(--main-fg-color);
    font-weight: 760;
}

[b-gb6nxs78gn] fluent-button.standard-report-host__export-button:not([disabled]):hover::part(control) {
    border-color: color-mix(in srgb, var(--primary-bg-color) 55%, #315fbe 45%);
    background: color-mix(in srgb, var(--primary-bg-color) 10%, var(--main-bg-color) 90%);
    color: var(--main-fg-color);
}

[b-gb6nxs78gn] fluent-button.standard-report-host__export-button[disabled]::part(control) {
    color: color-mix(in srgb, var(--main-fg-color) 45%, transparent);
}

[b-gb6nxs78gn] .standard-report-host__pdf-icon,
[b-gb6nxs78gn] .standard-report-host__pdf-icon * {
    color: #d93030;
}

.standard-report-host__export-surface[b-gb6nxs78gn] {
    display: flex;
    flex: 1 1 auto;
    flex-direction: column;
    min-height: 0;
    min-width: 0;
    max-width: 100%;
}

.standard-report-host__pdf-report[b-gb6nxs78gn] {
    width: 1120px;
    padding: 18px;
    border: 1px solid #d6deea;
    border-radius: 8px;
    background: #ffffff;
    color: #111827;
    font-family: Arial, sans-serif;
}

.standard-report-host__pdf-report h2[b-gb6nxs78gn] {
    margin: 0 0 4px;
    color: #111827;
    font-size: 22px;
    font-weight: 800;
}

.standard-report-host__pdf-report p[b-gb6nxs78gn] {
    margin: 0 0 14px;
    color: #4b5563;
    font-size: 12px;
    font-weight: 600;
}

.standard-report-host__pdf-table[b-gb6nxs78gn] {
    width: 100%;
    border-collapse: collapse;
    table-layout: auto;
    background: #ffffff;
    color: #111827;
    font-size: 10px;
}

.standard-report-host__pdf-table th[b-gb6nxs78gn],
.standard-report-host__pdf-table td[b-gb6nxs78gn] {
    padding: 6px 7px;
    border: 1px solid #d6deea;
    color: #111827;
    text-align: left;
    vertical-align: top;
}

.standard-report-host__pdf-table th[b-gb6nxs78gn] {
    background: #e8eef8;
    font-size: 10px;
    font-weight: 800;
    text-transform: uppercase;
}

.standard-report-host__table-shell[b-gb6nxs78gn] {
    display: flex;
    flex: 1 1 auto;
    min-width: 0;
    min-height: 0;
    overflow-x: auto;
    overflow-y: hidden;
    max-height: 100%;
    border: 1px solid color-mix(in srgb, var(--main-fg-color) 12%, transparent);
    border-radius: 8px;
    background: color-mix(in srgb, var(--main-bg-color) 97%, white 3%);
}

.standard-report-host__chart-report[b-gb6nxs78gn] {
    display: grid;
    gap: 0.85rem;
    min-width: 0;
    max-width: 100%;
}

.standard-report-host__chart-panel[b-gb6nxs78gn],
.standard-report-host__data-panel[b-gb6nxs78gn] {
    display: flex;
    flex-direction: column;
    gap: 0.65rem;
    min-width: 0;
    padding: 0.85rem;
    border: 1px solid color-mix(in srgb, var(--main-fg-color) 12%, transparent);
    border-radius: 8px;
    background: color-mix(in srgb, var(--main-bg-color) 96%, var(--primary-bg-color) 4%);
}

.standard-report-host__data-panel[b-gb6nxs78gn] {
    background: color-mix(in srgb, var(--main-bg-color) 98%, white 2%);
}

.standard-report-host__panel-heading[b-gb6nxs78gn] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
    min-width: 0;
    padding-bottom: 0.55rem;
    border-bottom: 1px solid color-mix(in srgb, var(--main-fg-color) 10%, transparent);
}

.standard-report-host__panel-heading h3[b-gb6nxs78gn] {
    margin: 0;
    color: var(--main-fg-color);
    font-size: 0.92rem;
    font-weight: 850;
}

.standard-report-host__panel-heading span[b-gb6nxs78gn] {
    flex: 0 0 auto;
    color: color-mix(in srgb, var(--main-fg-color) 64%, transparent);
    font-size: 0.78rem;
    font-weight: 800;
}

.standard-report-host__table-shell--chart-data[b-gb6nxs78gn] {
    flex: 0 1 auto;
    height: min(360px, 45dvh);
    max-height: 360px;
    background: color-mix(in srgb, var(--main-bg-color) 97%, white 3%);
}

.standard-report-host__bars[b-gb6nxs78gn] {
    display: grid;
    gap: 0.45rem;
    width: 100%;
    min-width: 0;
    max-width: 100%;
    box-sizing: border-box;
    padding: 0.1rem 0;
}

.standard-report-host__bar-row[b-gb6nxs78gn] {
    position: relative;
    display: grid;
    grid-template-columns: minmax(160px, 1.2fr) minmax(120px, 2fr) minmax(82px, auto);
    gap: 0.65rem;
    align-items: center;
    min-width: 0;
    max-width: 100%;
    min-height: 34px;
    border-radius: 7px;
    cursor: help;
}

.standard-report-host__bar-row:focus[b-gb6nxs78gn] {
    outline: 2px solid color-mix(in srgb, var(--primary-bg-color) 58%, transparent);
    outline-offset: 3px;
}

.standard-report-host__bar-row span[b-gb6nxs78gn] {
    min-width: 0;
    color: color-mix(in srgb, var(--main-fg-color) 78%, transparent);
    font-weight: 700;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.standard-report-host__bar-row strong[b-gb6nxs78gn] {
    color: var(--main-fg-color);
    text-align: right;
}

.standard-report-host__bar-track[b-gb6nxs78gn] {
    width: 100%;
    min-width: 0;
    max-width: 100%;
    height: 12px;
    overflow: hidden;
    border-radius: 999px;
    background: color-mix(in srgb, var(--main-fg-color) 10%, transparent);
}

.standard-report-host__bar-fill[b-gb6nxs78gn] {
    max-width: 100%;
    height: 100%;
    min-width: 3px;
    border-radius: inherit;
    background: #4d7fc7;
}

.standard-report-host__bar-fill--subcos[b-gb6nxs78gn] {
    background: #20866b;
}

.standard-report-host__bar-tooltip[b-gb6nxs78gn] {
    position: absolute;
    right: 0;
    bottom: calc(100% + 0.45rem);
    z-index: 5;
    width: min(460px, calc(100vw - 3rem));
    padding: 0.65rem 0.75rem;
    border: 1px solid color-mix(in srgb, var(--main-fg-color) 14%, transparent);
    border-radius: 8px;
    background: color-mix(in srgb, var(--main-bg-color) 96%, var(--primary-bg-color) 4%);
    box-shadow: 0 12px 24px color-mix(in srgb, var(--main-fg-color) 14%, transparent);
    color: var(--main-fg-color);
    font-style: normal;
    font-size: 0.8rem;
    font-weight: 760;
    line-height: 1.35;
    opacity: 0;
    pointer-events: none;
    transform: translateY(4px);
    transition: opacity 120ms ease, transform 120ms ease;
    white-space: normal;
}

.standard-report-host__bar-row:hover .standard-report-host__bar-tooltip[b-gb6nxs78gn],
.standard-report-host__bar-row:focus .standard-report-host__bar-tooltip[b-gb6nxs78gn],
.standard-report-host__bar-row:focus-within .standard-report-host__bar-tooltip[b-gb6nxs78gn],
.standard-report-host__bar-row:active .standard-report-host__bar-tooltip[b-gb6nxs78gn] {
    opacity: 1;
    transform: translateY(0);
}

.standard-report-host--chart[b-gb6nxs78gn] {
    height: auto;
}

.standard-report-host--chart .standard-report-host__export-surface[b-gb6nxs78gn],
.standard-report-host--chart .standard-report-host__bars[b-gb6nxs78gn] {
    flex: 0 0 auto;
    min-height: 0;
    overflow: visible;
}

.standard-report-host--chart .standard-report-host__bars[b-gb6nxs78gn] {
    margin-bottom: 0;
}

.standard-report-host__table[b-gb6nxs78gn] {
    width: 100%;
    min-width: 920px;
    height: 100%;
    min-height: 0;
    border-collapse: collapse;
    display: flex;
    flex-direction: column;
}

.standard-report-host--exceptions-list .standard-report-host__table[b-gb6nxs78gn],
.standard-report-host--revenue-per-project-size .standard-report-host__table[b-gb6nxs78gn],
.standard-report-host--revenue-per-project-type .standard-report-host__table[b-gb6nxs78gn] {
    min-width: 520px;
}

.standard-report-host--subcos-utilization-per-project .standard-report-host__table[b-gb6nxs78gn],
.standard-report-host--subcos-utilization-per-technical-group .standard-report-host__table[b-gb6nxs78gn] {
    min-width: 680px;
}

.standard-report-host--resources-capacity .standard-report-host__table[b-gb6nxs78gn] {
    min-width: 720px;
}

.standard-report-host__table tr[b-gb6nxs78gn] {
    display: grid;
    grid-template-columns: var(--standard-report-table-columns);
}

.standard-report-host__table thead[b-gb6nxs78gn] {
    display: block;
    flex: 0 0 auto;
}

.standard-report-host__table tbody[b-gb6nxs78gn] {
    display: block;
    flex: 1 1 auto;
    min-height: 0;
    overflow-y: auto;
    overflow-x: hidden;
    scrollbar-gutter: stable;
}

.standard-report-host__table tbody[b-gb6nxs78gn]::-webkit-scrollbar {
    width: 10px;
}

.standard-report-host__table tbody[b-gb6nxs78gn]::-webkit-scrollbar-track {
    background: color-mix(in srgb, var(--main-fg-color) 7%, transparent);
    border-radius: 999px;
}

.standard-report-host__table tbody[b-gb6nxs78gn]::-webkit-scrollbar-thumb {
    background: color-mix(in srgb, var(--primary-bg-color) 42%, var(--main-fg-color) 14%);
    border: 2px solid transparent;
    border-radius: 999px;
    background-clip: padding-box;
}

.standard-report-host--pdf-export .standard-report-host__export-surface[b-gb6nxs78gn],
.standard-report-host--pdf-export .standard-report-host__table-shell[b-gb6nxs78gn],
.standard-report-host--pdf-export .standard-report-host__table[b-gb6nxs78gn],
.standard-report-host--pdf-export .standard-report-host__table tbody[b-gb6nxs78gn] {
    height: auto;
    max-height: none;
    overflow: visible;
}

.standard-report-host__table--governance[b-gb6nxs78gn] {
    --standard-report-table-columns: minmax(210px, 1.65fr) minmax(120px, 0.9fr) minmax(115px, 0.85fr) minmax(145px, 1fr) minmax(100px, 0.75fr) minmax(150px, 1.05fr) minmax(95px, 0.7fr) minmax(70px, 0.5fr) minmax(70px, 0.5fr);
}

.standard-report-host__table--exceptions[b-gb6nxs78gn] {
    --standard-report-table-columns: minmax(210px, 1.3fr) minmax(140px, 0.9fr) minmax(220px, 1.4fr) minmax(110px, 0.7fr);
}

.standard-report-host__table--revenue[b-gb6nxs78gn] {
    --standard-report-table-columns: minmax(180px, 1.2fr) minmax(110px, 0.7fr) minmax(90px, 0.55fr) minmax(120px, 0.8fr);
}

.standard-report-host__table--subcos[b-gb6nxs78gn] {
    --standard-report-table-columns: minmax(180px, 1.25fr) minmax(120px, 0.85fr) minmax(110px, 0.75fr) minmax(120px, 0.85fr) minmax(110px, 0.75fr) minmax(90px, 0.55fr);
}

.standard-report-host__table--capacity[b-gb6nxs78gn] {
    --standard-report-table-columns: minmax(90px, 0.55fr) minmax(170px, 1.1fr) minmax(190px, 1.2fr) minmax(150px, 0.95fr) minmax(110px, 0.7fr) minmax(85px, 0.5fr);
}

.standard-report-host__table th[b-gb6nxs78gn],
.standard-report-host__table td[b-gb6nxs78gn] {
    min-width: 0;
    padding: 0.65rem 0.75rem;
    border-bottom: 1px solid color-mix(in srgb, var(--main-fg-color) 10%, transparent);
    text-align: left;
    vertical-align: top;
}

.standard-report-host__table th[b-gb6nxs78gn] {
    background: color-mix(in srgb, var(--main-bg-color) 92%, var(--primary-bg-color) 8%);
    color: color-mix(in srgb, var(--main-fg-color) 78%, transparent);
    font-size: 0.72rem;
    font-weight: 850;
    text-transform: uppercase;
}

.standard-report-host__table td[b-gb6nxs78gn] {
    color: var(--main-fg-color);
}

.standard-report-host__table td span[b-gb6nxs78gn] {
    display: block;
    margin-top: 0.18rem;
    color: color-mix(in srgb, var(--main-fg-color) 68%, transparent);
    font-size: 0.82rem;
}

.standard-report-host__health[b-gb6nxs78gn] {
    display: inline-flex !important;
    width: fit-content;
    margin: 0 0 0.16rem !important;
    padding: 0.16rem 0.48rem;
    border-radius: 999px;
    background: color-mix(in srgb, var(--primary-bg-color) 14%, var(--main-bg-color) 86%);
    color: color-mix(in srgb, var(--primary-bg-color) 86%, var(--main-fg-color) 14%) !important;
    font-weight: 850;
}

[data-theme="dark"] .standard-report-host__table-shell[b-gb6nxs78gn],
[data-bs-theme="dark"] .standard-report-host__table-shell[b-gb6nxs78gn],
[data-theme="dark"] .standard-report-host__state[b-gb6nxs78gn],
[data-bs-theme="dark"] .standard-report-host__state[b-gb6nxs78gn] {
    background: color-mix(in srgb, var(--main-bg-color) 90%, #0f1c2f 10%);
    border-color: color-mix(in srgb, var(--main-fg-color) 16%, transparent);
}

[data-theme="dark"] .standard-report-host__bars[b-gb6nxs78gn],
[data-bs-theme="dark"] .standard-report-host__bars[b-gb6nxs78gn] {
    background: transparent;
}

[data-theme="dark"] .standard-report-host__chart-panel[b-gb6nxs78gn],
[data-bs-theme="dark"] .standard-report-host__chart-panel[b-gb6nxs78gn],
[data-theme="dark"] .standard-report-host__data-panel[b-gb6nxs78gn],
[data-bs-theme="dark"] .standard-report-host__data-panel[b-gb6nxs78gn] {
    background: color-mix(in srgb, var(--main-bg-color) 90%, #0f1c2f 10%);
    border-color: color-mix(in srgb, var(--main-fg-color) 16%, transparent);
}

@media (max-width: 720px) {
    .standard-report-host__actions[b-gb6nxs78gn] {
        justify-content: flex-start;
        flex-wrap: wrap;
    }

    .standard-report-host__table[b-gb6nxs78gn],
    .standard-report-host--exceptions-list .standard-report-host__table[b-gb6nxs78gn],
    .standard-report-host--revenue-per-project-size .standard-report-host__table[b-gb6nxs78gn],
    .standard-report-host--revenue-per-project-type .standard-report-host__table[b-gb6nxs78gn],
    .standard-report-host--subcos-utilization-per-project .standard-report-host__table[b-gb6nxs78gn],
    .standard-report-host--subcos-utilization-per-technical-group .standard-report-host__table[b-gb6nxs78gn],
    .standard-report-host--resources-capacity .standard-report-host__table[b-gb6nxs78gn] {
        min-width: 860px;
    }

    .standard-report-host__bar-row[b-gb6nxs78gn] {
        grid-template-columns: minmax(0, 1fr);
        gap: 0.35rem;
    }

    .standard-report-host__bar-row strong[b-gb6nxs78gn] {
        text-align: left;
    }

    .standard-report-host__bar-tooltip[b-gb6nxs78gn] {
        right: auto;
        left: 0;
        width: min(100%, calc(100vw - 2.5rem));
    }

    .standard-report-host__panel-heading[b-gb6nxs78gn] {
        align-items: flex-start;
        flex-direction: column;
        gap: 0.25rem;
    }

    .standard-report-host__table-shell--chart-data[b-gb6nxs78gn] {
        height: 320px;
        max-height: 320px;
    }
}

[data-theme="dark"] .standard-report-host__table th[b-gb6nxs78gn],
[data-bs-theme="dark"] .standard-report-host__table th[b-gb6nxs78gn] {
    background: color-mix(in srgb, var(--main-bg-color) 86%, #19314f 14%);
}
/* _content/EmpiriaBMS.App/Components/TimeMGMT/TimeMGMT.razor.rz.scp.css */
.reports-page[b-jbwwjg4hks] {
    width: 100%;
}

.nav-link[b-jbwwjg4hks] {
    color: var(--reports-table-fg) !important;
}

.report-actions .report-action-btn[b-jbwwjg4hks] {
    color: var(--table-toolbar-outline-color) !important;
    background-color: var(--main-bg-color) !important;
    border: 1px solid var(--table-toolbar-outline-color) !important;
    min-height: 40px;
    font-weight: 600;
}

[b-jbwwjg4hks] fluent-button.report-action-btn::part(control) {
    color: var(--table-toolbar-outline-color) !important;
    border: 1px solid var(--table-toolbar-outline-color) !important;
    background-color: var(--table-toolbar-outline-bg) !important;
    min-height: 40px;
    font-weight: 600;
}

.report-actions .report-action-btn:hover[b-jbwwjg4hks] {
    background-color: var(--side-nav-hover-overlay) !important;
}

.report-actions .report-action-btn:focus-visible[b-jbwwjg4hks] {
    outline: 2px solid var(--primary-accent-color);
    outline-offset: 2px;
}

.report-actions .report-action-btn i[b-jbwwjg4hks] {
    color: currentColor !important;
}

[b-jbwwjg4hks] fluent-button.report-action-btn i,
[b-jbwwjg4hks] fluent-button.report-action-btn i::before,
[b-jbwwjg4hks] fluent-button.report-action-btn svg:not(.pdf-export-icon),
[b-jbwwjg4hks] fluent-button.report-action-btn svg:not(.pdf-export-icon) * {
    color: currentColor !important;
    fill: currentColor !important;
    stroke: currentColor !important;
}

[b-jbwwjg4hks] fluent-button.report-action-btn svg.pdf-export-icon,
[b-jbwwjg4hks] fluent-button.report-action-btn svg.pdf-export-icon * {
    color: var(--error-fill-rest, #d13438) !important;
    fill: var(--error-fill-rest, #d13438) !important;
    stroke: var(--error-fill-rest, #d13438) !important;
}

[data-bs-theme="dark"][b-jbwwjg4hks]  fluent-button.report-action-btn::part(control),
[data-theme="dark"][b-jbwwjg4hks]  fluent-button.report-action-btn::part(control) {
    color: #dbe6fb !important;
    border-color: #7b8eaf !important;
    background-color: rgba(122, 154, 216, 0.16) !important;
}

[data-bs-theme="dark"][b-jbwwjg4hks]  fluent-button.report-action-btn:hover::part(control),
[data-theme="dark"][b-jbwwjg4hks]  fluent-button.report-action-btn:hover::part(control) {
    color: #f2f6ff !important;
    border-color: #f2f6ff !important;
    background-color: rgba(122, 154, 216, 0.28) !important;
}

[data-bs-theme="light"][b-jbwwjg4hks]  fluent-button.report-action-btn::part(control),
[data-theme="light"][b-jbwwjg4hks]  fluent-button.report-action-btn::part(control) {
    color: #1f3f6d !important;
    border-color: #6f86b3 !important;
    background-color: rgba(68, 96, 154, 0.12) !important;
}

[data-bs-theme="light"][b-jbwwjg4hks]  fluent-button.report-action-btn:hover::part(control),
[data-theme="light"][b-jbwwjg4hks]  fluent-button.report-action-btn:hover::part(control) {
    color: #17345d !important;
    border-color: #17345d !important;
    background-color: rgba(68, 96, 154, 0.2) !important;
}

[data-theme="light"] .report-actions .report-action-btn[b-jbwwjg4hks] {
    color: #1f3f6d !important;
    background-color: rgba(68, 96, 154, 0.12) !important;
    border-color: #6f86b3 !important;
}

.reports-chart-card[b-jbwwjg4hks] {
    width: 100%;
    margin-top: 0.5rem;
    padding: 1rem 1rem 1.25rem;
    border: 1px solid var(--card-border-color);
    border-radius: 20px;
    background:
        radial-gradient(circle at top right, rgba(90, 120, 180, 0.18), transparent 30%),
        linear-gradient(180deg, rgba(255, 255, 255, 0.02), rgba(255, 255, 255, 0)),
        var(--reports-table-bd-bg);
    box-shadow: 0 18px 40px rgba(0, 0, 0, 0.12);
}

.reports-chart-heading[b-jbwwjg4hks] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 1rem;
    margin-bottom: 1rem;
}

.reports-chart-title[b-jbwwjg4hks] {
    margin: 0;
    font-size: clamp(1.1rem, 2vw, 1.7rem);
    line-height: 1.1;
    color: var(--reports-table-fg);
}

.reports-chart-subtitle[b-jbwwjg4hks] {
    margin: 0.35rem 0 0;
    color: var(--bs-secondary-color, var(--reports-table-fg));
    font-size: 0.92rem;
}

.reports-chart-help[b-jbwwjg4hks] {
    margin: 0 0 1rem;
    color: var(--bs-secondary-color, var(--reports-table-fg));
    font-size: 0.9rem;
    opacity: 0.9;
}

.reports-chart-stats[b-jbwwjg4hks] {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    gap: 0.65rem;
}

.reports-chart-stat[b-jbwwjg4hks] {
    min-width: 96px;
    padding: 0.6rem 0.8rem;
    border: 1px solid var(--card-border-color);
    border-radius: 14px;
    background-color: rgba(255, 255, 255, 0.04);
    color: var(--reports-table-fg);
}

.reports-chart-stat-primary[b-jbwwjg4hks] {
    background: linear-gradient(135deg, rgba(34, 197, 94, 0.18), rgba(59, 130, 246, 0.18));
}

.reports-chart-stat-label[b-jbwwjg4hks] {
    display: block;
    margin-bottom: 0.2rem;
    font-size: 0.72rem;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    opacity: 0.75;
}

.reports-chart-stat strong[b-jbwwjg4hks] {
    font-size: 1rem;
}

.reports-chart-pdf-title[b-jbwwjg4hks] {
    visibility: hidden;
    height: 0;
    overflow: hidden;
}

.reports-chart-scroll[b-jbwwjg4hks] {
    width: 100%;
    overflow-x: auto;
    overflow-y: hidden;
    padding-bottom: 0.25rem;
}

.reports-chart-canvas[b-jbwwjg4hks] {
    width: 100%;
    min-height: 360px;
    height: clamp(340px, 52vh, 560px);
    overflow: hidden;
    border-radius: 14px;
}

.reports-chart-canvas[b-jbwwjg4hks]  canvas {
    width: 100% !important;
    height: 100% !important;
}

.reports-chart-legend[b-jbwwjg4hks] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(210px, 1fr));
    gap: 0.6rem;
    margin-top: 1rem;
}

.reports-chart-legend-item[b-jbwwjg4hks] {
    display: flex;
    align-items: center;
    gap: 0.55rem;
    min-width: 0;
    padding: 0.55rem 0.7rem;
    border: 1px solid var(--card-border-color);
    border-radius: 12px;
    background-color: rgba(255, 255, 255, 0.03);
}

.reports-chart-legend-swatch[b-jbwwjg4hks] {
    width: 12px;
    height: 12px;
    border-radius: 999px;
    flex: 0 0 auto;
    box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.12);
}

.reports-chart-legend-text[b-jbwwjg4hks] {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: var(--reports-table-fg);
    font-size: 0.87rem;
}

.reports-chart-empty[b-jbwwjg4hks] {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 280px;
    border: 1px dashed var(--card-border-color);
    border-radius: 16px;
    color: var(--bs-secondary-color, var(--reports-table-fg));
    background-color: rgba(255, 255, 255, 0.02);
    text-align: center;
    padding: 1rem;
}

@media (max-width: 991px) {
    .reports-chart-card[b-jbwwjg4hks] {
        padding: 0.85rem 0.85rem 1rem;
        border-radius: 16px;
    }

    .reports-chart-heading[b-jbwwjg4hks] {
        flex-direction: column;
        align-items: stretch;
    }

    .reports-chart-stats[b-jbwwjg4hks] {
        justify-content: flex-start;
    }

    .reports-chart-stat[b-jbwwjg4hks] {
        flex: 1 1 120px;
        min-width: 0;
    }

    .reports-chart-canvas[b-jbwwjg4hks] {
        min-height: 320px;
        height: clamp(320px, 48vh, 460px);
    }
}

@media (max-width: 640px) {
    .reports-chart-title[b-jbwwjg4hks] {
        font-size: 1rem;
    }

    .reports-chart-subtitle[b-jbwwjg4hks] {
        font-size: 0.82rem;
    }

    .reports-chart-stats[b-jbwwjg4hks] {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 0.55rem;
        width: 100%;
    }

    .reports-chart-stat[b-jbwwjg4hks] {
        padding: 0.55rem 0.7rem;
    }

    .reports-chart-canvas[b-jbwwjg4hks] {
        min-height: 300px;
        height: 320px;
    }

    .reports-chart-legend[b-jbwwjg4hks] {
        grid-template-columns: 1fr;
    }

    .reports-chart-legend-item[b-jbwwjg4hks] {
        padding: 0.5rem 0.65rem;
    }
}
/* _content/EmpiriaBMS.App/Components/TimeMGMT/TimeMGMT_Tables/ActivityLog.razor.rz.scp.css */
.table-container[b-im809zvy6y] {
    width: 100%;
    height: 320px;
    max-height: 320px;
    display: block;
    overflow-x: auto;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    padding-bottom: 0.5rem;
}

#export-to-pdf-activitysheet-table[b-im809zvy6y] {
    display: block;
    width: 100%;
    max-width: 100%;
    overflow-x: auto !important;
    overflow-y: auto !important;
    scrollbar-gutter: stable;
    scrollbar-width: auto;
    -ms-overflow-style: auto;
}

#export-to-pdf-activitysheet-table[b-im809zvy6y]::-webkit-scrollbar {
    display: block;
    height: 12px;
    width: 12px;
}

#export-to-pdf-activitysheet-table[b-im809zvy6y]::-webkit-scrollbar-track {
    background: transparent;
}

#export-to-pdf-activitysheet-table[b-im809zvy6y]::-webkit-scrollbar-thumb {
    background-color: #6b7280;
    border-radius: 8px;
    border: 2px solid transparent;
    background-clip: padding-box;
}

.activitylog-table[b-im809zvy6y] {
    --activity-amount-col-width: 90px;
    --activity-hours-col-width: 90px;
    width: max-content;
    min-width: 100%;
    border-collapse: collapse;
    background-color: var(--reports-table-bd-bg);
    color: var(--reports-table-fg);
    font-size: 0.875rem;
    table-layout: auto;
}

.activitylog-table thead[b-im809zvy6y] {
    background-color: var(--reports-table-hd-bg) !important;
}

.activitylog-table thead th[b-im809zvy6y] {
    position: sticky;
    top: 0;
    z-index: 5;
    background-color: var(--main-bg-color) !important;
    background-image: none !important;
    opacity: 1 !important;
}

.activitylog-table th[b-im809zvy6y],
.activitylog-table td[b-im809zvy6y] {
    padding: 0.4rem 0.75rem;
    white-space: nowrap;
    border-bottom: 1px solid #374151;
    box-sizing: border-box;
}

.activitylog-table th[b-im809zvy6y] {
    font-weight: 600;
    text-align: left;
    font-size: 0.8rem;
    text-transform: uppercase;
    letter-spacing: 0.03em;
    color: var(--reports-table-fg);
}

.activitylog-table tbody tr:nth-child(even):not(.ts-grand-total-row)[b-im809zvy6y] {
    background-color: var(--reports-table-bd-bg);
}

.activitylog-table tbody tr:hover:not(.ts-grand-total-row) td[b-im809zvy6y] {
    background-color: rgba(14, 165, 233, 0.14);
}

.al-col-date[b-im809zvy6y] {
    width: 120px;
    min-width: 120px;
}

.al-col-time[b-im809zvy6y] {
    display: none;
    width: 80px;
    min-width: 80px;
}

.al-col-member[b-im809zvy6y] {
    width: 190px;
    min-width: 190px;
}

.al-col-project[b-im809zvy6y] {
    min-width: 260px;
    width: auto;
}

.al-col-projectDiscipline[b-im809zvy6y] {
    min-width: 220px;
    width: auto;
}

.al-col-hours[b-im809zvy6y],
.al-col-amount[b-im809zvy6y] {
    min-width: 45px;
    width: 1%;
    white-space: nowrap;
    text-align: right;
}

.al-col-hours[b-im809zvy6y] {
    width: var(--activity-hours-col-width);
    min-width: var(--activity-hours-col-width);
    max-width: var(--activity-hours-col-width);
    position: sticky !important;
    right: var(--activity-amount-col-width) !important;
    z-index: 3;
    background-color: var(--reports-table-bd-bg);
    box-shadow: -6px 0 8px rgba(0, 0, 0, 0.08);
}

.al-col-amount[b-im809zvy6y] {
    width: var(--activity-amount-col-width);
    min-width: var(--activity-amount-col-width);
    max-width: var(--activity-amount-col-width);
    position: sticky !important;
    right: 0 !important;
    z-index: 4;
    background-color: var(--reports-table-bd-bg);
}

.activitylog-table thead .al-col-hours[b-im809zvy6y] {
    z-index: 6;
    background-color: var(--main-bg-color) !important;
}

.activitylog-table thead .al-col-amount[b-im809zvy6y] {
    z-index: 7;
    background-color: var(--main-bg-color) !important;
    box-shadow: -6px 0 8px rgba(0, 0, 0, 0.08);
}

.activitylog-total-label[b-im809zvy6y] {
    position: sticky;
    right: calc(var(--activity-hours-col-width) + var(--activity-amount-col-width));
    z-index: 5;
    background-color: var(--reports-table-bd-bg);
    white-space: nowrap;
    text-align: right;
}

.ts-hours-total[b-im809zvy6y] {
    font-weight: 600;
    color: var(--reports-table-total-fg);
}

.ts-grand-total-row[b-im809zvy6y] {
    background-color: var(--reports-table-bd-bg);
}

.ts-grand-total-row td[b-im809zvy6y] {
    border-top: 2px solid #4b5563;
    max-width: none;
    box-sizing: border-box;
}

.activitylog-table tbody tr:last-child td[b-im809zvy6y] {
    position: sticky;
    bottom: 0;
    z-index: 4;
    background-color: var(--reports-table-bd-bg);
}

.activitylog-table tbody[b-im809zvy6y] {
    width: 100%;
}

.activitylog-table tbody tr:last-child .al-col-hours[b-im809zvy6y] {
    z-index: 5;
}

.activitylog-table tbody tr:last-child .al-col-amount[b-im809zvy6y] {
    z-index: 6;
}

.report-toolbar[b-im809zvy6y] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
    flex-wrap: wrap;
}

.report-toolbar-filters[b-im809zvy6y] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    flex: 1 1 520px;
    flex-wrap: wrap;
}

.report-toolbar-search[b-im809zvy6y] {
    flex: 1 1 280px;
    min-width: 220px;
    max-width: 420px;
}

.report-toolbar-date-filter[b-im809zvy6y] {
    flex: 0 1 260px;
    min-width: 220px;
}

.report-toolbar-actions[b-im809zvy6y] {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    flex-wrap: wrap;
    gap: 0.5rem;
}

[b-im809zvy6y] .report-toolbar-search fluent-search {
    width: 100%;
}

[b-im809zvy6y] .report-toolbar-date-filter .activitylog-date-range {
    width: 100%;
}

[b-im809zvy6y] .report-toolbar-date-filter .activitylog-date-range.form-control {
    color: var(--main-fg-color);
    background-color: var(--main-bg-color);
    border: 1px solid var(--card-border-color);
}

[data-theme="dark"][b-im809zvy6y]  .report-toolbar-date-filter .activitylog-date-range.form-control,
[data-bs-theme="dark"][b-im809zvy6y]  .report-toolbar-date-filter .activitylog-date-range.form-control {
    color: #e5edf7 !important;
    caret-color: #e5edf7;
}

[data-theme="dark"][b-im809zvy6y]  .report-toolbar-date-filter .activitylog-date-range.form-control::placeholder,
[data-bs-theme="dark"][b-im809zvy6y]  .report-toolbar-date-filter .activitylog-date-range.form-control::placeholder {
    color: #cfd9e6 !important;
    opacity: 1 !important;
}

[data-theme="dark"][b-im809zvy6y]  .report-toolbar-date-filter input.activitylog-date-range,
[data-bs-theme="dark"][b-im809zvy6y]  .report-toolbar-date-filter input.activitylog-date-range,
[data-theme="dark"][b-im809zvy6y]  .report-toolbar-date-filter .activitylog-date-range input,
[data-bs-theme="dark"][b-im809zvy6y]  .report-toolbar-date-filter .activitylog-date-range input {
    color: #e5edf7 !important;
    -webkit-text-fill-color: #e5edf7 !important;
    caret-color: #e5edf7 !important;
}

[data-theme="dark"][b-im809zvy6y]  .report-toolbar-date-filter input.activitylog-date-range::placeholder,
[data-bs-theme="dark"][b-im809zvy6y]  .report-toolbar-date-filter input.activitylog-date-range::placeholder,
[data-theme="dark"][b-im809zvy6y]  .report-toolbar-date-filter .activitylog-date-range input::placeholder,
[data-bs-theme="dark"][b-im809zvy6y]  .report-toolbar-date-filter .activitylog-date-range input::placeholder {
    color: #cfd9e6 !important;
    -webkit-text-fill-color: #cfd9e6 !important;
    opacity: 1 !important;
}

[b-im809zvy6y] .daterangepicker {
    color: var(--main-fg-color);
    background-color: var(--main-bg-color);
    border: 1px solid var(--card-border-color);
    box-shadow: 0 10px 24px rgba(0, 0, 0, 0.18);
}

[b-im809zvy6y] .daterangepicker::before,
[b-im809zvy6y] .daterangepicker::after {
    display: none;
}

[b-im809zvy6y] .daterangepicker .drp-calendar,
[b-im809zvy6y] .daterangepicker .calendar-table,
[b-im809zvy6y] .daterangepicker .ranges,
[b-im809zvy6y] .daterangepicker .drp-buttons {
    background-color: var(--main-bg-color);
    border-color: var(--card-border-color);
    color: var(--main-fg-color);
}

[b-im809zvy6y] .daterangepicker .calendar-table table,
[b-im809zvy6y] .daterangepicker .calendar-table th,
[b-im809zvy6y] .daterangepicker .calendar-table td,
[b-im809zvy6y] .daterangepicker .drp-selected,
[b-im809zvy6y] .daterangepicker .drp-calendar .month {
    color: var(--main-fg-color);
}

[b-im809zvy6y] .daterangepicker td.off,
[b-im809zvy6y] .daterangepicker td.off.in-range,
[b-im809zvy6y] .daterangepicker td.off.start-date,
[b-im809zvy6y] .daterangepicker td.off.end-date {
    color: color-mix(in srgb, var(--main-fg-color) 45%, transparent);
    background-color: transparent;
}

[b-im809zvy6y] .daterangepicker td.available:hover,
[b-im809zvy6y] .daterangepicker th.available:hover {
    background-color: rgba(14, 165, 233, 0.14);
    color: var(--main-fg-color);
}

[data-theme="dark"][b-im809zvy6y]  .daterangepicker th.available,
[data-bs-theme="dark"][b-im809zvy6y]  .daterangepicker th.available,
[data-theme="dark"][b-im809zvy6y]  .daterangepicker th.available:hover,
[data-bs-theme="dark"][b-im809zvy6y]  .daterangepicker th.available:hover {
    color: #dbe7f3 !important;
}

[data-theme="dark"][b-im809zvy6y]  .daterangepicker .prev span,
[data-bs-theme="dark"][b-im809zvy6y]  .daterangepicker .prev span,
[data-theme="dark"][b-im809zvy6y]  .daterangepicker .next span,
[data-bs-theme="dark"][b-im809zvy6y]  .daterangepicker .next span {
    border-color: #dbe7f3 !important;
}

[data-theme="dark"][b-im809zvy6y]  .daterangepicker th.prev,
[data-bs-theme="dark"][b-im809zvy6y]  .daterangepicker th.prev,
[data-theme="dark"][b-im809zvy6y]  .daterangepicker th.next,
[data-bs-theme="dark"][b-im809zvy6y]  .daterangepicker th.next,
[data-theme="dark"][b-im809zvy6y]  .daterangepicker th.prev:hover,
[data-bs-theme="dark"][b-im809zvy6y]  .daterangepicker th.prev:hover,
[data-theme="dark"][b-im809zvy6y]  .daterangepicker th.next:hover,
[data-bs-theme="dark"][b-im809zvy6y]  .daterangepicker th.next:hover {
    color: #dbe7f3 !important;
}

[b-im809zvy6y] .daterangepicker td.in-range {
    background-color: rgba(14, 165, 233, 0.18);
    color: var(--main-fg-color);
}

[b-im809zvy6y] .daterangepicker td.active,
[b-im809zvy6y] .daterangepicker td.active:hover,
[b-im809zvy6y] .daterangepicker td.start-date,
[b-im809zvy6y] .daterangepicker td.end-date {
    background-color: var(--primary-bg-color);
    color: var(--on-accent-strong);
}

[b-im809zvy6y] .daterangepicker .drp-buttons {
    padding: 0.5rem 0.75rem;
}

[b-im809zvy6y] .daterangepicker .drp-buttons .btn {
    border-radius: 6px;
    border: 1px solid var(--card-border-color);
}

[b-im809zvy6y] .daterangepicker .drp-buttons .cancelBtn {
    color: var(--main-fg-color);
    background-color: transparent;
}

[b-im809zvy6y] .daterangepicker .drp-buttons .applyBtn {
    color: var(--on-accent-strong);
    background-color: var(--primary-bg-color);
    border-color: var(--primary-bg-color);
}

[b-im809zvy6y] .daterangepicker select.monthselect,
[b-im809zvy6y] .daterangepicker select.yearselect,
[b-im809zvy6y] .daterangepicker select.ampmselect,
[b-im809zvy6y] .daterangepicker select.hourselect,
[b-im809zvy6y] .daterangepicker select.minuteselect,
[b-im809zvy6y] .daterangepicker select.secondselect {
    color: var(--main-fg-color);
    background-color: var(--main-bg-color);
    border: 1px solid var(--card-border-color);
}

@media (max-width: 768px) {
    .report-toolbar[b-im809zvy6y] {
        flex-direction: column;
        align-items: stretch;
        gap: 0.5rem;
    }

    .report-toolbar-filters[b-im809zvy6y] {
        flex: 0 1 auto;
        width: 100%;
        align-items: stretch;
        gap: 0.5rem;
    }

    .report-toolbar-search[b-im809zvy6y] {
        flex: 0 1 auto;
        width: 100%;
        min-width: 0;
        max-width: none;
    }

    .report-toolbar-date-filter[b-im809zvy6y] {
        flex: 0 1 auto;
        width: 100%;
        min-width: 0;
    }

    .report-toolbar-actions[b-im809zvy6y] {
        width: 100%;
        justify-content: stretch;
    }

    [b-im809zvy6y] .report-toolbar-actions fluent-button.report-action-btn {
        width: 100%;
        flex: 1 1 100%;
    }
}

.activitylog-info-panel[b-im809zvy6y] {
    background-color: var(--reports-table-bd-bg);
    border-color: var(--card-border-color);
}

[b-im809zvy6y] fluent-button.activitylog-info-btn::part(control) {
    color: var(--main-fg-color);
}

[data-theme="light"][b-im809zvy6y]  fluent-button.activitylog-info-btn::part(control),
[data-bs-theme="light"][b-im809zvy6y]  fluent-button.activitylog-info-btn::part(control) {
    border-color: #4b5563;
    color: var(--main-fg-color);
}

[data-theme="dark"][b-im809zvy6y]  fluent-button.activitylog-info-btn::part(control),
[data-bs-theme="dark"][b-im809zvy6y]  fluent-button.activitylog-info-btn::part(control) {
    border-color: var(--card-border-color);
    color: var(--main-fg-color);
}


/* _content/EmpiriaBMS.App/Components/TimeMGMT/TimeMGMT_Tables/DailyTotalHours.razor.rz.scp.css */
.table-container[b-k2pv2mbm59] {
    width: 100%;
    height: 320px;
    max-height: 320px;
    display: block;
    overflow-x: auto;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    padding-bottom: 0.5rem;
}

#export-to-pdf-daily-total-hours-table[b-k2pv2mbm59] {
    display: block;
    width: 100%;
    max-width: 100%;
    overflow-x: auto !important;
    overflow-y: auto !important;
    scrollbar-gutter: stable;
    scrollbar-width: auto;
    -ms-overflow-style: auto;
}

#export-to-pdf-daily-total-hours-table[b-k2pv2mbm59]::-webkit-scrollbar {
    display: block;
    height: 12px;
    width: 12px;
}

#export-to-pdf-daily-total-hours-table[b-k2pv2mbm59]::-webkit-scrollbar-track {
    background: transparent;
}

#export-to-pdf-daily-total-hours-table[b-k2pv2mbm59]::-webkit-scrollbar-thumb {
    background-color: #6b7280;
    border-radius: 8px;
    border: 2px solid transparent;
    background-clip: padding-box;
}

.activitylog-table[b-k2pv2mbm59] {
    --daily-hours-col-width: 110px;
    width: max-content;
    min-width: 100%;
    border-collapse: collapse;
    background-color: var(--reports-table-bd-bg);
    color: var(--reports-table-fg);
    font-size: 0.875rem;
    table-layout: auto;
}

.activitylog-table thead[b-k2pv2mbm59] {
    background-color: var(--reports-table-hd-bg) !important;
}

.activitylog-table thead th[b-k2pv2mbm59] {
    position: sticky;
    top: 0;
    z-index: 5;
    background-color: var(--main-bg-color) !important;
    background-image: none !important;
    opacity: 1 !important;
}

.activitylog-table th[b-k2pv2mbm59],
.activitylog-table td[b-k2pv2mbm59] {
    padding: 0.4rem 0.75rem;
    white-space: nowrap;
    border-bottom: 1px solid #374151;
    box-sizing: border-box;
}

.activitylog-table th[b-k2pv2mbm59] {
    font-weight: 600;
    text-align: left;
    font-size: 0.8rem;
    text-transform: uppercase;
    letter-spacing: 0.03em;
    color: var(--reports-table-fg);
}

.activitylog-table tbody tr:nth-child(even):not(.ts-grand-total-row)[b-k2pv2mbm59] {
    background-color: var(--reports-table-bd-bg);
}

.activitylog-table tbody tr:hover:not(.ts-grand-total-row):not(.dth-empty-row) td[b-k2pv2mbm59] {
    background-color: rgba(14, 165, 233, 0.14);
}

.dth-clickable-row[b-k2pv2mbm59] {
    cursor: pointer;
}

.dth-col-date[b-k2pv2mbm59] {
    width: 120px;
    min-width: 120px;
}

.dth-col-user[b-k2pv2mbm59] {
    width: 190px;
    min-width: 190px;
}

.dth-col-records[b-k2pv2mbm59] {
    min-width: 220px;
    width: auto;
    text-align: left;
}

.dth-col-hours[b-k2pv2mbm59] {
    min-width: 45px;
    width: var(--daily-hours-col-width);
    max-width: var(--daily-hours-col-width);
    white-space: nowrap;
    text-align: right;
    position: sticky !important;
    right: 0 !important;
    z-index: 4;
    background-color: var(--reports-table-bd-bg);
}

.activitylog-table thead .dth-col-hours[b-k2pv2mbm59] {
    z-index: 7;
    background-color: var(--main-bg-color) !important;
    box-shadow: -6px 0 8px rgba(0, 0, 0, 0.08);
}

.ts-hours-total[b-k2pv2mbm59] {
    font-weight: 600;
    color: var(--reports-table-total-fg);
}

.ts-grand-total-row[b-k2pv2mbm59] {
    background-color: var(--reports-table-bd-bg);
}

.ts-grand-total-row td[b-k2pv2mbm59] {
    border-top: 2px solid #4b5563;
    max-width: none;
    box-sizing: border-box;
}

.activitylog-table tbody tr:last-child td[b-k2pv2mbm59] {
    position: sticky;
    bottom: 0;
    z-index: 4;
    background-color: var(--reports-table-bd-bg);
}

.activitylog-table tbody[b-k2pv2mbm59] {
    width: 100%;
}

.activitylog-table tbody tr:last-child .dth-col-hours[b-k2pv2mbm59] {
    z-index: 6;
}

.report-toolbar[b-k2pv2mbm59] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
    flex-wrap: wrap;
}

.report-toolbar-actions[b-k2pv2mbm59] {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    flex-wrap: wrap;
    gap: 0.5rem;
    margin-left: auto;
}

[b-k2pv2mbm59] fluent-button.daily-total-info-btn::part(control) {
    color: var(--main-fg-color);
}

@media (max-width: 768px) {
    .report-toolbar[b-k2pv2mbm59] {
        flex-direction: column;
        align-items: stretch;
        gap: 0.5rem;
    }

    .report-toolbar-actions[b-k2pv2mbm59] {
        width: 100%;
        justify-content: stretch;
    }

    [b-k2pv2mbm59] .report-toolbar-actions fluent-button.report-action-btn {
        width: 100%;
        flex: 1 1 100%;
    }

}
/* _content/EmpiriaBMS.App/Components/TimeMGMT/TimeMGMT_Tables/DailyTotalHoursEntriesDialog.razor.rz.scp.css */
.dth-dialog-body[b-w14caky7ys] {
    display: flex;
    flex-direction: column;
    gap: 12px;
    padding: 10px 8px 8px;
    background: var(--reports-table-bd-bg);
}

.dth-dialog-meta[b-w14caky7ys] {
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
}

.dth-meta-chip[b-w14caky7ys] {
    display: inline-flex;
    flex-direction: column;
    gap: 2px;
    padding: 8px 14px;
    border-radius: 8px;
    border: 1px solid var(--card-border-color);
    background-color: rgba(148, 163, 184, 0.08);
    min-width: 148px;
}

.dth-meta-label[b-w14caky7ys] {
    font-size: 0.73rem;
    opacity: 0.78;
    text-transform: uppercase;
    letter-spacing: 0.05em;
}

.dth-meta-value[b-w14caky7ys] {
    font-size: 0.98rem;
    line-height: 1.1;
}

.dth-dialog-table-wrap[b-w14caky7ys] {
    flex: 1 1 auto;
    min-height: 0;
    max-height: min(52dvh, 510px);
    margin-top: 8px;
    overflow: auto;
    border: 1px solid var(--card-border-color);
    border-radius: 8px;
    background-color: var(--reports-table-bd-bg);
    box-shadow: 0 8px 18px rgba(15, 23, 42, 0.10);
}

.dth-dialog-table-wrap[b-w14caky7ys]::-webkit-scrollbar {
    height: 12px;
    width: 12px;
}

.dth-dialog-table-wrap[b-w14caky7ys]::-webkit-scrollbar-thumb {
    background-color: #6b7280;
    border-radius: 999px;
    border: 2px solid transparent;
    background-clip: padding-box;
}

.activitylog-table[b-w14caky7ys] {
    width: 100%;
    min-width: 100%;
    border-collapse: collapse;
    background-color: var(--reports-table-bd-bg);
    color: var(--reports-table-fg);
    font-size: 0.875rem;
    table-layout: fixed;
}

.dth-col-date[b-w14caky7ys] {
    width: 118px;
}

.dth-col-time[b-w14caky7ys] {
    width: 74px;
}

.dth-col-project[b-w14caky7ys] {
    width: 42%;
}

.dth-col-specialty[b-w14caky7ys] {
    width: 120px;
}

.dth-col-description[b-w14caky7ys] {
    width: 18%;
}

.dth-col-hours[b-w14caky7ys] {
    width: 78px;
}

.activitylog-table thead[b-w14caky7ys] {
    background-color: var(--reports-table-hd-bg) !important;
}

.activitylog-table thead th[b-w14caky7ys] {
    position: sticky;
    top: 0;
    z-index: 5;
    background-color: var(--main-bg-color) !important;
    background-image: none !important;
    opacity: 1 !important;
}

.activitylog-table th[b-w14caky7ys],
.activitylog-table td[b-w14caky7ys] {
    padding: 0.55rem 0.75rem;
    border-bottom: 1px solid #374151;
    box-sizing: border-box;
    vertical-align: top;
}

.activitylog-table th[b-w14caky7ys] {
    font-weight: 600;
    text-align: left;
    font-size: 0.8rem;
    text-transform: uppercase;
    letter-spacing: 0.03em;
    color: var(--reports-table-fg);
}

.activitylog-table td[b-w14caky7ys] {
    white-space: normal;
    overflow-wrap: anywhere;
    line-height: 1.35;
}

.dth-dialog-table tbody tr:nth-child(odd):not(.dth-empty-row)[b-w14caky7ys] {
    background-color: rgba(148, 163, 184, 0.05);
}

.dth-dialog-table tbody tr:hover:not(.dth-empty-row) td[b-w14caky7ys] {
    background-color: rgba(14, 165, 233, 0.11);
}

.dth-entry-description[b-w14caky7ys] {
    white-space: normal !important;
    line-height: 1.35;
}

.ts-hours-total[b-w14caky7ys] {
    font-weight: 600;
    color: var(--reports-table-total-fg);
}

.dth-empty-row td[b-w14caky7ys] {
    text-align: center;
    padding: 1rem 0.75rem;
    color: var(--reports-table-fg);
    opacity: 0.82;
}

.dth-mobile-list[b-w14caky7ys] {
    display: none;
}

@media (max-width: 768px) {
    .dth-dialog-body[b-w14caky7ys] {
        padding: 6px 2px 2px;
        gap: 10px;
    }

    .dth-meta-chip[b-w14caky7ys] {
        flex: 1 1 130px;
        padding: 7px 10px;
    }

    .dth-dialog-table-wrap[b-w14caky7ys] {
        display: none;
    }

    .dth-mobile-list[b-w14caky7ys] {
        display: flex;
        flex-direction: column;
        gap: 10px;
        min-height: 0;
        max-height: min(58dvh, 560px);
        margin-top: 8px;
        overflow: auto;
        padding-right: 2px;
        scroll-padding-bottom: 12px;
    }

    .dth-mobile-card[b-w14caky7ys] {
        display: flex;
        flex-direction: column;
        gap: 10px;
        padding: 12px;
        border: 1px solid var(--card-border-color);
        border-radius: 8px;
        background-color: rgba(148, 163, 184, 0.08);
    }

    .dth-mobile-card-header[b-w14caky7ys] {
        display: flex;
        align-items: flex-start;
        justify-content: space-between;
        gap: 10px;
    }

    .dth-mobile-card-header strong[b-w14caky7ys] {
        display: block;
        font-size: 0.92rem;
        line-height: 1.3;
        overflow-wrap: anywhere;
    }

    .dth-mobile-label[b-w14caky7ys],
    .dth-mobile-fields dt[b-w14caky7ys] {
        display: block;
        margin-bottom: 2px;
        color: var(--reports-table-fg);
        font-size: 0.7rem;
        font-weight: 700;
        letter-spacing: 0.04em;
        text-transform: uppercase;
        opacity: 0.72;
    }

    .dth-mobile-hours[b-w14caky7ys] {
        flex: 0 0 auto;
        padding: 5px 8px;
        border-radius: 999px;
        background-color: rgba(220, 38, 38, 0.12);
        color: var(--reports-table-total-fg);
        font-weight: 700;
        line-height: 1;
    }

    .dth-mobile-fields[b-w14caky7ys] {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 10px;
        margin: 0;
    }

    .dth-mobile-fields dd[b-w14caky7ys] {
        margin: 0;
        line-height: 1.3;
        overflow-wrap: anywhere;
    }

    .dth-mobile-description[b-w14caky7ys] {
        grid-column: 1 / -1;
    }

    .dth-mobile-empty[b-w14caky7ys] {
        padding: 16px 12px;
        border: 1px solid var(--card-border-color);
        border-radius: 8px;
        text-align: center;
        color: var(--reports-table-fg);
        opacity: 0.82;
    }
}

@media (max-width: 480px) {
    .dth-dialog-meta[b-w14caky7ys] {
        gap: 8px;
    }

    .dth-mobile-fields[b-w14caky7ys] {
        grid-template-columns: 1fr;
    }
}
/* _content/EmpiriaBMS.App/Components/TimeMGMT/TimeMGMT_Tables/NoProjectTime.razor.rz.scp.css */
.npt-wrapper[b-dj6maip0vi] {
    width: 100%;
}

.npt-toolbar[b-dj6maip0vi] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 10px;
    flex-wrap: wrap;
    margin-bottom: 6px;
}

.npt-toolbar-filters[b-dj6maip0vi] {
    flex: 1 1 320px;
    max-width: 360px;
}

.npt-filter-label[b-dj6maip0vi] {
    margin-bottom: 0.25rem;
}

.npt-user-accordion[b-dj6maip0vi] {
    width: 100%;
}

.npt-user-accordion .accordion-item[b-dj6maip0vi] {
    background: transparent;
    border: none;
}

.npt-user-accordion .accordion-header[b-dj6maip0vi] {
    height: 36px;
}

.npt-user-accordion .accordion-button[b-dj6maip0vi] {
    height: 36px;
    min-height: 36px;
    background-color: darkgray !important;
    color: var(--main-fg-color) !important;
}

.npt-user-accordion-collapse[b-dj6maip0vi] {
    z-index: 1050;
    top: 100%;
    left: 0;
    width: 100%;
    background-color: var(--reports-table-bd-bg);
}

.npt-users-table[b-dj6maip0vi] {
    width: 100%;
    border-collapse: collapse;
    table-layout: fixed;
}

.npt-users-table thead[b-dj6maip0vi],
.npt-users-table tbody[b-dj6maip0vi] {
    display: block;
    width: 100%;
}

.npt-users-table tbody[b-dj6maip0vi] {
    max-height: 220px;
    overflow-y: auto;
    overflow-x: hidden;
}

.npt-users-table tr[b-dj6maip0vi] {
    display: table;
    width: 100%;
    table-layout: fixed;
}

.npt-users-table th[b-dj6maip0vi],
.npt-users-table td[b-dj6maip0vi] {
    padding: 0.5rem 0.25rem;
    vertical-align: middle;
    color: var(--main-fg-color);
}

.npt-users-table th[b-dj6maip0vi] {
    position: sticky;
    top: 0;
    z-index: 1;
    background: transparent;
    border-bottom: 1px solid #d9d9d9;
    font-weight: 600;
}

.npt-users-table td[b-dj6maip0vi] {
    border-bottom: 1px solid #ececec;
}

.npt-users-check-cell[b-dj6maip0vi] {
    width: 44px;
    text-align: center;
}

.npt-users-check-cell input[type="checkbox"][b-dj6maip0vi] {
    accent-color: var(--accent-fill-rest, #0f6cbd);
}

.npt-users-row-button[b-dj6maip0vi] {
    display: flex;
    align-items: center;
    gap: 10px;
    width: 100%;
    cursor: pointer;
}

.npt-users-row-text[b-dj6maip0vi] {
    white-space: normal;
    word-break: break-word;
}

.npt-toolbar .report-toolbar-actions[b-dj6maip0vi] {
    display: flex;
    align-items: stretch;
    justify-content: flex-end;
    gap: 8px;
    flex-wrap: nowrap;
}

.npt-toolbar .report-action-btn[b-dj6maip0vi] {
    margin: 0;
}

.npt-toolbar fluent-button.report-action-btn[b-dj6maip0vi]::part(control) {
    min-height: 40px;
    height: 40px;
    padding-top: 0;
    padding-bottom: 0;
    display: inline-flex;
    align-items: center;
}

[data-theme="light"] fluent-button.npt-info-btn[b-dj6maip0vi]::part(control),
[data-bs-theme="light"] fluent-button.npt-info-btn[b-dj6maip0vi]::part(control) {
    border-color: #4b5563;
    color: var(--main-fg-color);
}

[data-theme="dark"] fluent-button.npt-info-btn[b-dj6maip0vi]::part(control),
[data-bs-theme="dark"] fluent-button.npt-info-btn[b-dj6maip0vi]::part(control) {
    border-color: var(--card-border-color);
    color: var(--main-fg-color);
}

.npt-header[b-dj6maip0vi] {
    margin-bottom: 14px;
    margin-top: 8px;
}

.npt-export-area[b-dj6maip0vi] {
    padding: 6px;
}

.npt-header h4[b-dj6maip0vi] {
    margin: 0;
    font-size: 1.1rem;
    font-weight: 700;
}

.npt-subtitle[b-dj6maip0vi] {
    margin: 4px 0 0;
    opacity: 0.8;
    font-size: 0.92rem;
}

.npt-card[b-dj6maip0vi] {
    border: 1px solid var(--card-border-color);
    background: var(--reports-table-bd-bg);
    border-radius: 10px;
    padding: 12px;
}

.npt-card-header[b-dj6maip0vi] {
    display: flex;
    justify-content: space-between;
    align-items: baseline;
    gap: 8px;
}

.npt-card-header h5[b-dj6maip0vi] {
    margin: 0;
    font-size: 0.98rem;
    font-weight: 650;
}

.npt-hours[b-dj6maip0vi] {
    font-size: 0.95rem;
    font-weight: 700;
}

.npt-meta[b-dj6maip0vi] {
    margin-top: 6px;
    display: flex;
    justify-content: space-between;
    gap: 6px;
    font-size: 0.8rem;
    opacity: 0.8;
}

.npt-chart-scroll[b-dj6maip0vi] {
    margin-top: 12px;
    overflow-x: auto;
}

.npt-chart[b-dj6maip0vi] {
    min-width: 100%;
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 10px;
    padding: 8px 6px 2px;
}

.npt-bar-group[b-dj6maip0vi] {
    display: grid;
    grid-template-columns: 140px 1fr;
    align-items: center;
    gap: 10px;
    border-radius: 8px;
    transition: background-color 0.15s ease-in-out;
}

.npt-bar-group:hover[b-dj6maip0vi] {
    background-color: rgba(14, 165, 233, 0.14);
}

.npt-bar-row[b-dj6maip0vi] {
    display: flex;
    align-items: center;
    gap: 10px;
}

.npt-bar[b-dj6maip0vi] {
    height: 100%;
    border-radius: 6px;
    min-width: 0;
    transition: width 0.2s ease-in-out;
}

.npt-bar-wrap[b-dj6maip0vi] {
    width: 100%;
    height: 18px;
    display: flex;
    justify-content: start;
    align-items: end;
    border-radius: 999px;
    background: rgba(15, 23, 42, 0.35);
    overflow: hidden;
}

.npt-bar-label[b-dj6maip0vi] {
    font-size: 0.9rem;
    opacity: 0.95;
    font-weight: 600;
}

.npt-bar-value[b-dj6maip0vi] {
    font-size: 0.88rem;
    font-weight: 700;
}

.npt-stats[b-dj6maip0vi] {
    min-width: 88px;
    text-align: right;
}

.npt-bar-percent[b-dj6maip0vi] {
    font-size: 0.78rem;
    opacity: 0.8;
}

@media (max-width: 768px) {
    .npt-toolbar[b-dj6maip0vi] {
        justify-content: flex-start;
    }

    .npt-toolbar-filters[b-dj6maip0vi] {
        flex: 1 1 100%;
        max-width: none;
    }

    .npt-toolbar .report-toolbar-actions[b-dj6maip0vi] {
        width: 100%;
        justify-content: flex-start;
        flex-wrap: wrap;
    }

    .npt-bar-group[b-dj6maip0vi] {
        grid-template-columns: 1fr;
        gap: 6px;
    }

    .npt-stats[b-dj6maip0vi] {
        text-align: left;
    }
}
/* _content/EmpiriaBMS.App/Components/TimeMGMT/TimeMGMT_Tables/ProjectActualsToDate.razor.rz.scp.css */
.project-actuals-shell[b-ypsbl9mfhv] {
    color: var(--main-fg-color);
}

.project-actuals-toolbar[b-ypsbl9mfhv] {
    display: grid;
    grid-template-columns: minmax(220px, 360px) minmax(0, 1fr);
    align-items: center;
    column-gap: 16px;
    row-gap: 10px;
    width: 100%;
    min-width: 0;
}

.project-actuals-right-tools[b-ypsbl9mfhv] {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    flex-wrap: nowrap;
    gap: 10px;
    min-width: 0;
}

.project-actuals-actions[b-ypsbl9mfhv] {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    flex: 0 0 auto;
    flex-wrap: nowrap;
    gap: 8px;
}

.project-actuals-toolbar[b-ypsbl9mfhv]  fluent-button.report-action-btn::part(control) {
    min-height: 36px;
    height: 36px;
    line-height: 1;
    display: inline-flex;
    align-items: center;
    box-sizing: border-box;
}

.project-actuals-toolbar[b-ypsbl9mfhv]  fluent-button.report-action-btn {
    min-height: 36px;
    height: 36px;
}

.project-actuals-search[b-ypsbl9mfhv] {
    width: 100%;
    min-width: 0;
}

.project-actuals-stage-select[b-ypsbl9mfhv] {
    flex: 0 1 250px;
    min-width: 220px;
}

.project-actuals-zero-filter[b-ypsbl9mfhv] {
    min-height: 34px;
    color: var(--main-fg-color);
}

.project-actuals-info[b-ypsbl9mfhv] {
    background-color: var(--reports-table-bd-bg);
    border-color: var(--card-border-color) !important;
}

.project-actuals-summary[b-ypsbl9mfhv] {
    display: grid;
    grid-template-columns: repeat(6, minmax(120px, 1fr));
    gap: 10px;
    margin-top: 14px;
}

.project-actuals-summary > div[b-ypsbl9mfhv] {
    display: flex;
    flex-direction: column;
    gap: 3px;
    padding: 10px 12px;
    border: 1px solid var(--card-border-color);
    border-radius: 8px;
    background: var(--reports-table-bd-bg);
    min-width: 0;
}

.project-actuals-summary span[b-ypsbl9mfhv] {
    font-size: 0.78rem;
    font-weight: 700;
    color: var(--main-fg-color);
    opacity: 0.72;
}

.project-actuals-summary strong[b-ypsbl9mfhv] {
    font-size: 1rem;
    color: var(--main-fg-color);
}

.project-actuals-table-container[b-ypsbl9mfhv] {
    overflow-x: auto;
}

.project-actuals-table[b-ypsbl9mfhv] {
    width: 100%;
    min-width: 980px;
    border-collapse: collapse;
}

.project-actuals-table th[b-ypsbl9mfhv],
.project-actuals-table td[b-ypsbl9mfhv] {
    padding: 10px 12px;
    border-bottom: 1px solid var(--card-border-color);
    vertical-align: middle;
}

.project-actuals-table thead th[b-ypsbl9mfhv] {
    position: sticky;
    top: 0;
    z-index: 1;
    background: var(--main-bg-color);
    color: var(--main-fg-color);
    font-size: 0.78rem;
    font-weight: 800;
    text-transform: uppercase;
    cursor: pointer;
}

.project-actuals-project-row td[b-ypsbl9mfhv] {
    background: color-mix(in srgb, var(--reports-table-bd-bg) 82%, var(--main-fg-color) 18%);
    border-top: 1px solid var(--card-border-color);
    border-bottom: 1px solid var(--card-border-color);
}

.project-actuals-group-title[b-ypsbl9mfhv],
.project-actuals-stage-title[b-ypsbl9mfhv] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    min-width: 0;
}

.project-actuals-group-title strong[b-ypsbl9mfhv],
.project-actuals-stage-title strong[b-ypsbl9mfhv] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.project-actuals-group-title span[b-ypsbl9mfhv],
.project-actuals-stage-title span[b-ypsbl9mfhv] {
    flex: 0 0 auto;
    font-size: 0.82rem;
    font-weight: 700;
    opacity: 0.76;
}

.project-actuals-stage-row td[b-ypsbl9mfhv] {
    background: var(--reports-table-bd-bg);
    font-weight: 800;
}

.project-actuals-unassigned-row[b-ypsbl9mfhv] {
    font-style: italic;
}

.project-actuals-stage-mobile[b-ypsbl9mfhv] {
    display: none;
}

.pa-col-number[b-ypsbl9mfhv],
.pa-col-date[b-ypsbl9mfhv],
.pa-col-status[b-ypsbl9mfhv] {
    text-align: right;
    white-space: nowrap;
}

.pa-col-project[b-ypsbl9mfhv] {
    width: 26%;
}

.pa-col-discipline[b-ypsbl9mfhv] {
    width: 25%;
}

.pa-col-number[b-ypsbl9mfhv] {
    width: 9%;
}

.pa-col-date[b-ypsbl9mfhv],
.pa-col-status[b-ypsbl9mfhv] {
    width: 8%;
}

.project-actuals-over[b-ypsbl9mfhv] {
    color: #dc2626;
}

.project-actuals-under[b-ypsbl9mfhv] {
    color: #15803d;
}

.project-actuals-even[b-ypsbl9mfhv] {
    color: var(--main-fg-color);
}

.project-actuals-empty[b-ypsbl9mfhv] {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 220px;
    color: var(--main-fg-color);
    opacity: 0.78;
    font-weight: 700;
}

.project-actuals-total-row td[b-ypsbl9mfhv] {
    position: sticky;
    bottom: 0;
    background: var(--main-bg-color);
}

@media (max-width: 900px) {
    .project-actuals-summary[b-ypsbl9mfhv] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 640px) {
    .project-actuals-toolbar[b-ypsbl9mfhv],
    .project-actuals-right-tools[b-ypsbl9mfhv],
    .project-actuals-actions[b-ypsbl9mfhv] {
        width: 100%;
    }

    .project-actuals-toolbar[b-ypsbl9mfhv] {
        grid-template-columns: 1fr;
    }

    .project-actuals-right-tools[b-ypsbl9mfhv],
    .project-actuals-actions[b-ypsbl9mfhv] {
        justify-content: stretch;
        flex-wrap: wrap;
    }

    .project-actuals-toolbar[b-ypsbl9mfhv]  fluent-button.report-action-btn {
        flex: 1 1 100%;
    }

    .project-actuals-search[b-ypsbl9mfhv],
    .project-actuals-stage-select[b-ypsbl9mfhv] {
        width: 100%;
        min-width: 0;
    }

    .project-actuals-summary[b-ypsbl9mfhv] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 8px;
    }

    .project-actuals-summary > div[b-ypsbl9mfhv] {
        padding: 8px 10px;
    }

    .project-actuals-table th[b-ypsbl9mfhv],
    .project-actuals-table td[b-ypsbl9mfhv] {
        padding: 9px 10px;
    }

    .project-actuals-group-title[b-ypsbl9mfhv],
    .project-actuals-stage-title[b-ypsbl9mfhv] {
        align-items: flex-start;
        flex-direction: column;
        gap: 4px;
    }

    .project-actuals-stage-mobile[b-ypsbl9mfhv] {
        display: inline;
        color: var(--main-fg-color);
        opacity: 0.74;
        font-size: 0.78rem;
        font-weight: 700;
    }
}
/* _content/EmpiriaBMS.App/Components/TimeMGMT/TimeMGMT_Tables/TimeSheet.razor.rz.scp.css */
.table-container[b-05vcomkqlr] {
    width: 100%;
    height: 320px;
    max-height: 320px;
    overflow-x: auto;
    overflow-y: auto;
    padding-bottom: 0.5rem;
}

.data-table[b-05vcomkqlr] {
    width: 100%;
    border-collapse: collapse;
    background-color: var(--reports-table-bd-bg);
    color: var(--reports-table-fg);
    font-size: 0.875rem;
}

#export-to-pdf-timesheet-table[b-05vcomkqlr] {
    display: block;
    max-width: 100%;
    overflow-x: auto;
    overflow-y: auto;
    scrollbar-gutter: stable;
}

#export-to-pdf-timesheet-table[b-05vcomkqlr] {
    scrollbar-width: auto;
    scrollbar-color: #6b7280 transparent;
}

#export-to-pdf-timesheet-table[b-05vcomkqlr]::-webkit-scrollbar {
    height: 12px;
}

#export-to-pdf-timesheet-table[b-05vcomkqlr]::-webkit-scrollbar-track {
    background: transparent;
}

#export-to-pdf-timesheet-table[b-05vcomkqlr]::-webkit-scrollbar-thumb {
    background-color: #6b7280;
    border-radius: 8px;
    border: 2px solid transparent;
    background-clip: padding-box;
}

    .data-table thead[b-05vcomkqlr] {
        background-color: var(--reports-table-hd-bg) !important;
    }

    .data-table thead th[b-05vcomkqlr] {
        position: sticky;
        top: 0;
        z-index: 5;
        background-color: var(--reports-table-hd-bg);
    }

    .data-table th[b-05vcomkqlr],
    .data-table td[b-05vcomkqlr] {
        padding: 0.4rem 0.75rem;
        white-space: nowrap;
        border-bottom: 1px solid #374151;
    }

    .data-table th[b-05vcomkqlr] {
        font-weight: 600;
        text-align: left;
        font-size: 0.8rem;
        text-transform: uppercase;
        letter-spacing: 0.03em;
        color: var(--reports-table-fg);
    }

.ts-col-project[b-05vcomkqlr] {
    min-width: 260px;
    text-wrap: wrap;
}

.ts-col-week[b-05vcomkqlr] {
    text-align: center;
}

.ts-col-total[b-05vcomkqlr] {
    text-align: center;
    min-width: 80px;
}

.ts-week-range[b-05vcomkqlr] {
    font-size: 0.7rem;
    color: var(--reports-table-fg);
}

.data-table tbody tr:nth-child(even):not(.ts-grand-total-row)[b-05vcomkqlr] {
    background-color: var(--reports-table-bd-bg);
}

.data-table tbody tr:hover:not(.ts-grand-total-row) td[b-05vcomkqlr] {
    background-color: rgba(14, 165, 233, 0.14);
}

.ts-project-cell[b-05vcomkqlr] {
    max-width: 480px;
    overflow: hidden;
/*    text-overflow: ellipsis;*/
    text-wrap: wrap !important;
}

.ts-hours-cell[b-05vcomkqlr] {
    text-align: center;
    font-family: "Consolas", "SF Mono", monospace;
}

.last-row-hours-total[b-05vcomkqlr],
.ts-hours-total[b-05vcomkqlr] {
    font-weight: 600;
    color: var(--reports-table-total-fg);
}

.ts-grand-total-row[b-05vcomkqlr] {
    background-color: var(--reports-table-bd-bg);
}

    .ts-grand-total-row td[b-05vcomkqlr] {
        border-top: 2px solid #4b5563;
    }

/* Pager */
.timesheet-pager[b-05vcomkqlr] {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 0.75rem;
    margin-top: 0.5rem;
    font-size: 0.8rem;
    color: #9ca3af;
}

.ts-page-btn[b-05vcomkqlr] {
    border: 1px solid #4b5563;
    background-color: var(--reports-table-bd-bg);
    color: var(--reports-table-fg);
    padding: 0.25rem 0.8rem;
    border-radius: 4px;
    cursor: pointer;
}

    .ts-page-btn[disabled][b-05vcomkqlr] {
        opacity: 0.4;
        cursor: default;
    }

    .ts-page-btn:not([disabled]):hover[b-05vcomkqlr] {
        background-color: #374151;
    }

.ts-page-info[b-05vcomkqlr] {
    white-space: nowrap;
}

/* Keep last column fixed on horizontal scroll */
.data-table th:last-child[b-05vcomkqlr],
.data-table td:last-child[b-05vcomkqlr] {
    position: sticky;
    right: 0;
    z-index: 3;
    background-color: var(--reports-table-bd-bg);
}

.data-table th:last-child[b-05vcomkqlr] {
    z-index: 7;
    background-color: var(--reports-table-hd-bg);
}

/* Ensure Total header stays fully opaque while sticky */
.data-table thead th.ts-col-total[b-05vcomkqlr] {
    background-color: var(--main-bg-color) !important;
    background-image: none !important;
    opacity: 1 !important;
    box-shadow: -6px 0 8px rgba(0, 0, 0, 0.08);
}

/* Keep last row fixed on vertical scroll */
.data-table tbody tr:last-child td[b-05vcomkqlr] {
    position: sticky;
    bottom: 0;
    z-index: 4;
    background-color: var(--reports-table-bd-bg);
}

/* Intersection cell: last row + last column */
.data-table tbody tr:last-child td:last-child[b-05vcomkqlr] {
    z-index: 6;
}

.report-toolbar[b-05vcomkqlr] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
    flex-wrap: wrap;
}

.report-toolbar-search[b-05vcomkqlr] {
    flex: 1 1 280px;
    min-width: 220px;
    max-width: 420px;
}

.report-toolbar-actions[b-05vcomkqlr] {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    flex-wrap: wrap;
    gap: 0.5rem;
}

[b-05vcomkqlr] .report-toolbar-search fluent-search {
    width: 100%;
}

@media (max-width: 768px) {
    .report-toolbar[b-05vcomkqlr] {
        flex-direction: column;
        align-items: stretch;
        gap: 0.5rem;
    }

    .report-toolbar-search[b-05vcomkqlr] {
        flex: 0 1 auto;
        width: 100%;
        min-width: 0;
        max-width: none;
    }

    .report-toolbar-actions[b-05vcomkqlr] {
        width: 100%;
        justify-content: stretch;
    }

    [b-05vcomkqlr] .report-toolbar-actions fluent-button.report-action-btn {
        width: 100%;
        flex: 1 1 100%;
    }
}




[data-theme="light"][b-05vcomkqlr]  fluent-button.report-action-btn::part(control),
[data-bs-theme="light"][b-05vcomkqlr]  fluent-button.report-action-btn::part(control) {
    border-color: #4b5563;
    color: var(--main-fg-color);
}
/* _content/EmpiriaBMS.App/Components/TimeMGMT/TimeMGMT_Tables/UsersHoursSummary.razor.rz.scp.css */
.users-hours-toolbar[b-1qoazt8o00] {
    display: flex;
    align-items: stretch;
    justify-content: space-between;
    gap: 0.75rem;
    flex-wrap: wrap;
}

.users-hours-search-wrap[b-1qoazt8o00] {
    flex: 0 1 320px;
    min-width: 240px;
    max-width: 420px;
    margin-right: auto;
}

.users-hours-toolbar-actions[b-1qoazt8o00] {
    display: flex;
    align-items: stretch;
    justify-content: flex-end;
    gap: 0.5rem;
    margin-left: auto;
}

.users-hours-search-wrap[b-1qoazt8o00]  fluent-search {
    display: block;
    width: 100%;
}

.users-hours-search-wrap[b-1qoazt8o00]  fluent-search::part(root),
.users-hours-search-wrap[b-1qoazt8o00]  fluent-search::part(control) {
    min-height: 40px;
    height: 40px;
    box-sizing: border-box;
}

.users-hours-toolbar-actions[b-1qoazt8o00]  fluent-button.report-action-btn::part(control) {
    min-height: 40px;
    height: 40px;
}

.users-hours-summary[b-1qoazt8o00] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.75rem;
}

.users-hours-chip[b-1qoazt8o00] {
    min-width: 140px;
    padding: 0.7rem 0.85rem;
    border: 1px solid var(--card-border-color);
    border-radius: 14px;
    background-color: var(--reports-table-bd-bg);
    color: var(--reports-table-fg);
}

.users-hours-chip-label[b-1qoazt8o00] {
    display: block;
    margin-bottom: 0.2rem;
    font-size: 0.72rem;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    opacity: 0.75;
}

.users-hours-table-container[b-1qoazt8o00] {
    width: 100%;
    max-height: 420px;
}

.users-hours-table[b-1qoazt8o00] {
    width: 100%;
    border-collapse: collapse;
    background-color: var(--reports-table-bd-bg);
    color: var(--reports-table-fg);
    font-size: 0.875rem;
}

.users-hours-table thead[b-1qoazt8o00] {
    background-color: var(--reports-table-hd-bg) !important;
}

.users-hours-table thead th[b-1qoazt8o00] {
    position: sticky;
    top: 0;
    z-index: 5;
    background-color: var(--reports-table-hd-bg);
}

.users-hours-table th[b-1qoazt8o00],
.users-hours-table td[b-1qoazt8o00] {
    padding: 0.55rem 0.8rem;
    border-bottom: 1px solid #374151;
    white-space: nowrap;
}

.users-hours-table th[b-1qoazt8o00] {
    font-weight: 600;
    text-align: left;
    font-size: 0.8rem;
    text-transform: uppercase;
    letter-spacing: 0.03em;
    color: var(--reports-table-fg);
}

.users-hours-table td[b-1qoazt8o00] {
    max-width: 320px;
    text-wrap: wrap;
}

.users-hours-table tbody tr:nth-child(even)[b-1qoazt8o00] {
    background-color: var(--reports-table-bd-bg);
}

.users-hours-table tbody tr:hover td[b-1qoazt8o00] {
    background-color: rgba(14, 165, 233, 0.14);
}

.users-hours-table .uhs-col-user[b-1qoazt8o00] {
    width: auto;
}

.users-hours-table .uhs-col-hours[b-1qoazt8o00],
.users-hours-table .uhs-col-percent[b-1qoazt8o00] {
    width: 1%;
    min-width: max-content;
    max-width: max-content;
}

.users-hours-empty[b-1qoazt8o00] {
    text-align: center;
    color: var(--bs-secondary-color, var(--reports-table-fg));
    padding: 1rem !important;
}

[data-theme="light"][b-1qoazt8o00]  fluent-button.report-action-btn::part(control),
[data-bs-theme="light"][b-1qoazt8o00]  fluent-button.report-action-btn::part(control) {
    border-color: #4b5563;
    color: var(--main-fg-color);
}

@media (max-width: 768px) {
    .users-hours-toolbar[b-1qoazt8o00] {
        flex-direction: column;
        align-items: stretch;
    }

    .users-hours-search-wrap[b-1qoazt8o00] {
        flex: 0 1 auto;
        min-width: 0;
        max-width: none;
        width: 100%;
        margin-right: 0;
    }

    .users-hours-toolbar-actions[b-1qoazt8o00] {
        width: 100%;
        margin-left: 0;
    }

    .users-hours-toolbar-actions[b-1qoazt8o00]  fluent-button.report-action-btn {
        flex: 1 1 100%;
    }

    .users-hours-chip[b-1qoazt8o00] {
        flex: 1 1 100%;
        min-width: 0;
    }

    .users-hours-table td[b-1qoazt8o00] {
        max-width: 220px;
    }
}
/* _content/EmpiriaBMS.App/Components/TimeMGMT/TimeMGMT_Tables/WorkSummary.razor.rz.scp.css */
.table-container[b-6n9uf5xkho] {
    width: 100%;
    height: 320px;
    max-height: 320px;
    overflow-x: auto;
    overflow-y: auto;
    padding-bottom: 0.5rem;
}

.data-table[b-6n9uf5xkho] {
    width: 100%;
    border-collapse: collapse;
    background-color: var(--reports-table-bd-bg);
    color: var(--reports-table-fg);
    font-size: 0.875rem;
}

    .data-table thead[b-6n9uf5xkho] {
        background-color: var(--reports-table-hd-bg) !important;
    }

    .data-table thead th[b-6n9uf5xkho] {
        position: sticky;
        top: 0;
        z-index: 5;
        background-color: var(--reports-table-hd-bg);
    }

    .data-table th[b-6n9uf5xkho],
    .data-table td[b-6n9uf5xkho] {
        padding: 0.4rem 0.75rem;
        white-space: nowrap;
        border-bottom: 1px solid #374151;
    }

    .data-table th[b-6n9uf5xkho] {
        font-weight: 600;
        text-align: left;
        font-size: 0.8rem;
        text-transform: uppercase;
        letter-spacing: 0.03em;
        color: var(--reports-table-fg);
    }

    .data-table td[b-6n9uf5xkho] {
        width: auto;
        max-width: 200px;
        text-wrap: wrap;
    }

    .data-table tbody tr:nth-child(even):not(.ts-grand-total-row)[b-6n9uf5xkho] {
        background-color: var(--reports-table-bd-bg);
    }

    .data-table tbody tr:hover:not(.ts-grand-total-row) td[b-6n9uf5xkho] {
        background-color: rgba(14, 165, 233, 0.14);
    }

.ts-hours-total[b-6n9uf5xkho] {
    font-weight: 600;
    color: var(--reports-table-total-fg);
}

.ts-grand-total-row[b-6n9uf5xkho] {
    background-color: var(--reports-table-bd-bg);
}

    .ts-grand-total-row td[b-6n9uf5xkho] {
        border-top: 2px solid #4b5563;
    }

/* Pager */
.timesheet-pager[b-6n9uf5xkho] {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 0.75rem;
    margin-top: 0.5rem;
    font-size: 0.8rem;
    color: #9ca3af;
}

.ts-page-btn[b-6n9uf5xkho] {
    border: 1px solid #4b5563;
    background-color: var(--reports-table-bd-bg);
    color: var(--reports-table-fg);
    padding: 0.25rem 0.8rem;
    border-radius: 4px;
    cursor: pointer;
}

    .ts-page-btn[disabled][b-6n9uf5xkho] {
        opacity: 0.4;
        cursor: default;
    }

    .ts-page-btn:not([disabled]):hover[b-6n9uf5xkho] {
        background-color: #374151;
    }

.ts-page-info[b-6n9uf5xkho] {
    white-space: nowrap;
}

/* Keep last column fixed on horizontal scroll */
.data-table th:last-child[b-6n9uf5xkho],
.data-table td:last-child[b-6n9uf5xkho] {
    position: sticky;
    right: 0;
    z-index: 3;
    background-color: var(--reports-table-bd-bg);
}

.data-table th:last-child[b-6n9uf5xkho] {
    z-index: 7;
    background-color: var(--reports-table-hd-bg);
}

.data-table thead th.ws-col-total-hours[b-6n9uf5xkho] {
    background-color: var(--main-bg-color) !important;
    background-image: none !important;
    opacity: 1 !important;
}

.data-table .ws-col-total-hours[b-6n9uf5xkho] {
    width: 1% !important;
    min-width: max-content;
    max-width: max-content;
    white-space: nowrap;
}

.data-table .ws-col-project[b-6n9uf5xkho] {
    width: auto;
}

/* Keep last row fixed on vertical scroll */
.data-table tbody tr:last-child td[b-6n9uf5xkho] {
    position: sticky;
    bottom: 0;
    z-index: 4;
    background-color: var(--reports-table-bd-bg);
}

/* Intersection cell: last row + last column */
.data-table tbody tr:last-child td:last-child[b-6n9uf5xkho] {
    z-index: 6;
}

.report-toolbar[b-6n9uf5xkho] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
    flex-wrap: wrap;
}

.report-toolbar-search[b-6n9uf5xkho] {
    flex: 1 1 280px;
    min-width: 220px;
    max-width: 420px;
}

.report-toolbar-actions[b-6n9uf5xkho] {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    flex-wrap: wrap;
    gap: 0.5rem;
}

[b-6n9uf5xkho] .report-toolbar-search fluent-search {
    width: 100%;
}

@media (max-width: 768px) {
    .report-toolbar[b-6n9uf5xkho] {
        flex-direction: column;
        align-items: stretch;
        gap: 0.5rem;
    }

    .report-toolbar-search[b-6n9uf5xkho] {
        flex: 0 1 auto;
        width: 100%;
        min-width: 0;
        max-width: none;
    }

    .report-toolbar-actions[b-6n9uf5xkho] {
        width: 100%;
        justify-content: stretch;
    }

    [b-6n9uf5xkho] .report-toolbar-actions fluent-button.report-action-btn {
        width: 100%;
        flex: 1 1 100%;
    }
}


[data-theme="light"][b-6n9uf5xkho]  fluent-button.report-action-btn::part(control),
[data-bs-theme="light"][b-6n9uf5xkho]  fluent-button.report-action-btn::part(control) {
    border-color: #4b5563;
    color: var(--main-fg-color);
}
/* _content/EmpiriaBMS.App/Controllers/Welcome.razor.rz.scp.css */
.splash-screen[b-y723qi6cw6] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.8);
    display: flex;
    justify-content: center;
    align-items: center;
    color: white;
    z-index: 9999;
}

.splash-content[b-y723qi6cw6] {
    text-align: center;
    width: clamp(30vw, auto, 88vw) !important;
    max-width: 88vw !important;
}

.progress-line[b-y723qi6cw6] {
    width: 100% !important;
}



@keyframes spin-b-y723qi6cw6 {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}
/* _content/EmpiriaBMS.App/DefaultComponents/ProfileCard.razor.rz.scp.css */
.profile[b-c7b36m14u3] {
    display: flex;
    align-items: center;
}

    .profile .avatar[b-c7b36m14u3] {        
        flex: 1 0 auto;
    }

    .profile .avatar img[b-c7b36m14u3] {
        margin: 15px;
        height: 64px;
        width: 64px;
        border-radius: 32px;
    }

    .profile .info[b-c7b36m14u3] {
        margin: 0 2em;
        flex: 4 0 auto;
    }

        .profile .info > h3[b-c7b36m14u3] {
            margin: 0;
        }

        .profile .info > p[b-c7b36m14u3] {
            margin: 0;
        }