/* Ponte visual da Etapa 12: a camada é carregada depois do CSS legado para
 * controlar somente a aba Caixa e Bancos enquanto os seletores históricos
 * ainda existirem. */
#sicom_gerencial.app-sicom-overview.app-sicom-finance .sicom-gerencial-hero { display: none; }

#sicom_gerencial.app-sicom-finance .sicom-cash-banks-command {
  display: grid;
  gap: var(--space-2);
  min-inline-size: 0;
  padding: var(--space-3);
}

#sicom_gerencial.app-sicom-finance .sicom-cash-banks-command h2 { font-size: var(--font-size-xl); }

#sicom_gerencial.app-sicom-finance .sicom-dashboard-filters {
  position: relative;
  gap: var(--space-2);
  padding: var(--space-2) var(--space-3);
}

#sicom_gerencial.app-sicom-finance .sicom-dashboard-filter-groups,
#sicom_gerencial.app-sicom-finance .sicom-dashboard-filter-grid { gap: var(--space-2); }

#sicom_gerencial.app-sicom-finance .sicom-dashboard-filter-grid .ds-field { gap: var(--space-1); }
#sicom_gerencial.app-sicom-finance .sicom-dashboard-filter-grid .ds-field__label { font-size: var(--font-size-xs); }

#sicom_gerencial.app-sicom-finance .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-finance .sicom-dashboard-advanced-filters { padding-block-start: var(--space-2); }

#sicom_gerencial.app-sicom-finance .sicom-cash-banks-metric .ds-metric-card__value {
  margin: 0;
  overflow-wrap: normal;
  word-break: normal;
  white-space: nowrap;
  font-size: clamp(1rem, 1.08vw, 1.32rem);
  letter-spacing: -.02em;
}

#sicom_gerencial.app-sicom-finance .sicom-cash-banks-metric {
  grid-template-columns: minmax(0, 1fr);
  gap: var(--space-2);
}

#sicom_gerencial.app-sicom-finance .sicom-cash-banks-metric__head [data-lh7-icon] {
  display: grid;
  flex: 0 0 auto;
  place-items: center;
  inline-size: 2rem;
  block-size: 2rem;
  border: 1px solid color-mix(in srgb, var(--color-accent, #e3bb53) 45%, transparent);
  border-radius: 999px;
  background: color-mix(in srgb, var(--color-accent, #e3bb53) 15%, transparent);
}

#sicom_gerencial.app-sicom-finance .sicom-cash-banks-metric__head .ds-icon {
  inline-size: 1rem;
  block-size: 1rem;
}

#sicom_gerencial.app-sicom-finance .sicom-cash-banks-metric__reason {
  display: block;
  margin-block-start: var(--space-2);
  color: var(--color-text-muted, #aebed0);
  line-height: 1.4;
}

#sicom_gerencial.app-sicom-finance #sicomFinanceSeries {
  min-inline-size: 0;
  overflow: hidden;
}

#sicom_gerencial.app-sicom-finance #sicomFinanceSeries .lh7-chart-runtime,
#sicom_gerencial.app-sicom-finance #sicomFinanceSeries canvas {
  max-inline-size: 100%;
}

@media (min-width: 48rem) {
  #sicom_gerencial.app-sicom-finance .sicom-cash-banks-command {
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: center;
  }

  #sicom_gerencial.app-sicom-finance .sicom-dashboard-filters > summary { padding-inline-end: 10rem; }

  #sicom_gerencial.app-sicom-finance .sicom-dashboard-filter-actions {
    position: absolute;
    inset-block-start: var(--space-2);
    inset-inline-end: var(--space-3);
  }
}

/* Conciliação retains the financial page's tokens and neutral presentation. */
.sicom-reconciliation-section { min-inline-size: 0; }
.sicom-reconciliation-section small,
.sicom-reconciliation-section .muted-line { overflow-wrap: anywhere; }
.sicom-reconciliation-notice {
  padding: var(--space-3);
  border-inline-start: 2px solid var(--color-accent, #e3bb53);
  background: color-mix(in srgb, var(--color-accent, #e3bb53) 5%, transparent);
  line-height: 1.5;
}
.sicom-reconciliation-actions,
.sicom-reconciliation-section details > div { display: flex; flex-wrap: wrap; gap: var(--space-2); }
.sicom-reconciliation-section .sicom-dashboard-table-wrap { max-inline-size: 100%; }
.sicom-reconciliation-section .sicom-phase62-data-table { min-inline-size: 48rem; }
.sicom-reconciliation-section :is(th, td) { white-space: nowrap; }
.sicom-reconciliation-section :is(button, summary, [tabindex]):focus-visible {
  outline: 2px solid var(--color-accent, #e3bb53); outline-offset: 3px;
}
@media (max-width: 47.99rem) {
  .sicom-reconciliation-section .sicom-dashboard-panel-heading { flex-wrap: wrap; gap: var(--space-2); }
  .sicom-reconciliation-section .sicom-cash-banks-metric-grid { grid-template-columns: minmax(0, 1fr); }
  .sicom-reconciliation-actions > button { flex: 1 1 12rem; white-space: normal; }
}