/* Dialog (jQuery UI)
---------------------*/

	.contextmind-ui-dialog.ui-dialog {
		padding: 0;
		border: none;
		border-radius: 8px;
		overflow: hidden;
		background: #ffffff;
		box-shadow: 0 10px 28px rgba(0, 0, 0, 0.24);
	}

	.contextmind-ui-dialog.ui-dialog * {

	}

	.contextmind-ui-dialog .ui-dialog-titlebar {
		position: relative;
		background: linear-gradient(to bottom, #2f3843 0%, #252d36 100%);
		border: none;
		border-radius: 8px 8px 0 0 !important;
		padding: 14px 48px 14px 16px;
	}

	.contextmind-ui-dialog.error .ui-dialog-titlebar {
		background: linear-gradient(to bottom, #ba3027 0%, #98261f 100%);
	}

	.contextmind-ui-dialog .ui-dialog-titlebar h2 {
		margin: 0;
		padding: 0;
		color: #ffffff;
		font-size: 14px;
		line-height: 18px;
		font-weight: 700;
		letter-spacing: 0.01em;
	}

	.contextmind-ui-dialog .ui-dialog-content {
		padding: 0;
		background: #ffffff;
		border: none;
	}

	.contextmind-ui-dialog .ui-widget-content {
		border: none;
	}

	.contextmind-ui-dialog .ui-dialog-closer {
		position: absolute;
		right: 14px;
		top: 12px;
		width: 24px;
		height: 24px;
		line-height: 24px;
		text-align: center;
		font-size: 18px;
		color: #ffffff;
		cursor: pointer;
		opacity: 0.95;
	}

	.contextmind-ui-dialog .ui-dialog-closer:hover {
		opacity: 1;
	}

	.ui-widget-overlay {
		background: #000000;
		opacity: 0.45;
	}

/* Inhalt
----------*/

	.contextmind-ui-dialog--body {
		padding: 18px 16px 20px 16px;
		color: #404040;
		line-height: 1.45;
		font-size: 15px;
	}

	.contextmind-ui-dialog--body p:first-child {
		margin-top: 0;
	}

	.contextmind-ui-dialog--body p:last-child {
		margin-bottom: 0;
	}

/* Buttons
----------*/

	.contextmind-ui-dialog--buttons {
		position: relative;
		clear: both;
		padding: 16px;
		border-top: 1px solid #d6d6d6;
		background: #eff1f3;
		text-align: right;
	}

	.contextmind-ui-dialog--buttons .contextmind-ui-btnlist,
	.contextmind-ui-dialog .btn-container {
		display: inline-flex;
		align-items: center;
		justify-content: flex-end;
		gap: 10px;
		width: auto;
	}

	.contextmind-ui-dialog .btn-container {
		float: none;
		text-align: right;
	}

	.contextmind-ui-dialog--buttons .contextmind-ui-btn,
	.contextmind-ui-dialog--buttons .contextmind-ui-btn--secondary,
	.contextmind-ui-dialog--buttons .contextmind-ui-btn--small,
	.contextmind-ui-dialog .btn-container .btn,
	.contextmind-ui-dialog .btn-container .btn-secondary,
	.contextmind-ui-dialog .btn-container .btn-success {
		margin: 0;
	}

	/* Buttons links ausgerichtet */
	.contextmind-ui-dialog--buttons .left {
		position: absolute;
		top: 17px;
		left: 20px;
	}

	.contextmind-ui-dialog--buttons .left .contextmind-ui-btn,
	.contextmind-ui-dialog--buttons .left .contextmind-ui-btn--secondary {
		margin: 0 10px 0 0;
	}

/* Modifier: inaktiv
--------------------*/

	.mod-inactive {
		opacity: 0.3;
	}

	.mod-inactive:hover {
		opacity: 1;
	}

/* Mobile: Bottom Sheet
-----------------------*/

	@media (max-width: 767px) {

		.ui-widget-overlay {
			opacity: 0.35;
		}

		.contextmind-ui-dialog.ui-dialog {
			position: fixed !important;
			left: 8px !important;
			right: 8px !important;
			top: auto !important;
			bottom: calc(8px + env(safe-area-inset-bottom, 0px)) !important;
			width: auto !important;
			max-width: none !important;
			margin: 0 !important;
			border-radius: 18px;
			box-shadow: 0 18px 40px rgba(15, 23, 42, 0.28);
		}

		.contextmind-ui-dialog .ui-dialog-titlebar {
			background: #ffffff;
			border-radius: 18px 18px 0 0 !important;
			padding: 26px 44px 8px 18px;
		}

		.contextmind-ui-dialog .ui-dialog-titlebar::before {
			content: "";
			position: absolute;
			left: 50%;
			top: 10px;
			transform: translateX(-50%);
			width: 44px;
			height: 5px;
			border-radius: 999px;
			background: #d5d8dd;
		}

		.contextmind-ui-dialog .ui-dialog-titlebar h2 {
			color: #141a22;
			font-size: 20px;
			line-height: 1.2;
			font-weight: 700;
		}

		.contextmind-ui-dialog .ui-dialog-closer {
			top: 16px;
			right: 12px;
			color: #6b7280;
			font-size: 20px;
		}

		.contextmind-ui-dialog.mod-has-close-action .ui-dialog-closer {
			display: none;
		}

		.contextmind-ui-dialog.mod-has-close-action .ui-dialog-titlebar {
			padding-right: 18px;
		}

		.contextmind-ui-dialog .ui-dialog-content {
			max-height: min(72vh, 560px);
			overflow: auto;
		}

		.contextmind-ui-dialog--body {
			padding: 8px 18px 18px 18px;
			font-size: 15px;
			color: #4b5563;
		}

		.contextmind-ui-dialog--buttons {
			padding: 14px 18px 18px 18px;
			border-top: none;
			background: #ffffff;
			text-align: left;
		}

		.contextmind-ui-dialog--buttons .contextmind-ui-btnlist,
		.contextmind-ui-dialog .btn-container {
			display: flex;
			flex-direction: column;
			align-items: stretch;
			width: 100%;
			gap: 10px;
		}

		.contextmind-ui-dialog--buttons .contextmind-ui-btn,
		.contextmind-ui-dialog--buttons .contextmind-ui-btn--secondary,
		.contextmind-ui-dialog--buttons .contextmind-ui-btn--small,
		.contextmind-ui-dialog .btn-container .btn,
		.contextmind-ui-dialog .btn-container .btn-secondary,
		.contextmind-ui-dialog .btn-container .btn-success {
			display: block;
			width: 100%;
			box-sizing: border-box;
			text-align: center;
			margin: 0 !important;
		}

		.contextmind-ui-dialog--buttons .left {
			position: static;
			margin-bottom: 10px;
		}
	}