/* Classic Dialarator Modem Theme */

.modem-faceplate.classic {
  background: linear-gradient(to bottom, #2a2a2a 0%, #1a1a1a 100%);
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
}

.modem-brand.classic .brand-logo {
  color: #62f1ff;
  text-shadow: 0 0 5px rgba(98, 241, 255, 0.5);
}

.modem-brand.classic .speed-indicator {
  color: #888;
}

.modem-brand.classic {
  border-right-color: rgba(98, 241, 255, 0.2);
}

.volume-knob-dial.classic {
  background: radial-gradient(circle at 35% 35%, #444, #222);
  border: 2px solid #333;
  box-shadow:
    inset 0 2px 4px rgba(255, 255, 255, 0.1),
    inset 0 -2px 4px rgba(0, 0, 0, 0.5),
    0 2px 4px rgba(0, 0, 0, 0.4);
}

.volume-knob-indicator.classic {
  background: #62f1ff;
  box-shadow: 0 0 4px rgba(98, 241, 255, 0.8);
}

.volume-label.classic {
  color: #62f1ff;
}

.spkr-button.classic {
  background: #333;
  border: 1px solid #444;
  color: #62f1ff;
  box-shadow:
    inset 0 1px 2px rgba(255, 255, 255, 0.1),
    0 2px 4px rgba(0, 0, 0, 0.3);
}

.spkr-button.classic:hover {
  background: #3a3a3a;
  border-color: #555;
  box-shadow:
    inset 0 1px 2px rgba(255, 255, 255, 0.15),
    0 2px 6px rgba(0, 0, 0, 0.4);
}

.spkr-icon.classic {
  text-shadow: 0 0 3px rgba(98, 241, 255, 0.6);
}

.modem-display.classic {
  background: #0a0a0a;
  color: #0f0;
  text-shadow: 0 0 5px #0f0;
  border: 1px solid #222;
  box-shadow: inset 0 1px 3px rgba(0,0,0,0.8);
}