/* Central de envios (prévia do gestor): mesmos cartões, abas, filtros, tabelas e selos da CooperBedin. */
#cooperBedinView .cb-ce { min-width: 0; }
#cooperBedinView .cb-ce-aviso { background: var(--st-atencao-bg); border: 1px solid #f3dca4; border-radius: 10px; color: var(--st-atencao-tx); font-size: 13px; line-height: 1.5; margin: 0 0 12px; padding: 10px 14px; }
#cooperBedinView .cb-ce-barra { align-items: center; display: flex; flex-wrap: wrap; gap: 12px; justify-content: space-between; margin: 0 0 14px; }
#cooperBedinView .cb-ce-barra .cb-ce-nota { margin: 0; }
#cooperBedinView .cb-ce-filtros, #cooperBedinView .cb-ce-acoes { align-items: center; display: flex; flex-wrap: wrap; gap: 8px; }
#cooperBedinView .cb-ce-acoes .cb-btn--primary { align-items: center; display: inline-flex; gap: 6px; }
#cooperBedinView .cb-ce-nota { color: var(--cb-muted); font-size: 0.82rem; line-height: 1.5; margin: 12px 0 0; }
#cooperBedinView .cb-ce .cb-table-wrap { overflow-x: auto; }
#cooperBedinView .cb-ce-tabela { min-width: 720px; width: 100%; }
#cooperBedinView .cb-ce-tabela td { vertical-align: top; }
#cooperBedinView .cb-ce-tabela small { color: var(--cb-muted); display: block; margin-top: 3px; overflow-wrap: anywhere; }
#cooperBedinView .cb-ce-canal { border-radius: 999px; display: inline-block; font-size: 0.72rem; font-weight: 700; margin: 0 4px 4px 0; padding: 2px 9px; white-space: nowrap; }
#cooperBedinView .cb-ce-canal--email { background: var(--st-info-bg); color: var(--st-info-tx); }
#cooperBedinView .cb-ce-canal--whatsapp { background: var(--st-ok-bg); color: var(--st-ok-tx); }
#cooperBedinView .cb-ce-vazio { color: var(--cb-muted); font-size: 0.8rem; }
#cooperBedinView .cb-ce-vazio-bloco { background: var(--cb-surface); border: 1px dashed var(--kit-borda-forte); border-radius: 12px; color: var(--cb-muted); margin: 0; padding: 28px 20px; text-align: center; }
#cooperBedinView .cb-ce-confirmar { border: 2px solid var(--kit-grafite); margin: 0 0 16px; }
#cooperBedinView .cb-ce-corpo { padding: 0 20px 18px; }
#cooperBedinView .cb-ce-corpo > p:first-child { margin-top: 0; }
#cooperBedinView .cb-ce-confirmar .cb-ce-acoes { margin-top: 14px; }
#cooperBedinView .cb-ce-previa .cb-card__head { align-items: center; display: flex; gap: 12px; justify-content: space-between; }
#cooperBedinView .cb-ce-modelos { display: grid; gap: 16px; grid-template-columns: minmax(200px, 260px) minmax(0, 1fr); }
#cooperBedinView .cb-ce-lista { display: flex; flex-direction: column; gap: 8px; }
#cooperBedinView .cb-ce-modelo { background: var(--cb-surface); border: 1px solid var(--cb-line); border-radius: 10px; color: var(--cb-text); cursor: pointer; font: inherit; padding: 10px 12px; text-align: left; }
#cooperBedinView .cb-ce-modelo strong { display: block; font-size: 0.86rem; }
#cooperBedinView .cb-ce-modelo small { color: var(--cb-muted); }
#cooperBedinView .cb-ce-modelo:hover { border-color: var(--cb-ink); }
#cooperBedinView .cb-ce-modelo.is-ativo { border-color: var(--kit-grafite); box-shadow: inset 3px 0 0 var(--kit-grafite); }
#cooperBedinView .cb-ce-assunto { margin: 0 0 10px; }
#cooperBedinView .cb-ce-msg { background: var(--st-neutro-bg); border-radius: 10px; line-height: 1.55; overflow-wrap: anywhere; padding: 14px 16px; }
#cooperBedinView .cb-ce-msg--whatsapp { background: #e7f7ee; border-radius: 12px 12px 12px 2px; max-width: 460px; }
@media (max-width: 800px) {
  #cooperBedinView .cb-ce-modelos { grid-template-columns: minmax(0, 1fr); }
  #cooperBedinView .cb-ce-barra { align-items: stretch; flex-direction: column; }
}

/* Oficina de mensagens e preparação do lote: usa o kit, com hierarquia própria para a rotina. */
#cooperBedinView .cb-ce *, #cooperBedinView .cb-ce *::before, #cooperBedinView .cb-ce *::after { box-sizing: border-box; }
#cooperBedinView .cb-ce-head { align-items: center; gap: 16px; }
#cooperBedinView .cb-ce-modo { background: var(--cb-surface); border: 1px solid var(--cb-line); border-radius: 999px; color: var(--cb-muted); flex: none; font-size: 0.76rem; font-weight: 700; padding: 7px 12px; }
#cooperBedinView .cb-ce-aviso { align-items: center; background: var(--cb-surface); border-color: var(--cb-line); color: var(--cb-text); display: flex; gap: 12px; margin-bottom: 20px; }
#cooperBedinView .cb-ce-aviso > span { align-items: center; background: var(--st-info-bg); border-radius: 10px; color: var(--st-info-tx); display: flex; flex: 0 0 36px; height: 36px; justify-content: center; }
#cooperBedinView .cb-ce-aviso svg { height: 20px; width: 20px; }
#cooperBedinView .cb-ce-aviso > div:first-of-type { flex: 1; }
#cooperBedinView .cb-ce-conexoes { display: flex; flex: none; flex-wrap: wrap; gap: 6px; }
#cooperBedinView .cb-ce-conexoes span { background: var(--cb-bg); border-radius: 999px; color: var(--cb-muted); font-size: 11px; padding: 5px 8px; white-space: nowrap; }
#cooperBedinView .cb-ce-indicadores { display: grid; gap: 12px; grid-template-columns: repeat(4,minmax(0,1fr)); margin: 0 0 20px; }
#cooperBedinView .cb-ce-indicador { align-items: flex-start; background: var(--cb-surface); border: 1px solid var(--cb-line); border-radius: 14px; color: var(--cb-text); cursor: pointer; display: flex; font: inherit; gap: 12px; padding: 18px; text-align: left; }
#cooperBedinView .cb-ce-indicador:hover { border-color: var(--cb-muted); }
#cooperBedinView .cb-ce-indicador.is-ativo { border-color: var(--cb-ink); box-shadow: inset 0 -2px var(--cb-ink); }
#cooperBedinView .cb-ce-indicador > span:last-child { display: flex; flex-direction: column; min-width: 0; }
#cooperBedinView .cb-ce-indicador small { color: var(--cb-muted); font-size: 12px; font-weight: 600; }
#cooperBedinView .cb-ce-indicador strong { font-size: 27px; line-height: 1.4; }
#cooperBedinView .cb-ce-indicador > span > span { color: var(--cb-muted); font-size: 11px; }
#cooperBedinView .cb-ce-indicador__icone { align-items: center; background: var(--cb-bg); border-radius: 10px; color: var(--cb-muted); display: flex; flex: 0 0 34px; height: 34px; justify-content: center; }
#cooperBedinView .cb-ce-indicador__icone svg { height: 19px; width: 19px; }
#cooperBedinView .cb-ce-indicador__icone--email { background: var(--st-info-bg); color: var(--st-info-tx); }
#cooperBedinView .cb-ce-indicador__icone--whatsapp { background: var(--st-ok-bg); color: var(--st-ok-tx); }
#cooperBedinView .cb-ce-indicador__icone--atencao { background: var(--st-atencao-bg); color: var(--st-atencao-tx); }
#cooperBedinView .cb-ce-secao-head { align-items: flex-start; display: flex; flex-wrap: wrap; gap: 12px; justify-content: space-between; margin-bottom: 18px; }
#cooperBedinView .cb-ce-secao-head h3 { color: var(--cb-ink); font-size: 17px; margin: 2px 0 0; }
#cooperBedinView .cb-ce-secao-head small, #cooperBedinView .cb-ce-legenda { color: var(--cb-muted); display: block; font-size: 10px; font-weight: 700; letter-spacing: 0.06em; margin-bottom: 5px; }
#cooperBedinView .cb-ce-secao-head .cb-ce-nota { margin-top: 5px; }
#cooperBedinView .cb-ce-filtros { align-items: end; background: var(--cb-surface); border: 1px solid var(--cb-line); border-radius: 12px; display: grid; gap: 12px; grid-template-columns: minmax(200px,1fr) minmax(160px,220px) minmax(150px,200px); margin-bottom: 14px; padding: 14px; }
#cooperBedinView .cb-ce-filtros label, #cooperBedinView .cb-ce-campo { color: var(--cb-muted); display: flex; flex-direction: column; font-size: 12px; font-weight: 600; gap: 6px; min-width: 0; }
#cooperBedinView .cb-ce :is(.cb-ce-filtros,.cb-ce-campo) .cb-input { background: white; border: 1px solid var(--cb-line); border-radius: 8px; color: var(--cb-text); font: inherit; font-size: 13px; min-height: 38px; min-width: 0; padding: 9px 10px; width: 100%; }
#cooperBedinView .cb-ce .cb-input:focus { border-color: var(--st-info); outline: 2px solid var(--st-info-bg); outline-offset: 1px; }
#cooperBedinView .cb-ce .cb-btn { white-space: normal; }
#cooperBedinView .cb-ce-link { background: none; border: 0; color: var(--st-info-tx); cursor: pointer; font: inherit; font-weight: 700; padding: 4px 0; text-align: left; text-decoration: underline; text-underline-offset: 3px; }
#cooperBedinView .cb-ce-tabela th:first-child { width: 60px; }
#cooperBedinView .cb-ce-tabela :is(th,td) { padding: 12px; }
#cooperBedinView .cb-ce-tabela input[type=checkbox] { accent-color: var(--kit-grafite); height: 17px; width: 17px; }
#cooperBedinView .cb-ce-tabela td:nth-child(3) { max-width: 320px; }
#cooperBedinView .cb-ce-paginacao { align-items: center; color: var(--cb-muted); display: flex; flex-wrap: wrap; font-size: 12px; gap: 12px; justify-content: space-between; margin-top: 14px; }
#cooperBedinView .cb-ce-paginacao > div { align-items: center; display: flex; gap: 10px; }
#cooperBedinView .cb-ce-detalhe { border-left: 3px solid var(--st-info); margin-bottom: 16px; overflow-wrap: anywhere; padding: 20px; }
#cooperBedinView .cb-ce-detalhe-grid { display: grid; gap: 24px; grid-template-columns: minmax(0,1fr) minmax(0,2fr); }
#cooperBedinView .cb-ce-detalhe-grid p { font-size: 13px; line-height: 1.5; }
#cooperBedinView .cb-ce-progresso { accent-color: var(--cb-ink); height: 5px; margin: 0 0 16px; width: 100%; }
#cooperBedinView .cb-ce-lote { display: grid; gap: 12px; margin-top: 16px; }
#cooperBedinView .cb-ce-limites { margin-bottom: 16px; padding: 20px; }
#cooperBedinView .cb-ce-limites-grid { display: grid; gap: 20px; grid-template-columns: repeat(3,minmax(0,1fr)); margin-bottom: 12px; }
#cooperBedinView .cb-ce-limites-grid strong { display: block; font-size: 20px; }
#cooperBedinView .cb-ce-limites-grid .cb-ce-progresso { margin: 8px 0 0; }
#cooperBedinView .cb-ce-limites ul { margin: 12px 0 0; padding-left: 18px; }
#cooperBedinView .cb-ce-lote article { border: 1px solid var(--cb-line); border-radius: 10px; padding: 14px; }
#cooperBedinView .cb-ce-lote header { display: flex; flex-wrap: wrap; font-size: 13px; gap: 8px; justify-content: space-between; margin-bottom: 10px; }
#cooperBedinView .cb-ce-lote header span { color: var(--cb-muted); }
#cooperBedinView .cb-ce-lote details { border-top: 1px solid var(--cb-line); font-size: 13px; padding: 10px 0; }
#cooperBedinView .cb-ce-lote summary { cursor: pointer; overflow-wrap: anywhere; }
#cooperBedinView .cb-ce-modelos { grid-template-columns: 210px minmax(0,1fr); }
#cooperBedinView .cb-ce-oficina { align-items: start; display: grid; gap: 16px; grid-template-columns: minmax(0,1.1fr) minmax(0,1fr); }
#cooperBedinView .cb-ce-editor, #cooperBedinView .cb-ce-previa { margin: 0; min-width: 0; padding: 20px; }
#cooperBedinView .cb-ce-campo { margin-bottom: 16px; }
#cooperBedinView .cb-ce-campo textarea { line-height: 1.65; resize: vertical; }
#cooperBedinView .cb-ce-variaveis { align-items: center; display: flex; flex-wrap: wrap; gap: 6px; }
#cooperBedinView .cb-ce-variaveis > span { color: var(--cb-muted); font-size: 11px; width: 100%; }
#cooperBedinView .cb-ce-variaveis button { background: var(--cb-bg); border: 1px solid var(--cb-line); border-radius: 6px; color: var(--cb-text); cursor: pointer; font-size: 11px; padding: 6px 8px; }
#cooperBedinView .cb-ce-variaveis button:hover { background: var(--st-info-bg); }
#cooperBedinView .cb-ce-editor-status { color: var(--cb-muted); font-size: 12px; line-height: 1.5; margin: 14px 0; overflow-wrap: anywhere; }
#cooperBedinView .cb-ce-validacao { color: var(--cb-aten); }
#cooperBedinView .cb-ce-restaurar { background: var(--st-atencao-bg); border-radius: 10px; font-size: 13px; margin-top: 14px; padding: 14px; }
#cooperBedinView .cb-ce-restaurar button { margin: 4px 4px 0 0; }
#cooperBedinView .cb-ce-conteudo-previa .cb-ce-nota { margin: 0 0 12px; }
#cooperBedinView .cb-ce-mensagem-preview { border: 1px solid var(--cb-line); border-radius: 12px; overflow: hidden; }
#cooperBedinView .cb-ce-remetente { align-items: center; background: var(--cb-bg); border-bottom: 1px solid var(--cb-line); display: flex; font-size: 13px; gap: 10px; padding: 14px; }
#cooperBedinView .cb-ce-remetente > svg { color: var(--cb-red); flex: none; height: 24px; width: 24px; }
#cooperBedinView .cb-ce-remetente span { min-width: 0; overflow-wrap: anywhere; }
#cooperBedinView .cb-ce-remetente small { color: var(--cb-muted); display: block; font-size: 11px; margin-top: 3px; }
#cooperBedinView .cb-ce-mensagem-preview .cb-ce-assunto { border-bottom: 1px solid var(--cb-line); font-size: 13px; margin: 0; overflow-wrap: anywhere; padding: 14px; }
#cooperBedinView .cb-ce-mensagem-preview .cb-ce-msg { background: white; border-radius: 0; font-size: 14px; }
#cooperBedinView .cb-ce-mensagem-preview--whatsapp { background: var(--cb-bg); padding-bottom: 16px; }
#cooperBedinView .cb-ce-mensagem-preview--whatsapp .cb-ce-msg { background: #e7f7ee; border-radius: 12px 12px 12px 2px; margin: 16px 14px 0; }
#cooperBedinView .cb-ce-estado-vazio { align-items: center; background: var(--cb-surface); border: 1px solid var(--cb-line); border-radius: 16px; display: flex; flex-direction: column; gap: 14px; padding: 44px 24px; text-align: center; }
#cooperBedinView .cb-ce-estado-vazio h3 { color: var(--cb-ink); font-size: 22px; margin: 0; }
#cooperBedinView .cb-ce-estado-vazio p { color: var(--cb-muted); font-size: 14px; line-height: 1.6; margin: 0; max-width: 580px; }
#cooperBedinView .cb-ce-estado-icone { align-items: center; background: var(--cb-bg); border-radius: 16px; color: var(--cb-muted); display: flex; height: 64px; justify-content: center; width: 64px; }
#cooperBedinView .cb-ce-estado-icone svg { height: 30px; width: 30px; }
#cooperBedinView .cb-ce-marcos { display: flex; flex-wrap: wrap; gap: 8px; justify-content: center; margin: 8px 0; }
#cooperBedinView .cb-ce-marcos span { border: 1px solid var(--cb-line); border-radius: 8px; color: var(--cb-muted); font-size: 12px; padding: 9px 12px; }
@media (max-width: 1180px) {
  #cooperBedinView .cb-ce-aviso { flex-wrap: wrap; }
  #cooperBedinView .cb-ce-conexoes { width: 100%; }
  #cooperBedinView .cb-ce-modelos { grid-template-columns: minmax(0,1fr); }
  #cooperBedinView .cb-ce-lista { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); }
}
@media (max-width: 900px) {
  #cooperBedinView .cb-ce-oficina { grid-template-columns: minmax(0,1fr); }
  #cooperBedinView .cb-ce-indicadores { grid-template-columns: repeat(2,minmax(0,1fr)); }
  #cooperBedinView .cb-ce-filtros { grid-template-columns: minmax(0,1fr) minmax(0,1fr); }
  #cooperBedinView .cb-ce-busca { grid-column: 1 / -1; }
}
@media (max-width: 540px) {
  #cooperBedinView .cb-ce-lista, #cooperBedinView .cb-ce-detalhe-grid, #cooperBedinView .cb-ce-limites-grid { grid-template-columns: minmax(0,1fr); }
  #cooperBedinView .cb-ce-indicador { gap: 8px; padding: 12px; }
  #cooperBedinView .cb-ce-indicador__icone { display: none; }
  #cooperBedinView .cb-ce :is(.cb-ce-editor,.cb-ce-previa,.cb-ce-detalhe) { padding: 16px; }
  #cooperBedinView .cb-ce .cb-ce-filtros .cb-input { font-size: 16px; }
  #cooperBedinView .cb-ce-estado-vazio { padding: 30px 18px; }
}
