/* Industrial Grey 1200 Modem Theme */

.modem-faceplate.industrial {
  background: linear-gradient(to bottom, #8a8a8a 0%, #6a6a6a 100%);
  border: 2px solid #5a5a5a;
  box-shadow:
    inset 0 2px 0 rgba(255,255,255,0.3),
    inset 0 -2px 0 rgba(0,0,0,0.4),
    0 4px 8px rgba(0,0,0,0.3);
}

.modem-brand.industrial {
  border-right-color: #5a5a5a;
}

.modem-brand.industrial .brand-logo {
  color: #2a2a2a;
  text-shadow:
    0 1px 0 rgba(255,255,255,0.4),
    0 -1px 0 rgba(0,0,0,0.3),
    1px 0 0 rgba(255,255,255,0.2),
    -1px 0 0 rgba(0,0,0,0.2);
}

.modem-brand.industrial .speed-indicator {
  color: #333;
  text-shadow: 0 1px 0 rgba(255,255,255,0.3);
  font-weight: 700;
}

/* Clear Crystal LED Styling */
.light-led.crystal {
  background: #c5c5c5;
  border: 1px solid #999;
  box-shadow:
    inset 0 -2px 3px rgba(255,255,255,0.7),
    inset 0 2px 3px rgba(0,0,0,0.3),
    0 1px 2px rgba(0,0,0,0.3);
}

.light-led.crystal-red.active {
  background: #ff5555;
  border-color: #ff0000;
  box-shadow:
    0 0 15px #ff3333,
    0 0 25px rgba(255, 51, 51, 0.5),
    inset 0 -1px 2px rgba(255,255,255,0.8),
    inset 0 1px 2px rgba(0,0,0,0.2);
}

.light-led.crystal-amber.active {
  background: #ffcc55;
  border-color: #ffaa00;
  box-shadow:
    0 0 15px #ffaa00,
    0 0 25px rgba(255, 170, 0, 0.5),
    inset 0 -1px 2px rgba(255,255,255,0.8),
    inset 0 1px 2px rgba(0,0,0,0.2);
}

.light-led.crystal-green.active {
  background: #55ff55;
  border-color: #33ff33;
  box-shadow:
    0 0 15px #33ff33,
    0 0 25px rgba(51, 255, 51, 0.5),
    inset 0 -1px 2px rgba(255,255,255,0.8),
    inset 0 1px 2px rgba(0,0,0,0.2);
}

.light-label.industrial {
  color: #2a2a2a;
  text-shadow: 0 1px 0 rgba(255,255,255,0.3);
  font-weight: 600;
}

.volume-knob-dial.industrial {
  background: radial-gradient(circle at 35% 35%, #7a7a7a, #4a4a4a);
  border: 3px solid #5a5a5a;
  box-shadow:
    inset 0 2px 4px rgba(255, 255, 255, 0.3),
    inset 0 -2px 4px rgba(0, 0, 0, 0.4),
    0 3px 6px rgba(0, 0, 0, 0.4);
}

.volume-knob-indicator.industrial {
  background: #333;
  box-shadow: 0 0 2px rgba(0,0,0,0.5);
}

.volume-label.industrial {
  color: #2a2a2a;
  text-shadow: 0 1px 0 rgba(255,255,255,0.3);
  font-weight: 600;
}

.spkr-button.industrial {
  background: #6a6a6a;
  border: 2px solid #5a5a5a;
  box-shadow:
    inset 0 2px 4px rgba(255, 255, 255, 0.2),
    inset 0 -2px 4px rgba(0, 0, 0, 0.4),
    0 2px 4px rgba(0, 0, 0, 0.3);
}

.spkr-button.industrial:hover {
  background: #7a7a7a;
  border-color: #666;
}

.spkr-icon.industrial {
  color: #2a2a2a;
  text-shadow: 0 1px 0 rgba(255,255,255,0.3);
}

.modem-display.industrial {
  background: #3a3a3a;
  border: 2px inset #5a5a5a;
  color: #0f0;
  text-shadow: 0 0 5px #0f0;
  box-shadow: inset 0 2px 4px rgba(0,0,0,0.5);
}