.rd-ai-planner-for-basic-premessage {
	/* background: aquamarine !important; */
	/* font-weight: bold; */
}

.rd-ai-planner-for-basic-premessage-finished::before {
	content: "🔒 Plus-Paket" !important;
	background: var(--rd-red-100) !important;
	color: var(--rd-red-900) !important;
}

.rd-ai-planner-for-basic-premessage::before,
.rd-ai-planner-for-basic-premessage-finished::before {
	content: "🎁 1 Plan geschenkt";
	background: #3B3F59;
	position: absolute;
	left: 8px;
	height: 20px;
	top: -1em;
	border-radius: 96px;
	padding: 2px 8px;
	color: var(--rd-font-light);
	font-size: 12px;
	font-style: normal;
	display: flex;
	align-items: center;
	font-weight: 500;
	/* line-height: 16px; */
	box-shadow: 0 1px 3px 0 rgba(15, 15, 16, 0.10), 0 1px 2px 0 rgba(15, 15, 16, 0.06);
}



.rd-botchat-botselector {
	/* border: 1px dashed red; */
	margin-right: 4em;
	/* border: 1px solid red; */
	width: 380px;
	font-size: 12px;
	padding-top: 5px;
}

.rd-botchat-botselector select {
	width: 100%;
	padding: 8px;
}

.rd-chatbot-message[data-status="busy"] {
	/* background: lightyellow !important; */
}

.rd-botchat-botselector {
	/* border:1px dashed red; */
	margin-right: 4em;
}

.campusbotinputcontainer_input pc-files {
	position: absolute;
	bottom: 100px;
	border: 2px solid red;
}

.campusbotinputcontainer_input pc-files .pc_ufiles_uploadlink {
	position: relative;
	display: block;
	height: 20px;
	border: none;
	background-color: green;
	background-image: unset;
}

.rd-botcode {
	padding: 0;
}

.campusbotinputcontainer_input pc-files .pc_ufiles_uploadlink::after {
	content: unset;
	display: none;
}

pc-support-chat-button {
	position: fixed;
	border-radius: 100%;
	display: block;
	text-align: center;
	width: 100px;
	height: 100px;
	z-index: 999;
	right: 20px;
	bottom: 45px;
	/* mask-size: contain; */
	background-position: center;
	background-repeat: no-repeat;
}

/* pc-support-chat-button[contextNavVisible] {
	background-image: url("/src/img/svg/x.svg");
	background-size: 25px auto;
} */

.hs-messages-widget-open [data-support-button-initialized="true"] pc-support-chat-button {
	display: none;
}

.hs-messages-widget-open body[data-support-button-initialized="true"]>div#hubspot-messages-iframe-container {
	display: block !important;
}

body>div#hubspot-messages-iframe-container {
	display: none !important;
}

pc-support-chat-button .support_chat_btn_link {
	position: absolute;
	width: 100%;
	height: 100%;
	display: block;
	/* background: green; */
	left: 0;
	top: 0;
	/* background: ; */
	pointer-events: none;
}

/* Hide mascot when BotUI panel is open — it overlaps the docked sidebar */
pc-support-chat-button[data-botui-active] .support_chat_btn_link {
	display: none;
}

pc-support-chat-button .clickArea {
	height: 100px;
	width: 100px;
	position: relative;
	cursor: pointer;
	pointer-events: all;
}

pc-support-chat-button.animation-PopUpStart .clickArea {
	width: 250px;
	margin-left: -150px;
}

.support_chat_contextnav {
	position: absolute;
	min-width: 340px;
	height: auto;
	display: block;
	background: var(--rd-font-light);
	right: 95px;
	display: none;
	bottom: 0;
	padding: var(--rd-spacing-x-big) var(--rd-spacing-xxx-big) var(--rd-spacing-md);
	border-radius: 8px;
	border-left: 1px solid var(--Gray-200, #eaecf0);
	background: var(--Font-Light, #fff);
	box-shadow: 0px 20px 101px 17px rgba(16, 24, 40, 0.24);
}

.support_chat_contextnav.campusBot {
	right: 0;
	z-index: 99999;
	padding-bottom: 0;
}

.support_chat_contextnav.campusBotUnrestricted {
	background-color: #fcf4f6;
}


pc-support-chat-button[contextNavVisible] .support_chat_contextnav {
	display: block;
	padding: var(--rd-spacing-x-big) var(--rd-spacing-md);
	box-shadow: 0px 4px 6px -1px rgba(15, 15, 16, 0.08), 0px 2px 4px -1px rgba(15, 15, 16, 0.06);
	border-radius: 32px;
}

pc-support-chat-button[data-most-space-vertical="bottom"] .support_chat_contextnav {
	top: 0;
	bottom: auto;
}

pc-support-chat-button[data-most-space-horizontal="right"] .support_chat_contextnav {
	right: auto;
	left: 95px;
}

.support_chat_contextnav_link {
	display: block;
	white-space: nowrap;
	padding: var(--rd-spacing-x-sm) var(--rd-spacing-x-big);
	border: 1px solid var(--rd-primary-active);
	border-radius: 24px;
	color: var(--rd-font-dark);
	margin-bottom: var(--rd-spacing-md);
	text-align: center;
}

.support_chat_contextnav_headline {
	font-size: var(--rd-fontsize-7);
	font-weight: var(--rd-fontweights-open-sans-0);
	line-height: var(--rd-lineheights-1);
	margin-bottom: var(--rd-spacing-x-big);
	color: var(--rd-font-dark);
	text-align: left;
	display: flex;
	align-items: center;
	gap: 16px;
}

.support_chat_contextnav_headline::before {
	content: "";
	background-image: url("/src/img/2024/images/rd-campus-frage.png");
	background-position: center;
	background-repeat: no-repeat;
	background-size: 100%;
	display: inline-block;
	width: 45px;
	height: 45px;
}

.support_chat_contextnav_intro {
	font-size: var(--rd-fontsize-4);
	color: var(--rd-font-dark);
	border-radius: 0px 16px 16px 16px;
	background: var(--rd-secondary-inactive);
	padding: var(--rd-spacing-x-sm) var(--rd-spacing-sm);
	margin-bottom: var(--rd-spacing-md);
	text-align: left;
}

.support_chat_contextnav_intro[attr-sender="user"] {
	background: var(--rd-success-inactive);
	margin-left: var(--rd-spacing-md);
}

.support_chat_contextnav_intro[attr-sender="assistant"] {
	margin-right: var(--rd-spacing-md);
}

.support_chat_contextnav_intro[attr-sender="assistant"]:has(pc-user-group-class-planner) {
	padding-left: 0;
	padding-right: 0;
}

pc-user-group-class-planner .rd-btn-small {
	text-align: center;
}

pc-user-group-class-planner .rd-course-selection-footer {
	text-align: right;

}

.cont_body+pc-support-chat-button {
	display: none !important;
}

.support_chat_contextnav_link::before {
	background-color: var(--rd-font-dark);
}

.support_chat_contextnav_link:hover {
	background-color: var(--rd-primary-active);
	color: var(--rd-font-dark);
}

.support_chat_contextnav_link:focus {
	background-color: var(--rd-primary-hover);
	color: var(--rd-font-dark);
	text-decoration: none !important;
}

.support_chat_contextnav_link:last-child {
	margin-bottom: 0;
	margin-top: var(--rd-spacing-md);
}

.support_chat_break p {
	font-size: var(--rd-fontsize-3);
	font-style: normal;
	font-weight: var(--rd-fontweights-open-sans-0);
	line-height: var(--rd-lineheights-1);
	color: var(--rd-success-pressed);
	border-radius: 24px;
	background: var(--rd-success-inactive);
	padding: var(--rd-spacing-xx-sm) var(--rd-spacing-md);
	display: flex;
	justify-content: center;
	max-width: 90px;
	margin: auto;
	position: relative;
	z-index: 10;
}

.support_chat_break {
	position: relative;
}

/* .support_chat_break:before {
	content: "";
	border-radius: 999px;
	background: #e7f0d9;
	position: absolute;
	left: 14.5px;

	bottom: 73px;
	width: 247px;
	height: 2px;
} */

.support_chat_break div {
	background-image: url("/src/img/2024/images/supportchat-break.png");
	background-size: 100%;
	background-repeat: no-repeat;
	background-position: center;
	position: absolute;
	max-width: 240px;
	width: 100%;
	height: 2px;
	left: 14.5px;
	bottom: 12px;
	z-index: 0;
}

pc-support-chat-button:after {
	content: "";
	background-position: center;
	background-repeat: no-repeat;
	background-size: 100%;
	width: 125%;
	height: 104%;
	display: inline-block;
	position: relative;
	margin-top: -17px;
	margin-left: -10px;
	pointer-events: none;
}

pc-support-chat-button .modal_dialog_closelink {
	right: 24px;
	top: calc(24px + env(safe-area-inset-top));
}

pc-campus-bot-app #campusbot {
	max-width: 1000px;
	width: 100vw;
	max-height: 90vh;
	height: calc(90vh - 50px);
	position: relative;
}

pc-support-chat-button .support_chat_btn_link {
	position: relative;
}

pc-support-chat-button .support_chat_btn_link>div.animation {
	position: absolute;
	right: -10px;
	top: -35px;
}

.support_chat_btn_link>div.no-animation {
	position: absolute;
	right: -10px;
	top: -35px;
	width: 80px;
	height: 80px;
	background-color: rgba(247, 251, 240, 0.95);
	border-radius: 50%;
	border: 1px solid rgba(148, 157, 171, 0.2);
}

@media screen and (min-width: 800px) {
	.support_chat_btn_link>div.no-animation {
		display: none;
	}
}

/* Fix Android: خلفية شبه شفافة للـ canvas لمنع ظهور خلفية الجهاز مع إظهار محتوى الصفحة */
pc-support-chat-button pc-rive-animation canvas {
	background-color: rgba(247, 251, 240, 0.95);
	border-radius: 50%;
}

pc-campus-bot-app .campusbot_header {
	padding-left: var(--rd-spacing-x-sm);
	display: flex;
	justify-content: space-between;
}

pc-campus-bot-app .campusbotinputcontainer {
	position: absolute;
	height: 110px;
	bottom: 0;
	left: 0;
	right: 0;
}




pc-campus-bot-app .campusbotinputcontainer .textarea_container {
	width: 100%;
	padding-left: 70px;
	padding-right: 60px;
	border-radius: 22.5px;
	height: 56px;
	border-width: 1px;
	border-color: var(--rd-gray);
	border-radius: 24px;
	border-image: unset;
	border-style: solid;
	background-color: var(--rd-font-light) !important;

}

pc-campus-bot-app .campusbotinputcontainer textarea {
	width: 100%;
	height: 100%;
	resize: none;
	padding-bottom: 10px;
	border: 0;
	outline: none;
	;
}

pc-campus-bot-app .campusbotinputcontainer textarea::placeholder {
	color: var(--rd-input-hover);
}

pc-campus-bot-app .campusbotinputcontainer .campusbotinputcontainer_input {
	display: block;
	position: relative;
}

pc-campus-bot-app .campusbotinputcontainer .campusbotinputcontainer_input .campusbotinputcontainer_input_icon {
	position: absolute;
	left: 20px;
	top: 50%;
	transform: translateY(-50%);
}

pc-campus-bot-app .campusbotinputcontainer .campusbotinputcontainer_input .campusbotinputcontainer_input_button {
	position: absolute;
	right: 5px;
	top: 50%;
	transform: translateY(-50%);
}

pc-campus-bot-app .campusbotinputcontainer .campusbotinputcontainer_input .campusbotinputcontainer_input_button button {
	width: 40px;
	height: 40px;
	min-width: 40px !important;
	display: block;
	margin-bottom: 0;
}

pc-campus-bot-app .campusbotinputcontainer .campusbotinputcontainer_input .campusbotinputcontainer_input_button button.rd-cancel-btn {
	background: var(--rd-color-danger, var(--rd-primary-hover));
	border: none;
	border-radius: 50%;
	color: white;
	font-size: 18px;
	font-weight: bold;
	cursor: pointer;
	display: flex;
	align-items: center;
	justify-content: center;
	transition: background 0.2s ease, transform 0.1s ease;
}

pc-campus-bot-app .campusbotinputcontainer .campusbotinputcontainer_input .campusbotinputcontainer_input_button button.rd-cancel-btn:hover {
	background: var(--rd-color-danger-dark, var(--rd-primary-hover-dark));
	transform: scale(1.05);
}

pc-campus-bot-app .campusbotinputcontainer .campusbotinputcontainer_input .campusbotinputcontainer_input_button button.rd-cancel-btn:active {
	transform: scale(0.95);
}

pc-campus-bot-app .campusbotscrollcontainer {
	position: absolute;
	left: 20px;
	top: 100px;
	bottom: 120px;
	right: 20px;
	padding: 10px 160px;
	overflow: hidden;
	overflow-y: auto;

	/* if upsell banner is active, we adjust the top position */
	&.upsell-banner-visible {
		top: 124px;
	}
}



pc-campus-bot-app .campusbotinputcontainer_footer {
	display: flex;
	gap: 40px;
	height: 65px;
}



pc-campus-bot-app .campusbotinputcontainer_footer>div:first-child {
	flex: 1;
	font-size: 12px;
	line-height: 130%;
	color: #A0A0A0;
	text-align: left;
	padding-left: var(--rd-spacing-md);
	padding-top: var(--rd-spacing-md);
	align-items: center;
	display: flex;
}


pc-campus-bot-app .campusbotinputcontainer_footer>div:last-child {
	display: flex;
	gap: 40px;
	width: 250px;
	align-items: center;
	padding-right: var(--rd-spacing-md);
	padding-top: var(--rd-spacing-md);
	justify-content: flex-end;
}

/* body:has(pc-support-chat-button[contextNavVisible] .support_chat_contextnav.campusBot) {
	overflow: hidden;
} */

.intro_no_messages_yet img {
	margin-bottom: 16px;
	width: 100%;
	max-width: 178px;
}




pc-campus-bot-app .campusbotinputcontainer_footer a {
	color: var(--rd-primary-active);
	text-decoration: none;
	font-size: 14px;
}

pc-campus-bot-app .support_chat_contextnav_intro {
	padding: 24px;
	border-radius: 16px;
	border-bottom-right-radius: 0;
	position: relative;
	margin-bottom: var(--rd-spacing-lg);
}


pc-campus-bot-app .support_chat_contextnav_intro[attr-sender="user"] {
	margin-left: 60px;
}

pc-campus-bot-app .support_chat_contextnav_intro[attr-sender="assistant"] {
	margin-left: 0;
	margin-right: 0;
	background-color: #FBFBFB;
}

pc-campus-bot-app .support_chat_contextnav_intro[attr-sender="system"] {
	margin-left: 0;
	margin-right: 0;
	background-color: transparent;
	border-radius: 0;
	font-family: monospace;
	font-size: 12px;
}

pc-campus-bot-app .support_chat_contextnav_intro[attr-sender="developer"] {
	margin-left: 0;
	margin-right: 0;
	background-color: transparent;
	border-radius: 0;
	font-family: monospace;
	font-size: 12px;
	border-left: 3px solid var(--rd-primary-active, #0071e3);
	padding: 8px 12px;
}


pc-campus-bot-app .support_chat_contextnav_intro[data-js-exec-state="executing"] {
	background: linear-gradient(270deg, #ffb347, #ffcc70, #6dd5ed, #2193b0, #b721ff, #fd6e6a, #fbc2eb, #ffb347);
	background-size: 1600% 1600%;
	animation: exec-gradient-move 3s linear infinite;
	color: #fff;
}

@keyframes exec-gradient-move {
	0% {
		background-position: 0% 50%;
	}

	50% {
		background-position: 100% 50%;
	}

	100% {
		background-position: 0% 50%;
	}
}

pc-campus-bot-app .support_chat_contextnav_intro[data-js-exec-state="timeout"],
pc-campus-bot-app .support_chat_contextnav_intro[data-js-exec-state="error"] {
	border-left: 3px solid #e67e22;
}

.rd-bot-exec-timeout-notice,
.rd-bot-exec-error-notice {
	font-size: 12px;
	color: #e67e22;
	margin-top: 6px;
	padding: 4px 8px;
	background: rgba(230, 126, 34, 0.08);
	border-radius: 4px;
}


.rd-botcode-result {
	line-height: 1.25em;
}

pc-campus-bot-app .support_chat_contextnav_intro .message_date {
	font-size: 10px;
	text-align: right;
	margin-top: 4px;
	right: 0;
	bottom: -20px;
	position: absolute;
}

pc-campus-bot-app .support_chat_contextnav_intro .message_date .rd-botchat-inspect {
	cursor: pointer;
	margin-left: 6px;
	opacity: 0.5;
	transition: opacity 0.15s;
}

pc-campus-bot-app .support_chat_contextnav_intro .message_date .rd-botchat-inspect:hover {
	opacity: 1;
}

pc-campus-bot-app .support_chat_contextnav_intro .message_date .rd-botchat-inspect::before {
	width: 12px;
	height: 12px;
	margin-right: 0;
}

pc-campus-bot-app .support_chat_contextnav_intro .lh_avatar {
	position: absolute;
	left: -60px;
	top: 0;
}

pc-campus-bot-app .support_chat_contextnav_intro .lh_avatar .learn_avatar {
	position: absolute;
	left: -10px;
	top: -10px;
	right: -10px;
	bottom: -10px;
	background-size: cover;
	z-index: 99998;
}

pc-campus-bot-app .support_chat_contextnav_intro .lh_avatar .learn_frame {
	position: absolute;
	left: -7px;
	top: -7px;
	right: -7px;
	bottom: -7px;
	background-size: cover;
	z-index: 99999;
}

pc-campus-bot-app .support_chat_contextnav_intro .rating {
	position: absolute;
	bottom: -30px;
	left: 0;
	cursor: pointer;
}

pc-campus-bot-app .support_chat_contextnav_intro .rating a::before {
	filter: brightness(0) saturate(100%) invert(38%) sepia(99%) saturate(348%) hue-rotate(173deg) brightness(91%) contrast(88%);
}

pc-campus-bot-app .support_chat_contextnav_headline {
	color: var(--rd-primary-active);
	font-weight: var(--rd-fontweights-open-sans-1);
	font-size: var(--rd-fontsize-11);
	display: grid;
	grid-template-columns: 28px auto;
}

pc-campus-bot-app .support_chat_contextnav_headline::before {
	background-image: url("/src/img/2024/svg/icons/rd-zauberstab-verlauf.svg");
	width: 28px;
	height: 28px;
}

pc-campus-bot-app .intro_no_messages_yet .animation {
	display: flex;
	justify-content: center;
}



pc-campus-bot-app .intro_no_messages_yet>div:first-child {
	color: var(--rd-primary-active);
	font-size: var(--rd-fontsize-6);
	text-align: center;
	font-weight: var(--rd-fontweights-open-sans-0);
	margin-bottom: var(--rd-spacing-lg);
	margin-top: var(--rd-spacing-md);
}

pc-campus-bot-app .intro_no_messages_yet .suggestions {
	display: flex;
	flex-wrap: wrap;
	gap: 15px;
	justify-content: center;
}

pc-campus-bot-app .intro_no_messages_yet .suggestions a {
	background-color: rgb(240, 244, 249);
	color: var(--rd-secondary-active);
	padding: 16px 8px;
	border-radius: 4px;
	text-decoration: none;
	font-size: var(--rd-fontsize-3);
	width: 200px;
	max-width: 200px;
	height: 60px;
	display: flex;
	align-items: center;
	justify-content: center;
	opacity: 0.0;
	position: relative;
}

pc-campus-bot-app .answer_animation {
	display: inline-block;
	justify-content: center;
	gap: 2px;
	width: 40px;
	height: 15px;
}

pc-campus-bot-app .campus-bot-element.campus-bot-element-course,
pc-botui .campus-bot-element.campus-bot-element-course {
	padding: 5px;
	background-color: #ffffff;
	height: 100px;
	width: 100%;
	margin: 5px 0;
	border-radius: 4px;
	border: 1px solid rgba(148, 157, 171, 0.2);
	flex: 1;
	display: flex;
	flex-direction: row;
	gap: 20px;
	overflow: hidden;
}

pc-campus-bot-app .campus-bot-element.campus-bot-element-course:hover,
pc-botui .campus-bot-element.campus-bot-element-course:hover {
	text-decoration: none;
}

pc-campus-bot-app .campus-bot-element.campus-bot-element-course>div:first-child,
pc-botui .campus-bot-element.campus-bot-element-course>div:first-child {
	width: 133px;
	background-color: lightgrey;
	overflow: hidden;
	background-size: cover;
	background-position: center;
	border-radius: 4px;
	;
	min-width: 133px;
}

pc-campus-bot-app .campus-bot-element.campus-bot-element-course>div:last-child,
pc-botui .campus-bot-element.campus-bot-element-course>div:last-child {
	min-width: calc(100% - 170px);
	max-width: calc(100% - 170px);
}

pc-campus-bot-app .campus-bot-element.campus-bot-element-course>div>.kurs_quickinfo,
pc-botui .campus-bot-element.campus-bot-element-course>div>.kurs_quickinfo {
	display: flex;
	gap: 10px;
	transform: scale(0.9);
	transform-origin: top left;
	align-items: flex-end;
}

pc-campus-bot-app .campus-bot-element.campus-bot-element-course>div .clcc_categorys,
pc-botui .campus-bot-element.campus-bot-element-course>div .clcc_categorys {
	margin-top: 4px;
	margin-bottom: 4px;
}

pc-campus-bot-app .campus-bot-element.campus-bot-element-course>div .clcc_name,
pc-botui .campus-bot-element.campus-bot-element-course>div .clcc_name {
	overflow: hidden;
	height: 30px;
	flex: 1;
	margin-bottom: 6px;
	font-size: var(--rd-fontsize-6);
	font-weight: var(--rd-fontweights-open-sans-1);
	text-overflow: ellipsis;
	white-space: nowrap;
}

pc-campus-bot-element-course .clcc_categorys span {
	color: var(--rd-primary-active);
	white-space: nowrap;
	text-overflow: ellipsis;
}

pc-campus-bot-element-course {
	display: block;
}

.campusBot .showCampusBotMode {
	position: absolute;
	top: 25px;
	right: 70px;
	display: flex;
	gap: 10px;
	z-index: 99;
}

.campusBot .showCampusBotMode>span:first-child {
	line-height: 19px;
	height: 19px;
	padding-top: 6px;
}

.campusbotinputcontainer_input_button .rd-primary-btn::before {
	content: "";
	mask-image: url("/src/img/2024/svg/icons/rd-icon-paper-airplane.svg");
	-webkit-mask-image: url("/src/img/2024/svg/icons/rd-icon-paper-airplane.svg");
	mask-size: contain;
	-webkit-mask-size: contain;
	mask-position: 50%;
	-webkit-mask-position: 50%;
	mask-repeat: no-repeat;
	-webkit-mask-repeat: no-repeat;
	display: inline-block;
	height: 20px;
	width: 20px;
	vertical-align: middle;
	background-color: var(--rd-font-light);
	align-self: center;
	transform: rotate(90deg);
	display: flex;
	justify-self: center;
	position: absolute;
	left: 12px;
	top: 10px;
}

.campusbotinputcontainer_input_icon.rd-icon-magicwand::before {
	background-color: #A0A0A0;
	width: 28px;
	height: 28px;
}

.kurs_quickinfo.clcc_status div,
.kurs_quickinfo.clcc_status .prev_kurs_subtitle {
	font-size: var(--rd-fontsize-3) !important;
	font-weight: var(--rd-fontweights-open-sans-2);
	text-overflow: ellipsis;
	white-space: nowrap;
}

pc-campus-bot-element-course pc-tooltip.prev_kurs_subtitle,
pc-campus-bot-element-course .prev_kurs_time {
	margin: 0 !important;
}

.show-on-mobile {
	display: none;
}

@media screen and (max-width: 1024px) {
	pc-campus-bot-app.campusbotinputcontainer {
		left: 0px;
		right: 0px;
		height: auto;
		margin-bottom: var(--rd-spacing-sm);
	}

	pc-campus-bot-app #campusbot {
		max-width: calc(90vw - 140px);
	}

	pc-campus-bot-app .campusbotinputcontainer_footer>div:last-child {
		align-self: end;
		padding-right: 0;
	}

	pc-campus-bot-app .campusbotinputcontainer_footer {
		flex-direction: column;
		gap: 10px;
		height: auto;
	}

	pc-campus-bot-app .campusbotscrollcontainer {
		padding: 10px 20px;
	}

	/* 	pc-campus-bot-app .intro_no_messages_yet .animation {
		display: none;
	} */

	pc-campus-bot-app .show-on-mobile {
		display: none;
	}

	pc-campus-bot-app .show-on-mobile {
		display: block;
	}
}



@media screen and (max-width: 768px) {

	.support_chat_contextnav.campusBot {
		left: 0;
		top: 0;
		right: 0;
		bottom: 0;
		position: fixed;
		padding: var(--rd-spacing-md);
	}

	pc-campus-bot-app .campusbotinputcontainer {
		left: 0px;
		right: 0px;
		height: auto;
	}

	pc-campus-bot-app .support_chat_contextnav_headline {
		font-size: var(--rd-fontsize-8);
	}

	pc-campus-bot-app .campus-bot-element.campus-bot-element-course>div:first-child,
	pc-botui .campus-bot-element.campus-bot-element-course>div:first-child {
		height: 75px;
		background-repeat: no-repeat;
		background-size: 100%;
	}


	pc-campus-bot-app .campus-bot-element.campus-bot-element-course,
	pc-botui .campus-bot-element.campus-bot-element-course {
		display: grid;
		height: auto;
	}

	pc-campus-bot-app .campus-bot-element.campus-bot-element-course>div:last-child,
	pc-botui .campus-bot-element.campus-bot-element-course>div:last-child {
		min-width: 100%;
		max-width: 100%;
	}

	pc-campus-bot-app .campus-bot-element.campus-bot-element-course>div>.kurs_quickinfo,
	pc-botui .campus-bot-element.campus-bot-element-course>div>.kurs_quickinfo {
		display: grid;
		grid-template-columns: 1fr 1fr;
	}

	pc-campus-bot-app .campus-bot-element.campus-bot-element-course>div .clcc_name,
	pc-botui .campus-bot-element.campus-bot-element-course>div .clcc_name {
		white-space: normal;
		height: auto;
		font-size: var(--rd-fontsize-4);
	}

	pc-campus-bot-app .campusbotinputcontainer_footer>div:first-child {
		display: none,
	}

	pc-campus-bot-app #campusbot {
		max-width: 100%;
		width: 100%;
		height: 100vh;
	}

	pc-campus-bot-app .campusbot_header {
		padding: 0 var(--rd-spacing-big);
	}

	pc-campus-bot-app .hide-on-mobile {
		display: none;
	}

	pc-campus-bot-app .campusbotscrollcontainer {
		bottom: 164px;
	}

	pc-campus-bot-app .campusbotinputcontainer_footer>div:first-child,
	pc-campus-bot-app .campusbotinputcontainer_footer>div:last-child {
		padding: 0;
	}

	pc-campus-bot-app .campusbotinputcontainer_footer {
		gap: 16px;
		padding: var(--rd-spacing-big);
		padding-bottom: 8px;
	}

	pc-campus-bot-app .campusbotscrollcontainer {
		padding: 10px 0;
	}
}

@media screen and (max-width: 500px) {
	.support_chat_contextnav {
		width: auto;
	}

	.support_chat_contextnav {
		bottom: 100%;
		right: 40px;
	}

	.support_chat_break div {
		left: 0;
	}
}


@media screen and (max-width: 350px) {
	.support_chat_contextnav {
		right: 0;
	}
}



/* Debug mode: simple spinner instead of Rive animation */
.rd-debug-thinking {
	display: flex;
	align-items: center;
	justify-content: center;
	height: 170px;
}

/* Debug mode: conversation token link */
.rd-botchat-debug-link {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	font-size: 12px;
	font-family: monospace;
	color: var(--rd-primary-active);
	text-decoration: none;
	padding: 4px 8px;
	background: var(--rd-surface-secondary);
	border-radius: 4px;
	margin-left: 12px;
}

.rd-botchat-debug-link:hover {
	background: var(--rd-surface-tertiary);
}

/* Bot plan and result JSON now use hljs theme via highlight.php 
   Structural styles moved to debug section below */

/* Section headlines - only visible in debug mode */
.bot-section-headline {
	display: none;
	font-size: 10px;
	font-weight: 600;
	text-transform: uppercase;
	letter-spacing: 0.5px;
	color: #6b7280;
	margin: 12px 0 4px 0;
	padding-bottom: 4px;
	border-bottom: 1px solid #e5e7eb;
}

[data-debug-mode] .bot-section-headline {
	display: block;
}

/* ═══════════════════════════════════════════════════════════════════════════
   Debug-only sections (hidden by default, shown when data-debug-mode present)
   ═══════════════════════════════════════════════════════════════════════════ */

/* RAW TEXT section - coder's plain text message */
.bot-raw-text {
	display: none;
}

[data-debug-mode] .bot-raw-text {
	display: block;
	background: #fef3c7;
	border-left: 3px solid #f59e0b;
	padding: 8px 12px;
	border-radius: 0 6px 6px 0;
	font-family: monospace;
	font-size: 12px;
	color: #92400e;
	margin: 4px 0 8px 0;
	white-space: pre-wrap;
}

/* PLAN section - JSON with hljs syntax highlighting */
/* Use pre.bot-plan-json for higher specificity than .hljs { display: block } */
pre.bot-plan-json {
	display: none;
}

[data-debug-mode] pre.bot-plan-json {
	display: block;
	background: #1e1e1e;
	padding: 12px;
	border-radius: 6px;
	font-size: 12px;
	line-height: 1.4;
	overflow-x: auto;
	margin: 4px 0 8px 0;
}

/* hljs classes are applied automatically by highlight.php */

/* SPEAKER section - always visible, styled differently in debug mode */
.bot-speaker-content {
	/* Always visible - this is what users see */
}

[data-debug-mode] .bot-speaker-content {
	background: #ecfdf5;
	border-left: 3px solid #10b981;
	padding: 8px 12px;
	border-radius: 0 6px 6px 0;
	margin: 4px 0 8px 0;
}

/* CODE section - already styled, just ensure visibility rules */
/* (handled by .rd-botcode and existing rules) */

/* RESULT section - execution results with hljs syntax highlighting */
.bot-result-json {
	display: none;
}

[data-debug-mode] .bot-result-json {
	display: block;
	background: #1a2634;
	padding: 12px;
	border-radius: 6px;
	font-size: 12px;
	line-height: 1.4;
	overflow-x: auto;
	margin: 4px 0 8px 0;
	border-left: 3px solid #4ade80;
}

/* hljs classes are applied automatically by highlight.php */

/* ERROR message - displayed when bot returns error status */
.bot-error-message {
	display: flex;
	align-items: flex-start;
	gap: 8px;
	background: #fef2f2;
	border: 1px solid #fecaca;
	border-left: 3px solid #ef4444;
	padding: 12px 16px;
	border-radius: 0 8px 8px 0;
	color: #991b1b;
	font-size: 14px;
	line-height: 1.5;
	margin: 8px 0;
}

.bot-error-message i {
	color: #ef4444;
	font-size: 16px;
	flex-shrink: 0;
	margin-top: 2px;
}

/* Legacy debug-only wrapper (for backwards compatibility) */
.bot-debug-only {
	display: none;
}

[data-debug-mode] .bot-debug-only {
	display: block;
	background: var(--rd-surface-secondary, #f8f9fa);
	border-radius: 8px;
	padding: 12px;
	margin-bottom: 12px;
	border-left: 3px solid var(--rd-primary-active, #d66181);
}

[data-debug-mode] .bot-debug-only em {
	color: var(--rd-text-secondary, #666);
	font-size: 0.9em;
}

/* ═══════════════════════════════════════════════════════════════════════════
   BotUI Switch Button
   ═══════════════════════════════════════════════════════════════════════════ */

pc-support-chat-button .support_chat_header {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	height: 56px;
	display: flex;
	align-items: center;
	justify-content: flex-end;
	padding: 0 16px;
	z-index: 100;
	pointer-events: none;
}

pc-support-chat-button .support_chat_header>* {
	pointer-events: auto;
}

pc-support-chat-button .support_chat_header .modal_dialog_closelink {
	position: static;
	margin-left: 8px;
}

pc-support-chat-button .botui-switch-btn {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 32px;
	height: 32px;
	border: none;
	border-radius: 6px;
	background: var(--rd-primary-inactive, #f0f0f0);
	color: var(--rd-primary-active, #d66181);
	cursor: pointer;
	transition: background-color 0.15s ease, transform 0.15s ease;
}

pc-support-chat-button .botui-switch-btn:hover {
	background: var(--rd-primary-active, #d66181);
	color: white;
	transform: scale(1.05);
}

pc-support-chat-button .botui-switch-btn .material-icons {
	font-size: 18px;
}