/* Insights Page Styling */
.insights-root {
    padding: 16px;
}

.insights-header {
    margin-bottom: 24px;
}

.insights-period-selector {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 8px 16px;
    background: var(--mud-palette-surface);
    border-radius: 8px;
    margin-bottom: 16px;
}

.insights-group {
    margin-bottom: 24px;
}

.insights-group-header {
    margin-bottom: 12px;
    padding-bottom: 8px;
    border-bottom: 1px solid var(--mud-palette-divider);
}

/* Classification group headers */
.insights-classification-group {
    margin-bottom: 16px;
}

.insights-group-header--risk,
.insights-group-header--anomaly,
.insights-group-header--opportunity,
.insights-group-header--trend,
.insights-group-header--optimization,
.insights-group-header--dataquality,
.insights-group-header--forecastperformance,
.insights-group-header--other {
    padding: 12px 16px;
    border-radius: 8px;
    background: var(--mud-palette-background-grey);
}

/* Summary Tiles Styling */
.insights-summary-tiles {
    margin-bottom: 24px;
}

.insight-summary-tile {
    border-radius: 12px;
    text-align: center;
    min-height: 100px;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.insight-summary-tile:hover {
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
}

.insight-summary-tile--total {
    background: linear-gradient(135deg, var(--mud-palette-primary) 0%, var(--mud-palette-primary-darken) 100%);
}

.insight-summary-tile--opportunities {
    background: linear-gradient(135deg, var(--mud-palette-success) 0%, var(--mud-palette-success-darken) 100%);
}

.insight-summary-tile--risks {
    background: linear-gradient(135deg, var(--mud-palette-error) 0%, var(--mud-palette-error-darken) 100%);
}

.insight-summary-tile--anomalies {
    background: linear-gradient(135deg, var(--mud-palette-warning) 0%, var(--mud-palette-warning-darken) 100%);
}

.insight-tile-icon,
.insight-tile-value,
.insight-tile-label {
    color: white !important;
}

.insight-tile-value {
    font-weight: 700;
    line-height: 1.2;
}

.insight-tile-label {
    font-weight: 500;
    opacity: 0.9;
}

/* Insight Card Styling */
.insight-card {
    padding: 24px;
    margin-bottom: 16px;
    border-radius: 12px;
    transition: box-shadow 0.2s ease, transform 0.2s ease;
    background: var(--mud-palette-surface);
}

.insight-card:hover {
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.12);
    transform: translateY(-1px);
}

.insight-card-title {
    font-weight: 600;
}

/* Classification-based border/accent colors */
.insight-card--risk {
    border-left: 5px solid var(--mud-palette-error);
}

.insight-card--anomaly {
    border-left: 5px solid var(--mud-palette-warning);
}

.insight-card--opportunity {
    border-left: 5px solid var(--mud-palette-success);
}

.insight-card--trend {
    border-left: 5px solid var(--mud-palette-info);
}

.insight-card--optimization {
    border-left: 5px solid var(--mud-palette-primary);
}

.insight-card--dataquality {
    border-left: 5px solid var(--mud-palette-warning);
}

.insight-card--forecastperformance {
    border-left: 5px solid var(--mud-palette-info);
}

.insight-card--other {
    border-left: 5px solid var(--mud-palette-grey);
}

.insight-card-summary {
    max-width: 960px;
    line-height: 1.6;
    color: var(--mud-palette-text-secondary);
}

.insight-display-element {
    margin: 16px 0;
    padding: 16px;
    background: var(--mud-palette-background);
    border-radius: 8px;
}

.insight-card-meta {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-top: 12px;
}

.insight-card-metrics {
    margin-top: 12px;
}

.insight-card-actions {
    margin-top: 16px;
    display: flex;
    justify-content: flex-end;
}

/* Trend direction indicators */
.trend-improving {
    color: var(--mud-palette-success);
}

.trend-declining {
    color: var(--mud-palette-error);
}

.trend-stable {
    color: var(--mud-palette-info);
}

.trend-new {
    color: var(--mud-palette-primary);
}

/* AnalysisReport list */
.insight-view-card {
    cursor: pointer;
    transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.insight-view-card:hover {
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
}

/* Empty state */
.insights-empty {
    text-align: center;
    padding: 48px 24px;
}

.insights-empty-icon {
    font-size: 64px;
    color: var(--mud-palette-grey);
    margin-bottom: 16px;
}