/* Основные стили для модального окна */
.mode-modal {
	display: none;
	position: fixed;
	z-index: 2000;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	overflow: auto;
	background-color: rgba(0, 0, 0, 0.5); /* полупрозрачный фон оставлен */
	backdrop-filter: blur(5px);
}

/* Содержимое модального окна */
.mode-modal-content {
	background-color: var(--bg-secondary);
	margin: 5% auto;
	padding: 20px;
	border: 1px solid var(--border-color);
	max-width: calc(100vw * 0.7);
	max-height: calc(100vh * 0.7);
	overflow: auto;
	border-radius: 5px;
	color: var(--text-primary);
}

/* Кнопка закрытия */
.mode-modal-close {
	color: var(--text-secondary);
	float: right;
	font-size: 28px;
	font-weight: bold;
}

.mode-modal-close:hover,
.mode-modal-close:focus {
	color: var(--text-primary);
	text-decoration: none;
	cursor: pointer;
}

/* Заголовок */
.mode-modal-title {
	text-align: left;
	margin: 0;
	color: var(--text-primary);
}

/* Основное сообщение */
.mode-modal-message {
	text-align: left;
	margin-top: 10px;
	margin-bottom: 0;
	color: var(--text-primary);
}

/* Дополнительная информация */
.mode-modal-note {
	text-align: left;
	margin-top: 10px;
	color: var(--text-secondary);
	font-size: 12px;
}

/* Контейнер кнопок */
.mode-modal-buttons {
	display: flex;
	justify-content: flex-end;
	margin-top: 20px;
}

/* Кнопки модального окна */
.mode-modal-button {
	padding: 10px 15px;
	margin-left: 10px;
	cursor: pointer;
	border: none;
	border-radius: 5px;
	color: var(--btn-primary-text);
}

/* Кнопка OK */
.mode-modal-ok-button {
	background-color: var(--btn-success);
}

.mode-modal-ok-button:hover {
	background-color: var(--btn-success-hover);
}

/* Кнопка NO */
.mode-modal-no-button {
	background-color: var(--btn-danger);
}

.mode-modal-no-button:hover {
	background-color: var(--btn-danger-hover);
}

/* Прогресс-бар */
.mode-modal-progress-bar {
	display: none;
	width: 100%;
	background-color: var(--bg-primary);
	border-radius: 5px;
	margin-top: 10px;
	overflow: hidden;
}

/* Полоса прогресса */
.mode-modal-progress {
	height: 100%;
	background-color: var(--btn-success);
	width: 0;
	transition: width 0.1s linear;
	color: transparent; /* убрать текст, если есть */
}