/**
 * Inventory Heatmap Styles - Chunk 79
 * Visual indicators for inventory item usage frequency
 */

/* Heatmap intensity classes */
.inventory-heatmap--high {
  background: linear-gradient(90deg, 
    var(--accent, var(--halytic-gold)) 0%, 
    transparent 100%);
  border-left: 3px solid var(--accent, var(--halytic-gold));
  opacity: 1;
}

.inventory-heatmap--medium {
  background: linear-gradient(90deg, 
    rgba(196, 126, 66, 0.3) 0%, 
    transparent 100%);
  border-left: 2px solid rgba(196, 126, 66, 0.5);
  opacity: 0.9;
}

.inventory-heatmap--low {
  background: linear-gradient(90deg, 
    rgba(196, 126, 66, 0.1) 0%, 
    transparent 100%);
  border-left: 1px solid rgba(196, 126, 66, 0.3);
  opacity: 0.8;
}

.inventory-heatmap--unused {
  opacity: 0.5;
  filter: grayscale(0.3);
}

/* Apply to inventory tree items */
#inventoryTree [data-heatmap-intensity] {
  transition: all 0.2s ease;
}

#inventoryTree [data-heatmap-intensity="high"] {
  font-weight: 600;
}

#inventoryTree [data-heatmap-intensity="unused"]::after {
  content: ' (unused)';
  font-size: 0.75em;
  color: var(--ds-text-secondary, var(--text-muted));
  font-weight: normal;
  font-style: italic;
}

/* Hover effects */
#inventoryTree [data-heatmap-intensity]:hover {
  transform: translateX(2px);
}

/* Dark mode adjustments */
[data-bar-mode="dark"] .inventory-heatmap--high,
[data-ui-theme="halytic"] .inventory-heatmap--high {
  background: linear-gradient(90deg, 
    var(--accent, var(--halytic-gold)) 0%, 
    transparent 100%);
}

[data-bar-mode="dark"] .inventory-heatmap--medium,
[data-ui-theme="halytic"] .inventory-heatmap--medium {
  background: linear-gradient(90deg, 
    rgba(196, 126, 66, 0.4) 0%, 
    transparent 100%);
}

[data-bar-mode="dark"] .inventory-heatmap--low,
[data-ui-theme="halytic"] .inventory-heatmap--low {
  background: linear-gradient(90deg, 
    rgba(196, 126, 66, 0.2) 0%, 
    transparent 100%);
}