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

/* _content/CoGo.Web/Pages/Account/SignInPage.razor.rz.scp.css */
.sign-in-logo[b-veuvkuea7q] {
    width: 400px;
    margin-top: 2rem;
}
/* _content/CoGo.Web/Pages/Account/UserProfileMenu.razor.rz.scp.css */
.user-profile-menu[b-l9tzkaojq6] {
    display: flex;
    flex-direction: column;
    min-width: 0;
}
/* _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-chart-selection-overlay--no-data[b-1kc3h8ickq] {
    align-items: flex-start;
    background: transparent;
    padding-top: var(--analysis-chart-placeholder-center-y, 50%);
}

.analysis-chart-selection-overlay--no-data[b-1kc3h8ickq]  fluent-label {
    transform: translateY(-50%);
}

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

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

@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) !important;
    --accent-fill-hover: var(--analysis-series-color) !important;
    --accent-fill-active: var(--analysis-series-color) !important;
    --accent-fill-focus: var(--analysis-series-color) !important;
}

.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(auto-fill, minmax(min(18rem, 100%), 1fr));
    width: 100%;
}

.saved-view-card[b-ajn8kyzil3] {
    align-items: stretch;
    background: #ffffff;
    color: inherit;
    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;
    height: 100%;
    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;
    min-width: 0;
}

.saved-view-card-header[b-ajn8kyzil3]  .e-tooltip:has(> .saved-view-card-title) {
    flex: 1 1 auto;
    min-width: 0;
}

.saved-view-card-sensor-badge[b-ajn8kyzil3] {
    flex: 0 0 auto;
    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;
    flex: 0 0 auto;
    gap: 0.25rem;
    margin: -0.55rem -0.55rem 0 0;
}

.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: 760px) {
    .saved-view-card-description[b-ajn8kyzil3] {
        margin-bottom: 0.8rem;
        -webkit-line-clamp: 6;
    }
}

@media (max-width: 520px) {
    .saved-views-card-grid[b-ajn8kyzil3] {
        gap: 0.75rem;
    }

    .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;
}

.required-asterisk[b-8xfbllnc9b] {
    color: var(--cogo-error-red-color);
}
/* _content/CoGo.Web/Pages/Assets/AddAssetDialog.razor.rz.scp.css */
.add-asset-copy-location-action[b-k6tooholo0] {
    bottom: 16px;
    left: 50%;
    position: absolute;
    transform: translateX(-50%);
    z-index: 2;
}

.add-asset-dialog-form[b-k6tooholo0],
.add-asset-location-step[b-k6tooholo0] {
    display: flex;
    flex: 1 1 auto;
    flex-direction: column;
    height: 100%;
    min-height: 0;
}

.add-asset-dialog-wizard[b-k6tooholo0]::part(step-content) {
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
}

.add-asset-dialog-wizard[b-k6tooholo0] {
    display: flex;
    flex: 1 1 auto;
    flex-direction: column;
    height: 100%;
    min-height: 0;
}

.add-asset-dialog-wizard[b-k6tooholo0]::part(content),
.add-asset-dialog-wizard[b-k6tooholo0]::part(step-content) {
    display: flex;
    flex: 1 1 auto;
    flex-direction: column;
    min-height: 0;
}

.add-asset-description-field[b-k6tooholo0]::part(control) {
    min-height: 96px;
}

.add-asset-location-fields[b-k6tooholo0] {
    display: grid;
    flex: 0 0 auto;
    gap: 1rem;
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.add-asset-location-fields[b-k6tooholo0]  .fluent-numeric-field {
    margin-bottom: 0 !important;
    max-width: 100%;
    width: 100%;
}

.add-asset-location-validation[b-k6tooholo0] {
    min-height: 1.75rem;
}

.add-asset-location-validation .form-validation-message[b-k6tooholo0] {
    margin-top: 0.125rem;
}

.add-asset-location-map[b-k6tooholo0] {
    --add-asset-location-map-min-height: 420px;
    flex: 1 1 auto;
    height: 100%;
    min-height: var(--add-asset-location-map-min-height);
    position: relative;
}

.add-asset-location-map[b-k6tooholo0]  .google-map-container,
.add-asset-location-map[b-k6tooholo0]  .google-map {
    min-height: var(--add-asset-location-map-min-height);
}

.add-asset-map-instruction[b-k6tooholo0] {
    align-items: center;
    background-color: rgba(255, 255, 255, 0.94);
    border: 1px solid var(--neutral-stroke-rest);
    border-radius: 999px;
    box-shadow: var(--elevation-shadow-card-rest);
    color: var(--neutral-foreground-rest);
    display: flex;
    font-size: 0.875rem;
    font-weight: 600;
    gap: 0.375rem;
    left: 10px;
    max-width: min(360px, calc(100% - 20px));
    padding: 0.5rem 0.75rem;
    position: absolute;
    top: 10px;
    z-index: 3;
}

.add-asset-summary-content[b-k6tooholo0] {
    display: flex;
    flex: 0 0 auto;
    flex-direction: column;
    gap: 1rem;
}

.add-asset-summary-grid[b-k6tooholo0] {
    display: grid;
    gap: 0.75rem;
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

.add-asset-summary-item[b-k6tooholo0] {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
    min-width: 0;
}

.add-asset-summary-item--wide[b-k6tooholo0] {
    grid-column: 1 / -1;
}

.add-asset-summary-label[b-k6tooholo0] {
    color: var(--neutral-foreground-rest);
    font-size: 0.8125rem;
    font-weight: 600;
}

.add-asset-summary-map[b-k6tooholo0] {
    flex: 0 0 auto;
    overflow: visible;
}

.add-asset-summary-map-frame[b-k6tooholo0] {
    height: 240px;
    min-height: 240px;
    overflow: visible;
}

.add-asset-summary-map-frame[b-k6tooholo0]  .google-map-container,
.add-asset-summary-map-frame[b-k6tooholo0]  .google-map {
    height: 100%;
    max-height: 100%;
    min-height: 0;
}

.add-asset-summary-map-frame[b-k6tooholo0]  .google-map-container {
    overflow: visible;
}

.add-asset-summary-section[b-k6tooholo0] {
    background-color: var(--neutral-layer-2);
    border: 1px solid var(--neutral-stroke-rest);
    border-radius: 12px;
    padding: 1rem;
}

.add-asset-summary-step[b-k6tooholo0] {
    display: flex;
    flex: 1 1 auto;
    flex-direction: column;
    gap: 1rem;
    height: 100%;
    min-height: 0;
    overflow-y: auto;
}

.add-asset-summary-value[b-k6tooholo0] {
    color: var(--neutral-foreground-rest);
    overflow-wrap: break-word;
}

@media (max-width: 768px) {
    .add-asset-dialog-form[b-k6tooholo0],
    .add-asset-dialog-wizard[b-k6tooholo0],
    .add-asset-location-step[b-k6tooholo0] {
        flex: 0 0 auto;
        height: auto;
        min-height: 100%;
    }

    .add-asset-dialog-wizard[b-k6tooholo0]::part(content),
    .add-asset-dialog-wizard[b-k6tooholo0]::part(step-content) {
        flex: 0 0 auto;
        height: auto;
        overflow: visible;
    }

    .add-asset-location-fields[b-k6tooholo0] {
        gap: 0;
        grid-template-columns: 1fr;
    }

    .add-asset-location-map[b-k6tooholo0] {
        --add-asset-location-map-min-height: 320px;
        height: auto;
        min-height: var(--add-asset-location-map-min-height);
    }

    .add-asset-copy-location-action[b-k6tooholo0] {
        bottom: 136px;
        left: auto;
        right: 9px;
        transform: none;
    }

    .add-asset-map-instruction[b-k6tooholo0] {
        border-radius: 12px;
        font-size: 0.75rem;
        left: 9px;
        max-width: calc(100% - 18px);
        padding: 0.375rem 0.5rem;
        right: 9px;
        top: 9px;
    }

    .add-asset-summary-grid[b-k6tooholo0] {
        grid-template-columns: 1fr;
    }

    .add-asset-summary-step[b-k6tooholo0] {
        flex: 0 0 auto;
        height: auto;
        overflow: visible;
        padding-bottom: 5rem;
    }
}

@media (max-height: 900px) {
    .add-asset-dialog-form[b-k6tooholo0],
    .add-asset-dialog-wizard[b-k6tooholo0],
    .add-asset-location-step[b-k6tooholo0] {
        flex: 0 0 auto;
        height: auto;
        min-height: 100%;
    }

    .add-asset-dialog-wizard[b-k6tooholo0]::part(content),
    .add-asset-dialog-wizard[b-k6tooholo0]::part(step-content) {
        flex: 0 0 auto;
        height: auto;
        overflow: visible;
    }

    .add-asset-location-map[b-k6tooholo0] {
        height: auto;
    }
}
/* _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/AssetRiskScoreBreakdown.razor.rz.scp.css */
/* Every row in the surrounding asset card is `px-2`. The headline and the nested block carry the
   same 0.5rem inline end padding, which is what puts the risk score and the two scores under it on
   one right edge; the indent is added on the left only. */
.asset-risk-score-breakdown[b-boophxmsc7] {
    display: flex;
    flex-direction: column;
    min-width: 0;
}

.asset-risk-score-breakdown__headline[b-boophxmsc7] {
    align-items: center;
    display: flex;
    justify-content: space-between;
    padding-inline: 0.5rem;
    width: 100%;
}

.asset-risk-score-breakdown__nested[b-boophxmsc7] {
    display: flex;
    flex-direction: column;
    margin-block-start: 0.375rem;
    min-width: 0;
    padding-inline-end: 0.5rem;
    padding-inline-start: 1.75rem;
}

/* The two scores read as one group hanging off a single rail. The rail wraps only the scores, so
   the prompt below is not fenced in by a line that belongs to them. */
.asset-risk-score-breakdown__scores[b-boophxmsc7] {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
    min-width: 0;
    position: relative;
}

.asset-risk-score-breakdown__scores[b-boophxmsc7]::before {
    background: var(--theme-border-muted-color);
    bottom: 0.625rem;
    content: "";
    inset-inline-start: -0.625rem;
    position: absolute;
    top: 0;
    width: 1px;
}

.asset-risk-score-breakdown__row[b-boophxmsc7] {
    align-items: baseline;
    display: flex;
    gap: 0.5rem;
    justify-content: space-between;
    min-width: 0;
    position: relative;
}

/* Short tick joining each row back to the rail. It starts at the rail and stops 0.25rem short of
   the label, so the line does not run into the text. */
.asset-risk-score-breakdown__row[b-boophxmsc7]::before {
    background: var(--theme-border-muted-color);
    content: "";
    height: 1px;
    inset-inline-start: -0.625rem;
    position: absolute;
    top: 0.625rem;
    width: 0.375rem;
}

.asset-risk-score-breakdown__label[b-boophxmsc7] {
    color: var(--theme-text-muted-color);
    font-size: 0.8125rem;
    line-height: 1.5;
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

/* All three scores are the same element with the same class: a plain button or a plain span,
   never a FluentButton. The web component carries its own colour, weight, padding and minimum
   width inside its shadow root, and overriding those from outside is what left the risk score a
   different colour and weight from the two below it. Here one rule sets all three. */
.asset-risk-score-breakdown__value[b-boophxmsc7] {
    background: none;
    border: 0;
    /* Same size and colour as the label beside it, bolder weight — the label/value pairing the
       rest of the card already uses for Asset Type, Status and the work order. */
    color: var(--theme-text-muted-color);
    flex-shrink: 0;
    font-family: inherit;
    font-size: 0.8125rem;
    font-weight: 700;
    line-height: 1.5;
    margin: 0;
    padding: 0;
    text-align: end;
}

/* The risk score pairs with a FluentLabel, which sets no colour of its own and inherits from the
   card, so the value inherits too. Its size is `typo-subject` plus the `data-card-text` step-down,
   which is exactly what that label and the work order link use. */
.asset-risk-score-breakdown__value--headline[b-boophxmsc7] {
    color: inherit;
    font-size: var(--type-ramp-plus-1-font-size);
    line-height: var(--type-ramp-plus-1-line-height);
}

@media screen and (max-width: 1280px) {
    .asset-risk-score-breakdown__value--headline[b-boophxmsc7] {
        font-size: 14px;
    }
}

/* Clickable values follow the app's `clickable-link` convention — colour is inherited and the
   underline alone carries the affordance — matching the work order link in the same card. */
.asset-risk-score-breakdown__value--interactive[b-boophxmsc7] {
    cursor: pointer;
    text-decoration: underline;
    text-underline-offset: 2px;
}

.asset-risk-score-breakdown__value--interactive:hover[b-boophxmsc7],
.asset-risk-score-breakdown__value--interactive:focus-visible[b-boophxmsc7] {
    text-decoration-thickness: 2px;
}

/* The consequence score with no assessment behind it. The "--" the work item asks for is kept
   exactly as it is and simply stops being styled as though nothing can be done about it, while the
   warning moves off the label and into the column the eye already runs down, hard against the
   value it concerns. The underline comes from `--interactive` above and lands on the placeholder
   only: the icon is a replaced element, so no decoration is drawn under it. */
.asset-risk-score-breakdown__value--unassessed[b-boophxmsc7] {
    align-items: center;
    /* The row aligns on baselines, and a flex container takes its baseline from its first item —
       here the icon, whose baseline is its bottom edge — which would ride the whole value high.
       Centring opts this one item out of baseline alignment instead. */
    align-self: center;
    /* Not muted. Muted is what this card uses for "no value exists and there is nothing to do",
       which is the opposite of what this row means while the assessment is missing. */
    color: var(--theme-text-secondary-color);
    display: inline-flex;
    gap: 0.25rem;
    /* The block padding takes the hit area past the 24px minimum, and the matching negative margin
       keeps that padding out of the row's height, so the two scores stay on the same rhythm.
       Nothing is painted on this box at rest, so the overhang never shows. */
    margin-block: -0.25rem;
    padding-block: 0.25rem;
}

/* The control this replaced signalled keyboard focus with a fill pale enough to be invisible. The
   app has a token for a focus ring and nothing in this component was using it. */
.asset-risk-score-breakdown__value--unassessed:focus-visible[b-boophxmsc7] {
    border-radius: 0.25rem;
    outline: 2px solid var(--theme-focus-ring-color);
    outline-offset: 2px;
}

/* 1rem = 16px. */
.asset-risk-score-breakdown__warning[b-boophxmsc7] {
    background-color: var(--theme-status-warning-pressed-color);
    display: block;
    flex-shrink: 0;
    height: 1rem;
    -webkit-mask: url("/icons/shared/warning.svg") center / contain no-repeat;
    mask: url("/icons/shared/warning.svg") center / contain no-repeat;
    width: 1rem;
}

/* The tooltip renders its own element around the button, so the alignment `--unassessed` sets on
   the button has to move out here to keep the row's baseline rhythm. */
.asset-risk-score-breakdown__row[b-boophxmsc7]  .asset-risk-score-breakdown__assessment-tooltip {
    align-self: center;
    display: inline-flex;
}

/* Same reason: the tooltip element takes the button's place as the flex item, so it has to be
   sized by its content and take its baseline from the value inside it. */
.asset-risk-score-breakdown[b-boophxmsc7]  .asset-risk-score-breakdown__value-tooltip {
    display: inline-flex;
    min-width: 0;
}
/* _content/CoGo.Web/Pages/Assets/AssetRiskScoreCell.razor.rz.scp.css */
.asset-risk-score-cell__prompt[b-yoriib3foq] {
    align-items: center;
    background: none;
    border: 0;
    color: var(--theme-text-secondary-color);
    cursor: pointer;
    display: inline-flex;
    font-family: inherit;
    font-size: inherit;
    font-weight: 600;
    gap: 0.25rem;
    line-height: 1.5;
    margin: 0;
    padding: 0.25rem;
}

.asset-risk-score-cell__prompt-value[b-yoriib3foq] {
    text-decoration: underline;
    text-underline-offset: 2px;
}

.asset-risk-score-cell__prompt:hover .asset-risk-score-cell__prompt-value[b-yoriib3foq],
.asset-risk-score-cell__prompt:focus-visible .asset-risk-score-cell__prompt-value[b-yoriib3foq] {
    text-decoration-thickness: 2px;
}

.asset-risk-score-cell__prompt:focus-visible[b-yoriib3foq] {
    border-radius: 0.25rem;
    outline: 2px solid var(--theme-focus-ring-color);
    outline-offset: 2px;
}

.asset-risk-score-cell__warning[b-yoriib3foq] {
    background-color: var(--theme-status-warning-pressed-color);
    display: block;
    flex-shrink: 0;
    height: 1rem;
    -webkit-mask: url("/icons/shared/warning.svg") center / contain no-repeat;
    mask: url("/icons/shared/warning.svg") center / contain no-repeat;
    width: 1rem;
}
/* _content/CoGo.Web/Pages/Assets/AssetRiskScoreHistoryDialog.razor.rz.scp.css */
[b-b8u2ixhf1d] .asset-risk-score-history-dialog.cogo-large-dialog-shell__body {
    display: flex;
    flex-direction: column;
    overflow: hidden !important;
    padding-bottom: 1rem !important;
    scrollbar-gutter: auto !important;
}

.asset-risk-score-history-dialog__header[b-b8u2ixhf1d] {
    align-items: baseline;
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem 1rem;
    min-width: 0;
}

.asset-risk-score-history-dialog__subtitle[b-b8u2ixhf1d] {
    color: var(--neutral-foreground-hint);
    font-size: 0.95rem;
    line-height: 1.3;
}

.asset-risk-score-history-dialog__content[b-b8u2ixhf1d] {
    display: flex;
    flex-direction: column;
    flex: 1 1 auto;
    gap: 0;
    height: 100%;
    min-height: 0;
    min-width: 0;
}

.asset-risk-score-history-dialog__loading[b-b8u2ixhf1d] {
    align-items: center;
    display: flex;
    justify-content: center;
    min-height: 430px;
}

.asset-risk-score-history-dialog__legend[b-b8u2ixhf1d] {
    align-items: center;
    color: var(--theme-text-muted-color);
    display: flex;
    flex-shrink: 0;
    font-size: 0.8125rem;
    gap: 0.5rem;
    justify-content: center;
    padding-top: 0.5rem;
}

/* Matches the dashed plot line the chart draws at the story's risk score. */
.asset-risk-score-history-dialog__legend-marker[b-b8u2ixhf1d] {
    border-top: 1px dashed var(--theme-chart-risk-score-story-marker-color);
    display: inline-block;
    width: 28px;
}

.asset-risk-score-history-dialog__chart[b-b8u2ixhf1d] {
    flex: 1 1 380px;
    height: 100%;
    min-height: 340px;
    width: 100%;
}

@media (max-width: 768px) {
    .asset-risk-score-history-dialog__content[b-b8u2ixhf1d] {
        min-height: 0;
    }

    .asset-risk-score-history-dialog__loading[b-b8u2ixhf1d] {
        min-height: 320px;
    }

    .asset-risk-score-history-dialog__chart[b-b8u2ixhf1d] {
        min-height: 300px;
    }
}
/* _content/CoGo.Web/Pages/Assets/Assets.razor.rz.scp.css */
.assets-page[b-986b9cxlh9] {
    --assets-page-header-height: 96px;
    --assets-side-pane-width: min(420px, 38vw);

    display: flex;
    flex-direction: column;
    min-height: calc((var(--vh, 1vh) * 100) - var(--top-bar-height));
    background: #ffffff;
    overflow: visible;
}

.assets-page-header[b-986b9cxlh9] {
    align-items: center;
    border-bottom: 1px solid var(--neutral-stroke-divider-rest, #e0e0e0) !important;
    display: flex;
    flex-shrink: 0;
    gap: 1rem;
    height: var(--assets-page-header-height);
    justify-content: space-between;
    min-height: var(--assets-page-header-height);
    z-index: 10;
}

.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: flex-start;
    background: #ffffff;
    display: flex;
    flex: 1 1 auto;
    min-height: 0;
}

.assets-page--side-pane-open .assets-page-content[b-986b9cxlh9] {
    padding-right: var(--assets-side-pane-width);
}

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

.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: visible;
}

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

.assets-grid-shell[b-986b9cxlh9]  .assets-table fluent-data-grid-row.sticky-header {
    top: var(--assets-page-header-height);
}

.assets-grid-shell[b-986b9cxlh9]  .risk-score-column {
    justify-content: center;
    min-width: 160px;
    overflow: visible;
    text-align: center;
}

.assets-grid-shell[b-986b9cxlh9]  .risk-score-column .col-sort-button {
    width: 100%;
}

.assets-grid-shell[b-986b9cxlh9]  .risk-score-column .col-sort-button::part(control) {
    justify-content: center;
    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[b-986b9cxlh9] {
        --assets-page-header-height: 109px;
    }

    .assets-page-header[b-986b9cxlh9] {
        flex-wrap: wrap;
        height: var(--assets-page-header-height);
        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;
    }

    .assets-page--side-pane-open .assets-grid-shell[b-986b9cxlh9]  .assets-table fluent-data-grid-row {
        grid-template-columns: minmax(0, 1.1fr) minmax(0, 1.6fr) 48px !important;
    }

    .assets-page--side-pane-open .assets-grid-shell[b-986b9cxlh9]  .assets-table .hide-on-small {
        display: none;
    }
}

@media screen and (max-width: 960px), screen and (hover: none) and (pointer: coarse) {
    .assets-page--side-pane-open .assets-page-content[b-986b9cxlh9] {
        padding-right: 0;
    }
}

@media (max-width: 768px) {
    .assets-page[b-986b9cxlh9] {
        --assets-page-header-height: 73px;

        min-height: calc((var(--vh, 1vh) * 100) - var(--top-bar-height));
    }

    .assets-page--side-pane-open[b-986b9cxlh9] {
        height: auto;
        min-height: calc((var(--vh, 1vh) * 100) - var(--top-bar-height));
        overflow: visible;
    }

    .assets-page-content[b-986b9cxlh9] {
        display: block;
    }

    .assets-main-content[b-986b9cxlh9] {
        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-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;
    }
}

[b-986b9cxlh9] .assets-page-action-tooltip {
    display: inline-flex;
}
/* _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] {
    animation: slideInRight-b-ofcxwfzt3v 0.2s ease-out;
    background: #ffffff;
    border-left: 1px solid var(--neutral-stroke-divider-rest, #e0e0e0);
    bottom: 0;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    height: auto;
    max-width: 100%;
    min-height: 0;
    overflow: hidden;
    position: fixed;
    right: var(--cogo-shell-scrollbar-width, 0px);
    top: calc(var(--top-bar-height) + var(--assets-page-header-height, 96px));
    width: var(--assets-side-pane-width, min(420px, 38vw));
    z-index: 20;
}

.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;
    -webkit-overflow-scrolling: touch;
    overflow-y: scroll;
    overscroll-behavior: contain;
    padding: 10px 14px 14px;
    scrollbar-gutter: stable;
    touch-action: pan-y;
    flex: 1 1 auto;
    min-height: 0;
}

.out-of-service-assets-pane__content[b-ofcxwfzt3v]::-webkit-scrollbar {
    width: 6px;
}

.out-of-service-assets-pane__content[b-ofcxwfzt3v]::-webkit-scrollbar-track {
    background: transparent;
}

.out-of-service-assets-pane__content[b-ofcxwfzt3v]::-webkit-scrollbar-thumb {
    background: var(--neutral-stroke-rest, #c8c8c8);
    border-radius: 6px;
}

@media screen and (min-width: 961px) {
    .out-of-service-assets-pane__content[b-ofcxwfzt3v] {
        padding-bottom: 14px;
    }
}

.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 screen and (max-width: 960px), screen and (hover: none) and (pointer: coarse) {
    .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(--navigation-menu-mobile-height) + var(--navigation-menu-mobile-safe-area));
        box-shadow: 0 -4px 16px rgba(0, 0, 0, 0.14);
        height: auto;
        left: 0;
        max-height: calc((var(--vh, 1vh) * 100) - var(--top-bar-height) - var(--navigation-menu-mobile-height) - var(--navigation-menu-mobile-safe-area));
        min-height: 0;
        overflow: hidden;
        position: fixed;
        right: 0;
        top: var(--top-bar-height);
        width: 100%;
        z-index: 100;
    }

    .out-of-service-assets-pane__content[b-ofcxwfzt3v] {
        padding-bottom: 14px;
    }
}
/* _content/CoGo.Web/Pages/Assets/StagedChangesPanel.razor.rz.scp.css */
.staged-changes-panel[b-fmgbv56ahe] {
    background: #f5f5f5;
    border-radius: 0;
    margin-bottom: 1rem;
    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;
}

.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/DailyBrief/DailyBrief.razor.rz.scp.css */
.daily-brief-page[b-4i4hwiaa7m] {
    min-height: 100%;
    background: var(--theme-surface-subtle-color);
    color: var(--theme-text-primary-color);
    display: flex;
    flex-direction: column;
}

.daily-brief-page[b-4i4hwiaa7m]::after {
    background: linear-gradient(180deg, color-mix(in srgb, var(--theme-surface-subtle-color) 0%, transparent) 0%, color-mix(in srgb, var(--theme-surface-subtle-color) 88%, transparent) 70%, var(--theme-surface-subtle-color) 100%);
    bottom: 0;
    content: "";
    flex-shrink: 0;
    height: 104px;
    margin-top: -104px;
    pointer-events: none;
    position: sticky;
    z-index: 1;
}

.daily-brief-page__content[b-4i4hwiaa7m] {
    box-sizing: border-box;
    flex-grow: 1;
    margin: 0 auto;
    max-width: 1180px;
    padding: 22px 28px 42px;
    width: 100%;
}

.daily-brief-page__stories[b-4i4hwiaa7m] {
    display: flex;
    flex-direction: column;
    gap: 24px;
}

.daily-brief-page__empty[b-4i4hwiaa7m] {
    align-items: center;
    background: var(--theme-surface-default-color);
    border: 1px solid var(--theme-border-muted-color);
    border-radius: 16px;
    color: var(--theme-text-muted-color);
    display: flex;
    flex-direction: column;
    min-height: 260px;
    justify-content: center;
    padding: 32px;
    text-align: center;
}

.daily-brief-page__empty h2[b-4i4hwiaa7m] {
    color: var(--theme-text-primary-color);
    font-size: 22px;
    font-weight: 700;
    line-height: 1.3;
    margin: 0 0 8px;
}

.daily-brief-page__empty p[b-4i4hwiaa7m] {
    font-size: 16px;
    line-height: 1.5;
    margin: 0;
}

@media (max-width: 768px) {
    .daily-brief-page__content[b-4i4hwiaa7m] {
        padding: 16px;
    }

    .daily-brief-page__stories[b-4i4hwiaa7m] {
        gap: 16px;
    }
}

@media (max-width: 520px) {
    .daily-brief-page__content[b-4i4hwiaa7m] {
        padding: 12px;
    }
}
/* _content/CoGo.Web/Pages/DailyBrief/DailyBriefFeedbackDialog.razor.rz.scp.css */
.daily-brief-feedback-dialog__heading h2[b-iltghloliy] {
    color: var(--theme-text-secondary-color);
    font-size: 20px;
    font-weight: 700;
    line-height: 1.2;
    margin: 0;
}

.daily-brief-feedback-dialog__heading p[b-iltghloliy] {
    color: var(--theme-text-muted-color);
    font-size: 16px;
    font-weight: 400;
    line-height: 1.45;
    margin: 12px 0 0;
}

.daily-brief-feedback-dialog__content[b-iltghloliy] {
    display: flex;
    flex-direction: column;
}

.daily-brief-feedback-dialog__textarea-frame[b-iltghloliy] {
    background: var(--theme-surface-default-color);
    border: 1px solid var(--theme-border-default-color);
    border-radius: 8px;
    box-shadow: none;
    overflow: hidden;
    width: 100%;
}

.daily-brief-feedback-dialog__textarea-frame:focus-within[b-iltghloliy] {
    border-color: var(--theme-action-primary-rest-color);
    box-shadow: 0 0 0 2px color-mix(in srgb, var(--theme-action-primary-rest-color) 20%, transparent);
}

.daily-brief-feedback-dialog__textarea-frame[b-iltghloliy]  textarea,
.daily-brief-feedback-dialog__textarea-frame[b-iltghloliy]  textarea:hover,
.daily-brief-feedback-dialog__textarea-frame[b-iltghloliy]  textarea:focus,
.daily-brief-feedback-dialog__textarea-frame[b-iltghloliy]  textarea:focus-visible {
    border: 0 !important;
    border-color: transparent !important;
    border-bottom-color: transparent !important;
    box-shadow: none !important;
    outline: none !important;
}

.daily-brief-feedback-dialog__textarea-frame[b-iltghloliy]  .daily-brief-feedback-dialog__textarea.e-input-group,
.daily-brief-feedback-dialog__textarea-frame[b-iltghloliy]  .daily-brief-feedback-dialog__textarea.e-control-wrapper,
.daily-brief-feedback-dialog__textarea-frame[b-iltghloliy]  .daily-brief-feedback-dialog__textarea.e-input-focus {
    background: transparent !important;
    border: 0 !important;
    border-width: 0 !important;
    box-shadow: none !important;
    display: block !important;
    width: 100% !important;
}

[b-iltghloliy] .daily-brief-feedback-dialog__textarea.e-input-group,
[b-iltghloliy] .daily-brief-feedback-dialog__textarea.e-control-wrapper {
    background: var(--theme-surface-default-color) !important;
    border: 1px solid var(--theme-border-default-color) !important;
    border-radius: 8px;
    box-shadow: none !important;
}

[b-iltghloliy] .daily-brief-feedback-dialog__textarea.e-input-group.e-input-focus,
[b-iltghloliy] .daily-brief-feedback-dialog__textarea.e-control-wrapper.e-input-focus,
[b-iltghloliy] .daily-brief-feedback-dialog__textarea.e-input-group:focus-within,
[b-iltghloliy] .daily-brief-feedback-dialog__textarea.e-control-wrapper:focus-within {
    border-color: var(--theme-border-default-color) !important;
    box-shadow: 0 0 0 1px color-mix(in srgb, var(--theme-text-disabled-color) 18%, transparent) !important;
}

[b-iltghloliy] .daily-brief-feedback-dialog__textarea.e-input-group::before,
[b-iltghloliy] .daily-brief-feedback-dialog__textarea.e-input-group::after,
[b-iltghloliy] .daily-brief-feedback-dialog__textarea.e-control-wrapper::before,
[b-iltghloliy] .daily-brief-feedback-dialog__textarea.e-control-wrapper::after,
[b-iltghloliy] .daily-brief-feedback-dialog__textarea.e-input-group.e-input-focus::before,
[b-iltghloliy] .daily-brief-feedback-dialog__textarea.e-input-group.e-input-focus::after,
[b-iltghloliy] .daily-brief-feedback-dialog__textarea.e-control-wrapper.e-input-focus::before,
[b-iltghloliy] .daily-brief-feedback-dialog__textarea.e-control-wrapper.e-input-focus::after {
    border-color: transparent !important;
    border-bottom-color: transparent !important;
    box-shadow: none !important;
    content: none !important;
    display: none !important;
    height: 0 !important;
    width: 0 !important;
}

[b-iltghloliy] .daily-brief-feedback-dialog__textarea.e-input-group textarea,
[b-iltghloliy] .daily-brief-feedback-dialog__textarea.e-control-wrapper textarea {
    background: var(--theme-surface-default-color) !important;
    border: 0 !important;
    box-sizing: border-box !important;
    color: var(--theme-text-secondary-color);
    display: block !important;
    /* Focusing adds .e-input-focus to the wrapper, which makes the Syncfusion theme's
       .e-input-group.e-control-wrapper.e-input-focus textarea.e-input more specific
       than this rule. Without !important the metrics below revert to the theme on
       focus and back on blur, and the box visibly resizes. */
    font-size: 16px !important;
    line-height: 1.45 !important;
    min-height: 260px !important;
    padding: 12px 16px !important;
    resize: vertical;
    max-width: none !important;
    width: 100% !important;
}

[b-iltghloliy] textarea.daily-brief-feedback-dialog__textarea {
    background: var(--theme-surface-default-color) !important;
    border: 0 !important;
    border-radius: 8px !important;
    box-sizing: border-box !important;
    color: var(--theme-text-secondary-color);
    display: block !important;
    font-size: 16px;
    line-height: 1.45;
    min-height: 260px;
    padding: 12px 16px;
    resize: vertical;
    max-width: none !important;
    width: 100% !important;
}

[b-iltghloliy] .daily-brief-feedback-dialog__textarea.e-input-group textarea:focus,
[b-iltghloliy] .daily-brief-feedback-dialog__textarea.e-input-group textarea:focus-visible,
[b-iltghloliy] .daily-brief-feedback-dialog__textarea.e-control-wrapper textarea:focus,
[b-iltghloliy] .daily-brief-feedback-dialog__textarea.e-control-wrapper textarea:focus-visible,
[b-iltghloliy] textarea.daily-brief-feedback-dialog__textarea:focus,
[b-iltghloliy] textarea.daily-brief-feedback-dialog__textarea:focus-visible {
    border: 0 !important;
    border-color: var(--theme-border-default-color) !important;
    border-bottom-color: var(--theme-border-default-color) !important;
    box-shadow: none !important;
    outline: none !important;
    padding: 12px 16px !important;
}

[b-iltghloliy] textarea.daily-brief-feedback-dialog__textarea:focus,
[b-iltghloliy] textarea.daily-brief-feedback-dialog__textarea:focus-visible {
    border: 0 !important;
}

[b-iltghloliy] .daily-brief-feedback-dialog__textarea.e-input-group textarea::placeholder,
[b-iltghloliy] .daily-brief-feedback-dialog__textarea.e-control-wrapper textarea::placeholder {
    color: var(--theme-text-disabled-color);
    opacity: 1;
}

@media (max-width: 620px) {
    .daily-brief-feedback-dialog__heading h2[b-iltghloliy] {
        font-size: 18px;
    }

    .daily-brief-feedback-dialog__heading p[b-iltghloliy] {
        font-size: 15px;
    }

    [b-iltghloliy] .daily-brief-feedback-dialog__textarea.e-input-group textarea,
    [b-iltghloliy] .daily-brief-feedback-dialog__textarea.e-control-wrapper textarea {
        min-height: 220px !important;
    }
}
/* _content/CoGo.Web/Pages/DailyBrief/DailyBriefHeader.razor.rz.scp.css */
.daily-brief-header[b-72l3owcx5s] {
    --daily-brief-date-button-min-width: 156px;
    --daily-brief-date-icon-size: 40px;

    align-items: center;
    background: var(--theme-surface-default-color);
    border-bottom: 1px solid var(--theme-border-muted-color);
    display: flex;
    gap: 18px;
    justify-content: space-between;
    padding: 24px 28px 16px;
    position: relative;
    z-index: 2;
}

.daily-brief-header__heading[b-72l3owcx5s] {
    min-width: 0;
}

.daily-brief-header__title--compact[b-72l3owcx5s] {
    display: none;
}

.daily-brief-header__heading h1[b-72l3owcx5s] {
    color: var(--theme-text-primary-color);
    font-size: 20px;
    font-weight: 600;
    line-height: 1.2;
    margin: 0 0 6px;
}

.daily-brief-header__heading p[b-72l3owcx5s] {
    color: var(--theme-text-muted-color);
    font-size: 13px;
    line-height: 1.4;
    margin: 0;
}

.daily-brief-header__date-controls[b-72l3owcx5s] {
    align-items: center;
    display: grid;
    flex: 0 0 auto;
    gap: 6px;
    grid-template-columns: var(--daily-brief-date-icon-size) auto var(--daily-brief-date-icon-size);
}

.daily-brief-header__calendar-wrap[b-72l3owcx5s] {
    position: relative;
}

.daily-brief-header__calendar-backdrop[b-72l3owcx5s] {
    background: transparent;
    bottom: 0;
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 10;
}

.daily-brief-header__calendar-menu[b-72l3owcx5s] {
    background: var(--theme-surface-default-color);
    border: 1px solid color-mix(in srgb, var(--theme-surface-default-color) 92%, transparent);
    border-radius: 12px;
    box-sizing: border-box;
    box-shadow:
        0 0 0 1px color-mix(in srgb, var(--theme-border-default-color) 95%, transparent),
        0 0 0 8px color-mix(in srgb, var(--theme-surface-default-color) 14%, transparent),
        0 18px 42px color-mix(in srgb, var(--theme-text-primary-color) 20%, transparent);
    outline: 1px solid color-mix(in srgb, var(--theme-surface-default-color) 62%, transparent);
    outline-offset: 5px;
    min-height: 303px;
    padding: 12px;
    position: absolute;
    right: 0;
    top: calc(100% + 8px);
    width: min(264px, calc(100vw - 32px));
    z-index: 11;
}

[b-72l3owcx5s] .daily-brief-header__icon-button.e-btn {
    align-items: center;
    background: var(--theme-surface-default-color);
    border: 1px solid var(--theme-border-default-color);
    border-radius: 5px;
    color: var(--theme-action-primary-rest-color);
    display: inline-flex;
    height: var(--daily-brief-date-icon-size);
    justify-content: center;
    min-width: var(--daily-brief-date-icon-size);
    padding: 0;
    width: var(--daily-brief-date-icon-size);
}

[b-72l3owcx5s] .daily-brief-header__icon-button.e-btn:disabled {
    color: var(--theme-text-disabled-color);
    opacity: 1;
}

[b-72l3owcx5s] .daily-brief-header__date-button.e-btn {
    background: var(--theme-surface-default-color);
    border: 1px solid var(--theme-border-default-color);
    border-radius: 5px;
    color: var(--theme-text-secondary-color);
    font-size: 17px;
    font-weight: 500;
    height: 40px;
    min-width: var(--daily-brief-date-button-min-width);
    overflow: hidden;
    padding: 0 12px;
    text-overflow: ellipsis;
    white-space: nowrap;
}

[b-72l3owcx5s] .daily-brief-header__date-button.e-btn:disabled {
    color: var(--theme-text-muted-color);
    opacity: 1;
}

.daily-brief-header__calendar-panel[b-72l3owcx5s] {
    --daily-brief-calendar-cell-size: 30px;
    --daily-brief-calendar-grid-gap: 5px;

    display: flex;
    flex-direction: column;
    width: 100%;
}

.daily-brief-header__calendar-panel-header[b-72l3owcx5s] {
    align-items: center;
    display: flex;
    gap: 8px;
    height: 28px;
    justify-content: space-between;
}

.daily-brief-header__calendar-title[b-72l3owcx5s] {
    color: var(--theme-text-primary-color);
    font-size: 16px;
    font-weight: 700;
    line-height: 1.2;
    min-width: 0;
}

.daily-brief-header__calendar-panel-actions[b-72l3owcx5s] {
    align-items: center;
    display: inline-flex;
    gap: 8px;
}

[b-72l3owcx5s] .daily-brief-header__calendar-nav-button.e-btn {
    align-items: center;
    background: transparent;
    border: 0;
    border-radius: 8px;
    box-shadow: none;
    color: var(--theme-text-muted-color);
    display: inline-flex;
    height: 26px;
    justify-content: center;
    min-width: 26px;
    padding: 0;
    width: 26px;
}

[b-72l3owcx5s] .daily-brief-header__calendar-nav-button.e-btn:hover,
[b-72l3owcx5s] .daily-brief-header__calendar-nav-button.e-btn:focus {
    background: var(--theme-surface-subtle-color);
    color: var(--theme-text-secondary-color);
}

[b-72l3owcx5s] .daily-brief-header__calendar-nav-button.e-btn:disabled,
[b-72l3owcx5s] .daily-brief-header__calendar-nav-button.e-btn.e-disabled {
    background: transparent;
    color: var(--theme-border-default-color);
    opacity: 1;
}

.daily-brief-header__calendar-weekdays[b-72l3owcx5s],
.daily-brief-header__calendar-days[b-72l3owcx5s] {
    display: grid;
    grid-template-columns: repeat(7, var(--daily-brief-calendar-cell-size));
    justify-content: space-between;
}

.daily-brief-header__calendar-weekdays[b-72l3owcx5s] {
    color: var(--theme-text-primary-color);
    font-size: 16px;
    font-weight: 700;
    line-height: 1;
    margin-top: 14px;
}

.daily-brief-header__calendar-weekdays span[b-72l3owcx5s] {
    align-items: center;
    display: inline-flex;
    height: 22px;
    justify-content: center;
    width: var(--daily-brief-calendar-cell-size);
}

.daily-brief-header__calendar-days[b-72l3owcx5s] {
    grid-auto-rows: var(--daily-brief-calendar-cell-size);
    grid-template-rows: repeat(6, var(--daily-brief-calendar-cell-size));
    height: 205px;
    margin-top: 10px;
    row-gap: var(--daily-brief-calendar-grid-gap);
}

[b-72l3owcx5s] .daily-brief-header__calendar-day-button.e-btn {
    align-items: center;
    background: transparent;
    border: 1px solid transparent;
    border-radius: 8px;
    box-shadow: none;
    color: var(--theme-text-muted-color);
    display: inline-flex;
    font-size: 15px;
    font-weight: 400;
    height: var(--daily-brief-calendar-cell-size);
    justify-content: center;
    line-height: 1;
    min-width: var(--daily-brief-calendar-cell-size);
    overflow: visible;
    padding: 0;
    position: relative;
    width: var(--daily-brief-calendar-cell-size);
}

[b-72l3owcx5s] .daily-brief-header__calendar-day-button.e-btn:hover,
[b-72l3owcx5s] .daily-brief-header__calendar-day-button.e-btn:focus {
    box-shadow: none;
}

[b-72l3owcx5s] .daily-brief-header__calendar-day-button--available.e-btn {
    background: var(--theme-surface-default-color);
    border-color: color-mix(in srgb, var(--theme-action-primary-rest-color) 22%, transparent);
    color: var(--theme-text-secondary-color);
}

[b-72l3owcx5s] .daily-brief-header__calendar-day-button--available.e-btn:hover,
[b-72l3owcx5s] .daily-brief-header__calendar-day-button--available.e-btn:focus {
    background: color-mix(in srgb, var(--theme-action-primary-rest-color) 6%, transparent);
    border-color: color-mix(in srgb, var(--theme-action-primary-rest-color) 32%, transparent);
    color: var(--theme-action-primary-rest-color);
}

[b-72l3owcx5s] .daily-brief-header__calendar-day-button--selected.e-btn,
[b-72l3owcx5s] .daily-brief-header__calendar-day-button--selected.e-btn:hover,
[b-72l3owcx5s] .daily-brief-header__calendar-day-button--selected.e-btn:focus {
    background: color-mix(in srgb, var(--theme-action-primary-rest-color) 10%, transparent);
    border-color: color-mix(in srgb, var(--theme-action-primary-rest-color) 28%, transparent);
    color: var(--theme-action-primary-rest-color);
    font-weight: 700;
}

[b-72l3owcx5s] .daily-brief-header__calendar-day-button--unavailable.e-btn,
[b-72l3owcx5s] .daily-brief-header__calendar-day-button--unavailable.e-btn:disabled,
[b-72l3owcx5s] .daily-brief-header__calendar-day-button--unavailable.e-btn.e-disabled {
    background: transparent;
    border-color: transparent;
    color: var(--theme-text-disabled-color);
    cursor: default;
    opacity: 1;
}

[b-72l3owcx5s] .daily-brief-header__calendar-day-button--out-of-month.e-btn {
    color: var(--theme-text-disabled-color);
}

[b-72l3owcx5s] .daily-brief-header__calendar-day-button--unavailable.e-btn::before,
[b-72l3owcx5s] .daily-brief-header__calendar-day-button--out-of-month.e-btn::before {
    border-top: 1px solid var(--theme-border-default-color);
    content: "";
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%) rotate(-45deg);
    width: 22px;
    z-index: 1;
}

[b-72l3owcx5s] .daily-brief-header__calendar-day-button--available.e-btn::before,
[b-72l3owcx5s] .daily-brief-header__calendar-day-button--selected.e-btn::before {
    display: none;
}

[b-72l3owcx5s] .daily-brief-header__calendar-day-number {
    position: relative;
    z-index: 2;
}

[b-72l3owcx5s] .daily-brief-header__calendar-day-severity-dot {
    border-radius: 999px;
    bottom: 3px;
    content: "";
    height: 4px;
    left: 4px;
    position: absolute;
    width: 4px;
    z-index: 3;
}

[b-72l3owcx5s] .daily-brief-header__calendar-day-button--severity-normal .daily-brief-header__calendar-day-severity-dot {
    background: var(--theme-severity-normal-color);
}

[b-72l3owcx5s] .daily-brief-header__calendar-day-button--severity-information .daily-brief-header__calendar-day-severity-dot {
    background: var(--theme-severity-information-color);
}

[b-72l3owcx5s] .daily-brief-header__calendar-day-button--severity-important .daily-brief-header__calendar-day-severity-dot {
    background: var(--theme-severity-important-color);
}

[b-72l3owcx5s] .daily-brief-header__calendar-day-button--severity-critical .daily-brief-header__calendar-day-severity-dot {
    background: var(--theme-severity-critical-color);
    box-shadow: 0 0 0 1px color-mix(in srgb, var(--theme-severity-critical-color) 16%, transparent);
}

[b-72l3owcx5s] .daily-brief-header__calendar-day-button--severity-unknown .daily-brief-header__calendar-day-severity-dot {
    background: var(--theme-severity-unknown-color);
}

@media (max-width: 768px) {
    .daily-brief-header[b-72l3owcx5s] {
        --daily-brief-date-button-min-width: 146px;
        --daily-brief-date-icon-size: 34px;

        flex-wrap: wrap;
        gap: 12px;
        padding: 18px 16px 14px;
    }

    .daily-brief-header__title--full[b-72l3owcx5s],
    .daily-brief-header__heading p[b-72l3owcx5s] {
        display: none;
    }

    .daily-brief-header__title--compact[b-72l3owcx5s] {
        display: inline;
    }

    .daily-brief-header__heading h1[b-72l3owcx5s] {
        margin: 0;
    }

    .daily-brief-header__calendar-wrap[b-72l3owcx5s] {
        flex: 0 0 auto;
    }

    [b-72l3owcx5s] .daily-brief-header__date-button.e-btn {
        font-size: 15px;
        height: var(--daily-brief-date-icon-size);
        min-width: var(--daily-brief-date-button-min-width);
        padding: 0 10px;
    }
}

@media (max-width: 520px) {
    .daily-brief-header__heading h1[b-72l3owcx5s] {
        font-size: 19px;
    }

    .daily-brief-header__calendar-menu[b-72l3owcx5s] {
        left: auto;
        right: 0;
    }
}
/* _content/CoGo.Web/Pages/DailyBrief/DailyBriefSkeletonList.razor.rz.scp.css */
.daily-brief-skeleton-list[b-tscenx0i0w] {
    display: flex;
    flex-direction: column;
    gap: 24px;
}

.daily-brief-skeleton-card[b-tscenx0i0w] {
    background: var(--theme-surface-default-color);
    border: 1px solid var(--theme-border-muted-color);
    border-radius: 16px;
    box-shadow: 0 2px 5px color-mix(in srgb, var(--theme-text-primary-color) 4%, transparent);
    padding: 30px 32px;
}

.daily-brief-skeleton-card__body[b-tscenx0i0w] {
    display: flex;
    flex-direction: column;
    gap: 26px;
}

.daily-brief-skeleton-card__summary[b-tscenx0i0w] {
    align-items: center;
    display: grid;
    gap: 28px;
    grid-template-columns: minmax(0, 1fr) 180px;
}

.daily-brief-skeleton-card__facts[b-tscenx0i0w] {
    background: var(--theme-surface-subtle-color);
    border-radius: 14px;
    display: grid;
    gap: 22px;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    padding: 18px 20px;
}

.daily-brief-skeleton-card__facts > div[b-tscenx0i0w] {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

[b-tscenx0i0w] .daily-brief-skeleton-card__image {
    justify-self: end;
}

@media (max-width: 900px) {
    .daily-brief-skeleton-card__summary[b-tscenx0i0w] {
        grid-template-columns: minmax(0, 1fr) 132px;
    }

    .daily-brief-skeleton-card__facts[b-tscenx0i0w] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 620px) {
    .daily-brief-skeleton-card[b-tscenx0i0w] {
        padding: 20px;
    }

    .daily-brief-skeleton-card__summary[b-tscenx0i0w] {
        grid-template-columns: 1fr;
    }

    [b-tscenx0i0w] .daily-brief-skeleton-card__image {
        justify-self: start;
    }
}
/* _content/CoGo.Web/Pages/DailyBrief/DailyBriefStory.razor.rz.scp.css */
.daily-brief-story[b-qp7od2o91b] {
    --daily-brief-story-media-width: 175px;
    --daily-brief-story-media-height: 176px;
    --daily-brief-story-summary-gap: 28px;

    background: var(--theme-surface-default-color);
    border: 1px solid var(--theme-border-muted-color);
    border-radius: 16px;
    box-shadow: 0 2px 5px color-mix(in srgb, var(--theme-text-primary-color) 4%, transparent);
    padding: 28px 32px 30px;
    position: relative;
}

.daily-brief-story__summary[b-qp7od2o91b] {
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    gap: 8px;
    justify-content: center;
    min-height: var(--daily-brief-story-media-height);
    min-width: 0;
    padding-right: calc(var(--daily-brief-story-media-width) + var(--daily-brief-story-summary-gap));
    position: relative;
}

.daily-brief-story h2[b-qp7od2o91b] {
    color: var(--theme-text-secondary-color);
    font-size: 24px;
    font-weight: 600;
    grid-column: 1;
    grid-row: 1;
    line-height: 1.25;
    margin: 0;
    max-width: none;
}

.daily-brief-story__media[b-qp7od2o91b] {
    align-items: center;
    display: flex;
    height: var(--daily-brief-story-media-height);
    justify-content: center;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    width: var(--daily-brief-story-media-width);
}

.daily-brief-story__image[b-qp7od2o91b] {
    aspect-ratio: 175 / 176;
    display: block;
    height: var(--daily-brief-story-media-height);
    max-width: 100%;
    object-fit: contain;
    object-position: center;
    width: var(--daily-brief-story-media-width);
}

.daily-brief-story__media .daily-brief-story__image[b-qp7od2o91b] {
    height: 100%;
    width: 100%;
}

.daily-brief-story__summary > .daily-brief-story__image[b-qp7od2o91b] {
    align-self: center;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
}

.daily-brief-story__asset-info[b-qp7od2o91b] {
    grid-column: 1;
    grid-row: 2;
    width: 100%;
}

.daily-brief-story--without-image[b-qp7od2o91b] {
    --daily-brief-story-media-width: 0px;
    --daily-brief-story-summary-gap: 0px;
}

.daily-brief-story--without-image .daily-brief-story__summary[b-qp7od2o91b] {
    min-height: 0;
    padding-right: 0;
}

.daily-brief-story__findings[b-qp7od2o91b] {
    border-top: 1px solid var(--theme-border-muted-color);
    margin-top: 28px;
}

.daily-brief-story__finding[b-qp7od2o91b] {
    align-items: start;
    border-bottom: 1px solid var(--theme-border-muted-color);
    display: grid;
    gap: 28px;
    grid-template-columns: 190px minmax(0, 1fr);
    padding: 10px 0 12px;
}

.daily-brief-story__finding-label[b-qp7od2o91b] {
    color: var(--theme-text-primary-color);
    font-size: 15px;
    font-weight: 700;
    line-height: 1.35;
}

.daily-brief-story__finding-text[b-qp7od2o91b] {
    color: var(--theme-text-muted-color);
    font-size: 15px;
    line-height: 1.38;
    margin: 0;
}

.daily-brief-story__finding-text[b-qp7od2o91b]  p {
    line-height: inherit;
    margin: 0;
}

.daily-brief-story__finding-text[b-qp7od2o91b]  :first-child {
    margin-top: 0;
}

.daily-brief-story__finding-text[b-qp7od2o91b]  :last-child {
    margin-bottom: 0;
}

.daily-brief-story__actions[b-qp7od2o91b] {
    align-items: center;
    border-top: 1px solid var(--theme-border-muted-color);
    display: grid;
    gap: 16px;
    grid-template-columns: minmax(0, 1fr);
    justify-items: stretch;
    margin-top: 16px;
    max-width: 100%;
    padding-top: 8px;
    width: calc(100% - var(--daily-brief-story-media-width) - var(--daily-brief-story-summary-gap));
}

.daily-brief-story__actions--expanded[b-qp7od2o91b] {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.daily-brief-story__findings + .daily-brief-story__actions[b-qp7od2o91b] {
    border-top: 0;
    margin-top: 0;
    padding-top: 14px;
}

[b-qp7od2o91b] .daily-brief-story__toggle.e-btn,
[b-qp7od2o91b] .daily-brief-story__feedback.e-btn {
    align-items: center;
    border-radius: 6px;
    display: inline-flex;
    font-size: 14px;
    font-weight: 600;
    height: 36px;
    justify-content: center;
    width: 100%;
}

[b-qp7od2o91b] .daily-brief-story__toggle.e-btn {
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    color: var(--theme-text-secondary-color) !important;
    max-width: none;
    transition: color 120ms ease;
}

[b-qp7od2o91b] .daily-brief-story__toggle.e-btn:focus,
[b-qp7od2o91b] .daily-brief-story__toggle.e-btn:active,
[b-qp7od2o91b] .daily-brief-story__toggle.e-btn.e-active,
[b-qp7od2o91b] .daily-brief-story__toggle.e-btn.e-focused {
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    color: var(--theme-text-secondary-color) !important;
}

[b-qp7od2o91b] .daily-brief-story__toggle.e-btn:focus-visible {
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    color: var(--theme-text-secondary-color) !important;
    outline: 2px solid var(--theme-focus-ring-color) !important;
    outline-offset: 2px !important;
}

[b-qp7od2o91b] .daily-brief-story__toggle.e-btn:hover:not(:active) {
    background: color-mix(in srgb, var(--theme-action-primary-rest-color) 4.5%, transparent) !important;
    border: 0 !important;
    box-shadow: none !important;
    color: var(--theme-action-primary-rest-color) !important;
}

[b-qp7od2o91b] .daily-brief-story__toggle.e-btn .e-btn-icon {
    color: var(--theme-focus-ring-color) !important;
}

[b-qp7od2o91b] .daily-brief-story__toggle.e-btn .e-ripple-element,
[b-qp7od2o91b] .daily-brief-story__toggle.e-btn .e-ripple-container,
[b-qp7od2o91b] .daily-brief-story__toggle.e-btn .e-ripple {
    background: transparent !important;
    display: none !important;
    opacity: 0 !important;
}

[b-qp7od2o91b] .daily-brief-story__feedback.e-btn {
    background: var(--theme-action-primary-rest-color) !important;
    background-color: var(--theme-action-primary-rest-color) !important;
    border-color: var(--theme-action-primary-rest-color) !important;
    box-shadow: none !important;
    color: var(--theme-text-inverse-color) !important;
    max-width: none;
}

[b-qp7od2o91b] .daily-brief-story__feedback.e-btn:hover,
[b-qp7od2o91b] .daily-brief-story__feedback.e-btn:focus {
    background: var(--theme-action-primary-emphasis-color) !important;
    background-color: var(--theme-action-primary-emphasis-color) !important;
    border-color: var(--theme-action-primary-emphasis-color) !important;
    color: var(--theme-text-inverse-color) !important;
}

[b-qp7od2o91b] .daily-brief-story__feedback.e-btn:focus-visible {
    box-shadow: none !important;
    outline: 2px solid var(--theme-focus-ring-color) !important;
    outline-offset: 2px !important;
}

[b-qp7od2o91b] .daily-brief-story__feedback.e-btn .e-btn-icon {
    color: var(--theme-text-inverse-color) !important;
}

.daily-brief-story__feedback-success[b-qp7od2o91b] {
    color: var(--cogo-brand-green-color);
    font-size: 15px;
    font-weight: 600;
}

@media (max-width: 900px) {
    .daily-brief-story[b-qp7od2o91b] {
        --daily-brief-story-media-width: 140px;
        --daily-brief-story-media-height: 141px;
        --daily-brief-story-summary-gap: 18px;

        padding: 24px 22px 26px;
    }

    .daily-brief-story h2[b-qp7od2o91b] {
        font-size: 22px;
    }

    .daily-brief-story__finding[b-qp7od2o91b] {
        gap: 18px;
        grid-template-columns: 150px minmax(0, 1fr);
    }
}

@media (max-width: 620px) {
    .daily-brief-story[b-qp7od2o91b] {
        --daily-brief-story-media-width: 84px;
        --daily-brief-story-media-height: 84px;
        --daily-brief-story-summary-gap: 10px;

        border-radius: 12px;
        padding: 18px 20px 20px;
    }

    .daily-brief-story__summary[b-qp7od2o91b] {
        align-items: start;
        display: grid;
        gap: 14px var(--daily-brief-story-summary-gap);
        grid-template-columns: minmax(0, 1fr) var(--daily-brief-story-media-width);
        justify-content: normal;
        min-height: 0;
        padding-right: 0;
    }

    .daily-brief-story h2[b-qp7od2o91b] {
        font-size: 19px;
        grid-column: 1;
        grid-row: 1;
    }

    .daily-brief-story__media[b-qp7od2o91b],
    .daily-brief-story__summary > .daily-brief-story__image[b-qp7od2o91b] {
        align-self: start;
        grid-column: 2;
        grid-row: 1;
        justify-self: end;
        position: static;
        right: auto;
        top: auto;
        transform: none;
    }

    .daily-brief-story__asset-info[b-qp7od2o91b] {
        grid-column: 1 / -1;
        grid-row: 2;
    }

    .daily-brief-story__finding[b-qp7od2o91b] {
        grid-template-columns: 1fr;
        gap: 8px;
    }

    .daily-brief-story__actions[b-qp7od2o91b] {
        gap: 12px;
        justify-items: stretch;
        width: 100%;
    }

    .daily-brief-story__actions--expanded[b-qp7od2o91b] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    [b-qp7od2o91b] .daily-brief-story__toggle.e-btn,
    [b-qp7od2o91b] .daily-brief-story__feedback.e-btn {
        max-width: none;
    }
}
/* _content/CoGo.Web/Pages/DailyBrief/DailyBriefStoryAssetInfo.razor.rz.scp.css */
.daily-brief-story-asset-info[b-yle3nk6qj5] {
    width: 100%;
}

.daily-brief-story-asset-info__facts[b-yle3nk6qj5] {
    align-items: center;
    background: var(--theme-surface-subtle-color);
    border-radius: 16px;
    display: grid;
    gap: 22px;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    min-height: 88px;
    padding: 16px 20px;
}

.daily-brief-story-asset-info__fact[b-yle3nk6qj5] {
    display: flex;
    flex-direction: column;
    gap: 6px;
    min-width: 0;
}

.daily-brief-story-asset-info__fact span[b-yle3nk6qj5] {
    color: var(--theme-text-disabled-color);
    font-size: 15px;
    line-height: 1.2;
}

.daily-brief-story-asset-info__fact strong[b-yle3nk6qj5] {
    color: var(--theme-text-secondary-color);
    font-size: 15px;
    font-weight: 500;
    line-height: 1.35;
    overflow-wrap: anywhere;
}

/* .clickable-link forces a single truncated line; the asset number must keep wrapping inside its fact cell. */
[b-yle3nk6qj5] .daily-brief-story-asset-info__asset-link {
    overflow-wrap: anywhere;
    white-space: normal;
}

/* An asset with no risk score on the day the story covers. Muted rather than the accent colour the
   scored value uses, so it does not read as a link when there is nothing to open. */
[b-yle3nk6qj5] .daily-brief-story-asset-info__risk-score-empty {
    color: var(--theme-text-muted-color);
}

.daily-brief-story-asset-info__severity[b-yle3nk6qj5] {
    align-items: center;
    border: 1px solid transparent;
    border-radius: 8px;
    box-shadow: 0 1px 2px color-mix(in srgb, var(--theme-text-primary-color) 8%, transparent);
    display: inline-flex;
    font-size: 13px !important;
    font-weight: 700 !important;
    line-height: 1.2 !important;
    padding: 4px 9px;
    width: max-content;
}

.daily-brief-story-asset-info__severity--normal[b-yle3nk6qj5] {
    background: var(--theme-severity-normal-bg);
    border-color: var(--theme-severity-normal-border);
    color: var(--theme-severity-normal-fg) !important;
}

.daily-brief-story-asset-info__severity--information[b-yle3nk6qj5] {
    background: var(--theme-severity-information-bg);
    border-color: var(--theme-severity-information-border);
    color: var(--theme-severity-information-fg) !important;
}

.daily-brief-story-asset-info__severity--important[b-yle3nk6qj5] {
    background: var(--theme-severity-important-bg);
    border-color: var(--theme-severity-important-border);
    color: var(--theme-severity-important-fg) !important;
}

.daily-brief-story-asset-info__severity--critical[b-yle3nk6qj5] {
    background: var(--theme-severity-critical-bg);
    border-color: var(--theme-severity-critical-border);
    color: var(--theme-severity-critical-fg) !important;
}

.daily-brief-story-asset-info__severity--unknown[b-yle3nk6qj5] {
    background: var(--theme-severity-unknown-bg);
    border-color: var(--theme-severity-unknown-border);
    color: var(--theme-severity-unknown-fg) !important;
}

@media (max-width: 900px) {
    .daily-brief-story-asset-info__facts[b-yle3nk6qj5] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 620px) {
    .daily-brief-story-asset-info__facts[b-yle3nk6qj5] {
        border-radius: 12px;
        gap: 16px;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        width: 100%;
    }
}
/* _content/CoGo.Web/Pages/Devices/Cards/AlarmZonesPreview.razor.rz.scp.css */
/* Legend colours follow the sensor details chart: high threshold rgba(214,39,40), low threshold
   rgba(31,119,180), and an amber delta series. The chart itself is drawn by
   wwwroot/js/alarmZonesPreviewChart.js, which repeats these values. */
.alarm-zones-preview[b-evm6480j0a] {
    --azp-high-color: rgb(214, 39, 40);
    --azp-low-color: rgb(31, 119, 180);
    /* The delta series colour the sensor details chart uses (SensorChartDataBuilder.cs). */
    --azp-delta-color: #D97706;
    width: 100%;
    margin-top: 12px;
}

.azp-head[b-evm6480j0a] {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    gap: 8px;
    margin-bottom: 4px;
}

.azp-title[b-evm6480j0a] {
    font-size: 0.75rem;
    font-weight: 600;
    color: var(--theme-text-primary-color);
}

.azp-window[b-evm6480j0a] {
    font-size: 0.6875rem;
    color: var(--theme-text-secondary-color);
}

/* The container adds the border around the SVG's natural height and clips its corner radius. */
.azp-chart[b-evm6480j0a] {
    width: 100%;
    /* Reserve space before rendering; the SVG supplies the height once the legend is laid out. */
    min-height: 90px;
    border: 1px solid var(--theme-border-muted-color);
    border-radius: 4px;
    overflow: hidden;
}

/* The chart's DOM is built by the script, so this needs ::deep to reach it. An SVG is inline
   replaced content: left inline it sits on a text baseline, so the container's automatic height
   comes out shorter than the SVG and overflow: hidden cuts the legend off at the bottom. */
.azp-chart[b-evm6480j0a]  svg {
    display: block;
}

/* Nothing to compare against, so the whole preview reads as inert: the heading dims with it, and
   the reason lives on the reference sensor control rather than in the chart's space. */
.azp-unavailable[b-evm6480j0a] {
    opacity: 0.45;
}

.azp-chart-empty[b-evm6480j0a] {
    background-color: var(--theme-surface-muted-color);
}

.azp-note[b-evm6480j0a] {
    display: flex;
    align-items: center;
    min-height: 68px;
    padding: 8px;
    border: 1px dashed var(--theme-border-muted-color);
    border-radius: 4px;
    font-size: 0.75rem;
    color: var(--theme-text-secondary-color);
}

.azp-note-loading[b-evm6480j0a] {
    background-color: var(--theme-surface-muted-color);
    border-style: solid;
}
/* _content/CoGo.Web/Pages/Devices/Cards/GatewayLinkedSensorsTable.razor.rz.scp.css */
.linked-sensors-table[b-0hjug4z7c3] {
    --linked-sensors-table-status-offset: 26px;
    display: flex;
    flex-direction: column;
    gap: 12px;
    margin-block: 12px;
}

.linked-sensors-table__header[b-0hjug4z7c3] {
    display: flex;
    flex-wrap: wrap;
    align-items: baseline;
    gap: 8px;
}

.linked-sensors-table__title[b-0hjug4z7c3] {
    margin: 0;
    font-size: 1.125rem;
    font-weight: 600;
    color: var(--theme-text-primary-color);
}

.linked-sensors-table__count[b-0hjug4z7c3] {
    color: var(--theme-text-muted-color);
}

/* Fluent UI's reboot.css gives every table a 1rem bottom margin, which pads SfGrid's header and body tables. */
[b-0hjug4z7c3] .e-grid .e-table {
    margin-bottom: 0;
}

/* Syncfusion's grid theme clips and scrolls its content area, which cuts off the thumbnail hover preview on the last rows. */
[b-0hjug4z7c3] .e-grid .e-gridcontent,
[b-0hjug4z7c3] .e-grid .e-gridcontent .e-content {
    overflow: visible;
}

[b-0hjug4z7c3] .linked-sensors-table__reading--offline {
    color: var(--theme-text-disabled-color);
}

[b-0hjug4z7c3] .linked-sensors-table__device-link {
    flex: 0 1 auto;
    min-width: 0;
    width: auto;
}

[b-0hjug4z7c3] .linked-sensors-table__device-name {
    display: block;
    overflow: hidden;
    font-weight: 500;
    text-overflow: ellipsis;
    white-space: nowrap;
}

[b-0hjug4z7c3] .linked-sensors-table__empty {
    color: var(--theme-text-muted-color);
}

[b-0hjug4z7c3] .linked-sensors-table__status {
    display: flex;
    align-items: center;
    gap: 6px;
    padding-inline-start: var(--linked-sensors-table-status-offset);
}

[b-0hjug4z7c3] .linked-sensors-table__status-header {
    padding-inline-start: var(--linked-sensors-table-status-offset);
}

[b-0hjug4z7c3] .linked-sensors-table__status:has(.linked-sensors-table__inactive-icon) {
    padding-inline-start: 0;
}

[b-0hjug4z7c3] .linked-sensors-table__inactive-icon {
    display: inline-block;
    width: 20px;
    height: 20px;
    background-color: var(--theme-text-primary-color);
    -webkit-mask: url("/images/icons/sensor-inactive.svg") center / contain no-repeat;
    mask: url("/images/icons/sensor-inactive.svg") center / contain no-repeat;
}

@media screen and (max-width: 960px) {
    /* SfGrid writes each column's desktop percentage as an inline width, so only !important lets the visible columns share the row. */
    [b-0hjug4z7c3] .e-grid .e-table colgroup col {
        width: auto !important;
    }
}
/* _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-delta-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;
}

.delta-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);
}

.alarm-condition-help[b-hg3ne3wb9e] {
    margin-bottom: 2px;
    font-size: 0.75rem;
    color: var(--theme-text-secondary-color);
}

@media (max-width: 768px) {
    .temperature-alarm-sections.has-delta-temperature-alarms[b-hg3ne3wb9e] {
        grid-template-columns: minmax(0, 1fr);
        row-gap: 20px;
    }

    .temperature-alarm-section-divider[b-hg3ne3wb9e] {
        width: 100%;
        height: 1px;
    }
}
/* _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/AlarmBadge.razor.rz.scp.css */
/* Only the values Tailwind's scale does not carry stay here: the 1px border (Preflight is
   omitted, so border-* utilities are unreliable) and the Figma-specific radius, type metrics
   and asymmetric padding. Everything structural moved to tw: utilities on the markup. */
.alarm-badge[b-zjg4h07pzm] {
    border: 1px solid var(--theme-border-muted-color, #e7e8e9);
    border-radius: calc(5px * var(--home-right-panel-geometry-scale, 1));
    font-size: calc(13px * var(--home-right-panel-type-scale, 1));
    line-height: calc(18px * var(--home-right-panel-type-scale, 1));
    padding: 0 calc(7px * var(--home-right-panel-geometry-scale, 1)) 0 calc(4px * var(--home-right-panel-geometry-scale, 1));
}

.alarm-badge__glyph[b-zjg4h07pzm] {
    flex: 0 0 calc(15px * var(--home-right-panel-geometry-scale, 1));
    height: calc(15px * var(--home-right-panel-geometry-scale, 1));
    width: calc(15px * var(--home-right-panel-geometry-scale, 1));
}
/* _content/CoGo.Web/Pages/Home/AlarmDetailsCard.razor.rz.scp.css */
[b-qkrs3c2uws] .alarm-details-card__button--clear.e-btn {
    /* Not tw: utilities: the mobile media query below restyles these, and Tailwind's layered
       !important would beat it. */
    font-size: calc(1rem * var(--home-right-panel-type-scale, 1));
    line-height: calc(1.5rem * var(--home-right-panel-type-scale, 1));
}

[b-qkrs3c2uws] .alarm-details-card__button--clear .alarm-details-card__button-content {
    justify-content: center;
}

[b-qkrs3c2uws] .alarm-details-card__button--view.e-btn {
    font-size: calc(1rem * var(--home-right-panel-type-scale, 1));
    line-height: calc(1.5rem * var(--home-right-panel-type-scale, 1));
}

[b-qkrs3c2uws] .alarm-details-card__button-content {
    align-items: center;
    display: flex;
    justify-content: space-between;
    width: 100%;
}

[b-qkrs3c2uws] .alarm-details-card__button-icon {
    background: currentColor;
    display: block;
    flex: 0 0 calc(1.25rem * var(--home-right-panel-geometry-scale, 1));
    height: calc(1.25rem * var(--home-right-panel-geometry-scale, 1));
    -webkit-mask: url("/images/home/gateway-details/arrow-right-up.svg") center / contain no-repeat;
    mask: url("/images/home/gateway-details/arrow-right-up.svg") center / contain no-repeat;
    width: calc(1.25rem * var(--home-right-panel-geometry-scale, 1));
}

.alarm-details-card[b-qkrs3c2uws] {
    /* Border, gap and padding live here, not in Tailwind: its utilities are !important
       inside a cascade layer, which unlayered scoped CSS cannot override, so the mobile
       media query below could not restyle them. */
    border: 0;
    border-bottom: 1px solid var(--theme-border-default-color);
    gap: calc(0.75rem * var(--home-right-panel-geometry-scale, 1));
    padding: 0 calc(1.25rem * var(--home-right-panel-geometry-scale, 1)) calc(0.25rem * var(--home-right-panel-geometry-scale, 1));
}

.alarm-details-card__actions[b-qkrs3c2uws] {
    align-items: stretch;
    align-self: stretch;
    display: flex;
    flex-direction: column;
    gap: calc(4px * var(--home-right-panel-geometry-scale, 1));
    justify-content: flex-start;
}

.alarm-details-card__primary-actions[b-qkrs3c2uws] {
    display: grid;
    gap: calc(8px * var(--home-right-panel-geometry-scale, 1));
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.alarm-details-card__metric-card--desktop[b-qkrs3c2uws] {
    display: flex;
    flex-direction: column;
}

.alarm-details-card__metric-card--mobile[b-qkrs3c2uws] {
    display: none;
}

@media (max-width: 600px) {
    .alarm-details-card[b-qkrs3c2uws] {
        background: var(--theme-surface-default-color);
        border: 1px solid var(--theme-border-muted-color);
        border-radius: 20px;
        box-shadow: 0 25px 50px -12px rgb(0 0 0 / 0.25);
        box-sizing: border-box;
        gap: 12px;
        margin: 12px auto;
        max-width: 350px;
        overflow: hidden;
        padding: 0 20px 12px;
        width: calc(100% - 32px);
    }

    .alarm-details-card[b-qkrs3c2uws]::before {
        background: var(--theme-border-muted-color);
        border-radius: 32px;
        content: "";
        display: block;
        height: 4px;
        margin: 8px auto -4px;
        width: 43px;
    }

    .alarm-details-card__actions[b-qkrs3c2uws] {
        gap: 8px;
    }

    .alarm-details-card__metric-card--desktop[b-qkrs3c2uws] {
        display: none;
    }

    .alarm-details-card__metric-card--mobile[b-qkrs3c2uws] {
        align-items: flex-start;
        background-color: var(--theme-surface-subtle-color);
        border-radius: 12px;
        display: grid;
        gap: 8px;
        grid-template-columns: minmax(0, 1fr) minmax(0, 1.25fr) minmax(0, 0.85fr);
        padding: 12px !important;
        width: 100%;
    }

    .alarm-details-card__metric[b-qkrs3c2uws] {
        align-items: flex-start;
        display: flex;
        flex-direction: column;
        gap: 4px;
        min-width: 0;
    }

    .alarm-details-card__metric-label[b-qkrs3c2uws] {
        color: var(--theme-text-secondary-color);
        font-size: 12px;
        line-height: 18px;
    }

    .alarm-details-card__metric-value[b-qkrs3c2uws] {
        color: var(--theme-text-primary-color);
        font-size: 14px;
        font-weight: 500;
        line-height: 20px;
        max-width: 100%;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    [b-qkrs3c2uws] .alarm-details-card__button.e-btn {
        border-radius: 12px;
        box-shadow: none;
        font-size: 14px;
        font-weight: 500;
        height: 48px;
        line-height: 20px;
    }
}
/* _content/CoGo.Web/Pages/Home/AssetDetailsCard.razor.rz.scp.css */
.asset-details-card[b-dv30y4zid6] {
    /* Border, gap and padding live here, not in Tailwind: its utilities are !important
       inside a cascade layer, which unlayered scoped CSS cannot override, so the mobile
       media query below could not restyle them. */
    border: 0;
    border-bottom: 1px solid var(--theme-border-default-color);
    gap: calc(0.75rem * var(--home-right-panel-geometry-scale, 1));
    padding: 0 calc(1.25rem * var(--home-right-panel-geometry-scale, 1)) calc(0.25rem * var(--home-right-panel-geometry-scale, 1));
}

.asset-details-card__actions[b-dv30y4zid6] {
    align-items: stretch;
    align-self: stretch;
    display: flex;
    flex-direction: column;
    gap: calc(4px * var(--home-right-panel-geometry-scale, 1));
    justify-content: flex-start;
}

.asset-details-card__metric-card--desktop[b-dv30y4zid6] {
    display: flex;
    flex-direction: column;
}

.asset-details-card__metric-card--mobile[b-dv30y4zid6] {
    display: none;
}

[b-dv30y4zid6] .asset-details-card__button.e-btn {
    align-items: center;
    background-color: var(--theme-surface-default-color);
    border: 1px solid var(--theme-border-default-color);
    border-radius: calc(0.75rem * var(--home-right-panel-geometry-scale, 1));
    color: var(--theme-text-secondary-color);
    display: flex;
    font-size: calc(1rem * var(--home-right-panel-type-scale, 1));
    font-weight: 500;
    height: calc(3rem * var(--home-right-panel-geometry-scale, 1));
    justify-content: center;
    line-height: calc(1.5rem * var(--home-right-panel-type-scale, 1));
    padding: 0 calc(1rem * var(--home-right-panel-geometry-scale, 1));
    width: 100%;
}

[b-dv30y4zid6] .asset-details-card__button-content {
    align-items: center;
    display: flex;
    justify-content: space-between;
    width: 100%;
}

[b-dv30y4zid6] .asset-details-card__button-icon {
    display: block;
    flex: 0 0 calc(1.25rem * var(--home-right-panel-geometry-scale, 1));
    height: calc(1.25rem * var(--home-right-panel-geometry-scale, 1));
    width: calc(1.25rem * var(--home-right-panel-geometry-scale, 1));
}

@media (max-width: 600px) {
    .asset-details-card[b-dv30y4zid6] {
        background: var(--theme-surface-default-color);
        border: 1px solid var(--theme-border-muted-color);
        border-radius: 20px;
        box-shadow: 0 25px 50px -12px rgb(0 0 0 / 0.25);
        box-sizing: border-box;
        gap: 12px;
        margin: 12px auto;
        max-width: 350px;
        overflow: hidden;
        padding: 0 20px 20px;
        width: calc(100% - 32px);
    }

    .asset-details-card[b-dv30y4zid6]::before {
        background: var(--theme-border-muted-color);
        border-radius: 32px;
        content: "";
        display: block;
        height: 4px;
        margin: 8px auto -4px;
        width: 43px;
    }

    .asset-details-card__actions[b-dv30y4zid6] {
        align-items: center;
        flex-direction: row;
        gap: 8px;
    }

    .asset-details-card__metric-card--desktop[b-dv30y4zid6] {
        display: none;
    }

    .asset-details-card__metric-card--mobile[b-dv30y4zid6] {
        align-items: flex-start;
        background-color: var(--theme-surface-subtle-color);
        border-radius: 12px;
        display: grid;
        gap: 8px;
        grid-template-columns: minmax(0, 1.45fr) repeat(2, minmax(0, 1fr));
        padding: 12px !important;
        width: 100%;
    }

    .asset-details-card__metric[b-dv30y4zid6] {
        align-items: flex-start;
        display: flex;
        flex-direction: column;
        gap: 4px;
        min-width: 0;
    }

    .asset-details-card__metric-label[b-dv30y4zid6] {
        color: var(--theme-text-secondary-color);
        font-size: 12px;
        line-height: 18px;
    }

    .asset-details-card__metric-value[b-dv30y4zid6] {
        color: var(--theme-text-primary-color);
        font-size: 14px;
        font-weight: 500;
        line-height: 20px;
        max-width: 100%;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    [b-dv30y4zid6] .asset-details-card__button.e-btn {
        border-radius: 12px;
        box-shadow: none;
        font-size: 14px;
        font-weight: 500;
        height: 48px;
        line-height: 20px;
    }

    [b-dv30y4zid6] .asset-details-card__button--view.e-btn {
        flex: 1 1 0;
        min-width: 0;
        width: auto;
    }
}
/* _content/CoGo.Web/Pages/Home/ClearAlarmPanel.razor.rz.scp.css */
.clear-alarm-panel[b-55wz6r0npn]  .clear-alarm-panel__button.e-btn {
    height: calc(38px * var(--home-right-panel-geometry-scale, 1));
}

.clear-alarm-panel[b-55wz6r0npn]  .clear-alarm-panel__select {
    border-radius: calc(4px * var(--home-right-panel-geometry-scale, 1));
    height: calc(34px * var(--home-right-panel-geometry-scale, 1));
}

.clear-alarm-panel[b-55wz6r0npn]  .e-input-group.e-control-wrapper {
    background: var(--theme-surface-default-color);
    border: 1px solid var(--theme-border-muted-color);
    border-radius: calc(4px * var(--home-right-panel-geometry-scale, 1));
    box-shadow: 0 1px 2px rgb(0 0 0 / 0.05);
    height: calc(36px * var(--home-right-panel-geometry-scale, 1));
}

.clear-alarm-panel[b-55wz6r0npn]  .e-input-group.e-control-wrapper::before,
.clear-alarm-panel[b-55wz6r0npn]  .e-input-group.e-control-wrapper::after {
    display: none;
}

.clear-alarm-panel[b-55wz6r0npn]  .e-input-group.e-control-wrapper.valid,
.clear-alarm-panel[b-55wz6r0npn]  .e-input-group.e-control-wrapper.e-success,
.clear-alarm-panel[b-55wz6r0npn]  .e-input-group.e-control-wrapper.e-valid-input:not(.e-disabled),
.clear-alarm-panel[b-55wz6r0npn]  .e-input-group.e-control-wrapper.e-input-focus {
    border-color: var(--theme-action-primary-rest-color);
}

.clear-alarm-panel[b-55wz6r0npn]  .e-input-group.e-control-wrapper.valid .e-input,
.clear-alarm-panel[b-55wz6r0npn]  .e-input-group.e-control-wrapper.e-success .e-input {
    color: var(--theme-text-primary-color);
}

.clear-alarm-panel[b-55wz6r0npn]  .e-input-group.e-control-wrapper .e-input {
    color: var(--theme-text-primary-color);
    font-size: calc(14px * var(--home-right-panel-type-scale, 1));
    line-height: calc(20px * var(--home-right-panel-type-scale, 1));
    padding: 0 calc(12px * var(--home-right-panel-geometry-scale, 1));
}

.clear-alarm-panel[b-55wz6r0npn]  .e-input-group.e-control-wrapper .e-input::placeholder {
    color: var(--theme-text-disabled-color);
}

.clear-alarm-panel[b-55wz6r0npn]  .e-input-group.e-control-wrapper.e-disabled {
    background: var(--theme-surface-muted-color);
    border-color: var(--theme-border-default-color);
}

.clear-alarm-panel[b-55wz6r0npn]  .e-input-group.e-control-wrapper.e-disabled .e-input {
    -webkit-text-fill-color: var(--theme-text-disabled-color);
    color: var(--theme-text-disabled-color);
}

.clear-alarm-panel[b-55wz6r0npn]  .e-multi-line-input.e-input-group.e-control-wrapper {
    border-color: var(--theme-border-default-color);
    height: calc(224px * var(--home-right-panel-geometry-scale, 1));
}

.clear-alarm-panel[b-55wz6r0npn]  .e-multi-line-input .e-textarea.e-input {
    height: 100%;
    padding: calc(8px * var(--home-right-panel-geometry-scale, 1)) calc(12px * var(--home-right-panel-geometry-scale, 1));
    resize: none;
}

.clear-alarm-panel[b-55wz6r0npn]  .e-radio + label .e-label {
    color: var(--theme-text-primary-color);
}

.clear-alarm-panel[b-55wz6r0npn]  .e-radio:checked + label::before {
    border-color: var(--theme-action-primary-rest-color);
}

.clear-alarm-panel[b-55wz6r0npn]  .e-radio:checked + label::after {
    background-color: var(--theme-action-primary-rest-color);
}
/* _content/CoGo.Web/Pages/Home/GatewayDetailsCard.razor.rz.scp.css */
.gateway-details-card[b-7f0bt28saw] {
    /* Border, gap and padding live here, not in Tailwind: its utilities are !important
       inside a cascade layer, which unlayered scoped CSS cannot override, so the mobile
       media query below could not restyle them. */
    border: 0;
    border-bottom: 1px solid var(--theme-border-default-color);
    gap: calc(0.75rem * var(--home-right-panel-geometry-scale, 1));
    padding: 0 calc(1.25rem * var(--home-right-panel-geometry-scale, 1)) calc(0.25rem * var(--home-right-panel-geometry-scale, 1));
}

/* Not tw: utilities: the mobile media query below restyles these, and Tailwind's layered
   !important would beat it. */
[b-7f0bt28saw] .gateway-details-card__button.e-btn {
    font-size: calc(1rem * var(--home-right-panel-type-scale, 1));
    line-height: calc(1.5rem * var(--home-right-panel-type-scale, 1));
}

.gateway-details-card__actions[b-7f0bt28saw] {
    align-items: stretch;
    align-self: stretch;
    display: flex;
    flex-direction: column;
    gap: calc(4px * var(--home-right-panel-geometry-scale, 1));
    justify-content: flex-start;
}

.gateway-details-card__metric-card--desktop[b-7f0bt28saw] {
    display: flex;
    flex-direction: column;
}

.gateway-details-card__metric-card--mobile[b-7f0bt28saw] {
    display: none;
}

@media (max-width: 600px) {
    .gateway-details-card[b-7f0bt28saw] {
        background: var(--theme-surface-default-color);
        border: 1px solid var(--theme-border-muted-color);
        border-radius: 20px;
        box-shadow: 0 25px 50px -12px rgb(0 0 0 / 0.25);
        box-sizing: border-box;
        gap: 12px;
        margin: 12px auto;
        max-width: 350px;
        overflow: hidden;
        padding: 0 20px 20px;
        width: calc(100% - 32px);
    }

    .gateway-details-card[b-7f0bt28saw]::before {
        background: var(--theme-border-muted-color);
        border-radius: 32px;
        content: "";
        display: block;
        height: 4px;
        margin: 8px auto -4px;
        width: 43px;
    }

    .gateway-details-card__actions[b-7f0bt28saw] {
        align-items: center;
        flex-direction: row;
        gap: 8px;
    }

    .gateway-details-card__metric-card--desktop[b-7f0bt28saw] {
        display: none;
    }

    .gateway-details-card__metric-card--mobile[b-7f0bt28saw] {
        align-items: flex-start;
        background-color: var(--theme-surface-subtle-color);
        border-radius: 12px;
        display: grid;
        gap: 8px;
        grid-template-columns: minmax(0, 1.45fr) repeat(2, minmax(0, 1fr));
        padding: 12px !important;
        width: 100%;
    }

    .gateway-details-card__metric[b-7f0bt28saw] {
        align-items: flex-start;
        display: flex;
        flex-direction: column;
        gap: 4px;
        min-width: 0;
    }

    .gateway-details-card__metric-label[b-7f0bt28saw] {
        color: var(--theme-text-secondary-color);
        font-size: 12px;
        line-height: 18px;
    }

    .gateway-details-card__metric-value[b-7f0bt28saw] {
        color: var(--theme-text-primary-color);
        font-size: 14px;
        font-weight: 500;
        line-height: 20px;
        max-width: 100%;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    [b-7f0bt28saw] .gateway-details-card__button.e-btn {
        border-radius: 12px;
        box-shadow: none;
        font-size: 14px;
        font-weight: 500;
        height: 48px;
        line-height: 20px;
    }

    [b-7f0bt28saw] .gateway-details-card__button--view.e-btn {
        flex: 1 1 0;
        min-width: 0;
    }
}
/* _content/CoGo.Web/Pages/Home/HomeAlarmFreeLanding.razor.rz.scp.css */
.home-alarm-free-landing__icon img[b-a4uqi33o0r] {
    display: block;
    height: 4rem;
    width: 4rem;
}

.home-alarm-free-landing__title[b-a4uqi33o0r] {
    color: var(--theme-text-secondary-color);
    font-size: 24px;
    font-weight: 600;
    line-height: 32px;
    margin: 1.5rem 0 0;
    text-align: center;
}
/* _content/CoGo.Web/Pages/Home/HomeChatPane.razor.rz.scp.css */
.home-chat-pane[b-pfs20wvwfq] {
    --arma-chat-border-color: var(--theme-border-default-color);
    --arma-chat-error-color: var(--theme-status-danger-color);
    --arma-chat-muted-color: var(--neutral-foreground-hint);
    --arma-chat-subtle-color: var(--theme-surface-subtle-color);
    --arma-chat-surface-color: var(--theme-surface-default-color);
    --arma-chat-text-color: var(--theme-text-primary-color);
}

.home-chat-pane__history-dialog[b-pfs20wvwfq] {
    box-shadow: 0 10px 24px color-mix(in srgb, var(--brand-primary-color) 10%, transparent);
}

.home-chat-pane__history-search input[b-pfs20wvwfq] {
    background: var(--arma-chat-surface-color);
    border: 1px solid var(--arma-chat-border-color);
    border-radius: 8px;
    color: var(--arma-chat-text-color);
    padding: 0.75rem 0.875rem;
    width: 100%;
}

.home-chat-pane__history-search input:focus[b-pfs20wvwfq] {
    border-color: var(--accent-fill-rest);
    box-shadow: 0 0 0 3px color-mix(in srgb, var(--brand-primary-color) 16%, transparent);
    outline: none;
}

.home-chat-pane__history-search input[type="search"][b-pfs20wvwfq]::-webkit-search-cancel-button {
    -webkit-appearance: none;
    appearance: none;
    background-color: var(--brand-primary-color);
    cursor: pointer;
    height: 14px;
    -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M4.28 3.22a.75.75 0 0 0-1.06 1.06L6.94 8l-3.72 3.72a.75.75 0 1 0 1.06 1.06L8 9.06l3.72 3.72a.75.75 0 1 0 1.06-1.06L9.06 8l3.72-3.72a.75.75 0 0 0-1.06-1.06L8 6.94z'/%3E%3C/svg%3E") center / contain no-repeat;
    mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M4.28 3.22a.75.75 0 0 0-1.06 1.06L6.94 8l-3.72 3.72a.75.75 0 1 0 1.06 1.06L8 9.06l3.72 3.72a.75.75 0 1 0 1.06-1.06L9.06 8l3.72-3.72a.75.75 0 0 0-1.06-1.06L8 6.94z'/%3E%3C/svg%3E") center / contain no-repeat;
    width: 14px;
}

.home-chat-pane__history-search input[type="search"][b-pfs20wvwfq]::-webkit-search-cancel-button:hover {
    background-color: var(--accent-fill-rest);
}

.home-chat-pane__history-search input[b-pfs20wvwfq]::placeholder {
    color: var(--arma-chat-muted-color);
}

.home-chat-pane[b-pfs20wvwfq]  .home-chat-pane__header-button {
    align-items: center;
    background: transparent !important;
    border: 1px solid transparent !important;
    border-radius: 8px;
    box-shadow: none !important;
    color: var(--brand-primary-color) !important;
    cursor: pointer;
    display: inline-flex !important;
    flex: 0 0 auto;
    height: 34px !important;
    justify-content: center;
    line-height: 1;
    min-height: 34px !important;
    min-width: 34px !important;
    padding: 0 !important;
    text-transform: none;
    transition: background-color 0.2s ease, color 0.2s ease, border-color 0.2s ease;
    width: 34px !important;
}

.home-chat-pane[b-pfs20wvwfq]  .home-chat-pane__header-button:hover:not(:disabled),
.home-chat-pane[b-pfs20wvwfq]  .home-chat-pane__header-button:focus-visible {
    background: var(--theme-surface-hover-color) !important;
    border-color: color-mix(in srgb, var(--brand-primary-color) 10%, transparent) !important;
    color: var(--accent-fill-rest) !important;
}

.home-chat-pane[b-pfs20wvwfq]  .home-chat-pane__header-button:hover:not(:disabled) svg,
.home-chat-pane[b-pfs20wvwfq]  .home-chat-pane__header-button:focus-visible svg,
.home-chat-pane[b-pfs20wvwfq]  .home-chat-pane__header-button:hover:not(:disabled) svg path,
.home-chat-pane[b-pfs20wvwfq]  .home-chat-pane__header-button:focus-visible svg path {
    color: var(--accent-fill-rest) !important;
    fill: currentColor !important;
}

.home-chat-pane[b-pfs20wvwfq]  .home-chat-pane__header-button:disabled,
.home-chat-pane[b-pfs20wvwfq]  .home-chat-pane__header-button.e-disabled {
    cursor: not-allowed;
    opacity: 0.45;
}

.home-chat-pane__composer-region[b-pfs20wvwfq]  .chat-input--lumi {
    margin: 0;
    width: auto;
}

@media (prefers-reduced-motion: reduce) {
    .home-chat-pane[b-pfs20wvwfq]  .home-chat-pane__header-button {
        transition: none;
    }
}
/* _content/CoGo.Web/Pages/Home/HomeDetailCardHeader.razor.rz.scp.css */
.home-detail-card-header[b-twunjnm839] {
    align-items: flex-end;
    display: inline-flex;
    flex: 0 0 auto;
    min-width: 0;
    padding-top: calc(1.25rem * var(--home-right-panel-geometry-scale, 1));
    width: 100%;
}

.home-detail-card-header__content[b-twunjnm839] {
    align-items: flex-end;
    display: flex;
    flex: 1 1 0;
    justify-content: space-between;
    min-width: 0;
    width: 100%;
}

.home-detail-card-header__eyebrow[b-twunjnm839] {
    align-self: stretch;
    color: var(--theme-text-muted-color);
    font-size: calc(0.75rem * var(--home-right-panel-type-scale, 1));
    font-weight: 400;
    line-height: calc(1rem * var(--home-right-panel-type-scale, 1));
    text-transform: uppercase;
}

.home-detail-card-header__image[b-twunjnm839] {
    display: block;
    height: 100%;
    object-fit: contain;
    width: 100%;
}

/* ::deep because SfButton renders this element, so it does not carry this component's scope
   attribute. Paired with .e-btn to outrank the vendor theme's own button rules. */
.home-detail-card-header[b-twunjnm839]  .home-detail-card-header__image-frame.e-btn {
    align-items: center;
    background: var(--theme-surface-subtle-color);
    border: 0;
    border-radius: calc(0.5rem * var(--home-right-panel-geometry-scale, 1));
    box-shadow: none;
    color: inherit;
    cursor: pointer;
    display: flex;
    flex: 0 0 calc(5rem * var(--home-right-panel-geometry-scale, 1));
    font: inherit;
    height: calc(5rem * var(--home-right-panel-geometry-scale, 1));
    justify-content: center;
    line-height: normal;
    min-width: 0;
    overflow: hidden;
    padding: 0;
    position: relative;
    text-align: inherit;
    text-transform: none;
    width: calc(5rem * var(--home-right-panel-geometry-scale, 1));
}

.home-detail-card-header[b-twunjnm839]  .home-detail-card-header__image-button.e-btn:disabled {
    background: var(--theme-surface-subtle-color);
    cursor: default;
    opacity: 1;
    pointer-events: none;
}

.home-detail-card-header[b-twunjnm839]  .home-detail-card-header__image-button.e-btn:focus-visible {
    outline: 2px solid var(--theme-action-primary-rest-color);
    outline-offset: 2px;
}

.home-detail-card-header[b-twunjnm839]  .home-detail-card-header__image-button.e-btn:hover:not(:disabled) .home-detail-card-header__photo-badge {
    background: var(--theme-action-primary-rest-color);
}

.home-detail-card-header__image-region[b-twunjnm839] {
    align-items: flex-start;
    display: flex;
    flex: 0 0 auto;
    justify-content: flex-start;
}

.home-detail-card-header__photo-badge[b-twunjnm839] {
    align-items: center;
    background: var(--theme-text-muted-color);
    border-radius: calc(0.375rem * var(--home-right-panel-geometry-scale, 1));
    box-sizing: border-box;
    color: var(--theme-text-inverse-color);
    display: flex;
    font-size: calc(0.75rem * var(--home-right-panel-type-scale, 1));
    height: calc(1.25rem * var(--home-right-panel-geometry-scale, 1));
    justify-content: center;
    line-height: 1;
    pointer-events: none;
    position: absolute;
    right: calc(0.25rem * var(--home-right-panel-geometry-scale, 1));
    top: calc(0.25rem * var(--home-right-panel-geometry-scale, 1));
    width: calc(1.25rem * var(--home-right-panel-geometry-scale, 1));
}

.home-detail-card-header__photo-badge--empty[b-twunjnm839] {
    display: none;
}

.home-detail-card-header__title[b-twunjnm839] {
    color: var(--theme-text-secondary-color);
    font-size: calc(1.875rem * var(--home-right-panel-type-scale, 1));
    font-weight: 700;
    line-height: calc(2.5rem * var(--home-right-panel-type-scale, 1));
    margin: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%;
}

.home-detail-card-header__title-group[b-twunjnm839] {
    align-items: flex-start;
    display: flex;
    flex: 1 1 0;
    flex-direction: column;
    gap: calc(0.25rem * var(--home-right-panel-geometry-scale, 1));
    justify-content: flex-end;
    min-width: 0;
}

.home-detail-card-header__title-region[b-twunjnm839] {
    align-items: flex-end;
    display: flex;
    flex: 1 1 0;
    justify-content: flex-start;
    min-width: 0;
}

@media (max-width: 600px) {
    .home-detail-card-header[b-twunjnm839] {
        flex: 0 0 64px;
        height: 64px;
        padding-top: 4px;
    }

    .home-detail-card-header__content[b-twunjnm839],
    .home-detail-card-header__title-region[b-twunjnm839] {
        height: 64px;
    }

    .home-detail-card-header__eyebrow[b-twunjnm839] {
        line-height: 18px;
    }

    .home-detail-card-header[b-twunjnm839]  .home-detail-card-header__image-frame.e-btn {
        border-radius: 8px;
        flex-basis: 64px;
        height: 64px;
        width: 64px;
    }

    .home-detail-card-header__photo-badge[b-twunjnm839] {
        border-radius: 5px;
        font-size: 11px;
        height: 18px;
        right: 3px;
        top: 3px;
        width: 18px;
    }

    .home-detail-card-header__title[b-twunjnm839] {
        font-size: 24px;
        line-height: 32px;
    }
}
/* _content/CoGo.Web/Pages/Home/HomeImagePreloader.razor.rz.scp.css */
/* Off-screen rather than display:none so the browser is guaranteed to fetch and decode
   each image while the element stays out of layout, out of the a11y tree, and untabbable. */
.home-image-preloader[b-ifve2rl6lt] {
    clip-path: inset(50%);
    height: 1px;
    overflow: hidden;
    pointer-events: none;
    position: absolute;
    width: 1px;
}
/* _content/CoGo.Web/Pages/Home/HomeInvestigateButton.razor.rz.scp.css */
.home-investigate-button[b-5cughaaw4m] {
    display: flex;
    flex: 0 0 auto;
    justify-content: center;
}

[b-5cughaaw4m] .home-investigate-button__button.e-btn {
    align-items: center;
    background-color: transparent;
    border: 1px solid transparent;
    border-radius: calc(8px * var(--home-right-panel-geometry-scale, 1));
    box-shadow: none;
    color: var(--theme-action-primary-rest-color);
    display: flex;
    font-size: calc(14px * var(--home-right-panel-type-scale, 1));
    font-weight: 500;
    height: calc(30px * var(--home-right-panel-geometry-scale, 1));
    justify-content: center;
    line-height: calc(16px * var(--home-right-panel-type-scale, 1));
    padding: 0 calc(14px * var(--home-right-panel-geometry-scale, 1));
    text-transform: none;
    width: auto;
}

[b-5cughaaw4m] .home-investigate-button__button.e-btn:active,
[b-5cughaaw4m] .home-investigate-button__button.e-btn:disabled,
[b-5cughaaw4m] .home-investigate-button__button.e-btn:focus,
[b-5cughaaw4m] .home-investigate-button__button.e-btn:hover {
    background-color: transparent;
    box-shadow: none;
    color: var(--theme-action-primary-rest-color);
}

[b-5cughaaw4m] .home-investigate-button__button.e-btn:disabled {
    opacity: 0.5;
}

[b-5cughaaw4m] .home-investigate-button__button.e-btn:focus-visible {
    outline: 2px solid var(--theme-action-primary-rest-color);
    outline-offset: 2px;
}

[b-5cughaaw4m] .home-investigate-button__content {
    align-items: center;
    display: flex;
    gap: calc(8px * var(--home-right-panel-geometry-scale, 1));
    justify-content: center;
}

[b-5cughaaw4m] .home-investigate-button__icon {
    background: var(--theme-text-disabled-color);
    display: block;
    flex: 0 0 calc(18px * var(--home-right-panel-geometry-scale, 1));
    height: calc(18px * var(--home-right-panel-geometry-scale, 1));
    -webkit-mask: url("/images/home/sparkle.svg") center / contain no-repeat;
    mask: url("/images/home/sparkle.svg") center / contain no-repeat;
    width: calc(18px * var(--home-right-panel-geometry-scale, 1));
}
/* _content/CoGo.Web/Pages/Home/HomeInvestigateFooter.razor.rz.scp.css */
[b-9xbzfr894g] .home-investigate-footer__button.e-btn {
    align-items: center;
    border-radius: 0.75rem;
    display: flex;
    font-size: 1rem;
    font-weight: 500;
    height: 3rem;
    justify-content: center;
    line-height: 1.5rem;
    opacity: 1;
    padding: 0 1rem;
    text-transform: none;
    width: 100%;
}

[b-9xbzfr894g] .home-investigate-footer__button--resolve.e-btn {
    background-color: var(--theme-action-primary-rest-color);
    border: 0;
    color: var(--theme-text-inverse-color);
}

[b-9xbzfr894g] .home-investigate-footer__button--back.e-btn {
    background-color: var(--theme-surface-default-color);
    border: 1px solid var(--theme-border-default-color);
    color: var(--theme-text-secondary-color);
}

[b-9xbzfr894g] .home-investigate-footer__button-content {
    align-items: center;
    display: flex;
    justify-content: space-between;
    width: 100%;
}

[b-9xbzfr894g] .home-investigate-footer__button-icon {
    background: currentColor;
    display: block;
    flex: 0 0 1.25rem;
    height: 1.25rem;
    -webkit-mask: url("/images/home/gateway-details/arrow-right-up.svg") center / contain no-repeat;
    mask: url("/images/home/gateway-details/arrow-right-up.svg") center / contain no-repeat;
    width: 1.25rem;
}

@media (max-width: 600px) {
    [b-9xbzfr894g] .home-investigate-footer__button.e-btn {
        border-radius: 12px;
        box-shadow: none;
        font-size: 14px;
        height: 48px;
        line-height: 20px;
    }
}
/* _content/CoGo.Web/Pages/Home/HomeMenuBar.razor.rz.scp.css */
.home-menu-bar-container[b-mmu6hiodjr]  .home-menu-bar {
    --home-menu-bar-primary-color: var(--brand-primary-color, var(--accent-fill-rest, #220055));
    --home-menu-bar-surface-color: var(--theme-surface-default-color, #ffffff);
    --home-menu-bar-surface-subtle-color: var(--theme-surface-subtle-color, #fafafb);
    --home-menu-bar-text-color: var(--theme-text-muted-color, var(--neutral-foreground-hint, #71747a));
    --home-menu-bar-text-strong-color: var(--theme-text-secondary-color, var(--neutral-foreground-rest, #3f4349));
    align-items: stretch;
    background: var(--home-menu-bar-surface-color);
    /* SfAppBar ships a drop shadow, a bottom border, padding and its own border radius.
       Overridden here rather than with Tailwind utilities: shadow-none and border-b-0
       resolve --tw-* properties that Preflight registers, and this project omits Preflight. */
    border: 0;
    border-radius: 0;
    box-shadow: none;
    display: flex;
    flex: 0 0 3rem;
    height: 3rem;
    justify-content: space-between;
    min-height: 3rem;
    padding: 0;
    position: relative;
    width: 100%;
}

.home-menu-bar__tabs[b-mmu6hiodjr] {
    align-items: stretch;
    display: flex;
    flex: 1 1 auto;
    min-width: 0;
    overflow-x: auto;
    overflow-y: hidden;
    padding: 0 1.25rem;
    scrollbar-width: none;
}

.home-menu-bar__tabs[b-mmu6hiodjr]::-webkit-scrollbar {
    display: none;
}

.home-menu-bar-container[b-mmu6hiodjr]  .home-menu-bar__tab.e-btn {
    align-items: center;
    /* Full bar height so the active tab's bottom border lands on the bar's bottom edge. */
    align-self: stretch;
    background: transparent;
    height: 100%;
    border: 0;
    border-bottom: 0.125rem solid transparent;
    border-radius: 0;
    box-shadow: none;
    color: var(--home-menu-bar-text-color);
    cursor: pointer;
    display: flex;
    flex: 0 0 auto;
    font-family: var(--brand-font-family, "Inter", "Segoe UI", Arial, sans-serif);
    font-size: 0.875rem;
    font-weight: 500;
    gap: 0.5rem;
    justify-content: center;
    line-height: 1.25rem;
    min-width: 0;
    padding: 0 0.75rem;
    text-transform: none;
}

.home-menu-bar-container[b-mmu6hiodjr]  .home-menu-bar__tab.e-btn:hover,
.home-menu-bar-container[b-mmu6hiodjr]  .home-menu-bar__tab.e-btn:focus {
    background: transparent;
    color: var(--home-menu-bar-primary-color);
}

.home-menu-bar-container[b-mmu6hiodjr]  .home-menu-bar__tab--active.e-btn,
.home-menu-bar-container[b-mmu6hiodjr]  .home-menu-bar__tab--active.e-btn:hover,
.home-menu-bar-container[b-mmu6hiodjr]  .home-menu-bar__tab--active.e-btn:focus {
    background: transparent;
    border-bottom-color: var(--home-menu-bar-primary-color);
    color: var(--home-menu-bar-primary-color);
    font-weight: 700;
}

.home-menu-bar__badge[b-mmu6hiodjr] {
    align-items: center;
    background: var(--home-menu-bar-surface-subtle-color);
    border-radius: 0.125rem;
    color: var(--home-menu-bar-text-strong-color);
    display: inline-flex;
    font-size: 0.625rem;
    font-weight: 500;
    height: 1.125rem;
    justify-content: center;
    line-height: 0.875rem;
    min-width: 1.125rem;
    padding: 0 0.375rem;
}

/* Sits inside the pill, so it must not add an inline baseline gap. */
[b-mmu6hiodjr] .home-menu-bar__badge-skeleton {
    display: block;
}

.home-menu-bar__actions[b-mmu6hiodjr] {
    align-items: center;
    display: flex;
    flex: 0 0 auto;
}

.home-menu-bar-container[b-mmu6hiodjr]  .home-menu-bar__panel-toggle.e-btn {
    align-items: center;
    background: transparent;
    border: 0;
    border-radius: 0;
    box-shadow: none;
    color: var(--theme-text-disabled-color, var(--neutral-foreground-hint, #a2a4a9));
    cursor: pointer;
    display: flex;
    flex: 0 0 3rem;
    justify-content: center;
    padding: 0;
}

.home-menu-bar-container[b-mmu6hiodjr]  .home-menu-bar__panel-toggle.e-btn:hover,
.home-menu-bar-container[b-mmu6hiodjr]  .home-menu-bar__panel-toggle.e-btn:focus {
    background: transparent;
    color: var(--home-menu-bar-primary-color);
}

.home-menu-bar-container[b-mmu6hiodjr]  .home-menu-bar__panel-toggle.e-btn:focus-visible {
    outline: 0.125rem solid var(--home-menu-bar-primary-color);
    outline-offset: -0.25rem;
}

.home-menu-bar__panel-toggle-icon[b-mmu6hiodjr] {
    background: currentColor;
    display: block;
    height: 1rem;
    -webkit-mask: url("/images/home/panel-toggle.svg") center / contain no-repeat;
    mask: url("/images/home/panel-toggle.svg") center / contain no-repeat;
    width: 1rem;
}

@media (max-width: 600px) {
    .home-menu-bar-container[b-mmu6hiodjr]  .home-menu-bar {
        flex-basis: 2.75rem;
        height: 2.75rem;
        min-height: 2.75rem;
    }

    .home-menu-bar__tabs[b-mmu6hiodjr] {
        padding: 0 0.5rem;
    }

    .home-menu-bar-container[b-mmu6hiodjr]  .home-menu-bar__tab.e-btn {
        font-size: 0.8125rem;
        gap: 0.375rem;
        line-height: 1.125rem;
        padding: 0 0.625rem;
    }

    .home-menu-bar__badge[b-mmu6hiodjr] {
        height: 1rem;
        min-width: 1rem;
        padding: 0 0.3125rem;
    }

    .home-menu-bar__actions[b-mmu6hiodjr] {
        display: none;
    }
}
/* _content/CoGo.Web/Pages/Home/HomeMobileActionBar.razor.rz.scp.css */
.home-mobile-action-bar[b-1o4d8hdqhu] {
    display: none;
}

@media (max-width: 600px) {
    .home-mobile-action-bar[b-1o4d8hdqhu] {
        box-sizing: border-box;
        display: grid;
        gap: 0.5rem;
        grid-template-columns: minmax(0, 1fr) 5.5rem;
        height: 3rem;
        padding: 0 1.5rem;
        width: 100%;
    }

    .home-mobile-action-bar__button-content[b-1o4d8hdqhu],
    .home-mobile-action-bar__list-content[b-1o4d8hdqhu] {
        align-items: center;
        display: flex;
        width: 100%;
    }

    .home-mobile-action-bar__button-content[b-1o4d8hdqhu] {
        justify-content: space-between;
    }

    .home-mobile-action-bar__button-icon[b-1o4d8hdqhu] {
        display: block;
        flex: 0 0 1.25rem;
        height: 1.25rem;
        width: 1.25rem;
    }

    .home-mobile-action-bar__list-content[b-1o4d8hdqhu] {
        gap: 0.5rem;
        justify-content: center;
    }

    .home-mobile-action-bar__list-icon[b-1o4d8hdqhu] {
        display: block;
        flex: 0 0 1.25rem;
        height: 1.75rem;
        width: 1.25rem;
    }

    [b-1o4d8hdqhu] .home-mobile-action-bar__button.e-btn {
        align-items: center;
        border-radius: 0.75rem;
        box-shadow: none;
        display: flex;
        font-size: 0.875rem;
        font-weight: 500;
        height: 3rem;
        line-height: 1.25rem;
        min-width: 0;
        padding: 0 1rem;
        text-transform: none;
        width: 100%;
    }

    [b-1o4d8hdqhu] .home-mobile-action-bar__button--list.e-btn {
        background: var(--theme-surface-default-color);
        border: 1px solid var(--theme-border-default-color);
        color: var(--theme-text-secondary-color);
    }

    [b-1o4d8hdqhu] .home-mobile-action-bar__button--primary.e-btn,
    [b-1o4d8hdqhu] .home-mobile-action-bar__button--primary.e-btn:disabled {
        background: var(--theme-action-primary-rest-color);
        border: 1px solid var(--theme-action-primary-rest-color);
        color: var(--theme-text-inverse-color);
        opacity: 1;
    }
}
/* _content/CoGo.Web/Pages/Home/HomeMobileAlarmDeck.razor.rz.scp.css */
/* Syncfusion's carousel sizes its track and items at height: 100%, which collapses inside a
   block-level parent. Every override below is undoing a generated default that conflicts with
   Figma, in the same spirit as the ListView overrides elsewhere on this branch. */

/* Widened by the per-item gutter below so the gap between cards comes from outside the
   card, leaving its width exactly as it was before the deck existed. */
.home-mobile-alarm-deck[b-ziy51xxdxu] {
    margin: 0 -0.5rem;
    width: auto;
}

.home-mobile-alarm-deck[b-ziy51xxdxu]  .e-carousel {
    background: transparent;
    height: auto;
}

.home-mobile-alarm-deck[b-ziy51xxdxu]  .e-carousel .e-carousel-items {
    /* flex-end, not stretch: it pins every card's bottom edge to the same line, so the
       card cannot drift vertically if items ever differ in height. */
    align-items: flex-end;
    background: transparent;
    height: auto;
    transition-duration: 180ms;
    transition-timing-function: ease;
}

.home-mobile-alarm-deck[b-ziy51xxdxu]  .e-carousel .e-carousel-items .e-carousel-item {
    /* border-box is set explicitly: Syncfusion sizes each item at
       calc(100% / var(--carousel-items-count)), so content-box padding would widen the
       item and break the track math. */
    /* transparent so only the card paints; the map shows through around its rounded
       corners and outside its width. */
    background: transparent;
    box-sizing: border-box;
    height: auto;
    /* visible so the card's Figma drop shadow is not clipped by the item box; the track
       itself keeps overflow: hidden so neighbouring cards stay off screen. */
    overflow: visible;
    /* 1rem gap between adjacent cards. Matched by the deck's negative margin above, so
       it does not eat into the card's width. Tune both together. */
    padding: 0 0.5rem;
}

/* The incoming card scales and fades up as the track settles, matching the Figma enter. */
.home-mobile-alarm-deck[b-ziy51xxdxu]  .e-carousel .e-carousel-item.e-active > * {
    animation: home-mobile-alarm-deck-enter-b-ziy51xxdxu 180ms ease both;
}

/* Out-of-window filler. It must contribute NO height: the track is height: auto, so a
   placeholder taller than the real card (Index.razor.css fixes cards at 238px) would set
   the track height and leave the card floating above the track's bottom edge. Because the
   render window follows SelectedIndex, which items are filler changes on each swipe, so
   that showed up as the card changing vertical position from one swipe to the next. The
   selected card and both neighbours always render real content, so a zero-height filler is
   never visible. */
.home-mobile-alarm-deck__placeholder[b-ziy51xxdxu] {
    height: 0;
}

@keyframes home-mobile-alarm-deck-enter-b-ziy51xxdxu {
    from {
        opacity: 0;
        transform: scale(0.96);
    }

    to {
        opacity: 1;
        transform: scale(1);
    }
}

@media (prefers-reduced-motion: reduce) {
    .home-mobile-alarm-deck[b-ziy51xxdxu]  .e-carousel .e-carousel-items {
        transition: none;
    }

    .home-mobile-alarm-deck[b-ziy51xxdxu]  .e-carousel .e-carousel-item.e-active > * {
        animation: none;
        opacity: 1;
        transform: none;
    }
}
/* _content/CoGo.Web/Pages/Home/HomeMobileDetailCard.razor.rz.scp.css */
.home-mobile-detail-card[b-qcny6p80ui] {
    display: none;
}

@media (max-width: 600px) {
    .home-mobile-detail-card[b-qcny6p80ui] {
        display: block;
        position: relative;
        touch-action: pan-y;
        user-select: none;
    }

    .home-mobile-detail-card__close-icon[b-qcny6p80ui] {
        height: 1rem;
        position: relative;
        width: 1rem;
    }

    .home-mobile-detail-card__close-icon[b-qcny6p80ui]::before,
    .home-mobile-detail-card__close-icon[b-qcny6p80ui]::after {
        background: currentColor;
        border-radius: 999px;
        content: "";
        height: 0.125rem;
        left: 50%;
        position: absolute;
        top: 50%;
        width: 1rem;
    }

    .home-mobile-detail-card__close-icon[b-qcny6p80ui]::before {
        transform: translate(-50%, -50%) rotate(45deg);
    }

    .home-mobile-detail-card__close-icon[b-qcny6p80ui]::after {
        transform: translate(-50%, -50%) rotate(-45deg);
    }

    [b-qcny6p80ui] .home-mobile-detail-card__close-button.e-btn {
        align-items: center;
        background: var(--theme-surface-default-color);
        border: 1px solid var(--theme-border-muted-color);
        border-radius: 999px;
        box-shadow: 0 8px 16px rgb(0 0 0 / 0.14);
        color: var(--theme-text-secondary-color);
        display: flex;
        height: 2.25rem;
        justify-content: center;
        min-width: 0;
        padding: 0;
        position: absolute;
        right: 0.75rem;
        top: -2.75rem;
        width: 2.25rem;
        z-index: 2;
    }
}
/* _content/CoGo.Web/Pages/Home/HomePanelContent.razor.rz.scp.css */
/* HomePanelList consumes these tokens without defining any of them, so an unmatched
   selector leaves every row transparent. They have to sit on an element in our own markup
   that is an ancestor of every consumer, which is what this element is for. */
.home-panel-content[b-l3lbwoa1vt] {
    --home-right-panel-border-color: var(--theme-border-muted-color, var(--neutral-stroke-divider-rest, #e7e8e9));
    --home-right-panel-geometry-scale: 1;
    --home-right-panel-primary-color: var(--theme-action-primary-rest-color, var(--brand-primary-color, #220055));
    --home-right-panel-surface-color: var(--theme-surface-default-color, #ffffff);
    --home-right-panel-surface-selected-color: var(--theme-surface-list-selected-color, #f4f5f5);
    --home-right-panel-surface-subtle-color: var(--theme-surface-subtle-color, #fafafb);
    --home-right-panel-text-color: var(--theme-text-primary-color, #181a20);
    --home-right-panel-text-muted-color: var(--theme-text-muted-color, #71747a);
    --home-right-panel-text-secondary-color: var(--theme-text-secondary-color, #3f4349);
    --home-right-panel-type-scale: 1;
    display: contents;
}

/* The bridge that carries the scale into every tw: utility below this element. Utilities are
   !important inside a cascade layer, so they cannot be overridden, but they resolve these
   theme variables at the point of use. At scale 1 each one computes to Tailwind's own
   default. The --tw-text-*--line-height companions are deliberately absent: they are unitless
   ratios and already track the rescaled font size. */
.home-panel-content[b-l3lbwoa1vt] {
    --tw-radius-lg: calc(0.5rem * var(--home-right-panel-geometry-scale, 1));
    --tw-radius-md: calc(0.375rem * var(--home-right-panel-geometry-scale, 1));
    --tw-radius-xl: calc(0.75rem * var(--home-right-panel-geometry-scale, 1));
    --tw-spacing: calc(0.25rem * var(--home-right-panel-geometry-scale, 1));
    --tw-text-base: calc(1rem * var(--home-right-panel-type-scale, 1));
    --tw-text-lg: calc(1.125rem * var(--home-right-panel-type-scale, 1));
    --tw-text-sm: calc(0.875rem * var(--home-right-panel-type-scale, 1));
    --tw-text-xs: calc(0.75rem * var(--home-right-panel-type-scale, 1));
}

.home-panel-content__details[b-l3lbwoa1vt] {
    display: contents;
}

.home-panel-content__empty-icon img[b-l3lbwoa1vt] {
    display: block;
    height: calc(80px * var(--home-right-panel-geometry-scale, 1));
    width: calc(80px * var(--home-right-panel-geometry-scale, 1));
}

.home-panel-content__empty-state[b-l3lbwoa1vt] {
    align-items: center;
    color: var(--home-right-panel-text-secondary-color);
    display: flex;
    flex: 1 1 auto;
    flex-direction: column;
    font-size: calc(24px * var(--home-right-panel-type-scale, 1));
    font-weight: 600;
    gap: calc(24px * var(--home-right-panel-geometry-scale, 1));
    justify-content: flex-start;
    line-height: calc(32px * var(--home-right-panel-type-scale, 1));
    min-height: calc(280px * var(--home-right-panel-geometry-scale, 1));
    padding: calc(32px * var(--home-right-panel-geometry-scale, 1));
    text-align: center;
}

.home-panel-content__list[b-l3lbwoa1vt] {
    display: flex;
    flex: 1 1 auto;
    flex-direction: column;
    min-height: 0;
    overflow-y: auto;
}

.home-panel-content__section[b-l3lbwoa1vt] {
    display: flex;
    flex-direction: column;
}

.home-panel-content__section-title[b-l3lbwoa1vt] {
    background: var(--home-right-panel-surface-subtle-color);
    border-bottom: 1px solid var(--home-right-panel-border-color);
    color: var(--home-right-panel-text-muted-color);
    font-size: calc(12px * var(--home-right-panel-type-scale, 1));
    font-weight: 700;
    letter-spacing: 0.04em;
    line-height: calc(18px * var(--home-right-panel-type-scale, 1));
    margin: 0;
    padding: calc(10px * var(--home-right-panel-geometry-scale, 1)) calc(20px * var(--home-right-panel-geometry-scale, 1));
    text-transform: uppercase;
}

@media (min-width: 1000px) and (max-width: 1299px) {
    .home-panel-content[b-l3lbwoa1vt] {
        --home-right-panel-geometry-scale: 0.875;
        --home-right-panel-type-scale: 0.9375;
    }
}

@media (min-width: 601px) and (max-width: 999px) {
    .home-panel-content[b-l3lbwoa1vt] {
        --home-right-panel-geometry-scale: 0.75;
        --home-right-panel-type-scale: 0.875;
    }
}

@media (max-width: 600px) {
    .home-panel-content__details[b-l3lbwoa1vt] {
        display: none;
    }

    .home-panel-content__section-title[b-l3lbwoa1vt] {
        padding: 10px 16px;
    }
}
/* _content/CoGo.Web/Pages/Home/HomePanelList.razor.rz.scp.css */
.home-panel-list__row[b-bczxin2z55] {
    align-items: center;
    background: var(--home-right-panel-surface-color);
    border-bottom: 1px solid var(--home-right-panel-border-color);
    color: var(--home-right-panel-text-color);
    cursor: pointer;
    display: grid;
    font-family: var(--brand-font-family, "Inter", "Segoe UI", Arial, sans-serif);
    gap: 0;
    grid-template-columns: minmax(0, 1fr) calc(75px * var(--home-right-panel-geometry-scale, 1));
    min-height: calc(72px * var(--home-right-panel-geometry-scale, 1));
    padding: 0 calc(24px * var(--home-right-panel-geometry-scale, 1)) 0 calc(23px * var(--home-right-panel-geometry-scale, 1));
    text-align: left;
    width: 100%;
}

.home-panel-list__row--hovered[b-bczxin2z55] {
    background: var(--home-right-panel-surface-selected-color);
}

.home-panel-list__row--selected[b-bczxin2z55] {
    background: var(--home-right-panel-surface-selected-color);
    /* A shadow, not a left border: a border would mitre into the row's bottom border at 45deg. */
    box-shadow: inset 3px 0 0 var(--home-right-panel-primary-color);
}

.home-panel-list__row--alarm[b-bczxin2z55] {
    grid-template-columns: calc(172px * var(--home-right-panel-geometry-scale, 1)) calc(112px * var(--home-right-panel-geometry-scale, 1)) calc(38px * var(--home-right-panel-geometry-scale, 1)) calc(38px * var(--home-right-panel-geometry-scale, 1));
}

.home-panel-list__row--asset[b-bczxin2z55],
.home-panel-list__row--sensor[b-bczxin2z55] {
    grid-template-columns: calc(172px * var(--home-right-panel-geometry-scale, 1)) calc(88px * var(--home-right-panel-geometry-scale, 1)) minmax(0, 1fr);
}

.home-panel-list__row--asset .home-panel-list__row-score[b-bczxin2z55] {
    align-items: flex-end;
}

.home-panel-list__row-battery[b-bczxin2z55],
.home-panel-list__row-escalation[b-bczxin2z55],
.home-panel-list__row-score[b-bczxin2z55],
.home-panel-list__row-status[b-bczxin2z55] {
    align-self: stretch;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.home-panel-list__row-title-group[b-bczxin2z55] {
    align-self: stretch;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.home-panel-list__row-alarm[b-bczxin2z55] {
    align-items: flex-start;
    margin: auto calc(8px * var(--home-right-panel-geometry-scale, 1));
    padding: calc(11px * var(--home-right-panel-geometry-scale, 1)) 0;
}

.home-panel-list__row-battery[b-bczxin2z55] {
    align-items: flex-end;
    padding: calc(10px * var(--home-right-panel-geometry-scale, 1)) 0 calc(10px * var(--home-right-panel-geometry-scale, 1)) calc(20px * var(--home-right-panel-geometry-scale, 1));
}

.home-panel-list__row-escalation[b-bczxin2z55] {
    align-items: center;
    font-size: calc(12px * var(--home-right-panel-type-scale, 1));
    line-height: calc(18px * var(--home-right-panel-type-scale, 1));
}

.home-panel-list__row-score[b-bczxin2z55] {
    align-items: center;
    padding: calc(10px * var(--home-right-panel-geometry-scale, 1)) 0;
}

.home-panel-list__row-status[b-bczxin2z55] {
    align-items: flex-start;
    margin: 0;
    min-height: 0;
    padding: calc(11px * var(--home-right-panel-geometry-scale, 1)) calc(8px * var(--home-right-panel-geometry-scale, 1));
    width: auto;
}

.home-panel-list__row-subtitle[b-bczxin2z55] {
    font-size: calc(12px * var(--home-right-panel-type-scale, 1));
    line-height: calc(18px * var(--home-right-panel-type-scale, 1));
}

.home-panel-list__row-title-group[b-bczxin2z55] {
    min-width: 0;
    padding: calc(7px * var(--home-right-panel-geometry-scale, 1)) calc(8px * var(--home-right-panel-geometry-scale, 1)) calc(7px * var(--home-right-panel-geometry-scale, 1)) 0;
}

@media (max-width: 600px) {
    .home-panel-list__row[b-bczxin2z55] {
        grid-template-columns: minmax(0, 1.72fr) minmax(0, 0.88fr) minmax(0, 1.01fr);
        padding: 0 16px 0 16px;
    }

    .home-panel-list__row--alarm[b-bczxin2z55] {
        grid-template-columns: minmax(0, 1.72fr) minmax(0, 1.12fr) minmax(0, 0.38fr) minmax(0, 0.38fr);
    }

    .home-panel-list__row--asset[b-bczxin2z55] {
        grid-template-columns: minmax(0, 1.72fr) minmax(0, 0.88fr) minmax(0, 1.01fr);
    }

    .home-panel-list__row--sensor[b-bczxin2z55] {
        grid-template-columns: minmax(0, 1.72fr) minmax(0, 0.88fr) minmax(0, 1.01fr);
    }

    .home-panel-list__row--sensor .home-panel-list__row-score[b-bczxin2z55],
    .home-panel-list__row-escalation[b-bczxin2z55],
    .home-panel-list__row-score[b-bczxin2z55] {
        display: none;
    }

    .home-panel-list__row--alarm .home-panel-list__row-escalation[b-bczxin2z55],
    .home-panel-list__row--alarm .home-panel-list__row-score[b-bczxin2z55] {
        align-items: flex-end;
        display: flex;
    }

    .home-panel-list__row--asset .home-panel-list__row-score[b-bczxin2z55] {
        align-items: flex-end;
        display: flex;
    }
}
/* _content/CoGo.Web/Pages/Home/HomeSimpleChatPane.razor.rz.scp.css */
.home-simple-chat-pane[b-bhpt3a1iy6] {
    --arma-chat-border-color: var(--theme-border-default-color);
    --arma-chat-error-color: var(--theme-status-danger-color);
    --arma-chat-muted-color: var(--neutral-foreground-hint);
    --arma-chat-subtle-color: var(--theme-surface-subtle-color);
    --arma-chat-surface-color: var(--theme-surface-default-color);
    --arma-chat-text-color: var(--theme-text-primary-color);
}

.home-simple-chat-pane__composer-region[b-bhpt3a1iy6]  .chat-input--lumi {
    margin: 0;
    width: auto;
}
/* _content/CoGo.Web/Pages/Home/HomeStatusBadge.razor.rz.scp.css */
.status-badge[b-lb5nsttc3y] {
    display: inline-flex;
}

.status-badge[b-lb5nsttc3y]  .e-chip {
    align-items: center;
    border-radius: calc(2px * var(--home-right-panel-geometry-scale, 1));
    box-sizing: border-box;
    display: inline-flex;
    font-family: var(--brand-font-family, "Inter", "Segoe UI", Arial, sans-serif);
    font-size: max(9px, calc(10px * var(--home-right-panel-type-scale, 1)));
    font-weight: 400;
    height: auto;
    line-height: calc(14px * var(--home-right-panel-type-scale, 1));
    /* The vendor ships margin: 4px on .e-chip-list .e-chip. Only the block axis is reset: those
       4px made the badge's box 26px against the 24px text values beside it, which left every card
       carrying a status badge 2px taller than the alarm card and nudged the panel on tab change.
       The inline 4px is left alone - it affects horizontal placement in the list rows too. */
    margin-block: 0;
    min-height: calc(18px * var(--home-right-panel-geometry-scale, 1));
    padding: calc(2px * var(--home-right-panel-geometry-scale, 1)) calc(6px * var(--home-right-panel-geometry-scale, 1));
    text-transform: uppercase;
    white-space: nowrap;
}

.status-badge--alarm[b-lb5nsttc3y] {
    --home-status-badge-background: var(--theme-status-danger-subtle-color, #fef2f2);
    --home-status-badge-color: var(--theme-status-danger-color, #dc2626);
}

.status-badge--degraded[b-lb5nsttc3y] {
    --home-status-badge-background: var(--theme-status-danger-subtle-color, #fef2f2);
    --home-status-badge-color: var(--theme-status-danger-color, #dc2626);
}

.status-badge--nominal[b-lb5nsttc3y] {
    --home-status-badge-background: var(--theme-status-success-subtle-color, #f0fdf4);
    --home-status-badge-color: var(--theme-status-success-color, #15803d);
}

.status-badge--offline[b-lb5nsttc3y] {
    --home-status-badge-background: var(--theme-surface-subtle-color, #f4f5f5);
    --home-status-badge-color: var(--theme-text-secondary-color, #3f4349);
}

.status-badge[b-lb5nsttc3y]  .e-chip {
    background: var(--home-status-badge-background);
    color: var(--home-status-badge-color);
    cursor: default;
    pointer-events: none;
}

.status-badge[b-lb5nsttc3y]  .e-chip:focus,
.status-badge[b-lb5nsttc3y]  .e-chip:focus-visible,
.status-badge[b-lb5nsttc3y]  .e-chip:hover {
    background: var(--home-status-badge-background);
    box-shadow: none;
    color: var(--home-status-badge-color);
    outline: 0;
}
/* _content/CoGo.Web/Pages/Home/SensorDetailsCard.razor.rz.scp.css */
.sensor-details-card[b-2ro039yd2t] {
    align-items: flex-start;
    border-bottom: 1px solid var(--theme-border-default-color);
    display: flex;
    flex: none;
    flex-direction: column;
    gap: calc(0.75rem * var(--home-right-panel-geometry-scale, 1));
    padding: 0 calc(1.25rem * var(--home-right-panel-geometry-scale, 1)) calc(0.25rem * var(--home-right-panel-geometry-scale, 1));
}

.sensor-details-card__actions[b-2ro039yd2t] {
    align-items: stretch;
    display: flex;
    flex-direction: column;
    gap: calc(4px * var(--home-right-panel-geometry-scale, 1));
    width: 100%;
}

.sensor-details-card__divider[b-2ro039yd2t] {
    background-image: repeating-linear-gradient(to right, #e7e8e9 0 1px, transparent 1px 2px);
    height: 1px;
    margin: calc(0.25rem * var(--home-right-panel-geometry-scale, 1));
    width: calc(100% - 0.5rem * var(--home-right-panel-geometry-scale, 1));
}

.sensor-details-card__metric[b-2ro039yd2t] {
    align-items: flex-start;
    display: flex;
    flex: 1 1 0;
    flex-direction: column;
    gap: calc(0.25rem * var(--home-right-panel-geometry-scale, 1));
    min-width: 0;
}

.sensor-details-card__metric-card[b-2ro039yd2t] {
    align-items: flex-start;
    background-color: var(--theme-surface-subtle-color);
    border-radius: calc(0.5rem * var(--home-right-panel-geometry-scale, 1));
    display: flex;
    flex-direction: column;
    gap: calc(0.5rem * var(--home-right-panel-geometry-scale, 1));
    padding: calc(0.75rem * var(--home-right-panel-geometry-scale, 1)) calc(1rem * var(--home-right-panel-geometry-scale, 1));
    width: 100%;
}

.sensor-details-card__metric-card--mobile[b-2ro039yd2t] {
    display: none;
}

.sensor-details-card__metric-label[b-2ro039yd2t] {
    color: var(--theme-text-muted-color);
    font-size: calc(0.875rem * var(--home-right-panel-type-scale, 1));
    font-weight: 400;
    line-height: calc(1.25rem * var(--home-right-panel-type-scale, 1));
}

.sensor-details-card__metric-row[b-2ro039yd2t] {
    display: flex;
    gap: calc(0.5rem * var(--home-right-panel-geometry-scale, 1));
    width: 100%;
}

.sensor-details-card__metric-value[b-2ro039yd2t] {
    color: var(--theme-text-secondary-color);
    font-size: calc(1rem * var(--home-right-panel-type-scale, 1));
    font-weight: 700;
    line-height: calc(1.5rem * var(--home-right-panel-type-scale, 1));
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

[b-2ro039yd2t] .sensor-details-card__button.e-btn {
    align-items: center;
    border-radius: calc(0.75rem * var(--home-right-panel-geometry-scale, 1));
    display: flex;
    font-size: calc(1rem * var(--home-right-panel-type-scale, 1));
    font-weight: 500;
    height: calc(3rem * var(--home-right-panel-geometry-scale, 1));
    justify-content: center;
    line-height: calc(1.5rem * var(--home-right-panel-type-scale, 1));
    padding: 0 calc(1rem * var(--home-right-panel-geometry-scale, 1));
    width: 100%;
}

[b-2ro039yd2t] .sensor-details-card__button-content {
    align-items: center;
    display: flex;
    justify-content: space-between;
    width: 100%;
}

[b-2ro039yd2t] .sensor-details-card__button-icon {
    display: block;
    flex: 0 0 calc(1.25rem * var(--home-right-panel-geometry-scale, 1));
    height: calc(1.25rem * var(--home-right-panel-geometry-scale, 1));
    width: calc(1.25rem * var(--home-right-panel-geometry-scale, 1));
}

[b-2ro039yd2t] .sensor-details-card__button--view.e-btn {
    background-color: var(--theme-surface-default-color);
    border: 1px solid var(--theme-border-default-color);
    color: var(--theme-text-secondary-color);
}

@media (max-width: 600px) {
    .sensor-details-card[b-2ro039yd2t] {
        background: var(--theme-surface-default-color);
        border: 1px solid var(--theme-border-muted-color);
        border-radius: 20px;
        box-shadow: 0 25px 50px -12px rgb(0 0 0 / 0.25);
        box-sizing: border-box;
        gap: 12px;
        margin: 12px auto;
        max-width: 350px;
        overflow: hidden;
        padding: 0 20px 20px;
        width: calc(100% - 32px);
    }

    .sensor-details-card[b-2ro039yd2t]::before {
        background: var(--theme-border-muted-color);
        border-radius: 32px;
        content: "";
        display: block;
        height: 4px;
        margin: 8px auto -4px;
        width: 43px;
    }

    .sensor-details-card__actions[b-2ro039yd2t] {
        align-items: center;
        flex-direction: row;
        gap: 8px;
    }

    .sensor-details-card__metric-card--desktop[b-2ro039yd2t] {
        display: none;
    }

    .sensor-details-card__metric-card--mobile[b-2ro039yd2t] {
        border-radius: 12px;
        display: grid;
        gap: 8px;
        grid-template-columns: minmax(0, 1.45fr) repeat(2, minmax(0, 1fr));
        padding: 12px;
    }

    .sensor-details-card__metric-label[b-2ro039yd2t] {
        color: var(--theme-text-secondary-color);
        font-size: 12px;
        line-height: 18px;
    }

    .sensor-details-card__metric-value[b-2ro039yd2t] {
        color: var(--theme-text-primary-color);
        font-size: 14px;
        font-weight: 500;
        line-height: 20px;
        max-width: 100%;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    [b-2ro039yd2t] .sensor-details-card__button.e-btn {
        box-shadow: none;
        font-size: 14px;
        line-height: 20px;
    }

    [b-2ro039yd2t] .sensor-details-card__button--view.e-btn {
        flex: 1 1 0;
        min-width: 0;
        width: auto;
    }
}
/* _content/CoGo.Web/Pages/Index.razor.rz.scp.css */
.home-page[b-hybwj9t9nc] {
    display: flex;
    flex-direction: column;
    height: 100%;
    min-height: 0;
    width: 100%;
}

.home-page__map[b-hybwj9t9nc] {
    flex: 1 1 auto;
    min-height: 0;
    position: relative;
}

.home-page__mobile-detail-card[b-hybwj9t9nc] {
    display: none;
}

.home-page__mobile-actions[b-hybwj9t9nc] {
    display: none;
}

@media (max-width: 600px) {
    .home-page[b-hybwj9t9nc] {
        overflow: hidden;
    }

    /* Same 1.5rem offset as .home-page__mobile-actions so the detail card and the action
       bar share a bottom edge. Offset from the map, not the viewport: the shell body
       already reserves the mobile nav height (see .home-page__mobile-actions below). */
    .home-page__mobile-detail-card[b-hybwj9t9nc] {
        bottom: 1.5rem;
        display: block;
        left: 0;
        pointer-events: none;
        position: absolute;
        right: 0;
        z-index: 5;
    }

    .home-page__mobile-detail-card[b-hybwj9t9nc]  .home-mobile-detail-card {
        margin: 0 auto;
        pointer-events: auto;
        width: calc(100% - 3rem);
    }

    .home-page__mobile-detail-card[b-hybwj9t9nc]  .home-mobile-detail-card .alarm-details-card,
    .home-page__mobile-detail-card[b-hybwj9t9nc]  .home-mobile-detail-card .asset-details-card,
    .home-page__mobile-detail-card[b-hybwj9t9nc]  .home-mobile-detail-card .gateway-details-card,
    .home-page__mobile-detail-card[b-hybwj9t9nc]  .home-mobile-detail-card .sensor-details-card {
        display: flex;
        height: 238px;
        margin: 0;
        max-width: none;
        pointer-events: auto;
        width: 100%;
    }

    .home-page__mobile-detail-card[b-hybwj9t9nc]  .home-mobile-detail-card .alarm-details-card {
        height: 268px;
    }

    .home-page__mobile-detail-card[b-hybwj9t9nc]  .alarm-details-card__metric-card,
    .home-page__mobile-detail-card[b-hybwj9t9nc]  .asset-details-card__metric-card,
    .home-page__mobile-detail-card[b-hybwj9t9nc]  .gateway-details-card__metric-card,
    .home-page__mobile-detail-card[b-hybwj9t9nc]  .sensor-details-card__metric-card {
        flex: 0 0 66px;
        height: 66px;
        min-height: 66px;
    }

    .home-page__mobile-detail-card[b-hybwj9t9nc]  .alarm-details-card__actions,
    .home-page__mobile-detail-card[b-hybwj9t9nc]  .asset-details-card__actions,
    .home-page__mobile-detail-card[b-hybwj9t9nc]  .gateway-details-card__actions,
    .home-page__mobile-detail-card[b-hybwj9t9nc]  .sensor-details-card__actions {
        margin-top: -4px;
    }

    /* Offset from the map's own bottom edge, NOT from the viewport: the shell body
       (.cogo-shell-body--with-mobile-nav) already reserves the mobile nav height, so
       .home-page__map stops above the nav. Adding the nav height here again lifted the
       bar a further ~72px. 1.5rem clears the Google attribution row inside the map. */
    .home-page__mobile-actions[b-hybwj9t9nc] {
        bottom: 1.5rem;
        display: block;
        left: 0;
        pointer-events: none;
        position: absolute;
        right: 0;
        z-index: 5;
    }

    .home-page__mobile-actions[b-hybwj9t9nc]  .home-mobile-action-bar {
        pointer-events: auto;
    }
}
/* _content/CoGo.Web/Pages/Lumi.razor.rz.scp.css */
.lumi-chat-host[b-ddgbsnapif] {
    --arma-chat-border-color: var(--theme-border-default-color);
    --arma-chat-error-color: var(--theme-status-danger-color);
    --arma-chat-muted-color: var(--neutral-foreground-hint);
    --arma-chat-subtle-color: var(--theme-surface-subtle-color);
    --arma-chat-surface-color: var(--theme-surface-default-color);
    --arma-chat-text-color: var(--theme-text-primary-color);
    --lumi-chat-content-max-width: 62.5rem;
    --lumi-chat-conversation-width: min(85%, 52rem);
    --lumi-chat-sidebar-surface-color: var(--theme-surface-default-color);
    --lumi-chat-selected-conversation-surface-color: color-mix(in srgb, var(--brand-primary-color) 11%, var(--lumi-chat-sidebar-surface-color));
    --lumi-chat-brand-hover-surface-color: var(--theme-surface-hover-color);
    position: relative;
    width: 100%;
    height: 100%;
    min-width: 0;
    min-height: 0;
    display: flex;
    overflow: hidden;
    color: var(--arma-chat-text-color);
    background: var(--arma-chat-surface-color);
}

.lumi-chat-sidebar-host[b-ddgbsnapif] {
    position: relative;
    z-index: 3;
    width: 260px;
    min-width: 260px;
    height: 100%;
    display: flex;
    overflow: hidden;
    border-right: 1px solid var(--theme-border-muted-color);
    background: var(--lumi-chat-sidebar-surface-color);
    transition: width 0.18s ease, min-width 0.18s ease;
}

.lumi-chat-sidebar-host.is-desktop-collapsed[b-ddgbsnapif] {
    width: 0;
    min-width: 0;
    border-right: none;
}

.lumi-chat-sidebar[b-ddgbsnapif] {
    width: 260px;
    min-width: 260px;
    height: 100%;
    display: flex;
    flex-direction: column;
    overflow: hidden;
    background: var(--lumi-chat-sidebar-surface-color);
}

.lumi-chat-sidebar__desktop-header[b-ddgbsnapif],
.lumi-chat-sidebar__mobile-header[b-ddgbsnapif] {
    min-height: 52px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 8px 10px 8px 16px;
}

.lumi-chat-sidebar__desktop-header h2[b-ddgbsnapif],
.lumi-chat-sidebar__mobile-header h2[b-ddgbsnapif] {
    margin: 0;
    color: var(--brand-primary-color);
    font-size: 1rem;
    font-weight: 600;
}

.lumi-chat-sidebar__mobile-header[b-ddgbsnapif] {
    display: none;
}

.lumi-chat-sidebar__header-actions[b-ddgbsnapif] {
    display: inline-flex;
    align-items: center;
    gap: 2px;
}

.lumi-chat-host[b-ddgbsnapif]  .lumi-chat-icon-button,
.lumi-chat-host[b-ddgbsnapif]  .lumi-chat-open-sidebar,
.lumi-chat-host[b-ddgbsnapif]  .lumi-chat-dialog-close-button {
    width: 34px;
    min-width: 34px !important;
    height: 34px;
    min-height: 34px !important;
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    flex: 0 0 auto;
    padding: 0 !important;
    border: 1px solid transparent !important;
    border-radius: 8px;
    background: transparent !important;
    box-shadow: none !important;
    color: var(--brand-primary-color) !important;
    cursor: pointer;
    line-height: 1;
}

.lumi-chat-host[b-ddgbsnapif]  .lumi-chat-icon-button:hover:not(:disabled),
.lumi-chat-host[b-ddgbsnapif]  .lumi-chat-icon-button:focus-visible,
.lumi-chat-host[b-ddgbsnapif]  .lumi-chat-open-sidebar:hover:not(:disabled),
.lumi-chat-host[b-ddgbsnapif]  .lumi-chat-open-sidebar:focus-visible,
.lumi-chat-host[b-ddgbsnapif]  .lumi-chat-dialog-close-button:hover:not(:disabled),
.lumi-chat-host[b-ddgbsnapif]  .lumi-chat-dialog-close-button:focus-visible {
    border-color: color-mix(in srgb, var(--brand-primary-color) 10%, transparent) !important;
    background: var(--lumi-chat-brand-hover-surface-color) !important;
    color: var(--accent-fill-rest) !important;
}

.lumi-chat-sidebar__header-actions[b-ddgbsnapif]  .lumi-chat-icon-button:hover:not(:disabled) svg,
.lumi-chat-sidebar__header-actions[b-ddgbsnapif]  .lumi-chat-icon-button:focus-visible svg,
.lumi-chat-sidebar__header-actions[b-ddgbsnapif]  .lumi-chat-icon-button:hover:not(:disabled) svg path,
.lumi-chat-sidebar__header-actions[b-ddgbsnapif]  .lumi-chat-icon-button:focus-visible svg path {
    color: var(--accent-fill-rest) !important;
    fill: currentColor !important;
}

.lumi-chat-host[b-ddgbsnapif]  .lumi-chat-icon-button:disabled,
.lumi-chat-host[b-ddgbsnapif]  .lumi-chat-icon-button.e-disabled,
.lumi-chat-host[b-ddgbsnapif]  .lumi-chat-open-sidebar:disabled,
.lumi-chat-host[b-ddgbsnapif]  .lumi-chat-open-sidebar.e-disabled,
.lumi-chat-host[b-ddgbsnapif]  .lumi-chat-dialog-close-button:disabled,
.lumi-chat-host[b-ddgbsnapif]  .lumi-chat-dialog-close-button.e-disabled {
    cursor: not-allowed;
    opacity: 0.45;
}

.lumi-chat-sidebar[b-ddgbsnapif]  .lumi-chat-new-button {
    width: calc(100% - 32px);
    min-height: 44px;
    display: inline-flex !important;
    align-items: center;
    justify-content: flex-start;
    gap: 12px;
    margin: 10px 16px 20px;
    padding: 0 12px;
    border: 1px solid transparent !important;
    border-radius: 8px;
    background: transparent !important;
    box-shadow: none !important;
    color: var(--brand-primary-color) !important;
    font-size: 0.9rem;
    font-weight: 500;
    line-height: 1.2;
    text-align: left;
    white-space: normal;
}

.lumi-chat-sidebar[b-ddgbsnapif]  .lumi-chat-new-button.e-btn {
    min-width: 0;
    text-transform: none;
}

.lumi-chat-sidebar[b-ddgbsnapif]  .lumi-chat-new-button:hover:not(:disabled),
.lumi-chat-sidebar[b-ddgbsnapif]  .lumi-chat-new-button:focus-visible {
    border-color: color-mix(in srgb, var(--brand-primary-color) 12%, transparent) !important;
    background: var(--lumi-chat-brand-hover-surface-color) !important;
    color: var(--accent-fill-rest) !important;
}

.lumi-chat-sidebar[b-ddgbsnapif]  .lumi-chat-new-button:disabled {
    cursor: not-allowed;
    opacity: 0.45;
}

.lumi-chat-sidebar__mobile-search[b-ddgbsnapif] {
    display: none;
}

.lumi-chat-sidebar__history[b-ddgbsnapif] {
    flex: 1 1 auto;
    min-height: 0;
    overflow-y: auto;
    padding: 4px 8px 14px;
}

.lumi-chat-main[b-ddgbsnapif] {
    position: relative;
    flex: 1 1 auto;
    min-width: 0;
    min-height: 0;
    display: flex;
    flex-direction: column;
    overflow: hidden;
    background: var(--arma-chat-surface-color);
}

.lumi-chat-mobile-toolbar[b-ddgbsnapif] {
    display: none;
}

.lumi-chat-main[b-ddgbsnapif]  .lumi-chat-open-sidebar {
    position: absolute;
    top: 10px;
    left: 10px;
    z-index: 4;
    background: color-mix(in srgb, var(--arma-chat-surface-color) 92%, transparent) !important;
}

.lumi-chat-landing[b-ddgbsnapif] {
    flex: 1 1 auto;
    min-height: 0;
    overflow-y: auto;
    padding: clamp(3rem, 9vh, 6.5rem) 2rem 3rem;
}

.lumi-chat-welcome[b-ddgbsnapif],
.lumi-chat-starters[b-ddgbsnapif] {
    width: min(100%, var(--lumi-chat-content-max-width));
    margin-right: auto;
    margin-left: auto;
}

.lumi-chat-welcome[b-ddgbsnapif] {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.lumi-chat-welcome__icon[b-ddgbsnapif] {
    width: 96px;
    height: 96px;
    flex: 0 0 auto;
    margin-bottom: 1.5rem;
}

.lumi-chat-welcome__icon[b-ddgbsnapif]  svg {
    display: block;
    width: 100%;
    height: 100%;
}

/* visibility rather than display, so the heading still occupies its line and
   the composer below it does not jump once the greeting resolves. */
.lumi-chat-welcome h2.is-pending[b-ddgbsnapif] {
    visibility: hidden;
}

.lumi-chat-welcome h2[b-ddgbsnapif] {
    margin: 0 0 clamp(2rem, 5vh, 3.25rem);
    color: var(--accent-foreground-rest);
    font-size: clamp(2.25rem, 4vw, 3.4rem);
    font-weight: 400;
    line-height: 1.1;
    text-align: center;
}

.lumi-chat-disclaimer[b-ddgbsnapif] {
    width: var(--lumi-chat-conversation-width);
    margin: 6px auto 0;
    color: var(--arma-chat-muted-color);
    font-size: 0.72rem;
    line-height: 1.4;
    text-align: right;
}

.lumi-chat-scroll-region[b-ddgbsnapif] {
    width: 100%;
    min-height: 0;
    flex: 1 1 auto;
    display: flex;
    flex-direction: column;
    margin: 0;
    padding: 28px 0 0;
    gap: 0;
    overflow-y: auto;
    /* Reserve the scrollbar here so the composer backdrop can span the full
       width. Overlay-scrollbar platforms otherwise leave a transparent strip
       with transcript text scrolling through it. */
    scrollbar-gutter: stable;
}

.lumi-chat-transcript[b-ddgbsnapif] {
    width: var(--lumi-chat-conversation-width);
    min-height: 100%;
    flex: 0 0 auto;
    display: flex;
    flex-direction: column;
    gap: 8px;
    margin-right: auto;
    margin-left: auto;
}

/* The composer floats over the transcript, so this spacer reserves room for it.
   max() keeps the resting gap at 220px and only grows once an expanding composer
   would otherwise cover the last response's actions. */
.lumi-chat-scroll-tail[b-ddgbsnapif] {
    width: 100%;
    flex: 0 0 max(220px, calc(var(--lumi-chat-composer-height, 0px) + 72px));
    pointer-events: none;
}

.lumi-chat-composer-region[b-ddgbsnapif] {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 2;
    padding-top: 8px;
    padding-bottom: 12px;
    background: transparent;
    pointer-events: none;
}

.lumi-chat-composer-region[b-ddgbsnapif]::before {
    content: "";
    position: absolute;
    top: -12px;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 0;
    background: var(--arma-chat-surface-color);
    pointer-events: none;
}


.lumi-chat-composer-region > *[b-ddgbsnapif] {
    position: relative;
    z-index: 1;
    pointer-events: auto;
}

.lumi-chat-starters[b-ddgbsnapif] {
    margin-top: 24px;
}

.lumi-chat-starters h2[b-ddgbsnapif] {
    margin: 0 0 10px;
    color: var(--arma-chat-muted-color);
    font-size: 0.9rem;
    font-weight: 400;
}

.lumi-chat-starters__grid[b-ddgbsnapif] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 10px;
}

.lumi-chat-starters__grid[b-ddgbsnapif]  .lumi-chat-starter {
    width: 100%;
    min-height: 112px;
    display: flex !important;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    gap: 10px;
    padding: 18px;
    border: 1px solid var(--arma-chat-border-color) !important;
    border-radius: 10px;
    background: var(--arma-chat-surface-color) !important;
    box-shadow: none !important;
    color: var(--arma-chat-text-color) !important;
    line-height: 1.4;
    text-align: left;
    white-space: normal;
    cursor: pointer;
    transition: border-color 0.15s ease, background-color 0.15s ease, box-shadow 0.15s ease, color 0.15s ease;
}

.lumi-chat-starters__grid[b-ddgbsnapif]  .lumi-chat-starter.e-btn {
    min-width: 0;
    text-transform: none;
}

.lumi-chat-starters__grid[b-ddgbsnapif]  .lumi-chat-starter > span:not(.lumi-chat-starter__icon):not(.lumi-chat-starter__text) {
    display: contents;
}

.lumi-chat-starter__icon[b-ddgbsnapif] {
    display: inline-flex;
    color: var(--arma-chat-muted-color);
    opacity: 0.72;
    transition: color 0.15s ease, opacity 0.15s ease;
}

.lumi-chat-starter__text[b-ddgbsnapif] {
    display: block;
    width: 100%;
    min-width: 0;
    overflow-wrap: anywhere;
    color: inherit;
    font-size: 1rem;
    font-weight: 500;
    line-height: 1.35;
    white-space: normal;
}

.lumi-chat-starters__grid[b-ddgbsnapif]  .lumi-chat-starter:hover,
.lumi-chat-starters__grid[b-ddgbsnapif]  .lumi-chat-starter:focus-visible {
    border-color: color-mix(in srgb, var(--brand-primary-color) 82%, var(--theme-border-default-color)) !important;
    background: color-mix(in srgb, var(--brand-primary-color) 4%, var(--arma-chat-surface-color)) !important;
    box-shadow: 0 5px 14px color-mix(in srgb, var(--brand-primary-color) 4%, transparent) !important;
    color: var(--arma-chat-text-color) !important;
}

.lumi-chat-starters__grid[b-ddgbsnapif]  .lumi-chat-starter:hover .lumi-chat-starter__icon,
.lumi-chat-starters__grid[b-ddgbsnapif]  .lumi-chat-starter:focus-visible .lumi-chat-starter__icon {
    color: var(--accent-foreground-rest);
    opacity: 1;
}

.lumi-chat-search-overlay[b-ddgbsnapif] {
    position: absolute;
    inset: 0;
    z-index: 10;
    display: flex;
    align-items: flex-start;
    justify-content: center;
    padding: clamp(48px, 10vh, 96px) 20px 20px;
    background: var(--theme-overlay-scrim-color);
}

.lumi-chat-search-dialog[b-ddgbsnapif] {
    width: min(100%, 640px);
    max-height: min(76vh, 720px);
    display: flex;
    flex-direction: column;
    overflow: hidden;
    border: 1px solid var(--arma-chat-border-color);
    border-radius: 14px;
    background: var(--arma-chat-surface-color);
    box-shadow: 0 20px 48px color-mix(in srgb, var(--brand-primary-color) 22%, transparent);
}

.lumi-chat-search-dialog__header[b-ddgbsnapif] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 14px 16px 8px;
}

.lumi-chat-search-dialog__header h2[b-ddgbsnapif] {
    margin: 0;
    color: var(--arma-chat-text-color);
    font-size: 1rem;
    font-weight: 600;
}

.lumi-chat-search-dialog__input[b-ddgbsnapif] {
    display: flex;
    align-items: center;
    gap: 10px;
    margin: 6px 16px 12px;
    padding: 0 12px;
    border: 1px solid var(--arma-chat-border-color);
    border-radius: 10px;
    background: var(--arma-chat-surface-color);
}

.lumi-chat-search-dialog__input:focus-within[b-ddgbsnapif] {
    border-color: var(--accent-fill-rest);
    box-shadow: 0 0 0 3px color-mix(in srgb, var(--brand-primary-color) 16%, transparent);
}

.lumi-chat-search-dialog__input input[b-ddgbsnapif] {
    width: 100%;
    min-width: 0;
    padding: 12px 0;
    border: none;
    outline: none;
    background: transparent;
    color: var(--arma-chat-text-color);
}

.lumi-chat-search-dialog__input input[b-ddgbsnapif]::placeholder {
    color: var(--arma-chat-muted-color);
}

.lumi-chat-host input[type="search"][b-ddgbsnapif]::-webkit-search-cancel-button {
    -webkit-appearance: none;
    appearance: none;
    width: 14px;
    height: 14px;
    cursor: pointer;
    background-color: var(--brand-primary-color);
    -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M4.28 3.22a.75.75 0 0 0-1.06 1.06L6.94 8l-3.72 3.72a.75.75 0 1 0 1.06 1.06L8 9.06l3.72 3.72a.75.75 0 1 0 1.06-1.06L9.06 8l3.72-3.72a.75.75 0 0 0-1.06-1.06L8 6.94z'/%3E%3C/svg%3E") center / contain no-repeat;
    mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M4.28 3.22a.75.75 0 0 0-1.06 1.06L6.94 8l-3.72 3.72a.75.75 0 1 0 1.06 1.06L8 9.06l3.72 3.72a.75.75 0 1 0 1.06-1.06L9.06 8l3.72-3.72a.75.75 0 0 0-1.06-1.06L8 6.94z'/%3E%3C/svg%3E") center / contain no-repeat;
}

.lumi-chat-host input[type="search"][b-ddgbsnapif]::-webkit-search-cancel-button:hover {
    background-color: var(--accent-fill-rest);
}

.lumi-chat-search-dialog__results[b-ddgbsnapif] {
    flex: 1 1 auto;
    min-height: 180px;
    overflow-y: auto;
    padding: 4px 12px 16px;
    border-top: 1px solid var(--arma-chat-border-color);
}

@media (max-width: 768px), (hover: none) and (pointer: coarse) {
    /* The drawer stays laid out and is hidden with visibility rather than
       display, so the scrim can fade and the panel can slide. visibility also
       keeps the closed drawer out of the tab order and the accessibility tree,
       which display: none was doing before. */
    .lumi-chat-sidebar-host[b-ddgbsnapif],
    .lumi-chat-sidebar-host.is-desktop-collapsed[b-ddgbsnapif] {
        position: absolute;
        inset: 0;
        z-index: 8;
        width: 100%;
        min-width: 0;
        height: 100%;
        display: flex;
        visibility: hidden;
        opacity: 0;
        pointer-events: none;
        border-left: none;
        border-right: none;
        background: var(--theme-overlay-scrim-color);
        transition: opacity 0.2s ease, visibility 0s linear 0.2s;
    }

    .lumi-chat-sidebar-host.is-mobile-open[b-ddgbsnapif] {
        visibility: visible;
        opacity: 1;
        pointer-events: auto;
        transition: opacity 0.2s ease, visibility 0s linear 0s;
    }

    .lumi-chat-sidebar[b-ddgbsnapif] {
        width: min(86vw, 340px);
        min-width: 0;
        border-right: 1px solid var(--arma-chat-border-color);
        background: var(--lumi-chat-sidebar-surface-color);
        box-shadow: 8px 0 24px color-mix(in srgb, var(--brand-primary-color) 16%, transparent);
        transform: translateX(-100%);
        transition: transform 0.22s ease;
    }

    .lumi-chat-sidebar-host.is-mobile-open .lumi-chat-sidebar[b-ddgbsnapif] {
        transform: translateX(0);
    }

    .lumi-chat-sidebar__desktop-header[b-ddgbsnapif],
    .lumi-chat-sidebar[b-ddgbsnapif]  .lumi-chat-new-button {
        display: none;
    }

    .lumi-chat-sidebar__mobile-header[b-ddgbsnapif] {
        display: flex;
        padding-top: calc(8px + env(safe-area-inset-top));
        border-bottom: 1px solid var(--arma-chat-border-color);
    }

    .lumi-chat-sidebar__mobile-search[b-ddgbsnapif] {
        display: block;
        padding: 10px 12px;
        border-bottom: 1px solid var(--arma-chat-border-color);
    }

    .lumi-chat-sidebar__mobile-search input[b-ddgbsnapif] {
        width: 100%;
        padding: 0.75rem 0.875rem;
        border: 1px solid var(--arma-chat-border-color);
        border-radius: 8px;
        background: var(--arma-chat-surface-color);
        color: var(--arma-chat-text-color);
    }

    .lumi-chat-sidebar__mobile-search input:focus[b-ddgbsnapif] {
        outline: none;
        border-color: var(--accent-fill-rest);
        box-shadow: 0 0 0 3px color-mix(in srgb, var(--brand-primary-color) 16%, transparent);
    }

    .lumi-chat-sidebar__history[b-ddgbsnapif] {
        padding: 4px 8px 12px;
    }

    .lumi-chat-mobile-toolbar[b-ddgbsnapif] {
        min-height: 48px;
        display: grid;
        grid-template-columns: 40px minmax(0, 1fr) 40px;
        align-items: center;
        gap: 8px;
        padding: 4px 12px;
        border-bottom: 1px solid var(--arma-chat-border-color);
        background: var(--arma-chat-surface-color);
    }

    .lumi-chat-mobile-toolbar h2[b-ddgbsnapif] {
        margin: 0;
        overflow: hidden;
        color: var(--arma-chat-text-color);
        font-size: 0.95rem;
        font-weight: 600;
        text-align: center;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .lumi-chat-main[b-ddgbsnapif]  .lumi-chat-open-sidebar {
        display: none;
    }

    .lumi-chat-landing[b-ddgbsnapif] {
        display: flex;
        flex-direction: column;
        padding: 1rem 1rem calc(1rem + env(safe-area-inset-bottom));
    }

    .lumi-chat-welcome[b-ddgbsnapif] {
        min-height: 12rem;
        flex: 1 0 auto;
        display: flex;
        align-items: center;
        justify-content: center;
        order: 1;
    }

    .lumi-chat-welcome__icon[b-ddgbsnapif] {
        width: 80px;
        height: 80px;
        margin-bottom: 1rem;
    }

    .lumi-chat-welcome h2[b-ddgbsnapif] {
        margin: 0;
        font-size: clamp(1.5rem, 7vw, 2rem);
    }

    .lumi-chat-disclaimer[b-ddgbsnapif] {
        order: 4;
        width: 100%;
        font-size: 0.625rem;
        line-height: 1.3;
        text-align: left;
    }

    .lumi-chat-starters[b-ddgbsnapif] {
        order: 2;
        width: calc(100% + 2rem);
        margin: 0 -1rem 24px;
    }

    .lumi-chat-starters h2[b-ddgbsnapif] {
        padding: 0 1rem;
    }

    .lumi-chat-starters__grid[b-ddgbsnapif] {
        display: flex;
        gap: 10px;
        overflow-x: auto;
        padding: 0 1rem 8px;
        scroll-padding-inline: 1rem;
        scroll-snap-type: x mandatory;
        scrollbar-width: none;
        -ms-overflow-style: none;
    }

    .lumi-chat-starters__grid[b-ddgbsnapif]::-webkit-scrollbar {
        display: none;
    }

    .lumi-chat-starters__grid[b-ddgbsnapif]  .lumi-chat-starter {
        min-width: min(78vw, 18rem);
        flex: 0 0 min(78vw, 18rem);
        scroll-snap-align: start;
    }

    .lumi-chat-scroll-region[b-ddgbsnapif] {
        padding: 16px 0 0;
    }

    .lumi-chat-transcript[b-ddgbsnapif] {
        width: 100%;
        padding-right: 14px;
        padding-left: 14px;
    }

    /* Only the resting minimum differs on mobile. Overriding flex-basis with a
       plain length would drop the composer-height term and let an expanded
       composer cover the last response's actions again. */
    .lumi-chat-scroll-tail[b-ddgbsnapif] {
        flex-basis: max(230px, calc(var(--lumi-chat-composer-height, 0px) + 72px));
    }

    .lumi-chat-composer-region[b-ddgbsnapif] {
        padding-right: 14px;
        padding-bottom: calc(12px + env(safe-area-inset-bottom));
        padding-left: 14px;
    }

}

@media (prefers-reduced-motion: reduce) {
    .lumi-chat-sidebar-host[b-ddgbsnapif],
    .lumi-chat-sidebar-host.is-desktop-collapsed[b-ddgbsnapif],
    .lumi-chat-sidebar-host.is-mobile-open[b-ddgbsnapif],
    .lumi-chat-sidebar[b-ddgbsnapif] {
        transition: 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 color-mix(in srgb, var(--theme-action-primary-rest-color) 20%, var(--theme-border-default-color));
    border-radius: 8px;
    display: flex;
    gap: 1rem;
    padding: 1.5rem;
    width: 100%;
}

.account-tier-icon[b-wokzjvmh8v] {
    align-items: center;
    background-color: var(--theme-action-primary-lighter-color);
    border-radius: 8px;
    color: var(--theme-action-primary-rest-color);
    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: var(--theme-text-muted-color);
    font-size: 0.875rem;
    font-weight: 600;
    margin-bottom: 0.25rem;
}

.account-tier-name[b-wokzjvmh8v] {
    color: var(--theme-text-primary-color);
    font-size: 1.75rem;
    font-weight: 700;
    line-height: 1.2;
    margin-bottom: 0.75rem;
}

.account-tier-message[b-wokzjvmh8v] {
    color: var(--theme-text-secondary-color);
    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] {
    display: flex;
    flex-direction: column;
    width: 280px;
    border-right: 1px solid var(--theme-border-default-color);
    flex-shrink: 0;
    position: sticky;
    top: 0;
    height: calc(100vh - 50px);
    overflow-y: auto;
    background-color: var(--theme-surface-default-color);
}

/* 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: var(--theme-surface-default-color);
}

/* 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: var(--theme-surface-default-color);
}

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

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

.sidebar-version[b-zrmodwabon] {
    flex: 0 0 auto;
    padding: 0.75rem 1.5rem;
    color: var(--theme-text-secondary-color);
    font-family: var(--brand-font-family);
    font-size: 10px;
    font-weight: 500;
    line-height: 14px;
}

.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: var(--theme-text-primary-color);
    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: var(--theme-surface-hover-color);
}

.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: var(--theme-text-primary-color);
    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: var(--theme-surface-hover-color);
}

.nav-item.active[b-zrmodwabon] {
    background-color: var(--theme-surface-navigation-active-color);
    color: var(--theme-text-primary-color);
    font-weight: 500;
    position: relative;
}

.nav-item.active[b-zrmodwabon]::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 3px;
    background-color: var(--theme-action-primary-rest-color);
}

.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: var(--theme-text-secondary-color);
}

.no-permission[b-zrmodwabon]  svg {
    margin-bottom: 1rem;
    color: var(--theme-text-muted-color);
}

/* Mobile Styles */
@media (max-width: 960px) {
    .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: var(--theme-surface-default-color);
        border: none;
        border-bottom: 1px solid var(--theme-border-default-color);
        font-size: 1.125rem;
        font-weight: 600;
        cursor: pointer;
        color: var(--theme-text-primary-color);
        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(--top-bar-height);
        bottom: calc(var(--navigation-menu-mobile-height) + var(--navigation-menu-mobile-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: var(--theme-surface-default-color);
        overflow-y: auto;
    }

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

    .mobile-overlay[b-zrmodwabon] {
        display: block;
        position: fixed;
        top: var(--top-bar-height);
        left: 0;
        right: 0;
        bottom: calc(var(--navigation-menu-mobile-height) + var(--navigation-menu-mobile-safe-area));
        background-color: var(--theme-overlay-scrim-color);
        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/AssetRiskScoreHistoryButton.razor.rz.scp.css */
[b-w2owtznmwu] .asset-risk-score-history-button::part(control) {
    background: transparent !important;
    border-color: transparent !important;
    color: var(--theme-accent-text-color);
    font-weight: inherit;
    min-width: 0;
    padding: 0 0.25rem;
    text-decoration: underline;
    text-underline-offset: 2px;
}

[b-w2owtznmwu] .asset-risk-score-history-button:hover::part(control),
[b-w2owtznmwu] .asset-risk-score-history-button:active::part(control),
[b-w2owtznmwu] .asset-risk-score-history-button:focus-visible::part(control) {
    background: transparent !important;
    border-color: transparent !important;
    color: var(--theme-accent-text-color);
}

[b-w2owtznmwu] .asset-risk-score-history-button__tooltip {
    display: inline-flex;
}
/* _content/CoGo.Web/Pages/SharedComponents/BatteryLevelIndicator.razor.rz.scp.css */
.battery-level-indicator[b-gcehospaci] {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    color: var(--theme-text-primary-color);
}

.battery-level-indicator__icon[b-gcehospaci] {
    display: inline-block;
    flex: 0 0 24px;
    width: 24px;
    height: 24px;
    background-color: var(--theme-accent-text-color);
    -webkit-mask: var(--battery-level-icon) center / contain no-repeat;
    mask: var(--battery-level-icon) center / contain no-repeat;
}

.battery-level-indicator__icon--level-3[b-gcehospaci] {
    --battery-level-icon: url("/images/icons/battery/battery-3.svg");
}

.battery-level-indicator__icon--level-4[b-gcehospaci] {
    --battery-level-icon: url("/images/icons/battery/battery-4.svg");
}

.battery-level-indicator__icon--level-5[b-gcehospaci] {
    --battery-level-icon: url("/images/icons/battery/battery-5.svg");
}

.battery-level-indicator__icon--level-6[b-gcehospaci] {
    --battery-level-icon: url("/images/icons/battery/battery-6.svg");
}

.battery-level-indicator__icon--level-8[b-gcehospaci] {
    --battery-level-icon: url("/images/icons/battery/battery-8.svg");
}

.battery-level-indicator__icon--level-10[b-gcehospaci] {
    --battery-level-icon: url("/images/icons/battery/battery-10.svg");
}

.battery-level-indicator--low .battery-level-indicator__icon[b-gcehospaci] {
    background-color: var(--theme-status-danger-color);
}

.battery-level-indicator--unavailable[b-gcehospaci] {
    color: var(--theme-text-disabled-color);
}

.battery-level-indicator--unavailable .battery-level-indicator__icon[b-gcehospaci] {
    background-color: var(--theme-text-disabled-color);
}
/* _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;
}

.bia-category-name[b-5ubxrrckug] {
    display: flex;
    align-items: center;
    gap: 0.375rem;
}

/* The level colours are set on the slider element itself by the global .bia-level-slider-N
   rules, and FluentUI's disabled styling only dims them. A locked dimension carried over from a
   higher tier can therefore sit at Catastrophic and paint a full red track, which reads as an
   active setting. Neutral grey is what makes the row look inert rather than merely faded. */
.bia-category-row-unavailable[b-5ubxrrckug]  [class*="bia-level-slider-"] {
    --accent-fill-rest: var(--theme-border-default-color);
    --accent-fill-hover: var(--theme-border-default-color);
    --accent-fill-active: var(--theme-border-default-color);
}

/* The caption replaces the impact description on a locked row, so it takes the height that
   description reserves and keeps the rows in the list evenly spaced. It is the one part of a
   locked row that is not greyed out, because it is what the reader is meant to act on. */
.bia-category-unavailable-caption[b-5ubxrrckug] {
    display: flex;
    align-items: center;
    min-height: 40px;
    color: var(--theme-text-secondary-color);
}

/* The impact description is hidden below this width, so the caption drops the height it was
   matching and the locked rows stay as compact as the rest of the list. */
@media screen and (max-width: 1280px) {
    .bia-category-unavailable-caption[b-5ubxrrckug] {
        min-height: 0;
    }
}

@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 */
.arma-chat-host[b-hdp8t1ekul] {
    position: fixed;
    top: var(--top-bar-height);
    right: 0;
    bottom: 0;
    left: var(--navigation-menu-width);
    z-index: 950;
    pointer-events: none;
}

.arma-chat-pane[b-hdp8t1ekul] {
    --arma-chat-border-color: var(--theme-border-default-color);
    --arma-chat-error-color: var(--theme-status-danger-color);
    --arma-chat-muted-color: var(--neutral-foreground-hint);
    --arma-chat-subtle-color: var(--theme-surface-subtle-color);
    --arma-chat-surface-color: var(--theme-surface-default-color);
    --arma-chat-text-color: var(--theme-text-primary-color);
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    min-width: 420px;
    max-width: 100%;
    height: calc(var(--vh, 1vh) * 100 - var(--top-bar-height));
    max-height: calc(var(--vh, 1vh) * 100 - var(--top-bar-height));
    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 color-mix(in srgb, var(--brand-primary-color) 16%, transparent);
    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, transparent, var(--theme-border-strong-color), transparent);
}

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

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

.arma-chat-header[b-hdp8t1ekul] {
    min-height: 52px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 8px 12px 8px 16px;
    border-bottom: 1px solid var(--arma-chat-border-color);
    background: var(--arma-chat-surface-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: var(--brand-primary-color);
}

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

.arma-chat-pane[b-hdp8t1ekul]  .arma-chat-header-button {
    width: 34px !important;
    min-width: 34px !important;
    height: 34px !important;
    min-height: 34px !important;
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    flex: 0 0 auto;
    padding: 0 !important;
    border: 1px solid transparent !important;
    border-radius: 8px;
    background: transparent !important;
    box-shadow: none !important;
    color: var(--brand-primary-color) !important;
    cursor: pointer;
    line-height: 1;
    text-transform: none;
    transition: background-color 0.2s ease, color 0.2s ease, border-color 0.2s ease;
}

.arma-chat-pane[b-hdp8t1ekul]  .arma-chat-header-button:hover:not(:disabled),
.arma-chat-pane[b-hdp8t1ekul]  .arma-chat-header-button:focus-visible {
    border-color: color-mix(in srgb, var(--brand-primary-color) 10%, transparent) !important;
    background: var(--theme-surface-hover-color) !important;
    color: var(--accent-fill-rest) !important;
}

.arma-chat-pane[b-hdp8t1ekul]  .arma-chat-header-button:hover:not(:disabled) svg,
.arma-chat-pane[b-hdp8t1ekul]  .arma-chat-header-button:focus-visible svg,
.arma-chat-pane[b-hdp8t1ekul]  .arma-chat-header-button:hover:not(:disabled) svg path,
.arma-chat-pane[b-hdp8t1ekul]  .arma-chat-header-button:focus-visible svg path {
    color: var(--accent-fill-rest) !important;
    fill: currentColor !important;
}

.arma-chat-pane[b-hdp8t1ekul]  .arma-chat-header-button:disabled,
.arma-chat-pane[b-hdp8t1ekul]  .arma-chat-header-button.e-disabled {
    cursor: not-allowed;
    opacity: 0.45;
}

.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: var(--theme-overlay-scrim-color);
}

.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 color-mix(in srgb, var(--brand-primary-color) 10%, transparent);
}

.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(--brand-primary-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 var(--arma-chat-border-color);
    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: var(--accent-fill-rest);
    box-shadow: 0 0 0 3px color-mix(in srgb, var(--brand-primary-color) 16%, transparent);
}

.arma-chat-history-dialog__search input[type="search"][b-hdp8t1ekul]::-webkit-search-cancel-button {
    -webkit-appearance: none;
    appearance: none;
    width: 14px;
    height: 14px;
    cursor: pointer;
    background-color: var(--brand-primary-color);
    -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M4.28 3.22a.75.75 0 0 0-1.06 1.06L6.94 8l-3.72 3.72a.75.75 0 1 0 1.06 1.06L8 9.06l3.72 3.72a.75.75 0 1 0 1.06-1.06L9.06 8l3.72-3.72a.75.75 0 0 0-1.06-1.06L8 6.94z'/%3E%3C/svg%3E") center / contain no-repeat;
    mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M4.28 3.22a.75.75 0 0 0-1.06 1.06L6.94 8l-3.72 3.72a.75.75 0 1 0 1.06 1.06L8 9.06l3.72 3.72a.75.75 0 1 0 1.06-1.06L9.06 8l3.72-3.72a.75.75 0 0 0-1.06-1.06L8 6.94z'/%3E%3C/svg%3E") center / contain no-repeat;
}

.arma-chat-history-dialog__search input[type="search"][b-hdp8t1ekul]::-webkit-search-cancel-button:hover {
    background-color: var(--accent-fill-rest);
}

.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-composer-region[b-hdp8t1ekul] {
    flex: 0 0 auto;
    padding: 12px 16px 16px;
}

.arma-chat-composer-region[b-hdp8t1ekul]  .chat-input--lumi {
    width: auto;
    margin: 0;
}

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

@media (max-width: 768px), (hover: none) and (pointer: coarse) {
    .arma-chat-host[b-hdp8t1ekul] {
        top: var(--top-bar-height) !important;
        right: 0 !important;
        bottom: 0 !important;
        left: 0 !important;
        width: 100vw;
        height: calc(var(--vh, 1vh) * 100 - var(--top-bar-height));
        max-height: calc(var(--vh, 1vh) * 100 - var(--top-bar-height));
        pointer-events: auto;
        background: var(--theme-surface-default-color);
        z-index: 1010;
    }

    .arma-chat-pane[b-hdp8t1ekul] {
        position: fixed;
        top: var(--top-bar-height) !important;
        bottom: 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 - var(--top-bar-height)) !important;
        min-height: calc(var(--vh, 1vh) * 100 - var(--top-bar-height)) !important;
        max-height: calc(var(--vh, 1vh) * 100 - var(--top-bar-height)) !important;
        overflow: hidden;
        border-left: none;
        border-radius: 0;
        box-shadow: none;
        animation: none;
    }

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

    .arma-chat-history-overlay[b-hdp8t1ekul] {
        position: fixed;
        inset: var(--top-bar-height) 0 0;
        padding: 0;
        background: var(--theme-surface-default-color);
    }

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

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

}
/* _content/CoGo.Web/Pages/SharedComponents/ChatComposer.razor.rz.scp.css */
.chat-input[b-nzqrqlhh4h] {
    padding: 16px;
    border-top: 1px solid var(--arma-chat-border-color);
    background: var(--arma-chat-surface-color);
}

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

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

.chat-input textarea:focus[b-nzqrqlhh4h] {
    border-color: var(--theme-border-strong-color);
    outline: none;
    box-shadow: none;
}

/* One row: the textarea grows on the left, the send button stays bottom right. */
.chat-input__row[b-nzqrqlhh4h] {
    display: flex;
    align-items: flex-end;
    gap: 0.5rem;
}

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

.chat-input[b-nzqrqlhh4h]  button {
    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[b-nzqrqlhh4h]  button:hover:not(:disabled) {
    transform: none;
}

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

.chat-input[b-nzqrqlhh4h]  .chat-primary-button {
    background: transparent !important;
    border-color: transparent !important;
    box-shadow: none !important;
    color: var(--accent-fill-rest) !important;
}

.chat-input[b-nzqrqlhh4h]  button.chat-primary-button--send,
.chat-input[b-nzqrqlhh4h]  button.chat-primary-button--cancel {
    width: 36px;
    height: 36px;
    min-width: 36px;
    min-height: 36px;
    padding: 0;
    border: none;
    border-radius: 50%;
}

.chat-input--lumi[b-nzqrqlhh4h]  button.chat-primary-button--send,
.chat-input--lumi[b-nzqrqlhh4h]  button.chat-primary-button--cancel {
    background: transparent !important;
    color: var(--accent-fill-rest) !important;
}

.chat-input--lumi[b-nzqrqlhh4h]  button.chat-primary-button--send:hover:not(:disabled),
.chat-input--lumi[b-nzqrqlhh4h]  button.chat-primary-button--send:focus-visible,
.chat-input--lumi[b-nzqrqlhh4h]  button.chat-primary-button--cancel:hover:not(:disabled),
.chat-input--lumi[b-nzqrqlhh4h]  button.chat-primary-button--cancel:focus-visible {
    background: var(--theme-surface-hover-color) !important;
}

.chat-input--lumi[b-nzqrqlhh4h]  button.chat-primary-button--send:disabled,
.chat-input--lumi[b-nzqrqlhh4h]  button.chat-primary-button--send.e-disabled,
.chat-input--lumi[b-nzqrqlhh4h]  button.chat-primary-button--cancel:disabled,
.chat-input--lumi[b-nzqrqlhh4h]  button.chat-primary-button--cancel.e-disabled {
    background: transparent !important;
}

.chat-input--lumi[b-nzqrqlhh4h] {
    width: var(--lumi-chat-conversation-width);
    margin-right: auto;
    margin-left: auto;
    padding: 14px;
    border: 1px solid var(--arma-chat-border-color);
    border-radius: 12px;
    box-shadow: 0 12px 30px color-mix(in srgb, var(--brand-primary-color) 7%, transparent);
    transition: border-color 0.16s ease, box-shadow 0.16s ease;
}

.chat-input--lumi:focus-within[b-nzqrqlhh4h] {
    border-color: var(--accent-fill-rest);
    box-shadow:
        0 0 0 1px color-mix(in srgb, var(--brand-primary-color) 20%, transparent),
        0 16px 36px color-mix(in srgb, var(--brand-primary-color) 14%, transparent);
}

.chat-input--lumi textarea[b-nzqrqlhh4h] {
    min-height: 4rem;
    padding: 0.4rem 0.5rem;
    border: none;
}

.chat-input--lumi textarea:focus[b-nzqrqlhh4h] {
    border: none;
}

.lumi-chat-composer-region .chat-input--lumi[b-nzqrqlhh4h] {
    position: relative;
    z-index: 1;
    background: var(--arma-chat-surface-color);
    pointer-events: auto;
}

@media (max-width: 768px), (hover: none) and (pointer: coarse) {
    .chat-input--lumi[b-nzqrqlhh4h] {
        position: relative;
        order: 3;
        width: 100%;
        padding: 4px;
    }
}
/* _content/CoGo.Web/Pages/SharedComponents/ChatConversationList.razor.rz.scp.css */
.chat-conversation-list[b-iwv8i3yr7a] {
    width: 100%;
    min-width: 0;
}

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

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

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

.arma-chat-history-skeleton-line[b-iwv8i3yr7a] {
    height: 12px;
    border-radius: 999px;
    background: linear-gradient(90deg, var(--theme-surface-subtle-color) 0%, var(--theme-surface-muted-color) 50%, var(--theme-surface-subtle-color) 100%);
    background-size: 200% 100%;
    animation: arma-chat-skeleton-b-iwv8i3yr7a 1.2s ease-in-out infinite;
}

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

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

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

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

@media (prefers-reduced-motion: reduce) {
    .arma-chat-history-skeleton-line[b-iwv8i3yr7a] {
        animation: none;
    }
}

.arma-chat-history-group[b-iwv8i3yr7a] {
    position: relative;
}

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

.arma-chat-history-group h3[b-iwv8i3yr7a] {
    position: sticky;
    top: 0;
    z-index: 10;
    min-height: 34px;
    display: flex;
    align-items: center;
    box-sizing: border-box;
    width: 100%;
    margin: 0;
    padding: 7px 8px 6px;
    overflow: visible;
    background: var(--arma-chat-surface-color);
    box-shadow: 0 1px 0 color-mix(in srgb, var(--arma-chat-border-color) 42%, transparent);
    color: var(--arma-chat-muted-color);
    font-size: 0.8rem;
    font-weight: 700;
    letter-spacing: 0.04em;
    text-transform: uppercase;
}

.arma-chat-history-group h3[b-iwv8i3yr7a]::before {
    content: "";
    position: absolute;
    top: -4px;
    right: 0;
    left: 0;
    z-index: 1;
    height: 4px;
    background: inherit;
    pointer-events: none;
}

.arma-chat-history-group ul[b-iwv8i3yr7a] {
    position: relative;
    z-index: 0;
    margin: 0;
    padding: 4px 0 0;
    list-style: none;
}

.arma-chat-history-group li[b-iwv8i3yr7a] {
    position: relative;
    z-index: 0;
}

.arma-chat-history-item-row[b-iwv8i3yr7a] {
    display: flex;
    align-items: center;
    border-radius: 8px;
    transition: background-color 0.15s ease;
}

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

.arma-chat-history-item[b-iwv8i3yr7a] {
    flex: 1 1 auto;
    min-width: 0;
    padding: 10px 12px;
    border: none;
    border-radius: 8px;
    background: transparent;
    text-align: left;
    cursor: pointer;
}

.arma-chat-history-item__title[b-iwv8i3yr7a] {
    overflow: hidden;
    color: var(--arma-chat-text-color);
    font-size: 0.95rem;
    font-weight: 600;
    text-overflow: ellipsis;
    white-space: nowrap;
}

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

.arma-chat-history-item__delete[b-iwv8i3yr7a] {
    flex-shrink: 0;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin-right: 6px;
    padding: 6px;
    border: none;
    border-radius: 6px;
    background: transparent;
    color: var(--arma-chat-muted-color);
    cursor: pointer;
}

.arma-chat-history-item__delete:hover[b-iwv8i3yr7a] {
    background: var(--arma-chat-border-color);
}

.arma-chat-history-item__delete:disabled[b-iwv8i3yr7a] {
    cursor: default;
    opacity: 0.5;
}

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

.chat-conversation-list--lumi .arma-chat-history-item-row[b-iwv8i3yr7a] {
    --lumi-row-hover-surface: color-mix(in srgb, var(--brand-primary-color) 12%, var(--theme-surface-default-color));
    position: relative;
    z-index: 0;
}

.chat-conversation-list--lumi .arma-chat-history-item-row:hover[b-iwv8i3yr7a] {
    background: var(--lumi-row-hover-surface);
}

.chat-conversation-list--lumi .arma-chat-history-item-row.is-selected .arma-chat-history-item__title[b-iwv8i3yr7a] {
    color: var(--brand-primary-color);
    font-weight: 600;
}

.chat-conversation-list--lumi .arma-chat-history-item__delete[b-iwv8i3yr7a] {
    position: absolute;
    top: 50%;
    right: 6px;
    z-index: 1;
    margin: 0;
    transform: translateY(-50%);
    background: var(--lumi-row-hover-surface);
    color: var(--accent-fill-rest);
    opacity: 0;
    pointer-events: none;
    transition: opacity 0.15s ease;
}

.chat-conversation-list--lumi .arma-chat-history-item__delete:hover[b-iwv8i3yr7a],
.chat-conversation-list--lumi .arma-chat-history-item__delete:focus-visible[b-iwv8i3yr7a] {
    background: var(--lumi-row-hover-surface);
    color: var(--accent-fill-rest);
}

.chat-conversation-list--lumi .arma-chat-history-item-row:hover .arma-chat-history-item__delete[b-iwv8i3yr7a],
.chat-conversation-list--lumi .arma-chat-history-item__delete:focus-visible[b-iwv8i3yr7a] {
    opacity: 1;
    pointer-events: auto;
}

.chat-conversation-list--lumi .arma-chat-history-item-row:hover .arma-chat-history-item__delete:disabled[b-iwv8i3yr7a],
.chat-conversation-list--lumi .arma-chat-history-item__delete:focus-visible:disabled[b-iwv8i3yr7a] {
    opacity: 0.5;
}

.chat-conversation-list--sidebar .arma-chat-history-group h3[b-iwv8i3yr7a] {
    top: 0;
    min-height: 34px;
    margin-bottom: 0;
    padding: 8px 10px 6px;
    background: var(--lumi-chat-sidebar-surface-color);
    box-shadow: 0 1px 0 color-mix(in srgb, var(--brand-primary-color) 8%, transparent);
    font-size: 0.75rem;
    font-weight: 500;
    letter-spacing: normal;
    text-transform: none;
}

.chat-conversation-list--sidebar .arma-chat-history-group:first-child h3[b-iwv8i3yr7a] {
    top: -4px;
}

.chat-conversation-list--sidebar .arma-chat-history-group + .arma-chat-history-group[b-iwv8i3yr7a] {
    margin-top: 8px;
}

.chat-conversation-list--sidebar .arma-chat-history-group li[b-iwv8i3yr7a] {
    border-top: none;
}

.chat-conversation-list--sidebar .arma-chat-history-group ul[b-iwv8i3yr7a] {
    padding-top: 4px;
}

.chat-conversation-list--sidebar .arma-chat-history-item[b-iwv8i3yr7a] {
    padding: 8px 10px;
}

.chat-conversation-list--sidebar .arma-chat-history-item__title[b-iwv8i3yr7a] {
    font-size: 0.82rem;
    font-weight: 400;
}

.chat-conversation-list--sidebar .arma-chat-history-item__delete[b-iwv8i3yr7a] {
    top: 50%;
    transform: translateY(-50%);
}

.chat-conversation-list--sidebar .arma-chat-history-item-row.is-selected .arma-chat-history-item__title[b-iwv8i3yr7a] {
    color: var(--brand-primary-color);
    font-weight: 600;
}

@media (max-width: 768px), (hover: none) and (pointer: coarse) {
    .chat-conversation-list--sidebar .arma-chat-history-item[b-iwv8i3yr7a] {
        padding-right: 48px;
    }

    .chat-conversation-list--sidebar .arma-chat-history-item__delete[b-iwv8i3yr7a],
    .chat-conversation-list--sidebar .arma-chat-history-item-row.is-selected .arma-chat-history-item__delete[b-iwv8i3yr7a],
    .chat-conversation-list--sidebar .arma-chat-history-item__delete:hover[b-iwv8i3yr7a] {
        background: transparent;
        box-shadow: none;
        opacity: 1;
        pointer-events: auto;
    }

    .chat-conversation-list--sidebar .arma-chat-history-item__delete:disabled[b-iwv8i3yr7a] {
        opacity: 0.5;
    }
}
/* _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: var(--theme-status-success-border-color);
    background: var(--theme-status-success-subtle-color);
}

.chat-disambiguation.is-dismissed[b-7x9e6up7y0] {
    border-color: var(--theme-border-muted-color);
    background: var(--theme-surface-subtle-color);
}

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

.chat-disambiguation-status.is-dismissed[b-7x9e6up7y0] {
    background: var(--theme-surface-subtle-color);
    color: var(--theme-text-muted-color);
}

.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: 8px;
    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: var(--theme-action-primary-rest-color);
    background: var(--theme-action-primary-lighter-color);
}

.chat-disambiguation-option:focus-visible[b-7x9e6up7y0] {
    outline: none;
    border-color: var(--accent-fill-rest);
    box-shadow: 0 0 0 3px color-mix(in srgb, var(--brand-primary-color) 16%, transparent);
}

.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: var(--theme-border-strong-color);
    background: var(--theme-surface-subtle-color);
    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: color-mix(in srgb, var(--brand-primary-color) 8%, var(--theme-surface-default-color));
    color: var(--accent-fill-rest);
    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: var(--theme-surface-subtle-color);
    color: var(--theme-text-secondary-color);
    font-size: 0.7rem;
    font-weight: 600;
}
/* _content/CoGo.Web/Pages/SharedComponents/ChatPendingActionCard.razor.rz.scp.css */
.chat-pending-action[b-v5u0515j73] {
    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-v5u0515j73] {
    border-color: var(--theme-status-success-border-color);
    background: var(--theme-status-success-subtle-color);
}

.chat-pending-action.is-denied[b-v5u0515j73] {
    border-color: var(--theme-status-danger-border-color);
    background: var(--theme-status-danger-subtle-color);
}

.chat-pending-action.is-partial-failure[b-v5u0515j73] {
    border-color: var(--theme-status-warning-border-color);
    background: var(--theme-status-warning-subtle-color);
}

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

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

.chat-pending-action-status[b-v5u0515j73] {
    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-v5u0515j73] {
    background: var(--theme-status-success-subtle-color);
    color: var(--theme-status-success-color);
}

.chat-pending-action-status.is-denied[b-v5u0515j73] {
    background: var(--theme-status-danger-subtle-color);
    color: var(--arma-chat-error-color);
}

.chat-pending-action-status.is-partial-failure[b-v5u0515j73] {
    background: var(--theme-status-warning-subtle-color);
    color: var(--theme-status-warning-color);
}

.chat-pending-action-reason[b-v5u0515j73] {
    margin-bottom: 0.5rem;
    padding: 0.45rem 0.55rem;
    border-radius: 6px;
    background: var(--theme-status-warning-subtle-color);
    color: var(--theme-status-warning-color);
    font-size: 0.78rem;
    font-weight: 600;
}

.chat-pending-action-history-note[b-v5u0515j73] {
    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;
}

/* Sibling based rather than :first-of-type. The plan title, status and reason
   are divs too, so the first item is never the first div of its type and the
   separator was landing above it. */
.chat-pending-action-item[b-v5u0515j73] {
    padding-bottom: 0.55rem;
}

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

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

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

.chat-pending-action-item-note[b-v5u0515j73] {
    color: var(--theme-status-warning-color);
}

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

/* SfButton renders the button element, so these need ::deep to reach it and
   !important to beat the Syncfusion theme. */
.chat-pending-action-buttons[b-v5u0515j73]  button {
    flex: 1;
    min-height: 38px;
    padding: 0.5rem 1rem !important;
    border: 1px solid transparent !important;
    border-radius: 999px !important;
    box-shadow: none !important;
    cursor: pointer;
    font-weight: 600;
    transition: background-color 0.2s ease, border-color 0.2s ease, color 0.2s ease;
}

.chat-pending-action-buttons[b-v5u0515j73]  button.chat-pending-action-accept {
    background: var(--theme-action-primary-rest-color) !important;
    color: var(--theme-text-inverse-color) !important;
}

.chat-pending-action-buttons[b-v5u0515j73]  button.chat-pending-action-accept:hover:not(:disabled),
.chat-pending-action-buttons[b-v5u0515j73]  button.chat-pending-action-accept:focus-visible {
    background: var(--theme-action-primary-hover-color) !important;
}

.chat-pending-action-buttons[b-v5u0515j73]  button.chat-pending-action-deny {
    border-color: var(--theme-border-default-color) !important;
    background: var(--arma-chat-surface-color) !important;
    color: var(--arma-chat-text-color) !important;
}

.chat-pending-action-buttons[b-v5u0515j73]  button.chat-pending-action-deny:hover:not(:disabled),
.chat-pending-action-buttons[b-v5u0515j73]  button.chat-pending-action-deny:focus-visible {
    border-color: var(--accent-fill-rest) !important;
    background: var(--theme-surface-hover-color) !important;
    color: var(--accent-fill-rest) !important;
}

.chat-pending-action-buttons[b-v5u0515j73]  button:focus-visible {
    box-shadow: 0 0 0 3px color-mix(in srgb, var(--brand-primary-color) 16%, transparent) !important;
}

.chat-pending-action-buttons[b-v5u0515j73]  button:disabled,
.chat-pending-action-buttons[b-v5u0515j73]  button.e-disabled {
    cursor: not-allowed;
    opacity: 0.55;
}
/* _content/CoGo.Web/Pages/SharedComponents/ChatProcessingStatus.razor.rz.scp.css */
.chat-processing-status[b-iz7etkpnwm] {
    align-items: center;
    color: var(--theme-text-muted-color);
    display: inline-flex;
    font-size: 14px;
    gap: 0.4rem;
    line-height: 14px;
}

.chat-processing-status__icon[b-iz7etkpnwm] {
    background: linear-gradient(
        135deg,
        color-mix(in srgb, var(--brand-primary-color) 45%, var(--theme-surface-default-color)),
        var(--brand-primary-color));
    border: 1px solid var(--brand-primary-color);
    border-radius: 50%;
    box-shadow:
        0 0 0 2px color-mix(in srgb, var(--brand-primary-color) 35%, var(--theme-surface-default-color)) inset,
        0 0 7px color-mix(in srgb, var(--brand-primary-color) 65%, transparent);
    display: inline-block;
    flex: 0 0 16px;
    height: 16px;
    isolation: isolate;
    position: relative;
    width: 16px;
}

.chat-processing-status__icon[b-iz7etkpnwm]::before {
    background: var(--brand-primary-color);
    border-radius: inherit;
    content: "";
    inset: 3px;
    position: absolute;
    z-index: 1;
}

.chat-processing-status__icon[b-iz7etkpnwm]::after {
    animation: chat-processing-ring-pulse-b-iz7etkpnwm 1.5s ease-in-out infinite;
    border: 1px solid color-mix(in srgb, var(--brand-primary-color) 60%, transparent);
    border-radius: inherit;
    content: "";
    inset: -3px;
    opacity: 0.7;
    position: absolute;
    z-index: 0;
}

.chat-processing-status__text[b-iz7etkpnwm] {
    line-height: inherit;
}

.chat-processing-status__dots span[b-iz7etkpnwm] {
    animation: chat-processing-dot-pulse-b-iz7etkpnwm 1.2s ease-in-out infinite;
    display: inline-block;
    opacity: 0.25;
}

.chat-processing-status__dots span:nth-child(2)[b-iz7etkpnwm] {
    animation-delay: 0.15s;
}

.chat-processing-status__dots span:nth-child(3)[b-iz7etkpnwm] {
    animation-delay: 0.3s;
}

@keyframes chat-processing-dot-pulse-b-iz7etkpnwm {
    0%, 60%, 100% {
        opacity: 0.25;
        transform: translateY(0);
    }

    30% {
        opacity: 1;
        transform: translateY(-1px);
    }
}

@keyframes chat-processing-ring-pulse-b-iz7etkpnwm {
    0%, 100% {
        opacity: 0.35;
        transform: scale(0.8);
    }

    50% {
        opacity: 1;
        transform: scale(1.15);
    }
}

@media (prefers-reduced-motion: reduce) {
    .chat-processing-status__icon[b-iz7etkpnwm]::after {
        animation: none;
    }

    .chat-processing-status__dots span[b-iz7etkpnwm] {
        animation: none;
    }
}
/* _content/CoGo.Web/Pages/SharedComponents/ChatTranscript.razor.rz.scp.css */
.chat-message-wrapper[b-er2hngepaq] {
    container: chat-message / inline-size;
    display: flex;
    flex-direction: column;
    width: 100%;
}

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

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

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

.chat-message.user[b-er2hngepaq] {
    border: 1px solid color-mix(in srgb, var(--lumi-chat-selected-conversation-surface-color, var(--theme-surface-selected-color)) 55%, var(--arma-chat-surface-color));
    border-bottom-right-radius: 4px;
    background: color-mix(in srgb, var(--lumi-chat-selected-conversation-surface-color, var(--theme-surface-selected-color)) 60%, var(--arma-chat-surface-color));
    box-shadow: none;
    color: var(--arma-chat-text-color);
    max-width: min(72%, 34rem);
    white-space: pre-wrap;
}

.chat-message.bot[b-er2hngepaq] {
    width: 100%;
    padding: 0.75rem 0;
    border: none;
    border-radius: 0;
    background: transparent;
    color: var(--arma-chat-text-color);
    white-space: normal;
}

.chat-message.bot .chat-markdown[b-er2hngepaq]  p {
    margin: 0;
    font-family: inherit;
    font-size: inherit;
    font-weight: inherit;
    line-height: inherit;
}

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

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

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

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

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

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

.chat-message-actions[b-er2hngepaq] {
    align-self: stretch;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 0.45rem;
    margin-top: 0.2rem;
    padding-top: 0.38rem;
    border-top: 1px solid color-mix(in srgb, var(--arma-chat-muted-color) 22%, transparent);
    color: var(--arma-chat-muted-color);
}

.chat-message-actions__meta[b-er2hngepaq] {
    order: 2;
    display: inline-flex;
    align-items: center;
    min-height: 28px;
    min-width: 0;
    max-width: 0;
    margin-left: 0.05rem;
    overflow: hidden;
}

.chat-message-response-time[b-er2hngepaq] {
    color: inherit;
    font-size: 0.74rem;
    line-height: 1;
    opacity: 0;
    transform: translateX(-2px);
    transition: opacity 0.16s ease, transform 0.16s ease;
    visibility: hidden;
    white-space: nowrap;
}

.chat-message-wrapper.bot:hover .chat-message-actions__meta[b-er2hngepaq],
.chat-message-wrapper.bot:focus-within .chat-message-actions__meta[b-er2hngepaq] {
    max-width: 8rem;
}

.chat-message-wrapper.bot:hover .chat-message-response-time[b-er2hngepaq],
.chat-message-wrapper.bot:focus-within .chat-message-response-time[b-er2hngepaq] {
    opacity: 1;
    transform: translateX(0);
    visibility: visible;
}

.chat-message-actions[b-er2hngepaq]  .chat-message-action-button {
    order: 1 !important;
    width: 34px !important;
    height: 34px !important;
    min-width: 34px !important;
    min-height: 34px !important;
    padding: 0 !important;
    border: none !important;
    border-radius: 6px !important;
    background: transparent !important;
    box-shadow: none !important;
    color: var(--arma-chat-muted-color) !important;
}

.chat-message-actions[b-er2hngepaq]  .chat-message-action-button:hover:not(:disabled),
.chat-message-actions[b-er2hngepaq]  .chat-message-action-button:focus-visible {
    background: var(--lumi-chat-brand-hover-surface-color, var(--theme-surface-hover-color)) !important;
    color: var(--brand-primary-color) !important;
}

.chat-message-copy-icon[b-er2hngepaq] {
    position: relative;
    width: 18px;
    height: 18px;
    display: inline-block;
    color: currentColor;
}

.chat-message-copy-icon[b-er2hngepaq]::before,
.chat-message-copy-icon[b-er2hngepaq]::after {
    position: absolute;
    content: "";
    width: 11px;
    height: 12px;
    border: 1.7px solid currentColor;
    border-radius: 2px;
}

.chat-message-copy-icon[b-er2hngepaq]::before {
    top: 1px;
    left: 5px;
    opacity: 0.72;
}

.chat-message-copy-icon[b-er2hngepaq]::after {
    top: 5px;
    left: 1px;
    background: var(--arma-chat-surface-color);
}

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

.loading-dots span[b-er2hngepaq] {
    width: 6px;
    height: 6px;
    border-radius: 999px;
    background: var(--theme-text-muted-color);
    animation: arma-chat-wave-b-er2hngepaq 1.2s ease-in-out infinite;
}

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

@keyframes arma-chat-wave-b-er2hngepaq {
    0%, 60%, 100% {
        transform: scale(1) translateY(0);
        background: var(--theme-text-muted-color);
    }

    30% {
        transform: scale(1.35) translateY(-4px);
        background: var(--theme-text-disabled-color);
    }
}

.chat-error[b-er2hngepaq] {
    display: flex;
    align-items: center;
    gap: 0.6rem;
    margin-top: 4px;
    padding: 0.75rem 0.9rem;
    border: 1px solid var(--theme-status-danger-border-color);
    border-radius: 8px;
    background: var(--theme-status-danger-subtle-color);
}

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

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

.chat-error-retry[b-er2hngepaq] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.35rem;
    min-height: 36px;
    padding: 0.45rem 0.95rem;
    border: 1px solid var(--arma-chat-border-color);
    border-radius: 20px;
    background: var(--arma-chat-surface-color);
    color: var(--arma-chat-text-color);
    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-error-retry:hover[b-er2hngepaq] {
    transform: none;
}

@media (max-width: 768px), (hover: none) and (pointer: coarse) {
    .chat-message.user[b-er2hngepaq] {
        max-width: 92%;
    }
}

@container chat-message (max-width: 24rem) {
    .chat-message.user[b-er2hngepaq] {
        max-width: 92%;
    }
}
/* _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/CultureSelector.razor.rz.scp.css */
.culture-selector-menu[b-0xymb7kbf7] {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
    padding: 0.25rem;
}

.culture-option[b-0xymb7kbf7] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    width: 100%;
    padding: 0.375rem 0.5rem;
    border: none;
    border-radius: 4px;
    background: transparent;
    font-size: 14px;
    line-height: 20px;
    color: var(--theme-text-secondary-color);
    text-align: start;
    cursor: pointer;
}

.culture-option:hover[b-0xymb7kbf7] {
    background-color: var(--theme-surface-hover-color);
}

.culture-option:focus-visible[b-0xymb7kbf7] {
    outline: 2px solid var(--theme-focus-ring-color);
    outline-offset: -2px;
}

.culture-option--selected[b-0xymb7kbf7] {
    background-color: var(--theme-surface-selected-color);
    font-weight: 500;
}

.culture-option__name[b-0xymb7kbf7] {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.culture-option__check[b-0xymb7kbf7] {
    display: flex;
    flex: 0 0 auto;
    align-items: center;
    margin-inline-start: auto;
    color: var(--theme-action-primary-rest-color);
    font-size: 16px;
    line-height: 1;
}
/* _content/CoGo.Web/Pages/SharedComponents/GoogleMapOptions.razor.rz.scp.css */
.google-map-options[b-x6qxir03jw] {
    align-items: flex-start;
    display: flex;
    flex-direction: column;
    font-family: var(--brand-font-family, "Inter", "Segoe UI", "Arial", sans-serif);
    left: 0.75rem;
    pointer-events: none;
    position: absolute;
    top: 0.75rem;
    z-index: 5;
}

.google-map-options[b-x6qxir03jw]  .google-map-options__trigger.e-btn {
    background: var(--theme-surface-default-color);
    border: 1px solid color-mix(in srgb, var(--theme-surface-default-color) 92%, transparent);
    border-radius: 0.75rem;
    box-shadow:
        0 0 0 1px color-mix(in srgb, var(--theme-border-default-color) 95%, transparent),
        0 0 0 4px color-mix(in srgb, var(--theme-surface-default-color) 14%, transparent),
        0 18px 42px color-mix(in srgb, var(--theme-text-primary-color) 20%, transparent);
    outline: 1px solid color-mix(in srgb, var(--theme-surface-default-color) 62%, transparent);
    outline-offset: 3px;
    display: block;
    flex: none;
    height: 4.5rem;
    min-width: 0;
    overflow: hidden;
    padding: 0;
    pointer-events: auto;
    position: relative;
    text-transform: none;
    width: 4.5rem;
}

.google-map-options[b-x6qxir03jw]  .google-map-options__trigger.e-btn:hover {
    box-shadow:
        0 0 0 1px color-mix(in srgb, var(--theme-border-strong-color) 95%, transparent),
        0 0 0 4px color-mix(in srgb, var(--theme-surface-default-color) 24%, transparent),
        0 18px 42px color-mix(in srgb, var(--theme-text-primary-color) 26%, transparent);
}

.google-map-options[b-x6qxir03jw]  .google-map-options__trigger.e-btn:focus-visible {
    outline: 0.125rem solid var(--theme-focus-ring-color);
    outline-offset: 3px;
}

.google-map-options[b-x6qxir03jw]  .google-map-options__trigger-thumbnail {
    display: block;
    height: 100%;
    object-fit: cover;
    width: 100%;
}

.google-map-options[b-x6qxir03jw]  .google-map-options__trigger-label {
    align-items: center;
    background: rgb(255 255 255 / 0.92);
    bottom: 0;
    color: var(--theme-text-secondary-color);
    display: flex;
    gap: 0.25rem;
    left: 0;
    padding: 0.1875rem 0.25rem;
    position: absolute;
    right: 0;
}

.google-map-options[b-x6qxir03jw]  .google-map-options__trigger-icon {
    background: currentColor;
    display: block;
    flex: none;
    height: 0.75rem;
    -webkit-mask: url("/images/home/map-options/map-options.svg") center / contain no-repeat;
    mask: url("/images/home/map-options/map-options.svg") center / contain no-repeat;
    width: 0.75rem;
}

.google-map-options[b-x6qxir03jw]  .google-map-options__trigger-text {
    font-size: 0.5625rem;
    font-weight: 600;
    letter-spacing: 0.01em;
    line-height: 0.75rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.google-map-options__panel[b-x6qxir03jw] {
    animation: google-map-options-enter-b-x6qxir03jw 180ms cubic-bezier(0.2, 0.8, 0.2, 1) both;
    background: var(--theme-surface-default-color);
    border: 1px solid color-mix(in srgb, var(--theme-surface-default-color) 92%, transparent);
    border-radius: 0.75rem;
    box-shadow:
        0 0 0 1px color-mix(in srgb, var(--theme-border-default-color) 95%, transparent),
        0 0 0 4px color-mix(in srgb, var(--theme-surface-default-color) 14%, transparent),
        0 18px 42px color-mix(in srgb, var(--theme-text-primary-color) 20%, transparent);
    outline: 1px solid color-mix(in srgb, var(--theme-surface-default-color) 62%, transparent);
    outline-offset: 3px;
    display: flex;
    flex-direction: column;
    max-height: calc(100vh - 12rem);
    overflow: hidden;
    pointer-events: auto;
    transform-origin: top left;
    width: 15.5rem;
}

.google-map-options__panel:focus[b-x6qxir03jw] {
    outline: none;
}

.google-map-options__header[b-x6qxir03jw] {
    align-items: center;
    display: flex;
    flex: none;
    justify-content: space-between;
    padding: 0.25rem 0.25rem 0.25rem 1rem;
}

.google-map-options__content[b-x6qxir03jw] {
    flex: 1 1 auto;
    min-height: 0;
    overflow-y: auto;
    overscroll-behavior: contain;
}

.google-map-options__title[b-x6qxir03jw] {
    color: var(--theme-text-primary-color);
    font-size: 0.8125rem;
    font-weight: 600;
    line-height: 1.125rem;
    margin: 0;
}

.google-map-options[b-x6qxir03jw]  .google-map-options__close.e-btn {
    align-items: center;
    background: transparent;
    border: 0;
    border-radius: 0.25rem;
    box-shadow: none;
    color: var(--theme-text-secondary-color);
    display: flex;
    height: 1.75rem;
    justify-content: center;
    min-width: 0;
    padding: 0;
    width: 1.75rem;
}

.google-map-options[b-x6qxir03jw]  .google-map-options__close.e-btn:hover {
    background: var(--theme-surface-hover-color);
}

.google-map-options[b-x6qxir03jw]  .google-map-options__close.e-btn:focus-visible {
    outline: 0.125rem solid var(--theme-focus-ring-color);
    outline-offset: -0.125rem;
}

.google-map-options[b-x6qxir03jw]  .google-map-options__close-icon {
    display: block;
    height: 0.875rem;
    position: relative;
    width: 0.875rem;
}

.google-map-options[b-x6qxir03jw]  .google-map-options__close-icon::before,
.google-map-options[b-x6qxir03jw]  .google-map-options__close-icon::after {
    background: currentColor;
    border-radius: 999px;
    content: "";
    height: 0.125rem;
    left: 50%;
    position: absolute;
    top: 50%;
    width: 0.875rem;
}

.google-map-options[b-x6qxir03jw]  .google-map-options__close-icon::before {
    transform: translate(-50%, -50%) rotate(45deg);
}

.google-map-options[b-x6qxir03jw]  .google-map-options__close-icon::after {
    transform: translate(-50%, -50%) rotate(-45deg);
}

.google-map-options__section-title[b-x6qxir03jw] {
    border-top: 1px solid var(--theme-border-muted-color);
    color: var(--theme-text-primary-color);
    font-size: 0.8125rem;
    font-weight: 600;
    line-height: 1.125rem;
    margin: 0 1rem;
    padding: 0.75rem 0 0.375rem;
}

.google-map-options__types[b-x6qxir03jw] {
    display: grid;
    gap: 0.5rem;
    grid-template-columns: 1fr 1fr;
    padding: 0.375rem 1rem 0.75rem;
}

.google-map-options[b-x6qxir03jw]  .google-map-options__type.e-btn {
    background: transparent;
    border: 1px solid var(--theme-border-default-color);
    border-radius: 0.5rem;
    box-shadow: none;
    display: block;
    min-width: 0;
    overflow: hidden;
    padding: 0;
    position: relative;
    text-transform: none;
    width: 100%;
}

.google-map-options[b-x6qxir03jw]  .google-map-options__type.e-btn:hover {
    border-color: var(--theme-border-strong-color);
}

.google-map-options[b-x6qxir03jw]  .google-map-options__type.e-btn:focus-visible {
    outline: 0.125rem solid var(--theme-focus-ring-color);
    outline-offset: 0.125rem;
}

.google-map-options[b-x6qxir03jw]  .google-map-options__type--selected.e-btn,
.google-map-options[b-x6qxir03jw]  .google-map-options__type--selected.e-btn:hover {
    border-color: var(--theme-action-primary-rest-color);
    box-shadow: inset 0 0 0 1px var(--theme-action-primary-rest-color);
}

.google-map-options[b-x6qxir03jw]  .google-map-options__type-thumbnail {
    display: block;
    height: 3rem;
    object-fit: cover;
    width: 100%;
}

.google-map-options[b-x6qxir03jw]  .google-map-options__type-label {
    background: rgb(255 255 255 / 0.88);
    color: var(--theme-text-secondary-color);
    display: block;
    font-size: 0.6875rem;
    font-weight: 500;
    left: 0;
    line-height: 1rem;
    padding: 0.125rem 0.375rem;
    position: absolute;
    right: 0;
    top: 0;
}

.google-map-options[b-x6qxir03jw]  .google-map-options__type--selected .google-map-options__type-label {
    color: var(--theme-action-primary-rest-color);
    font-weight: 600;
}

.google-map-options__layers[b-x6qxir03jw] {
    list-style: none;
    margin: 0;
    padding: 0 0 0.5rem;
}

.google-map-options__layers-skeleton[b-x6qxir03jw] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    padding: 0.625rem 1rem 1rem;
}

.google-map-options[b-x6qxir03jw]  .google-map-options__layer.e-btn {
    background: transparent;
    border: 0;
    border-left: 3px solid transparent;
    border-radius: 0;
    box-shadow: none;
    display: block;
    min-height: 2rem;
    padding: 0.375rem 1rem;
    text-align: left;
    text-transform: none;
    width: 100%;
}

.google-map-options[b-x6qxir03jw]  .google-map-options__layer.e-btn:hover {
    background: var(--theme-surface-list-selected-color);
}

.google-map-options[b-x6qxir03jw]  .google-map-options__layer.e-btn:focus-visible {
    outline: 0.125rem solid var(--theme-focus-ring-color);
    outline-offset: -0.125rem;
}

.google-map-options[b-x6qxir03jw]  .google-map-options__layer--selected.e-btn {
    background: var(--theme-surface-list-selected-color);
    border-left-color: var(--theme-action-primary-rest-color);
}

.google-map-options[b-x6qxir03jw]  .google-map-options__layer-name {
    color: var(--theme-text-secondary-color);
    display: block;
    font-size: 0.75rem;
    font-weight: 400;
    line-height: 1.125rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.google-map-options[b-x6qxir03jw]  .google-map-options__layer--selected .google-map-options__layer-name {
    color: var(--theme-text-primary-color);
    font-weight: 600;
}

@keyframes google-map-options-enter-b-x6qxir03jw {
    from {
        opacity: 0;
        transform: scale(0.8);
    }

    to {
        opacity: 1;
        transform: scale(1);
    }
}

@media (max-width: 600px) {
    .google-map-options[b-x6qxir03jw] {
        bottom: calc(2.25rem + 238px);
        left: 1.5rem;
    }

    .google-map-options__panel[b-x6qxir03jw] {
        max-height: 100%;
        width: min(17rem, calc(100vw - 3rem));
    }
}

@media (prefers-reduced-motion: reduce) {
    .google-map-options__panel[b-x6qxir03jw] {
        animation: none;
        opacity: 1;
        transform: none;
    }
}
/* _content/CoGo.Web/Pages/SharedComponents/LumiLauncher.razor.rz.scp.css */
.lumi-launcher__icon[b-quylpw0lak] {
    display: flex;
    width: 24px;
    height: 24px;
    align-items: center;
    justify-content: center;
}
/* _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/NavigationMenu.razor.rz.scp.css */
.navigation-menu-desktop-shell[b-yvu68af5en] {
    display: block;
}

.navigation-menu-mobile-shell[b-yvu68af5en] {
    display: none;
}

@media screen and (max-width: 960px), screen and (hover: none) and (pointer: coarse) {
    .navigation-menu-desktop-shell[b-yvu68af5en] {
        display: none;
    }

    .navigation-menu-mobile-shell[b-yvu68af5en] {
        position: fixed;
        left: 0;
        right: 0;
        bottom: 0;
        z-index: 1000;
        display: flex;
        align-items: stretch;
        height: calc(var(--navigation-menu-mobile-height) + var(--navigation-menu-mobile-safe-area));
        padding-bottom: var(--navigation-menu-mobile-safe-area);
        background-color: var(--theme-surface-default-color);
        border: 1px solid var(--theme-border-default-color);
        border-radius: 20px 20px 0 0;
        box-shadow: 0 -8px 24px rgba(0, 0, 0, 0.08);
    }

    .navigation-menu-mobile-shell .navigation-menu--mobile[b-yvu68af5en] {
        position: static;
        flex: 1 1 auto;
        min-width: 0;
        height: 100%;
        z-index: auto;
        display: flex !important;
        align-items: center;
        justify-content: space-between;
        padding-inline: 24px;
        padding-bottom: 0;
        background-color: transparent;
        border-top: none;
        box-shadow: none;
    }
}

.navigation-menu--desktop[b-yvu68af5en] {
    display: flex;
    flex-direction: column;
    width: var(--navigation-menu-width);
    transition: width 150ms ease;
    height: calc(var(--vh, 1vh) * 100);
    overflow-y: auto;
    background-color: var(--theme-surface-default-color);
    border-right: 1px solid var(--theme-border-muted-color);
}

.navigation-menu__header[b-yvu68af5en] {
    display: flex;
    flex: 0 0 auto;
    align-items: center;
    justify-content: flex-start;
    gap: 8px;
    height: var(--top-bar-height);
    padding-inline: 16px;
    overflow: hidden;
    border-bottom: 1px solid var(--theme-border-muted-color);
}

.navigation-menu__logo[b-yvu68af5en] {
    width: var(--brand-logo-width);
    height: auto;
    max-width: 100%;
    object-fit: contain;
}

.navigation-menu__logo-mark[b-yvu68af5en] {
    display: none;
    width: auto;
    height: var(--brand-logo-mark-height);
    object-fit: contain;
}

[data-navigation-menu="collapsed"] .navigation-menu__logo[b-yvu68af5en] {
    display: none;
}

[data-navigation-menu="collapsed"] .navigation-menu__logo-mark[b-yvu68af5en] {
    display: block;
}

[data-navigation-menu="collapsed"] .navigation-menu__header[b-yvu68af5en] {
    justify-content: center;
    padding-inline: 8px;
}

.navigation-menu__account-branding[b-yvu68af5en] {
    display: flex;
    flex: 0 0 auto;
    align-items: center;
    justify-content: flex-start;
    padding: 10px 16px;
    overflow: hidden;
    border-bottom: 1px solid var(--theme-border-muted-color);
}

.navigation-menu__account-logo[b-yvu68af5en] {
    flex: 0 1 auto;
    width: auto;
    height: auto;
    max-width: 100%;
    max-height: 28px;
    object-fit: contain;
}

.navigation-menu__account-icon[b-yvu68af5en] {
    display: none;
    width: auto;
    height: var(--brand-logo-mark-height);
    max-width: 100%;
    object-fit: contain;
}

.navigation-menu__groups[b-yvu68af5en] {
    display: flex;
    flex: 1 0 auto;
    flex-direction: column;
    gap: 16px;
    padding-top: 16px;
}

.navigation-menu__group[b-yvu68af5en] {
    display: flex;
    flex-direction: column;
}

[data-navigation-menu="collapsed"] .navigation-menu__group-header[b-yvu68af5en] {
    justify-content: center;
    padding-inline: 16px;
    font-size: 0;
}

[data-navigation-menu="collapsed"] .navigation-menu__group-header[b-yvu68af5en]::after {
    content: "";
    width: 24px;
    height: 1px;
    background-color: var(--theme-border-muted-color);
}

[data-navigation-menu="collapsed"] .navigation-menu__account-branding[b-yvu68af5en] {
    justify-content: center;
    padding-inline: 8px;
}

[data-navigation-menu="collapsed"] .navigation-menu__account-icon[b-yvu68af5en] {
    display: block;
}

[data-navigation-menu="collapsed"] .navigation-menu__account-logo[b-yvu68af5en],
[data-navigation-menu="collapsed"] .navigation-menu__account-branding--no-icon[b-yvu68af5en] {
    display: none;
}

.navigation-menu__group-header[b-yvu68af5en] {
    display: flex;
    align-items: center;
    min-height: 32px;
    margin: 0;
    padding-inline: 12px;
    color: var(--theme-text-disabled-color);
    font-family: var(--brand-font-family);
    font-size: 12px;
    font-weight: 700;
    line-height: 18px;
}

.navigation-menu__bottom[b-yvu68af5en] {
    display: flex;
    flex: 0 0 auto;
    flex-direction: column;
    padding-block: 8px;
    border-top: 1px solid var(--theme-border-muted-color);
}

.navigation-menu__user[b-yvu68af5en] {
    display: flex;
    flex: 0 0 auto;
    flex-direction: column;
    gap: 2px;
    min-height: var(--navigation-menu-user-height);
    padding-bottom: 16px;
    border-top: 1px solid var(--theme-border-muted-color);
}

/* _content/CoGo.Web/Pages/SharedComponents/NavigationMenuDrawer.razor.rz.scp.css */
.navigation-menu-drawer[b-68vpjh9bnd] {
    position: fixed;
    inset: var(--top-bar-height) 0 0 0;
    z-index: 1001;
    display: none;
    flex-direction: column;
    gap: 8px;
    padding-block: 16px calc(16px + var(--navigation-menu-mobile-safe-area));
    overflow-y: auto;
    background-color: var(--brand-primary-color);
}

@media screen and (max-width: 960px), screen and (hover: none) and (pointer: coarse) {
    .navigation-menu-drawer[b-68vpjh9bnd] {
        display: flex;
    }
}

.navigation-menu-drawer:focus[b-68vpjh9bnd] {
    outline: none;
}

.navigation-menu-drawer__section[b-68vpjh9bnd] {
    display: flex;
    flex: 0 0 auto;
    flex-direction: column;
}

.navigation-menu-drawer__divider[b-68vpjh9bnd] {
    align-self: stretch;
    flex: 0 0 auto;
    height: 1px;
    margin-inline: 17px;
    background-color: var(--theme-text-secondary-color);
}

.navigation-menu-drawer__user[b-68vpjh9bnd] {
    display: flex;
    flex: 0 0 auto;
    flex-direction: column;
    gap: 2px;
}
/* _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: var(--brand-font-family);
    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/RightSideBar.razor.rz.scp.css */
/* The panel's tokens and painted surface live here rather than on the SfSidebar element.
   Before the SfSidebar migration these sat on .right-side-bar, a div this component
   rendered; that class is now SfSidebar's CssClass, so nothing in the repo establishes
   that it lands on the element the control creates. This element is our own markup and an
   ancestor of every consumer. */
.right-side-bar__content[b-7j944pbx0c] {
    --right-side-bar-border-color: var(--theme-border-muted-color, var(--neutral-stroke-divider-rest, #e7e8e9));
    --right-side-bar-surface-color: var(--theme-surface-default-color, #ffffff);
    --right-side-bar-text-color: var(--theme-text-primary-color, #181a20);
    background: var(--right-side-bar-surface-color);
    border-top: 1px solid var(--right-side-bar-border-color);
    box-sizing: border-box;
    color: var(--right-side-bar-text-color);
    display: flex;
    flex: 1 1 auto;
    flex-direction: column;
    font-family: var(--brand-font-family, "Inter", "Segoe UI", Arial, sans-serif);
    height: 100%;
    min-height: 0;
    overflow: hidden;
}

.right-side-bar__mobile-header[b-7j944pbx0c] {
    display: none;
}

@media (max-width: 600px) {
    /* Full bleed on mobile, so the top border against the menu bar is dropped as it was
       before the migration. */
    .right-side-bar__content[b-7j944pbx0c] {
        border-top: 0;
    }

    .right-side-bar__mobile-header[b-7j944pbx0c] {
        align-items: center;
        border-bottom: 1px solid var(--right-side-bar-border-color);
        display: flex;
        flex: 0 0 auto;
        justify-content: flex-end;
        min-height: 2.75rem;
        padding: 0.25rem 1rem;
    }

    .right-side-bar__mobile-close-icon[b-7j944pbx0c] {
        display: block;
        height: 2.25rem;
        width: 2.25rem;
    }
}
/* _content/CoGo.Web/Pages/SharedComponents/RightSideBarSkeleton.razor.rz.scp.css */
.right-side-bar-skeleton[b-yx84zk94t4] {
    display: flex;
    flex: 1 1 auto;
    flex-direction: column;
    min-height: 0;
    overflow: hidden;
}

/* --- detail block: 100 header + 12 + 145 metrics + 12 + 48 action + 12 + 1 border --------- */

.right-side-bar-skeleton__details[b-yx84zk94t4] {
    border-bottom: 1px solid var(--theme-border-default-color, #e7e8e9);
    display: flex;
    flex: 0 0 auto;
    flex-direction: column;
    gap: calc(0.75rem * var(--home-right-panel-geometry-scale, 1));
    padding: 0 calc(1.25rem * var(--home-right-panel-geometry-scale, 1)) calc(0.75rem * var(--home-right-panel-geometry-scale, 1));
}

.right-side-bar-skeleton__header[b-yx84zk94t4] {
    align-items: flex-end;
    display: flex;
    justify-content: space-between;
    padding-top: calc(1.25rem * var(--home-right-panel-geometry-scale, 1));
}

.right-side-bar-skeleton__title-group[b-yx84zk94t4] {
    display: flex;
    flex: 1 1 0;
    flex-direction: column;
    gap: calc(0.25rem * var(--home-right-panel-geometry-scale, 1));
    justify-content: flex-end;
    min-width: 0;
    padding-right: calc(1rem * var(--home-right-panel-geometry-scale, 1));
}

/* Matches the real 80px image frame's 8px radius; the vendor square shape uses a small radius. */
[b-yx84zk94t4] .right-side-bar-skeleton__image {
    border-radius: calc(0.5rem * var(--home-right-panel-geometry-scale, 1));
    flex: 0 0 calc(5rem * var(--home-right-panel-geometry-scale, 1));
}

.right-side-bar-skeleton__metrics[b-yx84zk94t4] {
    background: var(--theme-surface-subtle-color, #fafafb);
    border-radius: calc(0.5rem * var(--home-right-panel-geometry-scale, 1));
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    gap: calc(0.5rem * var(--home-right-panel-geometry-scale, 1));
    height: calc(57px * var(--home-right-panel-geometry-scale, 1) + 88px * var(--home-right-panel-type-scale, 1));
    justify-content: center;
    padding: calc(0.75rem * var(--home-right-panel-geometry-scale, 1)) calc(1rem * var(--home-right-panel-geometry-scale, 1));
}

.right-side-bar-skeleton__metric-row[b-yx84zk94t4] {
    display: flex;
    gap: calc(0.5rem * var(--home-right-panel-geometry-scale, 1));
}

.right-side-bar-skeleton__metric[b-yx84zk94t4] {
    display: flex;
    flex: 1 1 0;
    flex-direction: column;
    gap: calc(0.25rem * var(--home-right-panel-geometry-scale, 1));
    min-width: 0;
}

/* Same dotted rule the real cards draw. */
.right-side-bar-skeleton__divider[b-yx84zk94t4] {
    background-image: repeating-linear-gradient(to right, var(--theme-border-muted-color, #e7e8e9) 0 1px, transparent 1px 2px);
    height: 1px;
    margin: calc(0.25rem * var(--home-right-panel-geometry-scale, 1));
    width: calc(100% - 0.5rem * var(--home-right-panel-geometry-scale, 1));
}

[b-yx84zk94t4] .right-side-bar-skeleton__action {
    border-radius: calc(0.75rem * var(--home-right-panel-geometry-scale, 1));
}

/* --- rows: 72px each, matching HomePanelList ---------------------------------------------- */

.right-side-bar-skeleton__list[b-yx84zk94t4] {
    display: flex;
    flex: 1 1 auto;
    flex-direction: column;
    min-height: 0;
    overflow: hidden;
}

.right-side-bar-skeleton__row[b-yx84zk94t4] {
    align-items: center;
    border-bottom: 1px solid var(--home-right-panel-border-color, #e7e8e9);
    border-left: 3px solid transparent;
    box-sizing: border-box;
    display: grid;
    flex: 0 0 auto;
    gap: 0;
    grid-template-columns: minmax(0, 1fr) calc(75px * var(--home-right-panel-geometry-scale, 1));
    min-height: calc(72px * var(--home-right-panel-geometry-scale, 1));
    padding: 0 calc(24px * var(--home-right-panel-geometry-scale, 1)) 0 calc(20px * var(--home-right-panel-geometry-scale, 1));
    width: 100%;
}

.right-side-bar-skeleton__row-title-group[b-yx84zk94t4] {
    display: flex;
    flex-direction: column;
    gap: calc(0.25rem * var(--home-right-panel-geometry-scale, 1));
    min-width: 0;
    padding-right: calc(8px * var(--home-right-panel-geometry-scale, 1));
}

.right-side-bar-skeleton__row-trailing[b-yx84zk94t4] {
    align-items: flex-end;
    display: flex;
    flex-direction: column;
}

@media (max-width: 600px) {
    /* The bar is list-only on mobile - RightSideBar hides its own details region the same way. */
    .right-side-bar-skeleton__details[b-yx84zk94t4] {
        display: none;
    }

    .right-side-bar-skeleton__row[b-yx84zk94t4] {
        padding: 0 16px 0 13px;
    }
}

@media (prefers-reduced-motion: reduce) {
    [b-yx84zk94t4] .e-skeleton.e-shimmer-wave::after,
    [b-yx84zk94t4] .e-skeleton.e-shimmer-fade,
    [b-yx84zk94t4] .e-skeleton.e-shimmer-pulse {
        animation: none;
    }
}
/* _content/CoGo.Web/Pages/SharedComponents/SidePanel.razor.rz.scp.css */
.cogo-side-panel[b-yo6aci1j5b] {
    position: fixed;
    top: var(--top-bar-height);
    right: 0;
    bottom: 0;
    z-index: 1000;
    width: min(420px, 100vw);
    height: calc(var(--vh, 1vh) * 100 - var(--top-bar-height));
    max-height: calc(var(--vh, 1vh) * 100 - var(--top-bar-height));
    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/SiteSelector.razor.rz.scp.css */
.site-selector-menu[b-d3p3pn5own] {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
    max-height: min(600px, 80vh);
    overflow-y: auto;
    overflow-x: hidden;
    padding: 0.25rem;
}

.site-selector-menu__account[b-d3p3pn5own] {
    font-size: 12px;
    line-height: 16px;
    font-weight: 600;
    color: var(--theme-text-muted-color);
}

/* Syncfusion's accordion ships panel borders, a grey header fill and 16px gutters that read as a
   card; the menu needs it to look like plain grouped rows. */
.site-selector-menu[b-d3p3pn5own]  .e-accordion {
    border: none;
    background: transparent;
}

/* An expanded item carries e-select, e-selected and e-active, and Syncfusion tints each of those.
   The tint reads as a selection, which in this menu belongs to the chosen site, not its account. */
.site-selector-menu[b-d3p3pn5own]  .e-accordion .e-acrdn-item,
.site-selector-menu[b-d3p3pn5own]  .e-accordion .e-acrdn-item.e-select,
.site-selector-menu[b-d3p3pn5own]  .e-accordion .e-acrdn-item.e-active,
.site-selector-menu[b-d3p3pn5own]  .e-accordion .e-acrdn-item.e-selected.e-select.e-active {
    border: none;
    background: transparent;
}

/* Syncfusion tints this header across e-expand-state, :focus, :hover and :active in nine separate
   rules, the most specific at nine classes. !important is the only override that does not have to
   restate and out-specify every one of them. */
.site-selector-menu[b-d3p3pn5own]  .e-accordion .e-acrdn-header {
    min-height: 0;
    padding: 0.375rem 0.5rem;
    background: transparent !important;
}

.site-selector-menu[b-d3p3pn5own]  .e-accordion .e-acrdn-panel .e-acrdn-content {
    padding: 0;
}

/* Syncfusion gives .e-toggle-icon a 40px min-height and anchors it to the item, sized for its own
   taller default header. Against the shorter header above it overhangs the last row and inflates
   the menu's scrollHeight, showing a scrollbar with everything collapsed. */
.site-selector-menu[b-d3p3pn5own]  .e-accordion .e-acrdn-header {
    position: relative;
}

.site-selector-menu[b-d3p3pn5own]  .e-accordion .e-acrdn-header {
    padding-inline-end: calc(16px + 22px + 0.5rem);
}

.site-selector-menu[b-d3p3pn5own]  .e-accordion .e-acrdn-header .e-acrdn-header-content {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.site-selector-menu[b-d3p3pn5own]  .e-accordion .e-acrdn-header .e-toggle-icon {
    display: flex;
    align-items: center;
    top: 0;
    bottom: 0;
    height: auto;
    min-height: 0;
}

.site-option[b-d3p3pn5own] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    width: 100%;
    /* 2.25rem keeps the site names where the leading 20px icon used to put them, so they stay
       indented under their account header. */
    padding: 0.375rem 0.5rem 0.375rem 2.25rem;
    border: none;
    border-radius: 4px;
    background: transparent;
    font-size: 14px;
    line-height: 20px;
    color: var(--theme-text-secondary-color);
    text-align: start;
    cursor: pointer;
}

.site-option:hover[b-d3p3pn5own] {
    background-color: var(--theme-surface-hover-color);
}

.site-option:focus-visible[b-d3p3pn5own] {
    outline: 2px solid var(--theme-focus-ring-color);
    outline-offset: -2px;
}

.site-option--selected[b-d3p3pn5own] {
    background-color: var(--theme-surface-selected-color);
    font-weight: 500;
}

.site-option__check[b-d3p3pn5own] {
    display: flex;
    flex: 0 0 auto;
    align-items: center;
}

.site-option__check[b-d3p3pn5own] {
    margin-inline-start: auto;
    color: var(--theme-action-primary-rest-color);
    font-size: 16px;
    line-height: 1;
}

.site-option__name[b-d3p3pn5own] {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
/* _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: var(--theme-action-primary-rest-color);
    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/Tooltip.razor.rz.scp.css */
.app-tooltip__host[b-bj7xrglbm0] {
    display: contents;
}

/* Syncfusion's theme sets font-size: 12px and its own font-family on .e-control, which the tooltip target wrapper carries. */
.app-tooltip__host[b-bj7xrglbm0]  .e-control.e-tooltip {
    font-family: inherit;
    font-size: inherit;
}
/* _content/CoGo.Web/Pages/SharedComponents/TopBar.razor.rz.scp.css */
.top-bar__content[b-n0ewxdsmmt] {
    gap: 0.75rem;
    min-width: 0;
    overflow: hidden;
    padding-inline: 0.75rem;
}

.top-bar__branding[b-n0ewxdsmmt] {
    display: flex;
    align-items: center;
    min-width: 0;
    /* Must not grow: the page-context label absorbs the free space so it is what truncates. */
    flex: 0 1 auto;
    overflow: hidden;
}

.top-bar__divider[b-n0ewxdsmmt] {
    flex: 0 0 auto;
    align-self: center;
    height: 28px;
    margin-inline: 0.5rem;
    border-left: 1px solid var(--theme-border-default-color);
}

.top-bar__branding-mark[b-n0ewxdsmmt] {
    display: flex;
    align-items: center;
    min-width: 0;
    flex: 0 1 auto;
}

.top-bar__logo[b-n0ewxdsmmt] {
    display: block;
    width: var(--brand-logo-width);
    height: auto;
    max-width: 100%;
    object-fit: contain;
}

.top-bar__logo-mark[b-n0ewxdsmmt] {
    display: none;
    flex: 0 0 auto;
    width: auto;
    height: var(--brand-logo-mark-height);
    object-fit: contain;
}

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

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

.top-bar__custom-brand-icon[b-n0ewxdsmmt] {
    display: none;
    flex: 0 0 auto;
    width: auto;
    height: var(--brand-logo-mark-height);
    object-fit: contain;
}

.top-bar__left[b-n0ewxdsmmt] {
    display: contents;
}

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

.top-bar__actions[b-n0ewxdsmmt]  > * {
    flex-shrink: 0;
}

.top-bar__branding--mobile-only[b-n0ewxdsmmt] {
    display: none;
}

@media screen and (max-width: 960px), screen and (hover: none) and (pointer: coarse) {
    .top-bar__branding--mobile-only[b-n0ewxdsmmt] {
        display: flex;
    }

    .top-bar__content--navigation-open .top-bar__left[b-n0ewxdsmmt],
    .top-bar__content--navigation-open .top-bar__actions[b-n0ewxdsmmt] {
        display: none;
    }

    .top-bar__content[b-n0ewxdsmmt] {
        gap: 0.5rem;
        padding-inline: 1rem;
    }

    .top-bar__divider[b-n0ewxdsmmt] {
        margin-inline: 0.375rem;
    }

    .top-bar__branding--co-branded .top-bar__logo[b-n0ewxdsmmt] {
        display: none;
    }

    .top-bar__branding--co-branded .top-bar__logo-mark[b-n0ewxdsmmt] {
        display: block;
    }

    .top-bar__branding--has-brand-icon .top-bar__custom-brand-image[b-n0ewxdsmmt] {
        display: none;
    }

    .top-bar__branding--has-brand-icon .top-bar__custom-brand-icon[b-n0ewxdsmmt] {
        display: block;
    }

    .top-bar__custom-brand-image[b-n0ewxdsmmt] {
        max-height: 24px;
    }
}
/* _content/CoGo.Web/Pages/SharedComponents/TopBarMobileHamburgerMenu.razor.rz.scp.css */
.top-bar-hamburger__trigger-icon[b-q3dprnpwh4] {
    display: block;
    width: 24px;
    height: 24px;
    background-color: currentColor;
    -webkit-mask: url("/images/top-bar-icons/hamburger-menu.svg") center / contain no-repeat;
    mask: url("/images/top-bar-icons/hamburger-menu.svg") center / contain no-repeat;
}

.top-bar-hamburger--open .top-bar-hamburger__trigger-icon[b-q3dprnpwh4] {
    -webkit-mask-image: url("/images/top-bar-icons/xmark.svg");
    mask-image: url("/images/top-bar-icons/xmark.svg");
}
/* _content/CoGo.Web/Pages/SharedComponents/TopBarPageContext.razor.rz.scp.css */
.top-bar-page-context[b-upte53onss] {
    /* Basis 0, not auto: with auto the label's full text width joins the shrink calculation and
       squeezes the logo. Basis 0 makes it claim only leftover space, so it is what truncates. */
    flex: 1 1 0;
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 14px;
    line-height: 20px;
    color: var(--theme-text-muted-color);
}

@media screen and (max-width: 960px) {
    .top-bar-page-context[b-upte53onss] {
        display: none;
    }
}