/* ===== Brand colors ===== */
:root {
  --bp-blue: #0f3460;
  --bp-gray: #30373c;
  --color-cm-blue: #1e40af;
  --primary: #006eb6;
  --accent: #c59949;
  --blue-gray: #101d4d;
  --blue-init: #00bcd4;

}

/* Topbar brand (nome “Backoffice”) */
.fi-topbar {
  border-bottom: 1px solid rgba(224, 11, 11, 0.06);
}

/* Sidebar background + texto */
.fi-sidebar {
  background: var(--blue-gray) !important;
}

.fi-sidebar * {
  color: rgba(255,255,255,.92) !important;
}

/* Item ativo / hover (usa o azul) */
.fi-sidebar-item.fi-active > a,
.fi-sidebar-item > a:hover {
  background: rgba(15,52,96,.35) !important;
}

/* Ajuste de tamanho de fonte nos menus */
.fi-sidebar-nav .fi-sidebar-item-label {
  font-size: 0.98rem !important;
  font-weight: 600 !important;
}

/* Ajuste de tamanho do topo (título/brand) */
.fi-topbar .fi-brand-name,
.fi-topbar .fi-topbar-brand {
  font-size: 1.15rem !important;
  font-weight: 700 !important;
}

/* Botões primários (quando aparecer) */
.fi-btn.fi-btn-color-primary {
  background: var(--bp-blue) !important;
  border-color: var(--bp-blue) !important;
}

/* ===== Fix: garantir que o brand apareça no topo ===== */

/* garante que o topo continue branco, mas com contraste */
.fi-topbar {
  background: #ffffff !important;
}

/* Filament v3 costuma renderizar o brand como link/elemento dentro da topbar.
   Forçamos cor/visibilidade em vários seletores possíveis. */
.fi-topbar a,
.fi-topbar .fi-brand,
.fi-topbar .fi-brand-name,
.fi-topbar [data-slot="brand"],
.fi-topbar [data-slot="brand"] *,
.fi-topbar .fi-topbar-brand,
.fi-topbar .fi-topbar-brand * {
  color: #0f3460 !important;
  opacity: 1 !important;
  visibility: visible !important;
}

/* aumenta fonte do brand */
.fi-topbar [data-slot="brand"] {
  font-size: 1.15rem !important;
  font-weight: 800 !important;
}

/* caso o brand esteja “escondido” por display none em algum estilo */
.fi-topbar [data-slot="brand"] {
  display: inline-flex !important;
}