#sec-admin-vendas,
#sec-admin-indicadores,
#sec-admin-funil-rd,
#sec-admin-vendas-mensais{
padding-bottom:44px;
}
#sec-admin-vendas .bi-info-bar,
#sec-admin-indicadores .bi-info-bar,
#sec-admin-funil-rd .bi-info-bar,
#sec-admin-vendas-mensais .bi-info-bar{
border-radius:22px;
border:1px solid rgba(148,163,184,.20);
background:linear-gradient(135deg,#650078,#4a0059);
color:#fff;
box-shadow:0 18px 44px rgba(101,0,120,.20);
}
#sec-admin-vendas .bi-info-bar *,
#sec-admin-indicadores .bi-info-bar *,
#sec-admin-funil-rd .bi-info-bar *,
#sec-admin-vendas-mensais .bi-info-bar *{
color:#fff !important;
}
.bi-modern-filter-card{
margin:20px 0 22px;
border:1px solid rgba(148,163,184,.20);
background:#fff;
border-radius:26px;
padding:22px;
box-shadow:0 16px 38px rgba(15,23,42,.07);
}
.bi-modern-filter-head{
display:flex;
justify-content:space-between;
align-items:flex-start;
gap:16px;
margin-bottom:16px;
}
.bi-modern-filter-head span{
display:inline-flex;
width:max-content;
padding:6px 10px;
border-radius:999px;
background:#f3e8ff;
color:#650078;
font-size:12px;
font-weight:950;
text-transform:uppercase;
letter-spacing:.04em;
}
.bi-modern-filter-head strong{
display:block;
margin-top:8px;
color:#111827;
font-size:20px;
}
.bi-modern-filter-head small{
display:block;
margin-top:4px;
color:#64748b;
font-weight:700;
}
.bi-filter-status span{
background:#650078;
color:#fff;
}
.bi-period-shortcuts{
display:flex;
flex-wrap:wrap;
gap:8px;
margin-bottom:16px;
}
.bi-period-btn{
border:1px solid rgba(148,163,184,.28);
background:#fff;
color:#475569;
border-radius:999px;
padding:9px 13px;
cursor:pointer;
font-weight:900;
}
.bi-period-btn.active{
background:#650078;
color:#fff;
border-color:#650078;
box-shadow:0 10px 22px rgba(101,0,120,.18);
}
.bi-modern-filter-grid{
display:grid;
grid-template-columns:repeat(4,minmax(160px,1fr));
gap:14px;
}
.bi-modern-field{
display:flex;
flex-direction:column;
gap:7px;
}
.bi-modern-field span{
color:#64748b;
font-size:12px;
font-weight:950;
text-transform:uppercase;
letter-spacing:.04em;
}
.bi-modern-field input,
.bi-modern-field select{
width:100%;
height:46px;
border:1px solid rgba(148,163,184,.34);
border-radius:14px;
padding:0 13px;
background:#fff;
color:#111827;
outline:none;
font-weight:750;
}
.bi-modern-field input:focus,
.bi-modern-field select:focus{
border-color:#650078;
box-shadow:0 0 0 4px rgba(101,0,120,.10);
}
.bi-modern-filter-actions{
display:flex;
justify-content:flex-end;
gap:10px;
margin-top:16px;
}
.bi-apply-btn,
.bi-clear-btn{
border:0;
border-radius:14px;
padding:11px 16px;
font-weight:900;
cursor:pointer;
}
.bi-apply-btn{
background:#650078;
color:#fff;
box-shadow:0 12px 24px rgba(101,0,120,.18);
}
.bi-clear-btn{
background:#f1f5f9;
color:#334155;
}
.admin-report-shell,
.admin-chart-box,
.admin-table,
.kpi-card{
border-radius:24px !important;
}
.admin-report-shell{
background:#fff;
}
.admin-chart-box{
border:1px solid rgba(148,163,184,.18);
background:#fff;
box-shadow:0 12px 28px rgba(15,23,42,.06);
}
.admin-table{
overflow:hidden;
border:1px solid rgba(148,163,184,.18);
box-shadow:0 12px 28px rgba(15,23,42,.05);
}
.admin-table thead th{
background:#f8fafc !important;
color:#475569 !important;
text-transform:uppercase;
font-size:12px;
letter-spacing:.04em;
}
.admin-table tbody tr:hover{
background:#faf5ff;
}
.total-row{
background:#f3e8ff !important;
color:#650078 !important;
font-weight:950;
}
.moov-bi-scope-badges{
display:flex;
flex-wrap:wrap;
gap:8px;
margin-top:10px;
}
.moov-bi-scope-badges span{
display:inline-flex;
padding:6px 10px;
border-radius:999px;
background:rgba(255,255,255,.16);
color:#fff;
font-size:12px;
font-weight:850;
}
@media(max-width:1100px){
.bi-modern-filter-grid{
grid-template-columns:repeat(2,minmax(0,1fr));
}
}
@media(max-width:720px){
.bi-modern-filter-head,
.bi-modern-filter-actions{
flex-direction:column;
align-items:stretch;
}
.bi-modern-filter-grid{
grid-template-columns:1fr;
}
}
#sec-admin-vendas .admin-report-shell{
border:1px solid rgba(148,163,184,.20) !important;
border-radius:28px !important;
box-shadow:0 18px 42px rgba(15,23,42,.07) !important;
}
#sec-admin-vendas .report-header{
border-bottom:1px solid rgba(148,163,184,.16) !important;
padding-bottom:18px !important;
margin-bottom:22px !important;
}
#sec-admin-vendas .report-header h1{
color:#111827 !important;
font-size:28px !important;
}
#sec-admin-vendas .report-header p{
color:#64748b !important;
}
#sec-admin-vendas .report-badge{
background:#f3e8ff !important;
color:#650078 !important;
border:1px solid rgba(101,0,120,.16) !important;
border-radius:999px !important;
padding:9px 13px !important;
font-weight:850 !important;
}
#sec-admin-vendas .kpi-card{
border:1px solid rgba(148,163,184,.20) !important;
background:#fff !important;
box-shadow:0 12px 28px rgba(15,23,42,.06) !important;
border-radius:22px !important;
}
#sec-admin-vendas .kpi-card .kpi-label{
color:#64748b !important;
font-weight:900 !important;
text-transform:uppercase !important;
letter-spacing:.04em !important;
font-size:12px !important;
}
#sec-admin-vendas .kpi-card strong{
color:#111827 !important;
font-size:24px !important;
}
#sec-admin-vendas .report-panel{
border:1px solid rgba(148,163,184,.20) !important;
background:#fff !important;
border-radius:24px !important;
box-shadow:0 14px 34px rgba(15,23,42,.06) !important;
}
#sec-admin-vendas .panel-title{
color:#111827 !important;
font-weight:950 !important;
font-size:17px !important;
}
#sec-admin-vendas .table-wrap{
border-radius:20px !important;
overflow:auto !important;
border:1px solid rgba(148,163,184,.18) !important;
}
#sec-admin-vendas .admin-table{
width:100% !important;
border-collapse:separate !important;
border-spacing:0 !important;
}
#sec-admin-vendas .admin-table thead th{
position:sticky !important;
top:0 !important;
z-index:2 !important;
background:#f8fafc !important;
color:#475569 !important;
font-size:12px !important;
text-transform:uppercase !important;
letter-spacing:.04em !important;
padding:14px 16px !important;
}
#sec-admin-vendas .admin-table tbody td{
padding:14px 16px !important;
border-bottom:1px solid rgba(226,232,240,.85) !important;
color:#334155 !important;
}
#sec-admin-vendas .admin-table tbody tr:hover{
background:#faf5ff !important;
}
#sec-admin-vendas .moov-bi-pill{
display:inline-flex;
align-items:center;
justify-content:center;
min-height:28px;
padding:5px 10px;
border-radius:999px;
background:#f3e8ff;
color:#650078;
font-weight:950;
}
#sec-admin-vendas .total-row td{
background:#f3e8ff !important;
color:#650078 !important;
font-weight:950 !important;
}
.admin-report-shell,
.report-shell,
.report-hero,
.report-filters-shell,
.report-panel,
.report-card,
.report-section-card {
background:
linear-gradient(135deg, #ffffff 0%, #fcf7ff 52%, #eefbf7 100%) !important;
border: 1px solid rgba(168, 85, 247, 0.14) !important;
border-radius: 28px !important;
box-shadow: 0 16px 40px rgba(15, 23, 42, 0.06) !important;
}
.report-header,
.report-filters-header,
.report-intro-card,
.report-highlight-card,
.report-main-callout {
background:
linear-gradient(135deg, #ffffff 0%, #faf5ff 55%, #ecfdf5 100%) !important;
border: 1px solid rgba(139, 92, 246, 0.16) !important;
border-radius: 24px !important;
box-shadow: 0 10px 28px rgba(15, 23, 42, 0.05) !important;
}
.report-summary-badge,
.report-side-highlight,
.report-side-box,
.report-resume-box,
.report-period-box {
background: linear-gradient(135deg, #ffffff 0%, #f6f0ff 100%) !important;
border: 1px solid rgba(139, 92, 246, 0.18) !important;
border-radius: 22px !important;
box-shadow: 0 10px 24px rgba(91, 33, 182, 0.08) !important;
}
.admin-report-shell h1,
.report-shell h1,
.report-header h1,
.report-filters-header h1,
.report-intro-card h1,
.report-main-callout h1 {
color: #0f172a !important;
font-weight: 900 !important;
letter-spacing: -0.02em !important;
}
.admin-report-shell p,
.report-shell p,
.report-header p,
.report-filters-header p,
.report-intro-card p,
.report-main-callout p,
.report-panel p,
.report-card p {
color: #475569 !important;
}
.report-badge,
.report-chip,
.report-pill,
.report-label,
.report-kicker,
.section-badge {
display: inline-flex !important;
align-items: center !important;
gap: 6px !important;
background: #f3e8ff !important;
color: #6b21a8 !important;
border: 1px solid rgba(139, 92, 246, 0.18) !important;
border-radius: 999px !important;
padding: 8px 14px !important;
font-weight: 800 !important;
letter-spacing: 0.04em !important;
text-transform: uppercase !important;
}
.report-status-box,
.report-period-summary,
.report-current-view,
.report-filter-status {
background: linear-gradient(135deg, #ffffff 0%, #f5edff 100%) !important;
color: #581c87 !important;
border: 1px solid rgba(139, 92, 246, 0.22) !important;
border-radius: 20px !important;
box-shadow: 0 8px 22px rgba(91, 33, 182, 0.08) !important;
}
.report-actions .btn-primary,
.report-toolbar .btn-primary,
.admin-report-shell .btn-primary,
.admin-report-shell button.primary,
.admin-report-shell .primary-btn {
background: linear-gradient(135deg, #7e22ce 0%, #6d28d9 100%) !important;
border: none !important;
color: #ffffff !important;
border-radius: 14px !important;
box-shadow: 0 10px 24px rgba(109, 40, 217, 0.22) !important;
}
.report-actions .btn-primary:hover,
.report-toolbar .btn-primary:hover,
.admin-report-shell .btn-primary:hover,
.admin-report-shell button.primary:hover,
.admin-report-shell .primary-btn:hover {
filter: brightness(1.05) !important;
transform: translateY(-1px) !important;
}
.report-actions .btn-secondary,
.report-toolbar .btn-secondary,
.admin-report-shell .btn-secondary,
.admin-report-shell .secondary-btn {
background: #ffffff !important;
color: #6b21a8 !important;
border: 1px solid rgba(139, 92, 246, 0.18) !important;
border-radius: 14px !important;
}
.report-header *,
.report-filters-header *,
.report-intro-card *,
.report-main-callout * {
opacity: 1 !important;
}
.report-header,
.report-filters-header,
.report-intro-card,
.report-main-callout {
padding: 24px 26px !important;
}
.report-summary-badge,
.report-side-highlight,
.report-side-box,
.report-resume-box,
.report-period-box,
.report-status-box,
.report-period-summary,
.report-current-view,
.report-filter-status {
padding: 18px 22px !important;
}
.admin-report-shell .report-shell,
.admin-report-shell .report-hero,
.admin-report-shell .report-filters-shell,
.admin-report-shell .report-panel,
.admin-report-shell .report-card,
.admin-report-shell .report-section-card,
.admin-report-shell .report-main-card,
.admin-report-shell .report-wrapper {
background: linear-gradient(135deg, #fcf7ff 0%, #f3e8ff 50%, #dff7ef 100%) !important;
border: 1px solid rgba(126, 34, 206, 0.22) !important;
border-radius: 28px !important;
box-shadow: 0 18px 40px rgba(76, 29, 149, 0.10) !important;
}
.admin-report-shell .report-header,
.admin-report-shell .report-intro-card,
.admin-report-shell .report-main-callout,
.admin-report-shell .report-filters-header,
.admin-report-shell .report-highlight-card {
background: linear-gradient(135deg, #ffffff 0%, #f3e8ff 55%, #d9f5eb 100%) !important;
border: 1px solid rgba(126, 34, 206, 0.24) !important;
border-radius: 24px !important;
box-shadow: 0 14px 30px rgba(76, 29, 149, 0.08) !important;
}
.admin-report-shell .report-side-box,
.admin-report-shell .report-period-box,
.admin-report-shell .report-status-box,
.admin-report-shell .report-current-view,
.admin-report-shell .report-resume-box,
.admin-report-shell .report-filter-status {
background: linear-gradient(135deg, #ffffff 0%, #efe1ff 100%) !important;
border: 1px solid rgba(126, 34, 206, 0.28) !important;
border-radius: 22px !important;
box-shadow: 0 12px 28px rgba(91, 33, 182, 0.12) !important;
}
.admin-report-shell .report-badge,
.admin-report-shell .report-chip,
.admin-report-shell .report-pill,
.admin-report-shell .report-kicker,
.admin-report-shell .report-label,
.admin-report-shell .section-badge {
background: #e9d5ff !important;
color: #6b21a8 !important;
border: 1px solid rgba(126, 34, 206, 0.25) !important;
border-radius: 999px !important;
padding: 9px 16px !important;
font-weight: 900 !important;
text-transform: uppercase !important;
letter-spacing: 0.04em !important;
}
.admin-report-shell h1,
.admin-report-shell h2,
.admin-report-shell h3 {
color: #0f172a !important;
font-weight: 900 !important;
}
.admin-report-shell p,
.admin-report-shell .text-muted,
.admin-report-shell .report-description,
.admin-report-shell .report-subtitle {
color: #475569 !important;
opacity: 1 !important;
}
.admin-report-shell .btn-primary,
.admin-report-shell .primary-btn,
.admin-report-shell button.primary,
.admin-report-shell .report-toolbar .btn-primary,
.admin-report-shell .report-actions .btn-primary {
background: linear-gradient(135deg, #8b00d4 0%, #6d28d9 100%) !important;
color: #fff !important;
border: none !important;
border-radius: 14px !important;
box-shadow: 0 12px 24px rgba(109, 40, 217, 0.22) !important;
}
.admin-report-shell .btn-secondary,
.admin-report-shell .secondary-btn,
.admin-report-shell .report-toolbar .btn-secondary,
.admin-report-shell .report-actions .btn-secondary {
background: #ffffff !important;
color: #6b21a8 !important;
border: 1px solid rgba(126, 34, 206, 0.22) !important;
border-radius: 14px !important;
}
.admin-report-shell .report-header *,
.admin-report-shell .report-intro-card *,
.admin-report-shell .report-main-callout *,
.admin-report-shell .report-filters-header *,
.admin-report-shell .report-side-box *,
.admin-report-shell .report-current-view * {
opacity: 1 !important;
}
.admin-report-shell .card,
.admin-report-shell .panel,
.admin-report-shell .glass-card {
background: linear-gradient(135deg, #fcf7ff 0%, #f1e7ff 52%, #ddf7ee 100%) !important;
border: 1px solid rgba(126, 34, 206, 0.22) !important;
box-shadow: 0 14px 32px rgba(76, 29, 149, 0.08) !important;
border-radius: 24px !important;
}
#sec-admin-vendas #sec-admin-vendasInfoUX.bi-info-bar{
background:linear-gradient(135deg,#650078 0%,#4b0058 55%,#1f7a68 100%) !important;
border:1px solid rgba(255,255,255,.18) !important;
border-radius:30px !important;
box-shadow:0 24px 60px rgba(101,0,120,.28) !important;
padding:26px 30px !important;
color:#fff !important;
opacity:1 !important;
filter:none !important;
}
#sec-admin-vendas #sec-admin-vendasInfoUX.bi-info-bar *,
#sec-admin-vendas #sec-admin-vendasInfoUX.bi-info-bar div,
#sec-admin-vendas #sec-admin-vendasInfoUX.bi-info-bar strong,
#sec-admin-vendas #sec-admin-vendasInfoUX.bi-info-bar small{
color:#fff !important;
opacity:1 !important;
filter:none !important;
}
#sec-admin-vendas #sec-admin-vendasInfoUX.bi-info-bar span{
display:inline-flex !important;
width:max-content !important;
background:rgba(255,255,255,.18) !important;
color:#fff !important;
border:1px solid rgba(255,255,255,.22) !important;
border-radius:999px !important;
padding:8px 14px !important;
font-size:12px !important;
font-weight:950 !important;
letter-spacing:.06em !important;
text-transform:uppercase !important;
}
#sec-admin-vendas #sec-admin-vendasInfoUX.bi-info-bar strong{
display:block !important;
margin-top:14px !important;
font-size:30px !important;
line-height:1.05 !important;
font-weight:950 !important;
}
#sec-admin-vendas #sec-admin-vendasInfoUX.bi-info-bar small{
display:block !important;
margin-top:8px !important;
font-size:14px !important;
line-height:1.45 !important;
color:rgba(255,255,255,.86) !important;
}
#sec-admin-vendas #sec-admin-vendasInfoUX.bi-info-bar button{
background:#ffffff !important;
color:#650078 !important;
border:0 !important;
border-radius:16px !important;
padding:13px 18px !important;
font-weight:950 !important;
box-shadow:0 14px 28px rgba(15,23,42,.18) !important;
}
#sec-admin-vendas #biFiltrosModernos.bi-modern-filter-card{
background:linear-gradient(135deg,#ffffff 0%,#faf5ff 48%,#e6fff5 100%) !important;
border:1px solid rgba(101,0,120,.22) !important;
border-radius:30px !important;
box-shadow:0 22px 52px rgba(15,23,42,.10) !important;
padding:26px !important;
opacity:1 !important;
filter:none !important;
}
#sec-admin-vendas #biFiltrosModernos .bi-modern-filter-head{
background:linear-gradient(135deg,#ffffff 0%,#f4e6ff 58%,#dff7ef 100%) !important;
border:1px solid rgba(101,0,120,.20) !important;
border-radius:26px !important;
padding:24px 26px !important;
box-shadow:0 14px 34px rgba(101,0,120,.08) !important;
}
#sec-admin-vendas #biFiltrosModernos .bi-modern-filter-head > div:first-child span{
background:#ead5ff !important;
color:#650078 !important;
border:1px solid rgba(101,0,120,.22) !important;
border-radius:999px !important;
padding:8px 14px !important;
font-size:12px !important;
font-weight:950 !important;
letter-spacing:.06em !important;
}
#sec-admin-vendas #biFiltrosModernos .bi-modern-filter-head strong{
color:#0f172a !important;
font-size:34px !important;
line-height:1.05 !important;
letter-spacing:-.03em !important;
font-weight:950 !important;
opacity:1 !important;
}
#sec-admin-vendas #biFiltrosModernos .bi-modern-filter-head small{
color:#334155 !important;
font-size:14px !important;
font-weight:750 !important;
opacity:1 !important;
}
#sec-admin-vendas #biFiltrosModernos .bi-filter-status{
background:#ffffff !important;
border:1px solid rgba(101,0,120,.22) !important;
border-radius:22px !important;
padding:16px 18px !important;
box-shadow:0 12px 28px rgba(101,0,120,.10) !important;
}
#sec-admin-vendas #biFiltrosModernos #biFiltroResumoPeriodo{
background:#f3e8ff !important;
color:#4b0058 !important;
border:1px solid rgba(101,0,120,.22) !important;
border-radius:999px !important;
padding:10px 15px !important;
font-size:12px !important;
font-weight:950 !important;
letter-spacing:.04em !important;
line-height:1.35 !important;
}
#sec-admin-vendas #biFiltrosModernos .bi-period-btn{
background:#fff !important;
color:#475569 !important;
border:1px solid rgba(148,163,184,.34) !important;
border-radius:999px !important;
padding:10px 15px !important;
font-weight:900 !important;
}
#sec-admin-vendas #biFiltrosModernos .bi-period-btn.active{
background:linear-gradient(135deg,#650078,#8b00d4) !important;
color:#fff !important;
border-color:#650078 !important;
box-shadow:0 12px 26px rgba(101,0,120,.24) !important;
}
#sec-admin-vendas #biFiltrosModernos .bi-modern-field span{
color:#4b5563 !important;
font-weight:950 !important;
}
#sec-admin-vendas #biFiltrosModernos .bi-modern-field input,
#sec-admin-vendas #biFiltrosModernos .bi-modern-field select{
background:#ffffff !important;
color:#111827 !important;
border:1px solid rgba(101,0,120,.22) !important;
border-radius:15px !important;
height:48px !important;
font-weight:800 !important;
}
#sec-admin-vendas #biFiltrosModernos .bi-modern-field input:focus,
#sec-admin-vendas #biFiltrosModernos .bi-modern-field select:focus{
border-color:#650078 !important;
box-shadow:0 0 0 4px rgba(101,0,120,.12) !important;
}
#sec-admin-vendas #biFiltrosModernos .bi-apply-btn{
background:linear-gradient(135deg,#650078,#8b00d4) !important;
color:#fff !important;
border-radius:15px !important;
box-shadow:0 12px 26px rgba(101,0,120,.22) !important;
}
#sec-admin-vendas #biFiltrosModernos .bi-clear-btn{
background:#fff !important;
color:#650078 !important;
border:1px solid rgba(101,0,120,.20) !important;
border-radius:15px !important;
}
#sec-admin-vendas #biFiltrosModernos *,
#sec-admin-vendas .admin-report-shell *,
#sec-admin-vendas .report-panel *,
#sec-admin-vendas .kpi-card *{
opacity:1 !important;
filter:none !important;
}
#sec-admin-vendas .admin-report-shell{
background:#ffffff !important;
border:1px solid rgba(101,0,120,.14) !important;
border-radius:30px !important;
box-shadow:0 22px 52px rgba(15,23,42,.08) !important;
}
#sec-admin-vendas .report-panel,
#sec-admin-vendas .kpi-card{
background:#ffffff !important;
border:1px solid rgba(101,0,120,.14) !important;
box-shadow:0 14px 32px rgba(15,23,42,.07) !important;
}
#sec-admin-vendas #sec-admin-vendasInfoUX.bi-info-bar{
background:linear-gradient(135deg,#650078 0%,#4b0058 62%,#30284f 100%) !important;
border-radius:30px !important;
border:0 !important;
box-shadow:0 24px 60px rgba(101,0,120,.28) !important;
padding:28px 34px !important;
min-height:190px !important;
display:flex !important;
align-items:center !important;
justify-content:space-between !important;
gap:28px !important;
}
#sec-admin-vendas #sec-admin-vendasInfoUX.bi-info-bar > div:first-child{
background:linear-gradient(135deg,#ffffff 0%,#ffffff 62%,#eefdf7 100%) !important;
border:1px solid rgba(148,163,184,.18) !important;
border-radius:24px !important;
padding:26px 34px !important;
min-width:min(640px, 100%) !important;
box-shadow:0 18px 42px rgba(15,23,42,.12) !important;
}
#sec-admin-vendas #sec-admin-vendasInfoUX.bi-info-bar > div:first-child *,
#sec-admin-vendas #sec-admin-vendasInfoUX.bi-info-bar > div:first-child strong,
#sec-admin-vendas #sec-admin-vendasInfoUX.bi-info-bar > div:first-child small{
color:#111827 !important;
opacity:1 !important;
filter:none !important;
text-shadow:none !important;
}
#sec-admin-vendas #sec-admin-vendasInfoUX.bi-info-bar > div:first-child > span{
display:inline-flex !important;
width:max-content !important;
background:#f3e8ff !important;
color:#581c87 !important;
border:1px solid rgba(101,0,120,.18) !important;
border-radius:999px !important;
padding:8px 14px !important;
font-size:12px !important;
font-weight:950 !important;
letter-spacing:.06em !important;
text-transform:uppercase !important;
}
#sec-admin-vendas #sec-admin-vendasInfoUX.bi-info-bar > div:first-child > strong{
display:block !important;
margin-top:18px !important;
color:#0f172a !important;
font-size:34px !important;
line-height:1.05 !important;
font-weight:950 !important;
letter-spacing:-.03em !important;
}
#sec-admin-vendas #sec-admin-vendasInfoUX.bi-info-bar > div:first-child > small{
display:block !important;
margin-top:10px !important;
color:#1f2937 !important;
font-size:15px !important;
line-height:1.45 !important;
font-weight:700 !important;
}
#sec-admin-vendas #sec-admin-vendasInfoUX.bi-info-bar > button{
background:#ffffff !important;
color:#650078 !important;
border:0 !important;
border-radius:16px !important;
padding:14px 20px !important;
font-weight:950 !important;
box-shadow:0 16px 32px rgba(15,23,42,.20) !important;
white-space:nowrap !important;
}
#sec-admin-vendas #sec-admin-vendasInfoUX.bi-info-bar .moov-bi-scope-badges span{
background:rgba(255,255,255,.16) !important;
color:#ffffff !important;
border:1px solid rgba(255,255,255,.22) !important;
}
#sec-admin-vendas #sec-admin-vendasInfoUX.bi-info-bar > div:first-child span,
#sec-admin-vendas #sec-admin-vendasInfoUX.bi-info-bar > div:first-child strong,
#sec-admin-vendas #sec-admin-vendasInfoUX.bi-info-bar > div:first-child small{
color:inherit !important;
}
#sec-admin-vendas #sec-admin-vendasInfoUX.bi-info-bar > div:first-child > span{
color:#581c87 !important;
}
#sec-admin-vendas #sec-admin-vendasInfoUX.bi-info-bar > div:first-child > strong{
color:#0f172a !important;
}
#sec-admin-vendas #sec-admin-vendasInfoUX.bi-info-bar > div:first-child > small{
color:#1f2937 !important;
}
@media(max-width:900px){
#sec-admin-vendas #sec-admin-vendasInfoUX.bi-info-bar{
flex-direction:column !important;
align-items:stretch !important;
}
#sec-admin-vendas #sec-admin-vendasInfoUX.bi-info-bar > div:first-child{
min-width:0 !important;
}
}
#sec-admin-indicadores #sec-admin-indicadoresInfoUX.bi-info-bar{
background:linear-gradient(135deg,#650078 0%,#4b0058 62%,#30284f 100%) !important;
border-radius:30px !important;
border:0 !important;
box-shadow:0 24px 60px rgba(101,0,120,.28) !important;
padding:28px 34px !important;
min-height:190px !important;
display:flex !important;
align-items:center !important;
justify-content:space-between !important;
gap:28px !important;
}
#sec-admin-indicadores #sec-admin-indicadoresInfoUX.bi-info-bar > div:first-child{
background:linear-gradient(135deg,#ffffff 0%,#ffffff 62%,#eefdf7 100%) !important;
border:1px solid rgba(148,163,184,.18) !important;
border-radius:24px !important;
padding:26px 34px !important;
min-width:min(680px, 100%) !important;
box-shadow:0 18px 42px rgba(15,23,42,.12) !important;
}
#sec-admin-indicadores #sec-admin-indicadoresInfoUX.bi-info-bar > div:first-child *,
#sec-admin-indicadores #sec-admin-indicadoresInfoUX.bi-info-bar > div:first-child strong,
#sec-admin-indicadores #sec-admin-indicadoresInfoUX.bi-info-bar > div:first-child small{
color:#111827 !important;
opacity:1 !important;
filter:none !important;
text-shadow:none !important;
}
#sec-admin-indicadores #sec-admin-indicadoresInfoUX.bi-info-bar > div:first-child > span{
display:inline-flex !important;
width:max-content !important;
background:#f3e8ff !important;
color:#581c87 !important;
border:1px solid rgba(101,0,120,.18) !important;
border-radius:999px !important;
padding:8px 14px !important;
font-size:12px !important;
font-weight:950 !important;
letter-spacing:.06em !important;
text-transform:uppercase !important;
}
#sec-admin-indicadores #sec-admin-indicadoresInfoUX.bi-info-bar > div:first-child > strong{
display:block !important;
margin-top:18px !important;
color:#0f172a !important;
font-size:34px !important;
line-height:1.05 !important;
font-weight:950 !important;
letter-spacing:-.03em !important;
}
#sec-admin-indicadores #sec-admin-indicadoresInfoUX.bi-info-bar > div:first-child > small{
display:block !important;
margin-top:10px !important;
color:#1f2937 !important;
font-size:15px !important;
line-height:1.45 !important;
font-weight:700 !important;
}
#sec-admin-indicadores #sec-admin-indicadoresInfoUX.bi-info-bar > button{
background:#ffffff !important;
color:#650078 !important;
border:0 !important;
border-radius:16px !important;
padding:14px 20px !important;
font-weight:950 !important;
box-shadow:0 16px 32px rgba(15,23,42,.20) !important;
white-space:nowrap !important;
}
#sec-admin-indicadores #sec-admin-indicadoresInfoUX.bi-info-bar .moov-bi-scope-badges span{
background:rgba(255,255,255,.16) !important;
color:#ffffff !important;
border:1px solid rgba(255,255,255,.22) !important;
}
#sec-admin-indicadores .admin-report-shell{
background:#ffffff !important;
border:1px solid rgba(101,0,120,.14) !important;
border-radius:30px !important;
box-shadow:0 22px 52px rgba(15,23,42,.08) !important;
}
#sec-admin-indicadores .report-header{
background:linear-gradient(135deg,#ffffff 0%,#faf5ff 55%,#ecfdf5 100%) !important;
border:1px solid rgba(101,0,120,.14) !important;
border-radius:24px !important;
padding:24px 28px !important;
box-shadow:0 14px 34px rgba(15,23,42,.06) !important;
}
#sec-admin-indicadores .report-header h1{
color:#0f172a !important;
font-size:30px !important;
font-weight:950 !important;
letter-spacing:-.03em !important;
}
#sec-admin-indicadores .report-header p{
color:#475569 !important;
font-size:14px !important;
font-weight:700 !important;
}
#sec-admin-indicadores .moov-indicadores-summary{
display:grid;
grid-template-columns:repeat(4,minmax(0,1fr));
gap:16px;
margin:22px 0;
}
#sec-admin-indicadores .moov-indicadores-summary article{
background:linear-gradient(135deg,#ffffff 0%,#faf5ff 100%) !important;
border:1px solid rgba(101,0,120,.14) !important;
border-radius:22px !important;
padding:18px 20px !important;
box-shadow:0 14px 32px rgba(15,23,42,.06) !important;
}
#sec-admin-indicadores .moov-indicadores-summary span{
display:block;
color:#64748b;
font-size:12px;
font-weight:950;
text-transform:uppercase;
letter-spacing:.04em;
margin-bottom:8px;
}
#sec-admin-indicadores .moov-indicadores-summary strong{
display:block;
color:#0f172a;
font-size:24px;
font-weight:950;
line-height:1.1;
}
#sec-admin-indicadores .moov-indicadores-summary small{
display:block;
margin-top:8px;
color:#64748b;
font-weight:700;
}
#sec-admin-indicadores .report-panel{
background:#ffffff !important;
border:1px solid rgba(101,0,120,.14) !important;
border-radius:24px !important;
box-shadow:0 14px 32px rgba(15,23,42,.07) !important;
overflow:hidden !important;
}
#sec-admin-indicadores .panel-title{
color:#111827 !important;
font-weight:950 !important;
font-size:17px !important;
}
#sec-admin-indicadores .admin-chart-box{
min-height:320px !important;
}
#sec-admin-indicadores *{
opacity:1 !important;
filter:none !important;
}
@media(max-width:1100px){
#sec-admin-indicadores .moov-indicadores-summary{
grid-template-columns:repeat(2,minmax(0,1fr));
}
}
@media(max-width:720px){
#sec-admin-indicadores #sec-admin-indicadoresInfoUX.bi-info-bar{
flex-direction:column !important;
align-items:stretch !important;
}
#sec-admin-indicadores #sec-admin-indicadoresInfoUX.bi-info-bar > div:first-child{
min-width:0 !important;
}
#sec-admin-indicadores .moov-indicadores-summary{
grid-template-columns:1fr;
}
}
#sec-admin-indicadores .report-grid-3{
display:grid !important;
grid-template-columns:repeat(3,minmax(320px,1fr)) !important;
gap:24px !important;
align-items:stretch !important;
}
#sec-admin-indicadores .report-panel{
background:#ffffff !important;
border:1px solid rgba(101,0,120,.14) !important;
border-radius:24px !important;
box-shadow:0 12px 28px rgba(15,23,42,.08) !important;
padding:0 !important;
overflow:hidden !important;
min-height:420px !important;
}
#sec-admin-indicadores .panel-head,
#sec-admin-indicadores .report-panel > .panel-title{
background:linear-gradient(135deg,#8b16c9 0%, #6f12ae 100%) !important;
color:#fff !important;
border-radius:18px !important;
margin:18px 18px 10px 18px !important;
padding:14px 18px !important;
text-align:center !important;
font-size:15px !important;
font-weight:900 !important;
line-height:1.35 !important;
letter-spacing:.01em !important;
}
#sec-admin-indicadores .admin-chart-box{
min-height:300px !important;
height:300px !important;
padding:12px 18px 18px 18px !important;
}
#sec-admin-indicadores canvas{
max-width:100% !important;
}
#sec-admin-indicadores .moov-indicadores-filtro-bar{
margin:18px 0 22px 0 !important;
background:linear-gradient(135deg,#ffffff 0%,#faf5ff 55%,#ecfdf5 100%) !important;
border:1px solid rgba(101,0,120,.14) !important;
border-radius:20px !important;
padding:16px 20px !important;
box-shadow:0 10px 24px rgba(15,23,42,.05) !important;
}
#sec-admin-indicadores .moov-indicadores-filtro-title{
color:#6b7280 !important;
font-size:12px !important;
font-weight:900 !important;
letter-spacing:.05em !important;
text-transform:uppercase !important;
margin-bottom:6px !important;
}
#sec-admin-indicadores .moov-indicadores-filtro-text{
color:#111827 !important;
font-size:15px !important;
font-weight:800 !important;
line-height:1.45 !important;
}
#sec-admin-indicadores .moov-indicadores-summary{
display:grid !important;
grid-template-columns:repeat(4,minmax(0,1fr)) !important;
gap:16px !important;
margin:0 0 22px 0 !important;
}
#sec-admin-indicadores .moov-indicadores-summary article{
background:linear-gradient(135deg,#ffffff 0%,#faf5ff 100%) !important;
border:1px solid rgba(101,0,120,.14) !important;
border-radius:20px !important;
padding:18px 18px !important;
box-shadow:0 10px 24px rgba(15,23,42,.05) !important;
}
#sec-admin-indicadores .moov-indicadores-summary span{
display:block !important;
color:#64748b !important;
font-size:12px !important;
font-weight:900 !important;
text-transform:uppercase !important;
letter-spacing:.04em !important;
margin-bottom:8px !important;
}
#sec-admin-indicadores .moov-indicadores-summary strong{
display:block !important;
color:#111827 !important;
font-size:26px !important;
font-weight:900 !important;
line-height:1.1 !important;
}
#sec-admin-indicadores .moov-indicadores-summary small{
display:block !important;
margin-top:8px !important;
color:#64748b !important;
font-size:13px !important;
font-weight:700 !important;
}
#sec-admin-indicadores .report-header{
margin-bottom:16px !important;
}
#sec-admin-indicadores .report-header h1{
font-size:34px !important;
font-weight:950 !important;
color:#111827 !important;
text-align:center !important;
}
#sec-admin-indicadores .report-header p{
text-align:center !important;
font-size:15px !important;
font-weight:700 !important;
color:#475569 !important;
}
#sec-admin-indicadores .report-header,
#sec-admin-indicadores .admin-report-shell{
overflow:visible !important;
}
#sec-admin-indicadores table{
width:100% !important;
border-collapse:separate !important;
border-spacing:0 !important;
overflow:hidden !important;
border-radius:18px !important;
}
#sec-admin-indicadores table thead th{
background:#f3e8ff !important;
color:#6b21a8 !important;
font-weight:900 !important;
font-size:12px !important;
letter-spacing:.04em !important;
text-transform:uppercase !important;
padding:14px 12px !important;
}
#sec-admin-indicadores table tbody td{
padding:14px 12px !important;
border-top:1px solid #eee !important;
color:#111827 !important;
font-weight:700 !important;
}
@media (max-width: 1200px){
#sec-admin-indicadores .report-grid-3{
grid-template-columns:repeat(2,minmax(280px,1fr)) !important;
}
#sec-admin-indicadores .moov-indicadores-summary{
grid-template-columns:repeat(2,minmax(0,1fr)) !important;
}
}
@media (max-width: 720px){
#sec-admin-indicadores .report-grid-3{
grid-template-columns:1fr !important;
}
#sec-admin-indicadores .moov-indicadores-summary{
grid-template-columns:1fr !important;
}
}
#sec-admin-funil-rd #sec-admin-funil-rdInfoUX.bi-info-bar{
background:linear-gradient(135deg,#650078 0%,#4b0058 62%,#30284f 100%) !important;
border-radius:30px !important;
border:0 !important;
box-shadow:0 24px 60px rgba(101,0,120,.28) !important;
padding:28px 34px !important;
min-height:190px !important;
display:flex !important;
align-items:center !important;
justify-content:space-between !important;
gap:28px !important;
}
#sec-admin-funil-rd #sec-admin-funil-rdInfoUX.bi-info-bar > div:first-child{
background:linear-gradient(135deg,#ffffff 0%,#ffffff 62%,#eefdf7 100%) !important;
border:1px solid rgba(148,163,184,.18) !important;
border-radius:24px !important;
padding:26px 34px !important;
min-width:min(680px, 100%) !important;
box-shadow:0 18px 42px rgba(15,23,42,.12) !important;
}
#sec-admin-funil-rd #sec-admin-funil-rdInfoUX.bi-info-bar > div:first-child *,
#sec-admin-funil-rd #sec-admin-funil-rdInfoUX.bi-info-bar > div:first-child strong,
#sec-admin-funil-rd #sec-admin-funil-rdInfoUX.bi-info-bar > div:first-child small{
color:#111827 !important;
opacity:1 !important;
filter:none !important;
text-shadow:none !important;
}
#sec-admin-funil-rd #sec-admin-funil-rdInfoUX.bi-info-bar > div:first-child > span{
display:inline-flex !important;
width:max-content !important;
background:#f3e8ff !important;
color:#581c87 !important;
border:1px solid rgba(101,0,120,.18) !important;
border-radius:999px !important;
padding:8px 14px !important;
font-size:12px !important;
font-weight:950 !important;
letter-spacing:.06em !important;
text-transform:uppercase !important;
}
#sec-admin-funil-rd #sec-admin-funil-rdInfoUX.bi-info-bar > div:first-child > strong{
display:block !important;
margin-top:18px !important;
color:#0f172a !important;
font-size:34px !important;
line-height:1.05 !important;
font-weight:950 !important;
letter-spacing:-.03em !important;
}
#sec-admin-funil-rd #sec-admin-funil-rdInfoUX.bi-info-bar > div:first-child > small{
display:block !important;
margin-top:10px !important;
color:#1f2937 !important;
font-size:15px !important;
line-height:1.45 !important;
font-weight:700 !important;
}
#sec-admin-funil-rd #sec-admin-funil-rdInfoUX.bi-info-bar > button{
background:#ffffff !important;
color:#650078 !important;
border:0 !important;
border-radius:16px !important;
padding:14px 20px !important;
font-weight:950 !important;
box-shadow:0 16px 32px rgba(15,23,42,.20) !important;
white-space:nowrap !important;
}
#sec-admin-funil-rd .admin-report-shell{
background:#ffffff !important;
border:1px solid rgba(101,0,120,.14) !important;
border-radius:30px !important;
box-shadow:0 22px 52px rgba(15,23,42,.08) !important;
padding:26px !important;
}
#sec-admin-funil-rd .report-header{
background:linear-gradient(135deg,#ffffff 0%,#faf5ff 55%,#ecfdf5 100%) !important;
border:1px solid rgba(101,0,120,.14) !important;
border-radius:24px !important;
padding:24px 28px !important;
box-shadow:0 14px 34px rgba(15,23,42,.06) !important;
margin-bottom:16px !important;
}
#sec-admin-funil-rd .report-header h1{
color:#0f172a !important;
font-size:34px !important;
font-weight:950 !important;
letter-spacing:-.03em !important;
text-align:center !important;
}
#sec-admin-funil-rd .report-header p{
color:#475569 !important;
font-size:15px !important;
font-weight:700 !important;
text-align:center !important;
}
#sec-admin-funil-rd .moov-funil-filtro-bar{
margin:18px 0 22px 0 !important;
background:linear-gradient(135deg,#ffffff 0%,#faf5ff 55%,#ecfdf5 100%) !important;
border:1px solid rgba(101,0,120,.14) !important;
border-radius:20px !important;
padding:16px 20px !important;
box-shadow:0 10px 24px rgba(15,23,42,.05) !important;
}
#sec-admin-funil-rd .moov-funil-filtro-bar span{
display:block !important;
color:#64748b !important;
font-size:12px !important;
font-weight:950 !important;
text-transform:uppercase !important;
letter-spacing:.04em !important;
margin-bottom:6px !important;
}
#sec-admin-funil-rd .moov-funil-filtro-bar strong{
display:block !important;
color:#111827 !important;
font-size:15px !important;
font-weight:850 !important;
line-height:1.45 !important;
}
#sec-admin-funil-rd .moov-funil-summary{
display:grid !important;
grid-template-columns:repeat(6,minmax(0,1fr)) !important;
gap:14px !important;
margin:0 0 22px 0 !important;
}
#sec-admin-funil-rd .moov-funil-summary article{
background:linear-gradient(135deg,#ffffff 0%,#faf5ff 100%) !important;
border:1px solid rgba(101,0,120,.14) !important;
border-radius:20px !important;
padding:18px 18px !important;
box-shadow:0 10px 24px rgba(15,23,42,.05) !important;
}
#sec-admin-funil-rd .moov-funil-summary span{
display:block !important;
color:#64748b !important;
font-size:12px !important;
font-weight:950 !important;
text-transform:uppercase !important;
letter-spacing:.04em !important;
margin-bottom:8px !important;
}
#sec-admin-funil-rd .moov-funil-summary strong{
display:block !important;
color:#111827 !important;
font-size:25px !important;
font-weight:950 !important;
line-height:1.1 !important;
}
#sec-admin-funil-rd .moov-funil-summary small{
display:block !important;
margin-top:8px !important;
color:#64748b !important;
font-size:12px !important;
font-weight:700 !important;
}
#sec-admin-funil-rd .report-panel{
background:#ffffff !important;
border:1px solid rgba(101,0,120,.14) !important;
border-radius:24px !important;
box-shadow:0 14px 32px rgba(15,23,42,.07) !important;
overflow:hidden !important;
margin-top:22px !important;
}
#sec-admin-funil-rd .panel-title{
background:linear-gradient(135deg,#8b16c9 0%, #6f12ae 100%) !important;
color:#fff !important;
border-radius:18px !important;
margin:18px 18px 12px 18px !important;
padding:14px 18px !important;
text-align:center !important;
font-size:16px !important;
font-weight:950 !important;
}
#sec-admin-funil-rd .table-wrap{
overflow:auto !important;
border-top:1px solid rgba(148,163,184,.16) !important;
max-height:520px !important;
}
#sec-admin-funil-rd .admin-table{
width:100% !important;
min-width:1280px !important;
border-collapse:separate !important;
border-spacing:0 !important;
}
#sec-admin-funil-rd .admin-table thead th{
position:sticky !important;
top:0 !important;
z-index:5 !important;
background:#f3e8ff !important;
color:#581c87 !important;
font-size:12px !important;
font-weight:950 !important;
text-transform:uppercase !important;
letter-spacing:.035em !important;
padding:13px 12px !important;
border-bottom:1px solid rgba(101,0,120,.16) !important;
white-space:nowrap !important;
}
#sec-admin-funil-rd .admin-table tbody td{
padding:13px 12px !important;
border-bottom:1px solid rgba(226,232,240,.85) !important;
color:#334155 !important;
font-size:13px !important;
font-weight:750 !important;
white-space:nowrap !important;
}
#sec-admin-funil-rd .admin-table tbody tr:hover{
background:#faf5ff !important;
}
#sec-admin-funil-rd .admin-table thead th:first-child,
#sec-admin-funil-rd .admin-table tbody td:first-child{
position:sticky !important;
left:0 !important;
z-index:6 !important;
background:#ffffff !important;
box-shadow:6px 0 14px rgba(15,23,42,.04) !important;
}
#sec-admin-funil-rd .admin-table thead th:first-child{
background:#f3e8ff !important;
z-index:8 !important;
}
#sec-admin-funil-rd .moov-funil-num{
font-weight:900 !important;
color:#111827 !important;
}
#sec-admin-funil-rd .moov-funil-pagos{
color:#166534 !important;
}
#sec-admin-funil-rd .moov-funil-pct{
display:inline-flex !important;
align-items:center !important;
justify-content:center !important;
min-height:26px !important;
padding:5px 9px !important;
border-radius:999px !important;
font-size:12px !important;
font-weight:950 !important;
}
#sec-admin-funil-rd .moov-funil-pct.baixa{
background:#f1f5f9 !important;
color:#475569 !important;
}
#sec-admin-funil-rd .moov-funil-pct.media{
background:#fef3c7 !important;
color:#92400e !important;
}
#sec-admin-funil-rd .moov-funil-pct.alta{
background:#dcfce7 !important;
color:#166534 !important;
}
#sec-admin-funil-rd .moov-funil-total-row td{
background:#f3e8ff !important;
color:#581c87 !important;
font-weight:950 !important;
}
#sec-admin-funil-rd .moov-funil-total-row td:first-child{
background:#ead5ff !important;
}
#sec-admin-funil-rd *{
opacity:1 !important;
filter:none !important;
}
@media(max-width:1300px){
#sec-admin-funil-rd .moov-funil-summary{
grid-template-columns:repeat(3,minmax(0,1fr)) !important;
}
}
@media(max-width:760px){
#sec-admin-funil-rd #sec-admin-funil-rdInfoUX.bi-info-bar{
flex-direction:column !important;
align-items:stretch !important;
}
#sec-admin-funil-rd #sec-admin-funil-rdInfoUX.bi-info-bar > div:first-child{
min-width:0 !important;
}
#sec-admin-funil-rd .moov-funil-summary{
grid-template-columns:1fr !important;
}
}
#sec-admin-funil-rd .report-filters-grid.bi-filter-panel,
#sec-admin-funil-rd .report-filters-grid-3.bi-filter-panel{
display:none !important;
}
#sec-admin-funil-rd #biFiltrosModernos.moov-funil-rd-filter-final{
display:block !important;
margin:18px 0 24px !important;
background:linear-gradient(135deg,#ffffff 0%,#faf5ff 56%,#ecfdf5 100%) !important;
border:1px solid rgba(101,0,120,.16) !important;
border-radius:26px !important;
padding:22px !important;
box-shadow:0 16px 36px rgba(15,23,42,.07) !important;
}
#sec-admin-funil-rd #biFiltrosModernos .bi-modern-filter-head{
display:grid !important;
grid-template-columns:minmax(260px,1fr) auto !important;
gap:18px !important;
align-items:center !important;
margin-bottom:18px !important;
}
#sec-admin-funil-rd #biFiltrosModernos .bi-modern-filter-head > div:first-child{
background:#ffffff !important;
border:1px solid rgba(101,0,120,.12) !important;
border-radius:20px !important;
padding:18px 20px !important;
}
#sec-admin-funil-rd #biFiltrosModernos .bi-modern-filter-head > div:first-child span{
display:inline-flex !important;
background:#f3e8ff !important;
color:#581c87 !important;
border-radius:999px !important;
padding:7px 12px !important;
font-size:12px !important;
font-weight:950 !important;
letter-spacing:.05em !important;
text-transform:uppercase !important;
}
#sec-admin-funil-rd #biFiltrosModernos .bi-modern-filter-head strong{
display:block !important;
margin-top:10px !important;
color:#0f172a !important;
font-size:24px !important;
font-weight:950 !important;
line-height:1.1 !important;
}
#sec-admin-funil-rd #biFiltrosModernos .bi-modern-filter-head small{
display:block !important;
margin-top:6px !important;
color:#475569 !important;
font-size:13px !important;
font-weight:750 !important;
}
#sec-admin-funil-rd #biFiltrosModernos .bi-filter-status{
background:#ffffff !important;
border:1px solid rgba(101,0,120,.14) !important;
border-radius:18px !important;
padding:14px 16px !important;
box-shadow:0 10px 22px rgba(101,0,120,.07) !important;
}
#sec-admin-funil-rd #biFiltrosModernos #biFiltroResumoPeriodo{
background:#f3e8ff !important;
color:#4b0058 !important;
border:1px solid rgba(101,0,120,.16) !important;
border-radius:999px !important;
padding:9px 13px !important;
font-size:12px !important;
font-weight:950 !important;
line-height:1.35 !important;
}
#sec-admin-funil-rd #biFiltrosModernos .bi-period-shortcuts{
display:flex !important;
flex-wrap:wrap !important;
gap:8px !important;
margin-bottom:16px !important;
}
#sec-admin-funil-rd #biFiltrosModernos .bi-period-btn{
border-radius:999px !important;
padding:9px 13px !important;
font-weight:900 !important;
}
#sec-admin-funil-rd #biFiltrosModernos .bi-period-btn.active{
background:linear-gradient(135deg,#650078,#8b00d4) !important;
color:#fff !important;
border-color:#650078 !important;
}
#sec-admin-funil-rd #biFiltrosModernos .bi-modern-filter-grid{
display:grid !important;
grid-template-columns:repeat(4,minmax(180px,1fr)) !important;
gap:14px !important;
align-items:end !important;
}
#sec-admin-funil-rd #biFiltrosModernos .bi-modern-field{
display:flex !important;
flex-direction:column !important;
gap:7px !important;
}
#sec-admin-funil-rd #biFiltrosModernos .bi-modern-field span{
color:#64748b !important;
font-size:12px !important;
font-weight:950 !important;
letter-spacing:.04em !important;
text-transform:uppercase !important;
}
#sec-admin-funil-rd #biFiltrosModernos .bi-modern-field input,
#sec-admin-funil-rd #biFiltrosModernos .bi-modern-field select{
width:100% !important;
height:46px !important;
background:#ffffff !important;
color:#111827 !important;
border:1px solid rgba(101,0,120,.18) !important;
border-radius:14px !important;
padding:0 13px !important;
font-weight:800 !important;
outline:none !important;
}
#sec-admin-funil-rd #biFiltrosModernos .bi-modern-field input:focus,
#sec-admin-funil-rd #biFiltrosModernos .bi-modern-field select:focus{
border-color:#650078 !important;
box-shadow:0 0 0 4px rgba(101,0,120,.10) !important;
}
#sec-admin-funil-rd #biFiltrosModernos .bi-modern-filter-actions{
display:flex !important;
justify-content:flex-end !important;
gap:10px !important;
margin-top:16px !important;
}
#sec-admin-funil-rd #biFiltrosModernos .bi-apply-btn{
background:linear-gradient(135deg,#650078,#8b00d4) !important;
color:#fff !important;
border-radius:14px !important;
padding:11px 16px !important;
font-weight:950 !important;
}
#sec-admin-funil-rd #biFiltrosModernos .bi-clear-btn{
background:#ffffff !important;
color:#650078 !important;
border:1px solid rgba(101,0,120,.16) !important;
border-radius:14px !important;
padding:11px 16px !important;
font-weight:950 !important;
}
@media(max-width:1100px){
#sec-admin-funil-rd #biFiltrosModernos .bi-modern-filter-grid{
grid-template-columns:repeat(2,minmax(0,1fr)) !important;
}
#sec-admin-funil-rd #biFiltrosModernos .bi-modern-filter-head{
grid-template-columns:1fr !important;
}
}
@media(max-width:700px){
#sec-admin-funil-rd #biFiltrosModernos .bi-modern-filter-grid{
grid-template-columns:1fr !important;
}
#sec-admin-funil-rd #biFiltrosModernos .bi-modern-filter-actions{
flex-direction:column !important;
}
}
#sec-admin-funil-rd .report-filters-grid.bi-filter-panel,
#sec-admin-funil-rd .report-filters-grid-3.bi-filter-panel{
display:none !important;
}
#sec-admin-funil-rd.moov-funil-rd-loading .admin-report-shell{
opacity:.18 !important;
pointer-events:none !important;
transition:opacity .15s ease !important;
}
#sec-admin-funil-rd.moov-funil-rd-ready .admin-report-shell{
opacity:1 !important;
pointer-events:auto !important;
}
#sec-admin-funil-rd #biFiltrosModernos.moov-funil-rd-filter-final{
display:block !important;
opacity:1 !important;
visibility:visible !important;
transform:none !important;
}
#sec-admin-funil-rd .report-panel{
background:#ffffff !important;
border:1px solid rgba(101,0,120,.14) !important;
border-radius:24px !important;
box-shadow:0 14px 32px rgba(15,23,42,.07) !important;
overflow:hidden !important;
margin-top:22px !important;
}
#sec-admin-funil-rd .panel-title{
background:linear-gradient(135deg,#8b16c9 0%, #6f12ae 100%) !important;
color:#fff !important;
border-radius:18px !important;
margin:18px 18px 12px 18px !important;
padding:14px 18px !important;
text-align:center !important;
font-size:16px !important;
font-weight:950 !important;
}
#sec-admin-funil-rd .table-wrap{
overflow:auto !important;
max-height:520px !important;
}
#sec-admin-funil-rd .report-filters-grid.bi-filter-panel,
#sec-admin-funil-rd .report-filters-grid-3.bi-filter-panel{
display:none !important;
}
#sec-admin-funil-rd.moov-funil-rd-loading .admin-report-shell{
opacity:.18 !important;
pointer-events:none !important;
transition:opacity .15s ease !important;
}
#sec-admin-funil-rd.moov-funil-rd-ready .admin-report-shell{
opacity:1 !important;
pointer-events:auto !important;
}
#sec-admin-funil-rd #biFiltrosModernos.moov-funil-rd-filter-final{
display:block !important;
opacity:1 !important;
visibility:visible !important;
transform:none !important;
}
#sec-admin-funil-rd .report-panel{
background:#ffffff !important;
border:1px solid rgba(101,0,120,.14) !important;
border-radius:24px !important;
box-shadow:0 14px 32px rgba(15,23,42,.07) !important;
overflow:hidden !important;
margin-top:22px !important;
}
#sec-admin-funil-rd .panel-title{
background:linear-gradient(135deg,#8b16c9 0%, #6f12ae 100%) !important;
color:#fff !important;
border-radius:18px !important;
margin:18px 18px 12px 18px !important;
padding:14px 18px !important;
text-align:center !important;
font-size:16px !important;
font-weight:950 !important;
}
#sec-admin-funil-rd .table-wrap{
overflow:auto !important;
max-height:520px !important;
}
#sec-admin-funil-rd.moov-funil-rd-loading .admin-report-shell{
opacity:1 !important;
pointer-events:auto !important;
}
#sec-admin-funil-rd .report-filters-grid.bi-filter-panel,
#sec-admin-funil-rd .report-filters-grid-3.bi-filter-panel{
display:none !important;
}
#sec-admin-funil-rd #biFiltrosModernos.moov-funil-rd-filter-final{
display:block !important;
opacity:1 !important;
visibility:visible !important;
}
#sec-admin-funil-rd .report-filters-grid.bi-filter-panel,
#sec-admin-funil-rd .report-filters-grid-3.bi-filter-panel{
display:none !important;
}
#sec-admin-funil-rd .rd-filter-card{
margin:18px 0 24px !important;
background:linear-gradient(135deg,#ffffff 0%,#faf5ff 55%,#ecfdf5 100%) !important;
border:1px solid rgba(101,0,120,.16) !important;
border-radius:26px !important;
padding:22px !important;
box-shadow:0 16px 36px rgba(15,23,42,.07) !important;
}
#sec-admin-funil-rd .rd-filter-head{
display:grid !important;
grid-template-columns:minmax(260px,1fr) auto !important;
gap:18px !important;
align-items:center !important;
margin-bottom:18px !important;
}
#sec-admin-funil-rd .rd-filter-head > div:first-child{
background:#ffffff !important;
border:1px solid rgba(101,0,120,.12) !important;
border-radius:20px !important;
padding:18px 20px !important;
}
#sec-admin-funil-rd .rd-filter-head span{
display:inline-flex !important;
background:#f3e8ff !important;
color:#581c87 !important;
border-radius:999px !important;
padding:7px 12px !important;
font-size:12px !important;
font-weight:950 !important;
letter-spacing:.05em !important;
text-transform:uppercase !important;
}
#sec-admin-funil-rd .rd-filter-head strong{
display:block !important;
margin-top:10px !important;
color:#0f172a !important;
font-size:24px !important;
font-weight:950 !important;
line-height:1.1 !important;
}
#sec-admin-funil-rd .rd-filter-head small{
display:block !important;
margin-top:6px !important;
color:#475569 !important;
font-size:13px !important;
font-weight:750 !important;
}
#sec-admin-funil-rd .rd-filter-status{
background:#ffffff !important;
border:1px solid rgba(101,0,120,.14) !important;
border-radius:18px !important;
padding:14px 16px !important;
box-shadow:0 10px 22px rgba(101,0,120,.07) !important;
}
#sec-admin-funil-rd #rdFiltroResumo{
background:#f3e8ff !important;
color:#4b0058 !important;
border:1px solid rgba(101,0,120,.16) !important;
border-radius:999px !important;
padding:9px 13px !important;
font-size:12px !important;
font-weight:950 !important;
line-height:1.35 !important;
}
#sec-admin-funil-rd .rd-filter-grid{
display:grid !important;
grid-template-columns:1fr 1fr 1.4fr auto !important;
gap:14px !important;
align-items:end !important;
}
#sec-admin-funil-rd .rd-filter-grid label{
display:flex !important;
flex-direction:column !important;
gap:7px !important;
}
#sec-admin-funil-rd .rd-filter-grid label span{
color:#64748b !important;
font-size:12px !important;
font-weight:950 !important;
letter-spacing:.04em !important;
text-transform:uppercase !important;
}
#sec-admin-funil-rd .rd-filter-grid input,
#sec-admin-funil-rd .rd-filter-grid select{
width:100% !important;
height:46px !important;
background:#ffffff !important;
color:#111827 !important;
border:1px solid rgba(101,0,120,.18) !important;
border-radius:14px !important;
padding:0 13px !important;
font-weight:800 !important;
outline:none !important;
}
#sec-admin-funil-rd .rd-filter-actions{
display:flex !important;
gap:10px !important;
}
#sec-admin-funil-rd .rd-filter-actions button{
height:46px !important;
border-radius:14px !important;
padding:0 15px !important;
font-weight:950 !important;
cursor:pointer !important;
white-space:nowrap !important;
}
#sec-admin-funil-rd #rdAplicarFiltros{
background:linear-gradient(135deg,#650078,#8b00d4) !important;
color:#fff !important;
border:0 !important;
}
#sec-admin-funil-rd #rdLimparFiltros{
background:#fff !important;
color:#650078 !important;
border:1px solid rgba(101,0,120,.18) !important;
}
#sec-admin-funil-rd .rd-summary-grid{
display:grid !important;
grid-template-columns:repeat(6,minmax(0,1fr)) !important;
gap:14px !important;
margin:0 0 22px 0 !important;
}
#sec-admin-funil-rd .rd-summary-grid article{
background:linear-gradient(135deg,#ffffff 0%,#faf5ff 100%) !important;
border:1px solid rgba(101,0,120,.14) !important;
border-radius:20px !important;
padding:18px !important;
box-shadow:0 10px 24px rgba(15,23,42,.05) !important;
}
#sec-admin-funil-rd .rd-summary-grid span{
display:block !important;
color:#64748b !important;
font-size:12px !important;
font-weight:950 !important;
text-transform:uppercase !important;
letter-spacing:.04em !important;
margin-bottom:8px !important;
}
#sec-admin-funil-rd .rd-summary-grid strong{
display:block !important;
color:#111827 !important;
font-size:25px !important;
font-weight:950 !important;
line-height:1.1 !important;
}
#sec-admin-funil-rd .rd-summary-grid small{
display:block !important;
margin-top:8px !important;
color:#64748b !important;
font-size:12px !important;
font-weight:700 !important;
}
#sec-admin-funil-rd .table-wrap{
overflow:auto !important;
max-height:520px !important;
}
#sec-admin-funil-rd .admin-table{
min-width:1280px !important;
border-collapse:separate !important;
border-spacing:0 !important;
}
#sec-admin-funil-rd .admin-table thead th{
position:sticky !important;
top:0 !important;
z-index:5 !important;
background:#f3e8ff !important;
color:#581c87 !important;
font-size:12px !important;
font-weight:950 !important;
text-transform:uppercase !important;
letter-spacing:.035em !important;
padding:13px 12px !important;
white-space:nowrap !important;
}
#sec-admin-funil-rd .admin-table tbody td{
padding:13px 12px !important;
border-bottom:1px solid rgba(226,232,240,.85) !important;
color:#334155 !important;
font-size:13px !important;
font-weight:750 !important;
white-space:nowrap !important;
}
#sec-admin-funil-rd .admin-table tbody tr:hover{
background:#faf5ff !important;
}
#sec-admin-funil-rd .rd-pct{
display:inline-flex !important;
align-items:center !important;
justify-content:center !important;
min-height:26px !important;
padding:5px 9px !important;
border-radius:999px !important;
font-size:12px !important;
font-weight:950 !important;
}
#sec-admin-funil-rd .rd-pct.baixa{
background:#f1f5f9 !important;
color:#475569 !important;
}
#sec-admin-funil-rd .rd-pct.media{
background:#fef3c7 !important;
color:#92400e !important;
}
#sec-admin-funil-rd .rd-pct.alta{
background:#dcfce7 !important;
color:#166534 !important;
}
#sec-admin-funil-rd .rd-total-row td{
background:#f3e8ff !important;
color:#581c87 !important;
font-weight:950 !important;
}
@media(max-width:1200px){
#sec-admin-funil-rd .rd-filter-grid{
grid-template-columns:repeat(2,minmax(0,1fr)) !important;
}
#sec-admin-funil-rd .rd-filter-actions{
grid-column:1 / -1 !important;
}
#sec-admin-funil-rd .rd-summary-grid{
grid-template-columns:repeat(3,minmax(0,1fr)) !important;
}
}
@media(max-width:720px){
#sec-admin-funil-rd .rd-filter-head{
grid-template-columns:1fr !important;
}
#sec-admin-funil-rd .rd-filter-grid,
#sec-admin-funil-rd .rd-summary-grid{
grid-template-columns:1fr !important;
}
#sec-admin-funil-rd .rd-filter-actions{
flex-direction:column !important;
}
}
#sec-admin-vendas-mensais #sec-admin-vendas-mensaisInfoUX.bi-info-bar{
background:linear-gradient(135deg,#650078 0%,#4b0058 62%,#30284f 100%) !important;
border-radius:30px !important;
border:0 !important;
box-shadow:0 24px 60px rgba(101,0,120,.28) !important;
padding:28px 34px !important;
min-height:190px !important;
display:flex !important;
align-items:center !important;
justify-content:space-between !important;
gap:28px !important;
}
#sec-admin-vendas-mensais #sec-admin-vendas-mensaisInfoUX.bi-info-bar > div:first-child{
background:linear-gradient(135deg,#ffffff 0%,#ffffff 62%,#eefdf7 100%) !important;
border:1px solid rgba(148,163,184,.18) !important;
border-radius:24px !important;
padding:26px 34px !important;
min-width:min(680px, 100%) !important;
box-shadow:0 18px 42px rgba(15,23,42,.12) !important;
}
#sec-admin-vendas-mensais #sec-admin-vendas-mensaisInfoUX.bi-info-bar > div:first-child *,
#sec-admin-vendas-mensais #sec-admin-vendas-mensaisInfoUX.bi-info-bar > div:first-child strong,
#sec-admin-vendas-mensais #sec-admin-vendas-mensaisInfoUX.bi-info-bar > div:first-child small{
color:#111827 !important;
opacity:1 !important;
filter:none !important;
text-shadow:none !important;
}
#sec-admin-vendas-mensais #sec-admin-vendas-mensaisInfoUX.bi-info-bar > div:first-child > span{
display:inline-flex !important;
width:max-content !important;
background:#f3e8ff !important;
color:#581c87 !important;
border:1px solid rgba(101,0,120,.18) !important;
border-radius:999px !important;
padding:8px 14px !important;
font-size:12px !important;
font-weight:950 !important;
letter-spacing:.06em !important;
text-transform:uppercase !important;
}
#sec-admin-vendas-mensais #sec-admin-vendas-mensaisInfoUX.bi-info-bar > div:first-child > strong{
display:block !important;
margin-top:18px !important;
color:#0f172a !important;
font-size:34px !important;
line-height:1.05 !important;
font-weight:950 !important;
letter-spacing:-.03em !important;
}
#sec-admin-vendas-mensais #sec-admin-vendas-mensaisInfoUX.bi-info-bar > div:first-child > small{
display:block !important;
margin-top:10px !important;
color:#1f2937 !important;
font-size:15px !important;
line-height:1.45 !important;
font-weight:700 !important;
}
#sec-admin-vendas-mensais #sec-admin-vendas-mensaisInfoUX.bi-info-bar > button{
background:#ffffff !important;
color:#650078 !important;
border:0 !important;
border-radius:16px !important;
padding:14px 20px !important;
font-weight:950 !important;
box-shadow:0 16px 32px rgba(15,23,42,.20) !important;
white-space:nowrap !important;
}
#sec-admin-vendas-mensais .admin-report-shell{
background:#ffffff !important;
border:1px solid rgba(101,0,120,.14) !important;
border-radius:30px !important;
box-shadow:0 22px 52px rgba(15,23,42,.08) !important;
padding:26px !important;
}
#sec-admin-vendas-mensais .report-header{
background:linear-gradient(135deg,#ffffff 0%,#faf5ff 55%,#ecfdf5 100%) !important;
border:1px solid rgba(101,0,120,.14) !important;
border-radius:24px !important;
padding:24px 28px !important;
box-shadow:0 14px 34px rgba(15,23,42,.06) !important;
margin-bottom:16px !important;
}
#sec-admin-vendas-mensais .report-header h1{
color:#0f172a !important;
font-size:34px !important;
font-weight:950 !important;
letter-spacing:-.03em !important;
text-align:center !important;
}
#sec-admin-vendas-mensais .report-header p{
color:#475569 !important;
font-size:15px !important;
font-weight:700 !important;
text-align:center !important;
}
#sec-admin-vendas-mensais .moov-mensais-filtro-bar{
margin:18px 0 22px 0 !important;
background:linear-gradient(135deg,#ffffff 0%,#faf5ff 55%,#ecfdf5 100%) !important;
border:1px solid rgba(101,0,120,.14) !important;
border-radius:20px !important;
padding:16px 20px !important;
box-shadow:0 10px 24px rgba(15,23,42,.05) !important;
}
#sec-admin-vendas-mensais .moov-mensais-filtro-bar span{
display:block !important;
color:#64748b !important;
font-size:12px !important;
font-weight:950 !important;
text-transform:uppercase !important;
letter-spacing:.04em !important;
margin-bottom:6px !important;
}
#sec-admin-vendas-mensais .moov-mensais-filtro-bar strong{
display:block !important;
color:#111827 !important;
font-size:15px !important;
font-weight:850 !important;
line-height:1.45 !important;
}
#sec-admin-vendas-mensais .kpi-grid{
margin:20px 0 !important;
}
#sec-admin-vendas-mensais .kpi-card{
background:#ffffff !important;
border:1px solid rgba(101,0,120,.14) !important;
border-radius:22px !important;
box-shadow:0 12px 28px rgba(15,23,42,.06) !important;
}
#sec-admin-vendas-mensais .kpi-card .kpi-label{
color:#64748b !important;
font-size:12px !important;
font-weight:950 !important;
text-transform:uppercase !important;
letter-spacing:.04em !important;
}
#sec-admin-vendas-mensais .kpi-card strong{
color:#111827 !important;
font-size:25px !important;
font-weight:950 !important;
}
#sec-admin-vendas-mensais .moov-mensais-summary{
display:grid !important;
grid-template-columns:repeat(5,minmax(0,1fr)) !important;
gap:14px !important;
margin:0 0 22px 0 !important;
}
#sec-admin-vendas-mensais .moov-mensais-summary article{
background:linear-gradient(135deg,#ffffff 0%,#faf5ff 100%) !important;
border:1px solid rgba(101,0,120,.14) !important;
border-radius:20px !important;
padding:18px !important;
box-shadow:0 10px 24px rgba(15,23,42,.05) !important;
}
#sec-admin-vendas-mensais .moov-mensais-summary span{
display:block !important;
color:#64748b !important;
font-size:12px !important;
font-weight:950 !important;
text-transform:uppercase !important;
letter-spacing:.04em !important;
margin-bottom:8px !important;
}
#sec-admin-vendas-mensais .moov-mensais-summary strong{
display:block !important;
color:#111827 !important;
font-size:22px !important;
font-weight:950 !important;
line-height:1.15 !important;
}
#sec-admin-vendas-mensais .moov-mensais-summary small{
display:block !important;
margin-top:8px !important;
color:#64748b !important;
font-size:12px !important;
font-weight:700 !important;
}
#sec-admin-vendas-mensais .report-panel{
background:#ffffff !important;
border:1px solid rgba(101,0,120,.14) !important;
border-radius:24px !important;
box-shadow:0 14px 32px rgba(15,23,42,.07) !important;
overflow:hidden !important;
margin-top:22px !important;
}
#sec-admin-vendas-mensais .panel-title{
background:linear-gradient(135deg,#8b16c9 0%, #6f12ae 100%) !important;
color:#fff !important;
border-radius:18px !important;
margin:18px 18px 12px 18px !important;
padding:14px 18px !important;
text-align:center !important;
font-size:16px !important;
font-weight:950 !important;
}
#sec-admin-vendas-mensais .admin-chart-box{
min-height:320px !important;
padding:18px !important;
}
#sec-admin-vendas-mensais .table-wrap{
overflow:auto !important;
border-top:1px solid rgba(148,163,184,.16) !important;
max-height:480px !important;
}
#sec-admin-vendas-mensais .admin-table{
width:100% !important;
min-width:620px !important;
border-collapse:separate !important;
border-spacing:0 !important;
}
#sec-admin-vendas-mensais .admin-table thead th{
position:sticky !important;
top:0 !important;
z-index:5 !important;
background:#f3e8ff !important;
color:#581c87 !important;
font-size:12px !important;
font-weight:950 !important;
text-transform:uppercase !important;
letter-spacing:.035em !important;
padding:13px 12px !important;
border-bottom:1px solid rgba(101,0,120,.16) !important;
white-space:nowrap !important;
}
#sec-admin-vendas-mensais .admin-table tbody td{
padding:13px 12px !important;
border-bottom:1px solid rgba(226,232,240,.85) !important;
color:#334155 !important;
font-size:13px !important;
font-weight:750 !important;
white-space:nowrap !important;
}
#sec-admin-vendas-mensais .admin-table tbody tr:hover{
background:#faf5ff !important;
}
#sec-admin-vendas-mensais .moov-mensais-pill{
display:inline-flex !important;
align-items:center !important;
justify-content:center !important;
min-height:27px !important;
padding:5px 10px !important;
border-radius:999px !important;
background:#f3e8ff !important;
color:#650078 !important;
font-weight:950 !important;
}
#sec-admin-vendas-mensais .total-row td{
background:#f3e8ff !important;
color:#581c87 !important;
font-weight:950 !important;
}
#sec-admin-vendas-mensais *{
opacity:1 !important;
filter:none !important;
}
@media(max-width:1200px){
#sec-admin-vendas-mensais .moov-mensais-summary{
grid-template-columns:repeat(2,minmax(0,1fr)) !important;
}
}
@media(max-width:720px){
#sec-admin-vendas-mensais #sec-admin-vendas-mensaisInfoUX.bi-info-bar{
flex-direction:column !important;
align-items:stretch !important;
}
#sec-admin-vendas-mensais #sec-admin-vendas-mensaisInfoUX.bi-info-bar > div:first-child{
min-width:0 !important;
}
#sec-admin-vendas-mensais .moov-mensais-summary{
grid-template-columns:1fr !important;
}
}
#sec-admin-vendas-mensais .report-filters-grid.bi-filter-panel,
#sec-admin-vendas-mensais .report-filters-grid-3.bi-filter-panel,
#sec-admin-vendas-mensais #biFiltrosModernos{
display:none !important;
}
#sec-admin-vendas-mensais .vm-filter-card{
margin:18px 0 24px !important;
background:linear-gradient(135deg,#ffffff 0%,#faf5ff 55%,#ecfdf5 100%) !important;
border:1px solid rgba(101,0,120,.16) !important;
border-radius:26px !important;
padding:22px !important;
box-shadow:0 16px 36px rgba(15,23,42,.07) !important;
}
#sec-admin-vendas-mensais .vm-filter-head{
display:grid !important;
grid-template-columns:minmax(260px,1fr) auto !important;
gap:18px !important;
align-items:center !important;
margin-bottom:18px !important;
}
#sec-admin-vendas-mensais .vm-filter-head > div:first-child{
background:#ffffff !important;
border:1px solid rgba(101,0,120,.12) !important;
border-radius:20px !important;
padding:18px 20px !important;
}
#sec-admin-vendas-mensais .vm-filter-head span{
display:inline-flex !important;
background:#f3e8ff !important;
color:#581c87 !important;
border-radius:999px !important;
padding:7px 12px !important;
font-size:12px !important;
font-weight:950 !important;
letter-spacing:.05em !important;
text-transform:uppercase !important;
}
#sec-admin-vendas-mensais .vm-filter-head strong{
display:block !important;
margin-top:10px !important;
color:#0f172a !important;
font-size:24px !important;
font-weight:950 !important;
line-height:1.1 !important;
}
#sec-admin-vendas-mensais .vm-filter-head small{
display:block !important;
margin-top:6px !important;
color:#475569 !important;
font-size:13px !important;
font-weight:750 !important;
}
#sec-admin-vendas-mensais .vm-filter-status{
background:#ffffff !important;
border:1px solid rgba(101,0,120,.14) !important;
border-radius:18px !important;
padding:14px 16px !important;
box-shadow:0 10px 22px rgba(101,0,120,.07) !important;
}
#sec-admin-vendas-mensais #vmFiltroResumo{
background:#f3e8ff !important;
color:#4b0058 !important;
border:1px solid rgba(101,0,120,.16) !important;
border-radius:999px !important;
padding:9px 13px !important;
font-size:12px !important;
font-weight:950 !important;
line-height:1.35 !important;
}
#sec-admin-vendas-mensais .vm-period-shortcuts{
display:flex !important;
flex-wrap:wrap !important;
gap:8px !important;
margin-bottom:16px !important;
}
#sec-admin-vendas-mensais .vm-period-shortcuts button{
background:#fff !important;
color:#475569 !important;
border:1px solid rgba(148,163,184,.30) !important;
border-radius:999px !important;
padding:9px 13px !important;
font-weight:900 !important;
cursor:pointer !important;
}
#sec-admin-vendas-mensais .vm-period-shortcuts button.active{
background:linear-gradient(135deg,#650078,#8b00d4) !important;
color:#fff !important;
border-color:#650078 !important;
box-shadow:0 10px 22px rgba(101,0,120,.18) !important;
}
#sec-admin-vendas-mensais .vm-filter-grid{
display:grid !important;
grid-template-columns:1fr 1fr 1.4fr auto !important;
gap:14px !important;
align-items:end !important;
}
#sec-admin-vendas-mensais .vm-filter-grid label{
display:flex !important;
flex-direction:column !important;
gap:7px !important;
}
#sec-admin-vendas-mensais .vm-filter-grid label span{
color:#64748b !important;
font-size:12px !important;
font-weight:950 !important;
letter-spacing:.04em !important;
text-transform:uppercase !important;
}
#sec-admin-vendas-mensais .vm-filter-grid input,
#sec-admin-vendas-mensais .vm-filter-grid select{
width:100% !important;
height:46px !important;
background:#ffffff !important;
color:#111827 !important;
border:1px solid rgba(101,0,120,.18) !important;
border-radius:14px !important;
padding:0 13px !important;
font-weight:800 !important;
outline:none !important;
}
#sec-admin-vendas-mensais .vm-filter-grid input:focus,
#sec-admin-vendas-mensais .vm-filter-grid select:focus{
border-color:#650078 !important;
box-shadow:0 0 0 4px rgba(101,0,120,.10) !important;
}
#sec-admin-vendas-mensais .vm-filter-actions{
display:flex !important;
gap:10px !important;
}
#sec-admin-vendas-mensais .vm-filter-actions button{
height:46px !important;
border-radius:14px !important;
padding:0 15px !important;
font-weight:950 !important;
cursor:pointer !important;
white-space:nowrap !important;
}
#sec-admin-vendas-mensais #vmAplicarFiltros{
background:linear-gradient(135deg,#650078,#8b00d4) !important;
color:#fff !important;
border:0 !important;
}
#sec-admin-vendas-mensais #vmLimparFiltros{
background:#fff !important;
color:#650078 !important;
border:1px solid rgba(101,0,120,.18) !important;
}
@media(max-width:1200px){
#sec-admin-vendas-mensais .vm-filter-grid{
grid-template-columns:repeat(2,minmax(0,1fr)) !important;
}
#sec-admin-vendas-mensais .vm-filter-actions{
grid-column:1 / -1 !important;
}
#sec-admin-vendas-mensais .vm-filter-head{
grid-template-columns:1fr !important;
}
}
@media(max-width:720px){
#sec-admin-vendas-mensais .vm-filter-grid,
#sec-admin-vendas-mensais .vm-summary-grid{
grid-template-columns:1fr !important;
}
#sec-admin-vendas-mensais .vm-filter-actions{
flex-direction:column !important;
}
}
#sec-admin-vendas-mensais.vm-standalone-loading .admin-report-shell{
opacity:0 !important;
max-height:0 !important;
overflow:hidden !important;
pointer-events:none !important;
}
#sec-admin-vendas-mensais.vm-standalone-loading::after{
content:"Carregando Vendas Mensais..." !important;
display:block !important;
margin:24px auto !important;
max-width:420px !important;
text-align:center !important;
background:#ffffff !important;
border:1px solid rgba(101,0,120,.16) !important;
border-radius:22px !important;
padding:22px !important;
color:#650078 !important;
font-weight:950 !important;
box-shadow:0 14px 32px rgba(15,23,42,.08) !important;
}
#sec-admin-vendas-mensais.vm-standalone-ready .admin-report-shell{
opacity:1 !important;
max-height:none !important;
overflow:visible !important;
pointer-events:auto !important;
}
#sec-admin-vendas-mensais .report-filters-grid.bi-filter-panel,
#sec-admin-vendas-mensais .report-filters-grid-3.bi-filter-panel{
display:none !important;
}
#sec-admin-vendas-mensais #vmFiltrosModernos{
display:block !important;
opacity:1 !important;
visibility:visible !important;
}
#sec-admin-vendas-mensais.vm-standalone-loading .admin-report-shell{
opacity:1 !important;
max-height:none !important;
overflow:visible !important;
pointer-events:auto !important;
}
#sec-admin-vendas-mensais.vm-standalone-loading::after{
display:none !important;
content:none !important;
}
#sec-admin-vendas-mensais .vm-summary-grid{
display:grid !important;
grid-template-columns:repeat(5,minmax(0,1fr)) !important;
gap:14px !important;
margin:0 0 22px 0 !important;
}
#sec-admin-vendas-mensais .vm-summary-grid article{
background:linear-gradient(135deg,#ffffff 0%,#faf5ff 100%) !important;
border:1px solid rgba(101,0,120,.14) !important;
border-radius:20px !important;
padding:18px !important;
box-shadow:0 10px 24px rgba(15,23,42,.05) !important;
}
#sec-admin-vendas-mensais .vm-summary-grid span{
display:block !important;
color:#64748b !important;
font-size:12px !important;
font-weight:950 !important;
text-transform:uppercase !important;
letter-spacing:.04em !important;
margin-bottom:8px !important;
}
#sec-admin-vendas-mensais .vm-summary-grid strong{
display:block !important;
color:#111827 !important;
font-size:22px !important;
font-weight:950 !important;
line-height:1.15 !important;
}
#sec-admin-vendas-mensais .vm-summary-grid small{
display:block !important;
margin-top:8px !important;
color:#64748b !important;
font-size:12px !important;
font-weight:700 !important;
}
@media(max-width:1200px){
#sec-admin-vendas-mensais .vm-summary-grid{
grid-template-columns:repeat(2,minmax(0,1fr)) !important;
}
}
@media(max-width:720px){
#sec-admin-vendas-mensais .vm-summary-grid{
grid-template-columns:1fr !important;
}
}
#sec-admin-vendas-mensais .report-filters-grid.bi-filter-panel,
#sec-admin-vendas-mensais .report-filters-grid-3.bi-filter-panel{
display:none !important;
}
#sec-admin-vendas-mensais.vm-standalone-loading .kpi-grid,
#sec-admin-vendas-mensais.vm-standalone-loading .vm-summary-grid,
#sec-admin-vendas-mensais.vm-standalone-loading .report-panel,
#sec-admin-vendas-mensais:not(.vm-standalone-ready) .kpi-grid,
#sec-admin-vendas-mensais:not(.vm-standalone-ready) .vm-summary-grid,
#sec-admin-vendas-mensais:not(.vm-standalone-ready) .report-panel{
opacity:0 !important;
max-height:0 !important;
overflow:hidden !important;
pointer-events:none !important;
margin:0 !important;
padding:0 !important;
border:0 !important;
}
#sec-admin-vendas-mensais.vm-standalone-loading .report-header,
#sec-admin-vendas-mensais.vm-standalone-loading #vmFiltrosModernos,
#sec-admin-vendas-mensais:not(.vm-standalone-ready) .report-header,
#sec-admin-vendas-mensais:not(.vm-standalone-ready) #vmFiltrosModernos{
opacity:1 !important;
max-height:none !important;
overflow:visible !important;
pointer-events:auto !important;
}
#sec-admin-vendas-mensais.vm-standalone-loading .admin-report-shell::after,
#sec-admin-vendas-mensais:not(.vm-standalone-ready) .admin-report-shell::after{
content:"Carregando Vendas Mensais..." !important;
display:block !important;
margin:22px 0 0 !important;
text-align:center !important;
background:#ffffff !important;
border:1px solid rgba(101,0,120,.16) !important;
border-radius:22px !important;
padding:22px !important;
color:#650078 !important;
font-weight:950 !important;
box-shadow:0 14px 32px rgba(15,23,42,.08) !important;
}
#sec-admin-vendas-mensais.vm-standalone-ready .kpi-grid,
#sec-admin-vendas-mensais.vm-standalone-ready .vm-summary-grid,
#sec-admin-vendas-mensais.vm-standalone-ready .report-panel{
opacity:1 !important;
max-height:none !important;
overflow:visible !important;
pointer-events:auto !important;
margin-top:22px !important;
}
#sec-admin-vendas-mensais.vm-standalone-ready .admin-report-shell::after{
display:none !important;
content:none !important;
}