/* v6.10.1 — Comparativo fiel ao protótipo */
.comparison-header{padding:14px 16px;margin-bottom:14px}.comparison-header-grid{display:grid;grid-template-columns:minmax(180px,.9fr) minmax(240px,1.2fr) minmax(240px,1.2fr);gap:14px;align-items:end}.comparison-workspace{display:flex;flex-direction:column;gap:16px}.comparison-workspace.mode-side .comparison-periods{order:1}.comparison-workspace.mode-side .comparison-difference-wrap{order:2}.comparison-workspace.mode-difference .comparison-difference-wrap{order:1}.comparison-workspace.mode-difference .comparison-periods{order:2}.comparison-workspace.mode-difference .comparison-difference-view{box-shadow:0 16px 36px rgba(16,24,40,.12);border-color:#b7dfcb}.comparison-workspace.mode-difference .comparison-periods{opacity:.96}
.comparison-periods{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:16px;margin:0}.comparison-period-shell{background:#fff;border:1px solid #dde5ef;border-radius:17px;overflow:hidden;box-shadow:0 9px 24px rgba(16,24,40,.055);min-width:0}.comparison-period-shell.period-one{border-color:#bfd4ff}.comparison-period-shell.period-two{border-color:#f6c9d0}.comparison-period-filter{border:0;border-radius:0;box-shadow:none;background:#fff;overflow:visible}.comparison-period-title{display:flex;align-items:center;gap:9px;padding:13px 16px;font-size:14px;font-weight:900}.comparison-period-title span{width:28px;height:28px;border-radius:9px;display:grid;place-items:center;background:#e8f1ff;color:#2563eb}.period-2 .comparison-period-title span{background:#ffe7ec;color:#e11d48}.period-1 .comparison-period-title{background:linear-gradient(90deg,#edf5ff,#f8fbff);color:#174a91}.period-2 .comparison-period-title{background:linear-gradient(90deg,#fff0f3,#fff8f9);color:#b01431}.comparison-period-fields{padding:12px 14px 13px;display:grid;grid-template-columns:minmax(125px,145px) minmax(125px,145px) 1fr;gap:10px;align-items:end;border-bottom:1px solid #edf0f4}.comparison-period-fields .field span{font-size:10px}.comparison-period-fields input{height:38px}.comparison-presets{justify-content:flex-end;flex-wrap:nowrap;gap:7px}.comparison-presets .mini-btn{padding:8px 10px;white-space:nowrap}.comparison-period-body{padding:14px}.comparison-kpi-strip{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:11px;margin-bottom:14px}.comparison-kpi-card{border:1px solid #e2e7ee;border-radius:13px;min-height:84px;padding:12px;display:flex;align-items:flex-start;gap:10px;background:#fff;box-shadow:0 3px 10px rgba(16,24,40,.035)}.comparison-kpi-icon{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;font-weight:900;flex:0 0 auto}.comparison-kpi-card.blue .comparison-kpi-icon{background:#edf4ff;color:#2563eb}.comparison-kpi-card.green .comparison-kpi-icon{background:#ecfdf3;color:#039855}.comparison-kpi-card.rose .comparison-kpi-icon{background:#fff0f2;color:#e11d48}.comparison-kpi-card>div{display:grid;min-width:0}.comparison-kpi-card b{font-size:23px;line-height:1;color:#101828;letter-spacing:-.03em}.comparison-kpi-card span:not(.comparison-kpi-icon){font-size:10px;font-weight:900;color:#475467;margin-top:5px}.comparison-kpi-card small{font-size:9px;color:#98a2b3;margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.comparison-indicator-block{border-top:1px solid #eef1f4;padding-top:13px}.comparison-indicator-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:10px}.comparison-indicator-head h3{font-size:14px;margin:0 0 3px;color:#101828}.comparison-indicator-head p{font-size:10px;margin:0;color:#667085}.comparison-period-shell .comparison-chart .vbar-chart{min-height:250px}.comparison-period-shell .comparison-pie .multi-donut-layout{min-height:260px}.comparison-goals{display:grid;gap:14px;padding:8px 2px}
.comparison-difference-view{padding:0;overflow:hidden;border-color:#cde8d9}.comparison-diff-banner{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:13px 16px;background:linear-gradient(90deg,#edf9f2,#f9fffb);border-bottom:1px solid #d7ece0}.comparison-diff-banner .eyebrow{color:#087443;margin-bottom:2px}.comparison-diff-banner h3{font-size:18px;margin:0 0 2px;color:#164c35}.comparison-diff-banner p{font-size:10px;margin:0;color:#667085}.comparison-diff-toggle{display:flex;gap:7px}.comparison-diff-toggle .mini-btn.active{background:#2563eb;color:#fff;border-color:#2563eb;box-shadow:0 5px 14px rgba(37,99,235,.18)}.comparison-summary-deltas{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;padding:14px 16px 4px}.comparison-summary-delta{border:1px solid #e4e8ee;border-radius:13px;padding:12px;display:flex;gap:10px;align-items:flex-start;background:#fff}.comparison-summary-icon{width:34px;height:34px;border-radius:10px;background:#eef4ff;color:#2563eb;display:grid;place-items:center;font-weight:900;flex:0 0 auto}.comparison-summary-delta>div{display:grid;min-width:0}.comparison-summary-delta small{font-size:10px;font-weight:900;color:#667085}.comparison-summary-delta b{font-size:20px;line-height:1.15;margin-top:3px}.comparison-summary-delta em{font-style:normal;font-size:9px;color:#98a2b3;margin-top:3px}.comparison-difference-grid{display:grid;grid-template-columns:minmax(320px,.95fr) minmax(420px,1.25fr);gap:14px;padding:12px 16px 16px}.comparison-diff-chart-card,.comparison-diff-table-card{border:1px solid #e5e9ef;border-radius:14px;padding:13px;background:#fff;min-width:0}.comparison-diff-table-card .table-wrap{max-height:345px;overflow:auto}.comparison-table{font-size:10px}.comparison-table th,.comparison-table td{padding:9px 8px}.comparison-table th:not(:first-child),.comparison-table td:not(:first-child){text-align:right}.comparison-table td:first-child{min-width:130px}.comparison-grouped-bars{min-height:260px;display:grid;grid-template-columns:repeat(auto-fit,minmax(56px,1fr));gap:8px;align-items:end;padding:22px 4px 2px}.comparison-bar-group{min-width:0;display:grid;grid-template-rows:210px auto;gap:7px;text-align:center}.comparison-bar-pair{height:210px;display:flex;align-items:flex-end;justify-content:center;gap:4px}.comparison-bar{position:relative;width:min(28px,42%);min-height:3px;border-radius:7px 7px 3px 3px;transition:height .2s ease}.comparison-bar.p1{background:linear-gradient(180deg,#5b7cff,#2563eb)}.comparison-bar.p2{background:linear-gradient(180deg,#ff7890,#e11d48)}.comparison-bar span{position:absolute;bottom:calc(100% + 4px);left:50%;transform:translateX(-50%);font-size:9px;font-weight:900;color:#344054;white-space:nowrap}.comparison-bar-group>b{font-size:9px;color:#475467;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.comparison-chart-legend{display:flex;justify-content:center;gap:16px;margin-top:9px;font-size:9px;font-weight:800;color:#667085}.comparison-chart-legend i{display:inline-block;width:8px;height:8px;border-radius:3px;margin-right:5px}.comparison-chart-legend i.p1{background:#2563eb}.comparison-chart-legend i.p2{background:#e11d48}.comparison-variation-list{display:grid;gap:12px;padding:8px 0}.comparison-variation-row{display:grid;gap:5px}.comparison-variation-head{display:flex;justify-content:space-between;gap:10px;font-size:10px}.comparison-variation-head b{color:#344054}.comparison-variation-head span{font-weight:900}.comparison-variation-head .up{color:#039855}.comparison-variation-head .down{color:#d92d20}.comparison-variation-head .flat{color:#667085}.comparison-variation-track{height:9px;border-radius:999px;background:#eef1f5;overflow:hidden}.comparison-variation-fill{height:100%;border-radius:999px}.comparison-variation-fill.up{background:#12b76a}.comparison-variation-fill.down{background:#f04438}
@media(max-width:1180px){.comparison-period-fields{grid-template-columns:1fr 1fr}.comparison-presets{grid-column:1/-1;justify-content:flex-start}.comparison-difference-grid{grid-template-columns:1fr}.comparison-diff-table-card .table-wrap{max-height:none}}
@media(max-width:900px){.comparison-header-grid,.comparison-periods{grid-template-columns:1fr}.comparison-kpi-strip,.comparison-summary-deltas{grid-template-columns:repeat(3,minmax(0,1fr))}.comparison-period-shell .comparison-pie .multi-donut-layout{min-height:0}}
@media(max-width:640px){.comparison-kpi-strip,.comparison-summary-deltas{grid-template-columns:1fr}.comparison-period-fields{grid-template-columns:1fr 1fr}.comparison-presets{grid-column:1/-1;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));width:100%}.comparison-presets .mini-btn{width:100%}.comparison-diff-banner{align-items:flex-start;flex-direction:column}.comparison-diff-toggle{width:100%}.comparison-diff-toggle .mini-btn{flex:1}.comparison-difference-grid{padding:10px}.comparison-summary-deltas{padding:10px 10px 0}.comparison-grouped-bars{overflow-x:auto;grid-template-columns:repeat(6,minmax(62px,1fr))}.comparison-table{min-width:620px}}


/* v6.10.3 — proteção contra CSS antigo em cache */
#comparison-workspace .comparison-period-shell{display:block!important;background:#fff!important;overflow:hidden!important;position:relative!important}
#comparison-workspace .comparison-period-body{display:block!important;background:#fff!important;padding:14px!important;min-height:210px!important}
#comparison-workspace .comparison-kpi-strip{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:11px!important;margin:0 0 14px!important}
#comparison-workspace .comparison-kpi-card{display:flex!important;align-items:flex-start!important;gap:10px!important;border:1px solid #e2e7ee!important;border-radius:13px!important;min-height:84px!important;padding:12px!important;background:#fff!important;box-shadow:0 3px 10px rgba(16,24,40,.035)!important}
#comparison-workspace .comparison-kpi-icon{display:grid!important;place-items:center!important;width:34px!important;height:34px!important;border-radius:10px!important;flex:0 0 34px!important}
#comparison-workspace .comparison-kpi-card>div{display:grid!important;min-width:0!important}
#comparison-workspace .comparison-kpi-card b{display:block!important;font-size:23px!important;line-height:1!important;margin:0!important}
#comparison-workspace .comparison-kpi-card span:not(.comparison-kpi-icon){display:block!important;font-size:10px!important;margin-top:5px!important}
#comparison-workspace .comparison-kpi-card small{display:block!important;font-size:9px!important;margin-top:2px!important}
#comparison-workspace .comparison-indicator-block{display:block!important;border-top:1px solid #eef1f4!important;padding-top:13px!important}
#comparison-workspace .comparison-chart{display:block!important;min-width:0!important;overflow:hidden!important}
@media(max-width:640px){#comparison-workspace .comparison-kpi-strip{grid-template-columns:1fr!important}}


/* v6.10.5 — Detalhamento comparativo sem rolagem horizontal */
#comparison-workspace .comparison-diff-table-card{min-width:0!important;overflow:hidden!important}
#comparison-workspace .comparison-diff-table-card .table-wrap{width:100%!important;max-width:100%!important;overflow-x:hidden!important;overflow-y:auto!important}
#comparison-workspace .comparison-table{width:100%!important;max-width:100%!important;min-width:0!important;table-layout:fixed!important;border-collapse:collapse!important}
#comparison-workspace .comparison-table th,
#comparison-workspace .comparison-table td{box-sizing:border-box!important;min-width:0!important;max-width:none!important;padding:9px 7px!important}
#comparison-workspace .comparison-table th{white-space:normal!important;line-height:1.15!important;overflow-wrap:anywhere!important}
#comparison-workspace .comparison-table td:first-child{min-width:0!important;width:auto!important;text-align:left!important}
#comparison-workspace .comparison-table td:first-child b{display:block!important;white-space:normal!important;overflow-wrap:anywhere!important;word-break:normal!important;line-height:1.25!important}
#comparison-workspace .comparison-table td:not(:first-child){white-space:nowrap!important;font-variant-numeric:tabular-nums!important}
#comparison-workspace .comparison-generic-table th:first-child,
#comparison-workspace .comparison-generic-table td:first-child{width:54%!important}
#comparison-workspace .comparison-generic-table th:not(:first-child),
#comparison-workspace .comparison-generic-table td:not(:first-child){width:11.5%!important}
#comparison-workspace .comparison-origin-table{font-size:9px!important}
#comparison-workspace .comparison-origin-table th,
#comparison-workspace .comparison-origin-table td{padding:8px 5px!important}
#comparison-workspace .comparison-origin-table th:first-child,
#comparison-workspace .comparison-origin-table td:first-child{width:28%!important}
#comparison-workspace .comparison-origin-table th:not(:first-child),
#comparison-workspace .comparison-origin-table td:not(:first-child){width:10.285%!important}
#comparison-workspace .comparison-origin-table .comparison-delta{font-size:9px!important}

/* Tablet/celular: cada registro vira um bloco responsivo; sem barra horizontal. */
@media(max-width:680px){
  #comparison-workspace .comparison-diff-table-card .table-wrap{max-height:none!important;overflow:visible!important;border:0!important}
  #comparison-workspace .comparison-responsive-table{display:block!important;min-width:0!important;width:100%!important;background:transparent!important}
  #comparison-workspace .comparison-responsive-table thead{display:none!important}
  #comparison-workspace .comparison-responsive-table tbody{display:grid!important;gap:9px!important}
  #comparison-workspace .comparison-responsive-table tr{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:0 14px!important;padding:10px 12px!important;border:1px solid #e8ebf0!important;border-radius:12px!important;background:#fff!important}
  #comparison-workspace .comparison-responsive-table td{display:block!important;width:auto!important;max-width:none!important;min-width:0!important;border:0!important;padding:5px 0!important;text-align:left!important;white-space:normal!important;font-size:10px!important}
  #comparison-workspace .comparison-responsive-table td:first-child{grid-column:1/-1!important;padding:0 0 8px!important;margin-bottom:2px!important;border-bottom:1px solid #eef1f4!important;font-size:11px!important}
  #comparison-workspace .comparison-responsive-table td:not(:first-child)::before{content:attr(data-label);display:block;margin-bottom:2px;font-size:8px;line-height:1.15;font-weight:800;text-transform:uppercase;letter-spacing:.035em;color:#98a2b3;white-space:normal}
  #comparison-workspace .comparison-responsive-table td:not(:first-child){font-weight:700!important;color:#344054!important}
  #comparison-workspace .comparison-responsive-table .comparison-delta{white-space:nowrap!important}
}

/* v6.10.6 — refinamento final do Detalhamento comparativo */
#comparison-workspace .comparison-difference-grid{align-items:start!important}
#comparison-workspace .comparison-diff-table-card{align-self:start!important;height:auto!important;min-height:0!important}
#comparison-workspace .comparison-diff-table-card .table-wrap{max-height:345px!important;overflow-x:hidden!important;overflow-y:auto!important}
#comparison-workspace .comparison-table thead th{position:sticky!important;top:0!important;z-index:3!important;background:#f8fafc!important;white-space:nowrap!important;overflow-wrap:normal!important;word-break:normal!important;line-height:1.15!important}
#comparison-workspace .comparison-table th:not(:first-child),
#comparison-workspace .comparison-table td:not(:first-child){text-align:right!important;font-variant-numeric:tabular-nums!important}

/* Tabelas de 5 colunas: Item | P1 | P2 | Diferença | Variação */
#comparison-workspace .comparison-generic-table th:nth-child(1),
#comparison-workspace .comparison-generic-table td:nth-child(1){width:52%!important}
#comparison-workspace .comparison-generic-table th:nth-child(2),
#comparison-workspace .comparison-generic-table td:nth-child(2){width:11%!important}
#comparison-workspace .comparison-generic-table th:nth-child(3),
#comparison-workspace .comparison-generic-table td:nth-child(3){width:11%!important}
#comparison-workspace .comparison-generic-table th:nth-child(4),
#comparison-workspace .comparison-generic-table td:nth-child(4){width:14%!important}
#comparison-workspace .comparison-generic-table th:nth-child(5),
#comparison-workspace .comparison-generic-table td:nth-child(5){width:12%!important}

/* Origem dos clientes: 8 colunas, sem reduzir a fonte para caber. */
#comparison-workspace .comparison-origin-table{font-size:10px!important}
#comparison-workspace .comparison-origin-table th,
#comparison-workspace .comparison-origin-table td{padding:9px 6px!important}
#comparison-workspace .comparison-origin-table th:nth-child(1),
#comparison-workspace .comparison-origin-table td:nth-child(1){width:30%!important}
#comparison-workspace .comparison-origin-table th:nth-child(2),
#comparison-workspace .comparison-origin-table td:nth-child(2){width:10%!important}
#comparison-workspace .comparison-origin-table th:nth-child(3),
#comparison-workspace .comparison-origin-table td:nth-child(3){width:10%!important}
#comparison-workspace .comparison-origin-table th:nth-child(4),
#comparison-workspace .comparison-origin-table td:nth-child(4){width:11%!important}
#comparison-workspace .comparison-origin-table th:nth-child(5),
#comparison-workspace .comparison-origin-table td:nth-child(5){width:11%!important}
#comparison-workspace .comparison-origin-table th:nth-child(6),
#comparison-workspace .comparison-origin-table td:nth-child(6){width:9%!important}
#comparison-workspace .comparison-origin-table th:nth-child(7),
#comparison-workspace .comparison-origin-table td:nth-child(7){width:9%!important}
#comparison-workspace .comparison-origin-table th:nth-child(8),
#comparison-workspace .comparison-origin-table td:nth-child(8){width:10%!important}
#comparison-workspace .comparison-origin-table .comparison-delta{font-size:10px!important;white-space:nowrap!important}

/* Em telas estreitas, mantém o formato de cartões sem rolagem horizontal. */
@media(max-width:680px){
  #comparison-workspace .comparison-diff-table-card .table-wrap{max-height:none!important;overflow:visible!important}
  #comparison-workspace .comparison-responsive-table thead th{position:static!important;white-space:normal!important}
  #comparison-workspace .comparison-origin-table,
  #comparison-workspace .comparison-generic-table{font-size:10px!important}
}


/* v6.10.7 — Detalhamento acompanha o conteúdo e não reserva altura vazia */
#comparison-workspace .comparison-difference-grid{
  align-items:start!important;
  grid-auto-rows:max-content!important;
}
#comparison-workspace .comparison-difference-grid > .comparison-diff-table-card{
  display:block!important;
  align-self:start!important;
  justify-self:stretch!important;
  height:fit-content!important;
  block-size:fit-content!important;
  min-height:0!important;
  max-height:none!important;
  overflow:hidden!important;
}
#comparison-workspace .comparison-diff-table-card .comparison-indicator-head{
  display:flex!important;
  height:auto!important;
  min-height:0!important;
  margin-bottom:10px!important;
}
#comparison-workspace .comparison-diff-table-card .table-wrap{
  display:block!important;
  flex:none!important;
  height:auto!important;
  min-height:0!important;
  max-height:345px!important;
  overflow-x:hidden!important;
  overflow-y:auto!important;
  margin-bottom:0!important;
}
#comparison-workspace .comparison-diff-table-card .comparison-table{
  margin-bottom:0!important;
}
@media(max-width:1180px){
  #comparison-workspace .comparison-difference-grid{
    grid-auto-rows:max-content!important;
  }
  #comparison-workspace .comparison-diff-table-card .table-wrap{
    max-height:345px!important;
  }
}
@media(max-width:680px){
  #comparison-workspace .comparison-diff-table-card{
    height:auto!important;
    block-size:auto!important;
  }
  #comparison-workspace .comparison-diff-table-card .table-wrap{
    max-height:none!important;
    overflow:visible!important;
  }
}


/* v6.10.8 — barras horizontais e cards laterais com altura compartilhada */
#comparison-workspace .comparison-period-shell{
  height:100%!important;
  display:flex!important;
  flex-direction:column!important;
}
#comparison-workspace .comparison-period-body{
  flex:1 1 auto!important;
}

/* Fluxo de loja e Conversão por vendedor: leitura horizontal. */
#comparison-workspace .comparison-hbar-list{
  display:grid!important;
  gap:9px!important;
  max-height:360px!important;
  overflow-y:auto!important;
  overflow-x:hidden!important;
  padding:2px 5px 2px 0!important;
  scrollbar-gutter:stable!important;
}
#comparison-workspace .comparison-hbar-row{
  display:grid!important;
  grid-template-columns:minmax(130px,38%) minmax(100px,1fr) 54px!important;
  gap:10px!important;
  align-items:center!important;
  min-height:34px!important;
}
#comparison-workspace .comparison-hbar-label{
  min-width:0!important;
  display:grid!important;
  gap:1px!important;
}
#comparison-workspace .comparison-hbar-label b{
  font-size:10px!important;
  line-height:1.15!important;
  color:#344054!important;
  white-space:normal!important;
  overflow-wrap:anywhere!important;
}
#comparison-workspace .comparison-hbar-label small{
  font-size:8px!important;
  color:#98a2b3!important;
  line-height:1.1!important;
}
#comparison-workspace .comparison-hbar-track{
  height:12px!important;
  border-radius:999px!important;
  background:#eef1f5!important;
  overflow:hidden!important;
}
#comparison-workspace .comparison-hbar-fill{
  height:100%!important;
  border-radius:999px!important;
  background:var(--bar-color,#2563eb)!important;
  min-width:0!important;
}
#comparison-workspace .comparison-hbar-row>strong{
  text-align:right!important;
  font-size:10px!important;
  color:#101828!important;
  font-variant-numeric:tabular-nums!important;
  white-space:nowrap!important;
}

/* Comparativo P1 x P2 horizontal para Fluxo e Conversão por vendedor. */
#comparison-workspace .comparison-grouped-hbars{
  display:grid!important;
  gap:12px!important;
  max-height:390px!important;
  overflow-y:auto!important;
  overflow-x:hidden!important;
  padding:3px 5px 3px 0!important;
  scrollbar-gutter:stable!important;
}
#comparison-workspace .comparison-grouped-hbar-row{
  display:grid!important;
  grid-template-columns:minmax(125px,34%) minmax(0,1fr)!important;
  gap:10px!important;
  align-items:center!important;
}
#comparison-workspace .comparison-grouped-hbar-row>b{
  min-width:0!important;
  font-size:10px!important;
  line-height:1.2!important;
  color:#344054!important;
  white-space:normal!important;
  overflow-wrap:anywhere!important;
}
#comparison-workspace .comparison-grouped-hbar-series{
  display:grid!important;
  gap:5px!important;
}
#comparison-workspace .comparison-grouped-hbar-line{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) 48px!important;
  gap:8px!important;
  align-items:center!important;
}
#comparison-workspace .comparison-grouped-hbar-track{
  height:10px!important;
  border-radius:999px!important;
  background:#eef1f5!important;
  overflow:hidden!important;
}
#comparison-workspace .comparison-grouped-hbar-fill{
  height:100%!important;
  border-radius:999px!important;
}
#comparison-workspace .comparison-grouped-hbar-fill.p1{background:#4f6fe8!important}
#comparison-workspace .comparison-grouped-hbar-fill.p2{background:#d94b65!important}
#comparison-workspace .comparison-grouped-hbar-line>span{
  text-align:right!important;
  font-size:9px!important;
  font-weight:800!important;
  color:#475467!important;
  font-variant-numeric:tabular-nums!important;
  white-space:nowrap!important;
}

/* Cards laterais: o menor acompanha o maior e usa a área extra para dados. */
#comparison-workspace .comparison-difference-grid{
  align-items:stretch!important;
  grid-auto-rows:auto!important;
}
#comparison-workspace .comparison-difference-grid>.comparison-diff-chart-card,
#comparison-workspace .comparison-difference-grid>.comparison-diff-table-card{
  align-self:stretch!important;
  height:100%!important;
  min-height:0!important;
  max-height:none!important;
  display:flex!important;
  flex-direction:column!important;
}
#comparison-workspace .comparison-diff-table-card .table-wrap{
  flex:1 1 0!important;
  height:0!important;
  min-height:0!important;
  max-height:none!important;
  overflow-y:auto!important;
  overflow-x:hidden!important;
}
#comparison-workspace .comparison-diff-chart-card>.comparison-grouped-hbars,
#comparison-workspace .comparison-diff-chart-card>.comparison-grouped-bars,
#comparison-workspace .comparison-diff-chart-card>.comparison-variation-list{
  flex:1 1 auto!important;
}

@media(max-width:1180px){
  #comparison-workspace .comparison-difference-grid{align-items:start!important}
  #comparison-workspace .comparison-difference-grid>.comparison-diff-chart-card,
  #comparison-workspace .comparison-difference-grid>.comparison-diff-table-card{height:auto!important;align-self:start!important}
  #comparison-workspace .comparison-diff-table-card .table-wrap{height:auto!important;max-height:390px!important;flex:none!important}
}
@media(max-width:680px){
  #comparison-workspace .comparison-hbar-list,
  #comparison-workspace .comparison-grouped-hbars{max-height:none!important;overflow:visible!important;padding-right:0!important}
  #comparison-workspace .comparison-hbar-row{grid-template-columns:minmax(90px,34%) minmax(80px,1fr) 46px!important;gap:7px!important}
  #comparison-workspace .comparison-grouped-hbar-row{grid-template-columns:1fr!important;gap:5px!important}
  #comparison-workspace .comparison-grouped-hbar-row>b{font-size:10px!important}
  #comparison-workspace .comparison-diff-table-card .table-wrap{height:auto!important;max-height:none!important;overflow:visible!important}
}
\n\n/* v6.10.9 — comparativo sem seletor de modo, todos os comparativos horizontais e 4 cards maximizáveis */
#comparison-workspace + *{} /* marcador de versão */
.comparison-header-grid{grid-template-columns:minmax(220px,.85fr) minmax(320px,1.15fr)!important}
#comparison-workspace .comparison-maximizable-card{position:relative!important}
#comparison-workspace .comparison-period-shell.comparison-maximizable-card>.panel-maximize-btn{top:11px!important;right:11px!important}
#comparison-workspace .comparison-period-shell.comparison-maximizable-card .comparison-period-title{padding-right:54px!important}
#comparison-workspace .comparison-diff-chart-card.comparison-maximizable-card .comparison-indicator-head,
#comparison-workspace .comparison-diff-table-card.comparison-maximizable-card .comparison-indicator-head{padding-right:44px!important}
#comparison-workspace .comparison-diff-chart-card.comparison-maximizable-card>.panel-maximize-btn,
#comparison-workspace .comparison-diff-table-card.comparison-maximizable-card>.panel-maximize-btn{top:12px!important;right:12px!important}

/* O botão restaurar permanece no canto superior direito também nos quatro cards do Comparativo. */
#comparison-workspace .comparison-maximizable-card.panel-maximized>.panel-maximize-btn{
  position:fixed!important;top:26px!important;right:26px!important;left:auto!important;z-index:1225!important
}

/* Ao maximizar, regras locais de altura não podem sobrepor o fullscreen do Dashboard. */
#comparison-workspace .comparison-maximizable-card.panel-maximized{
  position:fixed!important;inset:16px!important;width:auto!important;height:auto!important;max-width:none!important;max-height:calc(100dvh - 32px)!important;
  overflow:auto!important;align-self:auto!important;display:flex!important;flex-direction:column!important;background:#fff!important
}
#comparison-workspace .comparison-period-shell.panel-maximized{height:auto!important}
#comparison-workspace .comparison-diff-chart-card.panel-maximized,
#comparison-workspace .comparison-diff-table-card.panel-maximized{height:auto!important;min-height:0!important}
#comparison-workspace .comparison-diff-table-card.panel-maximized .table-wrap{height:auto!important;max-height:none!important;flex:1 1 auto!important;overflow:auto!important}
#comparison-workspace .comparison-diff-chart-card.panel-maximized .comparison-grouped-hbars,
#comparison-workspace .comparison-diff-chart-card.panel-maximized .comparison-variation-list{max-height:none!important;flex:1 1 auto!important}
#comparison-workspace .comparison-period-shell.panel-maximized .comparison-hbar-list{max-height:none!important;flex:1 1 auto!important}

/* Comparativo absoluto: barras horizontais para todos os indicadores. */
#comparison-workspace .comparison-diff-chart-card .comparison-grouped-hbars{width:100%!important}

@media(max-width:820px){
  .comparison-header-grid{grid-template-columns:1fr!important}
  #comparison-workspace .comparison-maximizable-card.panel-maximized{inset:7px!important;max-height:calc(100dvh - 14px)!important;padding:16px!important}
  #comparison-workspace .comparison-maximizable-card.panel-maximized>.panel-maximize-btn{top:15px!important;right:15px!important}
}


/* v6.10.10 — altura adaptativa dos cards laterais do Comparativo */
#comparison-workspace .comparison-periods{
  align-items:stretch!important;
}
#comparison-workspace .comparison-periods>.comparison-period-shell{
  align-self:stretch!important;
}

@media(min-width:1181px){
  #comparison-workspace .comparison-difference-grid{
    align-items:stretch!important;
    grid-auto-rows:auto!important;
  }
  #comparison-workspace .comparison-difference-grid>.comparison-diff-chart-card,
  #comparison-workspace .comparison-difference-grid>.comparison-diff-table-card{
    height:var(--comparison-pair-height,360px)!important;
    min-height:360px!important;
    max-height:640px!important;
    align-self:stretch!important;
    display:flex!important;
    flex-direction:column!important;
    overflow:hidden!important;
  }
  #comparison-workspace .comparison-diff-table-card .table-wrap{
    flex:1 1 auto!important;
    height:auto!important;
    min-height:190px!important;
    max-height:none!important;
    overflow-x:hidden!important;
    overflow-y:auto!important;
  }
  #comparison-workspace .comparison-diff-chart-card>.comparison-grouped-hbars,
  #comparison-workspace .comparison-diff-chart-card>.comparison-variation-list{
    flex:1 1 auto!important;
    min-height:190px!important;
    max-height:none!important;
    overflow-x:hidden!important;
    overflow-y:auto!important;
  }
  #comparison-workspace .comparison-diff-chart-card>.comparison-chart-legend{
    flex:0 0 auto!important;
  }
}

/* Fullscreen não herda a altura sincronizada do par. */
#comparison-workspace .comparison-difference-grid>.comparison-diff-chart-card.panel-maximized,
#comparison-workspace .comparison-difference-grid>.comparison-diff-table-card.panel-maximized{
  height:auto!important;
  min-height:0!important;
  max-height:calc(100dvh - 32px)!important;
}

@media(max-width:1180px){
  #comparison-workspace .comparison-difference-grid>.comparison-diff-chart-card,
  #comparison-workspace .comparison-difference-grid>.comparison-diff-table-card{
    height:auto!important;
    min-height:300px!important;
    max-height:none!important;
  }
  #comparison-workspace .comparison-diff-table-card .table-wrap{
    height:auto!important;
    min-height:0!important;
    max-height:390px!important;
  }
}

@media(max-width:680px){
  #comparison-workspace .comparison-difference-grid>.comparison-diff-chart-card,
  #comparison-workspace .comparison-difference-grid>.comparison-diff-table-card{
    min-height:240px!important;
  }
  #comparison-workspace .comparison-diff-table-card .table-wrap{
    max-height:none!important;
  }
}


/* v6.10.11 — identidade visual por período e destaque dos blocos do Comparativo */
/* Bloco superior de seleção/filtros */
.comparison-header{
  background:linear-gradient(180deg,#f7f9fd 0%,#f2f5fa 100%)!important;
  border:1px solid #dbe3ef!important;
  box-shadow:0 8px 22px rgba(16,24,40,.045)!important;
}
.comparison-header .field>span{color:#344054!important;font-weight:900!important}
.comparison-header select{background:#fff!important}

/* Período 1 = azul; Período 2 = vermelho/rosa */
#comparison-workspace .comparison-period-shell.period-one{
  background:#f5f8ff!important;border-color:#9fbbff!important;
  box-shadow:0 10px 26px rgba(49,91,214,.09)!important;
}
#comparison-workspace .comparison-period-shell.period-two{
  background:#fff6f8!important;border-color:#efafbd!important;
  box-shadow:0 10px 26px rgba(199,53,85,.09)!important;
}
#comparison-workspace .period-1 .comparison-period-title{
  background:linear-gradient(100deg,#315bd6,#4f6fe8)!important;color:#fff!important;
}
#comparison-workspace .period-2 .comparison-period-title{
  background:linear-gradient(100deg,#b92f4e,#d94b65)!important;color:#fff!important;
}
#comparison-workspace .period-1 .comparison-period-title span,
#comparison-workspace .period-2 .comparison-period-title span{
  background:rgba(255,255,255,.18)!important;color:#fff!important;border:1px solid rgba(255,255,255,.18)!important;
}
#comparison-workspace .period-one .comparison-period-fields{background:#eef4ff!important;border-bottom-color:#d6e2ff!important}
#comparison-workspace .period-two .comparison-period-fields{background:#fff0f3!important;border-bottom-color:#f4d3da!important}
#comparison-workspace .period-one .comparison-period-body{background:#f8faff!important}
#comparison-workspace .period-two .comparison-period-body{background:#fff9fa!important}

/* Área consolidada da análise */
#comparison-workspace .comparison-difference-view{
  background:linear-gradient(180deg,#f9fbff 0%,#f5f7fb 100%)!important;
  border-color:#d7dfec!important;
}
#comparison-workspace .comparison-diff-banner{
  background:linear-gradient(90deg,#eaf4ef,#f5faf7)!important;
  border-bottom-color:#cde4d6!important;
}
/* Comparativo dos períodos: fundo lilás/azulado suave */
#comparison-workspace .comparison-diff-chart-card{
  background:linear-gradient(180deg,#f7f5ff 0%,#f3f5ff 100%)!important;
  border-color:#d9d2f4!important;
  box-shadow:0 7px 20px rgba(80,65,150,.055)!important;
}
#comparison-workspace .comparison-diff-chart-card .comparison-indicator-head{
  margin:-13px -13px 12px!important;padding:13px 56px 11px 13px!important;
  background:linear-gradient(90deg,#ebe7fb,#f5f3ff)!important;
  border-bottom:1px solid #ddd7f3!important;
}
/* Detalhamento: fundo verde/cinza suave com tabela branca */
#comparison-workspace .comparison-diff-table-card{
  background:linear-gradient(180deg,#f3faf6 0%,#f6faf8 100%)!important;
  border-color:#cfe5d7!important;
  box-shadow:0 7px 20px rgba(31,110,69,.05)!important;
}
#comparison-workspace .comparison-diff-table-card .comparison-indicator-head{
  margin:-13px -13px 12px!important;padding:13px 56px 11px 13px!important;
  background:linear-gradient(90deg,#e3f3e9,#f2f9f5)!important;
  border-bottom:1px solid #cfe5d7!important;
}
#comparison-workspace .comparison-diff-table-card .table-wrap{
  background:#fff!important;border:1px solid #dfe7e2!important;border-radius:12px!important;
}

/* Colunas P1/P2 no Detalhamento: cabeçalhos fortes e corpo suave. */
#comparison-workspace .comparison-responsive-table thead th:nth-child(2){
  background:#315bd6!important;color:#fff!important;border-bottom-color:#315bd6!important;
}
#comparison-workspace .comparison-responsive-table thead th:nth-child(3){
  background:#bf3655!important;color:#fff!important;border-bottom-color:#bf3655!important;
}
#comparison-workspace .comparison-responsive-table tbody td:nth-child(2){
  background:#eef4ff!important;
}
#comparison-workspace .comparison-responsive-table tbody td:nth-child(3){
  background:#fff0f3!important;
}
#comparison-workspace .comparison-responsive-table tbody tr:hover td:nth-child(2){background:#e4edff!important}
#comparison-workspace .comparison-responsive-table tbody tr:hover td:nth-child(3){background:#ffe6eb!important}

/* Cards maximizados preservam a identidade de fundo. */
#comparison-workspace .comparison-period-shell.period-one.panel-maximized{background:#f8faff!important}
#comparison-workspace .comparison-period-shell.period-two.panel-maximized{background:#fff9fa!important}
#comparison-workspace .comparison-diff-chart-card.panel-maximized{background:#f5f3ff!important}
#comparison-workspace .comparison-diff-table-card.panel-maximized{background:#f3faf6!important}

@media(max-width:680px){
  #comparison-workspace .comparison-responsive-table tbody td:nth-child(2),
  #comparison-workspace .comparison-responsive-table tbody td:nth-child(3){
    border-radius:8px!important;padding-left:8px!important;padding-right:8px!important;
  }
}


/* v6.10.12 — refinamento dos espaçamentos dos filtros de período */
#comparison-workspace .comparison-period-shell{
  container-type:inline-size;
}
#comparison-workspace .comparison-period-fields{
  padding:14px 16px 15px!important;
  grid-template-columns:minmax(165px,1fr) minmax(165px,1fr) auto!important;
  column-gap:12px!important;
  row-gap:10px!important;
  align-items:end!important;
}
#comparison-workspace .comparison-period-fields .field{
  min-width:0!important;
  gap:6px!important;
}
#comparison-workspace .comparison-period-fields .field>span{
  margin:0!important;
  line-height:1.15!important;
}
#comparison-workspace .comparison-period-fields input[type="date"]{
  width:100%!important;
  min-width:0!important;
  height:42px!important;
  padding:9px 12px!important;
  box-sizing:border-box!important;
}
#comparison-workspace .comparison-presets{
  display:flex!important;
  align-items:flex-end!important;
  justify-content:flex-end!important;
  flex-wrap:nowrap!important;
  gap:8px!important;
  margin-left:2px!important;
  min-width:max-content!important;
}
#comparison-workspace .comparison-presets .mini-btn{
  height:42px!important;
  min-width:58px!important;
  padding:0 12px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  white-space:nowrap!important;
}
#comparison-workspace .comparison-presets .mini-btn[data-cmp-preset$=":15"]{min-width:66px!important}
#comparison-workspace .comparison-presets .mini-btn[data-cmp-preset$=":month"]{min-width:88px!important}

/* A quebra depende da largura real do card, não apenas da janela. */
@container (max-width:680px){
  #comparison-workspace .comparison-period-fields{
    grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;
  }
  #comparison-workspace .comparison-presets{
    grid-column:1/-1!important;
    justify-content:flex-start!important;
    margin-left:0!important;
    min-width:0!important;
  }
}
@container (max-width:470px){
  #comparison-workspace .comparison-period-fields{
    grid-template-columns:1fr!important;
  }
  #comparison-workspace .comparison-presets{
    grid-column:1!important;
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    width:100%!important;
  }
  #comparison-workspace .comparison-presets .mini-btn{
    width:100%!important;
    min-width:0!important;
  }
}

/* Fallback para navegadores sem container queries. */
@media(max-width:1180px){
  #comparison-workspace .comparison-period-fields{
    grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;
  }
  #comparison-workspace .comparison-presets{
    grid-column:1/-1!important;
    justify-content:flex-start!important;
    margin-left:0!important;
    min-width:0!important;
  }
}


/* v6.10.13 — contraste dos cabeçalhos + regra visual consolidada */
/* Cabeçalho principal da diferença mais escuro que os cards internos. */
#comparison-workspace .comparison-diff-banner{
  background:linear-gradient(100deg,#c7dfd0 0%,#dcebe1 58%,#eef6f1 100%)!important;
  border-bottom-color:#a9ceb7!important;
}
#comparison-workspace .comparison-diff-banner .eyebrow{color:#17613c!important}
#comparison-workspace .comparison-diff-banner h3{color:#123f2b!important}
#comparison-workspace .comparison-diff-banner p{color:#456254!important}

/* Cabeçalhos dos dois cards internos com contraste maior. */
#comparison-workspace .comparison-diff-chart-card .comparison-indicator-head{
  background:linear-gradient(100deg,#d7cff3 0%,#e3def7 100%)!important;
  border-bottom-color:#c6bce9!important;
}
#comparison-workspace .comparison-diff-chart-card .comparison-indicator-head h3{color:#33276c!important}
#comparison-workspace .comparison-diff-chart-card .comparison-indicator-head p{color:#655a8b!important}
#comparison-workspace .comparison-diff-table-card .comparison-indicator-head{
  background:linear-gradient(100deg,#c8e1d1 0%,#d8ebdf 100%)!important;
  border-bottom-color:#afd3bc!important;
}
#comparison-workspace .comparison-diff-table-card .comparison-indicator-head h3{color:#174b30!important}
#comparison-workspace .comparison-diff-table-card .comparison-indicator-head p{color:#51705d!important}

/* Destaque no cabeçalho do indicador dentro de cada período. */
#comparison-workspace .period-one .comparison-indicator-block>.comparison-indicator-head{
  background:#e2ebff!important;border:1px solid #cbd9ff!important;border-radius:11px!important;padding:10px 12px!important;
}
#comparison-workspace .period-two .comparison-indicator-block>.comparison-indicator-head{
  background:#fde4e9!important;border:1px solid #f1c6cf!important;border-radius:11px!important;padding:10px 12px!important;
}
#comparison-workspace .period-one .comparison-indicator-block>.comparison-indicator-head h3{color:#244a9a!important}
#comparison-workspace .period-two .comparison-indicator-block>.comparison-indicator-head h3{color:#9e2943!important}

/* Cards resumo da diferença com fundo perceptível, mas leve. */
#comparison-workspace .comparison-summary-delta{
  background:linear-gradient(180deg,#f1f5fd 0%,#edf2fa 100%)!important;
  border-color:#d3ddeb!important;
  box-shadow:0 3px 10px rgba(38,61,99,.045)!important;
}

/* Cabeçalhos neutros da tabela ficam mais escuros; P1/P2 mantêm suas cores. */
#comparison-workspace .comparison-responsive-table thead th:first-child,
#comparison-workspace .comparison-responsive-table thead th:nth-child(4),
#comparison-workspace .comparison-responsive-table thead th:nth-child(5){
  background:#d9dee7!important;
  color:#344054!important;
  border-bottom-color:#c6ccd6!important;
}
#comparison-workspace .comparison-responsive-table thead th:first-child{border-top-left-radius:10px!important}

/* Em telas estreitas, preservar os fundos identificadores sem comprometer a leitura. */
@media(max-width:680px){
  #comparison-workspace .comparison-responsive-table thead th:first-child,
  #comparison-workspace .comparison-responsive-table thead th:nth-child(4),
  #comparison-workspace .comparison-responsive-table thead th:nth-child(5){
    background:#d9dee7!important;
  }
}


/* v6.10.14 — filtros em uma linha + identidade âmbar da Diferença */
/* No desktop, manter De + Até + atalhos em uma única linha enquanto houver espaço real no card. */
#comparison-workspace .comparison-period-fields{
  grid-template-columns:minmax(138px,1fr) minmax(138px,1fr) auto!important;
  column-gap:8px!important;
  row-gap:8px!important;
  align-items:end!important;
}
#comparison-workspace .comparison-presets{
  grid-column:auto!important;
  justify-content:flex-start!important;
  flex-wrap:nowrap!important;
  gap:6px!important;
  margin-left:0!important;
  min-width:max-content!important;
}
#comparison-workspace .comparison-presets .mini-btn{
  min-width:54px!important;
  padding:0 10px!important;
}
#comparison-workspace .comparison-presets .mini-btn[data-cmp-preset$=":15"]{min-width:62px!important}
#comparison-workspace .comparison-presets .mini-btn[data-cmp-preset$=":month"]{min-width:82px!important}

/* Quebrar somente quando o próprio card realmente ficar estreito. */
@container (max-width:590px){
  #comparison-workspace .comparison-period-fields{
    grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;
  }
  #comparison-workspace .comparison-presets{
    grid-column:1/-1!important;
    justify-content:flex-start!important;
    min-width:0!important;
  }
}
@container (max-width:430px){
  #comparison-workspace .comparison-period-fields{grid-template-columns:1fr!important}
  #comparison-workspace .comparison-presets{
    grid-column:1!important;
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    width:100%!important;
  }
  #comparison-workspace .comparison-presets .mini-btn{width:100%!important;min-width:0!important}
}

/* Neutraliza o fallback antigo que empurrava atalhos para a segunda linha em telas desktop menores. */
@media (min-width:591px) and (max-width:1180px){
  #comparison-workspace .comparison-period-fields{
    grid-template-columns:minmax(138px,1fr) minmax(138px,1fr) auto!important;
  }
  #comparison-workspace .comparison-presets{
    grid-column:auto!important;
    justify-content:flex-start!important;
    min-width:max-content!important;
  }
}

/* Cabeçalho externo da Diferença: âmbar/ocre, sem repetir azul, verde, lilás ou vermelho. */
#comparison-workspace .comparison-diff-banner{
  background:linear-gradient(105deg,#a86d10 0%,#c78d27 52%,#ddb45f 100%)!important;
  border-bottom-color:#8e5a0c!important;
  box-shadow:inset 0 -1px 0 rgba(99,59,4,.16)!important;
}
#comparison-workspace .comparison-diff-banner .eyebrow,
#comparison-workspace .comparison-diff-banner h3{color:#fff!important}
#comparison-workspace .comparison-diff-banner p{color:#fff5df!important}

/* v6.10.15 — cabeçalhos mais escuros e Diferença em grafite quente */
/* Comparativo dos períodos: lilás mais profundo, preservando a identidade atual. */
#comparison-workspace .comparison-diff-chart-card .comparison-indicator-head{
  background:linear-gradient(100deg,#b8abe3 0%,#cbc2ec 100%)!important;
  border-bottom-color:#a89bd8!important;
  box-shadow:inset 0 -1px 0 rgba(72,55,133,.10)!important;
}
#comparison-workspace .comparison-diff-chart-card .comparison-indicator-head h3{color:#2f236d!important}
#comparison-workspace .comparison-diff-chart-card .comparison-indicator-head p{color:#56497f!important}

/* Detalhamento: verde mais fechado para separar melhor cabeçalho e conteúdo. */
#comparison-workspace .comparison-diff-table-card .comparison-indicator-head{
  background:linear-gradient(100deg,#a9cfb6 0%,#c0dcc9 100%)!important;
  border-bottom-color:#91bfa1!important;
  box-shadow:inset 0 -1px 0 rgba(32,94,59,.10)!important;
}
#comparison-workspace .comparison-diff-table-card .comparison-indicator-head h3{color:#123e27!important}
#comparison-workspace .comparison-diff-table-card .comparison-indicator-head p{color:#3f654d!important}

/* Diferença entre os períodos: grafite quente, neutro frente às demais cores da tela. */
#comparison-workspace .comparison-diff-banner{
  background:linear-gradient(105deg,#494542 0%,#5b5551 55%,#6b635e 100%)!important;
  border-bottom-color:#393633!important;
  box-shadow:inset 0 -1px 0 rgba(0,0,0,.18)!important;
}
#comparison-workspace .comparison-diff-banner .eyebrow,
#comparison-workspace .comparison-diff-banner h3{color:#fff!important}
#comparison-workspace .comparison-diff-banner p{color:#ece8e5!important}

/* v6.10.16 — ajustes exclusivos para celular no Comparativo */
/*
   Mobile: Período 1 e Período 2 funcionam apenas como seletores de intervalo.
   Desktop e tablet permanecem inalterados. Não há alteração de tipografia.
*/
@media (max-width:767px){
  /* Nos dois cards de período, manter somente título + filtros de data/atalhos. */
  #comparison-workspace .comparison-period-shell .comparison-period-body{
    display:none!important;
    min-height:0!important;
    height:0!important;
    padding:0!important;
    margin:0!important;
    overflow:hidden!important;
  }

  /* Período 1 e 2 deixam de ser cards maximizáveis no celular. */
  #comparison-workspace .comparison-period-shell.comparison-maximizable-card>.panel-maximize-btn{
    display:none!important;
  }
  #comparison-workspace .comparison-period-shell.comparison-maximizable-card .comparison-period-title{
    padding-right:16px!important;
  }

  /* Não reservar altura analítica quando o corpo do período está oculto. */
  #comparison-workspace .comparison-period-shell{
    height:auto!important;
    min-height:0!important;
    align-self:start!important;
  }
  #comparison-workspace .comparison-periods{
    align-items:start!important;
    grid-auto-rows:max-content!important;
  }

  /* Os dois cards de resultado permanecem completos e maximizáveis. */
  #comparison-workspace .comparison-diff-chart-card>.panel-maximize-btn,
  #comparison-workspace .comparison-diff-table-card>.panel-maximize-btn{
    display:grid!important;
  }
}