/* Juridico Cena - identidade unificada com Locacoes */
html:not(.dark) .app.on:not(.hubview):has(#sidebar[data-system="juris"]){
  --ju-navy:#031827;--ju-navy2:#082f4b;--ju-navy3:#0d496b;--ju-linen:#f4eee4;--ju-linen2:#e9dece;--ju-cotton:#fbf8f2;--ju-gold:#c8944f;--ju-gold2:#e4c18a;--ju-ink:#0b2b45;--ju-muted:#687987;
  background:linear-gradient(145deg,#f6f0e7,#eadfce 56%,#f8f4ed)!important;
}
/* lateral: mesma linguagem do comercial, personalidade juridica */
html:not(.dark) #sidebar[data-system="juris"]{left:0!important;top:0!important;bottom:0!important;width:248px!important;border-radius:0!important;border:0!important;border-right:1px solid rgba(212,176,116,.48)!important;background:radial-gradient(140% 80% at -20% 0%,rgba(44,125,169,.25),transparent 48%),radial-gradient(100% 70% at 110% 95%,rgba(28,104,149,.18),transparent 60%),linear-gradient(180deg,#06263d 0%,#031a2b 55%,#021521 100%)!important;box-shadow:18px 0 55px -38px rgba(0,13,23,.95),inset -1px 0 rgba(255,255,255,.05)!important}
html:not(.dark) #sidebar[data-system="juris"]:before{background:repeating-radial-gradient(ellipse at -25% 88%,transparent 0 28px,rgba(73,147,188,.09) 29px 30px),linear-gradient(118deg,transparent 56%,rgba(216,177,112,.07) 56.3%,transparent 56.8%)!important;opacity:.85!important}
html:not(.dark) #sidebar[data-system="juris"]:after{display:none!important}
html:not(.dark) #sidebar[data-system="juris"] .brand{min-height:126px!important;padding:20px 18px 14px!important;border-bottom:1px solid rgba(225,164,85,.15)!important;background:transparent!important}
html:not(.dark) #sidebar[data-system="juris"] .cena-system-brand img{width:176px!important}
html:not(.dark) #sidebar[data-system="juris"] .cena-system-brand small{color:#e0bb7e!important;letter-spacing:.22em!important;font-size:9px!important}
html:not(.dark) #sidebar[data-system="juris"] .navwrap{padding:12px 10px 8px!important}
html:not(.dark) #sidebar[data-system="juris"] .navlabel{color:#d7b47a!important;letter-spacing:.22em!important;font-size:8.5px!important;margin:10px 8px 8px!important;padding:0!important}
html:not(.dark) #sidebar[data-system="juris"] .navitem{position:relative!important;min-height:47px!important;margin:6px 0!important;padding:0 12px!important;border:1px solid rgba(173,206,224,.1)!important;border-radius:14px!important;color:#edf5f8!important;background:linear-gradient(145deg,rgba(255,255,255,.035),rgba(255,255,255,.008))!important;box-shadow:inset 0 1px rgba(255,255,255,.035)!important}
html:not(.dark) #sidebar[data-system="juris"] .navitem:hover{transform:translateX(2px);border-color:rgba(118,178,210,.28)!important;background:linear-gradient(145deg,rgba(61,133,173,.15),rgba(255,255,255,.015))!important}
html:not(.dark) #sidebar[data-system="juris"] .navitem.active{border-color:rgba(229,195,140,.82)!important;background:radial-gradient(130% 170% at 98% 50%,rgba(73,142,227,.48),transparent 49%),linear-gradient(125deg,rgba(30,88,120,.88),rgba(5,42,68,.96))!important;box-shadow:0 13px 32px -23px rgba(43,128,230,.9),inset 0 1px rgba(255,255,255,.14)!important}
html:not(.dark) #sidebar[data-system="juris"] .navitem.active:before{display:none!important}
html:not(.dark) #sidebar[data-system="juris"] .navitem.active:after{right:-1px!important;top:7px!important;bottom:7px!important;width:3px!important;background:linear-gradient(#f2d39e,#b9782c)!important;box-shadow:0 0 13px rgba(229,181,101,.8)!important}
html:not(.dark) #sidebar[data-system="juris"] .nav-glyph{width:32px!important;height:32px!important;min-width:32px!important;border-radius:9px!important;color:#d59b4d!important;border:1px solid rgba(211,161,91,.26)!important;background:linear-gradient(145deg,rgba(255,255,255,.035),rgba(1,25,41,.25))!important;filter:none!important}
html:not(.dark) #sidebar[data-system="juris"] .jl-connected{display:none!important}
html:not(.dark) #sidebar[data-system="juris"] .navfoot{border-top:1px solid rgba(216,177,112,.11)!important;background:linear-gradient(180deg,rgba(2,22,35,.08),rgba(1,18,29,.36))!important;padding:12px 10px 14px!important}

/* main + topbar */
html:not(.dark) .app.on:not(.hubview):has(#sidebar[data-system="juris"]) .main{margin-left:248px!important;width:calc(100% - 248px)!important;min-width:0!important;background:linear-gradient(145deg,#f6f0e7,#eadfce 56%,#f8f4ed)!important;overflow-x:hidden!important}
html:not(.dark) .app.on:not(.hubview):has(#sidebar[data-system="juris"]) .main:before,html:not(.dark) .app.on:not(.hubview):has(#sidebar[data-system="juris"]) .main:after{display:none!important}
html:not(.dark) .app.on:not(.hubview):has(#sidebar[data-system="juris"]) #topbar{height:72px!important;min-height:72px!important;padding:8px 22px!important;background:transparent!important;border:0!important;box-shadow:none!important;position:absolute!important;left:0!important;right:0!important;top:0!important;z-index:30!important;pointer-events:none!important}
html:not(.dark) .app.on:not(.hubview):has(#sidebar[data-system="juris"]) #topbar>*{pointer-events:auto!important}
html:not(.dark) .app.on:not(.hubview):has(#sidebar[data-system="juris"]) #topbar .gsearch{display:none!important}
html:not(.dark) .app.on:not(.hubview):has(#sidebar[data-system="juris"]) #topbar .topright{margin-left:auto!important}
html:not(.dark) .app.on:not(.hubview):has(#sidebar[data-system="juris"]) #topbar .iconbtn{width:42px!important;height:42px!important;border-radius:50%!important;border:1px solid rgba(224,187,127,.48)!important;color:#f7eee1!important;background:linear-gradient(145deg,rgba(10,58,87,.92),rgba(3,31,50,.96))!important;box-shadow:inset 0 1px rgba(255,255,255,.1),0 12px 24px -18px #00101c!important}
html:not(.dark) .app.on:not(.hubview):has(#sidebar[data-system="juris"]) #topbar .jl-user-meta b{color:#fff!important}html:not(.dark) .app.on:not(.hubview):has(#sidebar[data-system="juris"]) #topbar .jl-user-meta span{color:#dce5ea!important}
html:not(.dark) .app.on:not(.hubview):has(#sidebar[data-system="juris"]) #content{padding:0 18px 30px!important;background:transparent!important;overflow:visible!important}

/* hero principal, inspirado diretamente no painel de Locacoes */
.ju-hero{position:relative;isolation:isolate;min-height:262px;margin:0 -18px 0;border-radius:0 0 28px 28px;overflow:hidden;background:linear-gradient(90deg,rgba(248,243,234,.99) 0 36%,rgba(248,243,234,.90) 45%,rgba(4,30,48,.18) 67%,rgba(2,21,35,.15)),url('juris-justice-approved.webp') 82% 18%/auto 128% no-repeat,url('assets/cards-emp/centro-executivo-carl-hoepcke.jpg') center 45%/cover no-repeat;box-shadow:0 35px 90px -58px rgba(0,25,42,.68);border-bottom:1px solid rgba(212,176,116,.2)}
.ju-hero:before{content:"";position:absolute;left:-8%;top:-67%;width:61%;height:166%;border-radius:50%;background:linear-gradient(135deg,rgba(249,245,237,.99),rgba(232,221,205,.97));box-shadow:22px 0 55px -45px rgba(2,30,49,.48);transform:rotate(-7deg);z-index:1}
.ju-hero:after{content:"";position:absolute;inset:0;background:linear-gradient(105deg,transparent 0 46%,rgba(5,41,62,.04) 61%,rgba(3,24,39,.25)),repeating-radial-gradient(ellipse at 10% -38%,transparent 0 64px,rgba(184,137,78,.045) 66px,transparent 68px 132px);pointer-events:none;z-index:1}
.ju-hero-copy{position:absolute;z-index:3;left:38px;top:91px;max-width:500px}.ju-kicker{font-size:9px;font-weight:700;letter-spacing:.28em;text-transform:uppercase;color:#1e4f6c}.ju-hero h1{margin:10px 0 6px;font:500 clamp(31px,3vw,46px)/1.02 Georgia,'Times New Roman',serif;letter-spacing:-.035em;color:#0b2b45}.ju-hero p{margin:0;color:#536d7d;font-size:12px}.ju-hero-note{position:absolute;z-index:3;right:30px;bottom:24px;color:#fff;text-align:right;font:italic 12px/1.35 Georgia,'Times New Roman',serif;text-shadow:0 2px 12px rgba(0,0,0,.7)}.ju-hero-note b{display:block;font:700 8px/1.2 Inter,sans-serif;letter-spacing:.17em;text-transform:uppercase;color:#e8c78f;margin-bottom:6px}
html:not(.dark) #content.jl-dashboard-page>.pageheader{display:none!important}
html:not(.dark) #content.jl-dashboard-page .ju-hero+.kpis,html:not(.dark) #content.jl-dashboard-page .ju-hero~.kpis{margin-top:-30px!important;padding:0 18px!important;position:relative!important;z-index:5!important}

/* paginas internas: cabecalho com recorte/linho e silhueta juridica */
html:not(.dark) #content.jl-approved:not(.jl-dashboard-page)>.pageheader{position:relative!important;min-height:155px!important;margin:0 -18px 16px!important;padding:82px 32px 22px!important;border:0!important;border-radius:0 0 26px 26px!important;overflow:hidden!important;background:linear-gradient(100deg,rgba(250,247,241,.98) 0 56%,rgba(244,237,227,.83) 68%,rgba(4,36,56,.28)),url('juris-justice-approved.webp') 93% 17%/auto 145% no-repeat,linear-gradient(135deg,#f7f1e8,#e9ddcd)!important;box-shadow:0 30px 70px -55px rgba(0,27,45,.6)!important}
html:not(.dark) #content.jl-approved:not(.jl-dashboard-page)>.pageheader:after{content:"";position:absolute;left:-9%;top:-72%;width:58%;height:175%;border-radius:50%;background:linear-gradient(135deg,#faf7f1,#e9dfd1);transform:rotate(-7deg);box-shadow:22px 0 55px -45px rgba(2,30,49,.38);z-index:0}
html:not(.dark) #content.jl-approved:not(.jl-dashboard-page)>.pageheader>div{position:relative;z-index:2}
html:not(.dark) #content.jl-approved>.pageheader:before{left:21px!important;top:88px!important;height:34px!important;background:linear-gradient(#d9a25c,#b9752c)!important}
html:not(.dark) #content.jl-approved>.pageheader h1{font:500 clamp(29px,2.7vw,40px)/1.03 Georgia,'Times New Roman',serif!important;color:#0b2b45!important}.jl-approved>.pageheader .desc{color:#657687!important}

/* superficies comuns = algodao/linho + profundidade */
html:not(.dark) #content.jl-approved .kpi,html:not(.dark) #content.jl-approved .panel,html:not(.dark) #content.jl-approved .card,html:not(.dark) #content.jl-approved .box,html:not(.dark) #content.jl-approved .jlc-card,html:not(.dark) #content.jl-approved .jl-card{background:radial-gradient(220px 120px at 100% 0%,rgba(77,145,181,.055),transparent 72%),linear-gradient(150deg,rgba(255,253,249,.98),rgba(239,230,216,.94))!important;border:1px solid rgba(44,73,91,.105)!important;border-radius:18px!important;box-shadow:0 20px 44px -32px rgba(0,32,52,.52),inset 0 1px rgba(255,255,255,.96)!important}
html:not(.dark) #content.jl-approved .kpi{min-height:110px!important;padding:15px 16px!important}.jl-approved .kpi .iconwrap{background:linear-gradient(145deg,#fbf4e9,#e8d6bb)!important;color:#b7752c!important;border:1px solid rgba(190,139,70,.18)!important;border-radius:50%!important}.jl-approved .kpi .n{font:500 29px/1 Georgia,'Times New Roman',serif!important;color:#0b2b45!important}.jl-approved .kpi .l{color:#435e70!important}.jl-approved .kpi .delta{font-size:10px!important}
html:not(.dark) #content.jl-approved .panel h3,html:not(.dark) #content.jl-approved .card h3{font:500 20px Georgia,'Times New Roman',serif!important;color:#0b2b45!important}
html:not(.dark) #content.jl-approved .grid2{gap:14px!important}.jl-approved .panel{padding:20px!important}
html:not(.dark) #content.jl-approved .tbl,html:not(.dark) #content.jl-approved table{background:rgba(255,253,249,.66)!important;border-radius:14px!important;overflow:hidden!important}.jl-approved .tbl th{background:rgba(231,221,206,.52)!important;color:#415e72!important}.jl-approved .tbl tr:hover td{background:rgba(207,228,237,.16)!important}
html:not(.dark) #content.jl-approved input,html:not(.dark) #content.jl-approved select,html:not(.dark) #content.jl-approved textarea{background:rgba(255,253,249,.88)!important;border:1px solid rgba(68,94,108,.14)!important;border-radius:11px!important;color:#17364d!important;box-shadow:inset 0 1px #fff!important}.jl-approved input:focus,.jl-approved select:focus,.jl-approved textarea:focus{border-color:rgba(193,139,65,.58)!important;box-shadow:0 0 0 3px rgba(200,148,79,.1)!important}
html:not(.dark) #content.jl-approved .btn.pri{color:#fff!important;background:linear-gradient(145deg,#0b4468,#052b45)!important;border:1px solid rgba(218,180,118,.35)!important;box-shadow:0 14px 30px -20px rgba(2,48,78,.85),inset 0 1px rgba(255,255,255,.12)!important;border-radius:12px!important}.jl-approved .btn.sec,.jl-approved .btn.ghost{color:#12344c!important;background:linear-gradient(145deg,rgba(255,255,255,.84),rgba(239,230,217,.82))!important;border:1px solid rgba(175,132,73,.24)!important;box-shadow:inset 0 1px #fff,0 10px 22px -20px rgba(0,35,57,.5)!important;border-radius:12px!important}
html:not(.dark) #content.jl-approved .tabs{background:rgba(245,239,230,.75)!important;border:1px solid rgba(90,107,114,.11)!important;border-radius:14px!important;padding:4px!important}.jl-approved .tabs button.active{color:#fff!important;background:linear-gradient(145deg,#0c466a,#062b44)!important;border-radius:10px!important;box-shadow:0 9px 18px -14px rgba(0,39,65,.75)!important}
/* graficos e blocos muito vazios ganham textura suave, sem comprometer leitura */
html:not(.dark) #content.jl-dashboard-page .grid2>.panel{min-height:360px!important;position:relative!important;overflow:hidden!important}.jl-dashboard-page .grid2>.panel:after{content:"";position:absolute;left:-18%;right:-10%;bottom:-38%;height:62%;border-radius:50%;border-top:1px solid rgba(35,105,140,.08);transform:rotate(-5deg);pointer-events:none}
/* responsividade */
@media(max-width:1050px){html:not(.dark) #sidebar[data-system="juris"]{width:218px!important}html:not(.dark) .app.on:not(.hubview):has(#sidebar[data-system="juris"]) .main{margin-left:218px!important;width:calc(100% - 218px)!important}.ju-hero{min-height:235px}.ju-hero-copy{left:28px}.ju-hero-note{display:none}.ju-hero:before{width:72%}}
@media(max-width:760px){html:not(.dark) .app.on:not(.hubview):has(#sidebar[data-system="juris"]) .main{margin-left:0!important;width:100%!important}.ju-hero{margin:0 -18px;min-height:220px;background-position:75% 20%,center}.ju-hero:before{width:90%;left:-24%}.ju-hero-copy{left:24px;top:84px;max-width:70%}.ju-hero h1{font-size:32px}}