/*
HEADER
Tipo: CSS
Nombre: calculator-ui-clean.css
Proyecto: Cut Master / App Calculadora CNC
Módulo: Calculadora · limpieza visual de ayudas
Ruta: interface/calculator-ui-clean.css
IDs: #view-calculator, #machineWizard
Versión: 4.20.0
Estado: UI-only candidate
Fecha: 2026-09-20
Descripción: Reduce ruido visual en Calculadora. Mantiene visibles acciones, campos y warnings críticos; mueve ayuda secundaria a desplegables nativos.
Funciones: acordeones de ayuda, jerarquía visual, responsive.
Dependencias: index.html, calculator-ui-clean.js
Entradas/Salidas: solo presentación DOM; no modifica datos ni cálculos.
CMS/BD: ninguno · APIs: ninguna · Hardware: ninguno
Compatibilidad: navegadores modernos con <details>/<summary>.
*/

#view-calculator .cm-help-disclosure,
#machineWizard .cm-help-disclosure{
  margin:7px 0 0;
  border:1px solid #e2e8f0;
  border-radius:10px;
  background:#fbfcfe;
  overflow:hidden;
}
#view-calculator .cm-help-disclosure>summary,
#machineWizard .cm-help-disclosure>summary{
  min-height:38px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  padding:8px 11px;
  list-style:none;
  cursor:pointer;
  color:#496079;
  font-size:11px;
  font-weight:800;
  user-select:none;
}
#view-calculator .cm-help-disclosure>summary::-webkit-details-marker,
#machineWizard .cm-help-disclosure>summary::-webkit-details-marker{display:none}
#view-calculator .cm-help-disclosure>summary::after,
#machineWizard .cm-help-disclosure>summary::after{
  content:'⌄';
  flex:0 0 auto;
  font-size:14px;
  transition:transform .16s ease;
}
#view-calculator .cm-help-disclosure[open]>summary::after,
#machineWizard .cm-help-disclosure[open]>summary::after{transform:rotate(180deg)}
#view-calculator .cm-help-disclosure>summary:hover,
#machineWizard .cm-help-disclosure>summary:hover{background:#f4f7fb}
#view-calculator .cm-help-disclosure>summary:focus-visible,
#machineWizard .cm-help-disclosure>summary:focus-visible{outline:3px solid rgba(8,104,245,.16);outline-offset:-2px}
#view-calculator .cm-help-content,
#machineWizard .cm-help-content{
  border-top:1px solid #e8edf4;
  padding:10px 12px 11px;
  color:#5c6c82;
  font-size:11px;
  line-height:1.5;
}
#view-calculator .cm-help-content>small,
#view-calculator .cm-help-content>p,
#view-calculator .cm-help-content>.field-note,
#view-calculator .cm-help-content>.smart-search-hint,
#view-calculator .cm-help-content>.tool-recommendation-hint,
#view-calculator .cm-help-content>.tech-explainer,
#view-calculator .cm-help-content>.automatic-process-note,
#view-calculator .cm-help-content>.cm-card-edit-hint,
#view-calculator .cm-help-content>.cm-final-disclaimer,
#machineWizard .cm-help-content>small,
#machineWizard .cm-help-content>p,
#machineWizard .cm-help-content>.mw-process-note,
#machineWizard .cm-help-content>.mw-origin-note{
  display:block;
  margin:0;
  color:inherit;
  font-size:inherit;
  line-height:inherit;
}
#view-calculator .cm-help-content>.tech-explainer,
#view-calculator .cm-help-content>.automatic-process-note,
#view-calculator .cm-help-content>.cm-card-edit-hint,
#machineWizard .cm-help-content>.mw-process-note,
#machineWizard .cm-help-content>.mw-origin-note{
  padding:0;
  border:0;
  background:transparent;
}
#view-calculator .cm-help-content b,
#machineWizard .cm-help-content b{color:#263b55}

/* Las tarjetas principales ya dicen qué hacer; sus subtítulos repetían la misma instrucción. */
#view-calculator .beginner-select-card .select-card-help{display:none}

/* La ayuda debe verse secundaria, nunca como otro botón principal. */
#view-calculator .cm-help-disclosure.cm-help-compact{display:inline-block;min-width:150px;max-width:100%}
#view-calculator .cm-help-disclosure.cm-help-compact>summary{min-height:32px;padding:6px 9px}

/* El aviso principal de seguridad y warnings permanecen siempre visibles. */
#view-calculator .warning-inline,
#view-calculator .warnings-panel,
#view-calculator .cm-result-safety-note,
#view-calculator .cm-tp-note,
#view-calculator .cm-final-check-note{position:relative}

/* Toolpath: ayuda por campo colapsada y discreta. */
#view-calculator .cm-toolpath-field .cm-help-disclosure{margin-top:5px}
#view-calculator .cm-toolpath-field .cm-help-disclosure>summary{font-size:10px;min-height:30px;padding:5px 8px}
#view-calculator .cm-toolpath-field .cm-help-content{font-size:10px;padding:8px 9px}

/* Wizard de máquina: la explicación del paso y tips técnicos dejan de competir con los campos. */
#machineWizard #mw-description.cm-help-source{margin:0}
#machineWizard .mw-field>.cm-help-disclosure{margin-top:6px}
#machineWizard .mw-field>.cm-help-disclosure>summary{font-size:10.5px;min-height:32px}
#machineWizard .mw-field>.cm-help-disclosure .cm-help-content{font-size:10.5px}

@media(max-width:720px){
  #view-calculator .cm-help-disclosure>summary,
  #machineWizard .cm-help-disclosure>summary{min-height:44px;font-size:12px;padding:10px 12px}
  #view-calculator .cm-help-content,
  #machineWizard .cm-help-content{font-size:12px;padding:11px 12px}
  #view-calculator .cm-help-disclosure.cm-help-compact{display:block;width:100%}
}

/* FOOTER · OpenAI / Cut Master · v4.20.0 · 2026-09-20 · UI-ONLY · END-OF-FILE */