/* assets/css/index.css */

.index-grid{
  display:grid;
  gap:16px;
}

/* Desktop: 3 Spalten */
@media (min-width: 980px){
  .index-grid{
    grid-template-columns: 0.85fr 1.3fr 0.85fr;
    align-items:start;
  }
}

/* Linke Spalte: zwei Karten */
.index-left{
  display:grid;
  gap:16px;
}

/* Beschreibung etwas kompakter */
.welcome-card ul{
  margin-top: 8px;
  padding-left: 18px;
}
.welcome-card li{
  margin: 4px 0;
}

/* Spartipp */
.tips-card .toolbar{
  margin-top: 10px;
  gap: 10px;
}

/* Login */
.login-card .toolbar{
  margin-top: 10px;
}

/* Flash (startseite) */
.flash-error{
  margin: 8px 0;
  padding: 10px;
  border-radius: 10px;
  background: #fee2e2;
}

/* Monatsbudget Saldo */
.public-saldo{
  margin-top: 12px;
  font-weight: 700;
}