#validations-preview{margin:var(--space-lg) 0;width:100%}.validation-charts-grid{gap:var(--space-lg);margin:var(--space-lg) 0;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));display:grid}.validation-chart-container{background-color:var(--color-neutral-100);border:1px solid var(--color-neutral-200);border-radius:var(--border-radius);padding:var(--space-md);text-align:center;transition:transform var(--transition-fast), box-shadow var(--transition-fast)}.validation-chart-container:hover{box-shadow:var(--box-shadow);transform:translateY(-2px)}.chart-title{font:var(--text-subtitle-bold);margin-bottom:var(--space-md);color:var(--color-neutral-900);border-bottom:1px solid var(--color-neutral-200);padding-bottom:var(--space-xs)}.chart-canvas-container{width:100%;height:250px;position:relative}.validation-summary{background-color:var(--color-blue-300);border:1px solid var(--color-neutral-200);border-radius:var(--border-radius);padding:var(--space-lg);margin:var(--space-lg) 0;text-align:center}.validation-summary h3{margin-top:0;margin-bottom:var(--space-md);color:var(--color-neutral-900)}.summary-stats-grid{gap:var(--space-md);margin-top:var(--space-md);grid-template-columns:repeat(auto-fit,minmax(150px,1fr));display:grid}.summary-stat-item{padding:var(--space-sm);border-radius:var(--border-radius-sm);background-color:var(--color-neutral-white);border:1px solid var(--color-neutral-200)}.summary-stat-value{font:var(--text-title-bold);color:var(--color-neutral-900)}.summary-stat-label{font:var(--text-small-regular);color:var(--color-neutral-700);margin-top:var(--space-xs)}.validation-loading{padding:var(--space-xxl);color:var(--color-neutral-700);flex-direction:column;justify-content:center;align-items:center;display:flex}.validation-loading .loading-spinner{margin-bottom:var(--space-md)}.validation-error{color:var(--color-error-300);text-align:center;padding:var(--space-xxl);background-color:rgb(from var(--color-error-200) r g b / 10%);border:1px solid var(--color-error-200);border-radius:var(--border-radius);margin:var(--space-lg) 0}.validation-legend{justify-content:center;gap:var(--space-lg);margin:var(--space-md) 0;flex-wrap:wrap;display:flex}.validation-legend-item{align-items:center;gap:var(--space-xs);font:var(--text-small-regular);display:flex}.validation-legend-color{border-radius:var(--border-radius-sm);border:1px solid var(--color-neutral-200);width:16px;height:16px}.result-agree{background-color:var(--color-pine-500)}.result-disagree{background-color:var(--color-orange-500)}.result-unsure{background-color:var(--color-banana-500)}@media (width<=992px){.validation-charts-grid{gap:var(--space-md);grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.summary-stats-grid{grid-template-columns:repeat(auto-fit,minmax(120px,1fr))}}@media (width<=768px){.validation-charts-grid{gap:var(--space-md);grid-template-columns:1fr}.validation-chart-container{padding:var(--space-sm)}.chart-canvas-container{height:200px}.chart-title{font:var(--text-body-bold)}.validation-legend{align-items:center;gap:var(--space-sm);flex-direction:column}.summary-stats-grid{grid-template-columns:1fr}}@media (width<=480px){.validation-charts-grid{gap:var(--space-sm)}.validation-chart-container{padding:var(--space-xs)}.chart-canvas-container{height:180px}}