/* 123 TAX PRO — camada de marca (carregada por último; não altera a lógica do sistema) */
@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@400;500;600;700;800&family=Roboto+Slab:wght@400&display=swap');
:root{
  --color-primary:#000000; --color-accent:#F9B439; --color-accent-2:#FF914D;
  --color-text-light:#FFFFFF; --color-text-dark:#333333; --color-text-muted:#69727D;
  --gradient-brand:linear-gradient(318deg,#FF914D 11%,#F9B439 87%);
  --font-base:'Roboto',system-ui,sans-serif;
}
html,body,button,input,select,textarea,h1,h2,h3,h4,h5,h6{font-family:var(--font-base)!important}

/* ---------- fundos: preto em vez do azul-marinho ---------- */
html.dark body, html.dark, body.dark{background-color:#0A0A0A!important}
html.dark .bg-slate-950, html.dark .dark\:bg-slate-950, html.dark .bg-\[\#0b1220\]{background-color:#050505!important}
html.dark .bg-slate-900, html.dark .dark\:bg-slate-900{background-color:#0F0F0F!important}
html.dark .dark\:bg-slate-800, html.dark .bg-slate-800{background-color:#1A1A1A!important}
html.dark .dark\:bg-slate-900\/60, html.dark .dark\:bg-slate-900\/50, html.dark .dark\:bg-slate-900\/70, html.dark .dark\:bg-slate-900\/80{background-color:rgba(15,15,15,.85)!important}
html.dark .dark\:border-slate-800, html.dark .border-slate-800{border-color:#262626!important}
html.dark .dark\:border-slate-700, html.dark .border-slate-700{border-color:#333!important}
html.dark aside, html.dark #sidebar, html.dark nav.sidebar{background-color:#000!important;border-color:#1f1f1f!important}
html.dark .glass{background:rgba(12,12,12,.82)!important}
.glow{box-shadow:0 0 0 1px rgba(249,180,57,.18),0 20px 60px -20px rgba(249,180,57,.25)!important}

/* ---------- tela de login com a imagem da marca ---------- */
#loginScreen{background:#000 url('/brand/bg-login.webp') center/cover no-repeat!important}
#loginScreen [class*="blur"]{opacity:.25!important;filter:blur(90px) hue-rotate(160deg)!important}

/* ---------- cores de destaque: lima / ciano / índigo -> âmbar ---------- */
.from-lime-400,.from-lime-500,.from-cyan-400,.from-cyan-500,.from-indigo-500,.from-indigo-600,.from-purple-600,.from-blue-600,.from-emerald-500{--tw-gradient-from:#FF914D var(--tw-gradient-from-position)!important;--tw-gradient-to:rgba(255,145,77,0) var(--tw-gradient-to-position)!important;--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)!important}
.to-cyan-300,.to-cyan-400,.to-cyan-500,.to-lime-400,.to-indigo-600,.to-purple-600,.to-blue-500,.to-violet-600,.to-emerald-400{--tw-gradient-to:#F9B439 var(--tw-gradient-to-position)!important}
.via-cyan-400,.via-lime-400{--tw-gradient-stops:var(--tw-gradient-from),#FBC25A var(--tw-gradient-via-position),var(--tw-gradient-to)!important}
button.bg-gradient-to-r,a.bg-gradient-to-r{color:#000!important}
.bg-cyan-500,.bg-cyan-400,.bg-cyan-600,.bg-lime-500,.bg-lime-400,.bg-indigo-600,.bg-indigo-500,.bg-violet-600,.bg-purple-600,.bg-blue-600{background-color:#F9B439!important;color:#000!important}
.hover\:bg-cyan-600:hover,.hover\:bg-cyan-500:hover,.hover\:bg-lime-600:hover,.hover\:bg-indigo-700:hover,.hover\:bg-blue-700:hover,.hover\:bg-purple-700:hover{background-color:#FF914D!important;color:#000!important}
html.dark .text-cyan-300,html.dark .text-cyan-400,html.dark .text-cyan-500,html.dark .text-lime-400,html.dark .text-lime-300,html.dark .text-indigo-400,html.dark .text-violet-400,html.dark .text-purple-400,html.dark .text-sky-400,html.dark .text-blue-400,html.dark .dark\:text-cyan-400,html.dark .dark\:text-cyan-300{color:#F9B439!important}
.hover\:text-lime-400:hover,.hover\:text-cyan-200:hover,.hover\:text-cyan-300:hover{color:#FF914D!important}
.border-cyan-400,.border-cyan-500,.border-lime-400,.border-indigo-500,.border-purple-500,.border-blue-500{border-color:#F9B439!important}
.focus\:ring-cyan-400:focus,.focus\:ring-cyan-500:focus,.focus\:ring-lime-400:focus,.focus\:ring-indigo-500:focus,.focus\:ring-blue-500:focus{--tw-ring-color:#F9B439!important}
.focus\:border-cyan-400:focus,.focus\:border-cyan-500:focus{border-color:#F9B439!important}
.accent-cyan-500,input[type=checkbox],input[type=radio]{accent-color:#F9B439}

/* selo PRO em âmbar */
.pro-badge,.badge-pro,[class*="pro-tag"],[class*="badge"][class*="pro"]{background:var(--gradient-brand)!important;color:#000!important}
/* item ativo do menu */
aside .active, aside [aria-current="page"], #sidebar .active{color:#fff!important;background:rgba(249,180,57,.14)!important;box-shadow:inset 3px 0 0 #F9B439}
:focus-visible{outline:2px solid #F9B439;outline-offset:2px}

/* tema claro: âmbar só como fundo, nunca texto sobre branco */
html:not(.dark) .text-cyan-400,html:not(.dark) .text-cyan-500,html:not(.dark) .text-cyan-600,html:not(.dark) .text-lime-500,html:not(.dark) .text-indigo-600{color:#000!important}

/* ---------- ajustes finos da tela de login ---------- */
.from-slate-900{--tw-gradient-from:#111111 var(--tw-gradient-from-position)!important;--tw-gradient-to:rgba(17,17,17,0) var(--tw-gradient-to-position)!important;--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)!important}
.to-slate-950{--tw-gradient-to:#000000 var(--tw-gradient-to-position)!important}
html.dark #loginScreen input{background-color:rgba(38,38,38,.75)!important;border-color:#333!important}
#loginScreen label{color:#F9B439!important}

/* ---------- tela de carregamento (preloader) com a marca ---------- */
#gdmPreloader{background:#000!important}
#gdmPreloader .gdm-pld-logo{width:120px!important;height:120px!important;filter:drop-shadow(0 8px 30px rgba(249,180,57,.35))!important}
#gdmPreloader .gdm-pld-ring{border-color:rgba(249,180,57,.12)!important;border-top-color:rgba(249,180,57,.75)!important}
#gdmPreloader .gdm-pld-brand{color:#F9B439!important}
#gdmPreloader .gdm-pld-txt{color:#e5e5e5!important}

/* ---------- menu lateral ---------- */
html.dark #sidebar .gch-section{background:#0D0D0D!important;border-color:#1f1f1f!important}

/* ---------- MODO CLARO ---------- */
html:not(.dark) body{background-color:#F5F5F5}
html:not(.dark) #sidebar{background:#FFFFFF!important;border-right:1px solid #E5E5E5!important}
html:not(.dark) #sidebar .gch-section{background:#FFFFFF!important;border:1px solid #E5E5E5!important}
html:not(.dark) #sidebar a, html:not(.dark) #sidebar button, html:not(.dark) #sidebar .gch-label, html:not(.dark) #sidebar span{color:#333333}
html:not(.dark) #sidebar i, html:not(.dark) #sidebar .gch-ic{color:#69727D}
html:not(.dark) #sidebar .active, html:not(.dark) #sidebar [aria-current="page"]{background:rgba(249,180,57,.18)!important;color:#000!important;box-shadow:inset 3px 0 0 #F9B439}
html:not(.dark) #sidebar .active i{color:#9A5B00!important}
html:not(.dark) #sidebar img.gch-logo{content:url('/brand/logo-light.png')}
/* no claro o ambar vira fundo ou tom escuro legivel, nunca texto claro sobre branco */
html:not(.dark) .text-cyan-300,html:not(.dark) .text-cyan-400,html:not(.dark) .text-sky-400{color:#9A5B00!important}
html:not(.dark) .text-lime-400,html:not(.dark) .text-lime-500{color:#C2410C!important}
/* avisos (ex.: "Complete os dados do seu perfil") legiveis no modo claro */
html:not(.dark) .gdm-pf-prompt{color:#7A4700!important;background:#FFF4DC!important;border-color:#F9B439!important;font-weight:500}
html:not(.dark) .gdm-pf-photobtn{color:#7A4700!important;border-color:#F9B439!important;background:#FFF4DC!important}

/* ---------- popup "Meu Perfil": cabe numa tela, sem barra de rolagem ---------- */
#gdmProfileModal .gdm-pf-card{max-height:calc(100vh - 24px)!important}
#gdmProfileModal .gdm-pf-head{padding:10px 18px!important}
#gdmProfileModal .gdm-pf-body{padding:12px 18px!important}
#gdmProfileModal .gdm-pf-prompt{margin:0 0 10px!important;padding:7px 10px!important;font-size:12.5px!important}
#gdmProfileModal .gdm-pf-avatarwrap{flex-direction:row!important;justify-content:center!important;align-items:center!important;gap:14px!important;margin:0 0 10px!important}
#gdmProfileModal .gdm-pf-avatar{width:84px!important;height:84px!important;min-width:84px!important;font-size:30px!important}
#gdmProfileModal .gdm-pf-field{margin:0 0 8px!important}
#gdmProfileModal .gdm-pf-field label{margin:0 0 2px!important;font-size:11px!important}
#gdmProfileModal .gdm-pf-field input,#gdmProfileModal .gdm-pf-field select{padding:6px 10px!important;min-height:0!important;height:34px!important}
#gdmProfileModal .gdm-pf-actions{margin-top:6px!important}
#gdmProfileModal .gdm-pf-actions button{padding-top:8px!important;padding-bottom:8px!important}
#gdmProfileModal .gpx-zona{flex-direction:row-reverse!important;padding:8px 18px 12px!important;gap:10px!important;box-sizing:border-box!important}
#gdmProfileModal .gpx-zona .gpx-bt{flex:1 1 0!important;min-width:0!important}
/* botao Cadastrar empresa: oculto por enquanto (a pedido) */
#gdmProfileModal #gchCompanyBtn{display:none!important}

/* botao Primeiros passos no cabecalho: aparece junto com os outros (sem esperar o Tailwind) */
#gchOnbTopo{display:inline-flex!important;align-items:center;gap:8px;height:40px;padding:0 12px;border-radius:8px;font-size:14px;font-weight:600;white-space:nowrap}
@media (max-width:767px){#gchOnbTopo{display:none!important}}

/* cards de "Primeiros passos": ocupam a largura toda, mesmo tamanho, botao alinhado embaixo */
#gchOnb div[style*="grid-template-columns"]{grid-template-columns:repeat(5,minmax(0,1fr))!important;align-items:stretch!important}
@media (max-width:1180px){#gchOnb div[style*="grid-template-columns"]{grid-template-columns:repeat(3,minmax(0,1fr))!important}}
@media (max-width:760px){#gchOnb div[style*="grid-template-columns"]{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media (max-width:480px){#gchOnb div[style*="grid-template-columns"]{grid-template-columns:1fr!important}}
#gchOnb div[style*="grid-template-columns"] > div{height:100%;box-sizing:border-box}
#gchOnb div[style*="grid-template-columns"] > div > div{display:flex;flex-direction:column;height:100%;flex:1 1 auto}
#gchOnb div[style*="grid-template-columns"] > div > div > button{margin-top:auto!important;align-self:flex-start}
#gchOnb div[style*="grid-template-columns"] > div > div > div:nth-child(2){margin-bottom:8px}

/* selo "Base Local Ativa" (icone de banco) no cabecalho: oculto para todos os usuarios */
header span.rounded-full:has(> i.fa-database){display:none!important}

/* botoes "Fazer agora" dos Primeiros passos: texto preto sobre ambar (contraste alto nos dois modos) */
#gchOnb button[data-onb]:not([data-onb="ocultar"]){background:#F9B439!important;color:#000!important;font-weight:700!important;font-size:12.5px!important;padding:6px 12px!important;border-radius:6px!important}
#gchOnb button[data-onb]:not([data-onb="ocultar"]):hover{background:#FF914D!important}

/* ---------- menu recolhido: so icones, logo = icone da aba do navegador ---------- */
html #sidebar.gch-collapsed img.gch-logo{content:url('/brand/icon-transparent.png')!important;width:40px!important;height:40px!important;max-width:40px!important;object-fit:contain!important;margin:0 auto!important;display:block!important}
#sidebar.gch-collapsed .gch-legal{display:none!important}
/* divisor do menu (antes azul) no ambar da marca */
#sidebar .gch-brand{background-image:none!important}
#sidebar .gch-divider-line{background:linear-gradient(90deg,transparent,#F9B439,transparent)!important}
#sidebar .gch-divider-grip{background:#F9B439!important;color:#000!important;border-color:#F9B439!important}

/* icones que substituem emojis: mesmo estilo dos icones da pagina inicial */
.brand-ico{font-size:.95em;margin-right:.35em;color:inherit;opacity:.9}

/* 2026-09-26: Client Workspace no celular (botao Enviar e popup de envio) nas cores da marca */
#gdmWorkspaceScreen .gwc-add,#gdmWorkspaceScreen .gwc-add-orig{background:linear-gradient(318deg,#FF914D 11%,#F9B439 87%)!important;color:#000!important;border-color:transparent!important}
.gwc-op{background:#141414!important;border-color:rgba(255,255,255,.14)!important}
.gwc-op:hover,.gwc-op:focus-visible{border-color:#F9B439!important;background:rgba(249,180,57,.08)!important}

/* 2026-09-26: Privacidade · Termos no rodape do menu alinhado a esquerda (com os icones) e com estilo desde o primeiro carregamento */
#sidebar .gch-legal{font-size:11px!important;opacity:.7;text-align:left!important;padding:6px 0 8px 21px!important}
#sidebar .gch-legal a{color:inherit;text-decoration:underline}
#sidebar .gch-legal a:hover{opacity:1;color:#F9B439}