body:has(#enviosView:not(.oculto)) #irEnvios{
  background:#e6f6ed;
  color:#11613f;
}
.envios-view{display:grid;gap:18px}
.envios-grid{display:grid;grid-template-columns:minmax(300px,1fr) minmax(300px,1fr);gap:18px}
.envios-view .dados-card{display:grid;align-content:start;gap:14px}
.envios-view .dados-card h3{margin:0}
.envios-view .dados-card p{margin:0}
.envios-busca,.envios-paginacao,.envios-historico-topo{display:flex;align-items:center;gap:10px}
.envios-busca input{flex:1;min-width:0}
.envios-selecionados{font-size:13px;font-weight:700;color:#11613f}
.envios-clientes{max-height:360px;overflow:auto;border:1px solid var(--borda);border-radius:12px}
.envios-cliente{display:flex;gap:10px;align-items:center;padding:10px 12px;border-bottom:1px solid var(--borda)}
.envios-cliente:last-child{border-bottom:0}
.envios-cliente span{display:grid;gap:2px}
.envios-cliente small{color:var(--cinza)}
.envios-cliente.invalido{opacity:.55}
.envios-paginacao{justify-content:space-between}
.envios-campo{display:grid;gap:6px;font-weight:700;color:var(--texto)}
.envios-campo textarea,.envios-campo input{width:100%;max-width:100%}
.envios-previa{border:1px solid var(--borda);border-radius:12px;background:#f8fbf9;padding:14px;display:grid;gap:10px}
.envios-previa ul{margin:0;padding-left:20px;max-height:180px;overflow:auto}
.envios-previa p{margin:0}
.envios-previa .envios-atencao{color:#ad4c1d;font-weight:700}
.envios-historico-topo{justify-content:space-between}
.envios-campanha{border-top:1px solid var(--borda);padding:12px 0;display:flex;gap:12px;align-items:center;justify-content:space-between}
.envios-campanha div{display:grid;gap:3px}
.envios-campanha small{color:var(--cinza)}
@media(max-width:900px){.envios-grid{grid-template-columns:1fr}}

/* ===== AJUSTE VISUAL EVOLUTION 2026-09-17 ===== */

.envios-grid{
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(0,1fr);
  gap:20px;
  align-items:start;
}

.envios-busca{
  display:grid;
  grid-template-columns:minmax(0,1fr) 100px;
  gap:10px;
  align-items:center;
  margin-top:12px;
}

.envios-busca input{
  width:100%;
  min-width:0;
  height:44px;
  box-sizing:border-box;
}

.envios-busca button{
  width:100%;
  height:44px;
  margin:0;
}

.envios-clientes{
  margin-top:14px;
  max-height:360px;
  overflow-y:auto;
  overflow-x:hidden;
  border:1px solid #dbe7df;
  border-radius:12px;
  background:#fff;
}

.envios-cliente{
  display:grid !important;
  grid-template-columns:24px minmax(0,1fr) !important;
  gap:12px;
  align-items:center;
  width:100%;
  padding:12px 14px;
  margin:0;
  box-sizing:border-box;
  border-bottom:1px solid #e5eee8;
}

.envios-cliente:last-child{
  border-bottom:0;
}

.envios-cliente input[type="checkbox"]{
  appearance:auto;
  -webkit-appearance:checkbox;
  width:18px !important;
  height:18px !important;
  min-width:18px !important;
  max-width:18px !important;
  min-height:18px !important;
  max-height:18px !important;
  padding:0 !important;
  margin:0 !important;
  border-radius:3px !important;
}

.envios-cliente span{
  display:block;
  min-width:0;
}

.envios-cliente strong{
  display:block;
  font-size:14px;
  line-height:1.3;
  overflow-wrap:anywhere;
}

.envios-cliente small{
  display:block;
  margin-top:3px;
  font-size:12px;
  line-height:1.3;
  color:#52705f;
}

.envios-selecionados{
  margin-top:12px;
  min-height:20px;
}

.envios-paginacao{
  display:grid;
  grid-template-columns:100px 1fr 100px;
  align-items:center;
  gap:12px;
  margin-top:14px;
}

.envios-paginacao span{
  text-align:center;
}

.envios-paginacao button{
  width:100%;
  margin:0;
}

#enviosTexto{
  width:100%;
  min-height:150px;
  resize:vertical;
  box-sizing:border-box;
}

#enviosPrever{
  width:100%;
  min-height:44px;
}

@media (max-width:900px){
  .envios-grid{
    grid-template-columns:1fr;
  }

  .envios-busca{
    grid-template-columns:1fr;
  }

  .envios-busca button{
    width:100%;
  }
}


/* evolution-status-v5 */
.envios-status-grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(100px,1fr));
  gap:10px;
  margin:14px 0 8px;
}

.envios-status-box{
  border:1px solid #d7e2dc;
  border-radius:12px;
  padding:12px;
  text-align:center;
  background:#fff;
}

.envios-status-box strong{
  display:block;
  font-size:24px;
  line-height:1;
  margin-bottom:5px;
}

.envios-status-box span{
  font-size:12px;
  font-weight:700;
}

.envios-status-box.enviado{
  background:#eef9f1;
  border-color:#b9dec3;
}

.envios-status-box.pendente{
  background:#fff8e5;
  border-color:#ead590;
}

.envios-status-box.falha{
  background:#fff0f1;
  border-color:#e6b7bc;
}

.envios-status-box.atencao{
  background:#fff5e8;
  border-color:#e8c59a;
}

.envios-status-nota{
  display:block;
  margin-bottom:14px;
  color:#58655e;
}

.envios-problemas-lista{
  display:flex;
  flex-direction:column;
  gap:8px;
  margin-top:10px;
}

.envios-problema-item{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  padding:10px 0;
  border-top:1px solid rgba(0,0,0,.08);
}

.envios-problema-item small{
  display:block;
  margin-top:3px;
}

.envios-erro{
  color:#9f2432;
}

.envios-reenviar{
  width:auto;
  flex:0 0 auto;
}

@media (max-width:760px){
  .envios-status-grid{
    grid-template-columns:repeat(2,1fr);
  }

  .envios-problema-item{
    align-items:flex-start;
    flex-direction:column;
  }
}


/* evolution-geral-v6 */

.envios-resumo-geral{
  margin-bottom:22px;
  padding-bottom:18px;
  border-bottom:1px solid #dce6e0;
}

.envios-resumo-secundario{
  margin:8px 0 6px;
  font-size:13px;
}

.envios-lista-historico{
  display:block;
}


/* evolution-caixas-clicaveis-v8 */

button.envios-status-box{
  appearance:none;
  width:100%;
  font:inherit;
  color:inherit;
  cursor:pointer;
}

button.envios-status-box:not(:disabled):hover{
  filter:brightness(.98);
}

button.envios-status-box.ativo{
  outline:2px solid #173f31;
  outline-offset:2px;
}

button.envios-status-box:disabled{
  cursor:default;
  opacity:.72;
}

.envios-filtro-geral{
  margin-top:16px;
  padding:14px;
  border:1px solid #d8e2dc;
  border-radius:12px;
  background:#fff;
}

.envios-filtro-cabecalho{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  margin-bottom:10px;
}

.envios-filtro-lista{
  display:flex;
  flex-direction:column;
}

.envios-filtro-item{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
  padding:12px 0;
  border-top:1px solid #e2e9e5;
}

.envios-filtro-item:first-child{
  border-top:0;
}

.envios-filtro-dados{
  min-width:0;
}

.envios-filtro-dados strong,
.envios-filtro-dados small{
  display:block;
}

.envios-filtro-dados small{
  margin-top:3px;
}

@media(max-width:760px){
  .envios-filtro-item{
    align-items:flex-start;
    flex-direction:column;
  }
}

/* evolution-caixas-layout-v9 */

button.envios-status-box{
  display:flex !important;
  flex-direction:column !important;
  align-items:center !important;
  justify-content:center !important;

  min-height:76px !important;
  height:auto !important;

  padding:12px 10px !important;
  margin:0 !important;

  line-height:1.2 !important;
  white-space:normal !important;
  overflow:visible !important;
}

button.envios-status-box strong{
  display:block !important;
  margin:0 0 6px 0 !important;

  font-size:24px !important;
  line-height:1 !important;
}

button.envios-status-box span{
  display:block !important;
  position:static !important;

  margin:0 !important;
  padding:0 !important;

  font-size:12px !important;
  line-height:1.25 !important;
}

.envios-status-grid{
  align-items:stretch !important;
  margin-bottom:12px !important;
}

.envios-status-nota{
  display:block !important;
  clear:both !important;
  margin:8px 0 14px !important;
  line-height:1.4 !important;
}

/* evolution-previa-visual-v10 */

label.envios-campo:has(#enviosAutorizacao){
  display:grid;
  grid-template-columns:20px minmax(0,1fr);
  align-items:start;
  gap:10px;
  line-height:1.4;
}

#enviosAutorizacao{
  appearance:auto !important;
  -webkit-appearance:checkbox !important;
  width:18px !important;
  height:18px !important;
  min-width:18px !important;
  max-width:18px !important;
  min-height:18px !important;
  max-height:18px !important;
  padding:0 !important;
  margin:1px 0 0 !important;
  border-radius:3px !important;
}

.envios-previa-visual{
  overflow:hidden;
  border:1px solid #d7e2dc;
  border-radius:14px;
  background:#fff;
}

.envios-previa-topo{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  padding:10px 13px;
  background:#f5f8f6;
  border-bottom:1px solid #dfe7e2;
}

.envios-previa-topo span{
  font-size:13px;
  font-weight:800;
  color:#173f31;
}

.envios-previa-topo small{
  color:#63736a;
}

.envios-previa-conversa{
  min-height:150px;
  padding:18px;
  display:flex;
  flex-direction:column;
  align-items:flex-end;
  justify-content:flex-end;
  gap:9px;
  background-color:#efeae2;
  background-image:
    radial-gradient(circle at 20% 30%,rgba(70,100,85,.07) 0 2px,transparent 3px),
    radial-gradient(circle at 75% 65%,rgba(70,100,85,.05) 0 2px,transparent 3px);
  background-size:36px 36px,44px 44px;
}

.envios-previa-balao{
  position:relative;
  width:min(420px,92%);
  padding:7px 8px 6px;
  border-radius:12px 12px 3px 12px;
  background:#d9fdd3;
  box-shadow:0 1px 2px rgba(0,0,0,.14);
}

.envios-previa-balao-texto{
  width:auto;
  min-width:110px;
  max-width:min(420px,92%);
}

.envios-previa-balao-midia{
  margin-top:1px;
}

.envios-previa-balao::after{
  content:"";
  position:absolute;
  right:-7px;
  bottom:0;
  border-left:8px solid #d9fdd3;
  border-top:8px solid transparent;
}

.envios-previa-arquivo{
  display:block;
  width:100%;
  max-height:320px;
  object-fit:contain;
  border-radius:8px;
  background:#18231f;
}

.envios-previa-anexo{
  display:flex;
  align-items:center;
  gap:10px;
  padding:10px;
  margin-bottom:6px;
  border-radius:8px;
  background:rgba(255,255,255,.55);
}

.envios-previa-anexo span{
  font-size:24px;
  color:#1b7654;
}

.envios-previa-anexo div,
.envios-previa-anexo strong,
.envios-previa-anexo small{
  display:block;
  min-width:0;
}

.envios-previa-anexo strong{
  overflow-wrap:anywhere;
}

.envios-previa-texto{
  padding:6px 5px 2px;
  color:#17231f;
  font-size:14px;
  line-height:1.45;
  overflow-wrap:anywhere;
  white-space:normal;
}

.envios-previa-balao time{
  display:block;
  margin:3px 3px 0;
  text-align:right;
  color:#60736a;
  font-size:10px;
}

@media(max-width:600px){
  .envios-previa-topo{
    align-items:flex-start;
    flex-direction:column;
    gap:2px;
  }

  .envios-previa-conversa{
    padding:12px;
  }

  .envios-previa-balao{
    width:96%;
  }
}
