/* desktop.css – Styles NUR für große Bildschirme (ab 960px).
   Version C: breiter Einspalter – Karten bleiben untereinander,
   nutzen die Breite aber intern besser aus. */

@media (min-width: 960px) {

  .wrap { max-width: 840px }

  /* Eintragen: Felder und Button in einer Zeile */
  .card-elevated {
    display: grid;
    grid-template-columns: 1fr auto;
    align-items: end;
    column-gap: 14px;
  }
  .card-elevated h2 { grid-column: 1 / -1 }
  .card-elevated .addbtn { margin-top: 0; width: auto; white-space: nowrap; padding: 13px 22px }

  /* Jahresstand: Duell-Karten größer */
  .twin .c { padding: 18px 12px }
  .twin .sprite { width: 64px; height: 64px }
  .twin .s { font-size: 32px }

  /* Kalender links, Wochensummen rechts daneben */
  .cal-card {
    display: grid;
    grid-template-columns: 1fr 260px;
    grid-template-rows: auto 1fr;
    column-gap: 32px;
    align-items: start;
  }
  .cal-card .calhead { grid-column: 1; grid-row: 1 }
  .cal-card table.cal { grid-column: 1; grid-row: 2 }
  .cal-card .wt-head { grid-column: 2; grid-row: 1; margin-top: 0; align-self: center }
  .cal-card #weekTotals { grid-column: 2; grid-row: 2; margin-top: 0 }

  /* etwas mehr Luft in den Kalenderzellen */
  table.cal td { height: 48px }
}