/* v136.4 — sous-informations réelles dans les lignes existantes du résumé Transactions. */
body.transactions-mode .expense-tabs.mode-overview .expense-tab-real {
  grid-column: 1 / -1 !important;
  display: grid !important;
  grid-template-columns: minmax(0,1fr) auto !important;
  align-items: baseline !important;
  gap: 12px !important;
  width: 100% !important;
  margin-top: 4px !important;
  color: var(--muted) !important;
  font-size: 10px !important;
  line-height: 1.2 !important;
  font-weight: 650 !important;
  letter-spacing: 0 !important;
}
body.transactions-mode .expense-tabs.mode-overview .expense-tab-real[hidden] { display:none !important; }
body.transactions-mode .expense-tabs.mode-overview .expense-tab-real > span {
  min-width:0 !important;
  white-space:nowrap !important;
  overflow:hidden !important;
  text-overflow:ellipsis !important;
}
body.transactions-mode .expense-tabs.mode-overview .expense-tab-real > strong {
  color: var(--muted) !important;
  font-size: 10.5px !important;
  line-height:1.2 !important;
  font-weight: 750 !important;
  white-space:nowrap !important;
  font-variant-numeric: tabular-nums !important;
}
body.transactions-mode .expense-tabs.mode-overview .expense-tab-real > strong.over {
  color:#B0443B !important;
}
/* Un peu plus d'air uniquement dans les lignes qui possèdent la sous-information. */
body.transactions-mode .expense-tabs.mode-overview .expense-tab:has(.expense-tab-real:not([hidden])) {
  padding-top: 12px !important;
  padding-bottom: 11px !important;
}
@media (min-width:900px) {
  body.transactions-mode .expense-tabs.mode-overview .expense-tab-real {
    margin-top:2px !important;
    font-size:10px !important;
  }
}