/* ProjectSummaryDialog — AI summary surface with metrics and email actions. */

.summary-container {
    padding: 0;
}

.summary-header {
    background: var(--rz-header-background-color);
    color: var(--rz-text-contrast-color);
    padding: 1.5rem;
    margin: -1rem -1rem 1rem -1rem;
    border-radius: var(--rz-border-radius) var(--rz-border-radius) 0 0;
}

.summary-header h3 {
    margin: 0 0 0.5rem 0;
    font-size: 1.25rem;
}

.summary-header p {
    margin: 0;
    opacity: 0.9;
    font-size: 0.875rem;
}

.metrics-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 1rem;
    margin-bottom: 1.5rem;
}

.metric-card {
    background: var(--rz-base-100);
    border-radius: var(--rz-border-radius);
    padding: 1rem;
    text-align: center;
    border: 1px solid var(--rz-border-color);
}

.metric-value {
    font-size: 1.75rem;
    font-weight: 700;
    color: var(--rz-primary);
}

.metric-value.negative { color: var(--rz-danger); }
.metric-value.attention { color: var(--rz-warning); }
.metric-value.positive { color: var(--rz-success); }

.metric-label {
    font-size: 0.75rem;
    color: var(--rz-text-secondary-color);
    text-transform: uppercase;
    margin-top: 0.25rem;
}

.health-badge {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.5rem 1rem;
    border-radius: 20px;
    font-weight: 600;
    margin-bottom: 1rem;
}

.health-ok { background: var(--rz-success-lighter); color: var(--rz-success-dark); }
.health-warning { background: var(--rz-warning-lighter); color: var(--rz-warning-dark); }
.health-danger { background: var(--rz-danger-lighter); color: var(--rz-danger-dark); }

.progress-section {
    margin-bottom: 1.5rem;
}

.progress-bar {
    background: var(--rz-base-300);
    border-radius: 10px;
    height: 24px;
    overflow: hidden;
    margin: 0.5rem 0;
}

.progress-fill {
    background: linear-gradient(90deg, var(--rz-primary) 0%, var(--rz-info) 100%);
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--rz-text-contrast-color);
    font-weight: 600;
    font-size: 0.75rem;
    transition: width 0.5s ease;
}

.critical-issues {
    background: var(--rz-warning-lighter);
    border: 1px solid var(--rz-warning-light);
    border-radius: var(--rz-border-radius);
    padding: 1rem;
    margin-bottom: 1.5rem;
}

.critical-issues h4 {
    color: var(--rz-warning-dark);
    margin: 0 0 0.5rem 0;
    font-size: 0.875rem;
}

.critical-issues ul {
    margin: 0;
    padding-left: 1.25rem;
}

.critical-issues li {
    font-size: 0.875rem;
    margin-bottom: 0.25rem;
}

.email-section {
    background: var(--rz-base-100);
    border: 1px solid var(--rz-border-color);
    border-radius: 8px;
    padding: 1rem;
    margin-top: 1rem;
}

.email-section h4 {
    margin: 0 0 1rem 0;
    font-size: 0.875rem;
    color: var(--rz-text-secondary-color);
}

.summary-container .actions {
    display: flex;
    gap: 0.75rem;
    justify-content: flex-end;
    margin-top: 1.5rem;
    padding-top: 1rem;
    border-top: 1px solid var(--rz-border-color);
}