/* Locações — Sidebar Opção 1
   Camada exclusivamente visual. Não altera largura, layout ou comportamento. */

html.loca-approved #sidebar[data-system="loca"],
html.loca-approved #sidebar[data-system="repact"]{
  background:
    radial-gradient(128% 58% at -18% 77%,
      transparent 0 58.8%,
      rgba(212,169,98,.34) 59.3%,
      rgba(212,169,98,.08) 59.75%,
      transparent 60.4%),
    radial-gradient(90% 48% at 105% 8%,rgba(57,126,166,.16),transparent 64%),
    linear-gradient(180deg,
      rgba(3,25,42,.995) 0%,
      rgba(4,30,49,.985) 30%,
      rgba(3,27,45,.96) 56%,
      rgba(2,22,37,.84) 72%,
      rgba(2,18,31,.93) 100%),
    url('cards-emp/centro-executivo-carl-hoepcke.jpg') center bottom/100% 47% no-repeat!important;
  border-right:1px solid rgba(210,169,98,.48)!important;
  box-shadow:
    18px 0 50px -36px rgba(0,13,22,.95),
    inset -1px 0 rgba(255,255,255,.045),
    inset 0 1px rgba(255,255,255,.05)!important;
}

/* textura e linhas arquitetônicas, sem interferir nos cliques */
html.loca-approved #sidebar[data-system="loca"]::before,
html.loca-approved #sidebar[data-system="repact"]::before{
  content:""!important;
  position:absolute!important;
  inset:0!important;
  z-index:0!important;
  pointer-events:none!important;
  opacity:.9!important;
  background:
    linear-gradient(111deg,transparent 0 72%,rgba(224,188,128,.09) 72.2%,transparent 72.7%),
    repeating-radial-gradient(ellipse at -35% 96%,transparent 0 34px,rgba(73,142,180,.06) 35px 36px),
    linear-gradient(180deg,rgba(255,255,255,.025),transparent 26%)!important;
}
html.loca-approved #sidebar[data-system="loca"] .brand,
html.loca-approved #sidebar[data-system="loca"] .navwrap,
html.loca-approved #sidebar[data-system="loca"] .navfoot,
html.loca-approved #sidebar[data-system="repact"] .brand,
html.loca-approved #sidebar[data-system="repact"] .navwrap,
html.loca-approved #sidebar[data-system="repact"] .navfoot{
  position:relative;
  z-index:1;
}

/* marca */
html.loca-approved #sidebar[data-system="loca"] .brand,
html.loca-approved #sidebar[data-system="repact"] .brand{
  background:linear-gradient(180deg,rgba(255,255,255,.035),rgba(255,255,255,.004))!important;
  border-bottom:1px solid rgba(213,175,111,.15)!important;
  box-shadow:inset 0 -18px 26px -28px rgba(0,0,0,.95)!important;
}
html.loca-approved #sidebar[data-system="loca"] .cena-system-brand img,
html.loca-approved #sidebar[data-system="repact"] .cena-system-brand img{
  width:min(186px,90%)!important;
  filter:brightness(0) invert(1) drop-shadow(0 5px 14px rgba(0,0,0,.18))!important;
}
html.loca-approved #sidebar[data-system="loca"] .cena-system-brand small,
html.loca-approved #sidebar[data-system="repact"] .cena-system-brand small{
  color:#d8aa61!important;
  letter-spacing:.24em!important;
  font-size:8.5px!important;
}

html.loca-approved #sidebar[data-system="loca"] .navlabel,
html.loca-approved #sidebar[data-system="repact"] .navlabel{
  color:#d5a65c!important;
  font-size:8px!important;
  letter-spacing:.22em!important;
  opacity:.92!important;
}

/* itens inativos: quase incorporados ao painel */
html.loca-approved #sidebar[data-system="loca"] .navitem,
html.loca-approved #sidebar[data-system="repact"] .navitem{
  min-height:46px!important;
  margin-bottom:5px!important;
  color:rgba(242,247,249,.82)!important;
  border:1px solid rgba(173,204,219,.08)!important;
  border-radius:13px!important;
  background:
    linear-gradient(145deg,rgba(255,255,255,.036),rgba(255,255,255,.008))!important;
  box-shadow:inset 0 1px rgba(255,255,255,.028)!important;
  transform:none!important;
}
html.loca-approved #sidebar[data-system="loca"] .navitem:hover,
html.loca-approved #sidebar[data-system="repact"] .navitem:hover{
  color:#fff!important;
  border-color:rgba(218,177,108,.21)!important;
  background:
    radial-gradient(100% 160% at 100% 50%,rgba(32,103,142,.14),transparent 58%),
    linear-gradient(145deg,rgba(255,255,255,.06),rgba(255,255,255,.014))!important;
  box-shadow:inset 0 1px rgba(255,255,255,.05),0 10px 22px -19px rgba(0,0,0,.75)!important;
  transform:translateX(1px)!important;
}

/* ícones: ouro fosco, não neon */
html.loca-approved #sidebar[data-system="loca"] .navitem .ico,
html.loca-approved #sidebar[data-system="repact"] .navitem .ico{
  --icon-accent:210,164,91!important;
  color:rgb(var(--icon-accent))!important;
  border-color:rgba(210,164,91,.28)!important;
  border-radius:9px!important;
  background:
    linear-gradient(145deg,rgba(255,255,255,.095),transparent 48%),
    linear-gradient(180deg,rgba(174,117,42,.13),rgba(2,24,40,.56))!important;
  box-shadow:
    inset 0 1px rgba(255,255,255,.08),
    0 7px 14px -12px rgba(0,0,0,.92)!important;
}

/* item ativo: profundidade, filete dourado e brilho controlado */
html.loca-approved #sidebar[data-system="loca"] .navitem.active,
html.loca-approved #sidebar[data-system="repact"] .navitem.active{
  color:#fff!important;
  border-color:rgba(226,188,126,.78)!important;
  background:
    radial-gradient(100% 180% at 100% 50%,rgba(34,126,191,.31),transparent 53%),
    linear-gradient(105deg,rgba(11,63,96,.98),rgba(4,36,59,.985) 64%,rgba(3,27,45,.99))!important;
  box-shadow:
    inset 0 1px rgba(255,255,255,.12),
    inset 0 -18px 28px -27px rgba(0,0,0,.85),
    0 13px 28px -21px rgba(30,116,184,.78),
    0 0 0 1px rgba(209,162,87,.08)!important;
  transform:none!important;
}
html.loca-approved #sidebar[data-system="loca"] .navitem.active::before,
html.loca-approved #sidebar[data-system="repact"] .navitem.active::before{
  content:""!important;
  position:absolute!important;
  left:-1px!important;
  top:8px!important;
  bottom:8px!important;
  width:3px!important;
  border-radius:0 4px 4px 0!important;
  background:linear-gradient(#f0d39e,#b77a2f)!important;
  box-shadow:0 0 11px rgba(226,184,113,.45)!important;
}
html.loca-approved #sidebar[data-system="loca"] .navitem.active::after,
html.loca-approved #sidebar[data-system="repact"] .navitem.active::after{
  content:""!important;
  display:block!important;
  position:absolute!important;
  right:8px!important;
  top:50%!important;
  width:42px!important;
  height:42px!important;
  transform:translateY(-50%)!important;
  border-radius:50%!important;
  pointer-events:none!important;
  background:radial-gradient(circle,rgba(90,170,244,.18),transparent 68%)!important;
  box-shadow:none!important;
}
html.loca-approved #sidebar[data-system="loca"] .navitem.active .ico,
html.loca-approved #sidebar[data-system="repact"] .navitem.active .ico{
  border-color:rgba(232,196,137,.50)!important;
  background:
    linear-gradient(145deg,rgba(255,255,255,.14),transparent 45%),
    linear-gradient(180deg,rgba(190,128,45,.18),rgba(3,28,46,.62))!important;
  box-shadow:inset 0 1px rgba(255,255,255,.13),0 8px 15px -11px rgba(218,170,93,.72)!important;
}

/* rodapé: transparente para a fotografia aparecer na base */
html.loca-approved #sidebar[data-system="loca"] .navfoot,
html.loca-approved #sidebar[data-system="repact"] .navfoot{
  border-top:1px solid rgba(217,178,113,.14)!important;
  background:linear-gradient(180deg,rgba(2,20,34,.18),rgba(2,18,30,.58))!important;
  backdrop-filter:blur(2px)!important;
  -webkit-backdrop-filter:blur(2px)!important;
}
html.loca-approved #sidebar[data-system="loca"] .navfoot .navitem,
html.loca-approved #sidebar[data-system="repact"] .navfoot .navitem{
  background:rgba(2,22,37,.30)!important;
  border-color:rgba(208,170,105,.07)!important;
}

/* Mantém o comportamento colapsado original: só reduz ruído visual. */
.app.sidebar-collapsed html.loca-approved #sidebar[data-system="loca"],
.app.sidebar-collapsed html.loca-approved #sidebar[data-system="repact"]{
  background-position:center bottom!important;
}