/* FRETE+PRO 3.9.6 - organização do bloco ANTT e revisao final do destino */

body.perfil-representante .solicitacao-entregas-extras-section .delivery-title{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto!important;
  align-items:start!important;
  gap:12px!important;
}
body.perfil-representante .solicitacao-entregas-extras-section .delivery-title h3{
  margin:0 0 6px!important;
  font-size:20px!important;
  color:#1f2937!important;
}
body.perfil-representante .solicitacao-entregas-extras-section .delivery-title p,
body.perfil-representante .solicitacao-entregas-extras-section .cliente-status{
  color:#667085!important;
  line-height:1.55!important;
}
body.perfil-representante .btn-add-delivery,
body.perfil-representante #btnAdicionarEntregaSolicitacao{
  background:#53673f!important;
  color:#fff!important;
  border:1px solid #53673f!important;
  border-radius:12px!important;
  padding:12px 16px!important;
  min-height:46px!important;
  box-shadow:none!important;
}
body.perfil-representante .btn-add-delivery:hover,
body.perfil-representante #btnAdicionarEntregaSolicitacao:hover{background:#475838!important;border-color:#475838!important}

body.perfil-representante .rep-antt-card{
  border:1px solid #ddd6c6!important;
  border-radius:16px!important;
  background:#fff!important;
  box-shadow:0 8px 24px rgba(60,52,33,.06)!important;
}
body.perfil-representante .rep-antt-head{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto!important;
  align-items:start!important;
  gap:14px!important;
  margin-bottom:18px!important;
}
body.perfil-representante .rep-antt-head h2{
  margin:4px 0 6px!important;
  font-size:24px!important;
  line-height:1.15!important;
  color:#1f2937!important;
}
body.perfil-representante .rep-antt-head p{
  margin:0!important;
  color:#5f6b5a!important;
  line-height:1.55!important;
}
body.perfil-representante .rep-antt-kicker{
  color:#7c6a3a!important;
  letter-spacing:.08em!important;
}
body.perfil-representante .rep-antt-badge{
  align-self:start!important;
  background:#f2f0e8!important;
  color:#53673f!important;
  border:1px solid #ddd6c6!important;
  padding:8px 12px!important;
}
body.perfil-representante .rep-antt-grid.rep-antt-grid-solicitacao{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto!important;
  gap:14px!important;
  align-items:end!important;
}
body.perfil-representante .rep-antt-grid.rep-antt-grid-solicitacao > label{
  min-width:0!important;
  display:flex!important;
  flex-direction:column!important;
  gap:8px!important;
  font-size:14px!important;
  color:#4d5a47!important;
}
body.perfil-representante .rep-antt-grid.rep-antt-grid-solicitacao > label > select{
  width:100%!important;
}
body.perfil-representante .rep-antt-tipo-veiculo{
  display:grid!important;
  gap:4px!important;
  padding:12px 14px!important;
  border:1px solid #e7e1d2!important;
  border-radius:12px!important;
  background:#f8f6ef!important;
}
body.perfil-representante .rep-antt-tipo-veiculo strong{
  color:#4d5a47!important;
}
body.perfil-representante .rep-antt-tipo-veiculo span{
  color:#667085!important;
  font-size:13px!important;
}
body.perfil-representante .rep-antt-btn{
  min-width:210px!important;
  min-height:48px!important;
  padding:0 18px!important;
  border-radius:12px!important;
  background:#53673f!important;
  border-color:#53673f!important;
  box-shadow:none!important;
}
body.perfil-representante .rep-antt-btn:hover{background:#475838!important;border-color:#475838!important}
body.perfil-representante .rep-antt-resultado{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:12px!important;
}
body.perfil-representante .rep-antt-resultado > div{
  min-width:0!important;
  padding:14px 16px!important;
  border-radius:12px!important;
  background:#fbfaf6!important;
  border:1px solid #e7e1d2!important;
}
body.perfil-representante .rep-antt-resultado small{
  display:block!important;
  margin-bottom:6px!important;
  color:#667085!important;
  font-size:12px!important;
  font-weight:700!important;
}
body.perfil-representante .rep-antt-resultado strong,
body.perfil-representante .rep-antt-resultado span{
  display:block!important;
  color:#1f2937!important;
  word-break:break-word!important;
}
body.perfil-representante .rep-antt-valor{font-size:26px!important;line-height:1.1!important}
body.perfil-representante .rep-antt-detalhe{grid-column:1 / -1!important}
body.perfil-representante .rep-antt-alerta{
  background:#fff7e6!important;
  border:1px solid #f1d08b!important;
  color:#7a5b1d!important;
  line-height:1.6!important;
}
body.perfil-representante .rep-antt-alerta strong,
body.perfil-representante .rep-antt-alerta span{color:#7a5b1d!important}

body.perfil-representante .rep-destino-alerta{
  margin:18px 0!important;
  padding:16px!important;
  border:1px solid #e6c16d!important;
  border-radius:14px!important;
  background:#fff7e8!important;
}
body.perfil-representante .rep-destino-alerta label{
  display:flex!important;
  align-items:flex-start!important;
  gap:12px!important;
  cursor:pointer!important;
  font-weight:700!important;
  color:#6b4f12!important;
  line-height:1.55!important;
}
body.perfil-representante .rep-destino-alerta input[type="checkbox"]{
  width:18px!important;
  height:18px!important;
  min-height:18px!important;
  margin-top:2px!important;
  accent-color:#53673f!important;
  flex:0 0 auto!important;
}
body.perfil-representante .rep-destino-alerta span{display:block!important}

@media (max-width: 720px){
  body.perfil-representante .solicitacao-entregas-extras-section .delivery-title,
  body.perfil-representante .rep-antt-head,
  body.perfil-representante .rep-antt-grid.rep-antt-grid-solicitacao,
  body.perfil-representante .rep-antt-resultado{
    grid-template-columns:1fr!important;
  }
  body.perfil-representante .rep-antt-card{padding:16px!important}
  body.perfil-representante .rep-antt-head h2{font-size:22px!important}
  body.perfil-representante .rep-antt-badge{justify-self:start!important}
  body.perfil-representante .rep-antt-btn,
  body.perfil-representante .btn-add-delivery,
  body.perfil-representante #btnAdicionarEntregaSolicitacao{
    width:100%!important;
    min-width:0!important;
  }
  body.perfil-representante .rep-destino-alerta{padding:14px!important;border-radius:12px!important}
  body.perfil-representante .rep-destino-alerta label{gap:10px!important;font-size:14px!important}
}
