/* Offerist immutable cabinet shell bundle. Generated; do not edit directly. */

/* source: system/templates/front/css/custom.css */
.prof-top {
	background: #fff;
	border-radius: 5px;
	padding: 20px 25px;
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}
.tabs {
	margin: -10px -25px;
}
.tabs-item {
	padding: 10px 25px;
	cursor: pointer;
}
.tabs-item > i {
	margin-right: 5px;
	display: inline-block;
	vertical-align: middle;
}
.tabs-item:after {
	content: '';
	width: 0px;
	height: 4px;
	background: var(--green-color);
	display: block;
	margin: 8px 0 0 0;
	transition: 300ms;
}
.tabs-item.active:after {
	width: 80px;
}
.prof-div {
	padding: 45px 0 0 0;
}
.prof-row {
	margin: -15px;
}
.prof-col {
	width: 50%;
	padding: 15px;
}
.box {
	background: #fff;
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
	border-radius: 5px;
	overflow: hidden;
}
.box-title {
	background: #dcdcdc;
	height: 70px;
	padding: 0 29px;
	font-size: 24px;
	font-weight: 600;
	align-items: center;
}
.box-content {
	padding: 35px 28px;
}
.labels {
	margin: -11px -13.5px;
}
.label {
	padding: 11px 13.5px;
	width: 100%;
}
.label.width-50 {
	width: 50%;
}
.label > label {
	display: block;
	color: #7085a9;
	font-size: 15px;
	margin-bottom: 14px;
}
.label > label > i {
	display: block;
	font-size: 12px;
	font-style: normal;
	opacity: 0.8;
}
.prof-is {
	margin: -15px;
}
.prof-is-col {
	padding: 15px;
}
.prof-is-col-1 {
	width: 250px;
}
.prof-is-col-2 {
	width: calc(100% - 250px);
	margin-left: auto;
}
.prof-ava {
	width: 150px;
	margin: 0 auto;
	position: relative;
	border-radius: 50%;
	overflow: hidden;
}
.prof-ava-image > img {
	width: 100%;
	display: block;
}
.prof-ava-edit {
	background: rgba(0,0,0,0.75);
	position: absolute;
	width: 100%;
	height: 100%;
	transition: 200ms;
	top: 0; left: 0;
	z-index: 5;
	align-items: center;
	justify-content: center;
	text-align: center;
	cursor: pointer;
	opacity: 0;
}
.prof-ava-edit span {
	display: block;
	font-size: 12px;
	margin-top: 10px;
}
.prof-ava:hover .prof-ava-edit {
	opacity: 1;
}
.prof-do {
	margin-top: 30px;
}
.divs > div:not(:first-child) {
	display: none;
}
.cr-boundary {
	max-height:calc(80vh - 100px);
}
.cr-boundary img,
.cr-overlay {
	max-width:100%;
	max-height:100%;
}
.arcticmodal-container {
	z-index:500000;
}
.profile-modal-photo {
	height: calc(90vh - 100px)!important;
}
.arcticmodal-close + div {
	height: 100%;
}
.drop-container {
	position: relative;
	min-height: 200px;
	padding: 40px 20px;
	border-radius: 10px;
	border: 2px dashed #555;
	color: #444;
	cursor: pointer;
	transition: background .2s ease-in-out, border .2s ease-in-out;
	display: block;
}

.drop-title {
	color: #444;
	font-size: 20px;
	font-weight: bold;
	text-align: center;
	transition: color .2s ease-in-out;
}

.drop-container > span {
	width: 100%;
	height: 100%;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	gap: 10px;
}

span.loaded {
	display: none;
	text-align: center;
	justify-content: center;
}

.loaded-title {
	width: 100%;
	font-weight: bold;
	margin-bottom: 10px;
	display: block;
	text-align: center;
}

.loaded ul {
	margin-bottom: 20px;
}
.exp-form-inputs {
	display: grid;
	grid-template-columns: 100%;
	gap: 10px;
	margin-bottom: 20px;
}
.exp-form-inputs input[type="checkbox"] {
	width: 14px;
	height: 14px;
}
/* Unified upload dropzones */
.drop-container,
.template-import__drop {
	position: relative !important;
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	width: 100% !important;
	min-height: 250px !important;
	padding: 42px 28px !important;
	border: 2px dashed #8b98aa !important;
	border-radius: 26px !important;
	background: #f8fafc !important;
	box-shadow: none !important;
	color: #111827 !important;
	cursor: pointer !important;
	text-align: center !important;
	box-sizing: border-box !important;
	transition: border-color .18s ease, background .18s ease, box-shadow .18s ease !important;
}
.drop-container.is-dragover,
.template-import__drop.is-dragover {
	border-color: #24eebc !important;
	background: rgba(36, 238, 188, 0.08) !important;
	box-shadow: 0 18px 50px rgba(36, 238, 188, 0.18) !important;
	transform: none !important;
}
.drop-container > span {
	position: relative;
	z-index: 1;
	display: flex !important;
	flex-direction: column !important;
	align-items: center !important;
	justify-content: center !important;
	gap: 12px !important;
	width: 100% !important;
	height: 100% !important;
}
.drop-title,
.template-import__drop-title {
	font-size: 28px !important;
	font-weight: 800 !important;
	line-height: 1.2 !important;
	color: #111827 !important;
}
.drop-subtitle,
.template-import__drop-link {
	font-size: 18px !important;
	font-weight: 700 !important;
	line-height: 1.35 !important;
	color: #555 !important;
}
.drop-hint {
	margin-top: 22px;
	font-size: 15px;
	font-weight: 500;
	line-height: 1.45;
	color: #6b7280;
}
.drop-container input[type="file"],
.template-import__drop input[type="file"] {
	position: absolute !important;
	inset: 0 !important;
	width: 100% !important;
	height: 100% !important;
	opacity: 0 !important;
	cursor: pointer !important;
	z-index: 2 !important;
}
.template-import__drop {
	flex-direction: column !important;
	gap: 12px !important;
}

/* Super-admin section uses the same menu item styling as the main sidebar. */
.menu__item--super-divider {
    margin: 12px 14px 10px;
    pointer-events: none;
}
.menu__divider {
    display: block;
    width: 100%;
    height: 1px;
    background: rgba(255,255,255,.14);
}
.body--hide-menu .menu__item--super-divider {
    margin-left: 18px;
    margin-right: 18px;
}
.super-admin-page {
    --super-bg: #f5f7fb;
    --super-card: #ffffff;
    --super-border: #e4ebf4;
    --super-text: #132238;
    --super-muted: #6b7586;
    --super-primary: #6b46ff;
    --super-accent: #00b894;
    --super-danger: #ef4444;
    --super-warning: #f59e0b;
    color: var(--super-text);
}
.super-page-head {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 22px;
    margin-bottom: 24px;
}
.super-kicker {
    font-size: 12px;
    text-transform: uppercase;
    letter-spacing: .12em;
    color: var(--super-primary);
    font-weight: 900;
    margin-bottom: 8px;
}
.super-page-head h1 {
    margin: 0 0 8px;
    font-size: 34px;
    line-height: 1.08;
    font-weight: 900;
    letter-spacing: -.04em;
}
.super-page-head p { margin: 0; color: var(--super-muted); font-size: 15px; }
.super-page-actions { display: flex; gap: 10px; flex-wrap: wrap; }
.super-metrics {
    display: grid;
    grid-template-columns: repeat(4, minmax(170px, 1fr));
    gap: 16px;
    margin-bottom: 18px;
}
.super-metric,
.super-card {
    background: rgba(255,255,255,.96);
    border: 1px solid var(--super-border);
    border-radius: 22px;
    box-shadow: 0 16px 40px rgba(15,23,42,.06);
}
.super-metric { padding: 20px; }
.super-metric span { display: block; color: var(--super-muted); font-size: 12px; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; }
.super-metric strong { display: block; margin-top: 10px; font-size: 30px; line-height: 1; font-weight: 900; letter-spacing: -.04em; }
.super-metric em { display: block; margin-top: 9px; font-style: normal; color: var(--super-muted); font-size: 13px; }
.super-card { padding: 22px; margin-bottom: 20px; }
.super-card h3 { margin: 0 0 18px; font-size: 20px; font-weight: 900; letter-spacing: -.02em; }
.super-filter-grid,
.super-form-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(170px, 1fr));
    gap: 14px;
    align-items: end;
}
.super-layout-2 {
    display: grid;
    grid-template-columns: minmax(420px, .95fr) minmax(520px, 1.05fr);
    gap: 20px;
    align-items: start;
}
.super-profile-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(280px, 1fr));
    gap: 20px;
}
.super-full { grid-column: 1 / -1; }
.super-admin-page label { margin: 0; display: flex; flex-direction: column; gap: 7px; color: var(--super-muted); font-size: 12px; font-weight: 800; }
.super-admin-page input[type="text"],
.super-admin-page input[type="number"],
.super-admin-page input[type="file"],
.super-admin-page select,
.super-admin-page textarea {
    width: 100%;
    min-height: 44px;
    border: 1px solid var(--super-border);
    border-radius: 13px;
    padding: 10px 12px;
    background: #fff;
    color: var(--super-text);
    outline: none;
}
.super-admin-page textarea { min-height: 180px; }
.super-admin-page input:focus,
.super-admin-page select:focus,
.super-admin-page textarea:focus {
    border-color: rgba(107,70,255,.72);
    box-shadow: 0 0 0 4px rgba(107,70,255,.11);
}
.super-filter-actions,
.super-actions { display: flex; gap: 10px; flex-wrap: wrap; align-items: center; }
.super-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 42px;
    padding: 10px 16px;
    border-radius: 13px;
    border: 1px solid var(--super-border);
    background: #fff;
    color: var(--super-text);
    font-weight: 800;
    text-decoration: none !important;
    cursor: pointer;
    transition: .18s ease;
}
.super-btn:hover { transform: translateY(-1px); box-shadow: 0 10px 24px rgba(15,23,42,.08); }
.super-btn--primary { color: #fff; border-color: transparent; background: linear-gradient(135deg, var(--super-primary), var(--super-accent)); }
.super-btn--danger { color: #fff; border-color: transparent; background: linear-gradient(135deg, #ef4444, #f97316); }
.super-btn--small { min-height: 34px; padding: 7px 12px; border-radius: 10px; font-size: 12px; }
.super-table-tools {
    display: flex;
    align-items: center;
    gap: 12px;
    flex-wrap: wrap;
    padding: 12px 14px;
    margin-bottom: 14px;
    background: #f8fbff;
    border: 1px solid var(--super-border);
    border-radius: 16px;
}
.super-table-tools label { flex-direction: row; align-items: center; gap: 8px; color: var(--super-text); }
.super-table-wrap { overflow: auto; border-radius: 16px; border: 1px solid var(--super-border); }
.super-table { width: 100%; border-collapse: separate; border-spacing: 0; background: #fff; }
.super-table th {
    position: sticky;
    top: 0;
    z-index: 1;
    padding: 14px;
    background: #f8fbff;
    color: var(--super-muted);
    font-size: 11px;
    font-weight: 900;
    letter-spacing: .08em;
    text-transform: uppercase;
    white-space: nowrap;
    border-bottom: 1px solid var(--super-border);
}
.super-table td { padding: 14px; border-bottom: 1px solid #edf2f7; vertical-align: middle; }
.super-table tr:hover td { background: #f8fbff; }
.super-table strong { font-weight: 900; }
.super-table small { display: block; margin-top: 4px; color: var(--super-muted); font-size: 12px; line-height: 1.35; }
.super-badge { display: inline-flex; align-items: center; padding: 6px 10px; border-radius: 999px; font-size: 11px; font-weight: 900; line-height: 1; }
.super-badge--success { background: #dcfce7; color: #166534; }
.super-badge--warning { background: #fef3c7; color: #92400e; }
.super-badge--danger { background: #fee2e2; color: #991b1b; }
.super-badge--primary { background: #dbeafe; color: #1d4ed8; }
.super-badge--muted, .super-badge--neutral { background: #eef2f7; color: #475569; }
.super-pagination { display: flex; justify-content: space-between; align-items: center; gap: 10px; margin-top: 16px; color: var(--super-muted); }
.super-pagination div { display: flex; gap: 8px; }
.super-dl { display: grid; grid-template-columns: 150px 1fr; gap: 12px; margin: 0; }
.super-dl dt { color: var(--super-muted); font-weight: 800; }
.super-dl dd { margin: 0; font-weight: 700; }
.super-upload-inline { display: flex; gap: 8px; align-items: center; min-width: 340px; }
.super-upload-inline input[type="file"] { min-height: 34px; padding: 5px; }
.super-notice { padding: 14px 16px; border-radius: 16px; margin-bottom: 16px; font-weight: 800; }
.super-notice--success { background: #dcfce7; color: #166534; }
.super-notice--danger, .super-alert { background: #fee2e2; color: #991b1b; }
.cke { border-radius: 14px !important; overflow: hidden; border-color: var(--super-border) !important; }
@media (max-width: 1280px) { .super-metrics { grid-template-columns: repeat(2, 1fr); } .super-layout-2 { grid-template-columns: 1fr; } }
@media (max-width: 900px) { .super-page-head, .super-profile-grid { grid-template-columns: 1fr; display: block; } .super-filter-grid, .super-form-grid { grid-template-columns: 1fr; } .super-metrics { grid-template-columns: 1fr; } .super-page-actions { margin-top: 14px; } }

/* Super mode project settings */
.super-settings-layout {
    display: grid;
    grid-template-columns: 260px minmax(0, 1fr);
    gap: 20px;
    align-items: start;
}
.super-settings-nav {
    position: sticky;
    top: 20px;
    display: flex;
    flex-direction: column;
    gap: 8px;
    padding: 14px;
    background: #fff;
    border: 1px solid var(--super-border);
    border-radius: 22px;
    box-shadow: 0 12px 34px rgba(15,23,42,.05);
}
.super-settings-nav a {
    display: block;
    padding: 12px 14px;
    border-radius: 14px;
    color: var(--super-text);
    font-weight: 850;
    text-decoration: none;
    transition: background-color .2s ease, color .2s ease, transform .2s ease;
}
.super-settings-nav a:hover {
    transform: translateX(2px);
    background: #f3f6ff;
    color: var(--super-primary);
}
.super-settings-content {
    min-width: 0;
}
.super-settings-page .super-card {
    scroll-margin-top: 20px;
}

.super-registration-lists {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 28px;
    align-items: stretch;
}
.super-registration-list {
    min-width: 0;
}
.super-registration-list + .super-registration-list {
    border-left: 1px solid var(--super-border);
    padding-left: 28px;
}
.super-registration-list h3 {
    margin-bottom: 18px;
}
.super-registration-list label {
    display: flex;
    flex-direction: column;
    gap: 7px;
}
.super-registration-list textarea {
    min-height: 170px;
}
@media (max-width: 900px) {
    .super-registration-lists { grid-template-columns: 1fr; }
    .super-registration-list + .super-registration-list { border-left: 0; border-top: 1px solid var(--super-border); padding-left: 0; padding-top: 22px; }
}

.super-settings-page .super-form-grid label small {
    margin-top: -2px;
    color: var(--super-muted);
    font-size: 12px;
    font-weight: 650;
    line-height: 1.35;
}
.super-checkline {
    min-height: 48px;
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 0 16px;
    border: 1px solid var(--super-border);
    border-radius: 14px;
    background: #fff;
    color: var(--super-text);
    font-size: 14px;
    font-weight: 850;
}
.super-checkline input {
    width: 18px;
    height: 18px;
}
.super-image-preview {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    min-height: 92px;
    padding: 16px;
    border: 1px dashed #cbd5e1;
    border-radius: 18px;
    background: #f8fbff;
}
.super-image-preview--favicon img {
    max-width: 54px;
    max-height: 54px;
}
.super-image-preview--logo {
    background: #0f172a;
}
.super-image-preview--logo img {
    max-width: 230px;
    max-height: 90px;
}
.super-settings-alert {
    margin: 0 0 18px;
    padding: 16px 18px;
    border-radius: 18px;
    background: #eef6ff;
    border: 1px solid #dbeafe;
    color: #1d4ed8;
    font-weight: 800;
    line-height: 1.45;
}
.super-sticky-save {
    position: sticky;
    bottom: 16px;
    z-index: 10;
    display: flex;
    align-items: center;
    gap: 16px;
    padding: 14px 16px;
    margin-top: 20px;
    border: 1px solid var(--super-border);
    border-radius: 20px;
    background: rgba(255,255,255,.92);
    box-shadow: 0 18px 44px rgba(15,23,42,.12);
    backdrop-filter: blur(14px);
}
.super-sticky-save span {
    color: var(--super-muted);
    font-size: 13px;
    font-weight: 750;
}
@media (max-width: 1100px) {
    .super-settings-layout { grid-template-columns: 1fr; }
    .super-settings-nav { position: static; flex-direction: row; overflow: auto; }
    .super-settings-nav a { white-space: nowrap; }
}
@media (max-width: 700px) {
    .super-sticky-save { flex-direction: column; align-items: stretch; }
}

/* Super admin user edit page */
.super-admin-edit-grid {
    align-items: stretch;
}
.super-admin-edit-card {
    display: flex;
    flex-direction: column;
    min-height: 0;
}
.super-card-headline {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 18px;
    margin-bottom: 18px;
}
.super-card-headline h3 {
    margin-bottom: 6px;
}
.super-card-headline p {
    margin: 0;
    color: var(--super-muted);
    font-size: 13px;
    line-height: 1.45;
}
.super-admin-edit-form {
    display: flex;
    flex-direction: column;
    gap: 16px;
    flex: 1;
}
.super-admin-fields {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 14px;
}
.super-admin-fields--rate {
    grid-template-columns: repeat(3, minmax(0, 1fr));
}
.super-admin-field-wide {
    grid-column: 1 / -1;
}
.super-admin-page input[type="email"],
.super-admin-page input[type="datetime-local"] {
    width: 100%;
    min-height: 44px;
    border: 1px solid var(--super-border);
    border-radius: 13px;
    padding: 10px 12px;
    background: #fff;
    color: var(--super-text);
    outline: none;
}
.super-admin-page input[type="email"]:focus,
.super-admin-page input[type="datetime-local"]:focus {
    border-color: rgba(107,70,255,.72);
    box-shadow: 0 0 0 4px rgba(107,70,255,.11);
}
.super-admin-edit-card textarea {
    min-height: 92px;
    resize: vertical;
}

.super-admin-contact-footer {
    margin-top: auto;
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 16px;
}
.super-admin-contact-footer .super-admin-form-actions {
    margin-top: 0;
}
.super-admin-contact-footer .super-admin-summary-line {
    min-width: 250px;
}

.super-admin-summary-line {
    display: flex;
    justify-content: space-between;
    gap: 12px;
    align-items: center;
    padding: 12px 14px;
    border-radius: 14px;
    background: #f8fafc;
    color: var(--super-muted);
    font-size: 13px;
}
.super-admin-summary-line strong {
    color: var(--super-text);
}
.super-admin-form-actions {
    margin-top: auto;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 10px;
    padding-top: 2px;
}
@media (max-width: 1280px) {
    .super-admin-fields--rate { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 760px) {
    .super-card-headline { flex-direction: column; }
    .super-admin-fields,
    .super-admin-fields--rate { grid-template-columns: 1fr; }
    .super-admin-contact-footer {
        flex-direction: column;
        align-items: stretch;
    }
    .super-admin-contact-footer .super-admin-summary-line {
        min-width: 0;
    }
}

/* Super admin: safe impersonation link page */
.super-impersonate-card{
    max-width: 860px;
}
.super-impersonate-card h2{
    margin: 0 0 10px;
    font-size: 22px;
    color: #111827;
}
.super-impersonate-card p{
    color: #64748b;
    line-height: 1.6;
    margin: 0 0 18px;
}
.super-impersonate-link-wrap{
    margin: 18px 0;
}
.super-impersonate-link{
    width: 100%;
    border: 1px solid #dbe4f0;
    border-radius: 14px;
    background: #f8fafc;
    padding: 14px 16px;
    font-size: 14px;
    color: #152238;
}
.super-impersonate-actions{
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    align-items: center;
    margin-top: 14px;
}
.super-muted{
    color: #94a3b8 !important;
    font-size: 13px;
    margin-top: 16px !important;
}


/* Shared sent-offers widgets for reused admin pages */
.sent-offers-page{
    --so-primary:#16c7a8;
    --so-blue:#3b82f6;
    --so-violet:#7c3aed;
    --so-green:#22c55e;
    --so-orange:#f59e0b;
    --so-red:#ef4444;
    --so-text:#0f172a;
    --so-muted:#64748b;
    --so-border:#e9edf3;
    color:var(--so-text);
    padding:8px 0 30px;
}
.sent-offers-page *{box-sizing:border-box;}
.sent-offers-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin:0 0 22px;}
.sent-offers-head h1{margin:0 0 12px;font-size:32px;line-height:1.15;font-weight:800;color:#0f172a;}
.sent-offers-head__count{font-size:16px;color:#475569;}
.sent-offers-head__note{margin-top:4px;color:#64748b;font-size:13px;}
.sent-offers-head__actions{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin-top:6px;}
.so-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{border:0;border-radius:10px;height:40px;padding:0 16px;font-weight:700;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:8px;text-decoration:none;transition:.16s ease;}
.so-btn--white{background:#fff;border:1px solid #e2e8f0;color:#1f2937;}
.so-btn--primary{background:linear-gradient(135deg,#5b55f6,#10b8a6);color:#fff;}
.so-btn--danger{background:#fee2e2;color:#991b1b;}
.so-btn:disabled{opacity:.45;cursor:not-allowed;}
.so-kpi-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:16px;}
.so-kpi{display:flex;align-items:center;gap:16px;min-height:116px;position:relative;overflow:hidden;}
.so-kpi__icon{width:44px;height:44px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:19px;flex:0 0 auto;}
.so-kpi--blue .so-kpi__icon{background:#eaf2ff;color:#2563eb;}
.so-kpi--violet .so-kpi__icon{background:#ede9fe;color:#7c3aed;}
.so-kpi--green .so-kpi__icon{background:#dcfce7;color:#16a34a;}
.so-kpi--orange .so-kpi__icon{background:#fff7ed;color:#ea580c;}
.so-kpi span:not(.so-kpi__icon){display:block;font-size:13px;color:#64748b;margin-bottom:5px;}
.so-kpi strong{display:block;font-size:26px;line-height:1;font-weight:800;color:#0f172a;}
.so-kpi em{display:block;margin-top:10px;font-style:normal;color:#16a34a;font-size:12px;font-weight:700;}
.so-kpi svg{margin-left:auto;width:110px;height:40px;align-self:flex-end;}
.so-filter-card{margin-bottom:16px;}
.so-filter-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px;}
.so-filter-head h3{margin:0;font-size:16px;font-weight:800;color:#0f172a;}
.so-filter-head button{border:0;background:none;color:#64748b;cursor:pointer;font-weight:700;}
.so-filter-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:16px;align-items:end;}
.so-filter-grid label{display:flex;flex-direction:column;gap:8px;font-size:13px;font-weight:700;color:#334155;margin:0;}
.so-filter-grid input,.so-filter-grid select,.so-table-toolbar select,.so-period-panel input{height:38px;border:1px solid #dbe3ef;border-radius:9px;background:#fff;padding:0 10px;color:#334155;min-width:0;width:100%;}
.so-filter-reset{display:flex;gap:10px;align-items:center;}
.so-table-card{padding:0;overflow:hidden;margin-top:14px;}
.so-table-toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:18px 20px;border-bottom:1px solid #e9edf3;min-height:70px;background:#fff;}
.so-table-toolbar>div{display:flex;align-items:center;gap:12px;flex-wrap:wrap;}
.so-table-scroll{width:100%;overflow-x:auto;}
.so-table{width:100%!important;border-collapse:separate!important;border-spacing:0!important;min-width:1060px;}
.so-table th{background:#fff!important;color:#0f172a!important;font-size:13px;font-weight:800;padding:14px 12px!important;border-bottom:1px solid #e9edf3!important;white-space:nowrap;text-align:left;}
.so-table td{padding:14px 12px!important;border-bottom:1px solid #e9edf3!important;color:#334155;vertical-align:middle;background:#fff!important;font-size:13px;}
.so-table tbody tr:hover td{background:#f8fafc!important;}
.so-table a{color:#1f2937;text-decoration:none;}
.so-table small{display:block;color:#94a3b8;margin-top:4px;}
.so-actions{display:flex;gap:8px;align-items:center;}
.so-actions .is-table__action{width:38px;height:38px;border:1px solid #e2e8f0;border-radius:10px;background:#fff;display:flex;align-items:center;justify-content:center;color:#334155;}
.so-actions .is-table__action:hover{background:#f8fafc!important;border-color:#cbd5e1!important;box-shadow:0 6px 16px rgba(15,23,42,.08)!important;}
.so-period-panel{position:absolute;right:32px;z-index:20;background:#fff;border:1px solid #e5e7eb;border-radius:14px;box-shadow:0 18px 45px rgba(15,23,42,.15);padding:14px;}
.so-period-panel[hidden]{display:none!important;}
@media(max-width:1200px){.so-kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr));}.so-filter-grid{grid-template-columns:repeat(2,minmax(0,1fr));}.so-kpi svg{display:none;}}
@media(max-width:767px){.sent-offers-head,.so-table-toolbar{flex-direction:column;align-items:flex-start;}.so-kpi-grid,.so-filter-grid{grid-template-columns:1fr;}.so-period-panel{left:16px;right:16px;}.sent-offers-head h1{font-size:26px;}}

/* Top bar breadcrumbs and compact account status */
.top__left{
    min-width:0;
    gap:18px;
}
.top__right{
    gap:18px;
}
.top-breadcrumbs{
    display:flex;
    align-items:center;
    gap:8px;
    min-width:0;
    overflow:hidden;
    white-space:nowrap;
    color:#64748b;
    font-size:14px;
    line-height:1.2;
}
.top-breadcrumbs__link{
    color:#475569;
    text-decoration:none;
    transition:.16s ease;
}
.top-breadcrumbs__link:hover{
    color:#16b8a6;
    text-decoration:none;
}
.top-breadcrumbs__sep{
    color:#94a3b8;
    flex:0 0 auto;
}
.top-breadcrumbs__current{
    color:#0f172a;
    overflow:hidden;
    text-overflow:ellipsis;
    min-width:0;
}
body .top .top__status--right{
    margin-left:0;
    display:flex;
    flex-direction:column;
    gap:2px;
    align-items:flex-end;
    text-align:right;
    font-size:13px;
    line-height:1.25;
    color:#1f2937;
    white-space:nowrap;
}
body .top .top__status--right b{
    color:#0f172a;
    font-weight:800;
}
body .top .top__status--right span:nth-child(2) b{
    color:var(--purple-color);
}
body .top .top__status--right em{
    color:#64748b;
    font-style:normal;
}
@media(max-width:1200px){
    body .top .top__status--right{
        display:none;
    }
}
@media(max-width:767px){
    .top-breadcrumbs{
        display:none;
    }
}

/* Shared sent-offers date range picker reused in super admin pages */
.so-period-panel{position:fixed!important;left:var(--so-period-left,auto)!important;right:auto!important;top:var(--so-period-top,96px)!important;z-index:1000!important;background:transparent!important;border:0!important;border-radius:0!important;box-shadow:none!important;padding:0!important;display:block!important;align-items:initial!important;gap:0!important;flex-wrap:nowrap!important;}
.so-period-panel[hidden]{display:none!important;}
.so-date-range-picker{width:min(850px,calc(100vw - 48px));background:#fff;border:1px solid #e5e7eb;border-radius:14px;box-shadow:0 22px 60px rgba(15,23,42,.18);overflow:hidden;color:#1f2937;}
.so-date-range-picker__title{height:64px;display:flex;align-items:center;justify-content:center;gap:12px;border-bottom:1px solid #eef2f7;font-size:20px;font-weight:800;color:#111827;cursor:text;}
.so-date-range-picker__title input{width:132px!important;height:auto!important;border:0!important;background:transparent!important;text-align:center;font:inherit;font-weight:800;color:#111827;border-radius:8px;padding:7px 8px!important;outline:none;min-width:0!important;}
.so-date-range-picker__title input:hover,.so-date-range-picker__title input:focus{background:#eff6ff!important;box-shadow:0 0 0 2px #bfdbfe;}
.so-date-range-picker__title input.is-invalid{background:#fee2e2!important;box-shadow:0 0 0 2px #fecaca;color:#b91c1c;}
.so-date-range-picker__body{display:grid;grid-template-columns:220px 1fr;min-height:360px;}
.so-date-range-picker__presets{border-right:1px solid #eef2f7;background:#fbfdff;display:flex;flex-direction:column;}
.so-date-range-picker__presets button{height:48px;border:0;border-bottom:1px solid #eef2f7;background:transparent;text-align:left;padding:0 22px;font-size:15px;font-weight:700;color:#475569;cursor:pointer;transition:background .15s ease,color .15s ease;}
.so-date-range-picker__presets button:hover{background:#f1f5f9;color:#0f172a;}
.so-date-range-picker__presets button.is-active{background:#e8f6ff;color:#0f83d8;}
.so-date-range-picker__calendars{position:relative;padding:24px 28px 18px;display:flex;flex-direction:column;justify-content:space-between;}
.so-date-range-picker__months{display:grid;grid-template-columns:1fr 1fr;gap:34px;}
.so-date-range-picker__usage{margin-top:18px;padding:12px 14px;border:1px solid #dbeafe;background:#eff6ff;border-radius:12px;color:#475569;font-size:13px;font-weight:700;line-height:1.45;text-align:left;align-self:stretch;}
.so-calendar__head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 0 22px;}
.so-calendar__month{text-align:left;font-size:24px;font-weight:800;color:#334155;}
.so-calendar__nav{display:flex;gap:8px;}
.so-calendar__nav button{width:32px;height:32px;border:0;border-radius:8px;background:#eff6ff;color:#0f83d8;font-size:24px;line-height:1;cursor:pointer;transition:background .15s ease,transform .12s ease,opacity .15s ease;}
.so-calendar__nav button:hover:not(:disabled){background:#dbeafe;}
.so-calendar__nav button:active:not(:disabled){transform:scale(.94);}
.so-calendar__nav button:disabled{opacity:.35;cursor:not-allowed;}
.so-calendar__week,.so-calendar__days{display:grid;grid-template-columns:repeat(7,38px);justify-content:center;}
.so-calendar__week span{height:30px;display:flex;align-items:center;justify-content:center;color:#334155;font-weight:800;font-size:13px;}
.so-calendar__day{position:relative;width:38px;height:38px;border:0;background:transparent;color:#64748b;font-size:15px;border-radius:0;cursor:pointer;z-index:1;transition:color .15s ease,background .15s ease;}
.so-calendar__day:hover:not(:disabled){background:#eef6ff;color:#0f83d8;border-radius:9px;}
.so-calendar__day:disabled{color:#cbd5e1;cursor:default;}
.so-calendar__day.is-other{color:#cbd5e1;}
.so-calendar__day.is-in-range{background:#e8f6ff;color:#334155;}
.so-calendar__day.is-start,.so-calendar__day.is-end{background:#168eea!important;color:#fff!important;font-weight:800;border-radius:10px;box-shadow:0 8px 16px rgba(22,142,234,.24);}
.so-calendar__day.is-start:not(.is-end){border-radius:10px 0 0 10px;}
.so-calendar__day.is-end:not(.is-start){border-radius:0 10px 10px 0;}
.so-date-range-picker__footer{display:flex;align-items:center;justify-content:space-between;gap:18px;border-top:1px solid #eef2f7;padding:14px 20px 16px;}
.so-date-range-picker__hint{color:#64748b;font-size:13px;font-weight:600;}
.so-date-range-picker__footer .so-btn{min-width:150px;height:46px;border-radius:10px;background:#0f8fe8;}
@media(max-width:920px){.so-period-panel{left:16px!important;right:16px!important;}.so-date-range-picker{width:100%;}.so-date-range-picker__body{grid-template-columns:1fr;}.so-date-range-picker__presets{border-right:0;border-bottom:1px solid #eef2f7;display:grid;grid-template-columns:repeat(2,1fr);}.so-date-range-picker__months{grid-template-columns:1fr;}.so-date-range-picker__usage{text-align:left;}.so-calendar__week,.so-calendar__days{grid-template-columns:repeat(7,minmax(32px,1fr));}.so-calendar__day{width:100%;}}

@media(max-width:920px){.so-period-panel{left:16px!important;right:16px!important;top:var(--so-period-top,80px)!important;}.so-date-range-picker{max-width:calc(100vw - 32px);}}

/* Super settings left-column save card */
.super-settings-save-card {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    gap: 10px;
    padding: 14px;
    margin-top: 10px;
    border: 1px solid var(--super-border);
    border-radius: 18px;
    background: rgba(248,251,255,.95);
    box-shadow: inset 0 1px 0 rgba(255,255,255,.7);
}
.super-settings-save-card .super-btn {
    width: 100%;
    justify-content: center;
}
.super-settings-save-card span {
    color: var(--super-muted);
    font-size: 12px;
    font-weight: 750;
    line-height: 1.35;
}
@media (max-width: 1100px) {
    .super-settings-save-card {
        min-width: 260px;
        margin-top: 0;
    }
}

/* Shared checkbox component from the "Готовые КП" table */
.so-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;
}
.so-table input[type="checkbox"]:hover {
    border-color: #16c7a8;
    box-shadow: 0 0 0 4px rgba(22,199,168,.12);
}
.so-table input[type="checkbox"]:active {
    transform: scale(.88);
}
.so-table input[type="checkbox"]:checked {
    background: #16c7a8;
    border-color: #16c7a8;
    box-shadow: 0 6px 14px rgba(22,199,168,.28);
}
.so-table input[type="checkbox"]:checked:before {
    content: "";
    width: 10px;
    height: 6px;
    border-left: 2px solid #fff;
    border-bottom: 2px solid #fff;
    transform: rotate(-45deg);
    margin-top: -2px;
    animation: soCheckPop .16s ease-out;
}
@keyframes soCheckPop {
    from { opacity: 0; transform: scale(.4) rotate(-45deg); }
    to { opacity: 1; transform: scale(1) rotate(-45deg); }
}
.super-checkline.so-table {
    display: flex !important;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    text-align: left;
    width: 100% !important;
    max-width: 100%;
    min-width: 0 !important;
    box-sizing: border-box;
}
.super-checkline.so-table input[type="checkbox"] {
    flex: 0 0 22px;
    margin: 0;
}
.super-checkline.so-table span {
    flex: 1 1 auto;
    min-width: 0;
}

/* Sent offers KPI adaptive fix 2026-06-27 */
.sent-offers-page .so-kpi-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));align-items:stretch;}
.sent-offers-page .so-kpi{display:grid;grid-template-columns:44px minmax(118px,auto) minmax(96px,1fr);align-items:center;gap:14px;min-width:0;padding:18px;}
.sent-offers-page .so-kpi>div{min-width:0;}
.sent-offers-page .so-kpi span:not(.so-kpi__icon){display:block;font-size:clamp(12px,1.05vw,13px);line-height:1.16;margin-bottom:7px;white-space:nowrap;}
.sent-offers-page .so-kpi strong{font-size:clamp(20px,1.85vw,26px);line-height:1.05;white-space:nowrap;letter-spacing:-.02em;}
.sent-offers-page .so-kpi em{display:none!important;}
.sent-offers-page .so-kpi svg{display:block;width:100%;min-width:84px;height:42px;margin-left:0;justify-self:stretch;align-self:end;}
@media(max-width:1440px){.sent-offers-page .so-kpi{grid-template-columns:44px minmax(104px,auto) minmax(86px,1fr);gap:12px}.sent-offers-page .so-kpi svg{width:100%;min-width:76px}}
@media(max-width:1280px){.sent-offers-page .so-kpi-grid{grid-template-columns:repeat(2,minmax(240px,1fr));}.sent-offers-page .so-kpi{grid-template-columns:44px minmax(118px,auto) minmax(100px,1fr)}.sent-offers-page .so-kpi svg{display:block;width:100%;min-width:96px}}
@media(max-width:920px){.sent-offers-page .so-kpi{grid-template-columns:44px minmax(112px,auto) minmax(90px,1fr);}.sent-offers-page .so-kpi svg{display:block;width:100%;min-width:86px}.sent-offers-page .so-kpi strong{font-size:24px}}
@media(max-width:620px){.sent-offers-page .so-kpi-grid{grid-template-columns:1fr}.sent-offers-page .so-kpi{grid-template-columns:44px minmax(112px,auto) minmax(100px,1fr);min-height:auto;padding:16px}.sent-offers-page .so-kpi strong{font-size:22px}}
@media(max-width:420px){.sent-offers-page .so-kpi{grid-template-columns:44px minmax(0,1fr);}.sent-offers-page .so-kpi svg{grid-column:1 / -1;height:38px;margin-top:8px;}}


/* Sent offers donut widgets adaptive fix 2026-06-27 */
.sent-offers-page .so-donut-wrap{grid-template-columns:minmax(110px,150px) minmax(0,1fr);gap:clamp(12px,1.2vw,18px);align-items:center;}
.sent-offers-page .so-donut{width:clamp(110px,9vw,150px);height:clamp(110px,9vw,150px);flex:0 0 auto;}
.sent-offers-page .so-donut:after{inset:clamp(28px,2.3vw,38px);}
.sent-offers-page .so-list{min-width:0;width:100%;}
.sent-offers-page .so-list-row{grid-template-columns:auto minmax(0,1fr) auto;gap:8px;min-width:0;}
.sent-offers-page .so-list-row__name{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.sent-offers-page .so-list-row__value{display:flex;flex-direction:column;align-items:flex-end;gap:2px;line-height:1.15;white-space:nowrap;}
.sent-offers-page .so-list-row__value span{display:block;}
@media(max-width:1440px){
    .sent-offers-page .so-donut-wrap{grid-template-columns:120px minmax(0,1fr);gap:14px;}
    .sent-offers-page .so-donut{width:120px;height:120px;}
    .sent-offers-page .so-donut:after{inset:30px;}
    .sent-offers-page .so-list-row{gap:7px;font-size:12px;}
}
@media(max-width:1320px){
    .sent-offers-page .so-donut-wrap{grid-template-columns:1fr;justify-items:center;align-items:start;}
    .sent-offers-page .so-list{width:100%;}
    .sent-offers-page .so-list-row{grid-template-columns:auto minmax(0,1fr) auto;}
    .sent-offers-page .so-list-row__value{flex-direction:row;gap:6px;align-items:baseline;}
}
@media(max-width:767px){
    .sent-offers-page .so-donut-wrap{grid-template-columns:120px minmax(0,1fr);justify-items:stretch;}
    .sent-offers-page .so-list-row__value{flex-direction:column;gap:2px;align-items:flex-end;}
}
@media(max-width:520px){
    .sent-offers-page .so-card-head{align-items:flex-start;flex-direction:column;}
    .sent-offers-page .so-card-head select{width:100%;}
    .sent-offers-page .so-donut-wrap{grid-template-columns:1fr;justify-items:center;}
    .sent-offers-page .so-list-row__value{flex-direction:row;gap:6px;}
}

/* Sent offers chart type icon buttons 2026-06-27 */
.sent-offers-page .so-chart-switch{display:inline-flex;align-items:center;gap:4px;padding:4px;border:1px solid #dbe3ef;border-radius:12px;background:#f8fafc;flex:0 0 auto;}
.sent-offers-page .so-chart-switch button{width:40px;height:36px;border:0;border-radius:9px;background:transparent;color:#64748b;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:background .15s ease,color .15s ease,box-shadow .15s ease;}
.sent-offers-page .so-chart-switch button:hover{background:#eef2ff;color:#2563eb;}
.sent-offers-page .so-chart-switch button.is-active{background:#2563eb;color:#fff;box-shadow:0 6px 14px rgba(37,99,235,.22);}
.sent-offers-page .so-chart-switch svg{width:22px;height:22px;display:block;fill:currentColor;}
.sent-offers-page .so-chart svg .so-chart-bar{transition:opacity .15s ease;}
.sent-offers-page .so-chart svg .so-chart-bar:hover{opacity:.86;}
@media(max-width:520px){.sent-offers-page .so-chart-switch{width:100%;justify-content:flex-end}.sent-offers-page .so-chart-switch button{flex:0 0 42px}}


/* Sent offers KPI: bottom full-width sparklines */
.sent-offers-page .so-kpi-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));align-items:stretch;}
.sent-offers-page .so-kpi{display:grid!important;grid-template-columns:56px minmax(0,1fr)!important;grid-template-rows:auto 58px!important;align-items:center!important;column-gap:16px!important;row-gap:12px!important;min-height:150px!important;padding:20px 20px 16px!important;}
.sent-offers-page .so-kpi__icon{grid-column:1;grid-row:1;}
.sent-offers-page .so-kpi>div{grid-column:2;grid-row:1;min-width:0;}
.sent-offers-page .so-kpi span:not(.so-kpi__icon){font-size:14px!important;line-height:1.2!important;margin-bottom:8px!important;white-space:nowrap!important;}
.sent-offers-page .so-kpi strong{font-size:clamp(24px,2vw,30px)!important;line-height:1.05!important;white-space:nowrap!important;letter-spacing:-.03em!important;}
.sent-offers-page .so-kpi svg{grid-column:1 / -1!important;grid-row:2!important;display:block!important;width:100%!important;min-width:0!important;height:58px!important;margin:0!important;align-self:end!important;justify-self:stretch!important;}
@media(max-width:1280px){.sent-offers-page .so-kpi-grid{grid-template-columns:repeat(2,minmax(250px,1fr));}.sent-offers-page .so-kpi strong{font-size:28px!important;}}
@media(max-width:620px){.sent-offers-page .so-kpi-grid{grid-template-columns:1fr;}.sent-offers-page .so-kpi{min-height:142px!important;padding:18px 18px 14px!important;}.sent-offers-page .so-kpi strong{font-size:26px!important;}}
.sent-offers-page .so-kpi svg [data-so-spark-hover-zone]{cursor:crosshair;}
.sent-offers-page .so-kpi-tooltip{position:absolute;z-index:15;min-width:112px;max-width:180px;padding:8px 10px;border:1px solid #e2e8f0;border-radius:11px;background:rgba(255,255,255,.96);box-shadow:0 12px 28px rgba(15,23,42,.14);color:#0f172a;font-size:12px;line-height:1.25;pointer-events:none;transform:translate(-50%,-100%);white-space:nowrap;opacity:0;transition:opacity .12s ease;}
.sent-offers-page .so-kpi-tooltip.is-visible{opacity:1;}
.sent-offers-page .so-kpi-tooltip__date{display:block;color:#64748b;font-weight:700;margin-bottom:3px;}
.sent-offers-page .so-kpi-tooltip__value{display:block;font-size:14px;font-weight:800;color:#0f172a;}
.sent-offers-page .so-kpi-tooltip:after{content:"";position:absolute;left:50%;bottom:-6px;width:10px;height:10px;background:rgba(255,255,255,.96);border-right:1px solid #e2e8f0;border-bottom:1px solid #e2e8f0;transform:translateX(-50%) rotate(45deg);}


/* source: system/templates/front/css/styles.css */
/* External font imports are intentionally non-blocking/removed: use the local system fallback stack. */

:root {
	--offerist-core-styles-ready: 1;
	--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("/system/templates/front/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("/system/templates/front/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("/system/templates/front/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("/system/templates/front/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('/system/templates/front/icons/nav/super-admin.svg'); }
.menu__item--offers .menu__ico::before { background-image: url('/system/templates/front/icons/nav/sent-offers.svg'); }
.menu__item--templates .menu__ico::before { background-image: url('/system/templates/front/icons/nav/templates.svg'); }
.menu__item--rates .menu__ico::before,
.menu__item--categories .menu__ico::before { background-image: url('/system/templates/front/icons/nav/categories.svg'); }
.menu__item--products .menu__ico::before { background-image: url('/system/templates/front/icons/nav/products.svg'); }
.menu__item--clients .menu__ico::before { background-image: url('/system/templates/front/icons/nav/clients.svg'); }
.menu__item--users .menu__ico::before { background-image: url('/system/templates/front/icons/nav/users.svg'); }
.menu__item--filemanager .menu__ico::before { background-image: url('/system/templates/front/icons/nav/my-files.svg'); }
.menu__item--options .menu__ico::before { background-image: url('/system/templates/front/icons/nav/settings.svg'); }
.menu__item--pay .menu__ico::before { background-image: url('/system/templates/front/icons/nav/payment.svg'); }
.menu__item--blog .menu__ico::before { background-image: url('/system/templates/front/icons/nav/blog.svg'); }
.menu__item--support .menu__ico::before { background-image: url('/system/templates/front/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('/system/templates/front/icons/nav/super-admin.svg') !important; }
.body--hide-menu .menu__item--offers .menu__ico::before { background-image: url('/system/templates/front/icons/nav/sent-offers.svg') !important; }
.body--hide-menu .menu__item--templates .menu__ico::before { background-image: url('/system/templates/front/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('/system/templates/front/icons/nav/categories.svg') !important; }
.body--hide-menu .menu__item--products .menu__ico::before { background-image: url('/system/templates/front/icons/nav/products.svg') !important; }
.body--hide-menu .menu__item--clients .menu__ico::before { background-image: url('/system/templates/front/icons/nav/clients.svg') !important; }
.body--hide-menu .menu__item--users .menu__ico::before { background-image: url('/system/templates/front/icons/nav/users.svg') !important; }
.body--hide-menu .menu__item--filemanager .menu__ico::before { background-image: url('/system/templates/front/icons/nav/my-files.svg') !important; }
.body--hide-menu .menu__item--options .menu__ico::before { background-image: url('/system/templates/front/icons/nav/settings.svg') !important; }
.body--hide-menu .menu__item--pay .menu__ico::before { background-image: url('/system/templates/front/icons/nav/payment.svg') !important; }
.body--hide-menu .menu__item--blog .menu__ico::before { background-image: url('/system/templates/front/icons/nav/blog.svg') !important; }
.body--hide-menu .menu__item--support .menu__ico::before { background-image: url('/system/templates/front/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('/system/templates/front/icons/nav/super-admin.svg') !important; }
.menu__item--offers .menu__ico::before { background-image: url('/system/templates/front/icons/nav/sent-offers.svg') !important; }
.menu__item--templates .menu__ico::before { background-image: url('/system/templates/front/icons/nav/templates.svg') !important; }
.menu__item--rates .menu__ico::before,
.menu__item--categories .menu__ico::before { background-image: url('/system/templates/front/icons/nav/categories.svg') !important; }
.menu__item--products .menu__ico::before { background-image: url('/system/templates/front/icons/nav/products.svg') !important; }
.menu__item--clients .menu__ico::before { background-image: url('/system/templates/front/icons/nav/clients.svg') !important; }
.menu__item--users .menu__ico::before { background-image: url('/system/templates/front/icons/nav/users.svg') !important; }
.menu__item--filemanager .menu__ico::before { background-image: url('/system/templates/front/icons/nav/my-files.svg') !important; }
.menu__item--options .menu__ico::before { background-image: url('/system/templates/front/icons/nav/settings.svg') !important; }
.menu__item--pay .menu__ico::before { background-image: url('/system/templates/front/icons/nav/payment.svg') !important; }
.menu__item--blog .menu__ico::before { background-image: url('/system/templates/front/icons/nav/blog.svg') !important; }
.menu__item--support .menu__ico::before { background-image: url('/system/templates/front/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;
    }
}


/* source: system/templates/front/css/media.css */
@media(max-width: 1600px) {
	:root {
		--padding-main: 40px;
	}
	.sidebar {
		flex: 0 0 250px;
		max-width: 250px;
		width: 250px;
	}
	.logo__image {
		width: 175px;
	}
	.btn--big {
		padding: 14px 24px;
		font-size: 16px;
	}
	.btn--middle {
		padding: 10px 20px;
		font-size: 16px;
	}
	.create-kp__link {
		font-size: 18px;
	}
	.menu__link {
		padding: 15px 20px;
		font-size: 15px;
	}
	.logout {
		bottom: 25px;
		left: 20px;
	}
	.templates__items,
	.make__templates {
		gap: 24px;
	}
	.edit__col--1 {
		padding-right: 40px;
	}
	.edit__row--make .edit__col--2 {
		flex: 0 0 350px;
	}
	.rates__current {
		font-size: 35px;
	}
	.rates__tab {
		font-size: 18px;
	}
	.rates__tab i {
		font-size: 14px;
	}
}
@media(max-width: 1280px) {
	.section-title--40 {
		font-size: 30px;
	}
	.section-title--30 {
		font-size: 26px;
	}
	.templates-search {
		display: grid;
		grid-template-columns: 100%;
		gap: 18px;
	}
	.make__template-box {
		padding: 15px;
	}
	.group__item-label,
	.group__item-value {
		flex: 0 0 100%;
	}
	.group__items {
		display: grid;
		grid-template-columns: 100%;
		gap: 18px;
		border: none;
		overflow: visible;
	}
	.group__item {
		border: 1px solid #aaa!important;
		border-radius: 5px;
		overflow: hidden;
	}
	.group__item-label {
		border: none;
	}
	.group__item-value {
		height: 50px;
	}
	.top__status {
		display: none;
	}
	.edit__col--2 {
		flex: 0 0 250px;
	}
	.upload-photo {
		width: 250px;
		height: 250px;
	}
	.edit__row--user {
		gap: 30px 20px;
	}
	.edit__row--user .edit__col--1 {
		flex: 0 0 100%;
		padding: 0;
	}
	.edit__row--user .edit__col--2,
	.edit__row--user .edit__col--3 {
		flex: 1;
		padding: 0;
	}
	.rates__center {
		width: auto;
	}
	.rates__stitle {
		font-size: 30px;
	}
	.rates__short {
		font-size: 16px;
		margin-bottom: 30px;
	}
	.rates__full {
		margin-bottom: 30px;
	}
}
@media(max-width: 1100px) {
	.wrapper {
		display: block;
	}
	.content {
		padding-left: 50px;
	}
	.sidebar {
		position: fixed;
		top: 0;
		left: 0;
		height: 100%;
		z-index: 999990;
	}
	.background-layer {
		background: rgba(0, 0, 0, 0.5);
		display: flex!important;
		width: 100%;
		height: 100%;
		position: fixed;
		top: 0;
		left: 0;
		z-index: 999989;
		padding: 30px;
		justify-content: flex-end;
	}
	.body--hide-menu .background-layer {
		display: none!important;
	}
	.menu__item--templates {
		display: none!important;
	}
	.make__template-view {
		display: none;
	}
	.edit__row--make .edit__col--2 {
		display: none;
	}
}
@media(max-width: 991px) {
	:root {
		--padding-main: 22px;
	}
	.section-title--30 {
		font-size: 24px;
	}
	.section-title--22 {
		font-size: 18px;
	}
	.offer__col--1 {
		flex: 0 0 85px;
	}
	.top__row {
		height: 45px;
	}
	.top-alert {
		margin-right: 35px;
	}
	.top-alert-ico > svg {
		width: 24px;
		height: 24px;
	}
	.main {
		height: calc(100% - 45px);
		overflow: hidden;
		overflow-y: scroll;
	}
	.make__button {
		min-width: 140px;
	}
	.filter {
		gap: 20px;
	}
	.filter__item {
		width: 100%;
		display: block;
	}
	.filter__input > * {
		width: 100%!important;
	}
	.filter__label {
		margin-bottom: 8px;
	}
	.make__products {
		max-height: none;
		overflow: hidden;
		zoom: 0.8;
	}
	.main__top {
		display: grid;
		grid-template-columns: 100%;
		gap: 20px;
	}
	.main__top-col--2 {
		margin: 0;
	}
}
@media(max-width: 767px) {
	.edit__row {
		display: grid;
		grid-template-columns: 100%;
		gap: 30px 20px;
	}
	.edit__col--1 {
		padding-right: 0!important;
	}
	.offer__col--1 {
		flex: 0 0 45px;
	}
	.offer__col--2 {
		padding-left: 15px;
	}
	.offer__actions {
		gap: 15px 20px;
	}
	.templates__items,
	.make__templates {
		gap: 20px;
		grid-template-columns: repeat(2, 1fr);
	}
	.main__action {
		width: 100%;
	}
	.main__action-btn {
		font-size: 14px;
		min-width: 1px;
		padding: 12px 15px;
		width: 100%;
	}
	.pay-tabs .main__action {
		flex: 0 0 100%;
	}
	.main__in {
		padding: 25px 22px;
	}
	.main__top {
		margin-bottom: 20px;
	}
	.rates__item {
		flex: 0 0 100%;
	}
}
@media(max-width: 500px) {
	.templates__items,
	.make__templates {
		grid-template-columns: 100%;
	}
	.dt-container {
		min-width: 500px;
	}
	.rates__tabs {
		zoom: 0.75;
	}
}

/* source: system/templates/front/css/sidebar-navigation.css */
/*
 * Offerist sidebar navigation v2
 * One stable geometry for default, hover, press, pending and active states.
 */
.sidebar .menu__item {
    position: relative;
}

.sidebar .menu__link {
    --sidebar-nav-hover: rgba(255, 255, 255, .065);
    --sidebar-nav-pressed: rgba(255, 255, 255, .105);
    --sidebar-nav-active-a: rgba(91, 96, 255, .22);
    --sidebar-nav-active-b: rgba(20, 184, 166, .17);
    position: relative !important;
    isolation: isolate;
    display: flex !important;
    align-items: center !important;
    min-height: 50px !important;
    margin: 3px 12px !important;
    padding: 13px 16px !important;
    border: 1px solid transparent !important;
    border-radius: 14px !important;
    background: transparent !important;
    box-shadow: none !important;
    color: rgba(255, 255, 255, .92) !important;
    text-decoration: none !important;
    outline: none !important;
    overflow: hidden !important;
    transform: translate3d(0, 0, 0) scale(1) !important;
    transform-origin: center;
    -webkit-tap-highlight-color: transparent;
    -webkit-touch-callout: none;
    user-select: none;
    transition:
        color .18s ease,
        border-color .18s ease,
        box-shadow .18s ease,
        transform .12s cubic-bezier(.2, .8, .2, 1) !important;
}

.sidebar .menu__link::before {
    content: "";
    position: absolute;
    z-index: -1;
    inset: 0;
    border-radius: inherit;
    background: var(--sidebar-nav-hover);
    opacity: 0;
    transform: scale(.985);
    transition:
        opacity .18s ease,
        transform .18s cubic-bezier(.2, .8, .2, 1),
        background .18s ease;
    pointer-events: none;
}

.sidebar .menu__link::after {
    content: "";
    position: absolute;
    left: 5px;
    top: 50%;
    width: 3px;
    height: 22px;
    border-radius: 999px;
    background: linear-gradient(180deg, #7dd3fc 0%, #5eead4 100%);
    box-shadow: 0 0 14px rgba(94, 234, 212, .42);
    opacity: 0;
    transform: translateY(-50%) scaleY(.45);
    transition:
        opacity .18s ease,
        transform .22s cubic-bezier(.2, .8, .2, 1);
    pointer-events: none;
}

.sidebar .menu__link:hover {
    color: #fff !important;
    border-color: rgba(255, 255, 255, .06) !important;
    background: transparent !important;
    box-shadow: none !important;
}

.sidebar .menu__link:hover::before {
    opacity: 1;
    transform: scale(1);
}

.sidebar .menu__link:active {
    color: #fff !important;
    transform: translate3d(0, 0, 0) scale(.982) !important;
}

.sidebar .menu__link:active::before {
    opacity: 1;
    transform: scale(1);
    background: var(--sidebar-nav-pressed);
}

.sidebar .menu__link:focus-visible {
    border-color: rgba(125, 211, 252, .55) !important;
    box-shadow: 0 0 0 3px rgba(56, 189, 248, .16) !important;
}

.sidebar .menu__ico,
.sidebar .menu__text {
    position: relative;
    z-index: 1;
}

.sidebar .menu__ico {
    opacity: .9;
    transition: opacity .18s ease, transform .18s cubic-bezier(.2, .8, .2, 1) !important;
}

.sidebar .menu__text {
    color: inherit !important;
    transition: color .18s ease, opacity .18s ease !important;
}

.sidebar .menu__link:hover .menu__ico,
.sidebar .menu__item--navigating .menu__ico,
.sidebar .menu__item--active .menu__ico {
    opacity: 1;
    transform: scale(1.035);
}

.sidebar .menu__item--active .menu__link,
.sidebar .menu__item--navigating .menu__link {
    color: #fff !important;
    border-color: rgba(125, 211, 252, .16) !important;
    border-radius: 14px !important;
    background: transparent !important;
    box-shadow: 0 12px 28px rgba(0, 0, 0, .13) !important;
    transform: translate3d(0, 0, 0) scale(1) !important;
}

.sidebar .menu__item--active .menu__link::before,
.sidebar .menu__item--navigating .menu__link::before {
    opacity: 1;
    transform: scale(1);
    background: linear-gradient(135deg, var(--sidebar-nav-active-a), var(--sidebar-nav-active-b));
}

.sidebar .menu__item--active .menu__link::after,
.sidebar .menu__item--navigating .menu__link::after {
    opacity: 1;
    transform: translateY(-50%) scaleY(1);
}

.sidebar .menu__item--leaving .menu__link {
    border-color: transparent !important;
    box-shadow: none !important;
}

.sidebar .menu__item--leaving .menu__link::before {
    opacity: 0;
    transform: scale(.985);
}

.sidebar .menu__item--leaving .menu__link::after {
    opacity: 0;
    transform: translateY(-50%) scaleY(.45);
}

/* The compact sidebar keeps the same rounded geometry instead of reverting to rectangles. */
body.body--hide-menu .sidebar .menu__link {
    width: 46px !important;
    min-width: 46px !important;
    max-width: 46px !important;
    height: 46px !important;
    min-height: 46px !important;
    margin: 5px auto !important;
    padding: 0 !important;
    border-radius: 14px !important;
    justify-content: center !important;
}

body.body--hide-menu .sidebar .menu__ico {
    flex: 0 0 46px !important;
    width: 46px !important;
    min-width: 46px !important;
    max-width: 46px !important;
    height: 46px !important;
    margin: 0 !important;
}

body.body--hide-menu .sidebar .menu__link::after {
    left: 3px;
    height: 18px;
}

body.body--hide-menu .sidebar .menu__item--active .menu__link,
body.body--hide-menu .sidebar .menu__item--active .menu__link:hover,
body.body--hide-menu .sidebar .menu__item--navigating .menu__link,
body.body--hide-menu .sidebar .menu__link:hover {
    border-radius: 14px !important;
}

@media (max-width: 1600px) {
    body:not(.body--hide-menu) .sidebar .menu__link {
        margin-left: 10px !important;
        margin-right: 10px !important;
        padding-left: 13px !important;
        padding-right: 13px !important;
    }
}

@media (prefers-reduced-motion: reduce) {
    .sidebar .menu__link,
    .sidebar .menu__link::before,
    .sidebar .menu__link::after,
    .sidebar .menu__ico,
    .sidebar .menu__text {
        transition: none !important;
    }
}
/* Technical support unread counters. */
.menu__support-badge{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:20px;margin-left:auto;padding:0 6px;border-radius:999px;background:#3f7cff;color:#fff;font-size:10px;font-weight:800}
.menu__support-badge[data-count="0"]{display:none}
.body--hide-menu .menu__support-badge{position:absolute;right:4px;top:4px;min-width:16px;height:16px;padding:0 4px;font-size:9px}


/* source: system/templates/front/css/modal-architecture.css */
/*
 * Offerist global modal architecture.
 *
 * Every cabinet modal is promoted into the persistent #offerist-modal-root,
 * outside the PJAX fragment. This guarantees viewport centering, a backdrop
 * above the sidebar/header, and deterministic stacking for nested dialogs.
 */
:root {
    --offerist-modal-layer: 2147483000;
    --offerist-modal-gutter: clamp(12px, 2.4vw, 32px);
}

#offerist-modal-root {
    position: fixed;
    inset: 0;
    width: 100vw;
    height: 100vh;
    height: 100dvh;
    z-index: var(--offerist-modal-layer);
    pointer-events: none;
    isolation: isolate;
    overflow: visible;
}

#offerist-modal-root:empty {
    display: none;
}

#offerist-modal-root > [data-offerist-modal-host] {
    position: fixed !important;
    inset: 0 !important;
    left: 0 !important;
    top: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    width: 100vw !important;
    max-width: none !important;
    height: 100vh !important;
    height: 100dvh !important;
    max-height: none !important;
    margin: 0 !important;
    padding: var(--offerist-modal-gutter) !important;
    box-sizing: border-box !important;
    align-items: center !important;
    justify-content: center !important;
    overflow: auto !important;
    overscroll-behavior: contain;
    transform: none !important;
    filter: none !important;
    perspective: none !important;
    transform-style: flat !important;
    pointer-events: none;
    -webkit-overflow-scrolling: touch;
}

#offerist-modal-root > [data-offerist-modal-host][data-offerist-modal-open="1"] {
    display: flex !important;
    pointer-events: auto;
    z-index: var(--offerist-modal-z, var(--offerist-modal-layer)) !important;
}

#offerist-modal-root > [data-offerist-modal-host][hidden],
#offerist-modal-root > [data-offerist-modal-host][aria-hidden="true"] {
    display: none !important;
    pointer-events: none !important;
}

/* A closed legacy .modal remains mounted but can never intercept the page. */
#offerist-modal-root > .modal:not(.active),
#offerist-modal-root > [data-offerist-modal-host]:not([data-offerist-modal-open="1"]) {
    pointer-events: none !important;
}

/* Backdrops always cover the complete browser viewport, not the PJAX fragment. */
#offerist-modal-root > [data-offerist-modal-host] > [class$="__backdrop"],
#offerist-modal-root > [data-offerist-modal-host] > [class*="__backdrop "],
#offerist-modal-root > [data-offerist-modal-host] .modal__background,
#offerist-modal-root > [data-offerist-modal-host] > [data-offerist-modal-backdrop] {
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
    z-index: 0 !important;
}

/* The dialog itself is centered inside the viewport and scrolls internally. */
#offerist-modal-root > [data-offerist-modal-host] > [role="dialog"],
#offerist-modal-root > [data-offerist-modal-host] > [class$="__dialog"],
#offerist-modal-root > [data-offerist-modal-host] > [class*="__dialog "] {
    position: relative !important;
    inset: auto !important;
    margin: auto !important;
    z-index: 1 !important;
    max-width: calc(100vw - (var(--offerist-modal-gutter) * 2)) !important;
    max-height: calc(100dvh - (var(--offerist-modal-gutter) * 2)) !important;
    box-sizing: border-box !important;
    overscroll-behavior: contain;
}

/* Legacy modal wrapper: keep its internal centering layer but remove page offsets. */
#offerist-modal-root > .modal > .modal__in {
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
    padding: var(--offerist-modal-gutter) !important;
    box-sizing: border-box !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    overflow: auto !important;
}

#offerist-modal-root > .modal .modal__box {
    margin: auto !important;
    max-height: calc(100dvh - (var(--offerist-modal-gutter) * 2)) !important;
}

/* Previous dialogs stay visible below the next dialog, but cannot receive input. */
#offerist-modal-root > [data-offerist-modal-host][data-offerist-modal-underlay="1"] {
    pointer-events: none !important;
}

html.offerist-modal-open,
body.offerist-modal-open {
    overflow: hidden !important;
    overscroll-behavior: none;
}

body.offerist-modal-open {
    padding-right: var(--offerist-modal-scrollbar-compensation, 0px);
}

@media (max-width: 720px) {
    :root {
        --offerist-modal-gutter: 10px;
    }
}

@media (prefers-reduced-motion: reduce) {
    #offerist-modal-root *,
    #offerist-modal-root *::before,
    #offerist-modal-root *::after {
        scroll-behavior: auto !important;
    }
}


/* source: system/templates/front/css/global-tooltips.css */
/* Offerist global tooltip portal.
 * One fixed body-level layer serves both data-tooltip and data-tippy-content.
 */
#offerist-global-tooltip{
    --offerist-tooltip-left:-9999px;
    --offerist-tooltip-top:-9999px;
    --offerist-tooltip-arrow-x:50%;
    --offerist-tooltip-arrow-y:50%;
    position:fixed;
    left:var(--offerist-tooltip-left);
    top:var(--offerist-tooltip-top);
    z-index:2147483200;
    max-width:min(340px,calc(100vw - 24px));
    padding:10px 13px;
    border:1px solid rgba(255,255,255,.1);
    border-radius:11px;
    background:#0f172a;
    box-shadow:0 18px 44px rgba(15,23,42,.28);
    color:#fff;
    font:600 13px/1.4 Arial,sans-serif;
    letter-spacing:0;
    text-align:left;
    white-space:normal;
    overflow-wrap:anywhere;
    pointer-events:none;
    opacity:0;
    visibility:hidden;
    transform:translate3d(0,0,0) scale(.98);
    transform-origin:center;
    transition:opacity .14s ease,transform .14s ease,visibility .14s ease;
    will-change:opacity,transform;
    contain:layout style;
}
#offerist-global-tooltip.is-visible{
    opacity:1;
    visibility:visible;
    transform:translate3d(0,0,0) scale(1);
}
#offerist-global-tooltip__arrow{
    position:absolute;
    width:10px;
    height:10px;
    background:#0f172a;
    transform:rotate(45deg);
    pointer-events:none;
}
#offerist-global-tooltip.is-top #offerist-global-tooltip__arrow{
    left:clamp(12px,var(--offerist-tooltip-arrow-x),calc(100% - 12px));
    bottom:-5px;
    margin-left:-5px;
    border-right:1px solid rgba(255,255,255,.1);
    border-bottom:1px solid rgba(255,255,255,.1);
}
#offerist-global-tooltip.is-bottom #offerist-global-tooltip__arrow{
    left:clamp(12px,var(--offerist-tooltip-arrow-x),calc(100% - 12px));
    top:-5px;
    margin-left:-5px;
    border-left:1px solid rgba(255,255,255,.1);
    border-top:1px solid rgba(255,255,255,.1);
}
#offerist-global-tooltip.is-left #offerist-global-tooltip__arrow{
    right:-5px;
    top:clamp(12px,var(--offerist-tooltip-arrow-y),calc(100% - 12px));
    margin-top:-5px;
    border-right:1px solid rgba(255,255,255,.1);
    border-top:1px solid rgba(255,255,255,.1);
}
#offerist-global-tooltip.is-right #offerist-global-tooltip__arrow{
    left:-5px;
    top:clamp(12px,var(--offerist-tooltip-arrow-y),calc(100% - 12px));
    margin-top:-5px;
    border-left:1px solid rgba(255,255,255,.1);
    border-bottom:1px solid rgba(255,255,255,.1);
}
.of-form-help::before,.of-form-help::after,.entity-help::before,.entity-help::after{
    content:none!important;
    display:none!important;
}
@media(prefers-reduced-motion:reduce){
    #offerist-global-tooltip{transition:none;}
}


/* source: system/templates/front/css/pjax.css */
.offerist-pjax-progress {
    position: fixed;
    z-index: 2147482500;
    top: 0;
    left: 0;
    right: 0;
    height: 3px;
    pointer-events: none;
    opacity: 0;
    transition: opacity .16s ease;
}
.offerist-pjax-progress span {
    display: block;
    width: 0;
    height: 100%;
    background: linear-gradient(90deg, #1fb79f, #3b82f6, #7c3aed);
    box-shadow: 0 0 12px rgba(59, 130, 246, .38);
    transition: width .22s ease;
}
.offerist-pjax-progress.is-active { opacity: 1; }
.offerist-pjax-progress.is-active span { width: 72%; }
.offerist-pjax-progress.is-finishing span { width: 100%; }

[data-offerist-pjax-content] {
    position: relative;
    min-height: 160px;
    transition: opacity .14s ease, transform .14s ease;
}
[data-offerist-pjax-content].is-pjax-loading {
    opacity: .58;
    transform: translateY(2px);
    pointer-events: none;
}
[data-offerist-pjax-content].is-pjax-loading::after {
    content: "";
    position: absolute;
    z-index: 40;
    inset: 0;
    border-radius: 14px;
    background:
        linear-gradient(90deg, transparent, rgba(255,255,255,.62), transparent),
        rgba(248,250,252,.18);
    background-size: 220% 100%, 100% 100%;
    animation: offerist-pjax-shimmer 1.05s linear infinite;
    pointer-events: none;
}
[data-offerist-pjax-content].is-pjax-entering {
    animation: offerist-pjax-enter .18s ease both;
}
body.offerist-pjax-busy { cursor: progress; }
body.offerist-pjax-busy .sidebar a,
body.offerist-pjax-busy .top-breadcrumbs a { cursor: progress; }

@keyframes offerist-pjax-shimmer {
    from { background-position: 180% 0, 0 0; }
    to { background-position: -40% 0, 0 0; }
}
@keyframes offerist-pjax-enter {
    from { opacity: .25; transform: translateY(5px); }
    to { opacity: 1; transform: translateY(0); }
}
@media (prefers-reduced-motion: reduce) {
    .offerist-pjax-progress,
    .offerist-pjax-progress span,
    [data-offerist-pjax-content] { transition: none !important; animation: none !important; }
}


form.is-pjax-submitting {
    pointer-events: none;
    opacity: .72;
}
form.is-pjax-submitting [type="submit"] {
    cursor: wait !important;
}
@supports (view-transition-name: offerist-content) {
    [data-offerist-pjax-content] { view-transition-name: offerist-content; }
    /* Keep the persistent shell (sidebar/top bar) out of the browser root cross-fade. */
    ::view-transition-old(root),
    ::view-transition-new(root) {
        animation: none !important;
        mix-blend-mode: normal;
    }
    ::view-transition-old(offerist-content) { animation-duration: .12s; }
    ::view-transition-new(offerist-content) { animation-duration: .18s; }
}

.offerist-pjax-recovery {
    min-height: min(66vh, 620px);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    padding: 48px 24px;
    text-align: center;
    color: #111827;
}
.offerist-pjax-recovery__icon {
    width: 72px;
    height: 72px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 20px;
    border-radius: 24px;
    background: linear-gradient(135deg, rgba(78, 234, 216, .24), rgba(23, 244, 158, .15));
    color: #0a8f7d;
    font-size: 38px;
    line-height: 1;
    box-shadow: 0 18px 42px rgba(15, 23, 42, .10);
}
.offerist-pjax-recovery h2 {
    margin: 0 0 10px;
    font-size: clamp(26px, 3vw, 38px);
    line-height: 1.15;
}
.offerist-pjax-recovery p {
    max-width: 620px;
    margin: 0;
    color: #667085;
    font-size: 16px;
    line-height: 1.55;
}
.offerist-pjax-recovery__actions {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 12px;
    margin-top: 24px;
    flex-wrap: wrap;
}
.offerist-pjax-recovery__button {
    min-height: 48px;
    padding: 0 22px;
    border: 0;
    border-radius: 14px;
    background: linear-gradient(135deg, #50e2d9, #18f4a0);
    color: #06111f;
    font: inherit;
    font-weight: 800;
    cursor: pointer;
    box-shadow: 0 14px 30px rgba(24, 244, 160, .20);
}
.offerist-pjax-recovery__button--secondary {
    border: 1px solid #dbe4ef;
    background: #fff;
    color: #344054;
    box-shadow: none;
}
.offerist-pjax-recovery__button:hover { transform: translateY(-1px); }
.offerist-pjax-recovery__status {
    display: block;
    min-height: 20px;
    margin-top: 15px;
    color: #98a2b3;
    font-size: 13px;
}
@media (max-width: 640px) {
    .offerist-pjax-recovery { min-height: 55vh; padding: 34px 16px; }
    .offerist-pjax-recovery__actions,
    .offerist-pjax-recovery__button { width: 100%; }
}