/* B4Y OS — v1.18.11-M08-Captacoes-Grid-Filtros-Agora-UX */
/* Grid compacta no padrão CRM/Atendimentos, filtros em duas linhas e seção Agora recolhível. */

/* Filtros: mesmo vocabulário visual de CRM / Atendimentos, em duas linhas fixas. */
.captacoes-filter-panel-v11811 {
  margin-bottom: 14px;
}

.captacoes-filter-panel-v11811 .captacoes-filter-row-v11811 {
  max-width: 100%;
  min-width: 0;
}

.captacoes-filter-panel-v11811 .captacoes-filter-row-main-v11811 {
  display: grid;
  grid-template-columns: minmax(300px, 1.7fr) minmax(150px, .65fr) minmax(150px, .65fr) auto auto;
  gap: 12px;
  align-items: end;
  margin: 0;
}

.captacoes-filter-panel-v11811 .captacoes-filter-row-secondary-v11811 {
  display: grid;
  grid-template-columns: minmax(220px, 360px) minmax(220px, 360px);
  gap: 12px;
  align-items: end;
  justify-content: start;
  margin: 0 18px 16px;
  padding-top: 14px;
}

.captacoes-filter-panel-v11811 .captacoes-filter-search-v11811 {
  min-width: 0 !important;
}

.captacoes-filter-panel-v11811 .captacoes-filter-action-v11811 {
  white-space: nowrap;
}

/* Painéis principal e Agora usam o mesmo box/base visual. */
.captacoes-grid-panel-v11811 {
  overflow: hidden;
}

.captacoes-grid-box-header-v11811 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  padding: 16px 18px 12px;
  border-bottom: 1px solid rgba(148, 163, 184, .18);
}

.captacoes-grid-box-header-v11811 h3,
.captacoes-grid-box-header-v11811 p {
  margin-top: 0;
}

.captacoes-grid-box-header-v11811 h3 {
  margin-bottom: 4px;
}

.captacoes-grid-box-header-v11811 .muted {
  margin-bottom: 0;
}

.captacoes-agora-grid-wrap-v11811.is-hidden {
  display: none;
}

.captacoes-agora-toggle-v11811 {
  min-width: 108px;
  justify-content: center;
  gap: 7px;
}

.captacoes-agora-count-v11811 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 22px;
  height: 22px;
  padding: 0 7px;
  border-radius: 999px;
  background: rgba(15, 23, 42, .08);
  font-size: 11px;
  font-weight: 700;
  line-height: 1;
}

@keyframes captacoesAgoraPulseV11811 {
  0%, 100% { box-shadow: 0 0 0 0 rgba(220, 38, 38, .08); }
  50% { box-shadow: 0 0 0 6px rgba(220, 38, 38, .18); }
}

.captacoes-agora-toggle-v11811.captacoes-agora-has-items-v11811 {
  border-color: rgba(220, 38, 38, .78) !important;
  color: #b91c1c !important;
  background: rgba(254, 242, 242, .86) !important;
  animation: captacoesAgoraPulseV11811 1.35s ease-in-out infinite;
}

.captacoes-agora-toggle-v11811.captacoes-agora-has-items-v11811 .captacoes-agora-count-v11811 {
  background: #dc2626;
  color: #fff;
}

@media (prefers-reduced-motion: reduce) {
  .captacoes-agora-toggle-v11811.captacoes-agora-has-items-v11811 {
    animation: none;
  }
}

/* Grid principal + Grid Agora compartilham exatamente o mesmo renderer/tabela. */
.captacoes-crm-grid-v11810,
.captacoes-crm-grid-v11811 {
  width: max-content;
  min-width: 1210px;
  max-width: none;
}

.captacoes-crm-grid-v11810 th,
.captacoes-crm-grid-v11811 th {
  padding-top: 11px !important;
  padding-bottom: 11px !important;
  font-size: 11px !important;
  letter-spacing: .04em;
  line-height: 1.15;
  white-space: nowrap;
}

.captacoes-crm-grid-v11810 td,
.captacoes-crm-grid-v11811 td {
  padding-top: 9px !important;
  padding-bottom: 9px !important;
  vertical-align: middle;
}

.captacoes-crm-grid-v11810 td small,
.captacoes-crm-grid-v11811 td small {
  display: block;
  color: var(--muted);
  margin-top: 3px;
}

.captacoes-crm-grid-v11810 .captacao-col-id-v11810 {
  width: 92px !important;
  min-width: 92px !important;
  text-align: left !important;
}

.captacoes-crm-grid-v11810 .captacao-col-etapa-v11810 {
  width: 116px !important;
  min-width: 116px !important;
}

.captacoes-crm-grid-v11810 .captacao-col-prioridade-v11810 {
  width: 58px !important;
  min-width: 58px !important;
  text-align: center !important;
}

.captacoes-crm-grid-v11810 .captacao-col-imovel-v11810 {
  width: 158px !important;
  min-width: 158px !important;
}

.captacoes-crm-grid-v11810 .captacao-col-cidade-v11810 {
  width: 78px !important;
  min-width: 78px !important;
}

.captacoes-crm-grid-v11810 .captacao-col-local-v11810 {
  width: 136px !important;
  min-width: 136px !important;
}

.captacoes-crm-grid-v11810 .captacao-col-pendencia-v11810 {
  width: 154px !important;
  min-width: 154px !important;
}

.captacoes-crm-grid-v11810 .captacao-col-material-v11810 {
  width: 154px !important;
  min-width: 154px !important;
}

.captacoes-crm-grid-v11810 .captacao-col-acao-v11810 {
  width: 178px !important;
  min-width: 178px !important;
}

.captacoes-crm-grid-v11810 .captacao-col-resp-v11810 {
  width: 108px !important;
  min-width: 108px !important;
  white-space: nowrap;
}

.captacoes-crm-grid-v11810 .col-edit {
  width: 46px !important;
  min-width: 46px !important;
  text-align: center !important;
}

.captacao-grid-id-wrap-v11810 {
  display: flex;
  align-items: center;
  gap: 7px;
  white-space: nowrap;
}

.captacao-grid-id-wrap-v11810 strong {
  font-size: 12px;
  font-weight: 600;
}

.captacao-grid-expand-v11810 {
  width: 26px;
  height: 26px;
  flex: 0 0 26px;
}

.captacao-priority-dot {
  display: inline-block;
  width: 12px;
  height: 12px;
  border-radius: 999px;
  vertical-align: middle;
  box-shadow: 0 0 0 3px rgba(15, 23, 42, .035);
  border: 1px solid rgba(15, 23, 42, .08);
  cursor: help;
}

.captacao-priority-agora { background: #dc2626; }
.captacao-priority-urgente { background: #f97316; }
.captacao-priority-alta { background: #eab308; }
.captacao-priority-normal { background: #2563eb; }
.captacao-priority-baixa { background: #94a3b8; }

.captacao-main-row-v11810 {
  cursor: pointer;
  transition: background .18s ease;
}

.captacao-main-row-v11810:hover {
  background: rgba(199, 168, 100, .035);
}

.captacao-main-row-v11810.is-expanded {
  background: rgba(199, 168, 100, .05);
}

.captacao-detail-row-v11810.is-hidden {
  display: none;
}

.captacao-detail-row-v11810 > td {
  background: rgba(248, 250, 252, .72);
  padding: 14px 18px 16px !important;
}

.captacao-row-details-grid-v11810 {
  grid-template-columns: repeat(4, minmax(150px, 1fr));
}

.captacao-row-details-grid-v11810 a {
  color: var(--gold);
  text-decoration: none;
}

.captacao-row-details-grid-v11810 a:hover {
  text-decoration: underline;
}

.captacao-row-detail-actions-v11810 {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  gap: 8px;
  margin-top: 12px;
}

@media (max-width: 1180px) {
  .captacoes-filter-panel-v11811 .captacoes-filter-row-main-v11811 {
    grid-template-columns: minmax(260px, 1fr) repeat(2, minmax(140px, .55fr));
  }
  .captacoes-filter-panel-v11811 .captacoes-filter-action-v11811 {
    width: auto;
  }
  .captacao-row-details-grid-v11810 {
    grid-template-columns: repeat(2, minmax(150px, 1fr));
  }
}

@media (max-width: 760px) {
  .captacoes-filter-panel-v11811 .captacoes-filter-row-main-v11811,
  .captacoes-filter-panel-v11811 .captacoes-filter-row-secondary-v11811 {
    grid-template-columns: 1fr;
  }
  .captacoes-filter-panel-v11811 .captacoes-filter-row-secondary-v11811 {
    margin-left: 18px;
    margin-right: 18px;
  }
  .captacoes-filter-panel-v11811 .captacoes-filter-action-v11811 {
    width: 100%;
    justify-content: center;
  }
  .captacoes-grid-box-header-v11811 {
    align-items: stretch;
    flex-direction: column;
  }
  .captacoes-agora-toggle-v11811 {
    width: 100%;
  }
  .captacao-row-details-grid-v11810 {
    grid-template-columns: 1fr;
  }
  .captacao-row-detail-actions-v11810 {
    align-items: stretch;
    flex-direction: column;
  }
  .captacao-row-detail-actions-v11810 .btn-secondary,
  .captacao-row-detail-actions-v11810 .btn-primary {
    width: 100%;
    justify-content: center;
  }
}