/* Base visual compartilhada por Eventos e Cursos & Parcerias durante a operação de vendas. */
.acomp-vendas-produtos{
  margin:8px 0;
  padding:8px 10px;
  border:1px solid var(--line);
  border-radius:10px;
  background:#fff;
}
.acomp-vendas-produtos>small{display:block;margin-bottom:5px;font-weight:700}
.acomp-vendas-produtos-lista{display:grid;gap:4px}
.acomp-vendas-produto{display:flex;gap:7px;align-items:flex-start;line-height:1.3;font-size:12px}
.acomp-vendas-produto b{min-width:24px;flex:0 0 24px}
.acomp-vendas-produto span{min-width:0;overflow-wrap:anywhere}

.acomp-vendas-divisor{
  width:10px;
  min-width:10px;
  cursor:col-resize;
  display:flex;
  align-items:center;
  justify-content:center;
  align-self:stretch;
  border-radius:999px;
  user-select:none;
  touch-action:none;
}
.acomp-vendas-divisor::before{
  content:'';
  width:3px;
  height:44px;
  border-radius:999px;
  background:var(--line);
}
.acomp-vendas-divisor:hover::before,
.acomp-vendas-divisor:focus::before{background:var(--text)}
body.acompanhamento-vendas-redimensionando{cursor:col-resize!important;user-select:none!important}

/* Cursos & Parcerias veste exatamente a estrutura operacional do Acompanhar evento. */
#cursosParcerias .curso-acompanhamento .evento-acompanhamento-split{
  height:auto;
  min-height:0;
  align-items:start;
}
#cursosParcerias .curso-acompanhamento .evento-acompanhamento-coluna{
  align-self:start;
  overflow:visible;
}
#cursosParcerias .curso-acompanhamento .evento-acompanhamento-carrinhos .evento-carrinhos-lista{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(260px,1fr));
  gap:10px;
  align-items:stretch;
}
#cursosParcerias .curso-acompanhamento .evento-carrinho-card{
  min-width:0;
  height:100%;
  display:flex;
  flex-direction:column;
}
#cursosParcerias .curso-acompanhamento .evento-carrinho-card>.btn{margin-top:auto}
#cursosParcerias .curso-participantes-coluna{container:curso-participantes / inline-size}
#cursosParcerias .cp-op-participantes{display:grid;gap:9px}
#cursosParcerias .cp-op-participante{
  border:1px solid var(--line);
  border-radius:14px;
  background:#fff;
  padding:12px;
  box-shadow:0 2px 8px rgba(15,30,60,.04);
}
#cursosParcerias .cp-op-participante-main{
  display:flex;
  justify-content:space-between;
  align-items:flex-start;
  gap:10px;
}
#cursosParcerias .cp-op-participante-main>div{min-width:0}
#cursosParcerias .cp-op-participante-main b{display:block;overflow-wrap:anywhere;color:var(--text)}
#cursosParcerias .cp-op-participante-main small{display:block;color:var(--muted);margin-top:2px}
#cursosParcerias .cp-op-creditos,
#cursosParcerias .cp-op-cart-resumo{
  display:flex;
  gap:6px;
  flex-wrap:wrap;
  margin:8px 0;
  font-size:11px;
  color:var(--muted);
}
#cursosParcerias .cp-op-creditos span,
#cursosParcerias .cp-op-cart-resumo span{
  background:#f5f7fa;
  border-radius:8px;
  padding:5px 7px;
}
#cursosParcerias .cp-op-participante>.btn{width:100%;justify-content:center}
@container curso-participantes (max-width:420px){
  #cursosParcerias .cp-op-participante-main{flex-direction:column}
  #cursosParcerias .cp-op-participante-main .pill{align-self:flex-start}
}
@media(max-width:1180px){
  #cursosParcerias .curso-acompanhamento .evento-acompanhamento-carrinhos .evento-carrinhos-lista{grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}
}
@media(max-width:720px){
  .acomp-vendas-divisor{display:none}
  .acomp-vendas-produto{font-size:12px}
  #cursosParcerias .curso-acompanhamento .evento-acompanhamento-carrinhos .evento-carrinhos-lista{grid-template-columns:1fr}
}


/* Leitura financeira instantânea dos carrinhos de Cursos & Parcerias. */
.curso-financeiro-claro{
  margin-top:12px;
  padding:14px;
  border:1px solid #d8ccff;
  border-radius:16px;
  background:linear-gradient(180deg,#fbf9ff 0%,#fff 100%);
}
.curso-financeiro-titulo{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
  margin-bottom:12px;
}
.curso-financeiro-titulo h4{margin:2px 0 0;font-size:16px}
.curso-total-deve{
  min-width:260px;
  padding:12px 14px;
  border-radius:14px;
  background:#fff7e8;
  border:1px solid #efd39b;
  text-align:right;
}
.curso-total-deve small{
  display:block;
  font-size:10px;
  font-weight:900;
  letter-spacing:.05em;
  color:#7a5410;
}
.curso-total-deve b{
  display:block;
  font-size:25px;
  line-height:1.1;
  margin-top:3px;
  color:#7a3e00;
}
.curso-total-deve span{display:block;margin-top:3px;font-size:11px;color:#7a5410}
.curso-financeiro-etapas{
  display:grid;
  grid-template-columns:minmax(0,1fr) 26px minmax(0,1fr) 26px minmax(0,1fr);
  align-items:stretch;
  gap:8px;
}
.curso-financeiro-bloco{
  padding:12px;
  border:1px solid var(--line);
  border-radius:13px;
  background:#fff;
  min-width:0;
}
.curso-financeiro-bloco>strong{
  display:block;
  font-size:13px;
  margin-bottom:8px;
}
.curso-financeiro-bloco>div:not(.subtotal){
  display:flex;
  justify-content:space-between;
  gap:10px;
  padding:4px 0;
  font-size:12px;
}
.curso-financeiro-bloco .subtotal{
  display:flex;
  justify-content:space-between;
  gap:10px;
  padding:7px 0 3px;
  margin-top:4px;
  border-top:1px dashed var(--line);
  font-size:12px;
}
.curso-financeiro-bloco .subtotal.destaque{
  font-size:13px;
  border-top:2px solid #dccb9a;
}
.curso-financeiro-bloco .ok{color:var(--success)}
.curso-financeiro-bloco .btn,.curso-financeiro-bloco .pill{margin-top:9px}
.curso-financeiro-seta{
  display:flex;
  align-items:center;
  justify-content:center;
  font-size:22px;
  font-weight:900;
  color:var(--muted);
}
.curso-formula{
  margin-top:10px;
  padding:9px 11px;
  border-radius:10px;
  background:#f7faf9;
  border:1px solid var(--line);
  font-size:12px;
  line-height:1.45;
}
.cp-participante-financeiro{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:6px;
  margin-top:9px;
}
.cp-participante-financeiro>div{
  padding:7px 8px;
  border-radius:9px;
  background:#f7f8fa;
  min-width:0;
}
.cp-participante-financeiro small{display:block;color:var(--muted);font-size:9px;font-weight:800;text-transform:uppercase}
.cp-participante-financeiro b{display:block;font-size:12px;margin-top:2px}
.cp-participante-financeiro .pendente{background:#fff7e8;border:1px solid #efd39b}
.cp-participante-acoes{display:flex;gap:6px;flex-wrap:wrap;margin-top:8px}
.cp-participante-acoes .btn{flex:1}
.cp-participante-lista small{display:block;margin-top:3px}

@media(max-width:900px){
  .curso-financeiro-titulo{align-items:stretch;flex-direction:column}
  .curso-total-deve{min-width:0;text-align:left}
  .curso-financeiro-etapas{grid-template-columns:1fr}
  .curso-financeiro-seta{height:18px}
}
@media(max-width:520px){
  .curso-financeiro-claro{padding:10px;border-radius:13px}
  .curso-total-deve b{font-size:22px}
  .cp-participante-financeiro{grid-template-columns:1fr 1fr}
  .cp-participante-financeiro>div:last-child{grid-column:1/-1}
}
