/* Ponte visual da Etapa 13. Mantém o legado disponível fora da aba RP. */
#sicom_gerencial.app-sicom-overview.app-sicom-restos .sicom-gerencial-hero { display: none; }

#sicom_gerencial.app-sicom-restos .sicom-payables-command {
  display: grid;
  gap: var(--space-2);
  min-inline-size: 0;
}

#sicom_gerencial.app-sicom-restos .sicom-payables-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-restos .sicom-payables-metric--rp_saldo_inicial_proc .sicom-payables-metric__head [data-lh7-icon],
#sicom_gerencial.app-sicom-restos .sicom-payables-metric--rp_nao_proc_atual .sicom-payables-metric__head [data-lh7-icon] { color: #4ee1c1; background: color-mix(in srgb, #008f78 30%, transparent); border-color: color-mix(in srgb, #4ee1c1 45%, transparent); }
#sicom_gerencial.app-sicom-restos .sicom-payables-metric--rp_saldo_inicial_np .sicom-payables-metric__head [data-lh7-icon] { color: #62b8ff; background: color-mix(in srgb, #066ac4 30%, transparent); border-color: color-mix(in srgb, #62b8ff 45%, transparent); }
#sicom_gerencial.app-sicom-restos .sicom-payables-metric--rp_proc_atual .sicom-payables-metric__head [data-lh7-icon] { color: #ffd65c; background: color-mix(in srgb, #9c6d00 30%, transparent); border-color: color-mix(in srgb, #ffd65c 45%, transparent); }
#sicom_gerencial.app-sicom-restos .sicom-payables-metric--rp_total_atual .sicom-payables-metric__head [data-lh7-icon] { color: #75e9f4; background: color-mix(in srgb, #007c8a 30%, transparent); border-color: color-mix(in srgb, #75e9f4 45%, transparent); }

#sicom_gerencial.app-sicom-restos .sicom-payables-metric__head .ds-icon,
#sicom_gerencial.app-sicom-restos .sicom-payables-component-list .ds-icon { inline-size: 1rem; block-size: 1rem; }

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

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