/*
 * JusIntel — página pública da Jornada Inteligente (site-jusintel/jornada.html).
 * Carregado DEPOIS de jusintel.css e contratos.css (ponte, ponto do produto).
 * Reaproveita a calculadora do PJ Compliance (.calc-*, em jusintel.css).
 *
 * Cor do produto (J-D04, 21/10/2026): Lilás, reservada na F5-D18.
 *   Lilás         #9B7BF7  gráfico e botão (Grafite sobre ele: 5,3:1); texto sobre Grafite (5,3:1) e Grafite-2 (4,5:1)
 *   Lilás escuro  #5B3FB0  texto sobre Papel (6,7:1) e Branco (7,6:1)
 *   Lilás claro   #EFEAFE  fundo de destaque (Lilás escuro sobre ele: 6,4:1)
 *   Lilás hover   #AD92F9  botão em foco do mouse (Grafite sobre ele: 6,6:1)
 *
 * As variáveis --lilas*, .btn-lilas, .link-lilas e .rotulo-lilas ficam em
 * jusintel.css (valem em todas as páginas, como as do Jade).
 */


.btn-pequeno { padding: 12px 18px; font-size: 15px; }
.faixa-escura .eyebrow-lilas { color: var(--lilas); }
.ponto-lilas { background: var(--lilas); }

/* Calendário na abertura */
.linha-tempo { list-style: none; padding: 22px 26px; margin: 0; background: var(--grafite-2); border-radius: 8px; box-shadow: inset 0 0 0 1px var(--linha-escura); display: flex; flex-direction: column; }
.linha-tempo li { display: flex; gap: 18px; align-items: center; padding: 14px 0; }
.linha-tempo li + li { border-top: 1px solid var(--linha-escura); }
.linha-tempo .linha-tempo-horas { flex: 0 0 64px; font-family: var(--titulo); font-weight: 600; font-size: 26px; letter-spacing: -0.02em; color: var(--lilas); }
.linha-tempo strong { display: block; font-size: 16px; font-weight: 600; color: var(--papel); }
.linha-tempo span { font-size: 14px; color: var(--aco); }

/* Simulador */
.jornada-grade { display: grid; grid-template-columns: minmax(0, 400px) minmax(0, 1fr); gap: 24px; align-items: start; }
@media (max-width: 980px) { .jornada-grade { grid-template-columns: 1fr; } }
.jornada-form { gap: 4px; }
@media (min-width: 981px) { .jornada-form { position: sticky; top: 16px; max-height: calc(100vh - 32px); overflow: auto; } }
.jornada-grupo { border: 0; margin: 0; padding: 18px 0 20px; border-top: 1px solid var(--linha-2); display: flex; flex-direction: column; gap: 16px; min-width: 0; }
.jornada-grupo:first-child { border-top: 0; padding-top: 0; }
.jornada-grupo legend { font-family: var(--mono); font-size: 12px; letter-spacing: 0.08em; text-transform: uppercase; color: var(--lilas-escuro); font-weight: 500; padding: 0 0 12px; }
.jornada-form .calc-campo label { font-size: 14px; display: block; }
.jornada-form .opcional { font-weight: 400; color: var(--ardosia); }
.jornada-rotulo { font-weight: 600; font-size: 14px; }
.jornada-input { width: 100%; padding: 11px 12px; border: 0; border-radius: 6px; box-shadow: inset 0 0 0 1px var(--linha); background: var(--branco); font: 500 15px var(--sans); color: var(--grafite); }
.jornada-input:focus { outline: none; box-shadow: inset 0 0 0 2px var(--lilas-escuro); }
.jornada-dupla { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; }
@media (max-width: 420px) { .jornada-dupla { grid-template-columns: 1fr; } }
.jornada-dias { display: grid; grid-template-columns: repeat(7, minmax(0, 1fr)); gap: 4px; }
.jornada-dias label { display: flex; flex-direction: column; align-items: center; gap: 4px; font: 500 11px var(--mono); color: var(--ardosia); }
.jornada-dia { width: 100%; padding: 9px 0; text-align: center; border: 0; border-radius: 6px; box-shadow: inset 0 0 0 1px var(--linha); background: var(--branco); font: 600 15px var(--sans); color: var(--grafite); -moz-appearance: textfield; }
.jornada-dia::-webkit-outer-spin-button, .jornada-dia::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; }
.jornada-dia:focus { outline: none; box-shadow: inset 0 0 0 2px var(--lilas-escuro); }
.jornada-acoes { display: flex; flex-wrap: wrap; align-items: center; gap: 10px 16px; padding-top: 12px; }
.jornada-restaurar { background: none; border: 0; padding: 0; font: 600 14px var(--sans); cursor: pointer; }

/* Resultados */
.jornada-diagnostico { display: flex; justify-content: space-between; align-items: center; gap: 16px 24px; flex-wrap: wrap; }
.jornada-diagnostico .calc-grande { font-size: 30px; line-height: 1.15; }
.jornada-numero { font-family: var(--titulo); font-weight: 600; font-size: 52px; line-height: 1; letter-spacing: -0.03em; color: var(--lilas); text-align: center; }
.jornada-numero small { display: block; font-size: 13px; letter-spacing: 0; font-weight: 500; color: var(--aco); margin-top: 4px; }
.jornada-linhas-escuras { border-top-color: var(--linha-escura); }
.jornada-linhas-escuras dt { color: var(--aco); }
.jornada-titulo-cartao { font-family: var(--titulo); font-size: 20px; font-weight: 600; letter-spacing: -0.015em; }

.jornada-cenarios { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(210px, 100%), 1fr)); gap: 12px; padding-top: 4px; }
.jornada-cenario { border-radius: 8px; box-shadow: inset 0 0 0 1px var(--linha); padding: 18px 16px; display: flex; flex-direction: column; gap: 8px; min-width: 0; }
.jornada-cenario-destaque { box-shadow: inset 0 0 0 2px var(--lilas-escuro); background: var(--lilas-claro); }
.jornada-fase { font: 500 12px var(--mono); letter-spacing: 0.08em; text-transform: uppercase; color: var(--ardosia); }
.jornada-horas { font-family: var(--titulo); font-size: 26px; font-weight: 600; letter-spacing: -0.02em; }
.jornada-etiqueta { align-self: flex-start; font: 500 12px var(--sans); padding: 4px 8px; border-radius: 4px; background: var(--nevoa); color: var(--texto-2); }
.jornada-etiqueta-atencao { background: var(--pessego-claro); color: var(--pessego-escuro); }
.jornada-etiqueta-risco { background: #F7E8E5; color: #9C3B2F; }
.jornada-valor { font-family: var(--titulo); font-size: 22px; font-weight: 600; letter-spacing: -0.02em; overflow-wrap: anywhere; }
.jornada-cenario dl { margin: 4px 0; display: flex; flex-direction: column; gap: 6px; font-size: 13.5px; padding-top: 10px; border-top: 1px solid var(--linha-2); }
.jornada-cenario dl div { display: flex; justify-content: space-between; gap: 8px; }
.jornada-cenario dt { color: var(--ardosia); }
.jornada-cenario dd { margin: 0; font-weight: 600; text-align: right; }

.jornada-barras { display: flex; flex-direction: column; gap: 12px; }
.jornada-barra { display: grid; grid-template-columns: 110px 1fr 120px; gap: 12px; align-items: center; font-size: 14px; }
.jornada-barra strong { text-align: right; white-space: nowrap; font-variant-numeric: tabular-nums; }
@media (max-width: 520px) { .jornada-barra { grid-template-columns: 82px 1fr 96px; font-size: 12.5px; gap: 8px; } }
.jornada-trilha { display: block; height: 12px; border-radius: 0 4px 4px 0; background: var(--nevoa); overflow: hidden; }
.jornada-trilha > span { display: block; height: 100%; background: var(--aco-2); border-radius: 0 4px 4px 0; }
.jornada-trilha > span.jornada-barra-destaque { background: var(--lilas-escuro); }
.jornada-trilha > span.jornada-barra-extras { background: var(--lilas); }

.jornada-cobertura { display: grid; grid-template-columns: repeat(7, minmax(0, 1fr)); gap: 6px; }
.jornada-dia-cartao { border-radius: 6px; box-shadow: inset 0 0 0 1px var(--linha-2); padding: 10px 4px; text-align: center; display: flex; flex-direction: column; gap: 2px; min-width: 0; }
.jornada-dia-cartao > span:first-child { font: 500 11px var(--mono); color: var(--ardosia); }
.jornada-dia-cartao strong { font-family: var(--titulo); font-size: 22px; font-weight: 600; }
.jornada-dia-cartao small { font-size: 11px; color: var(--ardosia); }
.jornada-dia-cartao .jornada-trilha { height: 5px; margin-top: 6px; }
.jornada-dia-cartao .jornada-trilha > span { background: var(--lilas-escuro); }

.jornada-alertas { list-style: none; padding: 0; margin: 0; display: flex; flex-direction: column; gap: 10px; }
.jornada-alerta { display: flex; gap: 12px; padding: 14px; border-radius: 6px; box-shadow: inset 0 0 0 1px var(--linha-2); background: var(--branco); font-size: 14px; line-height: 1.5; color: var(--texto-2); }
.jornada-alerta-titulo { font-weight: 600; color: var(--grafite); margin-bottom: 2px; }
.jornada-alerta-simbolo { flex: 0 0 22px; height: 22px; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-weight: 700; font-size: 13px; }
.jornada-alerta-risco { background: #FBF1EF; box-shadow: inset 0 0 0 1px #EBC7C0; }
.jornada-alerta-risco .jornada-alerta-simbolo { background: #9C3B2F; color: var(--branco); }
.jornada-alerta-atencao { background: #FDF6F1; box-shadow: inset 0 0 0 1px var(--pessego-claro); }
.jornada-alerta-atencao .jornada-alerta-simbolo { background: var(--pessego-escuro); color: var(--branco); }
.jornada-alerta-ok .jornada-alerta-simbolo { background: #0B7A5E; color: var(--branco); }

.jornada-metodo h3 { font-family: var(--titulo); font-size: 18px; font-weight: 600; margin: 22px 0 8px; }
.jornada-metodo h3:first-child { margin-top: 0; }
.jornada-metodo p { font-size: 16px; line-height: 1.6; color: var(--texto-2); }

.sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0; }

/* Impressão: só a simulação (o botão "Salvar como PDF" chama window.print) */
@media print {
  .cabecalho, .trilha, .abertura .btn, .abertura .link-lilas, .destaques, .ponte, .jornada-acoes, .calc-privado, .rodape, .pular { display: none !important; }
  body { background: var(--branco); }
  .faixa-escura { background: var(--branco); color: var(--grafite); }
  .faixa-escura .lede, .faixa-escura em { color: var(--texto-2); }
  .abertura { padding: 0 0 12px; display: block; }
  .abertura .titulo-1 { font-size: 26px !important; }
  .linha-tempo { display: none; }
  .secao { padding-top: 12px; padding-bottom: 12px; }
  .jornada-grade { grid-template-columns: 1fr; }
  .jornada-form { position: static; max-height: none; overflow: visible; }
  .calc-cartao, .jornada-alerta, .jornada-cenario { break-inside: avoid; }
  .calc-cartao-escuro { background: var(--branco); color: var(--grafite); box-shadow: inset 0 0 0 1px var(--grafite); }
  .calc-cartao-escuro .rotulo, .jornada-numero { color: var(--lilas-escuro); }
  .jornada-linhas-escuras dt, .calc-cartao-escuro .calc-legenda, .jornada-numero small { color: var(--ardosia); }
}