/* Etapa 9: ponte temporária pós-legado, limitada à tab Despesas. */
#sicom_gerencial.app-sicom-expenses #sicomExpensesPanel { display: grid; gap: var(--space-4); padding: 0; }
#sicom_gerencial.app-sicom-expenses [data-sicom-view-panel][hidden] { display: none; }

#sicom_gerencial.app-sicom-expenses .sicom-expenses-command,
#sicom_gerencial.app-sicom-expenses .sicom-expenses-metrics,
#sicom_gerencial.app-sicom-expenses .sicom-expenses-chart,
#sicom_gerencial.app-sicom-expenses .sicom-expenses-table,
#sicom_gerencial.app-sicom-expenses .sicom-expenses-support > .ds-panel {
  padding: var(--space-3); border-color: var(--color-border); background: var(--color-surface);
}

#sicom_gerencial.app-sicom-expenses .sicom-expenses-command { display: grid; gap: var(--space-2); }
#sicom_gerencial.app-sicom-expenses .sicom-expenses-command h2 { font-size: var(--font-size-xl); }
#sicom_gerencial.app-sicom-expenses .sicom-expenses-command__actions,
#sicom_gerencial.app-sicom-expenses .sicom-expenses-support__actions { display: flex; flex-wrap: wrap; gap: var(--space-2); }

#sicom_gerencial.app-sicom-expenses .sicom-dashboard-filters { position: relative; gap: var(--space-2); padding: var(--space-2) var(--space-3); }
#sicom_gerencial.app-sicom-expenses .sicom-dashboard-filter-groups { gap: var(--space-2); }
#sicom_gerencial.app-sicom-expenses .sicom-dashboard-filter-grid { gap: var(--space-2); }
#sicom_gerencial.app-sicom-expenses .sicom-dashboard-filter-grid .ds-field { gap: var(--space-1); }
#sicom_gerencial.app-sicom-expenses .sicom-dashboard-filter-grid .ds-field__label { font-size: var(--font-size-xs); }
#sicom_gerencial.app-sicom-expenses .sicom-dashboard-filter-grid .ds-control { min-block-size: 2.75rem; padding-inline: var(--space-2); font-size: var(--font-size-sm); }
#sicom_gerencial.app-sicom-expenses .sicom-dashboard-advanced-filters { padding-block-start: var(--space-2); }

#sicom_gerencial.app-sicom-expenses .sicom-expenses-layout,
#sicom_gerencial.app-sicom-expenses .sicom-expenses-main,
#sicom_gerencial.app-sicom-expenses .sicom-expenses-support,
#sicom_gerencial.app-sicom-expenses .sicom-expenses-primary-grid { display: grid; gap: var(--space-4); min-inline-size: 0; }

#sicom_gerencial.app-sicom-expenses .sicom-expenses-metric-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 14rem), 1fr)); gap: var(--space-2); }
#sicom_gerencial.app-sicom-expenses .sicom-expenses-metric-card { display: grid; grid-template-columns: minmax(0, 1fr); align-content: start; gap: var(--space-2); min-block-size: 0; padding: var(--space-3); border: var(--control-border-width) solid var(--color-border); border-radius: var(--radius-md); background: var(--color-surface-subtle); }
#sicom_gerencial.app-sicom-expenses .sicom-expenses-metric-card__head { display: flex; gap: var(--space-2); align-items: center; }
#sicom_gerencial.app-sicom-expenses .sicom-expenses-metric-card__head [data-lh7-icon] { color: var(--color-accent); }
#sicom_gerencial.app-sicom-expenses .sicom-expenses-metric-card .ds-metric-card__value { margin: 0; min-inline-size: 0; overflow-wrap: anywhere; word-break: normal; white-space: normal; font-size: clamp(1.05rem, 1.3vw, 1.55rem); }
#sicom_gerencial.app-sicom-expenses .sicom-expenses-metric-card small,
#sicom_gerencial.app-sicom-expenses .sicom-expenses-metric-card__status,
#sicom_gerencial.app-sicom-expenses .sicom-expenses-chart .sicom-dashboard-series-caption { color: var(--color-text-secondary); font-size: var(--font-size-xs); }
#sicom_gerencial.app-sicom-expenses .sicom-expenses-metric-card details { border-block-start: var(--control-border-width) solid var(--color-border); }
#sicom_gerencial.app-sicom-expenses .sicom-expenses-metric-card summary { min-block-size: 2.25rem; padding-block: var(--space-2); cursor: pointer; color: var(--color-text-secondary); font-size: var(--font-size-xs); }
#sicom_gerencial.app-sicom-expenses .sicom-expenses-metric-card details > div { display: grid; gap: var(--space-2); padding-block-end: var(--space-2); }

#sicom_gerencial.app-sicom-expenses .sicom-expenses-chart { display: grid; gap: var(--space-3); }
#sicom_gerencial.app-sicom-expenses .sicom-expenses-chart .lh7-chart-runtime { min-block-size: clamp(17.5rem, 23vw, 23.75rem); }
#sicom_gerencial.app-sicom-expenses .sicom-expenses-chart.is-echarts-rendered .lh7-chart-fallback { position: absolute; inline-size: 1px; block-size: 1px; overflow: hidden; clip: rect(0 0 0 0); clip-path: inset(50%); white-space: nowrap; }
#sicom_gerencial.app-sicom-expenses #sicomExpensesBudgetMovement.is-echarts-rendered .lh7-chart-fallback { position: absolute; inline-size: 1px; block-size: 1px; overflow: hidden; clip: rect(0 0 0 0); clip-path: inset(50%); white-space: nowrap; }
#sicom_gerencial.app-sicom-expenses .sicom-expenses-chart .lh7-chart-drill-list { display: none; }
#sicom_gerencial.app-sicom-expenses .sicom-expenses-chart.is-echarts-rendered .lh7-chart-drill-list { display: grid; gap: var(--space-2); }
#sicom_gerencial.app-sicom-expenses .sicom-expenses-support { align-content: start; }
#sicom_gerencial.app-sicom-expenses .sicom-expenses-table__controls { align-items: end; }

@media (min-width: 48rem) {
  #sicom_gerencial.app-sicom-expenses .sicom-expenses-command { grid-template-columns: minmax(0, 1fr) auto; align-items: center; }
  #sicom_gerencial.app-sicom-expenses .sicom-dashboard-filters > summary { padding-inline-end: 10rem; }
  #sicom_gerencial.app-sicom-expenses .sicom-dashboard-filter-actions { position: absolute; inset-block-start: var(--space-2); inset-inline-end: var(--space-3); }
  #sicom_gerencial.app-sicom-expenses .sicom-expenses-table__controls { display: flex; flex-wrap: wrap; justify-content: flex-end; }
}

@media (min-width: 70rem) {
  #sicom_gerencial.app-sicom-expenses .sicom-expenses-layout { grid-template-columns: minmax(0, 3fr) minmax(18rem, 1fr); align-items: start; }
  #sicom_gerencial.app-sicom-expenses .sicom-expenses-support { position: sticky; inset-block-start: var(--space-3); }
}