/* MidiLandscapes - traspositore di accordi (classic/trax.php) con il nuovo stile, 2026-11-01.
   Il PHP usa stili in linea minuscoli (8-11 px, grigio chiaro): qui si sovrascrivono con !important.
   Se modifichi questo file incrementa ?v= in classic/trax.php. */
body.tx { margin: 0; padding: 4px 2px; background: #fff; color: #1f2430; font: 400 16px/1.45 system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif; }
*, *::before, *::after { box-sizing: border-box; }
.tx #body { text-align: left !important; }
.tx table { width: 100% !important; border-collapse: collapse; table-layout: fixed; }
.tx table table { table-layout: auto; }
.tx td { padding: 3px 0; }
.tx [style*="font-size"] { font-size: 15px !important; line-height: 1.4; }
/* titolo "CAMBIA TONALITA..." */
.tx td[valign="top"][style*="font-weight:bold"] { color: #374158 !important; font-size: 15px !important; padding-left: 8px; vertical-align: middle; }
/* "Trasposizione di: ..." */
.tx [style*="color:#808080"] { color: #333 !important; }
/* note in blu: un blu più scuro e leggibile */
.tx span[style*="color:#0066ff"] { color: #0047b3 !important; }
/* menu a tendina e pulsante */
.tx select.select, .tx input.select {
  font: 600 16px/1.2 system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif !important; color: #1f2430 !important;
  background: #fff !important; border: 1px solid #5a6275 !important; border-radius: 6px; padding: 6px 6px; margin: 3px 2px 3px 0;
}
.tx input[type="submit"].select { background: #374158 !important; color: #fff !important; border-color: #374158 !important; padding: 7px 14px; cursor: pointer; }
.tx input[type="submit"].select:hover { background: #2c3447 !important; }
.tx input[type="checkbox"] { width: 18px; height: 18px; vertical-align: -3px; margin: 8px 6px 4px 0; accent-color: #374158; }
/* casella degli accordi: carattere a spaziatura fissa, così gli accordi restano allineati al testo */
.tx textarea.select {
  display: block; width: 100%; height: 260px; margin: 6px 0; padding: 8px; resize: vertical;
  font: 400 16px/1.5 ui-monospace, "DejaVu Sans Mono", Consolas, monospace !important; color: #111 !important;
  background: #fff !important; border: 1px solid #5a6275 !important; border-radius: 6px;
}
.tx textarea.select:focus, .tx select.select:focus, .tx input.select:focus { outline: 2px solid #0364f9; outline-offset: 1px; }
/* risultato della trasposizione: blu scuro, ben contrastato */
.tx textarea.select[style*="#0066FF"] { color: #0b3a8c !important; font-weight: 600 !important; }