/* HUB CENA — Opção 01: Panorama Integrado */
html:not(.dark) .app.hubview #content, .app.hubview #content{padding:0!important;overflow:hidden!important}
.panorama-hub{
  --gold:#c8944f;--navy:#031827;--ink:#0b2b45;--linen:#f5efe5;
  min-height:100dvh!important;background:radial-gradient(90% 80% at 50% 0%,#123d59 0%,#06263d 45%,#021521 100%)!important;color:var(--ink)!important;
}
.ph-atmosphere{background:repeating-radial-gradient(ellipse at -12% 100%,transparent 0 78px,rgba(103,169,203,.06) 80px 81px),radial-gradient(80% 60% at 55% 0%,rgba(46,128,171,.18),transparent 65%)!important}
.ph-header{
  height:96px!important;padding:0 5vw!important;background:transparent!important;border:0!important;backdrop-filter:none!important;
}
.ph-logo{width:145px!important;filter:brightness(0) invert(1)!important}
.ph-user{color:#f5f7f8!important;font-size:13px!important}.ph-avatar{width:46px!important;height:46px!important;background:rgba(2,19,31,.45)!important;border-color:rgba(225,187,126,.62)!important}.ph-logout{font-size:13px!important}
.ph-layout{
  display:grid!important;grid-template-columns:minmax(300px,23%) minmax(0,1fr)!important;
  min-height:calc(100dvh - 116px)!important;margin:96px 1.8vw 20px!important;padding:0!important;
  border-radius:28px!important;overflow:hidden!important;
  background:linear-gradient(115deg,rgba(251,248,242,.97) 0%,rgba(245,238,228,.91) 42%,rgba(233,222,206,.94) 100%),var(--cena-bridge) center 62%/cover no-repeat!important;
  border:1px solid rgba(255,255,255,.82)!important;
  box-shadow:0 42px 110px -58px rgba(0,11,20,.9),inset 0 1px #fff!important;
}
.ph-intro{
  min-width:0!important;padding:40px 38px!important;justify-content:center!important;
  color:var(--ink)!important;background:transparent!important;overflow:hidden!important;
}
.ph-intro:before{
  left:-65%!important;top:35%!important;width:175%!important;height:85%!important;opacity:.8!important;
  background:repeating-radial-gradient(ellipse at 62% 55%,transparent 0 52px,rgba(25,93,130,.065) 53px 54px)!important;
}
.ph-intro:after{
  content:""!important;display:block!important;position:absolute!important;z-index:0!important;
  left:-35%!important;right:auto!important;top:0!important;bottom:auto!important;width:170%!important;height:100%!important;border:0!important;border-radius:0!important;
  background:linear-gradient(180deg,rgba(246,240,231,.86) 0%,rgba(246,240,231,.25) 48%,transparent 100%),var(--cena-bridge) 50% 88%/250% auto no-repeat!important;
  filter:grayscale(1) sepia(.18)!important;opacity:.34!important;
}
.ph-intro h1.ph-greeting{margin:0!important;max-width:270px!important;color:var(--ink)!important;font:500 clamp(40px,3.1vw,56px)/1.02 Georgia,"Times New Roman",serif!important;letter-spacing:-.045em!important}
.ph-intro h1.ph-greeting span{display:inline!important;color:var(--ink)!important}
.ph-intro h1.ph-greeting em{display:block!important;margin:0!important;color:var(--ink)!important;font-style:normal!important}
.ph-intro h1.ph-greeting em:before{content:none!important}
.ph-intro h1.ph-greeting em{font-size:clamp(30px,2.35vw,43px)!important;margin-top:8px!important;line-height:1.08!important}
.ph-intro-rule{width:45px!important;height:2px!important;margin:28px 0 22px!important;background:var(--gold)!important}
.ph-intro-rule:after{content:"Acesse os sistemas integrados da Cena Empreendimentos e continue o que realmente importa: fazer acontecer.";display:block;width:240px;padding-top:22px;color:#536d7d;font:400 12px/1.65 Inter,sans-serif}
.ph-connected{
  position:relative!important;z-index:2!important;margin-top:auto!important;width:min(285px,100%)!important;
  background:rgba(255,255,255,.62)!important;border-color:rgba(190,139,70,.22)!important;color:var(--ink)!important;
  box-shadow:0 18px 35px -30px rgba(0,34,54,.5),inset 0 1px #fff!important;
}
.ph-connected b{color:#a56824!important}.ph-connected span{color:#637783!important}.ph-connected-arrow{color:#a56824!important}

.ph-stage{
  position:relative!important;display:flex!important;align-items:center!important;gap:10px!important;min-width:0!important;
  padding:45px 22px 52px 0!important;background:transparent!important;overflow:visible!important;
}
.ph-stage:before{
  opacity:.055!important;inset:0!important;background-image:var(--cena-bridge)!important;background-position:center bottom!important;background-size:cover!important;
  filter:grayscale(1)!important;transform:none!important;mask-image:linear-gradient(180deg,transparent 0%,#000 58%,#000 100%)!important;
}
.ph-stage:after{display:none!important}
.ph-panel{
  position:relative!important;z-index:3!important;flex:1 1 0!important;width:auto!important;min-width:0!important;height:62vh!important;min-height:470px!important;max-height:660px!important;
  padding:0!important;border-radius:17px!important;overflow:hidden!important;color:#fff!important;text-align:left!important;
  border:1px solid rgba(31,61,80,.16)!important;background-position:center!important;background-size:cover!important;
  box-shadow:0 20px 42px -31px rgba(0,30,49,.55),inset 0 1px rgba(255,255,255,.3)!important;
  transition:flex .35s cubic-bezier(.22,.72,.16,1),transform .3s ease,box-shadow .3s ease!important;
}
.ph-panel.ph-juris{background-image:linear-gradient(0deg,rgba(2,24,39,.96) 0%,rgba(2,24,39,.64) 34%,rgba(2,24,39,.04) 70%),url('hub-juridico-v2.webp')!important}
.ph-panel.ph-loca{background-image:linear-gradient(0deg,rgba(2,24,39,.96) 0%,rgba(2,24,39,.62) 34%,rgba(2,24,39,.03) 70%),url('card-loca.webp')!important}
.ph-panel.ph-adm{background-image:linear-gradient(0deg,rgba(2,24,39,.96) 0%,rgba(2,24,39,.62) 34%,rgba(2,24,39,.03) 70%),url('card-adm.webp')!important}
.ph-panel.ph-patrimonial{background-image:linear-gradient(0deg,rgba(2,24,39,.96) 0%,rgba(2,24,39,.62) 34%,rgba(2,24,39,.03) 70%),url('hub-incorporacao-v2.webp')!important}
.ph-panel.ph-comercial{background-image:linear-gradient(0deg,rgba(2,24,39,.96) 0%,rgba(2,24,39,.62) 34%,rgba(2,24,39,.03) 70%),url('hub-comercial-v2.webp')!important}
.ph-panel:after{opacity:1!important;background:linear-gradient(180deg,rgba(255,255,255,.03),transparent 54%,rgba(1,16,27,.15))!important}
.ph-panel-inner{
  position:absolute!important;inset:auto 0 0!important;display:block!important;opacity:1!important;visibility:visible!important;
  padding:22px 18px 24px!important;color:#fff!important;pointer-events:none!important;
}
.ph-index{display:none!important;margin-bottom:13px;color:#d5a45f!important;font:500 12px/1 IBM Plex Mono,monospace!important}
.ph-panel h2{margin:0 0 8px!important;color:#fff!important;font:500 clamp(16px,1.4vw,24px)/1.05 Georgia,"Times New Roman",serif!important;white-space:normal!important}
.ph-panel p{margin:0!important;color:#d7e2e7!important;font:400 9px/1.45 Inter,sans-serif!important}
.ph-arrow{display:grid!important;place-items:center!important;visibility:visible!important;opacity:1!important;position:absolute!important;right:15px!important;bottom:17px!important;width:30px!important;height:30px!important;border-radius:50%!important;color:#d9a55f!important;background:rgba(2,24,39,.48)!important;border:1px solid rgba(215,165,95,.4)!important}
.ph-panel.is-active,.ph-panel:hover,.ph-panel:focus{flex:1.45 1 0!important;transform:translateY(-10px)!important;border-color:rgba(200,148,77,.82)!important;box-shadow:0 36px 58px -35px rgba(0,28,46,.72),0 0 0 1px rgba(200,148,77,.14),inset 0 1px rgba(255,255,255,.38)!important}
.ph-panel.ph-soon{cursor:pointer!important}.ph-panel.ph-soon:before{content:"EM IMPLANTAÇÃO";display:block!important;position:absolute!important;z-index:5!important;left:15px!important;top:15px!important;padding:6px 8px!important;border-radius:7px!important;color:#f0cc91!important;background:rgba(3,28,45,.78)!important;border:1px solid rgba(215,165,95,.42)!important;font:700 7px/1 Inter,sans-serif!important;letter-spacing:.12em!important}
.ph-ribbon-glow{display:none!important}
@media(max-width:1180px){.ph-layout{grid-template-columns:280px minmax(0,1fr)!important}.ph-stage{gap:7px!important;padding-right:14px!important}.ph-panel p{display:none!important}.ph-panel-inner{padding:18px 13px 20px!important}}
@media(max-width:820px){.ph-layout{display:block!important;margin:82px 10px 10px!important}.ph-intro{min-height:245px!important;padding:38px 25px!important}.ph-connected{margin-top:50px!important}.ph-stage{min-height:470px!important;height:auto!important;overflow-x:auto!important;padding:20px!important;align-items:stretch!important}.ph-panel{flex:0 0 220px!important;height:430px!important;min-height:430px!important}.ph-panel.is-active{flex-basis:250px!important}.ph-header{height:80px!important;padding:0 22px!important}}

/* Ajustes aprovados: saudação pessoal, sem numeração e sem bloco conectado */
.ph-connected{display:none!important}
.ph-intro-rule{margin-bottom:0!important}

/* Composição final da lateral */
.ph-intro-rule{display:none!important}
.ph-intro h1.ph-greeting{position:relative!important;z-index:2!important;margin:auto 0!important}

/* Ponte integrada ao fundo geral, sem recorte lateral */
.ph-intro:after{display:none!important}
.ph-layout:after{content:""!important;position:absolute!important;inset:0!important;z-index:0!important;pointer-events:none!important;background:linear-gradient(90deg,rgba(255,252,247,.05),rgba(255,252,247,.38) 47%,rgba(255,252,247,.68) 100%)!important}
.ph-intro,.ph-stage{position:relative!important;z-index:1!important}
