/*
 * HEADER
 * Tipo: CSS · Nombre: human-ui-v431.css · Proyecto: Cut Master / App Calculadora CNC
 * Módulo: Corrección visual de layout · Ruta: interface/human-ui-v431.css
 * Versión: 4.31.0 · Estado: Activo · Fecha: 2026-09-22
 * Descripción: Corrige stepper, alineaciones, tamaños de texto y desbordamientos visuales.
 * Dependencias: human-ui-v430.css · Lógica/cálculos/conexiones: sin cambios.
 */

/* La zona central nunca debe empujar el panel derecho fuera del viewport */
body.human-ui-v430 .main,
body.human-ui-v430 #view-calculator,
body.human-ui-v430 #view-calculator .workspace,
body.human-ui-v430 #view-calculator .center,
body.human-ui-v430 #view-calculator .panel.config,
body.human-ui-v430 #view-calculator .easy-flow-head,
body.human-ui-v430 #view-calculator .human-calc-hero,
body.human-ui-v430 #view-calculator .human-calc-hero-main,
body.human-ui-v430 #view-calculator .human-calc-hero-side{min-width:0;max-width:100%;box-sizing:border-box}
body.human-ui-v430 #view-calculator .human-calc-hero{grid-template-columns:minmax(0,1fr) minmax(250px,310px)!important;width:100%;overflow:visible}
body.human-ui-v430 #view-calculator .human-calc-hero-side{width:100%;justify-self:stretch}
body.human-ui-v430 #view-calculator .human-calc-guide-card,
body.human-ui-v430 #view-calculator .human-calc-help-card{width:100%;min-width:0;overflow:hidden}
body.human-ui-v430 #view-calculator .human-calc-guide-card p,
body.human-ui-v430 #view-calculator .human-calc-help-card *{overflow-wrap:anywhere}

/* STEP 1–7: una sola línea limpia, sin tarjetas alrededor de cada paso */
body.human-ui-v430 #view-calculator .easy-steps{
  display:grid!important;
  grid-template-columns:repeat(7,minmax(0,1fr))!important;
  column-gap:0!important;
  row-gap:0!important;
  margin:4px 0 30px!important;
  padding:0 4px!important;
  overflow:visible!important;
}
body.human-ui-v430 #view-calculator .easy-step-link{
  position:relative!important;
  min-width:0!important;
  min-height:74px!important;
  padding:0 3px!important;
  margin:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:flex-start!important;
  gap:7px!important;
  color:#8191a4!important;
  transform:none!important;
}
body.human-ui-v430 #view-calculator .easy-step-link:hover{background:transparent!important;border:0!important;box-shadow:none!important;transform:none!important}
body.human-ui-v430 #view-calculator .easy-step-link::before{
  content:'';
  position:absolute;
  top:20px;
  left:-50%;
  width:100%;
  height:2px;
  background:#e3eaf2;
  z-index:0;
}
body.human-ui-v430 #view-calculator .easy-step-link:first-child::before{display:none}
body.human-ui-v430 #view-calculator .easy-step-link::after{display:none!important}
body.human-ui-v430 #view-calculator .easy-step-link span{
  position:relative!important;
  z-index:1!important;
  display:grid!important;
  place-items:center!important;
  width:42px!important;
  height:42px!important;
  min-width:42px!important;
  min-height:42px!important;
  margin:0!important;
  padding:0!important;
  border-radius:50%!important;
  background:#f4f6f9!important;
  border:1px solid #e4eaf1!important;
  color:#9aa9b8!important;
  font-size:16px!important;
  font-weight:800!important;
  line-height:1!important;
  box-shadow:none!important;
}
body.human-ui-v430 #view-calculator .easy-step-link b{
  display:block!important;
  max-width:110px!important;
  margin:0 auto!important;
  color:#8a99aa!important;
  font-size:12px!important;
  line-height:1.22!important;
  font-weight:700!important;
  text-align:center!important;
  white-space:normal!important;
  text-wrap:balance;
}
body.human-ui-v430 #view-calculator .easy-step-link.is-current span{background:#1767e8!important;border-color:#1767e8!important;color:#fff!important;box-shadow:0 4px 10px rgba(23,103,232,.18)!important}
body.human-ui-v430 #view-calculator .easy-step-link.is-current b{color:#1454b8!important}
body.human-ui-v430 #view-calculator .easy-step-link.is-done span{background:#e8f6ed!important;border-color:#bfe1cc!important;color:#168050!important}
body.human-ui-v430 #view-calculator .easy-step-link.is-done::before{background:#cfe2f7}
body.human-ui-v430 #view-calculator .easy-step-link:disabled{opacity:.68!important}

/* Título: grande, pero no desproporcionado */
body.human-ui-v430 #view-calculator #easyQuestion{
  max-width:820px;
  font-size:clamp(34px,3.25vw,48px)!important;
  line-height:1.07!important;
  letter-spacing:-.045em!important;
  margin:0 0 10px!important;
}
body.human-ui-v430 #view-calculator #easyHint{
  max-width:790px!important;
  font-size:16px!important;
  line-height:1.52!important;
  margin:0 0 14px!important;
  text-align:left!important;
}

/* Leyenda más compacta para que no compita con el formulario */
body.human-ui-v430 #view-calculator .human-status-legend{
  display:flex!important;
  align-items:center!important;
  gap:6px 8px!important;
  flex-wrap:wrap!important;
  margin:2px 0 2px!important;
  padding:0!important;
  max-width:780px;
}
body.human-ui-v430 #view-calculator .human-status-legend small{font-size:11px!important;line-height:1.2!important;margin:0 8px 0 0!important;color:#718297!important}
body.human-ui-v430 #view-calculator .cm-human-status-inline{min-height:24px!important;padding:3px 9px!important;font-size:10.5px!important}

/* Formularios: títulos, badges y ayuda comparten una sola retícula */
body.human-ui-v430 #view-calculator .form-grid>.field,
body.human-ui-v430 #view-calculator .form-grid>details.easy-details,
body.human-ui-v430 #view-calculator .design-first-card{width:100%;max-width:100%;box-sizing:border-box}
body.human-ui-v430 #view-calculator .form-grid>.field{padding:22px 24px!important;text-align:left!important}
body.human-ui-v430 #view-calculator .form-grid>.field>label{
  width:100%;
  justify-content:flex-start!important;
  align-items:center!important;
  flex-wrap:wrap!important;
  gap:8px!important;
  text-align:left!important;
  margin:0 0 12px!important;
}
body.human-ui-v430 #view-calculator .field-help{
  display:inline-grid!important;
  place-items:center!important;
  flex:0 0 30px!important;
  width:30px!important;
  height:30px!important;
  min-width:30px!important;
  min-height:30px!important;
  margin:0!important;
  padding:0!important;
  border-radius:50%!important;
  font-size:14px!important;
  line-height:1!important;
}
body.human-ui-v430 #view-calculator [data-human-status]::before{position:static!important;float:none!important;margin:0 0 12px 0!important}
body.human-ui-v430 #view-calculator .search-select,
body.human-ui-v430 #view-calculator .search-bar,
body.human-ui-v430 #view-calculator .easy-picker,
body.human-ui-v430 #view-calculator .easy-selection-confirmation{width:100%!important;max-width:100%!important;box-sizing:border-box}
body.human-ui-v430 #view-calculator .search-bar{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;gap:10px!important;align-items:center!important}
body.human-ui-v430 #view-calculator .search-input{width:100%!important;min-width:0!important}
body.human-ui-v430 #view-calculator .easy-selection-confirmation{margin:14px 0 0!important;padding:16px 18px!important}
body.human-ui-v430 #view-calculator .easy-picker-state{margin:10px 0 0!important}
body.human-ui-v430 #view-calculator .easy-native-list{margin-top:12px!important}
body.human-ui-v430 #view-calculator .easy-native-list>summary{padding-left:0!important;text-align:left!important}

/* Quita cualquier centrado accidental de contenido */
body.human-ui-v430 #view-calculator .human-card-title,
body.human-ui-v430 #view-calculator .human-card-subtitle,
body.human-ui-v430 #view-calculator .easy-picker-state,
body.human-ui-v430 #view-calculator .easy-selection-confirmation,
body.human-ui-v430 #view-calculator details.easy-details>summary,
body.human-ui-v430 #view-calculator .automatic-process-note{text-align:left!important}

/* Responsive */
@media(max-width:1180px){
  body.human-ui-v430 #view-calculator .human-calc-hero{grid-template-columns:minmax(0,1fr) 270px!important;gap:16px!important}
  body.human-ui-v430 #view-calculator #easyQuestion{font-size:clamp(32px,4vw,44px)!important}
}
@media(max-width:980px){
  body.human-ui-v430 #view-calculator .human-calc-hero{grid-template-columns:1fr!important}
  body.human-ui-v430 #view-calculator .human-calc-hero-side{grid-template-columns:1fr 1fr!important}
}
@media(max-width:820px){
  body.human-ui-v430 #view-calculator .easy-steps{display:flex!important;overflow-x:auto!important;gap:0!important;padding:0 0 8px!important;scroll-snap-type:x proximity}
  body.human-ui-v430 #view-calculator .easy-step-link{flex:0 0 108px!important;min-width:108px!important;scroll-snap-align:start}
  body.human-ui-v430 #view-calculator .easy-step-link::before{left:-50%;width:100%}
  body.human-ui-v430 #view-calculator .human-calc-hero-side{grid-template-columns:1fr!important}
}
@media(max-width:620px){
  body.human-ui-v430 #view-calculator #easyQuestion{font-size:32px!important;line-height:1.08!important}
  body.human-ui-v430 #view-calculator #easyHint{font-size:15px!important}
  body.human-ui-v430 #view-calculator .human-status-legend small{display:none!important}
  body.human-ui-v430 #view-calculator .form-grid>.field{padding:18px 16px!important}
  body.human-ui-v430 #view-calculator .search-bar{grid-template-columns:1fr!important}
  body.human-ui-v430 #view-calculator .search-btn{width:100%!important}
}
/* FOOTER · OpenAI / Cut Master · v4.31.0 · 2026-09-22 · Corrección layout · END-OF-FILE */