/* =====================================================================
   LOCA CENA — identidade visual unificada
   Replica o padrão aprovado do Comercial/Jornada para os demais módulos.
   Escopo exclusivamente visual: Painel, Empreendimentos, Repactuações,
   Mercado, Carl, Configurações, tabelas, filtros, fichas e modais.
   ===================================================================== */
html.loca-approved{
  --lu-navy-950:#021521;
  --lu-navy-900:#032238;
  --lu-navy-800:#073b5a;
  --lu-navy-700:#0b5275;
  --lu-blue:#1e6f98;
  --lu-linen:#f3eadc;
  --lu-linen-2:#eadbc7;
  --lu-cotton:#fcf9f3;
  --lu-paper:#fffdf8;
  --lu-gold:#c58c42;
  --lu-gold-2:#e3c28e;
  --lu-ink:#092b45;
  --lu-muted:#687d8d;
  --lu-line:rgba(28,66,91,.12);
  --lu-shadow:0 22px 52px -38px rgba(2,30,49,.58);
  --lu-shadow-deep:0 32px 78px -48px rgba(2,25,42,.7);
}

/* Fundo geral e hierarquia tipográfica */
html.loca-approved .main,
html.loca-approved #content{
  background:
    radial-gradient(900px 420px at 88% 2%,rgba(62,132,169,.08),transparent 65%),
    radial-gradient(760px 460px at 12% 96%,rgba(197,140,66,.055),transparent 68%),
    linear-gradient(145deg,#f7f1e8 0%,#eee4d5 52%,#faf7f1 100%)!important;
}
html.loca-approved #content{
  color:var(--lu-ink)!important;
}
html.loca-approved .pageheader{
  position:relative;
  margin:0 0 16px;
  padding:22px 24px 20px 28px;
  border:1px solid rgba(255,255,255,.8);
  border-radius:24px;
  overflow:hidden;
  background:
    linear-gradient(102deg,rgba(253,250,244,.98) 0 52%,rgba(245,237,225,.88) 65%,rgba(5,45,70,.08) 100%);
  box-shadow:var(--lu-shadow);
}
html.loca-approved .pageheader:before{
  content:"";
  position:absolute;
  width:54%;height:170%;left:-13%;top:-78%;
  border-radius:50%;
  border:1px solid rgba(197,140,66,.2);
  transform:rotate(-7deg);
  pointer-events:none;
}
html.loca-approved .pageheader:after{
  content:"";
  position:absolute;left:10px;top:22px;bottom:22px;width:3px;border-radius:4px;
  background:linear-gradient(#e5be82,#b8782d);
  box-shadow:0 0 12px rgba(203,147,75,.2);
}
html.loca-approved .pageheader h1,
html.loca-approved .loca-panel-head h3,
html.loca-approved .repact-title h1,
html.loca-approved .rep-cardx h3,
html.loca-approved .rep-form-card h3,
html.loca-approved .rep-results h3,
html.loca-approved .lollahead h3{
  color:var(--lu-ink)!important;
  font-family:Georgia,'Times New Roman',serif!important;
  font-weight:500!important;
  letter-spacing:-.025em;
}
html.loca-approved .pageheader h1{font-size:32px!important}
html.loca-approved .pageheader .desc{color:var(--lu-muted)!important}
html.loca-approved .sec{
  color:var(--lu-ink)!important;
  font-family:Georgia,'Times New Roman',serif!important;
  font-weight:500!important;
  font-size:18px!important;
}

/* Superfícies claras padronizadas */
html.loca-approved .loca-panel,
html.loca-approved .rep-card,
html.loca-approved .rep-cardx,
html.loca-approved .rep-kpi,
html.loca-approved .rep-form-card,
html.loca-approved .rep-results,
html.loca-approved .rep-scenario,
html.loca-approved .market-study,
html.loca-approved .tablewrap,
html.loca-approved #cfg-body>.card,
html.loca-approved #cfg-body .card,
html.loca-approved .lolla,
html.loca-approved .lollabar{
  border:1px solid var(--lu-line)!important;
  background:
    radial-gradient(260px 120px at 100% 0%,rgba(59,129,167,.055),transparent 70%),
    linear-gradient(148deg,rgba(255,253,249,.98),rgba(239,229,214,.94))!important;
  box-shadow:var(--lu-shadow),inset 0 1px rgba(255,255,255,.96)!important;
}
html.loca-approved .loca-panel,
html.loca-approved .rep-cardx,
html.loca-approved .rep-form-card,
html.loca-approved .rep-results,
html.loca-approved .market-study,
html.loca-approved .tablewrap,
html.loca-approved .lolla{
  border-radius:18px!important;
}
html.loca-approved .loca-panel-head{
  background:linear-gradient(90deg,rgba(255,255,255,.36),rgba(240,229,212,.18));
  border-bottom-color:rgba(25,66,91,.09)!important;
}
html.loca-approved .loca-panel-head p,
html.loca-approved .market-study p,
html.loca-approved .rep-cardx p,
html.loca-approved .rep-kpi small{
  color:var(--lu-muted)!important;
}

/* Filtros e campos */
html.loca-approved .loca-toolbar,
html.loca-approved .lj-toolbar,
html.loca-approved .rep-toolbarx{
  border:1px solid rgba(35,72,95,.11)!important;
  border-radius:16px!important;
  background:linear-gradient(145deg,rgba(255,253,249,.91),rgba(238,227,211,.84))!important;
  box-shadow:0 15px 35px -31px rgba(0,31,51,.55),inset 0 1px #fff!important;
}
html.loca-approved .loca-toolbar input,
html.loca-approved .loca-toolbar select,
html.loca-approved .lj-toolbar input,
html.loca-approved .lj-toolbar select,
html.loca-approved .rep-toolbarx input,
html.loca-approved .rep-toolbarx select,
html.loca-approved .rep-form-card input,
html.loca-approved .rep-form-card select,
html.loca-approved #cfg-body input,
html.loca-approved #cfg-body select,
html.loca-approved #cfg-body textarea{
  color:var(--lu-ink)!important;
  border:1px solid rgba(32,70,95,.13)!important;
  border-radius:11px!important;
  background:rgba(255,255,255,.68)!important;
  box-shadow:inset 0 1px rgba(255,255,255,.92),0 8px 22px -22px rgba(2,37,59,.45)!important;
}
html.loca-approved input:focus,
html.loca-approved select:focus,
html.loca-approved textarea:focus{
  border-color:rgba(30,111,152,.42)!important;
  box-shadow:0 0 0 3px rgba(30,111,152,.08)!important;
  outline:none!important;
}

/* Tabelas */
html.loca-approved .tbl,
html.loca-approved .rep-table,
html.loca-approved .rep-tablex{
  color:var(--lu-ink)!important;
  background:transparent!important;
}
html.loca-approved .tbl thead th,
html.loca-approved .rep-table thead th,
html.loca-approved .rep-tablex thead th{
  color:#506b7d!important;
  background:linear-gradient(180deg,rgba(242,235,224,.92),rgba(235,226,213,.8))!important;
  border-bottom:1px solid rgba(31,70,95,.12)!important;
  letter-spacing:.09em!important;
}
html.loca-approved .tbl tbody td,
html.loca-approved .rep-table tbody td,
html.loca-approved .rep-tablex tbody td{
  border-bottom-color:rgba(31,70,95,.075)!important;
}
html.loca-approved .tbl tbody tr:hover,
html.loca-approved .rep-table tbody tr:hover,
html.loca-approved .rep-tablex tbody tr:hover{
  background:linear-gradient(90deg,rgba(35,105,143,.045),rgba(197,140,66,.025))!important;
}

/* Empreendimentos */
html.loca-approved .imcard-arte{
  border-color:rgba(34,72,96,.12)!important;
  border-radius:18px!important;
  background:linear-gradient(148deg,#fffdf9,#efe5d7)!important;
  box-shadow:0 20px 46px -34px rgba(1,30,50,.62)!important;
}
html.loca-approved .imcard-arte:hover{
  transform:translateY(-3px);
  border-color:rgba(197,140,66,.42)!important;
  box-shadow:0 28px 54px -35px rgba(1,29,48,.68)!important;
}
html.loca-approved .imcard-arte img{filter:saturate(.88) contrast(1.03) brightness(.96)!important}
html.loca-approved .imarte-info{
  background:linear-gradient(145deg,rgba(255,253,248,.98),rgba(239,229,214,.92));
  border-top-color:rgba(31,69,93,.09)!important;
}
html.loca-approved .imarte-info b{color:var(--lu-ink)!important;font-family:Georgia,'Times New Roman',serif!important;font-weight:500!important}

/* Mercado e precificação */
html.loca-approved .market-targets{gap:12px!important}
html.loca-approved .market-target{
  position:relative;
  overflow:hidden;
  min-height:94px;
  padding:16px 14px!important;
  border:1px solid rgba(224,190,134,.25)!important;
  border-radius:16px!important;
  background:
    radial-gradient(180px 90px at 100% 0%,rgba(80,155,195,.19),transparent 70%),
    linear-gradient(145deg,#073b59,#031e32)!important;
  box-shadow:0 18px 34px -28px rgba(1,29,48,.9),inset 0 1px rgba(255,255,255,.08)!important;
}
html.loca-approved .market-target:after{
  content:"";position:absolute;width:130px;height:70px;right:-28px;bottom:-48px;border-radius:50%;border-top:1px solid rgba(228,194,139,.26);transform:rotate(-9deg)
}
html.loca-approved .market-target span{color:#d9e7ed!important}
html.loca-approved .market-target b{color:#fff!important;font-family:Georgia,'Times New Roman',serif!important;font-weight:500!important}
html.loca-approved .market-study{
  position:relative;overflow:hidden;padding:18px!important;
}
html.loca-approved .market-study:after{
  content:"";position:absolute;left:0;bottom:0;width:100%;height:3px;background:linear-gradient(90deg,var(--lu-gold),transparent 72%);opacity:.7
}
html.loca-approved .market-study h4{font:500 16px Georgia,'Times New Roman',serif!important;color:var(--lu-ink)!important}
html.loca-approved .market-study strong{color:#2f806a!important}

/* Repactuações — mesma linguagem do Comercial */
html.loca-approved .repact-shell{
  display:flex;
  flex-direction:column;
  gap:16px;
  color:var(--lu-ink)!important;
}
html.loca-approved .repact-head{
  position:relative;
  min-height:145px;
  padding:28px 30px!important;
  display:flex!important;
  align-items:flex-start!important;
  justify-content:space-between!important;
  overflow:hidden;
  border:1px solid rgba(255,255,255,.82)!important;
  border-radius:25px!important;
  background:
    linear-gradient(100deg,rgba(251,247,240,.99) 0 48%,rgba(248,242,232,.82) 58%,rgba(4,35,55,.23) 100%),
    url('assets/cards-emp/centro-executivo-ferreira-lima.jpg') center 45%/cover no-repeat!important;
  box-shadow:var(--lu-shadow-deep)!important;
}
html.loca-approved .repact-head:before{
  content:"";position:absolute;left:-11%;top:-72%;width:60%;height:178%;border-radius:50%;background:linear-gradient(140deg,rgba(255,252,246,.98),rgba(234,220,201,.86));transform:rotate(-7deg);box-shadow:20px 0 50px -43px rgba(2,27,44,.5);pointer-events:none
}
html.loca-approved .repact-head:after{
  content:"";position:absolute;inset:0;background:linear-gradient(110deg,transparent 45%,rgba(3,29,47,.04) 68%,rgba(3,23,38,.18));pointer-events:none
}
html.loca-approved .repact-title,
html.loca-approved .rep-period{position:relative;z-index:2}
html.loca-approved .repact-title h1{font-size:36px!important;margin:0 0 6px!important}
html.loca-approved .repact-title p{color:#607786!important}
html.loca-approved .rep-period{
  color:#fff!important;
  border:1px solid rgba(229,197,147,.42)!important;
  background:rgba(3,32,51,.52)!important;
  backdrop-filter:blur(12px);
  border-radius:12px!important;
  box-shadow:0 12px 28px -20px rgba(0,18,30,.8)!important;
}
html.loca-approved .rep-kpis{gap:12px!important}
html.loca-approved .rep-kpi{
  position:relative!important;
  overflow:hidden!important;
  border-radius:17px!important;
  background:radial-gradient(180px 95px at 100% 0%,rgba(60,132,170,.08),transparent 70%),linear-gradient(150deg,rgba(255,253,249,.98),rgba(239,229,214,.94))!important;
}
html.loca-approved .rep-kpi:after{
  content:"";position:absolute;left:-25%;right:-15%;bottom:-46%;height:75%;border-radius:50%;border-top:1px solid rgba(30,106,145,.1);transform:rotate(-7deg)
}
html.loca-approved .rep-kpi b{color:var(--lu-ink)!important;font-family:Georgia,'Times New Roman',serif!important;font-weight:500!important}
html.loca-approved .rep-kpi .rep-icon{color:var(--lu-gold)!important;background:linear-gradient(145deg,#fbf4e9,#ead9bf)!important;border:1px solid rgba(195,141,71,.18)!important}
html.loca-approved .rep-cardx{border-radius:18px!important}
html.loca-approved .rep-year{
  border:1px solid rgba(32,70,95,.11)!important;
  border-radius:14px!important;
  background:linear-gradient(145deg,rgba(255,253,249,.94),rgba(239,229,214,.9))!important;
  box-shadow:0 12px 25px -23px rgba(0,31,51,.5)!important;
}
html.loca-approved .rep-year.on{
  color:#fff!important;
  border-color:rgba(223,187,129,.4)!important;
  background:linear-gradient(145deg,#0a4668,#052b44)!important;
  box-shadow:0 16px 30px -22px rgba(3,47,74,.8)!important;
}
html.loca-approved .rep-scenario.recommended{
  border-color:rgba(197,140,66,.55)!important;
  box-shadow:0 18px 35px -27px rgba(197,140,66,.45),inset 0 1px #fff!important;
}
html.loca-approved .rep-event:before{background:var(--lu-gold)!important}
html.loca-approved .rep-report-cta .btn.pri{min-width:170px}

/* Carl no padrão Locações */
html.loca-approved .lollahead{
  position:relative;
  overflow:hidden;
  min-height:122px;
  padding:20px 22px!important;
  border:1px solid rgba(255,255,255,.8)!important;
  border-radius:22px!important;
  background:
    radial-gradient(300px 140px at 92% 5%,rgba(70,147,188,.13),transparent 67%),
    linear-gradient(145deg,rgba(252,248,241,.98),rgba(236,224,207,.94))!important;
  box-shadow:var(--lu-shadow)!important;
}
html.loca-approved .lollahead:after{
  content:"";position:absolute;right:-12%;bottom:-78%;width:48%;height:140%;border-radius:50%;border-top:1px solid rgba(197,140,66,.22);transform:rotate(-8deg);pointer-events:none
}
html.loca-approved .carlhead-mark{
  border:2px solid rgba(214,177,116,.55)!important;
  box-shadow:0 16px 34px -22px rgba(2,32,52,.72)!important;
}
html.loca-approved .lollahead .htxt p{color:var(--lu-muted)!important}
html.loca-approved .lollabar{padding:11px 12px!important;border-radius:15px!important}
html.loca-approved .lolla{overflow:hidden!important}
html.loca-approved .lollamsgs{background:linear-gradient(145deg,rgba(252,249,244,.74),rgba(239,229,214,.55))!important}
html.loca-approved .lollamsgs .me,
html.loca-approved .lollamsgs .user{background:linear-gradient(145deg,#0b4768,#052b44)!important;color:white!important}

/* Configurações */
html.loca-approved #cfg-tabs.tabs{
  display:flex;
  gap:6px;
  width:max-content;
  max-width:100%;
  padding:5px!important;
  margin-bottom:14px!important;
  border:1px solid rgba(34,71,95,.1)!important;
  border-radius:14px!important;
  background:linear-gradient(145deg,rgba(255,253,249,.92),rgba(238,227,211,.86))!important;
  box-shadow:0 12px 28px -25px rgba(0,31,51,.48),inset 0 1px #fff!important;
}
html.loca-approved #cfg-tabs.tabs button{
  border:0!important;
  border-radius:10px!important;
  color:#547082!important;
  background:transparent!important;
  padding:9px 15px!important;
}
html.loca-approved #cfg-tabs.tabs button.active{
  color:#fff!important;
  background:linear-gradient(145deg,#0b4769,#052c46)!important;
  box-shadow:0 11px 24px -18px rgba(2,43,69,.8),inset 0 1px rgba(255,255,255,.12)!important;
}

/* Botões e badges finais */
html.loca-approved .btn.pri{
  background:linear-gradient(145deg,#0b496c,#052a43)!important;
  border-color:rgba(222,185,126,.35)!important;
  color:white!important;
  box-shadow:0 15px 30px -22px rgba(2,42,67,.85),inset 0 1px rgba(255,255,255,.12)!important;
}
html.loca-approved .btn.pri:hover{filter:brightness(1.06);transform:translateY(-1px)}
html.loca-approved .btn.sec,
html.loca-approved .btn.ghost{
  color:var(--lu-ink)!important;
  border-color:rgba(173,128,69,.25)!important;
  background:linear-gradient(145deg,rgba(255,255,255,.84),rgba(239,229,214,.78))!important;
  box-shadow:inset 0 1px #fff,0 10px 22px -20px rgba(0,35,57,.48)!important;
}
html.loca-approved .badge,
html.loca-approved .lbadge,
html.loca-approved .rep-pill,
html.loca-approved .lj-pill{
  border-radius:999px!important;
}

/* Fichas, dialogs e sheets abertos dentro de Locações */
html.loca-approved #dialog.on,
html.loca-approved #sheet.on{
  --card:#fffdf9;
  --background:#f6efe5;
}
html.loca-approved #dialog .dialogbox,
html.loca-approved #dialog .dialog-card,
html.loca-approved #sheet .sheet-inner,
html.loca-approved #sheet .sheetbody{
  border-color:rgba(31,69,93,.13)!important;
  background:linear-gradient(145deg,#fffdf9,#eee3d3)!important;
  box-shadow:0 34px 80px -42px rgba(1,24,40,.72)!important;
}

@media(max-width:980px){
  html.loca-approved .market-targets{grid-template-columns:repeat(3,minmax(0,1fr))!important}
  html.loca-approved .repact-head{min-height:130px;padding:22px!important}
}
@media(max-width:640px){
  html.loca-approved .pageheader{border-radius:18px;padding:19px 18px 17px 22px}
  html.loca-approved .pageheader h1{font-size:27px!important}
  html.loca-approved .market-targets{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  html.loca-approved .repact-head{border-radius:19px!important;min-height:118px}
  html.loca-approved .repact-title h1{font-size:29px!important}
}
