/* Cena Sistem — navegação interna padronizada · Azul Mineral */
:root {
  --sidebar-w: 260px;
  --cena-sidebar-collapsed: 84px;
}

.app.on:not(.hubview) > .shell-ocean {
  display: none !important;
}

.app.on:not(.hubview) .sidebar[data-system] {
  --system-accent: #55b9d0;
  --system-accent-rgb: 85, 185, 208;
  width: var(--sidebar-w);
  isolation: isolate;
  overflow: visible;
  color: #eef5f7;
  background:
    radial-gradient(115% 64% at 8% -4%, rgba(103, 155, 181, .24), transparent 48%),
    radial-gradient(86% 54% at 108% 46%, rgba(49, 91, 118, .2), transparent 62%),
    linear-gradient(155deg, rgba(255, 255, 255, .035), transparent 30%),
    linear-gradient(180deg, #102f49 0%, #0a2942 45%, #08243a 100%);
  border-right: 1px solid rgba(180, 205, 218, .2);
  box-shadow:
    18px 0 45px -34px rgba(0, 10, 20, .92),
    inset -1px 0 rgba(255, 255, 255, .035),
    inset 0 1px rgba(255, 255, 255, .06);
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
  transition: width .3s cubic-bezier(.2, .8, .2, 1), transform .28s cubic-bezier(.4, 0, .2, 1);
}

.app.on:not(.hubview) .sidebar[data-system]::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  pointer-events: none;
  opacity: .12;
  mix-blend-mode: soft-light;
  background-image: url("data:image/svg+xml,%3Csvg%20viewBox%3D'0%200%20180%20180'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cfilter%20id%3D'm'%3E%3CfeTurbulence%20type%3D'fractalNoise'%20baseFrequency%3D'.58'%20numOctaves%3D'4'%20seed%3D'9'%20stitchTiles%3D'stitch'%2F%3E%3C%2Ffilter%3E%3Crect%20width%3D'100%25'%20height%3D'100%25'%20filter%3D'url(%23m)'%20opacity%3D'.7'%2F%3E%3C%2Fsvg%3E");
  background-size: 190px 190px;
}

.app.on:not(.hubview) .sidebar[data-system]::after {
  content: "";
  position: absolute;
  top: 22px;
  right: -1px;
  bottom: 22px;
  width: 1px;
  pointer-events: none;
  background: linear-gradient(transparent, rgba(var(--system-accent-rgb), .42), transparent);
}

.app.on:not(.hubview) .sidebar[data-system="loca"] {
  --system-accent: #48c3bd;
  --system-accent-rgb: 72, 195, 189;
}

.app.on:not(.hubview) .sidebar[data-system="repact"] {
  --system-accent: #d3ad69;
  --system-accent-rgb: 211, 173, 105;
}

.app.on:not(.hubview) .sidebar[data-system="patrimonial"] {
  --system-accent: #d1a365;
  --system-accent-rgb: 209, 163, 101;
}

.app.on:not(.hubview) .sidebar[data-system="adm"] {
  --system-accent: #58b99c;
  --system-accent-rgb: 88, 185, 156;
}

.app.on:not(.hubview) .sidebar[data-system] .brand {
  position: relative;
  min-height: 78px;
  padding: 17px 42px 16px 18px;
  align-items: flex-start;
  justify-content: center;
  border-bottom: 1px solid rgba(193, 215, 225, .14);
  background: linear-gradient(180deg, rgba(255, 255, 255, .055), rgba(255, 255, 255, .012));
  box-shadow: inset 0 -14px 28px -28px rgba(0, 0, 0, .8);
}

.app.on:not(.hubview) .sidebar[data-system] .jclogo {
  min-width: 0;
  gap: 12px;
}

.system-monogram {
  width: 39px;
  height: 39px;
  flex: 0 0 39px;
  display: grid;
  place-items: center;
  border-radius: 9px;
  color: var(--system-accent);
  font: 600 13px/1 Georgia, "Times New Roman", serif;
  letter-spacing: .04em;
  border: 1px solid rgba(var(--system-accent-rgb), .35);
  background:
    linear-gradient(145deg, rgba(255, 255, 255, .11), transparent 44%),
    linear-gradient(180deg, rgba(4, 35, 56, .84), rgba(3, 24, 40, .96));
  box-shadow:
    inset 0 1px rgba(255, 255, 255, .12),
    inset 0 -10px 20px -16px #000,
    0 8px 18px -12px rgba(0, 0, 0, .95);
}

.app.on:not(.hubview) .sidebar[data-system] .jcword,
.app.on:not(.hubview) .sidebar[data-system] .rep-brand strong {
  min-width: 0;
  color: #f4f0e8;
  font-family: Georgia, "Times New Roman", serif;
  font-size: 20px;
  font-weight: 500;
  line-height: 1.06;
  letter-spacing: -.025em;
  text-shadow: 0 2px 12px rgba(0, 0, 0, .25);
  white-space: normal;
}

.app.on:not(.hubview) .sidebar[data-system] .jc-juris,
.app.on:not(.hubview) .sidebar[data-system] .jc-cena,
.app.on:not(.hubview) .sidebar[data-system] .rep-brand strong span {
  color: inherit;
}

.app.on:not(.hubview) .sidebar[data-system] .rep-brand small {
  display: block;
  margin-top: 5px;
  color: var(--system-accent);
  font: 600 8px/1.2 Inter, sans-serif;
  letter-spacing: .2em;
}

.sidebar-collapse {
  position: absolute;
  top: 27px;
  right: -13px;
  z-index: 4;
  width: 27px;
  height: 27px;
  display: grid;
  place-items: center;
  padding: 0;
  color: #eaf3f6;
  border: 1px solid rgba(180, 207, 220, .28);
  border-radius: 8px;
  cursor: pointer;
  background: linear-gradient(145deg, #173e5b, #0a2942);
  box-shadow: inset 0 1px rgba(255, 255, 255, .13), 0 8px 18px -9px #00101d;
  transition: transform .22s ease, border-color .22s ease, background .22s ease;
}

.sidebar-collapse:hover {
  border-color: rgba(var(--system-accent-rgb), .68);
  background: linear-gradient(145deg, #1c4968, #0b304b);
}

.sidebar-collapse .ico {
  width: 14px;
  height: 14px;
  transform: rotate(180deg);
  transition: transform .3s cubic-bezier(.2, .8, .2, 1);
}

.app.on:not(.hubview) .sidebar[data-system] .navwrap {
  padding: 11px 12px 14px;
  scrollbar-width: thin;
  scrollbar-color: rgba(var(--system-accent-rgb), .26) transparent;
}

.app.on:not(.hubview) .sidebar[data-system] .navlabel {
  padding: 0 8px;
  margin: 10px 0 9px;
  color: rgba(210, 226, 233, .57);
  font: 600 9px/1 Inter, sans-serif;
  letter-spacing: .18em;
  opacity: 1;
}

.app.on:not(.hubview) .sidebar[data-system] .navitem {
  min-height: 48px;
  gap: 11px;
  margin: 0 0 5px;
  padding: 6px 9px;
  overflow: visible;
  color: rgba(238, 246, 249, .79);
  font: 500 12.5px/1.25 Inter, sans-serif;
  letter-spacing: -.005em;
  border: 1px solid transparent;
  border-radius: 9px;
  background: linear-gradient(90deg, rgba(255, 255, 255, .018), transparent);
  box-shadow: none;
  transform: none;
  transition: transform .2s cubic-bezier(.2, .8, .2, 1), background .2s ease, border-color .2s ease, box-shadow .2s ease, color .2s ease;
}

.app.on:not(.hubview) .sidebar[data-system] .navitem:hover {
  color: #fff;
  border-color: rgba(190, 215, 226, .15);
  background: linear-gradient(100deg, rgba(255, 255, 255, .08), rgba(255, 255, 255, .025));
  box-shadow: inset 0 1px rgba(255, 255, 255, .055), 0 10px 24px -20px #000;
  transform: translateX(2px);
}

.app.on:not(.hubview) .sidebar[data-system] .navitem.active {
  color: #fff;
  overflow: visible;
  border-color: rgba(var(--system-accent-rgb), .38);
  background:
    radial-gradient(circle at 92% 45%, rgba(var(--system-accent-rgb), .17), transparent 34%),
    linear-gradient(105deg, rgba(var(--system-accent-rgb), .18), rgba(14, 58, 84, .92) 43%, rgba(8, 38, 61, .96));
  box-shadow:
    inset 0 1px rgba(255, 255, 255, .11),
    inset 0 -16px 28px -28px #000,
    0 12px 24px -18px rgba(var(--system-accent-rgb), .85);
  transform: translateX(4px);
}

.app.on:not(.hubview) .sidebar[data-system] .navitem.active::before {
  content: "";
  position: absolute;
  left: -13px;
  top: 10px;
  bottom: 10px;
  width: 3px;
  border-radius: 0 4px 4px 0;
  background: var(--system-accent);
  box-shadow: 0 0 15px rgba(var(--system-accent-rgb), .48);
}

.app.on:not(.hubview) .sidebar[data-system] .navitem.active::after {
  display: none;
  animation: none;
}

.app.on:not(.hubview) .sidebar[data-system] .navitem .ico {
  --icon-accent: 94, 188, 211;
  width: 32px;
  height: 32px;
  flex: 0 0 32px;
  box-sizing: border-box;
  padding: 7px;
  overflow: visible;
  color: rgb(var(--icon-accent));
  stroke-width: 1.9;
  border: 1px solid rgba(var(--icon-accent), .27);
  border-radius: 8px;
  background:
    linear-gradient(145deg, rgba(255, 255, 255, .16), transparent 46%),
    linear-gradient(180deg, rgba(var(--icon-accent), .18), rgba(3, 25, 42, .7));
  box-shadow:
    inset 0 1px rgba(255, 255, 255, .13),
    inset 0 -9px 15px -13px #000,
    0 7px 13px -10px #000;
  filter: drop-shadow(0 2px 1px rgba(0, 0, 0, .2));
  transition: transform .2s ease, box-shadow .2s ease, color .2s ease;
}

.app.on:not(.hubview) .sidebar[data-system] .navitem:hover .ico,
.app.on:not(.hubview) .sidebar[data-system] .navitem.active .ico {
  transform: translateY(-1px);
  box-shadow: inset 0 1px rgba(255, 255, 255, .18), 0 9px 16px -10px rgba(var(--icon-accent), .65);
}

.sidebar .ico-building,
.sidebar .ico-briefcase { --icon-accent: 210, 169, 103 !important; }
.sidebar .ico-file-text,
.sidebar .ico-folder,
.sidebar .ico-inbox { --icon-accent: 99, 173, 220 !important; }
.sidebar .ico-bar-chart,
.sidebar .ico-refresh { --icon-accent: 76, 191, 163 !important; }
.sidebar .ico-clock,
.sidebar .ico-list-checks { --icon-accent: 216, 172, 93 !important; }
.sidebar .ico-sparkles { --icon-accent: 105, 197, 213 !important; }
.sidebar .ico-settings { --icon-accent: 154, 169, 181 !important; }
.sidebar .ico-layout-template { --icon-accent: 191, 147, 206 !important; }

.app.on:not(.hubview) .sidebar[data-system] .navfoot {
  padding: 10px 12px 11px;
  border-top: 1px solid rgba(193, 215, 225, .13);
  background: linear-gradient(180deg, rgba(0, 11, 22, .08), rgba(0, 11, 22, .24));
}

.app.on:not(.hubview) .sidebar[data-system] .navfoot .navitem {
  min-height: 39px;
  margin-bottom: 1px;
  padding-top: 3px;
  padding-bottom: 3px;
  color: rgba(219, 232, 238, .62);
  font-size: 11.5px;
}

.app.on:not(.hubview) .sidebar[data-system] .navfoot .navitem .ico {
  width: 27px;
  height: 27px;
  flex-basis: 27px;
  padding: 6px;
  border-color: transparent;
  background: rgba(255, 255, 255, .035);
  box-shadow: none;
}

.app.on:not(.hubview) .sidebar[data-system] .navitem:focus-visible,
.sidebar-collapse:focus-visible {
  outline: 2px solid rgba(var(--system-accent-rgb), .9);
  outline-offset: 2px;
}

.app.sidebar-collapsed {
  --sidebar-w: var(--cena-sidebar-collapsed);
}

.app.sidebar-collapsed .sidebar[data-system] {
  width: var(--cena-sidebar-collapsed);
}

.app.sidebar-collapsed .sidebar[data-system] .brand {
  padding: 17px 10px 16px;
  align-items: center;
}

.app.sidebar-collapsed .sidebar[data-system] .jcword,
.app.sidebar-collapsed .sidebar[data-system] .rep-brand,
.app.sidebar-collapsed .sidebar[data-system] .navlabel,
.app.sidebar-collapsed .sidebar[data-system] .navitem > span {
  display: none;
}

.app.sidebar-collapsed .sidebar[data-system] .jclogo {
  justify-content: center;
}

.app.sidebar-collapsed .sidebar[data-system] .navwrap,
.app.sidebar-collapsed .sidebar[data-system] .navfoot {
  padding-left: 10px;
  padding-right: 10px;
}

.app.sidebar-collapsed .sidebar[data-system] .navitem {
  justify-content: center;
  min-height: 48px;
  padding: 6px;
  transform: none;
}

.app.sidebar-collapsed .sidebar[data-system] .navitem.active::before {
  left: -11px;
}

.app.sidebar-collapsed .sidebar-collapse .ico {
  transform: rotate(0deg);
}

.app.sidebar-collapsed .sidebar[data-system] .navitem[data-label]:hover::after {
  content: attr(data-label);
  position: absolute;
  left: calc(100% + 12px);
  top: 50%;
  z-index: 40;
  transform: translateY(-50%);
  width: max-content;
  max-width: 230px;
  padding: 8px 10px;
  color: #f4f7f8;
  font: 500 12px/1.2 Inter, sans-serif;
  white-space: nowrap;
  border: 1px solid rgba(183, 208, 220, .2);
  border-radius: 7px;
  background: #0a2942;
  box-shadow: 0 12px 28px -14px #000;
  pointer-events: none;
}

.app.on:not(.hubview) .main {
  margin-left: var(--sidebar-w);
  transition: margin-left .3s cubic-bezier(.2, .8, .2, 1);
}

@media (max-width: 1000px) {
  .app.on:not(.hubview) .sidebar[data-system],
  .app.sidebar-collapsed .sidebar[data-system] {
    width: 260px;
  }

  .app.on:not(.hubview) .main,
  .app.sidebar-collapsed .main {
    margin-left: 0;
  }

  .sidebar-collapse {
    display: none;
  }

  .app.sidebar-collapsed .sidebar[data-system] .brand {
    padding: 17px 42px 16px 18px;
    align-items: flex-start;
  }

  .app.sidebar-collapsed .sidebar[data-system] .jcword,
  .app.sidebar-collapsed .sidebar[data-system] .rep-brand,
  .app.sidebar-collapsed .sidebar[data-system] .navlabel,
  .app.sidebar-collapsed .sidebar[data-system] .navitem > span {
    display: initial;
  }

  .app.sidebar-collapsed .sidebar[data-system] .navitem {
    justify-content: flex-start;
    padding: 6px 9px;
  }
}

@media (prefers-reduced-motion: reduce) {
  .app.on:not(.hubview) .sidebar[data-system],
  .app.on:not(.hubview) .main,
  .app.on:not(.hubview) .navitem,
  .sidebar-collapse,
  .sidebar-collapse .ico {
    transition: none !important;
  }
}

/* Cena Sistem — Azul Mineral Noturno v3 · referência aprovada 2026-08-12 */
.app.on:not(.hubview) .sidebar[data-system]{background:radial-gradient(95% 58% at -12% -6%,rgba(59,112,143,.22),transparent 54%),radial-gradient(70% 52% at 112% 42%,rgba(9,47,73,.48),transparent 66%),linear-gradient(178deg,#09263e 0%,#061d31 47%,#041725 100%);border-right-color:rgba(132,177,197,.16);box-shadow:20px 0 48px -30px rgba(0,8,16,.96),inset -12px 0 28px -28px #000,inset 0 1px rgba(255,255,255,.045)}
.app.on:not(.hubview) .sidebar[data-system]::before{z-index:0;opacity:.46;mix-blend-mode:soft-light;background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20width%3D'260'%20height%3D'260'%20viewBox%3D'0%200%20260%20260'%3E%3Cfilter%20id%3D'm'%20x%3D'-20%25'%20y%3D'-20%25'%20width%3D'140%25'%20height%3D'140%25'%3E%3CfeTurbulence%20type%3D'fractalNoise'%20baseFrequency%3D'.035%20.18'%20numOctaves%3D'5'%20seed%3D'17'%2F%3E%3CfeDiffuseLighting%20surfaceScale%3D'5'%20diffuseConstant%3D'.7'%20lighting-color%3D'%23a8d0df'%3E%3CfeDistantLight%20azimuth%3D'225'%20elevation%3D'38'%2F%3E%3C%2FfeDiffuseLighting%3E%3CfeColorMatrix%20values%3D'.4%200%200%200%200%200%20.55%200%200%200%200%200%20.7%200%200%200%200%200%20.8%200'%2F%3E%3C%2Ffilter%3E%3Crect%20width%3D'100%25'%20height%3D'100%25'%20filter%3D'url(%23m)'%20opacity%3D'.8'%2F%3E%3C%2Fsvg%3E");background-size:260px 260px;filter:contrast(1.18) saturate(.75)}
.app.on:not(.hubview) .sidebar[data-system]::after{z-index:0;top:0;right:0;bottom:0;width:100%;background:linear-gradient(90deg,rgba(255,255,255,.025),transparent 17%,transparent 78%,rgba(0,0,0,.18)),linear-gradient(transparent 14%,rgba(var(--system-accent-rgb),.035) 46%,transparent 72%)}
.app.on:not(.hubview) .sidebar[data-system]>.brand,.app.on:not(.hubview) .sidebar[data-system]>.navwrap,.app.on:not(.hubview) .sidebar[data-system]>.navfoot{position:relative;z-index:1}
.app.on:not(.hubview) .sidebar[data-system] .brand{min-height:84px;padding:18px 42px 17px 18px;background:linear-gradient(180deg,rgba(255,255,255,.026),rgba(0,0,0,.055));border-bottom-color:rgba(185,211,222,.1);box-shadow:inset 0 -20px 36px -35px #000}
.system-monogram{width:42px;height:42px;flex-basis:42px;border-radius:11px;color:#f0cf8a;border-color:rgba(224,188,111,.28);background:linear-gradient(145deg,rgba(54,91,111,.42),transparent 44%),linear-gradient(180deg,#071f33,#031320);box-shadow:inset 0 1px rgba(255,255,255,.12),inset 0 -14px 22px -18px #000,0 9px 16px -10px #000}
.app.on:not(.hubview) .sidebar[data-system] .jcword,.app.on:not(.hubview) .sidebar[data-system] .rep-brand strong{color:#f3ead8;font-size:21px;font-weight:500;text-shadow:0 2px 10px rgba(0,0,0,.46)}
.app.on:not(.hubview) .sidebar[data-system] .navwrap{padding:15px 14px 16px}.app.on:not(.hubview) .sidebar[data-system] .navlabel{margin:11px 0 11px;padding:0 9px;color:rgba(211,226,232,.62);font-size:9.5px;letter-spacing:.2em}
.app.on:not(.hubview) .sidebar[data-system] .navitem{min-height:54px;gap:12px;margin-bottom:5px;padding:7px 9px;color:rgba(237,243,245,.82);font-size:12.5px;font-weight:500;background:transparent;border-color:transparent;border-radius:10px}
.app.on:not(.hubview) .sidebar[data-system] .navitem:hover{color:#fff;background:linear-gradient(100deg,rgba(255,255,255,.065),rgba(255,255,255,.012));border-color:rgba(191,216,226,.1);box-shadow:inset 0 1px rgba(255,255,255,.035);transform:translateX(2px)}
.app.on:not(.hubview) .sidebar[data-system] .navitem.active{color:#fff;transform:translateX(3px);border-color:rgba(var(--system-accent-rgb),.48);background:radial-gradient(circle at 92% 36%,rgba(var(--system-accent-rgb),.10),transparent 38%),linear-gradient(112deg,rgba(17,56,82,.96),rgba(8,38,61,.88));box-shadow:inset 0 1px rgba(255,255,255,.085),inset 0 -12px 24px -24px #000,0 10px 18px -16px rgba(var(--system-accent-rgb),.72)}
.app.on:not(.hubview) .sidebar[data-system] .navitem.active::before{left:-15px;top:11px;bottom:11px;width:3px;background:#e0b968;box-shadow:0 0 10px rgba(224,185,104,.32)}
.nav-glyph{width:38px;height:38px;flex:0 0 38px;display:inline-block;background-position:center;background-repeat:no-repeat;background-size:contain;filter:drop-shadow(0 5px 4px rgba(0,0,0,.56));transform:translateZ(0);transition:transform .2s cubic-bezier(.2,.8,.2,1),filter .2s ease}
.navitem:hover .nav-glyph,.navitem.active .nav-glyph{transform:translateY(-2px) scale(1.035);filter:drop-shadow(0 7px 5px rgba(0,0,0,.64))}
.nav-glyph-bar-chart,.app.on:not(.hubview) .sidebar[data-system] svg.ico-bar-chart{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2048%2048'%3E%3Cdefs%3E%3ClinearGradient%20id%3D'g'%20x1%3D'0'%20y1%3D'0'%20x2%3D'1'%20y2%3D'1'%3E%3Cstop%20stop-color%3D'%2363ead4'%2F%3E%3Cstop%20offset%3D'1'%20stop-color%3D'%230a897f'%2F%3E%3C%2FlinearGradient%3E%3Cfilter%20id%3D's'%20x%3D'-40%25'%20y%3D'-40%25'%20width%3D'180%25'%20height%3D'190%25'%3E%3CfeDropShadow%20dx%3D'0'%20dy%3D'3'%20stdDeviation%3D'2.3'%20flood-color%3D'%23000'%20flood-opacity%3D'.7'%2F%3E%3C%2Ffilter%3E%3C%2Fdefs%3E%3Cg%20filter%3D'url(%23s)'%3E%3Cpath%20d%3D'M7%2040h35v4H7z'%20fill%3D'%23031726'%2F%3E%3Crect%20x%3D'10'%20y%3D'25'%20width%3D'8'%20height%3D'14'%20rx%3D'2'%20fill%3D'url(%23g)'%2F%3E%3Crect%20x%3D'21'%20y%3D'17'%20width%3D'8'%20height%3D'22'%20rx%3D'2'%20fill%3D'url(%23g)'%2F%3E%3Crect%20x%3D'32'%20y%3D'8'%20width%3D'8'%20height%3D'31'%20rx%3D'2'%20fill%3D'url(%23g)'%2F%3E%3Cpath%20d%3D'M12%2027h4M23%2019h4M34%2010h4'%20stroke%3D'%23bffcf0'%20stroke-opacity%3D'.55'%20stroke-linecap%3D'round'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")}
.nav-glyph-inbox,.app.on:not(.hubview) .sidebar[data-system] svg.ico-inbox{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2048%2048'%3E%3Cdefs%3E%3ClinearGradient%20id%3D'g'%20x1%3D'0'%20y1%3D'0'%20x2%3D'1'%20y2%3D'1'%3E%3Cstop%20stop-color%3D'%2362c9ff'%2F%3E%3Cstop%20offset%3D'1'%20stop-color%3D'%23176cae'%2F%3E%3C%2FlinearGradient%3E%3Cfilter%20id%3D's'%20x%3D'-40%25'%20y%3D'-40%25'%20width%3D'180%25'%20height%3D'190%25'%3E%3CfeDropShadow%20dx%3D'0'%20dy%3D'3'%20stdDeviation%3D'2.3'%20flood-color%3D'%23000'%20flood-opacity%3D'.7'%2F%3E%3C%2Ffilter%3E%3C%2Fdefs%3E%3Cg%20filter%3D'url(%23s)'%3E%3Cpath%20d%3D'M8%2015%2013%207h22l5%208v24H8z'%20fill%3D'url(%23g)'%2F%3E%3Cpath%20d%3D'M8%2027h10l3%205h6l3-5h10v12H8z'%20fill%3D'%23062c49'%2F%3E%3Cpath%20d%3D'M12%2017h24'%20stroke%3D'%23c9efff'%20stroke-opacity%3D'.7'%20stroke-width%3D'2'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")}
.nav-glyph-file-text,.app.on:not(.hubview) .sidebar[data-system] svg.ico-file-text{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2048%2048'%3E%3Cdefs%3E%3ClinearGradient%20id%3D'g'%20x1%3D'0'%20y1%3D'0'%20x2%3D'1'%20y2%3D'1'%3E%3Cstop%20stop-color%3D'%235aaee1'%2F%3E%3Cstop%20offset%3D'1'%20stop-color%3D'%231d5078'%2F%3E%3C%2FlinearGradient%3E%3Cfilter%20id%3D's'%20x%3D'-40%25'%20y%3D'-40%25'%20width%3D'180%25'%20height%3D'190%25'%3E%3CfeDropShadow%20dx%3D'0'%20dy%3D'3'%20stdDeviation%3D'2.3'%20flood-color%3D'%23000'%20flood-opacity%3D'.7'%2F%3E%3C%2Ffilter%3E%3C%2Fdefs%3E%3Cg%20filter%3D'url(%23s)'%3E%3Cpath%20d%3D'M11%205h19l8%208v30H11z'%20fill%3D'url(%23g)'%2F%3E%3Cpath%20d%3D'M30%205v9h8'%20fill%3D'%23bce9ff'%2F%3E%3Cpath%20d%3D'M17%2022h15M17%2028h15M17%2034h10'%20stroke%3D'%23d7f4ff'%20stroke-width%3D'2.4'%20stroke-linecap%3D'round'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")}
.nav-glyph-layout-template,.app.on:not(.hubview) .sidebar[data-system] svg.ico-layout-template{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2048%2048'%3E%3Cdefs%3E%3ClinearGradient%20id%3D'g'%20x1%3D'0'%20y1%3D'0'%20x2%3D'1'%20y2%3D'1'%3E%3Cstop%20stop-color%3D'%23c991ef'%2F%3E%3Cstop%20offset%3D'1'%20stop-color%3D'%2371419d'%2F%3E%3C%2FlinearGradient%3E%3Cfilter%20id%3D's'%20x%3D'-40%25'%20y%3D'-40%25'%20width%3D'180%25'%20height%3D'190%25'%3E%3CfeDropShadow%20dx%3D'0'%20dy%3D'3'%20stdDeviation%3D'2.3'%20flood-color%3D'%23000'%20flood-opacity%3D'.7'%2F%3E%3C%2Ffilter%3E%3C%2Fdefs%3E%3Cg%20filter%3D'url(%23s)'%3E%3Cpath%20d%3D'M8%2010h14v12H8zM26%2010h14v12H26zM8%2026h14v12H8zM26%2026h14v12H26z'%20fill%3D'url(%23g)'%2F%3E%3Cpath%20d%3D'm8%2010%203-3h14l-3%203M26%2010l3-3h13l-2%203M8%2026l3-3h14l-3%203M26%2026l3-3h13l-2%203'%20fill%3D'%23e7c5ff'%20opacity%3D'.8'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")}
.nav-glyph-sparkles,.app.on:not(.hubview) .sidebar[data-system] svg.ico-sparkles{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2048%2048'%3E%3Cdefs%3E%3ClinearGradient%20id%3D'g'%20x1%3D'0'%20y1%3D'0'%20x2%3D'1'%20y2%3D'1'%3E%3Cstop%20stop-color%3D'%237ef4ef'%2F%3E%3Cstop%20offset%3D'1'%20stop-color%3D'%231287a2'%2F%3E%3C%2FlinearGradient%3E%3Cfilter%20id%3D's'%20x%3D'-40%25'%20y%3D'-40%25'%20width%3D'180%25'%20height%3D'190%25'%3E%3CfeDropShadow%20dx%3D'0'%20dy%3D'3'%20stdDeviation%3D'2.3'%20flood-color%3D'%23000'%20flood-opacity%3D'.7'%2F%3E%3C%2Ffilter%3E%3C%2Fdefs%3E%3Cg%20filter%3D'url(%23s)'%3E%3Cpath%20d%3D'm24%205%204.7%2012.3L41%2022l-12.3%204.7L24%2039l-4.7-12.3L7%2022l12.3-4.7z'%20fill%3D'url(%23g)'%2F%3E%3Ccircle%20cx%3D'39'%20cy%3D'9'%20r%3D'3.2'%20fill%3D'%2395f5ff'%2F%3E%3Ccircle%20cx%3D'9'%20cy%3D'38'%20r%3D'2.4'%20fill%3D'%2340b5cb'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")}
.nav-glyph-list-checks,.app.on:not(.hubview) .sidebar[data-system] svg.ico-list-checks{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2048%2048'%3E%3Cdefs%3E%3ClinearGradient%20id%3D'g'%20x1%3D'0'%20y1%3D'0'%20x2%3D'1'%20y2%3D'1'%3E%3Cstop%20stop-color%3D'%23ffe2a0'%2F%3E%3Cstop%20offset%3D'1'%20stop-color%3D'%23c58a24'%2F%3E%3C%2FlinearGradient%3E%3Cfilter%20id%3D's'%20x%3D'-40%25'%20y%3D'-40%25'%20width%3D'180%25'%20height%3D'190%25'%3E%3CfeDropShadow%20dx%3D'0'%20dy%3D'3'%20stdDeviation%3D'2.3'%20flood-color%3D'%23000'%20flood-opacity%3D'.7'%2F%3E%3C%2Ffilter%3E%3C%2Fdefs%3E%3Cg%20filter%3D'url(%23s)'%3E%3Crect%20x%3D'7'%20y%3D'6'%20width%3D'34'%20height%3D'36'%20rx%3D'6'%20fill%3D'%23092131'%2F%3E%3Cpath%20d%3D'm12%2015%203%203%205-6M12%2025l3%203%205-6M12%2035l3%203%205-6'%20fill%3D'none'%20stroke%3D'%23f8c866'%20stroke-width%3D'3'%20stroke-linecap%3D'round'%20stroke-linejoin%3D'round'%2F%3E%3Cpath%20d%3D'M24%2016h11M24%2026h11M24%2036h11'%20stroke%3D'url(%23g)'%20stroke-width%3D'3'%20stroke-linecap%3D'round'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")}
.nav-glyph-building,.app.on:not(.hubview) .sidebar[data-system] svg.ico-building{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2048%2048'%3E%3Cdefs%3E%3ClinearGradient%20id%3D'g'%20x1%3D'0'%20y1%3D'0'%20x2%3D'1'%20y2%3D'1'%3E%3Cstop%20stop-color%3D'%23d9a447'%2F%3E%3Cstop%20offset%3D'1'%20stop-color%3D'%238e5b1e'%2F%3E%3C%2FlinearGradient%3E%3Cfilter%20id%3D's'%20x%3D'-40%25'%20y%3D'-40%25'%20width%3D'180%25'%20height%3D'190%25'%3E%3CfeDropShadow%20dx%3D'0'%20dy%3D'3'%20stdDeviation%3D'2.3'%20flood-color%3D'%23000'%20flood-opacity%3D'.7'%2F%3E%3C%2Ffilter%3E%3C%2Fdefs%3E%3Cg%20filter%3D'url(%23s)'%3E%3Cpath%20d%3D'M8%2041h33v4H8z'%20fill%3D'%23031623'%2F%3E%3Cpath%20d%3D'M11%2012h22v29H11z'%20fill%3D'url(%23g)'%2F%3E%3Cpath%20d%3D'm11%2012%206-6h22l-6%206zM33%2012l6-6v35h-6z'%20fill%3D'%23a56b22'%20opacity%3D'.75'%2F%3E%3Cpath%20d%3D'M16%2017h5v5h-5zM24%2017h5v5h-5zM16%2026h5v5h-5zM24%2026h5v5h-5zM21%2034h7v7h-7z'%20fill%3D'%23ffe08b'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")}
.nav-glyph-briefcase,.app.on:not(.hubview) .sidebar[data-system] svg.ico-briefcase{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2048%2048'%3E%3Cdefs%3E%3ClinearGradient%20id%3D'g'%20x1%3D'0'%20y1%3D'0'%20x2%3D'1'%20y2%3D'1'%3E%3Cstop%20stop-color%3D'%23d9a75a'%2F%3E%3Cstop%20offset%3D'1'%20stop-color%3D'%237b4d1b'%2F%3E%3C%2FlinearGradient%3E%3Cfilter%20id%3D's'%20x%3D'-40%25'%20y%3D'-40%25'%20width%3D'180%25'%20height%3D'190%25'%3E%3CfeDropShadow%20dx%3D'0'%20dy%3D'3'%20stdDeviation%3D'2.3'%20flood-color%3D'%23000'%20flood-opacity%3D'.7'%2F%3E%3C%2Ffilter%3E%3C%2Fdefs%3E%3Cg%20filter%3D'url(%23s)'%3E%3Crect%20x%3D'6'%20y%3D'14'%20width%3D'36'%20height%3D'27'%20rx%3D'5'%20fill%3D'url(%23g)'%2F%3E%3Cpath%20d%3D'M17%2014V9h14v5M6%2025h36M21%2023h6v5h-6z'%20fill%3D'none'%20stroke%3D'%23f9e0a6'%20stroke-width%3D'2.5'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")}
.nav-glyph-folder,.app.on:not(.hubview) .sidebar[data-system] svg.ico-folder{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2048%2048'%3E%3Cdefs%3E%3ClinearGradient%20id%3D'g'%20x1%3D'0'%20y1%3D'0'%20x2%3D'1'%20y2%3D'1'%3E%3Cstop%20stop-color%3D'%2380d5ff'%2F%3E%3Cstop%20offset%3D'1'%20stop-color%3D'%232f71a7'%2F%3E%3C%2FlinearGradient%3E%3Cfilter%20id%3D's'%20x%3D'-40%25'%20y%3D'-40%25'%20width%3D'180%25'%20height%3D'190%25'%3E%3CfeDropShadow%20dx%3D'0'%20dy%3D'3'%20stdDeviation%3D'2.3'%20flood-color%3D'%23000'%20flood-opacity%3D'.7'%2F%3E%3C%2Ffilter%3E%3C%2Fdefs%3E%3Cg%20filter%3D'url(%23s)'%3E%3Cpath%20d%3D'M5%2013h15l4%205h19v22H5z'%20fill%3D'url(%23g)'%2F%3E%3Cpath%20d%3D'M5%2018h38l-4%2022H8z'%20fill%3D'%235e9ed1'%2F%3E%3Cpath%20d%3D'M9%2022h29'%20stroke%3D'%23d3f1ff'%20stroke-opacity%3D'.65'%20stroke-width%3D'2'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")}
.nav-glyph-settings,.app.on:not(.hubview) .sidebar[data-system] svg.ico-settings{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2048%2048'%3E%3Cdefs%3E%3ClinearGradient%20id%3D'g'%20x1%3D'0'%20y1%3D'0'%20x2%3D'1'%20y2%3D'1'%3E%3Cstop%20stop-color%3D'%23a9bac5'%2F%3E%3Cstop%20offset%3D'1'%20stop-color%3D'%23546979'%2F%3E%3C%2FlinearGradient%3E%3Cfilter%20id%3D's'%20x%3D'-40%25'%20y%3D'-40%25'%20width%3D'180%25'%20height%3D'190%25'%3E%3CfeDropShadow%20dx%3D'0'%20dy%3D'3'%20stdDeviation%3D'2.3'%20flood-color%3D'%23000'%20flood-opacity%3D'.7'%2F%3E%3C%2Ffilter%3E%3C%2Fdefs%3E%3Cg%20filter%3D'url(%23s)'%3E%3Cpath%20d%3D'm24%206%204%202%205-1%203%204-2%205%202%204%205%203-1%205-5%201-2%204%202%205-4%203-5-2-4%202-4-3%202-5-2-4-5-2%201-5%205-2%202-4-2-5%204-3%205%202z'%20fill%3D'url(%23g)'%2F%3E%3Ccircle%20cx%3D'24'%20cy%3D'24'%20r%3D'6'%20fill%3D'%23071d2e'%2F%3E%3Ccircle%20cx%3D'24'%20cy%3D'24'%20r%3D'3'%20fill%3D'%23d6e6ed'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")}
.nav-glyph-refresh,.app.on:not(.hubview) .sidebar[data-system] svg.ico-refresh{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2048%2048'%3E%3Cdefs%3E%3ClinearGradient%20id%3D'g'%20x1%3D'0'%20y1%3D'0'%20x2%3D'1'%20y2%3D'1'%3E%3Cstop%20stop-color%3D'%2362d8ce'%2F%3E%3Cstop%20offset%3D'1'%20stop-color%3D'%23167f88'%2F%3E%3C%2FlinearGradient%3E%3Cfilter%20id%3D's'%20x%3D'-40%25'%20y%3D'-40%25'%20width%3D'180%25'%20height%3D'190%25'%3E%3CfeDropShadow%20dx%3D'0'%20dy%3D'3'%20stdDeviation%3D'2.3'%20flood-color%3D'%23000'%20flood-opacity%3D'.7'%2F%3E%3C%2Ffilter%3E%3C%2Fdefs%3E%3Cg%20filter%3D'url(%23s)'%3E%3Cpath%20d%3D'M10%2018A16%2016%200%200%201%2037%2012l3-5v14H26l5-4A9%209%200%200%200%2015%2021zM38%2030A16%2016%200%200%201%2011%2036l-3%205V27h14l-5%204a9%209%200%200%200%2016-4z'%20fill%3D'url(%23g)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")}
.nav-glyph-clock,.app.on:not(.hubview) .sidebar[data-system] svg.ico-clock{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2048%2048'%3E%3Cdefs%3E%3ClinearGradient%20id%3D'g'%20x1%3D'0'%20y1%3D'0'%20x2%3D'1'%20y2%3D'1'%3E%3Cstop%20stop-color%3D'%23e7bd63'%2F%3E%3Cstop%20offset%3D'1'%20stop-color%3D'%23916522'%2F%3E%3C%2FlinearGradient%3E%3Cfilter%20id%3D's'%20x%3D'-40%25'%20y%3D'-40%25'%20width%3D'180%25'%20height%3D'190%25'%3E%3CfeDropShadow%20dx%3D'0'%20dy%3D'3'%20stdDeviation%3D'2.3'%20flood-color%3D'%23000'%20flood-opacity%3D'.7'%2F%3E%3C%2Ffilter%3E%3C%2Fdefs%3E%3Cg%20filter%3D'url(%23s)'%3E%3Ccircle%20cx%3D'24'%20cy%3D'24'%20r%3D'18'%20fill%3D'url(%23g)'%2F%3E%3Ccircle%20cx%3D'24'%20cy%3D'24'%20r%3D'13'%20fill%3D'%23092338'%2F%3E%3Cpath%20d%3D'M24%2014v11l8%205'%20stroke%3D'%23ffe4a2'%20stroke-width%3D'3'%20stroke-linecap%3D'round'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")}
.nav-glyph-arrow-left,.app.on:not(.hubview) .sidebar[data-system] svg.ico-arrow-left{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2048%2048'%3E%3Cdefs%3E%3ClinearGradient%20id%3D'g'%20x1%3D'0'%20y1%3D'0'%20x2%3D'1'%20y2%3D'1'%3E%3Cstop%20stop-color%3D'%2367dded'%2F%3E%3Cstop%20offset%3D'1'%20stop-color%3D'%23237b9b'%2F%3E%3C%2FlinearGradient%3E%3Cfilter%20id%3D's'%20x%3D'-40%25'%20y%3D'-40%25'%20width%3D'180%25'%20height%3D'190%25'%3E%3CfeDropShadow%20dx%3D'0'%20dy%3D'3'%20stdDeviation%3D'2.3'%20flood-color%3D'%23000'%20flood-opacity%3D'.7'%2F%3E%3C%2Ffilter%3E%3C%2Fdefs%3E%3Cg%20filter%3D'url(%23s)'%3E%3Cpath%20d%3D'M41%2018H16l7-7-5-5L3%2021l15%2015%205-5-7-7h25z'%20fill%3D'url(%23g)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")}
.nav-glyph-moon,.app.on:not(.hubview) .sidebar[data-system] svg.ico-moon{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2048%2048'%3E%3Cdefs%3E%3ClinearGradient%20id%3D'g'%20x1%3D'0'%20y1%3D'0'%20x2%3D'1'%20y2%3D'1'%3E%3Cstop%20stop-color%3D'%2375c8ee'%2F%3E%3Cstop%20offset%3D'1'%20stop-color%3D'%23225b88'%2F%3E%3C%2FlinearGradient%3E%3Cfilter%20id%3D's'%20x%3D'-40%25'%20y%3D'-40%25'%20width%3D'180%25'%20height%3D'190%25'%3E%3CfeDropShadow%20dx%3D'0'%20dy%3D'3'%20stdDeviation%3D'2.3'%20flood-color%3D'%23000'%20flood-opacity%3D'.7'%2F%3E%3C%2Ffilter%3E%3C%2Fdefs%3E%3Cg%20filter%3D'url(%23s)'%3E%3Cpath%20d%3D'M35%2034A17%2017%200%200%201%2018%208a18%2018%200%201%200%2017%2026z'%20fill%3D'url(%23g)'%2F%3E%3Cpath%20d%3D'M18%208a16%2016%200%200%200%2017%2026'%20fill%3D'none'%20stroke%3D'%23d8f4ff'%20stroke-opacity%3D'.55'%20stroke-width%3D'2'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")}
.nav-glyph-sun,.app.on:not(.hubview) .sidebar[data-system] svg.ico-sun{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2048%2048'%3E%3Cdefs%3E%3ClinearGradient%20id%3D'g'%20x1%3D'0'%20y1%3D'0'%20x2%3D'1'%20y2%3D'1'%3E%3Cstop%20stop-color%3D'%23ffe49a'%2F%3E%3Cstop%20offset%3D'1'%20stop-color%3D'%23c68d2d'%2F%3E%3C%2FlinearGradient%3E%3Cfilter%20id%3D's'%20x%3D'-40%25'%20y%3D'-40%25'%20width%3D'180%25'%20height%3D'190%25'%3E%3CfeDropShadow%20dx%3D'0'%20dy%3D'3'%20stdDeviation%3D'2.3'%20flood-color%3D'%23000'%20flood-opacity%3D'.7'%2F%3E%3C%2Ffilter%3E%3C%2Fdefs%3E%3Cg%20filter%3D'url(%23s)'%3E%3Ccircle%20cx%3D'24'%20cy%3D'24'%20r%3D'10'%20fill%3D'url(%23g)'%2F%3E%3Cpath%20d%3D'M24%203v6M24%2039v6M3%2024h6M39%2024h6M9%209l5%205M34%2034l5%205M39%209l-5%205M14%2034l-5%205'%20stroke%3D'%23ffe8a7'%20stroke-width%3D'3'%20stroke-linecap%3D'round'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")}
.nav-glyph-log-out,.app.on:not(.hubview) .sidebar[data-system] svg.ico-log-out{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2048%2048'%3E%3Cdefs%3E%3ClinearGradient%20id%3D'g'%20x1%3D'0'%20y1%3D'0'%20x2%3D'1'%20y2%3D'1'%3E%3Cstop%20stop-color%3D'%2386b6d0'%2F%3E%3Cstop%20offset%3D'1'%20stop-color%3D'%23355b72'%2F%3E%3C%2FlinearGradient%3E%3Cfilter%20id%3D's'%20x%3D'-40%25'%20y%3D'-40%25'%20width%3D'180%25'%20height%3D'190%25'%3E%3CfeDropShadow%20dx%3D'0'%20dy%3D'3'%20stdDeviation%3D'2.3'%20flood-color%3D'%23000'%20flood-opacity%3D'.7'%2F%3E%3C%2Ffilter%3E%3C%2Fdefs%3E%3Cg%20filter%3D'url(%23s)'%3E%3Cpath%20d%3D'M8%206h20v36H8z'%20fill%3D'url(%23g)'%2F%3E%3Cpath%20d%3D'M24%2024h19M36%2017l7%207-7%207'%20fill%3D'none'%20stroke%3D'%23e8f7ff'%20stroke-width%3D'3'%20stroke-linecap%3D'round'%20stroke-linejoin%3D'round'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")}
.app.on:not(.hubview) .sidebar[data-system] .navfoot{padding:11px 14px 12px;border-top-color:rgba(185,211,222,.1);background:linear-gradient(180deg,rgba(0,8,17,.04),rgba(0,8,17,.2))}
.app.on:not(.hubview) .sidebar[data-system] .navfoot .navitem{min-height:43px;color:rgba(219,231,236,.66)}.app.on:not(.hubview) .sidebar[data-system] .navfoot .nav-glyph{width:31px;height:31px;flex-basis:31px;filter:drop-shadow(0 4px 3px rgba(0,0,0,.48))}
.app.sidebar-collapsed .sidebar[data-system] .navitem{padding:7px}.app.sidebar-collapsed .sidebar[data-system] .nav-glyph{width:38px;height:38px;flex-basis:38px}@media(prefers-reduced-motion:reduce){.nav-glyph{transition:none!important}}

/* Compatibilidade segura com o markup atual: transforma os SVGs lineares em pictogramas preenchidos */
.app.on:not(.hubview) .sidebar[data-system] .navitem svg.ico{
  width:38px;height:38px;flex:0 0 38px;padding:0;border:0;border-radius:0;
  color:transparent;stroke:transparent;background-color:transparent;
  background-position:center;background-repeat:no-repeat;background-size:contain;
  box-shadow:none;filter:drop-shadow(0 5px 4px rgba(0,0,0,.56));
  transition:transform .2s cubic-bezier(.2,.8,.2,1),filter .2s ease
}
.app.on:not(.hubview) .sidebar[data-system] .navitem svg.ico>*{opacity:0}
.app.on:not(.hubview) .sidebar[data-system] .navitem:hover svg.ico,
.app.on:not(.hubview) .sidebar[data-system] .navitem.active svg.ico{
  transform:translateY(-2px) scale(1.035);box-shadow:none;
  filter:drop-shadow(0 7px 5px rgba(0,0,0,.64))
}
.app.on:not(.hubview) .sidebar[data-system] .navfoot .navitem svg.ico{
  width:31px;height:31px;flex-basis:31px;filter:drop-shadow(0 4px 3px rgba(0,0,0,.48))
}

/* V3 final — superfície mineral escura, pictogramas e contraste verificados */
.app.on:not(.hubview) .sidebar[data-system] {
  background:
    radial-gradient(92% 54% at -10% -4%, rgba(67, 119, 145, .18), transparent 56%),
    radial-gradient(78% 48% at 112% 44%, rgba(19, 62, 87, .26), transparent 68%),
    linear-gradient(180deg, #082238 0%, #051b2d 46%, #031522 100%);
}
.app.on:not(.hubview) .sidebar[data-system]::before {
  z-index: 0;
  opacity: .58;
  mix-blend-mode: soft-light;
  background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22280%22%20height%3D%22280%22%20viewBox%3D%220%200%20280%20280%22%3E%3Cfilter%20id%3D%22stone%22%20x%3D%22-20%25%22%20y%3D%22-20%25%22%20width%3D%22140%25%22%20height%3D%22140%25%22%3E%3CfeTurbulence%20type%3D%22fractalNoise%22%20baseFrequency%3D%22.022%20.115%22%20numOctaves%3D%225%22%20seed%3D%2229%22%20stitchTiles%3D%22stitch%22%2F%3E%3CfeDiffuseLighting%20surfaceScale%3D%224.4%22%20diffuseConstant%3D%22.72%22%20lighting-color%3D%22%23a8c9d5%22%3E%3CfeDistantLight%20azimuth%3D%22218%22%20elevation%3D%2234%22%2F%3E%3C%2FfeDiffuseLighting%3E%3CfeColorMatrix%20values%3D%22.34%200%200%200%200%200%20.48%200%200%200%200%200%20.58%200%200%200%200%200%20.72%200%22%2F%3E%3C%2Ffilter%3E%3Crect%20width%3D%22100%25%22%20height%3D%22100%25%22%20filter%3D%22url(%23stone)%22%20opacity%3D%22.88%22%2F%3E%3C%2Fsvg%3E");
  background-size: 280px 280px;
  background-repeat: repeat;
  filter: contrast(1.22) saturate(.68);
}
.app.on:not(.hubview) .sidebar[data-system]::after {
  z-index: 0;
  inset: 0;
  width: auto;
  background:
    linear-gradient(90deg, rgba(255,255,255,.032), transparent 16%, transparent 76%, rgba(0,0,0,.24)),
    radial-gradient(65% 24% at 22% 2%, rgba(174,207,219,.055), transparent 72%),
    linear-gradient(180deg, transparent 76%, rgba(0,7,14,.22));
}
.app.on:not(.hubview) .sidebar[data-system] > .brand,
.app.on:not(.hubview) .sidebar[data-system] > .navwrap,
.app.on:not(.hubview) .sidebar[data-system] > .navfoot { position: relative; z-index: 1; }
.app.on:not(.hubview) .sidebar[data-system] .navitem .nav-glyph { position: relative; z-index: 1; }
.app.on:not(.hubview) .sidebar[data-system] .navitem.active {
  border-color: rgba(var(--system-accent-rgb), .5);
  background:
    radial-gradient(circle at 88% 34%, rgba(var(--system-accent-rgb), .13), transparent 36%),
    linear-gradient(110deg, rgba(20, 61, 86, .98), rgba(7, 34, 54, .94));
  box-shadow: inset 0 1px rgba(255,255,255,.105), inset 0 -16px 28px -27px #000, 0 12px 22px -17px rgba(var(--system-accent-rgb),.82);
}


/* LocaCena — ícones 3D renderizados v4 · aprovado 2026-08-12 */
.app.on:not(.hubview) .sidebar[data-system="loca"] .navitem {
  min-height: 60px;
  gap: 13px;
}
.app.on:not(.hubview) .sidebar[data-system="loca"] .nav-glyph {
  width: 44px;
  height: 44px;
  flex-basis: 44px;
  background-size: contain;
  filter: drop-shadow(0 7px 6px rgba(0,0,0,.62));
}
.app.on:not(.hubview) .sidebar[data-system="loca"] .navitem:hover .nav-glyph,
.app.on:not(.hubview) .sidebar[data-system="loca"] .navitem.active .nav-glyph {
  transform: translateY(-2px) scale(1.08);
  filter: drop-shadow(0 10px 8px rgba(0,0,0,.7));
}
.nav-glyph-loca-painel{background-image:url("icons-loca/painel.webp")}
.nav-glyph-loca-empreendimentos{background-image:url("icons-loca/empreendimentos.webp")}
.nav-glyph-loca-jornada{background-image:url("icons-loca/jornada.webp")}
.nav-glyph-loca-repactuacoes{background-image:url("icons-loca/repactuacoes.webp")}
.nav-glyph-loca-mercado{background-image:url("icons-loca/mercado.webp")}
.nav-glyph-loca-carl{background-image:url("icons-loca/carl.webp")}
.nav-glyph-loca-configuracoes{background-image:url("icons-loca/configuracoes.webp")}
.app.on:not(.hubview) .sidebar[data-system="loca"] .nav-glyph-arrow-left,
.app.on:not(.hubview) .sidebar[data-system="repact"] .nav-glyph-arrow-left{background-image:url("icons-loca/voltar.webp")}
.app.on:not(.hubview) .sidebar[data-system="loca"] .navfoot .nav-glyph {
  width: 34px;
  height: 34px;
  flex-basis: 34px;
}


/* Demais sistemas — ícones 3D renderizados v5 · 2026-08-12 */
.app.on:not(.hubview) .sidebar[data-system="juris"] .navitem,
.app.on:not(.hubview) .sidebar[data-system="patrimonial"] .navitem,
.app.on:not(.hubview) .sidebar[data-system="repact"] .navitem{min-height:60px;gap:13px}
.app.on:not(.hubview) .sidebar[data-system="juris"] .nav-glyph,
.app.on:not(.hubview) .sidebar[data-system="patrimonial"] .nav-glyph,
.app.on:not(.hubview) .sidebar[data-system="repact"] .nav-glyph{width:44px;height:44px;flex-basis:44px;background-size:contain;filter:drop-shadow(0 7px 6px rgba(0,0,0,.62))}
.app.on:not(.hubview) .sidebar[data-system="juris"] .navitem:hover .nav-glyph,
.app.on:not(.hubview) .sidebar[data-system="juris"] .navitem.active .nav-glyph,
.app.on:not(.hubview) .sidebar[data-system="patrimonial"] .navitem:hover .nav-glyph,
.app.on:not(.hubview) .sidebar[data-system="patrimonial"] .navitem.active .nav-glyph,
.app.on:not(.hubview) .sidebar[data-system="repact"] .navitem:hover .nav-glyph,
.app.on:not(.hubview) .sidebar[data-system="repact"] .navitem.active .nav-glyph{transform:translateY(-2px) scale(1.08);filter:drop-shadow(0 10px 8px rgba(0,0,0,.7))}
.nav-glyph-juris-painel{background-image:url("icons-juris/painel.webp")}.nav-glyph-juris-caixa{background-image:url("icons-juris/caixa.webp")}.nav-glyph-juris-contratos{background-image:url("icons-juris/contratos.webp")}.nav-glyph-juris-terrenos{background-image:url("icons-juris/terrenos.webp")}.nav-glyph-juris-gerador{background-image:url("icons-juris/gerador.webp")}.nav-glyph-juris-demandas{background-image:url("icons-juris/demandas.webp")}.nav-glyph-juris-empreendimentos{background-image:url("icons-juris/empreendimentos.webp")}.nav-glyph-juris-escritorios{background-image:url("icons-juris/escritorios.webp")}.nav-glyph-juris-sharepoint{background-image:url("icons-juris/sharepoint.webp")}.nav-glyph-juris-carl{background-image:url("icons-juris/carl.webp")}.nav-glyph-juris-configuracoes{background-image:url("icons-juris/configuracoes.webp")}
.nav-glyph-repact-visao{background-image:url("icons-sistemas/repact-visao.webp")}.nav-glyph-repact-carteira{background-image:url("icons-sistemas/repact-carteira.webp")}.nav-glyph-repact-agenda{background-image:url("icons-sistemas/repact-agenda.webp")}.nav-glyph-repact-simulador{background-image:url("icons-sistemas/repact-simulador.webp")}.nav-glyph-repact-relatorios{background-image:url("icons-sistemas/repact-relatorios.webp")}
.nav-glyph-patr-painel{background-image:url("icons-sistemas/patr-painel.webp")}.nav-glyph-patr-imoveis{background-image:url("icons-sistemas/patr-imoveis.webp")}
.app.on:not(.hubview) .sidebar[data-system="juris"] .nav-glyph-arrow-left{background-image:url("icons-juris/voltar.webp")}.app.on:not(.hubview) .sidebar[data-system="patrimonial"] .nav-glyph-arrow-left{background-image:url("icons-sistemas/patr-voltar.webp")}


/* Marca institucional do LocaCena no topo lateral */
.app.on:not(.hubview) .sidebar[data-system="loca"] .brand {
  min-height: 92px;
  padding-top: 14px;
  padding-bottom: 13px;
}
.app.on:not(.hubview) .sidebar[data-system="loca"] .jclogo {
  width: 100%;
  justify-content: flex-start;
}
.loca-cena-brand {
  width: 158px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
.loca-cena-brand img {
  display: block;
  width: 150px;
  height: auto;
  object-fit: contain;
  object-position: left center;
}
.loca-cena-brand small {
  margin-top: 5px;
  padding-left: 2px;
  color: #70d2cf;
  font: 700 8px/1 Inter, sans-serif;
  letter-spacing: .34em;
}
.app.on:not(.hubview) .sidebar[data-system="loca"].cena-collapsed .loca-cena-brand {
  width: 48px;
  align-items: center;
  overflow: hidden;
}
.app.on:not(.hubview) .sidebar[data-system="loca"].cena-collapsed .loca-cena-brand img {
  width: 118px;
  max-width: none;
  object-position: center;
}
.app.on:not(.hubview) .sidebar[data-system="loca"].cena-collapsed .loca-cena-brand small {
  display: none;
}


/* Marca Locações — branca e centralizada */
.app.on:not(.hubview) .sidebar[data-system="loca"] .jclogo {
  justify-content: center;
  align-items: center;
}
.app.on:not(.hubview) .sidebar[data-system="loca"] .loca-cena-brand {
  width: 174px;
  align-items: center;
  margin: 0 auto;
}
.app.on:not(.hubview) .sidebar[data-system="loca"] .loca-cena-brand img {
  width: 158px;
  filter: grayscale(1) brightness(0) invert(1);
  object-position: center;
}
.app.on:not(.hubview) .sidebar[data-system="loca"] .loca-cena-brand small {
  padding-left: .34em;
  color: #fff;
  text-align: center;
}
.lj-foco header .lj-foco-actions {
  display: flex;
  gap: 7px;
  align-items: center;
  margin-left: auto;
}
.lj-foco header .lj-foco-actions .btn {
  min-height: 32px;
  padding: 7px 10px;
  font-size: 9.5px;
}
@media (max-width: 760px) {
  .lj-foco header .lj-foco-actions { width: 100%; margin-left: 0; }
}


/* Sistema de marca institucional — Cena branca + subnome do ambiente */
.app.on:not(.hubview) .sidebar[data-system] .brand {
  min-height: 92px;
  padding-top: 14px;
  padding-bottom: 13px;
}
.app.on:not(.hubview) .sidebar[data-system] .jclogo {
  width: 100%;
  justify-content: center;
  align-items: center;
}
.cena-system-brand {
  width: 178px;
  display: flex;
  flex-direction: column;
  align-items: center;
  margin: 0 auto;
}
.cena-system-brand img {
  display: block;
  width: 158px;
  height: auto;
  object-fit: contain;
  object-position: center;
  filter: grayscale(1) brightness(0) invert(1);
}
.cena-system-brand small {
  max-width: 176px;
  margin-top: 5px;
  padding-left: .28em;
  color: #fff;
  font: 700 8px/1.2 Inter, sans-serif;
  letter-spacing: .28em;
  text-align: center;
  white-space: nowrap;
}
.app.on:not(.hubview) .sidebar[data-system].cena-collapsed .cena-system-brand {
  width: 50px;
  overflow: hidden;
}
.app.on:not(.hubview) .sidebar[data-system].cena-collapsed .cena-system-brand img {
  width: 118px;
  max-width: none;
}
.app.on:not(.hubview) .sidebar[data-system].cena-collapsed .cena-system-brand small {
  display: none;
}
/* Portal de escolha: marca institucional sempre branca */
.panorama-hub .ph-logo {
  filter: grayscale(1) brightness(0) invert(1) !important;
}

/* Cabeçalho limpo: somente identificação do usuário */
.app.on:not(.hubview) #topbar .iconbtn{display:none!important}