@import '_content/Microsoft.FluentUI.AspNetCore.Components/Microsoft.FluentUI.AspNetCore.Components.dwk6czdzfo.bundle.scp.css';

/* _content/CoGo.Web/Pages/Account/UserProfileMenu.razor.rz.scp.css */
.user-profile-menu[b-l9tzkaojq6] {
    padding: 0 calc((10 + (var(--design-unit) * 2 * var(--density))) * 1px);
}

[b-l9tzkaojq6] .user-profile-menu-template {
    width: 330px;
    border-radius: calc(var(--layer-corner-radius) * 1px);
}

    [b-l9tzkaojq6] .user-profile-menu-template .user-profile-menu-content {
        display: flex;
        align-items: center;
        gap: 16px;
        max-width: 100%;
    }

    [b-l9tzkaojq6] .user-profile-menu-template .user-profile-menu-details {
        display: flex;
        flex: 1;
        flex-direction: column;
        gap: 4px;
        min-width: 0;
    }

    [b-l9tzkaojq6] .user-profile-menu-template .user-profile-menu-email,
    [b-l9tzkaojq6] .user-profile-menu-template .user-profile-menu-fullname {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    [b-l9tzkaojq6] .user-profile-menu-template .user-profile-menu-fullname {
        font-size: 1.15rem;
        line-height: 1.35;
    }

    [b-l9tzkaojq6] .user-profile-menu-template .user-profile-menu-link {
        width: fit-content;
        margin-top: 6px;
        padding: 0;
        border: 0;
        background: none;
        color: var(--accent-foreground-rest);
        font-size: 0.9rem;
        line-height: 1.2;
        text-align: left;
        text-decoration: underline;
    }

        [b-l9tzkaojq6] .user-profile-menu-template .user-profile-menu-link:hover {
            color: var(--accent-foreground-hover);
        }

    [b-l9tzkaojq6] .user-profile-menu-template .user-profile-menu-photo {
        width: 76px;
        height: 76px;
        border-radius: 50%;
        object-fit: cover;
        object-position: center;
        flex-shrink: 0;
    }

    [b-l9tzkaojq6] .user-profile-menu-template [part*="fullname"],
    [b-l9tzkaojq6] .user-profile-menu-template [part*="email"] {
        max-width: 220px;
        overflow: hidden;
        text-overflow: ellipsis;
    }
/* _content/CoGo.Web/Pages/Alarms/Alarms.razor.rz.scp.css */
.alarms-page[b-k8katda8rn] {
    display: flex;
    flex-direction: column;
    height: 100%;
    min-height: 0;
}

.alarms-table-region[b-k8katda8rn] {
    display: flex;
    flex: 1 1 auto;
    min-height: 0;
}
/* _content/CoGo.Web/Pages/Alarms/AlarmsTable.razor.rz.scp.css */
.alarms-table-layout[b-du3r0del4o] {
    display: flex;
    flex: 1 1 auto;
    flex-direction: column;
    min-height: 0;
    height: 100%;
}

.alarms-grid-region[b-du3r0del4o] {
    min-height: 0;
}

.alarms-pagination-row[b-du3r0del4o] {
    margin-top: auto;
    padding-top: 1rem;
}
/* _content/CoGo.Web/Pages/Alarms/ClearedAlarmDetails.razor.rz.scp.css */
.alarm-details-grid[b-0a6qc74qta] {
    align-items: stretch;
}

.alarm-card-grid[b-0a6qc74qta] {
    width: 100%;
}

.alarm-device-card-shell[b-0a6qc74qta] {
    padding-left: 22px !important;
}

.alarm-device-card-shell[b-0a6qc74qta]  .card-photo-container {
    margin-right: 4px;
}

.alarm-device-card-shell[b-0a6qc74qta]  .alarm-device-value {
    min-width: 0;
}

.alarm-device-card-shell[b-0a6qc74qta]  .alarm-device-value--ellipsis {
    overflow: hidden;
    text-align: right;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.alarm-device-card-shell[b-0a6qc74qta]  .alarm-device-link {
    color: inherit;
    cursor: pointer;
    font-family: inherit;
    font-size: var(--type-ramp-plus-1-font-size);
    font-weight: 700;
    line-height: var(--type-ramp-plus-1-line-height);
    text-align: right;
    text-decoration: underline;
    text-underline-offset: 2px;
}

.alarm-details-info-body[b-0a6qc74qta] {
    box-sizing: border-box;
    overflow-y: auto;
    padding-bottom: 12px;
}

.alarm-field-value[b-0a6qc74qta] {
    text-align: right;
}

.alarm-field-label--nowrap[b-0a6qc74qta],
.alarm-field-value--nowrap[b-0a6qc74qta] {
    white-space: nowrap;
}

.alarm-note-row[b-0a6qc74qta] {
    display: flex;
    flex-direction: column;
    gap: 6px;
    min-width: 0;
    overflow: hidden;
    padding-top: 8px;
    width: 100%;
}

.alarm-remedy-field[b-0a6qc74qta] {
    max-width: 100%;
    min-width: 0;
    overflow: hidden;
    width: 100%;
}

.alarm-note-row[b-0a6qc74qta]  .root,
.alarm-note-row[b-0a6qc74qta]  .base,
.alarm-note-row[b-0a6qc74qta]  .control,
.alarm-note-row[b-0a6qc74qta]  fluent-text-area {
    box-sizing: border-box;
    max-width: 100%;
    width: 100%;
}

.alarm-note-row[b-0a6qc74qta]  textarea {
    box-sizing: border-box;
    max-height: 88px;
    min-height: 56px;
    resize: none;
    width: 100%;
}

.alarm-plot-body[b-0a6qc74qta] {
    box-sizing: border-box;
    height: 100%;
    width: 100%;
    padding: 4px;
}

@media (max-width: 768px) {
    .alarm-device-card-shell[b-0a6qc74qta] {
        padding-left: 12px !important;
    }
}
/* _content/CoGo.Web/Pages/AnalysisWorkspace/AddAnalysisWorkspaceSensorsDialog.razor.rz.scp.css */
.add-analysis-sensors-dialog[b-a8km8fcag0] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.analysis-sensor-group-list[b-a8km8fcag0] {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
}

.analysis-sensor-group[b-a8km8fcag0] {
    border: 1px solid #e4e7ec;
    border-radius: 8px;
    overflow: hidden;
}

.analysis-sensor-group-header[b-a8km8fcag0] {
    align-items: center;
    background: #ffffff;
    display: grid;
    gap: 0.5rem;
    grid-template-columns: 36px 36px minmax(0, 1fr) auto;
    min-height: 56px;
    padding: 0.5rem 0.75rem;
}

.analysis-sensor-group-toggle[b-a8km8fcag0] {
    min-width: 32px;
}

.analysis-sensor-checkbox-cell[b-a8km8fcag0] {
    align-items: center;
    display: flex;
    justify-content: center;
    min-width: 0;
}

.analysis-sensor-checkbox[b-a8km8fcag0] {
    display: inline-flex;
}

.analysis-sensor-group-title[b-a8km8fcag0] {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    font-weight: 700;
    gap: 0.5rem;
    min-width: 0;
}

.analysis-sensor-option-list[b-a8km8fcag0] {
    display: flex;
    flex-direction: column;
}

.analysis-sensor-option[b-a8km8fcag0] {
    align-items: center;
    border-top: 1px solid #e4e7ec;
    display: grid;
    gap: 0.5rem;
    grid-template-columns: 36px 36px minmax(0, 1fr) auto;
    padding: 0.75rem;
}

.analysis-sensor-option--disabled[b-a8km8fcag0] {
    background: #fbfbfb;
}

.analysis-sensor-option-indent[b-a8km8fcag0] {
    display: block;
}

.analysis-sensor-option-main[b-a8km8fcag0] {
    min-width: 0;
}

.analysis-sensor-option-title[b-a8km8fcag0] {
    color: #101828;
    display: flex;
    flex-wrap: wrap;
    font-weight: 400;
    gap: 0.5rem;
}

.analysis-sensor-row-kind[b-a8km8fcag0] {
    color: var(--cogo-main-lightgrey-color);
    font-size: 0.75rem;
    justify-self: end;
    text-align: right;
    white-space: nowrap;
}

.analysis-sensor-dialog-empty[b-a8km8fcag0] {
    border: 1px solid #e4e7ec;
    border-radius: 8px;
    color: var(--cogo-main-lightgrey-color);
    padding: 1rem;
}

.analysis-sensor-dialog-footer[b-a8km8fcag0] {
    align-items: center;
    display: flex;
    flex: 0 0 auto;
    justify-content: space-between;
    padding-top: 0.25rem;
    width: 100%;
}

.analysis-sensor-dialog-footer-actions[b-a8km8fcag0] {
    display: flex;
    gap: 0.75rem;
}

@media (max-width: 700px) {
    .analysis-sensor-group-header[b-a8km8fcag0] {
        grid-template-columns: 32px 32px minmax(0, 1fr) auto;
    }

    .analysis-sensor-option[b-a8km8fcag0] {
        grid-template-columns: 32px 32px minmax(0, 1fr) auto;
    }

    .analysis-sensor-dialog-footer[b-a8km8fcag0] {
        align-items: stretch;
        flex-direction: column;
        gap: 0.75rem;
    }

    .analysis-sensor-dialog-footer-actions[b-a8km8fcag0] {
        flex-direction: column;
    }
}
/* _content/CoGo.Web/Pages/AnalysisWorkspace/AnalysisChartCard.razor.rz.scp.css */
.analysis-chart-panel[b-1kc3h8ickq] {
    background: #ffffff;
    border: 1px solid var(--Colors-Grey-10, #e6e6e6);
    border-radius: calc(var(--layer-corner-radius) * 1px);
    box-shadow: var(--elevation-shadow-card-rest);
    overflow: hidden;
    width: 100%;
}

.analysis-panel-header[b-1kc3h8ickq] {
    align-items: center;
    border-bottom: 1px solid var(--Colors-Grey-10, #e6e6e6);
    display: flex;
    gap: 1rem;
    justify-content: space-between;
    padding: 1rem 1.25rem;
}

.analysis-panel-title-row[b-1kc3h8ickq] {
    align-items: center;
    display: flex;
    flex-wrap: nowrap;
    gap: 0.35rem;
    min-width: 0;
}

.analysis-icon-button[b-1kc3h8ickq] {
    min-width: 32px;
}

[b-1kc3h8ickq] .analysis-icon-button:not(:hover)::part(control) {
    background: #ffffff;
    border-color: #ffffff;
    box-shadow: none;
}

.analysis-chart-card-body[b-1kc3h8ickq] {
    padding: 1rem 1.25rem 1.25rem;
}

.analysis-chart-card-body--collapsed[b-1kc3h8ickq] {
    display: none;
}

.analysis-chart-state[b-1kc3h8ickq] {
    align-items: center;
    color: var(--cogo-main-lightgrey-color);
    display: flex;
    gap: 0.75rem;
    justify-content: center;
    min-height: 13.5rem;
}

.analysis-chart-viewport[b-1kc3h8ickq] {
    position: relative;
}

.analysis-chart-zoom-hint[b-1kc3h8ickq] {
    bottom: 0.1rem;
    color: var(--cogo-main-lightgrey-color);
    font-size: 0.72rem;
    opacity: 0.78;
    pointer-events: none;
    position: absolute;
    right: 0.15rem;
    z-index: 2;
}

.analysis-chart-selection-overlay[b-1kc3h8ickq] {
    align-items: center;
    background: rgb(255 255 255 / 78%);
    color: var(--cogo-main-lightgrey-color);
    display: flex;
    inset: 0;
    justify-content: center;
    pointer-events: none;
    position: absolute;
}

.analysis-workspace-chart[b-1kc3h8ickq] {
    min-height: 308px;
    width: 100%;
}

.analysis-workspace-chart--pending[b-1kc3h8ickq] {
    align-items: center;
    display: flex;
    justify-content: center;
}

.analysis-chart-placeholder[b-1kc3h8ickq] {
    min-height: 15rem;
}

@media (max-width: 900px) {
    .analysis-workspace-chart[b-1kc3h8ickq] {
        min-height: 330px;
    }
}
/* _content/CoGo.Web/Pages/AnalysisWorkspace/AnalysisWorkspace.razor.rz.scp.css */
.analysis-workspace-page[b-1dj6aj406x] {
    min-height: 100%;
    background: #ffffff;
}

.analysis-panel-actions[b-1dj6aj406x],
.analysis-empty-actions[b-1dj6aj406x] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 0.75rem;
}

.analysis-primary-actions[b-1dj6aj406x],
.analysis-secondary-actions[b-1dj6aj406x] {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: 0.75rem;
}

.analysis-workspace-content[b-1dj6aj406x] {
    background: #ffffff;
    padding-bottom: 1.5rem;
}

.analysis-view-picker[b-1dj6aj406x] {
    align-items: flex-start;
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.analysis-view-picker-actions[b-1dj6aj406x] {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: 0.75rem;
    justify-content: space-between;
    min-height: 24px;
    width: 100%;
}

.analysis-view-picker-title[b-1dj6aj406x] {
    line-height: 24px;
}

.analysis-view-picker-back-button[b-1dj6aj406x] {
    cursor: pointer;
    flex: 0 0 auto;
}

.analysis-panel[b-1dj6aj406x] {
    background: #ffffff;
    border: 1px solid var(--Colors-Grey-10, #e6e6e6);
    border-radius: calc(var(--layer-corner-radius)* 1px);
    box-shadow: var(--elevation-shadow-card-rest);
}

.analysis-empty-state[b-1dj6aj406x],
.analysis-empty-sensors[b-1dj6aj406x] {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 0.75rem;
    padding: 1.5rem;
}

.analysis-empty-state p[b-1dj6aj406x],
.analysis-empty-sensors p[b-1dj6aj406x] {
    color: var(--cogo-main-lightgrey-color);
    margin: 0;
    max-width: 42rem;
}

.analysis-sensor-panel[b-1dj6aj406x] {
    overflow: hidden;
    width: 100%;
}

.analysis-panel-header[b-1dj6aj406x] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1rem;
    padding: 1rem 1.25rem;
    border-bottom: 1px solid var(--Colors-Grey-10, #e6e6e6);
}

.analysis-panel-title-row[b-1dj6aj406x] {
    display: flex;
    align-items: flex-start;
    flex-wrap: nowrap;
    gap: 0.35rem;
    min-width: 0;
}

.analysis-workspace-heading[b-1dj6aj406x] {
    flex: 1 1 auto;
    min-width: 0;
}

.analysis-workspace-heading-content[b-1dj6aj406x] {
    flex: 1 1 auto;
    min-width: 0;
}

.analysis-workspace-heading-line[b-1dj6aj406x] {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: 0.35rem;
    min-width: 0;
}

.analysis-workspace-meta[b-1dj6aj406x] {
    align-items: center;
    color: var(--cogo-main-lightgrey-color);
    display: flex;
    flex-wrap: wrap;
    font-size: 0.875rem;
    gap: 0.5rem;
}

.analysis-workspace-description[b-1dj6aj406x] {
    color: var(--cogo-main-lightgrey-color);
    font-size: 0.875rem;
    margin-top: 0.35rem;
}

.analysis-icon-button[b-1dj6aj406x] {
    min-width: 32px;
}

.analysis-overflow-button[b-1dj6aj406x] {
    min-width: 36px;
}

.analysis-table-toolbar[b-1dj6aj406x] {
    display: flex;
    justify-content: center;
    padding: 1rem 1.25rem;
}

.analysis-chart-legend-header[b-1dj6aj406x] {
    align-items: center;
    display: flex;
    justify-content: center;
    width: 100%;
}

.analysis-chart-legend-cell[b-1dj6aj406x] {
    align-items: center;
    display: flex;
    justify-content: center;
    min-width: 0;
    width: 100%;
}

.analysis-chart-legend-checkbox[b-1dj6aj406x] {
    align-items: center;
    display: inline-flex;
    height: 20px;
    justify-content: center;
    width: 20px;
}

[b-1dj6aj406x] .analysis-chart-legend-checkbox--colored {
    --accent-fill-rest: var(--analysis-series-color);
    --accent-fill-hover: var(--analysis-series-color);
    --accent-fill-active: var(--analysis-series-color);
}

.analysis-chart-stack[b-1dj6aj406x] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    margin-top: 1rem;
}

.analysis-device-name-cell[b-1dj6aj406x] {
    display: block;
    max-width: 100%;
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.analysis-status-cell[b-1dj6aj406x] {
    align-items: center;
    display: flex;
    gap: 0.5rem;
    justify-content: flex-start;
    min-width: 0;
    width: 100%;
}

.analysis-table-wrap[b-1dj6aj406x]  .analysis-trailing-remove-column {
    display: flex !important;
}

.analysis-asset-type-cell[b-1dj6aj406x] {
    align-items: center;
    display: flex;
    min-width: 0;
}

.analysis-table-wrap[b-1dj6aj406x] {
    max-width: 100%;
    min-width: 0;
    overflow: clip;
    padding: 0 1.25rem 1.25rem;
}

.analysis-sensors-grid[b-1dj6aj406x] {
    max-width: 100%;
    min-width: 0;
    width: 100%;
}

[b-1dj6aj406x] .analysis-sensors-grid fluent-data-grid-cell {
    min-width: 0;
}

[b-1dj6aj406x] .analysis-sensors-grid .photo-text,
[b-1dj6aj406x] .analysis-sensors-grid .clickable-link {
    display: inline-block;
    width: auto;
    max-width: 100%;
}

[b-1dj6aj406x] .analysis-sensors-grid .devices-device-id-main .photo-text {
    flex: 0 1 auto;
    min-width: 0;
}

.analysis-table-wrap[b-1dj6aj406x]  .analysis-remove-button:not(:hover)::part(control) {
    background: transparent;
    border-color: transparent;
    box-shadow: none;
}

.analysis-muted-text[b-1dj6aj406x] {
    color: var(--cogo-main-lightgrey-color);
}

@media (max-width: 900px) {

    .analysis-panel-actions[b-1dj6aj406x] {
        flex-direction: row;
        flex-wrap: nowrap;
        gap: 0.5rem;
    }

    .analysis-primary-actions[b-1dj6aj406x] {
        justify-content: center;
    }

    .analysis-secondary-actions[b-1dj6aj406x] {
        display: grid;
        gap: 0.5rem;
        grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    }

    .analysis-save-button[b-1dj6aj406x] {
        margin-inline: auto;
    }

    .analysis-panel-title-row[b-1dj6aj406x] {
        align-items: flex-start;
    }

    .analysis-workspace-heading-line[b-1dj6aj406x] {
        align-items: center;
    }

    .analysis-workspace-meta[b-1dj6aj406x] {
        display: contents;
    }

    .analysis-workspace-edit-button[b-1dj6aj406x] {
        order: 3;
    }

    .analysis-workspace-range-label[b-1dj6aj406x] {
        flex: 0 0 100%;
        order: 4;
    }

    .analysis-table-wrap[b-1dj6aj406x] {
        padding: 0 1rem 1rem;
    }

    .analysis-table-toolbar[b-1dj6aj406x] {
        padding: 1rem;
    }

}

@media (max-width: 960px) {
    [b-1dj6aj406x] .analysis-sensors-grid fluent-data-grid-row {
        align-items: center;
        grid-template-columns: 50px minmax(0, 1fr) 114px !important;
    }

    [b-1dj6aj406x] .analysis-sensors-grid fluent-data-grid-cell {
        align-items: center;
        min-width: 0 !important;
        overflow: hidden !important;
        white-space: nowrap !important;
    }

    [b-1dj6aj406x] .analysis-sensors-grid .analysis-chart-legend-column {
        grid-column: 1 !important;
        min-width: 50px;
    }

    [b-1dj6aj406x] .analysis-sensors-grid .analysis-device-id-column {
        grid-column: 2 !important;
        min-width: 0;
        overflow: hidden;
    }

    [b-1dj6aj406x] .analysis-sensors-grid .analysis-status-column {
        grid-column: 3 !important;
        min-width: 0;
        overflow: hidden;
    }

    .analysis-status-cell[b-1dj6aj406x] {
        justify-content: flex-end;
        max-width: 100%;
        overflow: hidden;
        white-space: nowrap;
    }

    [b-1dj6aj406x] .analysis-sensors-grid .devices-status-cell,
    [b-1dj6aj406x] .analysis-sensors-grid .devices-status-cell--badge-only,
    [b-1dj6aj406x] .analysis-sensors-grid .devices-status-badge {
        min-width: 0;
        max-width: 100%;
        overflow: hidden;
        padding-inline-start: 0 !important;
    }

    [b-1dj6aj406x] .analysis-sensors-grid .state-text {
        flex-direction: row;
        max-width: 100%;
        min-width: 0;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    [b-1dj6aj406x] .analysis-sensors-grid .devices-device-id-cell {
        align-items: center;
        flex-wrap: nowrap;
        justify-content: flex-start;
        min-width: 0;
        overflow: hidden;
        width: 100%;
    }

    [b-1dj6aj406x] .analysis-sensors-grid .devices-device-id-main {
        flex: 1 1 auto;
        flex-wrap: nowrap;
        max-width: 100%;
        min-width: 0;
        width: auto;
    }

    [b-1dj6aj406x] .analysis-sensors-grid .devices-device-id-main .photo-gallery-trigger {
        flex: 0 0 auto;
    }

    [b-1dj6aj406x] .analysis-sensors-grid .devices-device-id-main .photo-text {
        flex: 1 1 auto;
        max-width: none;
        min-width: 0;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        width: auto;
    }

    .analysis-table-wrap[b-1dj6aj406x]  .analysis-trailing-remove-column {
        display: none !important;
    }
}
/* _content/CoGo.Web/Pages/AnalysisWorkspace/SavedViewsList.razor.rz.scp.css */
.saved-views-card-grid[b-ajn8kyzil3] {
    display: grid;
    gap: 1rem;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    width: 100%;
}

.saved-view-card[b-ajn8kyzil3] {
    align-items: stretch;
    background: #ffffff;
    color: inherit;
    container-type: inline-size;
    cursor: pointer;
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
    min-height: 13.5rem;
    min-width: 0;
    padding: 1rem;
    position: relative;
    text-align: left;
    transition: border-color 0.15s ease, box-shadow 0.15s ease;
}

.saved-view-card:hover[b-ajn8kyzil3],
.saved-view-card:focus-visible[b-ajn8kyzil3] {
    border-color: #98a2b3;
    box-shadow: 0 2px 8px rgb(16 24 40 / 0.08);
    outline: none;
}

.saved-view-card--current[b-ajn8kyzil3] {
    border-color: #00a676;
    box-shadow: inset 0 0 0 1px #00a676, 0 6px 18px rgb(0 166 118 / 0.18);
}

.saved-view-card--new[b-ajn8kyzil3] {
    align-items: center;
    background: #f3f3f3;
    border-color: #e4e7ec;
    color: #101828;
    justify-content: center;
    text-align: center;
}

.saved-view-card--new:hover[b-ajn8kyzil3],
.saved-view-card--new:focus-visible[b-ajn8kyzil3] {
    background: #ededed;
    border-color: #d0d5dd;
    box-shadow: 0 2px 8px rgb(16 24 40 / 0.1);
}

.saved-view-new-icon[b-ajn8kyzil3]  svg {
    color: #101828;
    stroke-width: 2.3px;
}

.saved-view-card-header[b-ajn8kyzil3] {
    align-items: flex-start;
    display: flex;
    gap: 0.5rem;
    justify-content: space-between;
    min-width: 0;
    padding-right: 7rem;
}

.saved-view-card-sensor-badge[b-ajn8kyzil3] {
    flex: 0 0 auto;
    max-width: 5.5rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.saved-view-card-title[b-ajn8kyzil3] {
    color: #101828;
    display: block;
    font-size: 0.95rem;
    font-weight: 700;
    line-height: 1.25;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.saved-view-card-description[b-ajn8kyzil3] {
    color: #667085;
    display: -webkit-box;
    font-size: 0.85rem;
    line-height: 1.35;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 5;
}

.saved-view-card-description--empty[b-ajn8kyzil3] {
    color: #98a2b3;
}

.saved-view-card-menu[b-ajn8kyzil3] {
    align-items: center;
    display: flex;
    gap: 0.25rem;
    position: absolute;
    right: 0.45rem;
    top: 0.45rem;
    z-index: 1;
}

.saved-view-card-menu[b-ajn8kyzil3]  .saved-view-card-menu-button::part(control) {
    min-width: 28px;
}

.saved-view-card-attribution[b-ajn8kyzil3] {
    align-items: center;
    color: #98a2b3;
    display: flex;
    font-size: 0.75rem;
    gap: 0.4rem;
    line-height: 1.35;
    margin-top: auto;
    min-width: 0;
}

.saved-view-card-user-area[b-ajn8kyzil3] {
    display: flex;
    flex-direction: column;
    min-width: 0;
}

.saved-view-card-user[b-ajn8kyzil3],
.saved-view-card-date[b-ajn8kyzil3] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.saved-view-card-user[b-ajn8kyzil3] {
    color: #667085;
    font-weight: 600;
}

.saved-view-card-date[b-ajn8kyzil3] {
    color: #98a2b3;
}

.saved-view-card-avatar[b-ajn8kyzil3] {
    align-items: center;
    background: #f2f4f7;
    border: 1px solid #e4e7ec;
    border-radius: 999px;
    color: #667085;
    display: inline-flex;
    flex: 0 0 auto;
    font-size: 0.65rem;
    font-weight: 700;
    height: 1.45rem;
    justify-content: center;
    letter-spacing: 0;
    width: 1.45rem;
}

@media (max-width: 1100px) {
    .saved-views-card-grid[b-ajn8kyzil3] {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}

@media (max-width: 760px) {
    .saved-views-card-grid[b-ajn8kyzil3] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .saved-view-card-description[b-ajn8kyzil3] {
        margin-bottom: 0.8rem;
        -webkit-line-clamp: 6;
    }
}

@container (max-width: 13rem) {
    .saved-view-card-header[b-ajn8kyzil3] {
        padding-right: 1.8rem;
    }

    .saved-view-card-sensor-badge[b-ajn8kyzil3] {
        display: none;
    }
}

@media (max-width: 520px) {
    .saved-views-card-grid[b-ajn8kyzil3] {
        gap: 0.75rem;
        grid-template-columns: minmax(0, 1fr);
    }

    .saved-view-card[b-ajn8kyzil3] {
        min-height: 0;
    }
}
/* _content/CoGo.Web/Pages/AnalysisWorkspace/ViewDetailsDialog.razor.rz.scp.css */
.view-details-dialog[b-8xfbllnc9b] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.view-details-field[b-8xfbllnc9b] {
    display: flex;
    flex-direction: column;
    gap: 0.35rem;
}

.view-details-dialog[b-8xfbllnc9b]  fluent-text-area,
.view-details-dialog[b-8xfbllnc9b]  fluent-text-field {
    --accent-fill-rest: #007c5d;
    --accent-fill-hover: #008768;
    --accent-fill-active: #009977;
}

.required-asterisk[b-8xfbllnc9b] {
    color: var(--cogo-error-red-color);
}
/* _content/CoGo.Web/Pages/Assets/AssetPickerDialog.razor.rz.scp.css */
.asset-picker-dialog__empty[b-n21mrfkzw9] {
    color: var(--neutral-foreground-hint, #616161);
    margin: 0;
}

.asset-picker-dialog__header[b-n21mrfkzw9] {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.asset-picker-dialog__subtitle[b-n21mrfkzw9] {
    color: var(--neutral-foreground-hint, #616161);
    font-size: 0.82rem;
    font-weight: 400;
    line-height: 1.35;
}

.asset-picker-dialog__filters[b-n21mrfkzw9] {
    align-items: center;
    display: flex;
    flex-shrink: 0;
    flex-wrap: wrap;
    gap: 6px;
    padding: 0 2px 12px;
}

.asset-picker-dialog__list[b-n21mrfkzw9] {
    background: #ffffff;
    border: 1px solid var(--neutral-stroke-divider-rest, #e0e0e0);
    border-radius: 8px;
    display: flex;
    flex: 1 1 auto;
    flex-direction: column;
    min-height: 0;
    overflow-y: auto;
}

.asset-picker-dialog__row[b-n21mrfkzw9] {
    align-items: center;
    background: transparent;
    border: none;
    color: inherit;
    cursor: pointer;
    display: flex;
    flex-shrink: 0;
    font-family: inherit;
    gap: 12px;
    justify-content: space-between;
    padding: 10px 14px;
    text-align: left;
    transition: background-color 0.12s ease;
    width: 100%;
}

.asset-picker-dialog__row + .asset-picker-dialog__row[b-n21mrfkzw9] {
    border-top: 1px solid var(--neutral-stroke-divider-rest, #ededed);
}

.asset-picker-dialog__row:hover[b-n21mrfkzw9] {
    background: rgba(0, 0, 0, 0.04);
}

.asset-picker-dialog__row:focus[b-n21mrfkzw9] {
    outline: none;
}

.asset-picker-dialog__row:focus-visible[b-n21mrfkzw9] {
    outline: 2px solid var(--cogo-dialog-accent);
    outline-offset: -2px;
}

.asset-picker-dialog__row--selected[b-n21mrfkzw9],
.asset-picker-dialog__row--selected:hover[b-n21mrfkzw9] {
    background: var(--cogo-dialog-accent-soft);
}

.asset-picker-dialog__row-main[b-n21mrfkzw9] {
    display: flex;
    flex: 1 1 auto;
    flex-direction: column;
    gap: 2px;
    min-width: 0;
}

.asset-picker-dialog__row-heading[b-n21mrfkzw9] {
    align-items: center;
    display: flex;
    gap: 2px;
    min-width: 0;
}

.asset-picker-dialog__asset-no[b-n21mrfkzw9] {
    flex: 0 1 auto;
    font-weight: 600;
    line-height: 1.2;
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.asset-picker-dialog__asset-icon[b-n21mrfkzw9] {
    align-items: center;
    color: var(--neutral-foreground-hint, #616161);
    display: inline-flex;
    flex: 0 0 auto;
}

.asset-picker-dialog__asset-icon[b-n21mrfkzw9]  svg {
    height: 20px;
    width: 20px;
}

.asset-picker-dialog__row-actions[b-n21mrfkzw9] {
    align-items: center;
    display: flex;
    flex: 0 0 auto;
    gap: 8px;
}

.asset-picker-dialog__row-check[b-n21mrfkzw9] {
    align-items: center;
    display: inline-flex;
    flex: 0 0 auto;
    height: 20px;
    justify-content: center;
    width: 20px;
}

.asset-picker-dialog__description[b-n21mrfkzw9] {
    color: var(--neutral-foreground-hint, #616161);
    display: -webkit-box;
    font-size: 0.8rem;
    line-height: 1.3;
    margin: 0;
    overflow: hidden;
    overflow-wrap: anywhere;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}
/* _content/CoGo.Web/Pages/Assets/Assets.razor.rz.scp.css */
.assets-page[b-986b9cxlh9] {
    display: flex;
    flex-direction: column;
    height: calc((var(--vh, 1vh) * 100) - var(--cogo-app-header-height));
    min-height: 0;
    background: #ffffff;
    overflow: hidden;
}

.assets-page-header[b-986b9cxlh9] {
    align-items: center;
    display: flex;
    gap: 1rem;
    min-height: 73px;
    justify-content: space-between;
    z-index: 5;
}

.assets-page-title[b-986b9cxlh9] {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: 0.75rem;
    min-width: 0;
}

.assets-page-title[b-986b9cxlh9] {
    flex: 1 1 auto;
}

.assets-page-actions[b-986b9cxlh9] {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    flex: 0 0 auto;
    gap: 0.5rem;
    justify-content: flex-end;
    min-width: 0;
}

.staged-discard[b-986b9cxlh9]::part(control) {
    color: #616161;
}

.assets-page-content[b-986b9cxlh9] {
    align-items: stretch;
    background: #ffffff;
    display: flex;
    flex: 1 1 auto;
    height: calc(100% - 73px);
    min-height: 0;
}

.assets-main-content[b-986b9cxlh9] {
    display: flex;
    flex-direction: column;
    flex: 1 1 auto;
    min-width: 0;
    overflow: auto;
}

.service-state-badge[b-986b9cxlh9] {
    display: inline-flex;
    align-items: center;
    border: 1px solid transparent;
    border-radius: 999px;
    font-size: 0.8rem;
    font-weight: 600;
    line-height: 1;
    padding: 5px 12px;
    white-space: nowrap;
}

.service-state-badge--in-operation[b-986b9cxlh9] {
    background-color: #e4f6e9;
    border-color: #9fd4ae;
    color: #1f6b3a;
}

.assets-content-area[b-986b9cxlh9] {
    width: 100%;
    min-width: 0;
}

.assets-grid-shell[b-986b9cxlh9] {
    width: 100%;
    min-width: 0;
    overflow-x: auto;
}

.assets-grid-shell[b-986b9cxlh9]  .assets-table {
    width: 100%;
}

.assets-grid-shell[b-986b9cxlh9]  .asset-actions-column {
    min-width: 48px;
    width: 48px;
    overflow: visible;
    padding-left: 0;
    padding-right: 0;
}

.assets-grid-shell[b-986b9cxlh9]  .asset-action-menu-button::part(control) {
    height: 28px;
    min-width: 28px;
    padding: 0;
    width: 28px;
}

.assets-page-action-label[b-986b9cxlh9] {
    display: inline;
}

.staged-changes-toggle[b-986b9cxlh9]::part(start) {
    display: none;
}

@media (max-width: 1200px) and (min-width: 769px) {
    .assets-page-header[b-986b9cxlh9] {
        flex-wrap: wrap;
        height: auto;
        padding-bottom: 0.5rem;
    }

    .assets-page-title[b-986b9cxlh9] {
        flex: 1 1 100%;
    }

    .assets-page-actions[b-986b9cxlh9] {
        flex: 1 1 100%;
        justify-content: flex-start;
    }
}

@media (max-width: 768px) {
    .assets-page[b-986b9cxlh9] {
        height: auto;
        min-height: calc((var(--vh, 1vh) * 100) - var(--cogo-app-header-height));
        overflow: visible;
    }

    .assets-page-header[b-986b9cxlh9] {
        align-items: center;
        flex-direction: row;
        height: auto;
        min-height: 73px;
        padding: 0.75rem 1rem !important;
    }

    .assets-page-content[b-986b9cxlh9] {
        flex-direction: column;
        height: auto;
    }

    .assets-main-content[b-986b9cxlh9] {
        overflow: visible;
    }

    .assets-page-actions[b-986b9cxlh9] {
        flex-wrap: nowrap;
        gap: 0;
        justify-content: flex-end;
        width: auto;
    }

    .assets-page-actions[b-986b9cxlh9]  .fluent-button.toolbar {
        border-color: transparent;
        border-radius: 0;
        margin: 0;
    }

    .assets-page-actions[b-986b9cxlh9]  .fluent-button.toolbar::part(control) {
        align-items: center;
        background: #ffffff !important;
        border-color: #ffffff;
        box-shadow: none;
        display: flex;
        height: 32px;
        justify-content: center;
        min-width: 32px;
        padding: 0;
        width: 32px;
    }

    .assets-page-action-label[b-986b9cxlh9] {
        display: none;
    }

    .staged-changes-toggle[b-986b9cxlh9]::part(start) {
        display: inline-flex;
    }

    .assets-page-actions[b-986b9cxlh9]  .fluent-button.staged-apply svg {
        fill: #212121 !important;
    }

    .assets-page-actions[b-986b9cxlh9]  .fluent-button.toolbar[disabled] {
        display: none;
    }
}
/* _content/CoGo.Web/Pages/Assets/MaintenanceLogDialog.razor.rz.scp.css */
.maintenance-log-dialog__subtitle[b-ejhf1koa1l] {
    color: #616161;
    font-size: 0.85rem;
    margin-top: 0.25rem;
}

.maintenance-log-dialog__changes[b-ejhf1koa1l] {
    background: #f5f5f5;
    border: 1px solid #e0e0e0;
    border-radius: 8px;
    margin-top: 0.5rem;
    max-height: 240px;
    overflow-y: auto;
    padding: 0.75rem 1rem;
}

.maintenance-log-dialog__changes-list[b-ejhf1koa1l] {
    list-style-type: disc;
    margin: 0;
    padding-left: 1.25rem;
}

.maintenance-log-dialog__change-item[b-ejhf1koa1l] {
    color: #424242;
    font-size: 0.85rem;
    line-height: 1.5;
    margin-bottom: 0.5rem;
    white-space: pre-line;
}

.maintenance-log-dialog__change-item:last-child[b-ejhf1koa1l] {
    margin-bottom: 0;
}

.maintenance-log-dialog__change-count[b-ejhf1koa1l] {
    color: #9e9e9e;
    display: block;
    font-size: 0.8rem;
    margin-top: 0.5rem;
}
/* _content/CoGo.Web/Pages/Assets/OutOfServiceAssetsPane.razor.rz.scp.css */
.out-of-service-assets-pane--side[b-ofcxwfzt3v] {
    flex: 0 0 min(420px, 38vw);
    width: min(420px, 38vw);
    max-width: 100%;
    align-self: stretch;
    height: 100%;
    min-height: 100%;
    background: #ffffff;
    border-left: 1px solid var(--neutral-stroke-divider-rest, #e0e0e0);
    display: flex;
    flex-direction: column;
    animation: slideInRight-b-ofcxwfzt3v 0.2s ease-out;
}

.out-of-service-assets-pane__header[b-ofcxwfzt3v] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 12px 16px;
    border-bottom: 1px solid var(--neutral-stroke-divider-rest, #e0e0e0);
    flex-shrink: 0;
}

.out-of-service-assets-pane__filters[b-ofcxwfzt3v] {
    align-items: center;
    border-bottom: 1px solid var(--neutral-stroke-divider-rest, #e0e0e0);
    display: flex;
    flex-shrink: 0;
    flex-wrap: wrap;
    gap: 6px;
    padding: 10px 14px;
}

.out-of-service-assets-pane__content[b-ofcxwfzt3v] {
    display: flex;
    flex-direction: column;
    gap: 6px;
    overflow-y: auto;
    padding: 10px 14px 14px;
    flex: 1 1 auto;
    min-height: 0;
}

.out-of-service-assets-pane__asset-card[b-ofcxwfzt3v] {
    background: #ffffff;
    border: 1px solid var(--neutral-stroke-rest, #c8c8c8);
    border-radius: 6px;
    padding: 7px 10px;
}

.out-of-service-assets-pane__asset-card-header[b-ofcxwfzt3v] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
    min-width: 0;
}

.out-of-service-assets-pane__asset-primary[b-ofcxwfzt3v] {
    display: flex;
    align-items: center;
    gap: 2px;
    min-width: 0;
}

.out-of-service-assets-pane__asset-link[b-ofcxwfzt3v] {
    flex: 0 1 auto;
    font-weight: 600;
    line-height: 1.2;
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.out-of-service-assets-pane__asset-icon[b-ofcxwfzt3v] {
    align-items: center;
    color: var(--neutral-foreground-hint, #616161);
    display: inline-flex;
    flex: 0 0 auto;
}

.out-of-service-assets-pane__asset-icon[b-ofcxwfzt3v]  svg {
    height: 20px;
    width: 20px;
}

.out-of-service-assets-pane__asset-menu[b-ofcxwfzt3v] {
    flex: 0 0 auto;
}

.out-of-service-assets-pane__asset-actions[b-ofcxwfzt3v] {
    align-items: center;
    display: flex;
    flex: 0 0 auto;
    gap: 6px;
    min-width: 0;
}

.out-of-service-assets-pane__asset-menu[b-ofcxwfzt3v]::part(control) {
    min-width: 28px;
    width: 28px;
    height: 28px;
    padding: 0;
}

.out-of-service-assets-pane__description[b-ofcxwfzt3v] {
    color: var(--neutral-foreground-hint, #616161);
    display: -webkit-box;
    font-size: 0.8rem;
    line-height: 1.3;
    margin: 4px 0 0;
    overflow: hidden;
    overflow-wrap: anywhere;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
}

@keyframes slideInRight-b-ofcxwfzt3v {
    from {
        transform: translateX(100%);
    }
    to {
        transform: translateX(0);
    }
}

@media (max-width: 768px) {
    .out-of-service-assets-pane--side[b-ofcxwfzt3v] {
        animation: none;
        border-left: none;
        border-top: 1px solid var(--neutral-stroke-divider-rest, #e0e0e0);
        bottom: calc(var(--cogo-mobile-nav-height) + var(--cogo-mobile-nav-safe-area));
        box-shadow: 0 -4px 16px rgba(0, 0, 0, 0.14);
        height: auto;
        left: 0;
        min-height: 0;
        position: fixed;
        right: 0;
        top: var(--cogo-app-header-height);
        width: 100%;
        z-index: 100;
    }
}
/* _content/CoGo.Web/Pages/Assets/StagedChangesPanel.razor.rz.scp.css */
.staged-changes-panel[b-fmgbv56ahe] {
    background: #f5f5f5;
    border-radius: 0;
    margin-bottom: 0;
    overflow: hidden;
    padding: 1rem 1rem 1.5rem;
    width: 100%;
}

.staged-changes-panel__header[b-fmgbv56ahe] {
    align-items: center;
    display: flex;
    justify-content: space-between;
    margin-bottom: 0.75rem;
}

.staged-changes-panel__header-text[b-fmgbv56ahe] {
    display: flex;
    flex-direction: column;
}

.staged-changes-panel__subtitle[b-fmgbv56ahe] {
    color: #616161;
    display: block;
    font-size: 0.75rem;
    margin-top: 0.125rem;
}

.staged-changes-panel__close-button[b-fmgbv56ahe]::part(control) {
    height: 28px;
    min-width: 28px;
    padding: 0;
    width: 28px;
}

.staged-changes-panel__list[b-fmgbv56ahe] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    max-height: 320px;
    overflow-y: auto;
}

.staged-changes-panel__item[b-fmgbv56ahe] {
    align-items: center;
    background: #ffffff;
    border: 1px solid #e0e0e0;
    border-radius: 8px;
    display: flex;
    gap: 0.75rem;
    padding: 0.75rem 1rem;
}

.staged-changes-panel__item-icon[b-fmgbv56ahe] {
    flex-shrink: 0;
}

.staged-changes-panel__item-content[b-fmgbv56ahe] {
    display: flex;
    flex-direction: column;
    flex: 1 1 auto;
    min-width: 0;
}

.staged-changes-panel__item-title[b-fmgbv56ahe] {
    font-size: 0.875rem;
    font-weight: 600;
    white-space: pre-line;
}

.staged-changes-panel__item-detail[b-fmgbv56ahe] {
    color: #616161;
    font-size: 0.8rem;
    margin-top: 0.125rem;
    white-space: pre-line;
}
/* _content/CoGo.Web/Pages/Devices/Cards/SensorTemperatureSettings.razor.rz.scp.css */
.temperature-settings-card[b-hg3ne3wb9e] {
    min-height: 0;
}

.temperature-alarm-sections[b-hg3ne3wb9e] {
    display: grid;
    flex: 1 1 auto;
    grid-template-columns: 1fr;
    min-height: 0;
}

.temperature-alarm-sections.has-relative-temperature-alarms[b-hg3ne3wb9e] {
    grid-template-columns: minmax(0, 1fr) 1px minmax(0, 1fr);
    column-gap: 24px;
}

.temperature-alarm-section[b-hg3ne3wb9e] {
    min-width: 0;
}

.relative-temperature-control[b-hg3ne3wb9e] {
    width: 100%;
}

.temperature-alarm-section-divider[b-hg3ne3wb9e] {
    width: 1px;
    height: 100%;
    align-self: stretch;
    background-color: var(--bs-border-color, #dee2e6);
}
/* _content/CoGo.Web/Pages/Devices/Dialogs/ThresholdPreviewLargeDialog.razor.rz.scp.css */
.loading-container[b-dty96and7q] {
    min-height: 380px;
}

.hint-text[b-dty96and7q] {
    color: var(--neutral-foreground-hint);
}

.preview-chart[b-dty96and7q] {
    width: 100%;
    height: 380px;
}

@media (max-width: 960px) {
    .loading-container[b-dty96and7q] {
        min-height: 280px;
    }

    .preview-chart[b-dty96and7q] {
        height: 280px;
        min-height: 280px;
    }
}
/* _content/CoGo.Web/Pages/Devices/SensorDetails.razor.rz.scp.css */
@media screen and (max-width: 960px) {
    .sensor-details-mobile-alarm-badge[b-tbterq14bb] {
        height: 24px;
    }

    .sensor-details-mobile-alarm-badge[b-tbterq14bb]::part(control) {
        height: 24px;
        padding-block: 0;
    }
}
/* _content/CoGo.Web/Pages/Home/SiteSummary.razor.rz.scp.css */
.site-summary-container[b-mlcue0cmu3] {
    position: absolute;
    top: 65px;
    left: 90px;
    right: auto;
    z-index: 5;
    display: flex;
    flex-direction: column;
    width: 390px;
    max-width: calc(100vw - 106px);
}

.site-summary[b-mlcue0cmu3] {
    display: flex;
    flex-direction: row;
    height: 90px;
    border-radius: 16px;
    background-color: var(--cogo-main-offwhite-color);
    overflow: hidden;
    box-shadow: var(--elevation-shadow-card-rest);
}

    .site-summary div[b-mlcue0cmu3] {
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    .site-summary .alarms-section[b-mlcue0cmu3] {
        padding: 12px;
        width: 20%;
        background-color: #D7D4D4;
    }

        .site-summary .alarms-section[danger][b-mlcue0cmu3] {
            background-color: var(--cogo-main-red-color);
        }

            .site-summary .alarms-section[danger] .section-header[b-mlcue0cmu3] {
                color: var(--cogo-main-offwhite-color);
            }

        .site-summary .alarms-section .section-header[b-mlcue0cmu3] {
            color: brown;
        }

        .site-summary .alarms-section .section-value[b-mlcue0cmu3] {
            background-color: #F1FAF1;
            border-radius: 6px;
            width: 80%;
            color: brown;
        }

        .site-summary .alarms-section[danger] .section-value[b-mlcue0cmu3] {
            background-color: var(--cogo-main-offwhite-color);
        }

    .site-summary .sensors-section[b-mlcue0cmu3] {
        padding: 12px;
        width: 22%;
        border-right: solid 1px lightgrey;
    }

    .site-summary .section-label[b-mlcue0cmu3] {
        display: flex;
        flex-direction: row;
        font-size: 11px;
    }

    .site-summary .assets-section[b-mlcue0cmu3] {
        padding: 12px;
        width: 48%;
    }

    .site-summary .button-section[b-mlcue0cmu3] {
        justify-content: center;
        width: 10%;
    }

        .site-summary .button-section:hover[b-mlcue0cmu3] {
            background-color: #ECECEC;
            cursor: pointer;
        }

    .site-summary .section-header[b-mlcue0cmu3] {
        font-size: 14px;
        font-weight: 600 !important;
        color: var(--cogo-main-lightgrey-color);
        margin-bottom: 4px;
    }

    .site-summary .section-value[b-mlcue0cmu3] {
        color: var(--cogo-main-black-color);
        font-weight: 600 !important;
        padding: 4px 8px;
        font-size: 18px;
    }

.site-summary-list[b-mlcue0cmu3] {
    display: flex;
    flex-direction: column;
    background-color: var(--cogo-main-offwhite-color);
    border-radius: 16px;
    margin-top: 8px;
    padding-top: 0;
    box-shadow: var(--elevation-shadow-card-rest);
    overflow: hidden;
    transition: max-height 0.2s ease, opacity 0.2s ease;
    opacity: 0;
    pointer-events: none;
    max-height: 0;
}

    .site-summary-list.show[b-mlcue0cmu3] {
        opacity: 1;
        height: min(70vh, 800px);
        max-height: min(70vh, 800px);
        pointer-events: auto;
    }

        .site-summary-list.show.item-selected[b-mlcue0cmu3] {
            min-height: 0;
            height: auto;
            max-height: min(70vh, 800px);
        }

    .site-summary-list .site-summary-scroll[b-mlcue0cmu3] {
        display: flex;
        flex-direction: column;
        border-radius: inherit;
        min-height: 0;
        box-sizing: border-box;
        overflow: hidden;
    }

        .site-summary-list.show:not(.item-selected) .site-summary-scroll[b-mlcue0cmu3] {
            height: 100%;
            max-height: 100%;
        }

        .site-summary-list.show.item-selected .site-summary-scroll[b-mlcue0cmu3] {
            max-height: min(70vh, 800px);
            overflow: hidden;
        }

    .site-summary-list .item-list[b-mlcue0cmu3] {
        display: flex;
        flex-direction: column;
        flex: 1 1 auto;
        min-height: 0;
        box-sizing: border-box;
        padding-top: 12px;
        overflow: hidden;
    }

        .site-summary-list .item-list.item-selected[b-mlcue0cmu3] {
            display: none;
        }

    .site-summary-list .site-summary-detail[b-mlcue0cmu3] {
        display: none;
        min-height: 0;
        overflow: hidden;
    }

        .site-summary-list.show.item-selected .site-summary-detail[b-mlcue0cmu3] {
            display: block;
            padding-top: 12px;
        }

.site-summary-container[b-mlcue0cmu3]  .site-summary-detail-panel {
    display: flex;
    flex-direction: column;
    width: 100%;
    min-height: 0;
    max-height: calc(min(70vh, 800px) - 12px);
    overflow: hidden;
}

.site-summary-container[b-mlcue0cmu3]  .site-summary-detail-content {
    flex: 1 1 auto;
    min-height: 0;
    overflow-y: auto;
    overflow-x: hidden;
}

.site-summary-container[b-mlcue0cmu3]  .site-summary-item {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    height: 68px;
    padding: 8px 12px;
    border-bottom: solid 1px lightgrey;
}

    .site-summary-container[b-mlcue0cmu3]  .site-summary-item:hover {
        background-color: #ECECEC;
        cursor: pointer;
    }

    .site-summary-container[b-mlcue0cmu3]  .site-summary-item:first-child {
        padding-top: 12px;
    }

    .site-summary-container[b-mlcue0cmu3]  .site-summary-item:last-child {
        height: 72px;
    }

    .site-summary-container[b-mlcue0cmu3]  .site-summary-item .title-container {
        width: 65%;
        display: flex;
        flex-direction: column;
        min-width: 0;
    }

.site-summary-container[b-mlcue0cmu3]  .site-summary-detail-content .photo-container img {
    max-height: min(45vh, 420px);
}

@media (max-width: 960px) {
    .site-summary-container[b-mlcue0cmu3] {
        left: 12px;
        right: 12px;
        width: auto;
        max-width: none;
    }

    .site-summary[b-mlcue0cmu3] {
        height: auto;
        min-height: 90px;
    }

    .site-summary .section-header[b-mlcue0cmu3] {
        font-size: 12px;
    }

    .site-summary .section-value[b-mlcue0cmu3] {
        font-size: 16px;
    }

    .site-summary .section-label[b-mlcue0cmu3] {
        font-size: 10px;
    }

    .site-summary-container[b-mlcue0cmu3]  .site-summary-detail-content .photo-container img {
        max-height: none;
    }
}
/* _content/CoGo.Web/Pages/Reports/Reports.razor.rz.scp.css */
.reports-page[b-q3tk7lieyd] {
    width: 100%;
    min-width: 0;
}

.reports-header[b-q3tk7lieyd] {
    display: flex;
    align-items: flex-end;
    gap: 1rem;
    margin: 1rem 1rem 0.5rem;
    min-width: 0;
}

.reports-form-container[b-q3tk7lieyd] {
    width: 380px;
    max-width: 100%;
    min-width: 0;
    box-sizing: border-box;
}

.reports-actions[b-q3tk7lieyd] {
    text-align: center;
}

@media screen and (max-width: 960px) {
    .reports-page[b-q3tk7lieyd]  .page-container {
        margin-left: 1rem;
        margin-right: 1rem;
    }
}

@media screen and (max-width: 576px) {
    .reports-header[b-q3tk7lieyd] {
        margin-left: 0.75rem;
        margin-right: 0.75rem;
    }

    .reports-page[b-q3tk7lieyd]  .page-container {
        margin-left: 0.75rem;
        margin-right: 0.75rem;
    }

    .reports-form-container[b-q3tk7lieyd] {
        gap: 0.75rem;
    }
}
/* _content/CoGo.Web/Pages/Settings/AccountGeneral.razor.rz.scp.css */
.account-general-page[b-zj8lv9y01a] {
    width: 100%;
    min-width: 0;
}

.account-general-header[b-zj8lv9y01a],
.account-general-content[b-zj8lv9y01a],
.account-general-form-container[b-zj8lv9y01a] {
    min-width: 0;
}

.account-general-form-container[b-zj8lv9y01a] {
    width: 100%;
    max-width: 470px;
    box-sizing: border-box;
}

.account-general-actions[b-zj8lv9y01a] {
    text-align: center;
}

@media screen and (max-width: 960px) {
    .account-general-page[b-zj8lv9y01a]  .page-container {
        margin-left: 1rem;
        margin-right: 1rem;
    }
}

@media screen and (max-width: 576px) {
    .account-general-header[b-zj8lv9y01a],
    .account-general-content[b-zj8lv9y01a] {
        padding: 0.75rem !important;
    }

    .account-general-page[b-zj8lv9y01a]  .page-container {
        margin-left: 0.75rem;
        margin-right: 0.75rem;
    }
}
/* _content/CoGo.Web/Pages/Settings/AccountTierSummary.razor.rz.scp.css */
.account-tier-panel[b-wokzjvmh8v] {
    align-items: flex-start;
    border: 1px solid #d8e5e0;
    border-radius: 8px;
    display: flex;
    gap: 1rem;
    padding: 1.5rem;
    width: 100%;
}

.account-tier-icon[b-wokzjvmh8v] {
    align-items: center;
    background-color: #e4f1ed;
    border-radius: 8px;
    color: #007c5d;
    display: flex;
    flex: 0 0 auto;
    height: 48px;
    justify-content: center;
    width: 48px;
}

.account-tier-details[b-wokzjvmh8v] {
    min-width: 0;
}

.account-tier-label[b-wokzjvmh8v] {
    color: #5f6f69;
    font-size: 0.875rem;
    font-weight: 600;
    margin-bottom: 0.25rem;
}

.account-tier-name[b-wokzjvmh8v] {
    color: #1f2d29;
    font-size: 1.75rem;
    font-weight: 700;
    line-height: 1.2;
    margin-bottom: 0.75rem;
}

.account-tier-message[b-wokzjvmh8v] {
    color: #4b5c56;
    font-size: 1rem;
    line-height: 1.5;
    margin: 0 0 1rem;
}

.account-tier-contact-link[b-wokzjvmh8v] {
    font-weight: 600;
}

.account-tier-panel-compact[b-wokzjvmh8v] {
    gap: 0.875rem;
    margin-top: 0.25rem;
    padding: 1rem;
}

.account-tier-panel-compact .account-tier-icon[b-wokzjvmh8v] {
    height: 40px;
    width: 40px;
}

.account-tier-panel-compact .account-tier-name[b-wokzjvmh8v] {
    font-size: 1.35rem;
    margin-bottom: 0.5rem;
}

.account-tier-panel-compact .account-tier-message[b-wokzjvmh8v] {
    font-size: 0.925rem;
}

@media (max-width: 640px) {
    .account-tier-panel[b-wokzjvmh8v] {
        padding: 1rem;
    }

    .account-tier-name[b-wokzjvmh8v] {
        font-size: 1.5rem;
    }
}
/* _content/CoGo.Web/Pages/Settings/AccountUsers.razor.rz.scp.css */
/* Mobile: hide all checkbox columns, show only Name + Kebab */
@media (max-width: 960px) {
    .users-table[b-3al6elikik] {
        grid-template-columns: 1fr 0.3fr !important;
    }
}

/* Desktop adjustments */
@media (min-width: 961px) {
    .users-table[b-3al6elikik] {
        max-width: 900px;
    }
}

.cursor-pointer[b-3al6elikik] {
    cursor: pointer;
}

.account-users-header[b-3al6elikik] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    flex-wrap: wrap;
}

.account-users-title[b-3al6elikik] {
    flex: 1 1 16rem;
    min-width: 0;
    overflow-wrap: anywhere;
}

.account-users-selector[b-3al6elikik] {
    flex: 0 1 auto;
    max-width: 100%;
}

@media (max-width: 576px) {
    .account-users-header[b-3al6elikik] {
        align-items: stretch;
        gap: 0.5rem;
    }

    .account-users-title[b-3al6elikik],
    .account-users-selector[b-3al6elikik] {
        flex-basis: 100%;
    }

    .account-users-selector[b-3al6elikik] {
        justify-content: space-between;
    }
}
/* _content/CoGo.Web/Pages/Settings/AddEditUserLargeDialog.razor.rz.scp.css */
.required-asterisk[b-f71ntw2a7r] {
    color: var(--cogo-error-red-color);
}

.account-permissions-options[b-f71ntw2a7r] {
    flex-wrap: wrap;
}

.site-permissions-grid[b-f71ntw2a7r] {
    height: 250px;
    width: 100%;
    overflow-y: auto;
}

.site-permissions-grid-mobile[b-f71ntw2a7r] {
    display: none;
}

.site-permission-card[b-f71ntw2a7r] {
    border: 1px solid var(--neutral-stroke-divider-rest);
    border-radius: 12px;
    padding: 0.875rem 1rem;
    background-color: var(--neutral-layer-1);
}

.site-permission-card + .site-permission-card[b-f71ntw2a7r] {
    margin-top: 0.75rem;
}

.site-permission-site-name[b-f71ntw2a7r] {
    font-weight: 600;
    line-height: 1.4;
    overflow-wrap: anywhere;
}

.site-permission-roles[b-f71ntw2a7r] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.5rem 1rem;
    margin-top: 0.75rem;
}

@media (max-width: 960px) {
    .account-permissions-options[b-f71ntw2a7r] {
        flex-direction: column;
        gap: 0.75rem !important;
    }

    .site-permissions-grid[b-f71ntw2a7r] {
        height: auto;
        overflow: visible;
    }

    .site-permissions-grid-mobile[b-f71ntw2a7r] {
        display: block;
    }
}
/* _content/CoGo.Web/Pages/Settings/Integrations.razor.rz.scp.css */
.integrations-page[b-9bph4g3m2w] {
    width: 100%;
    min-width: 0;
}

.integrations-header[b-9bph4g3m2w],
.integrations-content[b-9bph4g3m2w],
.integrations-form-container[b-9bph4g3m2w] {
    min-width: 0;
}

.integrations-form-container[b-9bph4g3m2w] {
    width: 100%;
    max-width: 470px;
    box-sizing: border-box;
}

@media screen and (max-width: 960px) {
    .integrations-page[b-9bph4g3m2w]  .page-container {
        margin-left: 1rem;
        margin-right: 1rem;
    }
}

@media screen and (max-width: 576px) {
    .integrations-header[b-9bph4g3m2w],
    .integrations-content[b-9bph4g3m2w] {
        padding: 0.75rem !important;
    }

    .integrations-page[b-9bph4g3m2w]  .page-container {
        margin-left: 0.75rem;
        margin-right: 0.75rem;
    }
}
/* _content/CoGo.Web/Pages/Settings/NotificationManagement.razor.rz.scp.css */
@media (min-width: 961px) {
    .escalation-levels-table[b-e8crt1l5d7] {
        max-width: 900px;
    }
}
/* _content/CoGo.Web/Pages/Settings/Settings.razor.rz.scp.css */
.settings-container[b-zrmodwabon] {
    display: flex;
    height: 100%;
}

/* Sidebar Styles */
.settings-sidebar[b-zrmodwabon] {
    width: 280px;
    border-right: 1px solid #e0e0e0;
    flex-shrink: 0;
    position: sticky;
    top: 0;
    height: calc(100vh - 50px);
    overflow-y: auto;
    background-color: #fbfbfb;
}

/* Content Area */
.settings-content[b-zrmodwabon] {
    flex: 1;
    display: flex;
    flex-direction: column;
    min-height: calc(100vh - 50px);
    padding: 0;
    overflow-y: auto;
    background-color: white;
}

/* Footer positioning */
.settings-content[b-zrmodwabon]  .footer {
    margin-top: auto;
    width: 100%;
}

/* Mobile Menu Button (Hidden on Desktop) */
.mobile-menu-button[b-zrmodwabon] {
    display: none;
}

.mobile-overlay[b-zrmodwabon] {
    display: none;
}

.sidebar-header[b-zrmodwabon] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    background-color: #fbfbfb;
}

.mobile-close-button[b-zrmodwabon] {
    display: none;
}

.sidebar-nav[b-zrmodwabon] {
    padding: 1rem 0;
}

.nav-section[b-zrmodwabon] {
    margin-bottom: 1.5rem;
}

.nav-section-header[b-zrmodwabon] {
    display: flex;
    align-items: center;
    width: 100%;
    padding: 0.75rem 1.5rem;
    border: none;
    background: none;
    color: #333;
    font-size: 0.875rem;
    font-weight: 600;
    cursor: pointer;
    transition: background-color 0.2s;
    text-align: left;
}

.nav-section-header:hover[b-zrmodwabon] {
    background-color: #f5f5f5;
}

.nav-section-header[b-zrmodwabon]  svg:first-child {
    width: 16px;
    height: 16px;
    margin-right: 0.5rem;
    transition: transform 0.2s;
}

.nav-section-header.expanded[b-zrmodwabon]  svg:first-child,
.nav-section-header[b-zrmodwabon]  svg:first-child.rotated {
    transform: rotate(90deg);
}

.nav-sub-items[b-zrmodwabon] {
    animation: slideDown-b-zrmodwabon 0.2s ease-out;
}

@keyframes slideDown-b-zrmodwabon {
    from {
        opacity: 0;
        transform: translateY(-10px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.nav-item[b-zrmodwabon] {
    display: flex;
    align-items: center;
    width: 100%;
    padding: 0.75rem 1.5rem;
    border: none;
    background: none;
    color: #333;
    font-size: 0.875rem;
    cursor: pointer;
    transition: background-color 0.2s, color 0.2s;
    text-align: left;
}

.nav-item.sub-item[b-zrmodwabon] {
    padding-left: 3.5rem;
}

.nav-item:hover[b-zrmodwabon] {
    background-color: #f5f5f5;
}

.nav-item.active[b-zrmodwabon] {
    background-color: #e4f1ed;
    color: #007c5d;
    font-weight: 500;
    position: relative;
}

.nav-item.active[b-zrmodwabon]::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 3px;
    background-color: #007c5d;
}

.nav-item[b-zrmodwabon]  svg {
    width: 20px;
    height: 20px;
    margin-right: 0.75rem;
    flex-shrink: 0;
}

.no-permission[b-zrmodwabon] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    min-height: 400px;
    color: #666;
}

.no-permission[b-zrmodwabon]  svg {
    margin-bottom: 1rem;
    color: #999;
}

/* Mobile Styles */
@media (max-width: 960px) {
    .settings-content[b-zrmodwabon]  .footer {
        display: none;
    }

    .settings-container[b-zrmodwabon] {
        display: block;
        height: auto;
        min-height: 0;
    }

    .mobile-close-button[b-zrmodwabon] {
        display: flex;
        align-items: center;
        justify-content: center;
        background: none;
        border: none;
        padding: 0.5rem;
        cursor: pointer;
    }

    .mobile-menu-button[b-zrmodwabon] {
        display: flex;
        align-items: center;
        gap: 0.5rem;
        width: 100%;
        padding: 1rem;
        background-color: white;
        border: none;
        border-bottom: 1px solid #e0e0e0;
        font-size: 1.125rem;
        font-weight: 600;
        cursor: pointer;
        color: #333;
        position: sticky;
        top: 0;
        z-index: 6;
    }

    .settings-content[b-zrmodwabon] {
        min-height: auto;
        overflow: visible;
    }

    /* Child component headers stay sticky below mobile menu */
    .settings-content[b-zrmodwabon]  .p-4.border-bottom.position-sticky {
        top: 58px;
        z-index: 40;
    }

    .settings-sidebar[b-zrmodwabon] {
        position: fixed;
        top: var(--cogo-app-header-height);
        bottom: calc(var(--cogo-mobile-nav-height) + var(--cogo-mobile-nav-safe-area));
        left: -100%;
        width: 280px;
        height: auto;
        border-right: none;
        box-shadow: 2px 0 8px rgba(0, 0, 0, 0.15);
        z-index: 999;
        transition: left 0.3s ease-out;
        background-color: #fbfbfb;
        overflow-y: auto;
    }

    .settings-sidebar.mobile-open[b-zrmodwabon] {
        left: 0;
    }

    .mobile-overlay[b-zrmodwabon] {
        display: block;
        position: fixed;
        top: var(--cogo-app-header-height);
        left: 0;
        right: 0;
        bottom: calc(var(--cogo-mobile-nav-height) + var(--cogo-mobile-nav-safe-area));
        background-color: rgba(0, 0, 0, 0.5);
        z-index: 998;
        animation: fadeIn 0.2s ease-out;
    }
}
/* _content/CoGo.Web/Pages/Settings/SiteGeneral.razor.rz.scp.css */
.site-general-page[b-ml4vp06zeu] {
    width: 100%;
    min-width: 0;
}

.site-general-header[b-ml4vp06zeu],
.site-general-content[b-ml4vp06zeu],
.site-general-form-container[b-ml4vp06zeu] {
    min-width: 0;
}

.site-general-form-container[b-ml4vp06zeu] {
    width: 100%;
    max-width: 470px;
    box-sizing: border-box;
}

.site-general-actions[b-ml4vp06zeu] {
    text-align: center;
}

@media screen and (max-width: 960px) {
    .site-general-page[b-ml4vp06zeu]  .page-container {
        margin-left: 1rem;
        margin-right: 1rem;
    }
}

@media screen and (max-width: 576px) {
    .site-general-header[b-ml4vp06zeu],
    .site-general-content[b-ml4vp06zeu] {
        padding: 0.75rem !important;
    }

    .site-general-page[b-ml4vp06zeu]  .page-container {
        margin-left: 0.75rem;
        margin-right: 0.75rem;
    }
}
/* _content/CoGo.Web/Pages/Settings/UserProfile.razor.rz.scp.css */
.user-profile-form[b-scjdtpob5c] {
    display: flex;
    flex-direction: column;
    width: 470px;
    max-width: 100%;
    justify-self: center;
    gap: 12px;
}

.user-profile-description[b-scjdtpob5c] {
    color: var(--neutral-foreground-rest);
    margin-bottom: 4px;
}

.user-profile-status[b-scjdtpob5c] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 12px 16px;
    border: 1px solid var(--neutral-stroke-rest);
    border-radius: 12px;
    background-color: var(--neutral-layer-1);
}

.user-profile-consent[b-scjdtpob5c] {
    padding: 12px 16px;
    border: 1px solid var(--neutral-stroke-rest);
    border-radius: 12px;
    background-color: var(--neutral-layer-1);
}

.user-profile-caption[b-scjdtpob5c] {
    color: var(--neutral-foreground-hint);
}
/* _content/CoGo.Web/Pages/SharedComponents/BusinessImpactAssessmentDialog.razor.rz.scp.css */
.bia-dialog-shell.cogo-large-dialog-shell__header[b-5ubxrrckug] {
    padding: 0.75rem 0.75rem 0.5rem !important;
}

.bia-dialog-shell.cogo-large-dialog-shell__body[b-5ubxrrckug] {
    padding: 0 !important;
}

.bia-category-list[b-5ubxrrckug] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    padding: 0.5rem 1.5rem;
}

.bia-category-row[b-5ubxrrckug] {
    display: flex;
    gap: 0.75rem;
}

.bia-category-item[b-5ubxrrckug] {
    display: flex;
    flex-direction: column;
    flex: 1;
}

.bia-category-toggle[b-5ubxrrckug] {
    width: fit-content;
    align-self: center;
}

@media screen and (max-width: 960px) {
    .bia-dialog-shell.cogo-large-dialog-shell__header[b-5ubxrrckug] {
        padding: 1rem 1rem 0.75rem !important;
    }

    .bia-category-list[b-5ubxrrckug] {
        padding: 0.5rem 1rem;
    }
}
/* _content/CoGo.Web/Pages/SharedComponents/Buttons/SegmentedToggleButton.razor.rz.scp.css */
.cogo-segmented-toggle[b-dtytk7ir0i] {
    display: inline-flex;
    align-items: stretch;
    border-radius: 6px;
    background: var(--neutral-fill-secondary-rest, #f0f0f0);
    padding: 1px;
    gap: 2px;
    overflow: hidden;
    box-sizing: border-box;
}

    .cogo-segmented-toggle .segment[b-dtytk7ir0i] {
        border: 1px solid transparent;
        border-radius: 6px;
        background: transparent;
        color: var(--neutral-foreground-hint-rest, #707070);
        cursor: pointer;
        line-height: 1;
        transition: background-color 0.15s ease, color 0.15s ease, box-shadow 0.15s ease;
        white-space: nowrap;
        font-family: inherit;
    }

        .cogo-segmented-toggle .segment:hover:not(:disabled):not(.active)[b-dtytk7ir0i] {
            color: var(--neutral-foreground-rest, #242424);
        }

        .cogo-segmented-toggle .segment:focus[b-dtytk7ir0i] {
            outline: none;
        }

        .cogo-segmented-toggle .segment:focus-visible[b-dtytk7ir0i] {
            outline: 2px solid var(--accent-fill-rest, #0f6cbd);
            outline-offset: -2px;
            z-index: 1;
            position: relative;
        }

        .cogo-segmented-toggle .segment.active[b-dtytk7ir0i] {
            background: var(--neutral-fill-rest, #ffffff);
            color: var(--neutral-foreground-rest, #242424);
            border-color: var(--neutral-stroke-rest, #d1d1d1);
            font-weight: 600;
            box-shadow: 0 1px 2px rgba(0, 0, 0, 0.08);
        }

        .cogo-segmented-toggle .segment:disabled[b-dtytk7ir0i] {
            cursor: not-allowed;
            opacity: 0.5;
        }

        .cogo-segmented-toggle .segment.color-danger[b-dtytk7ir0i] {
            color: #a4262c;
            font-weight: 600;
        }

        .cogo-segmented-toggle .segment.color-danger:hover:not(:disabled):not(.active)[b-dtytk7ir0i] {
            color: #a4262c;
        }

        .cogo-segmented-toggle .segment.color-danger.active[b-dtytk7ir0i] {
            color: #a4262c;
        }

    .cogo-segmented-toggle.size-small .segment[b-dtytk7ir0i] {
        height: 22px;
        padding: 0 10px;
        font-size: 11px;
    }

    .cogo-segmented-toggle.size-medium .segment[b-dtytk7ir0i] {
        height: 28px;
        padding: 0 14px;
        font-size: 13px;
    }

    .cogo-segmented-toggle.size-large .segment[b-dtytk7ir0i] {
        height: 36px;
        padding: 0 18px;
        font-size: 14px;
    }
/* _content/CoGo.Web/Pages/SharedComponents/ChatBot.razor.rz.scp.css */
.chat-toggle-button[b-hdp8t1ekul] {
    position: fixed;
    right: 20px;
    bottom: 20px;
    z-index: 940;
    width: 52px;
    height: 52px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0.75rem;
    border: none;
    border-radius: 50%;
    background: var(--cogo-main-darkgrey-color);
    color: white;
    box-shadow: 0 18px 38px rgba(15, 23, 42, 0.24);
    cursor: pointer;
    transition: opacity 0.2s ease, transform 0.2s ease;
}

.chat-toggle-button:hover[b-hdp8t1ekul] {
    transform: translateY(-1px);
}

.chat-toggle-button--hidden[b-hdp8t1ekul] {
    display: none;
}

.arma-chat-host[b-hdp8t1ekul] {
    position: fixed;
    top: calc(var(--cogo-app-header-height) + 1px);
    right: 0;
    bottom: 0;
    left: var(--cogo-app-nav-width, 80px);
    z-index: 950;
    pointer-events: none;
}

.arma-chat-pane[b-hdp8t1ekul] {
    --arma-chat-accent-color: #21BA97;
    --arma-chat-border-color: #e3e8ee;
    --arma-chat-error-color: var(--cogo-error-red-color);
    --arma-chat-muted-color: var(--cogo-main-lightgrey-color);
    --arma-chat-subtle-color: var(--cogo-main-offwhite-color);
    --arma-chat-surface-color: #ffffff;
    --arma-chat-text-color: var(--cogo-main-black-color);
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    min-width: 420px;
    max-width: 100%;
    height: calc(var(--vh, 1vh) * 100 - (var(--cogo-app-header-height) + 1px));
    max-height: calc(var(--vh, 1vh) * 100 - (var(--cogo-app-header-height) + 1px));
    display: flex;
    flex-direction: column;
    pointer-events: auto;
    overflow: visible;
    color: var(--arma-chat-text-color);
    background: var(--arma-chat-surface-color);
    border-left: 1px solid var(--arma-chat-border-color);
    box-shadow: -8px 0 24px rgba(15, 23, 42, 0.14);
    animation: arma-chat-pane-enter-b-hdp8t1ekul 0.2s ease-out;
}

button.arma-chat-resize-handle:not(:disabled)[b-hdp8t1ekul],
button.arma-chat-resize-handle:not(:disabled):hover[b-hdp8t1ekul],
button.arma-chat-resize-handle:not(:disabled):active[b-hdp8t1ekul],
button.arma-chat-resize-handle:not(:disabled):focus-visible[b-hdp8t1ekul] {
    position: absolute;
    top: 0;
    bottom: 0;
    left: -10px;
    width: 20px;
    height: 100%;
    padding: 0;
    border: none;
    background: transparent;
    z-index: 4;
    cursor: ew-resize !important;
    touch-action: none;
}

.arma-chat-resize-handle[b-hdp8t1ekul]::after {
    content: "";
    position: absolute;
    top: 20px;
    bottom: 20px;
    left: 9px;
    width: 2px;
    border-radius: 999px;
    background: linear-gradient(180deg, rgba(148, 163, 184, 0), rgba(148, 163, 184, 0.4), rgba(148, 163, 184, 0));
}

@keyframes arma-chat-pane-enter-b-hdp8t1ekul {
    from {
        opacity: 0;
        transform: translateX(24px);
    }

    to {
        opacity: 1;
        transform: translateX(0);
    }
}

.arma-chat-header[b-hdp8t1ekul] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 20px 20px 16px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.08);
    background: var(--cogo-main-darkgrey-color);
}

.arma-chat-header__title-block[b-hdp8t1ekul] {
    display: flex;
    align-items: center;
    min-width: 0;
    min-height: 32px;
    overflow: hidden;
}

.arma-chat-header__title[b-hdp8t1ekul] {
    margin: 0;
    overflow: hidden;
    font-size: 1rem;
    font-weight: 600;
    line-height: 1.2;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: #ffffff;
}

.arma-chat-header__subtitle[b-hdp8t1ekul] {
    margin-top: 4px;
    overflow: hidden;
    font-size: 0.82rem;
    color: rgba(255, 255, 255, 0.78);
    text-overflow: ellipsis;
    white-space: nowrap;
}

.arma-chat-header__actions[b-hdp8t1ekul] {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    flex-shrink: 0;
}

.arma-chat-header-button[b-hdp8t1ekul] {
    width: 32px !important;
    height: 32px !important;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    border: none;
    border-radius: 4px;
    background: rgba(255, 255, 255, 0.08);
    color: #ffffff;
    transition: background-color 0.2s ease, color 0.2s ease;
}

.arma-chat-header-button:hover:not(:disabled)[b-hdp8t1ekul] {
    background: rgba(255, 255, 255, 0.16);
    color: #ffffff;
}

.arma-chat-header-button:disabled[b-hdp8t1ekul] {
    opacity: 0.5;
    cursor: not-allowed;
}

.arma-chat-header-button .oi[b-hdp8t1ekul] {
    font-size: 0.78rem;
}

.arma-chat-content[b-hdp8t1ekul] {
    position: relative;
    flex: 1 1 auto;
    min-height: 0;
    display: flex;
    flex-direction: column;
    overflow: hidden;
}

.arma-chat-history-overlay[b-hdp8t1ekul] {
    position: absolute;
    inset: 0;
    z-index: 2;
    display: flex;
    padding: 16px;
    background: rgba(255, 255, 255, 0.72);
}

.arma-chat-history-dialog[b-hdp8t1ekul] {
    width: 100%;
    display: flex;
    flex-direction: column;
    overflow: hidden;
    border: 1px solid var(--arma-chat-border-color);
    border-radius: 10px;
    background: var(--arma-chat-surface-color);
    box-shadow: 0 10px 24px rgba(15, 23, 42, 0.1);
}

.arma-chat-history-dialog__header[b-hdp8t1ekul] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 12px 16px;
    border-bottom: 1px solid var(--arma-chat-border-color);
}

.arma-chat-history-dialog__header h3[b-hdp8t1ekul] {
    margin: 0;
    font-size: 1rem;
    font-weight: 600;
    color: var(--arma-chat-text-color);
}

.arma-chat-history-dialog__close[b-hdp8t1ekul] {
    flex-shrink: 0;
    color: var(--arma-chat-muted-color);
}

.arma-chat-history-dialog__search[b-hdp8t1ekul] {
    padding: 12px 16px;
    border-bottom: 1px solid var(--arma-chat-border-color);
}

.arma-chat-history-dialog__search input[b-hdp8t1ekul] {
    width: 100%;
    padding: 0.75rem 0.875rem;
    border: 1px solid #d7dde5;
    border-radius: 8px;
    background: var(--arma-chat-surface-color);
    color: var(--arma-chat-text-color);
}

.arma-chat-history-dialog__search input:focus[b-hdp8t1ekul] {
    outline: none;
    border-color: #aeb8c2;
}

.arma-chat-history-dialog__search input[b-hdp8t1ekul]::placeholder {
    color: var(--arma-chat-muted-color);
}

.arma-chat-history-dialog__body[b-hdp8t1ekul] {
    flex: 1 1 auto;
    overflow-y: auto;
    padding: 8px 8px 12px;
}

.arma-chat-history-skeleton-list[b-hdp8t1ekul] {
    display: grid;
    gap: 8px;
    padding: 4px;
}

.arma-chat-history-skeleton-list--more[b-hdp8t1ekul] {
    margin-top: 8px;
}

.arma-chat-history-skeleton-item[b-hdp8t1ekul] {
    display: grid;
    gap: 8px;
    padding: 12px;
    border-radius: 8px;
    background: var(--arma-chat-subtle-color);
}

.arma-chat-history-skeleton-line[b-hdp8t1ekul] {
    height: 12px;
    border-radius: 999px;
    background: linear-gradient(90deg, #eef2f6 0%, #e1e7ee 50%, #eef2f6 100%);
    background-size: 200% 100%;
    animation: arma-chat-skeleton-b-hdp8t1ekul 1.2s ease-in-out infinite;
}

.arma-chat-history-skeleton-line--title[b-hdp8t1ekul] {
    width: 68%;
}

.arma-chat-history-skeleton-line--meta[b-hdp8t1ekul] {
    width: 38%;
}

.arma-chat-history-group + .arma-chat-history-group[b-hdp8t1ekul] {
    margin-top: 12px;
}

.arma-chat-history-group h3[b-hdp8t1ekul] {
    margin: 0;
    padding: 0 8px 8px;
    font-size: 0.8rem;
    font-weight: 700;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    color: var(--arma-chat-muted-color);
    position: sticky;
    top: 0;
    z-index: 1;
    background: rgba(255, 255, 255, 0.96);
}

.arma-chat-history-group ul[b-hdp8t1ekul] {
    margin: 0;
    padding: 0;
    list-style: none;
}

.arma-chat-history-group li[b-hdp8t1ekul] {
    border-top: 1px solid var(--arma-chat-border-color);
}

.arma-chat-history-group li:first-child[b-hdp8t1ekul] {
    border-top: none;
}

.arma-chat-history-item[b-hdp8t1ekul] {
    width: 100%;
    padding: 10px 12px;
    border: none;
    border-radius: 8px;
    background: transparent;
    text-align: left;
    cursor: pointer;
}

.arma-chat-history-item:hover[b-hdp8t1ekul] {
    background: var(--arma-chat-subtle-color);
}

.arma-chat-history-item__title[b-hdp8t1ekul] {
    font-size: 0.95rem;
    font-weight: 600;
    color: var(--arma-chat-text-color);
}

.arma-chat-history-item__meta[b-hdp8t1ekul] {
    margin-top: 4px;
    font-size: 0.78rem;
    color: var(--arma-chat-muted-color);
}

.arma-chat-history-state[b-hdp8t1ekul] {
    min-height: 140px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 16px;
    color: var(--arma-chat-muted-color);
    text-align: center;
}

.chat-messages[b-hdp8t1ekul] {
    flex: 1 1 auto;
    min-height: 0;
    overflow-y: auto;
    padding: 16px;
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.arma-chat-empty-state[b-hdp8t1ekul] {
    padding-top: 4px;
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.arma-chat-empty-state__copy[b-hdp8t1ekul] {
    max-width: 32ch;
    font-size: 1rem;
    line-height: 1.5;
    color: var(--arma-chat-text-color);
}

.arma-chat-empty-state__note[b-hdp8t1ekul] {
    font-size: 0.88rem;
    color: var(--arma-chat-muted-color);
}

.chat-message-wrapper[b-hdp8t1ekul] {
    display: flex;
    flex-direction: column;
    max-width: min(84%, 34rem);
}

.chat-message-wrapper.user[b-hdp8t1ekul] {
    align-self: flex-end;
    align-items: flex-end;
}

.chat-message-wrapper.bot[b-hdp8t1ekul] {
    align-self: flex-start;
    align-items: flex-start;
}

.chat-message[b-hdp8t1ekul] {
    padding: 0.75rem 0.9rem;
    border-radius: 12px;
    overflow-wrap: anywhere;
    word-break: normal;
}

.chat-message.user[b-hdp8t1ekul] {
    background: #e6f9f4;
    color: var(--arma-chat-text-color);
    border: 1px solid #b8edd9;
    border-bottom-right-radius: 4px;
    white-space: pre-wrap;
}

.chat-message.bot[b-hdp8t1ekul] {
    background: var(--arma-chat-subtle-color);
    color: var(--arma-chat-text-color);
    border: 1px solid var(--arma-chat-border-color);
    border-bottom-left-radius: 4px;
    white-space: normal;
}

.chat-message.bot[b-hdp8t1ekul]  p {
    margin: 0;
}

.chat-message.bot .chat-markdown[b-hdp8t1ekul]  p + p {
    margin-top: 0.45rem;
}

.chat-message.bot .chat-markdown[b-hdp8t1ekul] {
    font-size: 0.94rem;
    line-height: 1.55;
    white-space: normal;
}

.chat-message.bot .chat-markdown[b-hdp8t1ekul]  ul,
.chat-message.bot .chat-markdown[b-hdp8t1ekul]  ol {
    margin: 0.35rem 0 0.35rem 1rem;
    padding-left: 0.7rem;
}

.chat-message.bot .chat-markdown[b-hdp8t1ekul]  li {
    margin: 0.12rem 0;
}

.chat-message.bot .chat-markdown[b-hdp8t1ekul]  h1,
.chat-message.bot .chat-markdown[b-hdp8t1ekul]  h2,
.chat-message.bot .chat-markdown[b-hdp8t1ekul]  h3,
.chat-message.bot .chat-markdown[b-hdp8t1ekul]  h4 {
    font-size: 1rem;
    font-weight: 700;
}

.chat-message-error[b-hdp8t1ekul] {
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
    margin-top: 4px;
    font-size: 0.75rem;
    color: var(--arma-chat-error-color);
}

.chat-input[b-hdp8t1ekul] {
    padding: 16px;
    border-top: 1px solid #e9edf2;
    background: var(--arma-chat-surface-color);
}

.chat-input textarea[b-hdp8t1ekul] {
    width: 100%;
    min-height: 88px;
    max-height: 180px;
    padding: 0.75rem 0.875rem;
    resize: none;
    border: 1px solid #d7dde5;
    border-radius: 8px;
    background: var(--arma-chat-surface-color);
    color: var(--arma-chat-text-color);
    line-height: 1.5;
}

.chat-input textarea[b-hdp8t1ekul]::placeholder {
    color: var(--arma-chat-muted-color);
}

.chat-input textarea:focus[b-hdp8t1ekul] {
    outline: none;
    border-color: #aeb8c2;
    box-shadow: none;
}

.chat-input textarea:disabled[b-hdp8t1ekul] {
    background: var(--arma-chat-subtle-color);
    opacity: 1;
}

.chat-input__actions[b-hdp8t1ekul] {
    margin-top: 10px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
}

.chat-input__hint[b-hdp8t1ekul] {
    font-size: 0.76rem;
    color: var(--arma-chat-muted-color);
}

.chat-input__buttons[b-hdp8t1ekul] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
}

.chat-input button[b-hdp8t1ekul],
.chat-error-retry[b-hdp8t1ekul] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.35rem;
    min-height: 36px;
    padding: 0.45rem 0.95rem;
    border: 1px solid transparent;
    border-radius: 20px;
    cursor: pointer;
    font-weight: 600;
    transition: background-color 0.2s ease, color 0.2s ease, border-color 0.2s ease, opacity 0.2s ease;
}

.chat-input button:hover:not(:disabled)[b-hdp8t1ekul],
.chat-error-retry:hover[b-hdp8t1ekul] {
    transform: none;
}

.chat-input button:disabled[b-hdp8t1ekul] {
    opacity: 0.45;
    cursor: not-allowed;
}

.chat-primary-button[b-hdp8t1ekul] {
    background: var(--cogo-main-black-color);
    color: #ffffff;
}

.chat-primary-button--cancel[b-hdp8t1ekul] {
    background: var(--arma-chat-surface-color);
    border-color: #f1c3c3;
    color: var(--arma-chat-error-color);
}

.loading-dots[b-hdp8t1ekul] {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    padding: 4px 0;
}

.loading-dots span[b-hdp8t1ekul] {
    width: 6px;
    height: 6px;
    border-radius: 999px;
    background: #64748b;
    animation: arma-chat-wave-b-hdp8t1ekul 1.2s ease-in-out infinite;
}

.loading-dots span:nth-child(1)[b-hdp8t1ekul] { animation-delay: 0s; }
.loading-dots span:nth-child(2)[b-hdp8t1ekul] { animation-delay: 0.1s; }
.loading-dots span:nth-child(3)[b-hdp8t1ekul] { animation-delay: 0.2s; }
.loading-dots span:nth-child(4)[b-hdp8t1ekul] { animation-delay: 0.3s; }

@keyframes arma-chat-wave-b-hdp8t1ekul {
    0%, 60%, 100% {
        transform: scale(1) translateY(0);
        background: #64748b;
    }

    30% {
        transform: scale(1.35) translateY(-4px);
        background: #cbd5e1;
    }
}

@keyframes arma-chat-skeleton-b-hdp8t1ekul {
    0% {
        background-position: 200% 0;
    }

    100% {
        background-position: -200% 0;
    }
}

.chat-error[b-hdp8t1ekul] {
    display: flex;
    align-items: center;
    gap: 0.6rem;
    margin-top: 4px;
    padding: 0.75rem 0.9rem;
    border: 1px solid #f5c2c7;
    border-radius: 8px;
    background: #fff5f5;
}

.chat-error-icon[b-hdp8t1ekul] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.chat-error-message[b-hdp8t1ekul] {
    flex: 1;
    color: var(--arma-chat-error-color);
    font-size: 0.88rem;
}

.chat-error-retry[b-hdp8t1ekul] {
    border-color: #d7dde5;
    background: var(--arma-chat-surface-color);
    color: var(--arma-chat-text-color);
}

.chat-pending-action[b-hdp8t1ekul] {
    margin-top: 0.75rem;
    padding: 0.75rem;
    border: 1px solid var(--arma-chat-border-color);
    border-radius: 8px;
    background: var(--arma-chat-surface-color);
}

.chat-pending-action.is-applied[b-hdp8t1ekul] {
    border-color: #bbf7d0;
    background: #f0fdf4;
}

.chat-pending-action.is-denied[b-hdp8t1ekul] {
    border-color: #fecaca;
    background: #fef2f2;
}

.chat-pending-action.is-partial-failure[b-hdp8t1ekul] {
    border-color: #fde68a;
    background: #fffbeb;
}

.chat-pending-action-title[b-hdp8t1ekul] {
    margin-bottom: 0.3rem;
    color: var(--arma-chat-text-color);
    font-weight: 600;
}

.chat-pending-action-plan-title[b-hdp8t1ekul] {
    margin-bottom: 0.25rem;
    color: var(--arma-chat-text-color);
    font-weight: 700;
}

.chat-pending-action-status[b-hdp8t1ekul] {
    display: inline-flex;
    align-items: center;
    margin-bottom: 0.45rem;
    padding: 0.2rem 0.5rem;
    border-radius: 999px;
    font-size: 0.72rem;
    font-weight: 700;
    letter-spacing: 0.01em;
}

.chat-pending-action-status.is-applied[b-hdp8t1ekul] {
    background: #dcfce7;
    color: #166534;
}

.chat-pending-action-status.is-denied[b-hdp8t1ekul] {
    background: #fee2e2;
    color: var(--arma-chat-error-color);
}

.chat-pending-action-status.is-partial-failure[b-hdp8t1ekul] {
    background: #fef3c7;
    color: #92400e;
}

.chat-pending-action-reason[b-hdp8t1ekul] {
    margin-bottom: 0.5rem;
    padding: 0.45rem 0.55rem;
    border-radius: 6px;
    background: #fff7ed;
    color: #9a3412;
    font-size: 0.78rem;
    font-weight: 600;
}

.chat-pending-action-history-note[b-hdp8t1ekul] {
    margin-top: 0.5rem;
    padding: 0.45rem 0.55rem;
    border-radius: 6px;
    background: var(--arma-chat-subtle-color);
    color: var(--arma-chat-muted-color);
    font-size: 0.78rem;
}

.chat-pending-action-item[b-hdp8t1ekul] {
    padding: 0.55rem 0;
    border-top: 1px solid var(--arma-chat-border-color);
}

.chat-pending-action-item:first-of-type[b-hdp8t1ekul] {
    border-top: none;
    padding-top: 0;
}

.chat-pending-action-item-label[b-hdp8t1ekul] {
    margin-bottom: 0.25rem;
    font-weight: 400;
}

.chat-pending-action-item-line[b-hdp8t1ekul],
.chat-pending-action-item-note[b-hdp8t1ekul] {
    font-size: 0.8rem;
    line-height: 1.4;
}

.chat-pending-action-item-note[b-hdp8t1ekul] {
    color: #92400e;
}

.chat-pending-action-buttons[b-hdp8t1ekul] {
    display: flex;
    gap: 0.5rem;
    margin-top: 0.75rem;
}

.chat-pending-action-buttons button[b-hdp8t1ekul] {
    flex: 1;
    padding: 0.45rem 0.7rem;
    border: 1px solid transparent;
    border-radius: 6px;
    cursor: pointer;
    font-weight: 600;
}

.chat-pending-action-buttons button:disabled[b-hdp8t1ekul] {
    cursor: not-allowed;
    opacity: 0.7;
}

.chat-pending-action-accept[b-hdp8t1ekul] {
    background: var(--cogo-main-black-color);
    color: #ffffff;
}

.chat-pending-action-deny[b-hdp8t1ekul] {
    border-color: #d1d5db !important;
    background: var(--arma-chat-surface-color);
    color: var(--arma-chat-text-color);
}

@media (max-width: 768px), (hover: none) and (pointer: coarse) {
    .chat-toggle-button[b-hdp8t1ekul] {
        bottom: calc(var(--cogo-mobile-nav-height) + var(--cogo-mobile-nav-safe-area) + 16px);
        z-index: 990;
    }

    .arma-chat-host[b-hdp8t1ekul] {
        inset: 0 !important;
        width: 100vw;
        height: calc(var(--vh, 1vh) * 100);
        max-height: calc(var(--vh, 1vh) * 100);
        pointer-events: auto;
        background: #ffffff;
        z-index: 1010;
    }

    .arma-chat-pane[b-hdp8t1ekul] {
        position: fixed;
        inset: 0 !important;
        left: 0 !important;
        right: 0 !important;
        width: auto !important;
        min-width: 0 !important;
        max-width: none !important;
        height: calc(var(--vh, 1vh) * 100) !important;
        min-height: calc(var(--vh, 1vh) * 100) !important;
        max-height: calc(var(--vh, 1vh) * 100) !important;
        overflow: hidden;
        border-left: none;
        border-radius: 0;
        box-shadow: none;
        animation: none;
    }

    .arma-chat-resize-handle[b-hdp8t1ekul] {
        display: none;
    }

    .arma-chat-header[b-hdp8t1ekul] {
        padding: calc(16px + env(safe-area-inset-top)) 16px 16px;
    }

    .arma-chat-history-overlay[b-hdp8t1ekul] {
        position: fixed;
        inset: 0;
        padding: 0;
        background: #ffffff;
    }

    .arma-chat-history-dialog[b-hdp8t1ekul] {
        border: none;
        border-radius: 0;
        box-shadow: none;
    }

    .chat-messages[b-hdp8t1ekul] {
        padding-left: 14px;
        padding-right: 14px;
    }

    .chat-input[b-hdp8t1ekul] {
        padding-left: 14px;
        padding-right: 14px;
        padding-bottom: calc(14px + env(safe-area-inset-bottom));
    }

    .chat-input__actions[b-hdp8t1ekul] {
        flex-direction: column;
        align-items: stretch;
    }

    .chat-input__buttons[b-hdp8t1ekul] {
        justify-content: flex-end;
    }

    .chat-message-wrapper[b-hdp8t1ekul] {
        max-width: 92%;
    }
}
/* _content/CoGo.Web/Pages/SharedComponents/ChatDisambiguationCard.razor.rz.scp.css */
.chat-disambiguation[b-7x9e6up7y0] {
    margin-top: 0.75rem;
    padding: 0.75rem;
    border: 1px solid var(--arma-chat-border-color);
    border-radius: 8px;
    background: var(--arma-chat-surface-color);
    overflow: hidden;
}

.chat-disambiguation.is-selected[b-7x9e6up7y0] {
    border-color: #bbf7d0;
    background: #f0fdf4;
}

.chat-disambiguation.is-dismissed[b-7x9e6up7y0] {
    border-color: #e2e8f0;
    background: #f8fafc;
}

.chat-disambiguation-status[b-7x9e6up7y0] {
    display: inline-flex;
    align-items: center;
    padding: 0.2rem 0.5rem;
    border-radius: 999px;
    background: #dcfce7;
    color: #166534;
    font-size: 0.72rem;
    font-weight: 700;
    letter-spacing: 0.01em;
}

.chat-disambiguation-status.is-dismissed[b-7x9e6up7y0] {
    background: #f1f5f9;
    color: #64748b;
}

.chat-disambiguation-options[b-7x9e6up7y0] {
    display: flex;
    flex-direction: column;
    gap: 0.4rem;
}

.chat-disambiguation-option[b-7x9e6up7y0] {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    gap: 0.2rem;
    width: 100%;
    min-width: 0;
    padding: 0.5rem 0.7rem;
    border: 1px solid var(--arma-chat-border-color);
    border-radius: 6px;
    background: var(--arma-chat-surface-color);
    color: var(--arma-chat-text-color);
    cursor: pointer;
    text-align: left;
    font-size: 0.875rem;
    overflow: hidden;
    transition: background-color 0.15s ease, border-color 0.15s ease;
}

.chat-disambiguation-option-header[b-7x9e6up7y0] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.chat-disambiguation-option:hover:not(:disabled)[b-7x9e6up7y0] {
    border-color: #21BA97;
    background: #f0fdfa;
}

.chat-disambiguation-option:disabled[b-7x9e6up7y0] {
    cursor: not-allowed;
    opacity: 0.7;
}

.chat-disambiguation-option.is-none[b-7x9e6up7y0] {
    border-style: dashed;
    color: var(--arma-chat-muted-color);
}

.chat-disambiguation-option.is-none:hover:not(:disabled)[b-7x9e6up7y0] {
    border-color: #94a3b8;
    background: #f8fafc;
    color: var(--arma-chat-text-color);
}

.chat-disambiguation-option-name[b-7x9e6up7y0] {
    font-weight: 600;
    flex: 1 1 auto;
    min-width: 0;
    overflow-wrap: break-word;
}

.chat-disambiguation-option-sub[b-7x9e6up7y0] {
    color: var(--arma-chat-muted-color);
    font-size: 0.78rem;
    overflow-wrap: break-word;
}

.chat-disambiguation-query-label[b-7x9e6up7y0] {
    font-size: 0.75rem;
    font-weight: 600;
    color: var(--arma-chat-muted-color);
    margin-bottom: 0.3rem;
}

.chat-disambiguation-option-type[b-7x9e6up7y0] {
    flex-shrink: 0;
    padding: 0.15rem 0.4rem;
    border-radius: 999px;
    background: #eff6ff;
    color: #1d4ed8;
    font-size: 0.7rem;
    font-weight: 600;
}

.chat-disambiguation-option-badge[b-7x9e6up7y0] {
    flex-shrink: 0;
    padding: 0.15rem 0.4rem;
    border-radius: 999px;
    background: #f1f5f9;
    color: #475569;
    font-size: 0.7rem;
    font-weight: 600;
}
/* _content/CoGo.Web/Pages/SharedComponents/ClickablePill.razor.rz.scp.css */
.clickable-pill[b-fuo90pqtwt] {
    align-items: center;
    background: var(--clickable-pill-bg, #f3f2f1);
    border: 1px solid var(--clickable-pill-border, #d2d0ce);
    border-radius: 999px;
    box-sizing: border-box;
    color: var(--clickable-pill-fg, #323130);
    display: inline-flex;
    flex: 0 1 auto;
    font-family: inherit;
    font-size: 0.68rem;
    font-weight: 400;
    line-height: 1;
    max-width: 130px;
    min-width: 0;
    overflow: hidden;
    padding: 3px 7px;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.clickable-pill--interactive[b-fuo90pqtwt] {
    cursor: pointer;
    font-size: 0.78rem;
    height: 26px;
    max-width: none;
    padding: 0 12px;
}

.clickable-pill--interactive:not(.clickable-pill--selected)[b-fuo90pqtwt] {
    opacity: 0.68;
}

.clickable-pill--interactive:hover:not(:disabled):not(.clickable-pill--selected)[b-fuo90pqtwt] {
    filter: saturate(1.1) brightness(0.98);
    opacity: 0.9;
}

.clickable-pill--interactive:focus[b-fuo90pqtwt] {
    outline: none;
}

.clickable-pill--interactive:focus-visible[b-fuo90pqtwt] {
    outline: 2px solid var(--cogo-brand-green-color, #00bc94);
    outline-offset: 1px;
}

.clickable-pill--interactive:disabled[b-fuo90pqtwt] {
    cursor: not-allowed;
    opacity: 0.45;
}

.clickable-pill--selected[b-fuo90pqtwt] {
    color: color-mix(in srgb, currentcolor 80%, #000);
    border-color: currentcolor;
    box-shadow: 0 0 0 1px currentcolor, 0 1px 2px rgba(0, 0, 0, 0.12);
    font-weight: 500;
    opacity: 1;
}
/* _content/CoGo.Web/Pages/SharedComponents/CoGoFooter.razor.rz.scp.css */
.footer[b-tfgyfwknpx] {
    width: 100%;
    padding: 0 9% 10px;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    background-color: white;
    height: auto;
    margin-top: 2rem;
    box-sizing: border-box;
    min-width: 0;
}

.footer-inner[b-tfgyfwknpx] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    min-width: 0;
}

.footer-logo[b-tfgyfwknpx] {
    transform: scale(0.56);
    transform-origin: left center;
    flex-shrink: 0;
}

.footer-links[b-tfgyfwknpx] {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    gap: 0.5rem 1rem;
    min-width: 0;
}

.footer-link[b-tfgyfwknpx] {
    margin: 0;
    white-space: nowrap;
}

.footer-meta[b-tfgyfwknpx] {
    margin-top: 0.5rem;
}

@media (max-width: 768px) {
    .footer[b-tfgyfwknpx] {
        padding: 0 1rem 0.75rem;
    }

    .footer-inner[b-tfgyfwknpx] {
        flex-direction: row;
        align-items: center;
        gap: 0.75rem;
    }

    .footer-links[b-tfgyfwknpx] {
        width: auto;
        justify-content: flex-end;
        gap: 0.5rem 0.75rem;
    }

    .footer-meta[b-tfgyfwknpx] {
        margin-top: 0.75rem;
    }
}

@media (max-width: 480px) {
    .footer[b-tfgyfwknpx] {
        padding: 0 0.75rem 0.75rem;
    }

    .footer-inner[b-tfgyfwknpx] {
        flex-direction: row;
        align-items: center;
        gap: 0.5rem;
    }

    .footer-links[b-tfgyfwknpx] {
        flex-wrap: nowrap;
        justify-content: flex-start;
        gap: 0.25rem 0.5rem;
    }

    .footer-link[b-tfgyfwknpx] {
        font-size: 0.7rem;
    }
}
/* _content/CoGo.Web/Pages/SharedComponents/DailyBriefDialog.razor.rz.scp.css */
.daily-brief-dialog-shell.cogo-large-dialog-shell__header[b-vidfc0oj56] {
    padding: 0.75rem 0.75rem 0 !important;
}

.daily-brief-dialog-shell.cogo-large-dialog-shell__body[b-vidfc0oj56] {
    padding: 0 !important;
}

.daily-brief-dialog-body[b-vidfc0oj56] {
    padding-top: 0 !important;
}

.daily-brief-dialog-body > :first-child[b-vidfc0oj56] {
    margin-top: 0 !important;
}

.daily-brief-header[b-vidfc0oj56] {
    min-width: 0;
    width: 100%;
    flex-wrap: wrap;
    align-items: flex-start;
    padding-bottom: 1rem;
}

.daily-brief-header-container[b-vidfc0oj56] {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
    width: 100%;
}

.daily-brief-title[b-vidfc0oj56] {
    line-height: normal;
    overflow-wrap: anywhere;
}

.daily-brief-title-icon[b-vidfc0oj56] {
    align-self: flex-start;
    margin-top: 2px;
}

.daily-brief-inline-flow[b-vidfc0oj56] {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 0.1rem;
    min-width: 0;
}

.daily-brief-date-action-group[b-vidfc0oj56] {
    display: inline-flex;
    align-items: center;
    gap: 0.25rem;
    white-space: nowrap;
    color: var(--neutral-foreground-hint);
    padding-left: 0rem;
    margin-top: -5px;
}

.daily-brief-date-action-group[b-vidfc0oj56]  .daily-brief-date-text.fluent-typography {
    line-height: normal;
    margin: 0.2rem 0 0 0;
    overflow-wrap: normal;
    font-weight: 500;
    color: var(--cogo-main-lightgrey-color, #757575) !important;
    font-size: 1em !important;
}

.daily-brief-date-toggle-container[b-vidfc0oj56] {
    position: relative;

    flex-shrink: 0;
}

.daily-brief-date-toggle[b-vidfc0oj56] {
    --design-unit: 4;

    flex-shrink: 0;
    margin-top: -1px;
}

.daily-brief-date-toggle[b-vidfc0oj56]  .daily-brief-date-icon {
    fill: var(--cogo-main-lightgrey-color, #757575) !important;
}

.daily-brief-calendar-popover[b-vidfc0oj56] {
    position: absolute;
    top: calc(100% + 0.25rem);
    left: 0;
    z-index: 30;
    background: var(--neutral-layer-floating);
    border: 1px solid var(--neutral-stroke-layer-rest);
    border-radius: 8px;
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.14);
    padding: 0.25rem;
    max-width: min(340px, calc(100vw - 2rem));
}

.daily-brief-calendar-backdrop[b-vidfc0oj56] {
    position: fixed;
    inset: 0;
    z-index: 29;
    background: transparent;
}

.daily-brief-calendar-day-available[b-vidfc0oj56] {
    position: relative;
    width: calc(var(--calendar-cell-size) - 4px);
    height: calc(var(--calendar-cell-size) - 4px);
    margin: 2px;
    border: none;
    border-radius: 8px;
    background: transparent;
    display: flex;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
}

.daily-brief-calendar-popover[b-vidfc0oj56]  .day:has(.daily-brief-calendar-day-available) {
    border: 1px solid #9fc4ff;
    border-radius: 8px;
    margin: 1px 0px;
}

.daily-brief-calendar-popover[b-vidfc0oj56]  .day[today]:has(.daily-brief-calendar-day-available) {
    border: 1px solid #9fc4ff !important;
    border-radius: 8px !important;
    background: #dbe9ff;
}

.daily-brief-calendar-popover[b-vidfc0oj56]  .day[today]:has(.daily-brief-calendar-day-available) .daily-brief-calendar-day-number {
    color: #fff;
}

.daily-brief-calendar-popover[b-vidfc0oj56]  .day[selected]:has(.daily-brief-calendar-day-available) {
    background: #cfe1ff !important;
}

.daily-brief-calendar-popover[b-vidfc0oj56]  .day[selected]:has(.daily-brief-calendar-day-available) .daily-brief-calendar-day-number {
    color: #1f4fa8 !important;
}

.daily-brief-calendar-popover[b-vidfc0oj56]  .day:not([disabled]):not([inactive]):has(.daily-brief-calendar-day-available):hover {
    background: #cfe1ff !important;
}

.daily-brief-calendar-day-number[b-vidfc0oj56] {
    color: var(--neutral-foreground-hint);
    font: inherit;
    line-height: inherit;
}

.daily-brief-calendar-day-severity-dot[b-vidfc0oj56] {
    position: absolute;
    left: 2px;
    bottom: 2px;
    width: 4px;
    height: 4px;
    border-radius: 50%;
}

.daily-brief-calendar-day-severity-3[b-vidfc0oj56] {
    background-color: var(--badge-fill-danger, var(--cogo-error-red-color, #C13E41));
}

.daily-brief-calendar-day-severity-2[b-vidfc0oj56] {
    background-color: var(--badge-fill-warning, var(--cogo-main-lightred-color, #FF4d4d));
}

.daily-brief-calendar-day-severity-1[b-vidfc0oj56] {
    background-color: var(--badge-fill-information, var(--cogo-main-yellow-color, #EE8E4E));
}

.daily-brief-calendar-day-severity-0[b-vidfc0oj56] {
    background-color: var(--badge-fill-success, var(--cogo-brand-green-color, #00BC94));
}

.daily-brief-calendar-day-severity-unknown[b-vidfc0oj56] {
    background-color: var(--badge-fill-information, var(--neutral-foreground-hint, #9b9b9b));
}

/* FluentCalendar uses up/down chevrons by default; rotate to left/right for month navigation. */
.daily-brief-calendar-popover[b-vidfc0oj56]  .change-period > .previous svg,
.daily-brief-calendar-popover[b-vidfc0oj56]  .change-period > .next svg {
    transform: rotate(-90deg);
    transform-origin: center;
}

/* Disable the title click that opens the year-picker view. */
/* Disabled due to 2 known FluentUI issues
    Issue #3348 (https://github.com/microsoft/fluentui-blazor/issues/3348) � "Year not enabled in year range view when Jan
  1 is disabled"
    Issue #3495 (https://github.com/microsoft/fluentui-blazor/issues/3495) � "Disabling weekends causes entire months to
  be disabled"
*/
.daily-brief-calendar-popover[b-vidfc0oj56]  .title > .label {
    pointer-events: none;
    cursor: default;
}

.daily-brief-subtitle[b-vidfc0oj56] {
    padding-inline-start: 0;
    margin-inline-start: calc(0.75rem + 28px + 0.5rem);
    margin-top: 0;
    margin-bottom: 0.15rem;
    line-height: 1.2;
}

.daily-brief-content[b-vidfc0oj56] {
    position: relative;
}

.daily-dialog-placeholder[b-vidfc0oj56] {
    display: flex;
    flex-direction: column;
    align-items: center;
    position: absolute;
    top: 40%;
    left: 50%;
    transform: translate(-50%);
    gap: 10px;
    width: 80%;
    line-height: normal;
}

@media screen and (max-width: 960px) {
    .daily-brief-dialog-shell.cogo-large-dialog-shell__header[b-vidfc0oj56] {
        padding: 1rem 1rem 0 !important;
    }

    .daily-brief-header[b-vidfc0oj56] {
        align-items: flex-start !important;
    }

    .daily-brief-inline-flow[b-vidfc0oj56] {
        row-gap: 0.1rem;
    }
}

/* _content/CoGo.Web/Pages/SharedComponents/DailyBriefStory.razor.rz.scp.css */
.daily-brief-story[b-t8kad4c8pe] {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.story-content-layout[b-t8kad4c8pe] {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    grid-template-areas:
        "photo headline"
        "photo body";
    column-gap: 0.5rem;
    align-items: start;
}

.story-content-layout[b-t8kad4c8pe]  .asset-story-photo {
    grid-area: photo;
}

.story-headline[b-t8kad4c8pe] {
    grid-area: headline;
}

.story-body-container[b-t8kad4c8pe] {
    grid-area: body;
    min-width: 0;
}

/* Daily Brief Story Expand/Collapse */
.story-body-expandable[b-t8kad4c8pe] {
    position: relative;
    overflow: hidden;
    transition: max-height 0.3s ease;
}

    .story-body-expandable.collapsed[b-t8kad4c8pe] {
        max-height: 3.6em;
    }

    .story-body-expandable.expanded[b-t8kad4c8pe] {
        max-height: 2000px;
    }

.story-body-fade[b-t8kad4c8pe] {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 1.8em;
    background: linear-gradient(transparent, white);
    pointer-events: none;
}

.story-actions-row[b-t8kad4c8pe] {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    margin-top: 4px;
    margin-bottom: 8px;
    width: 100%;
}

.story-actions-spacer[b-t8kad4c8pe] {
    flex: 1;
    min-width: 0;
}

.story-actions-end[b-t8kad4c8pe] {
    display: flex;
    justify-content: flex-end;
}

.story-toggle-btn[b-t8kad4c8pe] {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    background: none;
    border: none;
    padding: 2px 0;
    cursor: pointer;
    font-size: 12px;
    font-weight: 500;
    color: var(--neutral-foreground-rest);
    opacity: 0.75;
    transition: opacity 0.15s ease;
}

    .story-toggle-btn:hover[b-t8kad4c8pe] {
        opacity: 1;
    }

.feedback-submitted[b-t8kad4c8pe] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.checkmark-container[b-t8kad4c8pe] {
    width: 120px;
    height: 120px;
    display: grid;
    place-items: center;
}

.thanks-text[b-t8kad4c8pe] {
    font-size: 1rem;
    font-weight: 600;
    color: #14532d;
    white-space: nowrap;
    margin-top: 4px;
    margin-bottom: 8px;
}

/* Daily Brief Story Markdown Styles */
.story-body-markdown[b-t8kad4c8pe] {
    font-size: 12px;
    padding-right: 12px;
    line-height: 1.5;
}

    .story-body-markdown[b-t8kad4c8pe]  p {
        margin: 0 0 0.5rem 0;
    }

    .story-body-markdown[b-t8kad4c8pe]  p:last-child {
        margin-bottom: 0;
    }

    .story-body-markdown[b-t8kad4c8pe]  ul,
    .story-body-markdown[b-t8kad4c8pe]  ol {
        margin: 0.25rem 0 0.5rem 1rem;
        padding-left: 0.75rem;
    }

    .story-body-markdown[b-t8kad4c8pe]  li {
        margin: 0.15rem 0;
    }

    .story-body-markdown[b-t8kad4c8pe]  strong {
        font-weight: 600;
    }

    .story-body-markdown[b-t8kad4c8pe]  h1,
    .story-body-markdown[b-t8kad4c8pe]  h2,
    .story-body-markdown[b-t8kad4c8pe]  h3,
    .story-body-markdown[b-t8kad4c8pe]  h4 {
        font-size: 1em;
        font-weight: 600;
        margin: 0.5rem 0 0.25rem 0;
    }

@media (max-width: 576px) {
    .story-content-layout[b-t8kad4c8pe] {
        grid-template-areas:
            "photo headline"
            "body body";
    }
}
/* _content/CoGo.Web/Pages/SharedComponents/MainLayout.razor.rz.scp.css */
.page[b-evvx0zbail] {
    position: relative;
    display: flex;
    flex-direction: column;
}

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

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

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

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

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

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

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

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

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

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

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

    .top-row[b-evvx0zbail], article[b-evvx0zbail] {
        padding-left: 2rem !important;
        padding-right: 1.5rem !important;
    }
}
/* _content/CoGo.Web/Pages/SharedComponents/NavMenu.razor.rz.scp.css */
.navbar-toggler[b-m3foi52au8] {
    background-color: rgba(255, 255, 255, 0.1);
}

.top-row[b-m3foi52au8] {
    height: 3.5rem;
    background-color: rgba(0,0,0,0.4);
}

.navbar-brand[b-m3foi52au8] {
    font-size: 1.1rem;
}

.oi[b-m3foi52au8] {
    width: 2rem;
    font-size: 1.1rem;
    vertical-align: text-top;
    top: -2px;
}

.nav-item[b-m3foi52au8] {
    font-size: 0.9rem;
    padding-bottom: 0.5rem;
}

    .nav-item:first-of-type[b-m3foi52au8] {
        padding-top: 1rem;
    }

    .nav-item:last-of-type[b-m3foi52au8] {
        padding-bottom: 1rem;
    }

    .nav-item[b-m3foi52au8]  a {
        color: #d7d7d7;
        border-radius: 4px;
        height: 3rem;
        display: flex;
        align-items: center;
        line-height: 3rem;
    }

.nav-item[b-m3foi52au8]  a.active {
    background-color: rgba(255,255,255,0.25);
    color: white;
}

.nav-item[b-m3foi52au8]  a:hover {
    background-color: rgba(255,255,255,0.1);
    color: white;
}

@media screen and (hover: none) and (pointer: coarse) {
    .cogo-nav-menu-desktop-shell[b-m3foi52au8] {
        display: none !important;
    }

    .cogo-nav-menu-mobile-shell[b-m3foi52au8] {
        display: block !important;
    }

    .cogo-nav-menu-mobile-shell[b-m3foi52au8]  .cogo-nav-menu--mobile {
        position: fixed;
        left: 0;
        right: 0;
        bottom: 0;
        z-index: 1000;
        display: flex !important;
        align-items: stretch;
        justify-content: space-around;
        height: calc(var(--cogo-mobile-nav-height) + var(--cogo-mobile-nav-safe-area));
        padding-bottom: var(--cogo-mobile-nav-safe-area);
        background-color: var(--neutral-layer-2);
        border-top: 1px solid var(--neutral-stroke-divider-rest);
        box-shadow: 0 -8px 24px rgba(0, 0, 0, 0.08);
    }

    .cogo-nav-menu-mobile-shell[b-m3foi52au8]  .cogo-nav-menu--mobile fluent-app-bar-item {
        flex: 1 1 0;
        min-width: 0;
    }
}

@media screen and (max-width: 960px) {
    .cogo-nav-menu-mobile-shell[b-m3foi52au8]  .cogo-nav-menu--mobile {
        position: fixed;
        left: 0;
        right: 0;
        bottom: 0;
        z-index: 1000;
        display: flex !important;
        align-items: stretch;
        justify-content: space-around;
        height: calc(var(--cogo-mobile-nav-height) + var(--cogo-mobile-nav-safe-area));
        padding-bottom: var(--cogo-mobile-nav-safe-area);
        background-color: var(--neutral-layer-2);
        border-top: 1px solid var(--neutral-stroke-divider-rest);
        box-shadow: 0 -8px 24px rgba(0, 0, 0, 0.08);
    }

    .cogo-nav-menu-mobile-shell[b-m3foi52au8]  .cogo-nav-menu--mobile fluent-app-bar-item {
        flex: 1 1 0;
        min-width: 0;
    }
}

@media (min-width: 641px) {
    .navbar-toggler[b-m3foi52au8] {
        display: none;
    }

    .collapse[b-m3foi52au8] {
        /* Never collapse the sidebar for wide screens */
        display: block;
    }
    
    .nav-scrollable[b-m3foi52au8] {
        /* Allow sidebar to scroll for tall menus */
        height: calc(100vh - 3.5rem);
        overflow-y: auto;
    }
}
/* _content/CoGo.Web/Pages/SharedComponents/PageContainer.razor.rz.scp.css */
.page-container[b-mvuxjm7bi5] {
    margin-top: var(--page-container-top-margin);
    margin-left: var(--page-container-side-margin);
    margin-right: var(--page-container-side-margin);
}

.page-container.fill-height[b-mvuxjm7bi5] {
    display: flex;
    flex-direction: column;
    height: calc(100% - var(--page-container-top-margin));
}

@media (max-width: 1279.98px) {
    .page-container[b-mvuxjm7bi5] {
        margin-left: var(--page-container-md-side-margin);
        margin-right: var(--page-container-md-side-margin);
    }
}
/* _content/CoGo.Web/Pages/SharedComponents/PhotoGalleryOverlay.razor.rz.scp.css */
.photo-gallery-overlay[b-jg5awtc4hv] {
    --photo-gallery-overlay-control-size: 52px;
    --photo-gallery-overlay-safe-area-top: env(safe-area-inset-top, 0px);
    --photo-gallery-overlay-safe-area-right: env(safe-area-inset-right, 0px);
    --photo-gallery-overlay-safe-area-bottom: env(safe-area-inset-bottom, 0px);
    --photo-gallery-overlay-safe-area-left: env(safe-area-inset-left, 0px);

    inset: 0;
    height: calc(var(--vh, 1vh) * 100);
    max-height: calc(var(--vh, 1vh) * 100);
    position: fixed;
    z-index: 1500;
}

.photo-gallery-overlay__scrim[b-jg5awtc4hv] {
    background: var(--cogo-main-black-color);
    inset: 0;
    opacity: 0.76;
    position: absolute;
}

.photo-gallery-overlay__surface[b-jg5awtc4hv] {
    box-sizing: border-box;
    color: var(--neutral-foreground-rest);
    height: calc(var(--vh, 1vh) * 100);
    max-height: calc(var(--vh, 1vh) * 100);
    padding:
        max(24px, var(--photo-gallery-overlay-safe-area-top))
        max(28px, var(--photo-gallery-overlay-safe-area-right))
        max(28px, var(--photo-gallery-overlay-safe-area-bottom))
        max(28px, var(--photo-gallery-overlay-safe-area-left));
    position: relative;
    z-index: 1;
}

.photo-gallery-overlay__content[b-jg5awtc4hv] {
    display: grid;
    gap: 24px;
    height: 100%;
    margin: 0 auto;
    max-width: min(1520px, 100%);
    min-height: 0;
    grid-template-rows: auto minmax(0, 1fr) auto;
    width: 100%;
}

.photo-gallery-overlay__header[b-jg5awtc4hv] {
    align-items: center;
    display: grid;
    gap: 12px;
    grid-template-columns: var(--photo-gallery-overlay-control-size) 1fr var(--photo-gallery-overlay-control-size);
}

.photo-gallery-overlay__header-actions[b-jg5awtc4hv] {
    justify-self: end;
}

.photo-gallery-overlay__header-spacer[b-jg5awtc4hv],
.photo-gallery-overlay__nav-placeholder[b-jg5awtc4hv] {
    height: var(--photo-gallery-overlay-control-size);
    width: var(--photo-gallery-overlay-control-size);
}

.photo-gallery-overlay__count[b-jg5awtc4hv] {
    color: white;
    font-family: Poppins, sans-serif;
    font-size: 1rem;
    font-weight: 700;
    justify-self: center;
    letter-spacing: 0.02em;
    white-space: nowrap;
}

.photo-gallery-overlay__icon-button[b-jg5awtc4hv],
.photo-gallery-overlay__nav-button[b-jg5awtc4hv] {
    --photo-gallery-overlay-icon-color: white;

    align-items: center;
    background: transparent;
    border: 1px solid transparent;
    border-radius: 999px;
    display: inline-flex;
    height: var(--photo-gallery-overlay-control-size);
    justify-content: center;
    padding: 0;
    transition: background-color 0.2s ease, border-color 0.2s ease, color 0.2s ease, transform 0.2s ease;
    width: var(--photo-gallery-overlay-control-size);
}

.photo-gallery-overlay__icon-button:hover[b-jg5awtc4hv],
.photo-gallery-overlay__nav-button:hover[b-jg5awtc4hv] {
    --photo-gallery-overlay-icon-color: var(--cogo-brand-green-color);

    background: white;
    border-color: white;
}

.photo-gallery-overlay__icon-button:focus-visible[b-jg5awtc4hv],
.photo-gallery-overlay__nav-button:focus-visible[b-jg5awtc4hv] {
    --photo-gallery-overlay-icon-color: var(--cogo-brand-green-color);

    background: white;
    border-color: white;
    outline: 2px solid rgba(255, 255, 255, 0.72);
    outline-offset: 3px;
}

.photo-gallery-overlay__stage-row[b-jg5awtc4hv] {
    align-items: center;
    display: grid;
    gap: clamp(16px, 2vw, 40px);
    grid-template-columns: var(--photo-gallery-overlay-control-size) minmax(0, 1fr) var(--photo-gallery-overlay-control-size);
    overflow: hidden;
    min-height: 0;
}

.photo-gallery-overlay__stage-nav-shell[b-jg5awtc4hv] {
    align-items: center;
    display: flex;
    height: 100%;
    justify-content: center;
}

.photo-gallery-overlay__nav-placeholder[b-jg5awtc4hv] {
    visibility: hidden;
}

.photo-gallery-overlay__stage[b-jg5awtc4hv] {
    align-items: center;
    display: flex;
    height: 100%;
    justify-content: center;
    min-height: 0;
    min-width: 0;
    overflow: hidden;
}

.photo-gallery-overlay__stage-image[b-jg5awtc4hv] {
    border-radius: 16px;
    box-shadow: var(--elevation-shadow-card-rest);
    display: block;
    height: auto;
    max-height: 100%;
    max-width: 100%;
    object-fit: contain;
    width: auto;
}

.photo-gallery-overlay__thumbnail-strip[b-jg5awtc4hv] {
    display: flex;
    flex: 0 0 auto;
    gap: clamp(10px, 1.2vw, 16px);
    justify-content: center;
    padding-bottom: 4px;
}

.photo-gallery-overlay__thumbnail-button[b-jg5awtc4hv] {
    background: transparent;
    border: 2px solid transparent;
    border-radius: 12px;
    display: block;
    flex: 0 0 clamp(72px, 8vw, 98px);
    height: clamp(72px, 8vw, 98px);
    overflow: hidden;
    padding: 0;
    transition: border-color 0.2s ease, opacity 0.2s ease, transform 0.2s ease;
}

.photo-gallery-overlay__thumbnail-button:hover[b-jg5awtc4hv] {
    opacity: 1;
    transform: translateY(-2px);
}

.photo-gallery-overlay__thumbnail-button:focus-visible[b-jg5awtc4hv] {
    outline: 2px solid white;
    outline-offset: 3px;
}

.photo-gallery-overlay__thumbnail-button--selected[b-jg5awtc4hv] {
    border-color: white;
    box-shadow: 0 0 0 3px rgba(255, 255, 255, 0.18);
}

.photo-gallery-overlay__thumbnail-image[b-jg5awtc4hv] {
    filter: brightness(0.75);
    display: block;
    height: 100%;
    object-fit: cover;
    transition: filter 0.2s ease;
    width: 100%;
}

.photo-gallery-overlay__thumbnail-button:hover .photo-gallery-overlay__thumbnail-image[b-jg5awtc4hv],
.photo-gallery-overlay__thumbnail-button:focus-visible .photo-gallery-overlay__thumbnail-image[b-jg5awtc4hv],
.photo-gallery-overlay__thumbnail-button--selected .photo-gallery-overlay__thumbnail-image[b-jg5awtc4hv] {
    filter: brightness(1);
}

@media (max-width: 900px) {
    .photo-gallery-overlay__surface[b-jg5awtc4hv] {
        padding:
            max(20px, var(--photo-gallery-overlay-safe-area-top))
            max(18px, var(--photo-gallery-overlay-safe-area-right))
            max(24px, var(--photo-gallery-overlay-safe-area-bottom))
            max(18px, var(--photo-gallery-overlay-safe-area-left));
    }

    .photo-gallery-overlay__content[b-jg5awtc4hv] {
        gap: 18px;
    }

    .photo-gallery-overlay__stage-row[b-jg5awtc4hv] {
        gap: 14px;
    }
}

@media (max-width: 640px) {
    .photo-gallery-overlay[b-jg5awtc4hv] {
        --photo-gallery-overlay-control-size: 44px;
    }

    .photo-gallery-overlay__content[b-jg5awtc4hv] {
        gap: 16px;
    }

    .photo-gallery-overlay__thumbnail-strip[b-jg5awtc4hv] {
        gap: 8px;
    }

    .photo-gallery-overlay__thumbnail-button[b-jg5awtc4hv] {
        flex-basis: 56px;
        height: 56px;
    }
}
/* _content/CoGo.Web/Pages/SharedComponents/SidePanel.razor.rz.scp.css */
.cogo-side-panel[b-yo6aci1j5b] {
    position: fixed;
    top: calc(var(--cogo-app-header-height) + 1px);
    right: 0;
    bottom: 0;
    z-index: 1000;
    width: min(420px, 100vw);
    height: calc(var(--vh, 1vh) * 100 - (var(--cogo-app-header-height) + 1px));
    max-height: calc(var(--vh, 1vh) * 100 - (var(--cogo-app-header-height) + 1px));
    background: #fff;
    border-left: 1px solid #e3e8ee;
    box-shadow: -8px 0 24px rgba(15, 23, 42, 0.14);
    display: flex;
    flex-direction: column;
    animation: cogo-side-panel-enter-b-yo6aci1j5b 0.2s ease-out;
}

.cogo-side-panel__header[b-yo6aci1j5b] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 20px 20px 16px;
    border-bottom: 1px solid #e9edf2;
}

.cogo-side-panel__title[b-yo6aci1j5b] {
    margin: 0;
    font-size: 1.5rem;
    font-weight: 700;
    line-height: 1.2;
    color: #1f2937;
}

.cogo-side-panel__close[b-yo6aci1j5b] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 36px;
    height: 36px;
    padding: 0;
    border: none;
    border-radius: 999px;
    background: transparent;
    color: #6b7280;
    cursor: pointer;
    transition: background-color 0.2s ease, color 0.2s ease;
}

.cogo-side-panel__close:hover[b-yo6aci1j5b] {
    background: #f3f4f6;
    color: #111827;
}

.cogo-side-panel__body[b-yo6aci1j5b] {
    flex: 1 1 auto;
    overflow-y: auto;
    padding: 16px;
}

@keyframes cogo-side-panel-enter-b-yo6aci1j5b {
    from {
        opacity: 0;
        transform: translateX(24px);
    }

    to {
        opacity: 1;
        transform: translateX(0);
    }
}

@media (max-width: 768px) {
    .cogo-side-panel[b-yo6aci1j5b] {
        width: 100vw;
    }

    .cogo-side-panel__header[b-yo6aci1j5b],
    .cogo-side-panel__body[b-yo6aci1j5b] {
        padding-left: 16px;
        padding-right: 16px;
    }
}
/* _content/CoGo.Web/Pages/SharedComponents/SiteTimeZonePicker.razor.rz.scp.css */
.tz-picker[b-wpq22g87hu] {
    position: relative;
    width: 100%;
    --tz-picker-radius: calc(var(--control-corner-radius, 4) * 1px);
}

.tz-picker-label[b-wpq22g87hu] {
    display: block;
    margin-bottom: 4px;
    color: var(--neutral-foreground-rest, #1a1a1a);
    font-size: var(--type-ramp-base-font-size, 14px);
    font-weight: 400;
}

.tz-picker-trigger[b-wpq22g87hu] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto auto;
    gap: 8px;
    align-items: center;
    width: 100%;
    min-height: 32px;
    box-sizing: border-box;
    padding: 6px 12px;
    border: calc(var(--stroke-width, 1) * 1px) solid var(--neutral-stroke-rest, #cccccc);
    border-radius: var(--tz-picker-radius);
    background: var(--neutral-fill-input-rest, #ffffff);
    color: var(--neutral-foreground-rest, #1a1a1a);
    font-family: inherit;
    font-size: var(--type-ramp-base-font-size, 14px);
    text-align: left;
    cursor: pointer;
    box-shadow: none;
    transition: border-color 0.15s ease, background 0.15s ease;
}

.tz-picker-trigger:hover[b-wpq22g87hu] {
    border-color: var(--neutral-stroke-hover, #999999);
    background: var(--neutral-fill-input-hover, #ffffff);
    box-shadow: none;
}

.tz-picker-trigger:focus-visible[b-wpq22g87hu] {
    outline: 1px solid var(--neutral-stroke-focus, #1a1a1a);
    outline-offset: 1px;
    border-color: var(--neutral-stroke-focus, #1a1a1a);
    box-shadow: none;
}

.tz-picker-trigger:disabled[b-wpq22g87hu] {
    cursor: not-allowed;
    opacity: 0.65;
}

.tz-picker-trigger-copy[b-wpq22g87hu],
.tz-picker-item-copy[b-wpq22g87hu],
.tz-picker-item-meta[b-wpq22g87hu] {
    min-width: 0;
}

.tz-picker-trigger-copy[b-wpq22g87hu],
.tz-picker-item-copy[b-wpq22g87hu],
.tz-picker-item-meta[b-wpq22g87hu] {
    display: flex;
    flex-direction: column;
}

.tz-picker-value[b-wpq22g87hu],
.tz-picker-item-name[b-wpq22g87hu] {
    color: var(--neutral-foreground-rest, #1a1a1a);
    font-weight: 400;
    line-height: 1.25;
}

.tz-picker-value[b-wpq22g87hu] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.tz-picker-item-description[b-wpq22g87hu] {
    margin-top: 2px;
    color: var(--neutral-foreground-hint, #616161);
    font-size: 0.84rem;
    font-weight: 400;
    line-height: 1.25;
}

.tz-picker-placeholder[b-wpq22g87hu] {
    color: var(--neutral-foreground-hint, #767676);
    font-size: var(--type-ramp-base-font-size, 14px);
    font-weight: 400;
}

.tz-picker-trigger-offset[b-wpq22g87hu],
.tz-picker-item-offset[b-wpq22g87hu] {
    color: var(--neutral-foreground-hint, #616161);
    font-size: 0.84rem;
    font-weight: 400;
    line-height: 1;
    white-space: nowrap;
}

.tz-picker-chevron[b-wpq22g87hu] {
    flex-shrink: 0;
    color: var(--neutral-foreground-rest, #1a1a1a);
    transition: transform 0.2s ease;
}

.tz-picker.open .tz-picker-chevron[b-wpq22g87hu] {
    transform: rotate(180deg);
}

.tz-picker-backdrop[b-wpq22g87hu] {
    position: fixed;
    inset: 0;
    z-index: 99;
}

.tz-picker-dropdown[b-wpq22g87hu] {
    position: absolute;
    top: calc(100% + 4px);
    left: 0;
    right: 0;
    z-index: 100;
    display: flex;
    flex-direction: column;
    max-height: min(360px, 52vh);
    overflow: hidden;
    border: 1px solid var(--neutral-stroke-rest, #dedede);
    border-radius: var(--tz-picker-radius);
    background: var(--neutral-layer-floating, #ffffff);
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.14);
}

.tz-picker-search-wrap[b-wpq22g87hu] {
    padding: 12px 12px 8px;
    border-bottom: 1px solid var(--neutral-stroke-rest, #ededed);
    background: var(--neutral-layer-floating, #ffffff);
}

.tz-picker-search[b-wpq22g87hu] {
    width: 100%;
    box-sizing: border-box;
    padding: 7px 12px;
    border: 1px solid var(--neutral-stroke-rest, #cccccc);
    border-radius: var(--tz-picker-radius);
    outline: none;
    background: var(--neutral-fill-input-rest, #ffffff);
    color: var(--neutral-foreground-rest, #1a1a1a);
    font-family: inherit;
    font-size: var(--type-ramp-base-font-size, 14px);
}

.tz-picker-search:focus[b-wpq22g87hu] {
    border-color: var(--neutral-stroke-focus, #1a1a1a);
    box-shadow: none;
}

.tz-picker-help[b-wpq22g87hu] {
    margin-top: 6px;
    color: var(--neutral-foreground-hint, #6d6d6d);
    font-size: 0.78rem;
    font-weight: 400;
    line-height: 1.3;
}

.tz-picker-list[b-wpq22g87hu] {
    flex: 1 1 auto;
    min-height: 0;
    overflow-y: auto;
    padding: 0 0 6px;
    overscroll-behavior: contain;
    -webkit-overflow-scrolling: touch;
}

.tz-picker-group-header[b-wpq22g87hu] {
    position: sticky;
    top: 0;
    z-index: 1;
    display: flex;
    align-items: center;
    min-height: 28px;
    padding: 0 12px;
    background: var(--neutral-fill-stealth-rest, #f8f8f8);
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.08);
    color: var(--neutral-foreground-hint, #666666);
    font-size: 0.72rem;
    font-weight: 600;
    letter-spacing: 0.04em;
    line-height: 1.2;
    text-transform: uppercase;
    user-select: none;
}

.tz-picker-item[b-wpq22g87hu] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 12px;
    align-items: center;
    width: 100%;
    padding: 8px 12px;
    border: 0;
    border-left: 3px solid transparent;
    background: transparent;
    color: var(--neutral-foreground-rest, #1a1a1a);
    cursor: pointer;
    font-family: inherit;
    text-align: left;
}

.tz-picker-item:hover[b-wpq22g87hu],
.tz-picker-item:focus-visible[b-wpq22g87hu] {
    background: var(--neutral-fill-stealth-hover, #f4f4f4);
    outline: none;
}

.tz-picker-item.selected[b-wpq22g87hu] {
    border-left-color: var(--accent-fill-rest, var(--cogo-brand-green-color));
    background: var(--neutral-fill-stealth-hover, #f4f4f4);
}

.tz-picker-item-meta[b-wpq22g87hu] {
    align-items: flex-end;
    gap: 5px;
}

.tz-picker-item-time[b-wpq22g87hu] {
    color: var(--neutral-foreground-hint, #707070);
    font-size: 0.78rem;
    font-weight: 400;
    white-space: nowrap;
}

.tz-picker-empty[b-wpq22g87hu] {
    padding: 18px 12px;
    color: var(--neutral-foreground-hint, #666666);
    font-size: 0.9rem;
    line-height: 1.4;
}

.tz-picker-list[b-wpq22g87hu]::-webkit-scrollbar {
    width: 6px;
}

.tz-picker-list[b-wpq22g87hu]::-webkit-scrollbar-track {
    background: transparent;
}

.tz-picker-list[b-wpq22g87hu]::-webkit-scrollbar-thumb {
    border-radius: var(--tz-picker-radius);
    background: var(--neutral-stroke-rest, #c8c8c8);
}

@media screen and (max-width: 576px) {
    .tz-picker-trigger[b-wpq22g87hu] {
        grid-template-columns: minmax(0, 1fr) auto;
        min-height: 36px;
        padding: 7px 10px;
    }

    .tz-picker-trigger-offset[b-wpq22g87hu] {
        display: none;
    }

    .tz-picker-dropdown[b-wpq22g87hu] {
        position: fixed;
        top: auto;
        bottom: 0;
        left: 0;
        right: 0;
        border-radius: var(--tz-picker-radius) var(--tz-picker-radius) 0 0;
        max-height: 82vh;
    }

    .tz-picker-backdrop[b-wpq22g87hu] {
        background: rgba(0, 0, 0, 0.3);
    }

    .tz-picker-list[b-wpq22g87hu] {
        max-height: calc(82vh - 8rem);
    }

    .tz-picker-item[b-wpq22g87hu] {
        grid-template-columns: minmax(0, 1fr);
        gap: 6px;
        padding: 9px 10px;
    }

    .tz-picker-item-meta[b-wpq22g87hu] {
        flex-direction: row;
        align-items: center;
        justify-content: space-between;
    }
}
/* _content/CoGo.Web/Pages/SharedComponents/Tabs.razor.rz.scp.css */
.tabs-container[b-x0towc5xlb] {
    display: flex;
    flex-direction: column;
    width: 100%;
    height: 100%;
    min-height: 0;
    flex: 1 1 auto;
}

.tab-header[b-x0towc5xlb] {
    padding: 8px 16px;
    font-size: 14px;
    cursor: pointer;
}

    .tab-header:hover[b-x0towc5xlb] {
        background-color: #F1F1F1;
    }

.underline[b-x0towc5xlb] {
    position: absolute;
    bottom: 0;
    height: 2px;
    border-radius: 2px;
    background-color: #007C5D;
    transition: width 0.25s ease, transform 0.25s ease;
    left: 0;
}

.tabs-content[b-x0towc5xlb] {
    flex: 1 1 auto;
    min-height: 0;
    overflow-y: auto;
    overflow-x: hidden;
}
/* _content/CoGo.Web/Pages/SharedComponents/TopNav.razor.rz.scp.css */
.cogo-top-nav[b-k8l5fmnxvm] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    height: var(--cogo-app-header-height);
    max-height: var(--cogo-app-header-height);
    min-width: 0;
    overflow: hidden;
    padding-inline: 0.75rem;
}

.cogo-top-nav__branding[b-k8l5fmnxvm] {
    display: flex;
    align-items: center;
    min-width: 0;
    flex: 1 1 auto;
    overflow: hidden;
}

.cogo-top-nav__cogo-branding[b-k8l5fmnxvm],
.cogo-top-nav__divider[b-k8l5fmnxvm] {
    flex: 0 0 auto;
}

.cogo-top-nav__divider[b-k8l5fmnxvm] {
    align-self: center;
}

.cogo-top-nav__cogo-branding[b-k8l5fmnxvm] {
    display: flex;
    align-items: center;
}

.cogo-top-nav__cogo-logo[b-k8l5fmnxvm] {
    display: block;
    width: auto;
    height: 24px;
    max-width: 112px;
    object-fit: contain;
}

.cogo-top-nav__custom-branding[b-k8l5fmnxvm] {
    display: flex;
    align-items: center;
    min-width: 0;
    flex: 0 1 auto;
    max-width: 100%;
    overflow: hidden;
}

.cogo-top-nav__custom-brand-image[b-k8l5fmnxvm] {
    display: block;
    width: auto;
    height: auto;
    max-width: 100%;
    max-height: 32px;
    object-fit: contain;
}

.cogo-top-nav__actions[b-k8l5fmnxvm] {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    min-width: max-content;
    flex: 0 0 auto;
    margin-left: auto;
    white-space: nowrap;
}

.cogo-top-nav__actions[b-k8l5fmnxvm]  > * {
    flex-shrink: 0;
}

@media screen and (max-width: 960px) {
    .cogo-top-nav[b-k8l5fmnxvm] {
        gap: 0.5rem;
        padding-inline: 0.5rem;
    }

    .cogo-top-nav__divider[b-k8l5fmnxvm] {
        margin-inline: 0.5rem !important;
    }

    .cogo-top-nav__cogo-logo[b-k8l5fmnxvm] {
        height: 20px;
        max-width: 80px;
    }

    .cogo-top-nav__custom-brand-image[b-k8l5fmnxvm] {
        max-height: 24px;
    }
}