/* /Pages/Index.razor.rz.scp.css */
.index-hero-container-auth[b-6euf5d0fiz] {
    max-width: none !important;
    margin: 200px !important;
    margin-right: 0 !important;
    padding-left: 24px !important;
    padding-right: 24px !important;
}

.index-auth-panel[b-6euf5d0fiz] {
    width: min(100%, 600px);
    margin: 100px;
    min-height: 0;
    padding: 26px 28px 28px;
    border: 1px solid rgba(85, 120, 255, 0.9);
    border-radius: 22px;
    background:
        radial-gradient(circle at 19% 30%, rgba(56, 87, 255, 0.2), transparent 18%),
        radial-gradient(circle at 50% 100%, rgba(83, 60, 255, 0.18), transparent 30%),
        linear-gradient(135deg, rgba(4, 12, 37, 0.93), rgba(2, 7, 25, 0.82));
    box-shadow:
        0 0 18px rgba(74, 112, 255, 0.48),
        0 22px 70px rgba(0, 0, 0, 0.56),
        inset 0 0 42px rgba(46, 62, 170, 0.1);
    color: #ffffff;
}

.index-auth-profile[b-6euf5d0fiz] {
    display: grid;
    grid-template-columns: 132px 1fr;
    align-items: center;
    gap: 24px;
    min-height: 128px;
}

.index-auth-avatar-shell[b-6euf5d0fiz] {
    position: relative;
    display: grid;
    width: 112px;
    height: 112px;
    place-items: center;
    justify-self: center;
    border-radius: 50%;
    background:
        radial-gradient(circle at 42% 36%, rgba(91, 113, 255, 0.48), rgba(22, 32, 104, 0.78) 47%, rgba(6, 12, 45, 0.94) 68%),
        linear-gradient(135deg, rgba(55, 98, 255, 0.88), rgba(127, 70, 255, 0.92));
    box-shadow:
        0 0 0 3px rgba(99, 184, 255, 0.78),
        0 0 18px rgba(79, 105, 255, 0.78),
        0 0 36px rgba(94, 75, 255, 0.55);
}

.index-auth-avatar-shell[b-6euf5d0fiz]::after {
    position: absolute;
    right: -18px;
    bottom: -14px;
    left: -18px;
    height: 30px;
    content: "";
    border-radius: 50%;
    background:
        radial-gradient(ellipse at center, rgba(98, 82, 255, 0.8), rgba(25, 86, 255, 0.28) 42%, transparent 72%);
    filter: blur(8px);
}

.index-auth-avatar[b-6euf5d0fiz] {
    position: relative;
    z-index: 1;
    display: grid;
    width: 94px;
    height: 94px;
    place-items: center;
    border-radius: 50%;
    background: radial-gradient(circle at 45% 32%, rgba(33, 47, 128, 0.9), rgba(4, 10, 44, 0.98) 68%);
    color: #ffffff;
    font-size: 48px;
    font-weight: 800;
    line-height: 1;
    text-shadow: 0 0 28px rgba(255, 255, 255, 0.22);
}

.index-auth-copy[b-6euf5d0fiz] {
    min-width: 0;
}

.index-auth-title[b-6euf5d0fiz] {
    display: flex;
    align-items: baseline;
    gap: 7px;
    flex-wrap: wrap;
    margin: 0 0 14px;
    color: #ffffff;
    font-size: 24px;
    font-weight: 800;
    line-height: 1.08;
    letter-spacing: 0;
    text-shadow: 0 8px 30px rgba(0, 0, 0, 0.38);
}

.index-auth-title-name[b-6euf5d0fiz] {
    color: #4f73ff;
}

.index-auth-meta[b-6euf5d0fiz] {
    display: flex;
    align-items: center;
    gap: 10px;
    flex-wrap: wrap;
}

.index-auth-name[b-6euf5d0fiz] {
    color: #ffffff;
    font-size: 14px;
    font-weight: 700;
    line-height: 1.2;
}

.index-auth-role[b-6euf5d0fiz] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    min-height: 26px;
    padding: 0 11px;
    max-width: 210px;
    border-radius: 999px;
    background: linear-gradient(135deg, rgba(72, 47, 169, 0.96), rgba(41, 35, 108, 0.96));
    color: #ffffff;
    font-size: 12px;
    font-weight: 500;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.08);
}

.index-auth-role .mud-icon-root[b-6euf5d0fiz] {
    color: #d28aff;
}

.index-auth-alert[b-6euf5d0fiz] {
    display: grid;
    grid-template-columns: auto 1fr auto;
    align-items: center;
    gap: 12px;
    min-height: 56px;
    margin: 22px 0 14px;
    padding: 10px 14px;
    border: 1px solid rgba(86, 103, 178, 0.56);
    border-radius: 10px;
    background: linear-gradient(135deg, rgba(16, 20, 57, 0.72), rgba(9, 13, 39, 0.66));
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.04),
        0 0 28px rgba(56, 61, 160, 0.14);
}

.index-auth-alert-icon[b-6euf5d0fiz] {
    display: grid;
    width: 34px;
    height: 34px;
    place-items: center;
    border-radius: 50%;
    background: linear-gradient(135deg, #5931aa, #732fb2);
    color: #df7dff;
    box-shadow: 0 0 15px rgba(170, 79, 255, 0.28);
}

.index-auth-alert-icon .mud-icon-root[b-6euf5d0fiz] {
    width: 18px;
    height: 18px;
    font-size: 18px;
}

.index-auth-alert-title[b-6euf5d0fiz] {
    color: #e078ff;
    font-size: 15px;
    font-weight: 700;
    line-height: 1.2;
}

.index-auth-alert-subtitle[b-6euf5d0fiz] {
    margin-top: 2px;
    color: #d8dbff;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.2;
}

.index-auth-alert-arrow[b-6euf5d0fiz] {
    color: #8da0ff;
    font-size: 24px;
}

.index-auth-actions[b-6euf5d0fiz] {
    display: flex;
    justify-content: space-between;
}

.index-auth-button[b-6euf5d0fiz] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 40px;
    padding: 0 12px;
    border: 1px solid rgba(70, 107, 255, 0.86);
    border-radius: 7px;
    background: rgba(2, 8, 29, 0.64);
    color: #ffffff;
    font: inherit;
    font-size: 13px;
    font-weight: 700;
    line-height: 1;
    text-transform: none;
    cursor: default;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.04);
}

.index-auth-button .mud-button-label[b-6euf5d0fiz] {
    gap: 8px;
}

.index-auth-button-primary[b-6euf5d0fiz] {
    border-color: transparent;
    background: linear-gradient(135deg, #6772ff 0%, #492ed1 100%);
    box-shadow:
        0 0 16px rgba(81, 86, 255, 0.32),
        inset 0 1px 0 rgba(255, 255, 255, 0.18);
}

.index-auth-button .mud-icon-root[b-6euf5d0fiz] {
    color: #89a8ff;
    font-size: 18px;
}

.index-auth-button-primary .mud-icon-root[b-6euf5d0fiz] {
    color: #c6f0ff;
}

@media (max-width: 1100px) {
    .index-auth-panel[b-6euf5d0fiz] {
        min-height: auto;
        padding: 52px 34px;
        border-radius: 34px;
    }

    .index-auth-profile[b-6euf5d0fiz] {
        grid-template-columns: 1fr;
        gap: 34px;
        text-align: center;
    }

    .index-auth-meta[b-6euf5d0fiz] {
        justify-content: center;
    }

    .index-auth-actions[b-6euf5d0fiz] {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 640px) {
    .index-auth-panel[b-6euf5d0fiz] {
        padding: 34px 18px;
        border-radius: 26px;
    }

    .index-auth-avatar-shell[b-6euf5d0fiz] {
        width: 178px;
        height: 178px;
    }

    .index-auth-avatar[b-6euf5d0fiz] {
        width: 150px;
        height: 150px;
        font-size: 76px;
    }

    .index-auth-title[b-6euf5d0fiz] {
        font-size: 34px;
    }

    .index-auth-name[b-6euf5d0fiz],
    .index-auth-alert-title[b-6euf5d0fiz] {
        font-size: 22px;
    }

    .index-auth-role[b-6euf5d0fiz],
    .index-auth-alert-subtitle[b-6euf5d0fiz],
    .index-auth-button[b-6euf5d0fiz] {
        font-size: 18px;
    }

    .index-auth-alert[b-6euf5d0fiz] {
        grid-template-columns: auto 1fr;
        gap: 18px;
        padding: 18px;
    }

    .index-auth-alert-arrow[b-6euf5d0fiz] {
        display: none;
    }
}
/* /Pages/Monitoring/EmergencyJobPage.razor.rz.scp.css */
.emergency-job-page[b-jeoeqrr2h0] {
    display: flex;
    flex-direction: column;
    gap: 24px;
}

.emergency-job-toolbar[b-jeoeqrr2h0],
.emergency-job-actions[b-jeoeqrr2h0] {
    display: flex;
    align-items: center;
    gap: 16px;
    flex-wrap: wrap;
}

.emergency-job-toolbar[b-jeoeqrr2h0] {
    justify-content: space-between;
}

.fab-container[b-jeoeqrr2h0] {
    position: fixed;
    bottom: 32px;
    right: 32px;
    z-index: 1000;
}

.emergency-job-chips[b-jeoeqrr2h0] {
    max-width: 100%;
    overflow-x: auto;
    padding-bottom: 2px;
}

.emergency-job-content-grid[b-jeoeqrr2h0] {
    align-items: stretch;
}

.emergency-job-grid-item[b-jeoeqrr2h0] {
    display: flex;
}

.emergency-job-table-panel[b-jeoeqrr2h0],
.emergency-job-selection-panel[b-jeoeqrr2h0] {
    height: 100%;
    min-height: 0;
    width: 100%;
    max-height: 1300px;
}

.emergency-job-selection-panel[b-jeoeqrr2h0] {
    display: flex;
    flex-direction: column;
    overflow: hidden;
    position: sticky;
    top: 16px;
}

.emergency-job-selection-panel .mud-stack[b-jeoeqrr2h0] {
    display: flex;
    flex-direction: column;
    flex: 1 1 auto;
    height: 100%;
    min-height: 0;
}

.emergency-job-selected-list[b-jeoeqrr2h0] {
    flex: 1 1 auto;
    min-height: 240px;
    max-height: 800px;
    overflow-y: auto;
    overflow-x: hidden;
    border: 1px solid var(--mud-palette-lines-default);
    border-radius: 8px;
}

.emergency-job-selected-item[b-jeoeqrr2h0] {
    padding: 10px 12px;
    border-bottom: 1px solid var(--mud-palette-lines-default);
}

.emergency-job-selected-item:last-child[b-jeoeqrr2h0] {
    border-bottom: 0;
}

.job-category-chipset .mud-chip-selected.mud-chip-color-info[b-jeoeqrr2h0] {
    background-color: var(--mud-palette-info) !important;
    color: var(--mud-palette-info-text) !important;
}

.job-category-chipset .mud-chip-selected.mud-chip-color-info .mud-chip-content[b-jeoeqrr2h0] {
    color: var(--mud-palette-info-text) !important;
}

.emergency-monitoring-page[b-jeoeqrr2h0] {
    max-width: 1720px;
    margin-inline: auto;
    gap: 18px;
    color: var(--mud-palette-text-primary);
}

.emergency-monitoring-header[b-jeoeqrr2h0] {
    padding: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
}

.emergency-monitoring-hero[b-jeoeqrr2h0] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 16px;
    flex-wrap: wrap;
}

.emergency-monitoring-title[b-jeoeqrr2h0] {
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.emergency-monitoring-hero .mud-typography-h5[b-jeoeqrr2h0] {
    font-weight: 800;
    letter-spacing: 0;
}

.emergency-monitoring-kpis[b-jeoeqrr2h0] {
    align-items: stretch;
}

.job-monitoring-kpi[b-jeoeqrr2h0] {
    height: 100%;
    border-left: 4px solid var(--mud-palette-primary);
    border-radius: 8px;
    border-top: 1px solid var(--mud-palette-lines-default);
    border-right: 1px solid var(--mud-palette-lines-default);
    border-bottom: 1px solid var(--mud-palette-lines-default);
    background: color-mix(in srgb, var(--mud-palette-surface) 92%, var(--mud-palette-primary) 8%);
}

.job-monitoring-kpi.success[b-jeoeqrr2h0] {
    border-left-color: var(--mud-palette-success);
    background: color-mix(in srgb, var(--mud-palette-surface) 92%, var(--mud-palette-success) 8%);
}

.job-monitoring-kpi.error[b-jeoeqrr2h0] {
    border-left-color: var(--mud-palette-error);
    background: color-mix(in srgb, var(--mud-palette-surface) 92%, var(--mud-palette-error) 8%);
}

.job-monitoring-kpi.warning[b-jeoeqrr2h0] {
    border-left-color: var(--mud-palette-warning);
    background: color-mix(in srgb, var(--mud-palette-surface) 92%, var(--mud-palette-warning) 8%);
}

.job-monitoring-kpi-label[b-jeoeqrr2h0] {
    color: var(--mud-palette-text-secondary);
}

.emergency-monitoring-filterbar[b-jeoeqrr2h0] {
    border-radius: 8px;
    border: 1px solid var(--mud-palette-lines-default);
    background: color-mix(in srgb, var(--mud-palette-surface) 96%, var(--mud-palette-primary) 4%);
}

.emergency-monitoring-filter-content[b-jeoeqrr2h0] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: end;
    gap: 20px;
}

.job-monitoring-filter-grid[b-jeoeqrr2h0] {
    align-items: flex-end;
}

.emergency-monitoring-actions[b-jeoeqrr2h0] {
    flex-wrap: wrap;
    min-width: max-content;
}

.emergency-monitoring-section-header[b-jeoeqrr2h0] {
    display: flex;
    flex-direction: column;
    gap: 2px;
    margin-top: 4px;
}

.emergency-monitoring-section-header .mud-typography-h6[b-jeoeqrr2h0] {
    font-weight: 800;
}

.emergency-monitoring-groups[b-jeoeqrr2h0] {
    display: flex;
    flex-direction: column;
    gap: 8px;
    width: 100%;
}

.group-card[b-jeoeqrr2h0] {
    width: 100%;
    border: 1px solid var(--mud-palette-lines-default);
    border-radius: 8px;
    overflow: hidden;
    background: color-mix(in srgb, var(--mud-palette-surface) 96%, var(--mud-palette-primary) 4%);
    transition: border-color 120ms ease, box-shadow 120ms ease, background-color 120ms ease;
}

.group-card:hover[b-jeoeqrr2h0] {
    border-color: color-mix(in srgb, var(--mud-palette-primary) 42%, var(--mud-palette-lines-default) 58%);
}

.group-card.expanded[b-jeoeqrr2h0] {
    border-color: var(--mud-palette-primary);
    box-shadow: 0 0 0 1px color-mix(in srgb, var(--mud-palette-primary) 35%, transparent);
}

.group-card-header[b-jeoeqrr2h0] {
    display: grid;
    grid-template-columns: minmax(320px, 1fr) minmax(430px, 520px) 32px;
    align-items: center;
    gap: 22px;
    min-height: 68px;
    padding: 9px 14px;
    cursor: pointer;
}

.group-main[b-jeoeqrr2h0] {
    display: flex;
    align-items: center;
    gap: 14px;
    min-width: 0;
}

.monitoring-group-icon[b-jeoeqrr2h0] {
    width: 36px;
    height: 36px;
    min-width: 36px;
    border-radius: 999px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: var(--mud-palette-primary);
    background: color-mix(in srgb, var(--mud-palette-primary) 18%, transparent);
    border: 1px solid color-mix(in srgb, var(--mud-palette-primary) 26%, transparent);
}

.group-card.expanded .monitoring-group-icon[b-jeoeqrr2h0] {
    color: var(--mud-palette-primary-text);
    background: var(--mud-palette-primary);
}

.group-title-area[b-jeoeqrr2h0] {
    min-width: 0;
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 12px;
}

.group-title[b-jeoeqrr2h0] {
    font-size: 0.9rem !important;
    font-weight: 800 !important;
    line-height: 1.2 !important;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.group-tag[b-jeoeqrr2h0] {
    max-width: 260px;
    height: 22px !important;
    opacity: .86;
}

.group-tag .mud-chip-content[b-jeoeqrr2h0] {
    font-size: 0.68rem !important;
    line-height: 1 !important;
}

.group-metrics[b-jeoeqrr2h0] {
    display: grid;
    grid-template-columns: repeat(4, minmax(80px, 1fr));
    gap: 18px;
    align-items: center;
    width: 100%;
}

.group-metric[b-jeoeqrr2h0] {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 3px;
    min-width: 0;
}

.group-metric-value[b-jeoeqrr2h0] {
    font-size: 16px !important;
    font-weight: 800 !important;
    line-height: 1 !important;
}

.group-metric-label[b-jeoeqrr2h0] {
    font-size: 11px !important;
    font-weight: 600 !important;
    line-height: 1 !important;
    opacity: .78;
    white-space: nowrap;
}

.group-metric-total .group-metric-value[b-jeoeqrr2h0] {
    color: var(--mud-palette-text-primary);
}

.group-metric-total .group-metric-label[b-jeoeqrr2h0] {
    color: var(--mud-palette-text-secondary);
}

.group-metric-processing .group-metric-value[b-jeoeqrr2h0],
.group-metric-processing .group-metric-label[b-jeoeqrr2h0] {
    color: var(--mud-palette-warning);
}

.group-metric-succeeded .group-metric-value[b-jeoeqrr2h0],
.group-metric-succeeded .group-metric-label[b-jeoeqrr2h0] {
    color: var(--mud-palette-success);
}

.group-metric-failed .group-metric-value[b-jeoeqrr2h0],
.group-metric-failed .group-metric-label[b-jeoeqrr2h0] {
    color: var(--mud-palette-error);
}

.group-metric-total[b-jeoeqrr2h0]  .group-metric-value {
    color: var(--mud-palette-text-primary) !important;
}

.group-metric-total[b-jeoeqrr2h0]  .group-metric-label {
    color: var(--mud-palette-text-secondary) !important;
}

.group-metric-processing[b-jeoeqrr2h0]  .group-metric-value,
.group-metric-processing[b-jeoeqrr2h0]  .group-metric-label {
    color: var(--mud-palette-warning) !important;
}

.group-metric-succeeded[b-jeoeqrr2h0]  .group-metric-value,
.group-metric-succeeded[b-jeoeqrr2h0]  .group-metric-label {
    color: var(--mud-palette-success) !important;
}

.group-metric-failed[b-jeoeqrr2h0]  .group-metric-value,
.group-metric-failed[b-jeoeqrr2h0]  .group-metric-label {
    color: var(--mud-palette-error) !important;
}

.group-expand-button[b-jeoeqrr2h0] {
    width: 32px;
    height: 32px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--mud-palette-text-secondary);
    border-radius: 8px;
}

.group-card:hover .group-expand-button[b-jeoeqrr2h0] {
    background: color-mix(in srgb, var(--mud-palette-text-primary) 6%, transparent);
}

.group-detail-collapse[b-jeoeqrr2h0] {
    padding: 0 14px 14px;
}

.group-detail-panel[b-jeoeqrr2h0] {
    border: 1px solid var(--mud-palette-lines-default);
    border-radius: 8px;
    background: color-mix(in srgb, var(--mud-palette-surface) 92%, var(--mud-palette-primary) 8%);
    padding: 0;
    overflow: hidden;
}

.monitoring-job-table[b-jeoeqrr2h0] {
    overflow-x: auto;
}

[b-jeoeqrr2h0] .monitoring-job-table table {
    border-collapse: separate;
    border-spacing: 0;
}

[b-jeoeqrr2h0] .monitoring-job-table thead th {
    font-weight: 700;
    background: color-mix(in srgb, var(--mud-palette-surface) 90%, var(--mud-palette-primary) 10%);
    border-bottom: 1px solid var(--mud-palette-lines-default);
    padding: 10px 14px;
    white-space: nowrap;
}

[b-jeoeqrr2h0] .monitoring-job-table tbody td {
    padding: 9px 14px;
    border-bottom: 1px solid var(--mud-palette-lines-default);
    vertical-align: middle;
}

[b-jeoeqrr2h0] .monitoring-job-table tbody tr:last-child td {
    border-bottom: 0;
}

[b-jeoeqrr2h0] .monitoring-job-table .mud-chip {
    min-width: 78px;
    height: 22px;
    justify-content: center;
}

@media (max-width: 1200px) {
    .emergency-monitoring-filter-content[b-jeoeqrr2h0] {
        grid-template-columns: 1fr;
    }

    .emergency-monitoring-actions[b-jeoeqrr2h0] {
        justify-content: flex-end !important;
    }

    .group-card-header[b-jeoeqrr2h0] {
        grid-template-columns: minmax(260px, 1fr) minmax(360px, 430px) 32px;
        gap: 16px;
    }

    .group-metrics[b-jeoeqrr2h0] {
        gap: 10px;
    }
}

@media (max-width: 900px) {
    .group-card-header[b-jeoeqrr2h0] {
        grid-template-columns: minmax(0, 1fr) 32px;
        grid-template-areas:
            "main expand"
            "metrics metrics";
        min-height: 0;
        gap: 10px;
    }

    .group-main[b-jeoeqrr2h0] {
        grid-area: main;
    }

    .group-metrics[b-jeoeqrr2h0] {
        grid-area: metrics;
        grid-template-columns: repeat(4, minmax(68px, 1fr));
    }

    .group-expand-button[b-jeoeqrr2h0] {
        grid-area: expand;
    }
}

@media (max-width: 600px) {
    .group-title-area[b-jeoeqrr2h0] {
        align-items: flex-start;
        flex-direction: column;
        gap: 4px;
    }

    .group-metrics[b-jeoeqrr2h0] {
        grid-template-columns: repeat(2, minmax(80px, 1fr));
    }

    .group-detail-collapse[b-jeoeqrr2h0] {
        padding: 0 10px 10px;
    }
}
/* /Pages/Monitoring/MonitoringOverview.razor.rz.scp.css */
.monitoring-overview-page[b-6lm9ehkux5] {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.monitoring-overview-toolbar[b-6lm9ehkux5] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    flex-wrap: wrap;
}

.monitoring-overview-toolbar-actions[b-6lm9ehkux5] {
    display: flex;
    align-items: center;
    gap: 12px;
    flex-wrap: wrap;
}

.monitoring-refresh-interval[b-6lm9ehkux5] {
    min-width: 150px;
}

.monitoring-summary-filters[b-6lm9ehkux5] {
    display: flex;
    grid-template-columns: repeat(auto-fit, minmax(112px, max-content));
    gap: 8px;
    margin-top: 14px;
}

.monitoring-summary-filter[b-6lm9ehkux5] {
    min-width: 112px;
    display: grid;
    grid-template-columns: 1fr auto;
    align-items: center;
    gap: 12px;
    border: 1px solid var(--mud-palette-lines-default);
    border-left: 5px solid var(--mud-palette-primary);
    border-radius: 8px;
    padding: 8px 10px;
    color: var(--mud-palette-text-primary);
    background: color-mix(in srgb, var(--mud-palette-surface) 94%, var(--mud-palette-primary) 6%);
    cursor: pointer;
    font: inherit;
    text-align: left;
    transition: background 120ms ease, border-color 120ms ease, opacity 120ms ease, transform 120ms ease;
}

.monitoring-summary-filter:hover:not(:disabled)[b-6lm9ehkux5] {
    transform: translateY(-1px);
    border-color: var(--mud-palette-primary);
}

.monitoring-summary-filter:disabled[b-6lm9ehkux5] {
    cursor: default;
}

.monitoring-summary-filter.inactive[b-6lm9ehkux5] {
    opacity: 0.48;
    background: var(--mud-palette-surface);
    border-left-color: var(--mud-palette-lines-default);
}

.monitoring-summary-filter.healthy[b-6lm9ehkux5] {
    border-left-color: var(--mud-palette-success);
    background: color-mix(in srgb, var(--mud-palette-surface) 92%, var(--mud-palette-success) 8%);
}

.monitoring-summary-filter.warning[b-6lm9ehkux5] {
    border-left-color: var(--mud-palette-warning);
    background: color-mix(in srgb, var(--mud-palette-surface) 92%, var(--mud-palette-warning) 8%);
}

.monitoring-summary-filter.critical[b-6lm9ehkux5] {
    border-left-color: var(--mud-palette-error);
    background: color-mix(in srgb, var(--mud-palette-surface) 92%, var(--mud-palette-error) 8%);
}

.monitoring-summary-filter.no-data[b-6lm9ehkux5] {
    border-left-color: var(--mud-palette-info);
    background: color-mix(in srgb, var(--mud-palette-surface) 92%, var(--mud-palette-info) 8%);
}

.monitoring-summary-filter.inactive.healthy[b-6lm9ehkux5],
.monitoring-summary-filter.inactive.warning[b-6lm9ehkux5],
.monitoring-summary-filter.inactive.critical[b-6lm9ehkux5],
.monitoring-summary-filter.inactive.no-data[b-6lm9ehkux5] {
    background: var(--mud-palette-surface);
    border-left-color: var(--mud-palette-lines-default);
}

.monitoring-summary-label[b-6lm9ehkux5] {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: var(--mud-palette-text-secondary);
    font-size: 0.76rem;
    font-weight: 700;
}

.monitoring-summary-count[b-6lm9ehkux5] {
    color: var(--mud-palette-text-primary);
    font-size: 1rem;
    font-weight: 800;
    font-variant-numeric: tabular-nums;
}

.monitoring-overview-groups[b-6lm9ehkux5] {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.monitoring-overview-section[b-6lm9ehkux5] {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.monitoring-overview-grid[b-6lm9ehkux5] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(min(100%, 350px), 1fr));
    gap: 10px;
    justify-content: start;
}

[b-6lm9ehkux5] .monitoring-customer-card {
    height: 100%;
    min-height: 176px;
    position: relative;
    overflow: hidden;
    border-left: 6px solid var(--mud-palette-info);
    border-radius: 10px;
    padding: 14px 16px !important;
    color: var(--mud-palette-text-primary);
    background:
        radial-gradient(circle at 18% 0%, color-mix(in srgb, var(--monitoring-accent, var(--mud-palette-info)) 18%, transparent) 0%, transparent 34%),
        linear-gradient(135deg, color-mix(in srgb, var(--mud-palette-surface) 88%, var(--monitoring-accent, var(--mud-palette-info)) 12%), var(--mud-palette-surface));
    box-shadow: 0 16px 36px rgba(0, 0, 0, 0.18);
    cursor: pointer;
    transition: border-color 120ms ease, box-shadow 120ms ease, transform 120ms ease, background 120ms ease;
}

[b-6lm9ehkux5] .monitoring-customer-card:hover {
    box-shadow: 0 20px 44px rgba(0, 0, 0, 0.24);
    transform: translateY(-1px);
}

[b-6lm9ehkux5] .monitoring-customer-card.healthy {
    --monitoring-accent: var(--mud-palette-success);
    border-left-color: var(--mud-palette-success);
}

[b-6lm9ehkux5] .monitoring-customer-card.warning {
    --monitoring-accent: var(--mud-palette-warning);
    border-left-color: var(--mud-palette-warning);
}

[b-6lm9ehkux5] .monitoring-customer-card.critical {
    --monitoring-accent: var(--mud-palette-error);
    border-left-color: var(--mud-palette-error);
}

[b-6lm9ehkux5] .monitoring-customer-card.no-data {
    --monitoring-accent: var(--mud-palette-info);
    border-left-color: var(--mud-palette-info);
}

[b-6lm9ehkux5] .monitoring-customer-card.compact {
    min-height: 54px;
    padding: 12px 14px !important;
}

[b-6lm9ehkux5] .monitoring-customer-card.compact .monitoring-card-header {
    padding-bottom: 0;
    border-bottom: 0;
}

[b-6lm9ehkux5] .monitoring-customer-card.compact .monitoring-metrics,
[b-6lm9ehkux5] .monitoring-customer-card.compact .monitoring-no-data-body,
[b-6lm9ehkux5] .monitoring-customer-card.compact .monitoring-card-footer {
    display: none;
}

.monitoring-card-header[b-6lm9ehkux5] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    padding-bottom: 10px;
    border-bottom: 1px solid var(--mud-palette-lines-default);
}

.monitoring-card-title[b-6lm9ehkux5] {
    flex: 1 1 auto;
    min-width: 0;
    display: flex;
    align-items: center;
    gap: 10px;
}

.monitoring-customer-name[b-6lm9ehkux5] {
    min-width: 0;
    max-width: 100%;
    color: var(--mud-palette-text-primary);
    font-size: 0.9rem;
    font-weight: 800;
    line-height: 1.18;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.monitoring-status-dot[b-6lm9ehkux5] {
    width: 14px;
    height: 14px;
    border-radius: 50%;
    flex: 0 0 auto;
    background: var(--mud-palette-info);
    box-shadow:
        0 0 0 7px color-mix(in srgb, var(--mud-palette-info) 18%, transparent),
        0 0 12px color-mix(in srgb, var(--mud-palette-info) 46%, transparent);
}

.monitoring-status-dot.healthy[b-6lm9ehkux5] {
    background: var(--mud-palette-success);
    box-shadow:
        0 0 0 7px color-mix(in srgb, var(--mud-palette-success) 18%, transparent),
        0 0 12px color-mix(in srgb, var(--mud-palette-success) 46%, transparent);
}

.monitoring-status-dot.warning[b-6lm9ehkux5] {
    background: var(--mud-palette-warning);
    box-shadow:
        0 0 0 7px color-mix(in srgb, var(--mud-palette-warning) 18%, transparent),
        0 0 12px color-mix(in srgb, var(--mud-palette-warning) 46%, transparent);
}

.monitoring-status-dot.critical[b-6lm9ehkux5] {
    background: var(--mud-palette-error);
    box-shadow:
        0 0 0 7px color-mix(in srgb, var(--mud-palette-error) 18%, transparent),
        0 0 12px color-mix(in srgb, var(--mud-palette-error) 46%, transparent);
}

.monitoring-status-pill[b-6lm9ehkux5] {
    flex: 0 0 auto;
    display: inline-flex;
    align-items: center;
    gap: 5px;
    min-height: 24px;
    border: 1px solid var(--monitoring-accent, var(--mud-palette-info));
    border-radius: 999px;
    padding: 3px 8px;
    color: var(--monitoring-accent, var(--mud-palette-info));
    background: color-mix(in srgb, var(--monitoring-accent, var(--mud-palette-info)) 11%, transparent);
    font-size: 0.72rem;
    font-weight: 800;
    white-space: nowrap;
}

.monitoring-status-pill.healthy[b-6lm9ehkux5] {
    --monitoring-accent: var(--mud-palette-success);
}

.monitoring-status-pill.warning[b-6lm9ehkux5] {
    --monitoring-accent: var(--mud-palette-warning);
}

.monitoring-status-pill.critical[b-6lm9ehkux5] {
    --monitoring-accent: var(--mud-palette-error);
}

.monitoring-status-pill.no-data[b-6lm9ehkux5] {
    --monitoring-accent: var(--mud-palette-info);
}

.monitoring-metrics[b-6lm9ehkux5] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    min-height: 72px;
    margin-top: 12px;
    padding-bottom: 10px;
    border-bottom: 1px solid var(--mud-palette-lines-default);
}

.monitoring-metric-tile[b-6lm9ehkux5] {
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 6px;
    padding: 0 8px;
    border-left: 1px solid var(--mud-palette-lines-default);
}

.monitoring-metric-tile:nth-child(3)[b-6lm9ehkux5] {
    padding-left: 9px;
    padding-right: 9px;
}

.monitoring-metric-tile:first-child[b-6lm9ehkux5] {
    border-left: 0;
    padding-left: 0;
}

.monitoring-metric-tile:last-child[b-6lm9ehkux5] {
    padding-right: 0;
}

.monitoring-metric-heading[b-6lm9ehkux5] {
    display: flex;
    align-items: center;
    gap: 6px;
    min-width: 0;
}

.monitoring-metric-icon[b-6lm9ehkux5] {
    width: 22px;
    height: 22px;
    flex: 0 0 auto;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    color: var(--monitoring-accent, var(--mud-palette-success));
    background: color-mix(in srgb, var(--monitoring-accent, var(--mud-palette-success)) 18%, transparent);
}

.monitoring-metric-label[b-6lm9ehkux5],
.monitoring-card-footer-label[b-6lm9ehkux5] {
    color: var(--mud-palette-text-secondary);
    font-weight: 700;
    letter-spacing: 0;
}

.monitoring-metric-label[b-6lm9ehkux5] {
    font-size: 0.66rem;
}

.monitoring-metric-tile[b-6lm9ehkux5]  .monitoring-metric-value {
    display: block;
    width: 100%;
    min-width: 0;
    color: var(--mud-palette-text-primary);
    font-size: clamp(0.88rem, 0.76rem + 0.24vw, 1.1rem);
    font-weight: 800;
    line-height: 1.12;
    font-variant-numeric: tabular-nums;
    text-align: left !important;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.monitoring-metric-tile:nth-child(3)[b-6lm9ehkux5]  .monitoring-metric-value {
    font-size: clamp(0.78rem, 0.68rem + 0.2vw, 0.96rem);
}

.monitoring-metric-bar[b-6lm9ehkux5] {
    width: 100%;
    height: 4px;
    display: block;
    overflow: hidden;
    border-radius: 999px;
    background: color-mix(in srgb, var(--mud-palette-text-secondary) 22%, transparent);
}

.monitoring-metric-bar[b-6lm9ehkux5]::after {
    content: "";
    width: var(--metric-fill, 0%);
    height: 100%;
    display: block;
    border-radius: inherit;
    background: linear-gradient(90deg, var(--monitoring-accent, var(--mud-palette-success)), color-mix(in srgb, var(--monitoring-accent, var(--mud-palette-success)) 58%, transparent));
}

.monitoring-no-data-body[b-6lm9ehkux5] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    min-height: 72px;
    margin-top: 12px;
    padding-bottom: 10px;
    border-bottom: 1px solid var(--mud-palette-lines-default);
    color: var(--mud-palette-text-secondary);
    font-weight: 700;
}

.monitoring-card-footer[b-6lm9ehkux5] {
    display: flex;
    align-items: center;
    gap: 10px;
    min-width: 0;
    margin-top: 8px;
    color: var(--mud-palette-text-secondary);
}

.monitoring-card-footer-item[b-6lm9ehkux5] {
    display: inline-flex;
    min-width: 0;
    align-items: baseline;
    gap: 8px;
}

.monitoring-card-footer-date[b-6lm9ehkux5] {
    flex: 1 1 auto;
}

.monitoring-card-alerts[b-6lm9ehkux5] {
    flex: 0 0 auto;
    padding-left: 10px;
    border-left: 1px solid var(--mud-palette-lines-default);
}

.monitoring-card-footer-item[b-6lm9ehkux5]  .monitoring-card-footer-value {
    display: block;
    min-width: 0;
    color: var(--mud-palette-text-secondary);
    font-size: 0.72rem;
    font-weight: 700;
    font-variant-numeric: tabular-nums;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.monitoring-alert-count[b-6lm9ehkux5] {
    min-width: 18px;
    height: 18px;
    font-size: 0.68rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    color: var(--mud-palette-text-primary);
    background: color-mix(in srgb, var(--monitoring-accent, var(--mud-palette-info)) 24%, transparent);
    font-weight: 800;
    font-variant-numeric: tabular-nums;
}

[b-6lm9ehkux5] .monitoring-card-arrow {
    margin-left: auto;
    color: var(--mud-palette-text-secondary);
}

@media (max-width: 620px) {
    .monitoring-overview-grid[b-6lm9ehkux5] {
        grid-template-columns: repeat(auto-fill, minmax(260px, 1fr));
    }

    [b-6lm9ehkux5] .monitoring-customer-card {
        padding: 18px !important;
    }

    .monitoring-card-header[b-6lm9ehkux5],
    .monitoring-card-footer[b-6lm9ehkux5] {
        align-items: flex-start;
        flex-direction: column;
    }

    .monitoring-metrics[b-6lm9ehkux5] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 18px 0;
    }

    .monitoring-metric-tile:nth-child(odd)[b-6lm9ehkux5] {
        border-left: 0;
        padding-left: 0;
    }

    .monitoring-card-alerts[b-6lm9ehkux5] {
        padding-left: 0;
        border-left: 0;
    }

    [b-6lm9ehkux5] .monitoring-card-arrow {
        display: none;
    }
}
/* /Pages/Parser/ParserConfiguration.razor.rz.scp.css */
.parser-config-page[b-3lxwlyzk19] {
    display: grid;
    grid-template-columns: minmax(320px, 420px) minmax(0, 1fr);
    gap: 20px;
    min-height: calc(100vh - 118px);
    padding: 16px 20px 24px;
    color: var(--spf-background-fg);
    box-sizing: border-box;
}

.parser-config-sidebar[b-3lxwlyzk19],
.parser-config-content[b-3lxwlyzk19] {
    min-width: 0;
}

.parser-config-content[b-3lxwlyzk19] {
    display: grid;
    gap: 20px;
}

.parser-config-panel[b-3lxwlyzk19] {
    height: 100%;
    padding: 22px;
    border: 1px solid var(--spf-border-color);
    border-radius: 8px;
    background: var(--spf-surface-bg);
    color: var(--spf-surface-fg);
    box-shadow: var(--mud-elevation-1);
    box-sizing: border-box;
}

.parser-profile-panel[b-3lxwlyzk19] {
    display: flex;
    flex-direction: column;
    min-height: calc(100vh - 118px);
}

.parser-panel-header[b-3lxwlyzk19] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    margin-bottom: 18px;
}

.parser-heading-row[b-3lxwlyzk19] {
    display: flex;
    align-items: center;
    gap: 12px;
    min-width: 0;
}

.parser-title[b-3lxwlyzk19] {
    color: var(--spf-surface-fg);
    font-weight: 700;
}

.parser-muted[b-3lxwlyzk19] {
    color: var(--spf-secondary-fg);
}

.parser-search[b-3lxwlyzk19] {
    margin-bottom: 18px;
}

.parser-content-search[b-3lxwlyzk19] {
    max-width: 360px;
}

.parser-profile-list[b-3lxwlyzk19] {
    display: flex;
    flex: 1;
    flex-direction: column;
    gap: 10px;
    overflow: auto;
    padding-right: 2px;
}

.parser-profile-card[b-3lxwlyzk19] {
    position: relative;
    width: 100%;
    min-height: 88px;
    border: 1px solid var(--spf-border-color);
    border-radius: 8px;
    background: var(--spf-surface-bg);
    color: var(--spf-surface-fg);
    transition: border-color 160ms ease, background 160ms ease, box-shadow 160ms ease, transform 160ms ease;
}

.parser-profile-card:hover[b-3lxwlyzk19] {
    border-color: color-mix(in srgb, var(--spf-primary) 36%, var(--spf-border-color));
    background: var(--spf-hover-bg);
}

.parser-profile-card.selected[b-3lxwlyzk19] {
    border-color: var(--spf-primary);
    background: var(--spf-active-bg);
    box-shadow: inset 4px 0 0 var(--spf-primary), inset 0 0 0 1px color-mix(in srgb, var(--spf-primary) 36%, transparent);
}

.parser-profile-card.selected:hover[b-3lxwlyzk19] {
    border-color: var(--spf-primary);
    background: color-mix(in srgb, var(--spf-primary) 18%, var(--spf-surface-bg));
}

.parser-profile-select[b-3lxwlyzk19] {
    display: flex;
    flex-direction: column;
    gap: 12px;
    width: 100%;
    min-height: 86px;
    padding: 16px 90px 14px 18px;
    border: 0;
    border-radius: 8px;
    background: transparent;
    color: inherit;
    cursor: pointer;
    user-select: none;
    text-align: left;
    align-items: flex-start;
}

.parser-profile-select:focus-visible[b-3lxwlyzk19] {
    outline: 2px solid var(--spf-primary);
    outline-offset: 2px;
}

.parser-profile-main[b-3lxwlyzk19],
.parser-profile-meta[b-3lxwlyzk19] {
    display: flex;
    align-items: center;
    gap: 10px;
    min-width: 0;
    flex-wrap: wrap;
}

.parser-profile-name[b-3lxwlyzk19] {
    font-weight: 700;
    overflow-wrap: anywhere;
}

.parser-profile-meta[b-3lxwlyzk19] {
    color: var(--spf-secondary-fg);
    font-size: 0.88rem;
}

.parser-profile-meta span:not(:last-child)[b-3lxwlyzk19]::after {
    content: "";
    display: inline-block;
    width: 4px;
    height: 4px;
    margin-left: 10px;
    border-radius: 50%;
    vertical-align: middle;
    background: color-mix(in srgb, var(--spf-secondary-fg) 70%, transparent);
}

.parser-profile-actions[b-3lxwlyzk19] {
    position: absolute;
    top: 12px;
    right: 12px;
    display: flex;
    gap: 2px;
}

.parser-state-pill[b-3lxwlyzk19],
.parser-count-pill[b-3lxwlyzk19] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 28px;
    height: 26px;
    padding: 0 10px;
    border-radius: 999px;
    font-size: 0.8rem;
    font-weight: 700;
}

.parser-state-pill.active[b-3lxwlyzk19] {
    background: color-mix(in srgb, var(--spf-success) 82%, var(--spf-surface-bg));
    color: var(--spf-accent-fg);
}

.parser-state-pill.passive[b-3lxwlyzk19] {
    background: var(--spf-muted-bg);
    color: var(--spf-secondary-fg);
}

.parser-count-pill[b-3lxwlyzk19] {
    background: var(--spf-primary);
    color: var(--spf-accent-fg);
}

.parser-inline-editor[b-3lxwlyzk19],
.parser-relation-editor[b-3lxwlyzk19] {
    margin-bottom: 14px;
    padding: 14px;
    border: 1px solid var(--spf-border-color);
    border-radius: 8px;
    background: var(--spf-muted-bg);
}

.parser-form-grid[b-3lxwlyzk19] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
}

.parser-editor-actions[b-3lxwlyzk19],
.parser-relation-editor[b-3lxwlyzk19] {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 10px;
}

.parser-relation-editor[b-3lxwlyzk19] {
    justify-content: flex-start;
}

.parser-relation-editor .mud-input-control[b-3lxwlyzk19] {
    width: min(520px, 100%);
}

.parser-table[b-3lxwlyzk19] {
    margin-top: 2px;
    border: 1px solid var(--spf-border-color);
    border-radius: 8px;
    overflow: hidden;
    background: var(--spf-surface-bg);
}

.parser-action-cell[b-3lxwlyzk19] {
    width: 120px;
    text-align: center;
}

.parser-empty-state[b-3lxwlyzk19] {
    display: grid;
    min-height: 120px;
    place-items: center;
    border: 1px dashed var(--spf-border-color);
    border-radius: 8px;
    color: var(--spf-secondary-fg);
}

.parser-profile-skeleton[b-3lxwlyzk19] {
    border-radius: 8px;
}

[b-3lxwlyzk19] .parser-config-panel .mud-input-control,
[b-3lxwlyzk19] .parser-config-panel .mud-input-label,
[b-3lxwlyzk19] .parser-config-panel .mud-input,
[b-3lxwlyzk19] .parser-config-panel .mud-table,
[b-3lxwlyzk19] .parser-config-panel .mud-table-cell,
[b-3lxwlyzk19] .parser-config-panel .mud-table-head .mud-table-cell {
    color: var(--spf-surface-fg);
}

[b-3lxwlyzk19] .parser-config-panel .mud-input-outlined-border,
[b-3lxwlyzk19] .parser-config-panel .mud-table-root,
[b-3lxwlyzk19] .parser-config-panel .mud-table-container {
    border-color: var(--spf-border-color);
}

[b-3lxwlyzk19] .parser-config-panel .mud-table {
    background: transparent;
}

[b-3lxwlyzk19] .parser-config-panel .mud-table-head {
    background: var(--spf-mud-table-header-bg);
}

[b-3lxwlyzk19] .parser-config-panel .mud-table-row {
    border-color: var(--spf-border-color);
}

[b-3lxwlyzk19] .parser-config-panel .mud-table-row:hover {
    background: var(--spf-hover-bg);
}

[b-3lxwlyzk19] .parser-config-panel .mud-table-pagination,
[b-3lxwlyzk19] .parser-config-panel .mud-table-pagination-toolbar,
[b-3lxwlyzk19] .parser-config-panel .mud-table-pagination-caption {
    color: var(--spf-surface-fg);
}

[b-3lxwlyzk19] .parser-config-panel {
    padding: 22px !important;
    border: 1px solid var(--spf-border-color) !important;
    border-radius: 8px !important;
    background: var(--spf-surface-bg) !important;
    color: var(--spf-surface-fg) !important;
    box-sizing: border-box !important;
}

[b-3lxwlyzk19] .parser-config-panel > *:first-child {
    margin-top: 0;
}

@media (max-width: 1100px) {
    .parser-config-page[b-3lxwlyzk19] {
        grid-template-columns: 1fr;
    }

    .parser-profile-panel[b-3lxwlyzk19] {
        min-height: auto;
    }
}

@media (max-width: 720px) {
    .parser-config-panel[b-3lxwlyzk19] {
        padding: 16px;
    }

    [b-3lxwlyzk19] .parser-config-panel {
        padding: 16px !important;
    }

    .parser-panel-header[b-3lxwlyzk19],
    .parser-relation-editor[b-3lxwlyzk19] {
        align-items: stretch;
        flex-direction: column;
    }

    .parser-profile-card[b-3lxwlyzk19] {
        padding-right: 0;
    }

    .parser-profile-select[b-3lxwlyzk19] {
        padding-right: 18px;
    }

    .parser-profile-actions[b-3lxwlyzk19] {
        position: static;
        margin-top: 2px;
    }

    .parser-form-grid[b-3lxwlyzk19] {
        grid-template-columns: 1fr;
    }

    .parser-content-search[b-3lxwlyzk19] {
        max-width: none;
    }
}