/* 11.2–11.4 assistente em passos. Só tokens do app.css. */
.as-cab{align-items:center}
.as-cab>div:first-child{min-width:0;flex:1}
.as-cab .sub{display:block;margin-top:4px}
.as-modo{grid-template-columns:repeat(2,auto);flex:none}
.as-modo button{padding:0 14px}

.as-passos{margin:0 0 18px}
.as-passos ol{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;counter-reset:p}
.as-passos button{position:relative;display:flex;align-items:center;gap:10px;width:100%;min-height:48px;padding:8px 12px;border:1px solid var(--borda);border-radius:var(--r2);background:var(--sup);color:var(--tx2);font:600 14px var(--fonte);cursor:pointer;text-align:left}
.as-passos button i{display:inline-grid;place-items:center;flex:none;width:26px;height:26px;border-radius:50%;border:1.5px solid var(--borda2);font-style:normal;font-size:13px;font-variant-numeric:tabular-nums}
.as-passos button span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.as-passos button:hover:not(:disabled){border-color:var(--borda2);color:var(--tx)}
.as-passos button.feito i{background:var(--cy-suave);border-color:var(--cy);color:var(--cy-tx)}
.as-passos button[aria-current=step]{border-color:var(--cy);box-shadow:inset 0 0 0 1px var(--cy);color:var(--tx)}
.as-passos button[aria-current=step] i{background:var(--cy);border-color:var(--cy);color:var(--cy-tinta)}
.as-passos button:disabled{opacity:.5;cursor:not-allowed}
.as-passos button:focus-visible{outline:2px solid var(--foco);outline-offset:2px}

/* tudo numa tela: some a navegação, aparece tudo */
#tab-job[data-modo=unica] .as-passos,#tab-job[data-modo=unica] .as-avanc-chave{display:none}

/* passo a passo */
#tab-job[data-modo=assistente] .trab{grid-template-columns:minmax(0,1fr)}
#tab-job[data-modo=assistente] .trab{container-type:inline-size}
#tab-job[data-modo=assistente] .trab-config{grid-template-columns:minmax(0,1fr);align-items:start}
@container (min-width:720px){#tab-job[data-modo=assistente] .trab-config{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-areas:"pf ch" "eq ch";grid-template-rows:auto 1fr}
  #tab-job[data-modo=assistente] #pf-card{grid-area:pf}#tab-job[data-modo=assistente] .tc-chapa{grid-area:ch}#tab-job[data-modo=assistente] .tc-equip{grid-area:eq}
  #tab-job[data-modo=assistente] .trab-config>*{align-self:start}}
@container (min-width:1100px){#tab-job[data-modo=assistente] .trab-config{grid-template-columns:repeat(3,minmax(0,1fr));grid-template-areas:"pf ch eq";grid-template-rows:auto}}
#tab-job[data-modo=assistente]:not(.as-avanc-on):not(.pf-ed) .as-avancado{display:none}
#tab-job[data-modo=assistente][data-passo="1"] .trab-pecas,
#tab-job[data-modo=assistente][data-passo="2"] .trab-config,
#tab-job[data-modo=assistente]:not([data-passo="1"]):not([data-passo="2"]) .trab{display:none}
#tab-job[data-modo=assistente] .resultado{margin-top:0}
#tab-job[data-modo=assistente] .resultado>.cab-secao{display:none}
#tab-job[data-modo=assistente][data-passo="3"] .resultado>.cab-secao{display:flex}
#tab-job[data-modo=assistente][data-passo="4"] #r-sum,
#tab-job[data-modo=assistente][data-passo="4"] #r-pecas,
#tab-job[data-modo=assistente][data-passo="4"] #as-ajustes,
#tab-job[data-modo=assistente][data-passo="4"] .visor-card{display:none}
#tab-job[data-modo=unica] #as-ajustes{margin-bottom:18px}

.barra-gerar .as-nav svg{width:18px;height:18px}
.barra-gerar #as-voltar{order:-1}
#tab-job[data-modo=assistente]:not([data-passo="1"]):not([data-passo="2"]) .barra-gerar{justify-content:space-between}
#tab-job[data-modo=assistente][data-passo="1"] .barra-gerar .custo{flex:1}

.as-ajustes{margin-bottom:18px}
.as-ajustes h2{display:flex;align-items:center;gap:8px;margin:0 0 10px;font-size:16px}
.as-ajustes h2 svg{width:20px;height:20px;color:var(--cy-tx)}
.as-ajustes ul{list-style:none;margin:0 0 10px;padding:0;display:grid;gap:8px}
.as-ajustes li{display:flex;gap:10px;align-items:flex-start;font-size:14px;color:var(--tx2)}
.as-ajustes li svg{fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;flex:none;width:18px;height:18px;margin-top:1px;color:var(--ok)}

/* simular */
.as-sim{display:flex;flex-wrap:wrap;align-items:center;gap:10px 14px;padding:12px 16px;border-top:1px solid var(--borda)}
.as-sim[hidden]{display:none}
.as-sim-bts{display:flex;align-items:center;gap:6px}
.as-sim-bts .bt{min-width:120px}
.as-sim-bts svg{width:18px;height:18px}
.as-sim input[type=range]{flex:1;min-width:160px;min-height:0;padding:0;border:0;background:none;accent-color:var(--cy)}
.as-sim-tx{flex-basis:100%;margin:0;font-variant-numeric:tabular-nums}
.as-sim-on .sheet .part{opacity:.35;transition:opacity .2s}
.as-sim-on .sheet .part.as-feita{opacity:1;stroke:var(--corte);stroke-width:1.6}
.as-sim-on .sheet .part.as-atual{fill:var(--cy-suave);stroke:var(--cy);stroke-width:3}
.as-sim-on .sheet .cut,.as-sim-on .sheet .shared,.as-sim-on .sheet .rapid.as-oculta{display:none}

@media (max-width:720px){
  .as-cab{align-items:stretch}
  .as-modo{width:100%;grid-template-columns:1fr 1fr}
  .as-passos ol{gap:4px}
  .as-passos button{flex-direction:column;gap:4px;padding:6px 2px;min-height:58px;text-align:center;font-size:11.5px}
  .as-passos button span{max-width:100%}
  .barra-gerar .as-nav{flex:1}
  #tab-job[data-modo=assistente][data-passo="1"] .barra-gerar .custo{flex-basis:100%}
  .as-sim-bts{width:100%;justify-content:space-between}
  .as-sim-bts .bt{flex:1}
}

/* v2: giro e corte único */
.as-giro{display:flex;flex-direction:column;gap:10px}
.as-giro-passo{margin:0 0 0 52px}
.as-giro-passo[hidden]{display:none}
.as-giro-l{display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.as-giro-l .segmentos{grid-template-columns:repeat(4,auto);flex:none}
.as-giro-l .segmentos button{padding:0 12px}
.as-giro-l .un{width:110px}
.as-giro-passo .dica{margin:6px 0 0}
#j-common-box{margin:4px 0 10px}
#as-cu-dica[hidden]{display:none}
#j-gap:disabled{opacity:.5}
/* v2: simulador aprovado embutido */
.as-simu{padding:0;overflow:hidden}
.as-simu[hidden]{display:none}
.as-simu .pilulas{padding:10px 12px 0}
.as-simu .pilulas[hidden]{display:none}
.as-simu iframe{display:block;width:100%;height:782px;border:0;background:transparent}
@media (max-width:720px){.as-giro-passo{margin-left:0}.as-simu iframe{height:900px}}
#tab-job[data-modo=assistente][data-passo="4"] .barra-gerar{position:static}

/* v3: corte único tira kerf e folga da tela */
#as-kf.cu-sai{display:none!important}
#as-cu-dica b{color:var(--tx)}
/* v3: perfis de trabalho */
.pf .pf-cab{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}
.pf .pf-cab h2{margin:0}
.pf>.sub{margin:6px 0 12px}
.pf-lista{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:8px}
.pf-item{display:flex;flex-direction:column;align-items:flex-start;gap:3px;min-height:64px;padding:10px 12px;border:1px solid var(--borda2);border-radius:var(--r2);background:var(--sup);color:var(--tx);font:inherit;text-align:left;cursor:pointer}
.pf-item b{display:flex;align-items:center;gap:6px;font-size:14px;font-weight:600}
.pf-item>span{color:var(--tx3);font-size:12.5px;line-height:1.35}
.pf-item:hover{border-color:var(--cy)}
.pf-item[aria-checked=true]{border-color:var(--cy);box-shadow:0 0 0 1px var(--cy) inset;background:var(--sup2)}
.pf-novo{border-style:dashed;color:var(--cy-tx)}
.pf-novo svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2}
.pf-padrao{padding:1px 7px;border-radius:9px;background:var(--sup2);border:1px solid var(--borda2);color:var(--tx3);font-size:11px;font-weight:600}
.pf-mudou{margin-top:12px;padding:10px 12px;border:1px solid var(--borda2);border-left:3px solid var(--cy);border-radius:var(--r2);background:var(--sup2)}
.pf-mudou p{display:flex;gap:8px;margin:0 0 10px;font-size:13.5px;line-height:1.45}
.pf-mudou p svg{flex:none;width:18px;height:18px;margin-top:1px;fill:none;stroke:var(--cy-tx);stroke-width:2}
.pf-acoes{display:flex;flex-wrap:wrap;gap:8px}
.pf-editando{box-shadow:0 0 0 2px var(--cy)}
.pf-dlg{width:min(680px,calc(100vw - 32px));max-height:calc(100dvh - 32px);padding:18px 20px 20px}
.pf-dlg svg{fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.pf-dlg .ico-bt.perigo:hover{color:var(--erro,#dc2626)}
.pf-dlg>.sub{margin:0 0 12px}
.pf-dlg-l{list-style:none;margin:0 0 4px;padding:0;display:grid;gap:8px;max-height:min(60vh,520px);overflow:auto}
.pf-dlg-l li{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px;padding:10px 12px;border:1px solid var(--borda);border-radius:var(--r2)}
.pf-dl-t{display:flex;flex-direction:column;gap:2px;min-width:0;flex:1 1 220px}
.pf-dl-t b{display:flex;align-items:center;gap:6px}
.pf-dl-a{display:flex;flex-wrap:wrap;gap:6px}
.pf-dl-a .bt{min-height:34px;padding:0 10px;font-size:13px}
.pf-dl-a .bt svg{width:15px;height:15px}
@media (max-width:560px){.pf-lista{grid-template-columns:1fr}.pf-acoes .bt{flex:1 1 100%}}

/* v4: kerf vem da ferramenta */
.kf{display:grid;gap:8px;margin:4px 0 10px;padding:10px 12px;border:1px solid var(--borda);border-radius:var(--r2);background:var(--sup2)}
.kf-l{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 10px}
.kf-l>span:first-child{font-weight:600}
.kf-l b{font-size:18px;color:var(--cy-tx)}
#kf-comp-dica{margin:0}
#kf-comp-dica.aviso-forte{color:var(--aviso-tx,#b45309)}
#kf-comp-dica.aviso-forte svg{stroke:currentColor}
/* v4: ferramenta no cartão Equipamento */
.fe-box{display:grid;gap:8px;margin:10px 0 4px;padding-top:10px;border-top:1px solid var(--borda)}
.fe-resumo{display:flex;flex-wrap:wrap;gap:6px}
.fe-resumo:empty{display:none}
.fe-resumo span{padding:3px 9px;border:1px solid var(--borda2);border-radius:999px;background:var(--sup2);font-size:12.5px;color:var(--tx2)}
.fe-resumo span:first-child{border-color:var(--cy);color:var(--cy-tx);font-weight:600}
.fe-acoes{display:flex;flex-wrap:wrap;gap:8px}
.fe-acoes .bt svg{fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
/* v4: diálogo da ferramenta */
.fe-dlg{width:min(860px,calc(100vw - 32px));max-height:calc(100dvh - 32px);padding:18px 20px 16px}
.fe-dlg[open]{display:flex;flex-direction:column}
.fe-dlg svg{fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.fe-corpo{flex:1;min-height:0;overflow:auto;display:grid;gap:10px;padding:2px 2px 8px}
#fe-tipo{justify-self:start}
.fe-grupo{margin:0;padding:12px 14px 14px;border:1px solid var(--borda);border-radius:var(--r2);min-width:0}
.fe-grupo legend{padding:0 6px;font-weight:700;font-size:14px}
.fe-g{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:10px 14px;align-items:start}
.fe-g .campo{margin:0}
.fe-g .fe-larga{grid-column:1/-1}
.fe-g .dica{margin:4px 0 0;font-weight:400}
.fe-seg{flex-wrap:wrap}
.fe-carga{display:grid;gap:2px}
.fe-carga b{font-size:16px;color:var(--cy-tx)}
.fe-desenho{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:10px;margin-top:12px;padding:10px;border-radius:var(--r2);background:var(--sup2)}
.fe-desenho svg{width:100%;height:auto;display:block}
.fe-peca{fill:var(--sup);stroke:none}
.fe-desenho svg text{stroke:none}
.fe-furo{fill:var(--sup2);stroke:none}
.fe-mat{fill:var(--borda);stroke:none}
.fe-cam{fill:none;stroke:var(--tx3);stroke-width:1.5;stroke-dasharray:5 4}
.fe-ent{fill:none;stroke:var(--cy);stroke-width:2.6;stroke-linecap:round;stroke-linejoin:round}
.fe-sai{fill:none;stroke:#f59e0b;stroke-width:2.6;stroke-linecap:round}
.fe-fino{stroke-width:1.6}
.fe-perf{fill:#ef4444;stroke:none}
.fe-tx{fill:var(--tx3);stroke:none;font:600 11px var(--fonte)}
.fe-tx2{font-weight:500;font-size:10px}.fe-tx-ent{fill:var(--cy)}.fe-tx-sai{fill:#d97706}
.fe-seta{fill:none;stroke:var(--tx3);stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round}
.fe-leg{grid-column:1/-1;display:flex;flex-wrap:wrap;align-items:center;gap:6px 14px;margin:0;font-size:12.5px;color:var(--tx2)}
.fe-leg i{display:inline-block;width:18px;height:4px;border-radius:2px;margin-right:-8px}
.fe-l-ent{background:var(--cy)}.fe-l-sai{background:#f59e0b}.fe-l-perf{width:9px!important;height:9px!important;border-radius:50%!important;background:#ef4444}
.fe-dlg .msg-erro:empty{display:none}
.fe-pe{display:flex;flex-wrap:wrap;align-items:center;gap:8px;padding-top:12px;border-top:1px solid var(--borda)}
.fe-esp{flex:1}
.fe-exc{color:var(--erro)}
@media (max-width:640px){
  .fe-dlg{margin:auto auto 0;width:100vw;max-width:100vw;max-height:94dvh;border-radius:18px 18px 0 0;padding:14px 14px calc(12px + env(safe-area-inset-bottom))}
  .fe-g{grid-template-columns:1fr}
  .fe-esp{display:none}
  .fe-pe .bt{flex:1 1 40%}
  .fe-acoes .bt{flex:1 1 100%}
}

/* v5: desenho maior e fresa desenhada */
.fe-desenho .fe-leg{grid-column:1/-1}
.fe-desenho svg{max-width:560px;justify-self:center}
.fe-fresa{display:flex;gap:14px;align-items:center;margin-top:12px;padding:10px 14px;border-radius:var(--r2);background:var(--sup2)}
.fe-fresa svg{width:220px;flex:none;height:auto}
.fe-fresa svg text{stroke:none}
.fe-tx-n{margin:0;font-size:.86rem;color:var(--tx2);display:grid;gap:4px}
.fe-tx-n b{color:var(--tx);font-size:.95rem}
.fe-fr-haste{fill:var(--sup);stroke:var(--tx3);stroke-width:1}
.fe-fr-corpo{fill:color-mix(in srgb,var(--cy) 22%,var(--sup));stroke:var(--cy);stroke-width:1.4;stroke-linejoin:round}
.fe-fr-hel{fill:none;stroke:var(--cy);stroke-width:1.2;opacity:.85}
.fe-cota{fill:none;stroke:var(--tx3);stroke-width:1}
.fe-mini{display:inline-flex;align-items:center;padding:0!important;background:none!important;border:0!important}
.fe-mini svg{width:30px;height:40px}
@media (max-width:640px){.fe-fresa{flex-direction:column;align-items:stretch}.fe-fresa svg{width:100%;max-width:240px;align-self:center}}
