: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);
}
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,
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;
}
.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;
}
.nav-item.active::after,
.sidebar button.active::after,
aside button.active::after {
background: var(--moov-green) !important;
}
.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;
}
.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;
}
.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;
}
canvas,
svg {
max-width: 100% !important;
}
.chart-card,
.graph-card,
[class*="chart"],
[class*="grafico"] {
background: #FFFFFF !important;
border-radius: 24px !important;
}
.chartjs-legend,
.legend,
.apexcharts-legend,
.recharts-legend-wrapper {
font-size: 12px !important;
color: #475467 !important;
}
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;
}
.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;
}
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;
}
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;
}
.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;
}
.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;
}
#moovExcelExportCard,
.moov-excel-export-card {
display: none !important;
}
#moovExportsLightCard {
display: block !important;
}
.moov-bi-mapped-filters ~ .bi-modern-filter-card,
.moov-bi-mapped-filters ~ .moov-bi-filter-card {
display: none !important;
}
.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;
}
@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;
}
}
.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";
}
.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;
}
}
#moovCleanLeadsFinal,
.moov-clean-leads-final {
display: none !important;
}
#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;
}
.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;
}
}
#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;
}
}
.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;
}
}
.moov-bi-vendas-clean {
--bi-purple: #641FB2;
--bi-purple-2: #8D22D9;
--bi-green: #54D39A;
--bi-ink: #101828;
--bi-muted: #667085;
}
.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;
}
.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;
}
.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;
}
.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;
}
.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;
}
.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;
}
.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;
}
.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-vendas-layout-fix {
--bi-purple: #641FB2;
--bi-purple-2: #8D22D9;
--bi-green: #54D39A;
--bi-ink: #101828;
--bi-muted: #667085;
}
.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;
}
.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;
}
.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;
}
.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;
}
.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;
}
.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;
}
.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;
}
.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;
}
}
.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;
}
.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;
}
}
.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;
}
.moov-user-delete-btn {
background: #DC2626 !important;
color: #FFFFFF !important;
border: 0 !important;
}
.moov-user-delete-btn:hover {
background: #B91C1C !important;
}
.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;
}
.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;
}
}
.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;
}
}
.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;
}
}
.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-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;
}
}