/* ================================================================
   Benel ECM: tema no padrão visual Benel (Golden Path 1.4)
   Ponte entre o Tabler (Bootstrap 5) e os tokens --bn-* de
   /padrao/tokens/css/benel-tokens.css. Ordem de carga nos layouts:
     benel-tokens.css → tabler.min.css → benel-componentes.css →
     benel-tabela-densa.css → phosphor → este arquivo.
   Regra: nenhuma cor solta aqui. Os trios "r,g,b" abaixo existem só
   porque o Tabler monta as cores com rgba(var(--tblr-x-rgb), alfa);
   cada um espelha o token indicado ao lado.
   ================================================================ */

:root {
  /* Fonte e base */
  --tblr-font-sans-serif: var(--bn-fonte);
  --tblr-body-font-family: var(--bn-fonte);
  --tblr-body-bg: var(--bn-fundo);
  --tblr-bg-surface: var(--bn-branco);
  --tblr-body-color: var(--bn-texto);
  --tblr-body-color-rgb: 0, 49, 46;            /* --bn-texto */
  --tblr-emphasis-color: var(--bn-petroleo);
  --tblr-heading-color: var(--bn-petroleo);
  --tblr-border-color: var(--bn-borda);
  --tblr-border-color-translucent: var(--bn-borda);
  --tblr-link-color: var(--bn-verde-700);
  --tblr-link-color-rgb: 77, 124, 15;          /* --bn-verde-700 */
  --tblr-link-hover-color: var(--bn-petroleo);

  /* Raios: 12 campo/botão · 16 cartão · 24 folha · pílula */
  --tblr-border-radius: var(--bn-raio-botao);
  --tblr-border-radius-sm: var(--bn-raio-botao);
  --tblr-border-radius-lg: var(--bn-raio-card);
  --tblr-border-radius-xl: var(--bn-raio-folha);
  --tblr-border-radius-pill: var(--bn-raio-pilula);
  --tblr-box-shadow: var(--bn-sombra-card);
  --tblr-box-shadow-sm: var(--bn-sombra-card);
  --tblr-box-shadow-lg: var(--bn-sombra-card-lg);

  /* Primária = Verde Benel com texto petróleo */
  --tblr-primary: var(--bn-verde);
  --tblr-primary-rgb: 134, 209, 5;             /* --bn-verde */
  --tblr-primary-fg: var(--bn-petroleo);
  --tblr-primary-darken: var(--bn-verde-600);
  --tblr-lime: var(--bn-verde);
  --tblr-lime-rgb: 134, 209, 5;                /* --bn-verde */
  --tblr-lime-fg: var(--bn-petroleo);

  /* Estrutura = petróleo */
  --tblr-dark: var(--bn-petroleo);
  --tblr-dark-rgb: 0, 49, 46;                  /* --bn-petroleo */
  --tblr-dark-fg: var(--bn-branco);
  --tblr-light: var(--bn-fundo);
  --tblr-light-rgb: 248, 250, 252;             /* --bn-fundo */
  --tblr-purple: var(--bn-petroleo-claro);
  --tblr-purple-rgb: 0, 71, 67;                /* --bn-petroleo-claro */
  --tblr-indigo: var(--bn-petroleo-claro);
  --tblr-indigo-rgb: 0, 71, 67;                /* --bn-petroleo-claro */
  --tblr-teal: #0f9f8f;                        /* tokens.json color.grafico.6 (teal) */
  --tblr-teal-rgb: 15, 159, 143;

  /* Neutros */
  --tblr-secondary: var(--bn-texto-suave);
  --tblr-secondary-rgb: 100, 116, 139;         /* --bn-texto-suave */
  --tblr-muted: var(--bn-texto-suave);
  --tblr-muted-rgb: 100, 116, 139;             /* --bn-texto-suave */
  --tblr-secondary-color: var(--bn-texto-suave);

  /* Funcionais */
  --tblr-success: var(--bn-sucesso);
  --tblr-success-rgb: 0, 153, 0;               /* --bn-sucesso */
  --tblr-green: var(--bn-sucesso);
  --tblr-green-rgb: 0, 153, 0;                 /* --bn-sucesso */
  --tblr-info: var(--bn-info);
  --tblr-info-rgb: 3, 106, 255;                /* --bn-info */
  --tblr-blue: var(--bn-info);
  --tblr-blue-rgb: 3, 106, 255;                /* --bn-info */
  --tblr-azure: var(--bn-info);
  --tblr-azure-rgb: 3, 106, 255;               /* --bn-info */
  --tblr-cyan: var(--bn-info);
  --tblr-cyan-rgb: 3, 106, 255;                /* --bn-info */
  --tblr-warning: var(--bn-aviso);
  --tblr-warning-rgb: 245, 158, 11;            /* --bn-aviso */
  --tblr-warning-fg: var(--bn-petroleo);
  --tblr-yellow: var(--bn-aviso);
  --tblr-yellow-rgb: 245, 158, 11;             /* --bn-aviso */
  --tblr-orange: var(--bn-aviso);
  --tblr-orange-rgb: 245, 158, 11;             /* --bn-aviso */
  --tblr-danger: var(--bn-erro);
  --tblr-danger-rgb: 235, 20, 20;              /* --bn-erro */
  --tblr-red: var(--bn-erro);
  --tblr-red-rgb: 235, 20, 20;                 /* --bn-erro */
  --tblr-pink: var(--bn-erro);
  --tblr-pink-rgb: 235, 20, 20;                /* --bn-erro */

}

body {
  font-family: var(--bn-fonte);
  font-size: 15px;
  color: var(--bn-texto);
  background: var(--bn-fundo);
  -webkit-font-smoothing: antialiased;
}
:focus-visible { outline: 2px solid var(--bn-verde-600); outline-offset: 2px; }
[x-cloak] { display: none !important; }

/* Títulos: 800, sem caixa alta */
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6, .page-title, .card-title, .modal-title {
  font-weight: 800;
  letter-spacing: -0.02em;
  color: var(--bn-petroleo);
}
.page-title { font-size: 24px; line-height: 1.15; }
.subheader {
  font-size: 12px; font-weight: 700; letter-spacing: .12em;
  text-transform: uppercase; color: var(--bn-texto-suave);
}
.text-muted, .text-secondary { color: var(--bn-texto-suave) !important; }
.text-primary, .text-lime { color: var(--bn-verde-700) !important; }   /* verde sobre branco = 700 */
.text-dark { color: var(--bn-petroleo) !important; }
.text-yellow { color: var(--bn-aviso) !important; }
/* Âmbar puro não tem contraste AA sobre branco: em texto, escurece com petróleo */
.text-warning, .text-orange { color: color-mix(in srgb, var(--bn-aviso) 55%, var(--bn-petroleo)) !important; }
/* KPIs (07-componentes): número 900 tabular, rótulo 600 suave */
.row-cards .card .h1 { font-size: 40px; font-weight: 900; letter-spacing: -0.03em; line-height: 1; font-variant-numeric: tabular-nums; }
a { color: var(--bn-verde-700); }
a:hover { color: var(--bn-petroleo); }
a.text-reset:hover { color: var(--bn-verde-700) !important; }
.bg-primary, .bg-lime { color: var(--bn-petroleo) !important; }
.bg-primary-lt, .bg-lime-lt { color: var(--bn-verde-700) !important; }
.bg-dark { background: var(--bn-petroleo) !important; color: var(--bn-branco) !important; }
.bg-warning, .bg-yellow, .bg-orange { color: var(--bn-petroleo) !important; }
.kpi, .h1.mb-0, .h1.m-0, .display-6 { font-variant-numeric: tabular-nums; }

/* Ícones Phosphor no lugar dos SVG do Tabler */
i.icon.ph, i.icon.ph-fill { display: inline-flex; align-items: center; justify-content: center; font-size: 20px; width: auto; height: auto; line-height: 1; vertical-align: -0.15em; }
i.icon.icon-xs { font-size: 14px; }
i.icon.icon-sm { font-size: 16px; }
i.icon.icon-md { font-size: 28px; }
i.icon.icon-lg { font-size: 40px; }
.btn i.icon { margin: 0 6px 0 -2px; }
.btn i.icon:only-child, .btn-icon i.icon { margin: 0; }

/* ── Menu lateral petróleo (09-web: painéis administrativos com barra lateral petróleo) ── */
.navbar-vertical.ecm-sidebar {
  background: var(--bn-petroleo) !important;
  border: 0 !important;
  box-shadow: none;
  color: var(--bn-branco);
  --tblr-navbar-color: var(--bn-branco);
}
@media (min-width: 992px) {
  .navbar-vertical.ecm-sidebar { width: 16rem; }
  .navbar-vertical.ecm-sidebar ~ .page-wrapper { margin-left: 16rem; }
  .navbar-vertical.navbar-expand-lg.ecm-sidebar { width: 16rem; overflow-y: auto; scrollbar-width: thin; scrollbar-color: var(--bn-petroleo-claro) transparent; }
  .navbar-vertical.navbar-expand-lg.ecm-sidebar > .container-fluid { min-height: 100%; padding: 0 12px; }
  .ecm-sidebar .navbar-collapse { display: flex !important; flex-direction: column; align-items: stretch; flex: 1; }
  .navbar-vertical.navbar-expand-lg.ecm-sidebar .navbar-collapse .navbar-nav .nav-link { padding: 9px 12px; }
  /* Conteúdo: margem lateral 32 px (06-layout) */
  .navbar-vertical.ecm-sidebar ~ .page-wrapper .container-xl { padding-left: 32px; padding-right: 32px; }
}
.ecm-marca { display: inline-flex; align-items: center; gap: 10px; text-decoration: none; padding: 20px 4px 12px; margin: 0; }
.ecm-marca img { height: 48px; width: auto; display: block; }   /* logo 2,5:1 → 120 px de largura (mínimo do 02-marca) */
.bn-selo { font-size: 13px; padding: 4px 10px; }   /* selo "ECM" ao lado do logo (~40% da altura) */

.ecm-sidebar .navbar-nav { gap: 2px; margin: 0; padding: 0; }
.ecm-sidebar .nav-link {
  color: var(--bn-branco) !important;
  opacity: .85;
  font-size: 14px; font-weight: 600;
  padding: 9px 12px !important;
  border-radius: var(--bn-raio-botao);
  display: flex; align-items: center; gap: 10px;
  position: relative;
}
.ecm-sidebar .nav-link .ph { font-size: 20px; flex-shrink: 0; }
.ecm-sidebar .nav-link:hover { opacity: 1; background: var(--bn-petroleo-claro); }
.ecm-sidebar .nav-link.active {
  opacity: 1;
  color: var(--bn-verde) !important;
  background: var(--bn-petroleo-claro);
}
.ecm-sidebar .nav-link.active::before {
  content: ''; position: absolute; left: -12px; top: 8px; bottom: 8px;
  width: 4px; border-radius: 0 4px 4px 0; background: var(--bn-verde);
}
.ecm-sidebar .ecm-menu-secao {
  font-size: 11px; font-weight: 700; letter-spacing: .14em; text-transform: uppercase;
  color: color-mix(in srgb, var(--bn-branco) 55%, transparent);
  padding: 16px 12px 6px;
}
.ecm-sidebar .navbar-toggler { border: 0; color: var(--bn-branco); font-size: 26px; padding: 4px 8px; }
.ecm-badge-contagem {
  background: var(--bn-erro); color: var(--bn-branco);
  border-radius: var(--bn-raio-pilula); font-size: 11px; font-weight: 800;
  min-width: 18px; height: 18px; padding: 0 5px;
  display: inline-flex; align-items: center; justify-content: center;
}
.ecm-sidebar .nav-link .ecm-badge-contagem { margin-left: auto; }

/* Cartão da conta no pé do menu */
.ecm-conta {
  display: flex; align-items: center; gap: 10px;
  margin: 16px 0; padding: 10px;
  border-radius: var(--bn-raio-card);
  background: var(--bn-petroleo-claro);
  color: var(--bn-branco);
}
.ecm-conta .ecm-conta-nome { font-size: 14px; font-weight: 700; line-height: 1.2; }
.ecm-conta .ecm-conta-papel { font-size: 12px; line-height: 1.2; color: color-mix(in srgb, var(--bn-branco) 65%, transparent); }
.ecm-conta .ecm-sair {
  margin-left: auto; width: 36px; height: 36px; border: 0; border-radius: var(--bn-raio-botao);
  background: transparent; color: var(--bn-branco); font-size: 20px;
  display: inline-flex; align-items: center; justify-content: center;
}
.ecm-conta .ecm-sair:hover { background: var(--bn-erro); }
.ecm-avatar {
  width: 36px; height: 36px; border-radius: var(--bn-raio-pilula);
  background: var(--bn-verde); color: var(--bn-petroleo);
  font-weight: 800; font-size: 15px;
  display: inline-flex; align-items: center; justify-content: center; object-fit: cover; flex-shrink: 0;
}

@media (max-width: 991.98px) {
  /* No celular o menu lateral vira topo petróleo de 56 px; o menu abre por cima */
  .navbar-vertical.ecm-sidebar { position: sticky; top: 0; z-index: 1030; min-height: 56px; padding: 0; }
  .ecm-sidebar > .container-fluid { padding: 0 16px; }
  .ecm-marca { padding: 4px 0; }
  .ecm-marca img { height: 48px; }
  .ecm-sidebar .navbar-collapse { padding: 0 0 16px; }
  .ecm-sidebar .nav-link.active::before { display: none; }
  body.ecm-com-barra { padding-bottom: 72px; }
}

/* ── Barra inferior (celular) ── */
.ecm-barra-inferior {
  position: fixed; left: 0; right: 0; bottom: 0; z-index: 1030;
  height: 64px;
  display: grid; grid-template-columns: repeat(5, 1fr);
  background: color-mix(in srgb, var(--bn-branco) 92%, transparent);
  -webkit-backdrop-filter: blur(12px); backdrop-filter: blur(12px);
  border-top: 1px solid var(--bn-borda);
  padding-bottom: env(safe-area-inset-bottom, 0);
}
.ecm-barra-inferior a {
  display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 2px;
  min-height: 48px;
  text-decoration: none; color: var(--bn-texto-suave);
  font-size: 11px; font-weight: 600; position: relative;
}
.ecm-barra-inferior a .ph, .ecm-barra-inferior a .ph-fill { font-size: 24px; }
.ecm-barra-inferior a.ativo { color: var(--bn-petroleo); font-weight: 800; }
.ecm-barra-inferior a.ativo .ph-fill { color: var(--bn-verde-700); }
.ecm-barra-inferior .ecm-b-inicio {
  width: 40px; height: 40px; border-radius: var(--bn-raio-botao);
  background: var(--bn-petroleo); display: grid; place-items: center;
}
.ecm-barra-inferior .ecm-b-inicio img { width: 26px; height: 26px; }
.ecm-barra-inferior .ecm-badge-contagem { position: absolute; top: 6px; left: calc(50% + 6px); }

/* ── Cabeçalho da página ── */
.page-header { background: transparent; border: 0; margin: 0; padding: 16px 0 12px; min-height: 0; }
.page-header .breadcrumb {
  font-size: 12px; font-weight: 700; letter-spacing: .12em; text-transform: uppercase;
  margin-bottom: 4px;
}
.page-header .breadcrumb a { color: var(--bn-verde-700); }
.page-header .breadcrumb-item.active { color: var(--bn-texto-suave); }
.page-body { margin-top: 0; margin-bottom: 24px; }
.footer.ecm-rodape { background: var(--bn-petroleo); color: color-mix(in srgb, var(--bn-branco) 75%, transparent); border: 0; padding: 12px 0; font-size: 13px; }
.footer.ecm-rodape strong { color: var(--bn-branco); }
.footer.ecm-rodape .ecm-rodape-sistema { color: var(--bn-verde); }

/* ── Botões (07-componentes) ── */
.btn {
  font-weight: 800;
  border-radius: var(--bn-raio-botao);
  --tblr-btn-padding-x: 20px; --tblr-btn-padding-y: 10px;
  --tblr-btn-font-size: 15px;
  transition: box-shadow .15s, background .15s, transform .05s;
}
.btn-sm { --tblr-btn-padding-x: 12px; --tblr-btn-padding-y: 5px; --tblr-btn-font-size: 13px; }
.btn-lg { --tblr-btn-padding-x: 24px; --tblr-btn-padding-y: 12px; --tblr-btn-font-size: 16px; }
.btn:hover { transform: translateY(-1px); }
.btn:active { transform: translateY(0); }
.btn-primary, .btn-benel, .btn-lime, .btn-success.btn-benel {
  --tblr-btn-bg: var(--bn-verde); --tblr-btn-color: var(--bn-petroleo);
  --tblr-btn-hover-bg: var(--bn-verde); --tblr-btn-hover-color: var(--bn-petroleo);
  --tblr-btn-active-bg: var(--bn-verde-600); --tblr-btn-active-color: var(--bn-petroleo);
  --tblr-btn-disabled-bg: var(--bn-borda); --tblr-btn-disabled-color: var(--bn-texto-suave);
  background: var(--bn-verde) !important; border-color: var(--bn-verde) !important; color: var(--bn-petroleo) !important;
}
.btn-primary:hover, .btn-benel:hover { box-shadow: var(--bn-sombra-verde); }
.btn-dark, .btn-benel-dark {
  background: var(--bn-petroleo) !important; border-color: var(--bn-petroleo) !important; color: var(--bn-verde) !important;
}
.btn-dark:hover, .btn-benel-dark:hover { background: var(--bn-petroleo-claro) !important; }
.btn-secondary, .btn-light, .btn-white, .btn-outline-secondary, .btn-outline-primary, .btn-outline-dark {
  background: var(--bn-branco) !important; border: 1px solid var(--bn-borda) !important; color: var(--bn-petroleo) !important;
}
.btn-secondary:hover, .btn-light:hover, .btn-white:hover, .btn-outline-secondary:hover, .btn-outline-primary:hover, .btn-outline-dark:hover {
  border-color: var(--bn-verde) !important; background: var(--bn-branco) !important;
}
.btn-danger, .btn-red { background: var(--bn-erro) !important; border-color: var(--bn-erro) !important; color: var(--bn-branco) !important; }
.btn-success, .btn-green { background: var(--bn-sucesso) !important; border-color: var(--bn-sucesso) !important; color: var(--bn-branco) !important; }
.btn-warning, .btn-yellow, .btn-orange { background: var(--bn-aviso) !important; border-color: var(--bn-aviso) !important; color: var(--bn-petroleo) !important; }
.btn-info, .btn-blue, .btn-azure { background: var(--bn-info) !important; border-color: var(--bn-info) !important; color: var(--bn-branco) !important; }
.btn-outline-danger { color: var(--bn-erro) !important; border-color: var(--bn-erro) !important; background: var(--bn-branco) !important; }
.btn-outline-danger:hover { background: var(--bn-erro) !important; color: var(--bn-branco) !important; }
.btn-outline-success { color: var(--bn-sucesso) !important; border-color: var(--bn-sucesso) !important; background: var(--bn-branco) !important; }
.btn-outline-warning { color: var(--bn-petroleo) !important; border-color: var(--bn-aviso) !important; background: var(--bn-branco) !important; }
.btn-ghost-secondary, .btn-ghost-primary, .btn-ghost-dark { color: var(--bn-texto-2) !important; background: transparent !important; border-color: transparent !important; }
.btn-ghost-secondary:hover, .btn-ghost-primary:hover, .btn-ghost-dark:hover { background: var(--bn-neutro-100) !important; color: var(--bn-petroleo) !important; }
.btn-ghost-danger { color: var(--bn-erro) !important; }
.btn-ghost-success { color: var(--bn-sucesso) !important; }
.btn-ghost-warning { color: var(--bn-aviso) !important; }
.btn-link { color: var(--bn-verde-700) !important; font-weight: 700; }
.btn:disabled, .btn.disabled { background: var(--bn-borda) !important; border-color: var(--bn-borda) !important; color: var(--bn-texto-suave) !important; box-shadow: none !important; transform: none; }

/* ── Cartões ── */
.card {
  border: 1px solid var(--bn-borda);
  border-radius: var(--bn-raio-card);
  box-shadow: var(--bn-sombra-card);
  --tblr-card-spacer-x: 16px; --tblr-card-spacer-y: 16px;
}
.card-header { background: var(--bn-branco); border-bottom: 1px solid var(--bn-borda); padding: 12px 16px; min-height: 0; }
.card-footer { background: var(--bn-branco); border-top: 1px solid var(--bn-borda); padding: 10px 16px; }
.card-title { font-size: 16px; }
.card-sm .card-body { padding: 12px; }
.card .card-header:first-child { border-radius: var(--bn-raio-card) var(--bn-raio-card) 0 0; }
.card-stamp-icon, .avatar.bg-primary { color: var(--bn-petroleo); }
/* Cartão escuro (KPI principal / item mais importante) */
.card.ecm-card-escuro { background: var(--bn-petroleo); border-color: var(--bn-petroleo); color: var(--bn-branco); box-shadow: none; }
.card.ecm-card-escuro .subheader, .card.ecm-card-escuro .text-muted { color: color-mix(in srgb, var(--bn-branco) 70%, transparent) !important; }
.card.ecm-card-escuro .h1, .card.ecm-card-escuro .h2 { color: var(--bn-verde); }

/* ── Formulários ── */
.form-label { font-size: 14px; font-weight: 600; color: var(--bn-texto); margin-bottom: 6px; }
.form-control, .form-select {
  border: 1px solid var(--bn-borda);
  border-radius: var(--bn-raio-botao);
  color: var(--bn-texto);
  font-size: 15px;
  padding: 9px 14px;
}
.form-control-sm, .form-select-sm { font-size: 13px; padding: 5px 10px; }
.form-control:focus, .form-select:focus {
  border-color: var(--bn-verde);
  box-shadow: 0 0 0 2px var(--bn-verde);
}
.form-control.is-invalid, .form-select.is-invalid, .was-validated .form-control:invalid { border-color: var(--bn-erro); }
.invalid-feedback { color: var(--bn-erro); font-size: 13px; font-weight: 600; }
.form-hint, .form-text { color: var(--bn-texto-suave); font-size: 12px; }
.form-check-input:checked { background-color: var(--bn-verde); border-color: var(--bn-verde); }
.form-check-input:focus { box-shadow: 0 0 0 2px var(--bn-verde); border-color: var(--bn-verde); }
.form-switch .form-check-input:checked { background-color: var(--bn-verde); }
.input-group-text { border-color: var(--bn-borda); background: var(--bn-neutro-100); color: var(--bn-texto-suave); }
.input-group-flat .input-group-text { background: var(--bn-branco); }
.form-control-color { padding: 4px; }

/* ── Etiquetas ── */
.badge {
  border-radius: var(--bn-raio-pilula);
  font-weight: 800; font-size: 11px; letter-spacing: .03em;
  text-transform: uppercase;
  padding: 4px 9px;
}
.bg-blue-lt, .bg-azure-lt, .bg-info-lt, .bg-cyan-lt { color: var(--bn-info) !important; }
.bg-warning-lt, .bg-yellow-lt, .bg-orange-lt { color: var(--bn-texto) !important; background-color: color-mix(in srgb, var(--bn-aviso) 16%, var(--bn-branco)) !important; }
.bg-secondary-lt, .bg-muted-lt { color: var(--bn-texto-2) !important; background-color: var(--bn-neutro-100) !important; }
.bg-purple-lt, .bg-indigo-lt { color: var(--bn-petroleo-claro) !important; }
.bn-tag { vertical-align: middle; }

/* ── Alertas (fundo claro da cor funcional + borda à esquerda) ── */
.alert {
  border: 0; border-left: 4px solid var(--bn-info);
  border-radius: var(--bn-raio-botao);
  background: color-mix(in srgb, var(--bn-info) 8%, var(--bn-branco));
  color: var(--bn-texto);
  font-weight: 600; font-size: 14px;
  padding: 10px 14px;
  box-shadow: none;
}
.alert-success { border-left-color: var(--bn-sucesso); background: color-mix(in srgb, var(--bn-sucesso) 8%, var(--bn-branco)); }
.alert-warning { border-left-color: var(--bn-aviso); background: color-mix(in srgb, var(--bn-aviso) 12%, var(--bn-branco)); }
.alert-danger { border-left-color: var(--bn-erro); background: color-mix(in srgb, var(--bn-erro) 8%, var(--bn-branco)); }
.alert .alert-title { font-weight: 800; color: var(--bn-petroleo); }
.alert-icon { color: inherit; }

/* ── Tabela "lista curta" (07-componentes): permissões, fluxo de aprovação ── */
.table { --tblr-table-bg: var(--bn-branco); color: var(--bn-texto); font-size: 14px; }
.table thead th {
  background: var(--bn-petroleo); color: var(--bn-branco);
  font-size: 13px; font-weight: 700; text-transform: uppercase; letter-spacing: .03em;
  border-color: var(--bn-petroleo); padding-top: 10px; padding-bottom: 10px;
}
.table > tbody > tr:nth-child(even) > td { background: var(--bn-fundo-alt); }
.table td { border-color: var(--bn-borda); vertical-align: middle; }
.table-vcenter td { vertical-align: middle; }

/* ── Tabela densa (16-tabelas-densas): ajustes do conteúdo herdado do Tabler ── */
.card > .bn-tabela-rolagem, .card > .card-body > .bn-tabela-rolagem:only-child { border: 0; border-radius: 0 0 var(--bn-raio-card) var(--bn-raio-card); }
.card > .bn-tabela-rolagem:first-child { border-radius: var(--bn-raio-card); }
.bn-tabela td > div:not(.d-flex), .bn-tabela td > .small { display: inline; margin-left: 4px; }
.bn-tabela td > .d-flex, .bn-tabela td > form > .d-flex { display: inline-flex !important; gap: 2px !important; margin: 0; vertical-align: middle; }
.bn-tabela td > form, .bn-tabela .d-inline { display: inline; margin: 0; }
.bn-tabela td > br { display: none; }
.bn-tabela .small:not(dialog *), .bn-tabela small:not(dialog *) { font-size: 1em; }
.bn-tabela .avatar:not(dialog *), .bn-tabela .ecm-avatar:not(dialog *) { width: 16px; height: 16px; font-size: 9px; margin: 0 4px 0 0 !important; vertical-align: middle; }
.bn-tabela .badge:not(dialog *), .bn-tabela .bn-tag:not(dialog *) { font-size: 9px; padding: 1px 5px; height: auto; line-height: 1.1; vertical-align: middle; top: 0; margin: 0 0 0 2px; }
.bn-tabela .btn:not(dialog *) { --tblr-btn-padding-x: 4px; --tblr-btn-padding-y: 0; --tblr-btn-font-size: 11px; min-height: 0; height: 16px; line-height: 1; border-radius: 4px; font-weight: 700; box-shadow: none; }
.bn-tabela .btn:not(dialog *):hover { transform: none; }
.bn-tabela .btn:not(dialog *) i.icon { font-size: 12px; margin: 0; }
.bn-tabela .btn-icon:not(dialog *) { width: 20px; }
.bn-tabela .form-control:not(dialog *), .bn-tabela .form-select:not(dialog *) { font-size: 11px; padding: 1px 4px; border-radius: 4px; height: 18px; }
.bn-tabela td[colspan] { white-space: normal; padding: 16px; text-align: center; }
.bn-tabela td[colspan] p { margin: 4px 0 0; }
.bn-tabela td[colspan] i.icon-lg { font-size: 32px; }
.bn-tabela a.text-reset, .bn-tabela a.fw-semibold { font-weight: 700; }
.bn-tabela a { text-decoration: none; }
.bn-tabela a:hover { text-decoration: underline; }
.bn-tabela .text-truncate { max-width: 320px; display: inline-block; vertical-align: bottom; }
.bn-tabela thead th a { color: var(--bn-branco) !important; }
.bn-tabela thead th .text-muted { color: color-mix(in srgb, var(--bn-branco) 60%, transparent) !important; }
.bn-tabela thead th.w-1 { width: 1%; }
.bn-tabela .bn-st a { color: inherit; }
/* Modais <dialog> que moram dentro de linhas da grade: voltam ao tamanho normal */
.bn-tabela dialog { white-space: normal; font-size: 15px; line-height: 1.5; text-align: left; font-variant-numeric: normal; color: var(--bn-texto); }

/* ── Paginação, abas, dropdown, modal ── */
.page-link { border-radius: var(--bn-raio-botao) !important; color: var(--bn-texto); font-weight: 600; }
.page-item.active .page-link { background: var(--bn-verde); border-color: var(--bn-verde); color: var(--bn-petroleo); font-weight: 800; }
.nav-tabs .nav-link { font-weight: 600; color: var(--bn-texto-2); }
.nav-tabs .nav-link.active { color: var(--bn-petroleo); font-weight: 800; border-bottom-color: var(--bn-verde); box-shadow: inset 0 -2px 0 var(--bn-verde); }
.dropdown-menu { border-radius: var(--bn-raio-botao); border-color: var(--bn-borda); box-shadow: var(--bn-sombra-card-lg); }
.dropdown-item.active, .dropdown-item:active { background: var(--bn-verde-50); color: var(--bn-petroleo); }
.modal-content { border-radius: var(--bn-raio-folha); border: 0; box-shadow: var(--bn-sombra-card-lg); }
.progress { background: var(--bn-borda); border-radius: var(--bn-raio-pilula); }
.progress-bar { background: var(--bn-verde); }
.list-group-item.active { background: var(--bn-verde-50); border-color: var(--bn-borda); color: var(--bn-petroleo); font-weight: 700; }
.avatar { background-color: var(--bn-verde-100); color: var(--bn-petroleo); font-weight: 800; }
.empty-icon, .empty-title { color: var(--bn-petroleo); }
.ribbon { background: var(--bn-verde); color: var(--bn-petroleo); }
dialog { border: 0; border-radius: var(--bn-raio-folha); padding: 0; box-shadow: var(--bn-sombra-card-lg); color: var(--bn-texto); }
dialog::backdrop { background: color-mix(in srgb, var(--bn-petroleo) 45%, transparent); }
.ecm-dialog { max-width: 500px; width: 95%; }

/* ── Árvore de pastas ── */
.folder-tree .folder-item { padding: 6px 10px; border-radius: 8px; cursor: pointer; }
.folder-tree .folder-item:hover { background: var(--bn-verde-50); }
.folder-tree .folder-children { padding-left: 1.2rem; border-left: 2px solid var(--bn-borda); margin-left: 0.7rem; }
.folder-tree-select-container .hover-bg-light:hover { background-color: var(--bn-verde-50); }
.folder-tree-select-container .cursor-pointer { cursor: pointer; }
.folder-tree-select-container .transition-transform { transition: transform 0.15s ease-in-out; }
.folder-tree-select-container .card-body::-webkit-scrollbar { width: 6px; }
.folder-tree-select-container .card-body::-webkit-scrollbar-thumb { background: var(--bn-neutro-300); border-radius: 4px; }
.folder-tree-select-container .card-body::-webkit-scrollbar-thumb:hover { background: var(--bn-texto-suave); }
.doc-card-status { width: 4px; border-radius: 2px; flex-shrink: 0; }

/* ── Permissões (L / M / T) ── */
.badge-perm-L { background: var(--bn-neutro-100); color: var(--bn-texto-2); }
.badge-perm-M { background: color-mix(in srgb, var(--bn-info) 14%, var(--bn-branco)); color: var(--bn-info); }
.badge-perm-T { background: var(--bn-petroleo); color: var(--bn-branco); }

/* ── SweetAlert2 no padrão ── */
.swal2-popup { border-radius: var(--bn-raio-folha) !important; font-family: var(--bn-fonte) !important; color: var(--bn-texto) !important; }
.swal2-title { color: var(--bn-petroleo) !important; font-weight: 800 !important; }
.swal2-styled { border-radius: var(--bn-raio-botao) !important; font-weight: 800 !important; }
.swal2-styled.swal2-confirm { background-color: var(--bn-verde); color: var(--bn-petroleo) !important; }
.swal2-styled.swal2-cancel { background: var(--bn-branco) !important; color: var(--bn-petroleo) !important; border: 1px solid var(--bn-borda) !important; }
.swal2-styled:focus { box-shadow: 0 0 0 2px var(--bn-verde-600) !important; }
.swal2-icon.swal2-warning { border-color: var(--bn-aviso) !important; color: var(--bn-aviso) !important; }
.swal2-icon.swal2-error { border-color: var(--bn-erro) !important; }
.swal2-icon.swal2-error [class^=swal2-x-mark-line] { background-color: var(--bn-erro) !important; }
.swal2-icon.swal2-success { border-color: var(--bn-sucesso) !important; color: var(--bn-sucesso) !important; }
.swal2-icon.swal2-success [class^=swal2-success-line] { background-color: var(--bn-sucesso) !important; }
.swal2-icon.swal2-info, .swal2-icon.swal2-question { border-color: var(--bn-info) !important; color: var(--bn-info) !important; }
.swal2-timer-progress-bar { background: var(--bn-verde) !important; }

/* ── Carregamento (esqueleto, não spinner em tela cheia) ── */
.ecm-esqueleto { background: var(--bn-neutro-100); border-radius: 8px; animation: ecmPulso 1.2s ease-in-out infinite; }
@keyframes ecmPulso { 50% { opacity: .55; } }

/* ── Animações ── */
.fade-in { animation: fadeIn .3s ease-in; }
@keyframes fadeIn { from { opacity: 0; transform: translateY(8px); } to { opacity: 1; transform: translateY(0); } }

@media (max-width: 767.98px) {
  .page-title { font-size: 22px; }
  body { font-size: 16px; }
  .container-xl { padding-left: 16px; padding-right: 16px; }
}
@media print {
  .ecm-sidebar, .ecm-barra-inferior, .ecm-rodape { display: none !important; }
  .navbar-vertical.ecm-sidebar ~ .page-wrapper { margin-left: 0 !important; }
}
/* Confirmação destrutiva (confirmButtonColor: 'var(--bn-erro)'): texto branco */
.swal2-styled.swal2-confirm[style*="--bn-erro"] { color: var(--bn-branco) !important; }
/* Linha destacada na grade densa (ex.: documento vencido na lista mestra) */
.bn-tabela tbody tr.table-warning td { background: color-mix(in srgb, var(--bn-aviso) 14%, var(--bn-branco)); }
.bn-tabela tbody tr.table-danger td { background: color-mix(in srgb, var(--bn-erro) 8%, var(--bn-branco)); }
/* Ícone de pasta: preenchido no verde da marca (âmbar é cor de aviso no padrão) */
.ecm-ico-pasta { color: var(--bn-verde-600); }
/* Notebook/tablet deitado: menu lateral um pouco mais estreito (logo segue com 120 px) */
@media (min-width: 992px) and (max-width: 1199.98px) {
  .navbar-vertical.navbar-expand-lg.ecm-sidebar { width: 14rem; }
  .navbar-vertical.ecm-sidebar ~ .page-wrapper { margin-left: 14rem; }
  .navbar-vertical.ecm-sidebar ~ .page-wrapper .container-xl { padding-left: 24px; padding-right: 24px; }
}