/* Shared poll layout: loaded after each show's theme styles. */
.show-poll-list { align-items: start; }
.show-poll-list > .show-poll-card:only-child { grid-column: 1 / -1; }
.show-poll-card > header { flex-wrap: wrap; }
.show-poll-card h3 { margin: 12px 0 18px; font: 800 1.25rem/1.25 "Barlow Semi Condensed", Arial, sans-serif; overflow-wrap: anywhere; }
.show-poll-vote-option > .show-poll-option-content { padding: 10px 12px 10px 0; }
.show-poll-card output { min-height: 0; margin-top: 0; }
/* All shows use results without the old, separate letter column. */
.show-poll-result-bar.is-unlettered {
  grid-template-columns: minmax(0, 1fr);
}

.show-poll-result-bar.is-unlettered .show-poll-result-label {
  padding-left: 12px;
  padding-block: 10px;
}

.show-poll-card output:not(:empty) {
  margin-top: 8px;
}

.show-poll-card form > footer button {
  min-width: 80px;
  min-height: 40px;
  border-radius: 7px;
}

.show-poll-card .show-poll-share {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
  margin-top: 16px;
  padding-top: 14px;
  border-top: 1px solid color-mix(in srgb, var(--ink) 14%, transparent);
  font: 700 0.82rem/1.2 "Barlow Semi Condensed", Arial, sans-serif;
}

.show-poll-card .show-poll-share :is(a, button) {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 36px;
  padding: 8px 12px;
  border: 1px solid color-mix(in srgb, var(--ink) 18%, transparent);
  border-radius: 7px;
  background: color-mix(in srgb, var(--custom-show-surface, #fff) 80%, transparent);
  color: var(--ink);
  font: inherit;
  text-decoration: none;
  cursor: pointer;
}

.show-poll-card .show-poll-share :is(a, button):hover {
  border-color: var(--show-accent);
  background: color-mix(in srgb, var(--show-accent) 10%, var(--custom-show-surface, #fff));
  text-decoration: none;
}

.show-poll-card .show-poll-share [data-close-poll] {
  margin-left: auto;
  color: var(--muted);
  background: transparent;
}

.show-poll-card :is(a, button):focus-visible,
.show-poll-vote-option:has(input:focus-visible) {
  outline: 2px solid var(--show-accent);
  outline-offset: 3px;
}

.show-poll-card .show-poll-share button:disabled {
  cursor: wait;
  opacity: 0.55;
}

.show-poll-card [data-poll-share-status]:empty {
  display: none;
}

.show-poll-card [data-poll-share-status]:not(:empty) {
  flex-basis: 100%;
  color: var(--muted);
}

@media (max-width: 480px) {
  .show-poll-card { padding: 14px; }
  .show-poll-card > header { gap: 8px 12px; }
  .show-poll-card > header time { font-size: 0.72rem; }
  .show-poll-card .show-poll-share { gap: 6px; }
  .show-poll-card .show-poll-share :is(a, button) { min-height: 40px; padding-inline: 10px; }
}

.show-poll-option-content, .show-poll-question-entities { display: flex; align-items: center; flex-wrap: wrap; gap: 7px; }
.show-poll-option-content { min-width: 0; padding-top: 5px; padding-bottom: 5px; }
.show-poll-option-content > span:last-child { overflow-wrap: anywhere; }
.show-poll-contestant { display: block; width: 32px; height: 32px; flex: 0 0 32px; object-fit: cover; border-radius: 5px; border: 1px solid rgba(7,19,63,0.15); }
.show-poll-tribe { display: inline-block; padding: 4px 7px; border-radius: 4px; font-size: 0.72rem; font-weight: 900; line-height: 1.2; }
.show-poll-question-entities { margin: -4px 0 16px; }
.show-poll-vote-letter, .show-poll-result-letter { color: var(--poll-letter-color, #fff); }


.show-poll-sharing-field { display: grid; gap: 6px; margin-bottom: 16px; }
.show-poll-sharing-field .show-new-thread-title-input { min-height: 44px; margin: 0; padding: 8px 12px; font-size: 1rem; }
.show-poll-sharing-field small { color: var(--muted, #706475); font: 500 .85rem/1.35 "Barlow Semi Condensed", Arial, sans-serif; }