.csb-dashboard {
	max-width: 720px;
	padding: 20px;
	border: 1px solid #ddd;
	border-radius: 8px;
	background: #fff;
}

.csb-form label {
	display: block;
	font-weight: 600;
	margin-bottom: 6px;
}

.csb-form input[type="text"],
.csb-form textarea {
	width: 100%;
	padding: 10px;
	border: 1px solid #ccc;
	border-radius: 6px;
}

/* Nur primäre Aktionen; Icon-Buttons (Ziehen) und Text-Aktionen separat */
.csb-form button:not(.csb-icon-btn):not(.csb-action-btn) {
	padding: 10px 16px;
	border: 0;
	border-radius: 6px;
	background: #0f62fe;
	color: #fff;
	cursor: pointer;
}

.csb-btn-danger {
	background: #c62828 !important;
}

.csb-question-block-wrap {
	margin: 0;
}

.csb-question-block {
	margin: 0;
	padding: 16px;
	border: 2px solid var(--csb-question-border, #d4deea);
	border-radius: var(--csb-question-radius, 10px);
	background: var(--csb-question-bg, #fafafa);
	box-shadow: 0 1px 2px rgba(31, 55, 88, 0.06);
}

.csb-question-block__summary {
	list-style: none;
	cursor: default;
}

.csb-question-block__summary::-webkit-details-marker {
	display: none;
}

.csb-question-blocks {
	display: flex;
	flex-direction: column;
	gap: 14px;
}

.csb-question-block__title {
	margin: 0;
	cursor: grab;
	user-select: none;
	display: block;
}

.csb-question-block__title:active {
	cursor: grabbing;
}

.csb-question-block__content {
	margin-top: 12px;
	padding-top: 10px;
	border-top: 1px solid #dbe4f0;
}

.csb-question-block:hover {
	border-color: #9fb7d6;
}

.csb-question-block-wrap.dragging .csb-question-block {
	opacity: 0.85;
	border-color: var(--csb-dragging-border, #567eaf);
	background: var(--csb-dragging-bg, #edf4ff);
	box-shadow: 0 0 0 3px rgba(73, 114, 169, 0.18);
}

.csb-sort-panel {
	margin: 16px 0 22px;
	padding: 14px;
	border: 2px solid #c8d3e2;
	border-radius: 8px;
	background: #f4f7fb;
	box-shadow: inset 0 0 0 1px #e8edf4;
}

.csb-sort-list {
	margin: 10px 0 12px;
	padding-left: 0;
	list-style: none;
	border: 2px dashed #b7c6da;
	border-radius: 8px;
	padding: 10px;
	background: #eef3f9;
}

.csb-sort-item {
	display: flex;
	align-items: center;
	gap: 10px;
	padding: 10px 12px;
	margin-bottom: 8px;
	background: #fff;
	border: 1px solid #b8c6d9;
	border-radius: 6px;
	cursor: move;
	transition: background-color 0.12s ease, border-color 0.12s ease, box-shadow 0.12s ease;
}

.csb-sort-item__handle {
	color: #2f3f57;
	font-weight: 700;
	background: #dde7f3;
	border: 1px solid #b8c6d9;
	border-radius: 4px;
	padding: 4px 8px;
	min-width: 34px;
	text-align: center;
}

.csb-sort-item__label {
	flex: 1;
}

.csb-sort-item.dragging {
	opacity: 0.7;
	background: #eaf1fb;
	border-color: #6d8fbe;
	box-shadow: 0 0 0 2px rgba(77, 120, 182, 0.25);
}

.csb-sort-item:hover {
	background: #f2f7ff;
	border-color: #6d8fbe;
}

.csb-sort-item:active {
	background: #e9f1fd;
	border-color: #547caf;
}

.csb-sort-status {
	min-height: 20px;
	margin-top: 8px;
}

.csb-sort-status.is-saving {
	color: var(--csb-status-saving, #3d5f8f);
}

.csb-sort-status.is-success {
	color: var(--csb-status-success, #137333);
}

.csb-sort-status.is-error {
	color: var(--csb-status-error, #9c1c1c);
}

.csb-option-row {
	margin: 10px 0;
	padding: 10px;
	background: #fff;
	border-radius: 6px;
	border: 1px solid #cfd9e6;
	display: flex;
	align-items: flex-start;
	gap: 10px;
}

.csb-option-list {
	border: 1px dashed #b7c6da;
	border-radius: 8px;
	padding: 8px;
	background: #f7f9fc;
}

.csb-option-row__drag {
	flex: 0 0 auto;
	cursor: grab;
}

.csb-option-row__drag:active {
	cursor: grabbing;
}

.csb-option-row.dragging {
	opacity: 0.75;
	border-color: var(--csb-dragging-border, #567eaf);
	background: var(--csb-dragging-bg, #edf4ff);
	box-shadow: 0 0 0 2px rgba(73, 114, 169, 0.15);
}

.csb-option-row__status {
	display: inline-block;
	min-width: 1em;
	margin-left: 6px;
	font-size: 12px;
	font-weight: 500;
	color: #15803d;
	vertical-align: middle;
}

.csb-option-row__status:empty {
	display: none;
}

.csb-option-row .csb-form--compact {
	flex: 1;
}

.csb-option-row__media {
	flex: 1 1 100%;
	width: 100%;
	margin-top: 8px;
	padding-top: 8px;
	border-top: 1px dashed #dbe4f0;
}

.csb-option-row__media .csb-survey-image-upload {
	max-width: 200px;
	margin-top: 0;
}

.csb-option-row__media .csb-survey-image-upload__preview img,
.csb-option-row__media .csb-survey-image-upload__img {
	max-height: 72px;
}

.csb-form--compact label {
	display: inline;
	font-weight: 500;
	margin-right: 8px;
}

.csb-form--compact input[type="text"],
.csb-form--compact input[type="number"] {
	width: auto;
	min-width: 120px;
	margin-right: 8px;
}

.csb-form--inline {
	display: inline-block;
	margin-left: 8px;
	vertical-align: middle;
}

.csb-icon-btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 36px;
	height: 34px;
	padding: 0 8px;
	border: 1px solid #c5d0e0;
	border-radius: 8px;
	background: #fff;
	color: #334155;
	cursor: pointer;
	font-size: 0;
	line-height: 0;
	box-shadow: 0 1px 2px rgba(15, 23, 42, 0.06);
	transition: border-color 0.15s ease, background 0.15s ease, color 0.15s ease, box-shadow 0.15s ease;
}

.csb-icon-btn:hover {
	border-color: #94a3b8;
	background: #f8fafc;
	color: #0f172a;
	box-shadow: 0 2px 6px rgba(15, 23, 42, 0.08);
}

.csb-icon-btn:focus-visible {
	outline: 2px solid #0f62fe;
	outline-offset: 2px;
}

.csb-icon-btn--save {
	border-color: #b6d4be;
	background: #f4fbf6;
	color: #166534;
}

.csb-icon-btn--save:hover {
	border-color: #22c55e;
	background: #ecfdf3;
	color: #14532d;
}

.csb-icon-btn--delete {
	border-color: #e8b4b4;
	background: #fffafa;
	color: #b91c1c;
}

.csb-icon-btn--delete:hover {
	border-color: #ef4444;
	background: #fef2f2;
	color: #991b1b;
}

.csb-icon-btn__slot:empty {
	display: none;
}

.csb-icon-btn__slot:not(:empty) ~ .csb-icon-btn__svg {
	display: none !important;
}

.csb-icon-btn__slot:not(:empty) {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	font-size: 16px;
	line-height: 1;
}

.csb-drag-handle {
	border-color: #c5d0e0;
	background: #fff;
	color: #475569;
}

.csb-drag-handle:hover {
	border-color: #94a3b8;
	background: #f8fafc;
}

.csb-question-block__grip .csb-icon-btn__slot:empty {
	display: none;
}

.csb-question-block__grip .csb-icon-btn__slot:not(:empty) ~ .csb-icon-btn__svg {
	display: none !important;
}

/* Schlichte Text-Aktionen (Frage / Option) */
.csb-action-btn {
	display: inline-block;
	padding: 8px 14px;
	margin: 0;
	border-radius: 6px;
	font-size: 14px;
	font-weight: 600;
	line-height: 1.35;
	cursor: pointer;
	border: 1px solid #cbd5e1;
	background: #f8fafc;
	color: #0f172a;
	transition: background 0.15s ease, border-color 0.15s ease, color 0.15s ease;
}

.csb-action-btn:hover {
	background: #f1f5f9;
	border-color: #94a3b8;
}

.csb-action-btn:focus-visible {
	outline: 2px solid #0f62fe;
	outline-offset: 2px;
}

.csb-action-btn--primary {
	background: #eff6ff;
	border-color: #93c5fd;
	color: #1e3a5f;
}

.csb-action-btn--primary:hover {
	background: #dbeafe;
	border-color: #60a5fa;
	color: #0f172a;
}

.csb-action-btn--danger {
	background: #fff;
	border-color: #fecaca;
	color: #b91c1c;
}

.csb-action-btn--danger:hover {
	background: #fef2f2;
	border-color: #f87171;
	color: #991b1b;
}

.csb-action-btn--compact {
	padding: 6px 10px;
	font-size: 13px;
	font-weight: 600;
}

.csb-message {
	margin-top: 12px;
	padding: 10px 12px;
	border-radius: 6px;
}

.csb-message.success {
	background: #e8f8ec;
	color: #137333;
}

.csb-message.error {
	background: #fdecec;
	color: #9c1c1c;
}

.csb-note {
	margin-top: 14px;
	font-size: 14px;
	color: #666;
}

.csb-list {
	margin: 8px 0 0;
	padding-left: 18px;
}

.csb-copy-url-btn {
	margin-left: 8px;
	padding: 4px 10px;
	border: 1px solid var(--csb-copy-btn-border, #9fb2cb);
	border-radius: 6px;
	background: var(--csb-copy-btn-bg, #eef3fb);
	color: var(--csb-copy-btn-color, #1f3558);
	cursor: pointer;
	font-size: 12px;
	line-height: 1.3;
}

.csb-copy-url-btn:hover {
	background: #e1eaf8;
}

.csb-dashboard--widget-create,
.csb-dashboard--widget-list {
	max-width: 720px;
}

.csb-dashboard--widget-create .csb-dashboard-theme-bar:not(.csb-dashboard-theme-bar--compact-icons),
.csb-dashboard--widget-list .csb-list {
	margin-top: 0;
}

.csb-dashboard--widget-create .csb-dashboard-theme-bar--compact-icons {
	margin-top: 0;
	margin-bottom: 0.75rem;
}

.csb-create-wizard-shell__title + .csb-dashboard-theme-bar--compact-icons {
	margin-top: 0.15rem;
}

.csb-survey {
	max-width: 760px;
	padding: 20px;
	border: 1px solid #ddd;
	border-radius: 8px;
	background: #fff;
}

.csb-survey--align-centered {
	margin-left: auto;
	margin-right: auto;
}

.csb-survey-form--steps .csb-survey__steps {
	margin-top: 4px;
}

.csb-survey__step[hidden] {
	display: none !important;
}

.csb-survey__progress-wrap {
	margin-bottom: 10px;
}

.csb-survey__progress-bar {
	display: none;
	margin-top: 4px;
	height: 8px;
	border-radius: 999px;
	background: #e2e8f0;
	overflow: hidden;
}

.csb-survey__progress-wrap--bar .csb-survey__progress-bar {
	display: block;
}

.csb-survey__progress-wrap--bar .csb-survey__steps-progress {
	position: absolute;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: -1px;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	white-space: nowrap;
	border: 0;
}

.csb-survey__progress-bar-fill {
	display: block;
	height: 100%;
	width: 0;
	border-radius: inherit;
	background: linear-gradient(90deg, #2563eb, #0f62fe);
	transition: width 0.28s ease;
}

.csb-survey__steps-progress {
	font-size: 0.95rem;
	color: #475569;
	font-weight: 600;
}

.csb-survey--thank-you .csb-survey__thank-you {
	padding: 8px 0 12px;
}

.csb-survey--thank-you .csb-survey__thank-you-message {
	margin: 12px 0 0;
	font-size: 1.05rem;
	line-height: 1.5;
	color: #1e293b;
}

.csb-survey--thank-you .csb-survey__thank-you-survey-name {
	margin: 20px 0 0;
	font-size: 0.95rem;
	color: #64748b;
}

.csb-survey--thank-you .csb-survey__thank-you-label {
	font-weight: 600;
	margin-right: 4px;
}

.csb-survey__step-nav {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
	margin-top: 16px;
	align-items: center;
}

.csb-survey__submit-wrap {
	margin-top: 16px;
	margin-bottom: 0;
}

.csb-survey > .csb-survey__cover:first-child {
	margin: -20px -20px 16px;
	border-radius: 8px 8px 0 0;
	overflow: hidden;
	background: #f0f0f0;
}

.csb-survey__brand + .csb-survey__cover {
	margin: 0 -20px 16px;
	border-radius: 0;
	overflow: hidden;
	background: #f0f0f0;
}

.csb-survey__cover-img {
	display: block;
	width: 100%;
	height: auto;
	vertical-align: middle;
}

.csb-question {
	margin-bottom: 16px;
}

.csb-option {
	display: block;
	margin: 6px 0;
}

.csb-options--images {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(140px, 1fr));
	gap: 12px;
	align-items: stretch;
	margin-top: 8px;
}

.csb-option--image {
	display: flex;
	flex-direction: column;
	align-items: stretch;
	gap: 8px;
	margin: 0;
	padding: 10px;
	border: 1px solid #dbe4f0;
	border-radius: 10px;
	background: #fff;
	cursor: pointer;
	transition: border-color 0.15s ease, box-shadow 0.15s ease;
}

.csb-option--image:hover,
.csb-option--image:focus-within {
	border-color: #0f62fe;
	box-shadow: 0 0 0 2px rgba(15, 98, 254, 0.15);
}

.csb-option--image .csb-option__control {
	position: absolute;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: -1px;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	white-space: nowrap;
	border: 0;
}

.csb-option--image .csb-option__visual {
	display: block;
	border-radius: 8px;
	overflow: hidden;
	background: #f0f4fa;
	aspect-ratio: 1;
}

.csb-option--image .csb-option__visual img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: contain;
}

.csb-option--image .csb-option__caption {
	font-size: 0.9rem;
	font-weight: 500;
	line-height: 1.3;
	text-align: center;
}

/* Skala (range_choice): Range-Schieberegler */
.csb-range-field {
	margin-top: 8px;
	max-width: 100%;
}

.csb-range-field__input {
	display: block;
	width: 100%;
	max-width: 28rem;
	height: 2.25rem;
	margin: 0;
	padding: 0;
	cursor: pointer;
	accent-color: #2563eb;
}

.csb-range-field__ticks {
	display: flex;
	justify-content: space-between;
	max-width: 28rem;
	margin-top: 4px;
	font-size: 0.85rem;
	color: #64748b;
}

.csb-range-field__value {
	margin-top: 10px;
	max-width: 28rem;
	font-size: 1.1rem;
	font-weight: 600;
	color: #0f172a;
	text-align: center;
}

.csb-range-field--preview .csb-range-field__input {
	opacity: 0.85;
}

.csb-submissions {
	max-width: 960px;
	padding: 20px;
	border: 1px solid #ddd;
	border-radius: 8px;
	background: #fff;
	margin-top: 16px;
}

.csb-report-survey-picker {
	margin-bottom: 16px;
	padding-bottom: 16px;
	border-bottom: 1px solid #e8e8e8;
}

.csb-report-survey-picker__label {
	display: block;
	font-weight: 600;
	margin-bottom: 6px;
	font-size: 14px;
}

.csb-report-survey-picker__select {
	width: 100%;
	max-width: 36rem;
	padding: 10px 12px;
	border: 1px solid #ccc;
	border-radius: 6px;
	font-size: 14px;
	background: #fff;
}

.csb-submissions__title {
	margin-top: 0;
}

.csb-badge {
	display: inline-block;
	padding: 2px 8px;
	border-radius: 999px;
	font-size: 11px;
	font-weight: 600;
	line-height: 1.35;
	letter-spacing: 0.02em;
	white-space: nowrap;
}

.csb-submissions__data-ok {
	color: #64748b;
	font-size: 14px;
}

.csb-submissions__del-form {
	display: inline-block;
	margin: 0;
	padding: 0;
	vertical-align: middle;
}

.csb-submissions__del-btn {
	font-size: 12px;
	padding: 4px 10px;
	line-height: 1.35;
	min-height: 0;
	background: #fef2f2;
	border: 1px solid #fecaca;
	color: #991b1b;
	border-radius: 4px;
	cursor: pointer;
}

.csb-submissions__del-btn:hover {
	background: #fee2e2;
	border-color: #fca5a5;
}

.csb-submissions__detail-del {
	margin-left: 12px;
	display: inline-block;
	vertical-align: middle;
}

.csb-submissions__th-del,
.csb-submissions__td-del {
	white-space: nowrap;
	width: 1%;
	vertical-align: middle;
}

.csb-badge--meta-only {
	color: #92400e;
	background: #ffedd5;
	border: 1px solid #fdba74;
}

/* Reporting: Übersicht Einreichungen pro Umfrage */
.csb-reports {
	max-width: 1000px;
	padding: 24px;
	margin-top: 16px;
	border: 1px solid #dbe4f0;
	border-radius: 12px;
	background: linear-gradient(165deg, #ffffff 0%, #f6f9fc 100%);
	box-shadow: 0 4px 24px rgba(15, 23, 42, 0.06);
}

.csb-reports__head {
	margin-bottom: 20px;
}

.csb-reports__title {
	margin: 0 0 8px;
	font-size: 1.5rem;
	font-weight: 700;
	color: #0f172a;
	letter-spacing: -0.02em;
}

.csb-reports__lead {
	margin: 0;
	font-size: 14px;
	line-height: 1.55;
	color: #475569;
	max-width: 52rem;
}

.csb-reports__filters {
	margin-bottom: 22px;
	padding: 12px 14px;
	background: #fff;
	border: 1px solid #e2e8f0;
	border-radius: 8px;
}

.csb-reports__filters--detail {
	margin-top: 12px;
	margin-bottom: 20px;
}

.csb-reports__filters-row {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 10px 16px;
}

.csb-reports__filters-label {
	font-weight: 600;
	font-size: 14px;
	color: #334155;
	min-width: 5.5rem;
}

.csb-reports__filters-select {
	min-width: 10rem;
	padding: 8px 12px;
	border-radius: 6px;
	border: 1px solid #cbd5e1;
	font-size: 14px;
	background: #fff;
}

.csb-reports__filters-select--wide {
	flex: 1 1 16rem;
	max-width: 100%;
	min-width: min(100%, 18rem);
}

.csb-reports__kpis {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(140px, 1fr));
	gap: 12px;
	margin-bottom: 20px;
}

.csb-reports__kpi {
	padding: 14px 16px;
	background: #fff;
	border: 1px solid #e2e8f0;
	border-radius: 10px;
	border-left: 4px solid #0f62fe;
}

.csb-reports__kpi-label {
	display: block;
	font-size: 12px;
	font-weight: 600;
	text-transform: uppercase;
	letter-spacing: 0.04em;
	color: #64748b;
	margin-bottom: 6px;
}

.csb-reports__kpi-value {
	font-size: 1.35rem;
	font-weight: 700;
	color: #0f172a;
}

.csb-reports__kpi-value--delta {
	color: #0d47a1;
}

.csb-reports__highlight {
	margin-bottom: 24px;
	padding: 16px 18px;
	background: linear-gradient(90deg, rgba(15, 98, 254, 0.08) 0%, rgba(15, 98, 254, 0.02) 100%);
	border: 1px solid rgba(15, 98, 254, 0.2);
	border-radius: 10px;
}

.csb-reports__highlight-label {
	display: block;
	font-size: 11px;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 0.06em;
	color: #0f62fe;
	margin-bottom: 6px;
}

.csb-reports__highlight-title {
	display: block;
	font-size: 1.15rem;
	color: #0f172a;
	margin-bottom: 4px;
}

.csb-reports__highlight-meta {
	font-size: 13px;
	color: #475569;
}

.csb-reports__h3 {
	margin: 0 0 12px;
	font-size: 1.05rem;
	font-weight: 700;
	color: #1e293b;
}

.csb-reports__chart-wrap {
	margin-bottom: 28px;
	padding: 16px;
	background: #fff;
	border: 1px solid #e2e8f0;
	border-radius: 10px;
}

.csb-reports__canvas-wrap {
	position: relative;
	min-height: 260px;
	max-height: 480px;
	height: 360px;
}

.csb-reports__canvas {
	display: block;
	width: 100% !important;
	height: 100% !important;
}

.csb-reports__table-wrap {
	margin-bottom: 8px;
}

.csb-reports__table th,
.csb-reports__table td {
	white-space: nowrap;
}

.csb-reports__table td:first-child {
	white-space: normal;
	max-width: 220px;
}

.csb-reports__footnote {
	margin-top: 16px;
	margin-bottom: 0;
	font-size: 12px;
	color: #64748b;
}

.csb-reports__detail {
	margin-top: 32px;
	padding-top: 28px;
	border-top: 2px solid #e2e8f0;
}

.csb-reports__detail-title {
	margin: 0 0 8px;
	font-size: 1.2rem;
	font-weight: 700;
	color: #0f172a;
}

.csb-reports__detail-lead {
	margin: 0 0 4px;
	font-size: 14px;
	color: #475569;
	max-width: 48rem;
	line-height: 1.5;
}

.csb-reports__detail-body {
	margin-top: 20px;
	padding: 20px;
	background: #fff;
	border: 1px solid #e2e8f0;
	border-radius: 10px;
}

.csb-reports__detail-survey-name {
	margin: 0 0 6px;
	font-size: 1.1rem;
	font-weight: 700;
	color: #1e293b;
}

.csb-reports__detail-key {
	margin: 0 0 16px;
	font-size: 13px;
	color: #64748b;
}

.csb-reports__kpis--detail {
	margin-bottom: 8px;
}

.csb-reports__row--active {
	background: rgba(15, 98, 254, 0.06);
}

.csb-reports__chart-wrap--overview {
	margin-bottom: 28px;
}

.csb-reports__chart-wrap--detail {
	margin-top: 20px;
}

.csb-reports__canvas-wrap--line {
	height: 300px;
	max-height: 360px;
}

.csb-table-wrap {
	overflow-x: auto;
	margin-top: 12px;
}

.csb-table {
	width: 100%;
	border-collapse: collapse;
	font-size: 14px;
}

.csb-table th,
.csb-table td {
	border: 1px solid #e0e0e0;
	padding: 8px 10px;
	text-align: left;
	vertical-align: top;
}

.csb-table th {
	background: #f5f5f5;
	font-weight: 600;
}

.csb-table code {
	font-size: 12px;
}

/* Auswertung: Typ-Badge, Histogramm, Freitextliste */
.csb-analytics-card {
	margin-top: 16px;
	padding: 16px 18px;
	border: 1px solid #e2e8f0;
	border-radius: 10px;
	background: #fff;
}

.csb-analytics-card__title {
	display: flex;
	flex-wrap: wrap;
	align-items: baseline;
	gap: 8px 12px;
	margin: 0 0 12px;
	font-size: 1.05rem;
	font-weight: 700;
	color: #1e293b;
}

.csb-analytics-card__type {
	font-size: 12px;
	font-weight: 600;
	color: #64748b;
	text-transform: uppercase;
	letter-spacing: 0.04em;
}

.csb-analytics-card__privacy {
	margin-bottom: 10px;
}

.csb-analytics-hist__n {
	width: 4.5rem;
	text-align: right;
	white-space: nowrap;
}

.csb-analytics-hist__bar {
	position: relative;
	min-width: 8rem;
	vertical-align: middle;
}

.csb-analytics-hist__bar-inner {
	display: block;
	height: 10px;
	margin-top: 4px;
	border-radius: 5px;
	background: linear-gradient(90deg, #0f62fe, #3d8bfd);
	max-width: 100%;
}

.csb-analytics-hist__pct {
	display: block;
	margin-top: 4px;
	font-size: 12px;
	color: #64748b;
}

.csb-analytics-text-list {
	margin: 0;
	padding-left: 1.2rem;
	max-height: 28rem;
	overflow-y: auto;
	border: 1px solid #e2e8f0;
	border-radius: 8px;
	padding: 12px 12px 12px 1.5rem;
	background: #fafbfc;
}

.csb-analytics-text-list__item {
	margin-bottom: 10px;
	padding-bottom: 10px;
	border-bottom: 1px solid #e8edf3;
	line-height: 1.45;
	word-break: break-word;
}

.csb-analytics-text-list__item:last-child {
	margin-bottom: 0;
	padding-bottom: 0;
	border-bottom: 0;
}

.csb-link {
	color: #0f62fe;
	text-decoration: underline;
}

/* Aufklappbar: neue Frage (Bearbeiten-Ansicht) */
.csb-add-question-panel {
	margin-top: 28px;
	padding-top: 20px;
	border-top: 1px solid #e0e0e0;
}

.csb-add-question-panel__toggle {
	cursor: pointer;
	font-weight: 600;
	font-size: 15px;
	padding: 12px 18px;
	background: #eef2f7;
	border: 1px solid #c5cdd8;
	border-radius: 8px;
	list-style: none;
	display: inline-block;
	color: #1a1a1a;
	user-select: none;
}

.csb-add-question-panel__toggle:hover {
	background: #e2e8f0;
	border-color: #a8b4c4;
}

.csb-add-question-panel__toggle::-webkit-details-marker {
	display: none;
}

.csb-add-question-panel[open] .csb-add-question-panel__toggle {
	margin-bottom: 0;
	border-bottom-left-radius: 0;
	border-bottom-right-radius: 0;
	border-bottom-color: transparent;
	background: #fff;
}

.csb-add-question-panel__body {
	padding: 18px;
	border: 1px solid #c5cdd8;
	border-top: none;
	border-radius: 0 0 8px 8px;
	background: #fafbfc;
	max-width: 100%;
}

.csb-add-option-row label {
	display: inline-block;
	margin-right: 12px;
	margin-bottom: 8px;
	font-weight: 500;
}

.csb-add-option-row input[type="text"] {
	min-width: 160px;
	margin-left: 4px;
}

/* Öffentliche Umfrage: Kunden-Branding, Zugang, Datenschutz, Honeypot */
.csb-survey__brand {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
	gap: 12px 16px;
	margin: -20px -20px 0;
	padding: 14px 20px;
	box-sizing: border-box;
	background: #f6f8fb;
	border: none;
	border-bottom: 1px solid #e2e8f0;
	border-radius: 8px 8px 0 0;
}

.csb-survey__brand:has(+ .csb-survey__cover) {
	border-radius: 0;
}

.csb-survey__brand + .csb-survey__title {
	margin-top: 16px;
}

.csb-survey__brand-logo {
	max-height: 56px;
	width: auto;
	display: block;
}

.csb-survey__brand-name {
	font-weight: 600;
	font-size: 1.05rem;
	color: #1a2b3c;
}

.csb-survey__title {
	margin: 0 0 10px;
	font-size: 1.35rem;
	line-height: 1.25;
}

.csb-survey__intro {
	margin: 0 0 14px;
	font-size: 15px;
	color: #334155;
	line-height: 1.5;
}

.csb-survey__intro > p:first-child {
	margin-top: 0;
}

.csb-survey__intro > p:last-child {
	margin-bottom: 0;
}

.csb-survey__step--welcome .csb-survey__welcome-body {
	margin-bottom: 4px;
}

.csb-survey__welcome-text {
	margin: 0;
	font-size: 15px;
	color: #334155;
	line-height: 1.55;
}

.csb-survey__welcome-text--default {
	color: #475569;
}

.csb-survey__footer-meta {
	margin-top: 20px;
	padding-top: 16px;
	border-top: 1px solid #e8e8e8;
	font-size: 13px;
	color: #64748b;
}

.csb-survey__footer-firma {
	font-weight: 600;
	color: #334155;
	margin: 0 0 6px;
}

.csb-survey__imprint {
	margin: 0;
	font-size: 13px;
	color: #64748b;
	font-style: normal;
}

.csb-survey__lock-hint {
	font-size: 14px;
	color: #444;
}

.csb-privacy {
	margin: 16px 0;
	padding: 12px 14px;
	background: #fafafa;
	border: 1px solid #e8e8e8;
	border-radius: 8px;
	font-size: 14px;
}

.csb-privacy__text :first-child {
	margin-top: 0;
}

.csb-privacy__text :last-child {
	margin-bottom: 0;
}

.csb-privacy__ack label {
	font-weight: 500;
}

.csb-hp {
	position: absolute;
	left: -9999px;
	width: 1px;
	height: 1px;
	overflow: hidden;
}

.csb-submissions__meta {
	margin-top: 20px;
	padding: 12px 14px;
	background: #f9f9f9;
	border: 1px solid #e5e5e5;
	border-radius: 8px;
}

.csb-meta-value-cell {
	font-size: 14px;
	line-height: 1.55;
	vertical-align: top;
}

.csb-submissions__meta summary {
	cursor: pointer;
	font-weight: 600;
	margin-bottom: 8px;
}

.csb-meta-value {
	white-space: pre-wrap;
	word-break: break-word;
	font-size: 12px;
}

/* Screen-reader-only (Theme-Icons) */
.csb-sr-only {
	position: absolute !important;
	width: 1px !important;
	height: 1px !important;
	padding: 0 !important;
	margin: -1px !important;
	overflow: hidden !important;
	clip: rect(0, 0, 0, 0) !important;
	white-space: nowrap !important;
	border: 0 !important;
}

/* --- Dashboard: Erscheinungsbild-Umschalter --- */
.csb-dashboard-theme-bar {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 8px;
	margin-bottom: 16px;
	padding: 10px 12px;
	border-radius: 8px;
	border: 1px solid #dbe4f0;
	background: #f4f7fb;
	font-size: 13px;
}

.csb-dashboard-theme-bar--compact-icons {
	justify-content: flex-end;
	flex-wrap: nowrap;
	gap: 6px;
	margin-bottom: 12px;
	padding: 0 0 8px;
	border: none;
	border-radius: 0;
	border-bottom: 1px solid rgba(148, 163, 184, 0.45);
	background: transparent;
	box-shadow: none;
}

.csb-dashboard-theme-toggle--icon {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 40px;
	min-height: 40px;
	padding: 8px;
	border-radius: 8px;
}

.csb-dashboard-theme-toggle--icon .csb-dashboard-theme-icon {
	display: block;
	flex-shrink: 0;
}

.csb-dashboard-theme-bar__label {
	font-weight: 600;
	margin-right: 4px;
	color: #334155;
}

.csb-dashboard-theme-toggle {
	padding: 6px 12px;
	border-radius: 6px;
	border: 1px solid #b8c8dc;
	background: #fff;
	color: #1e293b;
	cursor: pointer;
	font-size: 13px;
	font-weight: 500;
	transition: background 0.15s ease, border-color 0.15s ease, color 0.15s ease;
}

.csb-dashboard-theme-toggle:hover {
	border-color: #0f62fe;
	color: #0f62fe;
}

.csb-dashboard-theme-toggle.is-active {
	background: #0f62fe;
	border-color: #0f62fe;
	color: #fff;
}

.csb-dashboard-theme-toggle.is-active:hover {
	color: #fff;
	border-color: #0050e6;
	background: #0050e6;
}

/* --- Dashboard: Dark Mode (explizit + „Automatisch“ bei OS-Dark) --- */
.csb-dashboard.csb-dashboard--theme-dark {
	color-scheme: dark;
	background: #16161c;
	border-color: #2e2e38;
	color: #e8e8ed;
}

.csb-dashboard.csb-dashboard--theme-dark .csb-note,
.csb-dashboard.csb-dashboard--theme-dark .csb-edit-questions__survey-title {
	color: #b4b4c0;
}

.csb-dashboard.csb-dashboard--theme-dark .csb-note code,
.csb-dashboard.csb-dashboard--theme-dark code {
	background: #25262e;
	border: 1px solid #3a3a45;
	color: #e2e8f0;
}

.csb-dashboard.csb-dashboard--theme-dark .csb-form label {
	color: #e8e8ed;
}

.csb-dashboard.csb-dashboard--theme-dark .csb-form input[type="text"],
.csb-dashboard.csb-dashboard--theme-dark .csb-form input[type="number"],
.csb-dashboard.csb-dashboard--theme-dark .csb-form input[type="email"],
.csb-dashboard.csb-dashboard--theme-dark .csb-form input[type="date"],
.csb-dashboard.csb-dashboard--theme-dark .csb-form select,
.csb-dashboard.csb-dashboard--theme-dark .csb-form textarea {
	background: #1f2028;
	border-color: #3f3f4c;
	color: #f1f1f4;
}

.csb-dashboard.csb-dashboard--theme-dark .csb-question-block {
	background: #1f2028;
	border-color: #3a3b46;
	box-shadow: none;
}

.csb-dashboard.csb-dashboard--theme-dark .csb-question-block__content {
	border-top-color: #3a3b46;
}

.csb-dashboard.csb-dashboard--theme-dark .csb-option-row,
.csb-dashboard.csb-dashboard--theme-dark .csb-option-list {
	background: #25262e;
	border-color: #3f404c;
}

.csb-dashboard.csb-dashboard--theme-dark .csb-sort-panel,
.csb-dashboard.csb-dashboard--theme-dark .csb-sort-list {
	background: #1f2028;
	border-color: #3f404c;
}

.csb-dashboard.csb-dashboard--theme-dark .csb-sort-item {
	background: #25262e;
	border-color: #45454f;
	color: #e8e8ed;
}

.csb-dashboard.csb-dashboard--theme-dark .csb-add-question-panel__toggle {
	background: #25262e;
	border-color: #45454f;
	color: #e8e8ed;
}

.csb-dashboard.csb-dashboard--theme-dark .csb-add-question-panel__body {
	background: #1c1d24;
	border-color: #45454f;
}

.csb-dashboard.csb-dashboard--theme-dark .csb-dashboard-theme-bar {
	background: #25262e;
	border-color: #45454f;
}

.csb-dashboard.csb-dashboard--theme-dark .csb-dashboard-theme-bar--compact-icons {
	background: transparent;
	border-bottom-color: rgba(71, 85, 105, 0.65);
}

.csb-dashboard.csb-dashboard--theme-dark .csb-dashboard-theme-bar__label {
	color: #cbd5e1;
}

.csb-dashboard.csb-dashboard--theme-dark .csb-dashboard-theme-toggle {
	background: #1f2028;
	border-color: #52525e;
	color: #e8e8ed;
}

.csb-dashboard.csb-dashboard--theme-dark .csb-dashboard-theme-toggle:hover {
	border-color: #60a5fa;
	color: #93c5fd;
}

.csb-dashboard.csb-dashboard--theme-dark .csb-dashboard-theme-toggle.is-active {
	background: #3b82f6;
	border-color: #3b82f6;
	color: #fff;
}

.csb-dashboard.csb-dashboard--theme-dark .csb-survey-wizard__progress {
	background: rgba(255, 255, 255, 0.08);
	color: #e2e8f0;
}

.csb-dashboard.csb-dashboard--theme-dark .csb-survey-wizard__nav {
	border-top-color: rgba(255, 255, 255, 0.1);
}

.csb-dashboard.csb-dashboard--theme-dark .csb-create-wizard-shell__title {
	color: #f1f5f9;
}

.csb-dashboard.csb-dashboard--theme-dark .csb-builder__canvas {
	background: #1f2028;
	border-color: #4b5563;
}

.csb-dashboard.csb-dashboard--theme-dark .csb-builder__canvas-title {
	color: #f1f5f9;
}

.csb-dashboard.csb-dashboard--theme-dark .csb-builder__drop-hint,
.csb-dashboard.csb-dashboard--theme-dark .csb-builder__drop-hint p {
	color: #94a3b8;
}

.csb-dashboard.csb-dashboard--theme-dark .csb-question-blocks.csb-is-palette-over {
	background: #1e293b;
	border-color: #3b82f6;
	box-shadow: inset 0 0 0 1px rgba(59, 130, 246, 0.35);
}

.csb-dashboard.csb-dashboard--theme-dark .csb-survey.csb-survey--inline-preview {
	background: #1f2028;
	border-color: #3f404c;
	color: #e8e8ed;
}

.csb-dashboard.csb-dashboard--theme-dark .csb-survey.csb-survey--inline-preview .csb-survey__footer-meta {
	border-top-color: #3f404c;
}

.csb-dashboard.csb-dashboard--theme-dark .csb-survey.csb-survey--inline-preview .csb-survey__footer-firma {
	color: #e2e8f0;
}

.csb-dashboard.csb-dashboard--theme-dark .csb-survey.csb-survey--inline-preview .csb-survey__imprint {
	color: #94a3b8;
}

.csb-dashboard.csb-dashboard--theme-dark .csb-survey.csb-survey--inline-preview .csb-survey__brand {
	background: #25262e;
	border-bottom-color: #3f404c;
}

.csb-dashboard.csb-dashboard--theme-dark .csb-range-field__ticks {
	color: #94a3b8;
}

.csb-dashboard.csb-dashboard--theme-dark .csb-range-field__value {
	color: #f1f5f9;
}

.csb-dashboard.csb-dashboard--theme-dark .csb-icon-btn {
	background: #25262e;
	border-color: #52525e;
	color: #e2e8f0;
	box-shadow: none;
}

.csb-dashboard.csb-dashboard--theme-dark .csb-icon-btn--save {
	background: #1a2e22;
	border-color: #3d6b4a;
	color: #86efac;
}

.csb-dashboard.csb-dashboard--theme-dark .csb-icon-btn--delete {
	background: #2e1a1a;
	border-color: #6b3d3d;
	color: #fca5a5;
}

.csb-dashboard.csb-dashboard--theme-dark .csb-question-block__grip {
	background: #25262e;
	border-color: #52525e;
	color: #cbd5e1;
}

.csb-dashboard.csb-dashboard--theme-dark .csb-question-block__title,
.csb-dashboard.csb-dashboard--theme-dark .csb-question-block__title-text {
	color: #f1f5f9;
}

.csb-dashboard.csb-dashboard--theme-dark .csb-question-block__type {
	color: #94a3b8;
}

.csb-dashboard.csb-dashboard--theme-dark .csb-question-block__content h5 {
	color: #f1f5f9;
}

.csb-dashboard.csb-dashboard--theme-dark .csb-edit-questions__head {
	border-bottom-color: #3f404c;
}

.csb-dashboard.csb-dashboard--theme-dark .csb-inline-new-question {
	background: #1f2028;
	border-color: #3f404c;
	box-shadow: none;
}

.csb-dashboard.csb-dashboard--theme-dark .csb-inline-new-question .csb-note,
.csb-dashboard.csb-dashboard--theme-dark .csb-inline-new-question__status {
	color: #cbd5e1;
}

.csb-dashboard.csb-dashboard--theme-dark .csb-inline-new-question label {
	color: #e2e8f0;
}

.csb-dashboard.csb-dashboard--theme-dark .csb-inline-new-question select,
.csb-dashboard.csb-dashboard--theme-dark .csb-inline-new-question input[type="text"],
.csb-dashboard.csb-dashboard--theme-dark .csb-inline-new-question input[type="number"] {
	background: #16161c;
	border-color: #52525e;
	color: #f8fafc;
}

.csb-dashboard.csb-dashboard--theme-dark .csb-inline-choice-row__label,
.csb-dashboard.csb-dashboard--theme-dark .csb-inline-choice-row__value {
	background: #16161c;
	border-color: #52525e;
	color: #f1f5f9;
}

.csb-dashboard.csb-dashboard--theme-dark .csb-inline-choice-row__remove {
	background: #25262e;
	border-color: #52525e;
	color: #e2e8f0;
}

.csb-dashboard.csb-dashboard--theme-dark .csb-inline-choice-row__remove:hover {
	background: #3f1d1d;
	border-color: #b91c1c;
	color: #fecaca;
}

.csb-dashboard.csb-dashboard--theme-dark .csb-inline-question-preview-wrap {
	background: #16161c;
	border-color: #52525e;
}

.csb-dashboard.csb-dashboard--theme-dark .csb-inline-question-preview__heading {
	color: #e2e8f0;
}

.csb-dashboard.csb-dashboard--theme-dark .csb-builder__preview {
	background: #1f2028;
	border-color: #3f404c;
}

.csb-dashboard.csb-dashboard--theme-dark .csb-builder__preview-title {
	color: #f1f5f9;
}

.csb-dashboard.csb-dashboard--theme-dark .csb-builder__preview-mount {
	background: #16161c;
	border-color: #45454f;
}

.csb-dashboard.csb-dashboard--theme-dark .csb-builder__preview-refresh {
	background: #25262e;
	border-color: #52525e;
	color: #e2e8f0;
}

.csb-dashboard.csb-dashboard--theme-dark .csb-builder__preview-refresh:hover {
	background: #334155;
	border-color: #64748b;
}

.csb-dashboard.csb-dashboard--theme-dark .csb-builder__preview-loading {
	color: #94a3b8;
}

.csb-dashboard.csb-dashboard--theme-dark .csb-inline-new-question .button,
.csb-dashboard.csb-dashboard--theme-dark .csb-survey-preview-panel .button {
	background: #334155;
	border-color: #64748b;
	color: #f8fafc;
}

.csb-dashboard.csb-dashboard--theme-dark .csb-inline-new-question .button:hover,
.csb-dashboard.csb-dashboard--theme-dark .csb-survey-preview-panel .button:hover {
	background: #475569;
	border-color: #94a3b8;
}

.csb-dashboard.csb-dashboard--theme-dark .csb-survey-preview-panel__cta-label {
	color: #94a3b8;
}

.csb-dashboard.csb-dashboard--theme-dark .csb-survey-preview-panel__toggle.csb-action-btn--primary {
	background: #2563eb;
	border-color: #60a5fa;
	color: #fff;
	box-shadow: 0 3px 16px rgba(0, 0, 0, 0.35);
}

.csb-dashboard.csb-dashboard--theme-dark .csb-survey-preview-panel__toggle.csb-action-btn--primary:hover {
	background: #1d4ed8;
	border-color: #93c5fd;
	color: #fff;
}

.csb-dashboard.csb-dashboard--theme-dark .csb-survey-preview-panel__toggle.csb-action-btn--primary[aria-expanded='true'] {
	background: #0f172a;
	color: #93c5fd;
	border-color: #3b82f6;
	box-shadow: inset 0 0 0 1px rgba(59, 130, 246, 0.35);
}

.csb-dashboard.csb-dashboard--theme-dark .csb-survey-preview-panel__toggle.csb-action-btn--primary[aria-expanded='true']:hover {
	background: #1e293b;
	color: #bfdbfe;
	border-color: #60a5fa;
}

.csb-dashboard.csb-dashboard--theme-dark .csb-survey-preview-panel {
	border-color: #475569;
	background: linear-gradient(165deg, #1e293b 0%, #172033 50%, #0f172a 100%);
	box-shadow:
		0 12px 32px rgba(0, 0, 0, 0.45),
		0 1px 0 rgba(255, 255, 255, 0.04) inset;
}

.csb-dashboard.csb-dashboard--theme-dark .csb-survey-preview-panel__hint {
	background: rgba(15, 23, 42, 0.55);
	border-color: rgba(71, 85, 105, 0.65);
	color: #cbd5e1;
}

.csb-dashboard.csb-dashboard--theme-dark .csb-inline-new-question .button-primary {
	background: #2563eb;
	border-color: #3b82f6;
	color: #fff;
}

.csb-dashboard.csb-dashboard--theme-dark .csb-inline-new-question .button-primary:hover {
	background: #1d4ed8;
	border-color: #60a5fa;
	color: #fff;
}

.csb-dashboard.csb-dashboard--theme-dark .csb-action-btn {
	background: #25262e;
	border-color: #52525e;
	color: #e2e8f0;
}

.csb-dashboard.csb-dashboard--theme-dark .csb-action-btn--primary {
	background: #1e3a5f;
	border-color: #3b82f6;
	color: #dbeafe;
}

.csb-dashboard.csb-dashboard--theme-dark .csb-action-btn--primary:hover {
	background: #1d4ed8;
	border-color: #60a5fa;
	color: #fff;
}

.csb-dashboard.csb-dashboard--theme-dark .csb-action-btn--danger {
	background: transparent;
	border-color: #7f1d1d;
	color: #fca5a5;
}

.csb-dashboard.csb-dashboard--theme-dark .csb-action-btn--danger:hover {
	background: #450a0a;
	border-color: #f87171;
	color: #fecaca;
}

@media (prefers-color-scheme: dark) {
	.csb-dashboard.csb-dashboard--theme-auto {
		color-scheme: dark;
		background: #16161c;
		border-color: #2e2e38;
		color: #e8e8ed;
	}

	.csb-dashboard.csb-dashboard--theme-auto .csb-note,
	.csb-dashboard.csb-dashboard--theme-auto .csb-edit-questions__survey-title {
		color: #b4b4c0;
	}

	.csb-dashboard.csb-dashboard--theme-auto .csb-note code,
	.csb-dashboard.csb-dashboard--theme-auto code {
		background: #25262e;
		border: 1px solid #3a3a45;
		color: #e2e8f0;
	}

	.csb-dashboard.csb-dashboard--theme-auto .csb-form label {
		color: #e8e8ed;
	}

	.csb-dashboard.csb-dashboard--theme-auto .csb-form input[type="text"],
	.csb-dashboard.csb-dashboard--theme-auto .csb-form input[type="number"],
	.csb-dashboard.csb-dashboard--theme-auto .csb-form input[type="email"],
	.csb-dashboard.csb-dashboard--theme-auto .csb-form input[type="date"],
	.csb-dashboard.csb-dashboard--theme-auto .csb-form select,
	.csb-dashboard.csb-dashboard--theme-auto .csb-form textarea {
		background: #1f2028;
		border-color: #3f3f4c;
		color: #f1f1f4;
	}

	.csb-dashboard.csb-dashboard--theme-auto .csb-question-block {
		background: #1f2028;
		border-color: #3a3b46;
		box-shadow: none;
	}

	.csb-dashboard.csb-dashboard--theme-auto .csb-question-block__content {
		border-top-color: #3a3b46;
	}

	.csb-dashboard.csb-dashboard--theme-auto .csb-option-row,
	.csb-dashboard.csb-dashboard--theme-auto .csb-option-list {
		background: #25262e;
		border-color: #3f404c;
	}

	.csb-dashboard.csb-dashboard--theme-auto .csb-sort-panel,
	.csb-dashboard.csb-dashboard--theme-auto .csb-sort-list {
		background: #1f2028;
		border-color: #3f404c;
	}

	.csb-dashboard.csb-dashboard--theme-auto .csb-sort-item {
		background: #25262e;
		border-color: #45454f;
		color: #e8e8ed;
	}

	.csb-dashboard.csb-dashboard--theme-auto .csb-add-question-panel__toggle {
		background: #25262e;
		border-color: #45454f;
		color: #e8e8ed;
	}

	.csb-dashboard.csb-dashboard--theme-auto .csb-add-question-panel__body {
		background: #1c1d24;
		border-color: #45454f;
	}

	.csb-dashboard.csb-dashboard--theme-auto .csb-dashboard-theme-bar {
		background: #25262e;
		border-color: #45454f;
	}

	.csb-dashboard.csb-dashboard--theme-auto .csb-dashboard-theme-bar--compact-icons {
		background: transparent;
		border-bottom-color: rgba(71, 85, 105, 0.65);
	}

	.csb-dashboard.csb-dashboard--theme-auto .csb-dashboard-theme-bar__label {
		color: #cbd5e1;
	}

	.csb-dashboard.csb-dashboard--theme-auto .csb-dashboard-theme-toggle {
		background: #1f2028;
		border-color: #52525e;
		color: #e8e8ed;
	}

	.csb-dashboard.csb-dashboard--theme-auto .csb-dashboard-theme-toggle:hover {
		border-color: #60a5fa;
		color: #93c5fd;
	}

	.csb-dashboard.csb-dashboard--theme-auto .csb-dashboard-theme-toggle.is-active {
		background: #3b82f6;
		border-color: #3b82f6;
		color: #fff;
	}

	.csb-dashboard.csb-dashboard--theme-auto .csb-survey-wizard__progress {
		background: rgba(255, 255, 255, 0.08);
		color: #e2e8f0;
	}

	.csb-dashboard.csb-dashboard--theme-auto .csb-survey-wizard__nav {
		border-top-color: rgba(255, 255, 255, 0.1);
	}

	.csb-dashboard.csb-dashboard--theme-auto .csb-builder__canvas {
		background: #1f2028;
		border-color: #4b5563;
	}

	.csb-dashboard.csb-dashboard--theme-auto .csb-builder__canvas-title {
		color: #f1f5f9;
	}

	.csb-dashboard.csb-dashboard--theme-auto .csb-builder__drop-hint,
	.csb-dashboard.csb-dashboard--theme-auto .csb-builder__drop-hint p {
		color: #94a3b8;
	}

	.csb-dashboard.csb-dashboard--theme-auto .csb-question-blocks.csb-is-palette-over {
		background: #1e293b;
		border-color: #3b82f6;
		box-shadow: inset 0 0 0 1px rgba(59, 130, 246, 0.35);
	}

	.csb-dashboard.csb-dashboard--theme-auto .csb-survey.csb-survey--inline-preview {
		background: #1f2028;
		border-color: #3f404c;
		color: #e8e8ed;
	}

	.csb-dashboard.csb-dashboard--theme-auto .csb-survey.csb-survey--inline-preview .csb-survey__footer-meta {
		border-top-color: #3f404c;
	}

	.csb-dashboard.csb-dashboard--theme-auto .csb-survey.csb-survey--inline-preview .csb-survey__footer-firma {
		color: #e2e8f0;
	}

	.csb-dashboard.csb-dashboard--theme-auto .csb-survey.csb-survey--inline-preview .csb-survey__imprint {
		color: #94a3b8;
	}

	.csb-dashboard.csb-dashboard--theme-auto .csb-survey.csb-survey--inline-preview .csb-survey__brand {
		background: #25262e;
		border-bottom-color: #3f404c;
	}

	.csb-dashboard.csb-dashboard--theme-auto .csb-range-field__ticks {
		color: #94a3b8;
	}

	.csb-dashboard.csb-dashboard--theme-auto .csb-range-field__value {
		color: #f1f5f9;
	}

	.csb-dashboard.csb-dashboard--theme-auto .csb-icon-btn {
		background: #25262e;
		border-color: #52525e;
		color: #e2e8f0;
		box-shadow: none;
	}

	.csb-dashboard.csb-dashboard--theme-auto .csb-icon-btn--save {
		background: #1a2e22;
		border-color: #3d6b4a;
		color: #86efac;
	}

	.csb-dashboard.csb-dashboard--theme-auto .csb-icon-btn--delete {
		background: #2e1a1a;
		border-color: #6b3d3d;
		color: #fca5a5;
	}

	.csb-dashboard.csb-dashboard--theme-auto .csb-question-block__grip {
		background: #25262e;
		border-color: #52525e;
		color: #cbd5e1;
	}

	.csb-dashboard.csb-dashboard--theme-auto .csb-question-block__title,
	.csb-dashboard.csb-dashboard--theme-auto .csb-question-block__title-text {
		color: #f1f5f9;
	}

	.csb-dashboard.csb-dashboard--theme-auto .csb-question-block__type {
		color: #94a3b8;
	}

	.csb-dashboard.csb-dashboard--theme-auto .csb-question-block__content h5 {
		color: #f1f5f9;
	}

	.csb-dashboard.csb-dashboard--theme-auto .csb-edit-questions__head {
		border-bottom-color: #3f404c;
	}

	.csb-dashboard.csb-dashboard--theme-auto .csb-inline-new-question {
		background: #1f2028;
		border-color: #3f404c;
		box-shadow: none;
	}

	.csb-dashboard.csb-dashboard--theme-auto .csb-inline-new-question .csb-note,
	.csb-dashboard.csb-dashboard--theme-auto .csb-inline-new-question__status {
		color: #cbd5e1;
	}

	.csb-dashboard.csb-dashboard--theme-auto .csb-inline-new-question label {
		color: #e2e8f0;
	}

	.csb-dashboard.csb-dashboard--theme-auto .csb-inline-new-question select,
	.csb-dashboard.csb-dashboard--theme-auto .csb-inline-new-question input[type="text"],
	.csb-dashboard.csb-dashboard--theme-auto .csb-inline-new-question input[type="number"] {
		background: #16161c;
		border-color: #52525e;
		color: #f8fafc;
	}

	.csb-dashboard.csb-dashboard--theme-auto .csb-inline-choice-row__label,
	.csb-dashboard.csb-dashboard--theme-auto .csb-inline-choice-row__value {
		background: #16161c;
		border-color: #52525e;
		color: #f1f5f9;
	}

	.csb-dashboard.csb-dashboard--theme-auto .csb-inline-choice-row__remove {
		background: #25262e;
		border-color: #52525e;
		color: #e2e8f0;
	}

	.csb-dashboard.csb-dashboard--theme-auto .csb-inline-choice-row__remove:hover {
		background: #3f1d1d;
		border-color: #b91c1c;
		color: #fecaca;
	}

	.csb-dashboard.csb-dashboard--theme-auto .csb-inline-question-preview-wrap {
		background: #16161c;
		border-color: #52525e;
	}

	.csb-dashboard.csb-dashboard--theme-auto .csb-inline-question-preview__heading {
		color: #e2e8f0;
	}

	.csb-dashboard.csb-dashboard--theme-auto .csb-builder__preview {
		background: #1f2028;
		border-color: #3f404c;
	}

	.csb-dashboard.csb-dashboard--theme-auto .csb-builder__preview-title {
		color: #f1f5f9;
	}

	.csb-dashboard.csb-dashboard--theme-auto .csb-builder__preview-mount {
		background: #16161c;
		border-color: #45454f;
	}

	.csb-dashboard.csb-dashboard--theme-auto .csb-builder__preview-refresh {
		background: #25262e;
		border-color: #52525e;
		color: #e2e8f0;
	}

	.csb-dashboard.csb-dashboard--theme-auto .csb-builder__preview-refresh:hover {
		background: #334155;
		border-color: #64748b;
	}

	.csb-dashboard.csb-dashboard--theme-auto .csb-builder__preview-loading {
		color: #94a3b8;
	}

	.csb-dashboard.csb-dashboard--theme-auto .csb-inline-new-question .button,
	.csb-dashboard.csb-dashboard--theme-auto .csb-survey-preview-panel .button {
		background: #334155;
		border-color: #64748b;
		color: #f8fafc;
	}

	.csb-dashboard.csb-dashboard--theme-auto .csb-inline-new-question .button:hover,
	.csb-dashboard.csb-dashboard--theme-auto .csb-survey-preview-panel .button:hover {
		background: #475569;
		border-color: #94a3b8;
	}

	.csb-dashboard.csb-dashboard--theme-auto .csb-survey-preview-panel__cta-label {
		color: #94a3b8;
	}

	.csb-dashboard.csb-dashboard--theme-auto .csb-survey-preview-panel__toggle.csb-action-btn--primary {
		background: #2563eb;
		border-color: #60a5fa;
		color: #fff;
		box-shadow: 0 3px 16px rgba(0, 0, 0, 0.35);
	}

	.csb-dashboard.csb-dashboard--theme-auto .csb-survey-preview-panel__toggle.csb-action-btn--primary:hover {
		background: #1d4ed8;
		border-color: #93c5fd;
		color: #fff;
	}

	.csb-dashboard.csb-dashboard--theme-auto .csb-survey-preview-panel__toggle.csb-action-btn--primary[aria-expanded='true'] {
		background: #0f172a;
		color: #93c5fd;
		border-color: #3b82f6;
		box-shadow: inset 0 0 0 1px rgba(59, 130, 246, 0.35);
	}

	.csb-dashboard.csb-dashboard--theme-auto .csb-survey-preview-panel__toggle.csb-action-btn--primary[aria-expanded='true']:hover {
		background: #1e293b;
		color: #bfdbfe;
		border-color: #60a5fa;
	}

	.csb-dashboard.csb-dashboard--theme-auto .csb-survey-preview-panel {
		border-color: #475569;
		background: linear-gradient(165deg, #1e293b 0%, #172033 50%, #0f172a 100%);
		box-shadow:
			0 12px 32px rgba(0, 0, 0, 0.45),
			0 1px 0 rgba(255, 255, 255, 0.04) inset;
	}

	.csb-dashboard.csb-dashboard--theme-auto .csb-survey-preview-panel__hint {
		background: rgba(15, 23, 42, 0.55);
		border-color: rgba(71, 85, 105, 0.65);
		color: #cbd5e1;
	}

	.csb-dashboard.csb-dashboard--theme-auto .csb-inline-new-question .button-primary {
		background: #2563eb;
		border-color: #3b82f6;
		color: #fff;
	}

	.csb-dashboard.csb-dashboard--theme-auto .csb-inline-new-question .button-primary:hover {
		background: #1d4ed8;
		border-color: #60a5fa;
		color: #fff;
	}

	.csb-dashboard.csb-dashboard--theme-auto .csb-action-btn {
		background: #25262e;
		border-color: #52525e;
		color: #e2e8f0;
	}

	.csb-dashboard.csb-dashboard--theme-auto .csb-action-btn--primary {
		background: #1e3a5f;
		border-color: #3b82f6;
		color: #dbeafe;
	}

	.csb-dashboard.csb-dashboard--theme-auto .csb-action-btn--primary:hover {
		background: #1d4ed8;
		border-color: #60a5fa;
		color: #fff;
	}

	.csb-dashboard.csb-dashboard--theme-auto .csb-action-btn--danger {
		background: transparent;
		border-color: #7f1d1d;
		color: #fca5a5;
	}

	.csb-dashboard.csb-dashboard--theme-auto .csb-action-btn--danger:hover {
		background: #450a0a;
		border-color: #f87171;
		color: #fecaca;
	}
}