/*
  Ultrawide-Layout für sehr große Desktop-Bildschirme.
  Die Datei wird über index.html erst ab 2400 px geladen.
*/

.app-content{
  width:min(100%,1040px);
}

.app-header{
  padding-left:max(28px,calc((100vw - 1040px)/2 + 18px));
  padding-right:max(28px,calc((100vw - 1040px)/2 + 18px));
}

.bottom-nav{
  width:900px;
  padding-right:78px;
}

.floating-button{
  right:calc((100vw - 900px)/2 + 10px);
}

.stats-cashflow-grid,
.stat-grid{
  gap:14px;
}

.expense-view-switch{
  gap:14px;
}

.expense-view-option{
  padding-right:22px;
  padding-left:22px;
}

.analytics-card,
.home-compact-section{
  padding-right:22px;
  padding-left:22px;
}

.transaction-list{
  gap:12px;
}