/* Cut Master Curso Lifetime v1.16 — base lineal, una tarjeta tras otra. UI ONLY. */

/* La calculadora deja de usar dos columnas principales. */
#view-calculator .cm-native-calc-layout{
  display:block!important;
  margin-top:16px!important;
  width:100%!important;
}
#view-calculator .cm-native-calc-main{
  display:block!important;
  width:100%!important;
  min-width:0!important;
}

/* Regla principal: cada punto/tarjeta ocupa una fila completa. */
#view-calculator .cm-native-calc-main>.form-grid{
  display:flex!important;
  flex-direction:column!important;
  gap:16px!important;
  width:100%!important;
  align-items:stretch!important;
}
#view-calculator .cm-native-calc-main>.form-grid>.field{
  display:block;
  width:100%!important;
  max-width:none!important;
  min-width:0!important;
  height:auto!important;
  min-height:0!important;
  margin:0!important;
  padding-bottom:0!important;
  grid-column:auto!important;
  grid-row:auto!important;
  align-self:stretch!important;
  box-sizing:border-box!important;
}
#view-calculator .cm-native-calc-main>.form-grid>input[type="hidden"],
#view-calculator .cm-native-calc-main>.form-grid>[hidden],
#view-calculator .cm-native-calc-main>.form-grid>.hidden{
  display:none!important;
}

/* No permitir anchos heredados de los experimentos anteriores. */
#view-calculator .cm-native-calc-main>.form-grid>.cm-native-machine,
#view-calculator .cm-native-calc-main>.form-grid>.cm-native-tech,
#view-calculator .cm-native-calc-main>.form-grid>.cm-native-material,
#view-calculator .cm-native-calc-main>.form-grid>.cm-native-tool,
#view-calculator .cm-native-calc-main>.form-grid>.calc-step-heading,
#view-calculator .cm-native-calc-main>.form-grid>.automatic-process-note,
#view-calculator .cm-native-calc-main>.form-grid>.material-advanced-wrap,
#view-calculator .cm-native-calc-main>.form-grid>.price-service-field,
#view-calculator .cm-native-calc-main>.form-grid>#laserAuditFields,
#view-calculator .cm-native-calc-main>.form-grid>#strategyField,
#view-calculator .cm-native-calc-main>.form-grid>#stlWorkflowPanel,
#view-calculator .cm-native-calc-main>.form-grid>#plasmaGasField{
  width:100%!important;
  max-width:none!important;
}

/* Controles cómodos y legibles; no se compactan para ganar espacio. */
#view-calculator .cm-native-calc-main input:not([type="checkbox"]):not([type="range"]):not([type="hidden"]),
#view-calculator .cm-native-calc-main select,
#view-calculator .cm-native-calc-main textarea,
#view-calculator .cm-native-calc-main .selected,
#view-calculator .cm-native-calc-main .beginner-select-card{
  min-height:46px!important;
  height:auto!important;
  font-size:14px!important;
  line-height:1.4!important;
}
#view-calculator .cm-native-calc-main select{
  padding-top:10px!important;
  padding-bottom:10px!important;
}
#view-calculator .cm-native-calc-main .field>label,
#view-calculator .cm-native-calc-main .field details label,
#view-calculator .cm-native-calc-main .field-note,
#view-calculator .cm-native-calc-main .field small,
#view-calculator .cm-native-calc-main .select-card-help{
  white-space:normal!important;
  overflow:visible!important;
  text-overflow:clip!important;
  overflow-wrap:anywhere!important;
}
#view-calculator .cm-native-calc-main .search-bar{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto!important;
  gap:8px!important;
  width:100%!important;
}
#view-calculator .cm-native-calc-main .search-input{
  min-width:0!important;
  width:100%!important;
}
#view-calculator .cm-native-calc-main .search-btn{
  min-width:88px!important;
  min-height:46px!important;
  height:46px!important;
}

/* Las grillas internas sí pueden usar dos columnas, porque pertenecen al MISMO punto. */
#view-calculator .cm-native-calc-main .field .form-grid,
#view-calculator .cm-native-calc-main .strategy-grid,
#view-calculator .cm-native-calc-main .stl-grid{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(260px,1fr))!important;
  grid-auto-rows:auto!important;
  gap:14px!important;
  width:100%!important;
}

/* Ayuda visual: ya no es una columna lateral ni sticky. Va después, en flujo normal. */
#view-calculator .cm-native-visual-rail{
  position:static!important;
  display:flex!important;
  flex-direction:column!important;
  gap:16px!important;
  width:100%!important;
  min-width:0!important;
  margin-top:16px!important;
}
#view-calculator .cm-native-card{
  width:100%!important;
  max-width:none!important;
  box-sizing:border-box!important;
}
#view-calculator .cm-native-main-image img{
  width:100%!important;
  height:auto!important;
  max-height:420px!important;
  object-fit:contain!important;
}
#view-calculator .cm-native-process-image img{
  width:100%!important;
  height:auto!important;
  max-height:360px!important;
  object-fit:contain!important;
}

/* Mantener fuera el bloque 3D salvo Router + STL. */
#view-calculator:not(.cm-tech-router-stl) #stlWorkflowPanel,
#view-calculator:not(.cm-tech-router-stl) #stlStageResults{
  display:none!important;
}

/* Responsive: el flujo ya es lineal; sólo simplificamos grillas internas. */
@media(max-width:760px){
  #view-calculator .cm-native-calc-main>.form-grid{gap:12px!important}
  #view-calculator .cm-native-calc-main .field .form-grid,
  #view-calculator .cm-native-calc-main .strategy-grid,
  #view-calculator .cm-native-calc-main .stl-grid{
    grid-template-columns:1fr!important;
  }
  #view-calculator .cm-native-calc-main .search-bar{
    grid-template-columns:1fr!important;
  }
  #view-calculator .cm-native-calc-main .search-btn{
    width:100%!important;
  }
  #view-calculator .cm-native-summary-grid,
  #view-calculator .cm-native-process-meta{
    grid-template-columns:1fr!important;
  }
}

/* v1.16.1 — FIX: abrir Datos avanzados nunca debe romper el flujo lineal. */
/* Neutraliza reglas legacy de .easy-advanced y cualquier grid heredado sobre el formulario principal. */
body.easy-ui #view-calculator .cm-native-calc-main > .form-grid,
body.easy-ui.easy-advanced #view-calculator .cm-native-calc-main > .form-grid,
body.easy-ui.easy-basic #view-calculator .cm-native-calc-main > .form-grid,
body.human-ui-v429 #view-calculator .cm-native-calc-main > .form-grid,
body.human-ui-v430 #view-calculator .cm-native-calc-main > .form-grid,
#view-calculator .panel.config .cm-native-calc-main > .form-grid {
  display:flex!important;
  flex-direction:column!important;
  align-items:stretch!important;
  gap:16px!important;
  width:100%!important;
  max-width:none!important;
  margin:0!important;
}

body.easy-ui #view-calculator .cm-native-calc-main > .form-grid > .field,
body.easy-ui.easy-advanced #view-calculator .cm-native-calc-main > .form-grid > .field,
body.human-ui-v430 #view-calculator .cm-native-calc-main > .form-grid > .field,
#view-calculator .panel.config .cm-native-calc-main > .form-grid > .field {
  flex:0 0 auto!important;
  display:block!important;
  width:100%!important;
  max-width:none!important;
  min-width:0!important;
  height:auto!important;
  min-height:0!important;
  margin:0!important;
  grid-column:1/-1!important;
  grid-row:auto!important;
  align-self:stretch!important;
  writing-mode:horizontal-tb!important;
}

/* Títulos de cada paso nunca pueden comprimirse en una columna angosta. */
#view-calculator .cm-native-calc-main > .form-grid > .field > label,
#view-calculator .cm-native-calc-main > .form-grid > .field > .calc-step-heading,
#view-calculator .cm-native-calc-main > .form-grid > .field h3,
#view-calculator .cm-native-calc-main > .form-grid > .field h4 {
  display:flex!important;
  width:100%!important;
  min-width:0!important;
  max-width:none!important;
  writing-mode:horizontal-tb!important;
  word-break:normal!important;
  overflow-wrap:break-word!important;
  white-space:normal!important;
}

/* El details avanzado crece hacia abajo, jamás hacia los lados. */
#view-calculator #materialAdvancedDetails,
#view-calculator .material-advanced-wrap,
#view-calculator .material-advanced-details,
#view-calculator .router-reality-details,
#view-calculator details.easy-details {
  width:100%!important;
  max-width:none!important;
  min-width:0!important;
  box-sizing:border-box!important;
}
#view-calculator #materialAdvancedDetails[open],
#view-calculator .material-advanced-details[open],
#view-calculator .router-reality-details[open],
#view-calculator details.easy-details[open] {
  display:block!important;
  width:100%!important;
}

/* SOLO las grillas internas de un bloque avanzado pueden usar columnas. */
#view-calculator .material-advanced-grid,
#view-calculator #materialAdvancedDetails .form-grid,
#view-calculator .router-reality-details .form-grid {
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:14px!important;
  width:100%!important;
  margin-top:14px!important;
}
#view-calculator .material-advanced-grid > .field,
#view-calculator #materialAdvancedDetails .form-grid > .field,
#view-calculator .router-reality-details .form-grid > .field {
  width:100%!important;
  min-width:0!important;
  max-width:none!important;
  grid-column:auto!important;
}

@media(max-width:760px){
  #view-calculator .material-advanced-grid,
  #view-calculator #materialAdvancedDetails .form-grid,
  #view-calculator .router-reality-details .form-grid{
    grid-template-columns:1fr!important;
  }
}