@import '_content/CSI.UI/CSI.UI.o3qr5mjzyb.bundle.scp.css';

/* /Components/AiSummaryPanel.razor.rz.scp.css */
.ai-panel[b-yq8xqt6351] {
    background-color: var(--csi-info-bg);
    border: var(--csi-border-width) solid var(--csi-info-fg);
    border-radius: var(--csi-radius-md);
    margin-bottom: var(--csi-space-md);
    overflow: hidden;
}

.ai-toggle[b-yq8xqt6351] {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: var(--csi-space-sm) var(--csi-space-md);
    background: transparent;
    border: 0;
    cursor: pointer;
    font: inherit;
    text-align: left;
    color: var(--csi-info-fg);
    transition: background-color 0.15s ease-out;
}

.ai-toggle:hover[b-yq8xqt6351] {
    background-color: color-mix(in srgb, var(--csi-info-bg) 70%, var(--csi-info-fg) 5%);
}

.ai-toggle-label[b-yq8xqt6351] {
    display: inline-flex;
    align-items: center;
    gap: var(--csi-space-xs);
    font-size: 0.875rem;
    font-weight: 600;
}

.ai-icon[b-yq8xqt6351],
.ai-chevron[b-yq8xqt6351] {
    width: 16px;
    height: 16px;
}

.ai-chevron[b-yq8xqt6351] {
    transition: transform 0.15s ease-out;
}

.ai-chevron-open[b-yq8xqt6351] {
    transform: rotate(90deg);
}

.ai-body[b-yq8xqt6351] {
    padding: 0 var(--csi-space-md) var(--csi-space-md);
}

.ai-paragraph[b-yq8xqt6351] {
    margin: var(--csi-space-xs) 0 0;
    font-size: 0.875rem;
    color: var(--csi-info-fg);
    line-height: 1.5;
}
/* /Components/ContentTypeSelector.razor.rz.scp.css */
.ct-selector[b-zxut74uatn] {
    margin-top: var(--csi-space-md);
    border: var(--csi-border-width) solid var(--csi-border-secondary);
    border-radius: var(--csi-radius-md);
    overflow: hidden;
    background-color: var(--csi-surface-primary);
}

.ct-toggle[b-zxut74uatn] {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: var(--csi-space-sm) var(--csi-space-md);
    background: transparent;
    border: 0;
    cursor: pointer;
    font: inherit;
    color: var(--csi-text-primary);
    text-align: left;
    font-size: 0.875rem;
    font-weight: 500;
}

.ct-toggle:hover[b-zxut74uatn] {
    background-color: var(--csi-surface-secondary);
}

.ct-toggle-label[b-zxut74uatn] {
    display: inline-flex;
    align-items: baseline;
    gap: var(--csi-space-xs);
}

.ct-count[b-zxut74uatn] {
    color: var(--csi-text-tertiary);
    font-weight: 400;
}

.ct-chevron[b-zxut74uatn] {
    width: 16px;
    height: 16px;
    color: var(--csi-text-tertiary);
    transition: transform 0.15s ease-out;
}

.ct-chevron-open[b-zxut74uatn] {
    transform: rotate(90deg);
}

.ct-body[b-zxut74uatn] {
    padding: 0 var(--csi-space-md) var(--csi-space-md);
    border-top: var(--csi-border-width) solid var(--csi-border-tertiary);
}

.ct-actions[b-zxut74uatn] {
    display: flex;
    justify-content: flex-end;
    padding: var(--csi-space-xs) 0;
}

.ct-linklike[b-zxut74uatn] {
    background: transparent;
    border: 0;
    cursor: pointer;
    color: var(--csi-brand-primary);
    font-size: 0.75rem;
}

.ct-linklike:hover[b-zxut74uatn] {
    text-decoration: underline;
}

.ct-grid[b-zxut74uatn] {
    display: grid;
    grid-template-columns: 1fr;
    gap: var(--csi-space-xs);
}

@media (min-width: 640px) {
    .ct-grid[b-zxut74uatn] {
        grid-template-columns: 1fr 1fr;
    }
}

.ct-option[b-zxut74uatn] {
    display: inline-flex;
    align-items: center;
    gap: var(--csi-space-xs);
    font-size: 0.875rem;
    color: var(--csi-text-secondary);
    cursor: pointer;
}

.ct-option input[type="checkbox"][b-zxut74uatn] {
    accent-color: var(--csi-brand-primary);
}
/* /Components/CourseSelector.razor.rz.scp.css */
.course-selector[b-3jksxf4try] {
    display: flex;
    flex-direction: column;
    gap: var(--csi-space-xs);
}

.cs-label[b-3jksxf4try] {
    font-size: 0.875rem;
    font-weight: 500;
    color: var(--csi-text-secondary);
}

.cs-subtitle[b-3jksxf4try] {
    color: var(--csi-text-tertiary);
    font-weight: 400;
}

.cs-row[b-3jksxf4try] {
    display: flex;
    gap: var(--csi-space-xs);
}

.cs-input[b-3jksxf4try] {
    flex: 1;
    padding: var(--csi-space-xs) var(--csi-space-md);
    font: inherit;
    font-size: 0.9375rem;
    border: var(--csi-border-width) solid var(--csi-border-secondary);
    border-radius: var(--csi-radius-md);
    background-color: var(--csi-surface-primary);
    color: var(--csi-text-primary);
}

.cs-input:focus[b-3jksxf4try] {
    outline: 2px solid var(--csi-brand-primary);
    outline-offset: -1px;
    border-color: var(--csi-brand-primary);
}

.cs-input-error[b-3jksxf4try] {
    border-color: var(--csi-danger-fg);
}

.cs-input-error:focus[b-3jksxf4try] {
    outline-color: var(--csi-danger-fg);
}

.cs-validate[b-3jksxf4try] {
    padding: var(--csi-space-xs) var(--csi-space-md);
    font: inherit;
    font-size: 0.875rem;
    background-color: var(--csi-surface-secondary);
    color: var(--csi-text-primary);
    border: var(--csi-border-width) solid var(--csi-border-secondary);
    border-radius: var(--csi-radius-md);
    cursor: pointer;
    min-width: 5.5rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.cs-validate:hover[b-3jksxf4try] {
    background-color: var(--csi-surface-tertiary);
}

.cs-validate-disabled[b-3jksxf4try] {
    background-color: var(--csi-surface-secondary);
    color: var(--csi-text-tertiary);
    cursor: not-allowed;
}

.cs-validate-disabled:hover[b-3jksxf4try] {
    background-color: var(--csi-surface-secondary);
}

.cs-spinner[b-3jksxf4try] {
    width: 16px;
    height: 16px;
    color: var(--csi-text-secondary);
    animation: cs-spin-b-3jksxf4try 0.75s linear infinite;
}

@keyframes cs-spin-b-3jksxf4try {
    to {
        transform: rotate(360deg);
    }
}

.cs-error[b-3jksxf4try] {
    margin: var(--csi-space-xs) 0 0;
    font-size: 0.875rem;
    color: var(--csi-danger-fg);
}

.cs-result[b-3jksxf4try] {
    display: flex;
    gap: var(--csi-space-xs);
    margin-top: var(--csi-space-xs);
    padding: var(--csi-space-sm);
    background-color: var(--csi-success-bg);
    border: var(--csi-border-width) solid var(--csi-success-fg);
    border-radius: var(--csi-radius-md);
}

.cs-result-icon[b-3jksxf4try] {
    width: 20px;
    height: 20px;
    color: var(--csi-success-fg);
    flex-shrink: 0;
    margin-top: 2px;
}

.cs-result-text[b-3jksxf4try] {
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.cs-result-name[b-3jksxf4try] {
    margin: 0;
    font-size: 0.875rem;
    font-weight: 600;
    color: var(--csi-success-fg);
}

.cs-result-code[b-3jksxf4try] {
    margin: 0;
    font-size: 0.875rem;
    color: var(--csi-success-fg);
    opacity: 0.85;
}

.cs-result-state[b-3jksxf4try] {
    margin: 0;
    font-size: 0.75rem;
    color: var(--csi-success-fg);
    opacity: 0.7;
}
/* /Components/DiffItemRow.razor.rz.scp.css */
.diff-row[b-vesj3b26re] {
    border-left: 4px solid var(--csi-border-secondary);
    border-top-right-radius: var(--csi-radius-md);
    border-bottom-right-radius: var(--csi-radius-md);
    padding: var(--csi-space-sm);
    background-color: var(--csi-surface-secondary);
}

.diff-row-added[b-vesj3b26re] {
    border-left-color: var(--csi-success-fg);
    background-color: var(--csi-success-bg);
}

.diff-row-removed[b-vesj3b26re] {
    border-left-color: var(--csi-danger-fg);
    background-color: var(--csi-danger-bg);
}

.diff-row-modified[b-vesj3b26re] {
    border-left-color: var(--csi-warning-fg);
    background-color: var(--csi-warning-bg);
}

.diff-row-unchanged[b-vesj3b26re] {
    border-left-color: var(--csi-border-secondary);
    background-color: var(--csi-surface-secondary);
}

.diff-row-header[b-vesj3b26re] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: var(--csi-space-sm);
}

.diff-row-name[b-vesj3b26re] {
    font-size: 0.875rem;
    font-weight: 600;
    color: var(--csi-text-primary);
}

.diff-row-block[b-vesj3b26re] {
    margin-top: var(--csi-space-sm);
}

.diff-row-label[b-vesj3b26re] {
    margin: 0 0 2px;
    font-size: 0.75rem;
    font-weight: 500;
    color: var(--csi-text-tertiary);
    text-transform: uppercase;
    letter-spacing: 0.03em;
}

.diff-row-text[b-vesj3b26re] {
    margin: 0;
    font-size: 0.875rem;
    color: var(--csi-text-primary);
}

.diff-row-ai[b-vesj3b26re] {
    font-style: italic;
}

.diff-row-grid[b-vesj3b26re] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: var(--csi-space-md);
    margin-top: var(--csi-space-sm);
}

.diff-row-value[b-vesj3b26re] {
    padding: var(--csi-space-xs);
    border-radius: var(--csi-radius-sm);
    font-size: 0.875rem;
}

.diff-row-value-added[b-vesj3b26re] {
    background-color: color-mix(in srgb, var(--csi-success-bg) 40%, var(--csi-surface-primary));
    color: var(--csi-success-fg);
}

.diff-row-value-removed[b-vesj3b26re] {
    background-color: color-mix(in srgb, var(--csi-danger-bg) 40%, var(--csi-surface-primary));
    color: var(--csi-danger-fg);
}

.diff-row-muted[b-vesj3b26re] {
    margin: 0;
    font-size: 0.875rem;
    color: var(--csi-text-tertiary);
    font-style: italic;
}

.badge[b-vesj3b26re] {
    display: inline-flex;
    align-items: center;
    padding: 0.125rem var(--csi-space-xs);
    border-radius: var(--csi-radius-sm);
    font-size: 0.75rem;
    font-weight: 500;
}

.badge-added[b-vesj3b26re] {
    background-color: color-mix(in srgb, var(--csi-success-bg) 50%, var(--csi-surface-primary));
    color: var(--csi-success-fg);
}

.badge-removed[b-vesj3b26re] {
    background-color: color-mix(in srgb, var(--csi-danger-bg) 50%, var(--csi-surface-primary));
    color: var(--csi-danger-fg);
}

.badge-modified[b-vesj3b26re] {
    background-color: color-mix(in srgb, var(--csi-warning-bg) 50%, var(--csi-surface-primary));
    color: var(--csi-warning-fg);
}

.badge-unchanged[b-vesj3b26re] {
    background-color: var(--csi-surface-tertiary);
    color: var(--csi-text-tertiary);
}

.html-diff-preview[b-vesj3b26re] {
    max-height: 300px;
    overflow-y: auto;
    padding: var(--csi-space-sm);
    background-color: var(--csi-surface-primary);
    border: var(--csi-border-width) solid var(--csi-border-tertiary);
    border-radius: var(--csi-radius-sm);
    font-size: 0.875rem;
    line-height: 1.5;
    color: var(--csi-text-primary);
}

.html-diff-preview[b-vesj3b26re]  ins {
    background-color: var(--csi-success-bg);
    color: var(--csi-success-fg);
    text-decoration: none;
    padding: 1px 2px;
    border-radius: 2px;
}

.html-diff-preview[b-vesj3b26re]  del {
    background-color: var(--csi-danger-bg);
    color: var(--csi-danger-fg);
    text-decoration: line-through;
    padding: 1px 2px;
    border-radius: 2px;
}
/* /Components/DiffSectionPanel.razor.rz.scp.css */
.section-panel[b-lp3j2x8tp8] {
    margin-bottom: var(--csi-space-md);
}

.section-header[b-lp3j2x8tp8] {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--csi-space-md);
    padding: var(--csi-space-md);
    background-color: var(--csi-surface-primary);
    border: var(--csi-border-width) solid var(--csi-border-secondary);
    border-radius: var(--csi-radius-md);
    cursor: pointer;
    text-align: left;
    font: inherit;
    color: var(--csi-text-primary);
}

.section-header:hover[b-lp3j2x8tp8] {
    background-color: var(--csi-surface-secondary);
}

.section-header-left[b-lp3j2x8tp8] {
    display: inline-flex;
    align-items: center;
    gap: var(--csi-space-sm);
}

.section-chevron[b-lp3j2x8tp8] {
    width: 20px;
    height: 20px;
    color: var(--csi-text-tertiary);
    transition: transform 0.15s ease-out;
}

.section-chevron-open[b-lp3j2x8tp8] {
    transform: rotate(90deg);
}

.section-title[b-lp3j2x8tp8] {
    margin: 0;
    font-size: 1rem;
    font-weight: 600;
    color: var(--csi-text-primary);
}

.section-counts[b-lp3j2x8tp8] {
    display: inline-flex;
    gap: var(--csi-space-xs);
    flex-wrap: wrap;
    justify-content: flex-end;
}

.section-body[b-lp3j2x8tp8] {
    margin-top: var(--csi-space-xs);
    padding-left: var(--csi-space-md);
    display: flex;
    flex-direction: column;
    gap: var(--csi-space-xs);
}

.section-empty[b-lp3j2x8tp8] {
    margin: 0;
    padding: var(--csi-space-sm) var(--csi-space-md);
    font-size: 0.875rem;
    color: var(--csi-text-tertiary);
}

.badge[b-lp3j2x8tp8] {
    display: inline-flex;
    align-items: center;
    padding: 0.125rem var(--csi-space-xs);
    border-radius: var(--csi-radius-sm);
    font-size: 0.75rem;
    font-weight: 500;
}

.badge-added[b-lp3j2x8tp8] {
    background-color: color-mix(in srgb, var(--csi-success-bg) 50%, var(--csi-surface-primary));
    color: var(--csi-success-fg);
}

.badge-removed[b-lp3j2x8tp8] {
    background-color: color-mix(in srgb, var(--csi-danger-bg) 50%, var(--csi-surface-primary));
    color: var(--csi-danger-fg);
}

.badge-modified[b-lp3j2x8tp8] {
    background-color: color-mix(in srgb, var(--csi-warning-bg) 50%, var(--csi-surface-primary));
    color: var(--csi-warning-fg);
}

.badge-unchanged[b-lp3j2x8tp8] {
    background-color: var(--csi-surface-tertiary);
    color: var(--csi-text-tertiary);
}
/* /Components/ExportToolbar.razor.rz.scp.css */
.export-toolbar[b-o8ws5zmr40] {
    display: flex;
    justify-content: flex-end;
    margin-bottom: var(--csi-space-md);
}

.export-link[b-o8ws5zmr40] {
    display: inline-flex;
    align-items: center;
    gap: var(--csi-space-xs);
    padding: var(--csi-space-xs) var(--csi-space-md);
    background-color: var(--csi-surface-primary);
    border: var(--csi-border-width) solid var(--csi-border-secondary);
    border-radius: var(--csi-radius-md);
    color: var(--csi-text-primary);
    font-size: 0.875rem;
    font-weight: 500;
    text-decoration: none;
    transition: background-color 0.15s ease-out;
}

.export-link:hover[b-o8ws5zmr40] {
    background-color: var(--csi-surface-secondary);
}

.export-icon[b-o8ws5zmr40] {
    width: 16px;
    height: 16px;
}
/* /Components/ReportLegend.razor.rz.scp.css */
.legend[b-03to7uk8yq] {
    margin-bottom: var(--csi-space-md);
    border: var(--csi-border-width) solid var(--csi-border-secondary);
    border-radius: var(--csi-radius-md);
    background-color: var(--csi-surface-primary);
    overflow: hidden;
}

.legend-toggle[b-03to7uk8yq] {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: var(--csi-space-sm) var(--csi-space-md);
    background: transparent;
    border: 0;
    cursor: pointer;
    font: inherit;
    color: var(--csi-text-secondary);
    text-align: left;
}

.legend-toggle:hover[b-03to7uk8yq] {
    background-color: var(--csi-surface-secondary);
}

.legend-toggle-label[b-03to7uk8yq] {
    display: inline-flex;
    align-items: center;
    gap: var(--csi-space-xs);
    font-size: 0.875rem;
    font-weight: 500;
    color: var(--csi-text-primary);
}

.legend-toggle-icon[b-03to7uk8yq] {
    width: 16px;
    height: 16px;
    color: var(--csi-text-tertiary);
}

.legend-chevron[b-03to7uk8yq] {
    width: 16px;
    height: 16px;
    color: var(--csi-text-tertiary);
    transition: transform 0.15s ease-out;
}

.legend-chevron-open[b-03to7uk8yq] {
    transform: rotate(90deg);
}

.legend-body[b-03to7uk8yq] {
    padding: var(--csi-space-sm) var(--csi-space-md) var(--csi-space-md);
    border-top: var(--csi-border-width) solid var(--csi-border-tertiary);
    display: flex;
    flex-direction: column;
    gap: var(--csi-space-md);
}

.legend-section[b-03to7uk8yq] {
    margin: 0;
}

.legend-heading[b-03to7uk8yq] {
    margin: 0 0 var(--csi-space-xs);
    font-size: 0.75rem;
    font-weight: 600;
    color: var(--csi-text-tertiary);
    text-transform: uppercase;
    letter-spacing: 0.03em;
}

.legend-list[b-03to7uk8yq] {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: var(--csi-space-xs);
}

.legend-list li[b-03to7uk8yq] {
    display: flex;
    align-items: center;
    gap: var(--csi-space-sm);
}

.legend-desc[b-03to7uk8yq] {
    font-size: 0.875rem;
    color: var(--csi-text-secondary);
}

.legend-dl[b-03to7uk8yq] {
    margin: 0;
    display: flex;
    flex-direction: column;
    gap: var(--csi-space-xs);
}

.legend-dl > div[b-03to7uk8yq] {
    display: flex;
    gap: var(--csi-space-sm);
    font-size: 0.875rem;
}

.legend-dl dt[b-03to7uk8yq] {
    font-weight: 600;
    color: var(--csi-text-primary);
    width: 7rem;
    flex-shrink: 0;
    margin: 0;
}

.legend-dl dd[b-03to7uk8yq] {
    color: var(--csi-text-secondary);
    margin: 0;
}

/* Shared badge and inline-highlight styles */

.badge[b-03to7uk8yq] {
    display: inline-flex;
    align-items: center;
    padding: 0.125rem var(--csi-space-xs);
    border-radius: var(--csi-radius-sm);
    font-size: 0.75rem;
    font-weight: 500;
}

.badge-added[b-03to7uk8yq] {
    background-color: var(--csi-success-bg);
    color: var(--csi-success-fg);
}

.badge-removed[b-03to7uk8yq] {
    background-color: var(--csi-danger-bg);
    color: var(--csi-danger-fg);
}

.badge-modified[b-03to7uk8yq] {
    background-color: var(--csi-warning-bg);
    color: var(--csi-warning-fg);
}

.inline-ins[b-03to7uk8yq] {
    background-color: var(--csi-success-bg);
    color: var(--csi-success-fg);
    padding: 0 var(--csi-space-xs);
    border-radius: var(--csi-radius-sm);
    font-size: 0.875rem;
}

.inline-del[b-03to7uk8yq] {
    background-color: var(--csi-danger-bg);
    color: var(--csi-danger-fg);
    padding: 0 var(--csi-space-xs);
    border-radius: var(--csi-radius-sm);
    text-decoration: line-through;
    font-size: 0.875rem;
}
/* /Pages/Compare.razor.rz.scp.css */
.compare-page[b-c75tvrifst] {
    max-width: 56rem;
    margin: 0 auto;
    padding: var(--csi-space-lg) var(--csi-space-md);
}

.compare-hero[b-c75tvrifst] {
    margin-bottom: var(--csi-space-lg);
}

.compare-title[b-c75tvrifst] {
    margin: 0;
    font-size: 1.75rem;
    font-weight: 700;
    color: var(--csi-text-primary);
}

.compare-subtitle[b-c75tvrifst] {
    margin: var(--csi-space-xs) 0 0;
    font-size: 0.9375rem;
    color: var(--csi-text-secondary);
}

.compare-card[b-c75tvrifst] {
    padding: var(--csi-space-lg);
    background-color: var(--csi-surface-primary);
    border: var(--csi-border-width) solid var(--csi-border-secondary);
    border-radius: var(--csi-radius-md);
    margin-bottom: var(--csi-space-md);
}

.compare-card-title[b-c75tvrifst] {
    margin: 0 0 var(--csi-space-md);
    font-size: 1.125rem;
    font-weight: 600;
    color: var(--csi-text-primary);
}

.compare-selectors[b-c75tvrifst] {
    display: grid;
    grid-template-columns: 1fr;
    gap: var(--csi-space-md);
}

@media (min-width: 640px) {
    .compare-selectors[b-c75tvrifst] {
        grid-template-columns: 1fr 1fr;
    }
}

.compare-action[b-c75tvrifst] {
    margin-top: var(--csi-space-md);
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: var(--csi-space-xs);
}

.compare-submit[b-c75tvrifst] {
    padding: var(--csi-space-sm) var(--csi-space-xl);
    background-color: var(--csi-brand-primary);
    color: var(--csi-brand-primary-fg);
    border: 0;
    border-radius: var(--csi-radius-md);
    font: inherit;
    font-size: 1rem;
    font-weight: 600;
    cursor: pointer;
    min-width: 12rem;
    transition: background-color 0.15s ease-out;
}

.compare-submit:hover[b-c75tvrifst] {
    background-color: var(--csi-brand-accent);
}

.compare-submit-disabled[b-c75tvrifst] {
    background-color: var(--csi-surface-tertiary);
    color: var(--csi-text-tertiary);
    cursor: not-allowed;
}

.compare-submit-disabled:hover[b-c75tvrifst] {
    background-color: var(--csi-surface-tertiary);
}

.compare-submit-busy[b-c75tvrifst] {
    display: inline-flex;
    align-items: center;
    gap: var(--csi-space-xs);
}

.compare-spinner[b-c75tvrifst] {
    width: 16px;
    height: 16px;
    animation: compare-spin-b-c75tvrifst 0.75s linear infinite;
}

@keyframes compare-spin-b-c75tvrifst {
    to {
        transform: rotate(360deg);
    }
}

.compare-hint[b-c75tvrifst] {
    margin: 0;
    font-size: 0.75rem;
    color: var(--csi-text-tertiary);
}

.compare-progress[b-c75tvrifst] {
    padding: var(--csi-space-md);
    background-color: var(--csi-surface-primary);
    border: var(--csi-border-width) solid var(--csi-border-secondary);
    border-radius: var(--csi-radius-md);
    margin-bottom: var(--csi-space-md);
    text-align: center;
}

.compare-progress-title[b-c75tvrifst] {
    margin: 0 0 var(--csi-space-xs);
    font-size: 0.9375rem;
    font-weight: 500;
    color: var(--csi-text-primary);
}

.compare-progress-bar[b-c75tvrifst] {
    height: 8px;
    background-color: var(--csi-surface-secondary);
    border-radius: var(--csi-radius-sm);
    overflow: hidden;
}

.compare-progress-fill[b-c75tvrifst] {
    height: 100%;
    background-color: var(--csi-brand-primary);
    transition: width 0.3s ease-out;
}

.compare-progress-text[b-c75tvrifst] {
    margin: var(--csi-space-xs) 0 0;
    font-size: 0.75rem;
    color: var(--csi-text-tertiary);
}

.compare-error[b-c75tvrifst] {
    padding: var(--csi-space-md);
    background-color: var(--csi-danger-bg);
    border: var(--csi-border-width) solid var(--csi-danger-fg);
    border-radius: var(--csi-radius-md);
    color: var(--csi-danger-fg);
}

.compare-error-title[b-c75tvrifst] {
    margin: 0 0 var(--csi-space-xs);
    font-size: 1rem;
    font-weight: 600;
}

.compare-error-text[b-c75tvrifst] {
    margin: 0;
    font-size: 0.875rem;
}

.compare-dismiss[b-c75tvrifst] {
    margin-top: var(--csi-space-sm);
    padding: var(--csi-space-xs) var(--csi-space-md);
    background-color: color-mix(in srgb, var(--csi-danger-bg) 70%, var(--csi-surface-primary));
    color: var(--csi-danger-fg);
    border: var(--csi-border-width) solid var(--csi-danger-fg);
    border-radius: var(--csi-radius-md);
    font: inherit;
    font-size: 0.875rem;
    cursor: pointer;
}

.compare-dismiss:hover[b-c75tvrifst] {
    background-color: var(--csi-surface-primary);
}
/* /Pages/Report.razor.rz.scp.css */
.report-page[b-jfq1j4inii] {
    max-width: 64rem;
    margin: 0 auto;
    padding: var(--csi-space-lg) var(--csi-space-md);
}

.report-loading[b-jfq1j4inii] {
    padding: var(--csi-space-lg);
    text-align: center;
    background-color: var(--csi-surface-primary);
    border: var(--csi-border-width) solid var(--csi-border-secondary);
    border-radius: var(--csi-radius-md);
}

.report-spinner[b-jfq1j4inii] {
    width: 32px;
    height: 32px;
    color: var(--csi-brand-primary);
    animation: report-spin-b-jfq1j4inii 0.75s linear infinite;
}

@keyframes report-spin-b-jfq1j4inii {
    to {
        transform: rotate(360deg);
    }
}

.report-loading-text[b-jfq1j4inii] {
    margin: var(--csi-space-sm) 0 0;
    color: var(--csi-text-secondary);
}

.report-error[b-jfq1j4inii] {
    padding: var(--csi-space-md);
    background-color: var(--csi-danger-bg);
    border: var(--csi-border-width) solid var(--csi-danger-fg);
    border-radius: var(--csi-radius-md);
    color: var(--csi-danger-fg);
}

.report-error-title[b-jfq1j4inii] {
    margin: 0 0 var(--csi-space-xs);
    font-size: 1rem;
    font-weight: 600;
}

.report-error-text[b-jfq1j4inii] {
    margin: 0 0 var(--csi-space-sm);
    font-size: 0.875rem;
}

.report-error-link[b-jfq1j4inii] {
    display: inline-block;
    padding: var(--csi-space-xs) var(--csi-space-md);
    background-color: color-mix(in srgb, var(--csi-danger-bg) 70%, var(--csi-surface-primary));
    color: var(--csi-danger-fg);
    border: var(--csi-border-width) solid var(--csi-danger-fg);
    border-radius: var(--csi-radius-md);
    font-size: 0.875rem;
    text-decoration: none;
}

.report-error-link:hover[b-jfq1j4inii] {
    background-color: var(--csi-surface-primary);
}

.report-header[b-jfq1j4inii] {
    margin-bottom: var(--csi-space-md);
}

.report-title[b-jfq1j4inii] {
    margin: 0;
    font-size: 1.5rem;
    font-weight: 700;
    color: var(--csi-text-primary);
}

.report-course-pair[b-jfq1j4inii] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: var(--csi-space-md);
    margin-top: var(--csi-space-sm);
}

.report-course-card[b-jfq1j4inii] {
    padding: var(--csi-space-sm);
    border-radius: var(--csi-radius-md);
    border: var(--csi-border-width) solid var(--csi-border-tertiary);
}

.report-course-card-source[b-jfq1j4inii] {
    background-color: var(--csi-info-bg);
}

.report-course-card-target[b-jfq1j4inii] {
    background-color: var(--csi-surface-secondary);
}

.report-course-label[b-jfq1j4inii] {
    margin: 0;
    font-size: 0.75rem;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 0.03em;
    color: var(--csi-text-tertiary);
}

.report-course-card-source .report-course-label[b-jfq1j4inii] {
    color: var(--csi-info-fg);
}

.report-course-name[b-jfq1j4inii] {
    margin: 2px 0 0;
    font-size: 0.9375rem;
    font-weight: 600;
    color: var(--csi-text-primary);
}

.report-course-card-source .report-course-name[b-jfq1j4inii] {
    color: var(--csi-info-fg);
}

.report-timestamp[b-jfq1j4inii] {
    margin: var(--csi-space-xs) 0 0;
    font-size: 0.75rem;
    color: var(--csi-text-tertiary);
}

.report-stats[b-jfq1j4inii] {
    display: flex;
    flex-wrap: wrap;
    gap: var(--csi-space-xs);
    margin-bottom: var(--csi-space-md);
}

.stat[b-jfq1j4inii] {
    padding: var(--csi-space-xs) var(--csi-space-sm);
    border-radius: 9999px;
    font-size: 0.875rem;
    font-weight: 500;
}

.stat-added[b-jfq1j4inii] {
    background-color: var(--csi-success-bg);
    color: var(--csi-success-fg);
}

.stat-removed[b-jfq1j4inii] {
    background-color: var(--csi-danger-bg);
    color: var(--csi-danger-fg);
}

.stat-modified[b-jfq1j4inii] {
    background-color: var(--csi-warning-bg);
    color: var(--csi-warning-fg);
}

.report-no-changes[b-jfq1j4inii] {
    padding: var(--csi-space-md);
    background-color: var(--csi-success-bg);
    border: var(--csi-border-width) solid var(--csi-success-fg);
    border-radius: var(--csi-radius-md);
    color: var(--csi-success-fg);
    text-align: center;
    font-weight: 500;
}

.report-no-changes p[b-jfq1j4inii] {
    margin: 0;
}

.report-footer[b-jfq1j4inii] {
    margin-top: var(--csi-space-lg);
    margin-bottom: var(--csi-space-md);
}

.report-new-link[b-jfq1j4inii] {
    font-size: 0.875rem;
    color: var(--csi-brand-primary);
    text-decoration: none;
}

.report-new-link:hover[b-jfq1j4inii] {
    text-decoration: underline;
}