/* ==========================================================
   MOOV INSIGHTS | VISUAL PREMIUM PROFISSIONAL
   Mais contraste, menos poluição, identidade Moov
========================================================== */

:root {
  --moov-purple-950: #22083F;
  --moov-purple-900: #35105F;
  --moov-purple-800: #4B1687;
  --moov-purple-700: #641FB2;
  --moov-purple-600: #7C2FDB;
  --moov-purple-soft: #F4ECFF;

  --moov-green: #54D39A;
  --moov-green-soft: #EFFFF7;

  --moov-bg: #F3F4F8;
  --moov-bg-2: #ECEEF5;
  --moov-card: #FFFFFF;
  --moov-card-soft: #FAFBFF;

  --moov-text: #101828;
  --moov-muted: #667085;
  --moov-border: #DDE2EE;

  --moov-danger: #B42318;
  --moov-warning: #B54708;
  --moov-success: #027A48;

  --moov-radius: 18px;
  --moov-radius-lg: 24px;

  --moov-shadow: 0 14px 36px rgba(30, 20, 60, .08);
  --moov-shadow-soft: 0 4px 14px rgba(30, 20, 60, .055);
}

/* ==========================================================
   BASE
========================================================== */

html,
body {
  background:
    radial-gradient(circle at top right, rgba(124,47,219,.08), transparent 34%),
    linear-gradient(180deg, #F7F7FB 0%, #EEF0F6 100%) !important;
  color: var(--moov-text) !important;
}

.app-section {
  padding: 28px !important;
  background: transparent !important;
}

.app-section.hidden,
.hidden {
  display: none !important;
}

/* ==========================================================
   SIDEBAR PROFISSIONAL
========================================================== */

.sidebar,
aside {
  background:
    radial-gradient(circle at 20% 0%, rgba(124,47,219,.35), transparent 28%),
    linear-gradient(180deg, var(--moov-purple-900) 0%, var(--moov-purple-950) 100%) !important;
  border-right: 0 !important;
  box-shadow: 12px 0 32px rgba(34, 8, 63, .18) !important;
  color: #FFFFFF !important;
}

/* Logo/textos do topo no sidebar */
.sidebar h1,
.sidebar h2,
.sidebar h3,
aside h1,
aside h2,
aside h3 {
  color: #FFFFFF !important;
}

.sidebar p,
aside p {
  color: rgba(255,255,255,.72) !important;
}

.nav-section-title,
.sidebar-title,
.menu-title,
aside h4,
aside h5 {
  color: rgba(255,255,255,.55) !important;
  font-size: 10px !important;
  font-weight: 900 !important;
  letter-spacing: .11em !important;
  text-transform: uppercase !important;
  margin: 20px 18px 9px !important;
}

.nav-item,
.sidebar button,
aside button {
  min-height: 46px !important;
  margin: 5px 12px !important;
  padding: 0 14px !important;
  border-radius: 14px !important;
  background: rgba(255,255,255,.06) !important;
  color: rgba(255,255,255,.86) !important;
  border: 1px solid rgba(255,255,255,.08) !important;
  box-shadow: none !important;
  font-size: 14px !important;
  font-weight: 800 !important;
}

.nav-item:hover,
.sidebar button:hover,
aside button:hover {
  background: rgba(255,255,255,.12) !important;
  color: #FFFFFF !important;
  border-color: rgba(255,255,255,.16) !important;
}

.nav-item.active,
.sidebar button.active,
aside button.active {
  background: linear-gradient(135deg, #FFFFFF, #F4ECFF) !important;
  color: var(--moov-purple-900) !important;
  border-color: transparent !important;
  box-shadow: 0 12px 28px rgba(0,0,0,.16) !important;
}

.nav-item.active .nav-icon,
.sidebar button.active .nav-icon,
aside button.active .nav-icon {
  color: var(--moov-purple-700) !important;
}

/* indicador verde do menu ativo */
.nav-item.active::after,
.sidebar button.active::after,
aside button.active::after {
  background: var(--moov-green) !important;
}

/* ==========================================================
   HEADERS / HERO COM IDENTIDADE
========================================================== */

.admin-control-hero,
.admin-sales-hero,
.seller-hero,
.moov-export-light-card,
.moov-bi-mapped-filters,
.bi-modern-filter-card,
.bi-info-bar,
.section-header,
.page-header {
  background:
    radial-gradient(circle at 95% 10%, rgba(84,211,154,.20), transparent 28%),
    linear-gradient(135deg, #FFFFFF 0%, #F7F1FF 48%, #EEFDF6 100%) !important;
  border: 1px solid rgba(100,31,178,.14) !important;
  border-radius: 28px !important;
  box-shadow: var(--moov-shadow) !important;
  padding: 26px !important;
  overflow: hidden !important;
}

.admin-control-hero,
.admin-sales-hero,
.seller-hero {
  display: flex !important;
  justify-content: space-between !important;
  align-items: flex-start !important;
  gap: 22px !important;
  margin-bottom: 22px !important;
}

.admin-control-hero::before,
.admin-sales-hero::before,
.seller-hero::before,
.moov-export-light-card::before,
.moov-bi-mapped-filters::before,
.bi-info-bar::before {
  content: "" !important;
  display: block !important;
  width: 58px !important;
  height: 5px !important;
  border-radius: 999px !important;
  background: linear-gradient(90deg, var(--moov-purple-700), var(--moov-green)) !important;
  margin-bottom: 15px !important;
}

.admin-control-hero span,
.admin-sales-hero span,
.seller-hero span,
.moov-export-light-head span,
.moov-bi-filter-head span,
.bi-modern-filter-head span,
.bi-info-bar span {
  display: inline-flex !important;
  width: fit-content !important;
  padding: 7px 12px !important;
  margin-bottom: 12px !important;
  border-radius: 999px !important;
  background: rgba(100,31,178,.11) !important;
  color: var(--moov-purple-800) !important;
  font-size: 11px !important;
  font-weight: 900 !important;
  text-transform: uppercase !important;
  letter-spacing: .075em !important;
}

.admin-control-hero h2,
.admin-sales-hero h2,
.seller-hero h2,
.moov-export-light-head h2,
.moov-bi-filter-head h3,
.bi-modern-filter-head strong,
.section-header h1,
.section-header h2,
.page-header h1,
.page-header h2 {
  margin: 0 0 8px !important;
  color: var(--moov-text) !important;
  font-size: clamp(28px, 3vw, 42px) !important;
  line-height: 1.05 !important;
  letter-spacing: -.045em !important;
  font-weight: 950 !important;
}

.admin-control-hero p,
.admin-sales-hero p,
.seller-hero p,
.moov-export-light-head p,
.moov-bi-filter-head p,
.bi-modern-filter-head small,
.section-header p,
.page-header p {
  max-width: 900px !important;
  margin: 0 !important;
  color: #475467 !important;
  font-size: 14px !important;
  line-height: 1.58 !important;
  font-weight: 650 !important;
}

/* ==========================================================
   CARDS COM CONTRASTE
========================================================== */

.card,
.dashboard-card,
.metric-card,
.kpi-card,
.admin-control-panel,
.admin-sales-panel,
.seller-card,
.seller-form-card,
.seller-table-card,
.seller-message-card,
.seller-filter-card,
.moov-users-table-wrap,
.admin-sales-kpis article,
.admin-control-kpis article,
.seller-kpi-card,
.admin-sales-grid article,
.admin-goal-card,
.admin-logs-list article,
.moov-export-light-grid article,
section[class*="card"],
article[class*="card"] {
  background: var(--moov-card) !important;
  border: 1px solid var(--moov-border) !important;
  border-radius: var(--moov-radius-lg) !important;
  box-shadow: var(--moov-shadow-soft) !important;
}

.card:hover,
.dashboard-card:hover,
.metric-card:hover,
.kpi-card:hover,
.seller-kpi-card:hover,
.admin-control-kpis article:hover,
.admin-sales-kpis article:hover,
.moov-export-light-grid article:hover {
  box-shadow: var(--moov-shadow) !important;
  transform: translateY(-1px) !important;
}

/* Cards KPI */
.admin-control-kpis,
.admin-sales-kpis,
.seller-kpi-grid {
  display: grid !important;
  gap: 16px !important;
}

.admin-control-kpis article,
.admin-sales-kpis article,
.seller-kpi-card,
.metric-card,
.kpi-card {
  padding: 20px !important;
  min-height: 116px !important;
  position: relative !important;
  overflow: hidden !important;
}

.admin-control-kpis article::after,
.admin-sales-kpis article::after,
.seller-kpi-card::after,
.metric-card::after,
.kpi-card::after {
  content: "" !important;
  position: absolute !important;
  right: -20px !important;
  bottom: -22px !important;
  width: 86px !important;
  height: 86px !important;
  border-radius: 50% !important;
  background: linear-gradient(135deg, rgba(100,31,178,.08), rgba(84,211,154,.11)) !important;
}

.admin-control-kpis span,
.admin-sales-kpis span,
.seller-kpi-card span,
.metric-card span,
.kpi-card span {
  display: block !important;
  margin-bottom: 8px !important;
  color: #667085 !important;
  font-size: 11px !important;
  font-weight: 900 !important;
  text-transform: uppercase !important;
  letter-spacing: .07em !important;
}

.admin-control-kpis strong,
.admin-sales-kpis strong,
.seller-kpi-card strong,
.metric-card strong,
.kpi-card strong {
  display: block !important;
  color: var(--moov-text) !important;
  font-size: 28px !important;
  line-height: 1.1 !important;
  letter-spacing: -.04em !important;
  font-weight: 950 !important;
}

.admin-control-kpis small,
.admin-sales-kpis small,
.seller-kpi-card small,
.metric-card small,
.kpi-card small {
  display: block !important;
  margin-top: 7px !important;
  color: #667085 !important;
  font-size: 12px !important;
  font-weight: 600 !important;
}

/* ==========================================================
   GRÁFICOS
========================================================== */

canvas,
svg {
  max-width: 100% !important;
}

.chart-card,
.graph-card,
[class*="chart"],
[class*="grafico"] {
  background: #FFFFFF !important;
  border-radius: 24px !important;
}

/* deixa legendas menos poluídas */
.chartjs-legend,
.legend,
.apexcharts-legend,
.recharts-legend-wrapper {
  font-size: 12px !important;
  color: #475467 !important;
}

/* ==========================================================
   BOTÕES
========================================================== */

button,
.btn,
.btn-primary,
.admin-control-actions button,
.admin-sales-hero button,
.admin-sales-head-row button,
.seller-hero button,
.seller-form-card button,
.seller-message-card button,
.moov-export-light-grid button,
.moov-bi-filter-actions button,
.moov-bi-filter-head button {
  min-height: 42px !important;
  border-radius: 13px !important;
  border: 1px solid transparent !important;
  box-shadow: none !important;
  font-weight: 850 !important;
  cursor: pointer !important;
  transition: .15s ease !important;
}

.btn-primary,
.moov-btn-primary,
.admin-control-actions button,
.admin-sales-hero button,
.admin-sales-head-row button,
.seller-hero button,
.seller-form-card button,
.seller-message-card button,
.moov-export-light-grid button,
.moov-bi-filter-actions button,
.moov-bi-filter-head button {
  background: linear-gradient(135deg, var(--moov-purple-800), var(--moov-purple-600)) !important;
  color: #FFFFFF !important;
  box-shadow: 0 10px 22px rgba(100,31,178,.18) !important;
}

button:hover,
.btn:hover,
.btn-primary:hover {
  transform: translateY(-1px) !important;
  filter: brightness(1.02) !important;
}

button:disabled {
  opacity: .55 !important;
  cursor: wait !important;
}

.moov-btn-danger,
.admin-sale-btn.reject {
  background: #101828 !important;
  color: #FFFFFF !important;
}

.admin-sale-btn.valid {
  background: linear-gradient(135deg, #079455, #12B76A) !important;
  color: #FFFFFF !important;
}

/* Chips */
.moov-bi-chip,
.bi-period-btn,
.admin-sales-tabs button,
.admin-control-tabs button,
.seller-filter-card button {
  background: #FFFFFF !important;
  border: 1px solid #D0D5DD !important;
  color: #344054 !important;
  border-radius: 999px !important;
  padding: 9px 15px !important;
  font-size: 13px !important;
  font-weight: 850 !important;
}

.moov-bi-chip.active,
.bi-period-btn.active,
.admin-sales-tabs button.active,
.admin-control-tabs button.active {
  background: var(--moov-purple-800) !important;
  border-color: var(--moov-purple-800) !important;
  color: #FFFFFF !important;
}

/* ==========================================================
   FORMULÁRIOS E FILTROS
========================================================== */

input,
select,
textarea {
  min-height: 44px !important;
  border: 1px solid #D0D5DD !important;
  border-radius: 13px !important;
  background: #FFFFFF !important;
  color: var(--moov-text) !important;
  box-shadow: none !important;
  font-size: 14px !important;
  font-weight: 650 !important;
}

input:focus,
select:focus,
textarea:focus {
  border-color: var(--moov-purple-600) !important;
  box-shadow: 0 0 0 4px rgba(124,47,219,.11) !important;
  outline: none !important;
}

.moov-bi-filter-grid,
.moov-export-light-filters,
.bi-modern-filter-grid,
.seller-form-grid,
.admin-goal-grid {
  gap: 14px !important;
}

.moov-bi-filter-grid label,
.moov-export-light-filters label,
.bi-modern-field,
.seller-form-grid label,
.admin-goal-grid label {
  background: #FFFFFF !important;
  border: 1px solid #DDE2EE !important;
  border-radius: 16px !important;
  padding: 13px !important;
  box-shadow: 0 2px 8px rgba(30,20,60,.035) !important;
}

.moov-bi-filter-grid span,
.moov-export-light-filters span,
.bi-modern-field span,
.admin-goal-grid span {
  color: #667085 !important;
  font-size: 11px !important;
  font-weight: 900 !important;
  letter-spacing: .06em !important;
  text-transform: uppercase !important;
}

/* ==========================================================
   TABELAS
========================================================== */

table {
  width: 100% !important;
  border-collapse: separate !important;
  border-spacing: 0 !important;
  background: #FFFFFF !important;
  border-radius: 18px !important;
  overflow: hidden !important;
  border: 1px solid var(--moov-border) !important;
}

table thead th {
  background: linear-gradient(90deg, #F4ECFF, #F8FBFF) !important;
  color: var(--moov-purple-800) !important;
  border-bottom: 1px solid var(--moov-border) !important;
  font-size: 11px !important;
  font-weight: 950 !important;
  text-transform: uppercase !important;
  letter-spacing: .06em !important;
  padding: 14px !important;
  text-align: left !important;
}

table tbody td {
  background: #FFFFFF !important;
  border-bottom: 1px solid var(--moov-border) !important;
  color: #1D2939 !important;
  font-size: 13px !important;
  font-weight: 650 !important;
  padding: 14px !important;
}

table tbody tr:nth-child(even) td {
  background: #FAFBFF !important;
}

table tbody tr:hover td {
  background: #F6F0FF !important;
}

/* ==========================================================
   RESUMOS / LINHAS
========================================================== */

.admin-sales-line,
.seller-action-list span,
.seller-metric-line,
.admin-goal-result,
.moov-export-light-note,
.admin-sales-empty {
  background: #F8F5FF !important;
  border: 1px solid #E7D7FF !important;
  border-radius: 16px !important;
  color: var(--moov-purple-900) !important;
}

/* ==========================================================
   BADGES
========================================================== */

.seller-badge,
.admin-sale-status,
.moov-user-status-pill,
.status-pill,
.badge {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 28px !important;
  padding: 6px 11px !important;
  border-radius: 999px !important;
  font-size: 11px !important;
  font-weight: 900 !important;
}

.seller-badge.high,
.admin-sale-status.recusada,
.moov-user-status-pill.inactive {
  background: #FEF3F2 !important;
  color: var(--moov-danger) !important;
  border: 1px solid #FECDCA !important;
}

.seller-badge.medium,
.admin-sale-status.cadastrada {
  background: #FFFAEB !important;
  color: var(--moov-warning) !important;
  border: 1px solid #FEDF89 !important;
}

.seller-badge.low,
.admin-sale-status.validada,
.moov-user-status-pill.active {
  background: #ECFDF3 !important;
  color: var(--moov-success) !important;
  border: 1px solid #ABEFC6 !important;
}

/* ==========================================================
   EXPORTAÇÃO E DUPLICIDADES
========================================================== */

#moovExcelExportCard,
.moov-excel-export-card {
  display: none !important;
}

#moovExportsLightCard {
  display: block !important;
}

/* Evita dois blocos de filtro no BI */
.moov-bi-mapped-filters ~ .bi-modern-filter-card,
.moov-bi-mapped-filters ~ .moov-bi-filter-card {
  display: none !important;
}

/* ==========================================================
   ERROS / LOADING
========================================================== */

.moov-loading-timeout {
  padding: 14px !important;
  border-radius: 14px !important;
  border: 1px solid #FEDF89 !important;
  background: #FFFAEB !important;
  color: var(--moov-warning) !important;
  font-weight: 800 !important;
}

#moovFrontendErrorBox {
  position: fixed !important;
  right: 18px !important;
  bottom: 18px !important;
  z-index: 999999 !important;
  width: min(420px, calc(100vw - 36px)) !important;
  background: #101828 !important;
  color: #FFFFFF !important;
  border-radius: 16px !important;
  box-shadow: 0 18px 50px rgba(0,0,0,.22) !important;
  overflow: hidden !important;
  display: none;
}

#moovFrontendErrorBox.active {
  display: block !important;
}

#moovFrontendErrorBox header {
  display: flex !important;
  justify-content: space-between !important;
  align-items: center !important;
  gap: 12px !important;
  padding: 12px 14px !important;
  background: #1D2939 !important;
}

/* ==========================================================
   RESPONSIVO
========================================================== */

@media (max-width: 1200px) {
  .admin-sales-kpis,
  .admin-control-kpis,
  .seller-kpi-grid,
  .moov-export-light-grid,
  .moov-export-light-filters,
  .moov-bi-filter-grid,
  .bi-modern-filter-grid {
    grid-template-columns: repeat(2, minmax(180px, 1fr)) !important;
  }
}

@media (max-width: 760px) {
  .app-section,
  .admin-control-page,
  .admin-sales-page,
  .seller-moov-page {
    padding: 16px !important;
  }

  .admin-sales-kpis,
  .admin-control-kpis,
  .seller-kpi-grid,
  .moov-export-light-grid,
  .moov-export-light-filters,
  .moov-bi-filter-grid,
  .bi-modern-filter-grid {
    grid-template-columns: 1fr !important;
  }

  .admin-control-hero,
  .admin-sales-hero,
  .seller-hero {
    flex-direction: column !important;
  }
}

/* Tabelas já alimentadas pela rota limpa do Kommo */
.moov-clean-kommo-table {
  outline: 2px solid rgba(84, 211, 154, .18) !important;
  outline-offset: 0 !important;
}

.moov-clean-kommo-table::after {
  content: "Kommo limpo";
}


/* ==========================================================
   TABELA KOMMO LIMPA FINAL
========================================================== */

.moov-clean-leads-final {
  margin-bottom: 28px;
  padding: 24px;
  border-radius: 26px;
  background:
    radial-gradient(circle at 98% 0%, rgba(84,211,154,.16), transparent 28%),
    linear-gradient(135deg, #ffffff 0%, #f7f1ff 54%, #f4fff9 100%);
  border: 1px solid rgba(100,31,178,.16);
  box-shadow: 0 14px 36px rgba(30,20,60,.08);
}

.moov-clean-leads-head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 18px;
  margin-bottom: 18px;
}

.moov-clean-leads-head span {
  display: inline-flex;
  padding: 7px 12px;
  margin-bottom: 10px;
  border-radius: 999px;
  background: rgba(100,31,178,.12);
  color: #4B1687;
  font-size: 11px;
  font-weight: 900;
  text-transform: uppercase;
  letter-spacing: .075em;
}

.moov-clean-leads-head h2 {
  margin: 0 0 8px;
  color: #101828;
  font-size: clamp(28px, 3vw, 40px);
  line-height: 1.05;
  letter-spacing: -.04em;
  font-weight: 950;
}

.moov-clean-leads-head p {
  margin: 0;
  color: #667085;
  font-size: 14px;
  line-height: 1.55;
  font-weight: 650;
}

.moov-clean-leads-head button,
.moov-clean-leads-actions button,
.moov-clean-leads-pagination button {
  min-height: 42px;
  border: 0;
  border-radius: 13px;
  padding: 0 16px;
  background: linear-gradient(135deg, #4B1687, #7C2FDB);
  color: #fff;
  font-weight: 850;
  cursor: pointer;
}

.moov-clean-leads-actions button.secondary {
  background: #101828;
}

.moov-clean-leads-filters {
  display: grid;
  grid-template-columns: 1.3fr 1fr 1fr 1fr 1fr .9fr .9fr auto;
  gap: 12px;
  margin-bottom: 16px;
}

.moov-clean-leads-filters label {
  display: flex;
  flex-direction: column;
  gap: 6px;
  padding: 12px;
  border: 1px solid #DDE2EE;
  border-radius: 16px;
  background: #fff;
}

.moov-clean-leads-filters span {
  color: #667085;
  font-size: 11px;
  font-weight: 900;
  text-transform: uppercase;
  letter-spacing: .06em;
}

.moov-clean-leads-filters input,
.moov-clean-leads-filters select {
  min-height: 42px;
  border: 1px solid #D0D5DD;
  border-radius: 12px;
  padding: 0 10px;
  background: #fff;
  color: #101828;
  font-weight: 700;
  outline: none;
}

.moov-clean-leads-actions {
  display: flex;
  gap: 8px;
  align-items: flex-end;
}

.moov-clean-leads-summary {
  display: flex;
  align-items: center;
  gap: 10px;
  flex-wrap: wrap;
  padding: 14px 16px;
  margin-bottom: 14px;
  border-radius: 16px;
  background: #F8F5FF;
  border: 1px solid #E7D7FF;
  color: #4B1687;
  font-weight: 800;
}

.moov-clean-leads-summary strong {
  font-size: 22px;
  font-weight: 950;
}

.moov-clean-leads-summary span {
  color: #667085;
  font-size: 13px;
}

.moov-clean-leads-table-wrap {
  overflow-x: auto;
  border-radius: 18px;
  border: 1px solid #DDE2EE;
  background: #fff;
}

.moov-clean-leads-table {
  width: 100%;
  min-width: 1180px;
  border-collapse: separate;
  border-spacing: 0;
}

.moov-clean-leads-table th {
  background: linear-gradient(90deg, #F4ECFF, #F8FBFF);
  color: #4B1687;
  border-bottom: 1px solid #DDE2EE;
  font-size: 11px;
  font-weight: 950;
  text-transform: uppercase;
  letter-spacing: .06em;
  padding: 14px;
  text-align: left;
}

.moov-clean-leads-table td {
  background: #fff;
  border-bottom: 1px solid #EAECF0;
  color: #1D2939;
  font-size: 13px;
  font-weight: 650;
  padding: 14px;
  vertical-align: top;
}

.moov-clean-leads-table tbody tr:nth-child(even) td {
  background: #FAFBFF;
}

.moov-clean-leads-table tbody tr:hover td {
  background: #F6F0FF;
}

.moov-clean-leads-table td strong {
  display: block;
  font-weight: 900;
  color: #101828;
}

.moov-clean-leads-table td small {
  display: block;
  margin-top: 4px;
  color: #667085;
  font-size: 11px;
}

.moov-clean-pill,
.moov-clean-category {
  display: inline-flex;
  align-items: center;
  min-height: 26px;
  padding: 5px 10px;
  border-radius: 999px;
  background: #F4ECFF;
  color: #4B1687;
  font-size: 11px;
  font-weight: 900;
}

.moov-clean-category {
  background: #ECFDF3;
  color: #027A48;
}

.moov-clean-leads-pagination {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  gap: 12px;
  margin-top: 14px;
}

.moov-clean-leads-pagination span {
  color: #667085;
  font-size: 13px;
  font-weight: 800;
}

@media (max-width: 1400px) {
  .moov-clean-leads-filters {
    grid-template-columns: repeat(3, minmax(180px, 1fr));
  }

  .moov-clean-leads-actions {
    align-items: center;
  }
}

@media (max-width: 760px) {
  .moov-clean-leads-final {
    padding: 16px;
  }

  .moov-clean-leads-head {
    flex-direction: column;
  }

  .moov-clean-leads-filters {
    grid-template-columns: 1fr;
  }

  .moov-clean-leads-pagination {
    justify-content: center;
  }
}

/* Correção temporária: remove tabela limpa duplicada do topo */
#moovCleanLeadsFinal,
.moov-clean-leads-final {
  display: none !important;
}

/* Ajuste da tabela nativa Leads e Funil usando Kommo limpo */
#leads_tabela td strong {
  display: block;
  font-weight: 900;
  color: #101828;
}

#leads_tabela td small {
  display: block;
  margin-top: 4px;
  color: #667085;
  font-size: 11px;
}

.lead-clean-pill,
.lead-clean-category {
  display: inline-flex;
  align-items: center;
  min-height: 26px;
  padding: 5px 10px;
  border-radius: 999px;
  background: #F4ECFF;
  color: #4B1687;
  font-size: 11px;
  font-weight: 900;
}

.lead-clean-category {
  background: #ECFDF3;
  color: #027A48;
}


/* ==========================================================
   FILTRO GLOBAL MOOV
========================================================== */

.moov-global-filters {
  margin: 18px 0 22px;
  padding: 18px;
  border-radius: 24px;
  background:
    radial-gradient(circle at 100% 0%, rgba(84,211,154,.18), transparent 30%),
    linear-gradient(135deg, #FFFFFF 0%, #FBF8FF 60%, #F4FFF9 100%);
  border: 1px solid rgba(100,31,178,.14);
  box-shadow: 0 16px 34px rgba(16,24,40,.07);
}

.moov-global-filter-head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 16px;
  margin-bottom: 14px;
}

.moov-global-filter-head span {
  display: inline-flex;
  padding: 6px 11px;
  border-radius: 999px;
  background: rgba(100,31,178,.12);
  color: #5A168E;
  font-size: 11px;
  font-weight: 950;
  text-transform: uppercase;
  letter-spacing: .07em;
}

.moov-global-filter-head strong {
  display: block;
  margin-top: 8px;
  color: #101828;
  font-size: 20px;
  font-weight: 950;
}

.moov-global-filter-head small {
  display: block;
  margin-top: 4px;
  color: #667085;
  font-size: 13px;
  font-weight: 650;
}

.moov-global-filter-head button,
.moov-global-filter-footer button,
.moov-global-shortcuts button {
  border: 0;
  min-height: 40px;
  border-radius: 13px;
  padding: 0 15px;
  font-weight: 850;
  cursor: pointer;
}

.moov-global-filter-head button {
  background: linear-gradient(135deg, #641FB2, #8D22D9);
  color: #fff;
  box-shadow: 0 10px 24px rgba(100,31,178,.22);
}

.moov-global-shortcuts {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-bottom: 14px;
}

.moov-global-shortcuts button {
  background: #F4ECFF;
  color: #5A168E;
}

.moov-global-shortcuts button.active {
  background: #641FB2;
  color: #fff;
}

.moov-global-filter-grid {
  display: grid;
  grid-template-columns: repeat(6, minmax(150px, 1fr));
  gap: 12px;
}

.moov-global-filter-grid label {
  display: flex;
  flex-direction: column;
  gap: 6px;
}

.moov-global-filter-grid label span {
  color: #667085;
  font-size: 11px;
  font-weight: 950;
  text-transform: uppercase;
  letter-spacing: .06em;
}

.moov-global-filter-grid input,
.moov-global-filter-grid select {
  min-height: 42px;
  border-radius: 13px;
  border: 1px solid #D0D5DD;
  background: #fff;
  padding: 0 11px;
  color: #101828;
  font-weight: 750;
  outline: none;
}

.moov-global-filter-footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
  margin-top: 14px;
  padding-top: 12px;
  border-top: 1px solid rgba(208,213,221,.7);
}

.moov-global-filter-footer span {
  color: #667085;
  font-size: 13px;
  font-weight: 750;
}

.moov-global-filter-footer button.secondary {
  background: #101828;
  color: #fff;
}

.moov-equipe-kommo-list {
  display: grid;
  gap: 10px;
  margin-top: 14px;
}

.moov-equipe-kommo-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
  padding: 14px 16px;
  border-radius: 16px;
  border: 1px solid #E4D7FF;
  background: #FBF8FF;
}

.moov-equipe-kommo-row strong {
  display: block;
  color: #101828;
  font-weight: 950;
}

.moov-equipe-kommo-row small {
  display: block;
  margin-top: 3px;
  color: #667085;
  font-size: 12px;
  font-weight: 650;
}

.moov-equipe-kommo-row span {
  color: #641FB2;
  font-weight: 950;
  white-space: nowrap;
}

.moov-equipe-kommo-empty {
  padding: 16px;
  border-radius: 16px;
  border: 1px solid #E4D7FF;
  color: #667085;
  font-weight: 750;
  background: #FBF8FF;
}

@media (max-width: 1300px) {
  .moov-global-filter-grid {
    grid-template-columns: repeat(3, minmax(160px, 1fr));
  }
}

@media (max-width: 760px) {
  .moov-global-filter-head,
  .moov-global-filter-footer {
    flex-direction: column;
    align-items: stretch;
  }

  .moov-global-filter-grid {
    grid-template-columns: 1fr;
  }
}


/* ==========================================================
   DASHBOARD EXECUTIVO — UX SENIOR
========================================================== */

#sec-dashboard .moov-dashboard-filter-pro {
  display: grid !important;
  grid-template-columns: minmax(220px, .9fr) repeat(4, minmax(190px, 1fr)) !important;
  align-items: end !important;
  gap: 14px !important;
  padding: 22px !important;
  border-radius: 24px !important;
  background:
    radial-gradient(circle at 100% 0%, rgba(84, 211, 154, .14), transparent 32%),
    linear-gradient(135deg, #FFFFFF 0%, #FBF8FF 58%, #F7FFFB 100%) !important;
  border: 1px solid rgba(100, 31, 178, .13) !important;
  box-shadow: 0 18px 42px rgba(16, 24, 40, .07) !important;
}

#sec-dashboard .moov-dashboard-filter-pro > div:first-child {
  min-width: 210px;
}

#sec-dashboard .moov-dashboard-filter-pro h2,
#sec-dashboard .moov-dashboard-filter-pro h3,
#sec-dashboard .moov-dashboard-filter-pro strong {
  color: #101828 !important;
}

#sec-dashboard .moov-dashboard-filter-pro p {
  color: #667085 !important;
  font-size: 13px !important;
  line-height: 1.45 !important;
}

#sec-dashboard .moov-dashboard-filter-pro label,
#sec-dashboard .moov-dashboard-filter-pro [data-moov-filter-title] {
  position: relative !important;
  padding: 11px 12px !important;
  border-radius: 16px !important;
  background: #FFFFFF !important;
  border: 1px solid #DDE2EE !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.7) !important;
}

#sec-dashboard .moov-dashboard-filter-pro select,
#sec-dashboard .moov-dashboard-filter-pro input {
  width: 100% !important;
  min-height: 44px !important;
  border: 1px solid #D0D5DD !important;
  border-radius: 13px !important;
  background: #FFFFFF !important;
  color: #101828 !important;
  font-weight: 750 !important;
  padding: 0 12px !important;
  outline: none !important;
}

#sec-dashboard .moov-dashboard-filter-pro select:focus,
#sec-dashboard .moov-dashboard-filter-pro input:focus {
  border-color: #7C2FDB !important;
  box-shadow: 0 0 0 4px rgba(124, 47, 219, .12) !important;
}

#sec-dashboard [data-moov-filter-title]::before {
  content: attr(data-moov-filter-title);
  display: block;
  margin-bottom: 7px;
  color: #667085;
  font-size: 11px;
  font-weight: 950;
  text-transform: uppercase;
  letter-spacing: .065em;
}

#sec-dashboard .moov-dashboard-quick-filters {
  grid-column: 1 / -1;
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  padding-top: 4px;
}

#sec-dashboard .moov-dashboard-quick-filters button {
  min-height: 36px;
  border: 0;
  border-radius: 999px;
  padding: 0 14px;
  background: #F4ECFF;
  color: #5A168E;
  font-size: 12px;
  font-weight: 900;
  cursor: pointer;
}

#sec-dashboard .moov-dashboard-quick-filters button.active {
  background: linear-gradient(135deg, #641FB2, #8D22D9);
  color: #FFFFFF;
  box-shadow: 0 8px 20px rgba(100,31,178,.22);
}

#sec-dashboard .moov-dashboard-insights {
  display: grid;
  grid-template-columns: 1.1fr 1.4fr;
  gap: 16px;
  margin: 18px 0 20px;
  padding: 20px;
  border-radius: 24px;
  background:
    radial-gradient(circle at 100% 0%, rgba(84, 211, 154, .18), transparent 30%),
    linear-gradient(135deg, #FFFFFF 0%, #FBF8FF 65%, #F6FFFB 100%);
  border: 1px solid rgba(100,31,178,.14);
  box-shadow: 0 16px 38px rgba(16,24,40,.07);
}

#sec-dashboard .moov-dashboard-insights span {
  display: inline-flex;
  padding: 6px 11px;
  border-radius: 999px;
  background: rgba(100,31,178,.11);
  color: #5A168E;
  font-size: 11px;
  font-weight: 950;
  text-transform: uppercase;
  letter-spacing: .07em;
}

#sec-dashboard .moov-dashboard-insights strong {
  display: block;
  margin-top: 10px;
  color: #101828;
  font-size: clamp(22px, 2.4vw, 32px);
  line-height: 1.05;
  font-weight: 950;
  letter-spacing: -.035em;
}

#sec-dashboard .moov-dashboard-insights p {
  margin: 10px 0 0;
  color: #475467;
  font-size: 14px;
  line-height: 1.55;
  font-weight: 650;
}

#sec-dashboard .moov-dashboard-insight-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(160px, 1fr));
  gap: 12px;
}

#sec-dashboard .moov-dashboard-insight-grid article {
  padding: 16px;
  border-radius: 18px;
  background: #FFFFFF;
  border: 1px solid #E4D7FF;
}

#sec-dashboard .moov-dashboard-insight-grid small {
  display: block;
  color: #667085;
  font-size: 11px;
  font-weight: 950;
  text-transform: uppercase;
  letter-spacing: .06em;
}

#sec-dashboard .moov-dashboard-insight-grid b {
  display: block;
  margin-top: 8px;
  color: #641FB2;
  font-size: 18px;
  font-weight: 950;
}

#sec-dashboard .moov-dashboard-insight-grid em {
  display: block;
  margin-top: 5px;
  color: #667085;
  font-style: normal;
  font-size: 12px;
  font-weight: 750;
}

#sec-dashboard .moov-dashboard-ranking-card,
#sec-dashboard .moov-dashboard-table-card {
  border-radius: 24px !important;
  border: 1px solid rgba(100,31,178,.12) !important;
  background: #FFFFFF !important;
  box-shadow: 0 16px 34px rgba(16,24,40,.06) !important;
}

#sec-dashboard .moov-dashboard-ranking-card li,
#sec-dashboard .moov-dashboard-ranking-card div {
  border-radius: 14px;
}

#sec-dashboard .moov-dashboard-clean-table {
  width: 100%;
  border-collapse: separate !important;
  border-spacing: 0 !important;
  overflow: hidden;
  border-radius: 18px;
}

#sec-dashboard .moov-dashboard-clean-table th {
  background: linear-gradient(90deg, #F4ECFF, #F8FBFF) !important;
  color: #5A168E !important;
  font-size: 11px !important;
  font-weight: 950 !important;
  text-transform: uppercase !important;
  letter-spacing: .06em !important;
  padding: 14px !important;
}

#sec-dashboard .moov-dashboard-clean-table td {
  padding: 14px !important;
  border-bottom: 1px solid #EAECF0 !important;
  color: #344054 !important;
  font-weight: 650 !important;
}

#sec-dashboard .moov-dashboard-clean-table tbody tr:nth-child(even) td {
  background: #FAFBFF !important;
}

#sec-dashboard .moov-dashboard-clean-table tbody tr:hover td {
  background: #F8F1FF !important;
}

#sec-dashboard .moov-dashboard-chart-card canvas {
  max-height: 360px !important;
}

@media (max-width: 1300px) {
  #sec-dashboard .moov-dashboard-filter-pro {
    grid-template-columns: repeat(2, minmax(220px, 1fr)) !important;
  }

  #sec-dashboard .moov-dashboard-insights {
    grid-template-columns: 1fr;
  }

  #sec-dashboard .moov-dashboard-insight-grid {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 760px) {
  #sec-dashboard .moov-dashboard-filter-pro {
    grid-template-columns: 1fr !important;
  }
}


/* ==========================================================
   BI DE VENDAS — UX SENIOR
========================================================== */

.moov-bi-vendas-page {
  --bi-purple: #641FB2;
  --bi-purple-2: #8D22D9;
  --bi-green: #54D39A;
  --bi-ink: #101828;
  --bi-muted: #667085;
}

.moov-bi-vendas-page .moov-bi-vendas-hero {
  display: grid !important;
  grid-template-columns: 1fr auto !important;
  align-items: center !important;
  gap: 24px !important;
  padding: 26px 32px !important;
  border-radius: 26px !important;
  background:
    radial-gradient(circle at 100% 0%, rgba(84, 211, 154, .20), transparent 34%),
    linear-gradient(135deg, #FFFFFF 0%, #FBF8FF 62%, #F4FFF9 100%) !important;
  border: 1px solid rgba(100, 31, 178, .14) !important;
  box-shadow: 0 18px 42px rgba(16,24,40,.07) !important;
}

.moov-bi-vendas-page .moov-bi-vendas-hero h1,
.moov-bi-vendas-page .moov-bi-vendas-hero h2 {
  color: var(--bi-ink) !important;
  letter-spacing: -.04em !important;
}

.moov-bi-vendas-page .moov-bi-vendas-filter-box {
  display: grid !important;
  grid-template-columns: 1.2fr .8fr !important;
  gap: 18px !important;
  align-items: start !important;
  padding: 24px 28px !important;
  border-radius: 26px !important;
  background: #FFFFFF !important;
  border: 1px solid rgba(100,31,178,.13) !important;
  box-shadow: 0 16px 38px rgba(16,24,40,.07) !important;
}

.moov-bi-vendas-page .moov-bi-vendas-filter-box h1,
.moov-bi-vendas-page .moov-bi-vendas-filter-box h2 {
  margin: 0 0 8px !important;
  font-size: clamp(28px, 3vw, 44px) !important;
  line-height: 1.03 !important;
  color: var(--bi-ink) !important;
  letter-spacing: -.045em !important;
}

.moov-bi-vendas-page .moov-bi-vendas-filter-box p {
  margin: 0 !important;
  color: var(--bi-muted) !important;
  font-size: 14px !important;
  line-height: 1.55 !important;
  max-width: 720px !important;
}

.moov-bi-vendas-page .moov-bi-vendas-filter-box select,
.moov-bi-vendas-page .moov-bi-vendas-filter-box input {
  min-height: 46px !important;
  border: 1px solid #D0D5DD !important;
  border-radius: 14px !important;
  background: #FFFFFF !important;
  color: var(--bi-ink) !important;
  font-weight: 750 !important;
  padding: 0 12px !important;
}

.moov-bi-vendas-page .moov-bi-vendas-filter-box select:focus,
.moov-bi-vendas-page .moov-bi-vendas-filter-box input:focus {
  border-color: var(--bi-purple-2) !important;
  box-shadow: 0 0 0 4px rgba(141,34,217,.12) !important;
  outline: none !important;
}

.moov-bi-vendas-page .moov-bi-vendas-filter-box button {
  min-height: 44px !important;
  border-radius: 14px !important;
  font-weight: 900 !important;
}

.moov-bi-vendas-page .moov-bi-vendas-title-card {
  display: grid !important;
  grid-template-columns: 1fr auto !important;
  align-items: center !important;
  gap: 16px !important;
  padding: 26px 30px !important;
  border-radius: 26px !important;
  background:
    radial-gradient(circle at 100% 0%, rgba(84,211,154,.18), transparent 32%),
    linear-gradient(135deg, #F8F1FF 0%, #FFFFFF 50%, #F4FFF9 100%) !important;
  border: 1px solid rgba(100,31,178,.14) !important;
}

.moov-bi-vendas-reading {
  display: grid;
  grid-template-columns: 1.1fr 1.4fr;
  gap: 16px;
  margin: 18px 0 24px;
  padding: 20px;
  border-radius: 24px;
  background:
    radial-gradient(circle at 100% 0%, rgba(84,211,154,.18), transparent 30%),
    linear-gradient(135deg, #FFFFFF 0%, #FBF8FF 60%, #F7FFFC 100%);
  border: 1px solid rgba(100,31,178,.13);
  box-shadow: 0 14px 34px rgba(16,24,40,.06);
}

.moov-bi-vendas-reading span {
  display: inline-flex;
  padding: 6px 11px;
  border-radius: 999px;
  background: rgba(100,31,178,.11);
  color: var(--bi-purple);
  font-size: 11px;
  font-weight: 950;
  text-transform: uppercase;
  letter-spacing: .07em;
}

.moov-bi-vendas-reading strong {
  display: block;
  margin-top: 10px;
  color: var(--bi-ink);
  font-size: 28px;
  font-weight: 950;
  letter-spacing: -.035em;
}

.moov-bi-vendas-reading p {
  margin: 8px 0 0;
  color: var(--bi-muted);
  font-size: 14px;
  line-height: 1.55;
  font-weight: 650;
}

.moov-bi-vendas-reading-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(160px, 1fr));
  gap: 12px;
}

.moov-bi-vendas-reading-grid article {
  padding: 16px;
  border-radius: 18px;
  background: #FFFFFF;
  border: 1px solid #E4D7FF;
}

.moov-bi-vendas-reading-grid small {
  display: block;
  color: var(--bi-muted);
  font-size: 11px;
  font-weight: 950;
  text-transform: uppercase;
  letter-spacing: .06em;
}

.moov-bi-vendas-reading-grid b {
  display: block;
  margin-top: 8px;
  color: var(--bi-purple);
  font-size: 18px;
  font-weight: 950;
}

.moov-bi-vendas-reading-grid em {
  display: block;
  margin-top: 4px;
  color: var(--bi-muted);
  font-style: normal;
  font-size: 12px;
  font-weight: 700;
}

.moov-bi-vendas-card,
.moov-bi-vendas-main-table-card {
  border-radius: 24px !important;
  background: #FFFFFF !important;
  border: 1px solid rgba(100,31,178,.12) !important;
  box-shadow: 0 14px 34px rgba(16,24,40,.06) !important;
}

.moov-bi-vendas-main-table-card {
  padding: 18px !important;
  overflow: hidden !important;
}

.moov-bi-vendas-main-table-card > div,
.moov-bi-vendas-main-table-card table {
  max-height: none !important;
}

.moov-bi-vendas-table,
.moov-bi-vendas-main-table {
  width: 100% !important;
  border-collapse: separate !important;
  border-spacing: 0 !important;
  overflow: hidden !important;
  border-radius: 18px !important;
  border: 1px solid #DDE2EE !important;
}

.moov-bi-vendas-table th,
.moov-bi-vendas-main-table th {
  position: sticky;
  top: 0;
  z-index: 2;
  padding: 14px 16px !important;
  background: linear-gradient(90deg, #F4ECFF, #F8FBFF) !important;
  color: var(--bi-purple) !important;
  font-size: 11px !important;
  font-weight: 950 !important;
  text-transform: uppercase !important;
  letter-spacing: .065em !important;
  text-align: left !important;
  border-bottom: 1px solid #DDE2EE !important;
}

.moov-bi-vendas-table td,
.moov-bi-vendas-main-table td {
  padding: 14px 16px !important;
  border-bottom: 1px solid #EAECF0 !important;
  color: #344054 !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
}

.moov-bi-vendas-table tbody tr:nth-child(even) td,
.moov-bi-vendas-main-table tbody tr:nth-child(even) td {
  background: #FAFBFF !important;
}

.moov-bi-vendas-table tbody tr:hover td,
.moov-bi-vendas-main-table tbody tr:hover td {
  background: #F8F1FF !important;
}

.moov-bi-vendas-badge,
.moov-bi-vendas-source {
  display: inline-flex;
  align-items: center;
  min-height: 26px;
  padding: 5px 10px;
  border-radius: 999px;
  background: #F4ECFF;
  color: var(--bi-purple);
  font-size: 12px;
  font-weight: 950;
}

.moov-bi-vendas-source {
  background: #ECFDF3;
  color: #027A48;
}

@media (max-width: 1200px) {
  .moov-bi-vendas-page .moov-bi-vendas-filter-box,
  .moov-bi-vendas-reading,
  .moov-bi-vendas-page .moov-bi-vendas-hero,
  .moov-bi-vendas-page .moov-bi-vendas-title-card {
    grid-template-columns: 1fr !important;
  }

  .moov-bi-vendas-reading-grid {
    grid-template-columns: 1fr;
  }
}


/* ==========================================================
   BI DE VENDAS — REALINHAMENTO FINAL
========================================================== */

.moov-bi-vendas-clean {
  --bi-purple: #641FB2;
  --bi-purple-2: #8D22D9;
  --bi-green: #54D39A;
  --bi-ink: #101828;
  --bi-muted: #667085;
}

/* Remove efeitos exagerados aplicados antes */
.moov-bi-vendas-clean .moov-bi-vendas-filter-box,
.moov-bi-vendas-clean .moov-bi-vendas-card,
.moov-bi-vendas-clean .moov-bi-vendas-main-table-card,
.moov-bi-vendas-clean .moov-bi-vendas-title-card {
  all: unset;
}

/* Cabeçalho superior */
.moov-bi-vendas-clean .bi-vendas-header-clean {
  display: grid !important;
  grid-template-columns: 1fr auto !important;
  align-items: center !important;
  gap: 24px !important;
  min-height: auto !important;
  padding: 28px 32px !important;
  margin-bottom: 22px !important;
  border-radius: 26px !important;
  background:
    radial-gradient(circle at 100% 0%, rgba(84,211,154,.20), transparent 34%),
    linear-gradient(135deg, #FFFFFF 0%, #FBF8FF 62%, #F4FFF9 100%) !important;
  border: 1px solid rgba(100,31,178,.14) !important;
  box-shadow: 0 16px 38px rgba(16,24,40,.07) !important;
}

.moov-bi-vendas-clean .bi-vendas-header-clean h1,
.moov-bi-vendas-clean .bi-vendas-header-clean h2 {
  margin: 0 0 8px !important;
  font-size: 28px !important;
  line-height: 1.1 !important;
  color: var(--bi-ink) !important;
  letter-spacing: -.035em !important;
}

.moov-bi-vendas-clean .bi-vendas-header-clean p {
  margin: 0 !important;
  color: var(--bi-muted) !important;
  font-size: 14px !important;
  line-height: 1.45 !important;
}

/* Filtros */
.moov-bi-vendas-clean .bi-vendas-filter-clean {
  display: grid !important;
  grid-template-columns: 1fr !important;
  gap: 18px !important;
  padding: 24px 28px !important;
  margin-bottom: 22px !important;
  border-radius: 26px !important;
  background: #FFFFFF !important;
  border: 1px solid rgba(100,31,178,.13) !important;
  box-shadow: 0 16px 36px rgba(16,24,40,.06) !important;
}

.moov-bi-vendas-clean .bi-vendas-filter-clean > * {
  max-width: 100% !important;
}

.moov-bi-vendas-clean .bi-vendas-filter-clean h1,
.moov-bi-vendas-clean .bi-vendas-filter-clean h2 {
  margin: 0 !important;
  max-width: 760px !important;
  font-size: clamp(30px, 3vw, 44px) !important;
  line-height: 1.05 !important;
  color: var(--bi-ink) !important;
  letter-spacing: -.045em !important;
}

.moov-bi-vendas-clean .bi-vendas-filter-clean p {
  margin: 8px 0 0 !important;
  max-width: 720px !important;
  color: var(--bi-muted) !important;
  font-size: 14px !important;
  line-height: 1.5 !important;
}

.moov-bi-vendas-clean .bi-vendas-filter-clean input,
.moov-bi-vendas-clean .bi-vendas-filter-clean select {
  width: 100% !important;
  min-height: 46px !important;
  border-radius: 14px !important;
  border: 1px solid #D0D5DD !important;
  background: #FFFFFF !important;
  color: var(--bi-ink) !important;
  font-weight: 750 !important;
  padding: 0 12px !important;
  outline: none !important;
}

.moov-bi-vendas-clean .bi-vendas-filter-clean button {
  min-height: 44px !important;
  border-radius: 14px !important;
  font-weight: 900 !important;
}

/* Normaliza qualquer grid interno dos filtros */
.moov-bi-vendas-clean .bi-vendas-filter-clean > div {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 12px !important;
  align-items: end !important;
}

.moov-bi-vendas-clean .bi-vendas-filter-clean label,
.moov-bi-vendas-clean .bi-vendas-filter-clean .filter-field {
  flex: 1 1 210px !important;
  min-width: 210px !important;
}

/* Título da seção de vendas */
.moov-bi-vendas-clean .bi-vendas-title-clean {
  display: grid !important;
  grid-template-columns: 1fr auto !important;
  align-items: center !important;
  gap: 18px !important;
  padding: 26px 30px !important;
  margin: 22px 0 !important;
  border-radius: 26px !important;
  background:
    radial-gradient(circle at 100% 0%, rgba(84,211,154,.18), transparent 32%),
    linear-gradient(135deg, #F8F1FF 0%, #FFFFFF 52%, #F4FFF9 100%) !important;
  border: 1px solid rgba(100,31,178,.14) !important;
}

.moov-bi-vendas-clean .bi-vendas-title-clean h1,
.moov-bi-vendas-clean .bi-vendas-title-clean h2 {
  margin: 0 !important;
  font-size: clamp(34px, 4vw, 56px) !important;
  line-height: 1 !important;
}

/* Cards de KPI */
.moov-bi-vendas-clean .bi-vendas-kpi-clean {
  min-width: 190px !important;
  min-height: 132px !important;
  padding: 22px !important;
  border-radius: 22px !important;
  background: #FFFFFF !important;
  border: 1px solid #DDE2EE !important;
  box-shadow: 0 12px 28px rgba(16,24,40,.05) !important;
  overflow: hidden !important;
}

.moov-bi-vendas-clean .bi-vendas-kpi-clean * {
  max-width: 100% !important;
  white-space: normal !important;
}

/* Leitura executiva */
.moov-bi-vendas-clean .bi-vendas-reading-clean,
.moov-bi-vendas-clean #moovBIVendasQuickReading {
  display: grid !important;
  grid-template-columns: 1.1fr 1.4fr !important;
  gap: 16px !important;
  margin: 22px 0 !important;
  padding: 20px !important;
  border-radius: 24px !important;
  background:
    radial-gradient(circle at 100% 0%, rgba(84,211,154,.16), transparent 30%),
    linear-gradient(135deg, #FFFFFF 0%, #FBF8FF 62%, #F7FFFC 100%) !important;
  border: 1px solid rgba(100,31,178,.13) !important;
  box-shadow: 0 14px 32px rgba(16,24,40,.06) !important;
}

/* Tabela principal */
.moov-bi-vendas-clean .bi-vendas-table-card-clean {
  display: block !important;
  width: 100% !important;
  max-width: 100% !important;
  padding: 20px !important;
  margin: 22px 0 !important;
  border-radius: 24px !important;
  background: #FFFFFF !important;
  border: 1px solid rgba(100,31,178,.12) !important;
  box-shadow: 0 14px 34px rgba(16,24,40,.06) !important;
  overflow: hidden !important;
}

.moov-bi-vendas-clean .bi-vendas-table-card-clean > div {
  max-height: 520px !important;
  overflow: auto !important;
  border-radius: 18px !important;
}

.moov-bi-vendas-clean .bi-vendas-table-clean {
  width: 100% !important;
  min-width: 980px !important;
  border-collapse: separate !important;
  border-spacing: 0 !important;
  border: 1px solid #DDE2EE !important;
  border-radius: 18px !important;
  overflow: hidden !important;
}

.moov-bi-vendas-clean .bi-vendas-table-clean th {
  position: sticky !important;
  top: 0 !important;
  z-index: 2 !important;
  padding: 14px 16px !important;
  background: linear-gradient(90deg, #F4ECFF, #F8FBFF) !important;
  color: var(--bi-purple) !important;
  font-size: 11px !important;
  font-weight: 950 !important;
  text-transform: uppercase !important;
  letter-spacing: .065em !important;
  text-align: left !important;
  border-bottom: 1px solid #DDE2EE !important;
}

.moov-bi-vendas-clean .bi-vendas-table-clean td {
  padding: 14px 16px !important;
  border-bottom: 1px solid #EAECF0 !important;
  color: #344054 !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
}

.moov-bi-vendas-clean .bi-vendas-table-clean tbody tr:nth-child(even) td {
  background: #FAFBFF !important;
}

.moov-bi-vendas-clean .bi-vendas-table-clean tbody tr:hover td {
  background: #F8F1FF !important;
}

.moov-bi-vendas-clean .bi-vendas-pill,
.moov-bi-vendas-clean .bi-vendas-source {
  display: inline-flex !important;
  align-items: center !important;
  min-height: 26px !important;
  padding: 5px 10px !important;
  border-radius: 999px !important;
  background: #F4ECFF !important;
  color: var(--bi-purple) !important;
  font-size: 12px !important;
  font-weight: 950 !important;
}

.moov-bi-vendas-clean .bi-vendas-source {
  background: #ECFDF3 !important;
  color: #027A48 !important;
}

@media (max-width: 1200px) {
  .moov-bi-vendas-clean .bi-vendas-header-clean,
  .moov-bi-vendas-clean .bi-vendas-title-clean,
  .moov-bi-vendas-clean .bi-vendas-reading-clean,
  .moov-bi-vendas-clean #moovBIVendasQuickReading {
    grid-template-columns: 1fr !important;
  }
}


/* ==========================================================
   BI DE VENDAS — CORREÇÃO DEFINITIVA DE ALINHAMENTO
========================================================== */

.bi-vendas-layout-fix {
  --bi-purple: #641FB2;
  --bi-purple-2: #8D22D9;
  --bi-green: #54D39A;
  --bi-ink: #101828;
  --bi-muted: #667085;
}

/* Força a página a voltar para fluxo vertical */
.bi-vendas-layout-fix,
.bi-vendas-layout-fix > * {
  box-sizing: border-box !important;
}

.bi-vendas-layout-fix > section,
.bi-vendas-layout-fix > article,
.bi-vendas-layout-fix > div {
  max-width: 100% !important;
}

/* Header do BI */
.bi-vendas-layout-fix .bi-vendas-fixed-header {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 24px !important;
  width: 100% !important;
  min-height: 150px !important;
  padding: 28px 32px !important;
  margin: 0 0 22px !important;
  border-radius: 26px !important;
  background:
    radial-gradient(circle at 100% 0%, rgba(84,211,154,.20), transparent 34%),
    linear-gradient(135deg, #FFFFFF 0%, #FBF8FF 62%, #F4FFF9 100%) !important;
  border: 1px solid rgba(100,31,178,.14) !important;
  box-shadow: 0 16px 38px rgba(16,24,40,.07) !important;
}

.bi-vendas-layout-fix .bi-vendas-fixed-header > * {
  max-width: 780px !important;
}

.bi-vendas-layout-fix .bi-vendas-fixed-header h1,
.bi-vendas-layout-fix .bi-vendas-fixed-header h2 {
  margin: 0 0 8px !important;
  font-size: 30px !important;
  line-height: 1.1 !important;
  color: var(--bi-ink) !important;
  letter-spacing: -.035em !important;
}

.bi-vendas-layout-fix .bi-vendas-fixed-header p {
  margin: 0 !important;
  color: var(--bi-muted) !important;
  font-size: 14px !important;
}

.bi-vendas-layout-fix .bi-vendas-fixed-update-btn {
  width: auto !important;
  min-width: 160px !important;
  max-width: 220px !important;
  height: 48px !important;
  padding: 0 22px !important;
  border-radius: 14px !important;
  white-space: nowrap !important;
  flex-shrink: 0 !important;
}

/* Filtros */
.bi-vendas-layout-fix .bi-vendas-fixed-filters {
  display: grid !important;
  grid-template-columns: 1fr !important;
  gap: 18px !important;
  width: 100% !important;
  padding: 24px 28px !important;
  margin: 0 0 24px !important;
  border-radius: 26px !important;
  background: #FFFFFF !important;
  border: 1px solid rgba(100,31,178,.13) !important;
  box-shadow: 0 16px 36px rgba(16,24,40,.06) !important;
}

.bi-vendas-layout-fix .bi-vendas-fixed-filters h1,
.bi-vendas-layout-fix .bi-vendas-fixed-filters h2 {
  margin: 0 !important;
  max-width: 820px !important;
  font-size: clamp(30px, 3vw, 44px) !important;
  line-height: 1.05 !important;
  color: var(--bi-ink) !important;
}

.bi-vendas-layout-fix .bi-vendas-fixed-filters p {
  margin: 8px 0 0 !important;
  max-width: 760px !important;
  color: var(--bi-muted) !important;
  font-size: 14px !important;
}

/* Garante que campos fiquem em linha */
.bi-vendas-layout-fix .bi-vendas-fixed-filters input,
.bi-vendas-layout-fix .bi-vendas-fixed-filters select {
  min-height: 46px !important;
  border-radius: 14px !important;
  border: 1px solid #D0D5DD !important;
  background: #FFFFFF !important;
  color: var(--bi-ink) !important;
  font-weight: 750 !important;
  padding: 0 12px !important;
}

.bi-vendas-layout-fix .bi-vendas-fixed-filters label {
  min-width: 210px !important;
}

.bi-vendas-layout-fix .bi-vendas-fixed-period-btn,
.bi-vendas-layout-fix .bi-vendas-fixed-apply,
.bi-vendas-layout-fix .bi-vendas-fixed-clear {
  min-height: 42px !important;
  border-radius: 14px !important;
  padding: 0 16px !important;
  font-weight: 900 !important;
  white-space: nowrap !important;
}

/* Card título vendas */
.bi-vendas-layout-fix .bi-vendas-fixed-title {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  width: 100% !important;
  gap: 20px !important;
  padding: 26px 30px !important;
  margin: 0 0 22px !important;
  border-radius: 26px !important;
  background:
    radial-gradient(circle at 100% 0%, rgba(84,211,154,.18), transparent 32%),
    linear-gradient(135deg, #F8F1FF 0%, #FFFFFF 52%, #F4FFF9 100%) !important;
  border: 1px solid rgba(100,31,178,.14) !important;
}

.bi-vendas-layout-fix .bi-vendas-fixed-title h1,
.bi-vendas-layout-fix .bi-vendas-fixed-title h2 {
  margin: 0 !important;
  font-size: clamp(38px, 4vw, 58px) !important;
  line-height: 1 !important;
}

/* KPIs e gráfico */
.bi-vendas-layout-fix .bi-vendas-fixed-kpi-grid {
  display: grid !important;
  grid-template-columns: 1.25fr repeat(4, minmax(180px, 1fr)) !important;
  gap: 18px !important;
  align-items: stretch !important;
  width: 100% !important;
  margin: 0 0 24px !important;
}

.bi-vendas-layout-fix .bi-vendas-fixed-chart-card,
.bi-vendas-layout-fix .bi-vendas-fixed-kpi {
  min-width: 0 !important;
  min-height: 150px !important;
  padding: 22px !important;
  border-radius: 22px !important;
  background: #FFFFFF !important;
  border: 1px solid #DDE2EE !important;
  box-shadow: 0 12px 28px rgba(16,24,40,.05) !important;
  overflow: hidden !important;
}

.bi-vendas-layout-fix .bi-vendas-fixed-chart-card {
  grid-row: span 2 !important;
  min-height: 360px !important;
}

.bi-vendas-layout-fix .bi-vendas-fixed-kpi * {
  max-width: 100% !important;
  white-space: normal !important;
}

/* Leitura executiva */
.bi-vendas-layout-fix .bi-vendas-fixed-reading,
.bi-vendas-layout-fix #moovBIVendasQuickReading {
  display: grid !important;
  grid-template-columns: 1.1fr 1.4fr !important;
  gap: 16px !important;
  width: 100% !important;
  margin: 22px 0 !important;
  padding: 20px !important;
  border-radius: 24px !important;
  background:
    radial-gradient(circle at 100% 0%, rgba(84,211,154,.16), transparent 30%),
    linear-gradient(135deg, #FFFFFF 0%, #FBF8FF 62%, #F7FFFC 100%) !important;
  border: 1px solid rgba(100,31,178,.13) !important;
  box-shadow: 0 14px 32px rgba(16,24,40,.06) !important;
}

/* Tabela */
.bi-vendas-layout-fix .bi-vendas-fixed-table-card {
  display: block !important;
  width: 100% !important;
  max-width: 100% !important;
  padding: 20px !important;
  margin: 22px 0 !important;
  border-radius: 24px !important;
  background: #FFFFFF !important;
  border: 1px solid rgba(100,31,178,.12) !important;
  box-shadow: 0 14px 34px rgba(16,24,40,.06) !important;
  overflow: hidden !important;
}

.bi-vendas-layout-fix .bi-vendas-fixed-table-card > div {
  max-height: 520px !important;
  overflow: auto !important;
  border-radius: 18px !important;
}

.bi-vendas-layout-fix .bi-vendas-fixed-table {
  width: 100% !important;
  min-width: 980px !important;
  border-collapse: separate !important;
  border-spacing: 0 !important;
  border: 1px solid #DDE2EE !important;
  border-radius: 18px !important;
  overflow: hidden !important;
}

.bi-vendas-layout-fix .bi-vendas-fixed-table th {
  position: sticky !important;
  top: 0 !important;
  z-index: 2 !important;
  padding: 14px 16px !important;
  background: linear-gradient(90deg, #F4ECFF, #F8FBFF) !important;
  color: var(--bi-purple) !important;
  font-size: 11px !important;
  font-weight: 950 !important;
  text-transform: uppercase !important;
  letter-spacing: .065em !important;
  text-align: left !important;
  border-bottom: 1px solid #DDE2EE !important;
}

.bi-vendas-layout-fix .bi-vendas-fixed-table td {
  padding: 14px 16px !important;
  border-bottom: 1px solid #EAECF0 !important;
  color: #344054 !important;
  font-size: 13px !important;
  font-weight: 700 !important;
}

.bi-vendas-layout-fix .bi-vendas-fixed-table tbody tr:nth-child(even) td {
  background: #FAFBFF !important;
}

.bi-vendas-layout-fix .bi-vendas-fixed-table tbody tr:hover td {
  background: #F8F1FF !important;
}

@media (max-width: 1300px) {
  .bi-vendas-layout-fix .bi-vendas-fixed-kpi-grid {
    grid-template-columns: repeat(2, minmax(220px, 1fr)) !important;
  }

  .bi-vendas-layout-fix .bi-vendas-fixed-chart-card {
    grid-row: auto !important;
  }
}

@media (max-width: 900px) {
  .bi-vendas-layout-fix .bi-vendas-fixed-header,
  .bi-vendas-layout-fix .bi-vendas-fixed-title,
  .bi-vendas-layout-fix .bi-vendas-fixed-reading,
  .bi-vendas-layout-fix #moovBIVendasQuickReading {
    display: grid !important;
    grid-template-columns: 1fr !important;
  }

  .bi-vendas-layout-fix .bi-vendas-fixed-kpi-grid {
    grid-template-columns: 1fr !important;
  }
}


/* ==========================================================
   VENDAS DA EQUIPE — KOMMO REAL
========================================================== */

.moov-team-sales-page {
  --team-purple: #641FB2;
  --team-green: #54D39A;
  --team-ink: #101828;
  --team-muted: #667085;
}

.moov-team-sales-page .moov-team-sales-kpi {
  border-radius: 20px !important;
  background: #FFFFFF !important;
  border: 1px solid #DDE2EE !important;
  box-shadow: 0 12px 28px rgba(16,24,40,.05) !important;
}

.moov-team-sales-page .moov-team-sales-panel {
  padding: 22px !important;
  border-radius: 22px !important;
  background: #FFFFFF !important;
  border: 1px solid rgba(100,31,178,.12) !important;
  box-shadow: 0 12px 30px rgba(16,24,40,.05) !important;
}

.moov-team-sales-list {
  display: grid;
  gap: 10px;
  margin-top: 14px;
}

.moov-team-sales-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  padding: 14px 16px;
  border-radius: 16px;
  background: #FBF8FF;
  border: 1px solid #E4D7FF;
}

.moov-team-sales-row strong {
  display: block;
  color: var(--team-ink);
  font-weight: 950;
}

.moov-team-sales-row small {
  display: block;
  margin-top: 4px;
  color: var(--team-muted);
  font-size: 12px;
  font-weight: 700;
}

.moov-team-sales-row b {
  color: var(--team-purple);
  font-weight: 950;
  white-space: nowrap;
}

.moov-team-sales-empty {
  padding: 16px;
  border-radius: 16px;
  background: #FBF8FF;
  border: 1px solid #E4D7FF;
  color: var(--team-muted);
  font-weight: 800;
}

.moov-team-sales-content {
  margin-top: 22px;
}

.moov-team-sales-table-card {
  padding: 22px;
  border-radius: 24px;
  background: #FFFFFF;
  border: 1px solid rgba(100,31,178,.12);
  box-shadow: 0 14px 34px rgba(16,24,40,.06);
}

.moov-team-sales-table-card h2 {
  margin: 0 0 6px;
  color: var(--team-ink);
  font-size: 24px;
  font-weight: 950;
}

.moov-team-sales-table-card p {
  margin: 0 0 16px;
  color: var(--team-muted);
  font-size: 14px;
  font-weight: 650;
}

.moov-team-sales-table-wrap {
  overflow: auto;
  border-radius: 18px;
  border: 1px solid #DDE2EE;
}

.moov-team-sales-table {
  width: 100%;
  min-width: 900px;
  border-collapse: separate;
  border-spacing: 0;
}

.moov-team-sales-table th {
  padding: 14px 16px;
  background: linear-gradient(90deg, #F4ECFF, #F8FBFF);
  color: var(--team-purple);
  font-size: 11px;
  font-weight: 950;
  text-transform: uppercase;
  letter-spacing: .065em;
  text-align: left;
}

.moov-team-sales-table td {
  padding: 14px 16px;
  border-top: 1px solid #EAECF0;
  color: #344054;
  font-size: 13px;
  font-weight: 700;
}

.moov-team-sales-table tbody tr:nth-child(even) td {
  background: #FAFBFF;
}

.moov-team-sales-pill,
.moov-team-sales-table td span {
  display: inline-flex;
  align-items: center;
  min-height: 26px;
  padding: 5px 10px;
  border-radius: 999px;
  background: #ECFDF3;
  color: #027A48;
  font-size: 12px;
  font-weight: 950;
}


/* ==========================================================
   INDICADORES COMERCIAIS — FILTRO DE CALENDÁRIO
========================================================== */

.moov-indicadores-page {
  --ind-purple: #641FB2;
  --ind-purple-2: #8D22D9;
  --ind-green: #54D39A;
  --ind-ink: #101828;
  --ind-muted: #667085;
}

.moov-indicadores-filters {
  margin: 18px 0 24px;
  padding: 22px;
  border-radius: 24px;
  background:
    radial-gradient(circle at 100% 0%, rgba(84,211,154,.16), transparent 32%),
    linear-gradient(135deg, #FFFFFF 0%, #FBF8FF 62%, #F7FFFC 100%);
  border: 1px solid rgba(100,31,178,.13);
  box-shadow: 0 14px 34px rgba(16,24,40,.06);
}

.moov-indicadores-filter-title span {
  display: inline-flex;
  padding: 6px 11px;
  border-radius: 999px;
  background: rgba(100,31,178,.11);
  color: var(--ind-purple);
  font-size: 11px;
  font-weight: 950;
  text-transform: uppercase;
  letter-spacing: .07em;
}

.moov-indicadores-filter-title strong {
  display: block;
  margin-top: 8px;
  color: var(--ind-ink);
  font-size: 24px;
  font-weight: 950;
  letter-spacing: -.035em;
}

.moov-indicadores-filter-title small {
  display: block;
  margin-top: 4px;
  color: var(--ind-muted);
  font-size: 13px;
  font-weight: 650;
}

.moov-indicadores-shortcuts {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin: 16px 0;
}

.moov-indicadores-shortcuts button,
#indicadoresApplyFilters,
#indicadoresClearFilters {
  min-height: 40px;
  border: 0;
  border-radius: 13px;
  padding: 0 15px;
  font-weight: 900;
  cursor: pointer;
}

.moov-indicadores-shortcuts button {
  background: #F4ECFF;
  color: var(--ind-purple);
}

.moov-indicadores-shortcuts button.active {
  background: linear-gradient(135deg, var(--ind-purple), var(--ind-purple-2));
  color: #FFFFFF;
  box-shadow: 0 8px 20px rgba(100,31,178,.22);
}

.moov-indicadores-filter-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(220px, 1fr)) auto auto;
  gap: 12px;
  align-items: end;
}

.moov-indicadores-filter-grid label {
  display: flex;
  flex-direction: column;
  gap: 6px;
}

.moov-indicadores-filter-grid label span {
  color: var(--ind-muted);
  font-size: 11px;
  font-weight: 950;
  text-transform: uppercase;
  letter-spacing: .065em;
}

.moov-indicadores-filter-grid input {
  min-height: 44px;
  border-radius: 14px;
  border: 1px solid #D0D5DD;
  background: #FFFFFF;
  color: var(--ind-ink);
  font-weight: 800;
  padding: 0 12px;
  outline: none;
}

.moov-indicadores-filter-grid input:focus {
  border-color: var(--ind-purple-2);
  box-shadow: 0 0 0 4px rgba(141,34,217,.12);
}

#indicadoresApplyFilters {
  background: linear-gradient(135deg, var(--ind-purple), var(--ind-purple-2));
  color: #FFFFFF;
}

#indicadoresClearFilters {
  background: #101828;
  color: #FFFFFF;
}

.moov-indicadores-filter-summary {
  margin-top: 14px;
  padding: 12px 14px;
  border-radius: 14px;
  background: #FBF8FF;
  border: 1px solid #E4D7FF;
  color: var(--ind-purple);
  font-size: 13px;
  font-weight: 850;
}

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


/* ==========================================================
   GESTÃO DE USUÁRIOS — VÍNCULO KOMMO
========================================================== */

.moov-user-kommo-panel {
  margin: 20px 0;
  padding: 22px;
  border-radius: 24px;
  background:
    radial-gradient(circle at 100% 0%, rgba(84,211,154,.16), transparent 32%),
    linear-gradient(135deg, #FFFFFF 0%, #FBF8FF 62%, #F7FFFC 100%);
  border: 1px solid rgba(100,31,178,.13);
  box-shadow: 0 14px 34px rgba(16,24,40,.06);
}

.moov-user-kommo-head {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 18px;
  margin-bottom: 16px;
}

.moov-user-kommo-head span {
  display: inline-flex;
  padding: 6px 11px;
  border-radius: 999px;
  background: rgba(100,31,178,.11);
  color: #641FB2;
  font-size: 11px;
  font-weight: 950;
  text-transform: uppercase;
  letter-spacing: .07em;
}

.moov-user-kommo-head strong {
  display: block;
  margin-top: 8px;
  color: #101828;
  font-size: 24px;
  font-weight: 950;
}

.moov-user-kommo-head p {
  margin: 6px 0 0;
  color: #667085;
  font-size: 14px;
  font-weight: 650;
}

.moov-user-kommo-head button,
.moov-save-kommo-link {
  min-height: 42px;
  border: 0;
  border-radius: 13px;
  padding: 0 15px;
  background: linear-gradient(135deg, #641FB2, #8D22D9);
  color: #FFFFFF;
  font-weight: 900;
  cursor: pointer;
}

.moov-user-kommo-table-wrap {
  overflow: auto;
  border-radius: 18px;
  border: 1px solid #DDE2EE;
}

.moov-user-kommo-table {
  width: 100%;
  min-width: 900px;
  border-collapse: separate;
  border-spacing: 0;
  background: #FFFFFF;
}

.moov-user-kommo-table th {
  padding: 14px 16px;
  background: linear-gradient(90deg, #F4ECFF, #F8FBFF);
  color: #641FB2;
  font-size: 11px;
  font-weight: 950;
  text-transform: uppercase;
  letter-spacing: .065em;
  text-align: left;
}

.moov-user-kommo-table td {
  padding: 14px 16px;
  border-top: 1px solid #EAECF0;
  color: #344054;
  font-size: 13px;
  font-weight: 700;
  vertical-align: middle;
}

.moov-user-kommo-table td strong {
  display: block;
  color: #101828;
}

.moov-user-kommo-table td small {
  display: block;
  color: #667085;
  font-size: 12px;
  margin-top: 3px;
}

.moov-kommo-link-select {
  width: 100%;
  min-height: 42px;
  border-radius: 13px;
  border: 1px solid #D0D5DD;
  background: #FFFFFF;
  color: #101828;
  font-weight: 750;
  padding: 0 10px;
}

.moov-link-ok,
.moov-link-pending {
  display: inline-flex;
  align-items: center;
  min-height: 26px;
  padding: 5px 10px;
  border-radius: 999px;
  font-size: 12px;
  font-weight: 950;
}

.moov-link-ok {
  background: #ECFDF3;
  color: #027A48;
}

.moov-link-pending {
  background: #FFF7E6;
  color: #B54708;
}


/* Gestão de Usuários — Botão Excluir */
.moov-user-delete-btn {
  background: #DC2626 !important;
  color: #FFFFFF !important;
  border: 0 !important;
}

.moov-user-delete-btn:hover {
  background: #B91C1C !important;
}


/* Perfil vinculado ao Kommo */
.moov-logged-kommo-badge {
  position: fixed;
  right: 24px;
  bottom: 24px;
  z-index: 9999;
  max-width: 320px;
  padding: 14px 16px;
  border-radius: 18px;
  background: #FFFFFF;
  border: 1px solid rgba(100,31,178,.18);
  box-shadow: 0 16px 40px rgba(16,24,40,.16);
}

.moov-logged-kommo-badge strong {
  display: block;
  color: #101828;
  font-size: 13px;
  font-weight: 950;
}

.moov-logged-kommo-badge span {
  display: block;
  margin-top: 4px;
  color: #641FB2;
  font-size: 12px;
  font-weight: 850;
}


/* ==========================================================
   PERFIL DO VENDEDOR — DADOS KOMMO
========================================================== */

.moov-seller-kommo-panel {
  margin: 18px 0 24px;
  padding: 22px;
  border-radius: 24px;
  background:
    radial-gradient(circle at 100% 0%, rgba(84,211,154,.16), transparent 32%),
    linear-gradient(135deg, #FFFFFF 0%, #FBF8FF 62%, #F7FFFC 100%);
  border: 1px solid rgba(100,31,178,.13);
  box-shadow: 0 14px 34px rgba(16,24,40,.06);
}

.moov-seller-kommo-head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 18px;
  margin-bottom: 18px;
}

.moov-seller-kommo-head span {
  display: inline-flex;
  padding: 6px 11px;
  border-radius: 999px;
  background: rgba(100,31,178,.11);
  color: #641FB2;
  font-size: 11px;
  font-weight: 950;
  text-transform: uppercase;
  letter-spacing: .07em;
}

.moov-seller-kommo-head strong {
  display: block;
  margin-top: 8px;
  color: #101828;
  font-size: 26px;
  font-weight: 950;
  letter-spacing: -.035em;
}

.moov-seller-kommo-head p {
  margin: 6px 0 0;
  color: #667085;
  font-size: 14px;
  font-weight: 650;
}

#moovSellerKommoRefresh {
  min-height: 42px;
  border: 0;
  border-radius: 13px;
  padding: 0 15px;
  background: linear-gradient(135deg, #641FB2, #8D22D9);
  color: #FFFFFF;
  font-weight: 900;
  cursor: pointer;
  white-space: nowrap;
}

.moov-seller-kommo-kpis {
  display: grid;
  grid-template-columns: repeat(4, minmax(180px, 1fr));
  gap: 14px;
  margin-bottom: 18px;
}

.moov-seller-kommo-kpis article {
  padding: 18px;
  border-radius: 18px;
  background: #FFFFFF;
  border: 1px solid #DDE2EE;
  box-shadow: 0 10px 24px rgba(16,24,40,.04);
}

.moov-seller-kommo-kpis small {
  display: block;
  color: #667085;
  font-size: 11px;
  font-weight: 950;
  text-transform: uppercase;
  letter-spacing: .06em;
}

.moov-seller-kommo-kpis strong {
  display: block;
  margin-top: 8px;
  color: #101828;
  font-size: 28px;
  font-weight: 950;
}

.moov-seller-kommo-kpis p {
  margin: 5px 0 0;
  color: #667085;
  font-size: 12px;
  font-weight: 700;
}

.moov-seller-kommo-table-card {
  padding: 18px;
  border-radius: 20px;
  background: #FFFFFF;
  border: 1px solid rgba(100,31,178,.12);
}

.moov-seller-kommo-table-head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 16px;
  margin-bottom: 14px;
}

.moov-seller-kommo-table-head h2 {
  margin: 0;
  color: #101828;
  font-size: 22px;
  font-weight: 950;
}

.moov-seller-kommo-table-head p {
  margin: 4px 0 0;
  color: #667085;
  font-size: 13px;
  font-weight: 650;
}

.moov-seller-kommo-table-head > span {
  display: inline-flex;
  padding: 7px 11px;
  border-radius: 999px;
  background: #F4ECFF;
  color: #641FB2;
  font-size: 12px;
  font-weight: 950;
  white-space: nowrap;
}

.moov-seller-kommo-table-wrap {
  overflow: auto;
  border-radius: 16px;
  border: 1px solid #DDE2EE;
}

.moov-seller-kommo-table {
  width: 100%;
  min-width: 850px;
  border-collapse: separate;
  border-spacing: 0;
}

.moov-seller-kommo-table th {
  padding: 13px 15px;
  background: linear-gradient(90deg, #F4ECFF, #F8FBFF);
  color: #641FB2;
  font-size: 11px;
  font-weight: 950;
  text-transform: uppercase;
  letter-spacing: .065em;
  text-align: left;
}

.moov-seller-kommo-table td {
  padding: 13px 15px;
  border-top: 1px solid #EAECF0;
  color: #344054;
  font-size: 13px;
  font-weight: 700;
}

.moov-seller-kommo-table td strong {
  color: #101828;
}

.moov-seller-kommo-table td span {
  display: inline-flex;
  padding: 5px 10px;
  border-radius: 999px;
  background: #ECFDF3;
  color: #027A48;
  font-size: 12px;
  font-weight: 900;
}

.moov-seller-old-empty-hidden {
  display: none !important;
}

@media (max-width: 1000px) {
  .moov-seller-kommo-head,
  .moov-seller-kommo-table-head {
    flex-direction: column;
  }

  .moov-seller-kommo-kpis {
    grid-template-columns: repeat(2, minmax(180px, 1fr));
  }
}

@media (max-width: 650px) {
  .moov-seller-kommo-kpis {
    grid-template-columns: 1fr;
  }
}


/* ==========================================================
   PERFIL VENDEDOR — INSIGHTS KOMMO COMPLETOS
========================================================== */

.seller-insights-root {
  margin: 18px 0 24px;
  padding: 22px;
  border-radius: 24px;
  background:
    radial-gradient(circle at 100% 0%, rgba(84,211,154,.15), transparent 32%),
    linear-gradient(135deg, #FFFFFF 0%, #FBF8FF 62%, #F7FFFC 100%);
  border: 1px solid rgba(100,31,178,.13);
  box-shadow: 0 14px 34px rgba(16,24,40,.06);
}

.seller-insights-header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 16px;
  margin-bottom: 18px;
}

.seller-insights-header span {
  display: inline-flex;
  padding: 6px 11px;
  border-radius: 999px;
  background: rgba(100,31,178,.11);
  color: #641FB2;
  font-size: 11px;
  font-weight: 950;
  text-transform: uppercase;
  letter-spacing: .07em;
}

.seller-insights-header strong {
  display: block;
  margin-top: 8px;
  color: #101828;
  font-size: 28px;
  font-weight: 950;
  letter-spacing: -.035em;
}

.seller-insights-header p {
  margin: 5px 0 0;
  color: #667085;
  font-size: 14px;
  font-weight: 650;
}

#sellerInsightsRefresh {
  min-height: 42px;
  border: 0;
  border-radius: 13px;
  padding: 0 16px;
  background: linear-gradient(135deg, #641FB2, #8D22D9);
  color: #FFFFFF;
  font-weight: 900;
  cursor: pointer;
}

.seller-insights-kpis {
  display: grid;
  grid-template-columns: repeat(6, minmax(140px, 1fr));
  gap: 12px;
  margin-bottom: 18px;
}

.seller-insights-kpis article,
.seller-insights-card,
.seller-insights-table-card {
  background: #FFFFFF;
  border: 1px solid #DDE2EE;
  border-radius: 18px;
  box-shadow: 0 10px 24px rgba(16,24,40,.04);
}

.seller-insights-kpis article {
  padding: 16px;
}

.seller-insights-kpis small,
.seller-insights-goals small {
  display: block;
  color: #667085;
  font-size: 11px;
  font-weight: 950;
  text-transform: uppercase;
  letter-spacing: .06em;
}

.seller-insights-kpis strong {
  display: block;
  margin-top: 8px;
  color: #101828;
  font-size: 24px;
  font-weight: 950;
}

.seller-insights-kpis p {
  margin: 4px 0 0;
  color: #667085;
  font-size: 12px;
  font-weight: 700;
}

.seller-insights-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 14px;
  margin-bottom: 18px;
}

.seller-insights-card {
  padding: 18px;
}

.seller-insights-card h2,
.seller-insights-table-card h2 {
  margin: 0;
  color: #101828;
  font-size: 22px;
  font-weight: 950;
}

.seller-insights-card p,
.seller-insights-table-card p {
  margin: 5px 0 14px;
  color: #667085;
  font-size: 13px;
  font-weight: 650;
}

.seller-insights-list {
  display: grid;
  gap: 10px;
}

.seller-insights-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
  padding: 13px 14px;
  border-radius: 14px;
  background: #FBF8FF;
  border: 1px solid #E4D7FF;
}

.seller-insights-row strong {
  display: block;
  color: #101828;
  font-weight: 950;
}

.seller-insights-row small {
  display: block;
  margin-top: 3px;
  color: #667085;
  font-size: 12px;
  font-weight: 700;
}

.seller-insights-row b {
  color: #641FB2;
  font-weight: 950;
  white-space: nowrap;
}

.seller-insights-table-card {
  padding: 18px;
}

.seller-insights-table-wrap {
  overflow: auto;
  border-radius: 16px;
  border: 1px solid #DDE2EE;
}

.seller-insights-table {
  width: 100%;
  min-width: 900px;
  border-collapse: separate;
  border-spacing: 0;
}

.seller-insights-table th {
  padding: 13px 15px;
  background: linear-gradient(90deg, #F4ECFF, #F8FBFF);
  color: #641FB2;
  font-size: 11px;
  font-weight: 950;
  text-transform: uppercase;
  letter-spacing: .065em;
  text-align: left;
}

.seller-insights-table td {
  padding: 13px 15px;
  border-top: 1px solid #EAECF0;
  color: #344054;
  font-size: 13px;
  font-weight: 700;
}

.seller-insights-table td span {
  display: inline-flex;
  padding: 5px 10px;
  border-radius: 999px;
  background: #ECFDF3;
  color: #027A48;
  font-size: 12px;
  font-weight: 900;
}

.seller-insights-goals {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 14px;
}

.seller-insights-goals article {
  padding: 16px;
  border-radius: 16px;
  background: #FBF8FF;
  border: 1px solid #E4D7FF;
}

.seller-insights-goals strong {
  display: block;
  margin-top: 8px;
  color: #101828;
  font-size: 22px;
  font-weight: 950;
}

.seller-insights-goals article > div {
  height: 10px;
  margin-top: 12px;
  border-radius: 999px;
  background: #EAECF0;
  overflow: hidden;
}

.seller-insights-goals article > div span {
  display: block;
  height: 100%;
  border-radius: 999px;
  background: linear-gradient(135deg, #641FB2, #54D39A);
}

.seller-insights-old-zero {
  display: none !important;
}

@media (max-width: 1200px) {
  .seller-insights-kpis {
    grid-template-columns: repeat(3, minmax(160px, 1fr));
  }

  .seller-insights-grid,
  .seller-insights-goals {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 720px) {
  .seller-insights-header {
    flex-direction: column;
  }

  .seller-insights-kpis {
    grid-template-columns: 1fr;
  }
}


/* ==========================================================
   LEADS E FUNIL — PERFIL VENDEDOR KOMMO
========================================================== */

.seller-leads-funil-root {
  margin: 18px 0 24px;
  padding: 22px;
  border-radius: 24px;
  background:
    radial-gradient(circle at 100% 0%, rgba(84,211,154,.15), transparent 32%),
    linear-gradient(135deg, #FFFFFF 0%, #FBF8FF 62%, #F7FFFC 100%);
  border: 1px solid rgba(100,31,178,.13);
  box-shadow: 0 14px 34px rgba(16,24,40,.06);
}

.seller-leads-funil-header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 18px;
  margin-bottom: 18px;
}

.seller-leads-funil-header span {
  display: inline-flex;
  padding: 6px 11px;
  border-radius: 999px;
  background: rgba(100,31,178,.11);
  color: #641FB2;
  font-size: 11px;
  font-weight: 950;
  text-transform: uppercase;
  letter-spacing: .07em;
}

.seller-leads-funil-header strong {
  display: block;
  margin-top: 8px;
  color: #101828;
  font-size: 28px;
  font-weight: 950;
}

.seller-leads-funil-header p {
  margin: 5px 0 0;
  color: #667085;
  font-size: 14px;
  font-weight: 650;
}

#sellerLeadsRefresh,
#sellerLeadsApply,
#sellerLeadsClear,
#sellerLeadsPrev,
#sellerLeadsNext {
  min-height: 42px;
  border: 0;
  border-radius: 13px;
  padding: 0 16px;
  font-weight: 900;
  cursor: pointer;
}

#sellerLeadsRefresh,
#sellerLeadsApply {
  background: linear-gradient(135deg, #641FB2, #8D22D9);
  color: #FFFFFF;
}

#sellerLeadsClear,
#sellerLeadsPrev,
#sellerLeadsNext {
  background: #101828;
  color: #FFFFFF;
}

#sellerLeadsPrev:disabled,
#sellerLeadsNext:disabled {
  opacity: .45;
  cursor: not-allowed;
}

.seller-leads-funil-filters {
  display: grid;
  grid-template-columns: 1.2fr 1fr 1fr auto auto;
  gap: 12px;
  align-items: end;
  margin-bottom: 18px;
}

.seller-leads-funil-filters label {
  display: flex;
  flex-direction: column;
  gap: 6px;
}

.seller-leads-funil-filters label span {
  color: #667085;
  font-size: 11px;
  font-weight: 950;
  text-transform: uppercase;
  letter-spacing: .06em;
}

.seller-leads-funil-filters input,
.seller-leads-funil-filters select {
  min-height: 44px;
  border-radius: 14px;
  border: 1px solid #D0D5DD;
  background: #FFFFFF;
  color: #101828;
  font-weight: 750;
  padding: 0 12px;
}

.seller-leads-funil-kpis {
  display: grid;
  grid-template-columns: repeat(5, minmax(150px, 1fr));
  gap: 12px;
  margin-bottom: 18px;
}

.seller-leads-funil-kpis article {
  padding: 16px;
  border-radius: 18px;
  background: #FFFFFF;
  border: 1px solid #DDE2EE;
  box-shadow: 0 10px 24px rgba(16,24,40,.04);
}

.seller-leads-funil-kpis small {
  display: block;
  color: #667085;
  font-size: 11px;
  font-weight: 950;
  text-transform: uppercase;
  letter-spacing: .06em;
}

.seller-leads-funil-kpis strong {
  display: block;
  margin-top: 8px;
  color: #101828;
  font-size: 24px;
  font-weight: 950;
}

.seller-leads-funil-kpis p {
  margin: 4px 0 0;
  color: #667085;
  font-size: 12px;
  font-weight: 700;
}

.seller-leads-funil-table-card {
  padding: 18px;
  border-radius: 20px;
  background: #FFFFFF;
  border: 1px solid rgba(100,31,178,.12);
}

.seller-leads-funil-table-head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 16px;
  margin-bottom: 14px;
}

.seller-leads-funil-table-head h2 {
  margin: 0;
  color: #101828;
  font-size: 22px;
  font-weight: 950;
}

.seller-leads-funil-table-head p {
  margin: 4px 0 0;
  color: #667085;
  font-size: 13px;
  font-weight: 650;
}

.seller-leads-funil-table-head > span {
  display: inline-flex;
  padding: 7px 11px;
  border-radius: 999px;
  background: #F4ECFF;
  color: #641FB2;
  font-size: 12px;
  font-weight: 950;
}

.seller-leads-funil-table-wrap {
  overflow: auto;
  border-radius: 16px;
  border: 1px solid #DDE2EE;
}

.seller-leads-funil-table {
  width: 100%;
  min-width: 900px;
  border-collapse: separate;
  border-spacing: 0;
}

.seller-leads-funil-table th {
  padding: 13px 15px;
  background: linear-gradient(90deg, #F4ECFF, #F8FBFF);
  color: #641FB2;
  font-size: 11px;
  font-weight: 950;
  text-transform: uppercase;
  letter-spacing: .065em;
  text-align: left;
}

.seller-leads-funil-table td {
  padding: 13px 15px;
  border-top: 1px solid #EAECF0;
  color: #344054;
  font-size: 13px;
  font-weight: 700;
}

.seller-leads-funil-table td span {
  display: inline-flex;
  padding: 5px 10px;
  border-radius: 999px;
  background: #ECFDF3;
  color: #027A48;
  font-size: 12px;
  font-weight: 900;
}

.seller-leads-funil-pagination {
  display: flex;
  justify-content: flex-end;
  gap: 10px;
  margin-top: 14px;
}

.seller-leads-funil-loading,
.seller-leads-funil-error {
  padding: 16px;
  border-radius: 16px;
  background: #FBF8FF;
  border: 1px solid #E4D7FF;
  color: #641FB2;
  font-weight: 900;
}

.seller-leads-old-hidden {
  display: none !important;
}

@media (max-width: 1200px) {
  .seller-leads-funil-filters {
    grid-template-columns: 1fr 1fr;
  }

  .seller-leads-funil-kpis {
    grid-template-columns: repeat(2, minmax(160px, 1fr));
  }
}

@media (max-width: 760px) {
  .seller-leads-funil-header,
  .seller-leads-funil-table-head {
    flex-direction: column;
  }

  .seller-leads-funil-filters,
  .seller-leads-funil-kpis {
    grid-template-columns: 1fr;
  }
}


/* Forçar painel real de Leads/Funil do vendedor no topo */
.seller-leads-funil-force-visible {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
  position: relative !important;
  z-index: 20 !important;
}

#moovSellerLeadsFunilRoot {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
}

.seller-leads-old-hidden {
  display: none !important;
}


/* ==========================================================
   PAINEL COMERCIAL — KOMMO REAL
========================================================== */

.painel-comercial-kommo-root {
  margin: 18px 0 24px;
  padding: 22px;
  border-radius: 24px;
  background:
    radial-gradient(circle at 100% 0%, rgba(84,211,154,.15), transparent 32%),
    linear-gradient(135deg, #FFFFFF 0%, #FBF8FF 62%, #F7FFFC 100%);
  border: 1px solid rgba(100,31,178,.13);
  box-shadow: 0 14px 34px rgba(16,24,40,.06);
}

.painel-comercial-kommo-head {
  display: flex;
  justify-content: space-between;
  gap: 16px;
  margin-bottom: 18px;
}

.painel-comercial-kommo-head span {
  display: inline-flex;
  padding: 6px 11px;
  border-radius: 999px;
  background: rgba(100,31,178,.11);
  color: #641FB2;
  font-size: 11px;
  font-weight: 950;
  text-transform: uppercase;
  letter-spacing: .07em;
}

.painel-comercial-kommo-head strong {
  display: block;
  margin-top: 8px;
  color: #101828;
  font-size: 26px;
  font-weight: 950;
}

.painel-comercial-kommo-head p {
  margin: 5px 0 0;
  color: #667085;
  font-size: 14px;
  font-weight: 650;
}

#painelComercialRefreshKommo {
  min-height: 42px;
  border: 0;
  border-radius: 13px;
  padding: 0 16px;
  background: linear-gradient(135deg, #641FB2, #8D22D9);
  color: #FFFFFF;
  font-weight: 900;
  cursor: pointer;
}

.painel-comercial-kommo-kpis {
  display: grid;
  grid-template-columns: repeat(5, minmax(150px, 1fr));
  gap: 12px;
  margin-bottom: 18px;
}

.painel-comercial-kommo-kpis article,
.painel-comercial-kommo-grid section {
  background: #FFFFFF;
  border: 1px solid #DDE2EE;
  border-radius: 18px;
  box-shadow: 0 10px 24px rgba(16,24,40,.04);
}

.painel-comercial-kommo-kpis article {
  padding: 16px;
}

.painel-comercial-kommo-kpis small {
  display: block;
  color: #667085;
  font-size: 11px;
  font-weight: 950;
  text-transform: uppercase;
  letter-spacing: .06em;
}

.painel-comercial-kommo-kpis strong {
  display: block;
  margin-top: 8px;
  color: #101828;
  font-size: 24px;
  font-weight: 950;
}

.painel-comercial-kommo-kpis p {
  margin: 4px 0 0;
  color: #667085;
  font-size: 12px;
  font-weight: 700;
}

.painel-comercial-kommo-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 14px;
  margin-top: 14px;
}

.painel-comercial-kommo-grid section {
  padding: 18px;
}

.painel-comercial-kommo-grid h3 {
  margin: 0 0 12px;
  color: #101828;
  font-size: 20px;
  font-weight: 950;
}

.painel-comercial-kommo-row {
  display: flex;
  justify-content: space-between;
  gap: 12px;
  padding: 12px 14px;
  border-radius: 14px;
  background: #FBF8FF;
  border: 1px solid #E4D7FF;
  margin-bottom: 9px;
}

.painel-comercial-kommo-row strong {
  display: block;
  color: #101828;
  font-weight: 950;
}

.painel-comercial-kommo-row small {
  display: block;
  margin-top: 3px;
  color: #667085;
  font-size: 12px;
  font-weight: 700;
}

.painel-comercial-kommo-row span,
.painel-comercial-kommo-row b {
  color: #641FB2;
  font-weight: 950;
  white-space: nowrap;
}

.painel-comercial-kommo-table-wrap {
  overflow: auto;
  border-radius: 14px;
  border: 1px solid #DDE2EE;
}

.painel-comercial-kommo-table {
  width: 100%;
  min-width: 720px;
  border-collapse: separate;
  border-spacing: 0;
}

.painel-comercial-kommo-table th {
  padding: 12px 14px;
  background: linear-gradient(90deg, #F4ECFF, #F8FBFF);
  color: #641FB2;
  font-size: 11px;
  font-weight: 950;
  text-transform: uppercase;
  text-align: left;
}

.painel-comercial-kommo-table td {
  padding: 12px 14px;
  border-top: 1px solid #EAECF0;
  color: #344054;
  font-size: 13px;
  font-weight: 700;
}

.painel-comercial-kommo-error,
.painel-comercial-kommo-empty {
  padding: 14px;
  border-radius: 14px;
  background: #FBF8FF;
  border: 1px solid #E4D7FF;
  color: #641FB2;
  font-weight: 850;
}

.painel-comercial-old-zero-hidden {
  display: none !important;
}

@media (max-width: 1100px) {
  .painel-comercial-kommo-kpis {
    grid-template-columns: repeat(2, minmax(160px, 1fr));
  }

  .painel-comercial-kommo-grid {
    grid-template-columns: 1fr;
  }

  .painel-comercial-kommo-head {
    flex-direction: column;
  }
}

@media (max-width: 700px) {
  .painel-comercial-kommo-kpis {
    grid-template-columns: 1fr;
  }
}