.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:none;letter-spacing:normal;white-space:normal;align-items:center;gap:6px;margin-bottom:6px;font-size:11px;font-weight:400;display:flex}.kpi.cartao-com-acoes .lbl{min-height:28px;padding-right:24px}.kpi .lbl>span{min-width:0}@media (width<=640px),(pointer:coarse){.kpi.cartao-com-acoes .lbl{min-height:44px;padding-right:44px}}.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:550;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}}.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--linha .data-card-head h3{font-size:13px;font-weight:550}.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}.data-card.is-chart--rosca{container:grafico-rosca/inline-size}.data-card.is-chart--rosca .data-card-head .meta{align-items:center;gap:var(--s-2);margin-inline-start:auto;display:inline-flex}.data-card.is-chart--rosca>.cartao-cabecalho>.cartao-acoes{margin-inline-start:0}.data-card.is-chart--rosca .data-card-body{align-items:center;display:grid;overflow:auto}.chart-rosca{grid-template-columns:minmax(0,240px) minmax(0,1fr);align-items:center;gap:24px;width:min(100%,560px);margin-inline:auto;display:grid}.chart-rosca-visual{aspect-ratio:1;justify-self:center;width:100%;max-width:240px;position:relative}.chart-rosca-visual>canvas{display:block;position:absolute;inset:0;width:100%!important;height:100%!important}.chart-rosca-total{text-align:center;pointer-events:none;flex-direction:column;justify-content:center;align-items:center;gap:4px;display:flex;position:absolute;inset:26%}.chart-rosca-total-valor{color:var(--pf-text);font-variant-numeric:tabular-nums;white-space:nowrap;font-size:clamp(16px,6cqw,24px);font-weight:550;line-height:1.2}.chart-rosca-total-rotulo,.chart-rosca-total-unidade{max-width:100%;color:var(--pf-text-muted);text-overflow:ellipsis;white-space:nowrap;font-size:10px;line-height:1.3;overflow:hidden}.chart-rosca-legenda,.chart-rosca-serie,.chart-rosca-serie ul{gap:10px;min-width:0;display:grid}.chart-rosca-serie ul{margin:0;padding:0;list-style:none}.chart-rosca-serie h4{color:var(--pf-text-muted);margin:0;font-size:11px;font-weight:500}.chart-rosca-serie button{width:100%;min-height:28px;color:var(--pf-text-muted);font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;grid-template-columns:7px minmax(0,1fr) auto;align-items:center;gap:8px;padding:2px 0;font-size:11px;display:grid}.chart-rosca-serie button:hover{color:var(--pf-text)}.chart-rosca-serie button:focus-visible{outline:2px solid var(--pf-primary);outline-offset:2px}.chart-rosca-serie button[aria-pressed=false] .chart-rosca-nome{text-decoration:line-through}.chart-rosca-serie button[aria-pressed=false] .chart-rosca-cor{opacity:.4}.chart-rosca-cor{border-radius:2px;width:7px;height:7px}.chart-rosca-nome{overflow-wrap:anywhere}.chart-rosca-percentual{color:var(--pf-text);font-variant-numeric:tabular-nums;white-space:nowrap;font-weight:550}.chart-rosca[data-legenda=esquerda]{grid-template-columns:minmax(0,1fr) minmax(0,240px)}.chart-rosca[data-legenda=esquerda] .chart-rosca-visual{grid-area:1/2}.chart-rosca[data-legenda=esquerda] .chart-rosca-legenda{grid-area:1/1}.chart-rosca:is([data-legenda=embaixo],[data-legenda=nenhuma]){grid-template-columns:minmax(0,1fr)}.chart-rosca[data-legenda=embaixo] .chart-rosca-legenda{justify-self:center;width:min(100%,360px)}@container grafico-rosca (width<=420px){.chart-rosca{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px}.chart-rosca[data-legenda=esquerda]{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.chart-rosca-serie button{font-size:10px}}.chart-rosca-opcoes{border:1px solid var(--pf-border);background:var(--pf-side);width:min(200px,100vw - 32px);max-height:calc(100dvh - 32px);color:var(--pf-text);border-radius:6px;margin:auto;padding:4px;inset:0;overflow:auto}.chart-rosca-opcoes:popover-open{gap:2px;display:grid}.chart-rosca-opcoes button{min-height:32px;color:inherit;font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:4px;padding:6px 10px;font-size:12px}.chart-rosca-opcoes button:is(:hover,[aria-checked=true]){background:var(--pf-side-hover)}.chart-rosca-opcoes button:focus-visible{outline:2px solid var(--pf-primary);outline-offset:-2px}@supports (position-area:bottom span-left){.chart-rosca-opcoes{inset:unset;position-area:bottom span-left;position-try-fallbacks:flip-block;margin:4px 0 0}}@media (pointer:coarse),(width<=760px){.chart-rosca-opcoes button,.chart-rosca-serie button{min-height:44px}}.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}
