/*
 * HEADER
 * Tipo: CSS · Nombre: human-ui-v430.css · Proyecto: Cut Master / App Calculadora CNC
 * Módulo: Interfaz global · Ruta: interface/human-ui-v430.css
 * Versión: 4.30.0 · Estado: Activo · Fecha: 2026-09-22
 * Descripción: Rediseño visual estructural de la interfaz para acercarla al mockup aprobado.
 * Solo toca presentación visual; no cambia cálculos, lógica ni conexiones.
 */
body.human-ui-v430{
  --cm-card:#ffffff;
  --cm-page:#f4f8fc;
  --cm-line:#dbe6f2;
  --cm-line-strong:#c8d7e8;
  --cm-blue:#1666e8;
  --cm-blue-50:#edf4ff;
  --cm-blue-100:#dfecff;
  --cm-blue-700:#0e4eb7;
  --cm-ink:#10233f;
  --cm-text:#31465d;
  --cm-muted:#6c7c8f;
  --cm-recommended:#eef7ff;
  --cm-shadow:0 12px 30px rgba(21,54,97,.08);
  --cm-soft-shadow:0 4px 14px rgba(21,54,97,.06);
  background:var(--cm-page);
}
body.human-ui-v430 .main{background:var(--cm-page)}
body.human-ui-v430 .workspace{max-width:1240px;padding:26px 24px 54px}
body.human-ui-v430 .panel.config{padding:20px 20px 24px;border-radius:26px!important;box-shadow:var(--cm-shadow)!important;background:var(--cm-card)!important}
body.human-ui-v430 .panel.results{border-radius:24px!important;box-shadow:var(--cm-shadow)!important;background:#fff!important}
body.human-ui-v430 .human-surface-view{background:transparent}
body.human-ui-v430 .human-module-card,
body.human-ui-v430 #view-workshop .crm-card,
body.human-ui-v430 #view-workshop .crm-list,
body.human-ui-v430 #view-workshop .crm-table-wrap,
body.human-ui-v430 #view-aicontrol .ai-control-hero,
body.human-ui-v430 #view-aicontrol .ai-control-main,
body.human-ui-v430 #view-aicontrol .ai-control-side,
body.human-ui-v430 #view-aicontrol .ai-control-compose,
body.human-ui-v430 #view-aicontrol .ai-control-thread,
body.human-ui-v430 .oee-card,
body.human-ui-v430 .settings-card,
body.human-ui-v430 .sim-card,
body.human-ui-v430 .sim-source-card,
body.human-ui-v430 .sim-viewport-card-pro,
body.human-ui-v430 .guide-card,
body.human-ui-v430 .faq-card,
body.human-ui-v430 .interest-card,
body.human-ui-v430 .history-item,
body.human-ui-v430 .quote-document,
body.human-ui-v430 .quote-side-card,
body.human-ui-v430 .machine-list-col,
body.human-ui-v430 .machine-editor,
body.human-ui-v430 .machine-card{
  border-radius:22px!important;
  background:#fff!important;
  border:1px solid var(--cm-line)!important;
  box-shadow:var(--cm-soft-shadow)!important;
}

/* ===== CALCULADORA: hero real ===== */
body.human-ui-v430 #view-calculator .easy-flow-head{display:block!important;margin-bottom:18px!important}
body.human-ui-v430 #view-calculator .human-calc-hero{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:20px;align-items:start}
body.human-ui-v430 #view-calculator .human-calc-hero-main{min-width:0}
body.human-ui-v430 #view-calculator .human-calc-hero-side{display:grid;gap:16px}
body.human-ui-v430 #view-calculator .human-calc-hero-copy{padding-right:8px}
body.human-ui-v430 #view-calculator #easyStepCount{margin:0 0 10px!important;color:#5d7ca8!important;font-size:13px!important;font-weight:800!important;letter-spacing:.08em!important}
body.human-ui-v430 #view-calculator .easy-steps{display:grid!important;grid-template-columns:repeat(7,minmax(0,1fr));gap:8px;margin:0 0 22px!important;padding:0}
body.human-ui-v430 #view-calculator .easy-step-link{padding:6px 0 2px!important;position:relative}
body.human-ui-v430 #view-calculator .easy-step-link::after{content:'';position:absolute;top:17px;left:50%;right:-50%;height:2px;background:#e2eaf3;z-index:0}
body.human-ui-v430 #view-calculator .easy-step-link:last-child::after{display:none}
body.human-ui-v430 #view-calculator .easy-step-link span{position:relative;z-index:1;width:42px;height:42px;background:#f2f5f9!important;border:1px solid #e3eaf2;color:#7990aa;font-size:16px!important}
body.human-ui-v430 #view-calculator .easy-step-link b{font-size:12px!important;line-height:1.25;color:#6f8196}
body.human-ui-v430 #view-calculator .easy-step-link.is-current span{background:var(--cm-blue)!important;color:#fff;border-color:var(--cm-blue)}
body.human-ui-v430 #view-calculator .easy-step-link.is-current b{color:var(--cm-blue-700)!important;font-weight:800}
body.human-ui-v430 #view-calculator .easy-step-link.is-done span{background:#e8f4ec!important;border-color:#c5e1cf!important;color:#1c8051!important}
body.human-ui-v430 #view-calculator #easyQuestion{font-size:clamp(38px,4vw,58px)!important;line-height:1.02!important;letter-spacing:-.055em!important;color:#0f2460!important;margin:0 0 12px!important;font-weight:850!important}
body.human-ui-v430 #view-calculator #easyHint{max-width:760px;font-size:17px!important;line-height:1.55!important;color:#4f647c!important;margin:0 0 10px!important}
body.human-ui-v430 #view-calculator .human-calc-guide-card,
body.human-ui-v430 #view-calculator .human-calc-help-card{
  border:1px solid var(--cm-line);border-radius:18px;background:#fff;box-shadow:var(--cm-soft-shadow)
}
body.human-ui-v430 #view-calculator .human-calc-guide-card{padding:18px 18px 18px 84px;position:relative;background:linear-gradient(180deg,#f4f9ff 0%,#ecf5ff 100%)}
body.human-ui-v430 #view-calculator .human-calc-guide-card::before{content:'🤖';position:absolute;left:18px;top:18px;width:50px;height:50px;border-radius:16px;background:#fff;display:grid;place-items:center;font-size:24px;box-shadow:0 8px 18px rgba(23,103,232,.12)}
body.human-ui-v430 #view-calculator .human-calc-guide-card b{display:block;color:var(--cm-blue);font-size:15px;line-height:1.3;margin-bottom:8px}
body.human-ui-v430 #view-calculator .human-calc-guide-card p{margin:0;color:#46607a;font-size:14px;line-height:1.5}
body.human-ui-v430 #view-calculator .human-calc-help-card{padding:0;overflow:hidden}
body.human-ui-v430 #view-calculator .human-calc-help-card .easy-coach-disclosure{margin:0!important;border:0!important;background:transparent!important;border-radius:0!important}
body.human-ui-v430 #view-calculator .human-calc-help-card summary{min-height:72px!important;padding:18px!important;font-size:15px!important;color:#173862!important;font-weight:800!important}
body.human-ui-v430 #view-calculator .human-calc-help-card summary::after{font-size:22px!important}
body.human-ui-v430 #view-calculator .human-calc-help-card .easy-coach{padding:18px!important}

/* Tarjetas del flujo */
body.human-ui-v430 #view-calculator .form-grid{display:grid!important;grid-template-columns:1fr!important;gap:18px!important}
body.human-ui-v430 #view-calculator .human-step-card,
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 .automatic-process-note,
body.human-ui-v430 #view-calculator .design-first-card{
  border:1px solid var(--cm-line)!important;
  border-radius:20px!important;
  background:#fff!important;
  box-shadow:none!important;
}
body.human-ui-v430 #view-calculator .design-first-card{padding:0!important;overflow:hidden}
body.human-ui-v430 #view-calculator .design-first-head{display:flex;align-items:flex-start;gap:14px;padding:24px 24px 8px!important;border:0!important}
body.human-ui-v430 #view-calculator .design-first-head .beginner-badge{display:none!important}
body.human-ui-v430 #view-calculator .design-first-head::before,
body.human-ui-v430 #view-calculator .human-numbered-title::before{content:attr(data-step-num);display:grid;place-items:center;width:48px;height:48px;border-radius:999px;background:var(--cm-blue);color:#fff;font-weight:800;font-size:22px;flex:0 0 48px}
body.human-ui-v430 #view-calculator .design-first-head>div>b,
body.human-ui-v430 #view-calculator .human-card-title{display:flex;align-items:center;gap:12px;font-size:21px;line-height:1.25;color:#14284a;letter-spacing:-.03em}
body.human-ui-v430 #view-calculator .design-first-head p{margin:8px 0 0!important;color:#61758e!important;font-size:16px!important;line-height:1.5!important}
body.human-ui-v430 #view-calculator .file-first-upload{padding:10px 24px 0!important}
body.human-ui-v430 #view-calculator .upload-wrap{border:0!important;background:transparent!important}
body.human-ui-v430 #view-calculator .upload{min-height:258px!important;border:2px dashed #9ec0ef!important;border-radius:18px!important;background:linear-gradient(180deg,#f8fbff 0%,#f4f8fd 100%)!important;display:flex;justify-content:center;align-items:center;padding:26px 24px!important;text-align:center}
body.human-ui-v430 #view-calculator .upload>span{display:block;max-width:420px}
body.human-ui-v430 #view-calculator .upload-icon{font-size:60px!important;color:var(--cm-blue)!important;margin:0 0 10px!important}
body.human-ui-v430 #view-calculator .upload strong{font-size:18px!important;color:#162c51!important;display:block;margin-bottom:6px}
body.human-ui-v430 #view-calculator .upload em{display:block;font-style:normal;color:#61758f!important;font-size:16px!important;margin:6px 0 0!important}
body.human-ui-v430 #view-calculator .upload small{display:block;color:#6d7f93!important;font-size:14px!important;line-height:1.5!important;margin-top:12px}
body.human-ui-v430 #view-calculator .file-first-viewer{display:none!important}
body.human-ui-v430 #view-calculator .easy-file-help{margin:0;padding:16px 24px 22px;color:#6a7e97;font-size:14px}
body.human-ui-v430 #view-calculator .required-file-badge{display:none!important}
body.human-ui-v430 #view-calculator .field{padding:22px 24px!important}
body.human-ui-v430 #view-calculator .field>label{display:flex;align-items:center;gap:10px;font-size:18px!important;color:#152c4a!important;font-weight:800!important;letter-spacing:-.02em;margin-bottom:12px!important}
body.human-ui-v430 #view-calculator .field>small{display:block;color:#698096!important;font-size:15px!important;margin-top:10px!important;line-height:1.5!important}
body.human-ui-v430 #view-calculator .field select,
body.human-ui-v430 #view-calculator .field input,
body.human-ui-v430 #view-calculator .field textarea{border-radius:14px!important;border:1px solid var(--cm-line-strong)!important;background:#fff!important;box-shadow:none!important}
body.human-ui-v430 #view-calculator details.easy-details{padding:0!important;overflow:hidden}
body.human-ui-v430 #view-calculator details.easy-details>summary{display:flex;align-items:center;gap:12px;padding:22px 24px;list-style:none;cursor:pointer;font-size:17px;font-weight:800;color:#162c4e}
body.human-ui-v430 #view-calculator details.easy-details>summary::-webkit-details-marker{display:none}
body.human-ui-v430 #view-calculator details.easy-details>summary::after{content:'›';margin-left:auto;font-size:28px;color:#6f8197;transform:rotate(90deg);transition:transform .2s ease}
body.human-ui-v430 #view-calculator details.easy-details[open]>summary::after{transform:rotate(-90deg)}
body.human-ui-v430 #view-calculator details.easy-details>.field,
body.human-ui-v430 #view-calculator details.easy-details>.novice-advanced,
body.human-ui-v430 #view-calculator details.easy-details>.cm-help-source,
body.human-ui-v430 #view-calculator details.easy-details>.router-reality-details{border-top:1px solid #edf2f7;padding:16px 24px 24px!important}
body.human-ui-v430 #view-calculator .automatic-process-note{padding:20px 24px!important;margin:0!important}
body.human-ui-v430 #view-calculator .automatic-process-note b{display:block;font-size:20px;line-height:1.3;color:#143253;margin-bottom:8px}
body.human-ui-v430 #view-calculator .automatic-process-note p,
body.human-ui-v430 #view-calculator .automatic-process-note small{color:#62778f!important}
body.human-ui-v430 #view-calculator .easy-flow-footer{margin-top:22px!important;padding-top:22px!important;border-top:1px solid var(--cm-line)!important;display:grid!important;grid-template-columns:160px 1fr 200px;align-items:center;gap:16px}
body.human-ui-v430 #view-calculator #easyFooterHelp{text-align:center;color:#6f8194;font-size:16px}
body.human-ui-v430 #view-calculator #easyBack,body.human-ui-v430 #view-calculator #easyNext{min-height:60px!important;border-radius:14px!important;font-size:18px!important}

/* Badges */
body.human-ui-v430 .cm-human-status-inline,
body.human-ui-v430 .human-status-badge{display:inline-flex;align-items:center;justify-content:center;min-height:28px;padding:4px 12px;border-radius:999px;font-size:12px;font-weight:800;letter-spacing:-.01em;white-space:nowrap}
body.human-ui-v430 .cm-human-status-inline.required,
body.human-ui-v430 .human-status-badge.required{background:#e8f2ff;color:var(--cm-blue)}
body.human-ui-v430 .cm-human-status-inline.recommended,
body.human-ui-v430 .human-status-badge.recommended{background:#eef7ff;color:#2f6cb0}
body.human-ui-v430 .cm-human-status-inline.optional,
body.human-ui-v430 .human-status-badge.optional{background:#f0f3f6;color:#62748a}
body.human-ui-v430 [data-human-status]>.human-card-top,
body.human-ui-v430 .human-card-top{display:flex;align-items:center;gap:12px;justify-content:space-between;flex-wrap:wrap;margin-bottom:10px}
body.human-ui-v430 .human-card-title-wrap{display:flex;align-items:center;gap:12px;min-width:0}
body.human-ui-v430 .human-card-icon{width:46px;height:46px;border-radius:14px;background:var(--cm-blue-50);display:grid;place-items:center;color:var(--cm-blue);font-size:22px;flex:0 0 46px}
body.human-ui-v430 .human-card-subtitle{display:block;color:#6a7f96;font-size:14px;line-height:1.45;margin-top:3px}
body.human-ui-v430 .human-status-legend{padding-top:4px!important;margin-bottom:20px!important}

/* Resultados, negocio y resto */
body.human-ui-v430 .crm-stat,body.human-ui-v430 .oee-kpi,body.human-ui-v430 .metric{border-radius:16px!important;border:1px solid var(--cm-line)!important;background:#fbfdff!important}
body.human-ui-v430 .crm-nav button,body.human-ui-v430 .oee-tabs button,body.human-ui-v430 .sim-mode-switch button{border-radius:12px!important}
body.human-ui-v430 .warning-inline,[data-human-role="warning"]{border-left:0!important;border:1px solid #f0d9a4!important;background:#fffaf0!important;border-radius:16px!important;padding:16px 18px!important;color:#6b5317!important}
body.human-ui-v430 [data-human-role="help"]{border-color:#dce6f3!important;background:#fafcff!important}
body.human-ui-v430 .sim-cnc-panel-below{border-radius:18px!important;overflow:hidden!important}
body.human-ui-v430 .sim-control-group{padding:16px!important}

@media(max-width:1100px){
  body.human-ui-v430 #view-calculator .human-calc-hero{grid-template-columns:1fr}
  body.human-ui-v430 #view-calculator .human-calc-hero-side{grid-template-columns:1fr 1fr}
}
@media(max-width:820px){
  body.human-ui-v430 #view-calculator .workspace{padding:16px 10px 34px}
  body.human-ui-v430 #view-calculator #easyQuestion{font-size:clamp(34px,9vw,46px)!important}
  body.human-ui-v430 #view-calculator .easy-steps{display:flex!important;overflow:auto;padding-bottom:6px!important}
  body.human-ui-v430 #view-calculator .easy-step-link{min-width:120px!important;flex:0 0 120px}
  body.human-ui-v430 #view-calculator .easy-step-link::after{display:none}
  body.human-ui-v430 #view-calculator .human-calc-hero-side{grid-template-columns:1fr}
  body.human-ui-v430 #view-calculator .easy-flow-footer{grid-template-columns:1fr 1fr!important}
  body.human-ui-v430 #view-calculator #easyFooterHelp{grid-column:1/-1;order:-1}
}
@media(max-width:620px){
  body.human-ui-v430 #view-calculator .panel.config{padding:14px!important;border-radius:18px!important}
  body.human-ui-v430 #view-calculator .design-first-head,
  body.human-ui-v430 #view-calculator .field,
  body.human-ui-v430 #view-calculator details.easy-details>summary,
  body.human-ui-v430 #view-calculator .automatic-process-note{padding-left:16px!important;padding-right:16px!important}
  body.human-ui-v430 #view-calculator .upload{min-height:210px!important;padding:18px 14px!important}
  body.human-ui-v430 #view-calculator .easy-flow-footer{grid-template-columns:1fr!important}
  body.human-ui-v430 #view-calculator #easyBack,
  body.human-ui-v430 #view-calculator #easyNext{width:100%}
}
/* FOOTER · OpenAI / Cut Master · v4.30.0 · 2026-09-22 · UI only · END-OF-FILE */