/* #2113/#2112/#2111 — marca e menu por conta. Carregado DEPOIS do portal-shell.css.
   Nada aqui vale para a Abrasel: tudo é condicionado aos atributos que o
   assets/js/portal-conta.js põe no <html> (data-rotulo / data-marca), que só existem
   quando o endereço/sessão é de uma conta própria. Sem hex: a cor vem de
   --marca-primaria (já com contraste garantido) e os tons derivam por color-mix(). */

/* ── Cliente (fatia 1): só Início + Financeiro ─────────────────────────────── */
html[data-rotulo="CLIENTE"] .side-nav .nav-i:not([data-view="inicio"]):not([data-view="financeiro"]),
html[data-rotulo="CLIENTE"] .side-nav .nav-section,
html[data-rotulo="CLIENTE"] .side-nav .nav-sep,
html[data-rotulo="CLIENTE"] .side-nav .nav-group,
html[data-rotulo="CLIENTE"] .so-associado{display:none!important}

/* ── Marca da conta ────────────────────────────────────────────────────────── */
html[data-marca]{
  --verde:var(--marca-primaria);
  --verde-esc:color-mix(in srgb,var(--marca-primaria) 72%,black);
  --verde-2:color-mix(in srgb,var(--marca-primaria) 86%,white);
  --gelo:color-mix(in srgb,var(--marca-primaria) 6%,white);
  --gelo-2:color-mix(in srgb,var(--marca-primaria) 14%,white);
}
html[data-marca] body{background:radial-gradient(ellipse at 8% 0%,color-mix(in srgb,var(--marca-primaria) 14%,white),transparent 48%),var(--gelo)}
html[data-marca] .sidebar,
html[data-marca] .auth-brand,
html[data-marca] #splash{background:linear-gradient(155deg,var(--verde-2),var(--verde-esc) 70%)}
html[data-marca] .login{background:radial-gradient(ellipse at 12% 10%,color-mix(in srgb,var(--marca-primaria) 16%,white),transparent 55%),var(--gelo)}
html[data-marca] .portal-welcome,
html[data-marca] .hello{background:linear-gradient(120deg,var(--verde-esc),var(--verde-2))}
html[data-marca] .btn-verde{color:var(--marca-sobre)}
html[data-marca] .portal-welcome .btn{color:var(--verde-esc)}
html[data-marca] #splash svg,html[data-marca] #splash img{color:white}
html[data-marca] .topbar .hb{color:var(--verde)}
html[data-marca] :where(a,button,input,select,textarea,[tabindex]):focus-visible{outline-color:var(--verde-2)}
html[data-marca] .auth-brand-copy>span{color:var(--marca-secundaria,white)}

/* Logo da conta no lugar do SVG da Abrasel (trocarLogos) — ver portal-conta.js */
img.lw-img,.lw-texto{display:block;color:white}
img.lw.lw-img{width:128px;height:25px;object-fit:contain;object-position:left}
.side-logo img.lw-img{max-width:158px}
img.auth-word.lw-img{object-position:left}
#splash img.lw-img{width:150px;height:29px;object-fit:contain}
.lw-texto{font-weight:700;letter-spacing:-.02em;line-height:1.1;font-size:1rem;white-space:normal;overflow-wrap:anywhere}
.auth-word.lw-texto{width:auto;height:auto;font-size:1.4rem}
#splash .lw-texto{width:auto;height:auto;font-size:1.6rem}