/* Tuningadatok, kért módosítások és összehasonlító űrlap. */
.tuning-values { display: grid; gap: 11.7px; margin: 20.7px 0; }
.tuning-values > div { display: grid; grid-template-columns: minmax(0, 1fr); gap: 4.5px; }
.tuning-vehicle .tuning-values > div { grid-template-columns: minmax(0, 1fr); gap: 4.5px; }
.tuning-values dt { color: #8da9c9; font-size: 11px; line-height: 1.7; }
.tuning-values dd { margin: 0; color: #c3d6ef; font: 500 11px/1.9 var(--font-body); overflow-wrap: anywhere; }
.tuning-vehicle { border-top-color: #bda36a; }
.tuning-request-grid { grid-template-columns: repeat(auto-fill, minmax(min(100%, 486px), 1fr)); }
.tuning-request-vehicle { display: flex; gap: 11.7px; align-items: flex-start; margin: 18px 0; }
.tuning-request-vehicle > svg { width: 22.5px; height: 22.5px; color: #ceb57c; flex-shrink: 0; }
.tuning-request-vehicle > div { display: grid; gap: 6.3px; min-width: 0; }
.tuning-request-vehicle strong { color: #d6e5f8; font-size: 12.6px; line-height: 1.7; overflow-wrap: anywhere; }
.tuning-request-vehicle span { color: #93adcc; font-size: 11px; line-height: 1.8; overflow-wrap: anywhere; }
.tuning-comparison { border: 1px solid #374d68; border-radius: 7.2px; overflow: hidden; background: #09192a; }
.tuning-comparison > div { display: grid; grid-template-columns: minmax(0, .9fr) repeat(2, minmax(0, 1fr)); }
.tuning-comparison > div + div { border-top: 1px solid #293c54; }
.tuning-comparison > div > * { padding: 11.7px 10.8px; font-size: 11px; line-height: 1.9; color: #9bb3d0; overflow-wrap: anywhere; }
.tuning-comparison > div > strong { color: #c5d8ee; font-weight: 550; }
.tuning-comparison .tuning-comparison-heading { background: #12253b; }
.tuning-comparison-heading > span { color: #9db5d2; font-size: 10px; font-weight: 600; }
.tuning-comparison .tuning-requested { color: #e2c68c; background: #cbb17408; }
dialog.tuning-dialog { width: min(765px, calc(100% - 32.4px)); }
.tuning-vehicle-field, .tuning-reason-field { margin-top: 20.7px; }
.tuning-editor-grid { display: grid; grid-template-columns: minmax(0, .85fr) minmax(0, 1.15fr); gap: 22.5px; margin-top: 23.4px; }
.tuning-current-values { border: 1px solid #344c66; border-radius: 7.2px; background: #0c1c2e; padding: 17.1px; min-width: 0; }
.tuning-current-values h3, .tuning-requested-values legend { margin: 0; color: #cbb581; font-size: 11.7px; font-weight: 600; line-height: 1.8; }
.tuning-current-values .tuning-values { margin-bottom: 0; }
.tuning-requested-values { display: grid; gap: 16.2px; min-width: 0; margin: 0; padding: 0; border: 0; }
.tuning-requested-values legend { margin-bottom: 15.3px; }
@media (max-width: 620px) {
  .tuning-editor-grid { grid-template-columns: minmax(0, 1fr); }
  .tuning-card > header { flex-wrap: wrap; }
}
@media (max-width: 460px) {
  .tuning-heading .inactivity-heading-top > button { width: 100%; }
  .tuning-comparison > div { grid-template-columns: minmax(0, 1fr); }
  .tuning-comparison > .tuning-comparison-heading { display: none; }
  .tuning-comparison [data-label]::before { content: attr(data-label) ': '; display: block; color: #87a3c5; font-size: 10px; }
  .tuning-comparison > div > strong { padding-bottom: 0; }
}
