/* LOTUS CONSTRUTORA · identidade do painel (o painel.css é o padrão FGX e não muda).
   Grafite, dourado e papel creme do site; títulos em serifa, como o site. */
:root {
  --cor: #231f20;              /* botões: grafite Lotus */
  --cor-escura: #4a4133;       /* botão ao passar o mouse */
  --cor-clara: #f6eedc;        /* fundos suaves: dourado bem claro */
  --tinta: #231f20;
  --lateral-1: #1b1a18;
  --lateral-2: #2a2520;
  --destaque: #fbaf17;         /* dourado Lotus */
  --cor-link: #8a5800;         /* dourado escuro: contraste 5,9:1 sobre o creme */
  --cor-texto-sobre: #fff;
  --cor-grafico: #c98a0b;
  --kpi-destaque: linear-gradient(140deg, #231f20 0%, #3a3127 70%, #5a4520 100%);
  --avatar-fundo: linear-gradient(135deg, #fbaf17, #d98f0a);
  --avatar-texto: #231f20;
  --fundo: #f4f1ea;
  --cartao: #fff;
  --borda: #e6dfd2;
  --borda-forte: #d3c9b8;
  --suave: #6b655e;
  --lateral-texto: #ddd6c9;
  --lateral-grupo: #a3967f;
  --lateral-suave: #a3967f;
  --fundo-topo: rgba(244, 241, 234, .88);
  --cabeca-tabela: #faf7f1;
  --linha-fina: #efe9de;
  --cinza-suave: #efe9de;
  --cinza-texto: #756d63;
  --raio: 6px;
  --raio-p: 4px;
  --sombra: 0 1px 2px rgba(35, 31, 32, .04), 0 10px 28px -16px rgba(35, 31, 32, .22);
  --sombra-g: 0 30px 70px -24px rgba(27, 26, 24, .55);
  --logo-lateral: 46px;
  --logo-acesso: 64px;
  --logo-acesso-movel: 52px;
  --logo-topo: 34px;
  --serifa: Georgia, "Times New Roman", serif;
}

/* Títulos em serifa, como o site */
.cabeca-tela__titulo, .acesso__titulo, .acesso__frase, .kpi__valor, .cartao__cabeca h2 { font-family: var(--serifa); font-weight: 400; letter-spacing: -.03em; }
.cabeca-tela__titulo { font-size: 34px; }
.kpi__valor { font-size: 36px; }
.cartao__cabeca h2 { font-size: 21px; }
.cabeca-tela__icone { border-radius: 50%; background: var(--cor-clara); color: var(--cor-link); box-shadow: inset 0 0 0 1px #ecdcb5; }

/* Menu lateral: grafite com o fio dourado e o símbolo Lotus ao fundo */
.lateral { background: radial-gradient(120% 60% at 0% 100%, rgba(251, 175, 23, .10) 0%, transparent 60%), linear-gradient(180deg, var(--lateral-1) 0%, var(--lateral-2) 100%); border-right: 1px solid rgba(251, 175, 23, .18); }
.lateral::after { content: ""; position: absolute; right: -40px; bottom: 70px; width: 210px; height: 190px; background: url("../brand/lotus-simbolo.svg") center / contain no-repeat; opacity: .05; pointer-events: none; }
.lateral__topo { padding: 26px 22px 22px; border-bottom: 1px solid rgba(255, 255, 255, .06); margin-bottom: 6px; }
.lateral__nav { scrollbar-width: thin; scrollbar-color: rgba(251, 175, 23, .25) transparent; }
.lateral__grupo { font-weight: 600; letter-spacing: .2em; font-size: 10px; }
.lateral__nav a { border-radius: 4px; font-weight: 500; }
.lateral__nav a .ico { color: #b9ab92; }
.lateral__nav a:hover .ico, .lateral__nav a[aria-current] .ico { color: var(--destaque); }
.lateral__nav a[aria-current] { background: linear-gradient(90deg, rgba(251, 175, 23, .16), rgba(251, 175, 23, .02)); box-shadow: inset 2px 0 0 var(--destaque); }
.lateral__usuario { border-radius: 6px; background: rgba(255, 255, 255, .04); border: 1px solid rgba(255, 255, 255, .06); position: relative; z-index: 1; }

/* Topo e cartões */
.topo-painel { border-bottom-color: rgba(35, 31, 32, .06); }
.kpi { border-top: 2px solid transparent; }
a.kpi:hover { border-color: #e2d3b2; border-top-color: var(--destaque); }
.kpi--destaque { border-top: 2px solid var(--destaque); }
.kpi--destaque .kpi__rotulo, .kpi--destaque .kpi__rodape { color: #d8c9aa; }
.cartao { border-color: var(--borda); }
.botao--primario { letter-spacing: .02em; }
.botao--primario:hover { box-shadow: 0 8px 20px -10px rgba(35, 31, 32, .6); }

/* Tela de login: a foto do site, o fio dourado e a frase em serifa */
body.acesso { background: var(--fundo); }
.acesso__marca { background: linear-gradient(160deg, #1b1a18 0%, #2a2520 100%); }
.acesso__foto img { opacity: .62; filter: saturate(.75); }
.acesso__marca::after { background: linear-gradient(180deg, rgba(27, 26, 24, .15) 0%, rgba(27, 26, 24, .55) 45%, rgba(27, 26, 24, .96) 100%); }
.acesso__marca::before { content: ""; position: absolute; z-index: 2; left: 56px; right: 56px; top: 48px; height: 1px; background: linear-gradient(90deg, var(--destaque), transparent); }
.acesso__marca-texto { padding: 56px; max-width: 600px; }
.acesso__marca-texto::before { content: "Desde 1974 · Maringá, PR"; display: block; margin-bottom: 26px; font-size: 11px; letter-spacing: .24em; text-transform: uppercase; color: var(--destaque); }
.acesso__frase { font-size: 40px; line-height: 1.12; color: #fff; }
.acesso__painel { background: var(--fundo); }
.acesso__caixa { background: #fff; padding: 40px 36px; box-shadow: 0 30px 80px -40px rgba(35, 31, 32, .45); border-top: 3px solid var(--destaque); }
.acesso__titulo { font-size: 36px; }
.acesso__protegido .ico { color: #8a5800; }

@media (max-width: 1000px) {
  .lateral::after { display: none; }
  .acesso__caixa { padding: 30px 22px; }
}