/* Danxis - visualizacao limpa da jornada respondida | v1.0.0 */
#view-questionnaire{
  --dxj-line:#dce4e9;
  --dxj-soft:#edf1f3;
  --dxj-bg:#f3f6f8;
  --dxj-text:#000;
  --dxj-blue:#0a78a8;
  --dxj-green:#20895f;
  background:var(--dxj-bg)!important;
  color:var(--dxj-text)!important;
  margin:-28px -30px -50px!important;
  padding:20px 24px 42px!important;
  min-height:calc(100vh - 84px)!important;
  font-family:"Poppins",Arial,sans-serif!important;
  font-size:12.5px!important;
}
#view-questionnaire,
#view-questionnaire *{box-sizing:border-box!important}
#view-questionnaire p,
#view-questionnaire span,
#view-questionnaire strong,
#view-questionnaire h2,
#view-questionnaire h3,
#view-questionnaire h4,
#view-questionnaire button,
#view-questionnaire input{font-family:"Poppins",Arial,sans-serif!important}

/* Acoes ficam dentro da faixa do fornecedor via JS */
#view-questionnaire .section-toolbar{display:none!important}

/* Faixa compacta do fornecedor */
#view-questionnaire .journey-hero{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:16px!important;
  min-height:74px!important;
  margin:0 0 14px!important;
  padding:14px 16px!important;
  border:1px solid var(--dxj-line)!important;
  border-radius:13px!important;
  background:#fff!important;
  box-shadow:none!important;
  color:#000!important;
}
#view-questionnaire .journey-hero-main{display:flex!important;align-items:center!important;gap:12px!important;min-width:0!important}
#view-questionnaire .journey-company-logo{
  width:42px!important;height:42px!important;min-width:42px!important;border-radius:10px!important;
  display:grid!important;place-items:center!important;background:#e7f5f9!important;border:0!important;
  color:#08779b!important;font-size:12.5px!important;font-weight:700!important;box-shadow:none!important
}
#view-questionnaire .journey-hero-main h2{margin:0 0 3px!important;color:#000!important;font-size:14px!important;line-height:1.4!important;font-weight:700!important}
#view-questionnaire .journey-hero-main p{margin:0!important;color:#000!important;font-size:12.5px!important;line-height:1.45!important;font-weight:400!important}
#view-questionnaire .journey-hero-tags{display:none!important}
#view-questionnaire .dx-journey-hero-right{display:flex!important;align-items:center!important;justify-content:flex-end!important;gap:9px!important;flex-wrap:wrap!important}
#view-questionnaire .journey-summary{
  min-width:auto!important;width:auto!important;padding:0!important;border:0!important;border-radius:0!important;
  background:transparent!important;box-shadow:none!important
}
#view-questionnaire .journey-summary-top{display:flex!important;align-items:center!important;gap:7px!important}
#view-questionnaire .journey-summary-top span{display:none!important}
#view-questionnaire .journey-summary-top strong{
  display:inline-flex!important;align-items:center!important;gap:6px!important;padding:6px 9px!important;
  border-radius:18px!important;background:#eaf7f0!important;color:var(--dxj-green)!important;font-size:12.5px!important;font-weight:600!important
}
#view-questionnaire .journey-summary-top strong:before{content:"Jornada concluída"!important}
#view-questionnaire .journey-summary-top strong{font-size:0!important}
#view-questionnaire .journey-summary-top strong:before{font-size:12.5px!important}
#view-questionnaire .journey-summary .progress{display:none!important}
#view-questionnaire .toolbar-actions{display:flex!important;align-items:center!important;gap:8px!important;flex-wrap:wrap!important;justify-content:flex-end!important;position:static!important}
#view-questionnaire .toolbar-actions .btn{
  min-height:36px!important;padding:8px 11px!important;border-radius:9px!important;font-size:12.5px!important;font-weight:600!important
}

/* Duas colunas simples */
#view-questionnaire .journey-layout{
  display:grid!important;grid-template-columns:280px minmax(0,1fr)!important;gap:0!important;align-items:start!important;
  width:100%!important;max-width:none!important;margin:0!important;border:1px solid var(--dxj-line)!important;
  border-radius:13px!important;background:#fff!important;overflow:visible!important
}

/* Etapas */
#view-questionnaire .journey-nav-panel{
  position:sticky!important;top:90px!important;z-index:7!important;display:block!important;align-self:start!important;
  max-height:calc(100vh - 106px)!important;overflow:auto!important;margin:0!important;padding:14px 10px!important;
  border:0!important;border-right:1px solid var(--dxj-line)!important;border-radius:13px 0 0 13px!important;
  background:#f8fafb!important;box-shadow:none!important;backdrop-filter:none!important
}
#view-questionnaire .journey-nav-title{display:block!important;padding:4px 10px 12px!important;margin:0!important;border:0!important}
#view-questionnaire .journey-nav-title strong{display:block!important;color:#000!important;font-size:14px!important;font-weight:600!important;line-height:1.4!important}
#view-questionnaire .journey-nav-title span{display:block!important;color:#000!important;font-size:12.5px!important;font-weight:400!important;line-height:1.45!important;margin-top:4px!important}
#view-questionnaire .journey-step-button{
  position:relative!important;display:grid!important;grid-template-columns:28px minmax(0,1fr)!important;gap:9px!important;align-items:center!important;
  width:100%!important;min-height:48px!important;margin:2px 0!important;padding:10px!important;border:0!important;border-radius:9px!important;
  background:transparent!important;color:#000!important;box-shadow:none!important;text-align:left!important;overflow:visible!important
}
#view-questionnaire .journey-step-button:not(:last-child):after{display:none!important}
#view-questionnaire .journey-step-button:hover{background:#eef4f6!important;border:0!important}
#view-questionnaire .journey-step-button.active{background:#e5f2f6!important;border:0!important;box-shadow:none!important;padding:10px!important;min-height:48px!important}
#view-questionnaire .journey-step-number{
  position:static!important;width:28px!important;height:28px!important;min-width:28px!important;border-radius:8px!important;
  display:grid!important;place-items:center!important;background:#e6f5ed!important;border:0!important;color:#177853!important;
  font-size:11px!important;font-weight:700!important;box-shadow:none!important
}
#view-questionnaire .journey-step-number:before{display:none!important;content:none!important}
#view-questionnaire .journey-step-button.active .journey-step-number{background:#0b83ad!important;color:#fff!important;border:0!important}
#view-questionnaire .journey-step-copy{display:block!important;min-width:0!important}
#view-questionnaire .journey-step-copy strong{display:block!important;color:#000!important;font-size:12.5px!important;font-weight:600!important;line-height:1.35!important;white-space:normal!important;overflow:visible!important}
#view-questionnaire .journey-step-copy span{display:block!important;color:#000!important;font-size:12.5px!important;font-weight:400!important;line-height:1.35!important;margin-top:1px!important}
#view-questionnaire .journey-step-button.active .journey-step-copy strong,
#view-questionnaire .journey-step-button.active .journey-step-copy span{color:#000!important}
#view-questionnaire .journey-step-check{display:none!important}

/* Painel da etapa */
#view-questionnaire .journey-content-panel{
  display:block!important;width:100%!important;min-width:0!important;margin:0!important;border:0!important;border-radius:0 13px 13px 0!important;
  background:#fff!important;box-shadow:none!important;overflow:visible!important
}
#view-questionnaire .journey-content-header{
  position:sticky!important;top:76px!important;z-index:6!important;display:flex!important;align-items:center!important;justify-content:space-between!important;
  gap:14px!important;min-height:68px!important;padding:14px 18px!important;border:0!important;border-bottom:1px solid var(--dxj-line)!important;
  background:rgba(255,255,255,.97)!important;backdrop-filter:blur(10px)!important
}
#view-questionnaire .journey-content-header:before{display:none!important}
#view-questionnaire .journey-content-header > div:first-child{display:block!important;min-width:0!important}
#view-questionnaire .step-eyebrow{display:none!important}
#view-questionnaire .journey-content-header h3{margin:0 0 3px!important;color:#000!important;font-size:14px!important;font-weight:600!important;line-height:1.4!important}
#view-questionnaire .journey-content-header p{display:block!important;margin:0!important;color:#000!important;font-size:12.5px!important;font-weight:400!important;line-height:1.45!important}
#view-questionnaire .journey-date{display:none!important}
#view-questionnaire .dx-journey-tools{display:flex!important;align-items:center!important;gap:8px!important;flex-wrap:wrap!important;justify-content:flex-end!important}
#view-questionnaire .dx-journey-search{position:relative!important;width:270px!important}
#view-questionnaire .dx-journey-search input{
  width:100%!important;height:38px!important;border:1px solid var(--dxj-line)!important;border-radius:9px!important;
  background:#fff!important;color:#000!important;padding:0 12px 0 35px!important;outline:none!important;font-size:12.5px!important;font-weight:400!important
}
#view-questionnaire .dx-journey-search input::placeholder{color:#000!important;opacity:.64!important}
#view-questionnaire .dx-journey-search svg{position:absolute!important;left:11px!important;top:50%!important;transform:translateY(-50%)!important;width:15px!important;height:15px!important;stroke:#000!important;fill:none!important;stroke-width:2!important;pointer-events:none!important}
#view-questionnaire .dx-journey-count{display:inline-flex!important;align-items:center!important;white-space:nowrap!important;border-radius:18px!important;background:#edf5f8!important;padding:6px 9px!important;color:#000!important;font-size:12.5px!important;font-weight:600!important}

#view-questionnaire .journey-step-content{display:none!important;padding:4px 18px 18px!important;background:#fff!important}
#view-questionnaire .journey-step-content.active{display:block!important;animation:none!important}
#view-questionnaire .journey-section-note{
  display:block!important;margin:0!important;padding:14px 0!important;border:0!important;border-bottom:1px solid var(--dxj-line)!important;
  border-radius:0!important;background:transparent!important;color:#000!important;font-size:12.5px!important;font-weight:400!important;line-height:1.6!important
}
#view-questionnaire .journey-question-list{display:block!important;width:100%!important}
#view-questionnaire .journey-question{
  display:block!important;width:100%!important;margin:0!important;padding:14px 0!important;border:0!important;border-top:1px solid var(--dxj-soft)!important;
  border-radius:0!important;background:#fff!important;box-shadow:none!important
}
#view-questionnaire .journey-question:first-child{border-top:0!important}
#view-questionnaire .journey-question[hidden]{display:none!important}
#view-questionnaire .journey-question-top{display:block!important;width:100%!important}
#view-questionnaire .journey-question-top > div:first-child{display:block!important;width:100%!important}
#view-questionnaire .journey-question-number{display:none!important}
#view-questionnaire .journey-question h4{
  display:block!important;width:100%!important;min-height:0!important;margin:0 0 8px!important;padding:0!important;
  color:#000!important;font-size:12.5px!important;font-weight:600!important;line-height:1.55!important
}
#view-questionnaire .journey-question h4:before{display:none!important}
#view-questionnaire .answer-options{display:flex!important;align-items:center!important;justify-content:flex-start!important;gap:7px!important;flex-wrap:wrap!important;margin:0!important;background:transparent!important;border-radius:0!important;overflow:visible!important}
#view-questionnaire .answer-option{
  display:inline-flex!important;align-items:center!important;justify-content:center!important;min-width:58px!important;width:auto!important;
  padding:7px 11px!important;border:1px solid var(--dxj-line)!important;border-radius:8px!important;background:#fff!important;
  color:#000!important;font-size:12.5px!important;font-weight:500!important;text-align:center!important;box-shadow:none!important
}
#view-questionnaire .answer-option.prompt{display:none!important}
#view-questionnaire .answer-option.selected{border-color:#0a7aa7!important;background:#edf7fa!important;color:#075f82!important;font-weight:600!important}
#view-questionnaire .answer-option.selected.yes{border-color:#9bd5be!important;background:#eaf8f2!important;color:#126f50!important}
#view-questionnaire .answer-option.selected.no{border-color:#efc4c8!important;background:#fff1f2!important;color:#a93242!important}
#view-questionnaire .answer-option.selected.na{border-color:#d5dde4!important;background:#f2f5f7!important;color:#000!important}

/* Observacoes e respostas longas */
#view-questionnaire .answer-details{display:block!important;width:100%!important;margin:0!important;padding:0!important;border:0!important}
#view-questionnaire .answer-observation{
  display:block!important;width:100%!important;margin:9px 0 0!important;padding:9px 10px!important;border:0!important;border-left:3px solid #b9dbe7!important;
  border-radius:0!important;background:#fafcfd!important;box-shadow:none!important
}
#view-questionnaire .answer-observation span{display:block!important;margin:0 0 4px!important;color:#000!important;font-size:12.5px!important;font-weight:600!important;text-transform:none!important;letter-spacing:0!important}
#view-questionnaire .answer-observation p{display:block!important;margin:0!important;padding:0!important;border:0!important;border-radius:0!important;background:transparent!important;color:#000!important;font-size:12.5px!important;font-weight:400!important;line-height:1.6!important}

/* Anexos em lista simples */
#view-questionnaire .attachment-list{
  display:flex!important;align-items:center!important;justify-content:flex-start!important;gap:6px!important;flex-wrap:wrap!important;
  width:100%!important;margin:9px 0 0!important;padding:0!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important
}
#view-questionnaire .attachment-chip,
#view-questionnaire .attachment-validity{
  display:inline-flex!important;align-items:center!important;width:auto!important;max-width:100%!important;margin:0!important;padding:6px 8px!important;
  border:1px solid var(--dxj-line)!important;border-radius:8px!important;background:#fff!important;color:#000!important;
  font-size:12.5px!important;font-weight:500!important;line-height:1.3!important;white-space:normal!important;overflow-wrap:anywhere!important;box-shadow:none!important
}
#view-questionnaire .attachment-chip:before{content:"▧"!important;display:inline!important;width:auto!important;height:auto!important;margin:0 5px 0 0!important;background:transparent!important;color:#0a6c96!important;font-size:13px!important}
#view-questionnaire .attachment-chip.empty{border-style:dashed!important;color:#000!important;background:#fafcfd!important}
#view-questionnaire .attachment-chip.empty:before{display:none!important}
#view-questionnaire .attachment-validity{border-color:#b9d8c8!important;background:#edf9f3!important;color:#176c4e!important;font-weight:600!important}
#view-questionnaire .attachment-validity:before{content:"◷"!important;margin-right:5px!important;font-size:12px!important}
#view-questionnaire .attachment-validity:after{display:none!important}

#view-questionnaire .dx-journey-empty{display:none!important;padding:34px 0!important;text-align:center!important;color:#000!important;font-size:12.5px!important}
#view-questionnaire .dx-journey-empty.show{display:block!important}

/* Rodape */
#view-questionnaire .journey-footer{
  position:sticky!important;bottom:0!important;z-index:5!important;display:flex!important;align-items:center!important;justify-content:space-between!important;
  gap:10px!important;padding:12px 18px!important;border:0!important;border-top:1px solid var(--dxj-line)!important;background:rgba(255,255,255,.98)!important
}
#view-questionnaire .journey-footer-info{color:#000!important;font-size:12.5px!important;font-weight:400!important}
#view-questionnaire .journey-footer-actions{display:flex!important;gap:8px!important}
#view-questionnaire .journey-footer .btn{padding:8px 11px!important;border-radius:9px!important;font-size:12.5px!important;font-weight:600!important}
#view-questionnaire .journey-complete-box{margin:12px 0 0!important;padding:10px!important;border:0!important;border-left:3px solid #2aa678!important;border-radius:0!important;background:#f2faf6!important}
#view-questionnaire .journey-complete-box strong,
#view-questionnaire .journey-complete-box span{color:#000!important;font-size:12.5px!important;line-height:1.5!important}

@media(max-width:1050px){
  #view-questionnaire .journey-layout{grid-template-columns:250px minmax(0,1fr)!important}
  #view-questionnaire .dx-journey-search{width:220px!important}
}
@media(max-width:820px){
  #view-questionnaire{margin:-20px -16px -40px!important;padding:14px 16px 34px!important}
  #view-questionnaire .journey-hero{align-items:flex-start!important;flex-direction:column!important}
  #view-questionnaire .dx-journey-hero-right{width:100%!important;justify-content:flex-start!important}
  #view-questionnaire .journey-layout{grid-template-columns:1fr!important}
  #view-questionnaire .journey-nav-panel{position:static!important;max-height:none!important;border-right:0!important;border-bottom:1px solid var(--dxj-line)!important;border-radius:13px 13px 0 0!important}
  #view-questionnaire .journey-content-panel{border-radius:0 0 13px 13px!important}
  #view-questionnaire .journey-content-header{top:76px!important;align-items:flex-start!important;flex-direction:column!important}
  #view-questionnaire .dx-journey-tools{width:100%!important;justify-content:flex-start!important}
  #view-questionnaire .dx-journey-search{width:100%!important}
}
@media(max-width:560px){
  #view-questionnaire .toolbar-actions{width:100%!important;justify-content:flex-start!important}
  #view-questionnaire .toolbar-actions .btn{flex:1!important;justify-content:center!important}
  #view-questionnaire .journey-footer{align-items:flex-start!important;flex-direction:column!important}
  #view-questionnaire .journey-footer-actions{width:100%!important}
  #view-questionnaire .journey-footer-actions .btn{flex:1!important;justify-content:center!important}
}