/* Start:/local/templates/vostok/components/bitrix/breadcrumb/breadcrumbs/style.min.css?1762751207467*/
.bx-breadcrumb{margin:10px 0}.bx-breadcrumb i{color:#b5bdc2;line-height:13px;font-size:12px;vertical-align:middle;margin-right:5px}.bx-breadcrumb .bx-breadcrumb-item{float:left;margin-bottom:10px;white-space:nowrap;line-height:13px;vertical-align:middle;margin-right:10px}.bx-breadcrumb .bx-breadcrumb-item span{font-family:"Open Sans",Arial,"Helvetica Neue",Helvetica,sans-serif;font-size:13px;white-space:normal}.bx-breadcrumb .bx-breadcrumb-item a{border-bottom:0}
/* End */


/* Start:/local/templates/vostok/components/bitrix/form.result.new/complaints/style.css?17908372035406*/
/*
 * Поля, чекбоксы, календарь и кнопки оформлены общими классами сайта
 * (.input-with-icon, .checkbox-wrapper, .date-picker__wrapper, .btn) из frontend/style.css.
 * Здесь — только раскладка и то, что в frontend/style.css задано лишь внутри модалок
 * (.modal__container …, .conference-hall-modal__user-agreement …): эта форма стоит на странице.
 */

.complaints-form {
	max-width: 840px;
	margin-bottom: 80px;
}

.complaints-form__description {
	margin-bottom: 32px;
}

/* Отступы как у формы в шапке (.fos-modal__inputs) */
.complaints-form__fields {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	align-items: start;
	gap: max(1.5rem, 12px) max(1rem, 12px);
}

.complaints-form__field {
	min-width: 0;
}

.complaints-form__wide {
	grid-column: 1 / -1;
}

/* В модалках это делает .modal__container .input-with-icon */
.complaints-form .input-with-icon {
	box-sizing: border-box;
	width: 100%;
	min-width: 0;
}

.complaints-form .input-with-icon__data,
.complaints-form .input-with-icon__data__input {
	width: 100%;
}

/* В остальных формах заголовок поля — <p>, здесь <label>: он должен остаться блочным */
.complaints-form label.input-with-icon__data__title {
	display: block;
}

/* Стрелки месяцев (.prev/.next) позиционируются абсолютно. В остальных календарях
   опорой служит .datePickerInputGroup, но это JS-хук общего reinitDatePickers(),
   поэтому то же правило задаём своему контейнеру */
.complaints-date__group {
	position: relative;
}

.complaints-form textarea.input-with-icon__data__input {
	min-height: 140px;
	resize: vertical;
}

/* .btn в frontend/style.css растягивается на всю ширину */
.complaints-form .btn {
	width: auto;
	min-width: 240px;
}

.complaints-files {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 12px;
}

.complaints-files__picker-button {
	position: relative;
}

.complaints-files__picker {
	position: absolute;
	width: 1px;
	height: 1px;
	opacity: 0;
	overflow: hidden;
}

.complaints-files__hint {
	color: rgba(35, 35, 35, .6);
	font-family: Montserrat, sans-serif;
	font-size: 12px;
	line-height: 120%;
}

.complaints-files__list {
	display: flex;
	flex-direction: column;
	gap: 8px;
	width: 100%;
	margin: 0;
	padding: 0;
	list-style: none;
}

.complaints-files__list:empty {
	display: none;
}

.complaints-files__item {
	display: flex;
	align-items: center;
	gap: 12px;
	padding: 10px 20px;
	border: 1px solid #cba470;
	border-radius: 10px;
	background-color: #fff;
	color: #584738;
	font-family: Montserrat, sans-serif;
	font-size: 14px;
	font-weight: 500;
	line-height: 120%;
}

.complaints-files__name {
	flex: 1;
	min-width: 0;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.complaints-files__size {
	color: rgba(35, 35, 35, .5);
	font-size: 12px;
	white-space: nowrap;
}

.complaints-files__remove {
	padding: 0 4px;
	color: #584738;
	font-size: 22px;
	line-height: 1;
	cursor: pointer;
}

.complaints-files__slots {
	display: flex;
	flex-direction: column;
	gap: 8px;
}

/* Без JS (или без DataTransfer) работают обычные поля, с JS — кнопка и список */
.complaints-files--enhanced .complaints-files__slots,
.complaints-files:not(.complaints-files--enhanced) .complaints-files__picker-button,
.complaints-files:not(.complaints-files--enhanced) .complaints-files__list {
	display: none;
}

/* Галочки — как в форме конференц-зала (.conference-hall-modal__user-agreement) */
.complaints-form__agreements {
	display: flex;
	flex-direction: column;
	gap: max(.625rem, 12px);
	margin: max(1.75rem, 12px) 0 max(1.25rem, 12px);
}

.complaints-form__agreements .checkbox-wrapper {
	align-items: flex-start;
	gap: max(.625rem, 12px);
}

.complaints-form__agreements .checkbox-wrapper p {
	color: #584738;
	font-family: Montserrat, sans-serif;
	font-size: max(.6875rem, 12px);
	font-weight: 400;
	line-height: 1.2;
}

.complaints-form__agreements a {
	text-decoration: underline;
}

.complaints-form__general-error {
	margin-bottom: 16px;
}

/* После отправки страница короткая, и футер поднимается, оставляя под собой пустую
   полосу. Прижимаем его к низу экрана — только на этом экране, остальные страницы
   сайта не трогаем (body.page — общая обёртка из header.php) */
body.page:has(.complaints-form__note) {
	display: flex;
	flex-direction: column;
	min-height: 100vh;
}

body.page:has(.complaints-form__note) > main {
	flex: 1 0 auto;
}

.complaints-form__note {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 24px;
	padding: 20px 0;
}

.complaints-form__note-title {
	color: #584738;
	font-family: Montserrat, sans-serif;
	font-size: 20px;
	font-weight: 500;
	line-height: 120%;
}

@media (max-width: 767.98px) {
	.complaints-form__fields {
		grid-template-columns: minmax(0, 1fr);
	}

	.complaints-form .btn {
		width: 100%;
	}
}

/* End */
/* /local/templates/vostok/components/bitrix/breadcrumb/breadcrumbs/style.min.css?1762751207467 */
/* /local/templates/vostok/components/bitrix/form.result.new/complaints/style.css?17908372035406 */