/* =====================================================================
   Ansichten: Übersicht, Termine, Konto
   ===================================================================== */

.uebersicht__stand { display: inline-flex; align-items: center; gap: 6px; margin: 0; font-size: 13.5px; font-weight: 650; color: var(--muted); }
.uebersicht__stand--warn { color: var(--warn); }
.uebersicht__titel { margin-bottom: 14px; }
.uebersicht__raster { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; align-items: start; }
@media (max-width: 860px) { .uebersicht__raster { grid-template-columns: minmax(0, 1fr); } }
.uebersicht__bereich .karte__kopf { margin-bottom: 8px; align-items: center; }
.uebersicht__bereich .karte__kopf h2 { display: inline-flex; align-items: center; gap: 8px; font-size: 16px; }
.uebersicht__mehr, .uebersicht__summe { margin: 10px 0 0; font-size: 13.5px; }
.uebersicht__kopf { display: flex; align-items: center; }
.kennzahlen { grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)); }
.kennzahl__wert { font-size: 28px; }

.termine__tag + .termine__tag { margin-top: 16px; }
.termine__tag h3 { font-size: 13px; text-transform: uppercase; letter-spacing: .05em; color: var(--muted); margin-bottom: 4px; }
.termine__tag--ueberfaellig h3 { color: var(--err); }

.konto .definitionen { margin: 0; }

/* Handy: „Heute zu tun“ steht vor den Kennzahlen, die Kennzahlen bilden darunter eine schmale Leiste (vier je Reihe, Nullen klein und grau) */
.uebersicht__fehler .btn { align-self: flex-start; }
@media (max-width: 720px) {
  .uebersicht .uebersicht__inhalt { display: flex; flex-direction: column; gap: 18px; }
  .uebersicht .uebersicht__inhalt > * { margin-top: 0; order: 0; }
  .uebersicht .uebersicht__heute { order: 1; }
  .uebersicht .uebersicht__kacheln { order: 2; }
  .uebersicht .uebersicht__neueste { order: 3; }
  .uebersicht__kacheln .kennzahlen { grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 8px; align-items: start; }
  .uebersicht__kacheln .kennzahl { padding: 8px 6px; gap: 2px; text-align: center; align-items: center; border-radius: 10px; }
  .uebersicht__kacheln .kennzahl__wert { font-size: 20px; }
  .uebersicht__kacheln .kennzahl__label { font-size: 11px; line-height: 1.25; overflow-wrap: break-word; hyphens: auto; }
  .uebersicht__kacheln .kennzahl__neben { display: none; } /* Betrag der Annahmen steht am Rechner, die Leiste bleibt schmal */
  .uebersicht__kacheln .kennzahl--null { padding-top: 6px; padding-bottom: 6px; background: var(--card-2); box-shadow: none; }
  .uebersicht__kacheln .kennzahl--null .kennzahl__wert { font-size: 16px; }
  .uebersicht__kacheln .kennzahl--null .kennzahl__label { font-size: 10.5px; }
}
@media (max-width: 480px) {
  /* Anrufknopf in den Listen nur als Hörer (44 x 44 px), der Name bekommt die Breite */
  .liste__anruf { width: 44px; min-width: 44px; padding: 0; }
  .liste__anruf span { display: none; }
}