/* =========================================================================    MODOS TEMAS • DETECÇÃO DEFINITIVA    - Usa :has() p/ isolar dark e light com 100% de confiabilidade.    - Mantém seu verde; melhora o contraste dos textos no light.    ========================================================================= */ @supports selector(:root:has(.dark)) {    /* ==================== DARK MODE (seu código, agora escopado) ==================== */   :root:has(.dark) {     /* Base/brand */     --nx-bg-1: #101813;     --nx-bg-2: #17241e;     --nx-line: #22352d;     /* Acentos */     --nx-accent:  #29e07a;     --nx-accent-2:#00c86a;     /* Tipografia */     --nx-text-1: #ecfff4;     --nx-text-2: #b2c9bb;     /* Glow */     --nx-glow: 0 0 0 1px rgba(41,224,122,.14), 0 0 14px rgba(41,224,122,.22);   }    :root:has(.dark) aside.bg-n-solid-2.fixed.top-0.h-full{     background:       radial-gradient(1200px 800px at -18% 20%,         rgba(41,224,122,.20) 0%,         rgba(41,224,122,.10) 35%,         rgba(41,224,122,.04) 55%,         transparent 70%),       radial-gradient(900px 600px at 105% 10%,         rgba(16,57,43,.28) 0%,         rgba(16,57,43,.12) 45%,         transparent 70%),       linear-gradient(180deg, #101813 0%, #17241e 100%);     border-right:1px solid var(--nx-line);   }   :root:has(.dark) aside.bg-n-solid-2 nav ul > li > div[role="button"]::before{     background: linear-gradient(90deg, rgba(41,224,122,0), rgba(41,224,122,.18), rgba(41,224,122,0));   }   :root:has(.dark) #sidebar-account-switcher:hover,   :root:has(.dark) aside.bg-n-solid-2 .flex.gap-2.px-2 a[href*="/search"]:hover,   :root:has(.dark) aside.bg-n-solid-2 .flex.gap-2.px-2 button:hover,   :root:has(.dark) aside.bg-n-solid-2 nav ul > li > div[role="button"]:hover,   :root:has(.dark) aside.bg-n-solid-2 .sidebar-group-children li.child-item > a:hover,   :root:has(.dark) aside.bg-n-solid-2 a.router-link-active,   :root:has(.dark) aside.bg-n-solid-2 a.active {     box-shadow: var(--nx-glow);   }   :root:has(.dark) aside.bg-n-solid-2 nav ul > li > div[role="button"]:hover{     background: linear-gradient(90deg, rgba(0,200,106,.12), rgba(41,224,122,.10));     border-color: color-mix(in srgb, var(--nx-accent) 45%, var(--nx-line));     color: var(--nx-text-1);   }   :root:has(.dark) aside.bg-n-solid-2 .sidebar-group-children li.child-item > a:hover{     background: linear-gradient(90deg, rgba(0,200,106,.10), rgba(41,224,122,.08));     border-color: color-mix(in srgb, var(--nx-accent) 35%, var(--nx-line));     color: var(--nx-text-1);   }   :root:has(.dark) aside.bg-n-solid-2 nav::-webkit-scrollbar-thumb { background: #1e2c25; }    /* Esconder Kanban/Relatórios (dark) */   :root:has(.dark) aside nav div[role="button"][name="Kanban"],   :root:has(.dark) aside nav div[role="button"][title="Kanban"],   :root:has(.dark) aside nav div[role="button"][name="Reports"],   :root:has(.dark) aside nav div[role="button"][title="Relatórios"] { display:none!important; }   :root:has(.dark) aside nav li:has(> div[role="button"][name="Kanban"]),   :root:has(.dark) aside nav li:has(> div[role="button"][title="Kanban"]),   :root:has(.dark) aside nav li:has(> div[role="button"][name="Reports"]),   :root:has(.dark) aside nav li:has(> div[role="button"][title="Relatórios"]) { display:none!important; }   :root:has(.dark) aside nav a[title="Relatórios"],   :root:has(.dark) aside nav li:has(> a[title="Relatórios"]),   :root:has(.dark) aside nav a[href*="/reports/"],   :root:has(.dark) aside nav li:has(> a[href*="/reports/"]),   :root:has(.dark) aside nav li[name^="Reports"],   :root:has(.dark) aside nav li:has(> div[role="button"][name^="Reports"]) { display:none!important; }   :root:has(.dark) aside nav .sidebar-group-children:empty,   :root:has(.dark) aside nav .sidebar-group-children:has(> li[style*="display: none"]) { display:none!important; }    /* Controles/bolhas (dark) */   :root:has(.dark) main button[role="switch"][aria-checked="true"].bg-n-brand{     background-color:#4EDF94!important; border-color:#4EDF94!important;   }   :root:has(.dark) main button[role="switch"].bg-n-brand:focus,   :root:has(.dark) main button[role="switch"].bg-n-brand:focus-visible{     outline:none!important; box-shadow:0 0 0 3px rgba(78,223,148,.35)!important;   }   :root:has(.dark) main button.text-n-blue-text{ color:#4EDF94!important; }   :root:has(.dark) main button.text-n-blue-text:hover:enabled,   :root:has(.dark) main button.text-n-blue-text:focus-visible{     background-color:rgba(78,223,148,.12)!important;   }   :root:has(.dark) main button[class*="bg-n-brand/10"]{     background-color:rgba(78,223,148,.10)!important; color:#4EDF94!important;   }   :root:has(.dark) main button.hover\:enabled\:bg-n-brand\/20:hover:enabled{ background-color:rgba(78,223,148,.20)!important; }   :root:has(.dark) main button.focus-visible\:bg-n-brand\/20:focus-visible{ background-color:rgba(78,223,148,.20)!important; }    :root:has(.dark) main button.text-n-blue-text.font-medium{ color:#4EDF94!important; }   :root:has(.dark) main button.text-n-blue-text.font-medium:hover:enabled,   :root:has(.dark) main button.text-n-blue-text.font-medium:focus-visible{ text-decoration:underline!important; }    :root:has(.dark) main .right-bubble.bg-n-solid-blue[data-bubble-name="text"]{     background-color:#153c28!important; border-color:#153c28!important; color:#fff!important;   }   :root:has(.dark) main .right-bubble.bg-n-solid-blue[data-bubble-name="text"] .prose,   :root:has(.dark) main .right-bubble.bg-n-solid-blue[data-bubble-name="text"] p,   :root:has(.dark) main .right-bubble.bg-n-solid-blue[data-bubble-name="text"] time{ color:#fff!important; }   :root:has(.dark) main .right-bubble.bg-n-solid-blue[data-bubble-name="text"] .i-lucide-check,   :root:has(.dark) main .right-bubble.bg-n-solid-blue[data-bubble-name="text"] .i-lucide-check-check{ color:#c7f2df!important; }     /* ==================== LIGHT MODE (novo, com textos destacados) ==================== */   :root:not(:has(.dark)) {     /* Paleta clara mantendo o verde de marca */     --nx-bg-1: #f6fbf8;   /* base clara */     --nx-bg-2: #eef6f1;   /* superfície */     --nx-line: #cfe6da;   /* divisórias sutis */     --nx-accent:  #29e07a;   /* mantém acentos */     --nx-accent-2:#00c86a;     /* Tipografia com destaque real (sem cinza lavado) */     --nx-text-1: #0f2f1f; /* títulos/itens ativos (verde escuro) */     --nx-text-2: #335245; /* secundário */     /* Glow mais evidente no claro */     --nx-glow: 0 0 0 1px rgba(41,224,122,.22), 0 0 14px rgba(41,224,122,.32);   }    /* Sidebar claro: fundo suave + textos destacados (verde escuro) */   :root:not(:has(.dark)) aside.bg-n-solid-2.fixed.top-0.h-full{     background:       radial-gradient(1000px 680px at -18% 20%,         rgba(41,224,122,.18) 0%,         rgba(41,224,122,.08) 40%,         rgba(41,224,122,.03) 60%,         transparent 75%),       linear-gradient(180deg, var(--nx-bg-1) 0%, var(--nx-bg-2) 100%);     border-right:1px solid var(--nx-line);     color: var(--nx-text-1); /* texto base do sidebar */   }    /* Itens do menu — cor forte (sem cinza), hover com leve alpha verde */   :root:not(:has(.dark)) aside.bg-n-solid-2 [class*="text-n-slate-"],   :root:not(:has(.dark)) aside.bg-n-solid-2 .text-n-blue-text,   :root:not(:has(.dark)) aside.bg-n-solid-2 a,   :root:not(:has(.dark)) aside.bg-n-solid-2 [role="button"],   :root:not(:has(.dark)) aside.bg-n-solid-2 .child-item {     color: var(--nx-text-1) !important;   }   :root:not(:has(.dark)) aside.bg-n-solid-2 nav ul > li > div[role="button"]::before{     background: linear-gradient(90deg, rgba(41,224,122,0), rgba(41,224,122,.22), rgba(41,224,122,0));   }   :root:not(:has(.dark)) #sidebar-account-switcher:hover,   :root:not(:has(.dark)) aside.bg-n-solid-2 .flex.gap-2.px-2 a[href*="/search"]:hover,   :root:not(:has(.dark)) aside.bg-n-solid-2 .flex.gap-2.px-2 button:hover,   :root:not(:has(.dark)) aside.bg-n-solid-2 nav ul > li > div[role="button"]:hover,   :root:not(:has(.dark)) aside.bg-n-solid-2 .sidebar-group-children li.child-item > a:hover,   :root:not(:has(.dark)) aside.bg-n-solid-2 a.router-link-active,   :root:not(:has(.dark)) aside.bg-n-solid-2 a.active {     box-shadow: var(--nx-glow);     color: var(--nx-text-1) !important;     background: linear-gradient(90deg, rgba(0,200,106,.08), rgba(41,224,122,.06));     border-color: color-mix(in srgb, var(--nx-accent) 40%, var(--nx-line));   }    /* BADGES/contadores no menu (legíveis no claro) */   :root:not(:has(.dark)) aside.bg-n-solid-2 .rounded-md.text-xxs {     color: var(--nx-text-1) !important;     outline-color: color-mix(in srgb, var(--nx-accent) 45%, var(--nx-line)) !important;     background-color: rgba(41,224,122,.10) !important;   }    /* ======== Componentes de conteúdo (light) ======== */    /* Switch ligado — mantém verde vibrante */   :root:not(:has(.dark)) main button[role="switch"][aria-checked="true"].bg-n-brand{     background-color:#4EDF94!important; border-color:#4EDF94!important;   }   :root:not(:has(.dark)) main button[role="switch"].bg-n-brand:focus,   :root:not(:has(.dark)) main button[role="switch"].bg-n-brand:focus-visible{     outline:none!important; box-shadow:0 0 0 3px rgba(78,223,148,.35)!important;   }    /* Botões icônicos/links — texto verde escuro, hover alpha leve */   :root:not(:has(.dark)) main button.text-n-blue-text{ color:#153c28!important; }   :root:not(:has(.dark)) main button.text-n-blue-text:hover:enabled,   :root:not(:has(.dark)) main button.text-n-blue-text:focus-visible{     background-color:rgba(21,60,40,.08)!important;   }    /* “Adicionar etiquetas” — chip translúcido no claro */   :root:not(:has(.dark)) main button[class*="bg-n-brand/10"]{     background-color:rgba(21,60,40,.10)!important; color:#153c28!important;   }   :root:not(:has(.dark)) main button.hover\:enabled\:bg-n-brand\/20:hover:enabled{ background-color:rgba(21,60,40,.18)!important; }   :root:not(:has(.dark)) main button.focus-visible\:bg-n-brand\/20:focus-visible{ background-color:rgba(21,60,40,.18)!important; }    /* Link-button “Atribuir a mim” — cor de marca e sublinhado no hover */   :root:not(:has(.dark)) main button.text-n-blue-text.font-medium{ color:#153c28!important; }   :root:not(:has(.dark)) main button.text-n-blue-text.font-medium:hover:enabled,   :root:not(:has(.dark)) main button.text-n-blue-text.font-medium:focus-visible{ text-decoration:underline!important; }    /* Bolha verde (mantém a mesma cor; texto sempre branco no claro) */   :root:not(:has(.dark)) main .right-bubble.bg-n-solid-blue[data-bubble-name="text"]{     background-color:#153c28!important; border-color:#153c28!important; color:#fff!important;   }   :root:not(:has(.dark)) main .right-bubble.bg-n-solid-blue[data-bubble-name="text"] .prose,   :root:not(:has(.dark)) main .right-bubble.bg-n-solid-blue[data-bubble-name="text"] p,   :root:not(:has(.dark)) main .right-bubble.bg-n-solid-blue[data-bubble-name="text"] time{ color:#fff!important; }   :root:not(:has(.dark)) main .right-bubble.bg-n-solid-blue[data-bubble-name="text"] .i-lucide-check,   :root:not(:has(.dark)) main .right-bubble.bg-n-solid-blue[data-bubble-name="text"] .i-lucide-check-check{ color:#fff!important; }    /* Ênfase geral: classes cinza viram texto forte no light (sem perder hierarquia) */   :root:not(:has(.dark)) .text-n-slate-11 { color: var(--nx-text-2) !important; }   :root:not(:has(.dark)) .text-n-slate-12 { color: var(--nx-text-1) !important; font-weight: 600; }   :root:not(:has(.dark)) .text-n-blue-text { color: #153c28 !important; } }  /* ======================================================================    FALLBACK para navegadores sem :has()    (se sua instância usa data-theme="light"/"dark")    ====================================================================== */ :root[data-theme="dark"] { color-scheme: dark; } :root[data-theme="light"] { color-scheme: light; } /* Exemplo de reforço de contraste no light fallback */ :root[data-theme="light"] .text-n-slate-12 { color:#0f2f1f!important; font-weight:600; } :root[data-theme="light"] .text-n-blue-text { color:#153c28!important; } :root[data-theme="light"] main .right-bubble.bg-n-solid-blue[data-bubble-name="text"]{   background-color:#153c28!important; color:#fff!important; } /* =======================================================================    FIX: restaura os grupos padrão e mantém os APPS como itens de 1º nível    ======================================================================= */  /* 0) GARANTIA: reexibe os grupos padrão (sobrescreve qualquer hide antigo) */ aside nav > ul > li:has(> a[name="Inbox"]), aside nav > ul > li:has(> div[role="button"][name="Conversation"]), aside nav > ul > li:has(> div[role="button"][name="Campaigns"]), aside nav > ul > li:has(> div[role="button"][name="Reports"]), aside nav > ul > li:has(> div[role="button"][name="Settings"]) {   display: grid !important;   /* volta ao layout nativo do sidebar */ }  /* 1) Mantém o cabeçalho do grupo Apps invisível (não removemos do DOM) */ aside nav li:has(> div[role="button"][name="Standalone Apps"]) > div[role="button"], aside nav li:has(> div[role="button"][name="Apps"]) > div[role="button"], aside nav li:has(> div[role="button"][title="Apps"]) > div[role="button"] {   height: 0 !important;   margin: 0 !important;   padding: 0 !important;   overflow: hidden !important;   pointer-events: none !important;   border: 0 !important;   visibility: hidden !important; }  /* 2) Força a lista dos Apps a ficar SEMPRE aberta/renderizada */ aside nav li:has(> div[role="button"][name="Standalone Apps"]) > ul, aside nav li:has(> div[role="button"][name="Standalone Apps"]) > .sidebar-group-children, aside nav li:has(> div[role="button"][name="Standalone Apps"]) > .group, aside nav li:has(> div[role="button"][name="Apps"]) > ul, aside nav li:has(> div[role="button"][name="Apps"]) > .sidebar-group-children, aside nav li:has(> div[role="button"][name="Apps"]) > .group, aside nav li:has(> div[role="button"][title="Apps"]) > ul, aside nav li:has(> div[role="button"][title="Apps"]) > .sidebar-group-children, aside nav li:has(> div[role="button"][title="Apps"]) > .group {   display: grid !important;   padding: 0 !important;   margin: 0 !important;   gap: .25rem !important; }  /* Alguns builds embrulham os <li> em um <div> */ aside nav li:has(> div[role="button"][name="Standalone Apps"]) > .group > div, aside nav li:has(> div[role="button"][name="Apps"]) > .group > div, aside nav li:has(> div[role="button"][title="Apps"]) > .group > div {   display: contents !important; }  /* Se algum <li> vier com display:none inline, reexibe dentro de Apps */ aside nav li:has(> div[role="button"][name="Standalone Apps"]) li[style*="display: none"], aside nav li:has(> div[role="button"][name="Apps"]) li[style*="display: none"], aside nav li:has(> div[role="button"][title="Apps"]) li[style*="display: none"] {   display: block !important; }  /* 3) Visual de 1º nível para cada App */ aside nav li:has(> div[role="button"][name="Standalone Apps"]) > :is(ul,.group,.sidebar-group-children) > li.child-item, aside nav li:has(> div[role="button"][name="Apps"])            > :is(ul,.group,.sidebar-group-children) > li.child-item {   padding-left: 0 !important;   margin-left: 0 !important; } aside nav li:has(> div[role="button"][name="Standalone Apps"]) > :is(ul,.group,.sidebar-group-children) > li.child-item::before, aside nav li:has(> div[role="button"][name="Standalone Apps"]) > :is(ul,.group,.sidebar-group-children) > li.child-item::after, aside nav li:has(> div[role="button"][name="Apps"])            > :is(ul,.group,.sidebar-group-children) > li.child-item::before, aside nav li:has(> div[role="button"][name="Apps"])            > :is(ul,.group,.sidebar-group-children) > li.child-item::after {   content: none !important; } aside nav li:has(> div[role="button"][name="Standalone Apps"]) > :is(ul,.group,.sidebar-group-children) > li.child-item > a, aside nav li:has(> div[role="button"][name="Apps"])            > :is(ul,.group,.sidebar-group-children) > li.child-item > a {   display: flex !important;   align-items: center !important;   gap: .5rem !important;          /* gap-2 */   height: 2rem !important;        /* h-8 */   padding: 0 .5rem !important;    /* px-2 */   border-radius: .5rem !important;/* rounded-lg */   min-width: 0 !important; }  /* Hovers/ativo (usa suas variáveis de tema se existirem) */ aside.bg-n-solid-2 li.child-item > a:hover {   background: var(--fx-accent-ghost, rgba(41,224,122,.10)) !important; } aside.bg-n-solid-2 li.child-item > a.router-link-active, aside.bg-n-solid-2 li.child-item > a.active {   box-shadow: var(--nx-glow, 0 0 0 1px rgba(41,224,122,.14), 0 0 14px rgba(41,224,122,.22)) !important; }  /* 4) Ícones por CSS — genérico + específicos (DASHBOARD / SHORTCODE) */ /* Slot de ícone para QUALQUER app; clicar no ícone clica no link */ aside nav a[href*="/apps/"]::before {   content: "";   flex: 0 0 1rem; width: 1rem; height: 1rem;   background-color: currentColor;   opacity: .92;   -webkit-mask: no-repeat 50% 50% / 100% 100%;           mask: no-repeat 50% 50% / 100% 100%; } /* Ícone genérico (grid) para apps sem ícone específico */ aside nav a[href*="/apps/"]::before {   -webkit-mask-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path d='M4 5a2 2 0 0 1 2-2h3a2 2 0 0 1 2 2v3a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2V5Zm9 0a2 2 0 0 1 2-2h3a2 2 0 0 1 2 2v2.5a1.5 1.5 0 0 1-1.5 1.5H15a2 2 0 0 1-2-2V5ZM4 14a2 2 0 0 1 2-2h3a2 2 0 0 1 2 2v3a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2v-3Zm9-1h6a2 2 0 0 1 2 2v4a2 2 0 0 1-2 2h-6a2 2 0 0 1-2-2v-4a2 2 0 0 1 2-2Z'/></svg>");           mask-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path d='M4 5a2 2 0 0 1 2-2h3a2 2 0 0 1 2 2v3a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2V5Zm9 0a2 2 0 0 1 2-2h3a2 2 0 0 1 2 2v2.5a1.5 1.5 0 0 1-1.5 1.5H15a2 2 0 0 1-2-2V5ZM4 14a2 2 0 0 1 2-2h3a2 2 0 0 1 2 2v3a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2v-3Zm9-1h6a2 2 0 0 1 2 2v4a2 2 0 0 1-2 2h-6a2 2 0 0 1-2-2v-4a2 2 0 0 1 2-2Z'/></svg>"); } /* Ícone específico: DASHBOARD */ aside nav a[title="DASHBOARD"]::before {   -webkit-mask-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><rect x='3' y='3' width='8' height='8' rx='1'/><rect x='13' y='3' width='8' height='5' rx='1'/><rect x='13' y='10' width='8' height='11' rx='1'/><rect x='3' y='13' width='8' height='8' rx='1'/></svg>");           mask-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><rect x='3' y='3' width='8' height='8' rx='1'/><rect x='13' y='3' width='8' height='5' rx='1'/><rect x='13' y='10' width='8' height='11' rx='1'/><rect x='3' y='13' width='8' height='8' rx='1'/></svg>"); } /* Ícone específico: SHORTCODE (smartphone/envios) */ aside nav a[title="SHORTCODE"]::before {   -webkit-mask-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><rect x='7' y='2' width='10' height='20' rx='2'/><rect x='10' y='18' width='4' height='2' rx='1'/><rect x='10' y='4' width='4' height='1.6' rx='.8'/></svg>");           mask-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><rect x='7' y='2' width='10' height='20' rx='2'/><rect x='10' y='18' width='4' height='2' rx='1'/><rect x='10' y='4' width='4' height='1.6' rx='.8'/></svg>"); }  /* 5) Proteção: não deixe regras antigas esconderem Apps novamente */ aside nav li:has(> div[role="button"][name="Standalone Apps"]) > .sidebar-group-children:has(> li[style*="display: none"]), aside nav li:has(> div[role="button"][name="Apps"])            > .sidebar-group-children:has(> li[style*="display: none"]) {   display: grid !important; } /* ===================== NX • Apps com mesma tipografia e margens ===================== */  /* Aplica tamanho/altura/padding aos itens de APP (links que apontam para /apps/) */ aside.bg-n-solid-2 nav a[href*="/apps/"]{   height: 44px !important;                 /* igual aos demais itens */   padding: 0.5rem 0.75rem !important;      /* px-2 py-2 aprox */   border-radius: 10px !important;   font-size: var(--nx-font) !important;    /* mesma tipografia base */   line-height: 1.25 !important;   display: flex; align-items: center; }  /* Título interno do APP (mantém proporção com o resto) */ aside.bg-n-solid-2 nav a[href*="/apps/"] .flex-1{   font-size: var(--nx-font) !important; }  /* Caso existam ícones nos APPs, garante proporção com o novo tamanho */ aside.bg-n-solid-2 nav a[href*="/apps/"] .size-4, aside.bg-n-solid-2 nav a[href*="/apps/"] .size-5{   width: 1.25rem !important;  /* 20px */   height: 1.25rem !important; }  /* Se os APPs ainda estiverem como subitens do grupo "Standalone Apps",    iguala altura e padding dos <a> filhos também */ aside.bg-n-solid-2 li[name="Standalone Apps"] .sidebar-group-children .child-item a{   height: 44px !important;   padding: 0.5rem 0.75rem !important;   border-radius: 10px !important;   font-size: var(--nx-font) !important;   line-height: 1.25 !important; }   /* ===================== NX • Logo + nome da empresa maiores ===================== */  /* Container da logo (aquele .size-6) fica maior */ aside.bg-n-solid-2 > section:first-of-type .grid.flex-shrink-0.size-6{   width: 40px !important;   /* antes ~24px/28px */   height: 40px !important; }  /* A imagem da logo dentro do container cresce junto */ aside.bg-n-solid-2 > section:first-of-type .grid.flex-shrink-0.size-6 img, aside.bg-n-solid-2 > section:first-of-type img.size-4{   width: 24px !important;   /* 24px */   height: 24px !important; }  /* Nome da empresa (no botão do account switcher) maior e com mais presença */ aside.bg-n-solid-2 #sidebar-account-switcher .text-sm{   font-size: 18px !important;   line-height: 1.2 !important;   font-weight: 600 !important; }  /* Mantém o espaçamento lateral do header coerente com o novo tamanho */ aside.bg-n-solid-2 > section:first-of-type .px-2{   padding-left: 0.6rem !important;   padding-right: 0.6rem !important; } /* Remover "Relatórios" também no LIGHT MODE */ :root:not(:has(.dark)) aside nav div[role="button"][name="Reports"], :root:not(:has(.dark)) aside nav div[role="button"][title="Relatórios"], :root:not(:has(.dark)) aside nav > ul > li:has(> div[role="button"][name="Reports"]), :root:not(:has(.dark)) aside nav > ul > li:has(> div[role="button"][title="Relatórios"]), :root:not(:has(.dark)) aside nav a[title="Relatórios"], :root:not(:has(.dark)) aside nav li:has(> a[title="Relatórios"]), :root:not(:has(.dark)) aside nav a[href*="/reports/"], :root:not(:has(.dark)) aside nav li:has(> a[href*="/reports/"]), :root:not(:has(.dark)) aside nav li[name^="Reports"] { display:none!important; }  :root:not(:has(.dark)) aside nav .sidebar-group-children:empty, :root:not(:has(.dark)) aside nav .sidebar-group-children:has(> li[style*="display: none"]) { display:none!important; }