/* PositionIQ Module Styles */
.positioniq-diagram { display: grid; grid-template-columns: 1fr auto 1fr; gap: var(--space-6); align-items: center; padding: var(--space-8) 0; }
.positioniq-market { position: relative; width: 250px; height: 250px; margin: 0 auto; }
.positioniq-market .market-circle { position: absolute; width: 70px; height: 70px; border-radius: 50%; border: 2px solid var(--accent-coral); opacity: 0; animation: scaleIn 0.4s ease-out forwards; }
.positioniq-positioned { position: relative; width: 250px; height: 250px; display: flex; align-items: center; justify-content: center; margin: 0 auto; }
.positioniq-positioned .glow-circle { width: 100px; height: 100px; border-radius: 50%; background: var(--accent-lime); box-shadow: var(--shadow-glow-lime); opacity: 0; animation: scaleIn 0.6s ease-out 1s forwards; }
.positioniq-arrow { font-size: 2rem; color: var(--text-muted); opacity: 0; animation: fadeIn 0.5s ease-out 0.8s forwards; }
.canvas-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: var(--space-4); }
@media (max-width: 767px) { .canvas-grid { grid-template-columns: 1fr; } .positioniq-diagram { grid-template-columns: 1fr; } }
.canvas-cell { background: var(--bg-card); border: 1px solid var(--border); border-radius: var(--radius-lg); padding: var(--space-5); transition: all var(--transition-base); position: relative; }
.canvas-cell:hover { transform: translateY(-4px); box-shadow: var(--shadow-glow-lime); border-color: var(--accent-lime); }
.canvas-cell .cell-header { display: flex; align-items: center; justify-content: space-between; margin-bottom: var(--space-3); }
.canvas-cell .cell-title { font-size: var(--text-sm); font-weight: var(--weight-semibold); color: var(--accent-lime); }
.canvas-cell .cell-help { width: 20px; height: 20px; border-radius: 50%; background: var(--bg-card-hover); display: flex; align-items: center; justify-content: center; font-size: var(--text-xs); color: var(--text-muted); cursor: help; }
.radar-chart { max-width: 300px; margin: 0 auto; }