/* ══════════════════════════════════════════════════════════════════════════
   Umfrage im "+"-Fenster (templates/components/umfrage_sheet.html,
   static/js/pn-umfrage-sheet.js). Baut auf den pn-sheet-/pn-field-Klassen aus
   theme.v2.css auf und nutzt nur Theme-Variablen - damit stimmt Hell- und
   Dunkelmodus (html[data-theme="dunkel"]) ohne Sonderregeln.
   ══════════════════════════════════════════════════════════════════════════ */

#submitSheet [hidden] { display: none !important; }

/* ── Umschalter Beitrag / Umfrage ─────────────────────────────────────── */
.pn-mode {
  display: grid; grid-template-columns: 1fr 1fr; gap: 4px;
  margin: 0; padding: 6px; background: var(--pn-sf-navy-bsn);
}
.pn-mode__btn {
  display: inline-flex; align-items: center; justify-content: center; gap: .45rem;
  min-height: 40px; padding: 0 .75rem; border: 0; border-radius: 10px;
  background: transparent; color: rgba(255, 255, 255, .72);
  font: inherit; font-size: .9rem; font-weight: 700; cursor: pointer;
  -webkit-tap-highlight-color: transparent;
}
.pn-mode__btn svg { width: 17px; height: 17px; flex: 0 0 auto; }
.pn-mode__btn:hover { color: #fff; background: rgba(255, 255, 255, .08); }
.pn-mode__btn.is-active { background: var(--pn-sf-0); color: var(--pn-tx-9); box-shadow: 0 1px 3px rgba(0, 0, 0, .18); }
.pn-mode__btn:focus-visible { outline: 3px solid var(--accent, #FF6D02); outline-offset: 2px; }

/* ── Formular ─────────────────────────────────────────────────────────── */
.pn-poll__text { min-height: 64px; }
.pn-poll__answers { margin: 0 0 .9rem; padding: 0; border: 0; min-width: 0; }
.pn-poll__answers legend {
  display: block; margin-bottom: .35rem; padding: 0;
  font-size: .72rem; font-weight: 600; color: var(--muted);
}
.pn-poll__answers legend .pn-req { color: var(--pn-tx-rot-2); }
.pn-poll__list { display: grid; gap: .5rem; margin: 0; padding: 0; list-style: none; }
.pn-poll__answer { display: flex; align-items: center; gap: .55rem; }
.pn-poll__answer .pn-input { flex: 1 1 auto; min-width: 0; }
.pn-poll__mark {
  display: grid; place-items: center; flex: 0 0 auto; width: 30px; height: 30px;
  border-radius: 9px; background: var(--pn-sf-2); color: var(--pn-tx-9);
  font-size: .8rem; font-weight: 800;
}
.pn-poll__add {
  display: inline-flex; align-items: center; gap: .4rem; min-height: 44px; margin-top: .35rem;
  padding: 0 .4rem; border: 0; background: none; color: var(--accent-strong, #C24E00);
  font: inherit; font-size: .88rem; font-weight: 700; cursor: pointer;
}
.pn-poll__add svg { width: 18px; height: 18px; }
html[data-theme="dunkel"] .pn-poll__add { color: #FDBA74; }
.pn-poll__settings {
  margin: 0 0 .9rem; padding: .2rem .9rem; border: 1px solid var(--border);
  border-radius: 12px; background: var(--pn-sf-0);
}
.pn-poll__settings summary {
  min-height: 44px; display: flex; align-items: center; cursor: pointer;
  font-size: .86rem; font-weight: 700; color: var(--pn-tx-9);
}
.pn-poll__settings[open] { padding-bottom: .4rem; }
.pn-poll__check {
  display: flex; align-items: center; gap: .55rem; min-height: 44px; margin-bottom: .4rem;
  font-size: .9rem; color: var(--pn-tx-9); cursor: pointer;
}
.pn-poll__check input { width: 20px; height: 20px; accent-color: var(--accent-strong, #C24E00); }
.pn-poll__row { display: grid; grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)); gap: 0 .7rem; }
.pn-poll__row select.pn-input { min-height: 46px; padding-right: 2rem; }
.pn-poll__send { margin-top: .2rem; }
.pn-poll__note { margin: .7rem 0 0; font-size: .76rem; line-height: 1.45; color: var(--muted); }
#umfrageForm.is-locked .pn-poll__send { opacity: .45; pointer-events: none; }
.pn-poll__locked {
  margin: 0 0 .8rem; padding: .7rem .85rem; border-radius: 12px;
  background: var(--pn-sf-2); color: var(--pn-tx-9); font-size: .86rem;
}
.pn-poll__guest { padding: 1.5rem .5rem; text-align: center; color: var(--pn-tx-9); }
.pn-poll__guest p { margin: 0 0 1rem; }
.pn-poll__guest .pn-cta { display: inline-flex; align-items: center; justify-content: center; text-decoration: none; }