/*
Dialog.css
updated 2025-12-07
Used by class Dialog in Dialog.js
*/

.dialog {
	background: #e8e8e8;
	border: 1px solid #fff;
	position: absolute; left: 0; top: 0;
	z-index: 1001;
}

/****************** head */

.dialog-head {
	background: #d2d2d7;
	border: 1px solid #000;
	padding: .5em;
}
.dialog-head-move {
	cursor: move;
}
.dialog-head-close {
	background-color: transparent;
	color: inherit;
	float: right;
	font-size: inherit;
	font-weight: bold;
	padding: 0;
}

/****************** body */

.dialog-body {
	border-color: #000;
	border-style: solid;
	border-width: 0 1px;
	padding: .5em;
}

/****************** foot */

.dialog-foot {
	border-color: #000;
	border-style: solid;
	border-width: 0 1px 1px 1px;
	padding: .5em;
}
.dialog-foot-buttons {
	text-align: right;
}
.dialog-foot-button {
	margin-left: .5em;
}

/****************** overlay */

.dialog-overlay {
	position: fixed; top: 0; left: 0;
	width: 100%;
	height: 100%;
	z-index: 1000; /* less than .dialog */
}

.dialog-drag {
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}


@media (prefers-color-scheme: dark) {

	.dialog {
		background: #282828;
		border: 1px solid #282828;
	}
	.dialog-head {
		background: #202020;
		border: 1px solid #000;
	}

}