.kpis{gap:var(--s-3);margin-bottom:12px;display:flex;container:kpis/inline-size}@media (width<=760px){.kpis{grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.kpis.kpis--unico{grid-template-columns:minmax(0,1fr)}.kpis:not(:has(>.kpi:not([hidden])~.kpi:not([hidden]))){grid-template-columns:minmax(0,1fr)}}:is(.kpis:not(:has(>.kpi:not([hidden]))),.charts-grid:has(>.data-card):not(:has(>.data-card:not([hidden])))){display:none}.work-main>.kpis{flex-shrink:0}.kpi{background:var(--pf-side);border:1px solid var(--pf-card-border);border-radius:6px;flex:1 1 0;min-width:0;padding:12px 14px;container:indicador/inline-size}.kpi .lbl{color:var(--pf-text-muted);text-transform:uppercase;letter-spacing:.06em;white-space:normal;align-items:center;gap:6px;margin-bottom:6px;font-size:10.5px;font-weight:600;display:flex}.kpi.cartao-com-acoes .lbl{min-height:28px;padding-right:24px}.kpi .lbl .ico{flex-shrink:0}.kpi .lbl>span{min-width:0}@media (width<=640px),(pointer:coarse){.kpi.cartao-com-acoes .lbl{min-height:44px;padding-right:44px}}.kpi .lbl i{color:var(--pf-text-subtle);font-size:10px}.kpi .lbl-short{display:none}.kpi .val{letter-spacing:-.01em;font-variant-numeric:tabular-nums;color:var(--pf-text);overflow-wrap:anywhere;font-size:clamp(14px,11cqi,22px);font-weight:700;line-height:1.1}.kpi .sub{color:var(--pf-text-muted);font-variant-numeric:tabular-nums;margin-top:4px;font-size:11px}.kpi .sub.up{color:var(--color-positive);font-weight:600}.kpi .sub.down{color:var(--color-negative);font-weight:600}@container kpis (width<=460px){.kpis .kpi{padding:10px 12px}.kpis .kpi .val{font-size:clamp(12px,11cqi,18px)}}@container kpis (width<=1080px){.kpi .lbl-full{display:none}.kpi .lbl-short{display:inline}}@container kpis (width<=760px){.kpi .lbl-short{display:inline}.kpi .lbl i{font-size:11px}}.charts-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));grid-auto-rows:clamp(180px,24dvh,260px);gap:12px;display:grid}.work-main>.charts-grid{flex-shrink:0}.app .content .work-main.work-main--dashboard,.app.fullscreen .content .work-main.work-main--dashboard{overflow:hidden auto}.work-main.work-main--dashboard>.charts-grid:last-child,.work-main.work-main--dashboard>.cards-grid:last-child{flex:none;align-content:start;overflow:visible}.charts-grid.charts-grid--financeiro-2x2{grid-template-rows:repeat(2,clamp(180px,24dvh,260px));grid-template-columns:minmax(200px,1fr) repeat(2,minmax(0,1fr));grid-auto-flow:row;min-width:520px}.work-main.work-main--dashboard>.charts-grid.charts-grid--financeiro-2x2:last-child{min-height:0}.data-card.is-chart{grid-column:span var(--span,1);grid-row:span var(--row-span,1);flex-direction:column;min-width:0;min-height:0;display:flex}.charts-grid.charts-grid--financeiro-2x2>.data-card.is-chart:first-child{grid-area:1/1/span 2}.charts-grid.charts-grid--financeiro-2x2>.data-card.is-chart:nth-child(2){grid-area:1/2}.charts-grid.charts-grid--financeiro-2x2>.data-card.is-chart:nth-child(3){grid-area:1/3}.charts-grid.charts-grid--financeiro-2x2>.data-card.is-chart:nth-child(4){grid-area:2/2}.charts-grid.charts-grid--financeiro-2x2>.data-card.is-chart:nth-child(5){grid-area:2/3}.charts-grid.charts-grid--financeiro-2x2:has(>.data-card[hidden]){grid-template-rows:none;grid-template-columns:repeat(auto-fit,minmax(min(260px,100%),1fr));min-width:0}.charts-grid.charts-grid--financeiro-2x2:has(>.data-card[hidden])>.data-card.is-chart{grid-area:auto}.data-card.is-chart .data-card-head{flex:none}.data-card.is-chart .data-card-head h3{align-items:center;gap:6px;display:inline-flex}.data-card.is-chart .data-card-head .ico{color:var(--pf-text-muted)}.data-card.is-chart .data-card-body{flex:1;height:auto;min-height:0;padding:8px 12px 12px;position:relative;overflow:hidden}.data-card.is-chart .data-card-body>canvas{display:block;width:100%!important;height:100%!important}.empty-msg{text-align:center;color:var(--pf-text-muted);padding:28px 16px;font-size:12.5px}.kpis.kpis--unico{grid-template-columns:minmax(0,1fr)}@media (width<=640px){.kpi .lbl-full{display:inline}.kpi .lbl-short{display:none}.charts-grid,.charts-grid.charts-grid--financeiro-2x2{grid-template-rows:none;grid-template-columns:minmax(0,1fr);grid-auto-rows:clamp(220px,32dvh,300px);min-width:0}.charts-grid>.data-card.is-chart,.charts-grid.charts-grid--financeiro-2x2>.data-card.is-chart:nth-child(n){grid-area:auto/1;min-height:180px}.work-main.work-main--dashboard>.charts-grid.charts-grid--financeiro-2x2:last-child{min-height:0}}.data-card.is-chart .chart-corpo-rolavel{overflow:auto}.chart-conteudo-rolavel{width:100%;position:relative}.chart-conteudo-rolavel>canvas{width:100%!important;height:100%!important}