/* Broadcast options and customer history share the existing compact admin density. */
.admin-broadcast__options, .admin-user-activity {
  margin: 10px 0; padding: 0; overflow: hidden;
  border: 1px solid var(--line-soft); border-radius: 10px; background: var(--surface);
}
.broadcast-option + .broadcast-option { border-top: 1px solid var(--line-soft); }
.broadcast-option__header {
  display: grid; grid-template-columns: 28px minmax(0, 1fr) 34px; align-items: center;
  gap: 9px; min-height: 54px; padding: 10px 12px; margin: 0; cursor: pointer;
}
.broadcast-option__icon { display: grid; place-items: center; width: 28px; height: 28px; border-radius: 8px; color: var(--icon-color, var(--accent)); background: var(--accent-soft); }
.broadcast-option__icon svg { width: 16px; height: 16px; }
.broadcast-option__text { display: grid; min-width: 0; gap: 3px; }
.broadcast-option__text strong { font-size: 11px; font-weight: 650; line-height: 1.35; }
.broadcast-option__text small { font-size: 9px; line-height: 1.4; color: var(--muted); }
.broadcast-option__body { display: grid; gap: 9px; padding: 0 12px 12px 49px; }
.broadcast-option__body :is(.admin-broadcast-expiration-minutes, .admin-broadcast-auto-reply-field) { margin: 0; gap: 5px; font-size: 10px; }
.broadcast-option__body :is(input:not([type="checkbox"]), textarea) { width: 100%; min-width: 0; min-height: 34px; padding: 8px 10px; border: 1px solid var(--line-soft); border-radius: 7px; background: var(--control-bg, var(--surface-soft)); color: var(--text); font: inherit; font-size: 11px; line-height: 1.45; }
.broadcast-option__body textarea { min-height: 76px; }
.broadcast-option__support { display: flex; align-items: center; justify-content: space-between; gap: 8px; min-height: 30px; color: var(--muted); font-size: 10px; }
.broadcast-option__actions, .broadcast-save-row { display: flex; justify-content: flex-end; padding: 0 12px 10px; }
.broadcast-option__save { display: grid; place-items: center; width: 30px; height: 30px; min-height: 30px; padding: 6px; border: 0; border-radius: 7px; background: var(--accent-soft); color: var(--icon-color, var(--accent)); cursor: pointer; }
.broadcast-option__save svg { width: 17px; height: 17px; }
.broadcast-option :is(button,input,textarea):focus-visible { outline: 2px solid var(--accent); outline-offset: 2px; }
.broadcast-option__header .mantine-Switch-track { width: 34px; min-width: 34px; height: 20px; }
.broadcast-option__header .mantine-Switch-thumb { width: 14px; height: 14px; }
.broadcast-option__body :is(.mantine-InputWrapper-label,.mantine-Switch-label) { font-size: 10px; }
.broadcast-option__body .mantine-InputWrapper-description { font-size: 9px; }
.broadcast-option__body .mantine-Input-input:not(textarea) { height: 34px; min-height: 34px; font-size: 11px; }
.rn-broadcast-section .admin-broadcast__options { background: #ffffff03; border-color: #ffffff12; }

.admin-user-activity { padding: 10px 12px 2px; }
.admin-user-activity__head { display: flex; align-items: center; justify-content: space-between; gap: 8px; min-height: 30px; }
.admin-user-activity__head h3 { display: flex; align-items: center; gap: 7px; margin: 0; font-size: 12px; line-height: 1.4; font-weight: 650; }
.admin-user-activity__head h3 svg { width: 16px; height: 16px; color: var(--icon-color, var(--accent)); }
.admin-user-activity button { font-family: inherit; cursor: pointer; }
.admin-user-activity .user-activity-icon { display: grid; place-items: center; width: 30px; height: 30px; min-height: 30px; padding: 7px; border: 0; border-radius: 7px; background: var(--control-bg, var(--surface-soft)); color: var(--muted); }
.user-activity-icon svg { width: 15px; height: 15px; }
.user-activity-filters { display: flex; flex-wrap: wrap; gap: 4px; margin: 7px 0 4px; }
.user-activity-filters button { min-height: 28px; padding: 5px 9px; border: 0; border-radius: 6px; background: transparent; color: var(--muted); font-size: 10px; line-height: 1.3; }
.user-activity-filters button[aria-pressed="true"] { background: var(--accent-soft); color: var(--icon-color, var(--accent)); }
.user-activity-list { list-style: none; margin: 0; padding: 0; }
.user-activity-entry + .user-activity-entry { border-top: 1px solid var(--line-soft); }
.admin-user-activity .user-activity-row {
  display: grid; grid-template-columns: 24px minmax(0, 1fr) auto 10px; align-items: center;
  gap: 8px; width: 100%; min-height: 52px; margin: 0; padding: 9px 0;
  border: 0; border-radius: 0; background: transparent; box-shadow: none; color: var(--text); text-align: start;
}
.user-activity-glyph { display: grid; place-items: center; width: 24px; height: 24px; border-radius: 7px; color: var(--muted); background: #ffffff06; }
.user-activity-glyph svg { width: 13px; height: 13px; }
.user-activity-entry[data-status="success"] .user-activity-glyph { color: var(--success); background: color-mix(in srgb, var(--success) 10%, transparent); }
.user-activity-entry[data-status="failed"] .user-activity-glyph { color: var(--danger); background: color-mix(in srgb, var(--danger) 10%, transparent); }
.user-activity-entry[data-status="pending"] .user-activity-glyph { color: #d6af62; background: #d6af6212; }
.user-activity-copy { display: grid; gap: 4px; min-width: 0; }
.user-activity-copy strong { font-size: 10.5px; font-weight: 600; line-height: 1.4; }
.user-activity-copy small { color: var(--muted); font-size: 9px; line-height: 1.4; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.user-activity-value { display: grid; gap: 4px; justify-items: end; font-variant-numeric: tabular-nums; }
.user-activity-value b { font-size: 11px; line-height: 1.4; font-weight: 600; }
.user-activity-value time { color: var(--muted); font-size: 9px; white-space: nowrap; }
.user-activity-chevron { display: grid; color: var(--muted-2, var(--muted)); }
.user-activity-chevron svg { width: 10px; height: 10px; transition: transform 150ms ease; }
.user-activity-row[aria-expanded="true"] .user-activity-chevron svg { transform: rotate(90deg); }
.user-activity-details { padding: 0 18px 10px 32px; }
.user-activity-details dl { display: grid; gap: 5px; margin: 0; }
.user-activity-details dl > div { display: grid; grid-template-columns: minmax(70px, .8fr) minmax(0, 1.2fr); gap: 8px; font-size: 9px; line-height: 1.5; }
.user-activity-details dt { color: var(--muted); }
.user-activity-details dd { margin: 0; color: var(--text); overflow-wrap: anywhere; }
.user-activity-states { display: grid; gap: 7px; margin-top: 9px; padding-top: 9px; border-top: 1px solid var(--line-soft); }
.user-activity-states > span { display: flex; align-items: center; gap: 5px; color: var(--muted); font-size: 9px; }
.user-activity-states i { width: 4px; height: 4px; border-radius: 50%; background: var(--muted); }
.user-activity-states i[data-status="success"] { background: var(--success); }
.user-activity-states time { margin-inline-start: auto; font-size: 8px; }
.admin-user-activity .user-activity-more { display: flex; align-items: center; justify-content: center; gap: 5px; width: 100%; min-height: 32px; margin: 4px 0 8px; padding: 6px; border: 0; border-radius: 7px; background: transparent; color: var(--muted); font-size: 10px; }
.user-activity-more svg { width: 13px; height: 13px; }
.user-activity-empty,.user-activity-error { margin: 8px 0 10px; font-size: 10px; line-height: 1.5; color: var(--muted); }
.user-activity-error { color: var(--danger); }
.admin-user-activity button:disabled { opacity: .45; cursor: default; }
.admin-user-activity button:focus-visible { outline: 2px solid var(--accent); outline-offset: 2px; }
.rn-user-activity { margin-top: 12px; }
.rn-user-activity .admin-user-activity { background: #ffffff05; border-color: #ffffff14; }
:root[data-glass="on"] :is(.admin-broadcast__options,.admin-user-activity) { background: var(--glass-background); border-color: var(--glass-border); backdrop-filter: var(--glass-backdrop); -webkit-backdrop-filter: var(--glass-backdrop); }
@layer control-material {
  :root:not([data-admin-console="on"]) #app .admin-user-activity :is(.user-activity-row,.user-activity-filters button,.user-activity-more) {
    background: transparent !important; background-image: none !important; border: 0 !important; box-shadow: none !important; backdrop-filter: none !important; -webkit-backdrop-filter: none !important; color: var(--text) !important;
  }
  :root:not([data-admin-console="on"]) #app .user-activity-filters button[aria-pressed="true"] { background: var(--accent-soft) !important; color: var(--icon-color, var(--accent)) !important; }
}
@media(max-width:360px) { .broadcast-option__body { padding-inline-start: 12px; } .admin-user-activity { padding-inline: 10px; } .admin-user-activity .user-activity-row { gap: 6px; } }
@media(prefers-reduced-motion:reduce) { .user-activity-chevron svg { transition: none; } }
.survey-editor { border: 1px solid var(--line-soft); border-radius: 9px; background: var(--surface); overflow: hidden; margin: 0 0 8px; }
.survey-editor .broadcast-option__header { min-height: 52px; }
.survey-editor__body { display: grid; gap: 9px; padding: 0 12px 10px; }
.survey-editor__fields { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; }
.survey-field { display: grid; gap: 5px; min-width: 0; margin: 0; }
.survey-field > span { font-size: 10px; color: var(--muted); line-height: 1.4; }
.survey-editor .survey-field :is(input,textarea),.survey-results select { width: 100%; min-width: 0; box-sizing: border-box; border: 1px solid var(--line-soft); border-radius: 6px; background: var(--control-bg,var(--surface-soft)); color: var(--text); font: inherit; font-size: 11px; padding: 8px 9px; line-height: 1.5; }
.survey-field textarea { resize: vertical; min-height: 65px; }
.survey-field :is(input,textarea):focus { outline: 1px solid var(--accent); }
.survey-hint { margin: 0; font-size: 10px; line-height: 1.5; color: var(--muted); }
.survey-editor button { font: inherit; cursor: pointer; color: var(--text); box-shadow: none; }
.survey-editor button:disabled { opacity: .4; cursor: default; }
.survey-questions { display: grid; gap: 6px; }
.survey-question { border: 1px solid var(--line-soft); border-radius: 7px; overflow: hidden; }
.survey-question__head { display: flex; align-items: center; padding: 3px 5px; gap: 3px; }
.survey-question__head > button:first-child { display: flex; align-items: center; flex: 1; min-width: 0; gap: 7px; border: 0; padding: 6px; background: transparent; text-align: start; font-size: 11px; }
.survey-question__head small { display: grid; place-items: center; flex: 0 0 21px; height: 21px; border-radius: 5px; background: var(--accent-soft); color: var(--icon-color,var(--accent)); font-size: 10px; }
.survey-question__head span { flex: 1; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.survey-question__head svg { width: 13px; height: 13px; }
.survey-question__head [aria-expanded=true] svg { transform: rotate(90deg); }
.survey-question__body { display: grid; gap: 8px; padding: 5px 10px 10px; }
.survey-answers { display: grid; gap: 6px; }
.survey-answers > div { display: flex; align-items: end; gap: 6px; }
.survey-answers .survey-field { flex: 1; }
.survey-editor .survey-icon { display: inline-grid; place-items: center; flex: 0 0 29px; width: 29px; height: 29px; min-height: 29px; border: 0; border-radius: 6px; padding: 7px; background: var(--control-bg,var(--surface-soft)); color: var(--muted); }
.survey-icon svg { width: 15px; height: 15px; }
.survey-editor .survey-add { display: inline-flex; align-items: center; justify-content: center; gap: 5px; justify-self: start; min-height: 28px; border: 0; border-radius: 6px; background: transparent; padding: 5px 7px; font-size: 10px; color: var(--icon-color,var(--accent)); }
.survey-add svg { width: 13px; height: 13px; }
.survey-editor__actions { display: flex; align-items: center; justify-content: space-between; padding: 0 12px 8px; gap: 8px; }
.survey-results { border-top: 1px solid var(--line-soft); padding: 9px 12px 12px; display: grid; gap: 9px; }
.survey-results__head { display: flex; align-items: center; gap: 7px; }
.survey-stats { display: grid; grid-template-columns: repeat(3,1fr); gap: 5px; padding: 4px 0; text-align: center; }
.survey-stats span { display: grid; gap: 4px; }
.survey-stats strong { font-size: 15px; }.survey-stats small { font-size: 9px; color: var(--muted); }
.survey-totals details,.survey-people details { border-top: 1px solid var(--line-soft); padding: 7px 0; }
.survey-results summary { cursor: pointer; font-size: 10.5px; line-height: 1.5; overflow-wrap: anywhere; }
.survey-totals details > div { display: flex; justify-content: space-between; gap: 8px; padding: 6px 0 0 10px; font-size: 10px; color: var(--muted); }
.survey-people summary { display: flex; align-items: center; justify-content: space-between; gap: 8px; }
.survey-people summary small { color: var(--muted); font-size: 9px; white-space: nowrap; }
.survey-people p { display: grid; gap: 4px; margin: 7px 0 0 8px; font-size: 10px; line-height: 1.5; }.survey-people p span { color: var(--muted); }
.survey-workflow .survey-editor { margin: 8px 0; }

/* Broadcast composer. Card, field and action surfaces have distinct roles. */
.broadcast-native-workflow { margin-top: 10px; }
#app .broadcast-workflow {
  --broadcast-field-bg: color-mix(in srgb, var(--control-material, var(--control-bg)) 98%, var(--text) 2%);
  max-width: 780px; margin-inline: auto;
  padding-bottom: calc(88px + env(safe-area-inset-bottom, 0px));
}
#app :is(.broadcast-workflow-panel, .survey-composer) { display: grid; gap: 12px; align-content: start; min-width: 0; }
#app .broadcast-workflow :is(.admin-broadcast__tabs, .broadcast-workflow-tabs) {
  display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 4px;
  padding: 4px; margin: 0; border: 0; border-radius: 12px; background: var(--surface);
}
#app .broadcast-workflow .broadcast-workflow-tabs { margin: 0 0 12px; }
#app .broadcast-workflow :is(.admin-broadcast__tabs, .broadcast-workflow-tabs) button {
  min-width: 0; min-height: 40px; padding: 9px 8px; display: flex; align-items: center; justify-content: center; gap: 7px;
  border: 0; border-radius: 9px; background: transparent; color: var(--muted); font: inherit; font-size: 11px; font-weight: 600; cursor: pointer;
}
#app .broadcast-workflow :is(.admin-broadcast__tabs, .broadcast-workflow-tabs) button[aria-selected="true"] { background: var(--control-bg); color: var(--text); }
#app .broadcast-workflow :is(.admin-broadcast__tabs, .broadcast-workflow-tabs) svg { width: 16px; height: 16px; flex-shrink: 0; }
#app :is(#page-admin, .rn-content, .broadcast-native-workflow) .broadcast-workflow :is(.admin-broadcast__section, .survey-editor, .survey-responses) {
  display: grid; gap: 12px; margin: 0; padding: 14px; min-width: 0;
  border: 1px solid var(--line-soft); border-radius: 12px; background: var(--surface); box-shadow: none;
}
#app .broadcast-workflow .broadcast-card-heading { display: flex; align-items: center; gap: 8px; margin: 0; min-height: 26px; min-width: 0; }
.broadcast-card-heading > svg { width: 16px; height: 16px; color: var(--icon-color, var(--accent)); flex-shrink: 0; }
.broadcast-card-heading > strong { flex: 1; min-width: 0; font-size: 11.5px; font-weight: 650; line-height: 1.45; }
.broadcast-help { margin: 0; color: var(--muted); font-size: 11px; line-height: 1.6; }
#app .broadcast-workflow .broadcast-message-preview {
  min-width: 0; min-height: 90px; max-height: 280px; padding: 14px 16px; overflow: auto;
  border-radius: 14px 14px 4px 14px;
  background: color-mix(in srgb, var(--control-material, var(--control-bg)) 88%, var(--accent) 12%);
}
#app .broadcast-workflow .broadcast-message-text { margin: 0; white-space: pre-wrap; overflow-wrap: anywhere; color: var(--text); font-size: 12px; font-weight: 450; line-height: 1.7; }
#app .broadcast-workflow .broadcast-content__actions { display: flex; justify-content: flex-end; }
#app .broadcast-workflow .broadcast-inline-action,
#app .broadcast-workflow .survey-add {
  display: inline-flex; align-items: center; justify-content: center; justify-self: start; gap: 7px;
  min-height: 36px; max-width: 100%; padding: 8px 11px; border: 1px solid var(--line-soft); border-radius: 9px;
  background: var(--control-bg); color: var(--text); font: inherit; font-size: 11px; font-weight: 550; cursor: pointer;
}
#app .broadcast-workflow .broadcast-replace { width: 100%; min-height: 42px; padding-inline: 16px; font-size: 11.5px; }
.broadcast-inline-action svg, .survey-add svg { width: 16px; height: 16px; flex-shrink: 0; }
#app .broadcast-workflow .admin-broadcast__buttons { display: grid; gap: 12px; margin: 0; }
#app :is(#page-admin, .rn-content, .broadcast-native-workflow) .broadcast-workflow .admin-broadcast-button {
  display: grid; gap: 12px; min-width: 0; margin: 0; padding: 12px;
  border: 1px solid var(--line-soft); border-radius: 10px;
  background: color-mix(in srgb, var(--control-material, var(--control-bg)) 35%, var(--surface) 65%);
}
#app .broadcast-workflow .admin-broadcast-button label { min-width: 0; display: grid; gap: 6px; margin: 0; }
#app .broadcast-workflow .admin-broadcast-button__head { margin: 0; }
#app .broadcast-workflow .admin-broadcast-button__head strong { font-size: 11px; }
#app .broadcast-workflow .survey-editor__body { padding: 0; gap: 12px; }
#app .broadcast-workflow .survey-invitation-fields { display: grid; grid-template-columns: minmax(0, 1fr); gap: 12px; }
.survey-field--wide { grid-column: 1 / -1; }
#app .broadcast-workflow :is(.survey-field, .admin-field, .admin-broadcast-auto-reply-field, .admin-broadcast-expiration-minutes) { display: grid; gap: 6px; margin: 0; min-width: 0; }
#app .broadcast-workflow :is(.survey-field > span, .admin-field > span, .admin-email-broadcast__field > span, .admin-broadcast-button label > span, .admin-broadcast-auto-reply-field > span, .admin-broadcast-expiration-minutes > span, .survey-answers__label) { color: var(--muted); font-size: 10px; font-weight: 500; line-height: 1.5; }
#app :is(#page-admin, .rn-content, .broadcast-native-workflow) .broadcast-workflow :is(input:not([type="checkbox"]):not([type="radio"]), textarea, select, .admin-localization-select) {
  width: 100%; min-width: 0; box-sizing: border-box; min-height: 42px; height: auto;
  padding: 10px 12px; border: 1px solid var(--line-soft); border-radius: 10px;
  color: var(--text); background: var(--broadcast-field-bg); font: inherit; font-size: 11.5px; font-weight: 500; line-height: 1.5; box-shadow: none;
}
#app .broadcast-workflow .admin-localization-select { padding-inline-end: 32px; }
#app .broadcast-workflow textarea { min-height: 88px; resize: vertical; }
#app .broadcast-workflow :is(input, textarea)::placeholder { color: var(--muted); opacity: .7; font-weight: 400; }
#app .broadcast-workflow :is(input, textarea, select, button, .admin-localization-select):focus-visible { outline: 2px solid var(--accent); outline-offset: 2px; }
#app .broadcast-workflow .survey-questions { gap: 12px; }
#app .broadcast-workflow .survey-question { min-width: 0; padding: 10px; border: 1px solid var(--line-soft); border-radius: 10px; background: color-mix(in srgb, var(--control-material, var(--control-bg)) 40%, var(--surface) 60%); }
#app .broadcast-workflow .survey-question__head { padding: 0; gap: 6px; min-height: 36px; }
#app .broadcast-workflow .survey-question__head > button:first-child { min-height: 36px; padding: 6px 0; font-size: 11px; font-weight: 550; }
#app .broadcast-workflow .survey-question__head svg { transition: transform .18s ease; }
#app .broadcast-workflow .survey-question__chevron {
  width: 16px; height: 16px; flex: 0 0 16px; background: var(--icon-color); pointer-events: none;
  -webkit-mask: var(--select-chevron-mask) center / contain no-repeat;
  mask: var(--select-chevron-mask) center / contain no-repeat;
  transition: transform 220ms cubic-bezier(.22, 1, .36, 1);
}
#app .broadcast-workflow [aria-expanded="true"] .survey-question__chevron { transform: rotate(180deg); }
#app .broadcast-workflow .survey-question__body { padding: 8px 0 4px; gap: 12px; }
#app .broadcast-workflow .survey-answers { gap: 8px; }
#app .broadcast-workflow .survey-answers > div { align-items: center; gap: 8px; }
#app .broadcast-workflow .survey-answer-input { flex: 1; }
#app .broadcast-workflow :is(.survey-icon, .admin-icon-button) {
  display: inline-grid; place-items: center; width: 34px; height: 34px; min-height: 34px; flex: 0 0 34px;
  margin: 0; padding: 8px; border: 0; border-radius: 8px; background: transparent; color: var(--muted); cursor: pointer;
}
#app .broadcast-workflow :is(.survey-icon, .admin-icon-button) svg { width: 16px; height: 16px; }
#app .broadcast-workflow .admin-broadcast__options { display: grid; gap: 12px; margin: 0; padding: 0; border: 0; background: transparent; overflow: visible; }
#app .broadcast-workflow .broadcast-option { min-width: 0; border: 1px solid var(--line-soft); border-radius: 12px; background: var(--surface); overflow: hidden; }
#app .broadcast-workflow .broadcast-option__header { min-height: 60px; padding: 12px 14px; grid-template-columns: 28px minmax(0, 1fr) 34px; gap: 10px; }
#app .broadcast-workflow .broadcast-option__icon { width: 28px; height: 28px; border-radius: 8px; }
#app .broadcast-workflow .broadcast-option__icon svg { width: 16px; height: 16px; }
#app .broadcast-workflow .broadcast-option__text strong { font-size: 11px; }
#app .broadcast-workflow .broadcast-option__text small { font-size: 10px; }
#app .broadcast-workflow .broadcast-option__body { padding: 0 14px 14px; gap: 12px; }
#app .broadcast-workflow .broadcast-option__support { min-height: 36px; font-size: 11px; }
#app .broadcast-workflow .admin-broadcast__actions { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; }
#app :is(#page-admin, .rn-content, .broadcast-native-workflow) .broadcast-workflow :is(.admin-broadcast__actions button, .admin-mail__button) {
  min-width: 0; min-height: 46px; padding: 11px 12px; display: inline-flex; align-items: center; justify-content: center; gap: 8px;
  border: 0; border-radius: 11px; font: inherit; font-size: 11.5px; font-weight: 650; white-space: nowrap; cursor: pointer;
}
#app .broadcast-workflow .admin-broadcast__actions svg { width: 18px; height: 18px; flex-shrink: 0; }
#app .broadcast-workflow :is(.admin-broadcast__actions .admin-broadcast__send, .admin-mail__button--primary) { background: var(--accent); color: var(--broadcast-action-text, var(--accent-contrast, #071017)) !important; }
#app :is(#page-admin, .rn-content, .broadcast-native-workflow) .broadcast-workflow .audience-editor { margin: 0; padding: 0; gap: 14px; border: 0; border-radius: 0; background: transparent; box-shadow: none; }
#app :is(#page-admin, .rn-content, .broadcast-native-workflow) .broadcast-workflow .audience-editor .admin-editor__grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; }
#app .broadcast-workflow .audience-editor .admin-editor__grid > label:last-child { grid-column: 1 / -1; }
#app .broadcast-workflow .audience-count { font-size: 10px; }
#app .broadcast-workflow .audience-editor > .admin-toggle { min-height: 42px; padding: 6px 0; }
#app .broadcast-workflow .audience-editor > .surface-inline > .surface-button { min-height: 42px; border-radius: 10px; font-size: 11px; }
#app .broadcast-workflow .survey-results { padding: 0; border: 0; background: transparent; gap: 12px; }
#app .broadcast-workflow .survey-results__head:empty { display: none; }
#app .broadcast-workflow .survey-results-empty { margin: 0; font-size: 11px; color: var(--muted); line-height: 1.6; }
#app .broadcast-workflow :is(input[role="switch"], .admin-toggle > i) { background: color-mix(in srgb, var(--control-bg) 82%, var(--text) 18%) !important; }
#app .broadcast-workflow :is(input[role="switch"]:checked, .admin-toggle input:checked + i) { background: color-mix(in srgb, var(--control-bg) 70%, var(--accent) 30%) !important; }
#app .broadcast-workflow button:disabled { cursor: default; opacity: .45; }
@keyframes broadcast-panel-in { from { opacity: 0; transform: translateY(5px); } to { opacity: 1; transform: translateY(0); } }
#app .broadcast-workflow .is-entering { animation: broadcast-panel-in .18s ease-out both; }

/* Match the shared important control layer, including frame visibility. */
@layer control-material {
  :root:not([data-admin-console="on"]) #app .broadcast-workflow :is(input:not([type="checkbox"]):not([type="radio"]), textarea, select, .admin-localization-select) {
    background: var(--broadcast-field-bg) !important; border-color: var(--line-soft) !important; color: var(--text) !important;
    min-height: 42px !important; padding: 10px 12px !important; border-radius: 10px !important;
    font-size: 11.5px !important; font-weight: 500 !important; line-height: 1.5 !important;
  }
  :root:not([data-admin-console="on"]) #app .broadcast-workflow textarea { min-height: 88px !important; }
  :root:not([data-admin-console="on"]) #app .broadcast-workflow .admin-localization-select { padding-inline-end: 32px !important; }
  :root:not([data-admin-console="on"]) #app .broadcast-workflow :is(.survey-question__head > button:first-child, .survey-icon, .admin-icon-button) {
    background: transparent !important; background-image: none !important; border: 0 !important;
    box-shadow: none !important; backdrop-filter: none !important; -webkit-backdrop-filter: none !important;
  }
  :root:not([data-admin-console="on"]) #app .broadcast-workflow :is(.admin-broadcast__tabs, .broadcast-workflow-tabs) button {
    background: transparent !important; background-image: none !important; border: 0 !important;
    box-shadow: none !important; backdrop-filter: none !important; -webkit-backdrop-filter: none !important; color: var(--muted) !important;
  }
  :root:not([data-admin-console="on"]) #app .broadcast-workflow :is(.admin-broadcast__tabs, .broadcast-workflow-tabs) button[aria-selected="true"] { background: var(--control-material, var(--control-bg)) !important; color: var(--text) !important; }
  :root:not([data-admin-console="on"]) #app .broadcast-workflow .admin-broadcast__actions button {
    background: color-mix(in srgb, var(--control-material, var(--control-bg)) 90%, var(--accent) 10%) !important;
    color: var(--text) !important; background-image: none !important; box-shadow: none !important;
  }
  :root:not([data-admin-console="on"]) #app .broadcast-workflow :is(.admin-broadcast__actions .admin-broadcast__send, .admin-mail__button--primary) {
    background: var(--accent) !important; color: var(--broadcast-action-text, var(--accent-contrast, #071017)) !important;
  }
  :root:not([data-admin-console="on"]) #app .broadcast-workflow :is(.admin-broadcast__actions button, .admin-mail__button) svg { color: inherit !important; }
  /* Hidden frames also cover native switch tracks and any generated pseudo-elements. */
  :root:not([data-admin-console="on"])[data-frames="off"] #app :is(#page-admin, .rn-content, .broadcast-native-workflow) .broadcast-workflow,
  :root:not([data-admin-console="on"])[data-frames="off"] #app :is(#page-admin, .rn-content, .broadcast-native-workflow) .broadcast-workflow *,
  :root:not([data-admin-console="on"])[data-frames="off"] #app :is(#page-admin, .rn-content, .broadcast-native-workflow) .broadcast-workflow *::before,
  :root:not([data-admin-console="on"])[data-frames="off"] #app :is(#page-admin, .rn-content, .broadcast-native-workflow) .broadcast-workflow *::after { border-color: transparent !important; }
  :root:not([data-admin-console="on"])[data-frames="off"] #app :is(#page-admin, .rn-content, .broadcast-native-workflow) .broadcast-workflow :is(input[role="switch"], .admin-toggle > i) { box-shadow: none !important; }
}
@media (max-width: 520px) {
  #app .broadcast-workflow .survey-invitation-fields { grid-template-columns: minmax(0, 1fr); }
}
@media (max-width: 360px) {
  #app .broadcast-workflow .admin-broadcast__actions { grid-template-columns: minmax(0, 1fr); }
  #app .broadcast-workflow .broadcast-replace { width: 100%; }
}
@media (prefers-reduced-motion: reduce) { #app .broadcast-workflow .is-entering { animation: none; } #app .broadcast-workflow * { transition: none !important; } }

/* Survey messages are composed in Telegram and shown in a safe formatted bubble. */
#app .broadcast-workflow .survey-message-editor { display: grid; gap: 10px; min-width: 0; }
#app .broadcast-workflow .survey-editor > .survey-field { margin-top: 12px; }
#app .broadcast-workflow .survey-capture-wait { display: grid; gap: 8px; }
#app .broadcast-workflow .telegram-message-preview { white-space: pre-wrap; overflow-wrap: anywhere; line-height: 1.6; }
#app .broadcast-workflow .telegram-message-preview a { color: var(--accent); text-decoration: underline; }
#app .broadcast-workflow .telegram-message-preview blockquote { margin: 6px 0; padding: 5px 10px; border-inline-start: 3px solid var(--accent); border-radius: 4px; background: color-mix(in srgb, var(--accent) 8%, transparent); }
#app .broadcast-workflow .telegram-message-preview :is(pre,code) { font-family: ui-monospace, monospace; font-size: .95em; background: color-mix(in srgb, var(--text) 8%, transparent); border-radius: 4px; }
#app .broadcast-workflow .telegram-message-preview pre { padding: 8px; white-space: pre-wrap; }
#app .broadcast-workflow .telegram-preview-spoiler { background: color-mix(in srgb, var(--text) 14%, transparent); border-radius: 3px; }
#app .broadcast-workflow .broadcast-audience__body .audience-editor { padding: 0; }
#app .broadcast-workflow .broadcast-option__text { min-width: 0; }
#app .broadcast-workflow [data-reveal-container] { box-sizing: border-box; }
@media (prefers-reduced-motion: reduce) {
 #app .broadcast-workflow .is-entering { animation: none; }
 #app .broadcast-workflow .survey-question__chevron { transition: none; }
}