pc-qm-form {
	display: block;
	position: relative;
	width: 100%;
}

.rd-quick-option[data-quickoption-key="stateOpen"] {
	color: #9F1239;
	background-color: #FFF1F2;
}

.rd-quick-option[data-quickoption-key="stateClosed"] {
	color: #526D26;
	background-color: #F7FBF0;
}

.rd-quick-option[data-quickoption-key="stateFollowUp"] {
	color: #713F12;
	background-color: #FEF9C3;

}

.rd-qm-form-center .rd-quick-option {
	border-radius: 999px;
	font-size: var(--rd-fontsize-3);
	font-weight: var(--rd-fontweights-open-sans-1);
	padding: var(--rd-spacing-x-sm) var(--rd-spacing-sm);
	margin-right: 0 !important;
}

.rd-qm-form-center .rd-queries-filter-wrap .rd-knob-list-actions {
	display: none;
}


.rd-optHTMLWithAI-confirm-popup .pc_ufiles_uploadlink::after,
.rd-optHTMLWithAI-aiformtype-auto-popup .pc_ufiles_uploadlink::after {
	content: "PDF hierher ziehen oder per Klick auswählen";
	position: unset;
	font-size: var(--rd-fontsize-2);
	font-weight: var(--rd-fontweights-open-sans-0);
	line-height: var(--rd-lineheights-0);
	letter-spacing: 0.11px;
}



.rd-optHTMLWithAI-confirm-popup .pc_ufiles_uploadlink::before,
.rd-optHTMLWithAI-aiformtype-auto-popup .pc_ufiles_uploadlink::before {
	content: "Format: PDF (max. 20 Seiten)";
	color: var(--rd-input-hover);
	font-size: var(--rd-fontsize-2);
	font-weight: var(--rd-fontweights-open-sans-2);
	line-height: var(--rd-lineheights-0);
	letter-spacing: 0.11px;
	margin-top: var(--rd-spacing-x-sm);
}


.rd-optHTMLWithAI-aiformtype-auto-popup.rd-optHTMLWithAI-actionplan-auto-popup .pc_ufiles_uploadlink::before {
	content: "Format: PDF";
}

.rd-optHTMLWithAI-confirm-popup .pc_ufiles_uploadlink,
.rd-optHTMLWithAI-aiformtype-auto-popup .pc_ufiles_uploadlink {
	justify-content: center;
	flex-direction: column-reverse;
	height: 200px;
	margin-top: 0;

}



.rd-optHTMLWithAI-confirm-popup .pc_ufiles_uploadlink,
.rd-optHTMLWithAI-aiformtype-auto-popup .pc_ufiles_uploadlink {
	background-image: url("/src/img/2024/svg/icons/pc_ufiles_upload_icon.svg");
	background-position: 128px 75px;

}

.rd-qmform-meta-rule {
	display: flex;
	gap: 1em;
	justify-content: flex-start;
}

.rd-qmform-meta-rule-access {
	max-width: 490px;
}

.rd-qmform-meta-rule-access pc-knob-users-and-groups {
	width: 100%;
}

.rd-qmform-meta-rule-access pc-knob-users-and-groups .rd-knob-body {
	justify-content: center;
}


.rd-qmform-card-container {
	perspective: 500vh;
	width: 100%;
	display: flex;
	justify-content: center;
}

.rd-qmform-card {
	display: flex;
	flex-direction: column;
	position: relative;
	transform-style: preserve-3d;
	transition: transform 250ms;
	width: 100%;
}

pc-qm-form[isFlipped] .rd-qmform-card {
	transform: rotateY(180deg);
}

.rd-qmform-card-page {
	display: flex;
	flex-direction: column;
	align-items: center;
	backface-visibility: hidden;
	padding: 1em;
	box-sizing: border-box;
	border-radius: 8px;
}

.rd-qmform-card-page.front {
	background: #F2F6FA;
}

.rd-qmform-card-page.back {
	transform: rotateY(180deg);
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	border-radius: 8px;
	background: #F2F6FA;
}

.rd-example-prompts {
	margin-top: 0;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: 16px;
	margin-bottom: var(--rd-spacing-lg);
	max-width: 600px;
}


.rd-example-prompt-link {
	white-space: nowrap;
	display: inline-block;
	padding: var(--rd-spacing-x-sm) var(--rd-spacing-md);
	border-radius: 80px;
	border: 1px solid #D9E3F0;
	background: var(--rd-font-light);
	color: var(--rd-font-dark);
	font-size: var(--rd-fontsize-3);
	font-weight: var(--rd-fontweights-open-sans-1);
}

.rd-example-prompt-link.rd-active {
	background: #F5F7FB;
	color: var(--rd-secondary-active);
	border-color: var(--rd-secondary-active);
}

.rd-form-name {
	text-align: left;
	margin-bottom: var(--rd-spacing-x-big);
	font-size: var(--rd-fontsize-5);
	line-height: 120%;
	letter-spacing: 0.16px;
	font-weight: var(--rd-fontweights-open-sans-2);
	margin-top: var(--rd-spacing-x-big);
}



/* TODO move to threads.css: */
pc-thread-view.rd-tree-view {
	display: block;
	position: relative;
	width: 100%;
	/* background: yellow; */
}

pc-thread-view.rd-tree-view .rd-treeview-searchrow {
	display: none;
}

pc-qm-form-meta {
	display: block;
	position: relative;
	width: 100%;
	margin: var(--rd-spacing-x-lg) 0 var(--rd-spacing-x-big);
}

pc-qm-form-meta+.qm-edift-form-label {
	margin-top: 48px;
}

pc-qm-form-meta .rd-checkbox {
	padding: 0 !important;
	margin-bottom: 0 !important;
}

pc-qm-form-meta .rd-checkbox+label {
	margin-top: 0;
}

.rd-qm-form-preview {
	display: flex;
	gap: 48px;
}

pc-qm-form-meta .rd-qm-form-checkboxes {
	align-self: center;
	display: flex;
	gap: 16px;
	flex-direction: column;
}

.rd-ai-doc-preview {
	border: 2px solid #ccc;
	/* width: 150%;
	height: 50vh; */
	/* todo: styling für iframe passt noch nicht ganz, 130% war bei mir sweetspot ohne scrollbalken */
	width: 100%;
	height: 50vh;
	/* transform: scale(0.85); */
	transform-origin: top left;
	background: aliceblue;
	margin-top: var(--rd-spacing-md);
	max-height: 334px;
}

.rd-pctable {
	display: block;
	position: relative;
}

.rd-qm-form-center.rd-pctable .rd-page-queries .rd-filterbar {
	margin-left: 0 !important;
	margin-right: 0 !important;
}

#rd-aiFormCreationProgress {
	min-height: 1.5em;
	line-height: 1.5em;
	margin: 0.5em;
}


.rd-qm-form-center.rd-pctable .rd-knob-list-wrap-filteroptions {
	width: 100%;
}

.rd-qm-form-center.rd-pctable .rd-knob-list-wrap-filteroptions> :nth-child(1) {
	order: 0;
	flex: 1 1 20%;
}

.rd-qm-form-center.rd-pctable .rd-knob-list-wrap-filteroptions> :nth-child(2) {
	order: -1;
	flex: 1 1 calc(80% - 1em);
}

.rd-qm-form-center.rd-pctable .rd-knob-list-wrap-filteroptions [name="quickSearch"] .rd-panel,
.rd-qm-form-center.rd-pctable .rd-knob-list-wrap-filteroptions [name="quickSearch"] .rd-panel input {
	width: 100%;
}

.rd-qm-form-center.rd-pctable .rd-knob-list-wrap-filteroptions [name="mode"] .rd-knob-body {
	justify-content: end;
}

.rd-qm-form-center.rd-pctable .rd-knob:not([forminput])[data-is-default-value="false"] .rd-knob-body {
	border-color: unset;
	background-color: unset;
}

.rd-prompt-option-select {
	/* border: 1px solid red; */
	margin: 1em 0em;
	width: 100%;
	padding: 0.5em;
	font-size: 16px;

	display: none;
}

.rd-prompt-option-textarea {
	/* border: 1px solid blue; */
	width: 100%;
	min-height: 200px;
	font-size: 16px;
	line-height: 1.5em;
}

.rd-qmForm-content {
	max-height: 80vh;
	overflow: auto;
	border: 1px solid #EAECF0;
}

.rd-qmForm-actions {
	margin: 1em 0em;
	display: flex;
	justify-content: center;
	gap: 1em;
	margin-bottom: 1em;
}

/* TODO move to own css file: */
.thread-node-wrap {
	border-radius: var(--md, 16px);
	background: var(--Color, #FFF);
	box-shadow: 0 4px 6px -1px rgba(15, 15, 16, 0.08), 0 2px 4px -1px rgba(15, 15, 16, 0.06);
	padding: 1em;
	margin-bottom: 1em;
	margin-right: 2em;
}

.thread-node-message {
	color: var(--black, #212B36);
	font-family: "Open Sans";
	font-size: 14px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
}


.thread-node-header {
	text-align: right;
	color: var(--Gray-Dark-Gray-500, #808081);
	/* font-family: "Open Sans"; */
	font-size: 11px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
}

.thread-node-footer {
	color: var(--Gray-Dark-Gray-500, #808081);
	font-family: "Open Sans";
	font-size: 11px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
	padding-top: 1em;
	margin-top: 1em;
	border-top: 1px solid #EAECF0;
}

.rd-new-thread-message-wrap {
	margin: 0em 2em;
}

.rd-new-thread-message-buttonrow {
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 1em;
	margin-top: 1em;
}

/* Thread header row with label and AI icon */
.rd-thread-header-row {
	display: flex;
	align-items: center;
	gap: 8px;
	margin-bottom: 8px;
}

.rd-thread-label {
	font-weight: 500;
	font-size: 13px;
	color: #374151;
}

/* Thread AI correction icon */
.rd-thread-ai-icon {
	font-size: 16px;
	cursor: pointer;
	transition: all 0.2s;
	color: #6b7280;
}

.rd-thread-ai-icon:hover {
	color: #4f46e5;
	transform: scale(1.1);
}

.rd-thread-ai-icon.rd-tckt-loading {
	cursor: wait;
}

.rd-qmform-header {
	margin-bottom: 1em;
	/* display: inline-block; */
}

pc-thread-view .rd-treeview-nodelist {
	overflow: auto;
	height: 50vh;
	border: 1px solid #ccc;
	padding: 2em 0em;
	border-radius: 12px;
}

.rd-qmform-head-info {
	margin-bottom: 1em;
	font-size: 13px;
	text-align: right;
	justify-content: end;
}

.rd-qmform-header pc-segmented {
	display: inline-block;
}

.rd-qmform-print .rd-qmform-header pc-segmented,
.rd-qmform-print .rd-qmform-card-page.back,
.rd-qmform-print pc-support-chat-button {
	display: none !important;
}

.rd-qmform-print .rd-qmForm-content {
	max-height: unset;
}

.rd-qmform-print .rd-qmform-card-page.front {
	background: transparent;
}

.rd-qmform-print .rd-qmForm {
	width: 100%;
}


.qmh_form_homes .rd-segmented-control-indicator {
	background: var(--rd-font-light);
	border-radius: 999px;
}

.qmh_form_homes .rd-segmented-control-content>a.selected {
	color: var(--rd-font-dark) !important;

}

.qmh_form_homes .rd-segmented-control-content {
	background: var(--rd-secondary-active);
	border-radius: 32px;
	padding: var(--rd-spacing-x-sm);
	gap: 18px;
}

.qmh_form_homes pc-knob-segmented .rd-segmented-control-content>a {
	border: unset !important;
	color: var(--rd-font-light) !important;
	line-height: 24px;
	padding: 0;
}

.qmh_form_homes .rd-segmented-control-content>a:not(.selected):hover {
	color: var(--rd-font-light) !important;
}

.qmh_form_homes .rd-sortable-table-cell,
.qmh_form_homes .rd-sortable-table-cell div,
.qmh_form_homes .rd-sortable-table-cell div a {
	display: flex;
}

.qmh_form_homes .rd-sortable-table-cell div a,
.qmh_form_homes [data-key="qmBookTitle"] div {
	color: var(--rd-secondary-active);
}



.qmh_form_homes .rd-sortable-table-head .rd-sortable-table-cell::after,
.qmh_form_homes .rd-sortable-table-head .rd-sortable-table-cell::before,
.qmh_form_homes .rd-queries-body .rd-sortable-table-head .rd-sortable-table-cell[data-key="NAME"]::before {
	display: none;
}


.qmh_form_homes .rd-sortable-table-cell[data-key="qmFormTitle"],
.qmh_form_homes .rd-sortable-table-cell[data-key="TITLE"] {
	font-size: var(--rd-fontsize-3);
	font-weight: var(--rd-fontweights-open-sans-0);
}

.qmh_form_homes .rd-queries-body .rd-pctable .rd-sortable-table-cell>div {
	padding: 10px 0;
	margin: 10px 0;
}

.qmh_form_homes .rd-queries-body .rd-sortable-table-cell[data-key="NAME"] .rd-title-desc-cell .rd-title {
	font-weight: var(--rd-fontweights-open-sans-2);
	font-size: var(--rd-fontsize-3);
}

.qmh_form_homes .rd-queries-body .rd-sortable-table-cell[data-key="NAME"]::before,
.qmh_form_homes .rd-sortable-table-cell[data-key="qmBookTitle"] div::after,
.qmh_form_homes .rd-sortable-table-cell[data-key="submissionCount"] div a::after,
.qmh_form_homes .rd-sortable-table-cell[data-key="submissionCount"]::before,
.qmh_form_homes .rd-sortable-table-cell[data-key="T_CREATED"]::before {
	content: "";
	display: inline-block;
	width: 20px;
	height: 20px;
	margin-right: 8px;
	mask-size: contain;
	-webkit-mask-size: contain;
	mask-position: 50%;
	-webkit-mask-position: 50%;
	mask-repeat: no-repeat;
	-webkit-mask-repeat: no-repeat;
	background-color: var(--rd-font-dark);
	flex-shrink: 0;
}

.qmh_form_homes .rd-sortable-table-cell[data-key="qmBookTitle"] div::after,
.qmh_form_homes .rd-sortable-table-cell[data-key="submissionCount"] div a::after {
	margin-left: 8px;
	background-color: var(--rd-secondary-active);
}

.qmh_form_homes .rd-queries-body .rd-sortable-table-cell[data-key="NAME"]::before {
	mask-image: url("/src/img/2024/svg/icons/contextmenu/rd-icon-c-user.svg");
	-webkit-mask-image: url("/src/img/2024/svg/icons/contextmenu/rd-icon-c-user.svg");
}


.qmh_form_homes .rd-sortable-table-cell[data-key="qmBookTitle"] div::after,
.qmh_form_homes .rd-sortable-table-cell[data-key="submissionCount"] div a::after {
	mask-image: url("/src/img/2024/svg/icons/rd-icon-arrow-circle-right-filled.svg");
	-webkit-mask-image: url("/src/img/2024/svg/icons/rd-icon-arrow-circle-right-filled.svg");
}


.qmh_form_homes .rd-sortable-table-cell[data-key="submissionCount"]::before {
	mask-image: url("/src/img/2024/svg/icons/contextmenu/rd-icon-c-clipboard-check.svg");
	-webkit-mask-image: url("/src/img/2024/svg/icons/contextmenu/rd-icon-c-clipboard-check.svg");

}

.qmh_form_homes .rd-sortable-table-cell[data-key="T_CREATED"]::before {
	mask-image: url("/src/img/2024/svg/icons/contextmenu/rd-icon-c-calendar.svg");
	-webkit-mask-image: url("/src/img/2024/svg/icons/contextmenu/rd-icon-c-calendar.svg");
}

.qmh_form_homes .rd-chip {
	font-weight: var(--rd-fontweights-open-sans-1);

}

.qmh_form_homes .rd-sortable-table-head .rd-sortable-table-cell::after,
.qmh_form_homes .rd-sortable-table-head .rd-sortable-table-cell::before,
.qmh_form_homes .rd-sortable-table-head .rd-sortable-table-cell[data-key="qmBookTitle"] div::after {
	display: none;
}

.qmh_form_homes .pcx_contextmenu_itemwrap[data-key="setStateOpen"],
.qmh_form_homes .pcx_contextmenu_itemwrap[data-key="setStateInProgress"],
.pcx_contextmenu_itemwrap[data-key="downloadcertificates"],
.pcx_contextmenu_itemwrap[data-key="upsell-plus"],
.pcx_contextmenu_itemwrap[data-key="unblockinstructions"],
.pcx_contextmenu_itemwrap[data-key="driver-license-check-deactivate"] {
	border-bottom: 1px solid #EAECF0;
	padding-bottom: 16px;
}

.pcx_contextmenu_itemwrap[data-key="upsell-plus"] {
	padding-top: var(--rd-spacing-x-sm);
	position: relative;

}

.pcx_contextmenu_itemwrap[data-key="upsell-plus"] a {
	opacity: 0.2;
	padding-right: 50px !important;
}

.pcx_contextmenu_itemwrap[data-key="upsell-plus"]::after {
	content: 'Plus';
	position: absolute;
	right: 0;
	top: 8px;
	color: #752522;
	display: flex;
	padding: 0px 8px;
	justify-content: center;
	align-items: center;
	border-radius: 96px;
	background: var(--rd-red-100);
	pointer-events: none;
}

.qmh_form_homes .pcx_contextmenu_itemwrap[data-key="setStateRejected"],
.qmh_form_homes .pcx_contextmenu_itemwrap[data-key="setStateExported"],
.qmh_form_homes .pcx_contextmenu_itemwrap[data-key="setStateDeleted"],
.pcx_contextmenu_itemwrap[data-key="unblock"],
.pcx_contextmenu_itemwrap[data-key="block"],
.qmh_form_homes .pcx_contextmenu_itemwrap[data-key="showHistory"] {
	padding-top: var(--rd-spacing-x-sm);
}

.qmh_form_homes .pcx_contextmenu_itemwrap[data-key="setStateDeleted"] a,
.pcx_contextmenu_itemwrap[data-key="undelete"] a,
.pcx_contextmenu_itemwrap[data-key="delete"] a,
.qmh_form_homes .pcx_contextmenu_itemwrap[data-key="deleteEntry"] a {
	color: #F43F5E !important;
}

.qmh_form_homes .pcx_contextmenu_itemwrap[data-key="setStateDeleted"] a::before,
.pcx_contextmenu_itemwrap[data-key="undelete"] a::before,
.pcx_contextmenu_itemwrap[data-key="delete"] a::before,
.qmh_form_homes .pcx_contextmenu_itemwrap[data-key="deleteEntry"] a::before {
	background-color: #F43F5E;
}

.qmh_form_homes .pcx_contextmenu_itemwrap[data-key="deleteEntry"] a {
	border-top: 1px solid #EAECF0;
	padding-top: var(--rd-spacing-md) !important;
}

.qmh_form_homes .pcx_contextmenu_itemwrap[data-key="exportPDF"] {
	padding-bottom: var(--rd-spacing-x-sm) !important;
}

#rd-aiProgress,
#rd-aiProgressHeadline {
	transition: opacity 0.5s;
	opacity: 1;
	text-align: center;
	line-height: 1.5em;
}

#rd-aiProgress,
.rd-aiProgress {
	font-size: var(--rd-fontsize-5);
	font-weight: var(--rd-fontweights-open-sans-2);
	line-height: 132%;
	letter-spacing: 0.16px;
	color: var(--rd-font-dark);
	margin-bottom: var(--rd-spacing-xxx-big);
}

#rd-aiProgress.fade-out,
#rd-aiProgressHeadline.fade-out {
	opacity: 0;
}

#rd-aiProgress.fade-in,
#rd-aiProgressHeadline.fade-in {
	opacity: 1;
}

/* todo: benötigt? */
.pcx_iconalert_msg {
	display: flex;
	flex-direction: column;
	justify-content: center;
}

.rd-example-prompt-link:hover,
.rd-example-prompt-link:focus {
	text-decoration: none;
	color: var(--rd-secondary-active);
	border-color: var(--rd-secondary-active);

}


.rd-ai-doc-preview body p {
	background-color: red;
}


.rd-qm-form-preview h3 {
	font-size: var(--rd-fontsize-4);
	font-weight: var(--rd-fontweights-open-sans-0);
	line-height: var(--rd-lineheights-0);
	letter-spacing: 0.14px;
	margin-bottom: var(--rd-spacing-x-big);
}

.rd-qm-form-preview .rd-infobar {
	max-width: 424px !important;
}


.rd-qm-form-preview .rd-knob-body {
	border-radius: 8px !important;
	background-color: #F5F9FD !important;
	justify-content: center;
}

.rd-qm-form-preview .rd-knob-value-short {
	font-size: var(--rd-fontsize-4);
	font-weight: var(--rd-fontweights-open-sans-2);
	line-height: var(--rd-lineheights-0);
	letter-spacing: 0.14px;
	color: var(--rd-secondary-active) !important;
}

.rd-qm-form-preview .rd-slider-row {
	margin-bottom: var(--rd-spacing-md);
}

.rd-qm-form-preview .rd-knob-icon {
	background-color: var(--rd-secondary-active) !important;
}

.rd-aiProgress {
	margin-bottom: 0;
}

.rd-qmform-head-title {
	font-size: var(--rd-fontsize-4);
	font-weight: var(--rd-fontweights-open-sans-1);
	background-color: #E7F0D9;
	padding: var(--rd-spacing-sm) var(--rd-spacing-md);
	border-radius: 4px;
}

.rd-qmform-head-extrainfo {
	color: #9F1239;
	font-size: var(--rd-fontsize-3);
	font-weight: var(--rd-fontweights-open-sans-0);
	line-height: 130%;
	/* 15.6px */
	letter-spacing: 0.36px;
	border-radius: 4px;
	background-color: #FFF1F2;
	padding: var(--rd-spacing-sm) var(--rd-spacing-md);
}

.rd-qmform-head-flex {
	display: flex;
	justify-content: space-between;
	gap: 16px;
	align-items: center;
	margin-top: var(--rd-spacing-sm);
}

.rd-qmform-wrap .rd-segmented-control-content>a {
	color: var(--rd-font-light) !important;
}

.rd-qmform-head-info {
	display: flex;
	gap: var(--rd-spacing-md);
	flex-wrap: wrap;
}

.rd-qmform-head-info div {
	font-size: var(--rd-fontsize-3);
	color: var(--rd-font-dark);
}

.rd-qmform-head-info div::before {
	background-color: var(--rd-font-dark);
}

.rd-qmForm {
	width: 100%;
}