/* Sistema Cena — unificação final com o padrão de Locações */
:root{--cena-bridge:url('https://upload.wikimedia.org/wikipedia/commons/0/02/Ponte_Herc%C3%ADlio_Luz_-_Florian%C3%B3polis_-_20220911165825.jpg')}

/* Barra superior limpa: elimina a faixa fosca que cortava os cabeçalhos */
html:not(.dark) .app.on:not(.hubview) #topbar{
  background:transparent!important;border:0!important;box-shadow:none!important;
  backdrop-filter:none!important;-webkit-backdrop-filter:none!important;
}
html:not(.dark) .app.on:not(.hubview) #topbar:after{display:none!important}

/* Jurídico: hero por tela, sempre abaixo do início real do conteúdo */
html:not(.dark) #content.cena-route-page{
  padding-top:0!important;overflow-x:clip!important;
}
html:not(.dark) #content.cena-route-page > .pageheader{display:none!important}
html:not(.dark) #content.cena-route-page > .cena-juris-hero{
  display:block!important;position:relative!important;isolation:isolate!important;
  width:auto!important;max-width:none!important;height:220px!important;min-height:220px!important;
  margin:0 -18px 18px!important;border-radius:0 0 28px 28px!important;overflow:hidden!important;
  background:
    linear-gradient(90deg,rgba(248,243,234,.99) 0 38%,rgba(248,243,234,.90) 47%,rgba(4,30,48,.07) 70%,rgba(2,21,35,.20)),
    var(--cena-bridge) center 48%/cover no-repeat!important;
  border:0!important;border-bottom:1px solid rgba(212,176,116,.22)!important;
  box-shadow:0 28px 70px -42px rgba(3,27,43,.52)!important;
}
html:not(.dark) #content.cena-route-page > .cena-juris-hero:before{
  content:"";position:absolute;z-index:1;left:-7%;top:-62%;width:57%;height:165%;
  border-radius:50%;transform:rotate(-7deg);
  background:linear-gradient(135deg,#faf7f1,#e9ddcd);
  box-shadow:22px 0 55px -45px rgba(2,30,49,.45);
}
html:not(.dark) #content.cena-route-page > .cena-juris-hero:after{
  content:"";position:absolute;inset:0;z-index:2;pointer-events:none;
  background:linear-gradient(105deg,transparent 0 48%,rgba(4,31,49,.08) 70%,rgba(3,23,38,.16));
}
html:not(.dark) #content.cena-route-page > .cena-juris-hero + .kpis{margin-top:-48px!important}
html:not(.dark) #content.cena-route-page:not(.jl-dashboard-page) > .cena-juris-hero{margin-bottom:16px!important}
html:not(.dark) #content.cena-route-page:not(.jl-dashboard-page) > :nth-child(2){margin-top:0!important}

/* Tipografia, fundos e cartões no padrão aprovado */
html:not(.dark) #content.cena-route-page{
  color:#0b2b45!important;background:linear-gradient(145deg,#f6f0e7,#eadfce 56%,#f8f4ed)!important;
}
html:not(.dark) #content.cena-route-page :is(.panel,.toolbar,.deal,.card,.sheet-card,.trc-card,.cp-terrain,.cp-kpi){
  border-color:rgba(45,71,88,.10)!important;
  background:linear-gradient(145deg,rgba(255,253,248,.96),rgba(240,231,218,.91))!important;
  box-shadow:0 23px 50px -38px rgba(0,28,46,.58),inset 0 1px #fff!important;
}
html:not(.dark) #content.cena-route-page :is(h1,h2,h3,.title){
  color:#0b2b45;
}
html:not(.dark) #content.cena-route-page :is(.btn.pri,.cp-register){
  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;
}

/* Repactuações: mesma ponte, mesma luz, mesma composição */
html:not(.dark) .app.on:not(.hubview):has(#sidebar[data-system="repact"]){
  background:linear-gradient(145deg,#f6f0e7,#eadfce 56%,#f8f4ed)!important;
}
html:not(.dark) .app.on:not(.hubview):has(#sidebar[data-system="repact"]) #content{
  padding:0 18px 30px!important;background:transparent!important;overflow-x:clip!important;
}
html:not(.dark) #sidebar[data-system="repact"]{
  background:
    linear-gradient(180deg,rgba(2,27,43,.10) 0 50%,rgba(2,24,38,.74) 79%,rgba(1,18,29,.97) 100%),
    radial-gradient(110% 58% at 22% 15%,rgba(54,139,184,.20),transparent 58%),
    linear-gradient(180deg,#0a3a56 0%,#052b43 46%,#031d2f 100%)!important;
}
html:not(.dark) #sidebar[data-system="repact"]:before{
  content:""!important;position:absolute!important;inset:0!important;pointer-events:none!important;opacity:.42!important;
  background:linear-gradient(180deg,transparent 0 58%,rgba(2,24,38,.48) 78%,rgba(2,20,32,.9) 100%),var(--cena-bridge) center bottom/auto 48% no-repeat!important;
}
html:not(.dark) #sidebar[data-system="repact"] :is(.brand,.navwrap,.navfoot){position:relative;z-index:1}
html:not(.dark) .repact-shell{max-width:100%!important;min-width:0!important;background:transparent!important}
html:not(.dark) .repact-head{
  position:relative!important;isolation:isolate!important;height:220px!important;min-height:220px!important;
  margin:0 -18px 18px!important;padding:42px 34px!important;border:0!important;border-radius:0 0 28px 28px!important;overflow:hidden!important;
  background:
    linear-gradient(90deg,rgba(248,243,234,.99) 0 38%,rgba(248,243,234,.90) 47%,rgba(4,30,48,.07) 70%,rgba(2,21,35,.20)),
    var(--cena-bridge) center 48%/cover no-repeat!important;
  box-shadow:0 28px 70px -42px rgba(3,27,43,.52)!important;
}
html:not(.dark) .repact-head:before{
  content:"";position:absolute;z-index:0;left:-7%;top:-62%;width:57%;height:165%;border-radius:50%;transform:rotate(-7deg);
  background:linear-gradient(135deg,#faf7f1,#e9ddcd);box-shadow:22px 0 55px -45px rgba(2,30,49,.45);
}
html:not(.dark) .repact-head:after{content:"";position:absolute;inset:0;z-index:0;background:linear-gradient(105deg,transparent 0 48%,rgba(4,31,49,.08) 70%,rgba(3,23,38,.16));pointer-events:none}
html:not(.dark) .repact-head > *{position:relative;z-index:2}
html:not(.dark) .repact-title h1{font:500 clamp(32px,3vw,45px)/1.02 Georgia,'Times New Roman',serif!important;color:#0b2b45!important;letter-spacing:-.035em!important}
html:not(.dark) .repact-title p{color:#536d7d!important;font-size:12px!important}
html:not(.dark) .rep-period{align-self:flex-start!important;color:#fff!important;background:rgba(4,38,59,.72)!important;border:1px solid rgba(218,180,118,.38)!important;backdrop-filter:none!important}
html:not(.dark) .rep-kpis{position:relative!important;z-index:4!important;margin-top:-50px!important;padding:0 18px!important}
html:not(.dark) :is(.rep-kpi,.rep-cardx,.rep-toolbarx,.rep-form-card,.rep-results,.rep-tablewrap){
  border-radius:18px!important;border-color:rgba(45,71,88,.1)!important;
  background:linear-gradient(145deg,rgba(255,253,248,.96),rgba(240,231,218,.91))!important;
  box-shadow:0 23px 50px -38px rgba(0,28,46,.58),inset 0 1px #fff!important;
}
html:not(.dark) .rep-kpi b,html:not(.dark) .rep-cardx h3{font-family:Georgia,'Times New Roman',serif!important;color:#0b2b45!important}

/* Todos os grids respeitam a largura após a barra lateral */
html:not(.dark) :is(#content.cena-route-page,.repact-shell,.rep-grid,.rep-kpis,.cp-terrain-grid) > *{min-width:0!important;box-sizing:border-box!important}
@media(max-width:760px){
  html:not(.dark) #content.cena-route-page > .cena-juris-hero,
  html:not(.dark) .repact-head{height:190px!important;min-height:190px!important}
  html:not(.dark) .repact-head{padding:32px 20px!important}
}