/* Meu Dia: ações compactas e consistentes com o padrão BRAXIS ONE. */
#ctDetalheModal .ct-detalhe-acoes { gap: 6px; align-items: center; }
#ctDetalheModal .ct-detalhe-acoes button,
#ctDetalheModal .ct-mon-actions-menu button { min-height: 32px; border-radius: 8px; font-size: 11px; }
#ctDetalheModal .ct-mon-actions-menu button[hidden] { display: none !important; }
#ctDetalheModal[data-meu-dia-status="consulta"] .ct-detalhe-acoes button { display: none !important; }
#ctDetalheModal[data-meu-dia-status="consulta"] .ct-detalhe-acoes #ctDetFechar { display: inline-flex !important; }
#ctViewPendencias .ct-acoes,
#ctViewPendencias .ct-monitor-problem-actions { display: flex; align-items: center; justify-content: flex-end; gap: 6px; }
#ctViewPendencias .ct-acoes button,
#ctViewPendencias .ct-monitor-problem-actions button { min-height: 30px; padding: 0 10px; }
#ctDetalheModal .ct-detalhe-acoes .danger,
#ctDetalheModal .ct-detalhe-acoes #ctCancelarTarefa { order: 99; }

/* Visão Geral: topo estável e listas extensas contidas no próprio card. */
#ctViewMeuDia { display: flex; flex-direction: column; min-height: 0; overflow: hidden; }

#ctViewMeuDia > .ct-dia-superior { flex: 0 0 auto; min-width: 0; }
#ctViewMeuDia > .ct-dia-conteudo { flex: 1 1 auto; min-height: 0; overflow: auto; overflow-x: hidden; padding-right: 2px; }
#ctViewMeuDia > .ct-dia-conteudo > .ct-dia-grid-responsabilidades { padding-bottom: 12px; }

#ctViewMeuDia > .ct-dia-conteudo > .ct-dia-grid-responsabilidades { min-height: 0; align-items: start; }

#ctViewMeuDia > .ct-dia-conteudo > .ct-dia-grid-responsabilidades > .ct-dia-bloco {
  min-width: 0;
  min-height: 0;
  height: auto;
  display: flex;
  flex-direction: column;
}

#ctViewMeuDia > .ct-dia-conteudo > .ct-dia-grid-responsabilidades > .ct-dia-bloco > .ct-dia-titulo {
  flex: 0 0 auto;
}

#ctViewMeuDia > .ct-dia-conteudo > .ct-dia-grid-responsabilidades > .ct-dia-bloco > .ct-dia-lista {
  min-height: 0;
  max-height: min(288px, 30vh);
  overflow-y: auto;
  overflow-x: hidden;
  overscroll-behavior: contain;
}

#ctViewMeuDia > .ct-dia-conteudo > .ct-dia-grid-responsabilidades > .ct-dia-bloco.v36-empty > .ct-dia-lista {
  max-height: none;
  overflow: visible;
}

@media (max-width: 1050px) {
  #ctViewMeuDia > .ct-dia-conteudo > .ct-dia-grid-responsabilidades > .ct-dia-bloco > .ct-dia-lista {
    max-height: min(288px, 34vh);
  }
}

/* Pendências: o card Próximas permanece amplo; somente seus registros usam duas colunas. */
#tabCentralTrabalho #ctViewPendencias #ctPendenciasCards > .v36-pend-group.proximas .v36-pend-list {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  column-gap: 8px;
  overflow-x: hidden !important;
  overflow-y: auto !important;
  max-height: 288px;
  overscroll-behavior: contain;
}

#tabCentralTrabalho #ctViewPendencias #ctPendenciasCards > .v36-pend-group.proximas .v36-pend-item {
  min-width: 0;
}

#tabCentralTrabalho #ctViewPendencias #ctPendenciasCards > .v36-pend-group.proximas .v36-empty {
  grid-column: 1 / -1;
}

@media (max-width: 1050px) {
  #tabCentralTrabalho #ctViewPendencias #ctPendenciasCards > .v36-pend-group.proximas .v36-pend-list {
    grid-template-columns: 1fr;
  }
}


/* Visão Geral v3.4.66: distribuição equilibrada e hierarquia dos sete indicadores. */
#ctViewMeuDia > .ct-dia-superior > #ctMeuDiaResumo.ct-dia-resumo {
  grid-template-columns: repeat(7, minmax(0, 1fr)) !important;
  gap: 6px !important;
}

#ctViewMeuDia > .ct-dia-superior > #ctMeuDiaResumo .ct-dia-card {
  min-width: 0;
  min-height: 58px !important;
  padding: 7px 8px !important;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

#ctViewMeuDia > .ct-dia-superior > #ctMeuDiaResumo .ct-dia-card span {
  min-width: 0;
  min-height: 2.25em;
  line-height: 1.12;
  white-space: normal;
}

/* Hierarquia visual: destaque contido nos estados de atenção, sem alterar dimensões. */
#ctViewMeuDia > .ct-dia-superior > #ctMeuDiaResumo .ct-dia-card {
  border-color: #d7e4ed;
  box-shadow: none;
}

#ctViewMeuDia > .ct-dia-superior > #ctMeuDiaResumo .ct-dia-card strong {
  font-weight: 850;
  color: #17344c;
}

#ctViewMeuDia > .ct-dia-superior > #ctMeuDiaResumo .ct-dia-card[data-v36-open="atencao"] {
  background: #fffaf0;
  border-color: #ecd9ad;
  box-shadow: inset 3px 0 #d69a2b;
}

#ctViewMeuDia > .ct-dia-superior > #ctMeuDiaResumo .ct-dia-card[data-v36-open="atencao"] strong {
  color: #805a17;
}

#ctViewMeuDia > .ct-dia-superior > #ctMeuDiaResumo .ct-dia-card[data-v36-open="atrasadas"] {
  background: #fff7f6;
  border-color: #edcfcb;
  box-shadow: inset 3px 0 #c9625b;
}

#ctViewMeuDia > .ct-dia-superior > #ctMeuDiaResumo .ct-dia-card[data-v36-open="atrasadas"] strong {
  color: #9b3932;
}

#ctViewMeuDia > .ct-dia-superior > #ctMeuDiaResumo .ct-dia-card[data-v36-open="hoje"] {
  background: #fffdf3;
  border-color: #e9dfb5;
  box-shadow: inset 3px 0 #d7b64e;
}

#ctViewMeuDia > .ct-dia-superior > #ctMeuDiaResumo .ct-dia-card[data-v36-open="hoje"] strong {
  color: #816b1d;
}

#ctViewMeuDia > .ct-dia-superior > #ctMeuDiaResumo .ct-dia-card[data-v36-open="acompanhando"],
#ctViewMeuDia > .ct-dia-superior > #ctMeuDiaResumo .ct-dia-card[data-v36-open="os"] {
  background: #f8fbfd;
  border-color: #d5e3ec;
}

#ctViewMeuDia > .ct-dia-superior > #ctMeuDiaResumo .ct-dia-card[data-v36-open="acompanhando"] strong,
#ctViewMeuDia > .ct-dia-superior > #ctMeuDiaResumo .ct-dia-card[data-v36-open="os"] strong {
  color: #285776;
}

/* A atenção recebe contraste adicional apenas no cabeçalho; as linhas permanecem neutras. */
#ctViewMeuDia > .ct-dia-conteudo > .ct-dia-grid-responsabilidades > .ct-dia-bloco:has(#ctMeuDiaTarefas) > .ct-dia-titulo {
  background: #fffaf0;
  border-bottom-color: #efdfbb;
  box-shadow: inset 3px 0 #d69a2b;
}

#ctViewMeuDia > .ct-dia-conteudo > .ct-dia-grid-responsabilidades > .ct-dia-bloco:has(#ctMeuDiaTarefas) > .ct-dia-titulo strong {
  color: #765116;
}

body.dark-mode #ctViewMeuDia > .ct-dia-superior > #ctMeuDiaResumo .ct-dia-card[data-v36-open="atencao"] {
  background: #3f3827;
  border-color: #806b3d;
}

body.dark-mode #ctViewMeuDia > .ct-dia-superior > #ctMeuDiaResumo .ct-dia-card[data-v36-open="atencao"] strong,
body.dark-mode #ctViewMeuDia > .ct-dia-conteudo > .ct-dia-grid-responsabilidades > .ct-dia-bloco:has(#ctMeuDiaTarefas) > .ct-dia-titulo strong {
  color: #f2d38a;
}

body.dark-mode #ctViewMeuDia > .ct-dia-superior > #ctMeuDiaResumo .ct-dia-card[data-v36-open="atrasadas"] {
  background: #422f32;
  border-color: #80545a;
}

body.dark-mode #ctViewMeuDia > .ct-dia-superior > #ctMeuDiaResumo .ct-dia-card[data-v36-open="atrasadas"] strong {
  color: #f0aaa5;
}

body.dark-mode #ctViewMeuDia > .ct-dia-superior > #ctMeuDiaResumo .ct-dia-card[data-v36-open="hoje"] {
  background: #403c2a;
  border-color: #7b7045;
}

body.dark-mode #ctViewMeuDia > .ct-dia-superior > #ctMeuDiaResumo .ct-dia-card[data-v36-open="hoje"] strong {
  color: #ead88d;
}

body.dark-mode #ctViewMeuDia > .ct-dia-superior > #ctMeuDiaResumo .ct-dia-card[data-v36-open="acompanhando"],
body.dark-mode #ctViewMeuDia > .ct-dia-superior > #ctMeuDiaResumo .ct-dia-card[data-v36-open="os"] {
  background: #234456;
  border-color: #47718a;
}

body.dark-mode #ctViewMeuDia > .ct-dia-superior > #ctMeuDiaResumo .ct-dia-card[data-v36-open="acompanhando"] strong,
body.dark-mode #ctViewMeuDia > .ct-dia-superior > #ctMeuDiaResumo .ct-dia-card[data-v36-open="os"] strong {
  color: #b9dced;
}

body.dark-mode #ctViewMeuDia > .ct-dia-conteudo > .ct-dia-grid-responsabilidades > .ct-dia-bloco:has(#ctMeuDiaTarefas) > .ct-dia-titulo {
  background: #3f3827;
  border-bottom-color: #806b3d;
}

/* Em larguras intermediárias, 4 + 3 evita o card isolado da composição 6 + 1. */
@media (max-width: 1200px) {
  #ctViewMeuDia > .ct-dia-superior > #ctMeuDiaResumo.ct-dia-resumo {
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  }
}

@media (max-width: 720px) {
  #ctViewMeuDia > .ct-dia-superior > #ctMeuDiaResumo.ct-dia-resumo {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  #ctViewMeuDia > .ct-dia-superior > #ctMeuDiaResumo .ct-dia-card[data-v36-open="os"] {
    grid-column: 1 / -1 !important;
  }
}

/* Cabeçalhos compactos, com ações integradas e sem alterar as linhas aprovadas. */
#ctViewMeuDia > .ct-dia-conteudo > .ct-dia-grid-responsabilidades > .ct-dia-bloco > .ct-dia-titulo {
  min-width: 0;
  padding: 6px 10px !important;
  align-items: center;
}

#ctViewMeuDia > .ct-dia-conteudo > .ct-dia-grid-responsabilidades > .ct-dia-bloco > .ct-dia-titulo > div:first-child {
  min-width: 0;
}

#ctViewMeuDia > .ct-dia-conteudo > .ct-dia-grid-responsabilidades > .ct-dia-bloco > .ct-dia-titulo strong {
  font-size: 12px !important;
  font-weight: 850 !important;
  line-height: 1.2;
}

#ctViewMeuDia > .ct-dia-conteudo > .ct-dia-grid-responsabilidades > .ct-dia-bloco > .ct-dia-titulo span {
  margin-top: 4px;
  font-size: 9px !important;
  font-weight: 550;
  line-height: 1.25;
  color: #728799;
}

#ctViewMeuDia > .ct-dia-conteudo > .ct-dia-grid-responsabilidades > .ct-dia-bloco > .ct-dia-titulo button {
  flex: 0 0 auto;
}

/* A grade inferior continua 67/33; vazios permanecem naturais e preenchidos rolam. */
#ctViewMeuDia > .ct-dia-conteudo > .ct-dia-grid-responsabilidades {
  grid-template-columns: minmax(0, 2fr) minmax(280px, 1fr) !important;
}

#ctViewMeuDia > .ct-dia-conteudo > .ct-dia-grid-responsabilidades > .ct-dia-bloco > .ct-dia-lista {
  max-height: 288px !important;
}

#ctViewMeuDia > .ct-dia-conteudo > .ct-dia-grid-responsabilidades > .ct-dia-bloco.v36-empty > .ct-dia-lista {
  max-height: none !important;
}

@media (max-width: 1050px) {
  #ctViewMeuDia > .ct-dia-conteudo > .ct-dia-grid-responsabilidades {
    grid-template-columns: 1fr !important;
  }
}

/* Telas pequenas: grupos externos em uma coluna; a lista interna de Próximas decide seu próprio fluxo. */
@media (max-width: 760px) {
  #tabCentralTrabalho:has(#ctViewPendencias:not([hidden])) #ctPendenciasCards {
    grid-template-columns: 1fr !important;
  }

  #tabCentralTrabalho:has(#ctViewPendencias:not([hidden])) #ctPendenciasCards .v36-pend-group,
  #tabCentralTrabalho:has(#ctViewPendencias:not([hidden])) #ctPendenciasCards .v36-pend-group.full,
  #tabCentralTrabalho:has(#ctViewPendencias:not([hidden])) #ctPendenciasCards .v36-pend-group.proximas {
    grid-column: 1 / -1 !important;
    min-width: 0 !important;
    max-width: 100% !important;
  }

  #tabCentralTrabalho:has(#ctViewPendencias:not([hidden])) #ctPendenciasCards .v36-pend-group.proximas .v36-pend-list {
    grid-template-columns: 1fr !important;
    overflow-x: hidden !important;
  }
}

/* Pendências no smartphone: resumo em 2 + 2 + 1, sem estreitar o último card. */
@media (max-width: 480px) {
  #tabCentralTrabalho:has(#ctViewPendencias:not([hidden])) #ctViewPendencias .ct-kpis {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 6px !important;
  }

  #tabCentralTrabalho:has(#ctViewPendencias:not([hidden])) #ctViewPendencias .ct-kpis .ct-kpi {
    min-width: 0 !important;
  }

  #tabCentralTrabalho:has(#ctViewPendencias:not([hidden])) #ctViewPendencias .ct-kpis .ct-kpi span {
    min-height: 2.3em;
    line-height: 1.15;
    white-space: normal;
  }

  #tabCentralTrabalho:has(#ctViewPendencias:not([hidden])) #ctViewPendencias .ct-kpis .ct-kpi:last-child {
    grid-column: 1 / -1 !important;
  }
}



/* v3.4.68 - Tratativa Digisac: melhor uso vertical do modal. */
/* Tratativa interna: histórico maior, com rolagem própria e redimensionamento vertical. */

/* Próxima ação: data/hora e atalhos rápidos na mesma linha. */
#ctDetalheModal .ct-detalhe-card.ct-digisac-mode:not(.ct-digisac-tab-conversa) .ct-comentario-acoes {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  gap: 8px !important;
  align-items: end !important;
}
#ctDetalheModal .ct-detalhe-card.ct-digisac-mode:not(.ct-digisac-tab-conversa) .ct-comentario-acoes > div {
  display: grid !important;
  grid-template-columns: auto minmax(185px, 240px) auto !important;
  gap: 6px !important;
  align-items: center !important;
  min-width: 0;
}
#ctDetalheModal .ct-detalhe-card.ct-digisac-mode:not(.ct-digisac-tab-conversa) .ct-comentario-acoes > div > label {
  margin: 0 !important;
  white-space: nowrap;
}
#ctDetalheModal .ct-detalhe-card.ct-digisac-mode:not(.ct-digisac-tab-conversa) #ctProximaAcao {
  width: 100% !important;
  min-width: 0 !important;
}
#ctDetalheModal .ct-detalhe-card.ct-digisac-mode:not(.ct-digisac-tab-conversa) .ct-comentario-acoes .ct-prazo-rapido {
  display: flex !important;
  flex-wrap: nowrap !important;
  gap: 4px !important;
  margin: 0 !important;
  align-items: center !important;
}
#ctDetalheModal .ct-detalhe-card.ct-digisac-mode:not(.ct-digisac-tab-conversa) .ct-comentario-acoes .ct-prazo-rapido button {
  flex: 0 0 auto;
}

/* BRAXIS ONE v3.4.68 — Digisac canonical conversation layout */
#ctDetalheModal .ct-detalhe-card.ct-digisac-mode.ct-digisac-tab-conversa {
  display: flex !important;
  flex-direction: column !important;
  height: min(780px, calc(100dvh - 20px)) !important;
  max-height: calc(100dvh - 20px) !important;
  min-height: 0 !important;
  overflow: hidden !important;
}
#ctDetalheModal .ct-detalhe-card.ct-digisac-mode.ct-digisac-tab-conversa > .ct-digisac-box {
  display: flex !important;
  flex: 1 1 0 !important;
  min-height: 0 !important;
  overflow: hidden !important;
  flex-direction: column !important;
}
#ctDetalheModal .ct-detalhe-card.ct-digisac-mode.ct-digisac-tab-conversa .ct-digisac-body {
  display: flex !important;
  flex: 1 1 0 !important;
  flex-direction: column !important;
  min-height: 0 !important;
  overflow: hidden !important;
}
#ctDetalheModal .ct-detalhe-card.ct-digisac-mode.ct-digisac-tab-conversa .ct-digisac-toolbar {
  flex: 0 0 auto !important;
}
#ctDetalheModal .ct-detalhe-card.ct-digisac-mode.ct-digisac-tab-conversa .ct-digisac-msgs {
  display: flex !important;
  flex-direction: column !important;
  flex: 1 1 0 !important;
  min-height: 0 !important;
  overflow-y: auto !important;
  overflow-x: hidden !important;
  overscroll-behavior: contain;
}
#ctDetalheModal .ct-detalhe-card.ct-digisac-mode.ct-digisac-tab-conversa .ct-digisac-reply {
  display: block !important;
  flex: 0 0 auto !important;
  width: 100% !important;
  box-sizing: border-box !important;
}
#ctDetalheModal .ct-detalhe-card.ct-digisac-mode.ct-digisac-tab-conversa .ct-digisac-reply-actions {
  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 10px !important;
  width: 100% !important;
}
#ctDetalheModal .ct-detalhe-card.ct-digisac-mode.ct-digisac-tab-conversa #ctDigisacEnviar {
  display: inline-flex !important;
  width: auto !important;
  min-width: 160px !important;
  max-width: 220px !important;
  margin-left: auto !important;
  flex: 0 0 auto !important;
  visibility: visible !important;
}
#ctDetalheModal #ctDigisacResposta { width: 100% !important; box-sizing: border-box !important; }

@media (max-width: 900px) {
  #ctDetalheModal .ct-detalhe-card.ct-digisac-mode:not(.ct-digisac-tab-conversa) .ct-comentario-acoes > div {
    grid-template-columns: auto minmax(170px, 1fr) !important;
  }
  #ctDetalheModal .ct-detalhe-card.ct-digisac-mode:not(.ct-digisac-tab-conversa) .ct-comentario-acoes .ct-prazo-rapido {
    grid-column: 1 / -1;
    padding-left: 0;
  }
}
@media (max-width: 720px) {
  #ctDetalheModal .ct-detalhe-card.ct-digisac-mode:not(.ct-digisac-tab-conversa) > .ct-interno-historico {
    height: 200px;
    resize: none !important;
  }
  #ctDetalheModal .ct-detalhe-card.ct-digisac-mode:not(.ct-digisac-tab-conversa) .ct-comentario-acoes {
    grid-template-columns: 1fr !important;
  }
  #ctDetalheModal .ct-detalhe-card.ct-digisac-mode:not(.ct-digisac-tab-conversa) .ct-comentario-acoes > div {
    grid-template-columns: 1fr !important;
  }
  #ctDetalheModal .ct-detalhe-card.ct-digisac-mode:not(.ct-digisac-tab-conversa) .ct-comentario-acoes .ct-prazo-rapido {
    grid-column: auto;
    flex-wrap: wrap !important;
  }
}


/* v3.4.68.1 - correção final do histórico e compositor Digisac */
#ctDetalheModal .ct-history-resizer {
  display: block;
  position: absolute;
  left: 50%;
  top: -9px;
  width: 120px;
  height: 18px;
  transform: translateX(-50%);
  cursor: ns-resize;
  touch-action: none;
  z-index: 5;
}
#ctDetalheModal .ct-history-resizer::before {
  content: '';
  position: absolute;
  left: 18px;
  right: 18px;
  top: 5px;
  height: 3px;
  border-radius: 999px;
  background: #9db1bf;
  box-shadow: 0 4px 0 #c6d4dd;
}
body.ct-resizing-history { user-select: none !important; cursor: ns-resize !important; }

@media (max-width: 720px) {
  #ctDetalheModal .ct-history-resizer { display: none !important; }
}


/* v3.4.68.2 - estrutura funcional única para as abas da tratativa */
#ctDetalheModal { overflow: hidden !important; }
#ctDetalheModal .ct-detalhe-card {
  display: flex !important;
  flex-direction: column !important;
  min-height: 0 !important;
  overflow: hidden !important;
}
#ctDetalheModal .ct-detalhe-card > .ct-digisac-tabs,
#ctDetalheModal .ct-detalhe-card > .ct-detalhe-acoes,
#ctDetalheModal .ct-detalhe-card > .ct-digisac-purpose,
#ctDetalheModal .ct-detalhe-card > .modal-head,
#ctDetalheModal .ct-detalhe-card > .ct-det-resumo {
  flex: 0 0 auto !important;
}
#ctDetalheModal .ct-detalhe-card.ct-digisac-mode:not(.ct-digisac-tab-conversa) > .ct-interno-historico {
  position: relative !important;
  flex: 1 1 280px !important;
  height: auto !important;
  min-height: 170px !important;
  max-height: min(620px, calc(100dvh - 220px)) !important;
  padding-bottom: 18px !important;
  box-sizing: border-box !important;
  resize: none !important;
  overflow: hidden !important;
}
#ctDetalheModal .ct-detalhe-card.ct-digisac-mode:not(.ct-digisac-tab-conversa) > .ct-comentario-box {
  flex: 1 1 auto !important;
  min-height: 210px !important;
  min-width: 0 !important;
  box-sizing: border-box !important;
}
#ctDetalheModal .ct-detalhe-card.ct-digisac-mode:not(.ct-digisac-tab-conversa) > .ct-interno-historico .ct-timeline {
  flex: 1 1 auto !important;
  height: 100% !important;
  min-height: 0 !important;
  max-height: none !important;
  overflow-y: auto !important;
}
@media (max-width: 720px) {
#ctDetalheModal .ct-detalhe-card.ct-digisac-mode:not(.ct-digisac-tab-conversa) > .ct-interno-historico {
    flex: 0 1 min(240px, 38vh) !important;
    height: min(240px, 38vh) !important;
    max-height: min(240px, 38vh) !important;
  }
}
