/* ESTOQUE_MAX_STATIC_COLORS_ROOT_V1 */


/* ============================================================
   LEI OFICIAL
   ============================================================ */

:root{

  --max-blue:#4BA8FD;

  --max-blue-strong:#4BA8FD;

  --max-white:#FFFFFF;

  --max-black:#050505;

  --max-text:#111111;

  --max-muted:#667680;

  --max-success:#16A34A;

  --max-danger:#DC2626;

  --max-card-shadow:
    0 4px 16px rgba(5,5,5,.08);

  --max-card-shadow-hover:
    0 8px 24px rgba(5,5,5,.13);


  /*
   * Variáveis antigas ficam FIXAS.
   * Nenhum JS deve mais alterá-las.
   */

  --acc:#4BA8FD !important;

  --accent:#4BA8FD !important;

  --primary:#4BA8FD !important;

  --brand:#4BA8FD !important;

  --theme:#4BA8FD !important;


  --bg:#FFFFFF !important;

  --surf:#FFFFFF !important;

  --tx:#111111 !important;

  --mu:#667680 !important;

  --fa:#81909A !important;

  --sh:
    var(--max-card-shadow)
    !important;

  --sh-md:
    var(--max-card-shadow-hover)
    !important;


  --bord:
    rgba(75,168,253,.28)
    !important;

  --bord-l:
    rgba(75,168,253,.13)
    !important;


  --acc-bg:
    rgba(75,168,253,.09)
    !important;

  --acc-t:
    #4BA8FD
    !important;


  --wa:#4BA8FD !important;

  --wa-bg:
    rgba(75,168,253,.10)
    !important;

  --wa-t:
    #4BA8FD
    !important;


  --ok:#16A34A !important;

  --ok-bg:
    rgba(22,163,74,.08)
    !important;

  --ok-t:
    #15803D
    !important;


  --er:#DC2626 !important;

  --er-bg:
    rgba(220,38,38,.07)
    !important;

  --er-t:
    #B91C1C
    !important;
}


/* ============================================================
   1. PÁGINAS = BRANCO
   ============================================================ */

html,
body,

.main,
.content,
.main-content,
.dashboard-content,
.app-content,

.view,
.view.on,

.page,
.page-content,

#view-inicio,
#view-produtos,
#view-pedidos,
#view-clientes,
#view-historico,
#view-relatorio,
#view-notas,
#view-financeiro,
#view-calendario,
#view-integracoes,
#view-mercado-livre,
#view-notificacoes,
#view-config{

  color:
    #111111
    !important;

  background:
    #FFFFFF
    !important;

  background-color:
    #FFFFFF
    !important;

  background-image:
    none
    !important;
}


/* ============================================================
   2. CONTAINERS = TRANSPARENTES
   ============================================================ */

.exec-grid,
.exec-values,
.exec-waterfall,
.exec-actions,
.exec-kpis,

.dash-grid,
.dash-kpis,

.mn-grid,
.mn-shortcuts,

.mv3-list,
.mv2-grid,

.workspace{

  background:
    transparent
    !important;

  background-image:
    none
    !important;
}


/* ============================================================
   3. CARD NORMAL = BRANCO
   ============================================================ */

.card,
.tcard,

.kpi,

.fk-card,
.fk-sm,

.dk-card,
.da-card,

.exec-quality,
.exec-step,
.exec-kpi,

.pcard,
.product-card,
.mc-card,
.mv2-card,
.mv3-card,
.mv3-command,
.mv3-kpi,

.cfg-card,

.dre-card,
.fin-chart-wrap,

.tarefas-panel,

.conta-card,
.flow-wrap,
.venc-wrap,
.cal-preview,
.rupt-wrap,

.np-card,
.notif-composer,

.mbox,
.modal-card,
.panel-card,

.product-summary,
.stepper,
.context-card,

.stage .card,
.editor-card,

.max-product-studio,
.max-live-preview,

.max-channel-radar,
.max-bling-audit,

.max-primary-card,
.max-brand-panel,
.max-notification-highlight{

  color:
    #111111
    !important;

  border-color:
    rgba(75,168,253,.28)
    !important;

  background:
    #FFFFFF
    !important;

  background-color:
    #FFFFFF
    !important;

  background-image:
    none
    !important;

  box-shadow:
    var(--max-card-shadow)
    !important;
}


/* ============================================================
   4. CARD BRANCO = TEXTO PRETO
   ============================================================ */

:is(

  .card,
  .tcard,

  .kpi,

  .fk-card,
  .fk-sm,

  .dk-card,
  .da-card,

  .exec-quality,
  .exec-step,
  .exec-kpi,

  .pcard,
  .product-card,
  .mc-card,
  .mv2-card,
  .mv3-card,
  .mv3-command,
  .mv3-kpi,

  .cfg-card,

  .dre-card,
  .fin-chart-wrap,

  .tarefas-panel,

  .conta-card,
  .flow-wrap,
  .venc-wrap,
  .cal-preview,
  .rupt-wrap,

  .np-card,
  .notif-composer,

  .mbox,
  .modal-card,
  .panel-card,

  .product-summary,
  .stepper,
  .context-card,

  .stage .card,
  .editor-card,

  .max-product-studio,
  .max-live-preview,

  .max-channel-radar,
  .max-bling-audit,

  .max-primary-card,
  .max-brand-panel,
  .max-notification-highlight

)
:where(

  h1,
  h2,
  h3,
  h4,
  h5,
  h6,

  p,
  span,
  strong,
  b,
  small,
  label,

  div

){

  color:
    #111111
    !important;
}


/* ============================================================
   5. MEU NEGÓCIO — RESULTADO
   CARD AZUL + TEXTO BRANCO
   ============================================================ */

#view-inicio .exec-primary{

  color:
    #FFFFFF
    !important;

  border-color:
    #4BA8FD
    !important;

  background:
    #4BA8FD
    !important;

  background-color:
    #4BA8FD
    !important;

  background-image:
    none
    !important;

  box-shadow:
    0 12px 30px
    rgba(75,168,253,.20)
    !important;
}


#view-inicio .exec-primary :where(*){

  color:
    #FFFFFF
    !important;
}


#view-inicio .exec-primary::after{

  background:
    rgba(255,255,255,.08)
    !important;
}


/* ============================================================
   6. QUALIDADE = BRANCO + PRETO
   ============================================================ */

#view-inicio .exec-quality{

  color:
    #111111
    !important;

  background:
    #FFFFFF
    !important;
}


#view-inicio .exec-quality-title{

  color:
    #111111
    !important;
}


#view-inicio .exec-quality-copy{

  color:
    #667680
    !important;
}


/* ============================================================
   7. RECEITA / CMV / TAXA / FRETE / CONTRIBUIÇÃO
   ============================================================ */

#view-inicio .exec-step{

  color:
    #111111
    !important;

  background:
    #FFFFFF
    !important;
}


#view-inicio .exec-step-label{

  color:
    #667680
    !important;
}


#view-inicio .exec-step-value{

  color:
    #4BA8FD
    !important;
}


/*
 * Não queremos card verde.
 * Só o valor pode indicar semanticamente resultado.
 */

#view-inicio .exec-step.result{

  color:
    #111111
    !important;

  border-color:
    rgba(75,168,253,.28)
    !important;

  background:
    #FFFFFF
    !important;
}


#view-inicio .exec-step.result .exec-step-value{

  color:
    #15803D
    !important;
}


/*
 * CMV/custo pode usar vermelho somente no valor.
 */

#view-inicio .exec-step.cost{

  background:
    #FFFFFF
    !important;
}


#view-inicio .exec-step.cost .exec-step-value{

  color:
    #B91C1C
    !important;
}


/* ============================================================
   8. KPIs = BRANCO + PRETO
   ============================================================ */

#view-inicio .exec-kpi{

  color:
    #111111
    !important;

  background:
    #FFFFFF
    !important;
}


#view-inicio .exec-kpi-label{

  color:
    #667680
    !important;
}


#view-inicio .exec-kpi-value{

  color:
    #4BA8FD
    !important;
}


#view-inicio .exec-kpi-sub{

  color:
    #81909A
    !important;
}


/* ============================================================
   9. META MENSAL
   CARD AZUL + TEXTO BRANCO
   ============================================================ */

#view-inicio .mn-meta{

  color:
    #FFFFFF
    !important;

  border-color:
    #4BA8FD
    !important;

  background:
    #4BA8FD
    !important;

  background-color:
    #4BA8FD
    !important;

  background-image:
    none
    !important;
}


#view-inicio .mn-meta :where(*){

  color:
    #FFFFFF
    !important;
}


#view-inicio .mn-meta-track{

  background:
    rgba(255,255,255,.27)
    !important;
}


#view-inicio .mn-meta-fill{

  background:
    #FFFFFF
    !important;
}


/* ============================================================
   10. CLASSES MN ANTIGAS NÃO USADAS = NEUTRAS
   ============================================================ */

#view-inicio .mn-card,
#view-inicio .mn-soft,
#view-inicio .mn-deep,
#view-inicio .mn-shortcut{

  color:
    #111111
    !important;

  border:
    1px solid
    rgba(75,168,253,.28)
    !important;

  background:
    #FFFFFF
    !important;

  background-color:
    #FFFFFF
    !important;

  background-image:
    none
    !important;
}


#view-inicio .mn-card :where(*),
#view-inicio .mn-soft :where(*),
#view-inicio .mn-deep :where(*),
#view-inicio .mn-shortcut :where(*){

  color:
    #111111
    !important;
}


/* ============================================================
   11. FK / TABELAS = BRANCO PRETO
   ============================================================ */

#view-inicio .fk-card,
#view-inicio .fk-sm,
#view-inicio .tcard{

  color:
    #111111
    !important;

  background:
    #FFFFFF
    !important;
}


#view-inicio .fk-val,
#view-inicio .fk-sm-val{

  color:
    #4BA8FD
    !important;
}


#view-inicio .fk-ico{

  color:
    #4BA8FD
    !important;

  background:
    rgba(75,168,253,.10)
    !important;
}


/* ============================================================
   12. TOPBAR = AZUL / BRANCO
   ============================================================ */

.topbar{

  color:
    #FFFFFF
    !important;

  border-color:
    #4BA8FD
    !important;

  background:
    #4BA8FD
    !important;

  background-color:
    #4BA8FD
    !important;

  background-image:
    none
    !important;
}


.topbar :where(

  h1,
  h2,
  h3,
  h4,

  span,
  strong,
  b

),
#tb-title{

  color:
    #FFFFFF
    !important;
}


.topbar .bti{

  color:
    #FFFFFF
    !important;

  border-color:
    rgba(255,255,255,.46)
    !important;

  background:
    rgba(255,255,255,.11)
    !important;
}


/* ============================================================
   13. SIDEBAR
   ============================================================ */

.sb,
.sidebar,
.sidenav{

  color:
    #FFFFFF
    !important;

  background:
    #050505
    !important;

  background-image:
    none
    !important;
}


.bname{

  color:
    #FFFFFF
    !important;
}


.ni{

  color:
    rgba(255,255,255,.66)
    !important;

  background:
    transparent
    !important;
}


.ni.on{

  color:
    #FFFFFF
    !important;

  background:
    rgba(75,168,253,.17)
    !important;
}


.ni.on::before{

  background:
    #4BA8FD
    !important;
}


.ni.on svg{

  color:
    #4BA8FD
    !important;
}


/* ============================================================
   14. BOTÕES
   ============================================================ */

.btp,
.btn-primary,
.st-btn,
button.primary,
.mv3-action.primary{

  color:
    #FFFFFF
    !important;

  border-color:
    #4BA8FD
    !important;

  background:
    #4BA8FD
    !important;

  background-image:
    none
    !important;
}


.bts,
.btn-secondary,
.mv3-action:not(.primary){

  color:
    #111111
    !important;

  border-color:
    rgba(75,168,253,.34)
    !important;

  background:
    #FFFFFF
    !important;
}


/* ============================================================
   15. INPUTS
   ============================================================ */

input,
textarea,
select{

  color:
    #111111
    !important;

  border-color:
    rgba(75,168,253,.30)
    !important;

  background:
    #FFFFFF
    !important;
}


input:focus,
textarea:focus,
select:focus{

  outline:
    none
    !important;

  border-color:
    #4BA8FD
    !important;

  box-shadow:
    0 0 0 4px
    rgba(75,168,253,.13)
    !important;
}


/* ============================================================
   16. PRODUTOS
   ============================================================ */

#view-produtos{

  background:
    #FFFFFF
    !important;
}


#view-produtos .mv3-card,
#view-produtos .pcard{

  color:
    #111111
    !important;

  background:
    #FFFFFF
    !important;
}


#view-produtos .mv3-name,
#view-produtos .pcard-name{

  color:
    #4BA8FD
    !important;
}


#view-produtos .mv3-sku,
#view-produtos .mv3-data-label,
#view-produtos .mv3-data-source{

  color:
    #667680
    !important;
}


#view-produtos .mv3-data-value{

  color:
    #4BA8FD
    !important;
}


/* ============================================================
   17. PEDIDOS / OUTRAS ABAS
   ============================================================ */

#view-pedidos,
#view-clientes,
#view-historico,
#view-relatorio,
#view-notas,
#view-financeiro,
#view-calendario,
#view-integracoes,
#view-mercado-livre,
#view-notificacoes,
#view-config{

  background:
    #FFFFFF
    !important;
}


/* ============================================================
   18. EDITOR
   ============================================================ */

body.max-editor-v7,
body.max-editor-v8,
body.max-editor-preview{

  color:
    #111111
    !important;

  background:
    #FFFFFF
    !important;

  background-image:
    none
    !important;
}


.product-summary,
.stepper,
.context-card,
.stage .card,
.editor-card,
.max-product-studio,
.max-live-preview,
.max-bling-audit,
.max-channel-radar{

  color:
    #111111
    !important;

  background:
    #FFFFFF
    !important;

  background-image:
    none
    !important;
}


.summary-title,
.context-title,
.max-studio-name,
.max-preview-product-name{

  color:
    #4BA8FD
    !important;
}


/*
 * Cabeçalho do preview / auditoria
 */

.max-studio-head,
.max-preview-head,
.max-audit-head{

  color:
    #FFFFFF
    !important;

  background:
    #4BA8FD
    !important;
}


.max-studio-head :where(*),
.max-preview-head :where(*),
.max-audit-head :where(*){

  color:
    #FFFFFF
    !important;
}


/*
 * Step atual
 */

.step.current .step-dot{

  color:
    #FFFFFF
    !important;

  border-color:
    #4BA8FD
    !important;

  background:
    #4BA8FD
    !important;
}


.step.current .step-label,
.step.done .step-label{

  color:
    #4BA8FD
    !important;
}


.step.done .step-dot{

  color:
    #4BA8FD
    !important;

  border-color:
    #4BA8FD
    !important;

  background:
    #FFFFFF
    !important;
}


/* ============================================================
   19. STATUS SEMÂNTICOS
   ============================================================ */

.s-lo,
.warning,
.warn,
.status-warning,
.status-pending,
.max-pending-status{

  color:
    #4BA8FD
    !important;

  border-color:
    rgba(75,168,253,.25)
    !important;

  background:
    rgba(75,168,253,.10)
    !important;
}


.s-ok,
.success,
.status-success,
.max-success-status{

  color:
    #15803D
    !important;

  border-color:
    rgba(22,163,74,.20)
    !important;

  background:
    rgba(22,163,74,.08)
    !important;
}


.s-out,
.error,
.danger,
.status-danger,
.status-error,
.max-danger-status{

  color:
    #B91C1C
    !important;

  border-color:
    rgba(220,38,38,.20)
    !important;

  background:
    rgba(220,38,38,.07)
    !important;
}


/* ============================================================
   20. CARNAVAL ANTIGO = NEUTRO
   ============================================================ */

.fk-blue,
.fk-orange,
.fk-indigo,
.fk-purple,
.fk-teal,
.fk-sky,

.dk-blue,
.dk-amber,

.da-blue,
.da-orange,
.da-purple{

  color:
    #111111
    !important;

  background:
    #FFFFFF
    !important;

  background-image:
    none
    !important;
}


.fk-blue .fk-val,
.fk-orange .fk-val,
.fk-indigo .fk-val,
.fk-purple .fk-val,
.fk-teal .fk-val,
.fk-sky .fk-val,

.da-blue .da-num,
.da-orange .da-num,
.da-purple .da-num{

  color:
    #4BA8FD
    !important;
}


/* ============================================================
   21. TABELAS
   ============================================================ */

table,
thead,
tbody,
tr,
td,
th{

  color:
    #111111;
}


th{

  color:
    #111111
    !important;

  background:
    #FFFFFF
    !important;
}


td,
th{

  border-color:
    rgba(75,168,253,.14)
    !important;
}


/* ============================================================
   22. BOTTOM NAV
   ============================================================ */

.bnav,
.bottom-nav{

  color:
    #111111
    !important;

  background:
    #FFFFFF
    !important;
}


.bnav-item{

  color:
    #667680
    !important;
}


.bnav-item.on{

  color:
    #4BA8FD
    !important;
}


/* ============================================================
   23. MOBILE
   ============================================================ */

@media(max-width:768px){

  html,
  body,
  .view,
  .view.on{

    background:
      #FFFFFF
      !important;
  }


  input,
  textarea,
  select{

    font-size:
      16px
      !important;
  }

}


/* ============================================================
   CONTRATO VISUAL FINAL — AZUL, BRANCO E PRETO
   ============================================================ */

:root{
  --max-blue:#4BA8FD !important;
  --max-blue-strong:#4BA8FD !important;
  --acc:#4BA8FD !important;
  --accent:#4BA8FD !important;
  --primary:#4BA8FD !important;
  --brand:#4BA8FD !important;
  --theme:#4BA8FD !important;
}

html,
body,
.main,
.content,
.view,
.view.on{
  background:#FFFFFF !important;
  color:#111111 !important;
}

:is(
  .card,[class$="-card"],[class*="-card "],.connect-card,.tcard,.kpi,
  .fk-card,.fk-sm,.dk-card,.da-card,
  .exec-quality,.exec-step,.exec-kpi,
  .pcard,.product-card,.mc-card,.mv2-card,
  .mv3-card,.mv3-command,.mv3-kpi,
  .cfg-card,.dre-card,.fin-chart-wrap,.fin-account-kpi,
  .tarefas-panel,.conta-card,.flow-wrap,.venc-wrap,
  .cal-preview,.rupt-wrap,.rep-card,.rep-tcard,
  .np-card,.notif-composer,.mcard,
  .mbox,.modal-card,.panel-card,
  .product-summary,.stepper,.context-card,.editor-card,
  .max-product-studio,.max-live-preview,
  .max-channel-radar,.max-bling-audit
){
  color:#111111 !important;
  background:#FFFFFF !important;
  background-color:#FFFFFF !important;
  background-image:none !important;
  border-color:rgba(75,168,253,.28) !important;
  box-shadow:var(--max-card-shadow) !important;
}

:is(
  .card,[class$="-card"],[class*="-card "],.connect-card,.tcard,.kpi,
  .fk-card,.fk-sm,.dk-card,.da-card,
  .exec-quality,.exec-step,.exec-kpi,
  .pcard,.product-card,.mc-card,.mv2-card,
  .mv3-card,.mv3-command,.mv3-kpi,
  .cfg-card,.dre-card,.fin-chart-wrap,.fin-account-kpi,
  .tarefas-panel,.conta-card,.flow-wrap,.venc-wrap,
  .cal-preview,.rupt-wrap,.rep-card,.rep-tcard,
  .np-card,.notif-composer,.mcard,
  .mbox,.modal-card,.panel-card,
  .product-summary,.stepper,.context-card,.editor-card,
  .max-product-studio,.max-live-preview,
  .max-channel-radar,.max-bling-audit
) :where(h1,h2,h3,h4,h5,h6,p,span,strong,b,small,label,div,a,button,svg,i,input,textarea,select,option){
  color:#111111 !important;
}

:is(
  .fk-val,.fk-sm-val,.dk-val,.da-num,
  .exec-step-value,.exec-kpi-value,
  .mc-card-value,.rep-val,
  .mv3-name,.mv3-kpi-value,.mv3-data-value,
  .pcard-name,.pcard-price,.mcard-v
){
  color:#4BA8FD !important;
}

:is(
  .s-ok,.success,.status-success,.max-success-status
){
  color:#15803D !important;
}

:is(
  .s-out,.error,.danger,.status-danger,.status-error,.max-danger-status
){
  color:#B91C1C !important;
}

.topbar,
#view-inicio .exec-primary,
#view-inicio .mn-meta,
.hero,
.hero-card,
.mn-card,
.mn-shortcut,
.max-studio-head,
.max-preview-head,
.max-audit-head{
  color:#FFFFFF !important;
  background:#4BA8FD !important;
  background-color:#4BA8FD !important;
  background-image:none !important;
  border-color:#4BA8FD !important;
}

.topbar :where(*),
#view-inicio .exec-primary :where(*),
#view-inicio .mn-meta :where(*),
.hero :where(*),
.hero-card :where(*),
.mn-card :where(*),
.mn-shortcut :where(*),
.max-studio-head :where(*),
.max-preview-head :where(*),
.max-audit-head :where(*){
  color:#FFFFFF !important;
}

.topbar .completion,
.topbar .completion :where(*){
  color:#111111 !important;
}

.topbar .completion{
  background:#FFFFFF !important;
  background-color:#FFFFFF !important;
}

.topbar .completion-title{
  color:#4BA8FD !important;
}

.topbar .btn:not(.btn-primary){
  color:#111111 !important;
  background:#FFFFFF !important;
  background-color:#FFFFFF !important;
}

.hero .hero-badge,
.hero .hero-fallback{
  background:#FFFFFF !important;
  background-color:#FFFFFF !important;
}

.hero .hero-badge{
  color:#111111 !important;
}

.hero .hero-badge::before{
  background:#4BA8FD !important;
}

.hero .hero-fallback{
  color:#4BA8FD !important;
}

:is(
  .btp,.btn-primary,.btn.primary,.btn-main:not(#googleLoginBtn),.st-btn,.st-btn.primary,
  .bts.primary,.bt-primary,button.primary,
  .mv3-action.primary,.mv3b-btn.primary,.mv3-bulk-btn.primary,
  .mc-sync-btn,.scan-inv-fin,.rupt-adj,.ras-step-save,.fab-add,
  .fp-btn.on,.dp-btn.on
){
  color:#FFFFFF !important;
  background:#4BA8FD !important;
  background-color:#4BA8FD !important;
  background-image:none !important;
  border-color:#4BA8FD !important;
}

:is(
  .btp,.btn-primary,.btn.primary,.btn-main:not(#googleLoginBtn),.st-btn,.st-btn.primary,
  .bts.primary,.bt-primary,button.primary,
  .mv3-action.primary,.mv3b-btn.primary,.mv3-bulk-btn.primary,
  .mc-sync-btn,.scan-inv-fin,.rupt-adj,.ras-step-save,.fab-add,
  .fp-btn.on,.dp-btn.on
) :where(*){
  color:#FFFFFF !important;
}

:is(.ni-badge,.bnav-badge,.tf-badge,.fa-cnt,.mv3b-btn.danger){
  color:#FFFFFF !important;
}

/* /ESTOQUE_MAX_STATIC_COLORS_ROOT_V1 */