/* === CSS customizado do sistema === */
/*
*//* Sidebar padrão *//*
.app-sidebar {
    background-color: #fff !important; *//* cor que você quiser *//*

}

*//* Sidebar no tema dark (se quiser diferente) *//*
[data-bs-theme="dark"] .app-sidebar {
    background-color: #fff !important;
}*/
/*

*/
/* TEXTO DOS ITENS DE MENU - MODO CLARO *//*

.app-sidebar .menu .menu-item .menu-link {
    color: blue !important; */
/* cinza bem escuro *//*

}

*/
/* TEXTO DOS ITENS ATIVOS / HOVER - MODO CLARO *//*

.app-sidebar .menu .menu-item.here > .menu-link,
.app-sidebar .menu .menu-item.show > .menu-link,
.app-sidebar .menu .menu-item:hover > .menu-link {
    color: #fff !important;
}

*/
/* MODO ESCURO *//*

[data-bs-theme="dark"] .app-sidebar .menu .menu-item .menu-link {
    color: #fff !important; */
/* quase branco *//*

}

[data-bs-theme="dark"] .app-sidebar .menu .menu-item.here > .menu-link,
[data-bs-theme="dark"] .app-sidebar .menu .menu-item.show > .menu-link,
[data-bs-theme="dark"] .app-sidebar .menu .menu-item:hover > .menu-link {
    color: blue !important;
}

*/
/* ===========================
   MENU - TEXTO (MODO CLARO)
   =========================== */
/*

*/
/* Texto padrão *//*

.app-sidebar .menu .menu-item .menu-link .menu-title {
    color: #111827 !important;  */
/* cinza bem escuro *//*

}

*/
/* Hover / item aberto / item atual *//*

.app-sidebar .menu .menu-item:hover > .menu-link .menu-title,
.app-sidebar .menu .menu-item.here > .menu-link .menu-title,
.app-sidebar .menu .menu-item.show > .menu-link .menu-title {
    color: #111827 !important;
}

*/
/* ===========================
   MENU - TEXTO (MODO ESCURO)
   =========================== *//*


[data-bs-theme="dark"] .app-sidebar .menu .menu-item .menu-link .menu-title {
    color: #e5e7eb !important;  */
/* quase branco *//*

}

[data-bs-theme="dark"] .app-sidebar .menu .menu-item:hover > .menu-link .menu-title,
[data-bs-theme="dark"] .app-sidebar .menu .menu-item.here > .menu-link .menu-title,
[data-bs-theme="dark"] .app-sidebar .menu .menu-item.show > .menu-link .menu-title {
    color: #f9fafb !important;
}
*/

/* Loader do viewer */
#viewerLoader {
    position: absolute;
    width: 100%;
    z-index: 10;
}

.thumbnail-preview {
    width: 150px;
    height: auto;
    cursor: pointer;
    border-radius: 8px;
    border: 1px solid #ddd;
    transition: 0.2s;
}

.thumbnail-preview:hover {
    transform: scale(1.05);
    border-color: #999;
}

#viewerCanvas {
    border: 1px solid #222;
    background: #0f0f0f;
}

#printerConfigPanel h5,
#printerConfigPanel h6 {
    color: #333;
}

#printerConfigFormatted div {
    padding: 2px 0;
}

#printerConfigFormatted strong {
    color: #111;
}

#viewerLoader {
    position: absolute;
    z-index: 10;
    width: 100%;
}

#viewerCanvas {
    position: relative;
    z-index: 1;
}
/* =========================================================
   PRINTERS / BRAND PAGE — Cards (Light/Dark aware)
   Escopo: .printers-brand-page
   ========================================================= */

/* Tokens (puxam cores do tema atual do Bootstrap/Metronic) */
.printers-brand-page{
  --pc-bg: var(--bs-card-bg, #fff);
  --pc-border: var(--bs-border-color, rgba(0,0,0,.12));
  --pc-text: var(--bs-body-color, #212529);
  --pc-muted: var(--bs-secondary-color, #6c757d);

  --pc-panel: var(--bs-tertiary-bg, rgba(0,0,0,.03));
  --pc-panel-2: rgba(var(--bs-primary-rgb, 13,110,253), .06);

  --pc-radius: 1rem;               /* ~rounded-2xl */
  --pc-shadow: 0 10px 30px rgba(0,0,0,.06);
  --pc-shadow-hover: 0 18px 50px rgba(0,0,0,.12);
}

/* Refinos específicos no dark (se o seu Metronic usa data-bs-theme) */
[data-bs-theme="dark"] .printers-brand-page{
  --pc-panel: rgba(255,255,255,.06);
  --pc-panel-2: rgba(var(--bs-primary-rgb, 13,110,253), .10);

  --pc-shadow: 0 10px 30px rgba(0,0,0,.35);
  --pc-shadow-hover: 0 18px 50px rgba(0,0,0,.55);
}

/* Card clicável (anchor) */
.printers-brand-page .pc-card{
  display:flex;
  flex-direction:column;
  height:100%;
  border-radius: var(--pc-radius);
  background: var(--pc-bg);
  border: 1px solid var(--pc-border);
  overflow:hidden;
  text-decoration:none;
  color: var(--pc-text);
  transition: border-color .2s ease, box-shadow .2s ease, transform .2s ease;
}

.printers-brand-page .pc-card:hover{
  border-color: rgba(var(--bs-primary-rgb, 13,110,253), .35);
  box-shadow: var(--pc-shadow-hover);
  transform: translateY(-2px);
}

/* Header do card */
.printers-brand-page .pc-head{
  padding: 1.25rem;
  display:flex;
  gap: 1rem;
  align-items:flex-start;
}

.printers-brand-page .pc-thumb{
  width: 64px;
  height: 64px;
  border-radius: 0.85rem;
  background: var(--pc-panel);
  display:flex;
  align-items:center;
  justify-content:center;
  overflow:hidden;
  flex: 0 0 auto;
}

.printers-brand-page .pc-thumb img{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
}

.printers-brand-page .pc-title{
  font-weight: 800;
  font-size: 1.25rem;
  line-height: 1.2;
  margin:0;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
  transition: color .2s ease;
}

.printers-brand-page .pc-card:hover .pc-title{
  color: var(--bs-primary);
}

.printers-brand-page .pc-subtitle{
  margin: .15rem 0 0;
  font-size: .9rem;
  color: var(--pc-muted);
}

/* Chips (ex: Auto-level, Câmera) */
.printers-brand-page .pc-chips{
  padding: 0 1.25rem .75rem;
  display:flex;
  flex-wrap:wrap;
  gap:.5rem;
}

.printers-brand-page .pc-chip{
  display:inline-flex;
  align-items:center;
  gap:.4rem;
  padding: .35rem .6rem;
  border-radius: .65rem;
  font-size: .75rem;
  font-weight: 600;
  border: 1px solid var(--pc-border);
  background: var(--pc-panel-2);
  color: var(--pc-text);
}

.printers-brand-page .pc-chip i,
.printers-brand-page .pc-chip svg{
  width: 14px;
  height: 14px;
}

/* Bloco “Volume de Impressão” */
.printers-brand-page .pc-volume{
  padding: 0 1.25rem .75rem;
}

.printers-brand-page .pc-box{
  background: var(--pc-panel);
  border-radius: .9rem;
  padding: 1rem;
}

.printers-brand-page .pc-box-head{
  display:flex;
  align-items:center;
  gap:.5rem;
  margin-bottom: .75rem;
  color: var(--pc-muted);
  font-weight: 800;
  letter-spacing: .08em;
  text-transform: uppercase;
  font-size: .7rem;
}

.printers-brand-page .pc-volume-grid{
  display:grid;
  grid-template-columns: repeat(3, 1fr);
  gap: .5rem;
  text-align:center;
}

.printers-brand-page .pc-dim{
  padding:.25rem .25rem;
  border-right: 1px solid rgba(127,127,127,.18);
}

.printers-brand-page .pc-dim:last-child{
  border-right:none;
}

.printers-brand-page .pc-dim strong{
  display:block;
  font-size: 1.1rem;
  font-weight: 800;
}

.printers-brand-page .pc-dim span{
  display:block;
  font-size: .65rem;
  color: var(--pc-muted);
  margin-top: .1rem;
}

/* Stats (Temp bico / Temp mesa / Velocidade) */
.printers-brand-page .pc-stats{
  padding: 0 1.25rem .75rem;
  display:grid;
  grid-template-columns: repeat(2, 1fr);
  gap: .75rem;
}

.printers-brand-page .pc-stat{
  background: var(--pc-panel);
  border-radius: .9rem;
  padding: .85rem;
}

.printers-brand-page .pc-stat .pc-stat-label{
  display:flex;
  align-items:center;
  gap:.45rem;
  font-size:.65rem;
  font-weight: 800;
  letter-spacing: .06em;
  text-transform:uppercase;
  color: var(--pc-muted);
  margin-bottom:.35rem;
}

.printers-brand-page .pc-stat .pc-stat-value{
  font-size: 1.05rem;
  font-weight: 800;
}

/* Footer */
.printers-brand-page .pc-foot{
  margin-top:auto;
  padding: .85rem 1.25rem;
  border-top: 1px solid var(--pc-border);
  display:flex;
  justify-content:flex-end;
  align-items:center;
  gap:.5rem;
  color: var(--bs-primary);
  font-weight: 700;
  transition: color .2s ease;
}

.printers-brand-page .pc-card:hover .pc-foot{
  color: rgba(var(--bs-primary-rgb, 13,110,253), .85);
}
/* =========================================================
   PRINTERS / BRAND — Hover forte (para .printer-card)
   ========================================================= */
.printers-brand-page .printer-card{
  position: relative;
  display: block;
  border-radius: 1rem;
  overflow: hidden;

  background: var(--bs-card-bg);
  border: 1px solid var(--bs-border-color);

  transition: transform .2s ease, box-shadow .2s ease, border-color .2s ease;
  box-shadow: 0 6px 18px rgba(0,0,0,.06);
}

/* “glow” suave no hover (light/dark aware) */
.printers-brand-page .printer-card::after{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  opacity:0;
  transition: opacity .2s ease;
  background:
    radial-gradient(
      900px circle at 20% 0%,
      rgba(var(--bs-primary-rgb), .14),
      transparent 55%
    );
}

.printers-brand-page .printer-card:hover{
  transform: translateY(-3px);
  border-color: rgba(var(--bs-primary-rgb), .55);
  box-shadow: 0 18px 50px rgba(0,0,0,.14);
}

[data-bs-theme="dark"] .printers-brand-page .printer-card{
  box-shadow: 0 10px 28px rgba(0,0,0,.35);
}
[data-bs-theme="dark"] .printers-brand-page .printer-card:hover{
  box-shadow: 0 18px 55px rgba(0,0,0,.55);
}

.printers-brand-page .printer-card:hover::after{
  opacity: 1;
}

/* destaque de texto/CTA no hover */
.printers-brand-page .printer-card .printer-card-title{
  font-weight: 800;
  font-size: 1.25rem;
  color: var(--bs-body-color);
  transition: color .2s ease;
}
.printers-brand-page .printer-card:hover .printer-card-title{
  color: var(--bs-primary);
}

.printers-brand-page .printer-card .printer-card-footer{
  border-top: 1px solid var(--bs-border-color);
  background: color-mix(in srgb, var(--bs-card-bg) 85%, var(--bs-primary) 15%);
  transition: background .2s ease;
}
[data-bs-theme="dark"] .printers-brand-page .printer-card .printer-card-footer{
  background: color-mix(in srgb, var(--bs-card-bg) 92%, var(--bs-primary) 8%);
}

.printers-brand-page .printer-card .printer-card-cta{
  color: var(--bs-primary);
  opacity: .9;
  transition: opacity .2s ease, transform .2s ease;
}
.printers-brand-page .printer-card:hover .printer-card-cta{
  opacity: 1;
  transform: translateX(2px);
}
/* =========================
   TAGS / PILLS
   ========================= */
.printers-brand-page .printer-pill{
  display:inline-flex;
  align-items:center;
  gap:.45rem;
  padding:.35rem .7rem;
  border-radius:.65rem;
  font-weight:600;
  font-size:.75rem;
  line-height:1;
  border:1px solid transparent;
  white-space:nowrap;
}

.printers-brand-page .printer-pill-success{
  background: rgba(var(--bs-success-rgb), .10);
  border-color: rgba(var(--bs-success-rgb), .25);
  color: var(--bs-success);
}

.printers-brand-page .printer-pill-primary{
  background: rgba(var(--bs-primary-rgb), .10);
  border-color: rgba(var(--bs-primary-rgb), .25);
  color: var(--bs-primary);
}

/* =========================
   SUBCARDS (Volume/Temp/etc)
   ========================= */
.printers-brand-page .printer-card-box{
  border-radius: 1rem;
  padding: 1rem;
  border: 1px solid var(--bs-border-color);
  background: var(--bs-tertiary-bg);
}

/* fallback se seu tema não tiver --bs-tertiary-bg bem definido */
[data-bs-theme="dark"] .printers-brand-page .printer-card-box{
  background: rgba(255,255,255,.04);
  border-color: rgba(255,255,255,.10);
}
[data-bs-theme="light"] .printers-brand-page .printer-card-box{
  background: rgba(0,0,0,.03);
  border-color: rgba(0,0,0,.10);
}

.printers-brand-page .printer-card-box-title{
  font-size: .70rem;
  font-weight: 800;
  letter-spacing: .08em;
  text-transform: uppercase;
  color: var(--bs-secondary-color);
}

.printers-brand-page .printer-card-bigval{
  font-size: 1.05rem;
  font-weight: 800;
  color: var(--bs-body-color);
}

/* Volume grid */
.printers-brand-page .printer-volume-num{
  font-size: 1.05rem;
  font-weight: 800;
  color: var(--bs-body-color);
}
.printers-brand-page .printer-volume-lbl{
  font-size: .65rem;
  color: var(--bs-secondary-color);
  text-transform: uppercase;
  letter-spacing: .06em;
}
.printers-brand-page .printer-volume-col{
  border-right: 1px solid var(--bs-border-color);
}
[data-bs-theme="dark"] .printers-brand-page .printer-volume-col{
  border-right-color: rgba(255,255,255,.10);
}
[data-bs-theme="light"] .printers-brand-page .printer-volume-col{
  border-right-color: rgba(0,0,0,.10);
}


.sim-chip{
    display:inline-flex; align-items:center; gap:.35rem;
    padding:.28rem .55rem; border-radius:999px;
    font-size: 17px !important;
    border:1px solid rgba(0,0,0,.08);
    background:#f5f8fa; color:#5e6278;
    white-space:nowrap;
      width: fit-content;
  max-width: 100%;

}
.sim-chip i{ font-size: 1.05rem; line-height:1; }
.sim-chip--info{
    background: rgba(var(--bs-info-rgb), .10);
    border-color: rgba(var(--bs-info-rgb), .18);
    color: var(--bs-info);
}
.sim-chip--success{
    background: rgba(var(--bs-success-rgb), .10);
    border-color: rgba(var(--bs-success-rgb), .18);
    color: var(--bs-success);
}
.sim-chip--primary{
    background: rgba(var(--bs-primary-rgb), .10);
    border-color: rgba(var(--bs-primary-rgb), .18);
    color: var(--bs-primary);
}
.color-dot{
    width:12px; height:12px; border-radius:999px;
    border:1px solid rgba(0,0,0,.15); display:inline-block;
}


/* PARA AUMENTAR A FONTE DA LISTAGEM DAS TABELAS QUE ESTAVA PEQUENA */

  /* Aumenta a fonte SOMENTE da listagem */
  .sheets-table { font-size: 1.05rem; }                 /* ~16.8px */
  .sheets-table td, .sheets-table th { padding-top: .9rem; padding-bottom: .9rem; }

  /* Corrige utilitários muito pequenos usados dentro das células */
  .sheets-table .fs-8 { font-size: .95rem !important; } /* ~15.2px */
  .sheets-table .fs-9 { font-size: .90rem !important; } /* ~14.4px */

  /* Badges e chips ficam legíveis */
  .sheets-table .badge,
  .sheets-table .sim-chip { font-size: .90rem !important; }

  /* Ícones acompanham */
  .sheets-table i[class*="fs-"] { line-height: 1; }

  /* Base maior (ajuste aqui: 18px ou 19px se quiser) */
  .sheets-font-lg { font-size: 18px !important; }

  /* Força a tabela inteira a herdar o tamanho base */
/* Base maior */
.table-responsive.sheets-font-lg{
  font-size: 18px !important;
}

/* Tabela e células herdam a base (SEM travar os filhos) */
.table-responsive.sheets-font-lg table,
.table-responsive.sheets-font-lg th,
.table-responsive.sheets-font-lg td{
  font-size: inherit !important;
}

/* Linha “meta” menor (data, etc.) */
.table-responsive.sheets-font-lg .sheet-meta{
  font-size: .82em !important;
  line-height: 1.2;
}


  /* DataTables (search, paginação, info) */
  .sheets-font-lg .dataTables_wrapper,
  .sheets-font-lg .dataTables_wrapper * {
    font-size: inherit !important;
  }

  /* Deixa os badges/chips mais “respiráveis” quando aumenta fonte */
  .sheets-font-lg .badge,
  .sheets-font-lg .sim-chip {
    padding: .35rem .55rem !important;
    line-height: 1.1 !important;
  }

  /* Aumenta um pouco o espaçamento vertical das linhas */
  .sheets-font-lg #sheetsTable td,
  .sheets-font-lg #sheetsTable th {
    padding-top: .9rem !important;
    padding-bottom: .9rem !important;
  }


  /* visual consistente do “tipo” */
  .type-chip{
    border-radius: 999px;
    padding: .35rem .6rem;
    font-weight: 600;
    display: inline-flex;
    align-items: center;
    gap: .4rem;
    white-space: nowrap;
  }
  .type-icon{
    height: 16px;
    width: 16px;
    object-fit: contain;
    display: inline-block;
  }

  /* layout da célula “Ficha” */
  .sheet-title{
    line-height: 1.1;
  }
  .sheet-meta{
    font-size: .9em;
    color: var(--bs-gray-600);
    display: flex;
    align-items: center;
    gap: .5rem;
    flex-wrap: wrap;
    margin-top: .25rem;
  }
  .sheet-code{
    border-radius: 8px;
    padding: .2rem .45rem;
    font-weight: 600;
  }


  /* Aumenta tudo que estiver dentro do wrapper */
  .table-responsive.sheets-font-lg{
    font-size: 1.08rem; /* ajuste: 1.05 ~ 1.15 */
  }

  /* Força a tabela e células a herdarem do wrapper */
  .table-responsive.sheets-font-lg table,
  .table-responsive.sheets-font-lg .table,
  .table-responsive.sheets-font-lg .table th,
  .table-responsive.sheets-font-lg .table td{
    font-size: inherit !important;
  }

  /* Metronic costuma deixar badges e botões bem pequenos */
  .table-responsive.sheets-font-lg .badge{
    font-size: .95em !important;
    padding: .35rem .55rem;
  }
  .table-responsive.sheets-font-lg .btn.btn-sm{
    font-size: .95em !important;
  }

  /* Se usar DataTables responsive (linhas “child”) */
  .table-responsive.sheets-font-lg .dtr-details,
  .table-responsive.sheets-font-lg .dtr-details li{
    font-size: inherit !important;
  }

/* =========================================================
   PROCESS STEPS (Ficha -> Simulação -> Produção -> Venda)
   ========================================================= */

/* mais respiro do topo */
.process-steps-wrap{
  margin-top: 1.25rem;          /* aumenta o espaço acima */
  margin-bottom: 1.5rem;
  padding: 1rem 1.25rem;        /* um pouco mais de padding */
  border: 1px solid var(--bs-border-color);
  border-radius: 1.25rem;
  background: var(--bs-card-bg);
}

/* centraliza na página e limita largura (fica mais bonito) */
.process-steps{
  display:flex;
  align-items:center;
  justify-content: center;      /* CENTRALIZA */
  gap: 2.25rem;                 /* mais espaçamento entre etapas */
  flex-wrap: wrap;

  /* se preferir sem scroll, pode remover overflow */
  overflow-x: auto;
  padding-bottom: .25rem;
}

/* etapa */
.process-step{
  position:relative;
  display:flex;
  align-items:center;
  gap: .75rem;
  flex: 0 0 auto;
}

/* linha entre etapas - maior */
.process-step:not(:last-child)::after{
  content:"";
  position:absolute;
  left: calc(100% + .75rem);
  top: 50%;
  width: 2.4rem;                /* maior */
  height: 3px;                  /* mais grossa */
  background: var(--bs-border-color);
  transform: translateY(-50%);
  opacity: .9;
}

/* círculo MAIOR */
.process-bubble{
  width: 5.0rem;                /* era 2.35rem */
  height: 5.0rem;
  border-radius: 999px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border: 1px solid var(--bs-border-color);
  background: var(--bs-body-bg);
  color: var(--bs-secondary-color);
  flex: 0 0 auto;
}

/* ícone maior e sempre proporcional ao círculo */
.process-ico{
  font-size: 2.05rem;           /* aumenta ícone */
  line-height: 1;
}

.process-label{
  font-weight: 800;
  font-size: 1.05rem;           /* label um pouco maior */
  color: var(--bs-body-color);
  white-space: nowrap;
}

/* ativo */
.process-step--active .process-bubble{
  background: rgba(var(--bs-primary-rgb), .12);
  border-color: rgba(var(--bs-primary-rgb), .35);
  color: var(--bs-primary);
}
.process-step--active:not(:last-child)::after{
  background: rgba(var(--bs-primary-rgb), .45);
}

/* concluído */
.process-step--done .process-bubble{
  background: rgba(var(--bs-success-rgb), .12);
  border-color: rgba(var(--bs-success-rgb), .35);
  color: var(--bs-success);
}
.process-step--done:not(:last-child)::after{
  background: rgba(var(--bs-success-rgb), .45);
}


/* =========================================================
   SALES — KPI CARDS + ITENS HIGHLIGHT
   Escopo: .sales-page
   ========================================================= */

.sales-page .kpi-card{
  border: 1px solid var(--bs-border-color) !important;
  border-radius: 14px;
  overflow: hidden;
}

.sales-page .kpi-card .card-body{
  padding: 1.25rem 1.25rem;
}

.sales-page .kpi-label{
  font-size: 1.0rem;           /* ↑ era fs-8 */
  color: var(--bs-secondary-color);
  font-weight: 600;
}

.sales-page .kpi-value{
  font-size: 2.10rem;          /* ↑ destaque do número */
  font-weight: 800;
  line-height: 1.05;
  letter-spacing: -0.02em;
}

.sales-page .kpi-hint{
  font-size: .95rem;           /* ↑ texto de apoio */
  color: var(--bs-secondary-color);
  margin-top: .65rem;
}

.sales-page .kpi-icon-wrap{
  width: 48px;
  height: 48px;
  border-radius: 12px;
  display:flex;
  align-items:center;
  justify-content:center;
}

.sales-page .kpi-ico{
  font-size: 1.6rem;           /* ↑ ícone maior */
  line-height: 1;
}

/* Fundos coloridos (leves) */
.sales-page .kpi-card--primary{ background: rgba(var(--bs-primary-rgb), .07); }
.sales-page .kpi-card--info{    background: rgba(var(--bs-info-rgb), .07); }
.sales-page .kpi-card--success{ background: rgba(var(--bs-success-rgb), .07); }
.sales-page .kpi-card--warning{ background: rgba(var(--bs-warning-rgb), .09); }

/* Ícones com “chip” coerente */
.sales-page .kpi-card--primary .kpi-icon-wrap{ background: rgba(var(--bs-primary-rgb), .12); }
.sales-page .kpi-card--info    .kpi-icon-wrap{ background: rgba(var(--bs-info-rgb), .12); }
.sales-page .kpi-card--success .kpi-icon-wrap{ background: rgba(var(--bs-success-rgb), .12); }
.sales-page .kpi-card--warning .kpi-icon-wrap{ background: rgba(var(--bs-warning-rgb), .14); }

/* =========================================================
   ITENS — card cinza por item + total destacado
   ========================================================= */

.sales-page .sale-item-card{
  background: var(--bs-tertiary-bg, #f5f8fa) !important;  /* cinza */
  border: 1px solid var(--bs-border-color) !important;
  border-radius: 12px;
  padding: 1rem;
}

.sales-page .sale-item-card .sale-item-title{
  font-size: 1.05rem;
  font-weight: 700;
}

.sales-page .sale-item-card .sale-item-meta{
  font-size: .95rem;
  color: var(--bs-secondary-color);
}

.sales-page .sale-item-card .sale-item-price{
  font-size: 1.05rem;
  font-weight: 800;
}

.sales-page .sale-item-card .sale-item-sub{
  font-size: .95rem;
  color: var(--bs-secondary-color);
}

.sales-page .sale-total-box{
  background: #eef2f7 !important; /* cinza um pouco mais forte */
  border: 1px solid var(--bs-border-color) !important;
  border-radius: 12px;
  padding: 1rem 1.15rem;
}

.sales-page .sale-total-box .sale-total-label{
  font-size: 1.0rem;
  color: var(--bs-secondary-color);
  font-weight: 700;
}

.sales-page .sale-total-box .sale-total-value{
  font-size: 1.35rem;  /* ↑ total bem visível */
  font-weight: 900;
}

/* =========================================================
   STAT CARDS (genérico) — “hover sempre ligado”
   Use em Vendas / Estoque / Produção etc.
   ========================================================= */

.stat-card{
  position: relative;
  border-radius: 1rem;
  overflow: hidden;

  background: var(--bs-card-bg);
  border: 1px solid var(--bs-border-color);

  /* “hover aplicado” */
  transform: translateY(-3px);
  border-color: rgba(var(--bs-primary-rgb), .55);
  box-shadow: 0 18px 50px rgba(0,0,0,.14);
}

/* glow sempre ligado */
.stat-card::after{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  opacity: 1;
  background: radial-gradient(
    900px circle at 20% 0%,
    rgba(var(--bs-primary-rgb), .14),
    transparent 55%
  );
}

/* dark */
[data-bs-theme="dark"] .stat-card{
  box-shadow: 0 18px 55px rgba(0,0,0,.55);
}

/* Tipografia (mais forte) */
.stat-card-body{ padding: 1.25rem; }
.stat-label{ color: var(--bs-secondary-color); font-weight: 700; font-size: .95rem; }
.stat-value{ font-weight: 900; font-size: 1.85rem; line-height: 1.1; color: var(--bs-primary); }
.stat-hint{ margin-top: .65rem; color: var(--bs-secondary-color); font-size: .85rem; }

/* Ícone circular */
.stat-icon-wrap{
  width: 48px; height: 48px;
  border-radius: 999px;
  display:flex; align-items:center; justify-content:center;
  background: rgba(var(--bs-primary-rgb), .10);
  border: 1px solid rgba(var(--bs-primary-rgb), .18);
}
.stat-ico{ font-size: 1.6rem; }

/* Variantes (mudam cor do glow + value + icon bg) */
.stat-card--primary{ --stat-rgb: var(--bs-primary-rgb); }
.stat-card--info{ --stat-rgb: var(--bs-info-rgb); }
.stat-card--success{ --stat-rgb: var(--bs-success-rgb); }
.stat-card--warning{ --stat-rgb: var(--bs-warning-rgb); }

.stat-card--info .stat-value{ color: var(--bs-info); }
.stat-card--success .stat-value{ color: var(--bs-success); }
.stat-card--warning .stat-value{ color: var(--bs-warning); }

.stat-card--info::after{ background: radial-gradient(900px circle at 20% 0%, rgba(var(--bs-info-rgb), .14), transparent 55%); }
.stat-card--success::after{ background: radial-gradient(900px circle at 20% 0%, rgba(var(--bs-success-rgb), .14), transparent 55%); }
.stat-card--warning::after{ background: radial-gradient(900px circle at 20% 0%, rgba(var(--bs-warning-rgb), .14), transparent 55%); }


.stat-card--info{ border-color: rgba(var(--bs-info-rgb), .45); }
.stat-card--success{ border-color: rgba(var(--bs-success-rgb), .45); }
.stat-card--warning{ border-color: rgba(var(--bs-warning-rgb), .45); }

.stat-card--info .stat-icon-wrap{ background: rgba(var(--bs-info-rgb), .10); border-color: rgba(var(--bs-info-rgb), .18); }
.stat-card--success .stat-icon-wrap{ background: rgba(var(--bs-success-rgb), .10); border-color: rgba(var(--bs-success-rgb), .18); }
.stat-card--warning .stat-icon-wrap{ background: rgba(var(--bs-warning-rgb), .10); border-color: rgba(var(--bs-warning-rgb), .18); }

/* =========================================================
   ITENS (Vendas) — destaque cinza
   ========================================================= */

.sale-item-card{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap: 1rem;

  border: 1px solid var(--bs-border-color);
  border-radius: .9rem;

  background: var(--bs-tertiary-bg, rgba(0,0,0,.03));
  padding: 1rem;
}

.sale-item-title{
  font-weight: 800;
  color: var(--bs-body-color);
}

.sale-item-meta,
.sale-item-sub{
  color: var(--bs-secondary-color);
  font-size: .9rem;
}

.sale-item-price{
  font-weight: 900;
  font-size: 1.05rem;
}

/* Total box cinza e mais forte */
.sale-total-box{
  background: var(--bs-tertiary-bg, rgba(0,0,0,.03));
  border: 1px solid var(--bs-border-color);
  border-radius: .9rem;
  padding: 1rem 1.1rem;
}

.sale-total-label{
  color: var(--bs-secondary-color);
  font-weight: 800;
}

.sale-total-value{
  font-weight: 900;
  font-size: 1.25rem;
  color: var(--bs-primary);
}
.btn-padrao {
color: white;
 background: #3B3F52;
 }

 .btn-padrao:hover {
color: white;
 background: #525669;
 }
 /* =========================================
   Pagination (Bootstrap / Metronic)
   DataTables renderizando como .page-link
========================================= */


/* ativo */
.pagination .page-item.active .page-link,
.pagination .page-link.active{
  background: #3B3F52 !important;      /* seu azul/escuro */
  border-color: #010a13 !important;
  color: #ffffff !important;
}

/* disabled */


/* opcional: tamanho / alinhamento (se quiser manter seu style) */
.pagination .page-item .page-link{
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  border-radius: 0.475rem !important;
  height: 2.5rem !important;
  min-width: 2.5rem !important;
  font-weight: 500 !important;
  font-size: 1.075rem !important;
}