/* =====================================================
   CompraFácil PRO - UI Polish / Design System leve
   Escopo: visual/UX apenas. Não altera regras de negócio.
   ===================================================== */
:root {
  --cf-primary: #6E1C54;
  --cf-primary-700: #581641;
  --cf-primary-600: #7d2462;
  --cf-primary-50: #f8eef5;
  --cf-accent: #F58634;
  --cf-bg: #f8f9fb;
  --cf-surface: #ffffff;
  --cf-surface-soft: #fbfafc;
  --cf-border: #e7e3ea;
  --cf-border-strong: #d8cfdd;
  --cf-text: #202335;
  --cf-muted: #6b7280;
  --cf-muted-2: #9aa1ad;
  --cf-success: #198754;
  --cf-warning: #f59e0b;
  --cf-danger: #dc3545;
  --cf-info: #0d6efd;
  --cf-radius-sm: 8px;
  --cf-radius: 12px;
  --cf-radius-lg: 16px;
  --cf-shadow-sm: 0 1px 2px rgba(16, 24, 40, .05);
  --cf-shadow: 0 6px 18px rgba(16, 24, 40, .08);
  --cf-shadow-lg: 0 14px 34px rgba(16, 24, 40, .12);
  --cf-focus: 0 0 0 .22rem rgba(110, 28, 84, .16);
}

html { scroll-behavior: smooth; }
body {
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  background: var(--cf-bg);
  color: var(--cf-text);
}

/* Layout e cabeçalhos */
.container, .container-fluid { box-sizing: border-box; }
.content-body,
.admin-content,
main.container,
.catalogo-page { color: var(--cf-text); }

.content-body { padding: 1.5rem !important; }
@media (min-width: 1200px) { .content-body { padding: 2rem !important; } }
@media (max-width: 768px) { .content-body { padding: 1rem !important; } }

.content-header {
  min-height: 74px;
  padding: 1rem 1.5rem !important;
  border-bottom: 1px solid rgba(255,255,255,.08) !important;
  box-shadow: var(--cf-shadow-sm);
}
.content-header h2 { font-size: 1.25rem !important; font-weight: 700 !important; letter-spacing: -.01em; }
.content-header small { font-size: .82rem !important; opacity: .88; }

/* Cards */
.card,
.card-hidrolight,
.cf-card {
  border: 1px solid var(--cf-border) !important;
  border-radius: var(--cf-radius-lg) !important;
  box-shadow: var(--cf-shadow-sm) !important;
  background: var(--cf-surface) !important;
  color: var(--cf-text) !important;
}
.card:hover,
.card-hidrolight:hover { box-shadow: var(--cf-shadow) !important; }
.card-header {
  background: var(--cf-surface-soft) !important;
  border-bottom: 1px solid var(--cf-border) !important;
  padding: .95rem 1.15rem !important;
  color: var(--cf-text) !important;
  font-weight: 700;
}
.card-body { padding: 1.15rem !important; }
.card-body.p-0 { padding: 0 !important; }

/* Botões */
.btn {
  border-radius: var(--cf-radius-sm) !important;
  font-weight: 600 !important;
  min-height: 36px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: .4rem;
  transition: background .16s ease, border-color .16s ease, color .16s ease, box-shadow .16s ease, transform .16s ease !important;
}
.btn:hover { transform: translateY(-1px); }
.btn:focus-visible, .form-control:focus, .form-select:focus { box-shadow: var(--cf-focus) !important; }
.btn-primary,
.btn-hidrolight,
.cf-btn-primary {
  background: var(--cf-primary) !important;
  border-color: var(--cf-primary) !important;
  color: #fff !important;
}
.btn-primary:hover,
.btn-hidrolight:hover,
.cf-btn-primary:hover {
  background: var(--cf-primary-700) !important;
  border-color: var(--cf-primary-700) !important;
  color: #fff !important;
}
.btn-outline-primary,
.cf-btn-secondary {
  color: var(--cf-primary) !important;
  border-color: var(--cf-border-strong) !important;
  background: #fff !important;
}
.btn-outline-primary:hover,
.cf-btn-secondary:hover {
  color: #fff !important;
  background: var(--cf-primary) !important;
  border-color: var(--cf-primary) !important;
}
.btn-outline-secondary {
  color: #4b5563 !important;
  border-color: var(--cf-border-strong) !important;
  background: #fff !important;
}
.btn-outline-secondary:hover {
  color: var(--cf-primary) !important;
  background: var(--cf-primary-50) !important;
  border-color: #d8bdd0 !important;
}
.btn-sm { min-height: 32px; padding: .35rem .65rem !important; font-size: .82rem !important; }
.btn-group-sm > .btn { min-height: 32px; }

/* Inputs e filtros */
.form-label, label { font-weight: 600; color: #344054; font-size: .85rem; }
.toolbar-label { display: block; margin-bottom: .3rem; font-size: .75rem !important; font-weight: 700 !important; color: var(--cf-muted) !important; text-transform: uppercase; letter-spacing: .025em; }
.form-control,
.form-select,
.input-group-text {
  border-color: var(--cf-border) !important;
  border-radius: var(--cf-radius-sm) !important;
  color: var(--cf-text) !important;
  background-color: #fff !important;
}
.form-control,
.form-select { min-height: 38px; }
.form-control-sm,
.form-select-sm { min-height: 34px; font-size: .86rem !important; }
.input-group > .form-control:not(:first-child),
.input-group > .form-select:not(:first-child) { border-top-left-radius: 0 !important; border-bottom-left-radius: 0 !important; }
.input-group > .input-group-text:first-child { border-top-right-radius: 0 !important; border-bottom-right-radius: 0 !important; }

/* Toolbar padrão */
.cf-toolbar,
form.card.mb-3,
.filter-card {
  border: 1px solid var(--cf-border) !important;
  border-radius: var(--cf-radius-lg) !important;
  background: var(--cf-surface) !important;
  box-shadow: var(--cf-shadow-sm) !important;
}
form.card.mb-3 > .card-body { padding: 1rem !important; }

/* Tabelas ERP */
.table-responsive {
  border-radius: var(--cf-radius-lg);
  border: 1px solid var(--cf-border);
  background: #fff;
}
.card .table-responsive { border: 0; border-radius: var(--cf-radius-lg); }
.table {
  color: var(--cf-text) !important;
  margin-bottom: 0 !important;
  vertical-align: middle !important;
}
.table thead th {
  background: #f6f3f8 !important;
  color: #3f2b3b !important;
  border-bottom: 1px solid var(--cf-border) !important;
  font-size: .76rem !important;
  font-weight: 800 !important;
  letter-spacing: .02em;
  text-transform: uppercase;
  padding: .72rem .8rem !important;
  white-space: nowrap;
}
.table tbody td {
  border-color: #f0edf2 !important;
  padding: .72rem .8rem !important;
  font-size: .86rem;
}
.table tbody tr:hover { background: #fbf8fc !important; }
.table-sm tbody td { padding: .58rem .68rem !important; }

/* Badges */
.badge,
.cf-badge {
  border-radius: 999px !important;
  font-weight: 700 !important;
  padding: .28rem .55rem !important;
  letter-spacing: .01em;
}
.bg-primary { background-color: var(--cf-primary) !important; }
.bg-warning { background-color: var(--cf-warning) !important; }
.bg-success { background-color: var(--cf-success) !important; }
.bg-danger { background-color: var(--cf-danger) !important; }
.text-muted { color: var(--cf-muted) !important; }

/* Modais */
.modal-content {
  border: 0 !important;
  border-radius: 18px !important;
  box-shadow: var(--cf-shadow-lg) !important;
  overflow: hidden;
}
.modal-header {
  background: var(--cf-surface-soft) !important;
  border-bottom: 1px solid var(--cf-border) !important;
  padding: 1rem 1.25rem !important;
}
.modal-title { font-weight: 800 !important; color: var(--cf-text) !important; }
.modal-body { padding: 1.25rem !important; }
.modal-footer { border-top: 1px solid var(--cf-border) !important; padding: 1rem 1.25rem !important; }

/* Alertas */
.alert {
  border-radius: var(--cf-radius) !important;
  border: 1px solid transparent !important;
  box-shadow: var(--cf-shadow-sm);
}
.alert-info { color: #334155 !important; background: #eef5ff !important; border-color: #cfe2ff !important; }
.alert-success { color: #14532d !important; background: #ecfdf3 !important; border-color: #bbf7d0 !important; }
.alert-warning { color: #7c2d12 !important; background: #fff7ed !important; border-color: #fed7aa !important; }
.alert-danger { color: #7f1d1d !important; background: #fef2f2 !important; border-color: #fecaca !important; }

/* Admin específico */
body.theme-light .sidebar {
  background: #ffffff !important;
  border-right: 1px solid var(--cf-border) !important;
  box-shadow: 2px 0 18px rgba(16,24,40,.05);
}
body.theme-light .sidebar-nav a { color: #475467 !important; border-radius: 10px !important; }
body.theme-light .sidebar-nav a:hover,
body.theme-light .sidebar-nav a.active {
  background: var(--cf-primary-50) !important;
  color: var(--cf-primary) !important;
  transform: none !important;
}
body.theme-light .sidebar-nav a:hover i,
body.theme-light .sidebar-nav a.active i { color: var(--cf-primary) !important; }
body.theme-light .main-content { background: var(--cf-bg) !important; }
body.theme-light .content-header {
  background: #ffffff !important;
  color: var(--cf-text) !important;
  border-bottom: 1px solid var(--cf-border) !important;
}
body.theme-light .content-header h2 { color: var(--cf-text) !important; }
body.theme-light .content-header small { color: var(--cf-muted) !important; }
body.theme-light .card-title { color: var(--cf-text) !important; }

/* Dashboards */
.stat-card {
  border: 0 !important;
  overflow: hidden;
}
.stat-card .card-body { padding: 1.2rem !important; }
.stat-card h4 { font-size: 1.6rem !important; font-weight: 800 !important; letter-spacing: -.02em; }
.stat-card p { font-size: .84rem; font-weight: 600; opacity: .94; }

/* Catálogo: proteger refinamentos sem mexer em regra */
.card-controles-moderno,
.categorias-container {
  border-color: var(--cf-border) !important;
  box-shadow: var(--cf-shadow-sm) !important;
}
.produto-item { box-shadow: var(--cf-shadow-sm) !important; }
.produto-item:hover { box-shadow: var(--cf-shadow) !important; }
.produto-meta-row { text-align: center; }

/* Carrinho */
.cart-item { transition: background .16s ease; }
.cart-item:hover { background: #fcf9fd; }
.produto-img { border-radius: 10px; background: #f8f9fb; border: 1px solid #f0edf2; }

/* Responsividade */
@media (max-width: 768px) {
  .btn { min-height: 38px; }
  .card-body { padding: 1rem !important; }
  .table-responsive { border-radius: var(--cf-radius); }
  .table thead th, .table tbody td { padding: .62rem .65rem !important; }
  .modal-dialog { margin: .75rem; }
  .content-header { padding: .85rem 1rem !important; }
}

/* =====================================================
   Ajustes ERP/SaaS específicos por tela
   ===================================================== */
/* Métricas: visual comercial mais sóbrio */
#cardsRow .stat-card,
.content-body > .row .stat-card {
  background: #ffffff !important;
  border: 1px solid var(--cf-border) !important;
  color: var(--cf-text) !important;
}
#cardsRow .stat-card .card-body,
.content-body > .row .stat-card .card-body {
  color: var(--cf-text) !important;
  text-align: left !important;
  position: relative;
}
#cardsRow .stat-card .card-body i,
.content-body > .row .stat-card .card-body i {
  width: 42px;
  height: 42px;
  border-radius: 12px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: var(--cf-primary-50);
  color: var(--cf-primary) !important;
  font-size: 1.25rem !important;
  margin-bottom: .65rem;
}
#cardsRow .stat-card h4,
.content-body > .row .stat-card h4 { color: var(--cf-text) !important; margin-top: .2rem !important; }
#cardsRow .stat-card p,
#cardsRow .stat-card small,
.content-body > .row .stat-card p,
.content-body > .row .stat-card small { color: var(--cf-muted) !important; opacity: 1 !important; }

/* Tabelas com muitas ações: compactar sem esconder funcionalidade */
.table .btn-group,
#tabelaOrcamentos .btn-group {
  gap: .28rem;
  flex-wrap: nowrap;
  justify-content: center;
}
.table .btn-group > .btn,
#tabelaOrcamentos .btn-group > .btn {
  border-radius: 8px !important;
  width: 32px;
  min-width: 32px;
  height: 32px;
  min-height: 32px;
  padding: 0 !important;
}
.table .btn-group > .btn i,
#tabelaOrcamentos .btn-group > .btn i { margin: 0 !important; font-size: .92rem; }

/* Orçamentos / Clientes: filtros com melhor hierarquia */
#buscaTexto { min-height: 36px; }
.text-ellipsis { line-height: 1.25; }
.orc-num .fw-semibold { color: var(--cf-primary); }
.orc-date, .dt-cell-time { color: var(--cf-muted) !important; }
.admin-status-badge { min-width: 78px; text-align: center; }

/* Cliente/admin: ações do topo */
.content-body > .d-flex.justify-content-between {
  gap: 1rem;
  flex-wrap: wrap;
}
.content-body > .d-flex.justify-content-between .btn {
  min-height: 38px;
}

/* Login e páginas simples */
main.container > .card,
.container.py-5 > .card {
  box-shadow: var(--cf-shadow) !important;
}

/* Evitar animações exageradas em ambiente ERP */
@media (prefers-reduced-motion: no-preference) {
  .card, .btn, .form-control, .form-select { transition-duration: .16s !important; }
}
@media (max-width: 576px) {
  .content-body > .d-flex.justify-content-between { align-items: stretch !important; }
  .content-body > .d-flex.justify-content-between .btn { width: 100%; }
  .table .btn-group { gap: .22rem; }
}

/* =====================================================
   FASE 2 - Reforma visual explícita das telas principais
   ===================================================== */
body.theme-light {
  background:
    radial-gradient(circle at 15% 0%, rgba(110,28,84,.06), transparent 28%),
    linear-gradient(180deg, #fbfafc 0%, #f6f7fb 100%) !important;
}
body.theme-light .content-body {
  max-width: 1440px;
  margin: 0 auto;
}
body.theme-light .content-header {
  position: sticky;
  top: 0;
  z-index: 25;
  backdrop-filter: blur(12px);
}
body.theme-light .content-header > div:first-child {
  display: flex;
  align-items: center;
  gap: .85rem;
}
body.theme-light .content-header > div:first-child i,
body.theme-light .content-header .header-icon {
  width: 42px;
  height: 42px;
  border-radius: 14px;
  background: var(--cf-primary-50);
  color: var(--cf-primary) !important;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

/* Dashboard premium */
body.theme-light #cardsRow {
  margin-bottom: .75rem !important;
}
body.theme-light #cardsRow > [class*="col-"] .stat-card {
  min-height: 158px;
  border-radius: 20px !important;
  position: relative;
  overflow: hidden;
}
body.theme-light #cardsRow > [class*="col-"] .stat-card::after {
  content: "";
  position: absolute;
  right: -32px;
  top: -32px;
  width: 110px;
  height: 110px;
  border-radius: 999px;
  background: rgba(110,28,84,.07);
}
body.theme-light #cardsRow .stat-card .card-body {
  min-height: 158px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
body.theme-light #cardsRow .stat-card h4 {
  font-size: 2rem !important;
  line-height: 1 !important;
}
body.theme-light #cardsRow .stat-card p {
  margin: .25rem 0 .15rem !important;
  text-transform: uppercase;
  letter-spacing: .04em;
  font-size: .72rem !important;
}
body.theme-light #cardsRow .stat-card small {
  font-weight: 700;
  color: var(--cf-primary) !important;
}
body.theme-light .content-body > .row.g-4.mt-2 .card {
  border-radius: 20px !important;
  min-height: 132px;
}
body.theme-light .content-body > .row.g-4.mt-2 h5 {
  color: var(--cf-muted) !important;
  font-size: .9rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: .035em;
}
body.theme-light .content-body > .row.g-4.mt-2 h3 {
  font-size: 2rem;
}

/* Admin filters: bloco de busca mais premium */
body.theme-light form.card.mb-3 {
  border-radius: 18px !important;
  margin-bottom: 1.1rem !important;
}
body.theme-light form.card.mb-3 .card-body {
  padding: 1.05rem 1.15rem !important;
}
body.theme-light form.card.mb-3 .row.g-2 {
  --bs-gutter-x: .85rem;
  --bs-gutter-y: .8rem;
}
body.theme-light .toolbar-label {
  color: #667085 !important;
}
body.theme-light .input-group-text {
  background: #f8f6fa !important;
  color: var(--cf-primary) !important;
}
body.theme-light .form-control::placeholder {
  color: #98a2b3 !important;
}

/* Admin tables: visual de produto comercial */
body.theme-light .content-body > .card {
  border-radius: 20px !important;
  overflow: hidden;
}
body.theme-light .content-body > .card > .card-body.p-0 {
  padding: 0 !important;
}
body.theme-light #tabelaOrcamentos,
body.theme-light .content-body table.table {
  border-collapse: separate !important;
  border-spacing: 0 !important;
}
body.theme-light #tabelaOrcamentos thead th,
body.theme-light .content-body table.table thead th {
  height: 46px;
  vertical-align: middle;
}
body.theme-light #tabelaOrcamentos tbody tr,
body.theme-light .content-body table.table tbody tr {
  transition: background .14s ease, box-shadow .14s ease;
}
body.theme-light #tabelaOrcamentos tbody tr:hover,
body.theme-light .content-body table.table tbody tr:hover {
  background: #fdf8fc !important;
}
body.theme-light #tabelaOrcamentos td strong,
body.theme-light .content-body table.table td strong {
  color: #2d2430;
}
body.theme-light .text-ellipsis {
  max-width: 420px;
}
body.theme-light #tabelaOrcamentos .btn-group {
  background: #f8f6fa;
  border: 1px solid var(--cf-border);
  border-radius: 12px;
  padding: 3px;
}
body.theme-light #tabelaOrcamentos .btn-group .btn {
  background: transparent !important;
  border-color: transparent !important;
  color: #5b5360 !important;
}
body.theme-light #tabelaOrcamentos .btn-group .btn:hover {
  background: #fff !important;
  color: var(--cf-primary) !important;
  box-shadow: var(--cf-shadow-sm);
}

/* Carrinho mais limpo */
.cart-item {
  background: #fff;
}
.cart-item .produto-img {
  width: 58px;
  height: 58px;
  object-fit: contain;
  padding: 4px;
}
#itens-carrinho .cart-item:last-child {
  border-bottom: 0 !important;
}
.totais-section .d-flex {
  padding: .28rem 0;
}
.back-to-catalog {
  border-radius: 999px !important;
}

/* Catálogo: suavizar topo e manter aparência de vitrine */
.catalogo-page .card-controles-moderno,
.catalogo-page .categorias-container {
  border-radius: 16px !important;
  background: rgba(255,255,255,.94) !important;
  backdrop-filter: blur(8px);
}
.catalogo-page .produto-item {
  border-radius: 18px !important;
}
.catalogo-page .produto-item > .position-relative {
  background: linear-gradient(180deg, #faf8fb 0%, #fff 100%) !important;
}

@media (max-width: 768px) {
  body.theme-light .content-body { padding: .85rem !important; }
  body.theme-light #cardsRow > [class*="col-"] .stat-card { min-height: 132px; }
  body.theme-light #cardsRow .stat-card .card-body { min-height: 132px; }
  body.theme-light #cardsRow .stat-card h4 { font-size: 1.55rem !important; }
  body.theme-light .content-body > .card { border-radius: 16px !important; }
}

/* =====================================================
   REDESIGN V2 - Casca/Shell premium (somente visual)
   ===================================================== */
:root {
  --cf-sidebar-w: 264px;
}

/* ---- SIDEBAR ADMIN (theme-light) ---- */
body.theme-light .sidebar {
  width: var(--cf-sidebar-w) !important;
  background: #ffffff !important;
  border-right: 1px solid var(--cf-border) !important;
  box-shadow: 1px 0 0 rgba(16,24,40,.02), 6px 0 24px rgba(16,24,40,.04) !important;
  padding: 0 !important;
  display: flex;
  flex-direction: column;
}
body.theme-light .main-content { margin-left: var(--cf-sidebar-w) !important; }

body.theme-light .sidebar .sidebar-header {
  padding: 1.1rem 1rem .85rem !important;
  border-bottom: 1px solid var(--cf-border) !important;
  margin-bottom: .35rem !important;
  position: sticky;
  top: 0;
  background: #fff;
  z-index: 3;
}
body.theme-light .sidebar .logo-container-sidebar {
  height: 78px !important;
}
body.theme-light .sidebar .logo-container-sidebar img {
  transform: scale(1.15) !important;
  height: 60px !important;
}

/* Lista com respiro e scroll suave */
body.theme-light .sidebar-nav {
  padding: .35rem .6rem 1.2rem !important;
  overflow-y: auto;
  flex: 1;
}
body.theme-light .sidebar-nav::-webkit-scrollbar { width: 8px; }
body.theme-light .sidebar-nav::-webkit-scrollbar-thumb { background: #e7e1ec; border-radius: 999px; }
body.theme-light .sidebar-nav li { margin-bottom: 2px !important; }

body.theme-light .sidebar-nav a {
  position: relative;
  display: flex;
  align-items: center;
  gap: .7rem;
  padding: 10px 12px !important;
  border-radius: 10px !important;
  font-size: .9rem !important;
  font-weight: 600 !important;
  color: #5a6473 !important;
  transition: background .15s ease, color .15s ease !important;
}
body.theme-light .sidebar-nav a i {
  width: 22px;
  font-size: 1.05rem !important;
  text-align: center;
  color: #8a93a3 !important;
  transition: color .15s ease;
}
body.theme-light .sidebar-nav a:hover {
  background: #f6f3f9 !important;
  color: var(--cf-primary) !important;
  transform: none !important;
}
body.theme-light .sidebar-nav a:hover i { color: var(--cf-primary) !important; }
body.theme-light .sidebar-nav a.active {
  background: linear-gradient(90deg, var(--cf-primary-50), #fff) !important;
  color: var(--cf-primary) !important;
  font-weight: 700 !important;
}
body.theme-light .sidebar-nav a.active::before {
  content: "";
  position: absolute;
  left: -6px;
  top: 50%;
  transform: translateY(-50%);
  width: 4px;
  height: 22px;
  border-radius: 999px;
  background: linear-gradient(180deg, var(--cf-primary), var(--cf-accent));
}
body.theme-light .sidebar-nav a.active i { color: var(--cf-primary) !important; }
body.theme-light .sidebar-nav a.text-danger { color: #c0392b !important; }
body.theme-light .sidebar-nav a.text-danger:hover { background: #fdecea !important; color: #b02a1c !important; }
body.theme-light .sidebar-nav a.text-danger i { color: #d05447 !important; }

/* Cabeçalho admin: barra premium roxa com leve gradiente */
body.theme-light .content-header {
  background: linear-gradient(120deg, #6E1C54 0%, #57163f 100%) !important;
  color: #fff !important;
  border-bottom: 0 !important;
  box-shadow: 0 8px 24px rgba(110,28,84,.16) !important;
  border-radius: 0 0 18px 18px;
  margin: 0 0 1.2rem 0;
}
body.theme-light .content-header h2 { color:#fff !important; }
body.theme-light .content-header small { color: rgba(255,255,255,.82) !important; }
body.theme-light .content-header h2 i {
  background: rgba(255,255,255,.16);
  color:#fff !important;
}
body.theme-light .content-header .form-select,
body.theme-light .content-header .form-control {
  background: rgba(255,255,255,.14) !important;
  border-color: rgba(255,255,255,.28) !important;
  color: #fff !important;
}
body.theme-light .content-header label { color: rgba(255,255,255,.85) !important; }

/* ---- NAVBAR CLIENTE (base_hidrolight) ---- */
.navbar-hidrolight {
  box-shadow: 0 4px 18px rgba(110,28,84,.18) !important;
  border-bottom: 0 !important;
  backdrop-filter: saturate(140%);
}
.info-bar {
  box-shadow: 0 2px 8px rgba(16,24,40,.04);
}

/* Botão "voltar" e CTA do cliente mais premium */
.btn-voltar-page { border-radius: 999px !important; }

/* Empty states padrão */
.cf-empty-state, .text-center.py-5 .display-1 { color: var(--cf-muted-2); }

/* Tipografia geral mais SaaS */
h1,h2,h3,h4,h5 { letter-spacing: -.01em; }

/* Scrollbar global discreta */
* { scrollbar-color: #d9d2df transparent; }

/* ---- RESPONSIVO V2 ---- */
@media (max-width: 992px) {
  body.theme-light .sidebar { width: 240px !important; }
  body.theme-light .main-content { margin-left: 0 !important; }
}
@media (max-width: 768px) {
  body.theme-light .content-header { border-radius: 0 0 14px 14px; margin-bottom: 1rem; }
}