/* Prototipo aislado; no modifica estilos de otros módulos de AgroCore. */
/* Mantenciones solo puede verse cuando es el módulo seleccionado. */
#maintenanceVoice.view:not(.active-view) { display: none !important; }
#maintenanceVoice .mv-panel { padding: clamp(14px, 2vw, 24px); }
#maintenanceVoice .mv-heading { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: start; gap: 12px; }
#maintenanceVoice .mv-heading h2 { margin: 0 0 6px; color: #173f30; }
#maintenanceVoice .mv-heading p { margin: 0 0 12px; }
#maintenanceVoice .mv-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; margin-top: 16px; }
#maintenanceVoice .mv-card { background: #f7faf8; border: 1px solid #d3e2d9; border-radius: 12px; padding: 16px; min-width: 0; }
#maintenanceVoice h3 { margin: 0 0 10px; color: #173f30; }
#maintenanceVoice .mv-hint, #maintenanceVoice .mv-small, #maintenanceVoice .mv-muted { color: #496858; font-size: 13px; line-height: 1.5; }
#maintenanceVoice .mv-small { font-size: 12px; }
#maintenanceVoice .mv-voice-actions { display: flex; gap: 8px; flex-wrap: wrap; margin: 14px 0; }
#maintenanceVoice .mv-label, #maintenanceVoice .mv-fields label { display: grid; gap: 5px; font-size: 13px; font-weight: 700; color: #254b3a; }
#maintenanceVoice .mv-fields { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 12px; }
#maintenanceVoice .mv-wide { grid-column: 1 / -1; }
#maintenanceVoice :is(input:not([type=checkbox]), textarea, select) { width: 100%; min-width: 0; padding: 10px; border: 1px solid #b7cec1; border-radius: 8px; box-sizing: border-box; background: white; color: #173f30; font: inherit; }
#maintenanceVoice textarea { resize: vertical; }
#maintenanceVoice .mv-confirm { display: flex; align-items: start; gap: 9px; margin: 16px 0; font-size: 13px; line-height: 1.5; }
#maintenanceVoice .mv-confirm input { accent-color: #16734b; margin-top: 3px; }
#maintenanceVoice .mv-save { width: 100%; min-height: 43px; }
#maintenanceVoice button:disabled { opacity: .55; cursor: not-allowed; }
#maintenanceVoice .mv-status { margin: 15px 0; padding: 12px; background: #eaf5ee; color: #205437; border-radius: 9px; line-height: 1.5; }
#maintenanceVoice .mv-status.mv-error { background: #fff0ee; color: #942c2c; }
#maintenanceVoice .mv-history { margin-top: 18px; }
#maintenanceVoice .mv-record { padding: 12px; margin: 9px 0; border: 1px solid #dbe8df; border-radius: 8px; background: #fff; }
#maintenanceVoice .mv-record > div { display: flex; justify-content: space-between; flex-wrap: wrap; gap: 6px; }
#maintenanceVoice .mv-record p { margin: 6px 0; overflow-wrap: anywhere; }
#maintenanceVoice .mv-record span, #maintenanceVoice .mv-record small { color: #607568; }
@media (max-width: 850px) {
  #maintenanceVoice .mv-grid { grid-template-columns: 1fr; }
}
@media (max-width: 470px) {
  #maintenanceVoice .mv-card { padding: 12px; }
  #maintenanceVoice .mv-fields { grid-template-columns: 1fr; }
  #maintenanceVoice .mv-voice-actions button { flex: 1; }
}


#maintenanceVoice .mv-record-clock { font-weight: 700; color: #175438; min-height: 18px; font-variant-numeric: tabular-nums; }
#maintenanceVoice .mv-playback { width: 100%; margin: 12px 0; }
#maintenanceVoice .mv-playback[hidden], #maintenanceVoice .mv-heard[hidden] { display: none; }
#maintenanceVoice .mv-heard { border: 1px solid #98c4aa; border-left: 4px solid #177346; border-radius: 9px; padding: 12px; background: #eff8f1; margin: 12px 0; }
#maintenanceVoice .mv-heard strong { color: #153f2b; }
#maintenanceVoice .mv-heard p { color: #173a2c; line-height: 1.55; overflow-wrap: anywhere; white-space: pre-wrap; }
#maintenanceVoice .mv-heard small { color: #506c5a; }
#maintenanceVoice .mv-legacy { border: 1px solid #dae7db; border-radius: 9px; padding: 10px; margin: 14px 0; }
#maintenanceVoice .mv-legacy summary { cursor: pointer; font-weight: 650; color: #355b46; }

/* Mantenciones: diseño en una columna, controles grandes y transcripción legible. */
@media (max-width: 760px) {
  #maintenanceVoice.active-view {display:block;min-width:0;width:100%;max-width:100%;overflow-x:hidden;box-sizing:border-box}
  #maintenanceVoice .mv-panel {padding:10px 8px 28px!important;width:100%;max-width:100%;min-width:0;box-sizing:border-box}
  #maintenanceVoice .mv-heading {display:grid;grid-template-columns:minmax(0,1fr);gap:7px}
  #maintenanceVoice .mv-heading h2 {font-size:clamp(20px,6vw,27px)}
  #maintenanceVoice .mv-heading button {width:100%;min-height:44px}
  #maintenanceVoice .mv-grid {grid-template-columns:minmax(0,1fr)!important;gap:10px;margin-top:10px}
  #maintenanceVoice .mv-card {width:100%;min-width:0;padding:12px;box-sizing:border-box}
  #maintenanceVoice .mv-voice-actions {display:grid;grid-template-columns:minmax(0,1fr);gap:8px;margin:10px 0}
  #maintenanceVoice .mv-voice-actions button {min-width:0;min-height:46px;width:100%;white-space:normal;line-height:1.25}
  #maintenanceVoice .mv-fields {grid-template-columns:minmax(0,1fr);gap:10px}
  #maintenanceVoice .mv-fields label,#maintenanceVoice .mv-label {min-width:0;max-width:100%;overflow-wrap:anywhere}
  #maintenanceVoice :is(input:not([type=checkbox]),textarea,select) {max-width:100%;min-width:0;width:100%;font-size:16px}
  #maintenanceVoice .mv-heard,#maintenanceVoice .mv-history,#maintenanceVoice .mv-status {min-width:0;max-width:100%;box-sizing:border-box;overflow-wrap:anywhere}
  #maintenanceVoice .mv-playback {width:100%;min-width:0;max-width:100%}
  #maintenanceVoice .mv-legacy {max-width:100%;box-sizing:border-box}
  #maintenanceVoice .mv-record > div {display:grid;grid-template-columns:minmax(0,1fr)}
  #maintenanceVoice .mv-save {min-height:48px}
}