.quick-insights{background:linear-gradient(135deg, rgba(var(--color-bg-card-rgb), .6) 0%, rgba(var(--color-bg-card-rgb), .3) 100%);backdrop-filter:blur(var(--blur-sm));border:1px solid rgba(var(--color-accent-rgb), .1);border-radius:var(--radius-xl);padding:var(--space-xl);position:relative;overflow:hidden}.insights-title{font-size:var(--text-h3);line-height:var(--leading-subtitle1);font-weight:var(--font-weight-semibold);margin:0 0 var(--space-lg);color:var(--color-text-primary);align-items:center;gap:var(--space-sm);display:flex}.insights-title svg{color:var(--color-accent);flex-shrink:0;width:20px;height:20px}.insights-list{gap:var(--space-sm);flex-direction:column;display:flex}.insight-placeholder{align-items:center;gap:var(--space-md);padding:var(--space-md);color:var(--color-text-muted);font-style:italic;display:flex}.insight-placeholder .insight-icon{background:rgba(var(--color-accent-rgb), .1);border-radius:var(--radius-md);justify-content:center;align-items:center;width:40px;height:40px;display:flex}.insight-item{align-items:flex-start;gap:var(--space-md);padding:var(--space-md) var(--space-lg);background:linear-gradient(135deg, rgba(var(--color-bg-card-rgb), .7) 0%, rgba(var(--color-bg-card-rgb), .4) 100%);backdrop-filter:blur(var(--blur-xs));border-radius:var(--radius-lg);border:1px solid var(--color-border);transition:background var(--transition-fast), border-color var(--transition-fast), transform var(--transition-fast), box-shadow var(--transition-fast);opacity:0;animation:.4s cubic-bezier(.16,1,.3,1) forwards insightSlideIn;display:flex;position:relative;overflow:hidden}@keyframes insightSlideIn{0%{opacity:0;transform:translate(-12px)}to{opacity:1;transform:translate(0)}}.insight-item:before{content:"";opacity:.6;width:3px;transition:opacity var(--transition-fast), width var(--transition-fast);background:currentColor;position:absolute;top:0;bottom:0;left:0}.insight-item:hover:before{opacity:1;width:4px}.insight-item:hover{border-color:var(--color-border-hover);transform:translate(4px)}.insight-item.info{color:var(--severity-info-ink);background:linear-gradient(135deg, var(--severity-info-bg) 0%, rgba(var(--severity-info-rgb), .02) 100%);border-color:var(--severity-info-border)}.insight-item.info:hover{background:linear-gradient(135deg, rgba(var(--severity-info-rgb), .12) 0%, rgba(var(--severity-info-rgb), .04) 100%);border-color:rgba(var(--severity-info-rgb), .25);box-shadow:0 4px 20px rgba(var(--severity-info-rgb), .15), 0 0 40px rgba(var(--severity-info-rgb), .05)}.insight-item.info .insight-icon{background:var(--severity-info-bg);color:var(--severity-info-ink)}.insight-item.info:hover .insight-icon{background:rgba(var(--severity-info-rgb), .25)}.insight-item.warning{color:var(--severity-medium-ink);background:linear-gradient(135deg, var(--severity-medium-bg) 0%, rgba(var(--severity-medium-rgb), .02) 100%);border-color:var(--severity-medium-border)}.insight-item.warning:hover{background:linear-gradient(135deg, rgba(var(--severity-medium-rgb), .12) 0%, rgba(var(--severity-medium-rgb), .04) 100%);border-color:rgba(var(--severity-medium-rgb), .25);box-shadow:0 4px 20px rgba(var(--severity-medium-rgb), .15), 0 0 40px rgba(var(--severity-medium-rgb), .05)}.insight-item.warning .insight-icon{background:var(--severity-medium-bg);color:var(--severity-medium-ink)}.insight-item.warning:hover .insight-icon{background:rgba(var(--severity-medium-rgb), .25)}.insight-item.danger{color:var(--severity-critical-ink);background:linear-gradient(135deg, var(--severity-critical-bg) 0%, rgba(var(--severity-critical-rgb), .02) 100%);border-color:var(--severity-critical-border)}.insight-item.danger:hover{background:linear-gradient(135deg, rgba(var(--severity-critical-rgb), .12) 0%, rgba(var(--severity-critical-rgb), .04) 100%);border-color:rgba(var(--severity-critical-rgb), .25);box-shadow:0 4px 20px rgba(var(--severity-critical-rgb), .15), 0 0 40px rgba(var(--severity-critical-rgb), .05)}.insight-item.danger .insight-icon{background:var(--severity-critical-bg);color:var(--severity-critical-ink)}.insight-item.danger:hover .insight-icon{background:rgba(var(--severity-critical-rgb), .25)}.insight-item.success{color:var(--severity-low-ink);background:linear-gradient(135deg, var(--severity-low-bg) 0%, rgba(var(--severity-low-rgb), .02) 100%);border-color:var(--severity-low-border)}.insight-item.success:hover{background:linear-gradient(135deg, rgba(var(--severity-low-rgb), .12) 0%, rgba(var(--severity-low-rgb), .04) 100%);border-color:rgba(var(--severity-low-rgb), .25);box-shadow:0 4px 20px rgba(var(--severity-low-rgb), .15), 0 0 40px rgba(var(--severity-low-rgb), .05)}.insight-item.success .insight-icon{background:var(--severity-low-bg);color:var(--severity-low-ink)}.insight-item.success:hover .insight-icon{background:rgba(var(--severity-low-rgb), .25)}.insight-icon{background:rgba(var(--color-accent-rgb), .1);border-radius:var(--radius-md);width:40px;height:40px;transition:background var(--transition-fast), transform var(--transition-fast);flex-shrink:0;justify-content:center;align-items:center;display:flex}.insight-icon svg{width:20px;height:20px}.insight-item:hover .insight-icon{transform:scale(1.05)}.insight-content{min-width:0;padding-top:var(--space-xxs);flex:1}.insight-text{font-size:var(--text-body-sm);font-weight:var(--font-weight-normal);color:var(--color-text-primary);line-height:var(--leading-body1);margin:0}.insight-detail{font-size:var(--text-caption);color:var(--color-text-muted);margin-top:var(--space-xs);line-height:var(--leading-caption1)}.insight-detail code{font-family:var(--font-mono);font-size:var(--text-micro);line-height:var(--leading-caption2);padding:var(--space-px) var(--space-xs);background:var(--color-bg-tertiary);border-radius:var(--radius-sm);color:var(--color-text-secondary)}.insight-item:first-child{animation-delay:50ms}.insight-item:nth-child(2){animation-delay:.1s}.insight-item:nth-child(3){animation-delay:.15s}.insight-item:nth-child(4){animation-delay:.2s}.insight-item:nth-child(5){animation-delay:.25s}.insight-item:nth-child(6){animation-delay:.3s}.insight-item:nth-child(7){animation-delay:.35s}.insight-item:nth-child(8){animation-delay:.4s}@media (width<=768px){.insight-item{padding:var(--space-sm) var(--space-md)}.insight-icon{width:36px;height:36px}.insight-icon svg{width:18px;height:18px}.insight-text{font-size:var(--text-label);line-height:var(--leading-caption1)}.insight-detail{font-size:var(--text-micro);line-height:var(--leading-caption2)}}@media (prefers-reduced-motion:reduce){.insight-item{opacity:1;animation:none;transform:none}}
