/* Compact control refinements for dense settings panels */
.settings-table select,
.settings-table input[type="number"],
.settings-table input[type="text"] {
  max-width: min(100%, 240px);
}

.settings-table .input-group {
  flex-wrap: wrap;
}

.parts-settings,
.drum-settings {
  width: 100%;
  display: grid;
  gap: 1.25rem;
}

.parts-settings table,
.drum-settings table {
  width: 100%;
  border-collapse: separate;
  border-spacing: 0;
  background: transparent;
}

.parts-settings th,
.drum-settings th {
  font-size: 0.85rem;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  color: var(--color-text-tertiary);
  padding: 0.5rem 0.35rem;
}

.parts-settings td,
.drum-settings td {
  padding: 0.6rem 0.35rem;
  text-align: center;
}

.parts-settings select,
.drum-settings select {
  max-width: min(100%, 220px);
}

.flex-grid {
  max-width: 100%;
}

@media (max-width: 768px) {
  .parts-settings table,
  .drum-settings table {
    display: block;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }
}