/* =========================
   Локальная настройка фирменного цвета
   =========================

   Здесь собраны цветовые override-правила для общего редизайна.
   Чтобы поменять основной цвет интерфейса, в первую очередь правь переменные ниже.
*/
:root {
	--umos-accent: #b04a63;
	--umos-accent-hover: #9d3f55;
	--umos-accent-active: #8f374c;
	--umos-accent-dark: #7c2f43;
	--umos-accent-soft: #f9e6eb;
	--umos-accent-soft-border: #efc7d0;
	--umos-accent-disabled: #c9899a;
	--umos-accent-shadow-rgb: 176, 74, 99;
	--umos-accent-overlay: rgba(176, 74, 99, 0.3);
}

/* =========================
   Bootstrap-кнопки подтверждения
   ========================= */

.btn-primary,
.btn-success {
	/*
	 * Основные кнопки подтверждения по всему сайту держим в одном цвете.
	 * Bootstrap-переменные нужны, чтобы цвет не возвращался в синий/зелёный
	 * на hover, active, focus и disabled-состояниях.
	 */
	--bs-btn-color: #ffffff;
	--bs-btn-bg: var(--umos-accent);
	--bs-btn-border-color: var(--umos-accent);
	--bs-btn-hover-color: #ffffff;
	--bs-btn-hover-bg: var(--umos-accent-hover);
	--bs-btn-hover-border-color: var(--umos-accent-active);
	--bs-btn-active-color: #ffffff;
	--bs-btn-active-bg: var(--umos-accent-active);
	--bs-btn-active-border-color: var(--umos-accent-dark);
	--bs-btn-disabled-color: #ffffff;
	--bs-btn-disabled-bg: var(--umos-accent-disabled);
	--bs-btn-disabled-border-color: var(--umos-accent-disabled);
	--bs-btn-focus-shadow-rgb: var(--umos-accent-shadow-rgb);
}

.btn-outline-primary,
.btn-outline-success {
	/* Outline-кнопки подтверждения тоже переводим в общий акцент. */
	--bs-btn-color: var(--umos-accent);
	--bs-btn-border-color: var(--umos-accent);
	--bs-btn-hover-color: #ffffff;
	--bs-btn-hover-bg: var(--umos-accent);
	--bs-btn-hover-border-color: var(--umos-accent);
	--bs-btn-active-color: #ffffff;
	--bs-btn-active-bg: var(--umos-accent-active);
	--bs-btn-active-border-color: var(--umos-accent-dark);
	--bs-btn-disabled-color: var(--umos-accent-disabled);
	--bs-btn-disabled-border-color: var(--umos-accent-disabled);
	--bs-btn-focus-shadow-rgb: var(--umos-accent-shadow-rgb);
}

/* =========================
   Toast-уведомления и alert-success
   ========================= */

.text-bg-success,
.toast.text-bg-success {
	/* Все успешные toast-уведомления теперь используют фирменный цвет. */
	color: #ffffff !important;
	background-color: var(--umos-accent) !important;
}

.badge.text-bg-success {
	background-color: var(--umos-accent) !important;
}

.alert-success {
	/* Bootstrap alert-success используется в формах как сообщение об успешном действии. */
	--bs-alert-color: var(--umos-accent-dark);
	--bs-alert-bg: #fdf1f4;
	--bs-alert-border-color: var(--umos-accent-soft-border);
}

/* =========================
   Undo-toast с обратным отсчётом
   ========================= */

.dashboard-complete-undo-toast,
.list-complete-undo-toast {
	/* Завершение клиента/задачи/заметки с кнопкой «Отмена». */
	background: var(--umos-accent);
	color: #ffffff;
}

.dashboard-complete-undo-timer,
.list-complete-undo-timer {
	background: rgba(255, 255, 255, .22);
}

/* =========================
   Выделение скопированного шаблона
   ========================= */

.copy-success,
.accordion-item.copy-success {
	/* Мягкое выделение сообщения после копирования на странице /scripts. */
	background-color: var(--umos-accent-soft) !important;
	transition: background-color 0.3s ease;
}

.accordion-item.script-keyboard-active {
	border-color: var(--umos-accent);
	box-shadow: 0 0 0 1px rgba(var(--umos-accent-shadow-rgb), 0.14);
}

.accordion-item.script-keyboard-active .script_title_body {
	color: var(--umos-accent);
}

/* =========================
   Активные быстрые даты и календари
   ========================= */

.calendar-quick-date-button.active,
.calendar-quick-date-button.active:hover,
.calendar-quick-date-button.active:focus,
.calendar-quick-date-button.active:active {
	border-color: var(--umos-accent);
	background: var(--umos-accent);
	color: #ffffff;
}

.calendar-quick-date-button:focus-visible {
	border-color: var(--umos-accent);
	box-shadow: 0 0 0 3px rgba(var(--umos-accent-shadow-rgb), 0.16);
}

.quick-date-btn.active,
.quick-date-btn.active:hover,
.quick-date-btn.active:focus,
.quick-date-btn.active:active {
	border-color: var(--umos-accent);
	background-color: var(--umos-accent);
	color: #ffffff;
}

.quick-date-btn.active::after {
	/* Галочка поверх выбранного дня в модалках добавления/редактирования. */
	background-color: var(--umos-accent-overlay);
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='white' d='M6.173 13.414 2.293 9.535l1.414-1.414 2.466 2.465 5.657-5.657 1.414 1.414z'/%3E%3C/svg%3E");
	background-repeat: no-repeat;
	background-position: center;
	background-size: 35px 35px;
}

@media (max-width: 767.98px) {
	.client-modal .quick-date-btn.active:hover,
	.client-modal .quick-date-btn.active:focus,
	.client-modal .quick-date-btn.active:active {
		/* Перебивает мобильный reset hover-стилей из modal.css. */
		border-color: var(--umos-accent) !important;
		background: var(--umos-accent) !important;
		color: #ffffff !important;
		box-shadow: none !important;
	}
}

.common-input-calendar-day.is-today,
.common-input-calendar-dropdown.is-mobile .common-input-calendar-day.is-today:hover,
.common-input-calendar-dropdown.is-mobile .common-input-calendar-day.is-today:focus {
	border-color: var(--umos-accent);
	background: var(--umos-accent-soft);
	color: var(--umos-accent);
}

.common-input-calendar-day.is-selected,
.common-input-calendar-picker-btn.is-selected,
.common-input-calendar-dropdown.is-mobile .common-input-calendar-day.is-selected:hover,
.common-input-calendar-dropdown.is-mobile .common-input-calendar-day.is-selected:focus {
	border-color: var(--umos-accent);
	background: var(--umos-accent);
	color: #ffffff;
}

.common-input-calendar-day.is-today.is-selected,
.common-input-calendar-dropdown.is-mobile .common-input-calendar-day.is-today.is-selected:hover,
.common-input-calendar-dropdown.is-mobile .common-input-calendar-day.is-today.is-selected:focus {
	border-color: var(--umos-accent);
	background: var(--umos-accent-soft);
	color: var(--umos-accent);
	box-shadow: inset 0 0 0 1px var(--umos-accent);
}

.common-input-calendar-picker-btn.is-current,
.common-input-calendar-picker-btn.is-current:hover,
.common-input-calendar-picker-btn.is-current:focus {
	border-color: var(--umos-accent);
	color: var(--umos-accent);
}

clock-timepicker {
	/* Выбранные часы/минуты в popup-часах тоже идут в общий акцент. */
	--clock-timepicker-accent-color: var(--umos-accent);
	--clock-timepicker-face-selection-color: var(--umos-accent);
}

/* =========================
   Флажки «Важное»
   ========================= */

.client-header-bookmark-btn.is-active,
.client-body-bookmark-btn.is-active,
.client-modal-important-checkbox:checked + .client-modal-important-icon,
.list-item-bookmark-btn.is-active,
.list-item-form-bookmark-checkbox:checked + .list-item-form-bookmark-icon {
	color: var(--umos-accent);
}

.client-header-bookmark-btn.is-active:hover,
.client-header-bookmark-btn.is-active:focus,
.client-body-bookmark-btn.is-active:hover,
.client-body-bookmark-btn.is-active:focus,
.list-item-bookmark-btn.is-active:hover,
.list-item-bookmark-btn.is-active:focus {
	color: var(--umos-accent-hover);
}

/* =========================
   Не перекрашиваем счётчики и системные логи
   =========================

   .clients-page-count и .entity-interaction-system оставляем в цветах модулей.
   Так заголовки «Клиенты на сегодня» / «Задачи на сегодня» снова используют
   тёмный счётчик, а системные события в ленте не получают красную подложку.
*/

/*
 * Намеренно НЕ трогаем .client-social-highlight:
 * пользователь просил оставить зелёным подсветку клиента после клика по соцсети
 * в шапке обычных и просроченных клиентов.
 */