/* =============================================================================
   tema-claro.css — PALETA CLARA NATIVA das telas de base escura (home / kanban)

   Contexto: a maioria das ~129 páginas já nasce clara (cada uma com seu próprio
   visual claro). Só `index.html` (home) e `kanban.html` nascem ESCURAS, com
   cores fixas no <style>. Para essas, o "modo claro" era apenas a inversão
   automática de luminância do tema.js — sem paleta própria.

   Este arquivo dá a elas uma PALETA CLARA desenhada à mão (fundo BRANCO,
   heros em cinza claro quente, dourado preservado nos acentos), substituindo a inversão. Ativa só
   quando a página opta (`data-pb-light="nativo"`) e o tema escolhido é claro:
       <html data-pb-base="escuro" data-pb-light="nativo"> + data-pb-tema="claro"
   Nessas condições o tema.js NÃO aplica o filtro de inversão (vê este CSS).

   O tema ESCURO continua intocado: este arquivo só age em data-pb-tema="claro".
============================================================================= */

/* ---- Tokens da paleta clara (espelho do bloco :root escuro do mobile-fix) ---- */
html[data-pb-base="escuro"][data-pb-light="nativo"][data-pb-tema="claro"]{
  --pb-bg: #fff;                    /* fundo da página: branco */
  --pb-bg-hover: #f1f1f1;
  --pb-surface-white: #fff;
  --pb-chrome: #ececec;             /* menu/breadcrumb/topbar: cinza claro OPACO */
  --pb-chrome-line: #dedede;        /* bordas/divisórias do chrome cinza */
  --pb-hero-bg: #f1efeb;       /* cinza claro quente */
  --pb-hero-shadow: none;
  --pb-title: #2a241d;
  --pb-hero-title: #2a201a;
  --pb-text: rgba(40,32,24,.85);
  --pb-text-strong: #9a7d1e;
  --pb-label: rgba(40,32,24,.62);
  --pb-muted: rgba(40,32,24,.6);
  --pb-link: #8a6d12;
  --pb-topbar-bg: #ececec;
  --pb-nav-item: rgba(40,32,24,.82);
  --pb-nav-icon: rgba(40,32,24,.5);
  --pb-nav-caret: rgba(40,32,24,.32);
  --pb-nav-hover-bg: rgba(0,0,0,.05);
  --pb-sidebar-mobile-bg: #ececec;
  --pb-bc: rgba(40,32,24,.66);
  --pb-bc-sep: rgba(40,32,24,.32);
}

/* ---- Fundo da página: branco (sem a constelação escura) ---- */
html[data-pb-base="escuro"][data-pb-light="nativo"][data-pb-tema="claro"] body,
html[data-pb-base="escuro"][data-pb-light="nativo"][data-pb-tema="claro"] body.pb-has-sidebar{
  background: #fff;
}

/* ---- Menu lateral: cinza claro OPACO (cobre home com topbar e kanban) ---- */
html[data-pb-base="escuro"][data-pb-light="nativo"][data-pb-tema="claro"] .pb-sidebar{
  background:#ececec; border-right:1px solid #dedede;
}
/* Cabeçalho próprio do kanban (.topbar sticky com breadcrumb + título): FUNDE no
   fundo branco da página — igual ao tema escuro, onde é transparente. Antes
   ficava cinza (#ececec) e criava um bloco cinza no topo, deixando o fundo da
   página não-uniforme. O breadcrumb interno também não recebe o cinza de chrome
   (ele é cinza só nas telas em que é chrome de fato, p.ex. a home). */
html[data-pb-base="escuro"][data-pb-light="nativo"][data-pb-tema="claro"] .topbar{
  background:transparent; border-bottom-color:var(--pb-bg);
}
html[data-pb-base="escuro"][data-pb-light="nativo"][data-pb-tema="claro"] .topbar .pb-breadcrumb,
html[data-pb-base="escuro"][data-pb-light="nativo"][data-pb-tema="claro"] body.pb-has-sidebar .topbar .pb-breadcrumb{
  background:transparent; border-bottom-color:transparent;
}

/* ---- Título de página e texto corrido ---- */
html[data-pb-base="escuro"][data-pb-light="nativo"][data-pb-tema="claro"] .pg-title{ color:#2a241d; }
html[data-pb-base="escuro"][data-pb-light="nativo"][data-pb-tema="claro"] .descricao{ color:rgba(40,32,24,.85); }
html[data-pb-base="escuro"][data-pb-light="nativo"][data-pb-tema="claro"] .descricao strong{ color:#9a7d1e; }
html[data-pb-base="escuro"][data-pb-light="nativo"][data-pb-tema="claro"] .home-secao{ color:rgba(40,32,24,.6); }
html[data-pb-base="escuro"][data-pb-light="nativo"][data-pb-tema="claro"] .home-data,
html[data-pb-base="escuro"][data-pb-light="nativo"][data-pb-tema="claro"] .home-dow{ color:#8a8178; }

/* ---- Breadcrumb ---- */
html[data-pb-base="escuro"][data-pb-light="nativo"][data-pb-tema="claro"] .pb-breadcrumb,
html[data-pb-base="escuro"][data-pb-light="nativo"][data-pb-tema="claro"] .pb-breadcrumb a,
html[data-pb-base="escuro"][data-pb-light="nativo"][data-pb-tema="claro"] .pb-breadcrumb a:hover,
html[data-pb-base="escuro"][data-pb-light="nativo"][data-pb-tema="claro"] .pb-breadcrumb .current{ color:rgba(40,32,24,.66); }
html[data-pb-base="escuro"][data-pb-light="nativo"][data-pb-tema="claro"] .pb-breadcrumb .bc-sep{ color:rgba(40,32,24,.32); }
/* Breadcrumb: cinza claro OPACO */
html[data-pb-base="escuro"][data-pb-light="nativo"][data-pb-tema="claro"] .pb-breadcrumb{ background:#ececec; }
html[data-pb-base="escuro"][data-pb-light="nativo"][data-pb-tema="claro"] body.pb-has-sidebar .pb-breadcrumb{ background:#ececec; border-bottom-color:#dedede; }

/* ---- Heros (boas-vindas / prazos / tarefas / processos / navegação): cinza claro quente ---- */
html[data-pb-base="escuro"][data-pb-light="nativo"][data-pb-tema="claro"] body.pb-has-sidebar .home-hero,
html[data-pb-base="escuro"][data-pb-light="nativo"][data-pb-tema="claro"] body.pb-has-sidebar .mural-home,
html[data-pb-base="escuro"][data-pb-light="nativo"][data-pb-tema="claro"] body.pb-has-sidebar .noticias-home,
html[data-pb-base="escuro"][data-pb-light="nativo"][data-pb-tema="claro"] body.pb-has-sidebar .prazos-home,
html[data-pb-base="escuro"][data-pb-light="nativo"][data-pb-tema="claro"] body.pb-has-sidebar .tar-home,
html[data-pb-base="escuro"][data-pb-light="nativo"][data-pb-tema="claro"] body.pb-has-sidebar .mov-home,
html[data-pb-base="escuro"][data-pb-light="nativo"][data-pb-tema="claro"] body.pb-has-sidebar .nav-hero{
  background: #f1efeb;
  border: 1px solid #e2dfd9;
  box-shadow: none;
  -webkit-backdrop-filter: none; backdrop-filter: none;
}

/* Títulos de hero (eram #fff) → marrom escuro */
html[data-pb-base="escuro"][data-pb-light="nativo"][data-pb-tema="claro"] .ph-head h2,
html[data-pb-base="escuro"][data-pb-light="nativo"][data-pb-tema="claro"] .tr-head h2,
html[data-pb-base="escuro"][data-pb-light="nativo"][data-pb-tema="claro"] .mv-head h2,
html[data-pb-base="escuro"][data-pb-light="nativo"][data-pb-tema="claro"] .nav-hero .nh-title{ color:#2a201a; }
html[data-pb-base="escuro"][data-pb-light="nativo"][data-pb-tema="claro"] .pb-chevron{ color:#6b6157; }

/* KPIs de prazos (eram translúcidos brancos) */
html[data-pb-base="escuro"][data-pb-light="nativo"][data-pb-tema="claro"] .ph-kpi{
  background:rgba(0,0,0,.03); border-color:rgba(0,0,0,.08);
}
html[data-pb-base="escuro"][data-pb-light="nativo"][data-pb-tema="claro"] .ph-kpi .v{ color:#2a201a; }
html[data-pb-base="escuro"][data-pb-light="nativo"][data-pb-tema="claro"] .ph-kpi .l{ color:rgba(40,32,24,.62); }
html[data-pb-base="escuro"][data-pb-light="nativo"][data-pb-tema="claro"] .ph-grupo-tit{ color:rgba(40,32,24,.6); }

/* Listas internas brancas: borda dura escura → cinza suave */
html[data-pb-base="escuro"][data-pb-light="nativo"][data-pb-tema="claro"] .ph-lista,
html[data-pb-base="escuro"][data-pb-light="nativo"][data-pb-tema="claro"] .tr-lista,
html[data-pb-base="escuro"][data-pb-light="nativo"][data-pb-tema="claro"] .mv-lista{ border-color:#e2dfd9; }

/* Links "Ver painel / Ver todas…" (eram dourado claro) → dourado escuro legível */
html[data-pb-base="escuro"][data-pb-light="nativo"][data-pb-tema="claro"] .ph-link,
html[data-pb-base="escuro"][data-pb-light="nativo"][data-pb-tema="claro"] .tr-link,
html[data-pb-base="escuro"][data-pb-light="nativo"][data-pb-tema="claro"] .mov-link{ color:#8a6d12; }
html[data-pb-base="escuro"][data-pb-light="nativo"][data-pb-tema="claro"] .ph-link:hover,
html[data-pb-base="escuro"][data-pb-light="nativo"][data-pb-tema="claro"] .tr-link:hover,
html[data-pb-base="escuro"][data-pb-light="nativo"][data-pb-tema="claro"] .mov-link:hover{ color:#6f560c; }

/* Contador de tarefas */
html[data-pb-base="escuro"][data-pb-light="nativo"][data-pb-tema="claro"] .tr-count{
  background:rgba(0,0,0,.07); color:#4a4038;
}

/* Cards da Navegação rápida (eram #24282e com texto branco) — fundo branco.
   Com o hero também branco, a borda neutra delimita o card. */
html[data-pb-base="escuro"][data-pb-light="nativo"][data-pb-tema="claro"] .nav-hero .opcao{
  background:#fff; color:rgba(40,32,24,.62); border:1px solid #e2dfd9;
}
html[data-pb-base="escuro"][data-pb-light="nativo"][data-pb-tema="claro"] .nav-hero .opcao:hover{ background:#f5f5f5; }
html[data-pb-base="escuro"][data-pb-light="nativo"][data-pb-tema="claro"] .nav-hero .opcao-titulo{ color:rgba(40,32,24,.66); }

/* Logo: o arquivo é o branco (PNG monocromático). No claro, escurece via filtro
   (a inversão global está desligada nestas telas, então é seguro). */
html[data-pb-base="escuro"][data-pb-light="nativo"][data-pb-tema="claro"] .pb-brand-logo{
  filter:brightness(0) opacity(.82);
}

/* ---- Faixa superior (topbar) ---- */
html[data-pb-base="escuro"][data-pb-light="nativo"][data-pb-tema="claro"] body.pb-has-topbar .pb-topbar{
  background:#ececec;
  border-bottom:1px solid #dedede;
}
html[data-pb-base="escuro"][data-pb-light="nativo"][data-pb-tema="claro"] .pb-topbar .pb-topbar-toggle{ color:#4a4038; }
html[data-pb-base="escuro"][data-pb-light="nativo"][data-pb-tema="claro"] .pb-topbar .pb-topbar-toggle:hover{ background:rgba(0,0,0,.06); }
html[data-pb-base="escuro"][data-pb-light="nativo"][data-pb-tema="claro"] .pb-topbar .pb-sidebar-user{ color:#4a4038; }

/* ---- Menu lateral (cinza claro OPACO) ---- */
html[data-pb-base="escuro"][data-pb-light="nativo"][data-pb-tema="claro"] body.pb-has-topbar .pb-sidebar{ background:#ececec; border-right:1px solid #dedede; }
html[data-pb-base="escuro"][data-pb-light="nativo"][data-pb-tema="claro"] .pb-sidebar-user{ color:rgba(40,32,24,.78); border-top-color:#dedede; border-bottom-color:#dedede; }
html[data-pb-base="escuro"][data-pb-light="nativo"][data-pb-tema="claro"] .pb-nav-item{ color:rgba(40,32,24,.82); }
html[data-pb-base="escuro"][data-pb-light="nativo"][data-pb-tema="claro"] .pb-nav-item > i:first-child{ color:rgba(40,32,24,.5); }
html[data-pb-base="escuro"][data-pb-light="nativo"][data-pb-tema="claro"] .pb-nav-item .caret{ color:rgba(40,32,24,.32); }
html[data-pb-base="escuro"][data-pb-light="nativo"][data-pb-tema="claro"] .pb-nav-item:hover{ background:rgba(0,0,0,.05); color:#1a1816; }
html[data-pb-base="escuro"][data-pb-light="nativo"][data-pb-tema="claro"] .pb-nav-item:hover > i:first-child{ color:#1a1816; }
html[data-pb-base="escuro"][data-pb-light="nativo"][data-pb-tema="claro"] .pb-nav-footer{ border-top-color:#dedede; }
@media (max-width:768px){
  html[data-pb-base="escuro"][data-pb-light="nativo"][data-pb-tema="claro"] body.pb-has-topbar .pb-sidebar{ background:#ececec; border-right:0; }
}

/* ---- Hierarquia do menu pelo FUNDO (degradê quente de 2 graus por nível) — CLARO ----
   Espelha o esquema do escuro: o FUNDO do submenu (que no shell é escuro) vira
   creme quente, 2 graus mais definido a cada nível. Como o fundo fica claro, o
   texto do subitem precisa ser ESCURO (uniforme) para continuar legível.
   Ícones dourados + trilho dourado fino (2px) constante. */
html[data-pb-base="escuro"][data-pb-light="nativo"][data-pb-tema="claro"] .pb-nav-sub-wrap{ background:#f3efe6; }                    /* N1 */
html[data-pb-base="escuro"][data-pb-light="nativo"][data-pb-tema="claro"] .pb-nav-sub-wrap.pb-nav-sub2-wrap{ background:#ece5d5; }    /* N2 (+2 graus) */
html[data-pb-base="escuro"][data-pb-light="nativo"][data-pb-tema="claro"] .pb-nav-sub-wrap.pb-nav-sub3-wrap{ background:#e4dcc7; }    /* N3 (+2 graus) */
/* Texto do subitem: escuro uniforme (sobre o creme claro) */
html[data-pb-base="escuro"][data-pb-light="nativo"][data-pb-tema="claro"] .pb-nav-sub:not(.pb-open):not(.pb-active){ color:rgba(40,32,24,.82); box-shadow:inset 2px 0 0 var(--gold); }
html[data-pb-base="escuro"][data-pb-light="nativo"][data-pb-tema="claro"] .pb-nav-item:not(.pb-open):not(.pb-active-leaf) > i:first-child{ color:var(--gold-2); }
html[data-pb-base="escuro"][data-pb-light="nativo"][data-pb-tema="claro"] .pb-nav-sub:not(.pb-open):not(.pb-active) > i:first-child{ color:var(--gold-2); opacity:1; }
/* Hover/ativo do submenu no claro (o shell traz #333336/#1c1c1e escuros) */
html[data-pb-base="escuro"][data-pb-light="nativo"][data-pb-tema="claro"] .pb-nav-sub:hover{ background:rgba(0,0,0,.05); color:#1a1816; }
html[data-pb-base="escuro"][data-pb-light="nativo"][data-pb-tema="claro"] .pb-nav-sub.pb-active{ background:#e7dcc0; color:#4a3f1f; }
html[data-pb-base="escuro"][data-pb-light="nativo"][data-pb-tema="claro"] .pb-nav-sub.pb-active > i:first-child{ color:#8a6d2c; }
