/* Sim-specific styles — base shared by shared/edvibe-sim.css */

.ev-controls { grid-template-columns: 1fr; }

.ev-state-buttons {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 12px;
}

.ev-state-btn {
  justify-content: center;
  padding: 16px 12px;
  font-size: 1rem;
  min-height: 60px;
}

.ev-state-btn[aria-pressed="true"] {
  background: var(--ev-primary);
  border-color: var(--ev-primary);
  color: #fff;
  box-shadow: 0 0 0 3px rgba(99, 102, 241, 0.25);
}

.ev-state-btn[aria-pressed="true"]:hover {
  background: var(--ev-primary-2);
}

@media (max-width: 600px) {
  .ev-state-buttons { gap: 8px; }
  .ev-state-btn { padding: 12px 8px; font-size: 0.9rem; min-height: 54px; }
}