.form-grid-scroll { overflow-x: auto; width: 100%; }
.form-emoji-grid { width: 100%; border-collapse: separate; border-spacing: 0; table-layout: fixed; min-width: var(--grid-min-width, 680px); color: #12284c; }
.form-emoji-grid caption { text-align: left; font-size: 1.2rem; font-weight: 700; padding: 0 0 20px; }
.form-emoji-grid th, .form-emoji-grid td { padding: 16px 10px; border-bottom: 1px solid #e5e7eb; text-align: center; }
.form-emoji-grid thead th { font-size: 12px; line-height: 1.5; overflow-wrap: anywhere; background: #f8fafc; }
.form-emoji-grid thead th:first-child { font-size: 15px; line-height: 1.5; }
.form-emoji-grid th:first-child { text-align: left; width: 30%; overflow-wrap: anywhere; }
.form-emoji-grid tbody th { font-size: 14px; font-weight: 500; }
.form-emoji-grid tbody tr.is-missing th { color: #b42318; background: #fff5f5; }
.form-emoji-grid tbody tr.is-missing td { background: #fffafa; }
.form-emoji-grid tbody tr.is-missing .form-grid-choice { border-color: #e9a6a6; }
.form-emoji-grid tbody tr.is-missing th:first-child { box-shadow: inset 4px 0 #dc2626; }
.form-emoji-grid tbody tr.is-answered:not(.is-missing) { background: #f3faf5; }
.form-emoji-grid tbody tr.is-answered:not(.is-missing) > th,
.form-emoji-grid tbody tr.is-answered:not(.is-missing) > td { background: #f3faf5; }
.form-grid-question { display: inline; }
.form-grid-answered-check { display: none; vertical-align: middle; place-items: center; width: 19px; height: 19px; margin-left: 7px; border-radius: 50%; background: #3f9a61; color: #fff; pointer-events: none; }
.form-grid-answered-check svg { width: 12px; height: 12px; }
.form-emoji-grid tbody tr.is-answered .form-grid-answered-check { display: inline-grid; }
.form-emoji-grid tbody tr.just-answered .form-grid-answered-check { animation: form-grid-check-pop .3s ease-out; }
@keyframes form-grid-check-pop { 0% { transform: scale(.6); } 65% { transform: scale(1.12); } 100% { transform: scale(1); } }
@media (prefers-reduced-motion: reduce) { .form-emoji-grid tbody tr.just-answered .form-grid-answered-check { animation: none; } }
.form-emoji-grid small { display: block; color: #64748b; margin-top: 6px; }
.form-grid-face { display: block; width: 64px; height: 64px; margin: 0 auto 10px; flex-shrink: 0; }
.form-grid-face img { display: block; width: 100%; height: 100%; }
.form-grid-choice .form-grid-face { margin: 0; }
.form-grid-choice { position: relative; min-height: 94px; display: flex; align-items: center; justify-content: center; gap: 6px; border: 1px solid #e2e8f0; border-radius: 12px; padding: 10px; cursor: pointer; }
.form-grid-choice:has(input:checked) { border-color: #f97316; background: #fff1e6; }
.form-grid-choice:focus-within { outline: 2px solid #f97316; outline-offset: 3px; }
.form-grid-choice input { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; }
.form-grid-no-emoji .form-grid-choice { min-height: 54px; }
.form-grid-radio { display: block; width: 20px; height: 20px; flex: none; border: 2px solid #cbd5e1; border-radius: 50%; }
.form-grid-choice:has(input:checked) .form-grid-radio { border-color: #f97316; background: #f97316; box-shadow: inset 0 0 0 4px #fff; }
#formTypeModal { position: fixed; inset: 0; margin: auto; width: min(850px, calc(100% - 32px)); max-height: calc(100dvh - 32px); padding: 0; border: 0; border-radius: 20px; color: #12284c; background: white; box-shadow: 0 24px 80px #0f172a33; }
#formTypeModal::backdrop { background: #0f172a80; }
.form-type-content { padding: 28px; }
.form-type-heading { display: flex; justify-content: space-between; align-items: flex-start; gap: 16px; }
.form-type-heading h2 { margin: 0; font-size: 24px; font-weight: 700; }
.form-type-heading button { border: 0; border-radius: 8px; padding: 8px 12px; background: #f1f5f9; cursor: pointer; }
.form-type-content p { margin: 10px 0 24px; color: #64748b; }
.form-type-options { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px; }
.form-type-option { display: flex; flex-direction: column; align-items: flex-start; gap: 12px; padding: 24px; border: 1px solid #e2e8f0; border-radius: 16px; background: white; text-align: left; cursor: pointer; }
.form-type-option:hover, .form-type-option:focus-visible { border-color: #f97316; background: #fff7ed; outline: 2px solid #f97316; outline-offset: 2px; }
.form-type-option i { color: #f97316; font-size: 28px; }
.form-type-option strong { font-size: 17px; }
.form-type-option span { color: #64748b; font-size: 14px; }
@media (max-width: 640px) { .form-type-options { grid-template-columns: 1fr; } .form-type-option { padding: 18px; } }
#formBuilder .builder-header-container { flex-wrap: wrap; gap: 12px; }
#formBuilder .builder-header-title-zone { gap: 8px; }
#builderPreviewModal { z-index: 1300; }
#grid-next { margin-top: 24px; background: #f97316; }
#grid-next:disabled { opacity: .45; cursor: not-allowed; }
@media (min-width: 768px) {
    #formBuilder { left: 288px; transition: left .34s ease; }
    body.sidebar-collapsed #formBuilder { left: 96px; }
}
@media (max-width: 767px) {
    #formBuilder { z-index: 1200; }
    .form-grid-choice { padding: 8px 4px; }
}

.form-grid-preview-choice { display: flex; flex-direction: column; align-items: center; gap: 8px; padding: 12px 6px; font-size: 12px; line-height: 1.4; }
.form-grid-preview-choice .form-grid-face { margin: 0; }
.form-nps-preview { margin-top: 16px; padding: 18px; border: 1px solid #e2e8f0; border-radius: 12px; background: #fff; }
.form-nps-preview > p { margin: 0 0 18px; color: #12284c; font-size: 14px; font-weight: 700; }
.form-nps-preview-scroll { overflow-x: auto; }
.form-nps-preview-track { width: 622px; margin: 0 auto; }
.form-nps-preview-options { display: grid; grid-template-columns: repeat(11, 1fr); gap: 5px; }
.form-nps-preview-option { display: flex; flex-direction: column; align-items: center; gap: 5px; min-height: 76px; color: #334155; font-size: 18px; font-weight: 500; }
.form-nps-preview-option .form-grid-face { width: 42px; height: 42px; margin: 0; }
.form-nps-detractor .form-grid-face img { filter: hue-rotate(-25deg) saturate(1.25); }
.form-nps-passive .form-grid-face img { filter: sepia(.6) saturate(1.8) hue-rotate(130deg); }
.form-nps-promoter .form-grid-face img { filter: hue-rotate(80deg) saturate(.9); }
.form-grid-editor th { overflow-wrap: anywhere; }
.form-grid-editor th, .form-grid-editor td { border-bottom: 0; }
.form-question-preview { margin-top: 16px; padding: 18px; border: 1px solid #e2e8f0; border-radius: 12px; background: #fff; }
.form-question-preview-title { margin: 0 0 18px; color: #12284c; font-size: 14px; font-weight: 700; }
.form-question-preview-question { margin-bottom: 18px; color: #1e293b; font-size: 15px; font-weight: 600; overflow-wrap: anywhere; }
.form-question-preview-question small { display: block; margin-top: 5px; color: #64748b; font-size: 12px; font-weight: 400; }
.form-question-preview-scale { display: flex; gap: 10px; overflow-x: auto; padding-bottom: 4px; }
.form-question-preview-scale-option { display: flex; flex: 1 0 90px; min-height: 94px; flex-direction: column; align-items: center; justify-content: center; gap: 8px; padding: 10px 6px; border: 2px solid #f1f5f9; border-radius: 16px; color: #334155; font-size: 11px; font-weight: 600; text-align: center; line-height: 1.3; }
.form-question-preview-scale-option img { width: 42px; height: 42px; }
.form-question-preview-radio { display: block; width: 20px; height: 20px; border: 2px solid #cbd5e1; border-radius: 50%; }
.form-question-preview-options { display: grid; gap: 10px; }
.form-question-preview-option { display: flex; align-items: center; justify-content: space-between; gap: 16px; min-height: 52px; padding: 12px 18px; border: 2px solid #f1f5f9; border-radius: 16px; color: #334155; font-size: 14px; font-weight: 500; overflow-wrap: anywhere; }
.form-question-preview-marker { width: 22px; height: 22px; flex-shrink: 0; border: 2px solid #cbd5e1; border-radius: 50%; }
.form-question-preview-marker.is-square { border-radius: 5px; }
.form-question-preview-text { min-height: 120px; padding: 18px; border: 2px solid #f1f5f9; border-radius: 16px; color: #94a3b8; font-size: 14px; }
.form-likert-emoji-switch { display: flex; align-items: center; justify-content: space-between; gap: 16px; margin-top: 16px; padding: 14px 16px; border: 1px solid #e2e8f0; border-radius: 12px; background: #fff; color: #334155; font-size: 14px; font-weight: 600; cursor: pointer; }
.form-likert-emoji-switch input { position: absolute; width: 1px; height: 1px; opacity: 0; }
.form-likert-emoji-track { position: relative; width: 42px; height: 24px; flex: none; border-radius: 999px; background: #cbd5e1; transition: background .2s; }
.form-likert-emoji-track::after { content: ''; position: absolute; top: 3px; left: 3px; width: 18px; height: 18px; border-radius: 50%; background: #fff; box-shadow: 0 1px 3px #0f172a33; transition: transform .2s; }
.form-likert-emoji-switch input:checked + .form-likert-emoji-track { background: #e87a23; }
.form-likert-emoji-switch input:checked + .form-likert-emoji-track::after { transform: translateX(18px); }
.form-likert-emoji-switch input:focus-visible + .form-likert-emoji-track { outline: 2px solid #e87a23; outline-offset: 3px; }

#viewModal, #applyModal { position: fixed; inset: 0; z-index: 12500; padding: 20px; }
#viewModal > div { display: flex; flex-direction: column; width: min(896px, 100%); max-height: calc(100dvh - 40px); margin: auto; }
#viewModal > div > :first-child, #viewModal > div > :last-child { flex-shrink: 0; }
#viewModalContent { min-height: 0; overflow-y: auto; }
#viewModalTitle { overflow-wrap: anywhere; }
.form-preview-empty { display: flex; flex-direction: column; align-items: center; gap: 10px; padding: 28px 16px; text-align: center; color: #64748b; }
.form-preview-empty > i { font-size: 28px; color: #94a3b8; }
.form-preview-empty strong { font-size: 16px; color: #334155; }
.form-preview-empty p { margin: 0; font-size: 14px; }

#applyModal > div { display: flex; flex-direction: column; width: min(960px, 100%); max-width: 960px; max-height: calc(100dvh - 32px); overflow: hidden; margin: auto; }
#applyModal > div > :first-child { flex-shrink: 0; }
#applyModal .apply-modal-body { min-height: 0; overflow-y: auto; overscroll-behavior: contain; }
#applyModal .apply-modal-footer { display: flex; flex-shrink: 0; justify-content: flex-end; flex-wrap: wrap; gap: 12px; padding: 20px 24px; border-top: 1px solid #e2e8f0; background: #fff; }

#newFormBtn:disabled, #createFirstFormBtn:disabled { opacity: .6; cursor: not-allowed; box-shadow: none; }

#applyModal.apply-modal-result > div { width: min(640px, 100%); max-width: 640px; }
#applyModal .applied-forms-summary { display: none; }
#applyModal.apply-modal-result .applied-forms-summary { display: block; margin-bottom: 20px; color: #12284c; }
#applyModal #appliedFormsLabel { margin: 0 0 10px; font-size: 13px; color: #64748b; }
#applyModal #appliedFormNames { margin: 0; padding-left: 22px; list-style: decimal; font-size: 15px; font-weight: 600; }
#applyModal #appliedFormNames li { padding: 4px 0; overflow-wrap: anywhere; }
#applyModal #appliedFormNames li:only-child { list-style: none; margin-left: -22px; }
#applyModal.apply-modal-result #accessCodeResult { margin-top: 0; }
#applyModal.apply-modal-result #accessCodeResult > div { flex-wrap: wrap; gap: 16px; }

.application-form-chain { margin: 8px 0 0; padding-left: 20px; list-style: decimal; color: #12284c; font-size: 14px; font-weight: 600; }
.application-form-chain li { padding: 3px 0; overflow-wrap: anywhere; }

.result-responses-summary { margin-bottom: 16px; padding: 16px; background: #f0fdf4; border: 1px solid #dcfce7; border-radius: 14px; }
.result-responses-heading { display: flex; align-items: center; gap: 8px; margin-bottom: 8px; color: #15803d; font-size: 12px; font-weight: 600; }
.result-responses-row { display: flex; align-items: center; justify-content: space-between; gap: 16px; padding: 12px 0; }
.result-responses-row + .result-responses-row { border-top: 1px solid #dcfce7; }
.result-responses-row:last-child { padding-bottom: 0; }
.result-responses-name { min-width: 0; color: #334155; font-size: 13px; line-height: 1.5; overflow-wrap: anywhere; }
.result-responses-total { display: flex; flex-direction: column; align-items: flex-end; flex-shrink: 0; color: #15803d; font-size: 11px; }
.result-responses-total strong { font-size: 26px; line-height: 1.2; font-weight: 700; font-variant-numeric: tabular-nums; }

.result-responses-single { display: flex; align-items: center; justify-content: space-between; gap: 16px; }
.result-responses-single .result-responses-heading { margin-bottom: 0; }

#applyModal.apply-modal-result #closeApplyModal { display: none; }

/* Application sequence and list assignment. */
.apply-chain-layout { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px; }
.apply-chain-step { min-width: 0; }
.apply-chain-step > label { display: flex; align-items: center; gap: 7px; margin-bottom: 10px; color: #12284c; font-size: 14px; font-weight: 600; }
.apply-chain-step small { font-size: 12px; font-weight: 400; color: #64748b; }
.apply-step-number { display: inline-flex; align-items: center; justify-content: center; width: 25px; height: 25px; border-radius: 50%; background: #fff0e3; color: #b8540a; font-size: 12px; flex-shrink: 0; }
.apply-chain-step select, .apply-chain-primary { width: 100%; min-height: 50px; padding: 12px; border: 1px solid #dbe2ea; border-radius: 12px; background: #fff; color: #334155; font-size: 14px; }
.apply-chain-primary { display: flex; align-items: center; background: #f8fafc; }
.apply-chain-primary h4 { margin: 0; font-size: 14px; font-weight: 600; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.apply-chain-step select:disabled { color: #94a3b8; background: #f8fafc; cursor: not-allowed; }
.apply-chain-hint { margin: 12px 0 22px; color: #64748b; font-size: 12px; line-height: 1.6; }
.apply-list-card { display: flex; align-items: center; gap: 16px; padding: 20px; margin-bottom: 24px; border: 1px solid #e2e8f0; border-radius: 16px; background: #fff; }
.apply-list-card.hidden { display: none; }
.apply-list-icon { display: flex; align-items: center; justify-content: center; width: 48px; height: 48px; border-radius: 12px; background: transparent; color: #ea741d; font-size: 23px; flex-shrink: 0; }
.apply-list-card > div { flex: 1; min-width: 0; }
.apply-list-card strong { color: #12284c; font-size: 15px; }
.apply-list-card p { margin: 5px 0 0; color: #64748b; font-size: 13px; line-height: 1.5; }
.apply-list-card button { display: inline-flex; align-items: center; justify-content: center; gap: 8px; padding: 12px 16px; border: 1px solid #e2e8f0; border-radius: 10px; background: #fff; color: #334155; font-weight: 600; cursor: pointer; flex-shrink: 0; }
.apply-list-card button i { color: #ea741d; }
.apply-list-card button:hover { background: #f8fafc; border-color: #cbd5e1; }
.apply-list-card button:focus-visible { outline: 3px solid #12284c; outline-offset: 3px; }
.apply-list-card button:disabled { opacity: .65; cursor: wait; }
#applyModal.apply-modal-result .apply-chain-layout, #applyModal.apply-modal-result .apply-chain-hint, #applyModal.apply-modal-result .apply-list-card { display: none; }
@media (max-width: 640px) {
  .apply-chain-layout { grid-template-columns: 1fr; gap: 14px; }
  .apply-list-card { flex-wrap: wrap; padding: 16px; }
  .apply-list-card button { width: 100%; }
}

.apply-list-card { flex-wrap: wrap; }
.apply-list-card .apply-list-panel { flex: 1 0 100%; box-sizing: border-box; display: flex; flex-wrap: wrap; align-items: center; gap: 14px 20px; padding: 16px; border: 1px solid #e2e8f0; border-radius: 12px; background: #f8fafc; }
.apply-list-links { display: flex; flex: 1 1 300px; align-items: center; flex-wrap: wrap; gap: 12px 20px; min-width: 0; }
.apply-list-links[hidden] { display: none; }
.apply-list-file-info { display: flex; align-items: center; gap: 12px; min-width: 0; flex: 1 1 180px; }
.apply-list-file-info > i { color: #ea741d; font-size: 20px; flex-shrink: 0; }
.apply-list-file-info > div { min-width: 0; }
.apply-list-file-info strong { display: block; font-size: 13px; font-weight: 600; overflow-wrap: anywhere; }
.apply-list-file-info span { display: block; margin-top: 4px; color: #64748b; font-size: 12px; }
.apply-list-file-options { display: flex; align-items: center; gap: 8px; flex-shrink: 0; }
.apply-list-card .apply-list-file-options button { border: 0; padding: 6px 8px; background: transparent; font-size: 12px; font-weight: 500; text-decoration: none; }
.apply-list-card .apply-list-file-options button:hover { color: #12284c; background: #e9eef5; }
.apply-list-actions { display: flex; flex-wrap: wrap; justify-content: flex-end; gap: 8px; margin-left: auto; }
.apply-list-card #applyCpaModelButton { border: 0; background: transparent; box-shadow: none; font-weight: 400; text-decoration: none; }
.apply-list-card #applyCpaModelButton:hover { background: transparent; text-decoration: none; }
@media (max-width: 640px) {
  .apply-list-panel .apply-list-actions { flex-basis: 100%; }
  .apply-list-panel button { width: auto; }
  .apply-list-file-info { flex-basis: 100%; }
}

.grid-children-editor { padding: 16px; border: 1px solid #e2e8f0; border-radius: 12px; }
.grid-children-heading, .grid-child-actions { display: flex; align-items: center; flex-wrap: wrap; gap: 10px; }
.grid-children-heading { justify-content: space-between; }
.grid-children-editor p, .grid-builder-children small { color: #64748b; font-size: 12px; }
.grid-children-editor button, .grid-builder-children button { padding: 8px; color: #334155; border-radius: 8px; }
.grid-children-editor button:hover, .grid-builder-children button:hover { background: #f1f5f9; }
.grid-children-editor button:disabled { opacity: .35; cursor: not-allowed; }
.grid-children-editor button i, .grid-builder-children button i { color: #ea741d; }
.grid-child-editor { padding-top: 14px; margin-top: 14px; border-top: 1px solid #e2e8f0; }
.grid-child-editor textarea { width: 100%; padding: 10px; border: 1px solid #cbd5e1; border-radius: 8px; }
.grid-child-actions label { margin-right: auto; font-size: 13px; }
.grid-builder-children { margin-top: 16px; padding: 16px; background: #f8fafc; border: 1px solid #e2e8f0; border-radius: 10px; }
.grid-builder-children ol { padding-left: 20px; list-style: decimal; }
.grid-builder-children li { padding: 6px 0; }
.grid-builder-children small { margin-left: 8px; }

/* Shared full-width heading for form and CPA grids. */
.form-emoji-grid.form-grid-full-heading caption { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; }
.form-emoji-grid .form-grid-heading-row th { width: auto; text-align: left; font-weight: 600; padding-bottom: 16px; }
#screen-survey .form-emoji-grid.form-grid-full-heading caption { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip-path: inset(50%); }
#screen-survey .form-emoji-grid .form-grid-heading-row th:first-child { width: auto; font-size: 20px; line-height: 1.5; }
@media (max-width: 850px) {
    #screen-survey .form-emoji-grid .form-grid-heading-row { grid-template-columns: minmax(0, 1fr); }
    #screen-survey .form-emoji-grid thead .form-grid-heading-row th:first-child { display: block; grid-column: 1 / -1; width: auto; padding: 16px 0; text-align: left; font-size: 18px; }
}

/* Reserve only the space needed by each scale option for survey grids. */
@media (min-width: 851px) {
    #screen-survey .form-emoji-grid.form-grid-full-heading .form-grid-scale-column { width: clamp(80px, 7vw, 128px); }
    #screen-survey .form-emoji-grid.form-grid-full-heading th:first-child,
    #screen-survey .form-emoji-grid.form-grid-full-heading thead th:not(:first-child) { width: auto; }
    #screen-survey .form-emoji-grid.form-grid-full-heading tbody th { padding-right: 24px; }
    #screen-survey .form-emoji-grid.form-grid-full-heading td,
    #screen-survey .form-emoji-grid.form-grid-full-heading thead tr:not(.form-grid-heading-row) th { padding-inline: 6px; }
}

/* Keep full form previews aligned with the respondent grid layout. */
:is(.cpa-form-preview, #viewModalContent, #builderPreviewContent) .form-emoji-grid.form-grid-full-heading { min-width: var(--grid-min-width, 680px); }
:is(.cpa-form-preview, #viewModalContent, #builderPreviewContent) .form-grid-scale-column { width: clamp(80px, 7vw, 128px); }
:is(.cpa-form-preview, #viewModalContent, #builderPreviewContent) .form-emoji-grid.form-grid-full-heading th:first-child { width: auto; }
:is(.cpa-form-preview, #viewModalContent, #builderPreviewContent) .form-emoji-grid thead .form-grid-heading-row th { font-size: 20px; line-height: 1.5; padding: 16px 6px; }
:is(.cpa-form-preview, #viewModalContent, #builderPreviewContent) .form-emoji-grid tbody th { font-size: 16px; line-height: 1.75; padding: 16px 24px 16px 6px; }
:is(.cpa-form-preview, #viewModalContent, #builderPreviewContent) .form-emoji-grid td,
:is(.cpa-form-preview, #viewModalContent, #builderPreviewContent) .form-emoji-grid thead tr:not(.form-grid-heading-row) th { padding-inline: 6px; }
@media (max-width: 850px) {
    :is(.cpa-form-preview, #viewModalContent, #builderPreviewContent) .form-emoji-grid thead .form-grid-heading-row th { font-size: 18px; }
}

/* Shared question typography across survey types and previews. */
:root { --form-question-font-size: 20px; }
@media (max-width: 850px) { :root { --form-question-font-size: 18px; } }
#screen-survey #question-container .survey-question-title,
#screen-survey #question-container .form-emoji-grid tbody th,
#screen-survey #question-container .form-emoji-grid thead .form-grid-heading-row th,
:is(.cpa-form-preview, #viewModalContent, #builderPreviewContent) .form-emoji-grid tbody th,
:is(.cpa-form-preview, #viewModalContent, #builderPreviewContent) .form-emoji-grid thead .form-grid-heading-row th,
:is(.cpa-form-preview, #viewModalContent, #builderPreviewContent, #cpa-question-preview) .form-question-preview-question,
:is(#viewModalContent, #builderPreviewContent) h4 { font-size: var(--form-question-font-size); line-height: 1.6; }

/* Match compact Likert options in full questionnaire and CPA previews. */
:is(.cpa-form-preview, #viewModalContent, #builderPreviewContent) .form-question-preview-scale { display: flex; flex-wrap: wrap; justify-content: center; gap: 10px; overflow: visible; }
:is(.cpa-form-preview, #viewModalContent, #builderPreviewContent) .form-question-preview-scale-option { flex: 0 0 148px; width: 148px; max-width: 100%; min-width: 0; min-height: 112px; padding: 14px 10px; justify-content: center; font-size: 12px; line-height: 1.4; word-break: normal; overflow-wrap: normal; text-wrap: balance; }
@media (max-width: 640px) {
    :is(.cpa-form-preview, #viewModalContent, #builderPreviewContent) .form-question-preview-scale-option { flex-basis: calc((100% - 10px) / 2); max-width: 148px; padding: 12px 8px; }
}

/* Previews use a smaller reading size than the respondent screen. */
:is(.cpa-form-preview, #viewModalContent, #builderPreviewContent, #cpa-question-preview) { --form-question-font-size: 16px; }
:is(.cpa-form-preview, #viewModalContent, #builderPreviewContent, #cpa-question-preview) .form-emoji-grid tbody th > small,
:is(.cpa-form-preview, #viewModalContent, #builderPreviewContent, #cpa-question-preview) .form-question-preview-question small { font-size: 12px; line-height: 1.4; font-weight: 400; }

/* Full Likert previews keep the same emoji proportions as the respondent view. */
:is(.cpa-form-preview, #viewModalContent, #builderPreviewContent) .form-question-preview-scale-option img { width: 64px; height: 64px; flex-shrink: 0; }
@media (max-width: 850px) {
    :is(.cpa-form-preview, #viewModalContent, #builderPreviewContent) .form-question-preview-scale-option img { width: 40px; height: 40px; }
}