/* V22.3.82 / build 2405 — acabamento APENAS Relatórios, Analytics, Demanda e Data em Metas. */
#relatorioView{--report-ink:#f8f8f9;--report-muted:#b9bec8;--report-yellow:#ffd426;--report-card:#1b1d22;--report-edge:#383b43}
/* Campo compacto pedido em Meus Investimentos, sem afetar outros inputs. */
#relatorioView .report-goals-surface label:has(> input[name="investDate"]){max-width:210px;width:100%;justify-self:start}
#relatorioView .report-goals-surface input[name="investDate"]{width:100%;max-width:186px;min-width:0;padding-inline:9px!important}
/* Introdução da aba Relatório: reaproveita os controles existentes sem mudar seus IDs. */
#relatorioView .report-section-head{
  position:relative;isolation:isolate;overflow:hidden;border:1px solid #58502d!important;
  border-radius:20px!important;background:linear-gradient(117deg,#25231c,#191a1e 60%,#15171a)!important;
  padding:clamp(18px,2.6vw,28px)!important;gap:20px!important;
}
#relatorioView .report-section-head::after{content:"";position:absolute;right:-95px;top:-155px;width:350px;height:350px;background:radial-gradient(circle,#ffd4261e,transparent 70%);pointer-events:none;z-index:-1}
#relatorioView .report-section-head .eyebrow{color:#ffd426!important;letter-spacing:.15em;font-weight:850}
#relatorioView .report-section-head h3{color:#fff!important;letter-spacing:-.04em;font-size:clamp(23px,2.8vw,32px)!important;line-height:1.2;margin-block:6px 9px}
#relatorioView .report-section-head>div:first-child>p:last-child{color:#c3c6cd!important;max-width:58ch;line-height:1.55}
#relatorioView .report-filter{position:relative;z-index:1;min-width:0}
#relatorioView .report-date-search label{color:#dfe1e5!important;font-size:12px;font-weight:750}
#relatorioView .report-date-search input{background:#111317!important;color:#f4f5f7!important;border:1px solid #444851!important;border-radius:10px!important;min-width:0}
#relatorioView .report-presets button{background:#202328!important;border:1px solid #454850!important;color:#f4f5f7!important}
#relatorioView .report-presets button:hover{border-color:#ffd426!important}
#relatorioView #exportReportPdfBtn{border-radius:11px!important;font-weight:800!important}
#relatorioView .report-main-tabs{border:1px solid #30343b;border-radius:15px;padding:6px!important;background:#15171b!important;gap:7px!important}
#relatorioView .report-main-tabs button{border-radius:10px!important;min-height:44px!important;background:#202227!important;border:1px solid transparent!important;color:#e8ebf0!important}
#relatorioView .report-main-tabs button.active{color:#141414!important;background:#ffd426!important;border-color:#ffd426!important;box-shadow:0 4px 14px #ffd4261b}
/* Blocos existentes da aba Relatório mensal. */
#relatorioView #reportMonthlyArea .report-kpis{gap:12px!important;margin-block:22px!important}
#relatorioView #reportMonthlyArea .report-kpi{
  position:relative;min-width:0;overflow:hidden;background:linear-gradient(155deg,#22242a,#17191d)!important;
  border:1px solid #393d45!important;border-radius:16px!important;padding:19px!important;box-shadow:0 8px 22px #00000014
}
#relatorioView #reportMonthlyArea .report-kpi::before{content:"";display:block;width:25px;height:3px;border-radius:4px;background:#ffdb4d;margin-bottom:15px}
#relatorioView #reportMonthlyArea .report-kpi span{color:#d3d6dc!important;font-size:12px;font-weight:750!important}
#relatorioView #reportMonthlyArea .report-kpi strong{color:#fff!important;letter-spacing:-.035em;font-size:clamp(20px,2.4vw,29px)!important;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}
#relatorioView #reportMonthlyArea .report-kpi small{color:#aeb5c0!important;line-height:1.55!important}
#relatorioView #reportMonthlyArea .report-kpi.danger-kpi::before{background:#fc857f}
#relatorioView #reportMonthlyArea>.report-grid{gap:17px!important}
#relatorioView #reportMonthlyArea>.report-grid>.panel,
#relatorioView #reportMonthlyArea>.report-calendar-panel,
#relatorioView #reportMonthlyArea>.report-details{
  border:1px solid #393d45!important;background:linear-gradient(160deg,#202227,#17191d)!important;
  border-radius:18px!important;padding:clamp(16px,2vw,23px)!important;color:#f7f8fa!important;
}
#relatorioView #reportMonthlyArea .panel-head h3{font-size:clamp(17px,2vw,21px);color:#fff!important;letter-spacing:-.025em}
#relatorioView #reportMonthlyArea .panel-head .eyebrow{color:#ffd426!important;font-size:10px!important;letter-spacing:.14em}
#relatorioView #reportMonthlyArea .finance-bars{gap:15px}
#relatorioView #reportMonthlyArea .finance-bar-track{background:#35383f!important;border-radius:20px!important}
#relatorioView #reportMonthlyArea .finance-bar-fill{background:linear-gradient(90deg,#c6a009,#ffdd49)!important}
#relatorioView #reportMonthlyArea .client-report-row{background:#15171c!important;border:1px solid #393c45!important;color:#fff!important;border-radius:12px!important}
#relatorioView #reportMonthlyArea .client-report-row small{color:#afb6c0!important}
#relatorioView #reportMonthlyArea .client-report-row>span{background:#33302a!important;color:#ffdf57!important}
#relatorioView #reportMonthlyArea .report-table-head{background:#111318!important;color:#ffde51!important}
#relatorioView #reportMonthlyArea .report-table-row{border-bottom-color:#393c43!important;color:#e9e9eb!important}
#relatorioView #reportMonthlyArea .report-calendar-nav .btn{border-color:#434852!important}
/* Analytics e Demanda preservam os cálculos e handlers existentes; a classe atua apenas na apresentação. */
#relatorioView .report-analytics-surface,
#relatorioView .report-demand-surface{display:grid;gap:18px;margin:8px 0 26px;min-width:0;color:#f8f8f9}
#relatorioView .report-data-hero{position:relative;overflow:hidden;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:clamp(19px,3vw,29px);border:1px solid #58502d;border-radius:20px;background:linear-gradient(117deg,#25231c,#191a1e 60%,#15171a)}
#relatorioView .report-data-hero::after{content:"";position:absolute;right:-95px;top:-135px;width:300px;height:300px;background:radial-gradient(circle,#ffd42621,transparent 70%);pointer-events:none}
#relatorioView .report-data-hero>div{position:relative;z-index:1}
#relatorioView .report-data-hero span{display:block;color:#ffdb54;font-size:10px;font-weight:850;letter-spacing:.16em;margin-bottom:11px}
#relatorioView .report-data-hero h3{font-size:clamp(22px,2.7vw,29px);line-height:1.18;letter-spacing:-.045em;color:#fff;margin:0 0 9px}
#relatorioView .report-data-hero p{color:#c1c6d0;font-size:13px;line-height:1.55;margin:0;max-width:55ch}
#relatorioView .report-data-hero>strong{position:relative;z-index:1;color:#ffe073;font-size:11px;letter-spacing:.15em;border:1px solid #62552c;border-radius:10px;padding:12px 15px;white-space:nowrap;background:#111214a6}
#relatorioView :is(.report-analytics-surface,.report-demand-surface) .pro-card{margin:0!important;background:linear-gradient(165deg,#202227,#17191e)!important;color:#f8f8f9!important;border:1px solid #393d45!important;border-radius:18px!important;padding:clamp(17px,2.4vw,25px)!important;min-width:0;overflow-wrap:anywhere}
#relatorioView :is(.report-analytics-surface,.report-demand-surface) .pro-card h3{display:flex;align-items:center;gap:10px;margin:0 0 17px!important;color:#fff!important;font-size:clamp(17px,2vw,21px);letter-spacing:-.03em}
#relatorioView :is(.report-analytics-surface,.report-demand-surface) .pro-card h3::before{content:"";height:21px;width:5px;flex:0 0 5px;background:#ffd426;border-radius:8px}
#relatorioView :is(.report-analytics-surface,.report-demand-surface) .pro-card p{color:#adb5c0!important;font-size:12px;line-height:1.65}
#relatorioView :is(.report-analytics-surface,.report-demand-surface) .pro-card label:has(input[name="year"]){display:flex;flex-direction:column;max-width:185px;gap:8px;color:#dde1e8;font-weight:750;font-size:12px;margin-bottom:18px}
#relatorioView :is(.report-analytics-surface,.report-demand-surface) input[name="year"]{background:#111317;color:#fff;border:1px solid #484b55;border-radius:11px;min-height:44px}
#relatorioView :is(.report-analytics-surface,.report-demand-surface) .pro-grid{gap:13px;margin:15px 0}
#relatorioView .report-analytics-surface .pro-metric{background:#121418!important;border:1px solid #383b43;border-radius:13px!important;padding:18px 15px!important}
#relatorioView .report-analytics-surface .pro-metric small{color:#b8bfca!important;font-size:11px;line-height:1.4}
#relatorioView .report-analytics-surface .pro-metric strong{font-size:clamp(17px,2vw,23px);color:#ffdf53!important;letter-spacing:-.035em;font-variant-numeric:tabular-nums}
#relatorioView .report-analytics-surface .pro-months{padding:18px 16px;border:1px solid #353941;border-radius:14px;background:#14161b}
#relatorioView .report-analytics-surface .pro-months>div{margin:0;padding:10px 0;border-bottom:1px solid #2e3239}
#relatorioView .report-analytics-surface .pro-months>div:last-child{border-bottom:0}
#relatorioView .report-analytics-surface .pro-months meter{width:100%;accent-color:#ffd426}
#relatorioView :is(.report-analytics-surface,.report-demand-surface) .pro-ranking{margin:0;padding:0}
#relatorioView :is(.report-analytics-surface,.report-demand-surface) .pro-ranking li{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;flex-wrap:wrap;padding:12px 0;border-bottom:1px solid #353841;color:#dfe2e7;font-size:12px;line-height:1.5}
#relatorioView :is(.report-analytics-surface,.report-demand-surface) .pro-ranking li:last-child{border-bottom:0}
#relatorioView :is(.report-analytics-surface,.report-demand-surface) .pro-ranking b{color:#ffda4d;white-space:normal;text-align:right;font-variant-numeric:tabular-nums}
#relatorioView .report-demand-surface>.pro-card>.pro-grid>.pro-card{background:#14161a!important}
#relatorioView .report-analytics-surface>.pro-grid>.pro-card{background:#181a1f!important}
#relatorioView .report-analytics-surface [data-pro="analyticsPdf"]{background:#ffd426!important;border:1px solid #ffd426!important;color:#131313!important;font-weight:850;border-radius:11px;padding:10px 17px!important;margin-top:13px}
@media(max-width:760px){
  #relatorioView .report-data-hero{flex-direction:column;align-items:flex-start}
  #relatorioView .report-data-hero>strong{padding:8px 11px}
  #relatorioView #reportMonthlyArea .report-kpi{padding:15px!important}
  #relatorioView #reportMonthlyArea .report-kpi strong{font-size:clamp(17px,4.3vw,23px)!important}
  #relatorioView .report-analytics-surface .pro-months>div{grid-template-columns:24px minmax(0,1fr);gap:7px}
  #relatorioView .report-analytics-surface .pro-months>div>b{grid-column:2;overflow-wrap:anywhere}
}
@media(max-width:420px){
  #relatorioView .report-goals-surface label:has(> input[name="investDate"]){max-width:190px}
  #relatorioView .report-goals-surface input[name="investDate"]{max-width:166px;font-size:14px!important}
  #relatorioView .report-section-head{padding:16px!important}
  #relatorioView .report-data-hero{padding:18px}
  #relatorioView #reportMonthlyArea .report-kpi{padding:13px!important}
}