/* Setliste - nur fuer den Ausdruck (media="print"): die Ansicht auf hellem Papier, ohne Kopf, Reiter und Knoepfe;
   darunter die zwei Blaetter Buehnenliste und Musikfolge. */
@media print {
  @page { margin: 14mm; }
  body { background: #fff; color: #000; font-family: "Segoe UI", system-ui, -apple-system, Roboto, sans-serif; font-size: 12px; }
  header.top, nav.tabs, footer, dialog, button, .planwahl, .muster, .gespeichert, .links, .knoepfe { display: none !important; }
  .card { border: 0; padding: 0; margin: 0 0 12px; }
  .kopf { display: flex; justify-content: space-between; }
  h3 { font-size: 16px; margin: 0 0 4px; }
  .tab { width: 100%; border-collapse: collapse; }
  .tab th { text-align: left; border-bottom: 1px solid #000; padding: 4px 8px 4px 0; }
  .tab td { border-top: 1px solid #ccc; padding: 5px 8px 5px 0; }
  .tab .r { text-align: right; }
  .liste { list-style: none; padding: 0; }
  .liste li { padding: 4px 0; border-top: 1px solid #ccc; }
}

/* Ausdruck: Buehnenliste und Musikfolge stehen in #druck. Mit dem Knopf gedruckt (body.nur-druck) bleibt alles andere
   weg; ohne ihn (Drucken ueber den Browser) bleibt das Blatt weg und styles.css druckt die Ansicht. */
@media print {
  #druck { display: none; }
  body.nur-druck > *:not(#druck) { display: none !important; }
  body.nur-druck #druck { display: block; color: #000; }
  #druck h2 { font-size: 20px; margin: 0 0 4px; }
  #druck .unter { font-size: 13px; margin: 0 0 14px; }
  #druck .vermerk { font-size: 10px; color: #333; margin-top: 18px; }

  /* Buehnenliste: gross, nur Nummer und Titel - lesbar aus zwei Metern */
  #druck.buehne h2 { font-size: 22px; border-bottom: 2px solid #000; padding-bottom: 6px; margin-bottom: 12px; }
  #druck.buehne ol { list-style: none; padding: 0; margin: 0; }
  #druck.buehne li { font-size: 26px; font-weight: 700; line-height: 1.25; padding: 5px 0; display: flex; gap: 14px; break-inside: avoid; }
  #druck.buehne li .nr { flex: none; min-width: 1.8em; text-align: right; font-weight: 400; }
  #druck.buehne li.pause { font-size: 16px; font-weight: 400; letter-spacing: .08em; text-transform: uppercase; justify-content: center;
    border-top: 2px solid #000; border-bottom: 2px solid #000; margin: 10px 0; padding: 4px 0; }

  /* Musikfolge: Tabelle der gespielten Titel */
  #druck.folge table { width: 100%; border-collapse: collapse; margin: 10px 0; font-size: 12px; }
  #druck.folge th { text-align: left; border-bottom: 1px solid #000; padding: 4px 8px 4px 0; }
  #druck.folge td { border-top: 1px solid #ccc; padding: 5px 8px 5px 0; vertical-align: top; overflow-wrap: anywhere; }
  #druck.folge .r { text-align: right; white-space: nowrap; }
  #druck.folge tr { break-inside: avoid; }
  #druck.folge dl { display: grid; grid-template-columns: max-content 1fr; gap: 2px 14px; margin: 8px 0 12px; font-size: 13px; }
  #druck.folge dt { font-weight: 700; }
  #druck.folge dd { margin: 0; }
  #druck.folge .fuss { font-size: 13px; font-weight: 700; }
}