@import url('https://fonts.googleapis.com/css2?family=Nunito+Sans:opsz,wght@6..12,200..1000&display=swap');

:root {
	--default-color: #000;
	--red-color: #e8757f;
	--gradient: linear-gradient(to bottom, rgba(255, 255, 255, .2) 0, rgba(255, 255, 255, .01) 100%) #50a909;
	--purple-color: #060918;
	--sidebar-color: #09101e;
	--background-color: #F2F2F2;
	--padding-main: 30px;

	--bg: #050816;
    --bg-2: #080d1f;
    --card: rgba(255, 255, 255, .075);
    --card-2: rgba(255, 255, 255, .11);
    --stroke: rgba(255, 255, 255, .14);
    --stroke-2: rgba(125, 249, 255, .34);
    --text: #f7fbff;
    --muted: #9aa7c7;
    --muted-2: #c5cef0;
    --accent: #7df9ff;
    --accent-2: #8a5cff;
    --accent-3: #00ff9d;
    --warning: #ffcf70;
    --danger: #ff5c9a;
    --shadow: 0 24px 80px rgba(0, 0, 0, .55);
    --radius: 26px;
    --radius-sm: 18px;
    --container: 1900px;
    --ease: cubic-bezier(.2, .8, .2, 1);

	--green-color: linear-gradient(135deg, var(--accent), var(--accent-3));
}

@keyframes grow {
	0% {
		transform: scale(1);
	}

	100% {
		transform: scale(2.5);
	}
}

@keyframes grow-arrow {
	0% {
		transform: scale(1);
	}

	100% {
		transform: scale(1.3);
	}
}

@-webkit-keyframes jittery {

	5%,
	50% {
		-webkit-transform: scale(1);
		transform: scale(1)
	}

	10% {
		-webkit-transform: scale(.95);
		transform: scale(.95)
	}

	15% {
		-webkit-transform: scale(1.05);
		transform: scale(1.05)
	}

	20% {
		-webkit-transform: scale(1.05) rotate(-5deg);
		transform: scale(1.05) rotate(-5deg)
	}

	25% {
		-webkit-transform: scale(1.05) rotate(5deg);
		transform: scale(1.05) rotate(5deg)
	}

	30% {
		-webkit-transform: scale(1.05) rotate(-3deg);
		transform: scale(1.05) rotate(-3deg)
	}

	35% {
		-webkit-transform: scale(1.05) rotate(2deg);
		transform: scale(1.05) rotate(2deg)
	}

	40% {
		-webkit-transform: scale(1.05) rotate(0);
		transform: scale(1.05) rotate(0)
	}
}

@keyframes jittery {

	5%,
	50% {
		-webkit-transform: scale(1);
		transform: scale(1)
	}

	10% {
		-webkit-transform: scale(.95);
		transform: scale(.95)
	}

	15% {
		-webkit-transform: scale(1.05);
		transform: scale(1.05)
	}

	20% {
		-webkit-transform: scale(1.05) rotate(-5deg);
		transform: scale(1.05) rotate(-5deg)
	}

	25% {
		-webkit-transform: scale(1.05) rotate(5deg);
		transform: scale(1.05) rotate(5deg)
	}

	30% {
		-webkit-transform: scale(1.05) rotate(-3deg);
		transform: scale(1.05) rotate(-3deg)
	}

	35% {
		-webkit-transform: scale(1.05) rotate(2deg);
		transform: scale(1.05) rotate(2deg)
	}

	40% {
		-webkit-transform: scale(1.05) rotate(0);
		transform: scale(1.05) rotate(0)
	}
}

@-webkit-keyframes heartbeat {
	50% {
		-webkit-transform: scale(1.05);
		transform: scale(1.05)
	}
}

@keyframes heartbeat {
	50% {
		-webkit-transform: scale(1.05);
		transform: scale(1.05)
	}
}

@keyframes mulShdSpin {

	0%,
	100% {
		box-shadow: 0em -2.6em 0em 0em #fff, 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2), 2.5em 0em 0 0em rgba(255, 255, 255, 0.2), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.2), 0em 2.5em 0 0em rgba(255, 255, 255, 0.2), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.2), -2.6em 0em 0 0em rgba(255, 255, 255, 0.5), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.7);
	}

	12.5% {
		box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.7), 1.8em -1.8em 0 0em #fff, 2.5em 0em 0 0em rgba(255, 255, 255, 0.2), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.2), 0em 2.5em 0 0em rgba(255, 255, 255, 0.2), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.2), -2.6em 0em 0 0em rgba(255, 255, 255, 0.2), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.5);
	}

	25% {
		box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.5), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.7), 2.5em 0em 0 0em #fff, 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.2), 0em 2.5em 0 0em rgba(255, 255, 255, 0.2), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.2), -2.6em 0em 0 0em rgba(255, 255, 255, 0.2), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2);
	}

	37.5% {
		box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.2), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.5), 2.5em 0em 0 0em rgba(255, 255, 255, 0.7), 1.75em 1.75em 0 0em #fff, 0em 2.5em 0 0em rgba(255, 255, 255, 0.2), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.2), -2.6em 0em 0 0em rgba(255, 255, 255, 0.2), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2);
	}

	50% {
		box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.2), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2), 2.5em 0em 0 0em rgba(255, 255, 255, 0.5), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.7), 0em 2.5em 0 0em #fff, -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.2), -2.6em 0em 0 0em rgba(255, 255, 255, 0.2), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2);
	}

	62.5% {
		box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.2), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2), 2.5em 0em 0 0em rgba(255, 255, 255, 0.2), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.5), 0em 2.5em 0 0em rgba(255, 255, 255, 0.7), -1.8em 1.8em 0 0em #fff, -2.6em 0em 0 0em rgba(255, 255, 255, 0.2), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2);
	}

	75% {
		box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.2), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2), 2.5em 0em 0 0em rgba(255, 255, 255, 0.2), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.2), 0em 2.5em 0 0em rgba(255, 255, 255, 0.5), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.7), -2.6em 0em 0 0em #fff, -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2);
	}

	87.5% {
		box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.2), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2), 2.5em 0em 0 0em rgba(255, 255, 255, 0.2), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.2), 0em 2.5em 0 0em rgba(255, 255, 255, 0.2), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.5), -2.6em 0em 0 0em rgba(255, 255, 255, 0.7), -1.8em -1.8em 0 0em #fff;
	}
}

* {
	margin: 0;
	padding: 0;
	box-sizing: border-box;
}

*:before,
*:after {
	box-sizing: border-box;
}

html {
	width: 100%;
	overflow-x: hidden;
	height: 100%;
}

body {
	background: var(--background-color);
	margin: 0;
	padding: 0;
	height: 100%;
	font: 16px/1.3 'Nunito Sans', sans-serif;
	color: var(--default-color);
	overflow: hidden;
}

ul,
li {
	list-style: none;
	margin: 0;
	padding: 0;
}

a {
	color: var(--default-color);
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

input,
button,
select,
textarea {
	margin: 0;
	padding: 0;
	outline: none;
	border: none;
	font-family: 'Nunito Sans', sans-serif;
}

button,
a {
	cursor: pointer;
	transition: 300ms;
}

table {
	border-collapse: collapse;
	width: 100%;
}

img {
	max-width: 100%;
}

.maxwidth {
	margin: 0 auto;
	min-width: 375px;
	height: 100%;
}

.fixed {
	width: 1440px;
	margin: 0 auto;
	padding: 0 20px;
	max-width: 100%;
}

.fixed--wide {
	padding: 0;
	width: auto;
}

.flex {
	display: flex;
	flex-wrap: wrap;
}

.grid {
	display: grid;
}

.section-title {
	color: var(--default-color);
	font-size: 50px;
	line-height: 1.1;
	font-weight: bold;
}

.section-title * {
	margin: 0;
	padding: 0;
	font-size: inherit;
	font-weight: inherit;
}

.section-title--margin-60 {
	margin-bottom: 60px;
}

.section-title--margin-50 {
	margin-bottom: 50px;
}

.section-title--margin-40 {
	margin-bottom: 40px;
}

.section-title--margin-30 {
	margin-bottom: 30px;
}

.section-title--70 {
	font-size: 70px;
	line-height: 1;
}

.section-title--50 {
	font-size: 50px;
}

.section-title--40 {
	font-size: 40px;
}

.section-title--30 {
	font-size: 30px;
}

.section-title--22 {
	font-size: 22px;
}

.section-title--20 {
	font-size: 20px;
}

.section-title--white {
	color: #fff;
}

.btn {
    color: #04111b;
    background: linear-gradient(135deg, var(--accent), var(--accent-3));
    box-shadow: 0 16px 46px rgba(0, 255, 157, .22), 0 0 38px rgba(125, 249, 255, .18);
	align-items: center;
	justify-content: center;
	padding: 9px 22px;
	transition: 300ms;
	text-align: center;
	text-decoration: none !important;
	font-size: 17px;
	line-height: 1.3;
	max-width: 100%;
	border-radius: 50px;
	min-width: 175px;
	flex-wrap: nowrap;
	font-weight: bold;
	display: inline-block;
}

.btn:hover {
	transform: translateY(-2px);
}

.btn--bold {
	font-weight: bold;
}

.btn--mini {
	padding: 7px 12px;
	min-width: 110px;
	font-size: 14px;
}

.btn--middle {
	padding: 14px 26px;
}

.btn--big {
	padding: 15px;
}

.btn--purple {
    color: #04111b;
    background: linear-gradient(135deg, var(--accent), var(--accent-3));
    box-shadow: 0 16px 46px rgba(0, 255, 157, .22), 0 0 38px rgba(125, 249, 255, .18);
}

.btn--purple:hover {
	transform: translateY(-2px);
}

.btn--red {
	background: #a70000;
}

.btn--red:hover {
	background: #7b0000;
}

/*.btn--gradient {
	background: var(--gradient);
}

.btn--gradient:hover {
	background: green;
}*/

.btn--gray {
	background: #fff;
	color: #0f172a;
	border: 1px solid #dbe5ef;
	box-shadow: 0 10px 26px rgba(15, 23, 42, .05);
}

.btn--gray:hover {
	background: #f7fffe;
	color: #0b726c;
	border-color: rgba(80, 226, 217, .65);
	box-shadow: 0 14px 32px rgba(80, 226, 217, .14);
}

.image img {
	display: block;
}

.image-responsive {
	height: 0;
	position: relative;
	padding-bottom: 52.6%;
}

.image-responsive--vertical {
	padding-bottom: 130%;
}

.image-responsive__image {
	width: 100%;
	height: 100%;
	display: block;
	position: absolute;
	top: 0;
	left: 0;
}

.overflow {
	overflow: hidden;
}

.input-class {
	background: #fff;
	border: 1px solid #aaa;
	display: block;
	width: 100%;
	height: 45px;
	padding: 0 14px;
	border-radius: 5px;
	transition: 300ms;
	text-align: left;
	color: #000;
	font-size: 15px;
}

textarea.input-class {
	height: 120px;
	padding: 15px 14px;
	resize: none;
}

select.input-class {
	background: url(../img/select-arrow.svg) no-repeat right 20px top 50%;
	appearance: none;
	-webkit-appearance: none;
	padding-right: 50px;
}

.input-class::placeholder {
	color: rgba(0, 0, 42, 0.5);
	transition: 300ms;
}

.input-class:focus::placeholder {
	opacity: 0;
}

.input-class:focus {
	border-color: var(--blue-color);
}

.input-class[disabled] {
	background: #dcdcdc;
}

.is-table {
	width: 100%;
	border: none;
	border-collapse: collapse;
}

.is-table tbody tr:not(:last-child),
.is-table thead tr {
	border-bottom: 1px solid rgba(0, 0, 0, 0.2);
}

.is-table tbody tr:hover {
	background: rgba(0, 0, 0, 0.1) !important;
}

.is-table th,
.is-table td {
	font-size: 13px;
	text-align: left;
	font-weight: 400;
	/*border-left: 1px solid rgba(0, 0, 0, 0.3);*/
}

.is-table th:first-child,
.is-table td:first-child {
	text-align: left;
	border-left: none;
}

.is-table th {
	background: #E0E0E0;
	font-size: 14px;
	font-weight: bold;
	padding: 14px 18px;
}

.is-table td {
	padding: 10px 18px;
}

.is-table tbody tr:nth-child(2n) {
	background: #E0E0E0;
}

.is-table-div {
	overflow: auto;
}

.is-table__checkbox-td {
	width: 40px;
}

.is-table__id-td {
	width: 40px;
}

.is-table__actions-td {
	width: 130px;
}

.is-table__actions {
	gap: 5px;
}

.is-table__action {
	background: #dcdcdc;
	width: 28px;
	height: 28px;
	border-radius: 5px;
	justify-content: center;
	align-items: center;
}

.is-table tbody tr:nth-child(2n) .is-table__action,
.is-table tbody tr:hover .is-table__action {
	background: #f2f2f2;
}

.is-table__action>svg {
	width: 14px;
}

.is-table__action>svg>path {
	transition: 300ms;
}

.is-table__action:hover>svg>path {
	fill: #fff;
}

.is-table__action--edit:hover {
	background: var(--green-color) !important;
}

.is-table__action--delete:hover {
	background: var(--red-color) !important;
}

.is-table__action--copy:hover {
	background: var(--purple-color) !important;
}

.is-table__input {
	height: 30px;
	background: transparent;
	display: block;
	width: 100%;
}

.is-text>* {
	margin-top: 17px;
}

.is-text>*:first-child {
	margin-top: 0;
}

.is-text ol li {
	list-style: numeric outside;
}

.is-text ul li {
	list-style: disc outside;
}

.is-text li:not(:last-child) {
	margin-bottom: 10px;
}

.is-text ol {
	margin-left: 14px;
}

.is-text ul {
	margin-left: 20px;
}

.is-text li::marker {
	color: var(--blue-color);
}

/*.is-text *:not(ul):not(ol) + ul,
.is-text *:not(ul):not(ol) + ol {
	margin-top: 0;
}*/
.is-text h1 {
	font-size: 32px;
	font-weight: bold;
}

.is-text h2 {
	font-size: 26px;
	font-weight: bold;
}

.is-text h3 {
	font-size: 18px;
	font-weight: bold;
}

.is-text h4 {
	font-size: 16px;
	font-weight: bold;
}

.is-text h5 {
	font-size: 16px;
	font-weight: bold;
}

.is-text h6 {
	font-size: 16px;
	font-weight: bold;
}

.is-text a {
	text-decoration: underline;
}

.is-text a:hover {
	text-decoration: none;
}

.is-text img {
	margin-left: auto;
	margin-right: auto;
	max-width: 100%;
	display: block;
	border-radius: var(--border-radius);
}

.is-text h1,
.is-text h2,
.is-text h3,
.is-text h4,
.is-text h5,
.is-text h6 {
	margin: 30px 0;
	font-weight: 400;
}

.is-text>a {
	display: block;
}

.balert {
	background: #fff;
	box-shadow: 0 0 15px rgba(0, 0, 0, 0.2);
	color: #000;
	max-width: 300px;
	padding: 20px;
	position: fixed;
	left: 20px;
	bottom: 20px;
	opacity: 0;
	z-index: -1;
	transition: 1000ms;
	border-radius: 10px;
	font-weight: bold;
	font-weight: 400;
	font-size: 14px;
}

.balert.active {
	opacity: 1;
	z-index: 999999;
}

.xalert {
	background: var(--green-color);
	border-color: #badbcc;
	color: #0f5132;
	padding: 0.7rem 1rem;
	position: fixed;
	top: -100%;
	left: 50%;
	transform: translatex(-50%);
	transition: 400ms;
	z-index: 999999;
	font-weight: 500;
	border-radius: 10px;
	font-weight: bold;
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.12);
}

.xalert.active {
	transform: translatex(-50%);
	top: 50px;
}

.xalert-success {
	color: #fff;
}

.xalert-warning {
	color: #664d03;
	background: #fff3cd;
}

.xalert-danger {
	color: #842029;
	background: #e8757f;
}

.nomargin {
	margin: 0 !important;
}

.nopadding {
	padding: 0 !important;
}

.logo {
	position: relative;
	transition: 300ms;
}

.logo__image {
	display: block;
	max-width: 80%;
}

.logo__link {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 2;
}

.wrapper {
	height: 100%;
	flex-direction: row-reverse;
}

.content {
	flex: 1;
	height: 100%;
}

.sidebar {
	background: var(--sidebar-color);
	flex: 0 0 300px;
	max-width: 300%;
	width: 300px;
	height: 100%;
	position: relative;
	transition: 300ms;
	z-index: 52;
}

.sidebar__in {
	height: 100%;
}

.sidebar__logo:hover {
	transform: translate(-5px, -5px);
}

.sidebar__scroll {
	overflow-y: auto;
	height: calc(100% - 225px);
	padding-bottom: 100px;
}

.sidebar__cont {
	padding: 35px 35px;
}

.sidebar__logo {
	margin-bottom: 30px;
}

.create-kp__link {
	font-weight: 800;
	font-size: 18px;
}

.create-kp__link:hover {
	transform: scale(0.97);
	/*animation: heartbeat 0.3s infinite;*/
}

.menu {
	background: var(--sidebar-color);
	position: relative;
	z-index: 2;
}

.menu__link {
	display: flex;
	align-items: center;
	font-size: 16px;
	font-weight: 500;
	padding: 15px 35px;
	color: #fff;
}

.menu__ico {
	flex: 0 0 20px;
	display: flex;
	justify-content: center;
}

.menu__ico>svg {
	width: 20px;
	height: 20px;
	transform: translateY(-2px);
}

.menu__ico>svg>path {
	fill: #fff;
}

.menu__text {
	flex: 1;
	transition: 300ms;
	position: relative;
	padding-left: 12px;
}

/*.menu__text:before {
	content: '';
	background: url(../img/menu-arrow.svg) no-repeat;
	width: 16px;
	height: 15px;
	position: absolute;
	top: 4px;
	left: 0;
	transform: scale(0) rotate(-45deg);
	transition: 300ms;
}*/
.menu__link:hover {
	background: rgba(255, 255, 255, .05);
	margin-right: 0px;
	text-decoration: none;
}

.menu__item--active .menu__link {
    border: 1px solid rgba(255, 255, 255, .1);
    background: rgba(255, 255, 255, .05);
    border-radius: 999px;
    margin-right: 15px;
	text-decoration: none;
}

.menu__item--active .menu__ico>svg>path {
	fill: #fff;
}

.logout {
	position: absolute;
	bottom: 25px;
	left: 35px;
	color: rgba(255, 255, 255, 0.5);
	font-size: 12px;
}

.logout__link {
	font-size: 18px;
	font-weight: bold;
	color: #fff;
}

.logout__link:hover {
	color: var(--green-color);
	text-decoration: none;
}

.top {
	position: relative;
	z-index: 21;
}

.main {
	height: calc(100% - 60px - 10px);
	overflow: auto;
}

.top {
	background: #fff;
	box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.17);
}

.top__row {
	justify-content: space-between;
	align-items: center;
	height: 60px;
	padding-left: var(--padding-main);
	padding-right: var(--padding-main);
}

.top__col--1 {
	flex: 1;
}

.top__col--2 {
	flex-shrink: 0;
}

.top__left,
.top__right {
	align-items: center;
}

.top__burger {
	cursor: pointer;
}

.top__burger svg {
	width: 25px;
	height: 18px;
}

.top__burger svg path {
	stroke: #000;
}

.top__status {
	margin-left: 22px;
}

.top__status>b {
	color: var(--green-color);
}

.top__user {
	align-items: center;
}

.top__user-photo {
	width: 30px;
	height: 30px;
	border-radius: 50px;
	overflow: hidden;
	margin-right: 12px;
}

.top__user-photo img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
}

.top__user-photo-letter {
	background: var(--sidebar-color);
	width: 100%;
	height: 100%;
	line-height: 30px;
	text-align: center;
	color: #fff;
	font-weight: bold;
	display: block;
}

.top__user-info {
	align-items: center;
}

.top__user-arrow {
	margin-left: 10px;
	position: relative;
	top: -1px;
}

.dropdown {
	position: relative;
	z-index: 20;
}

.top .dropdown {
	z-index: 21;
}

.dropdown__arrow {
	transition: 300ms;
}

.dropdown__open {
	cursor: pointer;
}

.dropdown__content {
	background: #fff;
	border-radius: 5px;
	position: absolute;
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.17);
	top: calc(100% + 10px);
	right: 0;
	width: 100%;
	padding: 10px 0;
	display: none;
	min-width: 150px;
}

.dropdown__link {
	padding: 8px 12px;
	display: block;
}

.dropdown__link:hover {
	background: #f2f2f2;
	text-decoration: none;
}

.dropdown.active .dropdown__arrow {
	transform: rotate(180deg);
}

.footer__row {
	height: 40px;
	padding-left: var(--padding-main);
	padding-right: var(--padding-main);
	align-items: center;
	justify-content: flex-end;
}

.footer__copyright {
	font-size: 14px;
}

.body--hide-menu .sidebar {
	/*left: -250px;*/
	flex: 0 0 50px;
	width: 50px;
}

.body--hide-menu .menu__text {
	display: none;
}

.body--hide-menu .menu__ico {
	flex: 0 0 100%;
}

.body--hide-menu .menu__link {
	padding-left: 0;
	padding-right: 0;
}

.body--hide-menu .sidebar__logo {
	display: none;
}

.body--hide-menu .sidebar__cont {
	padding: 10px 0 15px 0;
}

.body--hide-menu .create-kp__link {
	min-width: 1px;
	width: 40px;
	height: 40px;
	padding: 0;
	margin: 0 auto;
	line-height: 40px;
}

.body--hide-menu .sidebar__logout {
	display: none;
}

.body--hide-menu .create-kp__link:before {
	content: attr(data-m);
}

.body--hide-menu .create-kp__link .btn__text {
	display: none;
}

.body--hide-menu .sidebar__scroll {
	height: calc(100% - 70px);
	padding: 0;
}

.test {
	grid-template-columns: 100%;
	gap: 40px;
}

.modal {
	width: 100%;
	height: 100%;
	position: fixed;
	top: 0;
	left: 0;
	z-index: -1;
	opacity: 0;
}

.modal.active {
	opacity: 1;
	z-index: 999997;
}

.modal__background {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
}

.modal__in {
	background: rgba(37, 45, 61, 0.6);
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	justify-content: center;
	align-items: center;
	padding: 30px 15px;
	overflow: auto;
}

.modal__box {
	background: #fff;
	box-shadow: 0 0 15px rgba(0, 0, 0, 0.2);
	width: 530px;
	max-width: 100%;
	border-radius: 20px;
	position: relative;
	z-index: 5;
	overflow: hidden;
	transition: 300ms;
	transform: scale(0);
	color: #000;
}

.modal__box--template {
	width: 700px;
}

.modal__body {
	opacity: 0;
	transition: 800ms;
}

.modal.active .modal__box {
	transform: scale(1);
}

.modal.active .modal__body {
	opacity: 1;
}

.modal__close {
	cursor: pointer;
	background: transparent;
	position: absolute;
	top: 20px;
	right: 20px;
	justify-content: center;
	align-items: center;
	z-index: 5;
}

.modal__close svg path {
	fill-opacity: 1;
	fill: #000;
}

.modal__actions {
	justify-content: center;
	margin-top: 35px;
	gap: 30px;
}

.modal__test {
	padding: 50px;
}

.modal__title {
	margin-bottom: 35px;
}

.main__in {
	width: 100%;
	margin-top: 30px;
	margin-left: 30px;
	margin-right: 70px;
}

.main__top {
	align-items: center;
	margin-bottom: 40px;
}

.main__subtitle {
	margin-top: 20px;
}

.main__top-col--2 {
	margin-left: auto;
}

.main__actions {
	gap: 18px;
}

.ibottom {
	margin-top: 24px;
	font-size: 14px;
}

.filter {
	margin-bottom: 30px;
	gap: 30px;
	justify-content: space-between;
}

.filter__item {
	align-items: center;
}

.filter__label {
	margin-right: 10px;
}

.select2 {
	width: 100%;
}

.select2-container.select2-container--open {
	z-index: 999999;
}

.select2-container .select2-selection {
	height: 45px;
	border-radius: 5px !important;
	position: relative;
}

.select2-container--default .select2-selection .select2-selection__rendered {
	line-height: 45px;
	padding: 0 45px 0 14px;
	color: #000 !important;
	border-radius: 5px;
}

.select2-container--open .select2-dropdown {
	top: -4px;
}

.select2-selection__arrow {
	background: url(../img/select-arrow.svg) no-repeat;
	width: 17px !important;
	height: 11px !important;
	position: absolute !important;
	top: 50% !important;
	right: 12px !important;
	margin-top: -5.5px !important;
}

.select2-selection__arrow>b {
	display: none;
}

.filter__search {
	width: 400px;
	max-width: 100%;
	position: relative;
	overflow: hidden;
	border-radius: 5px;
}

.filter__search_input {
	width: 100%;
}

.filter__search_input>input {
	padding-right: 45px;
}

.filter__search-btn {
	background: transparent;
	width: 45px;
	position: absolute;
	top: 1px;
	right: 1px;
	bottom: 1px;
	justify-content: center;
	align-items: center;
}

.filter__search-btn>svg {
	width: 20px;
	opacity: 0.5;
	transition: 300ms;
}

.filter__search-btn:hover>svg {
	opacity: 1;
}

.main__actions--edit {
	margin-top: 35px;
}

.edit__col--2 {
	flex: 0 0 400px;
}

.edit__col--1 {
	flex: 1;
	padding-right: 80px;
}

.group__section {
	margin-bottom: 20px;
}

.group__section:last-child {
	margin-bottom: 0;
}

.group__title {
	margin-bottom: 15px;
}

.group__items {
	border: 1px solid #aaa;
	border-radius: 5px;
	overflow: hidden;
}

.group__item {
	border-bottom: 1px solid #aaa;
	align-items: stretch;
}

.group__item:last-child {
	border-bottom: none;
}

.group__item-label {
	flex: 0 0 250px;
	padding: 10px;
	/*height: 100%;*/
	border-right: 1px solid #aaa;
}

.group__item-title {
	padding: 10px;
}

.group__item-value {
	background: #fff;
	flex: 1;
	/*height: 100%;*/
	flex-grow: 1;
}

.group__item-input {
	height: 100%;
}

.group__item .input-class {
	border: none !important;
	border-radius: 0;
	height: 100%;
}

.group__item-select {
	width: 100%;
	height: 100%;
}

.group__item-select .select2 {
	width: 100% !important;
}

.group__item-select .select2-container--default .select2-selection--single {
	border: none !important;
	border-radius: 0 !important;
}

.upload-photo {
	background: #fff;
	width: 350px;
	height: 350px;
	border-radius: 5px;
	position: relative;
	overflow: hidden;
	box-shadow: 0px 0px 20px #00000020;
	border: 1px solid #aaaaaa;
}

.upload-photo__input {
	opacity: 0;
	position: absolute;
	left: -9999px;
}

.upload-photo__label {
	background: url(../img/empty.webp) no-repeat center / 84%;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	justify-content: center;
	align-items: flex-end;
	padding-bottom: 30px;
	cursor: pointer;
}

.upload-photo__label:hover .btn {
	background: #000;
	color: #fff;
}

.upload-photo--uploaded .upload-photo__label {
	background: no-repeat center / contain;
}

.divider {
	margin: 45px 0 25px 0;
}

.params__add {
	margin-top: 15px;
}

.dt-type-numeric {
	text-align: center !important;
}

.dt-search {
	display: none !important;
}

body div.dt-container .dt-paging .dt-paging-button:hover {
	background: #cfcfcf !important;
	border-color: transparent !important;
	color: #fff !important;
	cursor: pointer !important;
}

.gs-utl-flex-col {
	background: #dcdcdc;
}

.gs-panel-page-manager__header,
.gs-cmp-editor-topbar,
.gs-cmp-tabs {
	min-height: 55px !important;
}

.gs-banner {
	display: none !important;
}

div[style*="color-scheme: initial !important"] {
	color: black;
}

/*.gjs-editor-cont:after {
	content: '';
	background: #fff;
	width: 150px;
	height: 45px;
	position: absolute;
	bottom: 2px;
	left: 2px;
	z-index: 50;
}*/
/*.gs-cmp-editor-topbar__wrp-center li:nth-child(2),
.gs-cmp-editor-topbar__wrp-center li:nth-child(4) {
	display: none!important;
}*/

.gs-cmp-editor-topbar__wrp-right>.gs-utl-flex>*:nth-child(1),
.gs-cmp-editor-topbar__wrp-right>.gs-utl-flex>*:nth-child(2),
.gs-cmp-editor-topbar__wrp-right>.gs-utl-flex>*:nth-child(3),
.gs-cmp-editor-topbar__wrp-right>.gs-utl-flex>*:nth-child(4),
.gs-cmp-editor-topbar__wrp-right>.gs-utl-flex>*:nth-child(5),
.gs-cmp-editor-topbar__wrp-right>.gs-utl-flex>*:nth-child(6),
.gs-cmp-editor-topbar__wrp-right>.gs-utl-flex>*:nth-child(7),
.gs-cmp-editor-topbar__wrp-right>.gs-utl-flex>*:nth-child(10) {
	display: none !important;
}

.gs-page-item__name+div>.gs-cmp-tooltip {
	display: none !important;
}

.gs-cmp-editor-topbar__wrp-center {
	display: none !important;
}

.gs-utl-p-2.gs-utl-border-b.gs-theme-cl-br.gs-utl-border-gray-300 {
	display: none !important;
}

.gs-block-manager .gs-cmp-tabs {
	display: none !important;
}

.gs-block-manager .gs-cmp-tabs__panels+.gs-input-field {
	display: none !important;
}

.studio {
	background: #E8E8E8;
	height: 100%;
	position: relative;
}

.studio__main,
.studio__loading {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.studio__loading {
	z-index: 3;
	background: #E8E8E8;
}

.studio__loading-progress {
	position: fixed !important;
	top: 0 !important;
	left: 0 !important;
	right: 0 !important;
	height: 6px !important;
	z-index: 2147483647 !important;
	overflow: hidden !important;
	background: rgba(15, 23, 42, 0.08) !important;
	box-shadow: 0 1px 0 rgba(15, 23, 42, 0.06) !important;
}

.studio__loading-progress-bar {
	width: 0;
	height: 100%;
	border-radius: 0 999px 999px 0;
	background: linear-gradient(90deg, #4fffe3 0%, #15f0a5 100%);
	box-shadow: 0 0 22px rgba(30, 239, 185, 0.55);
	transition: width 0.18s linear;
}

.studio__loading-image {
	position: relative !important;
	width: 100% !important;
	height: 100% !important;
	display: flex !important;
	justify-content: center !important;
	align-items: center !important;
	padding: 56px 24px 24px !important;
	text-align: center !important;
	z-index: 5 !important;
}

.studio__loading-content {
	display: flex !important;
	flex-direction: column !important;
	align-items: center !important;
	justify-content: center !important;
	gap: 26px !important;
	width: min(720px, 92vw) !important;
	max-width: 92vw !important;
	position: relative !important;
	z-index: 6 !important;
}

.studio__loading-image>img,
.studio__loading-gif {
	display: block !important;
	width: min(520px, 78vw) !important;
	max-width: min(520px, 78vw) !important;
	max-height: 45vh !important;
	height: auto !important;
	object-fit: contain !important;
	pointer-events: none !important;
	position: relative !important;
	z-index: 1 !important;
}

.studio__loading--template .studio__loading-image>img,
.studio__loading--template .studio__loading-gif {
	width: min(520px, 78vw) !important;
	max-width: min(520px, 78vw) !important;
	max-height: 45vh !important;
	height: auto !important;
}

.studio__loading-text {
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	gap: 8px !important;
	font-size: clamp(18px, 2.1vw, 28px) !important;
	line-height: 1.35 !important;
	font-weight: 800 !important;
	color: #101828 !important;
	text-shadow: 0 1px 0 rgba(255, 255, 255, 0.72) !important;
	position: relative !important;
	z-index: 7 !important;
}

.studio__loading-dots {
	display: inline-flex !important;
	align-items: center !important;
	gap: 6px !important;
	padding-top: 8px !important;
}

.studio__loading-dots i {
	display: block !important;
	width: 9px !important;
	height: 9px !important;
	border-radius: 50% !important;
	background: #20eeb5 !important;
	box-shadow: 0 0 14px rgba(32, 238, 181, 0.45) !important;
	animation: studioLoadingDot 0.9s ease-in-out infinite !important;
}

.studio__loading-dots i:nth-child(2) {
	animation-delay: 0.15s !important;
}

.studio__loading-dots i:nth-child(3) {
	animation-delay: 0.3s !important;
}

@keyframes studioLoadingDot {
	0%, 80%, 100% {
		transform: translateY(0);
		opacity: 0.45;
	}
	40% {
		transform: translateY(-7px);
		opacity: 1;
	}
}

.studio__main {
	opacity: 0;
}

.studio--loaded .studio__loading {
	opacity: 0;
	z-index: -1;
}

.studio--loaded .studio__main {
	opacity: 1;
}

.studio__editor {
	width: 100%;
	height: 100%;
	/*zoom: 0.75;*/
}

.templates__items {
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 40px;
	align-items: stretch;
}

.template__item {
	min-width: 0;
	contain: layout paint;
}

.template__box {
	background: #fff;
	border-radius: 5px;
	padding: 22px;
	transition: 300ms;
	height: 100%;
	display: flex;
	flex-direction: column;
}

.template__image {
	position: relative;
	width: 100%;
	height: auto;
	min-height: 0;
	aspect-ratio: 16 / 9;
	margin-bottom: 20px;
	padding: 0;
	border: 7px solid #f2f2f2;
	box-sizing: border-box;
	overflow: hidden;
	background: linear-gradient(110deg, #eef2f6 8%, #f8fafc 18%, #eef2f6 33%);
	background-size: 200% 100%;
}

.template__image>img {
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	border: none;
	object-fit: cover;
	background: #f8fafc;
}

@media (max-width: 1100px) {
	.templates__items { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 24px; }
}
@media (max-width: 680px) {
	.templates__items { grid-template-columns: minmax(0, 1fr); gap: 18px; }
}

.template__name {
	font-size: 18px;
	font-weight: 600;
	margin-bottom: 20px;
	min-height: 50px;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	word-break: break-word;
}

.template__create {
	margin-top: auto;
}

.template__box:hover {
	box-shadow: 0 0 20px rgba(0, 0, 0, 0.17);
}

.gs-studio-root {
	font-family: inherit !important;
}

[data-template="templates/make"] .top__status {
	display: none;
}

[data-template="templates/make"] .main__in {
	padding: 0;
	height: 100%;
}

[data-template="templates/make"] .main__top {
	position: absolute;
	top: 0;
	left: calc(var(--padding-main) + 100px);
	right: var(--padding-main);
	z-index: 50;
	margin: 0;
	height: 60px;
}

[data-template="templates/make"] .main__action-btn {
	padding: 8px 16px;
	min-width: 130px;
	font-size: 15px;
}

[data-template="templates/make"] .footer {
	display: none;
}

[data-template="templates/make"] .main {
	height: calc(100vh - 60px);
}

[data-template="templates/make"]:not(.body--hide-menu) .main__top {
	left: calc(var(--padding-main) + 50px + 300px);
}

[data-template="templates/make"] .top__col--2 {
	display: none;
}

.gs-block-manager__category--Basic .gs-cmp-accordion-handler__content-label {
	font-size: 0 !important;
}

.gs-block-manager__category--Basic .gs-cmp-accordion-handler__content-label:after {
	content: 'Основные';
	font-size: 14px;
}

.gs-block-manager__category--Extra .gs-cmp-accordion-handler__content-label {
	font-size: 0 !important;
}

.gs-block-manager__category--Extra .gs-cmp-accordion-handler__content-label:after {
	content: 'Переменные';
	font-size: 14px;
}

.gs-layer-manager>*:first-child>* .gs-utl-flex-1 {
	font-size: 0 !important;
}

.gs-layer-manager>*:first-child>* .gs-utl-flex-1:after {
	content: 'Слои';
	font-size: 14px;
}

/*.gs-block-manager__category:not(.gs-block-manager__category--Basic) .gs-utl-grid-cols-2 {
	grid-template-columns: 100%!important;
}*/
.gs-block-manager__category .gs-utl-grid-cols-2 {
	grid-template-columns: 100% !important;
}

.gs-block-manager__category .gs-utl-whitespace-nowrap {
	white-space: normal !important;
}

.gs-block-manager__category .gs-block-item {
	background: #fff !important;
	border-radius: 4px !important;
	border: none !important;
}

.gs-block-manager__category .gs-block-item:hover {
	background: #cdcdcd !important;
	color: #212121 !important;
}

.gs-block-manager__category .gs-block-item:hover .msq {
	border-color: #212121 !important;
}

.gs-block-manager__category .gs-cmp-accordion-handler {
	border-bottom: 1px solid #d1d5db !important;
	font-weight: 600 !important;
	padding: 8px 10px !important;
	text-transform: uppercase !important;
	letter-spacing: 0.5px !important;
}

.gs-cmp-editor-topbar__wrp-left .gs-cmp-tooltip-target button {
	display: flex !important;
	align-items: center;
}

.gs-cmp-editor-topbar__wrp-left .gs-cmp-tooltip-target button:after {
	content: 'Добавить блок';
	margin-left: 5px;
	padding-right: 6px;
}

.gs-cmp-editor-topbar__wrp-left .gs-cmp-tooltip-target button svg {
	width: 26px !important;
	height: 26px !important;
}

.studio-title input {
	width: 750px;
	max-width: 100%;
	font-size: 24px;
}

.template__create {
	justify-content: space-between;
}

.select2-selection__clear {
	background: red !important;
	height: 100% !important;
	width: 50px !important;
	margin-right: 0 !important;
	color: #fff !important;
	font-size: 20px !important;
	z-index: 10;
	position: relative;
}

.make__title {
	margin-bottom: 30px;
}

.make__search--templates {
	margin-bottom: 30px;
}

.make__templates {
	grid-template-columns: repeat(3, 1fr);
	gap: 40px;
}

.make__template-box {
	background: #fff;
	border-radius: 5px;
	padding: 22px;
	transition: 300ms;
	cursor: pointer;
	height: 100%;
}

.make__template-image {
	background: #fff;
	height: 0;
	padding-bottom: 56.25%;
	position: relative;
	margin-bottom: 20px;
	border: 7px solid #f2f2f2;
}

.make__template-image>img {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	border: none;
	object-fit: cover;
}

.make__template-view {
	margin-top: 12px;
}

.make__template-name {
	font-size: 18px;
	font-weight: 600;
	transition: 300ms;
}

.make__template-box:hover {
	box-shadow: 0 0 20px rgba(0, 0, 0, 0.17);
}

.make__template--checked .make__template-box {
	background: var(--gradient);
}

.make__template--checked .make__template-name,
.make__template--checked .make__template-categories {
	color: #fff;
}

.make__template--checked .make__template-name>span:before {
	content: '✓ ';
}

.make__buttons {
	justify-content: space-between;
	gap: 30px;
	margin-top: 40px;
}

.make__products {
	background: #fff;
	max-height: 620px;
	overflow: auto;
}

.make__product {
	gap: 16px;
	justify-content: space-between;
	cursor: pointer;
	padding: 12px;
	align-items: center;
	border-bottom: 1px solid #dcdcdc;
	transition: 300ms;
}

.make__product-image {
	flex: 0 0 45px;
}

.make__product-image>img {
	width: 100%;
	height: 45px;
	object-fit: cover;
}

.make__product-info {
	flex: 1;
}

.make__product-price {
	flex-shrink: 0;
}

.make__product-title {
	font-size: 16px;
	font-weight: 600;
}

.make__product-category {
	opacity: 0.7;
	margin-top: 7px;
	font-size: 12px;
}

.make__product:hover {
	border-color: var(--green-color);
	padding-left: 22px;
}

.make__product--checked {
	background: var(--gradient);
	color: #fff;
}

.make__product--checked .make__product-title>span:before {
	content: '✓ ';
}

.group__items--make textarea.input-class {
	height: 60px;
}

.edit__row--make .edit__col--2 {
	flex: 0 0 500px;
}

.make__search--clients {
	margin-bottom: 12px;
}

.make__load {
	display: none;
}

.make__load-image {
	justify-content: center;
}

.make--loading .make__form {
	display: none;
}

.make--loading .make__load {
	display: block;
}

.offer__box {
	background: #fff;
	border-radius: 8px;
	padding: 30px;
}

.offer__col--1 {
	flex: 0 0 150px;
}

.offer__col--2 {
	flex: 1;
	padding-left: 35px;
}

.offer__client {
	margin-bottom: 22px;
}

.offer__name {
	margin-bottom: 30px;
}

.offer__price {
	font-size: 18px;
	color: red;
}

.offer__actions {
	margin-top: 40px;
	gap: 30px;
}

.js-make-create {
	display: none;
}

.make__step:not(.proccess) {
	display: none;
}

.make__button--locked {
	opacity: 0.3;
	cursor: not-allowed;
}

.make__progress {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	width: 100vw;
	z-index: 999999;
}

.make__progress-steps {
	gap: 10px;
	margin-bottom: 10px;
}

.make__progress-step {
	flex: 1;
}

.make__progress-step.active {
	font-weight: bold;
}

.make__progress-line {
	background: #fff;
	height: 4px;
	width: 100%;
	box-shadow: 0 0 12px rgba(0, 0, 0, 0.17);
}

.make__progress-color {
	background: var(--green-color);
	height: 100%;
	transition: 800ms;
	width: 0;
}

.make__preview {
	height: 80%;
	min-height: 320px;
	position: relative;
	overflow: auto;
	padding-right: 8px;
}

.make__preview>div {
	margin: 10px 0;
	font-weight: 600;
}

.make__preview-page {
	margin: 0 0 34px;
}

.make__preview-page + .make__preview-page {
	margin-top: 20px;
}

.make__preview-page-title {
	margin: 0 0 10px;
	font-weight: 700;
	font-size: 14px;
	line-height: 1.25;
	color: #222;
}

.make__preview-page--html .make__preview-page-title {
	margin-bottom: 10px;
}

.make__preview canvas,
.make__preview>canvas {
	max-width: 100%;
	height: auto;
	display: block;
	background: #fff;
	border: none;
	transition: 300ms;
	pointer-events: none;
	border: 1px solid #aaa;
}


/* КП: progress bar must be pinned to the very top of the viewport. */
[data-template="offers/make"] .make__progress {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	z-index: 99999;
	height: 4px;
	margin: 0;
	padding: 0;
	pointer-events: none;
}

[data-template="offers/make"] .make__progress-line {
	height: 4px;
	width: 100%;
	box-shadow: none;
	background: transparent;
}

[data-template="offers/make"] .make__progress-color {
	height: 4px;
	box-shadow: 0 0 14px rgba(37, 241, 198, 0.55);
}

.make__preview-status {
	padding: 18px 0;
	font-weight: 600;
}

.make__preview-status--error {
	padding: 14px 16px;
	border: 1px solid #fecaca;
	border-radius: 12px;
	background: #fff1f2;
	color: #991b1b;
	line-height: 1.45;
}
.make__preview-status--error small {
	color: #7f1d1d;
}

.make__preview-html-wrap {
	position: relative;
	width: 100%;
	overflow: hidden;
	background: transparent;
}

.make__preview-html-frame {
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	border: 1px solid #aaa;
	background: #fff;
	transform-origin: 0 0;
	pointer-events: none;
}

.make__preview--proccessing>* {
	filter: blur(5px);
}

[data-template="offers/make"] .top {
	display: none;
}

[data-template="offers/make"] .main__in {
	position: relative;
}

[data-template="offers/make"] .footer {
	display: none;
}

[data-template="offers/make"] .main {
	height: 100%;
}

.top-alert {
	margin-right: 40px;
	position: relative;
}

.top-alert-ico>svg {
	width: 28px;
	height: 28px;
}

.top-alert-ico {
	color: #322c2c;
}

.top-alert-count {
	background: #000;
	width: 18px;
	height: 18px;
	border-radius: 50px;
	position: absolute;
	top: -5px;
	right: -5px;
	text-align: center;
	font-size: 12px;
	line-height: 18px;
	color: #fff;
}

.top-alert-count[data-count="0"] {
	display: none;
}

.top-alert--new .top-alert-ico {
	color: var(--green-color);
	animation: jittery 3s infinite;
}

.xlog table {
	background: #fff;
	border-top: 1px solid #dcdcdc;
	border-left: 1px solid #dcdcdc;
}

.xlog th,
.xlog td {
	border-right: 1px solid #dcdcdc;
	border-bottom: 1px solid #dcdcdc;
	font-size: 15px;
}

.xlog-read {
	font-size: 12px;
	font-style: italic;
	margin-top: 3px;
}

/*.gs-studio-root > .gs-utl-flex.gs-utl-relative.gs-utl-transition-colors.gs-utl-h-full.gs-theme-cl-bg.gs-utl-bg-white.gs-theme-cl-txt.gs-utl-text-gray-900.gs-utl-flex-col.gs-utl-flex-wrap.gs-utl-items-center.gs-utl-justify-center {
	display: none!important;
}*/
.group__item-input .select2-container .select2-selection--single {
	border: none !important;
}

.select2-container {
	width: 100% !important;
}

.gs-sidebar-right .gs-cmp-tabs__tab:last-child {
	display: none !important;
}

.gs-theme-cl-cmp>*>*:last-child,
.gs-ctx-menu-list-wrp {
	display: none !important;
}

/*.gs-sidebar-right [id*="headlessui-popover-panel"] .gs-utl-card-body > div:not(:nth-child(2)) {
	display: none!important;
}*/

.gs-cmp-file-field-buttons>button {
	font-size: 0 !important;
}

.gs-cmp-file-field-buttons>button:after {
	content: 'Выбрать изображение';
	font-size: 14px;
}

.gs-cmp-tabs__panels .gs-cmp-popover .gs-utl-overflow-ellipsis {
	font-size: 0 !important;
}

.gs-cmp-tabs__panels .gs-cmp-popover .gs-utl-overflow-ellipsis:after {
	content: 'Изображение';
	font-size: 14px;
}

.gs-asset-manager .gs-input-field {
	display: none !important;
}

.filter__input>* {
	width: 300px !important;
}

.is-table__checkbox-td .dt-column-order {
	display: none !important;
}

.is-table__checkbox-td {
	padding-right: 10px !important;
}

.filter__do {
	margin-top: 20px;
	display: none;
}

.filter__do-items {
	align-items: center;
	gap: 20px;
	justify-content: flex-end;
}

tr.tr-checked {
	background: rgba(255, 0, 0, 0.3) !important;
}

.edit__row--user .edit__col--2 {
	flex: 0 0 270px;
}

.edit__row--user .upload-photo {
	width: 247px;
	height: 270px;
}

.edit__row--user .edit__col--3 {
	padding-left: 30px;
	flex: 0 0 300px;
}

.nav__items {
	grid-template-columns: repeat(4, 1fr);
	gap: 30px;
}

.nav__box {
	background: #fff;
	border: 1px solid #dcdcdc;
	border-radius: 5px;
	transition: 300ms;
	height: 100%;
	position: relative;
	padding: 0 20px 30px 20px;
	color: #222;
}

.nav__ico {
	height: 130px;
	justify-content: center;
	align-items: center;
}

.nav__ico>svg {
	width: 60px;
}

.nav__ico>svg>path {
	transition: 300ms;
}

.nav__title {
	text-align: center;
	font-size: 18px;
	font-weight: 600;
	margin-top: 15px;
}

.nav__link {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 2;
}

.nav__box:hover {
	background: #cfcfcf;
	border-color: #b3b3b3;
}

/*.nav__box:hover .nav__ico > svg > path {
	fill: #fff;
}*/
.import__columns {
	margin-top: 25px;
}

.import__step:not(:first-child) {
	display: none;
}

.global-loader {
	background: rgba(0, 0, 0, 0.45);
	position: fixed;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	justify-content: center;
	align-items: center;
	opacity: 0;
	z-index: -1;
	transition: 300ms;
}

.global-loader__animation {
	font-size: 10px;
	width: 1em;
	height: 1em;
	border-radius: 50%;
	position: relative;
	text-indent: -9999em;
	animation: mulShdSpin 1.1s infinite ease;
	transform: translateZ(0);
	zoom: 2;
}

.global-loader__image {
	transition: 600ms;
	transform: scale(0);
}

.global-loader--active .global-loader {
	opacity: 1;
	z-index: 9999999;
}

.global-loader--active .global-loader__image {
	transform: scale(1);
}

.global-loader__image>img {
	max-width: 100%;
	max-height: 100%;
	display: block;
}

.global-loader--active .wrapper {
	filter: blur(5px);
}

.import__preview {
	display: none;
	margin-top: 50px;
	max-height: 300px;
	overflow: auto;
}

.export__step:not(:first-child) {
	display: none;
}

.pay-tabs {
	margin-bottom: 30px;
}

.pay-tabs .main__actions {
	align-items: center;
	gap: 0;
	padding: 0;
	border: 1px solid #cfeee8;
	border-radius: 18px;
	background: rgba(238, 255, 251, .78);
	box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .72), 0 8px 24px rgba(15, 23, 42, .035);
}

.pay-tabs .main__action {
	flex: 1;
	min-width: 0;
}

.pay-tabs .main__action-btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 56px;
	min-width: 0;
	padding: 0 28px;
	border: 1px solid transparent;
	border-radius: 14px;
	background: transparent;
	box-shadow: none;
	color: #626c82;
	font-weight: 900;
	line-height: 1;
}

.pay-tabs .main__action-btn:hover {
	transform: none;
	background: rgba(255, 255, 255, .58);
	color: #047466;
}

.pay-tabs .main__action-btn.btn--purple {
	background: #fff;
	border-color: rgba(210, 227, 226, .92);
	box-shadow: 0 10px 22px rgba(15, 23, 42, .055), inset 0 1px 0 rgba(255, 255, 255, .95);
	color: #047466;
}

.pay-tabs .main__action-btn.btn--purple:hover {
	background: #fff;
	color: #047466;
}

.pay-tabs .main__action-btn.btn--gray {
	background: transparent;
	border-color: transparent;
	box-shadow: none;
}

/*body:not(.body--hide-menu) [data-tippy-root] {
	display: none!important;
}*/

.gs-layout-panel-container+div {
	transform: none !important;
}

.gs-sidebar-left {
	position: absolute !important;
	top: 0;
	right: 0;
	left: auto;
	z-index: 99;
}

.gs-cmp-editor-topbar__wrp-left .gs-cmp-tooltip-target button {
	display: none !important;
}

.gs-layout-panel-container+div .gs-cmp-tooltip-target {
	display: none !important;
}

.gs-cmp-row {
	padding-left: 239px !important;
}

/*[id="headlessui-disclosure-panel-:r15:"] {
	position: absolute;
	top: 0;
	left: 500px;
}*/
.gs-cmp-editor-topbar {
	display: none !important;
}

.cke_notifications_area {
	display: none !important;
}

.gs-sidebar-right {
	visibility: hidden !important;
	height: auto !important;
}

.open-bg-styles .gs-sidebar-right {
	visibility: visible !important;
	position: absolute !important;
	top: 0;
	left: 0;
	z-index: 99;
	bottom: 0;
}

/*.open-bg-styles .gs-sidebar-left {
	visibility: hidden!important;
}*/
.open-bg-styles .gs-sidebar-right .gs-cmp-accordion-handler {
	display: none !important;
}

.open-bg-styles .gs-cmp-row {
	padding-right: 241px !important;
}

.studio__close-styles {
	position: absolute;
	left: 0;
	bottom: 25px;
	z-index: 100;
	width: 240px;
	justify-content: center;
	display: none;
}

.open-bg-styles .studio__close-styles {
	display: flex;
}

.files__preview a,
.files__preview img {
	display: block;
}

.files__preview img {
	width: 50px;
	height: 50px;
	object-fit: cover;
}

.files__upload {
	margin-bottom: 40px;
}

.modal__box--choose {
	width: 700px;
}

.choose {
	padding: 50px 30px;
}

.choose__actions {
	justify-content: center;
	gap: 20px;
}

.modal__box--fm {
	width: 1250px;
}

.fm {
	padding: 50px 50px;
}

.fm__items {
	grid-template-columns: repeat(auto-fill, minmax(177px, 1fr));
	gap: 15px;
}

.fm__item {
	cursor: pointer;
}

.fm__item-box {
	background: #f2f2f2;
	border: 1px solid #dcdcdc;
	transition: 300ms;
	height: 100%;
}

.fm__item-image {
	height: 0;
	position: relative;
	padding-bottom: 100%;
}

.fm__item-image-in {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	justify-content: center;
	align-items: center;
}

.fm__item-image-in>img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.fm__item-cont {
	padding: 10px;
}

.fm__item-title {
	font-weight: 500;
	margin-bottom: 6px;
	font-size: 14px;
	word-break: break-all;
}

.fm__item-date {
	color: rgba(0, 0, 0, 0.5);
	font-size: 11px;
}

.fm__item--checked .fm__item-box {
	border: 3px solid var(--green-color);
	filter: brightness(92%);
}

.fm__item-box:hover {
	border-color: #000;
	box-shadow: 0 0 12px rgba(0, 0, 0, 0.14);
}

.files__entity {
	display: grid;
	grid-template-columns: 100%;
	gap: 12px;
}

.fm__title {
	margin: 0;
}

.fm__top {
	align-items: center;
	justify-content: space-between;
	margin-bottom: 30px;
}

.rates__center {
	width: 1115px;
	margin: 0 auto;
	max-width: 100%;
}

.rates__tabs {
	box-shadow: 0 5px 20px rgba(0, 0, 0, 0.25);
	border-radius: 20px;
	justify-content: center;
}

.rates__tab {
	background: #F2F2F2;
	color: #7F7F7F;
	flex: 1;
	font-size: 30px;
	justify-content: center;
	align-items: center;
	text-align: center;
	padding: 15px 10px;
	position: relative;
	transition: 300ms;
}

.rates__tab span {
	position: relative;
	z-index: 2;
}

.rates__tab i {
	font-size: 18px;
	color: #41CA00;
	display: block;
	font-style: normal;
	transition: 300ms;
}

.rates__tab:first-child {
	border-radius: 20px 0 0 20px;
}

.rates__tab:last-child {
	border-radius: 0 20px 20px 0;
}

.rates__tab:after {
	content: '';
	background: #7F7F7F;
	width: 1px;
	top: 13px;
	bottom: 13px;
	position: absolute;
	right: 0;
}

.rates__tab:last-child:after {
	display: none;
}

.rates__tab:hover {
	text-decoration: none;
}

.rates__tab:not(.rates__tab--active):hover {
	color: var(--green-color);
}

.rates__tab:before {
	content: '';
	background: var(--purple-color);
	border-radius: 20px !important;
	position: absolute;
	top: -7px;
	left: -7px;
	right: -7px;
	bottom: -7px;
	opacity: 0;
	transition: 300ms;
}

.rates__tab--active:before {
	opacity: 1;
}

.rates__tab--active {
	border-radius: 0 !important;
	z-index: 2;
}

.rates__tab--active {
	color: #fff;
}

.rates__tab--active i {
	color: #fff;
}

.rates__tab--active:after {
	display: none;
}

.rates__all {
	margin-top: 50px;
}

.rates__items {
	gap: 26px;
	align-items: center;
	justify-content: center;
}

.rates__item {
	flex: 1;
}

.rates__box {
	background: #fff;
	border-radius: 20px;
	padding: 54px 30px 28px 30px;
	text-align: center;
	box-shadow: 0 0 12px rgba(0, 0, 0, 0.17);
	transition: 300ms;
	color: #000;
	position: relative;
	overflow: hidden;
}

.rates__box:hover {
	box-shadow: 0 0 25px rgba(0, 0, 0, 0.37);
}

.rates__item--center .rates__box {
	padding: 77px 30px 56px 30px;
}

.rates__stitle {
	font-size: 37px;
	font-weight: bold;
	color: #000;
	margin-bottom: 12px;
}

.rates__short {
	font-size: 16px;
	margin-bottom: 25px;
}

.rates__full {
	margin-bottom: 20px;
}

.rates__full ul {
	display: grid;
	grid-template-columns: 100%;
	gap: 15px;
}

.rates__cost {
	font-size: 25px;
	font-weight: bold;
	margin-bottom: 25px;
}

.rates__cost-value {
	font-weight: 900;
	font-size: 30px;
}

.rates__current {
	margin: 40px;
	text-align: center;
	font-size: 50px;
	font-weight: 600;
}

.rates__cost-value>i {
	display: block;
	font-style: normal;
	margin-top: 4px;
	color: grey;
	font-size: 14px;
	font-weight: 600;
}

.old-price {
	font-size: 18px;
	text-decoration: line-through;
}

.rates__actions {
	justify-content: center;
}

.rates__changed {
	opacity: 0.7;
	font-style: italic;
	margin-top: 5px;
}

.rates__item--active .rates__box {
	/*border: 3px solid var(--green-color);*/
}

.rates__active {
	background: var(--green-color);
	text-align: center;
	font-weight: bold;
	padding: 12px 0;
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
}

.menu__item--adm {
	padding-bottom: 20px;
	border-bottom: 1px solid rgba(255, 255, 255, 0.1);
	margin-bottom: 20px;
}

.gjs-rte-toolbar {
	width: 500px !important;
}

.gjs-cv-unscale>div>div>div:nth-child(1),
.gjs-cv-unscale>div>div>div:nth-child(2) {
	display: none !important;
}

.make__section {
	margin-bottom: 50px;
}

.make__section:last-child {
	margin-bottom: 0;
}

.make__section-title {
	margin-bottom: 25px;
}

.modal__box--tview {
	/*width: 1000px;*/
	width: auto;
}

.modal__tview iframe {
	/*width: 495px;
	height: 700px;*/
	border: none;
	overflow: auto;
}

.templates-search {
	gap: 30px;
}

.templates-search__item {
	flex: 1;
}

.gs-block-item--text {
	display: none !important;
}

.make__template-categories {
	margin-top: 12px;
	font-weight: 500;
}

.template__categories {
	font-weight: 500;
	margin-bottom: 15px;
}

.make__template-categories>span,
.template__categories>span {
	font-weight: 300;
}

.actions__text {
	text-align: center;
	font-size: 12px;
	margin-top: 10px;
}

.gjs-frame-wrapper {
	border: 1px solid #b7b7b7;
	box-shadow: 0px 0px 20px #00000020;
}

.background-layer {
	display: none !important;
}

.body--hide-menu .background-layer {
	display: flex;
}

.template__edit {
	display: inline-block;
	vertical-align: middle;
	margin: 0 0 0 3px;
	transform: translateY(1px);
	cursor: pointer;
}

.template__edit svg {
	width: 18px;
	height: 18px;
}

.select2-selection--multiple {
	height: auto !important;
}

.select2-selection--multiple .select2-selection__rendered {
	line-height: normal !important;
	padding: 0 !important;
}

.rates__success {
	justify-content: center;
	margin-bottom: 40px;
}

.rates__success>span {
	background: #50a909;
	font-size: 20px;
	font-weight: bold;
	padding: 20px 50px;
	border-radius: 15px;
	color: #fff;
}

/*.gjs-frames {
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	display: flex;
	justify-content: center;
	align-items: center;
}*/
.gjs-frame-wrapper {
	top: 50% !important;
	transform: translateY(-50%);
}

.gjs-cv-canvas__frames {
	background-color: #e8e8e8;
}

.gs-utl-flex.gs-block-manager__header.gs-utl-pt-2.gs-utl-px-2.gs-utl-flex-col.gs-utl-flex-wrap.gs-utl-space-y-2,
.gs-utl-flex.gs-utl-card-title.gs-utl-p-2.gs-utl-flex-wrap.gs-utl-items-center {
	display: none;
}

.gs-block-manager__category .gs-cmp-accordion-handler:hover {
	background-color: #e8e8e8;
	transition: 0.1s;
}

/* Robust live КП preview for ZIP-imported templates. */
.make__preview-page{
	margin: 0 0 18px;
	padding: 0;
}
.make__preview-page-title{
	font-weight: 700;
	margin: 0 0 8px;
}
.make__preview canvas{
	max-width: 100%;
	height: auto !important;
	display: block;
	background: #fff;
	box-shadow: 0 1px 3px rgba(0,0,0,.08);
}
.make__preview-html-frame{
	width: 100%;
	min-height: 70vh;
	border: 0;
	background: #fff;
	border-radius: 8px;
	box-shadow: 0 1px 3px rgba(0,0,0,.08);
}
.make__preview--html-fallback{
	padding: 0;
	overflow: auto;
}


/* Offer make step preview layout: keep the old compact right preview, but make it scrollable and safe for ZIP-imported HTML previews. */
[data-template="offers/make"] #make_3 .edit__row--make{
    align-items:stretch;
}
[data-template="offers/make"] #make_3 .edit__col--2,
[data-template="offers/make"] .edit__row--make .edit__col--2{
    flex:0 0 500px;
    max-width:500px;
}
[data-template="offers/make"] #make_3 .make__preview{
    overflow:auto;
    min-height:320px;
    max-height:calc(100vh - 220px);
    padding-right:8px;
}
[data-template="offers/make"] #make_3 .make__preview-html-wrap{
    position:relative;
    overflow:hidden;
    background:transparent;
    margin:0 0 16px 0;
}
[data-template="offers/make"] #make_3 .make__preview-html-frame{
    display:block;
    position:absolute;
    left:0;
    top:0;
    min-height:0;
    border:1px solid #aaa;
    background:#fff;
    border-radius:0;
    box-shadow:none;
    transform-origin:0 0;
    pointer-events:none;
}
[data-template="offers/make"] #make_3 .make__preview--html-fallback{
    padding-right:8px;
    overflow:auto;
}
[data-template="offers/make"] #make_3 .make__preview canvas{
    max-width:100%;
    height:auto!important;
}
[data-template="offers/make"] #make_3 .make__preview-title-row .make__create-top{
    display:inline-flex!important;
}

/* Fix КП live HTML preview: show slide body under title, with stable gaps between slides. */
[data-template="offers/make"] .make__preview-page{
    display:block;
    margin:0 0 28px 0!important;
    padding:0!important;
    font-weight:400!important;
}
[data-template="offers/make"] .make__preview-page-title{
    display:block;
    margin:0 0 10px 0!important;
    padding:0!important;
    font-weight:700!important;
    font-size:13px!important;
    line-height:1.25!important;
    color:#222!important;
}
[data-template="offers/make"] .make__preview-html-wrap{
    display:block!important;
    position:relative!important;
    overflow:hidden!important;
    background:transparent!important;
    min-height:180px;
}
[data-template="offers/make"] .make__preview-html-frame{
    display:block!important;
    position:absolute!important;
    left:0!important;
    top:0!important;
    min-height:0!important;
    border:1px solid #aaa!important;
    background:#fff!important;
    border-radius:0!important;
    box-shadow:none!important;
    transform-origin:0 0!important;
    pointer-events:none!important;
}
[data-template="offers/make"] .make__preview--html-fallback .make__preview-page + .make__preview-page{
    margin-top:30px!important;
}

/* Offer preview width-fit fix: every HTML/PDF preview must fit the right column width. */
[data-template="offers/make"] #make_3 .make__preview,
[data-template="offers/make"] .edit__row--make .make__preview{
    overflow-y:auto!important;
    overflow-x:hidden!important;
}
[data-template="offers/make"] .make__preview-html-wrap{
    max-width:100%!important;
    overflow:hidden!important;
}
[data-template="offers/make"] .make__preview-html-frame{
    max-width:none!important;
}
[data-template="offers/make"] .make__preview canvas{
    display:block!important;
    max-width:100%!important;
    height:auto!important;
}

/* Strong КП preview iframe fit fix: scale content inside iframe, not the iframe itself. */
[data-template="offers/make"] .make__preview--html-fallback{
    overflow-y:auto!important;
    overflow-x:hidden!important;
}
[data-template="offers/make"] .make__preview-html-wrap{
    width:100%!important;
    max-width:100%!important;
    overflow:hidden!important;
}
[data-template="offers/make"] .make__preview-html-frame{
    position:static!important;
    display:block!important;
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    overflow:hidden!important;
    transform:none!important;
}

/* Sent offers dashboard redesign */
.sent-offers-page{
	--so-primary:#16c7a8;
	--so-success:#22c55e;
	--so-warning:#f59e0b;
	--so-info:#6366f1;
	--so-danger:#ef4444;
	--so-muted:#64748b;
	--so-border:#e9edf3;
	--so-text:#0f172a;
	--so-bg:#f8fafc;
	color:var(--so-text);
	padding-bottom:32px;
}
.sent-offers-page *{box-sizing:border-box;}
.sent-offers-header{margin-bottom:18px;position:relative;}
.sent-offers-title{font-size:32px;line-height:1.15;margin:0 0 18px;font-weight:800;color:#0f172a;}
.sent-offers-subtitle{font-size:16px;color:#334155;margin-bottom:4px;}
.sent-offers-note{font-size:13px;color:#64748b;}
.sent-offers-toolbar{display:flex;justify-content:flex-end;gap:14px;align-items:center;flex-wrap:wrap;}
.dashboard-card{background:#fff;border:1px solid var(--so-border);border-radius:16px;box-shadow:0 6px 20px rgba(15,23,42,.04);padding:20px;}
.so-btn,.so-period{height:44px;border-radius:10px;border:1px solid #dbe3ee;background:#fff;color:#0f172a;padding:0 16px;font-weight:700;display:inline-flex;align-items:center;gap:8px;cursor:pointer;transition:.18s ease;white-space:nowrap;}
.so-btn:hover,.so-period:hover{border-color:#cbd5e1;box-shadow:0 6px 18px rgba(15,23,42,.08);}
.so-btn--primary{background:linear-gradient(135deg,#16c7a8,#13b89c);border-color:#16c7a8;color:#fff;}
.so-btn--danger{background:#fee2e2;border-color:#fecaca;color:#b91c1c;}
.so-btn:disabled{opacity:.45;cursor:not-allowed;box-shadow:none;}
.so-btn--dirty{box-shadow:0 0 0 4px rgba(22,199,168,.16);}
.so-period__icon{opacity:.75;}
.so-period-popover{position:absolute;right:0;top:58px;z-index:30;background:#fff;border:1px solid var(--so-border);border-radius:16px;box-shadow:0 24px 60px rgba(15,23,42,.14);padding:14px;min-width:360px;}
.so-period-popover__presets{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:12px;}
.so-period-popover__presets button,.so-quick button,.so-tags button{border:1px solid #dbe3ee;background:#fff;border-radius:9px;height:36px;padding:0 12px;color:#334155;cursor:pointer;}
.so-period-popover__presets button:hover,.so-quick button:hover,.so-tags button:hover{border-color:var(--so-primary);color:#0f766e;background:#ecfdf5;}
.so-period-popover__dates{display:grid;grid-template-columns:1fr 1fr auto;gap:10px;align-items:end;}
.so-period-popover label,.so-field{display:flex;flex-direction:column;gap:7px;font-size:13px;color:#334155;font-weight:700;}
.so-period-popover input,.so-field select,.so-per-page select,.so-card-head select{height:42px;border:1px solid #dbe3ee;border-radius:10px;background:#fff;padding:0 12px;color:#0f172a;}
.so-kpi-row,.so-charts-row,.so-analytics-row{margin-bottom:14px;}
.so-kpi-card{position:relative;min-height:112px;display:grid;grid-template-columns:48px 1fr 108px;gap:14px;align-items:center;overflow:hidden;}
.so-kpi-card__icon{width:44px;height:44px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:20px;background:#eff6ff;color:#2563eb;}
.so-kpi-card--purple .so-kpi-card__icon{background:#f1effe;color:#6366f1;}
.so-kpi-card--green .so-kpi-card__icon{background:#ecfdf5;color:#16a34a;}
.so-kpi-card--orange .so-kpi-card__icon{background:#fff7ed;color:#f59e0b;}
.so-kpi-card__label{font-size:13px;color:#64748b;margin-bottom:7px;}
.so-kpi-card__value{font-size:24px;font-weight:800;color:#0f172a;line-height:1.1;}
.so-kpi-card__change{font-size:12px;color:#16a34a;margin-top:7px;font-weight:700;}
.so-spark{width:108px;height:38px;color:#2563eb;opacity:.9;}
.so-kpi-card--purple .so-spark{color:#6366f1;}.so-kpi-card--green .so-spark{color:#16c7a8;}.so-kpi-card--orange .so-spark{color:#f59e0b;}
.so-card-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px;}
.so-card-head h3,.so-filters__head h3{font-size:16px;line-height:1.25;margin:0;font-weight:800;color:#0f172a;}
.so-card-head select{height:36px;font-size:13px;min-width:138px;}
.so-chart{height:250px;width:100%;}
.so-chart svg{width:100%;height:100%;display:block;overflow:visible;}
.so-chart-labels text{font-size:11px;fill:#64748b;}
.so-widget{min-height:230px;}
.so-bars{display:flex;flex-direction:column;gap:13px;}
.so-bar-row{display:grid;grid-template-columns:1fr auto;gap:8px;background:transparent;border:0;padding:0;text-align:left;color:#0f172a;cursor:pointer;}
.so-bar-row span{font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.so-bar-row b{font-size:12px;white-space:nowrap;}
.so-bar-row i{grid-column:1/3;height:9px;background:#eff3f8;border-radius:999px;overflow:hidden;}
.so-bar-row em{display:block;height:100%;background:linear-gradient(90deg,#2563eb,#60a5fa);border-radius:999px;}
.so-donut-block{display:grid;grid-template-columns:136px 1fr;gap:18px;align-items:center;}
.so-donut{width:132px;height:132px;border-radius:50%;position:relative;background:#f1f5f9;}
.so-donut:after{content:"";position:absolute;inset:31px;background:#fff;border-radius:50%;box-shadow:inset 0 0 0 1px #eef2f7;}
.so-donut-list{display:flex;flex-direction:column;gap:10px;}
.so-donut-item{display:grid;grid-template-columns:10px minmax(0,1fr) auto auto;gap:8px;align-items:center;border:0;background:transparent;padding:0;text-align:left;cursor:pointer;color:#0f172a;}
.so-donut-item span{width:10px;height:10px;border-radius:50%;}
.so-donut-item b{font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.so-donut-item em{font-style:normal;color:#475569;font-size:12px;}
.so-donut-item strong{font-size:12px;white-space:nowrap;}
.so-muted{color:#64748b;font-size:14px;}
.so-filters{margin:14px 0;}
.so-filters__head{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;}
.so-filters__head button{border:0;background:transparent;color:#64748b;font-weight:700;cursor:pointer;}
.so-field select{width:100%;font-weight:500;color:#334155;}
.so-filters__footer{display:flex;justify-content:space-between;gap:16px;align-items:flex-end;margin-top:20px;}
.so-quick{display:flex;align-items:center;gap:10px;flex-wrap:wrap;color:#334155;font-size:14px;}
.so-tags{display:inline-flex;gap:8px;flex-wrap:wrap;}
.so-tags button{background:#ecfeff;border-color:#a5f3fc;color:#0f766e;}
.so-filter-actions{display:flex;gap:10px;}
.so-table-card{padding:0;overflow:hidden;margin-top:14px;}
.so-table-toolbar{min-height:70px;padding:16px 20px;border-bottom:1px solid var(--so-border);display:flex;align-items:center;justify-content:space-between;gap:16px;}
.so-table-toolbar__left,.so-table-toolbar__right{display:flex;align-items:center;gap:12px;flex-wrap:wrap;}
.so-per-page{display:flex;gap:10px;align-items:center;color:#334155;font-size:14px;}
.so-per-page select{height:40px;}
.so-table-wrap{overflow-x:auto;position:relative;}
.so-table{width:100%;border-collapse:separate;border-spacing:0;min-width:1060px;}
.so-table th{background:#fff;color:#0f172a;font-weight:800;font-size:13px;text-align:left;padding:14px 16px;border-bottom:1px solid var(--so-border);white-space:nowrap;}
.so-table th[data-sort]{cursor:pointer;}
.so-table th[data-sort]:after{content:"↕";font-size:12px;color:#94a3b8;margin-left:6px;}
.so-table td{padding:14px 16px;border-bottom:1px solid #eef2f7;color:#334155;vertical-align:middle;font-size:13px;background:#fff;}
.so-table tr:hover td{background:#fbfdff;}
.so-table td a{color:#0f172a;font-weight:700;text-decoration:none;}
.so-table td small{display:block;margin-top:4px;color:#94a3b8;font-size:12px;}
.so-product-cell{display:flex;align-items:center;gap:10px;min-width:220px;}
.so-product-cell img,.so-product-empty{width:42px;height:42px;border-radius:8px;background:#f1f5f9;object-fit:cover;flex:none;border:1px solid #e2e8f0;}
.so-product-cell b{display:block;color:#0f172a;max-width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.so-status{display:inline-flex;align-items:center;height:28px;padding:0 12px;border-radius:999px;background:color-mix(in srgb, var(--status-color) 15%, white);color:var(--status-color);font-weight:800;font-size:12px;}
@supports not (background: color-mix(in srgb, red 15%, white)){.so-status{background:#ecfdf5;}}
.so-actions{display:flex;gap:8px;align-items:center;}
.so-action{width:36px;height:36px;border:1px solid #dbe3ee;border-radius:9px;background:#fff;color:#0f172a;display:inline-flex;align-items:center;justify-content:center;text-decoration:none;cursor:pointer;font-size:15px;}
.so-action:hover{border-color:#cbd5e1;box-shadow:0 5px 14px rgba(15,23,42,.08);}
.so-action--danger{color:#b91c1c;}
.so-pagination{padding:16px 20px;display:flex;align-items:center;justify-content:space-between;gap:16px;color:#64748b;font-size:14px;}
.so-pagination__buttons{display:flex;gap:10px;align-items:center;}
.so-pagination__buttons button,.so-pagination__buttons span{width:40px;height:40px;border:1px solid #dbe3ee;background:#fff;border-radius:9px;display:flex;align-items:center;justify-content:center;color:#0f172a;font-weight:700;}
.so-pagination__buttons span{border-color:#16c7a8;color:#0f766e;background:#ecfdf5;}
.so-pagination__buttons button:disabled{opacity:.45;}
.so-empty{padding:50px 20px;text-align:center;background:#fff;}
.so-empty h3{margin:0 0 8px;font-size:20px;}.so-empty p{margin:0 0 16px;color:#64748b;}
.so-modal[hidden],.so-period-popover[hidden],.so-empty[hidden]{display:none!important;}
.so-modal{position:fixed;inset:0;z-index:1000;display:flex;align-items:center;justify-content:center;padding:20px;}
.so-modal__backdrop{position:absolute;inset:0;background:rgba(15,23,42,.45);}
.so-modal__box{position:relative;background:#fff;border-radius:16px;box-shadow:0 24px 70px rgba(15,23,42,.2);width:min(520px,100%);overflow:hidden;}
.so-modal__head,.so-modal__footer{padding:18px 20px;border-bottom:1px solid var(--so-border);display:flex;align-items:center;justify-content:space-between;gap:12px;}
.so-modal__footer{border-top:1px solid var(--so-border);border-bottom:0;justify-content:flex-end;}
.so-modal__head h3{margin:0;font-size:18px;}.so-modal__head button{border:0;background:transparent;font-size:28px;cursor:pointer;}
.so-modal__body{padding:20px;display:grid;grid-template-columns:1fr 1fr;gap:12px;}
.so-check{display:flex;gap:10px;align-items:center;padding:12px;border:1px solid #e2e8f0;border-radius:10px;cursor:pointer;}
@media (max-width:1199px){.so-donut-block{grid-template-columns:120px 1fr}.so-donut{width:116px;height:116px}.sent-offers-toolbar{justify-content:flex-start}.so-period-popover{left:0;right:auto;}.so-kpi-card{grid-template-columns:44px 1fr;}.so-spark{display:none;}}
@media (max-width:767px){.sent-offers-title{font-size:26px}.dashboard-card{padding:16px}.so-filters__footer,.so-table-toolbar,.so-pagination{align-items:flex-start;flex-direction:column}.so-filter-actions,.so-table-toolbar__right{width:100%;justify-content:space-between}.so-period-popover{position:static;margin-bottom:14px;min-width:0}.so-period-popover__dates{grid-template-columns:1fr}.so-donut-block{grid-template-columns:1fr;justify-items:center}.so-modal__body{grid-template-columns:1fr}}


/* Unified modern tables: used outside "Отправленные КП" */
.of-modern-filter .filter__do{display:none!important}
.of-managed-table-card{background:#fff;border:1px solid #e9edf3;border-radius:16px;box-shadow:0 6px 20px rgba(15,23,42,.04);padding:0!important;overflow:hidden;margin-top:18px}
.of-managed-table-card .products__table{margin:0;padding:0}
.of-managed-table-card .is-table-div{width:100%;overflow-x:auto}
.of-table-toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:18px 20px;border-bottom:1px solid #e9edf3;background:#fff}
.of-table-toolbar__left,.of-table-toolbar__right{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.of-table-toolbar__selected{font-weight:800;color:#0f172a;white-space:nowrap}
.of-table-btn{border:1px solid #e2e8f0;border-radius:10px;height:40px;padding:0 16px;font-weight:800;background:#fff;color:#1f2937;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:8px;text-decoration:none;transition:background .16s ease,border-color .16s ease,color .16s ease,box-shadow .16s ease,opacity .16s ease,transform .12s ease}
.of-table-btn:hover{border-color:#cbd5e1;background:#f8fafc;text-decoration:none}
.of-table-btn:active{transform:translateY(1px)}
.of-table-btn:disabled,.of-table-btn.is-disabled{opacity:.45;cursor:not-allowed;pointer-events:none}
.of-table-btn--danger{background:#fee2e2;color:#991b1b;border-color:#fecaca}
.of-table-btn--danger:not(:disabled):hover{background:#fecaca;border-color:#fca5a5;color:#7f1d1d}
.of-table-toolbar label{display:inline-flex;align-items:center;gap:8px;color:#475569;font-weight:700;white-space:nowrap;margin:0}
.of-table-toolbar select{height:40px;border:1px solid #dbe3ef;border-radius:10px;background:#fff;padding:0 34px 0 12px;color:#0f172a;font-weight:800;outline:none}
.of-managed-table-card .dataTables_length{display:none!important}
.of-managed-table-card .dataTables_filter{padding:14px 20px 0!important;text-align:right!important}
.of-managed-table-card .dataTables_filter label{color:#64748b;font-weight:700}
.of-managed-table-card .dataTables_filter input{height:38px;border:1px solid #dbe3ef;border-radius:10px;padding:0 12px;margin-left:8px;outline:none}
.of-managed-table-card .dataTables_info{padding:18px 20px!important;color:#64748b!important;font-weight:600}
.of-managed-table-card .dataTables_paginate{padding:12px 20px 18px!important}
.of-managed-table-card .paginate_button{border:1px solid #e2e8f0!important;border-radius:9px!important;background:#fff!important;margin:0 3px!important;color:#334155!important}
.of-managed-table-card .paginate_button.current{background:#ecfeff!important;border-color:#16c7a8!important;color:#0f766e!important}
.of-modern-table{width:100%!important;border-collapse:separate!important;border-spacing:0!important;background:#fff}
.of-modern-table th{background:#fff!important;color:#0f172a!important;font-size:13px!important;font-weight:800!important;padding:14px 12px!important;border-bottom:1px solid #e9edf3!important;white-space:nowrap;vertical-align:middle!important}
.of-modern-table td{padding:14px 12px!important;border-bottom:1px solid #e9edf3!important;color:#334155;vertical-align:middle!important;background:#fff!important}
.of-modern-table tbody tr:hover td{background:#f8fafc!important}
.of-modern-table a{color:#1f2937;text-decoration:none;font-weight:700}
.of-modern-table a:hover{color:#0f766e;text-decoration:none}
.of-modern-table small{display:block;color:#94a3b8;margin-top:4px}
.of-modern-table .is-table__checkbox-td,.of-modern-table td:first-child{width:48px;text-align:center;padding-left:18px!important;padding-right:8px!important}
.of-modern-table input[type="checkbox"]{appearance:none;-webkit-appearance:none;width:22px;height:22px;border:2px solid #cbd5e1;border-radius:7px;background:#fff;display:inline-grid;place-content:center;vertical-align:middle;cursor:pointer;transition:background .18s ease,border-color .18s ease,box-shadow .18s ease,transform .12s ease}
.of-modern-table input[type="checkbox"]:hover{border-color:#16c7a8;box-shadow:0 0 0 4px rgba(22,199,168,.12)}
.of-modern-table input[type="checkbox"]:active{transform:scale(.88)}
.of-modern-table input[type="checkbox"]:checked{background:#16c7a8;border-color:#16c7a8;box-shadow:0 6px 14px rgba(22,199,168,.28)}
.of-modern-table input[type="checkbox"]:checked:before{content:"";width:10px;height:6px;border-left:2px solid #fff;border-bottom:2px solid #fff;transform:rotate(-45deg) translate(1px,-1px)}
.of-modern-table .is-table__actions-td{width:1%;min-width:120px;text-align:left;padding-left:16px!important}
.of-modern-table .is-table__actions{display:flex!important;align-items:center!important;justify-content:flex-start!important;gap:8px!important;flex-wrap:nowrap!important;white-space:nowrap!important;padding-left:0!important}
.of-modern-table .is-table__action{width:38px!important;height:38px!important;min-width:38px!important;border:1px solid #e2e8f0!important;border-radius:10px!important;background:#fff!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;color:#334155!important;transition:background .16s ease,border-color .16s ease,transform .12s ease,box-shadow .16s ease!important}
.of-modern-table .is-table__action:hover{background:#f8fafc!important;border-color:#cbd5e1!important;box-shadow:0 6px 16px rgba(15,23,42,.08)!important}
.of-modern-table .is-table__action:active{transform:translateY(1px)!important}
.of-modern-table .is-table__action svg{width:15px!important;height:15px!important;display:block!important}
.of-modern-table .is-table__action--delete{color:#dc2626!important;background:#fff!important}
.of-modern-table .is-table__action--delete:hover{background:#fee2e2!important;border-color:#fecaca!important}
@media(max-width:767px){.of-table-toolbar{align-items:flex-start;flex-direction:column}.of-table-toolbar__right{width:100%;justify-content:space-between}.of-managed-table-card .dataTables_filter{text-align:left!important}}

/* Hide duplicated native DataTables page-length control in unified table cards.
   The custom "Показывать по" selector in .of-table-toolbar is the only visible control. */
.of-managed-table-card .dataTables_length,
.of-managed-table-card .dt-length,
.of-managed-table-card div[id$="_length"],
[data-of-managed-table] .dataTables_length,
[data-of-managed-table] .dt-length,
[data-of-managed-table] div[id$="_length"]{
	display:none!important;
	visibility:hidden!important;
	height:0!important;
	min-height:0!important;
	margin:0!important;
	padding:0!important;
	overflow:hidden!important;
}

/* Row drag-and-drop must be vertical only and must not create inner table scrollbars. */
body.of-row-sort-active{cursor:grabbing!important;user-select:none!important;}
body.of-row-sort-active .of-managed-table-card.of-sortable-active,
body.of-row-sort-active .of-managed-table-card.of-sortable-active .is-table-div,
body.of-row-sort-active .of-managed-table-card.of-sortable-active .dt-scroll,
body.of-row-sort-active .of-managed-table-card.of-sortable-active .dt-scroll-body,
body.of-row-sort-active .products.of-sortable-active,
body.of-row-sort-active .products.of-sortable-active .is-table-div{
	overflow:visible!important;
}
.of-sortable-helper{
	display:table!important;
	position:absolute!important;
	z-index:999999!important;
	background:#fff!important;
	box-shadow:0 20px 50px rgba(15,23,42,.22)!important;
	border-radius:14px!important;
	pointer-events:none!important;
	opacity:.98!important;
	transform:rotate(.2deg)!important;
}
.of-sortable-helper td{
	background:#fff!important;
	border-bottom:0!important;
}
.of-sortable-placeholder td{
	background:#ecfeff!important;
	border:1px dashed #16c7a8!important;
}

/* Row drag UX fix: floating row stays over the same table column and moves only vertically. */
body.of-row-sort-active{overflow-x:hidden!important;}
.of-sortable-helper{
	position:absolute!important;
	z-index:1000000!important;
	pointer-events:none!important;
	box-sizing:border-box!important;
	max-width:none!important;
	overflow:visible!important;
	background:transparent!important;
	box-shadow:none!important;
	border-radius:0!important;
	transform:none!important;
}
.of-sortable-helper-table{
	width:100%!important;
	table-layout:fixed!important;
	border-collapse:separate!important;
	border-spacing:0!important;
	background:#fff!important;
	box-shadow:0 22px 60px rgba(15,23,42,.20)!important;
	border-radius:14px!important;
	overflow:hidden!important;
}
.of-sortable-helper-table tr,
.of-sortable-helper-table td{
	background:#fff!important;
}
.of-sortable-placeholder td{
	height:58px!important;
	background:#ecfeff!important;
	border-top:1px dashed #16c7a8!important;
	border-bottom:1px dashed #16c7a8!important;
}

/* Unified navigation SVG icons */
.menu__ico {
	position: relative;
	align-items: center;
}
.menu__item--adm .menu__ico > svg,
.menu__item--offers .menu__ico > svg,
.menu__item--templates .menu__ico > svg,
.menu__item--rates .menu__ico > svg,
.menu__item--categories .menu__ico > svg,
.menu__item--products .menu__ico > svg,
.menu__item--clients .menu__ico > svg,
.menu__item--users .menu__ico > svg,
.menu__item--filemanager .menu__ico > svg,
.menu__item--options .menu__ico > svg,
.menu__item--pay .menu__ico > svg,
.menu__item--blog .menu__ico > svg,
.menu__item--support .menu__ico > svg {
	display: none;
}
.menu__item--adm .menu__ico::before,
.menu__item--offers .menu__ico::before,
.menu__item--templates .menu__ico::before,
.menu__item--rates .menu__ico::before,
.menu__item--categories .menu__ico::before,
.menu__item--products .menu__ico::before,
.menu__item--clients .menu__ico::before,
.menu__item--users .menu__ico::before,
.menu__item--filemanager .menu__ico::before,
.menu__item--options .menu__ico::before,
.menu__item--pay .menu__ico::before,
.menu__item--blog .menu__ico::before,
.menu__item--support .menu__ico::before {
	content: '';
	display: block;
	width: 20px;
	height: 20px;
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
	filter: brightness(0) invert(1);
	transform: translateY(-1px);
}
.menu__item--adm .menu__ico::before { background-image: url('../icons/nav/super-admin.svg'); }
.menu__item--offers .menu__ico::before { background-image: url('../icons/nav/sent-offers.svg'); }
.menu__item--templates .menu__ico::before { background-image: url('../icons/nav/templates.svg'); }
.menu__item--rates .menu__ico::before,
.menu__item--categories .menu__ico::before { background-image: url('../icons/nav/categories.svg'); }
.menu__item--products .menu__ico::before { background-image: url('../icons/nav/products.svg'); }
.menu__item--clients .menu__ico::before { background-image: url('../icons/nav/clients.svg'); }
.menu__item--users .menu__ico::before { background-image: url('../icons/nav/users.svg'); }
.menu__item--filemanager .menu__ico::before { background-image: url('../icons/nav/my-files.svg'); }
.menu__item--options .menu__ico::before { background-image: url('../icons/nav/settings.svg'); }
.menu__item--pay .menu__ico::before { background-image: url('../icons/nav/payment.svg'); }
.menu__item--blog .menu__ico::before { background-image: url('../icons/nav/blog.svg'); }
.menu__item--support .menu__ico::before { background-image: url('../icons/nav/online-consultant.svg'); }

.nav__icon-img {
	display: block;
	width: 76px;
	height: 76px;
	object-fit: contain;
}
.nav__ico > .nav__icon-img {
	max-width: 76px;
	max-height: 76px;
}

/* Offer creation step 3: white client-data panel with design shadow toward preview. */
[data-template="offers/make"] #make_3.proccess {
    min-height: calc(100vh - 4px) !important;
    height: calc(100vh - 4px) !important;
    overflow: hidden !important;
}

[data-template="offers/make"] #make_3 .edit__row--make {
    height: 100% !important;
    min-height: 100% !important;
    align-items: stretch !important;
    background: #f5f5f5 !important;
}

[data-template="offers/make"] #make_3 .edit__col--1 {
    position: relative !important;
    z-index: 2 !important;
    height: 100% !important;
    min-height: 100% !important;
    background: #ffffff !important;
    box-shadow: 34px 0 70px rgba(15, 23, 42, 0.14) !important;
}

[data-template="offers/make"] #make_3 .edit__col--1 .edit__group,
[data-template="offers/make"] #make_3 .edit__col--1 .group {
    background: #ffffff !important;
}

[data-template="offers/make"] #make_3 .edit__col--2 {
    position: relative !important;
    z-index: 1 !important;
    background: #f5f5f5 !important;
}

@media (max-width: 1100px) {
    [data-template="offers/make"] #make_3.proccess {
        height: auto !important;
        min-height: 100vh !important;
        overflow: visible !important;
    }

    [data-template="offers/make"] #make_3 .edit__row--make {
        height: auto !important;
        min-height: 100vh !important;
    }

    [data-template="offers/make"] #make_3 .edit__col--1 {
        min-height: 0 !important;
        box-shadow: none !important;
    }
}

/* Offer creation step 3 final layout: white data panel and gray preview panel like the design mockup. */
[data-template="offers/make"] .main {
    height: 100vh !important;
    overflow: hidden !important;
    background: #e8e8e8 !important;
}

[data-template="offers/make"] .main__in {
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    background: #e8e8e8 !important;
}

[data-template="offers/make"] .make,
[data-template="offers/make"] .make__form,
[data-template="offers/make"] .make__steps {
    width: 100% !important;
    height: 100% !important;
    min-height: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    background: transparent !important;
}

[data-template="offers/make"] #make_3.proccess {
    width: 100% !important;
    height: 100vh !important;
    min-height: 100vh !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
    background: #e8e8e8 !important;
}

[data-template="offers/make"] #make_3 .edit__row--make {
    display: flex !important;
    align-items: stretch !important;
    gap: 0 !important;
    width: 100% !important;
    height: 100% !important;
    min-height: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    background: #e8e8e8 !important;
}

[data-template="offers/make"] #make_3 .edit__col {
    box-sizing: border-box !important;
    height: 100% !important;
    min-height: 0 !important;
    max-height: none !important;
    display: flex !important;
    flex-direction: column !important;
}

[data-template="offers/make"] #make_3 .edit__col--1 {
    position: relative !important;
    z-index: 3 !important;
    flex: 1 1 auto !important;
    width: auto !important;
    min-width: 0 !important;
    max-width: none !important;
    padding: 34px 36px 34px 34px !important;
    background: #ffffff !important;
    box-shadow: 34px 0 76px rgba(15, 23, 42, 0.16) !important;
}

[data-template="offers/make"] #make_3 .edit__col--1::after {
    content: '' !important;
    position: absolute !important;
    top: 0 !important;
    right: -34px !important;
    width: 34px !important;
    height: 100% !important;
    pointer-events: none !important;
    background: linear-gradient(90deg, rgba(15, 23, 42, 0.12), rgba(15, 23, 42, 0)) !important;
}

[data-template="offers/make"] #make_3 .edit__col--1 .edit__group,
[data-template="offers/make"] #make_3 .edit__col--1 .group {
    background: #ffffff !important;
}

[data-template="offers/make"] #make_3 .edit__col--1 .edit__group {
    flex: 1 1 auto !important;
    min-height: 0 !important;
    overflow-y: auto !important;
    overflow-x: hidden !important;
    padding: 0 16px 40px 0 !important;
}

[data-template="offers/make"] #make_3 .edit__col--2,
[data-template="offers/make"] .edit__row--make .edit__col--2 {
    position: relative !important;
    z-index: 1 !important;
    flex: 0 0 520px !important;
    width: 520px !important;
    min-width: 520px !important;
    max-width: 520px !important;
    padding: 34px 36px 34px 40px !important;
    background: #e8e8e8 !important;
    overflow: hidden !important;
}

[data-template="offers/make"] #make_3 .make__preview-title-row {
    position: relative !important;
    top: auto !important;
    z-index: 4 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 16px !important;
    margin: 0 0 28px 0 !important;
    padding: 0 !important;
    background: transparent !important;
}

[data-template="offers/make"] #make_3 .make__preview-title-row > span {
    display: block !important;
    font-size: 30px !important;
    line-height: 1.1 !important;
    font-weight: 800 !important;
    color: #0f172a !important;
}

[data-template="offers/make"] #make_3 .make__preview-header-actions {
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
    flex: 0 0 auto !important;
}

[data-template="offers/make"] #make_3 .make__preview {
    flex: 1 1 auto !important;
    width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow-y: auto !important;
    overflow-x: hidden !important;
    background: #e8e8e8 !important;
}

[data-template="offers/make"] #make_3 .make__preview--proccessing,
[data-template="offers/make"] #make_3 .make__preview--proccessing * {
    filter: none !important;
}

[data-template="offers/make"] #make_3 .make__preview-pdf-native-wrap {
    min-height: 620px !important;
    background: #e8e8e8 !important;
    border-radius: 18px !important;
    overflow: hidden !important;
}

[data-template="offers/make"] #make_3 .make__preview-pdf-native-toolbar {
    background: #ffffff !important;
    border-radius: 18px 18px 0 0 !important;
}

[data-template="offers/make"] #make_3 .make__preview-pdf-native-frame {
    background: #e8e8e8 !important;
    border-radius: 0 0 18px 18px !important;
}

[data-template="offers/make"] #make_3 .group__title.section-title--30,
[data-template="offers/make"] #make_3 .make__title.section-title--30 {
    margin-top: 0 !important;
    margin-bottom: 22px !important;
    font-size: 30px !important;
    line-height: 1.15 !important;
    font-weight: 800 !important;
}

[data-template="offers/make"] #make_3 .group__section {
    margin-bottom: 24px !important;
}

[data-template="offers/make"] #make_3 .group__items {
    border-radius: 6px !important;
    overflow: hidden !important;
}

@media (max-width: 1280px) {
    [data-template="offers/make"] #make_3 .edit__col--2,
    [data-template="offers/make"] .edit__row--make .edit__col--2 {
        flex-basis: 470px !important;
        width: 470px !important;
        min-width: 470px !important;
        max-width: 470px !important;
        padding-left: 34px !important;
        padding-right: 30px !important;
    }
}

@media (max-width: 1100px) {
    [data-template="offers/make"] .main {
        height: auto !important;
        min-height: 100vh !important;
        overflow: auto !important;
    }
    [data-template="offers/make"] #make_3.proccess,
    [data-template="offers/make"] #make_3 .edit__row--make {
        height: auto !important;
        min-height: 100vh !important;
        overflow: visible !important;
        flex-direction: column !important;
    }
    [data-template="offers/make"] #make_3 .edit__col--1,
    [data-template="offers/make"] #make_3 .edit__col--2,
    [data-template="offers/make"] .edit__row--make .edit__col--2 {
        flex: 0 0 auto !important;
        width: 100% !important;
        min-width: 0 !important;
        max-width: none !important;
        height: auto !important;
        min-height: 0 !important;
        padding: 24px !important;
        box-shadow: none !important;
    }
    [data-template="offers/make"] #make_3 .edit__col--1::after {
        display: none !important;
    }
}

/* Offer make layout repair: keep full-screen split layout only on step 3, restore normal spacing on steps 1-2. */
[data-template="offers/make"] .main {
    height: 100% !important;
    overflow: auto !important;
    background: transparent !important;
}

[data-template="offers/make"] .main__in {
    width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    margin-top: 30px !important;
    margin-left: 30px !important;
    margin-right: 70px !important;
    padding: 0 !important;
    background: transparent !important;
}

[data-template="offers/make"] .make,
[data-template="offers/make"] .make__form,
[data-template="offers/make"] .make__steps {
    width: auto !important;
    height: auto !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    background: transparent !important;
}

[data-template="offers/make"] #make_1.proccess,
[data-template="offers/make"] #make_2.proccess {
    display: block !important;
    margin: 0 !important;
    padding: 0 0 40px 0 !important;
    background: transparent !important;
}

[data-template="offers/make"] #make_1 .make__buttons,
[data-template="offers/make"] #make_2 .make__buttons {
    display: flex !important;
    margin-top: 40px !important;
}

@supports selector(.main:has(#make_3.proccess)) {
    [data-template="offers/make"] .main:has(#make_3.proccess) {
        height: 100vh !important;
        overflow: hidden !important;
        background: #e8e8e8 !important;
    }

    [data-template="offers/make"] .main:has(#make_3.proccess) .main__in {
        width: 100% !important;
        height: 100% !important;
        min-height: 100% !important;
        margin: 0 !important;
        padding: 0 !important;
        background: #e8e8e8 !important;
    }

    [data-template="offers/make"] .main:has(#make_3.proccess) .make,
    [data-template="offers/make"] .main:has(#make_3.proccess) .make__form,
    [data-template="offers/make"] .main:has(#make_3.proccess) .make__steps {
        width: 100% !important;
        height: 100% !important;
        min-height: 100% !important;
        margin: 0 !important;
        padding: 0 !important;
        background: transparent !important;
    }
}

/* Offer make step 3 preview refinements: floating create button and sheet cards. */
[data-template="offers/make"] #make_3 .edit__col--2,
[data-template="offers/make"] .edit__row--make .edit__col--2 {
    position: relative;
}

[data-template="offers/make"] #make_3 .make__preview-title-row {
    justify-content: space-between;
}

[data-template="offers/make"] #make_3 .make__preview-header-actions {
    margin-left: auto;
    justify-content: flex-end;
}

[data-template="offers/make"] #make_3 .make__preview {
    height: auto;
    max-height: none;
    overflow-y: auto;
    padding: 0 14px 150px 0;
    scroll-padding-bottom: 150px;
}

[data-template="offers/make"] #make_3 .make__preview-floating-create {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 34px;
    z-index: 20;
    display: flex;
    justify-content: center;
    pointer-events: none;
}

[data-template="offers/make"] #make_3 .make__preview-floating-create .make__button--create-floating {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    min-width: 240px;
    height: 64px;
    border-radius: 999px;
    font-size: 22px;
    font-weight: 700;
    pointer-events: auto;
    box-shadow: 0 16px 36px rgba(32, 226, 187, .34);
}

[data-template="offers/make"] #make_3 .make__preview-page {
    width: 100%;
    box-sizing: border-box;
    margin: 0 0 26px;
    padding: 0;
}

[data-template="offers/make"] #make_3 .make__preview-page + .make__preview-page {
    padding-top: 22px;
    border-top: 1px solid rgba(7, 21, 37, .12);
}

[data-template="offers/make"] #make_3 .make__preview-page-title {
    margin: 0 0 10px;
    padding: 0 4px;
    font-size: 13px;
    line-height: 1.35;
    font-weight: 700;
    color: #64748b;
}

[data-template="offers/make"] #make_3 .make__preview-html-wrap,
[data-template="offers/make"] #make_3 .make__preview canvas,
[data-template="offers/make"] #make_3 .make__preview-pdf-native-wrap {
    display: block;
    max-width: 100%;
    border-radius: 5px;
    background: #fff;
    box-shadow: 0 10px 26px rgba(7, 21, 37, .13);
}

[data-template="offers/make"] #make_3 .make__preview-html-frame {
    border-radius: 5px;
    background: #fff;
}

[data-template="offers/make"] #make_3 .make__preview--proccessing {
    padding-bottom: 150px;
}


/* Offer make step 3 scroll gutters fix: scrollbars are attached to the block edge, sheets keep only inner spacing. */
[data-template="offers/make"] #make_3 .edit__col--1 {
    padding: 34px 0 34px 34px !important;
}
[data-template="offers/make"] #make_3 .edit__col--1 .edit__group {
    padding: 0 36px 40px 0 !important;
    scrollbar-gutter: stable !important;
}
[data-template="offers/make"] #make_3 .edit__col--2,
[data-template="offers/make"] .edit__row--make .edit__col--2 {
    padding: 34px 0 34px 40px !important;
}
[data-template="offers/make"] #make_3 .make__preview-title-row {
    padding: 0 36px 0 0 !important;
}
[data-template="offers/make"] #make_3 .make__preview {
    padding: 0 28px 260px 0 !important;
    scroll-padding-bottom: 260px !important;
    scrollbar-gutter: stable !important;
}
[data-template="offers/make"] #make_3 .make__preview-page {
    margin: 0 0 34px 0 !important;
    padding: 0 !important;
}
[data-template="offers/make"] #make_3 .make__preview-page + .make__preview-page {
    margin-top: 34px !important;
    padding-top: 0 !important;
    border-top: 0 !important;
}
[data-template="offers/make"] #make_3 .make__preview-page:last-child {
    margin-bottom: 230px !important;
}
[data-template="offers/make"] #make_3 .make__preview-html-wrap,
[data-template="offers/make"] #make_3 .make__preview canvas,
[data-template="offers/make"] #make_3 .make__preview-pdf-native-wrap {
    border-radius: 5px !important;
    box-shadow: 0 12px 30px rgba(7, 21, 37, .12) !important;
}
[data-template="offers/make"] #make_3 .make__preview-floating-create {
    bottom: 42px !important;
}
@media (max-width: 1280px) {
    [data-template="offers/make"] #make_3 .edit__col--2,
    [data-template="offers/make"] .edit__row--make .edit__col--2 {
        padding-left: 34px !important;
        padding-right: 0 !important;
    }
    [data-template="offers/make"] #make_3 .make__preview-title-row {
        padding-right: 30px !important;
    }
    [data-template="offers/make"] #make_3 .make__preview {
        padding-right: 24px !important;
    }
}

/* Offer make loading screen: prevent endless-looking white page and match loader background. */
[data-template="offers/make"] .make--loading {
    min-height: calc(100vh - 0px) !important;
    background: #f2f2f2 !important;
}

[data-template="offers/make"] .make--loading .make__load {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
    min-height: calc(100vh - 120px) !important;
    background: #f2f2f2 !important;
}

[data-template="offers/make"] .make--loading .make__load-image {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
    min-height: inherit !important;
    background: #f2f2f2 !important;
}

[data-template="offers/make"] .make--loading .make__load-image img {
    display: block !important;
    max-width: min(760px, 82vw) !important;
    width: 70% !important;
    height: auto !important;
    object-fit: contain !important;
}

/* Unified table/card action buttons: keep icons visible on hover */
.is-table__actions,
.of-table-actions {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 8px;
    flex-wrap: nowrap;
}

.is-table__action,
.of-modern-table .is-table__action,
.template-card-icon-btn,
.template-card-settings-btn,
.template-card-delete-btn {
    width: 38px !important;
    height: 38px !important;
    min-width: 38px !important;
    padding: 0 !important;
    border: 1px solid #e2e8f0 !important;
    border-radius: 10px !important;
    background: #ffffff !important;
    color: #334155 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    text-decoration: none !important;
    line-height: 1 !important;
    opacity: 1 !important;
    box-shadow: none !important;
    transition: background .16s ease, border-color .16s ease, color .16s ease, transform .12s ease, box-shadow .16s ease !important;
}

.is-table tbody tr:nth-child(2n) .is-table__action,
.is-table tbody tr:hover .is-table__action,
.of-modern-table tbody tr:nth-child(2n) .is-table__action,
.of-modern-table tbody tr:hover .is-table__action {
    background: #ffffff !important;
}

.is-table__action svg,
.of-modern-table .is-table__action svg,
.template-card-icon-btn svg,
.template-card-settings-btn svg,
.template-card-delete-btn svg {
    width: 16px !important;
    height: 16px !important;
    display: block !important;
    flex: 0 0 auto !important;
    color: inherit !important;
}

.is-table__action svg *,
.of-modern-table .is-table__action svg *,
.template-card-icon-btn svg *,
.template-card-settings-btn svg *,
.template-card-delete-btn svg * {
    fill: currentColor !important;
    stroke: currentColor !important;
}

.is-table__action i,
.of-modern-table .is-table__action i,
.template-card-icon-btn i,
.template-card-settings-btn i,
.template-card-delete-btn i {
    color: inherit !important;
    font-size: 15px !important;
    line-height: 1 !important;
}

.is-table__action:hover,
.of-modern-table .is-table__action:hover,
.template-card-icon-btn:hover,
.template-card-settings-btn:hover,
.template-card-delete-btn:hover {
    background: #f8fafc !important;
    border-color: #cbd5e1 !important;
    color: #0f172a !important;
    box-shadow: 0 6px 16px rgba(15, 23, 42, .08) !important;
}

.is-table__action:active,
.of-modern-table .is-table__action:active,
.template-card-icon-btn:active,
.template-card-settings-btn:active,
.template-card-delete-btn:active {
    transform: translateY(1px) !important;
}

.is-table__action--edit,
.template-card-settings-btn {
    color: #334155 !important;
}

.is-table__action--edit:hover,
.template-card-settings-btn:hover {
    background: #ecfdf5 !important;
    border-color: #a7f3d0 !important;
    color: #047857 !important;
}

.is-table__action--delete,
.of-modern-table .is-table__action--delete,
.template-card-delete-btn {
    color: #dc2626 !important;
}

.is-table__action--delete:hover,
.of-modern-table .is-table__action--delete:hover,
.template-card-delete-btn:hover {
    background: #fff5f5 !important;
    border-color: #fecaca !important;
    color: #dc2626 !important;
}

.is-table__action--copy:hover {
    background: #f5f3ff !important;
    border-color: #ddd6fe !important;
    color: #7c3aed !important;
}

.is-table__action[disabled],
.is-table__action.is-disabled,
.template-card-icon-btn[disabled],
.template-card-icon-btn.is-disabled {
    opacity: .45 !important;
    cursor: not-allowed !important;
    pointer-events: none !important;
}

/* Offer make loading screen refinement: larger animation and a single background color. */
[data-template="offers/make"] .make--loading {
    min-height: 100vh !important;
    background: var(--background-color) !important;
}

[data-template="offers/make"] .make--loading .make__load {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
    min-height: 100vh !important;
    background: var(--background-color) !important;
}

[data-template="offers/make"] .make--loading .make__load-image {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
    min-height: 100vh !important;
    background: var(--background-color) !important;
}

[data-template="offers/make"] .make--loading .make__load-image img {
    display: block !important;
    width: min(1520px, 96vw) !important;
    max-width: none !important;
    max-height: calc(100vh - 70px) !important;
    height: auto !important;
    object-fit: contain !important;
}

@supports selector(.main:has(.make--loading)) {
    [data-template="offers/make"] .main:has(.make--loading),
    [data-template="offers/make"] .main:has(.make--loading) .main__in {
        background: var(--background-color) !important;
    }
}

/* Unified SVG action icons: edit, copy, delete, view. Icons are rendered by CSS masks,
   so they stay identical across tables/cards and never disappear because of FontAwesome. */
:root {
    --of-icon-edit: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M4 17.25V20h2.75L17.81 8.94l-2.75-2.75L4 17.25zM19.71 7.04a1 1 0 0 0 0-1.41l-1.34-1.34a1 1 0 0 0-1.41 0l-1.05 1.05 2.75 2.75 1.05-1.05z'/%3E%3C/svg%3E");
    --of-icon-copy: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M8 7a3 3 0 0 1 3-3h7a3 3 0 0 1 3 3v7a3 3 0 0 1-3 3h-1v1a3 3 0 0 1-3 3H6a3 3 0 0 1-3-3v-8a3 3 0 0 1 3-3h2zm3-1a1 1 0 0 0-1 1v7a1 1 0 0 0 1 1h7a1 1 0 0 0 1-1V7a1 1 0 0 0-1-1h-7zM6 9a1 1 0 0 0-1 1v8a1 1 0 0 0 1 1h8a1 1 0 0 0 1-1v-1h-4a3 3 0 0 1-3-3V9H6z'/%3E%3C/svg%3E");
    --of-icon-trash: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M9 3h6a1 1 0 0 1 1 1v1h4v2h-1l-1 13a3 3 0 0 1-3 3H9a3 3 0 0 1-3-3L5 7H4V5h4V4a1 1 0 0 1 1-1zm1 2h4V4h-4v1zM7.01 7 8 20a1 1 0 0 0 1 1h6a1 1 0 0 0 1-1l.99-13H7.01zM10 10h2v8h-2v-8zm4 0h2v8h-2v-8z'/%3E%3C/svg%3E");
    --of-icon-view: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 5c5.2 0 8.72 4.08 10 7-1.28 2.92-4.8 7-10 7S3.28 14.92 2 12c1.28-2.92 4.8-7 10-7zm0 2c-3.84 0-6.62 2.74-7.75 5 1.13 2.26 3.91 5 7.75 5s6.62-2.74 7.75-5C18.62 9.74 15.84 7 12 7zm0 2.25A2.75 2.75 0 1 1 12 14.75 2.75 2.75 0 0 1 12 9.25z'/%3E%3C/svg%3E");
}

.is-table__action--edit,
.is-table__action--copy,
.is-table__action--delete,
.is-table__action--view,
.template__edit,
.template-card-delete-btn,
.so-action--view,
.so-action--copy,
.so-action--delete,
.so-action--danger {
    font-size: 0 !important;
    line-height: 1 !important;
}

.is-table__action--edit > svg,
.is-table__action--edit > i,
.is-table__action--copy > svg,
.is-table__action--copy > i,
.is-table__action--delete > svg,
.is-table__action--delete > i,
.is-table__action--view > svg,
.is-table__action--view > i,
.template__edit > svg,
.template__edit > i,
.template-card-delete-btn > svg,
.template-card-delete-btn > i,
.template-card-delete-btn .btn__ico,
.so-action--view > svg,
.so-action--copy > svg,
.so-action--delete > svg,
.so-action--danger > svg {
    display: none !important;
}

.is-table__action--edit::before,
.is-table__action--copy::before,
.is-table__action--delete::before,
.is-table__action--view::before,
.template__edit::before,
.template-card-delete-btn::before,
.so-action--view::before,
.so-action--copy::before,
.so-action--delete::before,
.so-action--danger::before {
    content: "" !important;
    display: block !important;
    width: 16px !important;
    height: 16px !important;
    flex: 0 0 16px !important;
    background: currentColor !important;
    -webkit-mask: var(--of-action-icon) center / contain no-repeat !important;
    mask: var(--of-action-icon) center / contain no-repeat !important;
}

.is-table__action--edit,
.template__edit { --of-action-icon: var(--of-icon-edit); }
.is-table__action--copy,
.so-action--copy { --of-action-icon: var(--of-icon-copy); }
.is-table__action--delete,
.template-card-delete-btn,
.so-action--delete,
.so-action--danger { --of-action-icon: var(--of-icon-trash); }
.is-table__action--view,
.so-action--view { --of-action-icon: var(--of-icon-view); }

.so-action--view,
.so-action--copy,
.so-action--delete,
.so-action--danger {
    width: 38px !important;
    height: 38px !important;
    min-width: 38px !important;
    border: 1px solid #e2e8f0 !important;
    border-radius: 10px !important;
    background: #fff !important;
    color: #334155 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 0 !important;
    margin: 0 !important;
    cursor: pointer !important;
    text-decoration: none !important;
}

.is-table__action--view:hover,
.so-action--view:hover {
    background: #eff6ff !important;
    border-color: #bfdbfe !important;
    color: #2563eb !important;
}

.is-table__action--copy:hover,
.so-action--copy:hover {
    background: #f5f3ff !important;
    border-color: #ddd6fe !important;
    color: #7c3aed !important;
}

.is-table__action--delete,
.template-card-delete-btn,
.so-action--delete,
.so-action--danger {
    color: #dc2626 !important;
}

.is-table__action--delete:hover,
.template-card-delete-btn:hover,
.so-action--delete:hover,
.so-action--danger:hover {
    background: #fff5f5 !important;
    border-color: #fecaca !important;
    color: #dc2626 !important;
}

/* Offerist unified physical SVG action icons. Final override. */
:root {
    --of-action-icon-edit: url('/system/templates/front/images/action-icons/edit.svg');
    --of-action-icon-settings: url('/system/templates/front/images/action-icons/settings.svg');
    --of-action-icon-copy: url('/system/templates/front/images/action-icons/copy.svg');
    --of-action-icon-trash: url('/system/templates/front/images/action-icons/trash.svg');
    --of-action-icon-view: url('/system/templates/front/images/action-icons/view.svg');
}

.is-table__action--edit,
.is-table__action--copy,
.is-table__action--delete,
.is-table__action--view,
.template-card-settings-btn,
.template-card-delete-btn,
.so-action--view,
.so-action--copy,
.so-action--delete,
.so-action--danger {
    position: relative !important;
    width: 38px !important;
    height: 38px !important;
    min-width: 38px !important;
    padding: 0 !important;
    border: 1px solid #e2e8f0 !important;
    border-radius: 10px !important;
    background: #fff !important;
    color: #334155 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    text-decoration: none !important;
    font-size: 0 !important;
    line-height: 1 !important;
    box-shadow: none !important;
    overflow: hidden !important;
}

.is-table__action--edit > *,
.is-table__action--copy > *,
.is-table__action--delete > *,
.is-table__action--view > *,
.template-card-settings-btn > *,
.template-card-delete-btn > *,
.so-action--view > *,
.so-action--copy > *,
.so-action--delete > *,
.so-action--danger > * {
    display: none !important;
}

.is-table__action--edit::before,
.is-table__action--copy::before,
.is-table__action--delete::before,
.is-table__action--view::before,
.template-card-settings-btn::before,
.template-card-delete-btn::before,
.so-action--view::before,
.so-action--copy::before,
.so-action--delete::before,
.so-action--danger::before {
    content: '' !important;
    display: block !important;
    width: 18px !important;
    height: 18px !important;
    flex: 0 0 18px !important;
    background-color: currentColor !important;
    background-image: none !important;
    -webkit-mask: var(--of-current-action-icon) center / contain no-repeat !important;
    mask: var(--of-current-action-icon) center / contain no-repeat !important;
}

.is-table__action--edit { --of-current-action-icon: var(--of-action-icon-edit); }
.template-card-settings-btn { --of-current-action-icon: var(--of-action-icon-settings); }
.is-table__action--copy,
.so-action--copy { --of-current-action-icon: var(--of-action-icon-copy); }
.is-table__action--delete,
.template-card-delete-btn,
.so-action--delete,
.so-action--danger { --of-current-action-icon: var(--of-action-icon-trash); }
.is-table__action--view,
.so-action--view { --of-current-action-icon: var(--of-action-icon-view); }

.is-table__action--delete,
.template-card-delete-btn,
.so-action--delete,
.so-action--danger { color: #dc2626 !important; }
.is-table__action--copy,
.so-action--copy { color: #475569 !important; }
.is-table__action--view,
.so-action--view { color: #334155 !important; }
.template-card-settings-btn,
.is-table__action--edit { color: #334155 !important; }

.is-table__action--edit:hover,
.template-card-settings-btn:hover {
    background: #ecfdf5 !important;
    border-color: #a7f3d0 !important;
    color: #047857 !important;
}
.is-table__action--copy:hover,
.so-action--copy:hover {
    background: #f5f3ff !important;
    border-color: #ddd6fe !important;
    color: #7c3aed !important;
}
.is-table__action--view:hover,
.so-action--view:hover {
    background: #eff6ff !important;
    border-color: #bfdbfe !important;
    color: #2563eb !important;
}
.is-table__action--delete:hover,
.template-card-delete-btn:hover,
.so-action--delete:hover,
.so-action--danger:hover {
    background: #fff5f5 !important;
    border-color: #fecaca !important;
    color: #dc2626 !important;
}

.template__edit {
    --of-current-action-icon: var(--of-action-icon-edit);
    position: relative !important;
    width: 38px !important;
    height: 38px !important;
    min-width: 38px !important;
    padding: 0 !important;
    border: 1px solid #e2e8f0 !important;
    border-radius: 10px !important;
    background: #fff !important;
    color: #334155 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    font-size: 0 !important;
    line-height: 1 !important;
}
.template__edit > * { display: none !important; }
.template__edit::before {
    content: '' !important;
    display: block !important;
    width: 18px !important;
    height: 18px !important;
    flex: 0 0 18px !important;
    background-color: currentColor !important;
    -webkit-mask: var(--of-current-action-icon) center / contain no-repeat !important;
    mask: var(--of-current-action-icon) center / contain no-repeat !important;
}
.template__edit:hover {
    background: #ecfdf5 !important;
    border-color: #a7f3d0 !important;
    color: #047857 !important;
}

/* Offerist action icons dedupe. This is the final, highest-specificity layer.
   All action buttons render exactly one physical SVG via ::before. Any inline SVG,
   FontAwesome <i>, old masks, emoji, images, or nested helper spans are hidden. */
:root {
    --of-action-icon-settings: url('/system/templates/front/images/action-icons/settings.svg');
    --of-action-icon-trash: url('/system/templates/front/images/action-icons/trash.svg');
    --of-action-icon-copy: url('/system/templates/front/images/action-icons/copy.svg');
    --of-action-icon-view: url('/system/templates/front/images/action-icons/view.svg');
}

.is-table .is-table__actions,
.of-modern-table .is-table__actions,
.of-table-actions,
.template-card-actions,
.so-actions {
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
    flex-wrap: nowrap !important;
}

.is-table .is-table__action,
.of-modern-table .is-table__action,
.of-table-actions .is-table__action,
.template-card-icon-btn,
.template-card-settings-btn,
.template-card-delete-btn,
.so-action,
.so-action--view,
.so-action--copy,
.so-action--delete,
.so-action--danger {
    position: relative !important;
    box-sizing: border-box !important;
    width: 38px !important;
    height: 38px !important;
    min-width: 38px !important;
    max-width: 38px !important;
    padding: 0 !important;
    margin: 0 !important;
    border: 1px solid #e2e8f0 !important;
    border-radius: 10px !important;
    background: #fff !important;
    color: #334155 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    text-align: center !important;
    text-decoration: none !important;
    font-size: 0 !important;
    line-height: 1 !important;
    letter-spacing: 0 !important;
    box-shadow: none !important;
    overflow: hidden !important;
    vertical-align: middle !important;
}

/* Kill all old visible icon sources inside action buttons, including high-specificity table rules. */
.is-table .is-table__action > *,
.of-modern-table .is-table__action > *,
.of-table-actions .is-table__action > *,
.is-table .is-table__action svg,
.of-modern-table .is-table__action svg,
.of-table-actions .is-table__action svg,
.is-table .is-table__action i,
.of-modern-table .is-table__action i,
.of-table-actions .is-table__action i,
.is-table .is-table__action img,
.of-modern-table .is-table__action img,
.of-table-actions .is-table__action img,
.is-table .is-table__action span,
.of-modern-table .is-table__action span,
.of-table-actions .is-table__action span,
.template-card-icon-btn > *,
.template-card-icon-btn svg,
.template-card-icon-btn i,
.template-card-icon-btn img,
.template-card-icon-btn span,
.template-card-settings-btn > *,
.template-card-delete-btn > *,
.so-action > *,
.so-action svg,
.so-action i,
.so-action img,
.so-action span {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
    width: 0 !important;
    height: 0 !important;
    min-width: 0 !important;
    max-width: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
    border: 0 !important;
    overflow: hidden !important;
}

.is-table .is-table__action::before,
.of-modern-table .is-table__action::before,
.of-table-actions .is-table__action::before,
.template-card-icon-btn::before,
.template-card-settings-btn::before,
.template-card-delete-btn::before,
.so-action::before,
.so-action--view::before,
.so-action--copy::before,
.so-action--delete::before,
.so-action--danger::before {
    content: '' !important;
    display: block !important;
    width: 18px !important;
    height: 18px !important;
    min-width: 18px !important;
    max-width: 18px !important;
    flex: 0 0 18px !important;
    background: currentColor !important;
    background-color: currentColor !important;
    background-image: none !important;
    -webkit-mask: var(--of-current-action-icon, var(--of-action-icon-settings)) center / contain no-repeat !important;
    mask: var(--of-current-action-icon, var(--of-action-icon-settings)) center / contain no-repeat !important;
    opacity: 1 !important;
    visibility: visible !important;
}

/* Only four physical icons are used as the public action-icon base. */
.is-table .is-table__action--edit,
.of-modern-table .is-table__action--edit,
.of-table-actions .is-table__action--edit,
.template-card-settings-btn,
.template-settings-card-btn {
    --of-current-action-icon: var(--of-action-icon-settings) !important;
}

.is-table .is-table__action--copy,
.of-modern-table .is-table__action--copy,
.of-table-actions .is-table__action--copy,
.so-action--copy {
    --of-current-action-icon: var(--of-action-icon-copy) !important;
}

.is-table .is-table__action--view,
.of-modern-table .is-table__action--view,
.of-table-actions .is-table__action--view,
.so-action--view {
    --of-current-action-icon: var(--of-action-icon-view) !important;
}

.is-table .is-table__action--delete,
.of-modern-table .is-table__action--delete,
.of-table-actions .is-table__action--delete,
.template-card-delete-btn,
.so-action--delete,
.so-action--danger {
    --of-current-action-icon: var(--of-action-icon-trash) !important;
    color: #dc2626 !important;
}

.is-table .is-table__action--edit:hover,
.of-modern-table .is-table__action--edit:hover,
.of-table-actions .is-table__action--edit:hover,
.template-card-settings-btn:hover,
.template-settings-card-btn:hover {
    background: #ecfdf5 !important;
    border-color: #a7f3d0 !important;
    color: #047857 !important;
}

.is-table .is-table__action--copy:hover,
.of-modern-table .is-table__action--copy:hover,
.of-table-actions .is-table__action--copy:hover,
.so-action--copy:hover {
    background: #f5f3ff !important;
    border-color: #ddd6fe !important;
    color: #7c3aed !important;
}

.is-table .is-table__action--view:hover,
.of-modern-table .is-table__action--view:hover,
.of-table-actions .is-table__action--view:hover,
.so-action--view:hover {
    background: #eff6ff !important;
    border-color: #bfdbfe !important;
    color: #2563eb !important;
}

.is-table .is-table__action--delete:hover,
.of-modern-table .is-table__action--delete:hover,
.of-table-actions .is-table__action--delete:hover,
.template-card-delete-btn:hover,
.so-action--delete:hover,
.so-action--danger:hover {
    background: #fff5f5 !important;
    border-color: #fecaca !important;
    color: #dc2626 !important;
}

/* Patch: collapsed menu alignment and template-card action group */
.body--hide-menu .menu__link {
    width: 50px !important;
    min-height: 58px !important;
    height: 58px !important;
    padding: 0 !important;
    margin: 0 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    border-radius: 0 !important;
    border: 0 !important;
}
.body--hide-menu .menu__ico {
    flex: 0 0 50px !important;
    width: 50px !important;
    max-width: 50px !important;
    min-width: 50px !important;
    height: 58px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    margin: 0 !important;
    padding: 0 !important;
}
.body--hide-menu .menu__ico::before {
    margin: 0 auto !important;
    transform: none !important;
}
.body--hide-menu .menu__item--active .menu__link {
    width: 50px !important;
    margin: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: rgba(255,255,255,.09) !important;
    box-shadow: inset 3px 0 0 rgba(47, 255, 203, .9) !important;
}
.body--hide-menu .menu__item--active .menu__link:hover,
.body--hide-menu .menu__link:hover {
    border-radius: 0 !important;
    background: rgba(255,255,255,.09) !important;
}

.template__create {
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
    width: 100% !important;
}
.template-card-actions {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
    gap: 10px !important;
    margin-left: auto !important;
    flex: 0 0 auto !important;
}
.template__create > .template-card-icon-btn {
    margin-left: 0 !important;
}
.template__create > .template-card-actions:first-child,
.template__create > .template-card-actions {
    margin-left: auto !important;
}
.template-card-actions .template-card-icon-btn {
    margin: 0 !important;
    position: relative !important;
}
.template-card-icon-btn,
.template-card-settings-btn,
.template-card-delete-btn {
    flex: 0 0 44px !important;
}

/* Patch: modern collapsed sidebar UX, no visible scrollbars or horizontal drift */
.body--hide-menu .sidebar {
    flex: 0 0 56px !important;
    width: 56px !important;
    min-width: 56px !important;
    max-width: 56px !important;
    overflow: hidden !important;
    box-shadow: 10px 0 30px rgba(0, 0, 0, .08) !important;
}

.body--hide-menu .sidebar__in {
    width: 56px !important;
    max-width: 56px !important;
    min-width: 56px !important;
    overflow: hidden !important;
}

.body--hide-menu .sidebar__cont {
    width: 56px !important;
    max-width: 56px !important;
    min-width: 56px !important;
    padding: 14px 0 16px !important;
    overflow: hidden !important;
}

.body--hide-menu .sidebar__scroll {
    width: 56px !important;
    max-width: 56px !important;
    min-width: 56px !important;
    height: calc(100% - 84px) !important;
    padding: 8px 0 18px !important;
    overflow-y: auto !important;
    overflow-x: hidden !important;
    scrollbar-width: none !important;
    -ms-overflow-style: none !important;
    overscroll-behavior: contain !important;
}

.body--hide-menu .sidebar__scroll::-webkit-scrollbar {
    width: 0 !important;
    height: 0 !important;
    display: none !important;
}

.body--hide-menu .menu,
.body--hide-menu .menu__item {
    width: 56px !important;
    max-width: 56px !important;
    min-width: 56px !important;
    overflow: hidden !important;
}

.body--hide-menu .menu__link {
    width: 56px !important;
    max-width: 56px !important;
    min-width: 56px !important;
    min-height: 56px !important;
    height: 56px !important;
    padding: 0 !important;
    margin: 0 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    overflow: hidden !important;
}

.body--hide-menu .menu__ico {
    flex: 0 0 56px !important;
    width: 56px !important;
    max-width: 56px !important;
    min-width: 56px !important;
    height: 56px !important;
    margin: 0 !important;
    padding: 0 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    overflow: hidden !important;
}

.body--hide-menu .menu__ico > svg {
    width: 22px !important;
    height: 22px !important;
    margin: 0 !important;
    transform: none !important;
    display: block !important;
}

.body--hide-menu .menu__ico::before,
.body--hide-menu .menu__ico::after {
    transform: none !important;
    margin: 0 !important;
}

.body--hide-menu .menu__link:hover {
    background: rgba(255, 255, 255, .07) !important;
}

.body--hide-menu .menu__item--active .menu__link,
.body--hide-menu .menu__item--active .menu__link:hover {
    background: linear-gradient(90deg, rgba(47, 255, 203, .18), rgba(255, 255, 255, .06)) !important;
    box-shadow: inset 4px 0 0 var(--green-color) !important;
}

.body--hide-menu .menu__item--active .menu__ico > svg path,
.body--hide-menu .menu__item--active .menu__ico > svg * {
    fill: #fff !important;
    stroke: #fff !important;
}

.body--hide-menu .create-kp__link {
    width: 44px !important;
    min-width: 44px !important;
    max-width: 44px !important;
    height: 44px !important;
    min-height: 44px !important;
    padding: 0 !important;
    margin: 0 auto !important;
    border-radius: 999px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    line-height: 1 !important;
    overflow: hidden !important;
}

.body--hide-menu .create-kp__link::before {
    content: attr(data-m) !important;
    display: block !important;
    font-size: 24px !important;
    line-height: 1 !important;
    transform: translateY(-1px) !important;
}

.body--hide-menu .create-kp__link .btn__text {
    display: none !important;
}

.body--hide-menu .sidebar__logout,
.body--hide-menu .logout {
    display: none !important;
}

/* Patch: restore original sidebar SVG icons in collapsed menu */
.menu__item--adm .menu__ico > svg,
.menu__item--offers .menu__ico > svg,
.menu__item--templates .menu__ico > svg,
.menu__item--rates .menu__ico > svg,
.menu__item--categories .menu__ico > svg,
.menu__item--products .menu__ico > svg,
.menu__item--clients .menu__ico > svg,
.menu__item--users .menu__ico > svg,
.menu__item--filemanager .menu__ico > svg,
.menu__item--options .menu__ico > svg,
.menu__item--pay .menu__ico > svg,
.menu__item--blog .menu__ico > svg,
.menu__item--support .menu__ico > svg {
    display: block !important;
    width: 22px !important;
    height: 22px !important;
    max-width: 22px !important;
    max-height: 22px !important;
    margin: 0 !important;
    transform: none !important;
}

.menu__item--adm .menu__ico::before,
.menu__item--offers .menu__ico::before,
.menu__item--templates .menu__ico::before,
.menu__item--rates .menu__ico::before,
.menu__item--categories .menu__ico::before,
.menu__item--products .menu__ico::before,
.menu__item--clients .menu__ico::before,
.menu__item--users .menu__ico::before,
.menu__item--filemanager .menu__ico::before,
.menu__item--options .menu__ico::before,
.menu__item--pay .menu__ico::before,
.menu__item--blog .menu__ico::before,
.menu__item--support .menu__ico::before,
.body--hide-menu .menu__ico::before,
.body--hide-menu .menu__ico::after {
    content: none !important;
    display: none !important;
    width: 0 !important;
    height: 0 !important;
    background: none !important;
    background-image: none !important;
}

.body--hide-menu .menu__ico > svg,
.body--hide-menu .menu__ico > svg * {
    display: block !important;
}

.body--hide-menu .menu__ico > svg path,
.body--hide-menu .menu__ico > svg circle,
.body--hide-menu .menu__ico > svg rect,
.body--hide-menu .menu__ico > svg line,
.body--hide-menu .menu__ico > svg polyline,
.body--hide-menu .menu__ico > svg polygon {
    stroke: #fff !important;
}

.body--hide-menu .menu__ico > svg path[fill],
.body--hide-menu .menu__ico > svg circle[fill],
.body--hide-menu .menu__ico > svg rect[fill],
.body--hide-menu .menu__ico > svg polygon[fill] {
    fill: #fff !important;
}

.body--hide-menu .menu__link {
    width: 56px !important;
    min-width: 56px !important;
    max-width: 56px !important;
    min-height: 56px !important;
    height: 56px !important;
    padding: 0 !important;
    margin: 0 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    overflow: hidden !important;
}

.body--hide-menu .menu__ico {
    flex: 0 0 56px !important;
    width: 56px !important;
    min-width: 56px !important;
    max-width: 56px !important;
    height: 56px !important;
    padding: 0 !important;
    margin: 0 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    overflow: hidden !important;
}

/* Patch: use CSS ::before nav icons in collapsed sidebar */
.body--hide-menu .menu__ico > svg,
.body--hide-menu .menu__ico > img,
.body--hide-menu .menu__ico > i {
    display: none !important;
}

.body--hide-menu .menu__item--adm .menu__ico::before,
.body--hide-menu .menu__item--offers .menu__ico::before,
.body--hide-menu .menu__item--templates .menu__ico::before,
.body--hide-menu .menu__item--rates .menu__ico::before,
.body--hide-menu .menu__item--categories .menu__ico::before,
.body--hide-menu .menu__item--products .menu__ico::before,
.body--hide-menu .menu__item--clients .menu__ico::before,
.body--hide-menu .menu__item--users .menu__ico::before,
.body--hide-menu .menu__item--filemanager .menu__ico::before,
.body--hide-menu .menu__item--options .menu__ico::before,
.body--hide-menu .menu__item--pay .menu__ico::before,
.body--hide-menu .menu__item--blog .menu__ico::before,
.body--hide-menu .menu__item--support .menu__ico::before {
    content: '' !important;
    display: block !important;
    width: 22px !important;
    height: 22px !important;
    min-width: 22px !important;
    min-height: 22px !important;
    max-width: 22px !important;
    max-height: 22px !important;
    margin: 0 !important;
    padding: 0 !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    background-size: contain !important;
    filter: brightness(0) invert(1) !important;
    transform: none !important;
}

.body--hide-menu .menu__item--adm .menu__ico::before { background-image: url('../icons/nav/super-admin.svg') !important; }
.body--hide-menu .menu__item--offers .menu__ico::before { background-image: url('../icons/nav/sent-offers.svg') !important; }
.body--hide-menu .menu__item--templates .menu__ico::before { background-image: url('../icons/nav/templates.svg') !important; }
.body--hide-menu .menu__item--rates .menu__ico::before,
.body--hide-menu .menu__item--categories .menu__ico::before { background-image: url('../icons/nav/categories.svg') !important; }
.body--hide-menu .menu__item--products .menu__ico::before { background-image: url('../icons/nav/products.svg') !important; }
.body--hide-menu .menu__item--clients .menu__ico::before { background-image: url('../icons/nav/clients.svg') !important; }
.body--hide-menu .menu__item--users .menu__ico::before { background-image: url('../icons/nav/users.svg') !important; }
.body--hide-menu .menu__item--filemanager .menu__ico::before { background-image: url('../icons/nav/my-files.svg') !important; }
.body--hide-menu .menu__item--options .menu__ico::before { background-image: url('../icons/nav/settings.svg') !important; }
.body--hide-menu .menu__item--pay .menu__ico::before { background-image: url('../icons/nav/payment.svg') !important; }
.body--hide-menu .menu__item--blog .menu__ico::before { background-image: url('../icons/nav/blog.svg') !important; }
.body--hide-menu .menu__item--support .menu__ico::before { background-image: url('../icons/nav/online-consultant.svg') !important; }

.body--hide-menu .menu__ico::after {
    content: none !important;
    display: none !important;
}

/* Patch: unified ::before icons for sidebar in expanded and collapsed states */
.menu__ico > svg,
.menu__ico > img,
.menu__ico > i {
    display: none !important;
}

.menu__item--adm .menu__ico::before,
.menu__item--offers .menu__ico::before,
.menu__item--templates .menu__ico::before,
.menu__item--rates .menu__ico::before,
.menu__item--categories .menu__ico::before,
.menu__item--products .menu__ico::before,
.menu__item--clients .menu__ico::before,
.menu__item--users .menu__ico::before,
.menu__item--filemanager .menu__ico::before,
.menu__item--options .menu__ico::before,
.menu__item--pay .menu__ico::before,
.menu__item--blog .menu__ico::before,
.menu__item--support .menu__ico::before {
    content: '' !important;
    display: block !important;
    width: 22px !important;
    height: 22px !important;
    min-width: 22px !important;
    min-height: 22px !important;
    max-width: 22px !important;
    max-height: 22px !important;
    margin: 0 !important;
    padding: 0 !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    background-size: contain !important;
    filter: brightness(0) invert(1) !important;
    transform: none !important;
}

.menu__item--adm .menu__ico::before { background-image: url('../icons/nav/super-admin.svg') !important; }
.menu__item--offers .menu__ico::before { background-image: url('../icons/nav/sent-offers.svg') !important; }
.menu__item--templates .menu__ico::before { background-image: url('../icons/nav/templates.svg') !important; }
.menu__item--rates .menu__ico::before,
.menu__item--categories .menu__ico::before { background-image: url('../icons/nav/categories.svg') !important; }
.menu__item--products .menu__ico::before { background-image: url('../icons/nav/products.svg') !important; }
.menu__item--clients .menu__ico::before { background-image: url('../icons/nav/clients.svg') !important; }
.menu__item--users .menu__ico::before { background-image: url('../icons/nav/users.svg') !important; }
.menu__item--filemanager .menu__ico::before { background-image: url('../icons/nav/my-files.svg') !important; }
.menu__item--options .menu__ico::before { background-image: url('../icons/nav/settings.svg') !important; }
.menu__item--pay .menu__ico::before { background-image: url('../icons/nav/payment.svg') !important; }
.menu__item--blog .menu__ico::before { background-image: url('../icons/nav/blog.svg') !important; }
.menu__item--support .menu__ico::before { background-image: url('../icons/nav/online-consultant.svg') !important; }

.menu__ico::after {
    content: none !important;
    display: none !important;
}

body:not(.body--hide-menu) .menu__link {
    overflow: hidden !important;
}

body:not(.body--hide-menu) .menu__ico {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    flex: 0 0 22px !important;
    width: 22px !important;
    min-width: 22px !important;
    max-width: 22px !important;
    height: 22px !important;
    margin: 0 14px 0 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
}

.body--hide-menu .menu__ico {
    margin: 0 !important;
}

/* Patch: modern hidden scrollbar for expanded sidebar menu */
.sidebar,
.sidebar__in,
.sidebar__cont {
    overflow-x: hidden !important;
}

body:not(.body--hide-menu) .sidebar {
    overflow: hidden !important;
}

body:not(.body--hide-menu) .sidebar__in {
    overflow: hidden !important;
}

body:not(.body--hide-menu) .sidebar__scroll {
    overflow-y: auto !important;
    overflow-x: hidden !important;
    scrollbar-width: none !important;
    -ms-overflow-style: none !important;
    overscroll-behavior: contain !important;
    -webkit-overflow-scrolling: touch !important;
}

body:not(.body--hide-menu) .sidebar__scroll::-webkit-scrollbar {
    width: 0 !important;
    height: 0 !important;
    display: none !important;
}

body:not(.body--hide-menu) .menu,
body:not(.body--hide-menu) .menu__item,
body:not(.body--hide-menu) .menu__link {
    max-width: 100% !important;
    overflow-x: hidden !important;
}


/* Super-admin menu items: one shared class, standard sidebar geometry and states. */
.menu__item--super-nav .menu__ico > svg {
    display: block !important;
    width: 22px !important;
    height: 22px !important;
    max-width: 22px !important;
    max-height: 22px !important;
    margin: 0 !important;
    transform: none !important;
    overflow: visible;
}
.menu__item--super-nav .menu__ico::before,
.menu__item--super-nav .menu__ico::after {
    content: none !important;
    display: none !important;
    width: 0 !important;
    height: 0 !important;
    background: none !important;
    background-image: none !important;
}
.menu__item--super-nav .menu__ico > svg path,
.menu__item--super-nav .menu__ico > svg circle,
.menu__item--super-nav .menu__ico > svg rect,
.menu__item--super-nav .menu__ico > svg line,
.menu__item--super-nav .menu__ico > svg polyline,
.menu__item--super-nav .menu__ico > svg polygon {
    fill: #fff !important;
    stroke: none;
}
.body--hide-menu .menu__item--super-nav .menu__ico > svg {
    display: block !important;
}
.body--hide-menu .menu__item--super-nav .menu__ico::before,
.body--hide-menu .menu__item--super-nav .menu__ico::after {
    content: none !important;
    display: none !important;
}

/* 20260625 unified close buttons */
.modal__close,
.modal-box-close,
.arcticmodal-close,
.fancybox-close-small,
.fancybox-button[data-fancybox-close],
.fancybox-button.fancybox-close-small,
.template-create-modal__close,
.template-library-modal__close,
.ai-template-modal__close,
.office-template-modal__close,
.office-vars-modal__close,
.template-custom-create-modal__close,
.template-settings-modal__close,
.tpl-preview-modal__close,
.tpl-preview-crop-modal__close,
.tpl-page-preview-modal__close,
.tariff-limit-modal__close,
.of-fm-popup__close,
.of-fm-ai-lightbox__close,
.super-rate-modal__close {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 42px !important;
    height: 42px !important;
    min-width: 42px !important;
    min-height: 42px !important;
    padding: 0 !important;
    border: 1px solid #dbe3ef !important;
    border-radius: 12px !important;
    background: #fff !important;
    color: #64748b !important;
    font-size: 0 !important;
    line-height: 1 !important;
    cursor: pointer !important;
    box-shadow: 0 10px 24px rgba(15, 23, 42, .05) !important;
    transition: background .18s ease, border-color .18s ease, color .18s ease, transform .18s ease, box-shadow .18s ease !important;
}
.modal__close:hover,
.modal-box-close:hover,
.arcticmodal-close:hover,
.fancybox-close-small:hover,
.fancybox-button[data-fancybox-close]:hover,
.fancybox-button.fancybox-close-small:hover,
.template-create-modal__close:hover,
.template-library-modal__close:hover,
.ai-template-modal__close:hover,
.office-template-modal__close:hover,
.office-vars-modal__close:hover,
.template-custom-create-modal__close:hover,
.template-settings-modal__close:hover,
.tpl-preview-modal__close:hover,
.tpl-preview-crop-modal__close:hover,
.tpl-page-preview-modal__close:hover,
.tariff-limit-modal__close:hover,
.of-fm-popup__close:hover,
.of-fm-ai-lightbox__close:hover,
.super-rate-modal__close:hover {
    background: #f8fafc !important;
    border-color: #cbd5e1 !important;
    color: #0f172a !important;
    transform: translateY(-1px) !important;
    box-shadow: 0 14px 30px rgba(15, 23, 42, .09) !important;
}
.modal__close::before,
.modal-box-close::before,
.arcticmodal-close::before,
.fancybox-close-small::before,
.fancybox-button[data-fancybox-close]::before,
.fancybox-button.fancybox-close-small::before,
.template-create-modal__close::before,
.template-library-modal__close::before,
.ai-template-modal__close::before,
.office-template-modal__close::before,
.office-vars-modal__close::before,
.template-custom-create-modal__close::before,
.template-settings-modal__close::before,
.tpl-preview-modal__close::before,
.tpl-preview-crop-modal__close::before,
.tpl-page-preview-modal__close::before,
.tariff-limit-modal__close::before,
.of-fm-popup__close::before,
.of-fm-ai-lightbox__close::before,
.super-rate-modal__close::before {
    content: "" !important;
    display: block !important;
    width: 18px !important;
    height: 18px !important;
    background: currentColor !important;
    -webkit-mask: url('/system/templates/front/icons/close.svg') center / contain no-repeat !important;
    mask: url('/system/templates/front/icons/close.svg') center / contain no-repeat !important;
}
.modal__close svg,
.modal-box-close svg,
.arcticmodal-close svg,
.fancybox-close-small svg,
.fancybox-button[data-fancybox-close] svg,
.fancybox-button.fancybox-close-small svg,
.template-create-modal__close svg,
.template-library-modal__close svg,
.ai-template-modal__close svg,
.office-template-modal__close svg,
.office-vars-modal__close svg,
.template-custom-create-modal__close svg,
.template-settings-modal__close svg,
.tpl-preview-modal__close svg,
.tpl-preview-crop-modal__close svg,
.tpl-page-preview-modal__close svg,
.tariff-limit-modal__close svg,
.of-fm-popup__close svg,
.of-fm-ai-lightbox__close svg,
.super-rate-modal__close svg,
.modal__close img,
.modal-box-close img,
.arcticmodal-close img,
.fancybox-close-small img,
.fancybox-button[data-fancybox-close] img,
.fancybox-button.fancybox-close-small img,
.template-create-modal__close img,
.template-library-modal__close img,
.ai-template-modal__close img,
.office-template-modal__close img,
.office-vars-modal__close img,
.template-custom-create-modal__close img,
.template-settings-modal__close img,
.tpl-preview-modal__close img,
.tpl-preview-crop-modal__close img,
.tpl-page-preview-modal__close img,
.tariff-limit-modal__close img,
.of-fm-popup__close img,
.of-fm-ai-lightbox__close img,
.super-rate-modal__close img {
    display: none !important;
}

/* Unified compact table info line */
.dataTables_wrapper .dataTables_info,
.dataTables_wrapper .dt-info,
.dataTables_info,
.dt-info,
[data-so-pagination-info] {
    padding: 12px 0 16px 28px !important;
    margin: 0 !important;
    color: #94a3b8 !important;
    font-size: 13px !important;
    line-height: 1.35 !important;
    font-weight: 500 !important;
}


/* Step 3 layout repair: fixes horizontal page scroll and form label/control overlap after the card redesign. */
[data-template="offers/make"],
[data-template="offers/make"] body,
[data-template="offers/make"] .main,
[data-template="offers/make"] .content,
[data-template="offers/make"] .make,
[data-template="offers/make"] .make__form,
[data-template="offers/make"] .make__steps,
[data-template="offers/make"] #make_3 {
    max-width: 100% !important;
    overflow-x: hidden !important;
    box-sizing: border-box !important;
}
[data-template="offers/make"] #make_3,
[data-template="offers/make"] #make_3 * {
    box-sizing: border-box !important;
}
[data-template="offers/make"] #make_3.proccess {
    width: 100% !important;
    max-width: 100% !important;
    height: calc(100vh - 105px) !important;
    min-height: 520px !important;
    padding: 0 !important;
    overflow: hidden !important;
    display: flex !important;
    flex-direction: column !important;
}
[data-template="offers/make"] #make_3 .edit__row--make {
    display: flex !important;
    flex-wrap: nowrap !important;
    align-items: stretch !important;
    gap: 0 !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    height: 100% !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
}
[data-template="offers/make"] #make_3 .edit__col {
    min-width: 0 !important;
    max-width: 100% !important;
    height: 100% !important;
    min-height: 0 !important;
    display: flex !important;
    flex-direction: column !important;
}
[data-template="offers/make"] #make_3 .edit__col--1 {
    flex: 1 1 auto !important;
    width: auto !important;
    min-width: 0 !important;
    max-width: none !important;
    padding: 34px 0 34px 34px !important;
    overflow-y: auto !important;
    overflow-x: hidden !important;
    scrollbar-gutter: stable !important;
    background: #fff !important;
}
[data-template="offers/make"] #make_3 .edit__col--2,
[data-template="offers/make"] .edit__row--make .edit__col--2 {
    flex: 0 1 clamp(360px,38vw,500px) !important;
    width: clamp(360px,38vw,500px) !important;
    min-width: 360px !important;
    max-width: 500px !important;
    padding: 34px 0 34px 28px !important;
    overflow: hidden !important;
    background: #e8e8e8 !important;
}
[data-template="offers/make"] #make_3 .make__step-panel--client-flat,
[data-template="offers/make"] #make_3 .make__step3-sections,
[data-template="offers/make"] #make_3 .make__info-card,
[data-template="offers/make"] #make_3 .make__info-card-body {
    min-width: 0 !important;
    max-width: 100% !important;
}
[data-template="offers/make"] #make_3 .make__step-panel--client-flat {
    padding-right: 36px !important;
}
[data-template="offers/make"] #make_3 .make__step3-sections {
    gap: 20px !important;
    padding-right: 36px !important;
}
[data-template="offers/make"] #make_3 .make__info-card {
    padding: 24px !important;
}
[data-template="offers/make"] #make_3 .make__info-card-body {
    gap: 14px !important;
}
[data-template="offers/make"] #make_3 .make__step3-inline-field {
    display: grid !important;
    grid-template-columns: minmax(210px,240px) minmax(0,1fr) !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    min-height: 58px !important;
    margin: 0 !important;
    border-radius: 14px !important;
    overflow: hidden !important;
}
[data-template="offers/make"] #make_3 .make__step3-inline-field .of-form-field__label,
[data-template="offers/make"] #make_3 .make__step3-inline-field .entity-field__label {
    width: auto !important;
    min-width: 0 !important;
    max-width: 100% !important;
    padding: 0 18px !important;
    overflow: hidden !important;
    white-space: nowrap !important;
}
[data-template="offers/make"] #make_3 .make__step3-inline-field .of-form-field__label > span:last-child,
[data-template="offers/make"] #make_3 .make__step3-inline-field .entity-field__label > span:last-child {
    min-width: 0 !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}
[data-template="offers/make"] #make_3 .make__step3-inline-field .of-form-field__control,
[data-template="offers/make"] #make_3 .make__step3-inline-field .entity-field__control {
    min-width: 0 !important;
    max-width: 100% !important;
    overflow: hidden !important;
}
[data-template="offers/make"] #make_3 .make__step3-inline-field .of-form-input,
[data-template="offers/make"] #make_3 .make__step3-inline-field .entity-input,
[data-template="offers/make"] #make_3 .make__step3-inline-field .of-form-select,
[data-template="offers/make"] #make_3 .make__step3-inline-field .entity-select {
    width: 100% !important;
    min-width: 0 !important;
    height: 58px !important;
    min-height: 58px !important;
    padding-left: 18px !important;
    padding-right: 18px !important;
    border: 0 !important;
    box-shadow: none !important;
    background-color: transparent !important;
}
[data-template="offers/make"] #make_3 .make__step3-inline-field--textarea .of-form-field__label,
[data-template="offers/make"] #make_3 .make__step3-inline-field--textarea .entity-field__label {
    align-self: stretch !important;
    padding-top: 18px !important;
}
[data-template="offers/make"] #make_3 .make__dynamic-textarea {
    height: auto !important;
    min-height: 96px !important;
    padding-top: 16px !important;
    padding-bottom: 16px !important;
    resize: vertical !important;
}
[data-template="offers/make"] #make_3 .make__preview-title-row {
    padding: 0 28px 0 0 !important;
}
[data-template="offers/make"] #make_3 .make__preview {
    padding: 0 24px 260px 0 !important;
    overflow-x: hidden !important;
}
@media (max-width: 1180px) {
    [data-template="offers/make"] #make_3.proccess {
        height: auto !important;
        min-height: 100vh !important;
        overflow: visible !important;
    }
    [data-template="offers/make"] #make_3 .edit__row--make {
        flex-direction: column !important;
        height: auto !important;
        min-height: 0 !important;
        overflow: visible !important;
    }
    [data-template="offers/make"] #make_3 .edit__col--1,
    [data-template="offers/make"] #make_3 .edit__col--2,
    [data-template="offers/make"] .edit__row--make .edit__col--2 {
        width: 100% !important;
        min-width: 0 !important;
        max-width: 100% !important;
        flex: 0 0 auto !important;
        height: auto !important;
    }
    [data-template="offers/make"] #make_3 .edit__col--1 {
        padding: 24px 0 24px 24px !important;
    }
    [data-template="offers/make"] #make_3 .edit__col--2,
    [data-template="offers/make"] .edit__row--make .edit__col--2 {
        padding: 24px 0 24px 24px !important;
    }
}
@media (max-width: 760px) {
    [data-template="offers/make"] #make_3 .make__step-panel--client-flat,
    [data-template="offers/make"] #make_3 .make__step3-sections {
        padding-right: 24px !important;
    }
    [data-template="offers/make"] #make_3 .make__step3-inline-field {
        grid-template-columns: 1fr !important;
    }
    [data-template="offers/make"] #make_3 .make__step3-inline-field .of-form-field__label,
    [data-template="offers/make"] #make_3 .make__step3-inline-field .entity-field__label {
        min-height: 46px !important;
        border-right: 0 !important;
        border-bottom: 1px solid #e9edf3 !important;
    }
}

/* Step 3 consolidated final styles: cleaned after iterative hotfixes so preview, scrolling and client select are controlled from one place instead of several overlapping blocks. */
[data-template="offers/make"] #make_3.proccess {
    height: calc(100vh - 0px) !important;
    min-height: 0 !important;
    flex: 1 1 auto !important;
    overflow: hidden !important;
}
[data-template="offers/make"] #make_3 .edit__row--make {
    display: flex !important;
    flex: 1 1 auto !important;
    height: 100% !important;
    min-height: 0 !important;
    overflow: hidden !important;
}
[data-template="offers/make"] #make_3 .edit__col {
    align-self: stretch !important;
}
[data-template="offers/make"] #make_3 .edit__col--1 {
    height: 100% !important;
    min-height: 0 !important;
    padding: 34px 0 24px 34px !important;
    overflow-y: auto !important;
    overflow-x: hidden !important;
    scrollbar-gutter: stable !important;
}
[data-template="offers/make"] #make_3 .edit__col--1 .edit__group,
[data-template="offers/make"] #make_3 .edit__col--1 .group {
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    flex: 0 0 auto !important;
    overflow: visible !important;
    padding: 0 36px 24px 0 !important;
}
[data-template="offers/make"] #make_3 .make__step3-sections {
    padding-bottom: 0 !important;
}
[data-template="offers/make"] #make_3 .edit__col--2,
[data-template="offers/make"] .edit__row--make .edit__col--2 {
    position: relative !important;
    padding-bottom: 24px !important;
}
@supports selector(.main:has(#make_3.proccess)) {
    [data-template="offers/make"] .main:has(#make_3.proccess) {
        height: 100% !important;
        min-height: 0 !important;
        overflow: hidden !important;
    }
    [data-template="offers/make"] .main:has(#make_3.proccess) .main__in,
    [data-template="offers/make"] .main:has(#make_3.proccess) .make,
    [data-template="offers/make"] .main:has(#make_3.proccess) .make__form,
    [data-template="offers/make"] .main:has(#make_3.proccess) .make__steps,
    [data-template="offers/make"] .main:has(#make_3.proccess) #make_3.proccess {
        height: 100% !important;
        min-height: 0 !important;
    }
}

[data-template="offers/make"] #make_3 .make__step3-client-field {
    position: relative !important;
}
[data-template="offers/make"] #make_3 .make__step3-client-field .of-form-field__control,
[data-template="offers/make"] #make_3 .make__step3-client-field .entity-field__control {
    position: relative !important;
    overflow: hidden !important;
}
[data-template="offers/make"] #make_3 .make__step3-client-field .of-form-field__control::after,
[data-template="offers/make"] #make_3 .make__step3-client-field .entity-field__control::after {
    content: '' !important;
    position: absolute !important;
    right: 22px !important;
    top: 50% !important;
    width: 11px !important;
    height: 11px !important;
    border-right: 3px solid #b6bfca !important;
    border-bottom: 3px solid #b6bfca !important;
    border-radius: 1px !important;
    transform: translateY(-64%) rotate(45deg) !important;
    pointer-events: none !important;
    z-index: 3 !important;
}
[data-template="offers/make"] #make_3 .make__step3-client-field select.of-form-select,
[data-template="offers/make"] #make_3 .make__step3-client-field select.entity-select,
[data-template="offers/make"] #make_3 .make__step3-client-field .make__step3-client-select {
    appearance: none !important;
    -webkit-appearance: none !important;
    -moz-appearance: none !important;
    height: 58px !important;
    line-height: 58px !important;
    padding-right: 58px !important;
    background: transparent !important;
    border: 0 !important;
    outline: 0 !important;
    box-shadow: none !important;
}
[data-template="offers/make"] #make_3 .make__step3-client-field select.of-form-select::-ms-expand,
[data-template="offers/make"] #make_3 .make__step3-client-field select.entity-select::-ms-expand {
    display: none !important;
}
[data-template="offers/make"] #make_3 .make__step3-client-field .select2-container {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
}
[data-template="offers/make"] #make_3 .make__step3-client-field .select2-container .selection {
    display: block !important;
}
[data-template="offers/make"] #make_3 .make__step3-client-field .select2-selection--single {
    display: flex !important;
    align-items: center !important;
    width: 100% !important;
    height: 58px !important;
    min-height: 58px !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
}
[data-template="offers/make"] #make_3 .make__step3-client-field .select2-selection__rendered {
    width: 100% !important;
    padding: 0 58px 0 18px !important;
    line-height: 58px !important;
    color: #334155 !important;
    font-size: 16px !important;
}
[data-template="offers/make"] #make_3 .make__step3-client-field .select2-selection__placeholder {
    color: #64748b !important;
}
[data-template="offers/make"] #make_3 .make__step3-client-field .select2-selection__arrow,
[data-template="offers/make"] #make_3 .make__step3-client-field .select2-selection__arrow b {
    display: none !important;
}
[data-template="offers/make"] #make_3 .make__step3-client-field .select2-container--default.select2-container--focus .select2-selection--single,
[data-template="offers/make"] #make_3 .make__step3-client-field .select2-container--default.select2-container--open .select2-selection--single {
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
}

[data-template="offers/make"] .select2-container--open .select2-dropdown {
    border: 1px solid #dbe3ef !important;
    border-radius: 14px !important;
    overflow: hidden !important;
    background: #ffffff !important;
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.08) !important;
}
[data-template="offers/make"] .select2-container--open .select2-dropdown--below {
    margin-top: 8px !important;
    border-top: 1px solid #dbe3ef !important;
    border-top-left-radius: 14px !important;
    border-top-right-radius: 14px !important;
}
[data-template="offers/make"] .select2-container--open .select2-dropdown--above {
    margin-bottom: 8px !important;
    border-bottom: 1px solid #dbe3ef !important;
    border-bottom-left-radius: 14px !important;
    border-bottom-right-radius: 14px !important;
}
[data-template="offers/make"] .select2-search--dropdown {
    padding: 12px !important;
    background: #ffffff !important;
    border-bottom: 1px solid #e9edf3 !important;
}
[data-template="offers/make"] .select2-search--dropdown .select2-search__field {
    width: 100% !important;
    min-height: 42px !important;
    padding: 0 14px !important;
    border: 1px solid #dbe3ef !important;
    border-radius: 12px !important;
    background: #ffffff !important;
    color: #334155 !important;
    font-size: 15px !important;
    line-height: 42px !important;
    outline: none !important;
    box-shadow: none !important;
}
[data-template="offers/make"] .select2-results__options {
    padding: 0 !important;
    background: #ffffff !important;
}
[data-template="offers/make"] .select2-results__option {
    padding: 12px 16px !important;
    font-size: 15px !important;
    line-height: 1.35 !important;
    color: #334155 !important;
}
[data-template="offers/make"] .select2-results__option + .select2-results__option {
    border-top: 1px solid #e9edf3 !important;
}
[data-template="offers/make"] .select2-results__option--highlighted.select2-results__option--selectable {
    background: #f8fbff !important;
    color: #334155 !important;
}
[data-template="offers/make"] .select2-results__option[aria-selected="true"],
[data-template="offers/make"] .select2-results__option--selected {
    background: #f8fafc !important;
    color: #334155 !important;
}

[data-template="offers/make"] #make_3 .make__preview-title-row {
    justify-content: space-between !important;
    padding: 0 28px 0 0 !important;
}
[data-template="offers/make"] #make_3 .make__preview-header-actions {
    margin-left: auto !important;
    justify-content: flex-end !important;
}
[data-template="offers/make"] #make_3 .make__preview {
    min-height: 0 !important;
    flex: 1 1 auto !important;
    overflow-y: auto !important;
    overflow-x: hidden !important;
    padding: 0 24px 190px 0 !important;
    scroll-padding-bottom: 190px !important;
    scrollbar-gutter: stable !important;
}
[data-template="offers/make"] #make_3 .make__preview--proccessing {
    padding-bottom: 190px !important;
}
[data-template="offers/make"] #make_3 .make__preview-page {
    width: 100% !important;
    box-sizing: border-box !important;
    margin: 0 0 34px !important;
    padding: 0 !important;
}
[data-template="offers/make"] #make_3 .make__preview-page + .make__preview-page {
    margin-top: 34px !important;
    padding-top: 0 !important;
    border-top: 0 !important;
}
[data-template="offers/make"] #make_3 .make__preview-page:last-child {
    margin-bottom: 18px !important;
}
[data-template="offers/make"] #make_3 .make__preview-page-title {
    margin: 0 0 10px !important;
    padding: 0 4px !important;
    font-size: 13px !important;
    line-height: 1.35 !important;
    font-weight: 700 !important;
    color: #64748b !important;
}
[data-template="offers/make"] #make_3 .make__preview-html-wrap,
[data-template="offers/make"] #make_3 .make__preview canvas,
[data-template="offers/make"] #make_3 .make__preview-pdf-native-wrap {
    display: block !important;
    max-width: 100% !important;
    border-radius: 5px !important;
    background: #fff !important;
    box-shadow: 0 12px 30px rgba(7, 21, 37, .12) !important;
}
[data-template="offers/make"] #make_3 .make__preview-html-frame {
    border-radius: 5px !important;
    background: #fff !important;
}
[data-template="offers/make"] #make_3 .make__preview-floating-create {
    position: absolute !important;
    left: 0 !important;
    right: 0 !important;
    bottom: 28px !important;
    z-index: 12 !important;
    display: flex !important;
    justify-content: center !important;
    pointer-events: none !important;
}
[data-template="offers/make"] #make_3 .make__preview-floating-create .make__button--create,
[data-template="offers/make"] #make_3 .make__preview-floating-create .make__button--create-floating {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-width: 240px !important;
    height: 64px !important;
    border-radius: 32px !important;
    font-size: 22px !important;
    font-weight: 700 !important;
    box-shadow: 0 14px 34px rgba(32, 226, 187, .35) !important;
    pointer-events: auto !important;
}
[data-template="offers/make"] #make_3 .make__preview-endnote {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 12px !important;
    width: 100% !important;
    margin: 14px 0 150px !important;
    padding: 20px 16px 0 !important;
    text-align: center !important;
    box-sizing: border-box !important;
}
[data-template="offers/make"] #make_3 .make__preview-endnote-title {
    margin: 0 !important;
    font-size: 28px !important;
    line-height: 1.15 !important;
    font-weight: 500 !important;
    color: #2c2f38 !important;
}
[data-template="offers/make"] #make_3 .make__preview-endnote-text {
    max-width: 260px !important;
    margin: 0 !important;
    font-size: 15px !important;
    line-height: 1.45 !important;
    color: #6b7280 !important;
}

@media (max-width: 1180px) {
    [data-template="offers/make"] #make_3.proccess {
        height: auto !important;
        min-height: 0 !important;
        overflow: visible !important;
    }
    [data-template="offers/make"] #make_3 .edit__row--make {
        flex-direction: column !important;
        height: auto !important;
        min-height: 0 !important;
        overflow: visible !important;
    }
    [data-template="offers/make"] #make_3 .edit__col--1,
    [data-template="offers/make"] #make_3 .edit__col--2,
    [data-template="offers/make"] .edit__row--make .edit__col--2 {
        width: 100% !important;
        min-width: 0 !important;
        max-width: 100% !important;
        flex: 0 0 auto !important;
        height: auto !important;
    }
    [data-template="offers/make"] #make_3 .edit__col--1 {
        padding: 24px 0 24px 24px !important;
        overflow: visible !important;
    }
    [data-template="offers/make"] #make_3 .edit__col--2,
    [data-template="offers/make"] .edit__row--make .edit__col--2 {
        padding: 24px 0 24px 24px !important;
    }
}
@media (max-width: 760px) {
    [data-template="offers/make"] #make_3 .make__step-panel--client-flat,
    [data-template="offers/make"] #make_3 .make__step3-sections {
        padding-right: 24px !important;
    }
    [data-template="offers/make"] #make_3 .make__step3-inline-field {
        grid-template-columns: 1fr !important;
    }
    [data-template="offers/make"] #make_3 .make__step3-inline-field .of-form-field__label,
    [data-template="offers/make"] #make_3 .make__step3-inline-field .entity-field__label {
        min-height: 46px !important;
        border-right: 0 !important;
        border-bottom: 1px solid #e9edf3 !important;
    }
}