/* Primary financial views become readable cards on a phone. */
@media(max-width:680px){
  nav{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px 10px}
  nav a{min-height:44px;display:flex;align-items:center;font-size:13px}
  button,.button{min-height:44px;padding:12px 16px}
  .actions a,.rowlink{min-height:44px;display:flex;align-items:center}
  .rowlink{flex-wrap:wrap}
  input,select{min-height:48px;font-size:16px}
  .tablewrap:has(.members-table),.tablewrap:has(.entries-table),.tablewrap:has(.participants-table){border:0;background:transparent;overflow:visible}
  .members-table,.entries-table,.participants-table{min-width:0;display:block;width:100%}
  .members-table thead,.entries-table thead,.participants-table thead{display:none}
  .members-table tbody,.entries-table tbody,.participants-table tbody{display:grid;gap:14px}
  .members-table tr,.entries-table tr,.participants-table tr{display:block;background:white;border:1px solid var(--line);border-radius:12px;padding:12px 16px}
  .members-table td,.entries-table td,.participants-table td{display:block;border:0;padding:7px 0;white-space:normal;overflow-wrap:anywhere}
  .members-table td::before,.entries-table td::before,.participants-table td::before{display:block;font-size:11px;font-weight:650;color:var(--muted);margin-bottom:4px}
  td[colspan]::before{display:none!important}
  .members-table td:nth-child(1)::before{content:'Mitglied'}
  .members-table td:nth-child(2)::before{content:'Spielstatus'}
  .members-table td:nth-child(3)::before,.participants-table td:nth-child(2)::before{content:'Sollbetrag'}
  .members-table td:nth-child(4)::before,.participants-table td:nth-child(3)::before{content:'Bezahlt'}
  .members-table td:nth-child(5)::before,.participants-table td:nth-child(4)::before{content:'Rest / Guthaben'}
  .participants-table td:nth-child(1)::before{content:'Teilnehmer'}
  .participants-table td:nth-child(5)::before{content:'Einzelzahlungen'}
  .entries-table td:nth-child(1)::before{content:'Datum'}
  .entries-table td:nth-child(2)::before{content:'Beschreibung'}
  .entries-table td:nth-child(3)::before{content:'Zuordnung'}
  .entries-table td:nth-child(4)::before{content:'Konto'}
  .entries-table td:nth-child(5)::before{content:'Betrag'}
  .entries-table td:nth-child(5){font-size:20px;font-weight:650;color:var(--green)}
  .members-table td:first-child,.participants-table td:first-child{font-size:18px;font-weight:650}
}