/* _content/LiveEventBingo.Shared/Components/Surveys/CommentMenu.razor.rz.scp.css */
/* ADO #11135 -- the owner's comment menu. Layout comes from Stack in the markup; this file only frames the menu
   panel and styles the notice text. Tokens only. */

.comment-menu__panel[b-yhzo8v0uem] {
    background: var(--meb-surface-card);
    border: var(--meb-border-width-sm) solid var(--meb-border-default);
    border-radius: var(--meb-radius-lg);
}

.comment-menu__notice[b-yhzo8v0uem] {
    margin: 0;
    color: var(--meb-text-default);
}
/* _content/LiveEventBingo.Shared/Components/Surveys/FeedbackEditor.razor.rz.scp.css */
/* ADO #11133 -- the owner's feedback editor. Layout comes from Stack and Inline in the markup; this file only
   styles text, resets the trigger fieldset and draws the question row frame. Tokens only. */

.feedback-editor__group[b-4cqoamw34o] {
    min-inline-size: 0;
    margin: 0;
    padding: 0;
    border: 0;
}

.feedback-editor__heading[b-4cqoamw34o] {
    padding: 0;
    color: var(--meb-text-default);
    font-weight: 600;
}

.feedback-editor__row[b-4cqoamw34o] {
    border: var(--meb-border-width-sm) solid var(--meb-border-default);
    border-radius: var(--meb-radius-lg);
}

.feedback-editor__prompt[b-4cqoamw34o] {
    color: var(--meb-text-default);
    font-weight: 600;
    overflow-wrap: anywhere;
}

.feedback-editor__type[b-4cqoamw34o] {
    color: var(--meb-text-muted);
}

.feedback-editor__notice[b-4cqoamw34o] {
    margin: 0;
    color: var(--meb-text-default);
}
/* _content/LiveEventBingo.Shared/Components/Surveys/FeedbackForm.razor.rz.scp.css */
/* ADO #11111 (S5-T3): text styles for the feedback form body (boards FeedbackAfterBingo, EndOfGame,
   PlayerGameOverWide). Tokens only; layout comes from the Stack and Inline props in the markup, so
   nothing here sets display, gap, flex or overflow, and no rule targets a primitive's class. */

/* "3 questions for your host. ...": 14px / 21px, muted. */
.feedback-form-intro[b-aqhwn0p6a0] {
    margin: 0;
    font-size: var(--text-sm);
    line-height: var(--font-lineheight-body);
    color: var(--meb-text-muted);
}

/* "1. How was tonight's game?": 16px / 600, line-height 24px. */
.feedback-form-prompt[b-aqhwn0p6a0] {
    margin: 0;
    font-size: var(--text-md);
    font-weight: var(--font-weight-semibold);
    line-height: var(--font-lineheight-body);
    overflow-wrap: anywhere;
}

/* "(optional)": regular weight, muted. */
.feedback-form-optional[b-aqhwn0p6a0] {
    font-weight: var(--font-weight-regular);
    color: var(--meb-text-muted);
}

/* The closed line and every notice share the poll sheet's note box (board PollClosed): 12px 14px, the
   light fill, a 1px edge, 12px radius, 14px / 500. */
.feedback-form-note[b-aqhwn0p6a0] {
    margin: 0;
    padding: var(--meb-space-stack-12) var(--meb-space-inline-14);
    background: var(--meb-surface-input-filled);
    border: var(--meb-border-width-sm) solid var(--meb-border-default);
    border-radius: var(--meb-radius-lg);
    font-size: var(--text-sm);
    font-weight: var(--font-weight-medium);
    line-height: var(--font-lineheight-body);
}
/* _content/LiveEventBingo.Shared/Components/Surveys/OwnerFeedbackResults.razor.rz.scp.css */
/* ADO #11132 (S6-T10) -- the owner's feedback so far (board OwnerFeedback). Tokens only. Layout comes from the Stack
   props in the markup; this file styles text only, and no rule targets a primitive's class. */

.owner-feedback-results__muted[b-wqw2m04763],
.owner-feedback-results__notice[b-wqw2m04763] {
    margin: 0;
    font-size: var(--text-sm);
    line-height: var(--font-lineheight-body);
}

.owner-feedback-results__muted[b-wqw2m04763] {
    color: var(--meb-text-muted);
}

.owner-feedback-results__notice[b-wqw2m04763] {
    color: var(--meb-text-default);
}
/* _content/LiveEventBingo.Shared/Components/Surveys/OwnerPollPanel.razor.rz.scp.css */
/* ADO #11132 (S6-T1) -- the owner's Poll tab panel (boards OwnerGameEmpty, OwnerGame, OwnerGameScrolled, HostLive).
   Tokens only. Layout (gaps, rows, the title and button spread) comes from the Stack and Inline props in the markup;
   this file styles text, the row frames, the "Open now" chip, the prompt button reset and the top-answer bar, and
   no rule targets a primitive's class. */

.owner-poll-panel__heading[b-ivz0h870el] {
    margin: 0;
    font-size: var(--text-md);
    font-weight: var(--font-weight-bold);
    line-height: var(--font-lineheight-heading);
    color: var(--meb-text-heading-brand);
}

.owner-poll-panel__empty-title[b-ivz0h870el],
.owner-poll-panel__empty-body[b-ivz0h870el] {
    margin: 0;
    font-size: var(--text-md);
    line-height: var(--font-lineheight-body);
}

.owner-poll-panel__empty-title[b-ivz0h870el] {
    font-weight: var(--font-weight-bold);
    color: var(--meb-text-default);
}

.owner-poll-panel__empty-body[b-ivz0h870el],
.owner-poll-panel__summary[b-ivz0h870el],
.owner-poll-panel__hint[b-ivz0h870el],
.owner-poll-panel__note[b-ivz0h870el] {
    color: var(--meb-text-muted);
}

.owner-poll-panel__summary[b-ivz0h870el],
.owner-poll-panel__hint[b-ivz0h870el],
.owner-poll-panel__note[b-ivz0h870el] {
    margin: 0;
    font-size: var(--text-sm);
    line-height: var(--font-lineheight-body);
}

.owner-poll-panel__row[b-ivz0h870el] {
    background: var(--meb-surface-card);
    border: var(--meb-border-width-sm) solid var(--meb-border-default);
    border-radius: var(--meb-radius-lg);
}

/* The prompt and status of an open or closed poll (and the Feedback row) open its sheet: a text button. */
.owner-poll-panel__open[b-ivz0h870el] {
    min-inline-size: 0;
    margin: 0;
    padding: 0;
    background: transparent;
    border: 0;
    font: inherit;
    color: var(--meb-text-default);
    text-align: start;
    cursor: pointer;
}

.owner-poll-panel__open:disabled[b-ivz0h870el] {
    cursor: default;
    opacity: var(--meb-opacity-muted);
}

.owner-poll-panel__prompt[b-ivz0h870el],
.owner-poll-panel__status[b-ivz0h870el] {
    display: block;
    overflow-wrap: anywhere;
}

.owner-poll-panel__prompt[b-ivz0h870el] {
    font-size: var(--text-md);
    font-weight: var(--font-weight-semibold);
    line-height: var(--font-lineheight-body);
    color: var(--meb-text-default);
}

.owner-poll-panel__status[b-ivz0h870el] {
    font-size: var(--text-sm);
    line-height: var(--font-lineheight-body);
    color: var(--meb-text-muted);
}

.owner-poll-panel__chip[b-ivz0h870el] {
    padding: 0 var(--meb-space-inline-10);
    background: var(--meb-accent-secondary);
    border: var(--meb-border-width-sm) solid var(--meb-border-default);
    border-radius: var(--meb-border-radius-full);
    font-size: var(--text-sm);
    font-weight: var(--font-weight-medium);
    line-height: var(--font-lineheight-body);
    color: var(--meb-text-default);
    white-space: nowrap;
}

.owner-poll-panel__top[b-ivz0h870el],
.owner-poll-panel__stats[b-ivz0h870el] {
    font-size: var(--text-sm);
    line-height: var(--font-lineheight-body);
    color: var(--meb-text-default);
}

.owner-poll-panel__top[b-ivz0h870el] {
    min-inline-size: 0;
    font-weight: var(--font-weight-semibold);
    overflow-wrap: anywhere;
}

.owner-poll-panel__top-value[b-ivz0h870el] {
    white-space: nowrap;
}

.owner-poll-panel__stats[b-ivz0h870el] {
    font-weight: var(--font-weight-medium);
}

/* The thin top-answer bar (8px on the boards); the same accent yellow and edge as the owner's highlighted bar. */
.owner-poll-panel__track[b-ivz0h870el] {
    box-sizing: border-box;
    block-size: var(--meb-space-stack-sm);
    inline-size: 100%;
    background: var(--meb-surface-input-filled);
    border: var(--meb-border-width-sm) solid var(--meb-border-default);
    border-radius: var(--meb-border-radius-full);
    overflow: hidden;
}

.owner-poll-panel__fill[b-ivz0h870el] {
    block-size: 100%;
    inline-size: var(--owner-poll-panel-fill, 0%);
    max-inline-size: 100%;
    background: var(--meb-accent-secondary);
    /* Forced colors: see .poll-results-fill (ADO 11309). */
    outline: var(--meb-border-width-md) solid transparent;
    outline-offset: calc(-1 * var(--meb-border-width-md));
}

.owner-poll-panel__fill--edge[b-ivz0h870el] {
    border-inline-end: var(--meb-border-width-sm) solid var(--meb-border-default);
}
/* _content/LiveEventBingo.Shared/Components/Surveys/OwnerPollResults.razor.rz.scp.css */
/* ADO #11132 (S6-T10) -- the owner's poll results (board OwnerPoll). Tokens only. Layout (gaps, the two buttons)
   comes from the Stack, Inline and Grid props in the markup; this file styles text and the "Open now" chip, and no
   rule targets a primitive's class. */

.owner-poll-results__prompt[b-y3scx1nk1m] {
    margin: 0;
    font-size: var(--text-2xl);
    font-weight: var(--font-weight-bold);
    line-height: var(--font-lineheight-heading);
    color: var(--meb-text-default);
    overflow-wrap: anywhere;
}

.owner-poll-results__muted[b-y3scx1nk1m] {
    margin: 0;
    font-size: var(--text-sm);
    line-height: var(--font-lineheight-body);
    color: var(--meb-text-muted);
}

.owner-poll-results__chip[b-y3scx1nk1m] {
    padding: 0 var(--meb-space-inline-10);
    background: var(--meb-accent-secondary);
    border: var(--meb-border-width-sm) solid var(--meb-border-default);
    border-radius: var(--meb-border-radius-full);
    font-size: var(--text-sm);
    font-weight: var(--font-weight-medium);
    line-height: var(--font-lineheight-body);
    color: var(--meb-text-default);
    white-space: nowrap;
}
/* _content/LiveEventBingo.Shared/Components/Surveys/OwnerSurveyHost.razor.rz.scp.css */
/* ADO #11132 (S6-T11) -- the owner's Poll tab host. Tokens only. Layout comes from the Stack and Inline props in the
   markup; this file styles the notice and the Desktop in-place title text only, and no rule targets a primitive's class. */

.owner-survey-host__notice[b-lhwf5jg9wx] {
    margin: 0;
    color: var(--meb-text-default);
    font-size: var(--text-sm);
    line-height: var(--font-lineheight-body);
}

.owner-survey-host__title[b-lhwf5jg9wx] {
    margin: 0;
    font-size: var(--text-md);
    font-weight: var(--font-weight-bold);
    line-height: var(--font-lineheight-heading);
    color: var(--meb-text-heading-brand);
}
/* _content/LiveEventBingo.Shared/Components/Surveys/PlayerPollList.razor.rz.scp.css */
/* ADO #11111 (S5-T9): the Poll tab rows (boards PollTab, PollTabDone). Tokens only. The header and the
   rows are spaced by the Stack props in the markup; this file styles only the row button and the spans
   inside it (a button holds phrasing content only, so its own arrangement lives on its own class, as in
   MebButton). No rule targets a primitive's class. Yellow is only the open row's background (design 5.5);
   the trailing "Answer" pill uses the Primary button tokens (terracotta), never the accent. */

/* Header line: 14px / 21px, muted. */
.player-poll-list-header[b-4jc211w29q] {
    margin: 0;
    font-size: var(--text-sm);
    line-height: var(--font-lineheight-body);
    color: var(--meb-text-muted);
}

/* Row: one tap target, min-height 62px (the 44px touch target + 16px + 2px), 1px edge, 12px radius,
   padding 8px 12px 8px 16px, 8px between the text and the trailing pill or chevron. */
.player-poll-row[b-4jc211w29q] {
    box-sizing: border-box;
    display: flex;
    align-items: center;
    gap: var(--meb-space-inline-sm);
    inline-size: 100%;
    min-block-size: calc(var(--meb-size-touch-target) + var(--meb-space-stack-md) + var(--meb-space-stack-xxs));
    margin: 0;
    padding: var(--meb-space-stack-sm) var(--meb-space-inline-12) var(--meb-space-stack-sm) var(--meb-space-inline-md);
    background: var(--meb-surface-card);
    border: var(--meb-border-width-sm) solid var(--meb-border-default);
    border-radius: var(--meb-radius-lg);
    color: var(--meb-text-default);
    font: inherit;
    text-align: start;
    cursor: pointer;
}

.player-poll-row--open[b-4jc211w29q] {
    background: var(--meb-accent-secondary);
}

.player-poll-row:focus-visible[b-4jc211w29q] {
    outline: var(--meb-focus-ring-width) solid var(--meb-accent-primary);
    outline-offset: var(--meb-focus-ring-offset);
}

.player-poll-row-text[b-4jc211w29q] {
    flex: 1 1 auto;
    min-inline-size: 0;
}

/* Prompt 16px / 600; status 14px muted (board line heights 22px and 20px; nearest token 1.5). */
.player-poll-row-prompt[b-4jc211w29q],
.player-poll-row-status[b-4jc211w29q] {
    display: block;
    overflow-wrap: anywhere;
}

.player-poll-row-prompt[b-4jc211w29q] {
    font-size: var(--text-md);
    font-weight: var(--font-weight-semibold);
    line-height: var(--font-lineheight-body);
}

.player-poll-row-status[b-4jc211w29q] {
    font-size: var(--text-sm);
    line-height: var(--font-lineheight-body);
    color: var(--meb-text-muted);
}

/* The trailing "Answer": the Primary pill look on a span (board: 2px black edge, 0 4px 0 shadow,
   padding 0 12px, 14px / 600, 4px below for the shadow). */
.player-poll-row-answer[b-4jc211w29q] {
    flex: none;
    margin-block-end: var(--meb-space-stack-xs);
    padding: var(--meb-space-stack-xxs) var(--meb-space-inline-12);
    background: var(--meb-button-primary-background);
    color: var(--meb-button-primary-foreground);
    border: var(--meb-border-width-md) solid var(--meb-button-primary-border);
    border-radius: var(--meb-border-radius-full);
    box-shadow: var(--meb-button-primary-shadow);
    font-size: var(--text-sm);
    font-weight: var(--font-weight-semibold);
    line-height: var(--font-lineheight-body);
    white-space: nowrap;
}

.player-poll-row-chevron[b-4jc211w29q] {
    flex: none;
}
/* _content/LiveEventBingo.Shared/Components/Surveys/PollBanner.razor.rz.scp.css */
/* ADO #11111 (S5-T9): the phone poll banner (board OptionB-Banner). Tokens only. The box is a plain div
   this component renders; the text column, the Answer button and the dismiss control are arranged by the
   Inline and Stack props in the markup, so no rule here targets a primitive's class. Yellow is the banner
   background only (design 5.5); "Answer" is MebButton Primary as is. */

/* Box: min-height 70px (the 44px touch target + 24px + 2px), padding 12px 8px 12px 16px, 1px edge,
   24px radius. */
.poll-banner[b-t7wmu34jsx] {
    box-sizing: border-box;
    min-block-size: calc(var(--meb-size-touch-target) + var(--meb-space-stack-lg) + var(--meb-space-stack-xxs));
    padding: var(--meb-space-stack-12) var(--meb-space-inline-sm) var(--meb-space-stack-12) var(--meb-space-inline-md);
    background: var(--meb-accent-secondary);
    border: var(--meb-border-width-sm) solid var(--meb-border-default);
    border-radius: var(--meb-border-radius-lg);
    color: var(--meb-text-default);
}

/* "Poll from your host": 14px / 500. */
.poll-banner-eyebrow[b-t7wmu34jsx] {
    margin: 0;
    font-size: var(--text-sm);
    font-weight: var(--font-weight-medium);
    line-height: var(--font-lineheight-body);
}

/* The prompt: 16px / 700 (board line height 22px; nearest token 1.5). */
.poll-banner-prompt[b-t7wmu34jsx] {
    margin: 0;
    font-size: var(--text-md);
    font-weight: var(--font-weight-bold);
    line-height: var(--font-lineheight-body);
    overflow-wrap: anywhere;
}

/* Dismiss: a 44 x 44 transparent target with the X icon centred (board OptionB-Banner). */
.poll-banner-dismiss[b-t7wmu34jsx] {
    box-sizing: border-box;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: none;
    inline-size: var(--meb-size-touch-target);
    block-size: var(--meb-size-touch-target);
    margin: 0;
    padding: 0;
    background: transparent;
    border: 0;
    border-radius: var(--meb-border-radius-full);
    color: var(--meb-text-default);
    cursor: pointer;
}

.poll-banner-dismiss:focus-visible[b-t7wmu34jsx] {
    outline: var(--meb-focus-ring-width) solid var(--meb-accent-primary);
    outline-offset: var(--meb-focus-ring-offset);
}
/* _content/LiveEventBingo.Shared/Components/Surveys/PollEditor.razor.rz.scp.css */
/* ADO #11133 -- the owner's poll editor. Layout comes from Stack in the markup; this file only styles text and
   resets the trigger radiogroup fieldset. Tokens only. */

.poll-editor__group[b-3lhh1txn1f] {
    min-inline-size: 0;
    margin: 0;
    padding: 0;
    border: 0;
}

.poll-editor__heading[b-3lhh1txn1f] {
    padding: 0;
    color: var(--meb-text-default);
    font-weight: 600;
}

/* ADO #11272: this label is a <legend>; the Bootstrap reboot makes a legend heading-sized with a float, so reset it
   to the inherited text size, like the survey-question-fields group labels (same slip as the "Answer type" legend). Tokens only. */
legend.poll-editor__heading[b-3lhh1txn1f] {
    float: none;
    inline-size: auto;
    margin: 0 0 var(--meb-space-stack-xs) 0;
    font-size: inherit;
    line-height: inherit;
}

.poll-editor__hint[b-3lhh1txn1f] {
    margin: 0;
    color: var(--meb-text-muted);
}

.poll-editor__notice[b-3lhh1txn1f] {
    margin: 0;
    color: var(--meb-text-default);
}
/* _content/LiveEventBingo.Shared/Components/Surveys/PollResultsBars.razor.rz.scp.css */
/* ADO #11111 (S5-T6): poll results bars (boards PlayerResults, OwnerPoll). Tokens only.
   Layout (row gaps, label and value spread) is owned by the Stack and Inline props in the markup;
   this file styles only the elements PollResultsBars renders itself.
   Colors (S5 lead decisions 6 and 7): the viewer's own bar, or the owner's HighlightOptionId bar, uses
   the accent yellow, every other bar the brand navy, never --bingo-mark-color (design 5.5, F50). The own bar is also marked by the visible
   "· your answer" text, so color is never the only signal. */

.poll-results-label[b-rmjd8afag8],
.poll-results-value[b-rmjd8afag8] {
    font-size: var(--text-md);
    line-height: var(--font-lineheight-body);
    font-weight: var(--font-weight-medium);
    color: var(--meb-text-default);
}

.poll-results-label[b-rmjd8afag8] {
    min-inline-size: 0;
    overflow-wrap: anywhere;
}

.poll-results-value[b-rmjd8afag8] {
    white-space: nowrap;
}

/* Accent rows: the viewer's own answer, or the owner's highlighted (top) answer (S5 lead decisions 7). */
.poll-results-label--accent[b-rmjd8afag8],
.poll-results-value--accent[b-rmjd8afag8] {
    font-weight: var(--font-weight-semibold);
}

.poll-results-own[b-rmjd8afag8] {
    font-weight: var(--font-weight-regular);
    color: var(--meb-text-muted);
}

.poll-results-track[b-rmjd8afag8] {
    box-sizing: border-box;
    block-size: var(--meb-space-stack-md);
    inline-size: 100%;
    background: var(--meb-surface-input-filled);
    border: var(--meb-border-width-sm) solid var(--meb-border-default);
    border-radius: var(--meb-border-radius-full);
    overflow: hidden;
}

.poll-results-fill[b-rmjd8afag8] {
    block-size: 100%;
    inline-size: var(--poll-results-fill, 0%);
    max-inline-size: 100%;
    background: var(--meb-text-heading-brand);
    /* Forced-colors mode repaints background in one system colour, so the fill would vanish into the
       track. A transparent inset outline is invisible normally and is repainted as an edge there
       (ADO 11309); it also leaves an empty (0%) fill undrawn. */
    outline: var(--meb-border-width-md) solid transparent;
    outline-offset: calc(-1 * var(--meb-border-width-md));
}

.poll-results-fill--accent[b-rmjd8afag8] {
    background: var(--meb-accent-secondary);
}

/* The board's 1px dark edge on the accent fill keeps the yellow readable against the light track. */
.poll-results-fill--edge[b-rmjd8afag8] {
    border-inline-end: var(--meb-border-width-sm) solid var(--meb-border-default);
}

/* ADO #11132 (S6-T10, Q-S6-3): the names under an option of a named poll. */
.poll-results-names[b-rmjd8afag8] {
    margin: 0;
    font-size: var(--text-sm);
    line-height: var(--font-lineheight-body);
    color: var(--meb-text-muted);
    overflow-wrap: anywhere;
}

@media (prefers-reduced-motion: no-preference) {
    .poll-results-fill[b-rmjd8afag8] {
        transition: inline-size var(--meb-anim-progress, 300ms) ease-out;
    }
}
/* _content/LiveEventBingo.Shared/Components/Surveys/PollSheetContent.razor.rz.scp.css */
/* ADO #11111 (S5-T2): text styles for the poll sheet body (boards Main, PollNamed, PlayerResults,
   ResultsHidden, PollClosed). Tokens only; layout comes from the Stack and Inline props in the markup,
   so nothing here sets display, gap, flex or overflow, and no rule targets a primitive's class. */

/* The prompt: 24px / 700, line-height 28.8px (1.2). */
.poll-sheet-prompt[b-p0jksscckp] {
    margin: 0;
    font-size: var(--text-2xl);
    font-weight: var(--font-weight-bold);
    line-height: var(--font-lineheight-heading);
    overflow-wrap: anywhere;
}

/* The named-poll line and the "N of M players answered" line: 14px / 21px, muted. */
.poll-sheet-subline[b-p0jksscckp] {
    margin: 0;
    font-size: var(--text-sm);
    line-height: var(--font-lineheight-body);
    color: var(--meb-text-muted);
}

/* "Your answer" (ResultsHidden): 14px / 500. */
.poll-sheet-label[b-p0jksscckp] {
    margin: 0;
    font-size: var(--text-sm);
    font-weight: var(--font-weight-medium);
    line-height: var(--font-lineheight-body);
}

/* "Your host isn't sharing results for this poll." and a short-text own answer: 16px / 24px. */
.poll-sheet-text[b-p0jksscckp] {
    margin: 0;
    font-size: var(--text-md);
    line-height: var(--font-lineheight-body);
}

.poll-sheet-own-text[b-p0jksscckp] {
    overflow-wrap: anywhere;
    white-space: pre-wrap;
}

/* The closed line and every notice share the PollClosed box: 12px 14px, the light fill, a 1px edge,
   12px radius, 14px / 500. */
.poll-sheet-note[b-p0jksscckp] {
    margin: 0;
    padding: var(--meb-space-stack-12) var(--meb-space-inline-14);
    background: var(--meb-surface-input-filled);
    border: var(--meb-border-width-sm) solid var(--meb-border-default);
    border-radius: var(--meb-radius-lg);
    font-size: var(--text-sm);
    font-weight: var(--font-weight-medium);
    line-height: var(--font-lineheight-body);
}

/* PollClosed dims the options it can no longer take (board 0.45; the nearest opacity token). */
.poll-sheet-closed-options[b-p0jksscckp] {
    opacity: var(--meb-opacity-muted);
}
/* _content/LiveEventBingo.Shared/Components/Surveys/PollSidePanel.razor.rz.scp.css */
/* ADO #11111 (S5-T9): the wide-layout poll panel (board PlayerTablet). Tokens only. Spacing comes from
   the Stack and Inline props in the markup; "All polls" is MebButton Link as is. This file styles only
   the hint line this component renders. */

/* "Your card stays live while the poll is open. Keep marking squares.": 14px / 21px, muted. */
.poll-side-panel-hint[b-mr9e373b92] {
    margin: 0;
    font-size: var(--text-sm);
    line-height: var(--font-lineheight-body);
    color: var(--meb-text-muted);
}
/* _content/LiveEventBingo.Shared/Components/Surveys/ReportEmailCard.razor.rz.scp.css */
/* ADO #11135 -- the owner's report email card. Layout comes from Stack and Grid in the markup; this file only draws
   the card frame and styles the status, hint and notice text. Tokens only. */

.report-email-card[b-ravujhfrer] {
    background: var(--meb-surface-card);
    border: var(--meb-border-width-sm) solid var(--meb-border-default);
    border-radius: var(--meb-radius-lg);
}

.report-email-card__status[b-ravujhfrer],
.report-email-card__notice[b-ravujhfrer] {
    margin: 0;
    color: var(--meb-text-default);
}

.report-email-card__hint[b-ravujhfrer] {
    margin: 0;
    color: var(--meb-text-muted);
}
/* _content/LiveEventBingo.Shared/Components/Surveys/SurveyQuestionBody.razor.rz.scp.css */
/* ADO #11111 (S5-T8): survey answer controls (boards Main, FeedbackAfterBingo). Tokens only.
   The list of pills and the row of stars are laid out by the Stack and Inline props in the markup; this
   file styles only the elements SurveyQuestionBody renders itself (the pill and star faces, the hidden
   native radios, the hint). Selected state comes from a class set from Value, never :has(:checked)
   (WKWebView, Project-Rules "Same CSS, different rendering"). Focus rings use the sibling of the native
   radio, so they show for keyboard focus only (:focus-visible). */

/* ---- Native radios: visually hidden, still focusable and announced ---- */
.survey-pill[b-4dq0fpyuhd],
.survey-star[b-4dq0fpyuhd] {
    position: relative;
    display: block;
    cursor: pointer;
}

.survey-pill-input[b-4dq0fpyuhd],
.survey-star-input[b-4dq0fpyuhd] {
    position: absolute;
    inline-size: 1px;
    block-size: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
}

/* ---- Choice pills (SingleChoice, YesNo): full-width rows, board Main ---- */
.survey-pill-face[b-4dq0fpyuhd] {
    box-sizing: border-box;
    display: flex;
    align-items: center;
    gap: var(--meb-space-inline-12);
    inline-size: 100%;
    /* 48px: the 44px touch target plus 4px (board Main min-height 48px). */
    min-block-size: calc(var(--meb-size-touch-target) + var(--meb-space-stack-xs));
    padding: var(--meb-space-stack-10) var(--meb-space-inline-md);
    background: var(--meb-surface-card);
    border: var(--meb-border-width-sm) solid var(--meb-border-default);
    border-radius: var(--meb-border-radius-lg);
    color: var(--meb-text-default);
    font-size: var(--text-md);
    font-weight: var(--font-weight-medium);
    line-height: var(--font-lineheight-body);
    text-align: start;
}

.survey-pill-dot[b-4dq0fpyuhd] {
    box-sizing: border-box;
    flex: none;
    inline-size: var(--meb-space-stack-20);
    block-size: var(--meb-space-stack-20);
    background: var(--meb-surface-card);
    border: var(--meb-border-width-sm) solid var(--meb-border-default);
    border-radius: var(--meb-border-radius-full);
}

.survey-pill-label[b-4dq0fpyuhd] {
    min-inline-size: 0;
    overflow-wrap: anywhere;
}

/* Selected: the accent yellow (board Main #FFD02E) and the board's thick ring dot (6px border). */
.survey-pill--selected .survey-pill-face[b-4dq0fpyuhd] {
    background: var(--meb-accent-secondary);
}

.survey-pill--selected .survey-pill-dot[b-4dq0fpyuhd] {
    border-width: var(--meb-space-stack-6);
}

.survey-pill-input:focus-visible + .survey-pill-face[b-4dq0fpyuhd] {
    outline: var(--meb-focus-ring-width) solid var(--meb-accent-primary);
    outline-offset: var(--meb-focus-ring-offset);
}

.survey-pill-input:disabled + .survey-pill-face[b-4dq0fpyuhd],
.survey-star-input:disabled + .survey-star-face[b-4dq0fpyuhd] {
    cursor: default;
}

/* ---- Rating stars (Rating5): board FeedbackAfterBingo, 56 by 48 with 12px corners ---- */
.survey-star[b-4dq0fpyuhd] {
    /* 56px wide (44px touch target plus 12px); the Inline row shrinks each star to fit its container. The floor is
       24px (the 44px target minus the 20px step, the WCAG 2.5.8 minimum), not 44px: the Game Over Feedback tab body
       is 212px wide at 320px (UI-08), and five 44px stars alone are 220px, so a 44px floor overflows and clips the
       fifth star. The star face stays 48px tall; the row gap is 4px below 768px (see the Inline in the markup). */
    inline-size: calc(var(--meb-size-touch-target) + var(--meb-space-stack-12));
    min-inline-size: calc(var(--meb-size-touch-target) - var(--meb-space-stack-20));
}

.survey-star-face[b-4dq0fpyuhd] {
    box-sizing: border-box;
    display: grid;
    place-items: center;
    inline-size: 100%;
    block-size: calc(var(--meb-size-touch-target) + var(--meb-space-stack-xs));
    background: var(--meb-surface-card);
    border: var(--meb-border-width-sm) solid var(--meb-border-default);
    border-radius: var(--meb-radius-lg);
    color: var(--meb-text-default);
}

.survey-star-icon[b-4dq0fpyuhd] {
    fill: none;
    stroke: currentColor;
    stroke-width: 1.8;
    stroke-linejoin: round;
}

/* Stars up to the chosen rating are filled (board: 4 chosen fills stars 1 to 4). */
.survey-star--filled .survey-star-face[b-4dq0fpyuhd] {
    background: var(--meb-accent-secondary);
}

.survey-star--filled .survey-star-icon[b-4dq0fpyuhd] {
    fill: currentColor;
    stroke: none;
}

.survey-star-input:focus-visible + .survey-star-face[b-4dq0fpyuhd] {
    outline: var(--meb-focus-ring-width) solid var(--meb-accent-primary);
    outline-offset: var(--meb-focus-ring-offset);
}

/* ---- Short text hint (design 10.1a item 4) ---- */
.survey-short-text-hint[b-4dq0fpyuhd] {
    margin: 0;
    font-size: var(--text-sm);
    line-height: var(--font-lineheight-body);
    color: var(--meb-text-muted);
}
/* _content/LiveEventBingo.Shared/Components/Surveys/SurveyQuestionFields.razor.rz.scp.css */
/* ADO #11133 -- the shared survey question block. Layout comes from Stack and Inline in the markup;
   this file only styles text and resets the radiogroup fieldset. Tokens only. */

.survey-question-fields__group[b-gvd4h4zua0] {
    min-inline-size: 0;
    margin: 0;
    padding: 0;
    border: 0;
}

.survey-question-fields__label[b-gvd4h4zua0] {
    padding: 0;
    color: var(--meb-text-default);
    font-weight: 600;
}

/* ADO #11272: the "Answer type" label is a <legend>, and the Bootstrap reboot gives every legend a heading size
   (1.5rem on desktop), float and bottom margin, so it rendered far larger than the other labels. Reset the legend
   to the inherited text size, the same size and weight as the "Answers" span label in this block (the Question and
   Answer N labels come from the Input primitive and keep its own smaller size). Tokens only. */
legend.survey-question-fields__label[b-gvd4h4zua0] {
    float: none;
    inline-size: auto;
    margin: 0 0 var(--meb-space-stack-xs) 0;
    font-size: inherit;
    line-height: inherit;
}

.survey-question-fields__locked-type[b-gvd4h4zua0] {
    color: var(--meb-text-muted);
}

/* E2E-B9: the field error under the question and under the answers (tokens only). */
.survey-question-fields__error[b-gvd4h4zua0] {
    margin: 0;
    color: var(--meb-text-danger);
}
/* _content/LiveEventBingo.Shared/Components/Surveys/SurveyQuestionResult.razor.rz.scp.css */
/* ADO #11132 (S6-T10) -- one question's results (boards OwnerPoll, OwnerFeedback). Tokens only. Layout (gaps, the
   comment row and the average line) comes from the Stack and Inline props in the markup; this file styles text and the
   comment frame, and no rule targets a primitive's class. */

.survey-question-result__prompt[b-9b0v3chlne] {
    margin: 0;
    font-size: var(--text-md);
    font-weight: var(--font-weight-semibold);
    line-height: var(--font-lineheight-body);
    color: var(--meb-text-default);
    overflow-wrap: anywhere;
}

/* The big average (board OwnerFeedback "4.2"). */
.survey-question-result__average[b-9b0v3chlne] {
    font-size: var(--text-3xl);
    font-weight: var(--font-weight-bold);
    line-height: var(--font-lineheight-heading);
    color: var(--meb-text-heading-brand);
}

.survey-question-result__muted[b-9b0v3chlne] {
    font-size: var(--text-sm);
    line-height: var(--font-lineheight-body);
    color: var(--meb-text-muted);
}

.survey-question-result__comment[b-9b0v3chlne] {
    padding-inline-start: var(--meb-space-inline-sm);
    background: var(--meb-surface-input-filled);
    border-radius: var(--meb-radius-lg);
}

.survey-question-result__name[b-9b0v3chlne],
.survey-question-result__text[b-9b0v3chlne] {
    display: block;
    font-size: var(--text-sm);
    line-height: var(--font-lineheight-body);
    color: var(--meb-text-default);
    overflow-wrap: anywhere;
}

.survey-question-result__name[b-9b0v3chlne] {
    font-weight: var(--font-weight-semibold);
}
/* _content/LiveEventBingo.Shared/Components/Surveys/SurveyReport.razor.rz.scp.css */
/* ADO #11135 (S6-T4) -- the owner's survey report (boards OwnerResultsPhone, HostResults). Tokens only. Layout (gaps,
   padding, the star rows' columns) comes from the Stack and Grid props in the markup; this file styles text, the
   question cards and the star bars, and no rule targets a primitive's class. */

.survey-report__muted[b-83hd5ijk8s],
.survey-report__notice[b-83hd5ijk8s] {
    margin: 0;
    font-size: var(--text-sm);
    line-height: var(--font-lineheight-body);
}

.survey-report__muted[b-83hd5ijk8s] {
    color: var(--meb-text-muted);
}

.survey-report__notice[b-83hd5ijk8s] {
    color: var(--meb-text-default);
}

.survey-report__heading[b-83hd5ijk8s] {
    margin: 0;
    font-size: var(--text-md);
    font-weight: var(--font-weight-bold);
    line-height: var(--font-lineheight-heading);
    color: var(--meb-text-heading-brand);
}

.survey-report__card[b-83hd5ijk8s] {
    background: var(--meb-surface-card);
    border: var(--meb-border-width-sm) solid var(--meb-border-default);
    border-radius: var(--meb-radius-lg);
}

.survey-report__prompt[b-83hd5ijk8s] {
    margin: 0;
    font-size: var(--text-md);
    font-weight: var(--font-weight-semibold);
    line-height: var(--font-lineheight-body);
    color: var(--meb-text-default);
    overflow-wrap: anywhere;
}

.survey-report__stars[b-83hd5ijk8s] {
    font-size: var(--text-sm);
    font-weight: var(--font-weight-medium);
    line-height: var(--font-lineheight-body);
    color: var(--meb-text-default);
    white-space: nowrap;
}

/* The star bars: the board's rounded track with the accent fill and its dark edge (PollResultsBars' look). */
.survey-report__track[b-83hd5ijk8s] {
    box-sizing: border-box;
    block-size: var(--meb-space-stack-md);
    inline-size: 100%;
    background: var(--meb-surface-input-filled);
    border: var(--meb-border-width-sm) solid var(--meb-border-default);
    border-radius: var(--meb-border-radius-full);
    overflow: hidden;
}

.survey-report__track[b-83hd5ijk8s],
.survey-report__fill[b-83hd5ijk8s] {
    display: block;
}

.survey-report__fill[b-83hd5ijk8s] {
    block-size: 100%;
    inline-size: var(--survey-report-fill, 0%);
    max-inline-size: 100%;
    background: var(--meb-accent-secondary);
    /* Forced colors: see .poll-results-fill (ADO 11309). */
    outline: var(--meb-border-width-md) solid transparent;
    outline-offset: calc(-1 * var(--meb-border-width-md));
}

/* The 1px dark edge keeps the yellow readable against the light track; none on an empty bar. */
.survey-report__fill--edge[b-83hd5ijk8s] {
    border-inline-end: var(--meb-border-width-sm) solid var(--meb-border-default);
}
/* _content/LiveEventBingo.Shared/Components/Surveys/SurveyReportHost.razor.rz.scp.css */
/* ADO #11135 (S6-T4b) -- the survey report host's wrapper. Tokens only; SurveyReport draws the report and its own
   layout comes from Stack and Grid props. The wrapper only lets the report shrink inside the Game Over column so
   long prompts and comments wrap instead of widening it. */

.survey-report-host[b-jxmzzewes9] {
    inline-size: 100%;
    min-inline-size: 0;
    color: var(--meb-text-default);
}

/* S6 quad r1 (H1-M3): the failure line above Try again, as SurveyReport's notice line. */
.survey-report-host__notice[b-jxmzzewes9] {
    margin: 0;
    font-size: var(--text-sm);
    line-height: var(--font-lineheight-body);
    color: var(--meb-text-default);
}
/* _content/LiveEventBingo.Shared/Components/Surveys/SurveySetupSection.razor.rz.scp.css */
/* ADO #11136 (S6-T5) -- the create page's survey setup (boards CreateSurveys, CreateSurveysPhone). Tokens only.
   Layout (gaps, rows, the row and button spread) comes from the Stack, Inline and Grid props in the markup; this
   file frames the poll list and its rows and styles text, and no rule targets a primitive's class. */

.survey-setup__list[b-pgwb16lr9o] {
    background: var(--meb-surface-input-filled);
    border-radius: var(--meb-radius-lg);
}

.survey-setup__row[b-pgwb16lr9o] {
    background: var(--meb-surface-card);
    border: var(--meb-border-width-sm) solid var(--meb-border-default);
    border-radius: var(--meb-radius-lg);
}

.survey-setup__prompt[b-pgwb16lr9o] {
    font-size: var(--text-md);
    font-weight: var(--font-weight-bold);
    line-height: var(--font-lineheight-body);
    color: var(--meb-text-default);
    overflow-wrap: anywhere;
}

.survey-setup__line[b-pgwb16lr9o],
.survey-setup__hint[b-pgwb16lr9o] {
    margin: 0;
    font-size: var(--text-sm);
    line-height: var(--font-lineheight-body);
    color: var(--meb-text-muted);
}