/* ══════════════════════════════════════════════════════════════════════════
   PN-PARTIEN-BEITRAG — Partien an Beitraegen (docs/PARTIEN.md)
   ──────────────────────────────────────────────────────────────────────────
   1) Einreichen-Fenster (templates/index_new.html): Haken "Als Partie eintragen"
      (static/js/pn-submit-partie.js) und die Zeile im Erfolgs-Bildschirm.
   2) Beitragsseite (templates/detail.html): "Partie eingetragen" und - wenn beim
      Teilen genannt - "Gespielt mit ..." (services/partien/mitspieler.fuer_beitrag).
   Farben nur ueber die Palette aus theme.v2.css (hell/dunkel).
   ══════════════════════════════════════════════════════════════════════════ */

/* ── Einreichen-Fenster ──────────────────────────────────────────────────── */
.pt-opt { margin: 0 0 .9rem; padding: .55rem .8rem; border: 1.5px solid var(--accent, #FF6D02); border-radius: 12px; background: var(--pn-sf-orange-fff3e8); }
.pt-opt[hidden] { display: none; }
.pt-opt__check { display: flex; align-items: center; gap: .55rem; min-height: 44px; font-weight: 600; cursor: pointer; }
.pt-opt__check input { width: 22px; height: 22px; flex: 0 0 auto; margin: 0; accent-color: var(--pn-sf-navy-bsn); }
.pt-opt .pn-fieldhint { margin-top: .1rem; color: var(--pn-tx-7); }
.pt-done { font-weight: 600; color: var(--pn-tx-gruen-15803d); }
.pt-done[hidden] { display: none; }

/* ── Beitragsseite ───────────────────────────────────────────────────────── */
body.pn-ui.detail-page .pt-beitrag { display: flex; flex-wrap: wrap; align-items: center; gap: .35rem .6rem; margin: .25rem 0 .75rem; font-size: .9rem; line-height: 1.4; color: var(--pn-tx-7); }
body.pn-ui.detail-page .pt-beitrag__marke {
  display: inline-flex; align-items: center; gap: .35rem; padding: .2rem .65rem; border-radius: 999px;
  background: var(--pn-sf-orange-fff3e8); color: var(--pn-tx-orange); font-weight: 700; font-size: .82rem;
}
body.pn-ui.detail-page .pt-beitrag__marke svg { width: 15px; height: 15px; flex: 0 0 auto; }
body.pn-ui.detail-page .pt-beitrag__mit { font-weight: 600; }
body.pn-ui.detail-page .pt-beitrag__namen { list-style: none; margin: 0; padding: 0; display: inline-flex; flex-wrap: wrap; gap: .3rem; }
body.pn-ui.detail-page .pt-beitrag__name {
  display: inline-flex; align-items: center; min-height: 28px; padding: .1rem .6rem; border-radius: 999px;
  background: var(--pn-sf-2); color: var(--pn-tx-navy); font-weight: 600; text-decoration: none;
}
body.pn-ui.detail-page a.pt-beitrag__name:hover { text-decoration: underline; }
body.pn-ui.detail-page a.pt-beitrag__name:focus-visible { outline: 2px solid var(--accent); outline-offset: 2px; }