/* Cena — gravuras próprias de cada ambiente, restritas à barra lateral. */
#app.on:not(.hubview) > #sidebar:is([data-system="juris"], [data-system="loca"], [data-system="repact"], [data-system="patrimonial"], [data-system="incorpora"], [data-system="adm"]) {
  isolation: isolate;
  background:
    radial-gradient(105% 56% at 4% 0%, rgba(58, 122, 159, .20), transparent 62%),
    radial-gradient(90% 46% at 112% 56%, rgba(13, 79, 118, .12), transparent 68%),
    linear-gradient(180deg, #03263d 0%, #031f33 42%, #02192a 72%, #01121f 100%) !important;
}

#app.on:not(.hubview) > #sidebar:is([data-system="juris"], [data-system="loca"], [data-system="repact"], [data-system="patrimonial"], [data-system="incorpora"], [data-system="adm"])::before {
  background:
    radial-gradient(125% 60% at -28% 70%, transparent 0 68.5%, rgba(226, 182, 108, .18) 68.9%, transparent 69.5%),
    radial-gradient(112% 55% at 121% 8%, transparent 0 76%, rgba(226, 182, 108, .12) 76.35%, transparent 76.8%),
    linear-gradient(180deg, rgba(255, 255, 255, .02), transparent 28%, rgba(0, 10, 18, .15)) !important;
  opacity: 1 !important;
  mix-blend-mode: normal !important;
  pointer-events: none !important;
}

#app.on:not(.hubview) > #sidebar[data-system] > .cena-sidebar-art {
  position: absolute !important;
  top: var(--cena-art-top, 70%) !important;
  left: 0 !important;
  right: 0 !important;
  height: var(--cena-art-height, 0px) !important;
  flex: none !important;
  margin: 0 !important;
  z-index: 1 !important;
  overflow: hidden !important;
  pointer-events: none !important;
  user-select: none;
  opacity: .66;
  background-image: var(--cena-sidebar-engraving, none);
  background-repeat: no-repeat;
  background-position: center bottom;
  background-size: contain;
  -webkit-mask-image: linear-gradient(180deg, transparent, #000 15%, #000 94%, transparent);
  mask-image: linear-gradient(180deg, transparent, #000 15%, #000 94%, transparent);
}

#app.on:not(.hubview) > #sidebar[data-system="juris"] {
  --cena-sidebar-engraving: url("sidebar-art/juris-justice-v1.webp");
}
#app.on:not(.hubview) > #sidebar:is([data-system="loca"], [data-system="repact"]) {
  --cena-sidebar-engraving: url("sidebar-art/loca-properties-v1.webp");
}
#app.on:not(.hubview) > #sidebar:is([data-system="patrimonial"], [data-system="incorpora"]) {
  --cena-sidebar-engraving: url("sidebar-art/incorpora-towers-v1.webp");
}
#app.on:not(.hubview) > #sidebar[data-system="adm"] {
  --cena-sidebar-engraving: url("sidebar-art/adm-management-v1.webp");
}

/* A gravura ocupa só o espaço livre: nunca recebe cliques nem cobre os itens. */
#app.on:not(.hubview) > #sidebar[data-system] > :is(.brand, .navwrap, .navfoot) {
  position: relative;
  z-index: 3;
}

@media (min-width: 1001px) {
  #app.sidebar-collapsed > #sidebar[data-system] > .cena-sidebar-art {
    visibility: hidden;
  }
}

@media print {
  #sidebar > .cena-sidebar-art { display: none; }
}