/* Força o calendário do Django a ficar na frente do TinyMCE */
.calendarbox, .clockbox {
    z-index: 100000 !important; /* Valor absurdamente alto para vencer o editor */
}

/* Opcional: Melhora o visual do TinyMCE no Admin */
.django-tinymce {
    border: 1px solid #ccc;
    box-shadow: 2px 2px 5px rgba(0,0,0,0.1);
}

/* ==========================================================================
   CORES DO PUBI ATOS (SIDEBAR E TOPBAR NO UNFOLD)
   ========================================================================== */

/* Fundo da Barra Lateral */
#nav-sidebar-inner {
    background-color: #2c519c !important;
}

/* Letras e ícones da Barra Lateral em Branco (Ignora os Ativos) */
#nav-sidebar-inner a:not(.active),
#nav-sidebar-inner a:not(.active) span,
#nav-sidebar-inner a:not(.active) svg,
#nav-sidebar-inner h2,
#nav-sidebar-inner div.text-font-important-light {
    color: #ffffff !important;
}

/* Cor de Hover na Barra Lateral */
#nav-sidebar-inner a:not(.active):hover {
    background-color: rgba(255, 255, 255, 0.15) !important;
}

/* Link Ativo na Barra Lateral (Fundo branco, texto Azul Oficial) */
#nav-sidebar-inner a.active {
    background-color: #ffffff !important;
    color: #2c519c !important;
}

#nav-sidebar-inner a.active span,
#nav-sidebar-inner a.active svg {
    color: #2c519c !important;
}

/* ---------------------------------------------------
   ÁREA DO USUÁRIO (PERFIL) NA BARRA LATERAL
   --------------------------------------------------- */
/* Remove a cor azul oficial e volta para o fundo original do Unfold */
#nav-sidebar-inner div[x-on\:click="openUserLinks = !openUserLinks"] {
    background-color: var(--color-base-50) !important;
}

/* Retorna as cores originais dos textos e ícones na área do usuário */
#nav-sidebar-inner div[x-on\:click="openUserLinks = !openUserLinks"] span,
#nav-sidebar-inner div[x-on\:click="openUserLinks = !openUserLinks"] a,
#nav-sidebar-inner div[x-on\:click="openUserLinks = !openUserLinks"] svg {
    color: var(--color-font-default-light) !important;
}

#nav-sidebar-inner div[x-on\:click="openUserLinks = !openUserLinks"]:hover {
    background-color: var(--color-base-100) !important;
}

/* ---------------------------------------------------
   MENUS SUSPENSOS (POPUP) DA BARRA LATERAL (Apps, Sair, etc)
   --------------------------------------------------- */
/* Qualquer janela flutuante que use bg-white dentro da sidebar volta ao padrão escuro */
#nav-sidebar-inner .bg-white a,
#nav-sidebar-inner .bg-white a span,
#nav-sidebar-inner .bg-white a svg,
#nav-sidebar-inner .bg-white h2,
#nav-sidebar-inner .bg-white div.text-font-important-light {
    color: var(--color-font-default-light) !important;
}

/* Devolve a cor forte aos títulos (h2) dos menus flutuantes */
#nav-sidebar-inner .bg-white h2 {
    color: var(--color-font-important-light) !important;
}

/* Conserta o Hover dos menus flutuantes */
#nav-sidebar-inner .bg-white a:hover {
    background-color: var(--color-base-100) !important;
    color: var(--color-primary-600) !important;
}

/* ---------------------------------------------------
   BARRA SUPERIOR (TOPBAR)
   --------------------------------------------------- */
/* Fundo da Barra Superior (Topbar) */
header {
    background-color: #2c519c !important;
    border-bottom: none !important;
}

/* Letras e ícones da Barra Superior em Branco */
header a, 
header span, 
header h1,
header h2,
header svg,
header button {
    color: #ffffff !important;
}

/* ---------------------------------------------------
   MENUS SUSPENSOS DA BARRA SUPERIOR (Busca e Apps)
   --------------------------------------------------- */
/* Volta as cores para escuro dentro das janelinhas flutuantes (Search, Apps) */
/* Usamos .absolute para pegar qualquer menu suspenso independente de bibliotecas */
header .absolute a,
header .absolute span,
header .absolute svg,
header div[role="dialog"] a,
header div[role="dialog"] span,
header div[role="dialog"] svg {
    color: var(--color-font-default-light) !important;
}

header .absolute h2,
header div[role="dialog"] h2 {
    color: var(--color-font-important-light) !important;
}

/* Garante que o hover dos botões dentro do menu fiquem com a cor primária */
header .absolute a:hover,
header div[role="dialog"] a:hover {
    color: var(--color-primary-600) !important;
    background-color: transparent !important;
}