/* ==========================================================================
   PRIME-3ONA — MYSTYLES.CSS
   Только дополнительные стили нового оформления.

   Важно:
   - старые глобальные стили body/.inner/.content/.left_block/.right_block удалены;
   - базовая структура сайта берётся из primary.css;
   - все последние изменения PRIME-3ONA сохранены.
   ========================================================================== */

.stats-block {
	width: calc(100% + 20px);
	margin: -10px;
	text-align: center;
	border-collapse: separate;
	border-spacing: 10px;
}

.stats-block td {
	position: relative;
	height: 110px;
	padding: 16px 12px;
	overflow: hidden;
	background:
		linear-gradient(145deg, rgba(255, 59, 59, 0.08), rgba(255, 152, 0, 0.03)),
		#1a1d23;
	border: 1px solid rgba(255, 255, 255, 0.08);
	border-radius: 14px;
	box-shadow:
		0 12px 30px rgba(0, 0, 0, 0.30),
		inset 0 1px 0 rgba(255, 255, 255, 0.03);
	transition:
		transform 0.25s ease,
		border-color 0.25s ease,
		box-shadow 0.25s ease,
		background 0.25s ease;
}

.stats-block td::before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 3px;
	background: linear-gradient(90deg, #ff3b3b, #ff9800);
	opacity: 0.9;
}

.stats-block td:hover {
	transform: translateY(-4px);
	border-color: rgba(255, 152, 0, 0.35);
	background:
		linear-gradient(145deg, rgba(255, 59, 59, 0.12), rgba(255, 152, 0, 0.06)),
		#1d2128;
	box-shadow:
		0 18px 38px rgba(0, 0, 0, 0.38),
		0 0 24px rgba(255, 89, 35, 0.12);
}

.stats-block .fa {
	margin-top: 2px;
	font-size: 34px;
	color: #ff8a2a;
	filter: drop-shadow(0 0 8px rgba(255, 120, 30, 0.22));
	transition: transform 0.25s ease, color 0.25s ease;
}

.stats-block td:hover .fa {
	color: #ffb24d;
	transform: scale(1.08);
}

.stats-block p {
	margin: 4px 0 0;
	color: #ffffff;
	font-size: 22px;
	font-weight: 800;
	line-height: 30px;
	letter-spacing: 0.2px;
}

.stats-block span {
	display: block;
	color: #969ca7;
	font-size: 10px;
	font-weight: 700;
	letter-spacing: 0.8px;
	text-transform: uppercase;
}

.stats-block a {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 6px;
	max-width: 100%;
	color: #f3f4f6;
	font-size: 13px;
	font-weight: 700;
	text-transform: uppercase;
	text-decoration: none;
	transition: color 0.25s ease;
}

.stats-block a:hover {
	color: #ffb24d;
}

.stats-block a .small_us_av {
	width: 24px;
	height: 24px;
	margin: 0;
	object-fit: cover;
	border: 2px solid rgba(255, 152, 0, 0.55);
	border-radius: 50%;
	box-shadow: 0 0 0 3px rgba(255, 152, 0, 0.08);
}

@media (max-width: 768px) {
	.stats-block {
		width: 100%;
		margin: 0;
		border-spacing: 7px;
	}

	.stats-block,
	.stats-block tbody,
	.stats-block tr {
		display: block;
	}

	.stats-block td {
		display: inline-block;
		width: calc(50% - 10px);
		min-height: 105px;
		margin: 5px;
		vertical-align: top;
	}
}

@media (max-width: 480px) {
	.stats-block td {
		width: 100%;
		margin: 0 0 10px;
	}
}

/* add_ban.tpl */
.ban-application-layout {
	display: grid;
	grid-template-columns: minmax(0, 1.15fr) minmax(320px, .85fr);
	gap: 14px;
	align-items: start;
}

.ban-application-card,
.ban-instructions-card {
	margin-bottom: 0;
}

.prime-section-title {
	display: flex;
	align-items: center;
	gap: 11px;
}

.prime-section-title > div {
	display: flex;
	flex-direction: column;
	gap: 2px;
}

.prime-section-title strong {
	color: #fff;
	font-size: 12px;
	letter-spacing: .55px;
	text-transform: uppercase;
}

.prime-section-title small {
	color: #8f959f;
	font-size: 10px;
	font-weight: 600;
	letter-spacing: 0;
	text-transform: none;
}

.prime-section-icon {
	width: 34px;
	height: 34px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	flex: 0 0 34px;
	border: 1px solid rgba(255, 152, 0, .25);
	border-radius: 10px;
	background: linear-gradient(
		135deg,
		rgba(255, 59, 59, .18),
		rgba(255, 152, 0, .13)
	);
	color: #ff9f36;
	box-shadow: 0 0 16px rgba(255, 89, 35, .08);
}

.prime-form-section {
	padding: 3px 0;
}

.prime-form-section + .prime-form-section {
	margin-top: 16px;
	padding-top: 17px;
	border-top: 1px solid rgba(255, 255, 255, .07);
}

.prime-form-label {
	display: flex;
	align-items: center;
	gap: 7px;
	margin: 0 0 8px;
	color: #eceef2;
	font-size: 12px;
	font-weight: 700;
}

.prime-form-label > .glyphicon:first-child {
	color: #ff922e;
}

.prime-form-label .ness,
.prime-required-note .ness {
	color: #ff5c54;
	font-size: 10px;
}

.prime-inline-action {
	display: flex;
	gap: 9px;
	align-items: stretch;
}

.prime-inline-action .form-control {
	min-width: 0;
	flex: 1;
}

.prime-action-btn {
	min-width: 94px;
	margin: 0;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 7px;
}

.prime-table-wrap {
	border: 1px solid rgba(255, 255, 255, .07);
	border-radius: 10px;
	overflow: hidden;
}

.prime-table-wrap .table {
	margin-bottom: 0;
}

.prime-loader {
	min-height: 70px;
	display: flex;
	align-items: center;
	justify-content: center;
}

.prime-loader img {
	max-width: 42px;
}

.prime-field-counter {
	margin-top: 6px;
	color: #777e89;
	font-size: 10px;
	text-align: right;
}

.prime-help-text {
	margin: -2px 0 8px;
	color: #8f959f;
	font-size: 11px;
}

.prime-upload-box {
	display: flex;
	align-items: stretch;
	gap: 9px;
}

.prime-upload-box .input-file {
	min-width: 0;
	flex: 1;
	margin: 0;
}

.prime-upload-btn {
	min-width: 118px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 7px;
}

.prime-upload-preview:empty,
.prime-upload-result:empty {
	display: none;
}

.prime-upload-preview:not(:empty),
.prime-upload-result:not(:empty) {
	margin-top: 10px;
	padding: 10px;
	border: 1px solid rgba(255, 255, 255, .07);
	border-radius: 9px;
	background: rgba(255, 255, 255, .025);
}

.prime-required-note {
	margin-top: 15px;
	padding: 10px 12px;
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: 5px;
	border: 1px solid rgba(255, 152, 0, .18);
	border-radius: 9px;
	background: rgba(255, 152, 0, .055);
	color: #b9bec7;
	font-size: 11px;
}

.prime-required-note > .glyphicon:first-child {
	color: #ff9f36;
}

.prime-form-actions {
	margin-top: 16px;
	display: flex;
	justify-content: flex-end;
}

.prime-submit-btn {
	min-width: 180px;
	min-height: 42px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 8px;
	font-size: 12px;
	text-transform: uppercase;
	letter-spacing: .35px;
}

.ban-instructions-card .r_block_c {
	color: #b7bcc5;
	line-height: 1.65;
}

@media (max-width: 1050px) {
	.ban-application-layout {
		grid-template-columns: 1fr;
	}
}

@media (max-width: 600px) {
	.prime-inline-action,
	.prime-upload-box {
		flex-direction: column;
	}

	.prime-action-btn,
	.prime-upload-btn,
	.prime-submit-btn {
		width: 100%;
	}

	.prime-form-actions {
		display: block;
	}
}

/* ban.tpl */
.ban-detail-layout {
	display: grid;
	grid-template-columns: minmax(0, 1.15fr) minmax(320px, .85fr);
	gap: 14px;
	align-items: start;
}

.ban-detail-card,
.ban-evidence-card,
.ban-comments-card {
	margin-bottom: 14px;
}

.ban-detail-list {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 10px;
}

.ban-detail-row {
	min-height: 72px;
	padding: 12px;
	display: flex;
	align-items: center;
	gap: 11px;
	border: 1px solid rgba(255, 255, 255, .07);
	border-radius: 11px;
	background: rgba(255, 255, 255, .025);
}

.ban-detail-row > div {
	min-width: 0;
	display: flex;
	flex-direction: column;
	gap: 3px;
}

.ban-detail-row strong,
.ban-detail-row a {
	overflow: hidden;
	color: #f1f3f6;
	font-size: 13px;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.ban-detail-row a {
	color: #ffad42;
}

.ban-detail-label {
	color: #858c97;
	font-size: 10px;
	font-weight: 700;
	letter-spacing: .55px;
	text-transform: uppercase;
}

.ban-detail-icon {
	width: 34px;
	height: 34px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	flex: 0 0 34px;
	border-radius: 10px;
	background: linear-gradient(
		135deg,
		rgba(255, 59, 59, .15),
		rgba(255, 152, 0, .09)
	);
	color: #ff972f;
}

.ban-explanation-box,
.ban-reviewed-box,
.ban-actions-section {
	margin-top: 14px;
	padding: 14px;
	border: 1px solid rgba(255, 255, 255, .07);
	border-radius: 11px;
	background: rgba(255, 255, 255, .025);
}

.ban-explanation-title,
.ban-actions-title,
.ban-evidence-title {
	margin-bottom: 10px;
	display: flex;
	align-items: center;
	gap: 7px;
	color: #f2f3f5;
	font-size: 11px;
	font-weight: 800;
	letter-spacing: .45px;
	text-transform: uppercase;
}

.ban-explanation-title .glyphicon,
.ban-actions-title .glyphicon,
.ban-evidence-title .glyphicon {
	color: #ff972f;
}

.ban-explanation-box .with_code {
	color: #b9bec6;
	line-height: 1.7;
	white-space: normal;
	word-break: break-word;
}

.ban-reviewed-box {
	display: flex;
	align-items: center;
	gap: 10px;
	border-color: rgba(72, 199, 116, .22);
	background: rgba(72, 199, 116, .06);
}

.ban-reviewed-box > .glyphicon {
	color: #65d68d;
	font-size: 18px;
}

.ban-reviewed-box > div {
	display: flex;
	flex-direction: column;
	gap: 2px;
}

.ban-reviewed-box span {
	color: #8d949d;
	font-size: 10px;
	text-transform: uppercase;
}

.ban-reviewed-box a {
	font-weight: 700;
}

.ban-actions-list {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: 8px;
}

.ban-actions-list .btn,
.ban-moderation-actions {
	margin: 0;
}

.ban-moderation-actions {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
}

.ban-evidence-section + .ban-evidence-section {
	margin-top: 14px;
	padding-top: 14px;
	border-top: 1px solid rgba(255, 255, 255, .07);
}

.ban-evidence-content {
	color: #aeb4bd;
}

.prime-empty-state {
	min-height: 90px;
	padding: 16px;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
	gap: 9px;
	border: 1px dashed rgba(255, 255, 255, .10);
	border-radius: 10px;
	background: rgba(255, 255, 255, .018);
	color: #7f8690;
	text-align: center;
}

.prime-empty-state .glyphicon {
	color: #ff8f2a;
	font-size: 24px;
	opacity: .75;
}

.ban-screenshots {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 8px;
}

.ban-screenshots img {
	width: 100%;
	height: 130px;
	object-fit: cover;
	border: 1px solid rgba(255, 255, 255, .08);
	border-radius: 9px;
	transition: transform .22s ease, border-color .22s ease;
}

.ban-screenshots img:hover {
	transform: translateY(-2px);
	border-color: rgba(255, 152, 0, .35);
}

.ban-demo-btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 7px;
}

.ban-comment-form {
	border-bottom: 1px solid rgba(255, 255, 255, .07);
}

.ban-comment-actions {
	margin-top: 10px;
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 10px;
}

.ban-comment-actions .smile_input_forum {
	width: auto;
	min-width: 28px;
}

.ban-comment-actions #send_btn {
	min-width: 120px;
	margin: 0;
}

#comments .prime-loader {
	min-height: 110px;
}

#ban .modal-title {
	display: flex;
	align-items: center;
	gap: 8px;
}

#ban .modal-title .glyphicon {
	color: #ff972f;
}

@media (max-width: 1050px) {
	.ban-detail-layout {
		grid-template-columns: 1fr;
	}
}

@media (max-width: 680px) {
	.ban-detail-list {
		grid-template-columns: 1fr;
	}

	.ban-screenshots {
		grid-template-columns: 1fr;
	}

	.ban-comment-actions {
		align-items: stretch;
		flex-direction: column;
	}

	.ban-comment-actions #send_btn {
		width: 100%;
	}
}

/* bans/index.tpl */
.bans-list-card {
	margin-bottom: 14px;
}

.bans-table-wrap {
	border: 0;
	border-radius: 0 0 14px 14px;
}

.bans-table {
	margin-bottom: 0;
}

.bans-table thead td {
	padding: 13px 12px;
	background:
		linear-gradient(90deg, rgba(255, 59, 59, .08), rgba(255, 152, 0, .035)),
		rgba(255, 255, 255, .035);
	color: #f3f4f6;
	font-size: 10px !important;
	font-weight: 800;
	letter-spacing: .55px;
	text-transform: uppercase;
}

.bans-table tbody td {
	padding: 12px;
	vertical-align: middle !important;
	color: #c8ccd3;
	border-color: rgba(255, 255, 255, .065) !important;
}

.bans-table tbody tr {
	transition: background .22s ease, transform .22s ease;
}

.bans-table tbody tr:hover {
	background: rgba(255, 152, 0, .045);
}

.bans-table tbody tr td:first-child a,
.bans-table tbody tr td:first-child .btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 6px;
}

#bans a {
	color: #ffad42;
	font-weight: 700;
}

#bans a:hover {
	color: #ffd08a;
}

#bans .text-success,
#bans .label-success {
	color: #79dc9a !important;
}

#bans .text-danger,
#bans .label-danger {
	color: #ff7d78 !important;
}

#bans .text-warning,
#bans .label-warning {
	color: #ffb557 !important;
}

.prime-pagination-wrap {
	margin: 14px 0;
	display: flex;
	align-items: center;
	justify-content: center;
}

.prime-pagination-wrap center {
	width: 100%;
}

.prime-pagination-wrap .pagination {
	margin: 0;
}

.bans-list-toolbar {
	padding: 11px 12px;
	display: flex;
	align-items: center;
	justify-content: flex-end;
	border-bottom: 1px solid rgba(255, 255, 255, .065);
	background:
		linear-gradient(
			90deg,
			rgba(255, 59, 59, .035),
			rgba(255, 152, 0, .018)
		),
		#1a1d23;
}

.bans-add-btn {
	min-height: 38px;
	padding: 0 17px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 7px;
	border-radius: 9px;
	font-size: 10px;
	font-weight: 900;
	letter-spacing: .35px;
	line-height: 36px;
	text-transform: uppercase;
	box-shadow:
		0 8px 20px rgba(255, 75, 35, .18),
		inset 0 1px 0 rgba(255, 255, 255, .16);
}

.bans-add-btn:hover,
.bans-add-btn:focus {
	transform: translateY(-1px);
}

.bans-servers-card {
	margin-bottom: 14px;
}

.bans-server-list {
	margin: 0;
}

.bans-server-list > li {
	margin: 0 0 6px;
}

.bans-server-list > li:last-child {
	margin-bottom: 0;
}

.bans-server-list > li > a {
	padding: 11px 12px;
	display: flex;
	align-items: center;
	border: 1px solid rgba(255, 255, 255, .065);
	border-radius: 9px;
	background: rgba(255, 255, 255, .025);
	color: #c8ccd3;
	font-size: 11px;
	font-weight: 700;
	transition:
		background .22s ease,
		border-color .22s ease,
		color .22s ease,
		transform .22s ease;
}

.bans-server-list > li > a:hover,
.bans-server-list > li.active > a,
.bans-server-list > li.active > a:hover,
.bans-server-list > li.active > a:focus {
	padding-left: 15px;
	background:
		linear-gradient(90deg, rgba(255, 59, 59, .15), rgba(255, 152, 0, .06)),
		rgba(255, 255, 255, .035);
	border-color: rgba(255, 152, 0, .28);
	color: #fff;
	transform: translateX(2px);
}

@media (max-width: 760px) {
	.bans-table {
		min-width: 680px;
	}

	.bans-list-toolbar {
		padding: 10px;
	}

	.bans-add-btn {
		width: 100%;
	}
}

/* complaints/add.tpl */
.complaint-add-layout {
	display: grid;
	grid-template-columns: minmax(0, 1.15fr) minmax(320px, .85fr);
	gap: 14px;
	align-items: start;
}

.complaint-form-card,
.complaint-instructions-card {
	margin-bottom: 0;
}

.complaint-accused-info {
	margin-top: 14px;
	padding: 12px;
	border: 1px solid rgba(255, 152, 0, .18);
	border-radius: 10px;
	background:
		linear-gradient(135deg, rgba(255, 59, 59, .06), rgba(255, 152, 0, .035)),
		rgba(255, 255, 255, .02);
	color: #c8ccd3;
}

.complaint-instruction-text {
	display: flex;
	align-items: flex-start;
	gap: 10px;
	padding: 14px;
	border: 1px solid rgba(255, 255, 255, .07);
	border-radius: 11px;
	background: rgba(255, 255, 255, .025);
	color: #b9bec6;
	line-height: 1.7;
}

.complaint-instruction-text > .glyphicon {
	margin-top: 3px;
	color: #ff982f;
	font-size: 17px;
}

#find-result-table .table {
	margin-bottom: 0;
}

#find-result-table thead td {
	padding: 12px 10px;
	background: rgba(255, 255, 255, .035);
	color: #f2f3f5;
	font-size: 10px !important;
	font-weight: 800;
	letter-spacing: .5px;
	text-transform: uppercase;
}

#find-result-table tbody td {
	padding: 11px 10px;
	vertical-align: middle !important;
	color: #c4c9d0;
}

#find-result-table tbody tr:hover {
	background: rgba(255, 152, 0, .045);
}

#additional-info {
	margin-top: 16px;
}

@media (max-width: 1050px) {
	.complaint-add-layout {
		grid-template-columns: 1fr;
	}
}

@media (max-width: 600px) {
	#find-result-table .table {
		min-width: 680px;
	}
}

/* complaints/complaint.tpl */
.complaint-detail-layout {
	display: grid;
	grid-template-columns: minmax(0, 1.15fr) minmax(320px, .85fr);
	gap: 14px;
	align-items: start;
}

.complaint-detail-card,
.complaint-evidence-card,
.complaint-comments-card {
	margin-bottom: 14px;
}

.complaint-info-grid {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 10px;
}

.complaint-info-row {
	min-height: 72px;
	padding: 12px;
	display: flex;
	align-items: center;
	gap: 11px;
	border: 1px solid rgba(255, 255, 255, .07);
	border-radius: 11px;
	background: rgba(255, 255, 255, .025);
}

.complaint-info-row > div {
	min-width: 0;
	display: flex;
	flex-direction: column;
	gap: 3px;
}

.complaint-info-row strong,
.complaint-info-row a {
	overflow: hidden;
	color: #f1f3f6;
	font-size: 13px;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.complaint-info-row a {
	color: #ffad42;
}

.complaint-info-label {
	color: #858c97;
	font-size: 10px;
	font-weight: 700;
	letter-spacing: .55px;
	text-transform: uppercase;
}

.complaint-info-icon {
	width: 34px;
	height: 34px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	flex: 0 0 34px;
	border-radius: 10px;
	background:
		linear-gradient(
			135deg,
			rgba(255, 59, 59, .15),
			rgba(255, 152, 0, .09)
		);
	color: #ff972f;
}

.complaint-description-box,
.complaint-reviewed-box,
.complaint-action-box {
	margin-top: 14px;
	padding: 14px;
	border: 1px solid rgba(255, 255, 255, .07);
	border-radius: 11px;
	background: rgba(255, 255, 255, .025);
}

.complaint-box-title {
	margin-bottom: 10px;
	display: flex;
	align-items: center;
	gap: 7px;
	color: #f2f3f5;
	font-size: 11px;
	font-weight: 800;
	letter-spacing: .45px;
	text-transform: uppercase;
}

.complaint-box-title .glyphicon {
	color: #ff972f;
}

.complaint-description-box .with_code {
	color: #b9bec6;
	line-height: 1.7;
	white-space: normal;
	word-break: break-word;
}

.complaint-reviewed-box {
	display: flex;
	align-items: center;
	gap: 10px;
	border-color: rgba(72, 199, 116, .22);
	background: rgba(72, 199, 116, .06);
}

.complaint-reviewed-box > .glyphicon {
	color: #65d68d;
	font-size: 18px;
}

.complaint-reviewed-box > div {
	display: flex;
	flex-direction: column;
	gap: 2px;
}

.complaint-reviewed-box span {
	color: #8d949d;
	font-size: 10px;
	text-transform: uppercase;
}

.complaint-reviewed-box a {
	font-weight: 700;
}

.complaint-action-controls {
	display: flex;
	align-items: stretch;
	gap: 9px;
}

.complaint-action-controls .form-control {
	min-width: 0;
	flex: 1;
}

.complaint-action-btn {
	min-width: 125px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 7px;
}

.complaint-evidence-section + .complaint-evidence-section {
	margin-top: 14px;
	padding-top: 14px;
	border-top: 1px solid rgba(255, 255, 255, .07);
}

.complaint-screenshots {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 8px;
}

.complaint-screenshots img {
	width: 100%;
	height: 130px;
	object-fit: cover;
	border: 1px solid rgba(255, 255, 255, .08);
	border-radius: 9px;
	transition: transform .22s ease, border-color .22s ease;
}

.complaint-screenshots img:hover {
	transform: translateY(-2px);
	border-color: rgba(255, 152, 0, .35);
}

.complaint-demo-btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 7px;
}

.complaint-comment-form {
	border-bottom: 1px solid rgba(255, 255, 255, .07);
}

.complaint-comment-actions {
	margin-top: 10px;
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 10px;
}

.complaint-comment-actions .smile_input_forum {
	width: auto;
	min-width: 28px;
}

.complaint-comment-actions #send_btn {
	min-width: 120px;
	margin: 0;
}

#services .modal-title {
	display: flex;
	align-items: center;
	gap: 8px;
}

#services .modal-title .glyphicon {
	color: #ff972f;
}

#services .table {
	margin-bottom: 0;
}

#services thead td {
	padding: 12px 10px;
	background: rgba(255, 255, 255, .035);
	color: #f2f3f5;
	font-size: 10px !important;
	font-weight: 800;
	letter-spacing: .5px;
	text-transform: uppercase;
}

#services tbody td {
	padding: 11px 10px;
	vertical-align: middle !important;
	color: #c4c9d0;
}

@media (max-width: 1050px) {
	.complaint-detail-layout {
		grid-template-columns: 1fr;
	}
}

@media (max-width: 680px) {
	.complaint-info-grid,
	.complaint-screenshots {
		grid-template-columns: 1fr;
	}

	.complaint-action-controls,
	.complaint-comment-actions {
		flex-direction: column;
		align-items: stretch;
	}

	.complaint-action-btn,
	.complaint-comment-actions #send_btn {
		width: 100%;
	}
}

/* complaints/index.tpl */
.complaints-list-card {
	margin-bottom: 14px;
}

.complaints-table-wrap {
	overflow: hidden;
	border-radius: 0 0 14px 14px;
}

.complaints-table {
	margin-bottom: 0;
}

.complaints-table thead td {
	padding: 13px 12px;
	background:
		linear-gradient(
			90deg,
			rgba(255, 59, 59, .08),
			rgba(255, 152, 0, .035)
		),
		rgba(255, 255, 255, .035);
	color: #f3f4f6;
	font-size: 10px !important;
	font-weight: 800;
	letter-spacing: .55px;
	text-transform: uppercase;
}

.complaints-table tbody td {
	padding: 12px;
	vertical-align: middle !important;
	color: #c8ccd3;
	border-color: rgba(255, 255, 255, .065) !important;
}

.complaints-table tbody tr {
	transition: background .22s ease;
}

.complaints-table tbody tr:hover {
	background: rgba(255, 152, 0, .045);
}

.complaints-table tbody tr td:first-child a,
.complaints-table tbody tr td:first-child .btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 6px;
}

.complaints-table #bans a {
	color: #ffad42;
	font-weight: 700;
}

.complaints-table #bans a:hover {
	color: #ffd08a;
}

.complaints-table .text-success,
.complaints-table .label-success {
	color: #79dc9a !important;
}

.complaints-table .text-danger,
.complaints-table .label-danger {
	color: #ff7d78 !important;
}

.complaints-table .text-warning,
.complaints-table .label-warning {
	color: #ffb557 !important;
}

.complaints-add-btn {
	min-height: 46px;
	margin-bottom: 14px;
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 8px;
	border-radius: 11px;
	font-size: 12px;
	letter-spacing: .35px;
	text-transform: uppercase;
}

.complaints-servers-card {
	margin-bottom: 14px;
}

.complaints-server-list {
	margin: 0;
}

.complaints-server-list > li {
	margin: 0 0 6px;
}

.complaints-server-list > li:last-child {
	margin-bottom: 0;
}

.complaints-server-list > li > a {
	padding: 11px 12px;
	display: flex;
	align-items: center;
	border: 1px solid rgba(255, 255, 255, .065);
	border-radius: 9px;
	background: rgba(255, 255, 255, .025);
	color: #c8ccd3;
	font-size: 11px;
	font-weight: 700;
	transition:
		background .22s ease,
		border-color .22s ease,
		color .22s ease,
		transform .22s ease,
		padding-left .22s ease;
}

.complaints-server-list > li > a:hover,
.complaints-server-list > li.active > a,
.complaints-server-list > li.active > a:hover,
.complaints-server-list > li.active > a:focus {
	padding-left: 15px;
	background:
		linear-gradient(
			90deg,
			rgba(255, 59, 59, .15),
			rgba(255, 152, 0, .06)
		),
		rgba(255, 255, 255, .035);
	border-color: rgba(255, 152, 0, .28);
	color: #fff;
	transform: translateX(2px);
}

@media (max-width: 760px) {
	.complaints-table {
		min-width: 680px;
	}

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

/* admin.tpl */
.admin-service-row td {
	padding: 11px 12px !important;
	vertical-align: middle !important;
	color: #c8ccd3;
	border-color: rgba(255, 255, 255, .065) !important;
}

.admin-service-row {
	transition: background .22s ease;
}

.admin-service-row:hover {
	background: rgba(255, 152, 0, .045);
}

.admin-service-number {
	width: 54px;
	text-align: center;
}

.admin-row-index {
	width: 28px;
	height: 28px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	border: 1px solid rgba(255, 152, 0, .20);
	border-radius: 8px;
	background: rgba(255, 152, 0, .07);
	color: #ffad42;
	font-size: 11px;
	font-weight: 800;
}

.admin-user-link,
.admin-server-name {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	max-width: 100%;
	color: #eceef2;
	font-weight: 700;
}

.admin-user-link:hover {
	color: #ffbd69;
}

.admin-user-link .small_us_av {
	width: 34px;
	height: 34px;
	margin: 0;
	flex: 0 0 34px;
	object-fit: cover;
	border: 2px solid rgba(255, 152, 0, .48);
	box-shadow: 0 0 0 3px rgba(255, 152, 0, .07);
}

.admin-user-login,
.admin-user-unknown span,
.admin-server-name span:last-child {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.admin-user-unknown {
	color: #8d949e;
}

.admin-server-name > .glyphicon {
	color: #ff972f;
}

.admin-service-title {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: 8px;
}

.admin-service-title > span:first-child {
	color: #f1f3f6;
	font-weight: 700;
}

.admin-suspended-badge {
	padding: 5px 8px;
	display: inline-flex;
	align-items: center;
	gap: 5px;
	border: 1px solid rgba(255, 85, 85, .32);
	border-radius: 999px;
	background: rgba(255, 85, 85, .09);
	color: #ff8f8a !important;
	font-size: 10px;
	font-weight: 800;
	line-height: 1;
	text-transform: uppercase;
	box-shadow: none;
}

.admin-suspended-badge:hover,
.admin-suspended-badge:focus {
	background: rgba(255, 85, 85, .15);
	border-color: rgba(255, 85, 85, .48);
	color: #ffaaa6 !important;
	transform: none;
	box-shadow: 0 0 16px rgba(255, 85, 85, .10);
}

.admin-services-summary {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 10px;
}

.admin-services-count {
	color: #aeb4bd;
}

.admin-details-btn {
	padding: 6px 9px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 6px;
	border: 1px solid rgba(255, 152, 0, .22);
	border-radius: 8px;
	background: rgba(255, 152, 0, .07);
	color: #ffad42 !important;
	font-size: 10px;
	font-weight: 800;
	line-height: 1;
	text-transform: uppercase;
	box-shadow: none;
}

.admin-details-btn:hover,
.admin-details-btn:focus {
	background: linear-gradient(
		135deg,
		rgba(255, 59, 59, .18),
		rgba(255, 152, 0, .14)
	);
	border-color: rgba(255, 152, 0, .38);
	color: #fff !important;
	transform: translateY(-1px);
	box-shadow: 0 8px 18px rgba(255, 89, 35, .12);
}

.admin-modal-row > td {
	height: 0;
	padding: 0 !important;
	border: 0 !important;
	background: transparent !important;
}

.admin-services-modal .modal-title {
	display: flex;
	align-items: center;
	gap: 8px;
}

.admin-services-modal .modal-title .glyphicon {
	color: #ff972f;
}

.admin-services-table-wrap {
	border: 1px solid rgba(255, 255, 255, .07);
	border-radius: 10px;
	overflow: hidden;
}

.admin-services-table {
	margin-bottom: 0;
}

.admin-services-table thead td {
	padding: 12px 10px;
	background:
		linear-gradient(
			90deg,
			rgba(255, 59, 59, .08),
			rgba(255, 152, 0, .035)
		),
		rgba(255, 255, 255, .035);
	color: #f2f3f5;
	font-size: 10px !important;
	font-weight: 800;
	letter-spacing: .5px;
	text-transform: uppercase;
}

.admin-services-table tbody td {
	padding: 11px 10px;
	vertical-align: middle !important;
	color: #c4c9d0;
	border-color: rgba(255, 255, 255, .065) !important;
}

.admin-services-table tbody tr:hover {
	background: rgba(255, 152, 0, .04);
}

.admin-services-loader {
	min-height: 90px;
}

.admin-services-modal .popover,
.popover {
	max-width: 320px;
}

.popover-content {
	color: #c7cbd2;
	line-height: 1.55;
}

.popover-content a {
	color: #ffad42;
	font-weight: 700;
}

@media (max-width: 760px) {
	.admin-services-summary {
		align-items: flex-start;
		flex-direction: column;
	}

	.admin-details-btn {
		width: 100%;
	}

	.admin-services-table {
		min-width: 720px;
	}
}

/* admin_info.tpl */
.admin-info-row {
	transition: background .22s ease;
}

.admin-info-row:hover {
	background: rgba(255, 152, 0, .04);
}

.admin-info-number {
	width: 54px;
	text-align: center;
}

.admin-info-index {
	width: 26px;
	height: 26px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	border: 1px solid rgba(255, 152, 0, .18);
	border-radius: 7px;
	background: rgba(255, 152, 0, .06);
	color: #ffad42;
	font-size: 10px;
	font-weight: 800;
}

.admin-info-name strong {
	color: #f1f3f6;
	font-weight: 700;
}

.admin-info-date {
	color: #aeb4bd;
	white-space: nowrap;
}

.admin-info-date .glyphicon {
	margin-right: 6px;
	color: #ff972f;
}

.admin-info-status {
	display: inline-flex;
	align-items: center;
	padding: 5px 8px;
	border-radius: 999px;
	background: rgba(255, 255, 255, .04);
	font-size: 10px;
	font-weight: 800;
	white-space: nowrap;
}

/* ==========================================================================
   PRIME-3ONA — дополнительные стили загруженных частичных шаблонов
   Добавить в конец mystyles.css
   ========================================================================== */

/* checkbox_button.tpl */
.prime-checkbox-btn {
	position: relative;
	margin: 0 5px 5px 0;
	padding: 7px 11px;
	display: inline-flex;
	align-items: center;
	gap: 7px;
	border: 1px solid rgba(255, 255, 255, .08);
	border-radius: 9px;
	background: rgba(255, 255, 255, .035);
	color: #c9cdd4 !important;
	box-shadow: none;
	cursor: pointer;
}

.prime-checkbox-btn input {
	position: absolute;
	opacity: 0;
	pointer-events: none;
}

.prime-checkbox-indicator {
	width: 18px;
	height: 18px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	border: 1px solid rgba(255, 255, 255, .14);
	border-radius: 5px;
	background: #111419;
	color: transparent;
	font-size: 9px;
	transition: .22s ease;
}

.prime-checkbox-btn.active,
.prime-checkbox-btn:hover {
	border-color: rgba(255, 152, 0, .35);
	background: linear-gradient(
		135deg,
		rgba(255, 59, 59, .13),
		rgba(255, 152, 0, .08)
	);
	color: #fff !important;
	transform: translateY(-1px);
}

.prime-checkbox-btn.active .prime-checkbox-indicator {
	border-color: transparent;
	background: linear-gradient(135deg, #ff3b3b, #ff9800);
	color: #fff;
	box-shadow: 0 0 12px rgba(255, 89, 35, .18);
}

/* admins.tpl */
.admins-list-card {
	padding: 0;
	border: 1px solid rgba(255, 255, 255, .07);
	border-radius: 14px;
	background: rgba(24, 27, 33, .94);
	box-shadow: 0 12px 30px rgba(0, 0, 0, .26);
	overflow: hidden;
}

.admins-list-head {
	min-height: 50px;
	padding: 0 14px;
	display: flex;
	align-items: center;
	background:
		linear-gradient(90deg, rgba(255, 59, 59, .14), rgba(255, 152, 0, .05)),
		#1b1e24;
	border-bottom: 1px solid rgba(255, 255, 255, .07);
}

.admins-list-table-wrap {
	border-radius: 0 0 14px 14px;
}

.admins-list-table {
	margin: 0;
}

.admins-list-table thead td {
	padding: 12px;
	background: rgba(255, 255, 255, .035);
	color: #f3f4f6;
	font-size: 10px !important;
	font-weight: 800;
	letter-spacing: .5px;
	text-transform: uppercase;
}

.admins-list-table tbody td {
	padding: 11px 12px;
	border-color: rgba(255, 255, 255, .065) !important;
	vertical-align: middle !important;
}

/* ban.tpl + ban_small.tpl */
.ban-list-row,
.ban-small-row {
	cursor: pointer;
	transition: background .22s ease;
}

.ban-list-row:hover,
.ban-small-row:hover {
	background: rgba(255, 152, 0, .045);
}

.ban-list-row td,
.ban-small-row td {
	padding: 11px 12px !important;
	vertical-align: middle !important;
	border-color: rgba(255, 255, 255, .065) !important;
	color: #c7cbd2;
}

.ban-player-name {
	color: #f1f3f6;
	font-weight: 700;
}

.ban-reason-cell span,
.ban-admin-cell {
	color: #aeb4bd;
}

.ban-duration-value {
	display: block;
	color: #f2f3f5;
	font-style: normal;
	font-weight: 700;
}

.ban-buy-link {
	margin-top: 4px;
	display: inline-flex;
	align-items: center;
	gap: 5px;
	color: #ffad42 !important;
	font-size: 10px;
	font-weight: 800;
	cursor: pointer;
}

.ban-end-cell {
	color: #aeb4bd;
	white-space: nowrap;
}

.ban-modal-row > td,
.ban-small-modal-row > td {
	height: 0;
	padding: 0 !important;
	border: 0 !important;
	background: transparent !important;
}

.ban-details-modal .modal-title {
	display: flex;
	align-items: center;
	gap: 8px;
}

.ban-details-modal .modal-title .glyphicon {
	color: #ff972f;
}

.ban-details-table-wrap {
	border: 1px solid rgba(255, 255, 255, .07);
	border-radius: 10px;
	overflow: hidden;
}

.ban-details-table {
	margin: 0;
}

.ban-details-table td {
	padding: 11px 12px !important;
	vertical-align: middle !important;
	border-color: rgba(255, 255, 255, .065) !important;
	color: #c8ccd3;
}

.ban-details-table tr td:first-child {
	width: 225px;
	background: rgba(255, 255, 255, .025);
	color: #eef0f3;
}

.ban-details-table tr td:first-child .glyphicon {
	width: 18px;
	margin-right: 7px;
	color: #ff972f;
	text-align: center;
}

.ban-end-editor {
	width: min(100%, 300px);
}

.ban-unban-actions {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: 8px;
}

.ban-status-text {
	font-weight: 700;
}

.ban-select-btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 6px;
}

.ban-small-link {
	display: block;
	color: #c8ccd3 !important;
	font-weight: 600;
	cursor: pointer;
}

.ban-small-link:hover {
	color: #ffbd69 !important;
}

/* ban_application.tpl */
.ban-application-row {
	transition: background .22s ease;
}

.ban-application-row:hover {
	background: rgba(255, 152, 0, .045);
}

.ban-application-row td {
	padding: 11px 12px !important;
	vertical-align: middle !important;
	border-color: rgba(255, 255, 255, .065) !important;
	color: #c8ccd3;
}

.ban-application-details-btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 6px;
	padding: 6px 9px;
	border: 1px solid rgba(255, 152, 0, .23);
	border-radius: 8px;
	background: rgba(255, 152, 0, .07);
	color: #ffad42 !important;
	font-size: 10px;
	font-weight: 800;
	text-transform: uppercase;
}

.ban-application-details-btn:hover {
	border-color: rgba(255, 152, 0, .38);
	background: rgba(255, 152, 0, .13);
	color: #fff !important;
}

.ban-application-user-link {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	color: #f1f3f6 !important;
	font-weight: 700;
}

.ban-application-user-link .small_us_av {
	width: 34px;
	height: 34px;
	margin: 0;
	object-fit: cover;
	border-color: rgba(255, 152, 0, .50);
}

.application-status-badge {
	display: inline-flex;
	align-items: center;
	padding: 5px 9px;
	border-radius: 999px;
	background: rgba(255, 255, 255, .045);
	font-size: 10px;
	font-weight: 800;
	white-space: nowrap;
}

.ban-application-date {
	color: #aeb4bd;
	white-space: nowrap;
}

.ban-application-date .glyphicon {
	margin-right: 6px;
	color: #ff972f;
}

/* birth_user.tpl */
.birth-user-item {
	padding: 0;
}

.birth-user-link {
	position: relative;
	min-height: 46px;
	padding: 7px 34px 7px 8px;
	display: flex;
	align-items: center;
	gap: 9px;
	border-bottom: 1px solid rgba(255, 255, 255, .06);
	background: rgba(255, 255, 255, .018);
}

.birth-user-link:hover {
	background: rgba(255, 152, 0, .055);
}

.birth-user-avatar {
	width: 30px !important;
	height: 30px !important;
	margin: 0 !important;
	object-fit: cover;
	border: 2px solid rgba(255, 152, 0, .42);
	border-radius: 50%;
}

.birth-user-name {
	overflow: hidden;
	font-size: 11px;
	font-weight: 700;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.birth-user-icon {
	position: absolute;
	right: 10px;
	color: #ff9d35;
	opacity: .8;
}

/* black_list_user.tpl */
.blacklist-user-row {
	transition: background .22s ease;
}

.blacklist-user-row:hover {
	background: rgba(255, 152, 0, .04);
}

.blacklist-user-row td {
	padding: 10px 12px !important;
	vertical-align: middle !important;
	border-color: rgba(255, 255, 255, .065) !important;
}

.blacklist-user-number {
	width: 54px;
	text-align: center;
}

.blacklist-index {
	width: 27px;
	height: 27px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	border: 1px solid rgba(255, 152, 0, .20);
	border-radius: 8px;
	background: rgba(255, 152, 0, .06);
	color: #ffad42;
	font-size: 10px;
	font-weight: 800;
}

.blacklist-user-link {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	color: #f1f3f6 !important;
	font-weight: 700;
}

.blacklist-user-link .small_us_av {
	width: 34px;
	height: 34px;
	margin: 0;
	object-fit: cover;
	border-color: rgba(255, 152, 0, .48);
}

.blacklist-user-action {
	text-align: right;
}

.blacklist-remove-btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 6px;
}

/* category.tpl */
.prime-category-item {
	margin: 0 0 6px !important;
}

.prime-category-link {
	position: relative;
	padding: 10px 12px 10px 16px !important;
	display: flex !important;
	align-items: center;
	gap: 9px;
	border: 1px solid rgba(255, 255, 255, .065);
	border-radius: 9px !important;
	background: rgba(255, 255, 255, .025) !important;
	color: #c8ccd3 !important;
	font-size: 11px;
	font-weight: 700;
}

.prime-category-marker {
	width: 6px;
	height: 6px;
	flex: 0 0 6px;
	border-radius: 50%;
	background: #656b75;
	transition: .22s ease;
}

.prime-category-item.active .prime-category-link,
.prime-category-link:hover {
	padding-left: 19px !important;
	border-color: rgba(255, 152, 0, .30);
	background:
		linear-gradient(90deg, rgba(255, 59, 59, .14), rgba(255, 152, 0, .055)),
		rgba(255, 255, 255, .03) !important;
	color: #fff !important;
}

.prime-category-item.active .prime-category-marker,
.prime-category-link:hover .prime-category-marker {
	background: #ff982f;
	box-shadow: 0 0 9px rgba(255, 152, 0, .50);
}

/* chat.tpl */
.site-chat-card {
	overflow: hidden;
}

.site-chat-drop-zone {
	position: relative;
}

.site-chat-messages {
	height: 400px;
	padding: 4px 0;
	overflow-y: auto;
	background:
		linear-gradient(rgba(17, 20, 25, .90), rgba(17, 20, 25, .96)),
		radial-gradient(circle at 20% 0%, rgba(255, 59, 59, .06), transparent 32%);
}

.site-chat-compose {
	padding: 10px;
	display: flex;
	align-items: stretch;
	gap: 9px;
	border-top: 1px solid rgba(255, 255, 255, .07);
	background: #171a20;
}

.site-chat-input-wrap {
	margin: 0;
	min-width: 0;
	flex: 1;
}

.site-chat-input-wrap .form-control {
	height: 42px;
	padding-right: 38px;
}

.site-chat-input-wrap .smile_btn {
	top: 12px;
	right: 11px;
	filter: brightness(1.35);
}

.site-chat-send {
	min-width: 110px;
	margin: 0 !important;
}

/* chat_message.tpl */
.site-chat-message {
	position: relative;
	padding: 11px 13px;
	display: flex;
	gap: 10px;
	background: transparent;
	border-bottom: 1px solid rgba(255, 255, 255, .055);
}

.site-chat-message:hover {
	background: rgba(255, 255, 255, .027);
}

.site-chat-avatar-link {
	flex: 0 0 44px;
}

.site-chat-avatar {
	width: 44px !important;
	height: 44px !important;
	margin: 0 !important;
	padding: 0 !important;
	object-fit: cover;
	border: 2px solid rgba(255, 152, 0, .42);
	border-radius: 50%;
	background: #171a20;
	box-shadow: 0 0 0 3px rgba(255, 152, 0, .06);
}

.site-chat-message-body {
	min-width: 0;
	margin: 0 !important;
	flex: 1;
}

.site-chat-message-meta {
	min-height: 22px !important;
	margin: 0 0 4px !important;
	display: flex !important;
	align-items: center;
	gap: 8px;
}

.site-chat-author {
	padding: 0;
	border: 0;
	background: transparent !important;
	font-size: 12px;
	font-weight: 800;
	line-height: 1.2;
	box-shadow: none !important;
	cursor: pointer;
}

.site-chat-author:hover {
	filter: brightness(1.2);
	transform: none;
}

.site-chat-date {
	margin-left: auto;
	color: #737a85 !important;
	font-size: 10px !important;
	font-weight: 600 !important;
	white-space: nowrap;
}

.site-chat-admin-actions {
	display: flex;
	align-items: center;
	gap: 4px;
}

.site-chat-icon-btn {
	position: static !important;
	width: 25px;
	height: 25px;
	padding: 0;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	border: 1px solid rgba(255, 255, 255, .075);
	border-radius: 7px;
	background: rgba(255, 255, 255, .035) !important;
	color: #8e959f !important;
	font-size: 10px;
	box-shadow: none !important;
}

.site-chat-icon-btn:hover {
	border-color: rgba(255, 152, 0, .28);
	background: rgba(255, 152, 0, .08) !important;
	color: #ffad42 !important;
	transform: none;
}

.site-chat-delete-btn:hover {
	border-color: rgba(255, 85, 85, .32);
	background: rgba(255, 85, 85, .08) !important;
	color: #ff807b !important;
}

.site-chat-text {
	color: #c7cbd2;
	font-size: 13px;
	line-height: 1.55;
	overflow-wrap: anywhere;
}

.site-chat-edit-textarea {
	margin-top: 8px !important;
	min-height: 70px;
}

@media (max-width: 760px) {
	.admins-list-table,
	.ban-details-table {
		min-width: 680px;
	}

	.ban-unban-actions,
	.site-chat-compose {
		align-items: stretch;
		flex-direction: column;
	}

	.site-chat-send {
		width: 100%;
	}

	.blacklist-user-action {
		text-align: left;
	}

	.blacklist-remove-btn {
		width: 100%;
	}
}

@media (max-width: 520px) {
	.site-chat-message {
		padding: 10px;
	}

	.site-chat-avatar-link {
		flex-basis: 38px;
	}

	.site-chat-avatar {
		width: 38px !important;
		height: 38px !important;
	}

	.site-chat-message-meta {
		flex-wrap: wrap;
	}

	.site-chat-date {
		margin-left: 0;
	}

	.site-chat-admin-actions {
		margin-left: auto;
	}
}

/* ==========================================================================
   PRIME-3ONA — editing admins, complaints, comments and dialogs
   Добавить в конец mystyles.css
   ========================================================================== */

/* editing_admins_admin.tpl */
.editing-admin-row {
	transition: background .22s ease;
}

.editing-admin-row:hover {
	background: rgba(255, 152, 0, .045);
}

.editing-admin-row td {
	padding: 11px 12px !important;
	vertical-align: middle !important;
	border-color: rgba(255, 255, 255, .065) !important;
	color: #c7cbd2;
}

.editing-admin-number {
	width: 54px;
	text-align: center;
}

.editing-admin-index {
	width: 28px;
	height: 28px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	border: 1px solid rgba(255, 152, 0, .20);
	border-radius: 8px;
	background: rgba(255, 152, 0, .07);
	color: #ffad42;
	font-size: 10px;
	font-weight: 800;
}

.editing-admin-options-btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 6px;
}

.editing-admin-user-link {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	color: #f0f2f5 !important;
	font-weight: 700;
}

.editing-admin-user-link img {
	width: 34px;
	height: 34px;
	object-fit: cover;
	border: 2px solid rgba(255, 152, 0, .48);
	border-radius: 50%;
	box-shadow: 0 0 0 3px rgba(255, 152, 0, .06);
}

.editing-admin-user-unknown {
	color: #8d949e !important;
}

.editing-admin-name {
	color: #f1f3f6 !important;
	font-weight: 700;
}

.editing-admin-comment-icon {
	margin-left: 6px;
	color: #ff972f;
}

.editing-admin-services {
	color: #ffbd69 !important;
	font-weight: 700;
}

.editing-admin-ending {
	color: #aeb4bd !important;
	white-space: nowrap;
}

.editing-admin-ending .glyphicon {
	margin-right: 6px;
	color: #ff972f;
}

.editing-admin-modal .modal-title {
	display: flex;
	align-items: center;
	gap: 8px;
}

.editing-admin-modal .modal-title .glyphicon {
	color: #ff972f;
}

.editing-admin-loader {
	min-height: 140px;
}

/* editing_admins_admin_full.tpl */
.editing-admin-full {
	color: #c7cbd2;
}

.editing-admin-settings-grid {
	margin-left: -7px;
	margin-right: -7px;
}

.editing-admin-settings-grid > div {
	padding-left: 7px;
	padding-right: 7px;
}

.editing-admin-panel {
	margin-bottom: 14px;
	border: 1px solid rgba(255, 255, 255, .07);
	border-radius: 11px;
	background: rgba(255, 255, 255, .022);
	overflow: hidden;
}

.editing-admin-panel-title {
	min-height: 42px;
	padding: 0 12px;
	display: flex;
	align-items: center;
	gap: 7px;
	border-bottom: 1px solid rgba(255, 255, 255, .07);
	background:
		linear-gradient(90deg, rgba(255, 59, 59, .09), rgba(255, 152, 0, .035)),
		rgba(255, 255, 255, .025);
	color: #f1f3f6;
	font-size: 11px;
	font-weight: 800;
	letter-spacing: .4px;
	text-transform: uppercase;
}

.editing-admin-panel-title .glyphicon {
	color: #ff972f;
}

.editing-admin-settings-table {
	margin: 0;
}

.editing-admin-settings-table td {
	padding: 10px !important;
	vertical-align: middle !important;
	border-color: rgba(255, 255, 255, .065) !important;
	color: #c7cbd2;
}

.editing-admin-settings-table tr td:first-child {
	width: 145px;
	background: rgba(255, 255, 255, .018);
	color: #9299a4;
	font-size: 10px;
	font-weight: 800;
	letter-spacing: .35px;
	text-transform: uppercase;
}

.editing-admin-settings-table .input-group {
	width: 100%;
}

.editing-admin-settings-table .btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 6px;
}

.editing-admin-state-btn,
.editing-admin-delete-btn {
	min-width: 155px;
}

.editing-admin-delete-btn {
	border-color: rgba(255, 85, 85, .28) !important;
	background: rgba(255, 85, 85, .08) !important;
	color: #ff918d !important;
	box-shadow: none;
}

.editing-admin-delete-btn:hover {
	border-color: rgba(255, 85, 85, .45) !important;
	background: rgba(255, 85, 85, .14) !important;
	color: #fff !important;
}

.editing-admin-services-heading {
	min-height: 45px;
	margin-top: 4px;
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 12px;
}

.editing-admin-services-heading > div {
	display: flex;
	align-items: center;
	gap: 8px;
}

.editing-admin-services-heading h4 {
	margin: 0;
	color: #f2f3f5;
	font-size: 13px;
	font-weight: 800;
	text-transform: uppercase;
}

.editing-admin-services-heading .glyphicon {
	color: #ff972f;
}

.editing-admin-services-wrap {
	border: 1px solid rgba(255, 255, 255, .07);
	border-radius: 10px;
	overflow: hidden;
}

.editing-admin-services-table {
	margin: 0;
	min-width: 850px;
}

.editing-admin-services-table thead td {
	padding: 11px 10px;
	background: rgba(255, 255, 255, .035);
	color: #f2f3f5;
	font-size: 10px !important;
	font-weight: 800;
	letter-spacing: .45px;
	text-transform: uppercase;
}

.editing-admin-services-table tbody td {
	padding: 10px;
	vertical-align: middle !important;
	border-color: rgba(255, 255, 255, .065) !important;
}

/* editing_admins_server.tpl */
.editing-admin-server-card {
	padding: 0;
	border: 1px solid rgba(255, 255, 255, .07);
	border-radius: 14px;
	background: rgba(24, 27, 33, .94);
	box-shadow: 0 12px 30px rgba(0, 0, 0, .25);
	overflow: hidden;
}

.editing-admin-server-head {
	min-height: 50px;
	padding: 0 14px;
	display: flex;
	align-items: center;
	background:
		linear-gradient(90deg, rgba(255, 59, 59, .14), rgba(255, 152, 0, .05)),
		#1b1e24;
	border-bottom: 1px solid rgba(255, 255, 255, .07);
}

.editing-admin-server-table-wrap {
	border-radius: 0 0 14px 14px;
}

.editing-admin-server-table {
	margin: 0;
	min-width: 720px;
}

.editing-admin-server-table thead td {
	padding: 12px;
	background: rgba(255, 255, 255, .035);
	color: #f3f4f6;
	font-size: 10px !important;
	font-weight: 800;
	letter-spacing: .5px;
	text-transform: uppercase;
}

.editing-admin-server-table tbody td {
	padding: 11px 12px;
	vertical-align: middle !important;
	border-color: rgba(255, 255, 255, .065) !important;
}

/* editing_admins_store.tpl */
.editing-admin-store-row {
	transition: background .22s ease;
}

.editing-admin-store-row:hover {
	background: rgba(255, 152, 0, .04);
}

.editing-admin-store-row td {
	padding: 9px 10px !important;
	vertical-align: middle !important;
	border-color: rgba(255, 255, 255, .065) !important;
	color: #c7cbd2;
}

.editing-admin-store-number {
	width: 48px;
	text-align: center;
}

.editing-admin-store-number span {
	width: 25px;
	height: 25px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	border: 1px solid rgba(255, 152, 0, .18);
	border-radius: 7px;
	background: rgba(255, 152, 0, .06);
	color: #ffad42;
	font-size: 10px;
	font-weight: 800;
}

.editing-admin-store-name strong {
	color: #f1f3f6;
}

.editing-admin-store-rights {
	min-width: 190px;
}

.editing-admin-store-date {
	color: #aeb4bd;
	white-space: nowrap;
}

.editing-admin-store-date > .glyphicon {
	margin-right: 6px;
	color: #ff972f;
}

.editing-admin-store-status {
	display: inline-flex;
	padding: 5px 8px;
	border-radius: 999px;
	background: rgba(255, 255, 255, .04);
	font-size: 10px;
	font-weight: 800;
	white-space: nowrap;
}

.editing-admin-service-delete {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 5px;
	border-color: rgba(255, 85, 85, .25) !important;
	background: rgba(255, 85, 85, .07) !important;
	color: #ff8d88 !important;
	box-shadow: none;
}

/* comment.tpl */
.site-comment {
	position: relative;
	padding: 11px 13px;
	display: flex;
	gap: 10px;
	background: rgba(255, 255, 255, .018);
	border-bottom: 1px solid rgba(255, 255, 255, .06);
}

.site-comment:hover {
	background: rgba(255, 255, 255, .03);
}

.site-comment-avatar-link {
	flex: 0 0 44px;
}

.site-comment-avatar {
	width: 44px !important;
	height: 44px !important;
	margin: 0 !important;
	padding: 0 !important;
	object-fit: cover;
	border: 2px solid rgba(255, 152, 0, .42);
	border-radius: 50%;
	box-shadow: 0 0 0 3px rgba(255, 152, 0, .06);
}

.site-comment-body {
	min-width: 0;
	margin: 0 !important;
	flex: 1;
}

.site-comment-meta {
	min-height: 23px !important;
	margin: 0 0 5px !important;
	display: flex !important;
	align-items: center;
	gap: 8px;
}

.site-comment-author {
	padding: 0;
	border: 0;
	background: transparent !important;
	font-size: 12px;
	font-weight: 800;
	line-height: 1.2;
	box-shadow: none !important;
	cursor: pointer;
}

.site-comment-author:hover {
	filter: brightness(1.18);
	transform: none;
}

.site-comment-date {
	margin-left: auto;
	color: #777e88 !important;
	font-size: 10px !important;
	font-weight: 600 !important;
	white-space: nowrap;
}

.site-comment-date .glyphicon {
	margin-left: 3px;
}

.site-comment-actions {
	display: flex;
	align-items: center;
	gap: 4px;
}

.site-comment-text {
	color: #c7cbd2;
	line-height: 1.6;
	overflow-wrap: anywhere;
}

/* companion.tpl */
.messenger-companion {
	padding: 10px;
	display: flex;
	align-items: center;
	gap: 10px;
	border-bottom: 1px solid rgba(255, 255, 255, .06);
	background: rgba(255, 255, 255, .018);
}

.messenger-companion:hover {
	background: rgba(255, 152, 0, .04);
}

.messenger-companion-avatar {
	width: 48px !important;
	height: 48px !important;
	margin: 0 !important;
	flex: 0 0 48px;
	object-fit: cover;
	border: 2px solid rgba(255, 152, 0, .42);
	border-radius: 50%;
}

.messenger-companion-info {
	min-width: 0;
	flex: 1;
}

.messenger-companion-name {
	display: block;
	overflow: hidden;
	color: #f1f3f6 !important;
	font-size: 13px;
	font-weight: 800;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.messenger-companion-actions {
	margin-top: 5px;
	display: flex;
	flex-wrap: wrap;
	gap: 6px;
}

.messenger-companion-action {
	padding: 0;
	display: inline-flex;
	align-items: center;
	gap: 5px;
	border: 0;
	background: transparent !important;
	color: #8e959f !important;
	font-size: 10px;
	font-weight: 700;
	box-shadow: none !important;
	cursor: pointer;
}

.messenger-companion-action:hover {
	color: #ffad42 !important;
	transform: none;
}

/* complaint.tpl */
.complaint-list-row {
	transition: background .22s ease;
}

.complaint-list-row:hover {
	background: rgba(255, 152, 0, .045);
}

.complaint-list-row td {
	padding: 11px 12px !important;
	vertical-align: middle !important;
	border-color: rgba(255, 255, 255, .065) !important;
	color: #c8ccd3;
}

.complaint-details-link {
	padding: 6px 9px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 6px;
	border: 1px solid rgba(255, 152, 0, .22);
	border-radius: 8px;
	background: rgba(255, 152, 0, .07);
	color: #ffad42 !important;
	font-size: 10px;
	font-weight: 800;
	text-transform: uppercase;
}

.complaint-details-link:hover {
	border-color: rgba(255, 152, 0, .38);
	background: rgba(255, 152, 0, .13);
	color: #fff !important;
}

.complaint-user-link,
.complaint-find-user-link {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	color: #f1f3f6 !important;
	font-weight: 700;
}

.complaint-user-link .small_us_av,
.complaint-find-user-link .small_us_av {
	width: 34px;
	height: 34px;
	margin: 0;
	object-fit: cover;
	border-color: rgba(255, 152, 0, .48);
}

.complaint-user-unknown,
.complaint-find-user-unknown {
	color: #8d949e !important;
}

.complaint-status-badge {
	display: inline-flex;
	padding: 5px 9px;
	border-radius: 999px;
	background: rgba(255, 255, 255, .045);
	font-size: 10px;
	font-weight: 800;
	white-space: nowrap;
}

.complaint-list-date {
	color: #aeb4bd !important;
	white-space: nowrap;
}

.complaint-list-date .glyphicon {
	margin-right: 6px;
	color: #ff972f;
}

/* complaint_find_result.tpl */
.complaint-find-row {
	transition: background .22s ease;
}

.complaint-find-row:hover {
	background: rgba(255, 152, 0, .04);
}

.complaint-find-row td {
	padding: 10px 11px !important;
	vertical-align: middle !important;
	border-color: rgba(255, 255, 255, .065) !important;
	color: #c7cbd2;
}

.complaint-select-btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 6px;
}

.complaint-find-name {
	color: #f1f3f6 !important;
	font-weight: 700;
}

.complaint-services-btn {
	padding: 6px 9px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 6px;
	border: 1px solid rgba(255, 152, 0, .22);
	border-radius: 8px;
	background: rgba(255, 152, 0, .07) !important;
	color: #ffad42 !important;
	font-size: 10px;
	font-weight: 800;
	box-shadow: none !important;
}

.complaint-services-btn:hover {
	border-color: rgba(255, 152, 0, .38);
	background: rgba(255, 152, 0, .13) !important;
	color: #fff !important;
}

.complaint-find-modal-row > td {
	height: 0;
	padding: 0 !important;
	border: 0 !important;
	background: transparent !important;
}

.complaint-services-modal .modal-title {
	display: flex;
	align-items: center;
	gap: 8px;
}

.complaint-services-modal .modal-title .glyphicon {
	color: #ff972f;
}

.complaint-services-table-wrap {
	border: 1px solid rgba(255, 255, 255, .07);
	border-radius: 10px;
	overflow: hidden;
}

.complaint-services-table {
	margin: 0;
	min-width: 680px;
}

.complaint-services-table thead td {
	padding: 11px 10px;
	background: rgba(255, 255, 255, .035);
	color: #f2f3f5;
	font-size: 10px !important;
	font-weight: 800;
	letter-spacing: .45px;
	text-transform: uppercase;
}

.complaint-services-table tbody td {
	padding: 10px;
	vertical-align: middle !important;
	border-color: rgba(255, 255, 255, .065) !important;
}

/* complaint_find_result_card.tpl */
.complaint-selected-card {
	border: 1px solid rgba(72, 199, 116, .20);
	border-radius: 11px;
	background: rgba(72, 199, 116, .045);
	overflow: hidden;
}

.complaint-selected-title {
	min-height: 42px;
	padding: 0 12px;
	display: flex;
	align-items: center;
	gap: 7px;
	border-bottom: 1px solid rgba(72, 199, 116, .16);
	color: #8ee1ab;
	font-size: 11px;
	font-weight: 800;
	letter-spacing: .4px;
	text-transform: uppercase;
}

.complaint-selected-table {
	margin: 0;
}

.complaint-selected-table td {
	padding: 11px 12px !important;
	vertical-align: middle !important;
	border-color: rgba(255, 255, 255, .06) !important;
	color: #c7cbd2;
}

.complaint-selected-table tr td:first-child {
	width: 165px;
	background: rgba(255, 255, 255, .018);
	color: #9299a4;
}

.complaint-selected-table tr td:first-child .glyphicon {
	width: 18px;
	margin-right: 7px;
	color: #ff972f;
	text-align: center;
}

/* dialog.tpl */
.messenger-dialog {
	position: relative;
	height: auto;
	min-height: 78px;
	margin-bottom: 8px;
	display: flex;
	border: 1px solid rgba(255, 255, 255, .07);
	border-radius: 11px;
	background: rgba(255, 255, 255, .025);
	box-shadow: 0 8px 22px rgba(0, 0, 0, .16);
	overflow: hidden;
}

.messenger-dialog:hover {
	border-color: rgba(255, 152, 0, .20);
	background: rgba(255, 152, 0, .035);
}

.messenger-dialog-main {
	min-width: 0;
	padding: 10px;
	display: flex;
	align-items: center;
	gap: 11px;
	flex: 1;
	border: 0;
	background: transparent !important;
	color: inherit !important;
	text-align: left;
	box-shadow: none !important;
}

.messenger-dialog-main:hover {
	transform: none;
}

.messenger-dialog-avatar {
	width: 52px !important;
	height: 52px !important;
	margin: 0 !important;
	flex: 0 0 52px;
	object-fit: cover;
	border: 2px solid rgba(255, 152, 0, .42);
	border-radius: 50%;
}

.messenger-dialog-content {
	min-width: 0;
	display: flex;
	flex-direction: column;
	gap: 6px;
	flex: 1;
}

.messenger-dialog-head {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 10px;
}

.messenger-dialog-head strong {
	overflow: hidden;
	color: #f2f3f5;
	font-size: 13px;
	font-weight: 800;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.messenger-dialog-head time {
	color: #747b85;
	font-size: 10px;
	white-space: nowrap;
}

.messenger-dialog-state {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	color: #8d949e;
	font-size: 10px;
	font-weight: 700;
}

.messenger-dialog-unread {
	color: #7edc9e;
}

.messenger-dialog-waiting {
	color: #77bde8;
}

.messenger-dialog-delete {
	width: 46px;
	padding: 0;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	flex: 0 0 46px;
	border: 0;
	border-left: 1px solid rgba(255, 255, 255, .06);
	border-radius: 0;
	background: rgba(255, 255, 255, .018) !important;
	color: #777e88 !important;
	box-shadow: none !important;
}

.messenger-dialog-delete:hover {
	background: rgba(255, 85, 85, .09) !important;
	color: #ff807b !important;
	transform: none;
}

@media (max-width: 760px) {
	.editing-admin-settings-table {
		min-width: 560px;
	}

	.editing-admin-services-heading {
		align-items: stretch;
		flex-direction: column;
	}

	.editing-admin-services-heading .btn {
		width: 100%;
	}

	.complaint-selected-table tr td:first-child {
		width: 135px;
	}
}

@media (max-width: 520px) {
	.site-comment {
		padding: 10px;
	}

	.site-comment-avatar-link {
		flex-basis: 38px;
	}

	.site-comment-avatar {
		width: 38px !important;
		height: 38px !important;
	}

	.site-comment-meta {
		flex-wrap: wrap;
	}

	.site-comment-date {
		margin-left: 0;
	}

	.site-comment-actions {
		margin-left: auto;
	}

	.messenger-dialog-head {
		align-items: flex-start;
		flex-direction: column;
		gap: 2px;
	}
}

/* ==========================================================================
   PRIME-3ONA — forum and related components
   Добавить в конец mystyles.css
   ========================================================================== */

/* forum_message.tpl */
.forum-message {
	margin-bottom: 14px;
	border: 1px solid rgba(255, 255, 255, .075);
	border-radius: 14px;
	background: rgba(24, 27, 33, .94);
	box-shadow: 0 12px 30px rgba(0, 0, 0, .24);
	overflow: hidden;
}

.forum-message-header {
	display: grid;
	grid-template-columns: 220px minmax(0, 1fr);
	border-bottom: 1px solid rgba(255, 255, 255, .07);
	background:
		linear-gradient(90deg, rgba(255, 59, 59, .10), rgba(255, 152, 0, .035)),
		#1b1e24;
}

.forum-message-author-head,
.forum-message-meta-head {
	min-height: 46px;
	padding: 0 13px;
	display: flex;
	align-items: center;
}

.forum-message-author-head {
	border-right: 1px solid rgba(255, 255, 255, .07);
}

.forum-message-login {
	overflow: hidden;
	color: #ffb55a !important;
	font-size: 14px;
	font-weight: 800;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.forum-message-meta-head {
	gap: 10px;
}

.forum-message-date {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	color: #8f96a0 !important;
	font-size: 11px;
	font-weight: 700;
}

.forum-message-date .glyphicon {
	color: #ff972f;
}

.forum-message-tools {
	margin-left: auto;
	display: flex;
	align-items: center;
	gap: 5px;
}

.forum-message-tool {
	width: 30px;
	height: 30px;
	padding: 0;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	border: 1px solid rgba(255, 255, 255, .08);
	border-radius: 8px;
	background: rgba(255, 255, 255, .035) !important;
	color: #969da7 !important;
	box-shadow: none !important;
}

.forum-message-tool:hover {
	border-color: rgba(255, 152, 0, .30);
	background: rgba(255, 152, 0, .09) !important;
	color: #ffad42 !important;
	transform: none;
}

.forum-message-delete:hover {
	border-color: rgba(255, 85, 85, .32);
	background: rgba(255, 85, 85, .09) !important;
	color: #ff827d !important;
}

.forum-message-content {
	display: grid;
	grid-template-columns: 220px minmax(0, 1fr);
	min-height: 210px;
}

.forum-message-user {
	padding: 16px;
	border-right: 1px solid rgba(255, 255, 255, .07);
	background: rgba(255, 255, 255, .018);
	text-align: center;
}

.forum-message-avatar-link {
	display: inline-block;
}

.forum-message-avatar {
	width: 128px;
	height: 128px;
	object-fit: cover;
	border: 3px solid rgba(255, 152, 0, .45);
	border-radius: 12px;
	box-shadow: 0 0 0 5px rgba(255, 152, 0, .06);
}

.forum-message-group {
	margin-top: 12px;
	font-size: 11px;
	font-weight: 800;
	text-transform: uppercase;
}

.forum-message-user-stats {
	margin-top: 12px;
	display: grid;
	gap: 6px;
}

.forum-message-user-stats > div {
	padding: 7px 8px;
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 8px;
	border: 1px solid rgba(255, 255, 255, .06);
	border-radius: 8px;
	background: rgba(255, 255, 255, .02);
}

.forum-message-user-stats span {
	color: #818894;
	font-size: 10px;
	font-weight: 700;
	text-transform: uppercase;
}

.forum-message-user-stats strong {
	color: #f0f2f5;
	font-size: 11px;
}

.forum-message-main {
	padding: 18px;
	min-width: 0;
}

.forum-message-text {
	color: #c9cdd4;
	font-size: 13px;
	line-height: 1.7;
	overflow-wrap: anywhere;
}

.forum-message-edited {
	margin-top: 14px;
	padding-top: 10px;
	border-top: 1px solid rgba(255, 255, 255, .06);
	color: #777e88;
	font-size: 10px;
	text-align: right;
}

.forum-message-edited .glyphicon {
	margin-right: 4px;
	color: #ff972f;
}

.forum-message-signature {
	margin-top: 16px;
	padding-top: 14px;
	border-top: 1px dashed rgba(255, 255, 255, .08);
	color: #8f96a0;
}

.forum-message-footer {
	display: grid;
	grid-template-columns: 220px minmax(0, 1fr);
	border-top: 1px solid rgba(255, 255, 255, .07);
	background: rgba(255, 255, 255, .018);
}

.forum-message-actions {
	padding: 10px;
	display: flex;
	gap: 6px;
	border-right: 1px solid rgba(255, 255, 255, .07);
}

.forum-message-actions .btn {
	flex: 1;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 5px;
}

.forum-message-thanks {
	padding: 10px 14px;
	color: #aeb4bd;
}

.forum-message-thanks-full {
	grid-column: 1 / -1;
}

/* forum_section.tpl */
.forum-section-settings {
	padding: 0;
	border: 1px solid rgba(255, 255, 255, .07);
	border-radius: 14px;
	background: rgba(24, 27, 33, .94);
	box-shadow: 0 12px 30px rgba(0, 0, 0, .24);
	overflow: hidden;
}

.forum-section-settings-head {
	min-height: 50px;
	padding: 0 14px;
	display: flex;
	align-items: center;
	background:
		linear-gradient(90deg, rgba(255, 59, 59, .14), rgba(255, 152, 0, .05)),
		#1b1e24;
	border-bottom: 1px solid rgba(255, 255, 255, .07);
}

.forum-section-form {
	padding: 14px;
}

.forum-section-access {
	display: flex;
	flex-wrap: wrap;
	gap: 6px;
}

.forum-section-actions {
	display: flex;
	flex-wrap: wrap;
	gap: 7px;
}

.forum-section-actions .btn2 {
	margin: 0;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 6px;
}

.forum-section-delete {
	border-color: rgba(255, 85, 85, .24) !important;
	background: rgba(255, 85, 85, .07) !important;
	color: #ff918d !important;
}

.forum-section-order {
	width: 38px;
	padding-left: 0;
	padding-right: 0;
}

.forum-section-subtitle {
	min-height: 44px;
	padding: 0 14px;
	display: flex;
	align-items: center;
	gap: 7px;
	border-top: 1px solid rgba(255, 255, 255, .07);
	border-bottom: 1px solid rgba(255, 255, 255, .07);
	background: rgba(255, 255, 255, .025);
	color: #f1f3f6;
	font-size: 11px;
	font-weight: 800;
	letter-spacing: .4px;
	text-transform: uppercase;
}

.forum-section-subtitle .glyphicon {
	color: #ff972f;
}

.forum-settings-table-wrap {
	border-radius: 0 0 14px 14px;
}

.forum-settings-table {
	margin: 0;
	min-width: 850px;
}

.forum-settings-table thead td {
	padding: 11px 10px;
	background: rgba(255, 255, 255, .035);
	color: #f2f3f5;
	font-size: 10px !important;
	font-weight: 800;
	letter-spacing: .45px;
	text-transform: uppercase;
}

.forum-settings-table tbody td {
	padding: 10px;
	vertical-align: middle !important;
	border-color: rgba(255, 255, 255, .065) !important;
}

/* forum_settings.tpl */
.forum-settings-row {
	transition: background .22s ease;
}

.forum-settings-row:hover {
	background: rgba(255, 152, 0, .04);
}

.forum-settings-image {
	width: 54px;
	height: 54px;
	min-width: 54px;
	object-fit: cover;
	border: 2px solid rgba(255, 152, 0, .36);
	border-radius: 9px;
}

.forum-settings-upload .input-file {
	width: 180px;
	margin: 0;
}

.forum-settings-order .btn,
.forum-settings-actions .btn {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 5px;
}

.forum-settings-delete {
	border-color: rgba(255, 85, 85, .25) !important;
	background: rgba(255, 85, 85, .07) !important;
	color: #ff918d !important;
	box-shadow: none;
}

/* forums.tpl */
.forums-section-card {
	padding: 0;
	border: 1px solid rgba(255, 255, 255, .07);
	border-radius: 14px;
	background: rgba(24, 27, 33, .94);
	box-shadow: 0 12px 30px rgba(0, 0, 0, .24);
	overflow: hidden;
}

.forums-section-head {
	min-height: 50px;
	padding: 0 14px;
	display: flex;
	align-items: center;
	background:
		linear-gradient(90deg, rgba(255, 59, 59, .14), rgba(255, 152, 0, .05)),
		#1b1e24;
	border-bottom: 1px solid rgba(255, 255, 255, .07);
}

.forums-section-table {
	margin: 0;
}

.forums-section-table td {
	border-color: rgba(255, 255, 255, .065) !important;
}

/* forum.tpl */
.forum-list-row {
	transition: background .22s ease;
}

.forum-list-row:hover {
	background: rgba(255, 152, 0, .04);
}

.forum-list-row td {
	padding: 12px !important;
	vertical-align: middle !important;
	border-color: rgba(255, 255, 255, .065) !important;
}

.forum-list-image-cell {
	width: 78px;
}

.forum-list-image {
	width: 54px;
	height: 54px;
	object-fit: cover;
	border: 2px solid rgba(255, 152, 0, .36);
	border-radius: 10px;
	transition: transform .22s ease, border-color .22s ease;
}

.forum-list-image-link:hover .forum-list-image {
	transform: translateY(-2px);
	border-color: rgba(255, 152, 0, .60);
}

.forum-list-main h4 {
	margin: 0 0 5px;
	font-size: 14px;
}

.forum-list-main h4 a {
	color: #f1f3f6 !important;
	font-weight: 800;
}

.forum-list-main h4 a:hover {
	color: #ffbd69 !important;
}

.forum-list-description {
	color: #8f96a0;
	font-size: 11px;
	line-height: 1.5;
}

.forum-list-last {
	width: 250px !important;
	max-width: 250px !important;
	min-width: 250px !important;
}

.forum-empty-state {
	display: flex;
	align-items: center;
	gap: 7px;
	color: #777e88;
	font-size: 11px;
}

.forum-empty-state .glyphicon {
	color: #ff972f;
}

.forum-last-topic {
	display: grid;
	gap: 4px;
}

.forum-last-topic > div {
	display: flex;
	align-items: center;
	gap: 7px;
	min-width: 0;
	color: #8f96a0;
	font-size: 10px;
}

.forum-last-topic .glyphicon {
	width: 14px;
	color: #ff972f;
	text-align: center;
}

.forum-last-topic a {
	overflow: hidden;
	color: #dfe2e7 !important;
	font-weight: 700;
	text-overflow: ellipsis;
	white-space: nowrap;
}

/* friend.tpl */
.friend-card {
	width: 185px;
	padding: 0;
	border: 1px solid rgba(255, 255, 255, .07);
	border-radius: 12px;
	background: rgba(24, 27, 33, .94);
	box-shadow: 0 10px 24px rgba(0, 0, 0, .22);
	overflow: hidden;
}

.friend-card-title {
	min-height: 40px;
	padding: 0 11px;
	display: flex;
	align-items: center;
	gap: 7px;
	border-bottom: 1px solid rgba(255, 255, 255, .07);
	background:
		linear-gradient(90deg, rgba(255, 59, 59, .09), rgba(255, 152, 0, .035)),
		rgba(255, 255, 255, .02);
	color: #f2f3f5 !important;
}

.friend-card-title .glyphicon {
	color: #ff972f;
}

.friend-card-avatar-link {
	display: block;
	padding: 10px;
}

.friend-card-avatar {
	width: 100%;
	height: 165px;
	object-fit: cover;
	border: 0;
	border-radius: 9px;
}

.friend-card-actions {
	padding: 0 10px 10px;
	display: grid;
	gap: 6px;
}

.friend-card-action {
	min-height: 34px;
	padding: 0 10px;
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 6px;
	border: 1px solid rgba(255, 255, 255, .07);
	border-radius: 8px;
	background: rgba(255, 255, 255, .03) !important;
	color: #c9cdd4 !important;
	font-size: 10px;
	font-weight: 800;
	box-shadow: none !important;
	cursor: pointer;
}

.friend-card-action:hover {
	border-color: rgba(255, 152, 0, .28);
	background: rgba(255, 152, 0, .08) !important;
	color: #ffbd69 !important;
	transform: none;
}

.friend-card-action-success {
	border-color: rgba(72, 199, 116, .20);
	color: #83dca2 !important;
}

.friend-card-action-danger {
	border-color: rgba(255, 85, 85, .20);
	color: #ff918d !important;
}

/* last_activity.tpl */
.last-activity-card {
	padding: 10px 12px;
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 12px;
}

.last-activity-main {
	min-width: 0;
	display: grid;
	gap: 5px;
}

.last-activity-row {
	display: flex;
	align-items: center;
	gap: 8px;
	min-width: 0;
}

.last-activity-row > .glyphicon {
	width: 14px;
	color: #ff972f;
	text-align: center;
}

.last-activity-row > div {
	min-width: 0;
	display: flex;
	align-items: center;
	gap: 5px;
}

.last-activity-label {
	color: #7f8690;
	font-size: 10px;
	font-weight: 700;
	text-transform: uppercase;
}

.last-activity-row a {
	overflow: hidden;
	color: #e6e8ec !important;
	font-weight: 700;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.last-activity-date {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	color: #7f8690;
	font-size: 10px;
	white-space: nowrap;
}

.last-activity-date .glyphicon {
	color: #ff972f;
}

/* last_bans.tpl */
.last-ban-card {
	padding: 10px 12px;
	display: grid;
	gap: 7px;
}

.last-ban-row {
	display: flex;
	align-items: center;
	gap: 8px;
}

.last-ban-row > .glyphicon {
	width: 14px;
	color: #ff972f;
	text-align: center;
}

.last-ban-row > div {
	min-width: 0;
	display: flex;
	align-items: center;
	gap: 6px;
}

.last-ban-row span:not(.glyphicon) {
	color: #7f8690;
	font-size: 10px;
	font-weight: 700;
	text-transform: uppercase;
}

.last-ban-row a,
.last-ban-row strong {
	overflow: hidden;
	color: #e6e8ec !important;
	font-size: 11px;
	font-weight: 700;
	text-overflow: ellipsis;
	white-space: nowrap;
}

/* last_new.tpl */
.last-news-link {
	display: block;
}

.last-news-card {
	padding: 8px;
	display: flex;
	align-items: center;
	gap: 10px;
	border-bottom: 1px solid rgba(255, 255, 255, .06);
}

.last-news-card:hover {
	background: rgba(255, 152, 0, .045);
}

.last-news-image {
	width: 78px !important;
	height: 58px;
	margin: 0 !important;
	flex: 0 0 78px;
	object-fit: cover;
	border: 1px solid rgba(255, 255, 255, .08);
	border-radius: 8px;
}

.last-news-content {
	min-width: 0;
	flex: 1;
}

.last-news-title {
	overflow: hidden;
	color: #e7e9ed;
	font-size: 11px;
	font-weight: 800;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.last-news-title .glyphicon {
	margin-right: 5px;
	color: #ff972f;
}

.last-news-meta {
	margin-top: 7px;
	display: flex;
	align-items: center;
	gap: 12px;
	color: #7f8690;
	font-size: 10px;
}

.last-news-meta span {
	display: inline-flex;
	align-items: center;
	gap: 4px;
}

/* event.tpl */
.site-event-card {
	margin-bottom: 12px;
	border: 1px solid rgba(255, 255, 255, .07);
	border-radius: 13px;
	background: rgba(24, 27, 33, .94);
	box-shadow: 0 10px 26px rgba(0, 0, 0, .22);
	overflow: hidden;
}

.site-event-top {
	display: grid;
	grid-template-columns: 1fr auto auto;
	align-items: center;
	gap: 12px;
	padding: 11px 13px;
	border-bottom: 1px solid rgba(255, 255, 255, .07);
	background:
		linear-gradient(90deg, rgba(255, 59, 59, .08), rgba(255, 152, 0, .03)),
		rgba(255, 255, 255, .02);
}

.site-event-profile {
	min-width: 0;
	display: inline-flex;
	align-items: center;
	gap: 8px;
}

.site-event-avatar {
	width: 34px;
	height: 34px;
	object-fit: cover;
	border: 2px solid rgba(255, 152, 0, .42);
	border-radius: 50%;
}

.site-event-login {
	overflow: hidden;
	font-size: 11px;
	font-weight: 800;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.site-event-date,
.site-event-link {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	color: #8f96a0 !important;
	font-size: 10px;
	font-weight: 700;
	white-space: nowrap;
}

.site-event-date .fa,
.site-event-link .fa {
	color: #ff972f;
}

.site-event-content {
	padding: 13px;
	display: flex;
	align-items: flex-start;
	gap: 10px;
}

.site-event-text {
	min-width: 0;
	flex: 1;
	color: #c9cdd4;
	font-size: 13px;
	line-height: 1.6;
}

.site-event-delete {
	width: 32px;
	height: 32px;
	padding: 0;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	flex: 0 0 32px;
	border: 1px solid rgba(255, 85, 85, .22);
	border-radius: 8px;
	background: rgba(255, 85, 85, .07) !important;
	color: #ff918d !important;
	box-shadow: none !important;
}

.site-event-delete:hover {
	border-color: rgba(255, 85, 85, .38);
	background: rgba(255, 85, 85, .13) !important;
	color: #fff !important;
	transform: none;
}

@media (max-width: 760px) {
	.forum-message-header,
	.forum-message-content,
	.forum-message-footer {
		grid-template-columns: 1fr;
	}

	.forum-message-author-head,
	.forum-message-user,
	.forum-message-actions {
		border-right: 0;
	}

	.forum-message-author-head,
	.forum-message-user {
		border-bottom: 1px solid rgba(255, 255, 255, .07);
	}

	.forum-message-user {
		text-align: left;
	}

	.forum-message-avatar {
		width: 96px;
		height: 96px;
	}

	.forum-message-user-stats {
		grid-template-columns: repeat(3, minmax(0, 1fr));
	}

	.forum-message-thanks-full {
		grid-column: auto;
	}

	.forum-list-last {
		width: 210px !important;
		max-width: 210px !important;
		min-width: 210px !important;
	}

	.site-event-top {
		grid-template-columns: 1fr;
		align-items: flex-start;
	}
}

@media (max-width: 520px) {
	.forum-message-user-stats {
		grid-template-columns: 1fr;
	}

	.last-activity-card {
		align-items: flex-start;
		flex-direction: column;
	}

	.friend-card {
		width: 100%;
	}

	.friend-card-avatar {
		height: auto;
	}
}

/* ==========================================================================
   PRIME-3ONA — misc components: money, mute, news, notifications, PM
   Добавить в конец mystyles.css
   ========================================================================== */

/* money_action.tpl */
.money-action-row {
	transition: background .22s ease;
}

.money-action-row:hover {
	background: rgba(255, 152, 0, .04);
}

.money-action-row td {
	padding: 10px 12px !important;
	vertical-align: middle !important;
	border-color: rgba(255, 255, 255, .065) !important;
	color: #c7cbd2;
}

.money-badge {
	display: inline-flex;
	align-items: center;
	gap: 5px;
	padding: 6px 9px;
	border-radius: 999px;
	font-size: 10px;
	font-weight: 850;
	white-space: nowrap;
}

.money-badge-positive {
	border: 1px solid rgba(72, 199, 116, .22);
	background: rgba(72, 199, 116, .08);
	color: #86dda4;
}

.money-badge-negative {
	border: 1px solid rgba(255, 85, 85, .22);
	background: rgba(255, 85, 85, .08);
	color: #ff8f8a;
}

.money-action-type span {
	color: #eef0f3;
	font-weight: 700;
}

.money-action-date {
	color: #8f96a0 !important;
	white-space: nowrap;
}

.money-action-date .glyphicon {
	margin-right: 6px;
	color: #ff972f;
}

/* mute.tpl */
.mute-list-row {
	cursor: pointer;
	transition: background .22s ease;
}

.mute-list-row:hover {
	background: rgba(255, 152, 0, .045);
}

.mute-list-row td {
	padding: 11px 12px !important;
	vertical-align: middle !important;
	border-color: rgba(255, 255, 255, .065) !important;
	color: #c7cbd2;
}

.mute-player-name {
	color: #f1f3f6;
	font-weight: 800;
}

.mute-reason-cell span,
.mute-admin-cell {
	color: #aeb4bd;
}

.mute-type-badge {
	display: inline-flex;
	padding: 5px 8px;
	border: 1px solid rgba(255, 152, 0, .18);
	border-radius: 999px;
	background: rgba(255, 152, 0, .06);
	color: #ffb45a;
	font-size: 9px;
	font-weight: 850;
	text-transform: uppercase;
	white-space: nowrap;
}

.mute-duration-value {
	display: block;
	color: #f1f3f6;
	font-weight: 750;
	font-style: normal;
}

.mute-buy-link {
	margin-top: 4px;
	display: inline-flex;
	align-items: center;
	gap: 5px;
	color: #ffad42 !important;
	font-size: 10px;
	font-weight: 800;
	cursor: pointer;
}

.mute-end-cell {
	color: #aeb4bd !important;
	white-space: nowrap;
}

.mute-modal-row > td {
	height: 0;
	padding: 0 !important;
	border: 0 !important;
	background: transparent !important;
}

.mute-details-modal .modal-title {
	display: flex;
	align-items: center;
	gap: 8px;
}

.mute-details-modal .modal-title .glyphicon {
	color: #ff972f;
}

.mute-details-table-wrap {
	border: 1px solid rgba(255, 255, 255, .07);
	border-radius: 10px;
	overflow: hidden;
}

.mute-details-table {
	margin: 0;
}

.mute-details-table td {
	padding: 11px 12px !important;
	vertical-align: middle !important;
	border-color: rgba(255, 255, 255, .065) !important;
	color: #c8ccd3;
}

.mute-details-table tr td:first-child {
	width: 240px;
	background: rgba(255, 255, 255, .025);
	color: #eef0f3;
}

.mute-details-table tr td:first-child .glyphicon {
	width: 18px;
	margin-right: 7px;
	color: #ff972f;
	text-align: center;
}

.mute-end-editor {
	width: min(100%, 300px);
}

.mute-actions {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: 8px;
}

.mute-status-text {
	font-weight: 750;
}

/* nav_li.tpl */
.prime-breadcrumb-item {
	display: inline-flex !important;
	align-items: center;
	gap: 7px;
	color: #777e88;
	font-size: 10px;
	font-weight: 700;
}

.prime-breadcrumb-item a {
	color: #aeb4bd !important;
}

.prime-breadcrumb-item a:hover {
	color: #ffbd69 !important;
}

.prime-breadcrumb-separator {
	color: rgba(255, 255, 255, .18);
}

.prime-breadcrumb-current {
	color: #ffad42;
	font-weight: 850;
}

/* new.tpl + new_new.tpl */
.prime-news-card {
	margin-bottom: 14px;
	border: 1px solid rgba(255, 255, 255, .075);
	border-radius: 14px;
	background: rgba(24, 27, 33, .94);
	box-shadow: 0 12px 30px rgba(0, 0, 0, .24);
	overflow: hidden;
}

.prime-news-header {
	min-height: 50px;
	margin: 0 !important;
	padding: 0 15px !important;
	display: flex;
	align-items: center;
	background:
		linear-gradient(90deg, rgba(255, 59, 59, .13), rgba(255, 152, 0, .045)),
		#1b1e24 !important;
	border-left: 3px solid #ff3b3b;
	border-radius: 0 !important;
}

.prime-news-title-wrap {
	min-width: 0;
	display: flex;
	align-items: center;
	gap: 9px;
}

.prime-news-marker {
	width: 7px;
	height: 7px;
	flex: 0 0 7px;
	border-radius: 50%;
	background: #ff972f;
	box-shadow: 0 0 11px rgba(255, 152, 0, .55);
}

.prime-news-title {
	overflow: hidden;
	color: #f2f3f5 !important;
	font-size: 13px;
	font-weight: 850;
	letter-spacing: .2px;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.prime-news-content {
	padding: 14px !important;
	display: grid;
	grid-template-columns: 180px minmax(0, 1fr);
	gap: 14px;
	background: transparent !important;
}

.prime-news-poster {
	width: 180px;
	height: 112px;
	display: block;
	border-radius: 10px;
	overflow: hidden;
}

.prime-news-poster img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	border: 1px solid rgba(255, 255, 255, .08);
	border-radius: 10px;
	transition: transform .25s ease, border-color .25s ease;
}

.prime-news-poster:hover img {
	transform: scale(1.03);
	border-color: rgba(255, 152, 0, .34);
}

.prime-news-body {
	min-width: 0;
	display: flex;
	flex-direction: column;
}

.prime-news-text {
	color: #b6bbc4 !important;
	line-height: 1.65;
	overflow-wrap: anywhere;
}

.prime-news-meta {
	margin-top: auto;
	padding: 10px 0 0 !important;
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: 12px;
	border: 0 !important;
	border-top: 1px solid rgba(255, 255, 255, .06) !important;
}

.prime-news-meta > span {
	margin: 0 !important;
	display: inline-flex;
	align-items: center;
	gap: 5px;
	color: #7f8690;
	font-size: 10px;
}

.prime-news-meta .glyphicon {
	color: #ff972f;
}

.prime-news-more {
	margin-left: auto;
	display: inline-flex;
	align-items: center;
	gap: 6px;
	color: #ffad42 !important;
	font-size: 10px;
	font-weight: 800;
	text-transform: uppercase;
}

.prime-news-more:hover {
	color: #ffd08a !important;
}

/* new_year.tpl */
.prime-newyear-decor {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	height: 120px;
	z-index: 999;
	pointer-events: none;
	overflow: hidden;
}

.prime-newyear-line {
	position: absolute;
	top: 0;
	left: 4%;
	right: 4%;
	height: 1px;
	background: linear-gradient(
		90deg,
		transparent,
		rgba(255, 59, 59, .55),
		rgba(255, 152, 0, .7),
		rgba(255, 59, 59, .55),
		transparent
	);
	box-shadow: 0 0 18px rgba(255, 126, 36, .28);
}

.prime-newyear-ornament {
	position: absolute;
	top: 0;
	width: 1px;
	background: linear-gradient(rgba(255, 152, 0, .6), rgba(255, 152, 0, .08));
	transform-origin: top;
	animation: prime-newyear-sway 4.5s ease-in-out infinite;
}

.prime-newyear-ornament span {
	position: absolute;
	left: 50%;
	bottom: -16px;
	width: 22px;
	height: 22px;
	transform: translateX(-50%);
	border: 1px solid rgba(255, 255, 255, .18);
	border-radius: 50%;
	background:
		radial-gradient(circle at 35% 30%, rgba(255, 255, 255, .5), transparent 18%),
		linear-gradient(135deg, #ff3b3b, #ff9800);
	box-shadow: 0 0 22px rgba(255, 89, 35, .28);
}

.prime-newyear-ornament-1 {
	left: 16%;
	height: 46px;
}

.prime-newyear-ornament-2 {
	left: 37%;
	height: 66px;
	animation-delay: -.8s;
}

.prime-newyear-ornament-3 {
	right: 34%;
	height: 52px;
	animation-delay: -1.7s;
}

.prime-newyear-ornament-4 {
	right: 13%;
	height: 72px;
	animation-delay: -2.4s;
}

.prime-newyear-spark {
	position: absolute;
	width: 4px;
	height: 4px;
	border-radius: 50%;
	background: #ffad42;
	box-shadow: 0 0 10px rgba(255, 173, 66, .9);
	animation: prime-newyear-pulse 2.4s ease-in-out infinite;
}

.prime-newyear-spark-1 {
	top: 28px;
	left: 27%;
}

.prime-newyear-spark-2 {
	top: 18px;
	right: 25%;
	animation-delay: -.8s;
}

.prime-newyear-spark-3 {
	top: 68px;
	left: 53%;
	animation-delay: -1.4s;
}

@keyframes prime-newyear-sway {
	0%, 100% { transform: rotate(-1.5deg); }
	50% { transform: rotate(1.5deg); }
}

@keyframes prime-newyear-pulse {
	0%, 100% { opacity: .25; transform: scale(.8); }
	50% { opacity: 1; transform: scale(1.25); }
}

/* notification.tpl */
.prime-notification {
	position: relative;
	padding: 12px 42px 12px 12px;
	display: flex;
	align-items: flex-start;
	gap: 10px;
	border: 1px solid rgba(255, 255, 255, .075);
	border-radius: 11px;
	background: rgba(24, 27, 33, .96);
	box-shadow: 0 10px 24px rgba(0, 0, 0, .22);
}

.prime-notification-icon {
	width: 34px;
	height: 34px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	flex: 0 0 34px;
	border-radius: 9px;
	background: rgba(255, 152, 0, .08);
	color: #ff972f;
}

.prime-notification-content {
	min-width: 0;
	flex: 1;
}

.prime-notification-date {
	display: block;
	color: #8d949e;
	font-size: 9px;
	font-weight: 800;
	letter-spacing: .4px;
	text-transform: uppercase;
}

.prime-notification-text {
	margin-top: 4px;
	color: #c9cdd4;
	line-height: 1.55;
	overflow-wrap: anywhere;
}

.prime-notification-close {
	position: absolute;
	top: 10px;
	right: 10px;
	width: 26px;
	height: 26px;
	padding: 0;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	border: 1px solid rgba(255, 255, 255, .07);
	border-radius: 7px;
	background: rgba(255, 255, 255, .025) !important;
	color: #7c838d !important;
	box-shadow: none !important;
}

.prime-notification-close:hover {
	border-color: rgba(255, 85, 85, .26);
	background: rgba(255, 85, 85, .08) !important;
	color: #ff857f !important;
	transform: none;
}

.prime-notification-success {
	border-color: rgba(72, 199, 116, .20);
}

.prime-notification-success .prime-notification-icon {
	background: rgba(72, 199, 116, .08);
	color: #7edc9e;
}

.prime-notification-error,
.prime-notification-danger {
	border-color: rgba(255, 85, 85, .20);
}

.prime-notification-error .prime-notification-icon,
.prime-notification-danger .prime-notification-icon {
	background: rgba(255, 85, 85, .08);
	color: #ff857f;
}

.prime-notification-info {
	border-color: rgba(89, 183, 255, .20);
}

.prime-notification-info .prime-notification-icon {
	background: rgba(89, 183, 255, .08);
	color: #78c3fa;
}

/* online_user.tpl */
.prime-online-user {
	padding: 0;
}

.prime-online-user-link {
	position: relative;
	min-height: 44px;
	padding: 7px 30px 7px 8px;
	display: flex;
	align-items: center;
	gap: 9px;
	border-bottom: 1px solid rgba(255, 255, 255, .055);
	background: rgba(255, 255, 255, .015);
}

.prime-online-user-link:hover {
	background: rgba(255, 152, 0, .045);
}

.prime-online-avatar {
	width: 29px !important;
	height: 29px !important;
	margin: 0 !important;
	object-fit: cover;
	border: 2px solid rgba(255, 152, 0, .38);
	border-radius: 50%;
}

.prime-online-name {
	overflow: hidden;
	font-size: 10px;
	font-weight: 800;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.prime-online-dot {
	position: absolute;
	right: 11px;
	width: 7px;
	height: 7px;
	border-radius: 50%;
	background: #48d17d;
	box-shadow: 0 0 9px rgba(72, 209, 125, .7);
}

/* message.tpl */
.personal-message {
	padding: 11px 13px;
	display: flex;
	gap: 10px;
	border-bottom: 1px solid rgba(255, 255, 255, .055);
	background: transparent;
}

.personal-message:hover {
	background: rgba(255, 255, 255, .025);
}

.personal-message-avatar-link {
	flex: 0 0 44px;
}

.personal-message-avatar {
	width: 44px !important;
	height: 44px !important;
	margin: 0 !important;
	padding: 0 !important;
	object-fit: cover;
	border: 2px solid rgba(255, 152, 0, .42);
	border-radius: 50%;
	box-shadow: 0 0 0 3px rgba(255, 152, 0, .06);
}

.personal-message-body {
	min-width: 0;
	flex: 1;
}

.personal-message-meta {
	display: flex;
	align-items: center;
	gap: 8px;
}

.personal-message-author {
	color: #ffad42 !important;
	font-size: 11px;
	font-weight: 850;
}

.personal-message-date {
	margin-left: auto;
	color: #737a85 !important;
	font-size: 9px;
	font-weight: 650;
	white-space: nowrap;
}

.personal-message-text {
	margin-top: 4px;
	color: #c7cbd2;
	line-height: 1.55;
	overflow-wrap: anywhere;
}

/* messages_place.tpl */
.personal-chat-form {
	margin: 0;
}

.personal-chat-drop-zone {
	position: relative;
}

.personal-chat {
	border: 1px solid rgba(255, 255, 255, .07);
	border-radius: 13px;
	background: rgba(24, 27, 33, .94);
	overflow: hidden;
}

.personal-chat-messages {
	height: 400px;
	padding: 4px 0;
	overflow-y: auto;
	background:
		linear-gradient(rgba(17, 20, 25, .92), rgba(17, 20, 25, .97)),
		radial-gradient(circle at 20% 0%, rgba(255, 59, 59, .05), transparent 32%);
}

.personal-chat-compose {
	padding: 10px;
	display: flex;
	align-items: stretch;
	gap: 9px;
	border-top: 1px solid rgba(255, 255, 255, .07);
	background: #171a20;
}

.personal-chat-input-wrap {
	margin: 0;
	min-width: 0;
	flex: 1;
}

.personal-chat-input-wrap textarea {
	min-height: 44px;
	max-height: 110px;
	padding-right: 38px;
	resize: vertical;
}

.personal-chat-input-wrap .smile_btn {
	top: 13px;
	right: 11px;
	filter: brightness(1.35);
}

.personal-chat-send {
	min-width: 115px;
	margin: 0 !important;
}

/* mini_friend.tpl */
.prime-mini-friend {
	position: relative;
	width: 50px;
	height: 50px;
	margin: 0 7px 7px 0;
	display: inline-block;
	vertical-align: top;
}

.prime-mini-friend-link {
	position: relative;
	width: 50px;
	height: 50px;
	display: block;
	border-radius: 50%;
}

.prime-mini-friend-avatar {
	width: 50px !important;
	height: 50px !important;
	margin: 0 !important;
	padding: 0 !important;
	object-fit: cover;
	border: 2px solid rgba(255, 152, 0, .40);
	border-radius: 50%;
	transition: transform .22s ease, border-color .22s ease;
}

.prime-mini-friend-overlay {
	position: absolute;
	inset: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 50%;
	background: rgba(12, 14, 18, .68);
	color: #ffad42;
	opacity: 0;
	transition: opacity .22s ease;
}

.prime-mini-friend-link:hover .prime-mini-friend-avatar {
	transform: scale(1.04);
	border-color: rgba(255, 152, 0, .70);
}

.prime-mini-friend-link:hover .prime-mini-friend-overlay {
	opacity: 1;
}

@media (max-width: 760px) {
	.mute-details-table,
	.prime-news-content {
		min-width: 0;
	}

	.prime-news-content {
		grid-template-columns: 1fr;
	}

	.prime-news-poster {
		width: 100%;
		height: 190px;
	}

	.personal-chat-compose,
	.mute-actions {
		align-items: stretch;
		flex-direction: column;
	}

	.personal-chat-send {
		width: 100%;
	}
}

@media (max-width: 520px) {
	.prime-news-meta {
		align-items: flex-start;
		flex-direction: column;
	}

	.prime-news-more {
		margin-left: 0;
	}

	.personal-message-avatar-link {
		flex-basis: 38px;
	}

	.personal-message-avatar {
		width: 38px !important;
		height: 38px !important;
	}
}

/* ==========================================================================
   PRIME-3ONA — price list, referrals, ban search and server components
   Добавить в конец mystyles.css
   ========================================================================== */

/* price_list_server.tpl */
.price-server-card {
	margin-bottom: 16px;
}

.price-server-content {
	padding: 14px;
	display: grid;
	gap: 12px;
}

/* price_list_service.tpl */
.price-service-card {
	display: grid;
	grid-template-columns: minmax(0, 1fr) minmax(300px, .85fr);
	border: 1px solid rgba(255, 255, 255, .07);
	border-radius: 12px;
	background: rgba(255, 255, 255, .022);
	overflow: hidden;
}

.price-service-info,
.price-service-tariffs {
	padding: 14px;
	min-width: 0;
}

.price-service-info {
	border-right: 1px solid rgba(255, 255, 255, .07);
}

.price-service-title,
.price-service-subtitle {
	display: flex;
	align-items: center;
	gap: 8px;
	color: #f2f3f5;
	font-size: 11px;
	font-weight: 850;
	letter-spacing: .4px;
	text-transform: uppercase;
}

.price-service-title .glyphicon,
.price-service-subtitle .glyphicon {
	color: #ff972f;
}

.price-service-description {
	margin-top: 12px;
	color: #b8bdc5;
	line-height: 1.65;
	overflow-wrap: anywhere;
}

.price-tariffs-wrap {
	margin-top: 12px;
	border: 1px solid rgba(255, 255, 255, .065);
	border-radius: 9px;
	overflow: hidden;
}

.price-tariffs-table {
	margin: 0;
}

.price-tariffs-table thead td {
	padding: 10px;
	background: rgba(255, 255, 255, .035);
	color: #f1f3f6;
	font-size: 9px !important;
	font-weight: 850;
	letter-spacing: .45px;
	text-transform: uppercase;
}

.price-tariffs-table tbody td {
	padding: 10px;
	vertical-align: middle !important;
	border-color: rgba(255, 255, 255, .06) !important;
	color: #c8ccd3;
}

/* referral templates */
.referral-profit-row,
.referral-user-row {
	transition: background .22s ease;
}

.referral-profit-row:hover,
.referral-user-row:hover {
	background: rgba(255, 152, 0, .04);
}

.referral-profit-row td,
.referral-user-row td {
	padding: 10px 12px !important;
	vertical-align: middle !important;
	border-color: rgba(255, 255, 255, .065) !important;
	color: #c7cbd2;
}

.referral-row-number {
	width: 54px;
	text-align: center;
}

.referral-row-number > span {
	width: 27px;
	height: 27px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	border: 1px solid rgba(255, 152, 0, .20);
	border-radius: 8px;
	background: rgba(255, 152, 0, .06);
	color: #ffad42;
	font-size: 10px;
	font-weight: 850;
}

.referral-user-link {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	color: #f1f3f6 !important;
	font-weight: 750;
}

.referral-user-link .small_us_av {
	width: 34px;
	height: 34px;
	margin: 0;
	object-fit: cover;
	border: 2px solid rgba(255, 152, 0, .44);
	border-radius: 50%;
}

.referral-money-badge {
	display: inline-flex;
	align-items: center;
	gap: 5px;
	padding: 5px 9px;
	border: 1px solid rgba(72, 199, 116, .22);
	border-radius: 999px;
	background: rgba(72, 199, 116, .08);
	color: #83dda2;
	font-size: 10px;
	font-weight: 850;
	white-space: nowrap;
}

.referral-date-cell {
	color: #8f96a0 !important;
	white-space: nowrap;
}

.referral-date-cell .glyphicon {
	margin-right: 6px;
	color: #ff972f;
}

/* search_ban templates */
.search-ban-panel {
	border: 1px solid rgba(255, 255, 255, .07);
	border-radius: 12px;
	background: rgba(24, 27, 33, .94);
	box-shadow: 0 12px 30px rgba(0, 0, 0, .22);
	overflow: hidden;
}

.search-ban-wrap {
	border: 1px solid rgba(255, 255, 255, .065);
	border-radius: 10px;
	overflow: hidden;
}

.search-ban-panel .search-ban-wrap {
	border: 0;
	border-radius: 0;
}

.search-ban-table {
	margin: 0;
}

.search-ban-table td {
	padding: 11px 12px !important;
	vertical-align: middle !important;
	border-color: rgba(255, 255, 255, .065) !important;
	color: #c8ccd3;
}

.search-ban-table tr td:first-child {
	width: 230px;
	background: rgba(255, 255, 255, .025);
	color: #eef0f3;
}

.search-ban-table tr td:first-child .glyphicon {
	width: 18px;
	margin-right: 7px;
	color: #ff972f;
	text-align: center;
}

.search-ban-status {
	display: inline-flex;
	padding: 5px 9px;
	border-radius: 999px;
	background: rgba(255, 255, 255, .045);
	font-size: 10px;
	font-weight: 850;
}

/* server.tpl authenticated card */
.prime-server-card {
	border: 1px solid rgba(255, 255, 255, .075);
	border-radius: 13px;
	background:
		linear-gradient(145deg, rgba(255, 59, 59, .055), rgba(255, 152, 0, .02)),
		rgba(24, 27, 33, .95);
	box-shadow: 0 12px 28px rgba(0, 0, 0, .25);
	overflow: hidden;
	transition: transform .22s ease, border-color .22s ease;
}

.prime-server-card:hover {
	transform: translateY(-2px);
	border-color: rgba(255, 152, 0, .25);
}

.prime-server-main {
	display: grid;
	grid-template-columns: 72px minmax(0, 1fr);
	align-items: center;
	gap: 12px;
	padding: 12px;
}

.prime-server-map {
	width: 72px;
	height: 72px;
	border: 2px solid rgba(255, 152, 0, .38);
	border-radius: 12px;
	background-position: center !important;
	background-repeat: no-repeat !important;
	background-size: cover !important;
	box-shadow: 0 0 0 4px rgba(255, 152, 0, .05);
}

.prime-server-info {
	min-width: 0;
}

.prime-server-title-row {
	display: flex;
	align-items: center;
	gap: 7px;
}

.prime-server-control,
.prime-server-refresh {
	padding: 0;
	border: 0;
	background: transparent !important;
	color: #ff972f !important;
	box-shadow: none !important;
}

.prime-server-control:hover,
.prime-server-refresh:hover {
	color: #ffd08a !important;
	transform: none;
}

.prime-server-name {
	overflow: hidden;
	color: #f1f3f6 !important;
	font-size: 12px;
	font-weight: 850;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.prime-server-name:hover {
	color: #ffbd69 !important;
}

.prime-server-meta {
	margin-top: 5px;
	display: flex;
	align-items: center;
	gap: 6px;
	color: #8b929d;
	font-size: 10px;
}

.prime-server-meta > span {
	color: #686f79;
	font-size: 9px;
	font-weight: 750;
	text-transform: uppercase;
}

.prime-server-meta strong,
.prime-server-meta a {
	color: #c9cdd4 !important;
	font-weight: 700;
}

.prime-server-online-wrap {
	padding: 0 10px 10px;
}

.prime-server-online {
	height: 22px;
	margin: 0;
	border: 1px solid rgba(255, 255, 255, .07);
	border-radius: 999px;
	background: #101318;
	overflow: hidden;
	cursor: pointer;
}

.prime-server-online .progress-bar {
	background: linear-gradient(90deg, #ff3b3b, #ff9800);
	box-shadow: 0 0 18px rgba(255, 89, 35, .24);
}

.prime-server-online .players_val {
	color: #fff;
	font-size: 9px;
	font-weight: 850;
}

.prime-server-modal .modal-title {
	display: flex;
	align-items: center;
	gap: 8px;
}

.prime-server-modal .modal-title .glyphicon {
	color: #ff972f;
}

.prime-server-refresh {
	margin-left: 4px;
	font-size: 11px;
}

.prime-server-players-wrap {
	border: 1px solid rgba(255, 255, 255, .065);
	border-radius: 10px;
	overflow: hidden;
}

.prime-server-players-table {
	margin: 0;
	min-width: 620px;
}

.prime-server-players-table thead td {
	padding: 11px 10px;
	background: rgba(255, 255, 255, .035);
	color: #f1f3f6;
	font-size: 9px !important;
	font-weight: 850;
	letter-spacing: .45px;
	text-transform: uppercase;
}

.prime-server-players-table tbody td {
	padding: 10px;
	vertical-align: middle !important;
	border-color: rgba(255, 255, 255, .06) !important;
	color: #c8ccd3;
}

.prime-server-command-box {
	padding: 2px;
}

.prime-server-command-box .input-group {
	width: 100%;
}

.prime-server-command-box .btn {
	display: inline-flex;
	align-items: center;
	gap: 6px;
}

.prime-server-command-result {
	padding: 12px;
	border: 1px solid rgba(255, 152, 0, .14);
	border-radius: 9px;
	background: #101318;
	color: #bfc4cc;
}

/* server.tpl unauthenticated table row */
.prime-server-table-row {
	transition: background .22s ease;
}

.prime-server-table-row:hover {
	background: rgba(255, 152, 0, .04);
}

.prime-server-table-row td {
	padding: 10px 12px !important;
	vertical-align: middle !important;
	border-color: rgba(255, 255, 255, .065) !important;
	color: #c8ccd3;
}

.prime-server-table-number {
	width: 52px;
	text-align: center;
}

.prime-server-table-number > span {
	width: 26px;
	height: 26px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	border: 1px solid rgba(255, 152, 0, .18);
	border-radius: 7px;
	background: rgba(255, 152, 0, .06);
	color: #ffad42;
	font-size: 10px;
	font-weight: 850;
}

.prime-server-table-name strong {
	color: #f1f3f6;
}

.prime-server-table-progress {
	min-width: 140px;
	height: 20px;
	margin: 0;
	border-radius: 999px;
	background: #101318;
	overflow: hidden;
}

.prime-server-table-progress .players_val {
	font-size: 9px;
	font-weight: 850;
}

.prime-server-table-map {
	color: #aeb4bd !important;
}

.prime-server-table-address a {
	color: #ffad42 !important;
	font-weight: 700;
}

/* server_min.tpl */
.prime-mini-server {
	border: 1px solid rgba(255, 255, 255, .075);
	border-radius: 13px;
	background: rgba(24, 27, 33, .95);
	box-shadow: 0 12px 28px rgba(0, 0, 0, .23);
	overflow: hidden;
}

.prime-mini-server-image-wrap {
	position: relative;
	height: 145px;
	overflow: hidden;
}

.prime-mini-server-image {
	width: 100% !important;
	height: 145px !important;
	margin: 0 !important;
	padding: 0 !important;
	object-fit: cover;
	border: 0;
	border-radius: 0;
	transition: transform .28s ease;
}

.prime-mini-server:hover .prime-mini-server-image {
	transform: scale(1.035);
}

.prime-mini-server-online {
	position: absolute;
	top: 10px;
	right: 10px;
	padding: 6px 8px;
	display: inline-flex;
	align-items: center;
	gap: 6px;
	border: 1px solid rgba(255, 255, 255, .12);
	border-radius: 999px;
	background: rgba(12, 14, 18, .78);
	backdrop-filter: blur(8px);
	color: #f2f3f5;
	font-size: 9px;
	font-weight: 850;
}

.prime-mini-server-online .prime-online-dot {
	position: static;
	width: 7px;
	height: 7px;
}

.prime-mini-server-content {
	padding: 12px;
}

.prime-mini-server-title {
	display: block;
	overflow: hidden;
	color: #f1f3f6 !important;
	font-size: 12px;
	font-weight: 850;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.prime-mini-server-title:hover {
	color: #ffbd69 !important;
}

.prime-mini-server-meta {
	margin-top: 9px;
	display: grid;
	gap: 5px;
}

.prime-mini-server-meta > div {
	display: flex;
	align-items: center;
	gap: 6px;
	min-width: 0;
}

.prime-mini-server-meta span {
	color: #6f7681;
	font-size: 9px;
	font-weight: 750;
	text-transform: uppercase;
}

.prime-mini-server-meta strong,
.prime-mini-server-meta a {
	overflow: hidden;
	color: #bfc4cc !important;
	font-size: 10px;
	font-weight: 700;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.prime-mini-server-links {
	margin-top: 11px;
	padding-top: 10px;
	display: flex;
	flex-wrap: wrap;
	gap: 6px;
	border-top: 1px solid rgba(255, 255, 255, .06);
}

.prime-mini-server-links a {
	padding: 6px 8px;
	display: inline-flex;
	align-items: center;
	gap: 5px;
	border: 1px solid rgba(255, 255, 255, .065);
	border-radius: 7px;
	background: rgba(255, 255, 255, .025);
	color: #9da4ae !important;
	font-size: 9px;
	font-weight: 750;
}

.prime-mini-server-links a:hover {
	border-color: rgba(255, 152, 0, .24);
	background: rgba(255, 152, 0, .065);
	color: #ffbd69 !important;
}

/* server_player.tpl */
.prime-server-player-row {
	transition: background .22s ease;
}

.prime-server-player-row:hover {
	background: rgba(255, 152, 0, .04);
}

.prime-server-player-row td {
	padding: 9px 10px !important;
	vertical-align: middle !important;
	border-color: rgba(255, 255, 255, .06) !important;
	color: #c8ccd3;
}

.prime-server-player-number {
	width: 50px;
	text-align: center;
}

.prime-server-player-number > span {
	width: 25px;
	height: 25px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	border: 1px solid rgba(255, 152, 0, .18);
	border-radius: 7px;
	background: rgba(255, 152, 0, .06);
	color: #ffad42;
	font-size: 9px;
	font-weight: 850;
}

.prime-server-player-name strong {
	color: #f1f3f6;
}

.prime-server-player-frags,
.prime-server-player-time {
	white-space: nowrap;
}

.prime-server-player-frags .glyphicon,
.prime-server-player-time .glyphicon {
	margin-right: 5px;
	color: #ff972f;
}

.prime-server-player-action {
	min-width: 290px;
}

.prime-player-command {
	width: 100%;
	min-width: 260px;
}

.prime-player-command .btn {
	display: inline-flex;
	align-items: center;
	gap: 5px;
}

.prime-empty-action {
	display: inline-flex;
	padding: 5px 8px;
	border-radius: 999px;
	background: rgba(255, 255, 255, .04);
	color: #7f8690;
	font-size: 9px;
	font-weight: 750;
}

@media (max-width: 760px) {
	.price-service-card {
		grid-template-columns: 1fr;
	}

	.price-service-info {
		border-right: 0;
		border-bottom: 1px solid rgba(255, 255, 255, .07);
	}

	.search-ban-table {
		min-width: 590px;
	}

	.prime-server-main {
		grid-template-columns: 58px minmax(0, 1fr);
	}

	.prime-server-map {
		width: 58px;
		height: 58px;
	}

	.prime-server-player-action {
		min-width: 260px;
	}
}

/* ==========================================================================
   PRIME-3ONA — statistics, store, support and smiles
   Добавить в конец mystyles.css
   ========================================================================== */

/* tickets */
.support-ticket-row {
	transition: background .22s ease;
}

.support-ticket-row:hover {
	background: rgba(255, 152, 0, .04);
}

.support-ticket-row td {
	padding: 11px 12px !important;
	vertical-align: middle !important;
	border-color: rgba(255, 255, 255, .065) !important;
	color: #c7cbd2;
}

.support-ticket-title a,
.support-ticket-author a {
	display: inline-flex;
	align-items: center;
	gap: 7px;
	color: #eef0f3 !important;
	font-weight: 750;
}

.support-ticket-title a:hover,
.support-ticket-author a:hover {
	color: #ffbd69 !important;
}

.support-ticket-title .glyphicon,
.support-ticket-author .glyphicon,
.support-ticket-answer .glyphicon,
.support-ticket-date .glyphicon {
	margin-right: 5px;
	color: #ff972f;
}

.support-ticket-status-badge {
	display: inline-flex;
	align-items: center;
	padding: 5px 9px;
	border-radius: 999px;
	background: rgba(255, 255, 255, .045);
	font-size: 10px;
	font-weight: 850;
	white-space: nowrap;
}

.support-ticket-answer,
.support-ticket-date {
	color: #8f96a0 !important;
}

.support-ticket-date {
	white-space: nowrap;
}

.support-ticket-closed-row {
	opacity: .82;
}

/* smiles */
.prime-smiles-grid,
.prime-stickers-grid {
	max-height: 275px;
	padding: 9px;
	display: flex !important;
	flex-wrap: wrap;
	align-content: flex-start;
	gap: 6px;
	overflow-y: auto;
	border: 1px solid rgba(255, 255, 255, .07);
	border-radius: 10px;
	background: #111419;
}

.prime-stickers-grid.disp-n,
.prime-buy-stickers.disp-n {
	display: none !important;
}

.prime-smile-item {
	width: 32px !important;
	height: 32px !important;
	margin: 0 !important;
	padding: 5px;
	object-fit: contain;
	border: 1px solid transparent;
	border-radius: 8px;
	background: rgba(255, 255, 255, .025);
	cursor: pointer;
	transition: transform .18s ease, border-color .18s ease, background .18s ease;
}

.prime-smile-item:hover {
	transform: translateY(-2px) scale(1.07);
	border-color: rgba(255, 152, 0, .27);
	background: rgba(255, 152, 0, .07);
}

.prime-sticker-item {
	width: 68px !important;
	height: 68px !important;
	margin: 0 !important;
	padding: 5px;
	object-fit: contain;
	border: 1px solid transparent;
	border-radius: 10px;
	background: rgba(255, 255, 255, .025);
	cursor: pointer;
	transition: transform .18s ease, border-color .18s ease, background .18s ease;
}

.prime-sticker-item:hover {
	transform: translateY(-2px) scale(1.035);
	border-color: rgba(255, 152, 0, .27);
	background: rgba(255, 152, 0, .07);
}

.prime-smiles-panel {
	width: 100%;
	margin-top: 8px;
	padding: 6px;
	display: flex !important;
	align-items: center;
	gap: 6px;
	border: 1px solid rgba(255, 255, 255, .07);
	border-radius: 10px;
	background: #171a20;
}

.prime-smile-tab {
	width: 40px;
	height: 40px;
	padding: 4px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	flex: 0 0 40px;
	border: 1px solid rgba(255, 255, 255, .065);
	border-radius: 8px;
	background: rgba(255, 255, 255, .025);
	cursor: pointer;
}

.prime-smile-tab:hover {
	border-color: rgba(255, 152, 0, .30);
	background: rgba(255, 152, 0, .07);
}

.prime-smile-tab img {
	max-width: 30px;
	max-height: 30px;
	object-fit: contain;
}

.prime-smiles-panel .owl-nav button {
	width: 28px;
	height: 28px;
	border: 1px solid rgba(255, 255, 255, .07) !important;
	border-radius: 7px !important;
	background: rgba(255, 255, 255, .025) !important;
	color: #ffad42 !important;
}

.prime-buy-stickers {
	padding: 10px;
	border: 1px solid rgba(255, 255, 255, .07);
	border-radius: 10px;
	background: #111419;
	text-align: center;
}

.prime-stickers-preview {
	width: 100%;
	max-height: 220px;
	object-fit: cover;
	border: 1px solid rgba(255, 255, 255, .07);
	border-radius: 9px;
}

.prime-buy-stickers-btn {
	margin-top: 10px;
}

.prime-smile-mode-btn {
	min-height: 38px;
}

/* stats common list */
.prime-stats-list-row {
	transition: background .22s ease;
}

.prime-stats-list-row:hover {
	background: rgba(255, 152, 0, .045);
}

.prime-stats-list-row td {
	padding: 10px 11px !important;
	vertical-align: middle !important;
	border-color: rgba(255, 255, 255, .065) !important;
	color: #c7cbd2;
}

.prime-stats-list-row td:first-child {
	color: #ffad42;
	font-weight: 850;
	text-align: center;
}

.prime-stats-list-row .label {
	padding: 5px 8px;
	border-radius: 999px;
	font-size: 9px;
	font-weight: 850;
}

.prime-stats-modal-row > td {
	height: 0;
	padding: 0 !important;
	border: 0 !important;
	background: transparent !important;
}

.prime-stats-modal .modal-title {
	display: flex;
	align-items: center;
	gap: 8px;
}

.prime-stats-modal .modal-title .glyphicon {
	color: #ff972f;
}

.prime-stats-details-table {
	margin-bottom: 12px;
}

.prime-stats-details-table td {
	padding: 10px 11px !important;
	vertical-align: middle !important;
	border-color: rgba(255, 255, 255, .065) !important;
	color: #c8ccd3;
}

.prime-stats-details-table tr td:first-child {
	width: 235px;
	background: rgba(255, 255, 255, .022);
	color: #eef0f3;
}

.prime-stats-progress {
	height: 20px;
	margin: 0;
	border: 1px solid rgba(255, 255, 255, .07);
	border-radius: 999px;
	background: #101318;
	overflow: hidden;
}

.prime-stats-progress .progress-bar {
	background: linear-gradient(90deg, #ff3b3b, #ff9800) !important;
	box-shadow: 0 0 16px rgba(255, 89, 35, .22);
	font-size: 9px;
	font-weight: 850;
	line-height: 18px;
}

.prime-stats-subtitle {
	min-height: 40px;
	margin: 12px 0 8px;
	padding: 0 11px;
	display: flex;
	align-items: center;
	gap: 7px;
	border: 1px solid rgba(255, 255, 255, .065);
	border-radius: 9px;
	background:
		linear-gradient(90deg, rgba(255, 59, 59, .09), rgba(255, 152, 0, .035)),
		rgba(255, 255, 255, .02);
	color: #f1f3f6;
	font-size: 10px;
	font-weight: 850;
	letter-spacing: .4px;
	text-transform: uppercase;
}

.prime-stats-subtitle .glyphicon {
	color: #ff972f;
}

.prime-stats-delete {
	border-color: rgba(255, 85, 85, .24) !important;
	background: rgba(255, 85, 85, .07) !important;
	color: #ff918d !important;
}

.prime-stats-more {
	color: #ffad42 !important;
}

/* stats page */
.prime-stats-page-card {
	margin-bottom: 15px;
	overflow: hidden;
}

.prime-stats-table-wrap {
	border-radius: 0 0 13px 13px;
	overflow-x: auto;
}

.prime-stats-page-table {
	margin: 0;
}

.prime-stats-page-table td {
	padding: 10px 12px !important;
	vertical-align: middle !important;
	border-color: rgba(255, 255, 255, .065) !important;
	color: #c8ccd3;
}

.prime-stats-page-table tbody tr td:first-child {
	width: 245px;
	background: rgba(255, 255, 255, .022);
	color: #eef0f3;
}

.prime-stats-page-table thead td {
	background: rgba(255, 255, 255, .035);
	color: #f2f3f5;
	font-size: 9px !important;
	font-weight: 850;
	letter-spacing: .45px;
	text-transform: uppercase;
}

.prime-stats-wide-table {
	min-width: 900px;
}

.prime-stats-map-row,
.prime-stats-weapon-row {
	transition: background .22s ease;
}

.prime-stats-map-row:hover,
.prime-stats-weapon-row:hover {
	background: rgba(255, 152, 0, .04);
}

.prime-stats-map-row td,
.prime-stats-weapon-row td {
	padding: 9px 10px !important;
	vertical-align: middle !important;
	border-color: rgba(255, 255, 255, .06) !important;
	color: #c8ccd3;
	text-align: center;
}

.prime-stats-map-row td:first-child,
.prime-stats-weapon-row td:first-child {
	min-width: 150px;
	text-align: left;
}

.prime-stats-map-image {
	width: 92px;
	height: 50px;
	object-fit: cover;
	border: 2px solid rgba(255, 152, 0, .32);
	border-radius: 8px;
}

.prime-stats-weapon-image {
	width: 105px;
	height: 34px;
	object-fit: contain;
	padding: 3px;
	border: 1px solid rgba(255, 255, 255, .07);
	border-radius: 7px;
	background: rgba(255, 255, 255, .025);
}

.prime-stats-media-name {
	display: block;
	margin-top: 4px;
	color: #8f96a0;
	font-size: 9px;
	font-weight: 750;
}

/* store list */
.store-admin-row {
	transition: background .22s ease;
}

.store-admin-row:hover {
	background: rgba(255, 152, 0, .04);
}

.store-admin-row td {
	padding: 10px 12px !important;
	vertical-align: middle !important;
	border-color: rgba(255, 255, 255, .065) !important;
	color: #c7cbd2;
}

.store-admin-number {
	width: 54px;
	text-align: center;
}

.store-admin-number > span,
.store-service-number > span {
	width: 27px;
	height: 27px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	border: 1px solid rgba(255, 152, 0, .20);
	border-radius: 8px;
	background: rgba(255, 152, 0, .06);
	color: #ffad42;
	font-size: 10px;
	font-weight: 850;
}

.store-admin-name strong {
	color: #f1f3f6;
}

.store-status-badge {
	padding: 5px 8px;
	display: inline-flex;
	align-items: center;
	gap: 5px;
	border: 1px solid rgba(255, 255, 255, .08);
	border-radius: 999px;
	background: rgba(255, 255, 255, .04);
	font-size: 9px;
	font-weight: 850;
	line-height: 1;
	white-space: nowrap;
	box-shadow: none;
}

button.store-status-badge:hover,
button.store-status-badge:focus {
	transform: none;
	box-shadow: none;
}

.store-status-active {
	border-color: rgba(72, 199, 116, .22);
	background: rgba(72, 199, 116, .08);
	color: #83dda2 !important;
}

.store-status-paused {
	border-color: rgba(255, 174, 66, .22);
	background: rgba(255, 174, 66, .08);
	color: #ffbd69 !important;
}

.store-status-blocked {
	border-color: rgba(255, 85, 85, .24);
	background: rgba(255, 85, 85, .08);
	color: #ff918d !important;
}

.store-admin-server {
	color: #aeb4bd !important;
}

.store-admin-server .glyphicon {
	margin-right: 6px;
	color: #ff972f;
}

.store-admin-action {
	text-align: right;
}

.store-admin-action .btn {
	display: inline-flex;
	align-items: center;
	gap: 6px;
}

.store-modal-row > td {
	height: 0;
	padding: 0 !important;
	border: 0 !important;
	background: transparent !important;
}

.store-admin-modal .modal-title {
	display: flex;
	align-items: center;
	gap: 8px;
}

.store-admin-modal .modal-title .glyphicon {
	color: #ff972f;
}

.store-info-loader {
	min-height: 130px;
}

/* store info */
.store-info-content {
	display: grid;
	gap: 14px;
}

.store-info-section {
	border: 1px solid rgba(255, 255, 255, .07);
	border-radius: 11px;
	background: rgba(255, 255, 255, .02);
	overflow: hidden;
}

.store-info-section-title {
	min-height: 42px;
	padding: 0 12px;
	display: flex;
	align-items: center;
	gap: 7px;
	border-bottom: 1px solid rgba(255, 255, 255, .07);
	background:
		linear-gradient(90deg, rgba(255, 59, 59, .09), rgba(255, 152, 0, .035)),
		rgba(255, 255, 255, .02);
	color: #f1f3f6;
	font-size: 10px;
	font-weight: 850;
	letter-spacing: .4px;
	text-transform: uppercase;
}

.store-info-section-title .glyphicon {
	color: #ff972f;
}

.store-info-table {
	margin: 0;
}

.store-info-table td {
	padding: 10px !important;
	vertical-align: middle !important;
	border-color: rgba(255, 255, 255, .065) !important;
	color: #c7cbd2;
}

.store-info-table tr td:first-child {
	width: 150px;
	background: rgba(255, 255, 255, .018);
	color: #8f96a0;
	font-size: 9px;
	font-weight: 850;
	letter-spacing: .35px;
	text-transform: uppercase;
}

.store-info-table .input-group {
	width: 100%;
}

.store-info-table .btn,
.store-unlock-btn {
	display: inline-flex;
	align-items: center;
	gap: 6px;
}

.store-services-wrap {
	overflow-x: auto;
}

.store-services-table {
	margin: 0;
	min-width: 720px;
}

.store-services-table thead td {
	padding: 10px;
	background: rgba(255, 255, 255, .035);
	color: #f2f3f5;
	font-size: 9px !important;
	font-weight: 850;
	letter-spacing: .45px;
	text-transform: uppercase;
}

.store-services-table tbody td {
	padding: 10px;
	vertical-align: middle !important;
	border-color: rgba(255, 255, 255, .06) !important;
	color: #c8ccd3;
}

/* store service */
.store-service-row {
	transition: background .22s ease;
}

.store-service-row:hover {
	background: rgba(255, 152, 0, .04);
}

.store-service-number {
	width: 50px;
	text-align: center;
}

.store-service-name strong {
	color: #f1f3f6;
}

.store-service-date {
	color: #8f96a0 !important;
	white-space: nowrap;
}

.store-service-date .glyphicon,
.store-service-ending-head > .glyphicon {
	margin-right: 6px;
	color: #ff972f;
}

.store-service-ending-head {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: 6px;
}

.store-service-ending-head .btn {
	margin-left: auto;
	display: inline-flex;
	align-items: center;
	gap: 5px;
}

.store-extend-block {
	width: 100%;
}

.store-service-status {
	display: inline-flex;
	padding: 5px 8px;
	border-radius: 999px;
	background: rgba(255, 255, 255, .04);
	font-size: 9px;
	font-weight: 850;
	white-space: nowrap;
}

.store-return-btn {
	margin-top: 6px;
	display: flex;
	align-items: center;
	gap: 5px;
	border-color: rgba(255, 152, 0, .18) !important;
	background: rgba(255, 152, 0, .06) !important;
	color: #ffad42 !important;
}

@media (max-width: 760px) {
	.prime-stats-details-table,
	.prime-stats-page-table {
		min-width: 590px;
	}

	.store-info-table {
		min-width: 560px;
	}

	.store-admin-action {
		text-align: left;
	}
}

@media (max-width: 520px) {
	.prime-smile-item {
		width: 30px !important;
		height: 30px !important;
	}

	.prime-sticker-item {
		width: 58px !important;
		height: 58px !important;
	}
}

/* ==========================================================================
   PRIME-3ONA — tickets, topics, users, top lists and social widgets
   Добавить в конец mystyles.css
   ========================================================================== */

/* ticket_open.tpl */
.support-ticket-open-row {
	border-left: 2px solid rgba(255, 152, 0, .55);
}

.support-answer-source {
	margin-left: 5px;
	padding: 4px 7px;
	display: inline-flex;
	border-radius: 999px;
	font-size: 9px;
	font-weight: 800;
	white-space: nowrap;
}

.support-answer-admin {
	border: 1px solid rgba(89, 183, 255, .20);
	background: rgba(89, 183, 255, .07);
	color: #79c3f7;
}

.support-answer-user {
	border: 1px solid rgba(255, 174, 66, .20);
	background: rgba(255, 174, 66, .07);
	color: #ffbd69;
}

/* top_donator.tpl */
.top-donator-item {
	padding: 0;
}

.top-donator-link {
	position: relative;
	min-height: 52px;
	padding: 7px 37px 7px 8px;
	display: flex;
	align-items: center;
	gap: 9px;
	border-bottom: 1px solid rgba(255, 255, 255, .055);
	background: rgba(255, 255, 255, .015);
}

.top-donator-link:hover {
	background: rgba(255, 152, 0, .05);
}

.top-donator-avatar {
	width: 34px !important;
	height: 34px !important;
	margin: 0 !important;
	flex: 0 0 34px;
	object-fit: cover;
	border: 2px solid rgba(255, 152, 0, .46);
	border-radius: 50%;
	box-shadow: 0 0 0 3px rgba(255, 152, 0, .05);
}

.top-donator-info {
	min-width: 0;
	display: flex;
	flex-direction: column;
}

.top-donator-info strong {
	overflow: hidden;
	font-size: 10px;
	font-weight: 850;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.top-donator-sum {
	margin-top: 2px;
	display: inline-flex;
	align-items: center;
	gap: 4px;
	color: #ffbd69;
	font-size: 9px;
	font-weight: 750;
}

.top-donator-crown {
	position: absolute;
	right: 11px;
	color: #ff972f;
	text-shadow: 0 0 10px rgba(255, 152, 0, .38);
}

/* top_users.tpl */
.top-user-card {
	padding: 10px;
	display: flex;
	align-items: center;
	gap: 11px;
	border: 1px solid rgba(255, 255, 255, .07);
	border-radius: 11px;
	background: rgba(24, 27, 33, .94);
	box-shadow: 0 10px 24px rgba(0, 0, 0, .20);
}

.top-user-card:hover {
	border-color: rgba(255, 152, 0, .22);
	background: rgba(255, 152, 0, .035);
}

.top-user-avatar-link {
	flex: 0 0 58px;
}

.top-user-avatar {
	width: 58px !important;
	height: 58px !important;
	margin: 0 !important;
	padding: 0 !important;
	object-fit: cover;
	border: 2px solid rgba(255, 152, 0, .40);
	border-radius: 50%;
}

.top-user-content {
	min-width: 0;
	flex: 1;
}

.top-user-login {
	display: block;
	overflow: hidden;
	color: #f1f3f6 !important;
	font-size: 12px;
	font-weight: 850;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.top-user-login:hover {
	color: #ffbd69 !important;
}

.top-user-stats {
	margin-top: 7px;
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 5px;
}

.top-user-stats > div {
	padding: 5px 6px;
	border: 1px solid rgba(255, 255, 255, .055);
	border-radius: 7px;
	background: rgba(255, 255, 255, .018);
	text-align: center;
}

.top-user-stats span {
	display: block;
	color: #737a85;
	font-size: 8px;
	font-weight: 750;
	text-transform: uppercase;
}

.top-user-stats strong {
	display: block;
	margin-top: 2px;
	color: #ffad42;
	font-size: 10px;
}

/* topic templates */
.forum-topic-section-row td {
	padding: 11px 12px !important;
	border-color: rgba(255, 255, 255, .065) !important;
	background:
		linear-gradient(90deg, rgba(255, 59, 59, .09), rgba(255, 152, 0, .035)),
		rgba(255, 255, 255, .025);
	color: #f1f3f6;
	font-size: 10px;
	font-weight: 850;
	letter-spacing: .45px;
	text-transform: uppercase;
}

.forum-topic-section-row td:first-child {
	width: 58px;
	color: #ff972f;
	text-align: center;
}

.forum-topic-fixed-section td {
	background:
		linear-gradient(90deg, rgba(255, 152, 0, .12), rgba(255, 59, 59, .035)),
		rgba(255, 255, 255, .025);
}

.forum-topic-row {
	transition: background .22s ease;
}

.forum-topic-row:hover {
	background: rgba(255, 152, 0, .04);
}

.forum-topic-row td {
	padding: 10px 11px !important;
	vertical-align: middle !important;
	border-color: rgba(255, 255, 255, .065) !important;
	color: #c7cbd2;
}

.forum-topic-fixed-row {
	background: rgba(255, 152, 0, .018);
}

.forum-topic-icon-cell {
	width: 64px;
	text-align: center;
}

.forum-topic-icon,
.forum-topic-fixed-icon-wrap {
	width: 42px;
	height: 42px;
}

.forum-topic-icon {
	object-fit: cover;
	border: 2px solid rgba(255, 152, 0, .34);
	border-radius: 9px;
}

.forum-topic-fixed-icon-wrap {
	position: relative;
	display: inline-block;
}

.forum-topic-fixed-icon-wrap > .glyphicon {
	position: absolute;
	top: -4px;
	right: -5px;
	width: 18px;
	height: 18px;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 50%;
	background: linear-gradient(135deg, #ff3b3b, #ff9800);
	color: #fff;
	font-size: 8px;
	box-shadow: 0 4px 10px rgba(255, 89, 35, .24);
}

.forum-topic-title a {
	color: #f0f2f5 !important;
	font-size: 11px;
	font-weight: 800;
}

.forum-topic-title a:hover {
	color: #ffbd69 !important;
}

.forum-topic-count {
	width: 74px;
	color: #9ea5af !important;
	font-size: 10px;
	text-align: center;
	white-space: nowrap;
}

.forum-topic-count .glyphicon {
	margin-right: 4px;
	color: #ff972f;
}

.forum-topic-author {
	width: 130px;
	text-align: center;
}

.forum-topic-author a,
.forum-topic-last-message a {
	color: #ffad42 !important;
	font-weight: 700;
}

.forum-topic-empty {
	color: #777e88 !important;
	font-size: 10px;
}

.forum-topic-empty .glyphicon {
	margin-right: 5px;
	color: #ff972f;
}

.forum-topic-last-message {
	min-width: 165px;
}

.forum-topic-last-message > div {
	display: flex;
	align-items: center;
	gap: 6px;
	color: #858c97;
	font-size: 9px;
}

.forum-topic-last-message > div + div {
	margin-top: 4px;
}

.forum-topic-last-message .glyphicon {
	width: 13px;
	color: #ff972f;
	text-align: center;
}

/* user.tpl */
.user-mini-card {
	width: 190px;
	padding: 0;
	border: 1px solid rgba(255, 255, 255, .07);
	border-radius: 12px;
	background: rgba(24, 27, 33, .94);
	box-shadow: 0 11px 26px rgba(0, 0, 0, .22);
	overflow: hidden;
}

.user-mini-title {
	min-height: 40px;
	padding: 0 11px;
	display: flex;
	align-items: center;
	gap: 7px;
	border-bottom: 1px solid rgba(255, 255, 255, .07);
	background:
		linear-gradient(90deg, rgba(255, 59, 59, .09), rgba(255, 152, 0, .035)),
		rgba(255, 255, 255, .02);
	color: #f2f3f5 !important;
}

.user-mini-title .glyphicon {
	color: #ff972f;
}

.user-mini-title strong {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.user-mini-avatar-link {
	display: block;
	padding: 10px;
}

.user-mini-avatar {
	width: 100%;
	height: 168px;
	object-fit: cover;
	border: 0;
	border-radius: 9px;
}

.user-mini-actions {
	padding: 0 10px 10px;
	display: grid;
	gap: 6px;
}

.user-mini-action {
	min-height: 34px;
	padding: 0 9px;
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 6px;
	border: 1px solid rgba(255, 255, 255, .07);
	border-radius: 8px;
	background: rgba(255, 255, 255, .03) !important;
	color: #c8ccd3 !important;
	font-size: 9px;
	font-weight: 800;
	box-shadow: none !important;
	cursor: pointer;
}

.user-mini-action:hover {
	border-color: rgba(255, 152, 0, .26);
	background: rgba(255, 152, 0, .07) !important;
	color: #ffbd69 !important;
	transform: none;
}

.user-mini-delete {
	border-color: rgba(255, 85, 85, .20);
	color: #ff918d !important;
}

/* user_full.tpl */
.user-full-card {
	overflow: hidden;
}

.user-full-content {
	padding: 14px;
	display: grid;
	grid-template-columns: 230px minmax(0, 1fr);
	gap: 14px;
}

.user-full-sidebar {
	min-width: 0;
}

.user-full-avatar-link {
	display: block;
	padding: 8px;
	border: 1px solid rgba(255, 255, 255, .07);
	border-radius: 11px;
	background: rgba(255, 255, 255, .02);
}

.user-full-avatar {
	width: 100%;
	max-height: 265px;
	margin: 0 !important;
	padding: 0 !important;
	object-fit: cover;
	border: 0;
	border-radius: 8px;
}

.user-full-actions {
	margin-top: 10px;
	display: grid;
	gap: 6px;
}

.user-full-action {
	min-height: 38px;
	padding: 0 10px;
	display: flex;
	align-items: center;
	gap: 7px;
	border: 1px solid rgba(255, 255, 255, .07);
	border-radius: 8px;
	background: rgba(255, 255, 255, .025) !important;
	color: #c8ccd3 !important;
	font-size: 10px;
	font-weight: 800;
	box-shadow: none !important;
	cursor: pointer;
}

.user-full-action:hover {
	padding-left: 13px;
	border-color: rgba(255, 152, 0, .25);
	background: rgba(255, 152, 0, .065) !important;
	color: #ffbd69 !important;
	transform: none;
}

.user-full-delete {
	border-color: rgba(255, 85, 85, .20);
	color: #ff918d !important;
}

.user-full-main {
	min-width: 0;
}

.user-full-info-table {
	width: 100% !important;
	margin: 0 !important;
	border: 1px solid rgba(255, 255, 255, .065);
	border-radius: 10px;
	background: transparent !important;
	overflow: hidden;
}

.user-full-info-table td {
	padding: 10px 12px !important;
	vertical-align: middle !important;
	border-color: rgba(255, 255, 255, .065) !important;
	color: #c8ccd3;
}

.user-full-info-table tr td:first-child:not(.user-full-section-title) {
	width: 180px;
	background: rgba(255, 255, 255, .018);
	color: #858c97;
	font-size: 9px;
	font-weight: 800;
	letter-spacing: .35px;
	text-transform: uppercase;
}

.user-full-section-title {
	background:
		linear-gradient(90deg, rgba(255, 59, 59, .10), rgba(255, 152, 0, .035)),
		rgba(255, 255, 255, .025) !important;
	color: #f1f3f6 !important;
	font-size: 10px;
	font-weight: 850;
	letter-spacing: .45px;
	text-transform: uppercase;
}

.user-full-section-title .glyphicon {
	margin-right: 6px;
	color: #ff972f;
}

.user-full-group {
	font-weight: 800;
}

/* visit_user.tpl */
.visit-user-link {
	display: inline-flex;
	align-items: center;
	padding: 3px 6px;
	border-radius: 6px;
	font-weight: 750;
}

.visit-user-link:hover {
	background: rgba(255, 152, 0, .06);
}

.visit-user-popover-avatar {
	width: 110px;
	height: 110px;
	object-fit: cover;
	border: 2px solid rgba(255, 152, 0, .38);
	border-radius: 9px;
}

/* vk_widgets.tpl */
.prime-social-widgets {
	display: grid;
	gap: 12px;
}

.prime-social-admin-card {
	overflow: hidden;
}

.prime-social-admins {
	display: grid;
	gap: 7px;
}

.prime-social-admin > a {
	min-height: 54px;
	padding: 8px;
	display: flex;
	align-items: center;
	gap: 9px;
	border: 1px solid rgba(255, 255, 255, .06);
	border-radius: 9px;
	background: rgba(255, 255, 255, .02);
	color: #dfe2e7 !important;
}

.prime-social-admin > a:hover {
	border-color: rgba(255, 152, 0, .24);
	background: rgba(255, 152, 0, .05);
}

.prime-social-admin img {
	width: 38px;
	height: 38px;
	object-fit: cover;
	border: 2px solid rgba(255, 152, 0, .40);
	border-radius: 50%;
}

.prime-social-admin span {
	overflow: hidden;
	font-size: 10px;
	font-weight: 800;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.prime-social-groups {
	display: grid;
	gap: 12px;
}

.prime-social-group-widget {
	padding: 7px;
	border: 1px solid rgba(255, 255, 255, .07);
	border-radius: 11px;
	background: rgba(24, 27, 33, .94);
	overflow: hidden;
}

.prime-social-group-widget iframe {
	max-width: 100%;
}

/* win_day.tpl */
.prime-win-day {
	position: relative;
	height: 44px;
	border: 1px solid rgba(255, 152, 0, .12);
	border-radius: 10px;
	background:
		linear-gradient(90deg, rgba(255, 59, 59, .08), rgba(255, 152, 0, .035)),
		rgba(24, 27, 33, .90);
	overflow: hidden;
}

.prime-win-day-glow {
	position: absolute;
	left: 50%;
	top: 50%;
	width: 180px;
	height: 70px;
	transform: translate(-50%, -50%);
	border-radius: 50%;
	background: rgba(255, 126, 36, .12);
	filter: blur(22px);
}

.prime-win-day-star {
	position: absolute;
	width: 4px;
	height: 4px;
	border-radius: 50%;
	background: #ffad42;
	box-shadow: 0 0 10px rgba(255, 173, 66, .9);
	animation: prime-win-day-pulse 2.4s ease-in-out infinite;
}

.prime-win-day-star-1 {
	left: 25%;
	top: 14px;
}

.prime-win-day-star-2 {
	left: 50%;
	top: 26px;
	animation-delay: -.8s;
}

.prime-win-day-star-3 {
	right: 22%;
	top: 11px;
	animation-delay: -1.5s;
}

@keyframes prime-win-day-pulse {
	0%, 100% {
		opacity: .28;
		transform: scale(.8);
	}
	50% {
		opacity: 1;
		transform: scale(1.35);
	}
}

@media (max-width: 760px) {
	.user-full-content {
		grid-template-columns: 1fr;
	}

	.user-full-avatar {
		max-height: 340px;
	}

	.forum-topic-row {
		min-width: 760px;
	}

	.top-user-stats {
		grid-template-columns: 1fr;
	}
}

@media (max-width: 520px) {
	.user-mini-card {
		width: 100%;
	}

	.user-mini-avatar {
		height: auto;
	}
}

/* ==========================================================================
   PRIME-3ONA — folder /forum
   Добавить в конец mystyles.css
   ========================================================================== */

/* forum editor pages */
.forum-editor-card,
.forum-settings-page {
	overflow: hidden;
}

.forum-editor-content,
.forum-settings-page-content {
	padding: 15px;
}

.forum-editor-section {
	margin-bottom: 16px;
	padding: 14px;
	border: 1px solid rgba(255, 255, 255, .07);
	border-radius: 11px;
	background: rgba(255, 255, 255, .02);
}

.forum-upload-grid {
	display: grid;
	grid-template-columns: 145px minmax(0, 1fr);
	align-items: center;
	gap: 14px;
}

.forum-upload-preview {
	height: 105px;
	padding: 5px;
	border: 1px solid rgba(255, 255, 255, .07);
	border-radius: 10px;
	background: #111419;
	overflow: hidden;
}

.forum-upload-preview img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	border-radius: 7px;
}

.forum-upload-controls {
	min-width: 0;
	display: grid;
	gap: 10px;
}

.forum-upload-controls .input-file {
	width: 100%;
	margin: 0;
}

.forum-upload-btn {
	width: max-content;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 6px;
}

.forum-editor-actions {
	margin-top: 13px;
	padding-top: 13px;
	display: flex;
	align-items: center;
	gap: 10px;
	border-top: 1px solid rgba(255, 255, 255, .07);
}

.forum-editor-submit {
	min-width: 165px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 7px;
}

.forum-editor-result:empty {
	display: none;
}

.forum-editor-result:not(:empty) {
	padding: 10px 12px;
	border: 1px solid rgba(255, 152, 0, .15);
	border-radius: 9px;
	background: rgba(255, 152, 0, .045);
}

.forum-editor-admin-panel {
	margin-bottom: 16px;
	border: 1px solid rgba(255, 152, 0, .15);
	border-radius: 11px;
	background: rgba(255, 152, 0, .025);
	overflow: hidden;
}

.forum-editor-admin-title {
	min-height: 42px;
	padding: 0 13px;
	display: flex;
	align-items: center;
	gap: 7px;
	border-bottom: 1px solid rgba(255, 152, 0, .12);
	background:
		linear-gradient(90deg, rgba(255, 59, 59, .09), rgba(255, 152, 0, .035)),
		rgba(255, 255, 255, .02);
	color: #f1f3f6;
	font-size: 10px;
	font-weight: 850;
	letter-spacing: .45px;
	text-transform: uppercase;
}

.forum-editor-admin-title .glyphicon {
	color: #ff972f;
}

.forum-editor-admin-grid {
	padding: 13px;
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 13px;
}

.forum-editor-admin-grid .form-group {
	margin: 0;
	padding: 12px;
	border: 1px solid rgba(255, 255, 255, .06);
	border-radius: 9px;
	background: rgba(255, 255, 255, .018);
}

.forum-editor-small-submit {
	margin-top: 9px;
	display: inline-flex;
	align-items: center;
	gap: 6px;
}

/* forum settings page */
.forum-settings-main-actions {
	margin-bottom: 14px;
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 9px;
}

.forum-settings-main-actions .btn2 {
	margin: 0;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 7px;
}

.forum-settings-sections {
	min-height: 130px;
}

.forum-settings-modal .modal-title {
	display: flex;
	align-items: center;
	gap: 8px;
}

.forum-settings-modal .modal-title .glyphicon {
	color: #ff972f;
}

.forum-section-access {
	display: flex;
	flex-wrap: wrap;
	gap: 6px;
}

.forum-modal-actions {
	margin-top: 14px;
	padding-top: 13px;
	border-top: 1px solid rgba(255, 255, 255, .07);
}

.forum-modal-actions .btn2 {
	display: inline-flex;
	align-items: center;
	gap: 6px;
}

/* forum index and topic list */
.forum-index-card,
.forum-topics-card {
	overflow: hidden;
}

.forum-breadcrumbs {
	margin: 0 0 10px;
	padding: 10px 12px !important;
	border: 1px solid rgba(255, 255, 255, .065);
	border-radius: 10px;
	background: rgba(24, 27, 33, .90);
}

.forum-topics-table-wrap {
	border-radius: 0 0 13px 13px;
}

.forum-topics-table {
	margin: 0;
	min-width: 760px;
}

.forum-topics-table thead td {
	padding: 11px 10px;
	background:
		linear-gradient(90deg, rgba(255, 59, 59, .07), rgba(255, 152, 0, .025)),
		rgba(255, 255, 255, .03);
	color: #f1f3f6;
	font-size: 9px !important;
	font-weight: 850;
	letter-spacing: .45px;
	text-transform: uppercase;
}

.forum-topics-table tbody td {
	border-color: rgba(255, 255, 255, .065) !important;
}

.forum-create-topic-btn,
.forum-settings-btn {
	margin-bottom: 14px;
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 7px;
}

.forum-sidebar-card {
	margin-bottom: 14px;
	overflow: hidden;
}

.forum-sidebar-card .l_block_c {
	padding: 8px;
}

.forum-page-sidebar #last_activity,
.forum-page-sidebar #top_users {
	display: grid;
	gap: 7px;
}

/* TinyMCE shell refinement on forum pages */
.forum-editor-card .mce-tinymce,
.forum-editor-card .tox-tinymce {
	border: 1px solid rgba(255, 255, 255, .08) !important;
	border-radius: 10px !important;
	overflow: hidden;
	box-shadow: none !important;
}

@media (max-width: 760px) {
	.forum-upload-grid,
	.forum-editor-admin-grid,
	.forum-settings-main-actions {
		grid-template-columns: 1fr;
	}

	.forum-upload-preview {
		height: 180px;
	}

	.forum-upload-btn,
	.forum-editor-submit,
	.forum-settings-main-actions .btn2 {
		width: 100%;
	}

	.forum-editor-actions {
		align-items: stretch;
		flex-direction: column;
	}
}

/* forum/topic.tpl */
.forum-topic-card,
.forum-reply-card {
	overflow: hidden;
}

.topic-opening-post {
	margin: 0;
	border-bottom: 1px solid rgba(255, 255, 255, .07);
	background: rgba(24, 27, 33, .94);
}

.topic-post-header {
	display: grid;
	grid-template-columns: 220px minmax(0, 1fr);
	border-bottom: 1px solid rgba(255, 255, 255, .07);
	background:
		linear-gradient(
			90deg,
			rgba(255, 59, 59, .10),
			rgba(255, 152, 0, .035)
		),
		#1b1e24;
}

.topic-post-author-head,
.topic-post-meta-head {
	min-height: 46px;
	padding: 0 13px;
	display: flex;
	align-items: center;
}

.topic-post-author-head {
	border-right: 1px solid rgba(255, 255, 255, .07);
}

.topic-post-login {
	overflow: hidden;
	color: #ffb55a !important;
	font-size: 14px;
	font-weight: 850;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.topic-post-meta-head {
	gap: 10px;
}

.topic-post-date {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	color: #8f96a0;
	font-size: 10px;
	font-weight: 700;
}

.topic-post-date .glyphicon {
	color: #ff972f;
}

.topic-post-tools {
	margin-left: auto;
	display: flex;
	align-items: center;
	gap: 5px;
}

.topic-post-tool {
	width: 30px;
	height: 30px;
	padding: 0;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	border: 1px solid rgba(255, 255, 255, .08);
	border-radius: 8px;
	background: rgba(255, 255, 255, .035) !important;
	color: #969da7 !important;
	box-shadow: none !important;
}

.topic-post-tool:hover {
	border-color: rgba(255, 152, 0, .30);
	background: rgba(255, 152, 0, .09) !important;
	color: #ffad42 !important;
	transform: none;
}

.topic-post-delete:hover {
	border-color: rgba(255, 85, 85, .32);
	background: rgba(255, 85, 85, .09) !important;
	color: #ff827d !important;
}

.topic-post-content {
	display: grid;
	grid-template-columns: 220px minmax(0, 1fr);
	min-height: 220px;
}

.topic-post-user {
	padding: 16px;
	border-right: 1px solid rgba(255, 255, 255, .07);
	background: rgba(255, 255, 255, .018);
	text-align: center;
}

.topic-post-avatar-link {
	display: inline-block;
}

.topic-post-avatar {
	width: 128px;
	height: 128px;
	object-fit: cover;
	border: 3px solid rgba(255, 152, 0, .45);
	border-radius: 12px;
	box-shadow: 0 0 0 5px rgba(255, 152, 0, .06);
}

.topic-post-group {
	margin-top: 12px;
	font-size: 10px;
	font-weight: 850;
	text-transform: uppercase;
}

.topic-post-user-stats {
	margin-top: 12px;
	display: grid;
	gap: 6px;
}

.topic-post-user-stats > div {
	padding: 7px 8px;
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 8px;
	border: 1px solid rgba(255, 255, 255, .06);
	border-radius: 8px;
	background: rgba(255, 255, 255, .02);
}

.topic-post-user-stats span {
	color: #818894;
	font-size: 9px;
	font-weight: 750;
	text-transform: uppercase;
}

.topic-post-user-stats strong {
	color: #f0f2f5;
	font-size: 10px;
}

.topic-post-main {
	padding: 18px;
	min-width: 0;
}

.topic-post-text {
	color: #c9cdd4;
	font-size: 13px;
	line-height: 1.7;
	overflow-wrap: anywhere;
}

.topic-post-edited {
	margin-top: 14px;
	padding-top: 10px;
	border-top: 1px solid rgba(255, 255, 255, .06);
	color: #777e88;
	font-size: 10px;
	text-align: right;
}

.topic-post-edited .glyphicon {
	margin-right: 4px;
	color: #ff972f;
}

.topic-post-edited a {
	color: #ffad42 !important;
}

.topic-post-signature {
	margin-top: 16px;
	padding-top: 14px;
	border-top: 1px dashed rgba(255, 255, 255, .08);
	color: #8f96a0;
}

.topic-post-footer {
	display: grid;
	grid-template-columns: 220px minmax(0, 1fr);
	border-top: 1px solid rgba(255, 255, 255, .07);
	background: rgba(255, 255, 255, .018);
}

.topic-post-actions {
	padding: 10px;
	display: flex;
	gap: 6px;
	border-right: 1px solid rgba(255, 255, 255, .07);
}

.topic-post-actions .btn {
	flex: 1;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 5px;
}

.topic-post-thanks {
	padding: 10px 14px;
	color: #aeb4bd;
}

.topic-post-thanks-full {
	grid-column: 1 / -1;
}

.topic-answers {
	display: grid;
	gap: 14px;
	padding: 14px;
	background: #101318;
}

.forum-reply-content {
	padding: 14px;
}

.forum-reply-actions {
	margin-top: 10px;
	display: flex;
	align-items: center;
	gap: 10px;
}

.forum-reply-submit {
	min-width: 165px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 7px;
}

.forum-reply-card .mce-tinymce,
.forum-reply-card .tox-tinymce {
	border: 1px solid rgba(255, 255, 255, .08) !important;
	border-radius: 10px !important;
	overflow: hidden;
	box-shadow: none !important;
}

.forum-topic-closed {
	min-height: 72px;
	padding: 14px 16px;
	display: flex;
	align-items: center;
	gap: 12px;
	border: 1px solid rgba(255, 85, 85, .18);
	border-radius: 11px;
	background: rgba(255, 85, 85, .045);
	color: #ff8d88;
}

.forum-topic-closed > .glyphicon {
	font-size: 24px;
}

.forum-topic-closed strong {
	display: block;
	color: #ffaaa6;
	font-size: 11px;
	font-weight: 850;
	text-transform: uppercase;
}

.forum-topic-closed small {
	display: block;
	margin-top: 2px;
	color: #9d7674;
	font-size: 9px;
}

@media (max-width: 760px) {
	.topic-post-header,
	.topic-post-content,
	.topic-post-footer {
		grid-template-columns: 1fr;
	}

	.topic-post-author-head,
	.topic-post-user,
	.topic-post-actions {
		border-right: 0;
	}

	.topic-post-author-head,
	.topic-post-user {
		border-bottom: 1px solid rgba(255, 255, 255, .07);
	}

	.topic-post-user {
		text-align: left;
	}

	.topic-post-avatar {
		width: 96px;
		height: 96px;
	}

	.topic-post-user-stats {
		grid-template-columns: repeat(3, minmax(0, 1fr));
	}

	.topic-post-thanks-full {
		grid-column: auto;
	}

	.forum-reply-actions {
		align-items: stretch;
		flex-direction: column;
	}

	.forum-reply-submit {
		width: 100%;
	}
}

@media (max-width: 520px) {
	.topic-post-user-stats {
		grid-template-columns: 1fr;
	}
}

/* ==========================================================================
   PRIME-3ONA — /home/admins.tpl
   Добавить в конец mystyles.css
   ========================================================================== */

.home-admins-card {
	overflow: hidden;
}

.home-admins-content {
	padding: 12px;
}

.home-admins-list {
	display: grid;
	gap: 12px;
	min-height: 80px;
}

.home-admins-manage-btn {
	margin-bottom: 14px;
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 7px;
	border-color: rgba(255, 152, 0, .22) !important;
	background:
		linear-gradient(
			135deg,
			rgba(255, 59, 59, .12),
			rgba(255, 152, 0, .08)
		) !important;
	color: #ffbd69 !important;
	box-shadow: 0 10px 24px rgba(0, 0, 0, .18);
}

.home-admins-manage-btn:hover {
	border-color: rgba(255, 152, 0, .38) !important;
	background:
		linear-gradient(
			135deg,
			rgba(255, 59, 59, .18),
			rgba(255, 152, 0, .13)
		) !important;
	color: #fff !important;
	transform: translateY(-1px);
}

.home-admins-filter-card {
	margin-bottom: 14px;
	overflow: hidden;
}

.home-admins-filter-card .l_block_c {
	padding: 8px;
}

.home-admins-server-filter {
	margin: 0;
	display: grid;
	gap: 6px;
}

.home-admins-server-filter > li {
	margin: 0 !important;
}

.home-admins-server-filter > li > a {
	min-height: 40px;
	padding: 0 11px !important;
	display: flex !important;
	align-items: center;
	border: 1px solid rgba(255, 255, 255, .06);
	border-radius: 8px !important;
	background: rgba(255, 255, 255, .02) !important;
	color: #aeb4bd !important;
	font-size: 10px;
	font-weight: 750;
	transition:
		padding-left .22s ease,
		border-color .22s ease,
		background .22s ease,
		color .22s ease;
}

.home-admins-server-filter > li > a:hover {
	padding-left: 14px !important;
	border-color: rgba(255, 152, 0, .24);
	background: rgba(255, 152, 0, .055) !important;
	color: #ffbd69 !important;
}

.home-admins-server-filter > li.active > a,
.home-admins-server-filter > li.active > a:hover,
.home-admins-server-filter > li.active > a:focus {
	border-color: rgba(255, 152, 0, .34) !important;
	background:
		linear-gradient(
			90deg,
			rgba(255, 59, 59, .11),
			rgba(255, 152, 0, .07)
		) !important;
	color: #fff !important;
	box-shadow: inset 3px 0 0 #ff972f;
}

.home-admins-account-block {
	display: grid;
	gap: 14px;
}

/* Карточки серверов и строки администраторов,
   возвращаемые GetData:servers_admins() */
.home-admins-list .editing-admin-server-card,
.home-admins-list .block {
	margin-bottom: 0;
}

.home-admins-list table {
	margin-bottom: 0;
}

.home-admins-list .editing-admin-server-table tbody tr:last-child td,
.home-admins-list table tbody tr:last-child td {
	border-bottom: 0 !important;
}

@media (max-width: 760px) {
	.home-admins-content {
		padding: 9px;
	}

	.home-admins-manage-btn {
		width: 100%;
	}
}

/* ==========================================================================
   PRIME-3ONA — /home/banlist.tpl
   Добавить в конец mystyles.css
   ========================================================================== */

.home-banlist-card {
	overflow: hidden;
}

.home-banlist-table-wrap {
	border-radius: 0 0 13px 13px;
	overflow-x: auto;
}

.home-banlist-table {
	margin: 0;
	min-width: 760px;
}

.home-banlist-table thead td {
	padding: 11px 12px;
	background:
		linear-gradient(
			90deg,
			rgba(255, 59, 59, .08),
			rgba(255, 152, 0, .03)
		),
		rgba(255, 255, 255, .03);
	color: #f1f3f6;
	font-size: 9px !important;
	font-weight: 850;
	letter-spacing: .45px;
	text-transform: uppercase;
}

.home-banlist-table tbody td {
	padding: 11px 12px !important;
	vertical-align: middle !important;
	border-color: rgba(255, 255, 255, .065) !important;
	color: #c7cbd2;
}

.home-banlist-table tbody tr {
	transition: background .22s ease;
}

.home-banlist-table tbody tr:hover {
	background: rgba(255, 152, 0, .04);
}

.home-banlist-pagination {
	margin-top: 12px;
}

.home-banlist-search-card,
.home-banlist-filter-card,
.home-banlist-stats-card {
	margin-bottom: 14px;
	overflow: hidden;
}

.home-banlist-search-card .l_block_c,
.home-banlist-filter-card .l_block_c,
.home-banlist-stats-card .l_block_c {
	padding: 9px;
}

.home-banlist-search {
	width: 100%;
}

.home-banlist-search .form-control {
	height: 40px;
}

.home-banlist-search .btn {
	height: 40px;
	display: inline-flex;
	align-items: center;
	gap: 6px;
	border-color: rgba(255, 152, 0, .22) !important;
	background:
		linear-gradient(
			135deg,
			rgba(255, 59, 59, .11),
			rgba(255, 152, 0, .08)
		) !important;
	color: #ffbd69 !important;
}

.home-banlist-search .btn:hover {
	border-color: rgba(255, 152, 0, .38) !important;
	color: #fff !important;
}

.home-banlist-server-filter {
	margin: 0;
	display: grid;
	gap: 6px;
}

.home-banlist-server-filter > li {
	margin: 0 !important;
}

.home-banlist-server-filter > li > a {
	min-height: 40px;
	padding: 0 11px !important;
	display: flex !important;
	align-items: center;
	border: 1px solid rgba(255, 255, 255, .06);
	border-radius: 8px !important;
	background: rgba(255, 255, 255, .02) !important;
	color: #aeb4bd !important;
	font-size: 10px;
	font-weight: 750;
	transition:
		padding-left .22s ease,
		border-color .22s ease,
		background .22s ease,
		color .22s ease;
}

.home-banlist-server-filter > li > a:hover {
	padding-left: 14px !important;
	border-color: rgba(255, 152, 0, .24);
	background: rgba(255, 152, 0, .055) !important;
	color: #ffbd69 !important;
}

.home-banlist-server-filter > li.active > a,
.home-banlist-server-filter > li.active > a:hover,
.home-banlist-server-filter > li.active > a:focus {
	border-color: rgba(255, 152, 0, .34) !important;
	background:
		linear-gradient(
			90deg,
			rgba(255, 59, 59, .11),
			rgba(255, 152, 0, .07)
		) !important;
	color: #fff !important;
	box-shadow: inset 3px 0 0 #ff972f;
}

.home-banlist-stats {
	display: grid;
	gap: 7px;
}

.home-banlist-stat {
	min-height: 44px;
	padding: 0 11px;
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 10px;
	border: 1px solid rgba(255, 255, 255, .06);
	border-radius: 8px;
	background: rgba(255, 255, 255, .02);
}

.home-banlist-stat span {
	color: #818894;
	font-size: 9px;
	font-weight: 800;
	letter-spacing: .35px;
	text-transform: uppercase;
}

.home-banlist-stat strong {
	min-width: 36px;
	padding: 5px 8px;
	border-radius: 999px;
	background: rgba(255, 255, 255, .045);
	color: #f1f3f6;
	font-size: 10px;
	font-weight: 850;
	text-align: center;
}

.home-banlist-stat-active {
	border: 1px solid rgba(255, 85, 85, .20);
	background: rgba(255, 85, 85, .07) !important;
	color: #ff918d !important;
}

.home-banlist-stat-permanent {
	border: 1px solid rgba(255, 59, 59, .22);
	background: rgba(255, 59, 59, .08) !important;
	color: #ff7e78 !important;
}

.home-banlist-stat-temporal {
	border: 1px solid rgba(255, 152, 0, .20);
	background: rgba(255, 152, 0, .07) !important;
	color: #ffbd69 !important;
}

.home-banlist-account-block {
	display: grid;
	gap: 14px;
}

@media (max-width: 760px) {
	.home-banlist-search {
		display: flex;
		flex-direction: column;
		gap: 7px;
	}

	.home-banlist-search .input-group-btn {
		width: 100%;
	}

	.home-banlist-search .btn {
		width: 100%;
		justify-content: center;
		border-radius: 8px !important;
	}
}

/* ==========================================================================
   PRIME-3ONA — /home/edit_admins.tpl
   Добавить в конец mystyles.css
   ========================================================================== */

.home-edit-admins-server-card,
.home-edit-admins-grant-card,
.home-edit-admins-list-card {
	margin-bottom: 15px;
	overflow: hidden;
}

.home-edit-admins-server-content,
.home-edit-admins-form,
.home-edit-admins-list-content {
	padding: 14px;
}

.home-edit-admins-server-content {
	display: grid;
	grid-template-columns: minmax(160px, .4fr) minmax(0, 1fr);
	align-items: center;
	gap: 14px;
}

.home-edit-admins-server-content .prime-form-label {
	margin: 0;
}

.home-edit-admins-form {
	display: grid;
	gap: 14px;
}

.home-edit-admins-grid {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 12px;
}

.home-edit-admins-form .form-group {
	margin: 0;
}

.home-edit-admins-bind-label {
	margin-bottom: 7px;
}

.home-edit-admins-bind-fields {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 12px;
}

.home-edit-admins-bind-fields > .form-control.disp-n {
	display: none !important;
}

.home-edit-admins-bind-fields > .form-control:not(.disp-n) {
	display: block !important;
}

.home-edit-admins-profile-field {
	padding: 13px;
	border: 1px solid rgba(255, 255, 255, .07);
	border-radius: 10px;
	background:
		linear-gradient(
			135deg,
			rgba(255, 59, 59, .045),
			rgba(255, 152, 0, .025)
		),
		rgba(255, 255, 255, .018);
}

.home-edit-admins-result:empty {
	display: none;
}

.home-edit-admins-result:not(:empty) {
	padding: 11px 12px;
	border: 1px solid rgba(255, 152, 0, .17);
	border-radius: 9px;
	background: rgba(255, 152, 0, .045);
	color: #c8ccd3;
}

.home-edit-admins-actions {
	padding-top: 13px;
	display: flex;
	align-items: center;
	gap: 8px;
	border-top: 1px solid rgba(255, 255, 255, .07);
}

.home-edit-admins-submit,
.home-edit-admins-cancel {
	min-width: 150px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 7px;
}

.home-edit-admins-list {
	min-height: 120px;
	display: grid;
	gap: 12px;
}

.home-edit-admins-list .prime-loader {
	min-height: 120px;
}

.home-edit-admins-list .editing-admin-server-card,
.home-edit-admins-list .block {
	margin-bottom: 0;
}

.home-edit-admins-list table {
	margin-bottom: 0;
}

.home-edit-admins-list .table-responsive {
	border-radius: 10px;
}

.home-edit-admins-list table thead td {
	background:
		linear-gradient(
			90deg,
			rgba(255, 59, 59, .075),
			rgba(255, 152, 0, .025)
		),
		rgba(255, 255, 255, .03);
	color: #f1f3f6;
	font-size: 9px !important;
	font-weight: 850;
	letter-spacing: .45px;
	text-transform: uppercase;
}

.home-edit-admins-list table tbody td {
	vertical-align: middle !important;
	border-color: rgba(255, 255, 255, .065) !important;
	color: #c7cbd2;
}

.home-edit-admins-sidebar {
	display: grid;
	align-content: start;
	gap: 14px;
}

@media (max-width: 900px) {
	.home-edit-admins-bind-fields {
		grid-template-columns: 1fr;
	}
}

@media (max-width: 760px) {
	.home-edit-admins-server-content,
	.home-edit-admins-grid {
		grid-template-columns: 1fr;
	}

	.home-edit-admins-actions {
		align-items: stretch;
		flex-direction: column;
	}

	.home-edit-admins-submit,
	.home-edit-admins-cancel {
		width: 100%;
	}
}

/* ==========================================================================
   PRIME-3ONA — /home/edit_user.tpl
   Добавить в конец mystyles.css
   ========================================================================== */

.home-edit-user-page {
	width: 100%;
	display: grid;
	grid-template-columns: minmax(0, 1fr) minmax(380px, .92fr);
	align-items: start;
	gap: 16px;
}

.home-edit-user-column {
	min-width: 0;
	display: grid;
	align-content: start;
	gap: 15px;
}

.home-edit-user-card {
	margin: 0;
	overflow: hidden;
}

.home-edit-user-content {
	padding: 14px;
	display: grid;
	gap: 11px;
}

.home-edit-user-section {
	padding: 13px;
	border: 1px solid rgba(255, 255, 255, .07);
	border-radius: 10px;
	background: rgba(255, 255, 255, .02);
	transition:
		border-color .22s ease,
		background .22s ease;
}

.home-edit-user-section:hover {
	border-color: rgba(255, 152, 0, .15);
	background: rgba(255, 152, 0, .022);
}

.home-edit-user-danger-section {
	border-color: rgba(255, 85, 85, .15);
	background:
		linear-gradient(
			135deg,
			rgba(255, 59, 59, .055),
			rgba(255, 85, 85, .02)
		);
}

.home-edit-user-section-title {
	margin-bottom: 8px;
	display: flex;
	align-items: center;
	gap: 7px;
	color: #f0f2f5;
	font-size: 10px;
	font-weight: 850;
	letter-spacing: .4px;
	text-transform: uppercase;
}

.home-edit-user-section-title .glyphicon {
	width: 17px;
	color: #ff972f;
	text-align: center;
}

.home-edit-user-control {
	width: 100%;
}

.home-edit-user-control .btn,
.home-edit-user-birthday .btn,
.home-edit-user-avatar-controls .btn,
.home-edit-user-signature-btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 6px;
}

.home-edit-user-control .input-group-btn .btn {
	min-width: 112px;
}

.home-edit-user-danger-btn {
	border-color: rgba(255, 85, 85, .25) !important;
	background: rgba(255, 85, 85, .08) !important;
	color: #ff918d !important;
}

.home-edit-user-danger-btn:hover {
	border-color: rgba(255, 85, 85, .40) !important;
	background: rgba(255, 85, 85, .13) !important;
	color: #fff !important;
}

.home-edit-user-result:empty {
	display: none;
}

.home-edit-user-result:not(:empty) {
	margin-top: 8px;
	padding: 9px 10px;
	border: 1px solid rgba(255, 152, 0, .15);
	border-radius: 8px;
	background: rgba(255, 152, 0, .045);
	color: #c8ccd3;
}

.home-edit-user-birthday {
	display: grid;
	grid-template-columns: .7fr 1fr .85fr auto;
	gap: 8px;
}

.home-edit-user-warning {
	margin-top: 9px;
	padding: 10px;
	display: grid;
	grid-template-columns: auto minmax(0, 1fr) auto;
	align-items: center;
	gap: 9px;
	border: 1px solid rgba(255, 174, 66, .18);
	border-radius: 8px;
	background: rgba(255, 174, 66, .055);
	color: #ffbd69;
}

.home-edit-user-warning > .glyphicon {
	font-size: 18px;
}

.home-edit-user-warning strong,
.home-edit-user-warning span {
	display: block;
}

.home-edit-user-warning strong {
	color: #ffd08a;
	font-size: 10px;
}

.home-edit-user-warning span {
	margin-top: 2px;
	color: #a78d6d;
	font-size: 9px;
}

.home-edit-user-avatar-editor {
	display: grid;
	grid-template-columns: 105px minmax(0, 1fr);
	align-items: center;
	gap: 12px;
}

.home-edit-user-avatar-preview {
	width: 105px;
	height: 105px;
	padding: 5px;
	border: 1px solid rgba(255, 255, 255, .07);
	border-radius: 11px;
	background: #111419;
}

.home-edit-user-avatar-preview img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	border: 2px solid rgba(255, 152, 0, .40);
	border-radius: 8px;
}

.home-edit-user-avatar-controls {
	min-width: 0;
	display: grid;
	gap: 9px;
}

.home-edit-user-avatar-controls .input-file {
	width: 100%;
	margin: 0;
}

.home-edit-user-avatar-controls .btn {
	width: max-content;
}

.home-edit-user-signature-btn {
	margin-top: 9px;
}

.home-edit-user-section .mce-tinymce,
.home-edit-user-section .tox-tinymce {
	border: 1px solid rgba(255, 255, 255, .08) !important;
	border-radius: 9px !important;
	overflow: hidden;
	box-shadow: none !important;
}

/* Information */
.home-edit-user-info-table,
.home-edit-user-operations-table,
.home-edit-user-multi-table {
	margin: 0;
}

.home-edit-user-info-table td,
.home-edit-user-operations-table td,
.home-edit-user-multi-table td,
.home-edit-user-multi-table th {
	padding: 10px 11px !important;
	vertical-align: middle !important;
	border-color: rgba(255, 255, 255, .065) !important;
	color: #c7cbd2;
}

.home-edit-user-info-table tr td:first-child {
	width: 45%;
	background: rgba(255, 255, 255, .02);
	color: #818894;
	font-size: 9px;
	font-weight: 800;
	letter-spacing: .35px;
	text-transform: uppercase;
}

.home-edit-user-info-table a {
	color: #ffad42 !important;
}

.home-edit-user-info-table a .glyphicon {
	margin-left: 5px;
	font-size: 9px;
}

.home-edit-user-info-table code {
	padding: 4px 7px;
	border: 1px solid rgba(255, 255, 255, .07);
	border-radius: 6px;
	background: #101318;
	color: #bfc4cc;
}

.home-edit-user-status,
.home-edit-user-match {
	padding: 5px 8px;
	display: inline-flex;
	align-items: center;
	border-radius: 999px;
	font-size: 9px;
	font-weight: 850;
}

.home-edit-user-status-positive {
	border: 1px solid rgba(72, 199, 116, .20);
	background: rgba(72, 199, 116, .07);
	color: #83dda2;
}

.home-edit-user-status-negative {
	border: 1px solid rgba(255, 85, 85, .20);
	background: rgba(255, 85, 85, .07);
	color: #ff918d;
}

.home-edit-user-status-warning {
	border: 1px solid rgba(255, 174, 66, .20);
	background: rgba(255, 174, 66, .07);
	color: #ffbd69;
}

.home-edit-user-muted {
	color: #7d848f;
}

.home-edit-user-money {
	padding: 5px 9px;
	display: inline-flex;
	border: 1px solid rgba(72, 199, 116, .20);
	border-radius: 999px;
	background: rgba(72, 199, 116, .07);
	color: #83dda2;
	font-size: 10px;
	font-weight: 850;
}

/* Multi accounts */
.home-edit-user-multi-content {
	padding: 12px;
}

.home-edit-user-info-callout {
	margin-bottom: 10px;
	padding: 10px 11px;
	display: flex;
	align-items: flex-start;
	gap: 8px;
	border: 1px solid rgba(89, 183, 255, .16);
	border-radius: 9px;
	background: rgba(89, 183, 255, .045);
	color: #9eb9cd;
}

.home-edit-user-info-callout .glyphicon {
	margin-top: 2px;
	color: #78c3fa;
}

.home-edit-user-info-callout p {
	margin: 0;
	font-size: 10px;
	line-height: 1.55;
}

.home-edit-user-multi-wrap {
	border: 1px solid rgba(255, 255, 255, .065);
	border-radius: 9px;
	overflow: hidden;
}

.home-edit-user-multi-table thead th,
.home-edit-user-operations-table thead td {
	background:
		linear-gradient(
			90deg,
			rgba(255, 59, 59, .075),
			rgba(255, 152, 0, .025)
		),
		rgba(255, 255, 255, .03);
	color: #f1f3f6;
	font-size: 9px !important;
	font-weight: 850;
	letter-spacing: .45px;
	text-transform: uppercase;
}

.home-edit-user-multi-profile {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 8px;
}

.home-edit-user-multi-profile > a {
	color: #ffad42 !important;
	font-weight: 750;
}

.home-edit-user-multi-actions {
	display: flex;
	align-items: center;
	gap: 4px;
}

.home-edit-user-icon-btn {
	width: 27px;
	height: 27px;
	padding: 0;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	border: 1px solid rgba(255, 255, 255, .07);
	border-radius: 7px;
	background: rgba(255, 255, 255, .025) !important;
	color: #969da7 !important;
	box-shadow: none !important;
}

.home-edit-user-icon-btn:hover {
	border-color: rgba(255, 152, 0, .24);
	background: rgba(255, 152, 0, .07) !important;
	color: #ffbd69 !important;
	transform: none;
}

.home-edit-user-icon-danger:hover {
	border-color: rgba(255, 85, 85, .25);
	background: rgba(255, 85, 85, .08) !important;
	color: #ff918d !important;
}

.home-edit-user-match-info {
	border: 1px solid rgba(89, 183, 255, .18);
	background: rgba(89, 183, 255, .06);
	color: #79c3f7;
}

.home-edit-user-match-warning {
	border: 1px solid rgba(255, 174, 66, .20);
	background: rgba(255, 174, 66, .07);
	color: #ffbd69;
}

.home-edit-user-match-danger {
	border: 1px solid rgba(255, 85, 85, .20);
	background: rgba(255, 85, 85, .07);
	color: #ff918d;
}

.home-edit-user-empty {
	padding: 24px !important;
	color: #7f8690 !important;
	text-align: center;
}

.home-edit-user-empty .glyphicon {
	margin-right: 6px;
	color: #48c774;
}

/* Operations */
.home-edit-user-operations-table {
	min-width: 520px;
}

.home-edit-user-operations-table tbody tr {
	transition: background .22s ease;
}

.home-edit-user-operations-table tbody tr:hover {
	background: rgba(255, 152, 0, .04);
}

@media (max-width: 1050px) {
	.home-edit-user-page {
		grid-template-columns: 1fr;
	}
}

@media (max-width: 760px) {
	.home-edit-user-birthday {
		grid-template-columns: 1fr 1fr;
	}

	.home-edit-user-birthday .btn {
		grid-column: 1 / -1;
	}

	.home-edit-user-avatar-editor {
		grid-template-columns: 1fr;
	}

	.home-edit-user-avatar-preview {
		width: 130px;
		height: 130px;
	}

	.home-edit-user-avatar-controls .btn {
		width: 100%;
	}

	.home-edit-user-warning {
		grid-template-columns: auto minmax(0, 1fr);
	}

	.home-edit-user-warning .btn {
		grid-column: 1 / -1;
		width: 100%;
	}

	.home-edit-user-control {
		display: flex;
		flex-direction: column;
		gap: 7px;
	}

	.home-edit-user-control .input-group-btn,
	.home-edit-user-control .input-group-btn .btn {
		width: 100%;
	}

	.home-edit-user-control .input-group-btn .btn {
		border-radius: 8px !important;
	}
}

/* ==========================================================================
   PRIME-3ONA — /home/events.tpl
   Добавить в конец mystyles.css
   ========================================================================== */

.home-events-card {
	overflow: hidden;
}

.home-events-content {
	padding: 12px;
}

.home-events-list {
	display: grid;
	gap: 10px;
	min-height: 80px;
}

.home-events-list .event,
.home-events-list .prime-event-card {
	margin: 0;
}

.home-events-pagination {
	margin-top: 12px;
	padding-top: 12px;
	border-top: 1px solid rgba(255, 255, 255, .07);
}

.home-events-filter-card {
	margin-bottom: 14px;
	overflow: hidden;
}

.home-events-filter-card .l_block_c {
	padding: 8px;
}

.home-events-category-filter {
	margin: 0;
	display: grid;
	gap: 6px;
}

.home-events-category-filter > li {
	margin: 0 !important;
}

.home-events-category-filter > li > a {
	min-height: 40px;
	padding: 0 11px !important;
	display: flex !important;
	align-items: center;
	border: 1px solid rgba(255, 255, 255, .06);
	border-radius: 8px !important;
	background: rgba(255, 255, 255, .02) !important;
	color: #aeb4bd !important;
	font-size: 10px;
	font-weight: 750;
	transition:
		padding-left .22s ease,
		border-color .22s ease,
		background .22s ease,
		color .22s ease;
}

.home-events-category-filter > li > a:hover {
	padding-left: 14px !important;
	border-color: rgba(255, 152, 0, .24);
	background: rgba(255, 152, 0, .055) !important;
	color: #ffbd69 !important;
}

.home-events-category-filter > li.active > a,
.home-events-category-filter > li.active > a:hover,
.home-events-category-filter > li.active > a:focus {
	border-color: rgba(255, 152, 0, .34) !important;
	background:
		linear-gradient(
			90deg,
			rgba(255, 59, 59, .11),
			rgba(255, 152, 0, .07)
		) !important;
	color: #fff !important;
	box-shadow: inset 3px 0 0 #ff972f;
}

.home-events-account-block {
	display: grid;
	gap: 14px;
}

@media (max-width: 760px) {
	.home-events-content {
		padding: 9px;
	}
}

/* ==========================================================================
   PRIME-3ONA — /home/friends.tpl
   Добавить в конец mystyles.css
   ========================================================================== */

.home-friends-card {
	overflow: hidden;
}

.home-friends-content {
	padding: 14px;
}

.home-friends-toolbar {
	margin-bottom: 14px;
	padding: 11px;
	display: flex;
	align-items: center;
	gap: 8px;
	border: 1px solid rgba(255, 255, 255, .07);
	border-radius: 11px;
	background:
		linear-gradient(
			135deg,
			rgba(255, 59, 59, .035),
			rgba(255, 152, 0, .02)
		),
		rgba(255, 255, 255, .018);
}

.home-friends-search {
	min-width: 0;
	flex: 1;
}

.home-friends-search .form-control,
.home-friends-search .btn,
.home-friends-all-btn {
	height: 40px;
}

.home-friends-search-btn,
.home-friends-all-btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 6px;
}

.home-friends-search-btn {
	border-color: rgba(255, 152, 0, .22) !important;
	background:
		linear-gradient(
			135deg,
			rgba(255, 59, 59, .11),
			rgba(255, 152, 0, .08)
		) !important;
	color: #ffbd69 !important;
}

.home-friends-search-btn:hover {
	border-color: rgba(255, 152, 0, .38) !important;
	color: #fff !important;
}

.home-friends-all-btn {
	flex: 0 0 auto;
	color: #bfc4cc !important;
}

.home-friends-list {
	display: grid;
	gap: 8px;
	min-height: 100px;
}

/* Переопределение friend.tpl в виде списка, похожего на VK */
.home-friends-list .friend-card {
	width: 100%;
	min-height: 92px;
	margin: 0;
	padding: 10px;
	display: grid;
	grid-template-columns: 72px minmax(0, 1fr) auto;
	grid-template-areas: "avatar title actions";
	align-items: center;
	gap: 12px;
	border: 1px solid rgba(255, 255, 255, .07);
	border-radius: 11px;
	background: rgba(24, 27, 33, .92);
	box-shadow: none;
	overflow: visible;
	transition:
		transform .22s ease,
		border-color .22s ease,
		background .22s ease;
}

.home-friends-list .friend-card:hover {
	transform: translateY(-1px);
	border-color: rgba(255, 152, 0, .22);
	background:
		linear-gradient(
			90deg,
			rgba(255, 59, 59, .04),
			rgba(255, 152, 0, .025)
		),
		rgba(24, 27, 33, .96);
}

.home-friends-list .friend-card-avatar-link {
	grid-area: avatar;
	width: 72px;
	height: 72px;
	padding: 0;
	display: block;
}

.home-friends-list .friend-card-avatar {
	width: 72px !important;
	height: 72px !important;
	margin: 0 !important;
	padding: 0 !important;
	object-fit: cover;
	border: 2px solid rgba(255, 152, 0, .40);
	border-radius: 50%;
	box-shadow: 0 0 0 4px rgba(255, 152, 0, .05);
}

.home-friends-list .friend-card-title {
	grid-area: title;
	min-width: 0;
	min-height: auto;
	padding: 0;
	display: flex;
	align-items: center;
	gap: 7px;
	border: 0;
	background: transparent;
	color: #f1f3f6 !important;
}

.home-friends-list .friend-card-title .glyphicon {
	width: 18px;
	height: 18px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	border-radius: 50%;
	background: rgba(255, 152, 0, .08);
	color: #ff972f;
	font-size: 9px;
}

.home-friends-list .friend-card-title strong {
	overflow: hidden;
	font-size: 12px;
	font-weight: 850;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.home-friends-list .friend-card-title:hover strong {
	color: #ffbd69;
}

.home-friends-list .friend-card-actions {
	grid-area: actions;
	min-width: 130px;
	padding: 0;
	display: grid;
	gap: 6px;
}

.home-friends-list .friend-card-action {
	min-height: 34px;
	padding: 0 10px;
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 6px;
	border: 1px solid rgba(255, 255, 255, .07);
	border-radius: 8px;
	background: rgba(255, 255, 255, .025) !important;
	color: #bfc4cc !important;
	font-size: 9px;
	font-weight: 800;
	white-space: nowrap;
	box-shadow: none !important;
}

.home-friends-list .friend-card-action:hover {
	border-color: rgba(255, 152, 0, .26);
	background: rgba(255, 152, 0, .07) !important;
	color: #ffbd69 !important;
	transform: none;
}

.home-friends-list .friend-card-action-success {
	border-color: rgba(72, 199, 116, .20);
	background: rgba(72, 199, 116, .045) !important;
	color: #83dda2 !important;
}

.home-friends-list .friend-card-action-danger {
	border-color: rgba(255, 85, 85, .18);
	background: rgba(255, 85, 85, .035) !important;
	color: #ff918d !important;
}

.home-friends-list .prime-loader {
	min-height: 130px;
}

.home-friends-sidebar {
	display: grid;
	align-content: start;
	gap: 14px;
}

@media (max-width: 760px) {
	.home-friends-toolbar {
		align-items: stretch;
		flex-direction: column;
	}

	.home-friends-all-btn {
		width: 100%;
	}

	.home-friends-list .friend-card {
		grid-template-columns: 62px minmax(0, 1fr);
		grid-template-areas:
			"avatar title"
			"actions actions";
	}

	.home-friends-list .friend-card-avatar-link,
	.home-friends-list .friend-card-avatar {
		width: 62px !important;
		height: 62px !important;
	}

	.home-friends-list .friend-card-actions {
		width: 100%;
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.home-friends-list .friend-card-actions > :only-child {
		grid-column: 1 / -1;
	}
}

@media (max-width: 520px) {
	.home-friends-search {
		display: flex;
		flex-direction: column;
		gap: 7px;
	}

	.home-friends-search .input-group-btn,
	.home-friends-search .btn {
		width: 100%;
	}

	.home-friends-search .btn {
		border-radius: 8px !important;
	}

	.home-friends-list .friend-card-actions {
		grid-template-columns: 1fr;
	}
}

/* ==========================================================================
   PRIME-3ONA — /home/index.tpl
   Добавить в конец mystyles.css
   ========================================================================== */

.home-index-main {
	min-width: 0;
}

.home-index-sidebar {
	display: grid;
	align-content: start;
	gap: 14px;
}

.home-index-notifications-line {
	margin-bottom: 8px;
	text-align: right;
}

.home-index-notifications-hide {
	padding: 5px 9px;
	display: inline-flex;
	align-items: center;
	gap: 5px;
	border: 1px solid rgba(72, 199, 116, .18);
	border-radius: 999px;
	background: rgba(72, 199, 116, .06) !important;
	color: #83dda2 !important;
	font-size: 9px;
	font-weight: 800;
	box-shadow: none !important;
}

.home-index-notifications-hide:hover {
	border-color: rgba(72, 199, 116, .34);
	background: rgba(72, 199, 116, .10) !important;
	color: #b3f0c7 !important;
	transform: none;
}

.home-index-notifications {
	margin-bottom: 12px;
	display: grid;
	gap: 8px;
}

/* Slider */
.home-index-hero {
	margin-bottom: 15px;
}

.home-index-slider {
	position: relative;
	border: 1px solid rgba(255, 255, 255, .08);
	border-radius: 14px;
	background: #111419;
	box-shadow: 0 18px 38px rgba(0, 0, 0, .30);
	overflow: hidden;
}

.home-index-slider::after {
	content: "";
	position: absolute;
	inset: 0;
	z-index: 2;
	pointer-events: none;
	box-shadow:
		inset 0 0 0 1px rgba(255, 255, 255, .025),
		inset 0 -70px 90px rgba(0, 0, 0, .22);
}

.home-index-slider #slides {
	display: none;
	width: 100%;
}

.home-index-slider #slides img {
	width: 100%;
	height: auto;
	display: block;
	object-fit: cover;
}

.home-index-slider .slidesjs-container,
.home-index-slider .slidesjs-control {
	width: 100% !important;
	max-width: 100% !important;
}

.home-index-slider .slidesjs-pagination {
	position: absolute;
	left: 50%;
	bottom: 13px;
	z-index: 5;
	margin: 0;
	display: flex;
	align-items: center;
	gap: 6px;
	transform: translateX(-50%);
}

.home-index-slider .slidesjs-pagination li {
	margin: 0;
	list-style: none;
}

.home-index-slider .slidesjs-pagination a {
	width: 7px;
	height: 7px;
	display: block;
	border: 1px solid rgba(255, 255, 255, .40);
	border-radius: 999px;
	background: rgba(255, 255, 255, .18);
	font-size: 0;
	transition:
		width .22s ease,
		border-color .22s ease,
		background .22s ease;
}

.home-index-slider .slidesjs-pagination a.active {
	width: 24px;
	border-color: rgba(255, 152, 0, .70);
	background: linear-gradient(90deg, #ff3b3b, #ff9800);
}

.home-index-slider .slidesjs-play,
.home-index-slider .slidesjs-stop {
	position: absolute;
	top: 12px;
	right: 12px;
	z-index: 5;
	width: 30px;
	height: 30px;
	display: flex;
	align-items: center;
	justify-content: center;
	border: 1px solid rgba(255, 255, 255, .12);
	border-radius: 8px;
	background: rgba(13, 15, 19, .72);
	color: #ffad42;
	font-size: 0;
	backdrop-filter: blur(8px);
}

.home-index-slider .slidesjs-play::before {
	content: "\e072";
	font-family: "Glyphicons Halflings";
	font-size: 10px;
}

.home-index-slider .slidesjs-stop::before {
	content: "\e073";
	font-family: "Glyphicons Halflings";
	font-size: 10px;
}

/* Main sections */
.home-index-section {
	margin-bottom: 15px;
	overflow: hidden;
}

.home-index-activity,
.home-index-events,
.home-index-news,
.home-index-online,
.home-index-sortition-content {
	padding: 10px;
}

.home-index-activity #last_activity,
.home-index-events,
.home-index-news,
.home-index-online {
	display: grid;
	gap: 8px;
}

.home-index-chat,
.home-index-donations,
.home-index-site-stats {
	margin-bottom: 15px;
}

.home-index-sortition-card .sortition,
.home-index-sortition-card #sortition {
	background: transparent !important;
}

.home-index-news-card #new_news {
	border: 0;
	border-radius: 0 0 13px 13px;
	background: transparent;
}

.home-index-main #last_activity > *,
.home-index-main #events > *,
.home-index-main #load_last_online > * {
	margin-bottom: 0;
}

.home-index-main #count_of_last_onl_us {
	margin-left: 3px;
	color: #ffad42;
}

/* Benefits */
.home-index-benefits {
	margin-top: 18px;
	padding: 0;
}

.home-index-benefits-grid {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 12px;
}

.home-index-benefit-card {
	min-width: 0;
	min-height: 175px;
	margin: 0;
	padding: 15px;
	display: flex;
	align-items: flex-start;
	gap: 13px;
	border: 1px solid rgba(255, 255, 255, .075);
	border-radius: 13px;
	background:
		linear-gradient(
			145deg,
			rgba(255, 59, 59, .045),
			rgba(255, 152, 0, .018)
		),
		rgba(24, 27, 33, .94);
	box-shadow: 0 12px 28px rgba(0, 0, 0, .22);
	transition:
		transform .22s ease,
		border-color .22s ease,
		background .22s ease;
}

.home-index-benefit-card:hover {
	transform: translateY(-3px);
	border-color: rgba(255, 152, 0, .24);
	background:
		linear-gradient(
			145deg,
			rgba(255, 59, 59, .075),
			rgba(255, 152, 0, .035)
		),
		rgba(24, 27, 33, .97);
}

.home-index-benefit-icon {
	width: 52px;
	height: 52px;
	flex: 0 0 52px;
	padding: 7px;
	display: flex;
	align-items: center;
	justify-content: center;
	border: 1px solid rgba(255, 152, 0, .16);
	border-radius: 12px;
	background: rgba(255, 152, 0, .055);
}

.home-index-benefit-icon img {
	max-width: 100%;
	max-height: 100%;
	object-fit: contain;
	filter: drop-shadow(0 4px 9px rgba(255, 105, 38, .18));
}

.home-index-benefit-content {
	min-width: 0;
	padding: 0;
}

.home-index-benefit-content > span {
	display: block;
	color: #f1f3f6;
	font-size: 11px;
	font-weight: 850;
	line-height: 1.4;
}

.home-index-benefit-content > p {
	margin: 8px 0 0;
	color: #9299a3;
	font-size: 10px;
	line-height: 1.65;
}

@media (max-width: 1040px) {
	.home-index-benefits-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}

@media (max-width: 760px) {
	.home-index-slider {
		border-radius: 11px;
	}

	.home-index-benefits-grid {
		grid-template-columns: 1fr;
	}

	.home-index-benefit-card {
		min-height: 0;
	}
}

@media (max-width: 520px) {
	.home-index-benefit-card {
		align-items: center;
	}

	.home-index-benefit-icon {
		width: 46px;
		height: 46px;
		flex-basis: 46px;
	}
}

/* ==========================================================================
   PRIME-3ONA — left.tpl
   Добавить в конец mystyles.css
   ========================================================================== */

/* Header */
.prime-header {
	position: relative;
	z-index: 20;
	margin-bottom: 18px;
	border-bottom: 1px solid rgba(255, 255, 255, .06);
	background:
		linear-gradient(
			180deg,
			rgba(13, 15, 19, .98),
			rgba(19, 22, 27, .96)
		);
	box-shadow: 0 14px 34px rgba(0, 0, 0, .26);
}

.prime-header-topbar {
	min-height: 46px;
	border-bottom: 1px solid rgba(255, 255, 255, .055);
	background: rgba(255, 255, 255, .015);
}

.prime-header-topbar-inner {
	min-height: 46px;
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 16px;
}

.prime-header-social {
	display: flex;
	align-items: center;
}

.prime-header-vk {
	width: 34px;
	height: 34px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	border: 1px solid rgba(255, 152, 0, .15);
	border-radius: 9px;
	background:
		linear-gradient(
			135deg,
			rgba(255, 59, 59, .08),
			rgba(255, 152, 0, .05)
		);
	color: #ffad42 !important;
	box-shadow: 0 7px 18px rgba(0, 0, 0, .16);
}

.prime-header-vk:hover {
	border-color: rgba(255, 152, 0, .32);
	background:
		linear-gradient(
			135deg,
			rgba(255, 59, 59, .14),
			rgba(255, 152, 0, .09)
		);
	color: #fff !important;
	transform: translateY(-1px);
}

.prime-header-profile-nav {
	display: flex;
	align-items: center;
	gap: 7px;
}

.prime-header-profile-nav > a {
	min-height: 34px;
	padding: 0 10px;
	display: inline-flex;
	align-items: center;
	gap: 6px;
	border: 1px solid rgba(255, 255, 255, .055);
	border-radius: 8px;
	background: rgba(255, 255, 255, .018);
	color: #aeb4bd !important;
	font-size: 9px;
	font-weight: 750;
}

.prime-header-profile-nav > a:hover {
	border-color: rgba(255, 152, 0, .22);
	background: rgba(255, 152, 0, .055);
	color: #ffbd69 !important;
}

.prime-header-profile-nav .glyphicon {
	color: #ff972f;
}

.prime-header-balance-link strong {
	color: #ffbd69;
	font-weight: 850;
}

.prime-header-logout-link:hover {
	border-color: rgba(255, 85, 85, .22) !important;
	background: rgba(255, 85, 85, .055) !important;
	color: #ff918d !important;
}

.prime-header-brand {
	min-height: 108px;
	display: flex;
	align-items: center;
}

.prime-header-logo {
	margin: 0;
}

.prime-header-logo-link {
	display: block;
	transition:
		transform .22s ease,
		filter .22s ease;
}

.prime-header-logo-link:hover {
	transform: translateY(-2px);
	filter: drop-shadow(0 7px 16px rgba(255, 93, 38, .20));
}

/* Main navigation */
.prime-main-navigation {
	margin-bottom: 15px;
	border: 1px solid rgba(255, 255, 255, .07);
	border-radius: 12px;
	background:
		linear-gradient(
			90deg,
			rgba(255, 59, 59, .045),
			rgba(255, 152, 0, .018)
		),
		rgba(24, 27, 33, .95);
	box-shadow: 0 12px 28px rgba(0, 0, 0, .22);
	overflow: hidden;
}

.prime-main-menu {
	margin: 0;
	padding: 7px;
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: 5px;
}

.prime-main-menu > li {
	margin: 0 !important;
}

.prime-main-menu > li > a {
	min-height: 38px;
	padding: 0 11px !important;
	display: inline-flex !important;
	align-items: center;
	border: 1px solid transparent;
	border-radius: 8px !important;
	background: transparent !important;
	color: #aeb4bd !important;
	font-size: 10px;
	font-weight: 800;
}

.prime-main-menu > li > a:hover {
	border-color: rgba(255, 152, 0, .18);
	background: rgba(255, 152, 0, .055) !important;
	color: #ffbd69 !important;
}

.prime-main-menu > li.active > a,
.prime-main-menu > li.active > a:hover,
.prime-main-menu > li.active > a:focus {
	border-color: rgba(255, 152, 0, .28) !important;
	background:
		linear-gradient(
			135deg,
			rgba(255, 59, 59, .12),
			rgba(255, 152, 0, .08)
		) !important;
	color: #fff !important;
	box-shadow: inset 0 -2px 0 #ff972f;
}

/* User panel injected into the right column */
.prime-user-panel {
	margin-bottom: 14px;
	border: 1px solid rgba(255, 255, 255, .075);
	border-radius: 13px;
	background:
		linear-gradient(
			145deg,
			rgba(255, 59, 59, .045),
			rgba(255, 152, 0, .018)
		),
		rgba(24, 27, 33, .95);
	box-shadow: 0 13px 30px rgba(0, 0, 0, .24);
	overflow: hidden;
}

.prime-user-panel-head {
	min-height: 58px;
	padding: 10px 11px;
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 10px;
	border-bottom: 1px solid rgba(255, 255, 255, .07);
	background:
		linear-gradient(
			90deg,
			rgba(255, 59, 59, .085),
			rgba(255, 152, 0, .035)
		),
		rgba(255, 255, 255, .018);
}

.prime-user-panel-identity {
	min-width: 0;
}

.prime-user-panel-caption {
	display: block;
	color: #6f7681;
	font-size: 8px;
	font-weight: 800;
	letter-spacing: .55px;
	text-transform: uppercase;
}

.prime-user-panel-login {
	margin-top: 2px;
	overflow: hidden;
	color: #f1f3f6;
	font-size: 11px;
	font-weight: 850;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.prime-user-panel-head-actions {
	display: flex;
	align-items: center;
	gap: 6px;
}

.prime-user-alerts {
	display: flex;
	align-items: center;
	gap: 4px;
}

.prime-user-alert {
	min-width: 28px;
	height: 28px;
	padding: 0 6px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 3px;
	border: 1px solid rgba(255, 255, 255, .09);
	border-radius: 8px;
	font-size: 8px;
	font-weight: 850;
}

.prime-user-alert-support {
	border-color: rgba(89, 183, 255, .22);
	background: rgba(89, 183, 255, .07);
	color: #79c3f7 !important;
}

.prime-user-alert-bans {
	border-color: rgba(255, 116, 97, .22);
	background: rgba(255, 116, 97, .07);
	color: #ff9485 !important;
}

.prime-user-alert-complaints {
	border-color: rgba(255, 197, 73, .22);
	background: rgba(255, 197, 73, .07);
	color: #ffd16a !important;
}

.prime-user-panel-balance {
	min-height: 28px;
	padding: 0 8px;
	display: inline-flex;
	align-items: center;
	gap: 5px;
	border: 1px solid rgba(72, 199, 116, .18);
	border-radius: 8px;
	background: rgba(72, 199, 116, .06);
	color: #83dda2 !important;
	font-size: 9px;
	font-weight: 850;
}

.prime-user-panel-body {
	padding: 11px;
	display: grid;
	grid-template-columns: 72px minmax(0, 1fr);
	gap: 10px;
}

.prime-user-panel-avatar-link {
	display: block;
}

.prime-user-panel-avatar {
	width: 72px !important;
	height: 72px !important;
	margin: 0 !important;
	object-fit: cover;
	border: 2px solid rgba(255, 152, 0, .42);
	border-radius: 11px;
	box-shadow: 0 0 0 4px rgba(255, 152, 0, .05);
}

.prime-user-panel-menu {
	min-width: 0;
	display: grid;
	gap: 5px;
}

.prime-user-panel-menu-link {
	min-height: 31px;
	padding: 0 8px;
	display: flex;
	align-items: center;
	gap: 7px;
	border: 1px solid rgba(255, 255, 255, .055);
	border-radius: 7px;
	background: rgba(255, 255, 255, .018);
	color: #aeb4bd !important;
	font-size: 9px;
	font-weight: 750;
}

.prime-user-panel-menu-link .glyphicon {
	width: 14px;
	color: #ff972f;
	text-align: center;
}

.prime-user-panel-menu-link:hover {
	padding-left: 11px;
	border-color: rgba(255, 152, 0, .20);
	background: rgba(255, 152, 0, .05);
	color: #ffbd69 !important;
}

.prime-user-panel-admin-link {
	border-color: rgba(255, 152, 0, .12);
	color: #ffbd69 !important;
}

.prime-user-panel-exit-link {
	border-color: rgba(255, 85, 85, .12);
	color: #ff918d !important;
}

.prime-user-panel-exit-link:hover {
	border-color: rgba(255, 85, 85, .23);
	background: rgba(255, 85, 85, .06);
	color: #ffaaa6 !important;
}

@media (max-width: 760px) {
	.prime-header-topbar-inner,
	.prime-header-profile-nav {
		align-items: stretch;
		flex-direction: column;
	}

	.prime-header-topbar-inner {
		padding-top: 8px;
		padding-bottom: 8px;
	}

	.prime-header-profile-nav {
		width: 100%;
		gap: 5px;
	}

	.prime-header-profile-nav > a {
		width: 100%;
		justify-content: center;
	}

	.prime-header-brand {
		min-height: 86px;
	}

	.prime-main-menu {
		flex-direction: column;
		align-items: stretch;
	}

	.prime-main-menu > li,
	.prime-main-menu > li > a {
		width: 100%;
	}

	.prime-user-panel-head {
		align-items: flex-start;
		flex-direction: column;
	}

	.prime-user-panel-head-actions {
		width: 100%;
		justify-content: space-between;
	}
}

@media (max-width: 420px) {
	.prime-user-panel-body {
		grid-template-columns: 1fr;
	}

	.prime-user-panel-avatar-link {
		width: 92px;
	}

	.prime-user-panel-avatar {
		width: 92px !important;
		height: 92px !important;
	}
}

/* ==========================================================================
   PRIME-3ONA — /home/messages.tpl
   Добавить в конец mystyles.css
   ========================================================================== */

.home-messages-card {
	margin-bottom: 0;
	overflow: hidden;
}

.home-messages-head {
	min-height: 58px;
	padding-right: 10px;
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 12px;
}

.home-messages-head .prime-section-title {
	min-width: 0;
}

.home-messages-back {
	flex: 0 0 auto;
	min-height: 34px;
	padding: 0 10px;
	align-items: center;
	justify-content: center;
	gap: 6px;
	border-color: rgba(255, 152, 0, .20) !important;
	background: rgba(255, 152, 0, .055) !important;
	color: #ffbd69 !important;
	font-size: 9px;
	font-weight: 800;
}

.home-messages-back:not(.disp-n) {
	display: inline-flex !important;
}

.home-messages-back:hover {
	border-color: rgba(255, 152, 0, .36) !important;
	background: rgba(255, 152, 0, .10) !important;
	color: #fff !important;
	transform: none;
}

.home-messages-content {
	padding: 12px;
}

.home-messages-place {
	min-height: 420px;
	display: grid;
	align-content: start;
	gap: 8px;
}

.home-messages-loader {
	min-height: 180px;
}

/* Диалоги, возвращаемые dialog.tpl */
.home-messages-place > .messenger-dialog,
.home-messages-place .messenger-dialog {
	margin: 0;
}

.home-messages-place .messenger-dialog + .messenger-dialog {
	margin-top: 8px;
}

/* Открытая переписка, возвращаемая messages_place.tpl */
.home-messages-place .personal-chat-form {
	min-height: 430px;
}

.home-messages-place .personal-chat {
	min-height: 430px;
	border: 1px solid rgba(255, 255, 255, .07);
	border-radius: 11px;
	background: rgba(17, 20, 25, .82);
	overflow: hidden;
}

.home-messages-place .personal-chat-messages {
	min-height: 330px;
	max-height: 560px;
	padding: 13px;
	background:
		linear-gradient(
			180deg,
			rgba(255, 59, 59, .018),
			rgba(255, 152, 0, .008)
		),
		#111419;
	scrollbar-width: thin;
	scrollbar-color: rgba(255, 152, 0, .32) rgba(255, 255, 255, .035);
}

.home-messages-place .personal-chat-compose {
	padding: 11px;
	border-top: 1px solid rgba(255, 255, 255, .07);
	background: rgba(24, 27, 33, .97);
}

.home-messages-place .personal-chat-input-wrap textarea {
	min-height: 72px;
	max-height: 150px;
	resize: vertical;
}

.home-messages-place .personal-chat-send {
	min-width: 110px;
	border-color: rgba(255, 152, 0, .24) !important;
	background:
		linear-gradient(
			135deg,
			rgba(255, 59, 59, .12),
			rgba(255, 152, 0, .09)
		) !important;
	color: #ffbd69 !important;
	font-weight: 800;
}

.home-messages-place .personal-chat-send:hover {
	border-color: rgba(255, 152, 0, .40) !important;
	color: #fff !important;
}

/* Правая колонка */
.home-messages-sidebar {
	display: grid;
	align-content: start;
	gap: 14px;
}

.home-messages-companions-card {
	margin-bottom: 0;
	overflow: hidden;
}

.home-messages-companions-content {
	padding: 8px;
}

.home-messages-companions {
	display: grid;
	gap: 7px;
	min-height: 120px;
}

.home-messages-companions .messenger-companion {
	margin: 0;
	padding: 8px;
	grid-template-columns: 46px minmax(0, 1fr);
	gap: 8px;
	border-radius: 9px;
	box-shadow: none;
}

.home-messages-companions .messenger-companion-avatar {
	width: 46px !important;
	height: 46px !important;
	border-radius: 50%;
}

.home-messages-companions .messenger-companion-name {
	font-size: 10px;
}

.home-messages-companions .messenger-companion-actions {
	margin-top: 5px;
	gap: 4px;
}

.home-messages-companions .messenger-companion-action {
	min-height: 27px;
	padding: 0 6px;
	font-size: 8px;
}

@media (max-width: 760px) {
	.home-messages-head {
		align-items: stretch;
		flex-direction: column;
		padding: 10px;
	}

	.home-messages-back {
		width: 100%;
	}

	.home-messages-place {
		min-height: 340px;
	}

	.home-messages-place .personal-chat-form,
	.home-messages-place .personal-chat {
		min-height: 360px;
	}

	.home-messages-place .personal-chat-messages {
		min-height: 260px;
	}
}

@media (max-width: 520px) {
	.home-messages-content {
		padding: 8px;
	}

	.home-messages-place .personal-chat-compose {
		padding: 8px;
	}

	.home-messages-companions .messenger-companion-actions {
		grid-template-columns: 1fr;
	}
}

/* ==========================================================================
   PRIME-3ONA — /home/mutlist.tpl
   Добавить в конец mystyles.css
   ========================================================================== */

.home-mutlist-card {
	overflow: hidden;
}

.home-mutlist-table-wrap {
	border-radius: 0 0 13px 13px;
	overflow-x: auto;
}

.home-mutlist-table {
	margin: 0;
	min-width: 840px;
}

.home-mutlist-table thead td {
	padding: 11px 12px;
	background:
		linear-gradient(
			90deg,
			rgba(255, 59, 59, .08),
			rgba(255, 152, 0, .03)
		),
		rgba(255, 255, 255, .03);
	color: #f1f3f6;
	font-size: 9px !important;
	font-weight: 850;
	letter-spacing: .45px;
	text-transform: uppercase;
}

.home-mutlist-table tbody td {
	padding: 11px 12px !important;
	vertical-align: middle !important;
	border-color: rgba(255, 255, 255, .065) !important;
	color: #c7cbd2;
}

.home-mutlist-table tbody tr {
	transition: background .22s ease;
}

.home-mutlist-table tbody tr:hover {
	background: rgba(255, 152, 0, .04);
}

.home-mutlist-pagination {
	padding: 12px;
	border-top: 1px solid rgba(255, 255, 255, .07);
	background: rgba(255, 255, 255, .012);
}

.home-mutlist-search-card,
.home-mutlist-filter-card,
.home-mutlist-stats-card {
	margin-bottom: 14px;
	overflow: hidden;
}

.home-mutlist-search-card .l_block_c,
.home-mutlist-filter-card .l_block_c,
.home-mutlist-stats-card .l_block_c {
	padding: 9px;
}

.home-mutlist-search {
	width: 100%;
}

.home-mutlist-search .form-control,
.home-mutlist-search .btn {
	height: 40px;
}

.home-mutlist-search .btn {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	border-color: rgba(255, 152, 0, .22) !important;
	background:
		linear-gradient(
			135deg,
			rgba(255, 59, 59, .11),
			rgba(255, 152, 0, .08)
		) !important;
	color: #ffbd69 !important;
}

.home-mutlist-search .btn:hover {
	border-color: rgba(255, 152, 0, .38) !important;
	color: #fff !important;
}

.home-mutlist-server-filter {
	margin: 0;
	display: grid;
	gap: 6px;
}

.home-mutlist-server-filter > li {
	margin: 0 !important;
}

.home-mutlist-server-filter > li > a {
	min-height: 40px;
	padding: 0 11px !important;
	display: flex !important;
	align-items: center;
	border: 1px solid rgba(255, 255, 255, .06);
	border-radius: 8px !important;
	background: rgba(255, 255, 255, .02) !important;
	color: #aeb4bd !important;
	font-size: 10px;
	font-weight: 750;
	transition:
		padding-left .22s ease,
		border-color .22s ease,
		background .22s ease,
		color .22s ease;
}

.home-mutlist-server-filter > li > a:hover {
	padding-left: 14px !important;
	border-color: rgba(255, 152, 0, .24);
	background: rgba(255, 152, 0, .055) !important;
	color: #ffbd69 !important;
}

.home-mutlist-server-filter > li.active > a,
.home-mutlist-server-filter > li.active > a:hover,
.home-mutlist-server-filter > li.active > a:focus {
	border-color: rgba(255, 152, 0, .34) !important;
	background:
		linear-gradient(
			90deg,
			rgba(255, 59, 59, .11),
			rgba(255, 152, 0, .07)
		) !important;
	color: #fff !important;
	box-shadow: inset 3px 0 0 #ff972f;
}

.home-mutlist-stats {
	display: grid;
	gap: 7px;
}

.home-mutlist-stat {
	min-height: 44px;
	padding: 0 11px;
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 10px;
	border: 1px solid rgba(255, 255, 255, .06);
	border-radius: 8px;
	background: rgba(255, 255, 255, .02);
}

.home-mutlist-stat span {
	color: #818894;
	font-size: 9px;
	font-weight: 800;
	letter-spacing: .35px;
	text-transform: uppercase;
}

.home-mutlist-stat strong {
	min-width: 36px;
	padding: 5px 8px;
	border-radius: 999px;
	background: rgba(255, 255, 255, .045);
	color: #f1f3f6;
	font-size: 10px;
	font-weight: 850;
	text-align: center;
}

.home-mutlist-stat-active {
	border: 1px solid rgba(255, 85, 85, .20);
	background: rgba(255, 85, 85, .07) !important;
	color: #ff918d !important;
}

.home-mutlist-stat-permanent {
	border: 1px solid rgba(255, 59, 59, .22);
	background: rgba(255, 59, 59, .08) !important;
	color: #ff7e78 !important;
}

.home-mutlist-stat-temporal {
	border: 1px solid rgba(255, 152, 0, .20);
	background: rgba(255, 152, 0, .07) !important;
	color: #ffbd69 !important;
}

.home-mutlist-account-block {
	display: grid;
	gap: 14px;
}

@media (max-width: 760px) {
	.home-mutlist-search {
		display: flex;
		flex-direction: column;
		gap: 7px;
	}

	.home-mutlist-search .input-group-btn,
	.home-mutlist-search .btn {
		width: 100%;
	}

	.home-mutlist-search .btn {
		justify-content: center;
		border-radius: 8px !important;
	}
}

/* ==========================================================================
   PRIME-3ONA — /home/my_stores.tpl
   Добавить в конец mystyles.css
   ========================================================================== */

.home-my-stores-card {
	overflow: hidden;
}

.home-my-stores-table-wrap {
	border-radius: 0 0 13px 13px;
	overflow-x: auto;
}

.home-my-stores-table {
	margin: 0;
	min-width: 760px;
}

.home-my-stores-table thead td {
	padding: 11px 12px;
	background:
		linear-gradient(
			90deg,
			rgba(255, 59, 59, .08),
			rgba(255, 152, 0, .03)
		),
		rgba(255, 255, 255, .03);
	color: #f1f3f6;
	font-size: 9px !important;
	font-weight: 850;
	letter-spacing: .45px;
	text-transform: uppercase;
}

.home-my-stores-table tbody td {
	padding: 11px 12px !important;
	vertical-align: middle !important;
	border-color: rgba(255, 255, 255, .065) !important;
	color: #c7cbd2;
}

.home-my-stores-table tbody tr {
	transition: background .22s ease;
}

.home-my-stores-table tbody tr:hover {
	background: rgba(255, 152, 0, .04);
}

.home-my-stores-table tbody tr:last-child td {
	border-bottom: 0 !important;
}

.home-my-stores-loader {
	min-height: 150px;
}

.home-my-stores-sidebar {
	display: grid;
	align-content: start;
	gap: 14px;
}

/* Совместимость со строками store.tpl */
.home-my-stores-table .store-admin-row td {
	padding: 10px 12px !important;
}

.home-my-stores-table .store-admin-action {
	text-align: right;
}

.home-my-stores-table .store-status-badge {
	white-space: nowrap;
}

.home-my-stores-table .store-admin-server {
	min-width: 150px;
}

.home-my-stores-table .store-admin-name {
	min-width: 160px;
}

@media (max-width: 760px) {
	.home-my-stores-table {
		min-width: 700px;
	}
}

/* ==========================================================================
   PRIME-3ONA — /home/myfriends.tpl
   Добавить в конец mystyles.css
   ========================================================================== */

.home-myfriends-card {
	overflow: hidden;
}

.home-myfriends-content {
	padding: 11px;
}

.home-myfriends-summary {
	min-height: 68px;
	padding: 11px 13px;
	display: flex;
	align-items: center;
	gap: 12px;
	border: 1px solid rgba(255, 255, 255, .07);
	border-radius: 11px;
	background:
		linear-gradient(
			135deg,
			rgba(255, 59, 59, .05),
			rgba(255, 152, 0, .025)
		),
		rgba(255, 255, 255, .018);
}

.home-myfriends-icon {
	position: relative;
	width: 46px;
	height: 42px;
	flex: 0 0 46px;
}

.home-myfriends-icon .glyphicon {
	position: absolute;
	width: 34px;
	height: 34px;
	display: flex;
	align-items: center;
	justify-content: center;
	border: 1px solid rgba(255, 152, 0, .22);
	border-radius: 50%;
	background: #191c22;
	color: #ffad42;
	font-size: 13px;
	box-shadow: 0 5px 14px rgba(0, 0, 0, .22);
}

.home-myfriends-icon .glyphicon:first-child {
	top: 0;
	left: 0;
	z-index: 2;
}

.home-myfriends-icon .glyphicon:last-child {
	right: 0;
	bottom: 0;
	z-index: 1;
	border-color: rgba(255, 85, 85, .20);
	color: #ff918d;
}

.home-myfriends-count-wrap {
	min-width: 0;
	display: flex;
	align-items: baseline;
	gap: 6px;
}

.home-myfriends-count {
	color: #f4f5f7;
	font-size: 22px;
	font-weight: 900;
	line-height: 1;
}

.home-myfriends-label {
	color: #8c939d;
	font-size: 10px;
	font-weight: 800;
	letter-spacing: .35px;
	text-transform: uppercase;
}

/* Скрытый технический контейнер нужен только для получения количества */
.home-myfriends-source {
	display: none !important;
}

.home-myfriends-sidebar {
	display: grid;
	align-content: start;
	gap: 14px;
}

@media (max-width: 520px) {
	.home-myfriends-summary {
		min-height: 62px;
	}

	.home-myfriends-count {
		font-size: 19px;
	}
}

/* ==========================================================================
   PRIME-3ONA — /home/notifications.tpl
   Добавить в конец mystyles.css
   ========================================================================== */

.home-notifications-main {
	min-width: 0;
}

/* Главная инструкция после покупки */
.home-notifications-activation {
	position: relative;
	margin-bottom: 15px;
	padding: 18px;
	display: grid;
	grid-template-columns: 58px minmax(0, 1fr) auto;
	align-items: center;
	gap: 15px;
	border: 1px solid rgba(255, 176, 42, .52);
	border-radius: 14px;
	background:
		linear-gradient(
			120deg,
			rgba(255, 47, 47, .21),
			rgba(255, 132, 0, .22) 50%,
			rgba(255, 194, 64, .13)
		),
		#211713;
	box-shadow:
		0 15px 38px rgba(0, 0, 0, .34),
		0 0 32px rgba(255, 111, 26, .16),
		inset 0 1px 0 rgba(255, 255, 255, .08);
	overflow: hidden;
}

.home-notifications-activation::before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 4px;
	background: linear-gradient(90deg, #ff3131, #ff8a00, #ffd34d);
}

.home-notifications-activation-glow {
	position: absolute;
	top: -90px;
	right: 70px;
	width: 220px;
	height: 220px;
	border-radius: 50%;
	background: rgba(255, 174, 53, .13);
	filter: blur(45px);
	pointer-events: none;
}

.home-notifications-activation-icon {
	position: relative;
	z-index: 1;
	width: 58px;
	height: 58px;
	display: flex;
	align-items: center;
	justify-content: center;
	border: 1px solid rgba(255, 221, 120, .45);
	border-radius: 15px;
	background:
		linear-gradient(
			145deg,
			rgba(255, 208, 79, .30),
			rgba(255, 70, 45, .18)
		);
	color: #ffe077;
	font-size: 23px;
	box-shadow:
		0 8px 22px rgba(0, 0, 0, .25),
		0 0 20px rgba(255, 176, 42, .22);
	animation: prime-notification-attention 2.6s ease-in-out infinite;
}

.home-notifications-activation-content {
	position: relative;
	z-index: 1;
	min-width: 0;
}

.home-notifications-activation-label {
	padding: 4px 8px;
	display: inline-flex;
	border: 1px solid rgba(255, 222, 127, .28);
	border-radius: 999px;
	background: rgba(255, 221, 120, .09);
	color: #ffe08a;
	font-size: 8px;
	font-weight: 900;
	letter-spacing: .65px;
	text-transform: uppercase;
}

.home-notifications-activation h2 {
	margin: 7px 0 5px;
	color: #fff;
	font-size: 17px;
	font-weight: 900;
	line-height: 1.25;
	text-shadow: 0 2px 12px rgba(0, 0, 0, .30);
}

.home-notifications-activation p {
	max-width: 620px;
	margin: 0;
	color: #e9cbb4;
	font-size: 10px;
	line-height: 1.6;
}

.home-notifications-steps {
	margin-top: 11px;
	display: flex;
	align-items: stretch;
	flex-wrap: wrap;
	gap: 7px;
}

.home-notifications-step {
	min-height: 34px;
	padding: 6px 9px 6px 6px;
	display: inline-flex;
	align-items: center;
	gap: 7px;
	border: 1px solid rgba(255, 255, 255, .10);
	border-radius: 8px;
	background: rgba(10, 10, 12, .25);
	color: #e7d5c8;
	font-size: 9px;
	font-weight: 700;
}

.home-notifications-step strong {
	width: 22px;
	height: 22px;
	flex: 0 0 22px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	border-radius: 7px;
	background: linear-gradient(135deg, #ff3b3b, #ff9800);
	color: #fff;
	font-size: 9px;
	font-weight: 900;
	box-shadow: 0 4px 10px rgba(255, 79, 38, .25);
}

.home-notifications-activation-btn {
	position: relative;
	z-index: 1;
	min-height: 46px;
	padding: 0 14px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 7px;
	border: 1px solid rgba(255, 231, 147, .60);
	border-radius: 10px;
	background: linear-gradient(135deg, #ff3434, #ff9400) !important;
	color: #fff !important;
	font-size: 10px;
	font-weight: 900;
	white-space: nowrap;
	box-shadow:
		0 10px 24px rgba(255, 66, 35, .26),
		inset 0 1px 0 rgba(255, 255, 255, .22);
}

.home-notifications-activation-btn:hover {
	border-color: #ffe9a7;
	background: linear-gradient(135deg, #ff4a3d, #ffad18) !important;
	color: #fff !important;
	transform: translateY(-2px);
	box-shadow:
		0 14px 30px rgba(255, 66, 35, .34),
		0 0 22px rgba(255, 161, 28, .18);
}

/* Основной блок уведомлений */
.home-notifications-card {
	overflow: hidden;
}

.home-notifications-head {
	min-height: 58px;
	padding-right: 10px;
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 12px;
}

.home-notifications-controls:not(.disp-n) {
	display: flex !important;
}

.home-notifications-delete-all {
	min-height: 34px;
	padding: 0 10px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 6px;
	border: 1px solid rgba(255, 85, 85, .25);
	border-radius: 8px;
	background: rgba(255, 85, 85, .07) !important;
	color: #ff918d !important;
	font-size: 9px;
	font-weight: 850;
	box-shadow: none !important;
}

.home-notifications-delete-all:hover {
	border-color: rgba(255, 85, 85, .42);
	background: rgba(255, 85, 85, .13) !important;
	color: #fff !important;
	transform: none;
}

.home-notifications-content {
	padding: 12px;
}

.home-notifications-list {
	display: grid;
	gap: 11px;
	min-height: 80px;
}

/* Яркие карточки из notification.tpl */
.home-notifications-list .prime-notification {
	min-height: 76px;
	margin: 0 !important;
	padding: 14px 46px 14px 14px;
	align-items: center;
	border-width: 1px;
	border-color: rgba(255, 167, 41, .36);
	background:
		linear-gradient(
			105deg,
			rgba(255, 58, 47, .115),
			rgba(255, 143, 0, .075) 52%,
			rgba(255, 204, 75, .035)
		),
		#1c1b1d;
	box-shadow:
		0 11px 27px rgba(0, 0, 0, .27),
		inset 4px 0 0 #ff8b19;
	transition:
		transform .22s ease,
		border-color .22s ease,
		box-shadow .22s ease;
}

.home-notifications-list .prime-notification:hover {
	transform: translateY(-2px);
	border-color: rgba(255, 188, 70, .58);
	box-shadow:
		0 15px 33px rgba(0, 0, 0, .32),
		0 0 22px rgba(255, 126, 25, .10),
		inset 4px 0 0 #ff9d26;
}

.home-notifications-list .prime-notification-icon {
	width: 42px;
	height: 42px;
	flex-basis: 42px;
	border: 1px solid rgba(255, 190, 69, .30);
	border-radius: 11px;
	background:
		linear-gradient(
			145deg,
			rgba(255, 191, 62, .18),
			rgba(255, 72, 44, .12)
		);
	color: #ffbc47;
	font-size: 15px;
	box-shadow: 0 6px 16px rgba(0, 0, 0, .20);
}

.home-notifications-list .prime-notification-date {
	color: #c49976;
	font-size: 9px;
	font-weight: 850;
}

.home-notifications-list .prime-notification-text {
	margin-top: 5px;
	color: #f0e4dc;
	font-size: 10px;
	font-weight: 650;
	line-height: 1.65;
}

.home-notifications-list .prime-notification-text a {
	padding: 2px 5px;
	border-bottom: 1px solid rgba(255, 179, 57, .45);
	color: #ffbd59 !important;
	font-weight: 850;
}

.home-notifications-list .prime-notification-text a:hover {
	border-color: #ffe19a;
	color: #ffe19a !important;
}

.home-notifications-list .prime-notification-close {
	top: 50%;
	right: 12px;
	width: 29px;
	height: 29px;
	transform: translateY(-50%);
}

.home-notifications-list .prime-notification-close:hover {
	transform: translateY(-50%);
}

/* Типы уведомлений */
.home-notifications-list .prime-notification-success {
	border-color: rgba(72, 219, 121, .40);
	background:
		linear-gradient(
			105deg,
			rgba(35, 187, 94, .16),
			rgba(72, 199, 116, .06)
		),
		#17201b;
	box-shadow:
		0 11px 27px rgba(0, 0, 0, .27),
		inset 4px 0 0 #48d87e;
}

.home-notifications-list .prime-notification-success .prime-notification-icon {
	border-color: rgba(72, 219, 121, .35);
	background: rgba(72, 199, 116, .14);
	color: #77eea3;
}

.home-notifications-list .prime-notification-success .prime-notification-text {
	color: #dff7e8;
}

.home-notifications-list .prime-notification-error,
.home-notifications-list .prime-notification-danger {
	border-color: rgba(255, 79, 73, .48);
	background:
		linear-gradient(
			105deg,
			rgba(231, 51, 48, .18),
			rgba(255, 85, 85, .065)
		),
		#211819;
	box-shadow:
		0 11px 27px rgba(0, 0, 0, .27),
		inset 4px 0 0 #ff504a;
}

.home-notifications-list .prime-notification-error .prime-notification-icon,
.home-notifications-list .prime-notification-danger .prime-notification-icon {
	border-color: rgba(255, 85, 85, .38);
	background: rgba(255, 85, 85, .15);
	color: #ff8b86;
}

.home-notifications-list .prime-notification-info {
	border-color: rgba(72, 172, 255, .42);
	background:
		linear-gradient(
			105deg,
			rgba(45, 143, 226, .17),
			rgba(89, 183, 255, .06)
		),
		#171d23;
	box-shadow:
		0 11px 27px rgba(0, 0, 0, .27),
		inset 4px 0 0 #47aef9;
}

.home-notifications-list .prime-notification-info .prime-notification-icon {
	border-color: rgba(89, 183, 255, .36);
	background: rgba(89, 183, 255, .14);
	color: #82ccff;
}

.home-notifications-pagination {
	margin-top: 12px;
	padding-top: 12px;
	border-top: 1px solid rgba(255, 255, 255, .07);
}

.home-notifications-sidebar {
	display: grid;
	align-content: start;
	gap: 14px;
}

@keyframes prime-notification-attention {
	0%,
	100% {
		transform: scale(1);
		box-shadow:
			0 8px 22px rgba(0, 0, 0, .25),
			0 0 17px rgba(255, 176, 42, .17);
	}

	50% {
		transform: scale(1.055);
		box-shadow:
			0 8px 22px rgba(0, 0, 0, .25),
			0 0 28px rgba(255, 176, 42, .34);
	}
}

@media (prefers-reduced-motion: reduce) {
	.home-notifications-activation-icon {
		animation: none;
	}
}

@media (max-width: 900px) {
	.home-notifications-activation {
		grid-template-columns: 50px minmax(0, 1fr);
	}

	.home-notifications-activation-icon {
		width: 50px;
		height: 50px;
	}

	.home-notifications-activation-btn {
		grid-column: 1 / -1;
		width: 100%;
	}
}

@media (max-width: 760px) {
	.home-notifications-head {
		align-items: stretch;
		flex-direction: column;
		padding: 10px;
	}

	.home-notifications-delete-all {
		width: 100%;
	}

	.home-notifications-steps {
		display: grid;
		grid-template-columns: 1fr;
	}

	.home-notifications-step {
		width: 100%;
	}
}

@media (max-width: 520px) {
	.home-notifications-activation {
		padding: 15px;
		grid-template-columns: 1fr;
	}

	.home-notifications-activation-icon {
		width: 48px;
		height: 48px;
	}

	.home-notifications-activation h2 {
		font-size: 15px;
	}

	.home-notifications-content {
		padding: 8px;
	}

	.home-notifications-list .prime-notification {
		padding: 13px 42px 13px 11px;
		align-items: flex-start;
	}

	.home-notifications-list .prime-notification-icon {
		width: 36px;
		height: 36px;
		flex-basis: 36px;
	}
}

/* ==========================================================================
   PRIME-3ONA — /home/page.tpl
   Добавить в конец mystyles.css
   ========================================================================== */

.home-page-main {
	min-width: 0;
}

.home-page-card {
	overflow: hidden;
}

.home-page-content {
	padding: 18px;
}

.home-page-article {
	min-width: 0;
	color: #c7cbd2;
	font-size: 11px;
	line-height: 1.75;
	overflow-wrap: anywhere;
}

.home-page-article::after {
	content: "";
	display: table;
	clear: both;
}

.home-page-article > :first-child {
	margin-top: 0 !important;
}

.home-page-article > :last-child {
	margin-bottom: 0 !important;
}

.home-page-article h1,
.home-page-article h2,
.home-page-article h3,
.home-page-article h4,
.home-page-article h5,
.home-page-article h6 {
	position: relative;
	margin: 24px 0 11px;
	color: #f2f3f5;
	font-weight: 850;
	line-height: 1.35;
}

.home-page-article h1 {
	padding-bottom: 12px;
	border-bottom: 1px solid rgba(255, 255, 255, .075);
	font-size: 21px;
}

.home-page-article h1::after {
	content: "";
	position: absolute;
	left: 0;
	bottom: -1px;
	width: 72px;
	height: 2px;
	border-radius: 999px;
	background: linear-gradient(90deg, #ff3b3b, #ff9800);
}

.home-page-article h2 {
	font-size: 17px;
}

.home-page-article h3 {
	font-size: 14px;
}

.home-page-article h4,
.home-page-article h5,
.home-page-article h6 {
	font-size: 12px;
}

.home-page-article p {
	margin: 0 0 13px;
}

.home-page-article strong,
.home-page-article b {
	color: #eceef1;
	font-weight: 850;
}

.home-page-article a {
	color: #ffad42 !important;
	font-weight: 750;
	text-decoration: none;
	border-bottom: 1px solid rgba(255, 173, 66, .28);
}

.home-page-article a:hover {
	color: #ffd08a !important;
	border-bottom-color: rgba(255, 208, 138, .58);
}

.home-page-article ul,
.home-page-article ol {
	margin: 0 0 15px;
	padding-left: 22px;
}

.home-page-article li {
	margin-bottom: 6px;
	padding-left: 3px;
}

.home-page-article li::marker {
	color: #ff972f;
	font-weight: 850;
}

.home-page-article blockquote {
	margin: 16px 0;
	padding: 13px 15px;
	border: 1px solid rgba(255, 152, 0, .14);
	border-left: 4px solid #ff972f;
	border-radius: 0 10px 10px 0;
	background:
		linear-gradient(
			90deg,
			rgba(255, 59, 59, .055),
			rgba(255, 152, 0, .025)
		);
	color: #d9c8bb;
	font-size: 11px;
	line-height: 1.7;
}

.home-page-article blockquote p:last-child {
	margin-bottom: 0;
}

.home-page-article hr {
	margin: 22px 0;
	border: 0;
	border-top: 1px solid rgba(255, 255, 255, .075);
}

.home-page-article img {
	max-width: 100%;
	height: auto;
	border: 1px solid rgba(255, 255, 255, .075);
	border-radius: 11px;
	box-shadow: 0 12px 28px rgba(0, 0, 0, .24);
}

.home-page-article iframe,
.home-page-article video {
	max-width: 100%;
	border: 1px solid rgba(255, 255, 255, .075);
	border-radius: 11px;
	background: #101318;
}

.home-page-article table {
	width: 100%;
	margin: 16px 0;
	border-collapse: separate;
	border-spacing: 0;
	border: 1px solid rgba(255, 255, 255, .07);
	border-radius: 10px;
	background: rgba(255, 255, 255, .015);
	overflow: hidden;
}

.home-page-article table th,
.home-page-article table td {
	padding: 10px 11px;
	border-right: 1px solid rgba(255, 255, 255, .06);
	border-bottom: 1px solid rgba(255, 255, 255, .06);
	vertical-align: top;
}

.home-page-article table th:last-child,
.home-page-article table td:last-child {
	border-right: 0;
}

.home-page-article table tr:last-child td {
	border-bottom: 0;
}

.home-page-article table th,
.home-page-article table thead td {
	background:
		linear-gradient(
			90deg,
			rgba(255, 59, 59, .075),
			rgba(255, 152, 0, .025)
		),
		rgba(255, 255, 255, .03);
	color: #f1f3f6;
	font-size: 9px;
	font-weight: 850;
	letter-spacing: .4px;
	text-transform: uppercase;
}

.home-page-article code {
	padding: 2px 5px;
	border: 1px solid rgba(255, 152, 0, .13);
	border-radius: 5px;
	background: rgba(255, 152, 0, .045);
	color: #ffbd69;
	font-family: Consolas, Monaco, monospace;
	font-size: .92em;
}

.home-page-article pre {
	margin: 15px 0;
	padding: 14px;
	border: 1px solid rgba(255, 255, 255, .075);
	border-left: 3px solid #ff972f;
	border-radius: 9px;
	background: #101318;
	color: #cfd3da;
	font-family: Consolas, Monaco, monospace;
	font-size: 10px;
	line-height: 1.65;
	white-space: pre-wrap;
	word-break: break-word;
	overflow-x: auto;
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, .02);
}

.home-page-article pre code {
	padding: 0;
	border: 0;
	background: transparent;
	color: inherit;
	font-size: inherit;
}

.home-page-article .alert,
.home-page-article .bs-callout {
	margin: 15px 0;
	border-radius: 9px;
}

.home-page-article .btn {
	border-radius: 8px;
}

.home-page-sidebar {
	display: grid;
	align-content: start;
	gap: 14px;
}

@media (max-width: 760px) {
	.home-page-content {
		padding: 13px;
	}

	.home-page-article h1 {
		font-size: 18px;
	}

	.home-page-article h2 {
		font-size: 15px;
	}

	.home-page-article table {
		display: block;
		overflow-x: auto;
		white-space: nowrap;
	}
}

@media (max-width: 520px) {
	.home-page-content {
		padding: 10px;
	}

	.home-page-article {
		font-size: 10px;
	}
}

/* ==========================================================================
   PRIME-3ONA — /home/price_list.tpl
   Добавить в конец mystyles.css
   ========================================================================== */

.home-price-list-main {
	min-width: 0;
}

.home-price-list-card {
	overflow: hidden;
}

.home-price-list-content {
	padding: 13px;
}

.home-price-list-info {
	margin-bottom: 13px;
	padding: 10px 12px;
	display: flex;
	align-items: flex-start;
	gap: 8px;
	border: 1px solid rgba(255, 152, 0, .16);
	border-radius: 9px;
	background:
		linear-gradient(
			90deg,
			rgba(255, 59, 59, .05),
			rgba(255, 152, 0, .025)
		);
	color: #bda997;
}

.home-price-list-info .glyphicon {
	margin-top: 2px;
	color: #ffad42;
}

.home-price-list-info p {
	margin: 0;
	font-size: 10px;
	line-height: 1.55;
}

.home-price-list-catalog {
	display: grid;
	gap: 13px;
	min-width: 0;
}

/* Совместимость с price_list_server.tpl */
.home-price-list-catalog .price-list-server,
.home-price-list-catalog .prime-price-server,
.home-price-list-catalog > .r_block,
.home-price-list-catalog > .l_block {
	margin: 0;
	overflow: hidden;
}

.home-price-list-catalog .price-list-server + .price-list-server,
.home-price-list-catalog .prime-price-server + .prime-price-server {
	margin-top: 0;
}

/* Карточки услуг внутри серверов */
.home-price-list-catalog .price-list-services,
.home-price-list-catalog .prime-price-services {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 10px;
}

.home-price-list-catalog .price-list-service,
.home-price-list-catalog .prime-price-service {
	min-width: 0;
	margin: 0;
	transition:
		transform .22s ease,
		border-color .22s ease,
		box-shadow .22s ease;
}

.home-price-list-catalog .price-list-service:hover,
.home-price-list-catalog .prime-price-service:hover {
	transform: translateY(-2px);
	border-color: rgba(255, 152, 0, .24);
	box-shadow: 0 13px 28px rgba(0, 0, 0, .25);
}

/* Таблицы, если конкретный сервер выводится таблично */
.home-price-list-catalog .table-responsive {
	margin: 0;
	border: 1px solid rgba(255, 255, 255, .06);
	border-radius: 10px;
	overflow-x: auto;
}

.home-price-list-catalog table {
	margin-bottom: 0;
}

.home-price-list-catalog table thead td,
.home-price-list-catalog table thead th {
	background:
		linear-gradient(
			90deg,
			rgba(255, 59, 59, .075),
			rgba(255, 152, 0, .025)
		),
		rgba(255, 255, 255, .03);
	color: #f1f3f6;
	font-size: 9px !important;
	font-weight: 850;
	letter-spacing: .4px;
	text-transform: uppercase;
}

.home-price-list-catalog table td,
.home-price-list-catalog table th {
	padding: 10px 11px !important;
	vertical-align: middle !important;
	border-color: rgba(255, 255, 255, .065) !important;
}

.home-price-list-catalog .btn,
.home-price-list-catalog .btn2 {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 6px;
}

.home-price-list-sidebar {
	display: grid;
	align-content: start;
	gap: 14px;
}

@media (max-width: 900px) {
	.home-price-list-catalog .price-list-services,
	.home-price-list-catalog .prime-price-services {
		grid-template-columns: 1fr;
	}
}

@media (max-width: 520px) {
	.home-price-list-content {
		padding: 9px;
	}

	.home-price-list-info {
		padding: 9px 10px;
	}
}

/* ==========================================================================
   PRIME-3ONA — /home/profile.tpl
   Добавить в конец mystyles.css
   ========================================================================== */

.home-profile-card,
.home-profile-section,
.home-profile-side-card {
	overflow: hidden;
}

.home-profile-section {
	margin-top: 15px;
}

.home-profile-overview {
	padding: 14px;
	display: grid;
	grid-template-columns: 210px minmax(0, 1fr);
	align-items: start;
	gap: 15px;
}

.home-profile-user {
	min-width: 0;
}

.home-profile-avatar-wrap {
	padding: 6px;
	border: 1px solid rgba(255, 255, 255, .07);
	border-radius: 13px;
	background:
		linear-gradient(
			145deg,
			rgba(255, 59, 59, .05),
			rgba(255, 152, 0, .025)
		),
		#13161b;
}

.home-profile-avatar {
	width: 100% !important;
	height: 190px;
	padding: 0 !important;
	object-fit: cover;
	border: 2px solid rgba(255, 152, 0, .42) !important;
	border-radius: 10px !important;
	background: #101318;
	box-shadow: 0 10px 24px rgba(0, 0, 0, .24);
}

.home-profile-actions {
	margin: 10px 0 0;
	display: grid;
	gap: 6px;
}

.home-profile-actions > li {
	margin: 0 !important;
	border: 0 !important;
	background: transparent !important;
	cursor: pointer;
}

.home-profile-actions > li > a {
	min-height: 36px;
	padding: 0 10px !important;
	display: flex !important;
	align-items: center;
	gap: 7px;
	border: 1px solid rgba(255, 255, 255, .06);
	border-radius: 8px;
	background: rgba(255, 255, 255, .02);
	color: #aeb4bd !important;
	font-size: 9px;
	font-weight: 750;
}

.home-profile-actions > li > a:hover {
	padding-left: 13px !important;
	border-color: rgba(255, 152, 0, .22);
	background: rgba(255, 152, 0, .055);
	color: #ffbd69 !important;
}

.home-profile-actions strong {
	color: #ffbd69;
}

.home-profile-result:empty {
	display: none;
}

.home-profile-result:not(:empty) {
	margin-top: 9px;
	padding: 9px 10px;
	border: 1px solid rgba(255, 152, 0, .16);
	border-radius: 8px;
	background: rgba(255, 152, 0, .045);
	color: #c7cbd2;
}

.home-profile-info-wrap {
	border: 1px solid rgba(255, 255, 255, .065);
	border-radius: 11px;
	overflow: hidden;
}

.home-profile-info-table {
	margin: 0;
}

.home-profile-info-table td {
	padding: 10px 12px !important;
	vertical-align: middle !important;
	border-color: rgba(255, 255, 255, .06) !important;
	color: #c8ccd3;
}

.home-profile-info-table td:first-child:not(.razdel) {
	width: 34%;
	background: rgba(255, 255, 255, .018);
	color: #8b929c;
	font-size: 9px;
	font-weight: 800;
}

.home-profile-info-table .razdel {
	padding: 11px 12px !important;
	background:
		linear-gradient(
			90deg,
			rgba(255, 59, 59, .09),
			rgba(255, 152, 0, .035)
		),
		rgba(255, 255, 255, .025);
	color: #f2f3f5 !important;
	font-size: 10px;
	font-weight: 900;
	letter-spacing: .35px;
	text-transform: uppercase;
}

.home-profile-info-table .razdel:first-child {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 10px;
}

.home-profile-last-activity {
	color: #8d949e;
	font-size: 8px;
	font-weight: 700;
	text-transform: none;
}

.home-profile-info-table .icon,
.home-profile-row-icon {
	width: 17px;
	height: 17px;
	margin-right: 6px;
	object-fit: contain;
	vertical-align: middle;
}

.home-profile-row-icon {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	color: #ff972f;
	font-size: 12px;
}

.home-profile-info-table a {
	color: #ffad42 !important;
	font-weight: 750;
}

.home-profile-info-table a:hover {
	color: #ffd08a !important;
}

.home-profile-info-table #vk_user,
.home-profile-info-table #steam_user,
.home-profile-info-table #fb_user {
	display: inline-flex;
	align-items: center;
	gap: 7px;
}

.home-profile-info-table #vk_user img,
.home-profile-info-table #steam_user img,
.home-profile-info-table #fb_user img {
	width: 30px;
	height: 30px;
	object-fit: cover;
	border: 1px solid rgba(255, 152, 0, .25);
	border-radius: 50%;
}

.home-profile-deleted {
	padding: 42px 16px !important;
	color: #ff918d !important;
	font-size: 15px;
	font-weight: 900;
	text-align: center;
}

.home-profile-deleted .glyphicon {
	margin-right: 7px;
}

/* Tables and sections */
.home-profile-admins-table {
	margin: 0;
	min-width: 680px;
}

.home-profile-admins-table thead td {
	background:
		linear-gradient(
			90deg,
			rgba(255, 59, 59, .075),
			rgba(255, 152, 0, .025)
		),
		rgba(255, 255, 255, .03);
	color: #f1f3f6;
	font-size: 9px !important;
	font-weight: 850;
	letter-spacing: .4px;
	text-transform: uppercase;
}

.home-profile-admins-table td {
	padding: 10px 11px !important;
	vertical-align: middle !important;
	border-color: rgba(255, 255, 255, .065) !important;
}

.home-profile-friends {
	padding: 11px;
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: 8px;
	text-align: left !important;
}

.home-profile-wall {
	padding: 12px;
}

.home-profile-comment-form {
	margin-bottom: 13px;
	padding: 11px;
	border: 1px solid rgba(255, 255, 255, .07);
	border-radius: 10px;
	background: rgba(255, 255, 255, .018);
}

.home-profile-comment-actions {
	margin-top: 9px;
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 8px;
}

.home-profile-comments {
	display: grid;
	gap: 10px;
	min-height: 120px;
}

.home-profile-comments .prime-loader {
	min-height: 120px;
}

.home-profile-sidebar {
	display: grid;
	align-content: start;
	gap: 14px;
}

.home-profile-side-card {
	margin-bottom: 0;
}

.home-profile-side-card .l_block_c {
	padding: 9px;
}

.home-profile-side-card #last_activity,
.home-profile-side-card #mybans {
	display: grid;
	gap: 7px;
}

@media (max-width: 900px) {
	.home-profile-overview {
		grid-template-columns: 175px minmax(0, 1fr);
	}

	.home-profile-avatar {
		height: 165px;
	}
}

@media (max-width: 700px) {
	.home-profile-overview {
		grid-template-columns: 1fr;
	}

	.home-profile-user {
		max-width: 260px;
	}

	.home-profile-avatar {
		height: 230px;
	}

	.home-profile-info-table {
		min-width: 620px;
	}
}

@media (max-width: 520px) {
	.home-profile-overview {
		padding: 9px;
	}

	.home-profile-user {
		max-width: none;
	}

	.home-profile-avatar {
		height: auto;
		max-height: 300px;
	}

	.home-profile-comment-actions {
		align-items: stretch;
		flex-direction: column;
	}

	.home-profile-comment-actions #send_btn {
		width: 100%;
	}
}

/* ==========================================================================
   PRIME-3ONA — /home/purse.tpl
   Добавить в конец mystyles.css
   ========================================================================== */

.home-purse-main {
	min-width: 0;
}

.home-purse-card {
	margin-bottom: 15px;
	overflow: hidden;
}

.home-purse-alert {
	margin-bottom: 15px;
	padding: 14px;
	display: flex;
	align-items: center;
	gap: 12px;
	border-radius: 12px;
	box-shadow: 0 12px 28px rgba(0, 0, 0, .24);
}

.home-purse-alert-icon {
	width: 42px;
	height: 42px;
	flex: 0 0 42px;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 11px;
	font-size: 15px;
}

.home-purse-alert strong {
	display: block;
	font-size: 11px;
	font-weight: 900;
}

.home-purse-alert p {
	margin: 4px 0 0;
	font-size: 10px;
	line-height: 1.5;
}

.home-purse-alert-success {
	border: 1px solid rgba(72, 219, 121, .35);
	background:
		linear-gradient(
			105deg,
			rgba(35, 187, 94, .17),
			rgba(72, 199, 116, .06)
		),
		#17201b;
	color: #dff7e8;
}

.home-purse-alert-success .home-purse-alert-icon {
	border: 1px solid rgba(72, 219, 121, .35);
	background: rgba(72, 199, 116, .14);
	color: #7df0a7;
}

.home-purse-alert-error {
	border: 1px solid rgba(255, 79, 73, .42);
	background:
		linear-gradient(
			105deg,
			rgba(231, 51, 48, .18),
			rgba(255, 85, 85, .07)
		),
		#211819;
	color: #ffe3e1;
}

.home-purse-alert-error .home-purse-alert-icon {
	border: 1px solid rgba(255, 85, 85, .38);
	background: rgba(255, 85, 85, .15);
	color: #ff918c;
}

/* Bonuses */
.home-purse-bonuses {
	padding: 12px;
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 10px;
}

.home-purse-bonus-card {
	padding: 13px;
	border: 1px solid rgba(72, 219, 121, .20);
	border-radius: 10px;
	background:
		linear-gradient(
			135deg,
			rgba(72, 199, 116, .08),
			rgba(255, 152, 0, .025)
		),
		rgba(255, 255, 255, .018);
}

.home-purse-bonus-value {
	color: #83dda2;
	font-size: 18px;
	font-weight: 900;
	line-height: 1;
}

.home-purse-bonus-card p {
	margin: 8px 0 0;
	color: #9ca3ad;
	font-size: 9px;
	line-height: 1.55;
}

.home-purse-bonus-card strong {
	color: #f1f3f6;
}

/* Payments */
.home-purse-payment-content {
	padding: 12px;
}

.home-purse-payment-grid {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 12px;
}

.home-purse-payment-card {
	min-width: 0;
	border: 1px solid rgba(255, 255, 255, .07);
	border-radius: 12px;
	background:
		linear-gradient(
			145deg,
			rgba(255, 59, 59, .04),
			rgba(255, 152, 0, .018)
		),
		rgba(24, 27, 33, .95);
	overflow: hidden;
	transition:
		transform .22s ease,
		border-color .22s ease,
		box-shadow .22s ease;
}

.home-purse-payment-card:hover {
	transform: translateY(-2px);
	border-color: rgba(255, 152, 0, .24);
	box-shadow: 0 14px 30px rgba(0, 0, 0, .26);
}

.home-purse-payment-head {
	padding: 11px 12px;
	border-bottom: 1px solid rgba(255, 255, 255, .07);
	background:
		linear-gradient(
			90deg,
			rgba(255, 59, 59, .08),
			rgba(255, 152, 0, .035)
		);
	color: #f1f3f6;
	font-size: 10px;
	font-weight: 900;
}

.home-purse-payment-body {
	padding: 12px;
	display: grid;
	gap: 9px;
}

.home-purse-payment-logo {
	height: 70px;
	padding: 10px;
	display: flex;
	align-items: center;
	justify-content: center;
	border: 1px solid rgba(255, 255, 255, .06);
	border-radius: 9px;
	background: #fff;
	cursor: pointer;
}

.home-purse-payment-logo img {
	max-width: 100%;
	max-height: 50px;
	object-fit: contain;
}

.home-purse-payment-btn {
	width: 100%;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 7px;
}

.home-purse-result:empty {
	display: none;
}

.home-purse-result:not(:empty) {
	padding: 9px 10px;
	border: 1px solid rgba(255, 152, 0, .15);
	border-radius: 8px;
	background: rgba(255, 152, 0, .045);
	color: #c8ccd3;
}

/* Operations */
.home-purse-operations-wrap {
	border-radius: 0 0 13px 13px;
	overflow-x: auto;
}

.home-purse-operations-table {
	margin: 0;
	min-width: 560px;
}

.home-purse-operations-table thead td {
	background:
		linear-gradient(
			90deg,
			rgba(255, 59, 59, .075),
			rgba(255, 152, 0, .025)
		),
		rgba(255, 255, 255, .03);
	color: #f1f3f6;
	font-size: 9px !important;
	font-weight: 850;
	letter-spacing: .4px;
	text-transform: uppercase;
}

.home-purse-operations-table td {
	padding: 10px 11px !important;
	vertical-align: middle !important;
	border-color: rgba(255, 255, 255, .065) !important;
}

/* Sidebar */
.home-purse-sidebar {
	display: grid;
	align-content: start;
	gap: 14px;
}

.home-purse-wallet-card,
.home-purse-voucher-card {
	margin-bottom: 0;
	overflow: hidden;
}

.home-purse-wallet {
	padding: 9px !important;
	display: grid;
	gap: 7px;
}

.home-purse-wallet-row {
	min-height: 46px;
	padding: 0 11px;
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 10px;
	border: 1px solid rgba(255, 255, 255, .06);
	border-radius: 8px;
	background: rgba(255, 255, 255, .02);
}

.home-purse-wallet-row span {
	color: #818894;
	font-size: 9px;
	font-weight: 800;
	letter-spacing: .35px;
	text-transform: uppercase;
}

.home-purse-wallet-row strong {
	color: #ffbd69;
	font-size: 12px;
	font-weight: 900;
}

.home-purse-voucher {
	padding: 9px;
	display: grid;
	gap: 9px;
}

.home-purse-voucher-btn {
	width: 100%;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 6px;
}

@media (max-width: 900px) {
	.home-purse-payment-grid,
	.home-purse-bonuses {
		grid-template-columns: 1fr;
	}
}

@media (max-width: 520px) {
	.home-purse-payment-content,
	.home-purse-bonuses {
		padding: 9px;
	}

	.home-purse-alert {
		align-items: flex-start;
	}
}

/* ==========================================================================
   PRIME-3ONA — /home/right_col.tpl
   Добавить в конец mystyles.css
   ========================================================================== */

.home-right-col-card {
	margin-bottom: 14px;
	overflow: hidden;
}

.home-right-col-card .l_block_c {
	padding: 9px;
}

.home-right-col-loader {
	min-height: 115px;
}

/* Servers */
.home-right-col-servers-content {
	padding: 7px !important;
}

.home-right-col-servers {
	display: grid;
	gap: 7px;
}

.home-right-col-servers .our_server,
.home-right-col-servers .server-line,
.home-right-col-servers .server-min-card {
	margin: 0;
	padding: 9px;
	border: 1px solid rgba(255, 255, 255, .065);
	border-radius: 9px;
	background:
		linear-gradient(
			135deg,
			rgba(255, 59, 59, .035),
			rgba(255, 152, 0, .018)
		),
		rgba(255, 255, 255, .018);
	transition:
		transform .22s ease,
		border-color .22s ease,
		background .22s ease;
}

.home-right-col-servers .our_server:hover,
.home-right-col-servers .server-line:hover,
.home-right-col-servers .server-min-card:hover {
	transform: translateY(-1px);
	border-color: rgba(255, 152, 0, .22);
	background:
		linear-gradient(
			135deg,
			rgba(255, 59, 59, .055),
			rgba(255, 152, 0, .03)
		),
		rgba(255, 255, 255, .023);
}

.home-right-col-servers .our_map_img,
.home-right-col-servers .server-min-map {
	width: 46px !important;
	height: 46px !important;
	object-fit: cover;
	border: 2px solid rgba(255, 152, 0, .34);
	border-radius: 9px !important;
}

.home-right-col-servers .our_server_info_row,
.home-right-col-servers .server-min-row {
	color: #aeb4bd !important;
	font-size: 9px !important;
	line-height: 1.55 !important;
}

.home-right-col-servers .our_server_info_row a,
.home-right-col-servers .server-min-row a {
	color: #f0f2f5 !important;
	font-weight: 800;
}

.home-right-col-servers .our_server_info_row span,
.home-right-col-servers .server-min-row span {
	color: #ffad42 !important;
}

.home-right-col-servers .online_line,
.home-right-col-servers .progress {
	height: 18px;
	margin: 7px 0 0 !important;
	border-radius: 999px;
	background: rgba(255, 255, 255, .055);
	overflow: hidden;
}

.home-right-col-servers .progress-bar {
	border-radius: inherit;
	background: linear-gradient(90deg, #ff3b3b, #ff9800) !important;
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, .16);
}

.home-right-col-servers .players_val {
	line-height: 18px !important;
	color: #fff !important;
	font-size: 8px !important;
	font-weight: 850;
	text-shadow: 0 1px 3px rgba(0, 0, 0, .45);
}

/* Side menu */
.home-right-col-menu-content {
	padding: 7px !important;
}

.home-right-col-menu > ul {
	margin: 0;
	padding: 0;
	display: grid;
	gap: 5px;
	list-style: none;
}

.home-right-col-menu > ul > li {
	margin: 0 !important;
}

.home-right-col-menu > ul > li > a {
	min-height: 36px;
	padding: 0 10px !important;
	display: flex !important;
	align-items: center;
	border: 1px solid rgba(255, 255, 255, .055);
	border-radius: 8px;
	background: rgba(255, 255, 255, .018) !important;
	color: #aeb4bd !important;
	font-size: 9px;
	font-weight: 780;
	transition:
		padding-left .22s ease,
		border-color .22s ease,
		background .22s ease,
		color .22s ease;
}

.home-right-col-menu > ul > li > a:hover {
	padding-left: 13px !important;
	border-color: rgba(255, 152, 0, .22);
	background: rgba(255, 152, 0, .055) !important;
	color: #ffbd69 !important;
}

.home-right-col-menu > ul > li.active > a {
	border-color: rgba(255, 152, 0, .28);
	background:
		linear-gradient(
			90deg,
			rgba(255, 59, 59, .11),
			rgba(255, 152, 0, .065)
		) !important;
	color: #fff !important;
	box-shadow: inset 3px 0 0 #ff972f;
}

/* Online users */
.home-right-col-online-content {
	padding: 8px !important;
}

.home-right-col-online-users {
	margin: 0;
	padding: 0;
	display: grid;
	gap: 6px;
	list-style: none;
}

.home-right-col-online-users .online-user,
.home-right-col-online-users > li {
	margin: 0;
}

.home-right-col-online-users .online-user-card,
.home-right-col-online-users > li {
	padding: 7px;
	border: 1px solid rgba(255, 255, 255, .055);
	border-radius: 8px;
	background: rgba(255, 255, 255, .018);
}

.home-right-col-online-users img {
	width: 34px !important;
	height: 34px !important;
	object-fit: cover;
	border: 2px solid rgba(255, 152, 0, .30);
	border-radius: 50%;
}

/* Donators */
.home-right-col-donators-content {
	padding: 8px !important;
}

.home-right-col-top-users {
	display: grid;
	gap: 7px;
}

.home-right-col-top-users .top-donator,
.home-right-col-top-users .prime-top-donator {
	margin: 0;
}

/* Dynamic module banners */
.home-right-col-module-banner {
	margin-bottom: 14px;
	border: 1px solid rgba(255, 255, 255, .07);
	border-radius: 12px;
	background: rgba(24, 27, 33, .95);
	box-shadow: 0 11px 25px rgba(0, 0, 0, .22);
	overflow: hidden;
}

.home-right-col-module-banner img,
.home-right-col-module-banner iframe {
	max-width: 100%;
	height: auto;
	display: block;
	border: 0;
}

/* Banner */
.home-right-col-banner-content {
	padding: 8px !important;
}

.home-right-col-banner-link {
	position: relative;
	display: block;
	border: 1px solid rgba(255, 255, 255, .07);
	border-radius: 9px;
	background: #111419;
	overflow: hidden;
}

.home-right-col-banner-link::after {
	content: "";
	position: absolute;
	inset: 0;
	pointer-events: none;
	box-shadow:
		inset 0 0 0 1px rgba(255, 255, 255, .025),
		inset 0 -35px 50px rgba(0, 0, 0, .16);
}

.home-right-col-banner-link img {
	width: 100%;
	height: auto;
	display: block;
	transition:
		transform .3s ease,
		filter .3s ease;
}

.home-right-col-banner-link:hover img {
	transform: scale(1.025);
	filter: brightness(1.05);
}

/* Community widget */
.home-right-col-community-widget {
	margin-bottom: 14px;
}

.home-right-col-community-widget > * {
	margin-bottom: 0;
}

@media (max-width: 760px) {
	.home-right-col-card,
	.home-right-col-module-banner,
	.home-right-col-community-widget {
		margin-bottom: 12px;
	}
}

/* ==========================================================================
   PRIME-3ONA — /home/settings.tpl
   Добавить в конец mystyles.css
   ========================================================================== */

.home-settings-main {
	min-width: 0;
}

.home-settings-card {
	overflow: hidden;
}

.home-settings-content {
	padding: 14px;
	display: grid;
	gap: 13px;
}

.home-settings-notice {
	padding: 10px 12px;
	display: flex;
	align-items: flex-start;
	gap: 8px;
	border: 1px solid rgba(255, 152, 0, .18);
	border-radius: 9px;
	background:
		linear-gradient(
			90deg,
			rgba(255, 59, 59, .055),
			rgba(255, 152, 0, .028)
		);
	color: #c9b3a2;
}

.home-settings-notice .glyphicon {
	margin-top: 2px;
	color: #ffad42;
}

.home-settings-notice p {
	margin: 0;
	font-size: 10px;
	line-height: 1.55;
}

.home-settings-notice strong {
	color: #ffbd69;
}

.home-settings-section {
	padding: 13px;
	border: 1px solid rgba(255, 255, 255, .07);
	border-radius: 11px;
	background:
		linear-gradient(
			145deg,
			rgba(255, 59, 59, .025),
			rgba(255, 152, 0, .012)
		),
		rgba(255, 255, 255, .016);
}

.home-settings-section-head {
	margin-bottom: 12px;
	padding-bottom: 10px;
	display: flex;
	align-items: center;
	gap: 9px;
	border-bottom: 1px solid rgba(255, 255, 255, .07);
}

.home-settings-section-head > .glyphicon {
	width: 34px;
	height: 34px;
	flex: 0 0 34px;
	display: flex;
	align-items: center;
	justify-content: center;
	border: 1px solid rgba(255, 152, 0, .16);
	border-radius: 9px;
	background: rgba(255, 152, 0, .055);
	color: #ffad42;
}

.home-settings-section-head strong,
.home-settings-section-head small {
	display: block;
}

.home-settings-section-head strong {
	color: #f1f3f6;
	font-size: 11px;
	font-weight: 900;
}

.home-settings-section-head small {
	margin-top: 2px;
	color: #737a85;
	font-size: 8px;
}

.home-settings-fields {
	display: grid;
	gap: 10px;
}

.home-settings-field {
	padding: 11px;
	border: 1px solid rgba(255, 255, 255, .06);
	border-radius: 9px;
	background: rgba(255, 255, 255, .018);
}

.home-settings-field > label {
	margin: 0 0 7px;
	display: flex;
	align-items: center;
	gap: 6px;
	color: #dfe2e6;
	font-size: 9px;
	font-weight: 850;
	letter-spacing: .25px;
}

.home-settings-field > label .glyphicon {
	color: #ff972f;
}

.home-settings-control,
.home-settings-password-control {
	display: grid;
	grid-template-columns: minmax(0, 1fr) auto;
	align-items: stretch;
	gap: 8px;
}

.home-settings-password-inputs {
	display: grid;
	gap: 7px;
}

.home-settings-save {
	min-width: 118px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 6px;
	border-color: rgba(255, 152, 0, .23) !important;
	background:
		linear-gradient(
			135deg,
			rgba(255, 59, 59, .11),
			rgba(255, 152, 0, .08)
		) !important;
	color: #ffbd69 !important;
	font-size: 9px;
	font-weight: 850;
}

.home-settings-save:hover {
	border-color: rgba(255, 152, 0, .40) !important;
	color: #fff !important;
	transform: none;
}

.home-settings-birthday {
	display: grid;
	grid-template-columns: .7fr 1fr .85fr auto;
	gap: 8px;
}

.home-settings-help {
	margin: 7px 0 0;
	padding: 7px 8px;
	border: 1px solid rgba(89, 183, 255, .13);
	border-radius: 7px;
	background: rgba(89, 183, 255, .035);
	color: #94aabd;
	font-size: 9px;
	line-height: 1.5;
}

.home-settings-help code {
	color: #ffbd69;
}

.home-settings-new-field {
	border-color: rgba(255, 152, 0, .16);
	background:
		linear-gradient(
			135deg,
			rgba(255, 59, 59, .045),
			rgba(255, 152, 0, .025)
		);
}

.home-settings-result:empty {
	display: none;
}

.home-settings-result:not(:empty) {
	margin-top: 8px;
	padding: 8px 9px;
	border: 1px solid rgba(255, 152, 0, .15);
	border-radius: 7px;
	background: rgba(255, 152, 0, .045);
	color: #c8ccd3;
}

/* Linked accounts */
.home-settings-linked-grid {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 10px;
}

.home-settings-linked-card {
	min-width: 0;
	padding: 11px;
	border: 1px solid rgba(255, 255, 255, .06);
	border-radius: 9px;
	background: rgba(255, 255, 255, .018);
}

.home-settings-linked-title {
	margin-bottom: 8px;
	display: flex;
	align-items: center;
	gap: 7px;
	color: #f1f3f6;
	font-size: 10px;
	font-weight: 850;
}

.home-settings-linked-title .glyphicon {
	color: #ff972f;
}

.home-settings-linked-card p {
	margin: 0 0 9px;
	color: #9097a1;
	font-size: 9px;
	line-height: 1.55;
}

.home-settings-linked-btn,
.home-settings-unlink {
	width: 100%;
	display: inline-flex;
	align-items: center;
	justify-content: center;
}

.home-settings-unlink {
	border-color: rgba(255, 85, 85, .18) !important;
	background: rgba(255, 85, 85, .055) !important;
	color: #ff918d !important;
}

.home-settings-linked-user a {
	display: flex;
	align-items: center;
	gap: 8px;
	color: #ffad42 !important;
}

.home-settings-linked-user img {
	width: 38px;
	height: 38px;
	object-fit: cover;
	border: 2px solid rgba(255, 152, 0, .30);
	border-radius: 50%;
}

/* Avatar and signature */
.home-settings-avatar-editor {
	display: grid;
	grid-template-columns: 110px minmax(0, 1fr);
	align-items: center;
	gap: 12px;
}

.home-settings-avatar-preview {
	width: 110px;
	height: 110px;
	padding: 5px;
	border: 1px solid rgba(255, 255, 255, .07);
	border-radius: 11px;
	background: #111419;
}

.home-settings-avatar-preview img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	border: 2px solid rgba(255, 152, 0, .40);
	border-radius: 8px;
}

.home-settings-avatar-controls {
	display: grid;
	gap: 9px;
}

.home-settings-avatar-controls .home-settings-save {
	width: max-content;
}

.home-settings-signature {
	margin-top: 12px;
}

.home-settings-signature-save {
	margin-top: 9px;
}

.home-settings-signature .mce-tinymce,
.home-settings-signature .tox-tinymce {
	border: 1px solid rgba(255, 255, 255, .08) !important;
	border-radius: 9px !important;
	overflow: hidden;
}

/* Toggles */
.home-settings-toggle-grid {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 10px;
}

.home-settings-toggle-card {
	padding: 11px;
	border: 1px solid rgba(255, 255, 255, .06);
	border-radius: 9px;
	background: rgba(255, 255, 255, .018);
}

.home-settings-toggle-card > strong {
	margin-bottom: 8px;
	display: block;
	color: #dfe2e6;
	font-size: 9px;
	font-weight: 850;
}

.home-settings-toggle {
	width: 100%;
	display: flex;
}

.home-settings-toggle .btn {
	flex: 1;
	font-size: 9px;
}

.home-settings-toggle .btn.active {
	border-color: rgba(255, 152, 0, .30) !important;
	background:
		linear-gradient(
			135deg,
			rgba(255, 59, 59, .11),
			rgba(255, 152, 0, .08)
		) !important;
	color: #ffbd69 !important;
}

/* Blacklist and referrals */
.home-settings-secondary-btn {
	display: inline-flex;
	align-items: center;
	gap: 6px;
}

.home-settings-referral-link {
	padding: 10px;
	display: grid;
	gap: 5px;
	border: 1px solid rgba(255, 152, 0, .14);
	border-radius: 8px;
	background: rgba(255, 152, 0, .035);
}

.home-settings-referral-link span {
	color: #818894;
	font-size: 8px;
	font-weight: 800;
	text-transform: uppercase;
}

.home-settings-referral-link code {
	overflow-wrap: anywhere;
	color: #ffbd69;
}

.home-settings-referral-actions {
	margin-top: 9px;
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 8px;
}

.home-settings-sidebar {
	display: grid;
	align-content: start;
	gap: 14px;
}

@media (max-width: 900px) {
	.home-settings-linked-grid,
	.home-settings-toggle-grid {
		grid-template-columns: 1fr;
	}
}

@media (max-width: 760px) {
	.home-settings-control,
	.home-settings-password-control {
		grid-template-columns: 1fr;
	}

	.home-settings-save {
		width: 100%;
	}

	.home-settings-birthday {
		grid-template-columns: 1fr 1fr;
	}

	.home-settings-birthday .home-settings-save {
		grid-column: 1 / -1;
	}

	.home-settings-avatar-editor {
		grid-template-columns: 1fr;
	}

	.home-settings-avatar-controls .home-settings-save {
		width: 100%;
	}
}

@media (max-width: 520px) {
	.home-settings-content {
		padding: 9px;
	}

	.home-settings-section {
		padding: 10px;
	}

	.home-settings-referral-actions {
		grid-template-columns: 1fr;
	}
}

/* ==========================================================================
   PRIME-3ONA — /home/store.tpl
   Добавить в конец mystyles.css
   ========================================================================== */

.home-store-main {
	min-width: 0;
}

.home-store-card {
	overflow: hidden;
}

.home-store-empty {
	min-height: 180px;
}

.home-store-discount {
	position: relative;
	margin-bottom: 15px;
	padding: 14px;
	display: flex;
	align-items: center;
	gap: 12px;
	border: 1px solid rgba(72, 219, 121, .38);
	border-radius: 12px;
	background:
		linear-gradient(
			105deg,
			rgba(35, 187, 94, .17),
			rgba(72, 199, 116, .06)
		),
		#17201b;
	color: #dff7e8;
	box-shadow:
		0 12px 28px rgba(0, 0, 0, .24),
		0 0 24px rgba(72, 199, 116, .09);
	overflow: hidden;
}

.home-store-discount::before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 3px;
	background: linear-gradient(90deg, #45d87b, #8ff0ae);
}

.home-store-discount-icon {
	width: 42px;
	height: 42px;
	flex: 0 0 42px;
	display: flex;
	align-items: center;
	justify-content: center;
	border: 1px solid rgba(72, 219, 121, .35);
	border-radius: 11px;
	background: rgba(72, 199, 116, .14);
	color: #7df0a7;
	font-size: 16px;
}

.home-store-discount strong,
.home-store-discount p {
	display: block;
}

.home-store-discount strong {
	font-size: 11px;
	font-weight: 900;
}

.home-store-discount p {
	margin: 3px 0 0;
	color: #add8bb;
	font-size: 9px;
}

.home-store-layout {
	display: grid;
	grid-template-columns: minmax(0, 1.08fr) minmax(300px, .92fr);
	align-items: start;
	gap: 15px;
}

.home-store-info-column {
	min-width: 0;
	display: grid;
	gap: 15px;
}

.home-store-form {
	padding: 14px;
	display: grid;
	gap: 12px;
}

.home-store-step {
	padding: 11px;
	border: 1px solid rgba(255, 255, 255, .065);
	border-radius: 9px;
	background: rgba(255, 255, 255, .018);
}

.home-store-step-head {
	margin-bottom: 8px;
	display: flex;
	align-items: center;
	gap: 8px;
}

.home-store-step-head > span {
	width: 24px;
	height: 24px;
	flex: 0 0 24px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	border-radius: 7px;
	background: linear-gradient(135deg, #ff3b3b, #ff9800);
	color: #fff;
	font-size: 9px;
	font-weight: 900;
	box-shadow: 0 4px 10px rgba(255, 79, 38, .22);
}

.home-store-step-head label {
	margin: 0;
	color: #f1f3f6;
	font-size: 9px;
	font-weight: 850;
	letter-spacing: .25px;
}

.home-store-bind-fields {
	display: grid;
	gap: 8px;
}

.home-store-bind-fields .form-control.disp-n {
	display: none !important;
}

.home-store-bind-fields .form-control:not(.disp-n) {
	display: block !important;
}

.home-store-terms {
	padding: 11px;
	border: 1px solid rgba(255, 152, 0, .16);
	border-radius: 9px;
	background:
		linear-gradient(
			90deg,
			rgba(255, 59, 59, .045),
			rgba(255, 152, 0, .025)
		);
}

.home-store-terms label {
	margin: 0;
	display: flex;
	align-items: flex-start;
	gap: 8px;
	color: #bda997;
	font-size: 9px;
	line-height: 1.55;
	cursor: pointer;
}

.home-store-terms input {
	margin-top: 2px;
	flex: 0 0 auto;
}

.home-store-terms a {
	color: #ffad42 !important;
	font-weight: 850;
}

.home-store-result:empty {
	display: none;
}

.home-store-result:not(:empty) {
	padding: 10px 11px;
	border: 1px solid rgba(255, 152, 0, .16);
	border-radius: 8px;
	background: rgba(255, 152, 0, .045);
	color: #c8ccd3;
}

.home-store-actions {
	padding-top: 12px;
	display: flex;
	align-items: center;
	gap: 8px;
	border-top: 1px solid rgba(255, 255, 255, .07);
}

.home-store-buy-btn,
.home-store-cancel-btn {
	min-width: 150px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 7px;
}

.home-store-auth-warning {
	padding: 12px;
	display: flex;
	align-items: center;
	gap: 10px;
	border: 1px solid rgba(255, 85, 85, .22);
	border-radius: 9px;
	background: rgba(255, 85, 85, .06);
	color: #ffb0ac;
}

.home-store-auth-warning > .glyphicon {
	font-size: 18px;
}

.home-store-auth-warning strong,
.home-store-auth-warning p {
	display: block;
}

.home-store-auth-warning strong {
	font-size: 10px;
	font-weight: 900;
}

.home-store-auth-warning p {
	margin: 3px 0 0;
	color: #b68784;
	font-size: 9px;
}

.home-store-info-content {
	padding: 11px;
}

.home-store-server-info,
.home-store-service-info {
	min-height: 120px;
}

.home-store-server-info:empty::before,
.home-store-service-info:empty::before {
	content: "Выберите параметры услуги";
	min-height: 120px;
	display: flex;
	align-items: center;
	justify-content: center;
	border: 1px dashed rgba(255, 255, 255, .08);
	border-radius: 9px;
	background: rgba(255, 255, 255, .012);
	color: #6f7681;
	font-size: 9px;
	font-weight: 750;
	text-align: center;
}

.home-store-service-info {
	color: #c7cbd2;
	font-size: 10px;
	line-height: 1.65;
}

.home-store-service-info h1,
.home-store-service-info h2,
.home-store-service-info h3,
.home-store-service-info h4 {
	color: #f1f3f6;
}

.home-store-service-info a {
	color: #ffad42 !important;
}

.home-store-service-info img {
	max-width: 100%;
	height: auto;
	border-radius: 9px;
}

.home-store-sidebar {
	display: grid;
	align-content: start;
	gap: 14px;
}

@media (max-width: 980px) {
	.home-store-layout {
		grid-template-columns: 1fr;
	}
}

@media (max-width: 760px) {
	.home-store-actions {
		align-items: stretch;
		flex-direction: column;
	}

	.home-store-buy-btn,
	.home-store-cancel-btn {
		width: 100%;
	}
}

@media (max-width: 520px) {
	.home-store-form {
		padding: 9px;
	}

	.home-store-discount {
		align-items: flex-start;
	}
}

/* ==========================================================================
   PRIME-3ONA — /home/users.tpl
   Добавить в конец mystyles.css
   ========================================================================== */

.home-users-main {
	min-width: 0;
}

.home-users-card,
.home-users-search-card {
	overflow: hidden;
}

.home-users-content {
	padding: 13px;
}

.home-users-list {
	display: grid;
	gap: 8px;
	min-height: 120px;
}

/* user.tpl в виде списка, похожего на друзей ВКонтакте */
.home-users-list .user-mini-card {
	width: 100%;
	min-height: 92px;
	margin: 0;
	padding: 10px;
	display: grid;
	grid-template-columns: 72px minmax(0, 1fr) auto;
	grid-template-areas: "avatar title actions";
	align-items: center;
	gap: 12px;
	border: 1px solid rgba(255, 255, 255, .07);
	border-radius: 11px;
	background: rgba(24, 27, 33, .92);
	box-shadow: none;
	overflow: visible;
	transition:
		transform .22s ease,
		border-color .22s ease,
		background .22s ease,
		box-shadow .22s ease;
}

.home-users-list .user-mini-card:hover {
	transform: translateY(-1px);
	border-color: rgba(255, 152, 0, .22);
	background:
		linear-gradient(
			90deg,
			rgba(255, 59, 59, .04),
			rgba(255, 152, 0, .025)
		),
		rgba(24, 27, 33, .96);
	box-shadow: 0 10px 24px rgba(0, 0, 0, .18);
}

.home-users-list .user-mini-avatar-link {
	grid-area: avatar;
	width: 72px;
	height: 72px;
	padding: 0;
	display: block;
}

.home-users-list .user-mini-avatar {
	width: 72px !important;
	height: 72px !important;
	margin: 0 !important;
	padding: 0 !important;
	object-fit: cover;
	border: 2px solid rgba(255, 152, 0, .40);
	border-radius: 50%;
	box-shadow: 0 0 0 4px rgba(255, 152, 0, .05);
}

.home-users-list .user-mini-title {
	grid-area: title;
	min-width: 0;
	min-height: auto;
	padding: 0;
	display: flex;
	align-items: center;
	gap: 7px;
	border: 0;
	background: transparent;
	color: #f1f3f6 !important;
}

.home-users-list .user-mini-title .glyphicon {
	width: 18px;
	height: 18px;
	flex: 0 0 18px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	border-radius: 50%;
	background: rgba(255, 152, 0, .08);
	color: #ff972f;
	font-size: 9px;
}

.home-users-list .user-mini-title strong {
	min-width: 0;
	overflow: hidden;
	font-size: 12px;
	font-weight: 850;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.home-users-list .user-mini-title:hover strong {
	color: #ffbd69;
}

.home-users-list .user-mini-actions {
	grid-area: actions;
	min-width: 145px;
	padding: 0;
	display: grid;
	gap: 6px;
}

.home-users-list .user-mini-action {
	min-height: 34px;
	padding: 0 10px;
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 6px;
	border: 1px solid rgba(255, 255, 255, .07);
	border-radius: 8px;
	background: rgba(255, 255, 255, .025) !important;
	color: #bfc4cc !important;
	font-size: 9px;
	font-weight: 800;
	white-space: nowrap;
	box-shadow: none !important;
}

.home-users-list .user-mini-action:hover {
	border-color: rgba(255, 152, 0, .26);
	background: rgba(255, 152, 0, .07) !important;
	color: #ffbd69 !important;
	transform: none;
}

.home-users-list .user-mini-delete {
	border-color: rgba(255, 85, 85, .18);
	background: rgba(255, 85, 85, .035) !important;
	color: #ff918d !important;
}

.home-users-list .user-mini-delete:hover {
	border-color: rgba(255, 85, 85, .34);
	background: rgba(255, 85, 85, .08) !important;
	color: #fff !important;
}

.home-users-list .prime-empty-state,
.home-users-list .prime-loader {
	min-height: 140px;
}

.home-users-pagination {
	margin: 0;
	padding: 10px 0;
}

.home-users-pagination:first-child {
	padding-top: 0;
	border-bottom: 1px solid rgba(255, 255, 255, .06);
}

.home-users-pagination:last-child {
	padding-bottom: 0;
	border-top: 1px solid rgba(255, 255, 255, .06);
}

/* Search panel */
.home-users-search-content {
	padding: 9px !important;
}

.home-users-search-form {
	display: grid;
	gap: 8px;
}

.home-users-search {
	width: 100%;
}

.home-users-search .form-control,
.home-users-search-btn {
	height: 38px;
}

.home-users-search-btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 6px;
	border-color: rgba(255, 152, 0, .22) !important;
	background:
		linear-gradient(
			135deg,
			rgba(255, 59, 59, .11),
			rgba(255, 152, 0, .08)
		) !important;
	color: #ffbd69 !important;
	font-size: 9px;
	font-weight: 850;
}

.home-users-search-btn:hover {
	border-color: rgba(255, 152, 0, .38) !important;
	color: #fff !important;
	transform: none;
}

.home-users-sidebar {
	display: grid;
	align-content: start;
	gap: 14px;
}

.home-users-search-card {
	margin-bottom: 0;
}

@media (max-width: 760px) {
	.home-users-list .user-mini-card {
		grid-template-columns: 62px minmax(0, 1fr);
		grid-template-areas:
			"avatar title"
			"actions actions";
	}

	.home-users-list .user-mini-avatar-link,
	.home-users-list .user-mini-avatar {
		width: 62px !important;
		height: 62px !important;
	}

	.home-users-list .user-mini-actions {
		width: 100%;
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.home-users-list .user-mini-actions > :only-child {
		grid-column: 1 / -1;
	}
}

@media (max-width: 520px) {
	.home-users-content {
		padding: 9px;
	}

	.home-users-list .user-mini-card {
		padding: 9px;
	}

	.home-users-list .user-mini-actions {
		grid-template-columns: 1fr;
	}

	.home-users-search {
		display: flex;
		flex-direction: column;
		gap: 7px;
	}

	.home-users-search .input-group-btn,
	.home-users-search .btn {
		width: 100%;
	}

	.home-users-search .btn {
		border-radius: 8px !important;
	}
}

/* ==========================================================================
   PRIME-3ONA — /index/body.tpl
   Добавить в конец mystyles.css
   ========================================================================== */

.index-body-main {
	min-width: 0;
}

.index-login-card,
.index-servers-card,
.index-banner-card {
	margin-bottom: 15px;
	overflow: hidden;
}

/* Авторизация */
.index-login-content {
	padding: 17px;
	background:
		radial-gradient(
			circle at 10% 0,
			rgba(255, 59, 59, .055),
			transparent 34%
		),
		radial-gradient(
			circle at 100% 100%,
			rgba(255, 152, 0, .045),
			transparent 38%
		);
}

.index-login-form {
	max-width: 430px;
	margin: 0 auto;
	display: grid;
	gap: 12px;
}

.index-login-field {
	display: grid;
	gap: 6px;
}

.index-login-field label {
	margin: 0;
	display: flex;
	align-items: center;
	gap: 6px;
	color: #dfe2e6;
	font-size: 9px;
	font-weight: 850;
	letter-spacing: .25px;
}

.index-login-field label .glyphicon {
	color: #ff972f;
}

.index-login-field .form-control {
	height: 42px;
}

.index-login-actions {
	display: grid;
	grid-template-columns: 1fr auto;
	gap: 8px;
}

.index-login-submit,
.index-login-recovery {
	min-height: 40px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 7px;
}

.index-login-submit {
	background: linear-gradient(135deg, #ff3b3b, #ff9800) !important;
	color: #fff !important;
	box-shadow: 0 9px 20px rgba(255, 75, 35, .20);
}

.index-login-recovery {
	padding-inline: 13px;
	white-space: nowrap;
}

.index-login-divider {
	position: relative;
	margin: 1px 0;
	text-align: center;
}

.index-login-divider::before {
	content: "";
	position: absolute;
	top: 50%;
	left: 0;
	width: 100%;
	height: 1px;
	background: rgba(255, 255, 255, .07);
}

.index-login-divider span {
	position: relative;
	padding: 0 9px;
	background: #181b21;
	color: #6f7680;
	font-size: 8px;
	font-weight: 800;
	letter-spacing: .35px;
	text-transform: uppercase;
}

.index-login-socials {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 7px;
}

.index-login-social {
	min-height: 38px;
	padding: 0 9px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 6px;
	border: 1px solid rgba(255, 255, 255, .07);
	border-radius: 8px;
	background: rgba(255, 255, 255, .022);
	color: #b8bec7 !important;
	font-size: 9px;
	font-weight: 800;
}

.index-login-social:hover {
	border-color: rgba(255, 152, 0, .23);
	background: rgba(255, 152, 0, .055);
	color: #ffbd69 !important;
}

.index-login-social i {
	font-size: 13px;
}

.index-login-result:empty {
	display: none;
}

.index-login-result:not(:empty) {
	padding: 9px 10px;
	border: 1px solid rgba(255, 152, 0, .15);
	border-radius: 8px;
	background: rgba(255, 152, 0, .045);
	color: #c8ccd3;
}

/* Серверы */
.index-servers-table-wrap {
	margin: 0;
	border: 0;
}

.index-servers-table {
	min-width: 650px;
}

.index-servers-table thead td {
	padding: 10px 11px !important;
	background:
		linear-gradient(
			90deg,
			rgba(255, 59, 59, .075),
			rgba(255, 152, 0, .025)
		),
		rgba(255, 255, 255, .03);
	color: #f1f3f6;
	font-size: 9px !important;
	font-weight: 850;
	letter-spacing: .4px;
	text-transform: uppercase;
}

.index-servers-table td {
	padding: 10px 11px !important;
	vertical-align: middle !important;
	border-color: rgba(255, 255, 255, .065) !important;
}

.index-servers-table tbody tr {
	transition:
		background .2s ease,
		color .2s ease;
}

.index-servers-table tbody tr:hover {
	background: rgba(255, 152, 0, .035);
}

.index-servers-table img {
	max-width: 54px;
	border-radius: 8px;
}

.index-servers-table a {
	color: #ffad42 !important;
	font-weight: 800;
}

.index-main-info {
	display: grid;
	gap: 15px;
}

.index-main-info > .r_block,
.index-main-info > .l_block {
	margin-bottom: 0;
}

.index-site-stats {
	margin-top: 15px;
}

.index-site-stats #site_stats {
	display: grid;
	gap: 10px;
}

/* Правая колонка */
.index-body-sidebar {
	display: grid;
	align-content: start;
	gap: 14px;
}

.index-banner-card {
	margin-bottom: 0;
}

.index-banner-content {
	padding: 8px !important;
}

.index-banner-link {
	position: relative;
	display: block;
	border: 1px solid rgba(255, 255, 255, .07);
	border-radius: 9px;
	background: #111419;
	overflow: hidden;
}

.index-banner-link::after {
	content: "";
	position: absolute;
	inset: 0;
	pointer-events: none;
	box-shadow:
		inset 0 0 0 1px rgba(255, 255, 255, .025),
		inset 0 -35px 50px rgba(0, 0, 0, .16);
}

.index-banner-link img {
	width: 100%;
	height: auto;
	display: block;
	transition:
		transform .3s ease,
		filter .3s ease;
}

.index-banner-link:hover img {
	transform: scale(1.025);
	filter: brightness(1.05);
}

.index-community-widget > * {
	margin-bottom: 0;
}

@media (max-width: 760px) {
	.index-login-content {
		padding: 13px;
	}

	.index-login-form {
		max-width: none;
	}
}

@media (max-width: 520px) {
	.index-login-actions,
	.index-login-socials {
		grid-template-columns: 1fr;
	}

	.index-login-recovery {
		width: 100%;
	}

	.index-login-content {
		padding: 10px;
	}
}

/* ==========================================================================
   PRIME-3ONA — /index/main_info.tpl
   Добавить в конец mystyles.css
   ========================================================================== */

.index-main-activity-card,
.index-main-forum-card,
.index-main-news-card,
.index-main-visitors-card {
	margin-bottom: 15px;
	overflow: hidden;
}

/* Последняя активность */
.index-main-activity-content {
	padding: 9px !important;
}

.index-main-activity-list {
	display: grid;
	gap: 7px;
}

.index-main-activity-list .last-activity-card,
.index-main-activity-list .prime-forum-activity,
.index-main-activity-list > div {
	margin: 0;
}

/* Форум */
.index-main-forum-list {
	display: grid;
	gap: 0;
}

.index-main-forum-list .forum-section,
.index-main-forum-list .prime-forum-section {
	margin: 0;
	border-right: 0;
	border-left: 0;
	border-radius: 0;
}

.index-main-forum-list .forum-section:first-child,
.index-main-forum-list .prime-forum-section:first-child {
	border-top: 0;
}

.index-main-forum-list .forum-section:last-child,
.index-main-forum-list .prime-forum-section:last-child {
	border-bottom: 0;
}

/* Новости */
.index-main-news-content {
	padding: 10px;
}

.index-main-news-list {
	display: grid;
	gap: 10px;
}

.index-main-news-list .new-card,
.index-main-news-list .prime-news-card,
.index-main-news-list > article,
.index-main-news-list > .r_block {
	margin: 0;
}

/* Недавние посетители */
.index-main-visitors-count {
	min-width: 22px;
	height: 22px;
	margin-left: 4px;
	padding: 0 7px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	border: 1px solid rgba(255, 152, 0, .22);
	border-radius: 999px;
	background: rgba(255, 152, 0, .07);
	color: #ffbd69;
	font-size: 8px;
	font-weight: 900;
	vertical-align: middle;
}

.index-main-visitors-count:has(#count_of_last_onl_us:empty) {
	display: none;
}

.index-main-visitors-content {
	padding: 10px;
}

.index-main-visitors-list {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: 7px;
}

.index-main-visitors-list .online-user,
.index-main-visitors-list .visit-user-card,
.index-main-visitors-list .prime-visit-user {
	margin: 0;
}

.index-main-visitors-list img {
	width: 38px !important;
	height: 38px !important;
	object-fit: cover;
	border: 2px solid rgba(255, 152, 0, .32);
	border-radius: 50%;
	box-shadow: 0 0 0 3px rgba(255, 152, 0, .045);
}

/* Описание проекта */
.index-main-about {
	position: relative;
	padding: 15px;
	border: 1px solid rgba(255, 152, 0, .20);
	border-radius: 13px;
	background:
		radial-gradient(
			circle at 0 0,
			rgba(255, 59, 59, .08),
			transparent 34%
		),
		radial-gradient(
			circle at 100% 100%,
			rgba(255, 152, 0, .07),
			transparent 38%
		),
		rgba(24, 27, 33, .96);
	box-shadow:
		0 15px 34px rgba(0, 0, 0, .28),
		0 0 25px rgba(255, 111, 25, .07);
	overflow: hidden;
}

.index-main-about::before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 3px;
	background: linear-gradient(90deg, #ff3b3b, #ff9800);
}

.index-main-about-head {
	margin-bottom: 12px;
	padding-bottom: 11px;
	display: flex;
	align-items: center;
	gap: 9px;
	border-bottom: 1px solid rgba(255, 255, 255, .07);
}

.index-main-about-icon {
	width: 38px;
	height: 38px;
	flex: 0 0 38px;
	display: flex;
	align-items: center;
	justify-content: center;
	border: 1px solid rgba(255, 152, 0, .22);
	border-radius: 10px;
	background:
		linear-gradient(
			145deg,
			rgba(255, 59, 59, .12),
			rgba(255, 152, 0, .08)
		);
	color: #ffbd69;
	font-size: 14px;
	box-shadow: 0 6px 15px rgba(0, 0, 0, .18);
}

.index-main-about-head strong,
.index-main-about-head small {
	display: block;
}

.index-main-about-head strong {
	color: #f1f3f6;
	font-size: 11px;
	font-weight: 900;
}

.index-main-about-head small {
	margin-top: 2px;
	color: #7d848e;
	font-size: 8px;
}

.index-main-about-content {
	color: #bdc2ca;
	font-size: 10px;
	line-height: 1.75;
	overflow-wrap: anywhere;
}

.index-main-about-content > :first-child {
	margin-top: 0 !important;
}

.index-main-about-content > :last-child {
	margin-bottom: 0 !important;
}

.index-main-about-content h1,
.index-main-about-content h2,
.index-main-about-content h3,
.index-main-about-content h4 {
	color: #f1f3f6;
	font-weight: 850;
}

.index-main-about-content a {
	color: #ffad42 !important;
	font-weight: 800;
}

.index-main-about-content img {
	max-width: 100%;
	height: auto;
	border-radius: 10px;
}

.index-main-about-content ul,
.index-main-about-content ol {
	padding-left: 20px;
}

.index-main-about-content li::marker {
	color: #ff972f;
}

@supports not selector(:has(*)) {
	.index-main-visitors-count {
		display: inline-flex;
	}
}

@media (max-width: 520px) {
	.index-main-about {
		padding: 12px;
	}

	.index-main-news-content,
	.index-main-visitors-content {
		padding: 8px;
	}
}

/* ==========================================================================
   PRIME-3ONA — /index/page.tpl
   Добавить в конец mystyles.css
   ========================================================================== */

.index-page-main {
	min-width: 0;
}

.index-page-card {
	position: relative;
	overflow: hidden;
}

.index-page-card::before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	z-index: 2;
	width: 100%;
	height: 3px;
	background: linear-gradient(90deg, #ff3b3b, #ff9800);
}

.index-page-content {
	padding: 19px;
}

.index-page-article {
	min-width: 0;
	color: #c5cad1;
	font-size: 10px;
	line-height: 1.78;
	overflow-wrap: anywhere;
}

.index-page-article::after {
	content: "";
	display: table;
	clear: both;
}

.index-page-article > :first-child {
	margin-top: 0 !important;
}

.index-page-article > :last-child {
	margin-bottom: 0 !important;
}

.index-page-article h1,
.index-page-article h2,
.index-page-article h3,
.index-page-article h4,
.index-page-article h5,
.index-page-article h6 {
	position: relative;
	margin: 23px 0 11px;
	color: #f2f3f5;
	font-weight: 900;
	line-height: 1.35;
}

.index-page-article h1 {
	padding-bottom: 12px;
	border-bottom: 1px solid rgba(255, 255, 255, .075);
	font-size: 21px;
}

.index-page-article h1::after {
	content: "";
	position: absolute;
	left: 0;
	bottom: -1px;
	width: 72px;
	height: 2px;
	border-radius: 999px;
	background: linear-gradient(90deg, #ff3b3b, #ff9800);
}

.index-page-article h2 {
	font-size: 17px;
}

.index-page-article h3 {
	font-size: 14px;
}

.index-page-article h4,
.index-page-article h5,
.index-page-article h6 {
	font-size: 12px;
}

.index-page-article p {
	margin: 0 0 13px;
}

.index-page-article strong,
.index-page-article b {
	color: #eef0f3;
	font-weight: 850;
}

.index-page-article em,
.index-page-article i {
	color: #d5c3b5;
}

.index-page-article a {
	color: #ffad42 !important;
	font-weight: 800;
	text-decoration: none;
	border-bottom: 1px solid rgba(255, 173, 66, .28);
}

.index-page-article a:hover {
	color: #ffd08a !important;
	border-bottom-color: rgba(255, 208, 138, .58);
}

.index-page-article ul,
.index-page-article ol {
	margin: 0 0 15px;
	padding-left: 22px;
}

.index-page-article li {
	margin-bottom: 6px;
	padding-left: 3px;
}

.index-page-article li::marker {
	color: #ff972f;
	font-weight: 900;
}

.index-page-article blockquote {
	margin: 16px 0;
	padding: 13px 15px;
	border: 1px solid rgba(255, 152, 0, .15);
	border-left: 4px solid #ff972f;
	border-radius: 0 10px 10px 0;
	background:
		linear-gradient(
			90deg,
			rgba(255, 59, 59, .06),
			rgba(255, 152, 0, .025)
		);
	color: #dccabd;
	font-size: 10px;
	line-height: 1.7;
}

.index-page-article blockquote p:last-child {
	margin-bottom: 0;
}

.index-page-article hr {
	margin: 22px 0;
	border: 0;
	border-top: 1px solid rgba(255, 255, 255, .075);
}

.index-page-article img {
	max-width: 100%;
	height: auto;
	border: 1px solid rgba(255, 255, 255, .075);
	border-radius: 11px;
	box-shadow: 0 12px 28px rgba(0, 0, 0, .24);
}

.index-page-article iframe,
.index-page-article video {
	max-width: 100%;
	border: 1px solid rgba(255, 255, 255, .075);
	border-radius: 11px;
	background: #101318;
}

.index-page-article table {
	width: 100%;
	margin: 16px 0;
	border-collapse: separate;
	border-spacing: 0;
	border: 1px solid rgba(255, 255, 255, .07);
	border-radius: 10px;
	background: rgba(255, 255, 255, .015);
	overflow: hidden;
}

.index-page-article table th,
.index-page-article table td {
	padding: 10px 11px;
	border-right: 1px solid rgba(255, 255, 255, .06);
	border-bottom: 1px solid rgba(255, 255, 255, .06);
	vertical-align: top;
}

.index-page-article table th:last-child,
.index-page-article table td:last-child {
	border-right: 0;
}

.index-page-article table tr:last-child td {
	border-bottom: 0;
}

.index-page-article table th,
.index-page-article table thead td {
	background:
		linear-gradient(
			90deg,
			rgba(255, 59, 59, .075),
			rgba(255, 152, 0, .025)
		),
		rgba(255, 255, 255, .03);
	color: #f1f3f6;
	font-size: 9px;
	font-weight: 850;
	letter-spacing: .4px;
	text-transform: uppercase;
}

.index-page-article code {
	padding: 2px 5px;
	border: 1px solid rgba(255, 152, 0, .13);
	border-radius: 5px;
	background: rgba(255, 152, 0, .045);
	color: #ffbd69;
	font-family: Consolas, Monaco, monospace;
	font-size: .92em;
}

.index-page-article pre {
	margin: 15px 0;
	padding: 14px;
	border: 1px solid rgba(255, 255, 255, .075);
	border-left: 3px solid #ff972f;
	border-radius: 9px;
	background: #101318;
	color: #cfd3da;
	font-family: Consolas, Monaco, monospace;
	font-size: 10px;
	line-height: 1.65;
	white-space: pre-wrap;
	word-break: break-word;
	overflow-x: auto;
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, .02);
}

.index-page-article pre code {
	padding: 0;
	border: 0;
	background: transparent;
	color: inherit;
	font-size: inherit;
}

.index-page-article .alert,
.index-page-article .bs-callout {
	margin: 15px 0;
	border-radius: 9px;
}

.index-page-article .btn,
.index-page-article .btn2 {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 6px;
	border-radius: 8px;
}

.index-page-sidebar {
	display: grid;
	align-content: start;
	gap: 14px;
}

@media (max-width: 760px) {
	.index-page-content {
		padding: 14px;
	}

	.index-page-article h1 {
		font-size: 18px;
	}

	.index-page-article h2 {
		font-size: 15px;
	}

	.index-page-article table {
		display: block;
		overflow-x: auto;
		white-space: nowrap;
	}
}

@media (max-width: 520px) {
	.index-page-content {
		padding: 11px;
	}

	.index-page-article {
		font-size: 10px;
	}
}

/* ==========================================================================
   PRIME-3ONA — /index/recovery.tpl
   Добавить в конец mystyles.css
   ========================================================================== */

.index-recovery-main {
	min-width: 0;
}

.index-recovery-card {
	position: relative;
	overflow: hidden;
}

.index-recovery-card::before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	z-index: 2;
	width: 100%;
	height: 3px;
	background: linear-gradient(90deg, #ff3b3b, #ff9800);
}

.index-recovery-content {
	padding: 20px;
	background:
		radial-gradient(
			circle at 10% 0,
			rgba(255, 59, 59, .055),
			transparent 34%
		),
		radial-gradient(
			circle at 100% 100%,
			rgba(255, 152, 0, .045),
			transparent 38%
		);
}

.index-recovery-intro {
	max-width: 440px;
	margin: 0 auto 14px;
	padding: 12px;
	display: flex;
	align-items: center;
	gap: 11px;
	border: 1px solid rgba(255, 152, 0, .16);
	border-radius: 10px;
	background:
		linear-gradient(
			90deg,
			rgba(255, 59, 59, .05),
			rgba(255, 152, 0, .025)
		);
}

.index-recovery-intro-icon {
	width: 42px;
	height: 42px;
	flex: 0 0 42px;
	display: flex;
	align-items: center;
	justify-content: center;
	border: 1px solid rgba(255, 152, 0, .22);
	border-radius: 11px;
	background: rgba(255, 152, 0, .07);
	color: #ffbd69;
	font-size: 15px;
}

.index-recovery-intro strong,
.index-recovery-intro p {
	display: block;
}

.index-recovery-intro strong {
	color: #f1f3f6;
	font-size: 10px;
	font-weight: 900;
}

.index-recovery-intro p {
	margin: 4px 0 0;
	color: #8f969f;
	font-size: 9px;
	line-height: 1.55;
}

.index-recovery-form {
	max-width: 440px;
	margin: 0 auto;
	display: grid;
	gap: 12px;
}

.index-recovery-field {
	display: grid;
	gap: 6px;
}

.index-recovery-field label {
	margin: 0;
	display: flex;
	align-items: center;
	gap: 6px;
	color: #dfe2e6;
	font-size: 9px;
	font-weight: 850;
	letter-spacing: .25px;
}

.index-recovery-field label .glyphicon {
	color: #ff972f;
}

.index-recovery-field .form-control {
	height: 42px;
}

.index-recovery-captcha {
	max-width: 100%;
	padding: 10px;
	border: 1px solid rgba(255, 255, 255, .065);
	border-radius: 9px;
	background: rgba(255, 255, 255, .018);
	overflow-x: auto;
}

.index-recovery-captcha .g-recaptcha {
	width: max-content;
	max-width: 100%;
	margin: 0 auto;
}

.index-recovery-submit {
	min-height: 42px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 7px;
	background: linear-gradient(135deg, #ff3b3b, #ff9800) !important;
	color: #fff !important;
	box-shadow: 0 9px 20px rgba(255, 75, 35, .20);
}

.index-recovery-back {
	min-height: 34px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 5px;
	color: #818894 !important;
	font-size: 9px;
	font-weight: 750;
}

.index-recovery-back:hover {
	color: #ffbd69 !important;
}

.index-recovery-result:empty {
	display: none;
}

.index-recovery-result:not(:empty) {
	padding: 9px 10px;
	border: 1px solid rgba(255, 152, 0, .15);
	border-radius: 8px;
	background: rgba(255, 152, 0, .045);
	color: #c8ccd3;
}

.index-recovery-message {
	max-width: 540px;
	margin: 0 auto;
	padding: 14px;
	display: flex;
	align-items: flex-start;
	gap: 11px;
	border: 1px solid rgba(72, 172, 255, .26);
	border-radius: 11px;
	background:
		linear-gradient(
			105deg,
			rgba(45, 143, 226, .12),
			rgba(89, 183, 255, .045)
		),
		#171d23;
	color: #dcecff;
}

.index-recovery-message-icon {
	width: 40px;
	height: 40px;
	flex: 0 0 40px;
	display: flex;
	align-items: center;
	justify-content: center;
	border: 1px solid rgba(89, 183, 255, .34);
	border-radius: 10px;
	background: rgba(89, 183, 255, .12);
	color: #82ccff;
	font-size: 14px;
}

.index-recovery-message-content {
	min-width: 0;
	font-size: 10px;
	line-height: 1.65;
	overflow-wrap: anywhere;
}

.index-recovery-message-content > :first-child {
	margin-top: 0 !important;
}

.index-recovery-message-content > :last-child {
	margin-bottom: 0 !important;
}

.index-recovery-message-content a {
	color: #82ccff !important;
	font-weight: 800;
}

.index-recovery-sidebar {
	display: grid;
	align-content: start;
	gap: 14px;
}

@media (max-width: 760px) {
	.index-recovery-content {
		padding: 15px;
	}
}

@media (max-width: 520px) {
	.index-recovery-content {
		padding: 11px;
	}

	.index-recovery-intro,
	.index-recovery-message {
		align-items: flex-start;
	}

	.index-recovery-captcha {
		padding: 7px;
	}

	.index-recovery-captcha .g-recaptcha {
		transform: scale(.86);
		transform-origin: top left;
		margin-bottom: -12px;
	}
}

/* ==========================================================================
   PRIME-3ONA — /index/reg_form.tpl
   Добавить в конец mystyles.css
   ========================================================================== */

.index-reg-card,
.index-reg-menu-card,
.index-reg-online-card {
	margin-bottom: 14px;
	overflow: hidden;
}

/* Регистрация */
.index-reg-content {
	padding: 10px !important;
}

.index-reg-form {
	display: grid;
	gap: 10px;
}

.index-reg-field {
	display: grid;
	gap: 5px;
}

.index-reg-field label {
	margin: 0;
	display: flex;
	align-items: center;
	gap: 5px;
	color: #dfe2e6;
	font-size: 8px;
	font-weight: 850;
	letter-spacing: .2px;
}

.index-reg-field label .glyphicon {
	color: #ff972f;
}

.index-reg-field .form-control {
	height: 38px;
}

.index-reg-privacy {
	padding: 8px;
	display: flex;
	align-items: flex-start;
	gap: 6px;
	border: 1px solid rgba(89, 183, 255, .14);
	border-radius: 8px;
	background: rgba(89, 183, 255, .035);
	color: #91a8ba !important;
	font-size: 8px;
	line-height: 1.45;
}

.index-reg-privacy:hover {
	border-color: rgba(89, 183, 255, .25);
	color: #b8d9ef !important;
}

.index-reg-privacy .glyphicon {
	margin-top: 1px;
	flex: 0 0 auto;
	color: #82ccff;
}

.index-reg-captcha {
	max-width: 100%;
	padding: 7px;
	border: 1px solid rgba(255, 255, 255, .06);
	border-radius: 8px;
	background: rgba(255, 255, 255, .018);
	overflow: hidden;
}

.index-reg-captcha .g-recaptcha {
	width: max-content;
	transform: scale(.75);
	transform-origin: top left;
	margin-bottom: -19px;
}

.index-reg-result:empty {
	display: none;
}

.index-reg-result:not(:empty) {
	margin-top: 7px;
	padding: 8px;
	border: 1px solid rgba(255, 152, 0, .15);
	border-radius: 7px;
	background: rgba(255, 152, 0, .045);
	color: #c8ccd3;
	font-size: 8px;
	line-height: 1.45;
}

.index-reg-actions {
	display: grid;
	gap: 8px;
}

.index-reg-submit,
.index-reg-api-btn {
	width: 100%;
	min-height: 38px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 6px;
	background: linear-gradient(135deg, #ff3b3b, #ff9800) !important;
	color: #fff !important;
	box-shadow: 0 8px 18px rgba(255, 75, 35, .18);
}

.index-reg-divider {
	position: relative;
	text-align: center;
}

.index-reg-divider::before {
	content: "";
	position: absolute;
	top: 50%;
	left: 0;
	width: 100%;
	height: 1px;
	background: rgba(255, 255, 255, .065);
}

.index-reg-divider span {
	position: relative;
	padding: 0 7px;
	background: #181b21;
	color: #6f7680;
	font-size: 7px;
	font-weight: 850;
	letter-spacing: .35px;
	text-transform: uppercase;
}

.index-reg-socials {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 6px;
}

.index-reg-social {
	min-height: 34px;
	padding: 0 7px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 5px;
	border: 1px solid rgba(255, 255, 255, .07);
	border-radius: 8px;
	background: rgba(255, 255, 255, .022);
	color: #b8bec7;
	font-size: 8px;
	font-weight: 800;
}

.index-reg-social:hover {
	border-color: rgba(255, 152, 0, .23);
	background: rgba(255, 152, 0, .055);
	color: #ffbd69;
}

.index-reg-social i {
	font-size: 12px;
}

/* Modal */
.index-reg-modal .modal-content {
	border: 1px solid rgba(255, 152, 0, .18);
	border-radius: 12px;
	background: #191c22;
	color: #c8ccd3;
	box-shadow: 0 20px 60px rgba(0, 0, 0, .45);
	overflow: hidden;
}

.index-reg-modal .modal-header {
	padding: 13px 14px;
	border-bottom: 1px solid rgba(255, 255, 255, .07);
	background:
		linear-gradient(
			90deg,
			rgba(255, 59, 59, .09),
			rgba(255, 152, 0, .04)
		);
}

.index-reg-modal .modal-title {
	color: #f1f3f6;
	font-size: 12px;
	font-weight: 900;
}

.index-reg-modal .close {
	color: #fff;
	opacity: .7;
	text-shadow: none;
}

.index-reg-modal .modal-body {
	padding: 14px;
}

.index-reg-modal-text {
	margin: 0 0 10px;
	color: #8f969f;
	font-size: 9px;
	line-height: 1.55;
}

.index-reg-api-btn {
	margin-top: 10px;
}

/* Меню */
.index-reg-menu-content {
	padding: 7px !important;
}

.index-reg-menu > ul {
	margin: 0;
	padding: 0;
	display: grid;
	gap: 5px;
	list-style: none;
}

.index-reg-menu > ul > li {
	margin: 0 !important;
}

.index-reg-menu > ul > li > a {
	min-height: 35px;
	padding: 0 9px !important;
	display: flex !important;
	align-items: center;
	border: 1px solid rgba(255, 255, 255, .055);
	border-radius: 8px;
	background: rgba(255, 255, 255, .018) !important;
	color: #aeb4bd !important;
	font-size: 8px;
	font-weight: 780;
	transition:
		padding-left .22s ease,
		border-color .22s ease,
		background .22s ease,
		color .22s ease;
}

.index-reg-menu > ul > li > a:hover {
	padding-left: 12px !important;
	border-color: rgba(255, 152, 0, .22);
	background: rgba(255, 152, 0, .055) !important;
	color: #ffbd69 !important;
}

.index-reg-menu > ul > li.active > a {
	border-color: rgba(255, 152, 0, .28);
	background:
		linear-gradient(
			90deg,
			rgba(255, 59, 59, .11),
			rgba(255, 152, 0, .065)
		) !important;
	color: #fff !important;
	box-shadow: inset 3px 0 0 #ff972f;
}

/* Онлайн */
.index-reg-online-content {
	padding: 8px !important;
}

.index-reg-online-users {
	margin: 0;
	padding: 0;
	display: grid;
	gap: 6px;
	list-style: none;
}

.index-reg-online-users .online-user,
.index-reg-online-users > li {
	margin: 0;
}

.index-reg-online-users .online-user-card,
.index-reg-online-users > li {
	padding: 7px;
	border: 1px solid rgba(255, 255, 255, .055);
	border-radius: 8px;
	background: rgba(255, 255, 255, .018);
}

.index-reg-online-users img {
	width: 34px !important;
	height: 34px !important;
	object-fit: cover;
	border: 2px solid rgba(255, 152, 0, .30);
	border-radius: 50%;
}

@media (max-width: 520px) {
	.index-reg-socials {
		grid-template-columns: 1fr;
	}

	.index-reg-captcha {
		overflow-x: auto;
	}

	.index-reg-captcha .g-recaptcha {
		transform: scale(.70);
		margin-bottom: -23px;
	}
}

/* ==========================================================================
   PRIME-3ONA — /index/top.tpl
   Добавить в конец mystyles.css
   ========================================================================== */

.index-top-header {
	position: relative;
	margin-bottom: 17px;
	border-bottom: 1px solid rgba(255, 255, 255, .07);
	background:
		radial-gradient(
			circle at 15% 0,
			rgba(255, 57, 48, .10),
			transparent 31%
		),
		radial-gradient(
			circle at 86% 100%,
			rgba(255, 145, 0, .08),
			transparent 34%
		),
		linear-gradient(180deg, #171a20, #111419);
	box-shadow: 0 16px 38px rgba(0, 0, 0, .28);
	overflow: hidden;
}

.index-top-header::after {
	content: "";
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 2px;
	background: linear-gradient(
		90deg,
		transparent,
		#ff3b3b 25%,
		#ff9800 75%,
		transparent
	);
	opacity: .78;
}

.index-top-bar {
	border-bottom: 1px solid rgba(255, 255, 255, .055);
	background: rgba(8, 10, 13, .42);
}

.index-top-bar-inner {
	max-width: 1200px;
	min-height: 42px;
	margin: 0 auto;
	padding: 5px 14px;
	display: flex;
	align-items: center;
	justify-content: flex-end;
}

.index-top-telegram {
	min-height: 32px;
	padding: 0 10px;
	display: inline-flex;
	align-items: center;
	gap: 8px;
	border: 1px solid rgba(67, 181, 255, .20);
	border-radius: 9px;
	background: rgba(67, 181, 255, .055);
	color: #a9d9f6 !important;
	transition:
		transform .22s ease,
		border-color .22s ease,
		background .22s ease,
		color .22s ease;
}

.index-top-telegram:hover {
	transform: translateY(-1px);
	border-color: rgba(67, 181, 255, .37);
	background: rgba(67, 181, 255, .10);
	color: #d6efff !important;
}

.index-top-telegram > .glyphicon {
	width: 24px;
	height: 24px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	border-radius: 7px;
	background: rgba(67, 181, 255, .11);
	font-size: 10px;
}

.index-top-telegram-text strong,
.index-top-telegram-text small {
	display: block;
}

.index-top-telegram-text strong {
	font-size: 8px;
	font-weight: 900;
	letter-spacing: .25px;
	text-transform: uppercase;
}

.index-top-telegram-text small {
	margin-top: 1px;
	color: #66869a;
	font-size: 7px;
}

.index-top-inner {
	min-height: 116px;
	display: flex;
	align-items: center;
	justify-content: center;
}

.index-top-brand {
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
}

.index-top-logo {
	min-height: 72px;
	padding: 10px 16px;
	display: inline-flex !important;
	align-items: center;
	gap: 12px;
	border: 1px solid rgba(255, 152, 0, .13);
	border-radius: 15px;
	background:
		linear-gradient(
			135deg,
			rgba(255, 59, 59, .06),
			rgba(255, 152, 0, .025)
		),
		rgba(255, 255, 255, .018);
	box-shadow:
		0 12px 28px rgba(0, 0, 0, .24),
		inset 0 1px 0 rgba(255, 255, 255, .035);
}

.index-top-logo:hover {
	border-color: rgba(255, 152, 0, .25);
	transform: translateY(-2px);
}

.index-top-logo-mark {
	width: 48px;
	height: 48px;
	flex: 0 0 48px;
	display: flex;
	align-items: center;
	justify-content: center;
	border: 1px solid rgba(255, 190, 82, .32);
	border-radius: 13px;
	background:
		linear-gradient(
			145deg,
			rgba(255, 60, 48, .24),
			rgba(255, 153, 0, .19)
		);
	color: #ffbd69;
	font-size: 18px;
	box-shadow:
		0 8px 20px rgba(0, 0, 0, .22),
		0 0 20px rgba(255, 129, 25, .12);
}

.index-top-logo-text strong,
.index-top-logo-text small {
	display: block;
}

.index-top-logo-text strong {
	color: #f6f7f8;
	font-size: 19px;
	font-weight: 950;
	letter-spacing: 1.3px;
	line-height: 1;
	text-shadow: 0 3px 14px rgba(0, 0, 0, .40);
}

.index-top-logo-text small {
	margin-top: 6px;
	color: #8d949e;
	font-size: 8px;
	font-weight: 800;
	letter-spacing: .9px;
	text-transform: uppercase;
}

/* Основное меню */
.index-top-page {
	position: relative;
}

.index-top-content {
	min-width: 0;
}

.index-top-navigation {
	margin-bottom: 15px;
	padding: 7px;
	border: 1px solid rgba(255, 255, 255, .065);
	border-radius: 12px;
	background:
		linear-gradient(
			90deg,
			rgba(255, 59, 59, .035),
			rgba(255, 152, 0, .018)
		),
		rgba(20, 23, 28, .96);
	box-shadow: 0 12px 28px rgba(0, 0, 0, .22);
}

.index-top-nav {
	margin: 0;
	padding: 0;
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: 5px;
	list-style: none;
}

.index-top-nav > li {
	margin: 0 !important;
}

.index-top-nav > li > a {
	min-height: 38px;
	padding: 0 12px !important;
	display: inline-flex !important;
	align-items: center;
	justify-content: center;
	gap: 6px;
	border: 1px solid transparent;
	border-radius: 8px;
	background: transparent !important;
	color: #9ea5af !important;
	font-size: 9px;
	font-weight: 820;
	transition:
		border-color .2s ease,
		background .2s ease,
		color .2s ease,
		transform .2s ease;
}

.index-top-nav > li > a:hover {
	transform: translateY(-1px);
	border-color: rgba(255, 152, 0, .18);
	background: rgba(255, 152, 0, .05) !important;
	color: #ffbd69 !important;
}

.index-top-nav > li.active > a,
.index-top-nav > li > a.active {
	border-color: rgba(255, 152, 0, .25);
	background:
		linear-gradient(
			135deg,
			rgba(255, 59, 59, .12),
			rgba(255, 152, 0, .075)
		) !important;
	color: #fff !important;
	box-shadow:
		inset 0 -2px 0 #ff972f,
		0 5px 14px rgba(0, 0, 0, .16);
}

.index-top-nav .dropdown-menu {
	margin-top: 7px;
	padding: 6px;
	border: 1px solid rgba(255, 255, 255, .08);
	border-radius: 9px;
	background: #181b21;
	box-shadow: 0 15px 35px rgba(0, 0, 0, .38);
}

.index-top-nav .dropdown-menu > li > a {
	padding: 8px 9px;
	border-radius: 6px;
	color: #aeb4bd !important;
	font-size: 9px;
}

.index-top-nav .dropdown-menu > li > a:hover {
	background: rgba(255, 152, 0, .06) !important;
	color: #ffbd69 !important;
}

.index-top-side-content {
	min-width: 0;
}

@media (max-width: 760px) {
	.index-top-inner {
		min-height: 96px;
	}

	.index-top-nav {
		display: grid;
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.index-top-nav > li > a {
		width: 100%;
	}

	.index-top-logo {
		min-height: 62px;
	}

	.index-top-logo-mark {
		width: 42px;
		height: 42px;
		flex-basis: 42px;
	}

	.index-top-logo-text strong {
		font-size: 16px;
	}
}

@media (max-width: 520px) {
	.index-top-bar-inner {
		justify-content: center;
	}

	.index-top-telegram {
		width: 100%;
		justify-content: center;
	}

	.index-top-inner {
		min-height: 84px;
	}

	.index-top-logo {
		width: 100%;
		justify-content: center;
		padding: 9px 11px;
	}

	.index-top-logo-text strong {
		font-size: 14px;
	}

	.index-top-logo-text small {
		font-size: 7px;
	}

	.index-top-navigation {
		padding: 6px;
	}

	.index-top-nav {
		grid-template-columns: 1fr;
	}
}

/* ==========================================================================
   PRIME-3ONA — /news/add_new.tpl
   Добавить в конец mystyles.css
   ========================================================================== */

.news-add-main {
	width: 100%;
	min-width: 0;
}

.news-add-card {
	position: relative;
	overflow: hidden;
}

.news-add-card::before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	z-index: 2;
	width: 100%;
	height: 3px;
	background: linear-gradient(90deg, #ff3b3b, #ff9800);
}

.news-add-content {
	padding: 15px;
	display: grid;
	gap: 13px;
}

.news-add-notice {
	padding: 10px 12px;
	display: flex;
	align-items: flex-start;
	gap: 8px;
	border: 1px solid rgba(255, 152, 0, .17);
	border-radius: 9px;
	background:
		linear-gradient(
			90deg,
			rgba(255, 59, 59, .05),
			rgba(255, 152, 0, .025)
		);
	color: #c9b3a2;
}

.news-add-notice .glyphicon {
	margin-top: 2px;
	color: #ffad42;
}

.news-add-notice p {
	margin: 0;
	font-size: 10px;
	line-height: 1.55;
}

.news-add-section {
	padding: 13px;
	border: 1px solid rgba(255, 255, 255, .07);
	border-radius: 11px;
	background:
		linear-gradient(
			145deg,
			rgba(255, 59, 59, .025),
			rgba(255, 152, 0, .012)
		),
		rgba(255, 255, 255, .016);
}

.news-add-section-head {
	margin-bottom: 12px;
	padding-bottom: 10px;
	display: flex;
	align-items: center;
	gap: 9px;
	border-bottom: 1px solid rgba(255, 255, 255, .07);
}

.news-add-section-head > .glyphicon {
	width: 34px;
	height: 34px;
	flex: 0 0 34px;
	display: flex;
	align-items: center;
	justify-content: center;
	border: 1px solid rgba(255, 152, 0, .16);
	border-radius: 9px;
	background: rgba(255, 152, 0, .055);
	color: #ffad42;
}

.news-add-section-head strong,
.news-add-section-head small {
	display: block;
}

.news-add-section-head strong {
	color: #f1f3f6;
	font-size: 11px;
	font-weight: 900;
}

.news-add-section-head small {
	margin-top: 2px;
	color: #747b86;
	font-size: 8px;
}

/* Image */
.news-add-image-grid {
	display: grid;
	grid-template-columns: 220px minmax(0, 1fr);
	align-items: center;
	gap: 13px;
}

.news-add-image-preview {
	position: relative;
	height: 140px;
	margin: 0;
	display: block;
	border: 1px solid rgba(255, 255, 255, .08);
	border-radius: 10px;
	background: #111419;
	overflow: hidden;
	cursor: pointer;
}

.news-add-image-preview img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.news-add-image-overlay {
	position: absolute;
	inset: auto 0 0;
	min-height: 38px;
	padding: 0 10px;
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 6px;
	background: linear-gradient(
		180deg,
		transparent,
		rgba(0, 0, 0, .80)
	);
	color: #fff;
	font-size: 8px;
	font-weight: 850;
	opacity: .88;
	transition: opacity .2s ease;
}

.news-add-image-preview:hover .news-add-image-overlay {
	opacity: 1;
}

.news-add-image-controls {
	display: grid;
	gap: 9px;
}

.news-add-upload-btn {
	width: max-content;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 6px;
}

/* Fields */
.news-add-fields {
	display: grid;
	gap: 10px;
}

.news-add-field {
	display: grid;
	gap: 7px;
}

.news-add-field > label {
	margin: 0;
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: 6px;
	color: #dfe2e6;
	font-size: 9px;
	font-weight: 850;
	letter-spacing: .2px;
}

.news-add-field > label .glyphicon {
	color: #ff972f;
}

.news-add-required {
	padding: 3px 6px;
	border: 1px solid rgba(255, 85, 85, .18);
	border-radius: 999px;
	background: rgba(255, 85, 85, .055);
	color: #ff918d;
	font-size: 7px;
	font-weight: 900;
	letter-spacing: .35px;
	text-transform: uppercase;
}

.news-add-help {
	color: #777e89;
	font-size: 8px;
	line-height: 1.5;
}

.news-add-required-note {
	padding: 9px 10px;
	display: flex;
	align-items: center;
	gap: 6px;
	border: 1px solid rgba(255, 85, 85, .14);
	border-radius: 8px;
	background: rgba(255, 85, 85, .035);
	color: #a88987;
	font-size: 8px;
}

.news-add-required-note .glyphicon {
	color: #ff918d;
}

.news-add-result:empty {
	display: none;
}

.news-add-result:not(:empty) {
	padding: 10px 11px;
	border: 1px solid rgba(255, 152, 0, .16);
	border-radius: 8px;
	background: rgba(255, 152, 0, .045);
	color: #c8ccd3;
}

.news-add-actions {
	padding-top: 13px;
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 10px;
	border-top: 1px solid rgba(255, 255, 255, .07);
}

.news-add-create-btn {
	min-width: 170px;
	min-height: 40px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 7px;
	background: linear-gradient(135deg, #ff3b3b, #ff9800) !important;
	color: #fff !important;
	box-shadow: 0 9px 20px rgba(255, 75, 35, .18);
}

.news-add-section .mce-tinymce,
.news-add-section .tox-tinymce {
	border: 1px solid rgba(255, 255, 255, .08) !important;
	border-radius: 9px !important;
	overflow: hidden;
}

@media (max-width: 760px) {
	.news-add-image-grid {
		grid-template-columns: 1fr;
	}

	.news-add-image-preview {
		max-width: 360px;
		height: 190px;
	}

	.news-add-upload-btn {
		width: 100%;
	}

	.news-add-actions {
		align-items: stretch;
		flex-direction: column;
	}

	.news-add-create-btn {
		width: 100%;
	}
}

@media (max-width: 520px) {
	.news-add-content {
		padding: 9px;
	}

	.news-add-section {
		padding: 10px;
	}

	.news-add-image-preview {
		height: 165px;
	}
}

/* ==========================================================================
   PRIME-3ONA — /news/change_new.tpl
   Добавить в конец mystyles.css
   ========================================================================== */

.news-change-main {
	width: 100%;
	min-width: 0;
}

.news-change-card {
	position: relative;
	overflow: hidden;
}

.news-change-card::before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	z-index: 2;
	width: 100%;
	height: 3px;
	background: linear-gradient(90deg, #ff3b3b, #ff9800);
}

.news-change-content {
	padding: 15px;
	display: grid;
	gap: 13px;
}

.news-change-notice {
	padding: 10px 12px;
	display: flex;
	align-items: flex-start;
	gap: 8px;
	border: 1px solid rgba(255, 152, 0, .17);
	border-radius: 9px;
	background:
		linear-gradient(
			90deg,
			rgba(255, 59, 59, .05),
			rgba(255, 152, 0, .025)
		);
	color: #c9b3a2;
}

.news-change-notice .glyphicon {
	margin-top: 2px;
	color: #ffad42;
}

.news-change-notice p {
	margin: 0;
	font-size: 10px;
	line-height: 1.55;
}

.news-change-section {
	padding: 13px;
	border: 1px solid rgba(255, 255, 255, .07);
	border-radius: 11px;
	background:
		linear-gradient(
			145deg,
			rgba(255, 59, 59, .025),
			rgba(255, 152, 0, .012)
		),
		rgba(255, 255, 255, .016);
}

.news-change-section-head {
	margin-bottom: 12px;
	padding-bottom: 10px;
	display: flex;
	align-items: center;
	gap: 9px;
	border-bottom: 1px solid rgba(255, 255, 255, .07);
}

.news-change-section-head > .glyphicon {
	width: 34px;
	height: 34px;
	flex: 0 0 34px;
	display: flex;
	align-items: center;
	justify-content: center;
	border: 1px solid rgba(255, 152, 0, .16);
	border-radius: 9px;
	background: rgba(255, 152, 0, .055);
	color: #ffad42;
}

.news-change-section-head strong,
.news-change-section-head small {
	display: block;
}

.news-change-section-head strong {
	color: #f1f3f6;
	font-size: 11px;
	font-weight: 900;
}

.news-change-section-head small {
	margin-top: 2px;
	color: #747b86;
	font-size: 8px;
}

/* Image */
.news-change-image-grid {
	display: grid;
	grid-template-columns: 220px minmax(0, 1fr);
	align-items: center;
	gap: 13px;
}

.news-change-image-preview {
	position: relative;
	height: 140px;
	margin: 0;
	display: block;
	border: 1px solid rgba(255, 255, 255, .08);
	border-radius: 10px;
	background: #111419;
	overflow: hidden;
	cursor: pointer;
}

.news-change-image-preview img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.news-change-image-overlay {
	position: absolute;
	inset: auto 0 0;
	min-height: 38px;
	padding: 0 10px;
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 6px;
	background: linear-gradient(
		180deg,
		transparent,
		rgba(0, 0, 0, .82)
	);
	color: #fff;
	font-size: 8px;
	font-weight: 850;
	opacity: .90;
	transition: opacity .2s ease;
}

.news-change-image-preview:hover .news-change-image-overlay {
	opacity: 1;
}

.news-change-image-controls {
	display: grid;
	gap: 9px;
}

.news-change-upload-btn {
	width: max-content;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 6px;
}

/* Fields */
.news-change-fields {
	display: grid;
	gap: 10px;
}

.news-change-field {
	display: grid;
	gap: 7px;
}

.news-change-field > label {
	margin: 0;
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: 6px;
	color: #dfe2e6;
	font-size: 9px;
	font-weight: 850;
	letter-spacing: .2px;
}

.news-change-field > label .glyphicon {
	color: #ff972f;
}

.news-change-required {
	padding: 3px 6px;
	border: 1px solid rgba(255, 85, 85, .18);
	border-radius: 999px;
	background: rgba(255, 85, 85, .055);
	color: #ff918d;
	font-size: 7px;
	font-weight: 900;
	letter-spacing: .35px;
	text-transform: uppercase;
}

.news-change-help {
	color: #777e89;
	font-size: 8px;
	line-height: 1.5;
}

.news-change-required-note {
	padding: 9px 10px;
	display: flex;
	align-items: center;
	gap: 6px;
	border: 1px solid rgba(255, 85, 85, .14);
	border-radius: 8px;
	background: rgba(255, 85, 85, .035);
	color: #a88987;
	font-size: 8px;
}

.news-change-required-note .glyphicon {
	color: #ff918d;
}

.news-change-result:empty {
	display: none;
}

.news-change-result:not(:empty) {
	padding: 10px 11px;
	border: 1px solid rgba(255, 152, 0, .16);
	border-radius: 8px;
	background: rgba(255, 152, 0, .045);
	color: #c8ccd3;
}

.news-change-actions {
	padding-top: 13px;
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 10px;
	border-top: 1px solid rgba(255, 255, 255, .07);
}

.news-change-save-btn {
	min-width: 190px;
	min-height: 40px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 7px;
	background: linear-gradient(135deg, #ff3b3b, #ff9800) !important;
	color: #fff !important;
	box-shadow: 0 9px 20px rgba(255, 75, 35, .18);
}

.news-change-section .mce-tinymce,
.news-change-section .tox-tinymce {
	border: 1px solid rgba(255, 255, 255, .08) !important;
	border-radius: 9px !important;
	overflow: hidden;
}

@media (max-width: 760px) {
	.news-change-image-grid {
		grid-template-columns: 1fr;
	}

	.news-change-image-preview {
		max-width: 360px;
		height: 190px;
	}

	.news-change-upload-btn {
		width: 100%;
	}

	.news-change-actions {
		align-items: stretch;
		flex-direction: column;
	}

	.news-change-save-btn {
		width: 100%;
	}
}

@media (max-width: 520px) {
	.news-change-content {
		padding: 9px;
	}

	.news-change-section {
		padding: 10px;
	}

	.news-change-image-preview {
		height: 165px;
	}
}

/* ==========================================================================
   PRIME-3ONA — /news/index.tpl
   Добавить в конец mystyles.css
   ========================================================================== */

.news-index-main {
	min-width: 0;
}

.news-index-card,
.news-index-categories-card {
	overflow: hidden;
}

.news-index-content {
	padding: 12px;
}

.news-index-list {
	display: grid;
	gap: 12px;
	min-height: 150px;
}

/* Совместимость с уже оформленными new.tpl / new_new.tpl */
.news-index-list .new-card,
.news-index-list .prime-news-card,
.news-index-list article,
.news-index-list > .r_block {
	margin: 0;
}

.news-index-list .new-card,
.news-index-list .prime-news-card {
	border-color: rgba(255, 255, 255, .07);
	transition:
		transform .22s ease,
		border-color .22s ease,
		box-shadow .22s ease;
}

.news-index-list .new-card:hover,
.news-index-list .prime-news-card:hover {
	transform: translateY(-2px);
	border-color: rgba(255, 152, 0, .24);
	box-shadow:
		0 15px 32px rgba(0, 0, 0, .27),
		0 0 22px rgba(255, 126, 25, .08);
}

.news-index-list img {
	max-width: 100%;
	height: auto;
}

.news-index-list .prime-empty-state,
.news-index-list .prime-loader {
	min-height: 170px;
}

.news-index-pagination {
	margin-top: 13px;
	padding-top: 13px;
	border-top: 1px solid rgba(255, 255, 255, .07);
}

/* Правая колонка */
.news-index-sidebar {
	display: grid;
	align-content: start;
	gap: 14px;
}

.news-index-add-btn {
	width: 100%;
	min-height: 42px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 7px;
	background: linear-gradient(135deg, #ff3b3b, #ff9800) !important;
	color: #fff !important;
	box-shadow:
		0 10px 23px rgba(255, 75, 35, .20),
		inset 0 1px 0 rgba(255, 255, 255, .16);
}

.news-index-add-btn:hover {
	color: #fff !important;
	transform: translateY(-2px);
	box-shadow:
		0 14px 29px rgba(255, 75, 35, .27),
		0 0 20px rgba(255, 143, 24, .12);
}

.news-index-categories-card {
	margin-bottom: 0;
}

.news-index-categories-content {
	padding: 7px !important;
}

.news-index-categories {
	margin: 0;
	display: grid;
	gap: 5px;
}

.news-index-categories > li {
	margin: 0 !important;
}

.news-index-categories > li > a {
	min-height: 36px;
	padding: 0 10px !important;
	display: flex;
	align-items: center;
	border: 1px solid rgba(255, 255, 255, .055);
	border-radius: 8px;
	background: rgba(255, 255, 255, .018) !important;
	color: #aeb4bd !important;
	font-size: 9px;
	font-weight: 790;
	transition:
		padding-left .22s ease,
		border-color .22s ease,
		background .22s ease,
		color .22s ease;
}

.news-index-categories > li > a:hover {
	padding-left: 13px !important;
	border-color: rgba(255, 152, 0, .22);
	background: rgba(255, 152, 0, .055) !important;
	color: #ffbd69 !important;
}

.news-index-categories > li.active > a,
.news-index-categories > li.active > a:hover,
.news-index-categories > li.active > a:focus {
	border-color: rgba(255, 152, 0, .28);
	background:
		linear-gradient(
			90deg,
			rgba(255, 59, 59, .12),
			rgba(255, 152, 0, .075)
		) !important;
	color: #fff !important;
	box-shadow: inset 3px 0 0 #ff972f;
}

.news-index-categories .badge {
	margin-left: auto;
	border: 1px solid rgba(255, 152, 0, .15);
	background: rgba(255, 152, 0, .055);
	color: #ffbd69;
	font-size: 7px;
	font-weight: 850;
}

@media (max-width: 760px) {
	.news-index-content {
		padding: 9px;
	}
}

/* ==========================================================================
   PRIME-3ONA — /news/new.tpl
   Добавить в конец mystyles.css
   ========================================================================== */

.news-view-main {
	min-width: 0;
}

.news-view-card,
.news-view-comment-form-card,
.news-view-comments-card,
.news-view-other-card {
	overflow: hidden;
}

.news-view-comment-form-card,
.news-view-comments-card {
	margin-top: 15px;
}

/* Заголовок новости */
.news-view-head {
	min-height: 78px;
	padding: 12px;
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 13px;
	background:
		linear-gradient(
			100deg,
			rgba(255, 59, 59, .08),
			rgba(255, 152, 0, .035)
		),
		rgba(255, 255, 255, .012);
}

.news-view-title {
	min-width: 0;
	display: flex;
	align-items: center;
	gap: 11px;
}

.news-view-title .prime-section-icon {
	width: 42px;
	height: 42px;
	flex: 0 0 42px;
}

.news-view-title h1 {
	margin: 0;
	color: #f4f5f7;
	font-size: 16px;
	font-weight: 900;
	line-height: 1.3;
	overflow-wrap: anywhere;
}

.news-view-head-meta {
	margin-top: 5px;
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: 10px;
	color: #7f8691;
	font-size: 8px;
	font-weight: 750;
}

.news-view-head-meta span {
	display: inline-flex;
	align-items: center;
	gap: 4px;
}

.news-view-head-meta .glyphicon {
	color: #ff972f;
}

/* Административные действия */
.news-view-admin-actions {
	flex: 0 0 auto;
	display: flex;
	align-items: center;
	gap: 6px;
}

.news-view-admin-btn {
	min-height: 34px;
	padding: 0 9px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 5px;
	border: 1px solid rgba(255, 152, 0, .18);
	border-radius: 8px;
	background: rgba(255, 152, 0, .045);
	color: #ffbd69 !important;
	font-size: 8px;
	font-weight: 800;
}

.news-view-admin-btn:hover {
	border-color: rgba(255, 152, 0, .33);
	background: rgba(255, 152, 0, .085);
	color: #fff !important;
}

.news-view-delete-btn {
	border-color: rgba(255, 85, 85, .20);
	background: rgba(255, 85, 85, .05);
	color: #ff918d !important;
}

.news-view-delete-btn:hover {
	border-color: rgba(255, 85, 85, .36);
	background: rgba(255, 85, 85, .10);
	color: #fff !important;
}

/* Текст новости */
.news-view-content {
	padding: 18px;
}

.news-view-article {
	color: #c5cad1;
	font-size: 10px;
	line-height: 1.8;
	overflow-wrap: anywhere;
}

.news-view-article > :first-child {
	margin-top: 0 !important;
}

.news-view-article > :last-child {
	margin-bottom: 0 !important;
}

.news-view-article h1,
.news-view-article h2,
.news-view-article h3,
.news-view-article h4 {
	color: #f1f3f6;
	font-weight: 900;
	line-height: 1.35;
}

.news-view-article h1 {
	font-size: 20px;
}

.news-view-article h2 {
	font-size: 17px;
}

.news-view-article h3 {
	font-size: 14px;
}

.news-view-article a {
	color: #ffad42 !important;
	font-weight: 800;
	border-bottom: 1px solid rgba(255, 173, 66, .28);
}

.news-view-article a:hover {
	color: #ffd08a !important;
	border-bottom-color: rgba(255, 208, 138, .58);
}

.news-view-article img {
	max-width: 100%;
	height: auto;
	border: 1px solid rgba(255, 255, 255, .075);
	border-radius: 11px;
	box-shadow: 0 12px 28px rgba(0, 0, 0, .24);
}

.news-view-article blockquote {
	margin: 16px 0;
	padding: 13px 15px;
	border: 1px solid rgba(255, 152, 0, .14);
	border-left: 4px solid #ff972f;
	border-radius: 0 10px 10px 0;
	background:
		linear-gradient(
			90deg,
			rgba(255, 59, 59, .055),
			rgba(255, 152, 0, .025)
		);
	color: #dccabd;
}

.news-view-article ul,
.news-view-article ol {
	padding-left: 22px;
}

.news-view-article li::marker {
	color: #ff972f;
	font-weight: 900;
}

.news-view-article table {
	width: 100%;
	margin: 16px 0;
	border-collapse: separate;
	border-spacing: 0;
	border: 1px solid rgba(255, 255, 255, .07);
	border-radius: 10px;
	overflow: hidden;
}

.news-view-article table td,
.news-view-article table th {
	padding: 10px 11px;
	border-right: 1px solid rgba(255, 255, 255, .06);
	border-bottom: 1px solid rgba(255, 255, 255, .06);
}

.news-view-footer {
	margin-top: 18px;
	padding-top: 12px;
	display: flex;
	align-items: center;
	justify-content: space-between;
	flex-wrap: wrap;
	gap: 8px;
	border-top: 1px solid rgba(255, 255, 255, .07);
	color: #7f8691;
	font-size: 8px;
	font-weight: 750;
}

.news-view-footer span {
	display: inline-flex;
	align-items: center;
	gap: 5px;
}

.news-view-footer .glyphicon {
	color: #ff972f;
}

/* Форма комментария */
.news-view-comment-form {
	padding: 12px;
}

.news-view-comment-actions {
	margin-top: 10px;
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 9px;
}

.news-view-send-btn {
	min-width: 180px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 7px;
}

.news-view-comment-form .mce-tinymce,
.news-view-comment-form .tox-tinymce {
	border: 1px solid rgba(255, 255, 255, .08) !important;
	border-radius: 9px !important;
	overflow: hidden;
}

/* Комментарии */
.news-view-comments-content {
	padding: 10px;
}

.news-view-comments {
	display: grid;
	gap: 10px;
	min-height: 130px;
}

.news-view-comments .prime-loader {
	min-height: 130px;
}

/* Правая колонка */
.news-view-sidebar {
	display: grid;
	align-content: start;
	gap: 14px;
}

.news-view-add-btn {
	width: 100%;
	min-height: 42px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 7px;
	background: linear-gradient(135deg, #ff3b3b, #ff9800) !important;
	color: #fff !important;
	box-shadow: 0 10px 23px rgba(255, 75, 35, .20);
}

.news-view-add-btn:hover {
	color: #fff !important;
	transform: translateY(-2px);
}

.news-view-other-card {
	margin-bottom: 0;
}

.news-view-other-content {
	padding: 8px !important;
}

.news-view-other-list {
	display: grid;
	gap: 7px;
}

.news-view-other-list .new-card,
.news-view-other-list .prime-news-card,
.news-view-other-list > div {
	margin: 0;
}

@media (max-width: 760px) {
	.news-view-head {
		align-items: stretch;
		flex-direction: column;
	}

	.news-view-admin-actions {
		width: 100%;
	}

	.news-view-admin-btn {
		flex: 1;
	}

	.news-view-content {
		padding: 13px;
	}
}

@media (max-width: 520px) {
	.news-view-title {
		align-items: flex-start;
	}

	.news-view-title h1 {
		font-size: 14px;
	}

	.news-view-admin-actions,
	.news-view-comment-actions {
		align-items: stretch;
		flex-direction: column;
	}

	.news-view-admin-btn,
	.news-view-send-btn {
		width: 100%;
	}

	.news-view-content {
		padding: 10px;
	}
}

/* ==========================================================================
   PRIME-3ONA — /stats/index.tpl
   Добавить в конец mystyles.css
   ========================================================================== */

.stats-index-main {
	min-width: 0;
}

.stats-index-card,
.stats-index-search-card,
.stats-index-servers-card {
	overflow: hidden;
}

/* Таблица статистики */
.stats-index-table-wrap {
	width: 100%;
	margin: 0;
	overflow-x: auto;
	-webkit-overflow-scrolling: touch;
}

.stats-index-table {
	min-width: 690px;
	margin: 0 !important;
}

.stats-index-table thead td {
	padding: 11px 10px !important;
	vertical-align: middle !important;
	border-color: rgba(255, 255, 255, .07) !important;
	background:
		linear-gradient(
			90deg,
			rgba(255, 59, 59, .075),
			rgba(255, 152, 0, .025)
		),
		rgba(255, 255, 255, .025);
	color: #eef0f3;
	font-size: 8px !important;
	font-weight: 900;
	letter-spacing: .35px;
	text-align: center;
	text-transform: uppercase;
	white-space: nowrap;
}

.stats-index-table thead td .glyphicon {
	margin-right: 4px;
	color: #ff972f;
	font-size: 9px;
}

.stats-index-table tbody td {
	padding: 10px !important;
	vertical-align: middle !important;
	border-color: rgba(255, 255, 255, .06) !important;
	color: #b9bec6;
	font-size: 9px;
	text-align: center;
}

.stats-index-table tbody tr {
	background: rgba(255, 255, 255, .008);
	transition:
		background .2s ease,
		box-shadow .2s ease;
}

.stats-index-table tbody tr:nth-child(even) {
	background: rgba(255, 255, 255, .018);
}

.stats-index-table tbody tr:hover {
	background:
		linear-gradient(
			90deg,
			rgba(255, 59, 59, .045),
			rgba(255, 152, 0, .03)
		);
	box-shadow: inset 3px 0 0 #ff972f;
}

.stats-index-table tbody td:nth-child(2) {
	color: #eef0f3;
	font-weight: 850;
	text-align: left;
}

.stats-index-table tbody td:first-child {
	color: #ffbd69;
	font-weight: 950;
}

.stats-index-table tbody tr:nth-child(1) td:first-child {
	color: #ffd76a;
	text-shadow: 0 0 10px rgba(255, 215, 106, .24);
}

.stats-index-table tbody tr:nth-child(2) td:first-child {
	color: #cfd5dd;
}

.stats-index-table tbody tr:nth-child(3) td:first-child {
	color: #d59a68;
}

.stats-index-table img {
	max-width: 34px;
	height: auto;
	border-radius: 6px;
}

.stats-index-table a {
	color: #ffad42 !important;
	font-weight: 850;
}

.stats-index-table a:hover {
	color: #ffd08a !important;
}

.stats-index-table .label,
.stats-index-table .badge {
	border: 1px solid rgba(255, 152, 0, .16);
	background: rgba(255, 152, 0, .06);
	color: #ffbd69;
	font-size: 7px;
	font-weight: 850;
}

.stats-index-place-col {
	width: 75px;
}

.stats-index-pagination {
	margin-top: 14px;
}

/* Правая колонка */
.stats-index-sidebar {
	display: grid;
	align-content: start;
	gap: 14px;
}

.stats-index-search-card,
.stats-index-servers-card {
	margin-bottom: 0;
}

.stats-index-search-content {
	padding: 10px !important;
}

.stats-index-search-label {
	margin: 0 0 6px;
	display: block;
	color: #9097a1;
	font-size: 8px;
	font-weight: 850;
	letter-spacing: .25px;
}

.stats-index-search-box {
	display: grid;
	gap: 7px;
}

.stats-index-search-box .form-control {
	height: 38px;
}

.stats-index-search-btn {
	min-height: 37px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 6px;
	background:
		linear-gradient(
			135deg,
			rgba(255, 59, 59, .94),
			rgba(255, 152, 0, .94)
		) !important;
	color: #fff !important;
	box-shadow: 0 8px 18px rgba(255, 75, 35, .18);
}

.stats-index-servers-content {
	padding: 7px !important;
}

.stats-index-servers {
	margin: 0;
	display: grid;
	gap: 5px;
}

.stats-index-servers > li {
	margin: 0 !important;
}

.stats-index-servers > li > a {
	min-height: 37px;
	padding: 0 10px !important;
	display: flex;
	align-items: center;
	border: 1px solid rgba(255, 255, 255, .055);
	border-radius: 8px;
	background: rgba(255, 255, 255, .018) !important;
	color: #adb3bc !important;
	font-size: 8px;
	font-weight: 800;
	transition:
		padding-left .22s ease,
		border-color .22s ease,
		background .22s ease,
		color .22s ease;
}

.stats-index-servers > li > a:hover {
	padding-left: 13px !important;
	border-color: rgba(255, 152, 0, .22);
	background: rgba(255, 152, 0, .055) !important;
	color: #ffbd69 !important;
}

.stats-index-servers > li.active > a,
.stats-index-servers > li.active > a:hover,
.stats-index-servers > li.active > a:focus {
	border-color: rgba(255, 152, 0, .29);
	background:
		linear-gradient(
			90deg,
			rgba(255, 59, 59, .12),
			rgba(255, 152, 0, .075)
		) !important;
	color: #fff !important;
	box-shadow: inset 3px 0 0 #ff972f;
}

.stats-index-servers .badge {
	margin-left: auto;
	border: 1px solid rgba(255, 152, 0, .15);
	background: rgba(255, 152, 0, .055);
	color: #ffbd69;
	font-size: 7px;
	font-weight: 850;
}

@media (max-width: 760px) {
	.stats-index-table {
		min-width: 620px;
	}

	.stats-index-table thead td,
	.stats-index-table tbody td {
		padding: 9px 8px !important;
	}
}

/* ==========================================================================
   PRIME-3ONA — /stats/player.tpl
   Добавить в конец mystyles.css
   ========================================================================== */

.stats-player-main {
	min-width: 0;
}

.stats-player-content {
	display: grid;
	gap: 14px;
	min-width: 0;
}

.stats-player-content > .r_block,
.stats-player-content > .l_block {
	margin-bottom: 0;
}

.stats-player-content .table-responsive {
	margin-bottom: 0;
}

.stats-player-content .table {
	margin-bottom: 0;
}

.stats-player-content .table thead td,
.stats-player-content .table thead th {
	background:
		linear-gradient(
			90deg,
			rgba(255, 59, 59, .075),
			rgba(255, 152, 0, .025)
		),
		rgba(255, 255, 255, .025);
	color: #eef0f3;
	font-size: 8px;
	font-weight: 900;
	letter-spacing: .3px;
	text-transform: uppercase;
}

.stats-player-content .table td,
.stats-player-content .table th {
	padding: 10px !important;
	vertical-align: middle !important;
	border-color: rgba(255, 255, 255, .06) !important;
}

.stats-player-content img {
	max-width: 100%;
	height: auto;
}

.stats-player-content a {
	color: #ffad42 !important;
	font-weight: 800;
}

.stats-player-content a:hover {
	color: #ffd08a !important;
}

/* Статистика не найдена */
.stats-player-empty-card,
.stats-player-servers-card {
	overflow: hidden;
}

.stats-player-empty-content {
	padding: 16px;
}

.stats-player-empty-state {
	min-height: 260px;
	padding: 28px 18px;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
	text-align: center;
}

.stats-player-empty-icon {
	width: 62px;
	height: 62px;
	margin-bottom: 14px;
	display: flex;
	align-items: center;
	justify-content: center;
	border: 1px solid rgba(255, 152, 0, .22);
	border-radius: 18px;
	background:
		linear-gradient(
			145deg,
			rgba(255, 59, 59, .12),
			rgba(255, 152, 0, .07)
		);
	color: #ffbd69;
	font-size: 23px;
	box-shadow:
		0 14px 30px rgba(0, 0, 0, .24),
		0 0 24px rgba(255, 129, 25, .09);
}

.stats-player-empty-state strong {
	color: #f1f3f6;
	font-size: 14px;
	font-weight: 900;
}

.stats-player-empty-state p {
	max-width: 460px;
	margin: 8px 0 16px;
	color: #858c96;
	font-size: 9px;
	line-height: 1.65;
}

.stats-player-back-btn {
	min-height: 38px;
	padding: 0 14px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 6px;
}

/* Правая колонка */
.stats-player-sidebar {
	display: grid;
	align-content: start;
	gap: 14px;
}

.stats-player-servers-card {
	margin-bottom: 0;
}

.stats-player-servers-content {
	padding: 7px !important;
}

.stats-player-servers {
	margin: 0;
	display: grid;
	gap: 5px;
}

.stats-player-servers > li {
	margin: 0 !important;
}

.stats-player-servers > li > a {
	min-height: 37px;
	padding: 0 10px !important;
	display: flex;
	align-items: center;
	border: 1px solid rgba(255, 255, 255, .055);
	border-radius: 8px;
	background: rgba(255, 255, 255, .018) !important;
	color: #adb3bc !important;
	font-size: 8px;
	font-weight: 800;
	transition:
		padding-left .22s ease,
		border-color .22s ease,
		background .22s ease,
		color .22s ease;
}

.stats-player-servers > li > a:hover {
	padding-left: 13px !important;
	border-color: rgba(255, 152, 0, .22);
	background: rgba(255, 152, 0, .055) !important;
	color: #ffbd69 !important;
}

.stats-player-servers > li.active > a,
.stats-player-servers > li.active > a:hover,
.stats-player-servers > li.active > a:focus {
	border-color: rgba(255, 152, 0, .29);
	background:
		linear-gradient(
			90deg,
			rgba(255, 59, 59, .12),
			rgba(255, 152, 0, .075)
		) !important;
	color: #fff !important;
	box-shadow: inset 3px 0 0 #ff972f;
}

.stats-player-servers .badge {
	margin-left: auto;
	border: 1px solid rgba(255, 152, 0, .15);
	background: rgba(255, 152, 0, .055);
	color: #ffbd69;
	font-size: 7px;
	font-weight: 850;
}

@media (max-width: 760px) {
	.stats-player-empty-state {
		min-height: 220px;
		padding: 22px 14px;
	}
}

/* ==========================================================================
   PRIME-3ONA — /support/add_ticket.tpl
   Добавить в конец mystyles.css
   ========================================================================== */

.support-add-main {
	min-width: 0;
}

.support-add-card {
	position: relative;
	overflow: hidden;
}

.support-add-card::before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	z-index: 2;
	width: 100%;
	height: 3px;
	background: linear-gradient(90deg, #ff3b3b, #ff9800);
}

.support-add-content {
	padding: 15px;
	display: grid;
	gap: 13px;
}

.support-add-notice {
	padding: 10px 12px;
	display: flex;
	align-items: flex-start;
	gap: 8px;
	border: 1px solid rgba(89, 183, 255, .18);
	border-radius: 9px;
	background:
		linear-gradient(
			90deg,
			rgba(45, 143, 226, .08),
			rgba(89, 183, 255, .025)
		);
	color: #b7cad8;
}

.support-add-notice .glyphicon {
	margin-top: 2px;
	color: #82ccff;
}

.support-add-notice p {
	margin: 0;
	font-size: 9px;
	line-height: 1.6;
}

.support-add-form {
	padding: 13px;
	display: grid;
	gap: 12px;
	border: 1px solid rgba(255, 255, 255, .07);
	border-radius: 11px;
	background:
		linear-gradient(
			145deg,
			rgba(255, 59, 59, .025),
			rgba(255, 152, 0, .012)
		),
		rgba(255, 255, 255, .016);
}

.support-add-field {
	display: grid;
	gap: 7px;
}

.support-add-field > label {
	margin: 0;
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: 6px;
	color: #dfe2e6;
	font-size: 9px;
	font-weight: 850;
	letter-spacing: .2px;
}

.support-add-field > label .glyphicon {
	color: #ff972f;
}

.support-add-required {
	padding: 3px 6px;
	border: 1px solid rgba(255, 85, 85, .18);
	border-radius: 999px;
	background: rgba(255, 85, 85, .055);
	color: #ff918d;
	font-size: 7px;
	font-weight: 900;
	letter-spacing: .35px;
	text-transform: uppercase;
}

.support-add-help {
	color: #777e89;
	font-size: 8px;
	line-height: 1.5;
}

.support-add-result:empty {
	display: none;
}

.support-add-result:not(:empty) {
	padding: 10px 11px;
	border: 1px solid rgba(255, 152, 0, .16);
	border-radius: 8px;
	background: rgba(255, 152, 0, .045);
	color: #c8ccd3;
}

.support-add-actions {
	padding-top: 12px;
	display: flex;
	align-items: center;
	justify-content: flex-start;
	border-top: 1px solid rgba(255, 255, 255, .07);
}

.support-add-submit {
	min-width: 165px;
	min-height: 40px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 7px;
	background: linear-gradient(135deg, #ff3b3b, #ff9800) !important;
	color: #fff !important;
	box-shadow: 0 9px 20px rgba(255, 75, 35, .18);
}

.support-add-form .mce-tinymce,
.support-add-form .tox-tinymce {
	border: 1px solid rgba(255, 255, 255, .08) !important;
	border-radius: 9px !important;
	overflow: hidden;
}

.support-add-sidebar {
	display: grid;
	align-content: start;
	gap: 14px;
}

@media (max-width: 760px) {
	.support-add-content {
		padding: 10px;
	}
}

@media (max-width: 520px) {
	.support-add-form {
		padding: 10px;
	}

	.support-add-submit {
		width: 100%;
	}
}

/* ==========================================================================
   PRIME-3ONA — /support/all_tickets.tpl
   Добавить в конец mystyles.css
   ========================================================================== */

.support-all-main {
	width: 100%;
	min-width: 0;
}

.support-all-card {
	position: relative;
	overflow: hidden;
}

.support-all-card::before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	z-index: 2;
	width: 100%;
	height: 3px;
	background: linear-gradient(90deg, #ff3b3b, #ff9800);
}

.support-all-content {
	padding: 14px;
	display: grid;
	gap: 13px;
}

/* Сводка */
.support-all-summary {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 10px;
}

.support-all-summary-item {
	min-height: 72px;
	padding: 12px;
	display: flex;
	align-items: center;
	gap: 10px;
	border: 1px solid rgba(255, 255, 255, .07);
	border-radius: 11px;
	background: rgba(255, 255, 255, .018);
}

.support-all-summary-item > .glyphicon {
	width: 40px;
	height: 40px;
	flex: 0 0 40px;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 10px;
	font-size: 15px;
}

.support-all-summary-item strong,
.support-all-summary-item small {
	display: block;
}

.support-all-summary-item strong {
	color: #f3f4f6;
	font-size: 15px;
	font-weight: 950;
	line-height: 1;
}

.support-all-summary-item small {
	margin-top: 5px;
	color: #7e8590;
	font-size: 8px;
	font-weight: 800;
	letter-spacing: .2px;
	text-transform: uppercase;
}

.support-all-summary-open {
	border-color: rgba(255, 152, 0, .18);
	background:
		linear-gradient(
			120deg,
			rgba(255, 59, 59, .06),
			rgba(255, 152, 0, .035)
		);
}

.support-all-summary-open > .glyphicon {
	border: 1px solid rgba(255, 152, 0, .22);
	background: rgba(255, 152, 0, .08);
	color: #ffbd69;
}

.support-all-summary-closed {
	border-color: rgba(70, 200, 130, .17);
	background:
		linear-gradient(
			120deg,
			rgba(40, 160, 100, .06),
			rgba(80, 205, 140, .025)
		);
}

.support-all-summary-closed > .glyphicon {
	border: 1px solid rgba(70, 200, 130, .22);
	background: rgba(70, 200, 130, .08);
	color: #7fe2ab;
}

/* Вкладки */
.support-all-tabs {
	border: 1px solid rgba(255, 255, 255, .07);
	border-radius: 11px;
	background: rgba(255, 255, 255, .012);
	overflow: hidden;
}

.support-all-tabs-nav {
	padding: 7px;
	border-bottom: 1px solid rgba(255, 255, 255, .07);
	background:
		linear-gradient(
			90deg,
			rgba(255, 59, 59, .03),
			rgba(255, 152, 0, .015)
		);
}

.support-all-tabs-nav ul {
	margin: 0;
	padding: 0;
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 6px;
	list-style: none;
}

.support-all-tabs-nav li {
	margin: 0;
}

.support-all-tabs-nav li > a {
	min-height: 42px;
	padding: 0 11px;
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 7px;
	border: 1px solid transparent;
	border-radius: 8px;
	background: rgba(255, 255, 255, .015);
	color: #959ca6 !important;
	font-size: 9px;
	font-weight: 850;
	transition:
		border-color .2s ease,
		background .2s ease,
		color .2s ease,
		transform .2s ease;
}

.support-all-tabs-nav li > a:hover {
	transform: translateY(-1px);
	border-color: rgba(255, 152, 0, .16);
	background: rgba(255, 152, 0, .04);
	color: #ffbd69 !important;
}

.support-all-tabs-nav li.active > a,
.support-all-tabs-nav li.active > a:hover,
.support-all-tabs-nav li.active > a:focus {
	border-color: rgba(255, 152, 0, .26);
	background:
		linear-gradient(
			135deg,
			rgba(255, 59, 59, .11),
			rgba(255, 152, 0, .07)
		);
	color: #fff !important;
	box-shadow:
		inset 0 -2px 0 #ff972f,
		0 6px 14px rgba(0, 0, 0, .16);
}

.support-all-tabs-nav li > a > strong {
	min-width: 22px;
	height: 22px;
	padding: 0 6px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	border: 1px solid rgba(255, 152, 0, .16);
	border-radius: 999px;
	background: rgba(255, 152, 0, .055);
	color: #ffbd69;
	font-size: 8px;
	font-weight: 950;
}

.support-all-tabs-nav li.active > a > strong {
	border-color: rgba(255, 255, 255, .14);
	background: rgba(255, 255, 255, .08);
	color: #fff;
}

.support-all-tab-content {
	padding: 0;
}

.support-all-tab-pane {
	padding: 0;
}

.support-all-pane-head {
	padding: 11px 12px;
	border-bottom: 1px solid rgba(255, 255, 255, .065);
	background: rgba(255, 255, 255, .012);
}

.support-all-pane-head strong,
.support-all-pane-head small {
	display: block;
}

.support-all-pane-head strong {
	color: #eef0f3;
	font-size: 10px;
	font-weight: 900;
}

.support-all-pane-head small {
	margin-top: 3px;
	color: #767d87;
	font-size: 8px;
}

/* Таблицы */
.support-all-table-wrap {
	width: 100%;
	overflow-x: auto;
	-webkit-overflow-scrolling: touch;
}

.support-all-table {
	min-width: 720px;
	margin: 0 !important;
}

.support-all-table thead td {
	padding: 11px 10px !important;
	vertical-align: middle !important;
	border-color: rgba(255, 255, 255, .065) !important;
	background:
		linear-gradient(
			90deg,
			rgba(255, 59, 59, .065),
			rgba(255, 152, 0, .02)
		),
		rgba(255, 255, 255, .024);
	color: #edf0f3;
	font-size: 8px !important;
	font-weight: 900;
	letter-spacing: .35px;
	text-transform: uppercase;
	white-space: nowrap;
}

.support-all-table thead .glyphicon {
	margin-right: 4px;
	color: #ff972f;
	font-size: 9px;
}

.support-all-table tbody td {
	padding: 10px !important;
	vertical-align: middle !important;
	border-color: rgba(255, 255, 255, .06) !important;
	color: #b7bdc5;
	font-size: 9px;
}

.support-all-table tbody tr {
	background: rgba(255, 255, 255, .007);
	transition:
		background .2s ease,
		box-shadow .2s ease;
}

.support-all-table tbody tr:nth-child(even) {
	background: rgba(255, 255, 255, .017);
}

.support-all-table tbody tr:hover {
	background:
		linear-gradient(
			90deg,
			rgba(255, 59, 59, .04),
			rgba(255, 152, 0, .025)
		);
	box-shadow: inset 3px 0 0 #ff972f;
}

.support-all-table tbody td:first-child {
	color: #edf0f3;
	font-weight: 850;
}

.support-all-table a {
	color: #ffad42 !important;
	font-weight: 850;
}

.support-all-table a:hover {
	color: #ffd08a !important;
}

.support-all-loader {
	min-height: 120px;
}

@media (max-width: 760px) {
	.support-all-content {
		padding: 10px;
	}

	.support-all-summary {
		grid-template-columns: 1fr;
	}

	.support-all-tabs-nav ul {
		grid-template-columns: 1fr;
	}

	.support-all-table {
		min-width: 650px;
	}
}

@media (max-width: 520px) {
	.support-all-content {
		padding: 8px;
	}

	.support-all-summary-item {
		min-height: 64px;
	}
}

/* ==========================================================================
   PRIME-3ONA — /support/index.tpl
   Добавить в конец mystyles.css
   ========================================================================== */

.support-index-main {
	min-width: 0;
}

.support-index-guide-card,
.support-index-tickets-card {
	overflow: hidden;
}

.support-index-tickets-card {
	margin-top: 15px;
}

/* База знаний */
.support-index-guide-content {
	padding: 13px;
}

.support-index-guide {
	padding: 14px;
	display: flex;
	align-items: center;
	gap: 12px;
	border: 1px solid rgba(89, 183, 255, .18);
	border-radius: 11px;
	background:
		linear-gradient(
			110deg,
			rgba(45, 143, 226, .08),
			rgba(89, 183, 255, .025)
		),
		rgba(255, 255, 255, .012);
}

.support-index-guide-icon {
	width: 48px;
	height: 48px;
	flex: 0 0 48px;
	display: flex;
	align-items: center;
	justify-content: center;
	border: 1px solid rgba(89, 183, 255, .25);
	border-radius: 13px;
	background: rgba(89, 183, 255, .08);
	color: #82ccff;
	font-size: 18px;
	box-shadow: 0 10px 24px rgba(0, 0, 0, .20);
}

.support-index-guide-text {
	min-width: 0;
}

.support-index-guide-text strong {
	display: block;
	color: #eef4f8;
	font-size: 11px;
	font-weight: 900;
}

.support-index-guide-text p {
	margin: 5px 0 10px;
	color: #92a5b3;
	font-size: 9px;
	line-height: 1.6;
}

.support-index-knowledge-btn {
	min-height: 34px;
	padding: 0 10px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 6px;
	border: 1px solid rgba(89, 183, 255, .22);
	border-radius: 8px;
	background: rgba(89, 183, 255, .06);
	color: #bfe5fb !important;
	font-size: 8px;
	font-weight: 850;
}

.support-index-knowledge-btn:hover {
	border-color: rgba(89, 183, 255, .38);
	background: rgba(89, 183, 255, .11);
	color: #fff !important;
}

/* Таблица тикетов */
.support-index-table-wrap {
	width: 100%;
	overflow-x: auto;
	-webkit-overflow-scrolling: touch;
}

.support-index-table {
	min-width: 560px;
	margin: 0 !important;
}

.support-index-table thead td {
	padding: 11px 10px !important;
	vertical-align: middle !important;
	border-color: rgba(255, 255, 255, .065) !important;
	background:
		linear-gradient(
			90deg,
			rgba(255, 59, 59, .065),
			rgba(255, 152, 0, .02)
		),
		rgba(255, 255, 255, .024);
	color: #edf0f3;
	font-size: 8px !important;
	font-weight: 900;
	letter-spacing: .35px;
	text-transform: uppercase;
	white-space: nowrap;
}

.support-index-table thead .glyphicon {
	margin-right: 4px;
	color: #ff972f;
	font-size: 9px;
}

.support-index-table tbody td {
	padding: 10px !important;
	vertical-align: middle !important;
	border-color: rgba(255, 255, 255, .06) !important;
	color: #b8bec6;
	font-size: 9px;
}

.support-index-table tbody tr {
	background: rgba(255, 255, 255, .007);
	transition:
		background .2s ease,
		box-shadow .2s ease;
}

.support-index-table tbody tr:nth-child(even) {
	background: rgba(255, 255, 255, .017);
}

.support-index-table tbody tr:hover {
	background:
		linear-gradient(
			90deg,
			rgba(255, 59, 59, .04),
			rgba(255, 152, 0, .025)
		);
	box-shadow: inset 3px 0 0 #ff972f;
}

.support-index-table tbody td:first-child {
	color: #eef0f3;
	font-weight: 850;
}

.support-index-table a {
	color: #ffad42 !important;
	font-weight: 850;
}

.support-index-table a:hover {
	color: #ffd08a !important;
}

.support-index-table .label,
.support-index-table .badge {
	padding: 4px 7px;
	border: 1px solid rgba(255, 152, 0, .15);
	border-radius: 999px;
	background: rgba(255, 152, 0, .055);
	color: #ffbd69;
	font-size: 7px;
	font-weight: 900;
}

.support-index-loader {
	min-height: 130px;
}

/* Правая колонка */
.support-index-sidebar {
	display: grid;
	align-content: start;
	gap: 10px;
}

.support-index-create-btn,
.support-index-all-btn {
	width: 100%;
	min-height: 42px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 7px;
}

.support-index-create-btn {
	background: linear-gradient(135deg, #ff3b3b, #ff9800) !important;
	color: #fff !important;
	box-shadow: 0 10px 23px rgba(255, 75, 35, .20);
}

.support-index-create-btn:hover {
	color: #fff !important;
	transform: translateY(-2px);
}

.support-index-all-btn {
	margin-bottom: 4px;
}

@media (max-width: 760px) {
	.support-index-guide {
		align-items: flex-start;
	}

	.support-index-guide-content {
		padding: 10px;
	}
}

@media (max-width: 520px) {
	.support-index-guide {
		flex-direction: column;
	}

	.support-index-knowledge-btn {
		width: 100%;
	}
}

/* ==========================================================================
   PRIME-3ONA — /support/ticket.tpl
   Добавить в конец mystyles.css
   ========================================================================== */

.support-ticket-main {
	min-width: 0;
}

.support-ticket-overview {
	display: grid;
	grid-template-columns: minmax(0, 1.45fr) minmax(260px, .75fr);
	align-items: start;
	gap: 14px;
}

.support-ticket-question-card,
.support-ticket-info-card,
.support-ticket-comments-card {
	margin-bottom: 0;
	overflow: hidden;
}

.support-ticket-comments-card {
	margin-top: 14px;
}

/* Вопрос */
.support-ticket-question-content {
	min-height: 280px;
	padding: 17px;
}

.support-ticket-question-text {
	color: #c6cbd2;
	font-size: 10px;
	line-height: 1.78;
	overflow-wrap: anywhere;
}

.support-ticket-question-text > :first-child {
	margin-top: 0 !important;
}

.support-ticket-question-text > :last-child {
	margin-bottom: 0 !important;
}

.support-ticket-question-text h1,
.support-ticket-question-text h2,
.support-ticket-question-text h3,
.support-ticket-question-text h4 {
	color: #f1f3f6;
	font-weight: 900;
}

.support-ticket-question-text a {
	color: #ffad42 !important;
	font-weight: 800;
}

.support-ticket-question-text img {
	max-width: 100%;
	height: auto;
	border: 1px solid rgba(255, 255, 255, .07);
	border-radius: 10px;
}

/* Информация */
.support-ticket-info-content {
	padding: 10px;
	display: grid;
	gap: 11px;
}

.support-ticket-info-list {
	display: grid;
	gap: 6px;
}

.support-ticket-info-row {
	padding: 9px;
	display: flex;
	align-items: center;
	gap: 8px;
	border: 1px solid rgba(255, 255, 255, .055);
	border-radius: 8px;
	background: rgba(255, 255, 255, .017);
}

.support-ticket-info-icon {
	width: 31px;
	height: 31px;
	flex: 0 0 31px;
	display: flex;
	align-items: center;
	justify-content: center;
	border: 1px solid rgba(255, 152, 0, .15);
	border-radius: 8px;
	background: rgba(255, 152, 0, .05);
	color: #ffad42;
	font-size: 11px;
}

.support-ticket-info-row > div {
	min-width: 0;
}

.support-ticket-info-row small,
.support-ticket-info-row strong {
	display: block;
}

.support-ticket-info-row small {
	margin-bottom: 3px;
	color: #747b85;
	font-size: 7px;
	font-weight: 800;
	letter-spacing: .35px;
	text-transform: uppercase;
}

.support-ticket-info-row strong,
.support-ticket-info-row a {
	color: #e9ebee !important;
	font-size: 9px;
	font-weight: 850;
	overflow-wrap: anywhere;
}

.support-ticket-info-row a:hover {
	color: #ffbd69 !important;
}

.support-ticket-status {
	width: max-content;
	min-height: 25px;
	padding: 0 8px;
	display: inline-flex;
	align-items: center;
	gap: 5px;
	border-radius: 999px;
	font-size: 7px;
	font-weight: 900;
	letter-spacing: .3px;
	text-transform: uppercase;
}

.support-ticket-status-open {
	border: 1px solid rgba(89, 183, 255, .25);
	background: rgba(89, 183, 255, .07);
	color: #82ccff;
}

.support-ticket-status-closed {
	border: 1px solid rgba(70, 200, 130, .24);
	background: rgba(70, 200, 130, .07);
	color: #7fe2ab;
}

.support-ticket-file-section,
.support-ticket-actions-section {
	padding-top: 11px;
	border-top: 1px solid rgba(255, 255, 255, .07);
}

.support-ticket-subtitle {
	margin-bottom: 8px;
	display: flex;
	align-items: center;
	gap: 7px;
}

.support-ticket-subtitle > .glyphicon {
	width: 29px;
	height: 29px;
	flex: 0 0 29px;
	display: flex;
	align-items: center;
	justify-content: center;
	border: 1px solid rgba(255, 152, 0, .14);
	border-radius: 8px;
	background: rgba(255, 152, 0, .045);
	color: #ffad42;
	font-size: 10px;
}

.support-ticket-subtitle strong,
.support-ticket-subtitle small {
	display: block;
}

.support-ticket-subtitle strong {
	color: #e8ebee;
	font-size: 9px;
	font-weight: 900;
}

.support-ticket-subtitle small {
	margin-top: 2px;
	color: #717883;
	font-size: 7px;
}

.support-ticket-no-file {
	padding: 9px;
	display: flex;
	align-items: center;
	gap: 6px;
	border: 1px dashed rgba(255, 255, 255, .08);
	border-radius: 8px;
	background: rgba(255, 255, 255, .012);
	color: #777e88;
	font-size: 8px;
}

.support-ticket-download-btn,
.support-ticket-close-btn,
.support-ticket-delete-btn {
	width: 100%;
	min-height: 36px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 6px;
}

.support-ticket-download-btn {
	border-color: rgba(89, 183, 255, .22) !important;
	background: rgba(89, 183, 255, .065) !important;
	color: #bfe5fb !important;
}

.support-ticket-management {
	display: grid;
	gap: 7px;
}

.support-ticket-close-btn {
	border-color: rgba(255, 152, 0, .20) !important;
	background: rgba(255, 152, 0, .06) !important;
	color: #ffbd69 !important;
}

.support-ticket-delete-btn {
	border-color: rgba(255, 85, 85, .22) !important;
	background: rgba(255, 85, 85, .06) !important;
	color: #ff918d !important;
}

/* Форма ответа */
.support-ticket-answer-form {
	padding: 12px;
	border-bottom: 1px solid rgba(255, 255, 255, .07);
}

.support-ticket-answer-label {
	margin: 0 0 7px;
	display: flex;
	align-items: center;
	gap: 6px;
	color: #dfe2e6;
	font-size: 9px;
	font-weight: 850;
}

.support-ticket-answer-label .glyphicon {
	color: #ff972f;
}

.support-ticket-answer-help {
	margin-top: 6px;
	color: #757c86;
	font-size: 8px;
}

.support-ticket-answer-actions {
	margin-top: 10px;
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 8px;
}

.support-ticket-send-btn {
	min-width: 165px;
	min-height: 38px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 7px;
	background: linear-gradient(135deg, #ff3b3b, #ff9800) !important;
	color: #fff !important;
	box-shadow: 0 8px 18px rgba(255, 75, 35, .18);
}

.support-ticket-closed-message {
	padding: 12px;
	display: flex;
	align-items: center;
	gap: 9px;
	border: 1px solid rgba(255, 85, 85, .16);
	border-radius: 9px;
	background: rgba(255, 85, 85, .04);
}

.support-ticket-closed-message > .glyphicon {
	width: 34px;
	height: 34px;
	flex: 0 0 34px;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 9px;
	background: rgba(255, 85, 85, .08);
	color: #ff918d;
}

.support-ticket-closed-message strong,
.support-ticket-closed-message small {
	display: block;
}

.support-ticket-closed-message strong {
	color: #e8ebee;
	font-size: 9px;
	font-weight: 900;
}

.support-ticket-closed-message small {
	margin-top: 2px;
	color: #837476;
	font-size: 8px;
}

.support-ticket-answer-form .mce-tinymce,
.support-ticket-answer-form .tox-tinymce {
	border: 1px solid rgba(255, 255, 255, .08) !important;
	border-radius: 9px !important;
	overflow: hidden;
}

/* Ответы */
.support-ticket-answers-content {
	padding: 10px;
}

.support-ticket-answers {
	display: grid;
	gap: 9px;
	min-height: 130px;
}

.support-ticket-loader {
	min-height: 130px;
}

.support-ticket-sidebar {
	display: grid;
	align-content: start;
	gap: 14px;
}

@media (max-width: 900px) {
	.support-ticket-overview {
		grid-template-columns: 1fr;
	}

	.support-ticket-question-content {
		min-height: auto;
	}
}

@media (max-width: 520px) {
	.support-ticket-answer-actions {
		align-items: stretch;
		flex-direction: column;
	}

	.support-ticket-send-btn {
		width: 100%;
	}
}

/* ==========================================================================
   PRIME-3ONA — /tpl/bottom.tpl
   Добавить в конец mystyles.css
   ========================================================================== */

.tpl-footer {
	position: relative;
	margin-top: 20px;
	border: 1px solid rgba(255, 255, 255, .07);
	border-radius: 15px 15px 0 0;
	background:
		radial-gradient(
			circle at 0 0,
			rgba(255, 59, 59, .075),
			transparent 32%
		),
		radial-gradient(
			circle at 100% 100%,
			rgba(255, 152, 0, .06),
			transparent 36%
		),
		linear-gradient(180deg, #181b21, #101318);
	box-shadow:
		0 -12px 34px rgba(0, 0, 0, .20),
		0 18px 42px rgba(0, 0, 0, .30);
	overflow: hidden;
}

.tpl-footer::before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 3px;
	background: linear-gradient(
		90deg,
		transparent,
		#ff3b3b 18%,
		#ff9800 82%,
		transparent
	);
	opacity: .85;
}

.tpl-footer-main {
	padding: 20px;
	display: grid;
	grid-template-columns:
		minmax(210px, .85fr)
		minmax(280px, 1.45fr)
		minmax(220px, 1fr);
	align-items: start;
	gap: 18px;
}

.tpl-footer-logo,
.tpl-footer-about,
.tpl-footer-banners {
	min-width: 0;
}

.tpl-footer-logo {
	width: auto !important;
	height: auto !important;
	margin: 0 !important;
	padding: 0 !important;
	background: none !important;
}

.tpl-footer-brand {
	min-height: 74px;
	padding: 12px;
	display: flex;
	align-items: center;
	gap: 11px;
	border: 1px solid rgba(255, 152, 0, .14);
	border-radius: 12px;
	background:
		linear-gradient(
			135deg,
			rgba(255, 59, 59, .06),
			rgba(255, 152, 0, .025)
		),
		rgba(255, 255, 255, .016);
	color: #fff !important;
	box-shadow:
		0 11px 26px rgba(0, 0, 0, .20),
		inset 0 1px 0 rgba(255, 255, 255, .035);
	transition:
		transform .22s ease,
		border-color .22s ease,
		box-shadow .22s ease;
}

.tpl-footer-brand:hover {
	transform: translateY(-2px);
	border-color: rgba(255, 152, 0, .27);
	box-shadow:
		0 15px 31px rgba(0, 0, 0, .26),
		0 0 22px rgba(255, 130, 25, .07);
}

.tpl-footer-brand-mark {
	width: 46px;
	height: 46px;
	flex: 0 0 46px;
	display: flex;
	align-items: center;
	justify-content: center;
	border: 1px solid rgba(255, 190, 82, .30);
	border-radius: 12px;
	background:
		linear-gradient(
			145deg,
			rgba(255, 59, 59, .22),
			rgba(255, 152, 0, .18)
		);
	color: #ffbd69;
	font-size: 17px;
	box-shadow:
		0 8px 20px rgba(0, 0, 0, .22),
		0 0 20px rgba(255, 129, 25, .10);
}

.tpl-footer-brand-text strong,
.tpl-footer-brand-text small {
	display: block;
}

.tpl-footer-brand-text strong {
	color: #f5f6f7;
	font-size: 15px;
	font-weight: 950;
	letter-spacing: 1px;
	line-height: 1;
}

.tpl-footer-brand-text small {
	margin-top: 6px;
	color: #7f8791;
	font-size: 7px;
	font-weight: 850;
	letter-spacing: .7px;
	text-transform: uppercase;
}

.tpl-footer-section-title {
	margin-bottom: 9px;
	padding-bottom: 8px;
	display: flex;
	align-items: center;
	gap: 6px;
	border-bottom: 1px solid rgba(255, 255, 255, .07);
	color: #eef0f3;
	font-size: 9px;
	font-weight: 900;
	letter-spacing: .25px;
	text-transform: uppercase;
}

.tpl-footer-section-title .glyphicon {
	color: #ff972f;
}

.tpl-footer-about {
	width: auto !important;
	margin: 0 !important;
	color: inherit !important;
	text-align: left !important;
}

.tpl-footer-about-text {
	color: #9299a3;
	font-size: 9px;
	line-height: 1.7;
	overflow-wrap: anywhere;
}

.tpl-footer-about-text > :first-child {
	margin-top: 0 !important;
}

.tpl-footer-about-text > :last-child {
	margin-bottom: 0 !important;
}

.tpl-footer-about-text a {
	color: #ffad42 !important;
	font-weight: 800;
}

.tpl-footer-about-text img {
	max-width: 100%;
	height: auto;
	border-radius: 8px;
}

.tpl-footer-banners {
	width: auto !important;
	margin: 0 !important;
	padding: 0 !important;
	text-align: left !important;
}

.tpl-footer-banners-list {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: 7px;
}

.tpl-footer-banners-list a {
	max-width: 100%;
	padding: 5px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	border: 1px solid rgba(255, 255, 255, .065);
	border-radius: 8px;
	background: rgba(255, 255, 255, .018);
	transition:
		transform .2s ease,
		border-color .2s ease,
		background .2s ease;
}

.tpl-footer-banners-list a:hover {
	transform: translateY(-2px);
	border-color: rgba(255, 152, 0, .24);
	background: rgba(255, 152, 0, .045);
}

.tpl-footer-banners-list img {
	max-width: 100%;
	height: auto;
	border-radius: 5px;
}

.tpl-footer-bottom {
	min-height: 62px;
	padding: 11px 20px;
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 14px;
	border-top: 1px solid rgba(255, 255, 255, .07);
	background: rgba(7, 9, 12, .32);
}

.tpl-footer-copyright {
	min-width: 0;
	display: flex;
	align-items: center;
	gap: 8px;
	color: #707782;
}

.tpl-footer-copyright > .glyphicon {
	width: 31px;
	height: 31px;
	flex: 0 0 31px;
	display: flex;
	align-items: center;
	justify-content: center;
	border: 1px solid rgba(255, 152, 0, .14);
	border-radius: 8px;
	background: rgba(255, 152, 0, .04);
	color: #ffad42;
	font-size: 10px;
}

.tpl-footer-copyright strong,
.tpl-footer-copyright span {
	display: block;
}

.tpl-footer-copyright strong {
	color: #dfe2e6;
	font-size: 8px;
	font-weight: 900;
	letter-spacing: .45px;
}

.tpl-footer-copyright span {
	margin-top: 2px;
	color: #6e7580;
	font-size: 7px;
	line-height: 1.45;
}

.tpl-footer-copyright a {
	color: #989fa9 !important;
}

.tpl-footer-cote {
	padding: 5px 7px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	border: 1px solid rgba(255, 152, 0, .16);
	border-radius: 8px;
	background: rgba(255, 152, 0, .035);
	cursor: pointer;
	transition:
		transform .2s ease,
		border-color .2s ease,
		background .2s ease;
}

.tpl-footer-cote:hover,
.tpl-footer-cote:focus {
	transform: translateY(-2px);
	border-color: rgba(255, 152, 0, .30);
	background: rgba(255, 152, 0, .075);
	outline: none;
}

.tpl-footer-cote img {
	max-width: 100%;
	height: auto;
	display: block;
	border-radius: 4px;
}

.tpl-footer-up {
	width: 36px;
	height: 36px;
	flex: 0 0 36px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	border: 1px solid rgba(255, 152, 0, .18);
	border-radius: 9px;
	background:
		linear-gradient(
			145deg,
			rgba(255, 59, 59, .08),
			rgba(255, 152, 0, .055)
		);
	color: #ffbd69 !important;
	box-shadow: 0 7px 16px rgba(0, 0, 0, .18);
	transition:
		transform .2s ease,
		border-color .2s ease,
		background .2s ease,
		color .2s ease;
}

.tpl-footer-up:hover {
	transform: translateY(-3px);
	border-color: rgba(255, 152, 0, .32);
	background:
		linear-gradient(
			145deg,
			rgba(255, 59, 59, .14),
			rgba(255, 152, 0, .10)
		);
	color: #fff !important;
}

@media (max-width: 900px) {
	.tpl-footer-main {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.tpl-footer-banners {
		grid-column: 1 / -1;
	}
}

@media (max-width: 620px) {
	.tpl-footer-main {
		padding: 15px;
		grid-template-columns: 1fr;
	}

	.tpl-footer-banners {
		grid-column: auto;
	}

	.tpl-footer-bottom {
		padding: 12px 15px;
		align-items: flex-start;
		flex-wrap: wrap;
	}

	.tpl-footer-copyright {
		width: calc(100% - 50px);
	}

	.tpl-footer-cote {
		order: 3;
	}
}

@media (max-width: 420px) {
	.tpl-footer-main {
		padding: 11px;
	}

	.tpl-footer-bottom {
		padding: 11px;
	}

	.tpl-footer-brand {
		min-height: 66px;
	}

	.tpl-footer-brand-mark {
		width: 42px;
		height: 42px;
		flex-basis: 42px;
	}

	.tpl-footer-brand-text strong {
		font-size: 13px;
	}

	.tpl-footer-copyright {
		width: 100%;
	}

	.tpl-footer-up {
		margin-left: auto;
	}
}

/* ==========================================================================
   PRIME-3ONA — /tpl/config.tpl
   Добавить в конец mystyles.css
   ========================================================================== */

/* Ссылки бокового меню, формируемые через right_menu_link */
.prime-config-menu-link {
	display: flex !important;
	align-items: center;
	gap: 8px;
}

.prime-config-menu-icon {
	width: 22px;
	height: 22px;
	flex: 0 0 22px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	border: 1px solid rgba(255, 152, 0, .13);
	border-radius: 6px;
	background: rgba(255, 152, 0, .045);
	color: #ffad42;
	font-size: 9px;
	transition:
		border-color .2s ease,
		background .2s ease,
		color .2s ease;
}

.prime-config-menu-link:hover .prime-config-menu-icon {
	border-color: rgba(255, 152, 0, .27);
	background: rgba(255, 152, 0, .09);
	color: #fff;
}

/* Партнёрские ссылки в подвале */
.prime-config-partner {
	line-height: 0;
}

.prime-config-partner img {
	display: block;
	object-fit: contain;
}

/* Слайды */
.prime-config-slide {
	position: relative;
	display: block;
	overflow: hidden;
}

.prime-config-slide img {
	width: 100%;
	height: auto;
	display: block;
	object-fit: cover;
	transition:
		transform .35s ease,
		filter .35s ease;
}

.prime-config-slide:hover img {
	transform: scale(1.018);
	filter: brightness(1.05);
}

/* ==========================================================================
   PRIME-3ONA — /tpl/error.tpl
   Добавить в конец mystyles.css
   ========================================================================== */

.tpl-error-main {
	min-width: 0;
}

.tpl-error-card {
	position: relative;
	overflow: hidden;
}

.tpl-error-card::before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	z-index: 2;
	width: 100%;
	height: 3px;
	background: linear-gradient(90deg, #ff3b3b, #ff9800);
}

.tpl-error-content {
	padding: 18px;
	background:
		radial-gradient(
			circle at 12% 0,
			rgba(255, 59, 59, .07),
			transparent 34%
		),
		radial-gradient(
			circle at 100% 100%,
			rgba(255, 152, 0, .05),
			transparent 38%
		);
}

.tpl-error-state {
	min-height: 330px;
	padding: 30px;
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 22px;
	border: 1px solid rgba(255, 118, 75, .16);
	border-radius: 14px;
	background:
		linear-gradient(
			135deg,
			rgba(255, 59, 59, .045),
			rgba(255, 152, 0, .02)
		),
		rgba(255, 255, 255, .012);
	box-shadow:
		inset 0 1px 0 rgba(255, 255, 255, .025),
		0 18px 40px rgba(0, 0, 0, .20);
}

.tpl-error-icon {
	width: 86px;
	height: 86px;
	flex: 0 0 86px;
	display: flex;
	align-items: center;
	justify-content: center;
	border: 1px solid rgba(255, 116, 84, .28);
	border-radius: 24px;
	background:
		linear-gradient(
			145deg,
			rgba(255, 59, 59, .18),
			rgba(255, 152, 0, .11)
		);
	color: #ffad6f;
	font-size: 32px;
	box-shadow:
		0 16px 34px rgba(0, 0, 0, .26),
		0 0 30px rgba(255, 108, 50, .10);
}

.tpl-error-copy {
	max-width: 540px;
	min-width: 0;
}

.tpl-error-label {
	display: inline-flex;
	align-items: center;
	min-height: 25px;
	padding: 0 8px;
	border: 1px solid rgba(255, 85, 85, .20);
	border-radius: 999px;
	background: rgba(255, 85, 85, .055);
	color: #ff918d;
	font-size: 7px;
	font-weight: 900;
	letter-spacing: .7px;
	text-transform: uppercase;
}

.tpl-error-copy h1 {
	margin: 10px 0 8px;
	color: #f3f4f6;
	font-size: 22px;
	font-weight: 950;
	line-height: 1.25;
}

.tpl-error-message {
	color: #aeb4bd;
	font-size: 10px;
	line-height: 1.72;
	overflow-wrap: anywhere;
}

.tpl-error-message > :first-child {
	margin-top: 0 !important;
}

.tpl-error-message > :last-child {
	margin-bottom: 0 !important;
}

.tpl-error-message a {
	color: #ffad42 !important;
	font-weight: 800;
}

.tpl-error-message code {
	padding: 2px 5px;
	border: 1px solid rgba(255, 152, 0, .13);
	border-radius: 5px;
	background: rgba(255, 152, 0, .045);
	color: #ffbd69;
}

.tpl-error-actions {
	margin-top: 18px;
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: 8px;
}

.tpl-error-back-btn,
.tpl-error-home-btn {
	min-height: 40px;
	padding: 0 14px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 7px;
}

.tpl-error-back-btn {
	background: linear-gradient(135deg, #ff3b3b, #ff9800) !important;
	color: #fff !important;
	box-shadow: 0 9px 20px rgba(255, 75, 35, .18);
}

.tpl-error-home-btn {
	color: #b4bac3 !important;
}

.tpl-error-sidebar {
	display: grid;
	align-content: start;
	gap: 14px;
}

@media (max-width: 760px) {
	.tpl-error-content {
		padding: 12px;
	}

	.tpl-error-state {
		min-height: 290px;
		padding: 22px;
		align-items: flex-start;
		flex-direction: column;
	}

	.tpl-error-icon {
		width: 68px;
		height: 68px;
		flex-basis: 68px;
		border-radius: 19px;
		font-size: 25px;
	}

	.tpl-error-copy h1 {
		font-size: 18px;
	}
}

@media (max-width: 520px) {
	.tpl-error-content {
		padding: 9px;
	}

	.tpl-error-state {
		padding: 16px;
	}

	.tpl-error-actions {
		align-items: stretch;
		flex-direction: column;
	}

	.tpl-error-back-btn,
	.tpl-error-home-btn {
		width: 100%;
	}
}

/* ==========================================================================
   PRIME-3ONA — /tpl/head.tpl
   Добавить в конец mystyles.css
   ========================================================================== */

html {
	min-height: 100%;
	background: #0d1014;
	scroll-behavior: smooth;
}

.prime-body {
	min-height: 100vh;
	margin: 0;
	background:
		radial-gradient(
			circle at 12% 0,
			rgba(255, 59, 59, .045),
			transparent 27%
		),
		radial-gradient(
			circle at 88% 18%,
			rgba(255, 152, 0, .035),
			transparent 30%
		),
		#0f1217;
	color: #b8bec7;
	text-rendering: optimizeLegibility;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

/* Служебный результат общих AJAX-действий */
.prime-global-result {
	position: fixed;
	top: 18px;
	right: 18px;
	z-index: 9999;
	display: flex;
	align-items: center;
	gap: 7px;
	pointer-events: none;
}

.prime-global-result > span {
	width: 38px;
	height: 38px;
	align-items: center;
	justify-content: center;
	border: 1px solid rgba(255, 255, 255, .10);
	border-radius: 10px;
	background: rgba(18, 21, 26, .96);
	font-size: 14px;
	box-shadow:
		0 12px 30px rgba(0, 0, 0, .34),
		inset 0 1px 0 rgba(255, 255, 255, .035);
	backdrop-filter: blur(8px);
}

.prime-global-result > span:not(.disp-n) {
	display: inline-flex;
	animation: prime-result-in .24s ease both;
}

.prime-global-result .result_ok,
.prime-global-result .result_ok_b {
	border-color: rgba(70, 200, 130, .28);
	background:
		linear-gradient(
			145deg,
			rgba(42, 160, 101, .16),
			rgba(70, 200, 130, .08)
		),
		rgba(18, 24, 21, .96);
	color: #7fe2ab;
}

.prime-global-result .result_error,
.prime-global-result .result_error_b {
	border-color: rgba(255, 85, 85, .28);
	background:
		linear-gradient(
			145deg,
			rgba(190, 52, 52, .16),
			rgba(255, 85, 85, .08)
		),
		rgba(25, 18, 19, .96);
	color: #ff918d;
}

.prime-player-result {
	position: relative;
	z-index: 9998;
}

.prime-player-result:empty {
	display: none;
}

.prime-player-result:not(:empty) {
	position: fixed;
	top: 66px;
	right: 18px;
	max-width: min(380px, calc(100vw - 36px));
	padding: 10px 12px;
	border: 1px solid rgba(255, 152, 0, .20);
	border-radius: 10px;
	background:
		linear-gradient(
			105deg,
			rgba(255, 59, 59, .08),
			rgba(255, 152, 0, .045)
		),
		rgba(18, 21, 26, .97);
	color: #d7dbe0;
	font-size: 9px;
	line-height: 1.55;
	box-shadow: 0 14px 34px rgba(0, 0, 0, .34);
	backdrop-filter: blur(8px);
	overflow-wrap: anywhere;
	animation: prime-result-in .24s ease both;
}

@keyframes prime-result-in {
	from {
		opacity: 0;
		transform: translateY(-7px) scale(.96);
	}

	to {
		opacity: 1;
		transform: translateY(0) scale(1);
	}
}

@media (prefers-reduced-motion: reduce) {
	html {
		scroll-behavior: auto;
	}

	.prime-global-result > span:not(.disp-n),
	.prime-player-result:not(:empty) {
		animation: none;
	}
}

@media (max-width: 520px) {
	.prime-global-result {
		top: 10px;
		right: 10px;
	}

	.prime-player-result:not(:empty) {
		top: 57px;
		right: 10px;
		max-width: calc(100vw - 20px);
	}
}

/* ==========================================================================
   PRIME-3ONA — /tpl/main.tpl
   Добавить в конец mystyles.css
   ========================================================================== */

.prime-html {
	min-height: 100%;
	background: #0d1014;
}

.prime-html body {
	min-height: 100vh;
}

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

.prime-html img {
	max-width: 100%;
}

.prime-html button,
.prime-html input,
.prime-html select,
.prime-html textarea {
	font: inherit;
}

.prime-html a,
.prime-html button {
	-webkit-tap-highlight-color: transparent;
}

.prime-html :focus-visible {
	outline: 2px solid rgba(255, 152, 0, .65);
	outline-offset: 2px;
}

@media (prefers-reduced-motion: reduce) {
	.prime-html *,
	.prime-html *::before,
	.prime-html *::after {
		scroll-behavior: auto !important;
		animation-duration: .01ms !important;
		animation-iteration-count: 1 !important;
		transition-duration: .01ms !important;
	}
}

/* ==========================================================================
   PRIME-3ONA — /tpl/off_site.tpl
   Необязательный дополнительный файл.
   Основные стили уже встроены в off_site.tpl, потому что обычный head.tpl
   во время технических работ не используется.
   ========================================================================== */

.off-site-body {
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	text-rendering: optimizeLegibility;
}

.off-site-card {
	animation: off-site-card-in .45s ease both;
}

.off-site-icon {
	animation: off-site-icon-pulse 3s ease-in-out infinite;
}

@keyframes off-site-card-in {
	from {
		opacity: 0;
		transform: translateY(14px) scale(.985);
	}

	to {
		opacity: 1;
		transform: translateY(0) scale(1);
	}
}

@keyframes off-site-icon-pulse {
	0%,
	100% {
		transform: translateY(0);
		box-shadow:
			0 16px 34px rgba(0, 0, 0, .28),
			0 0 30px rgba(255, 130, 25, .10);
	}

	50% {
		transform: translateY(-3px);
		box-shadow:
			0 20px 38px rgba(0, 0, 0, .31),
			0 0 38px rgba(255, 130, 25, .16);
	}
}

@media (prefers-reduced-motion: reduce) {
	.off-site-card,
	.off-site-icon {
		animation: none;
	}
}

/* ==========================================================================
   PRIME-3ONA — исправление тёмного оформления событий
   Добавить в самый конец mystyles.css
   ========================================================================== */

/* Новая разметка event.tpl */
.home-events-list .site-event-card,
#events .site-event-card {
	margin: 0 0 10px !important;
	border: 1px solid rgba(255, 255, 255, .075) !important;
	border-radius: 12px !important;
	background:
		linear-gradient(
			145deg,
			rgba(255, 59, 59, .045),
			rgba(255, 152, 0, .018)
		),
		#181b21 !important;
	color: #c9cdd4 !important;
	box-shadow: 0 10px 26px rgba(0, 0, 0, .24) !important;
	overflow: hidden;
}

.home-events-list .site-event-top,
#events .site-event-top {
	display: grid;
	grid-template-columns: minmax(0, 1fr) auto auto;
	align-items: center;
	gap: 12px;
	padding: 11px 13px;
	border-bottom: 1px solid rgba(255, 255, 255, .07) !important;
	background:
		linear-gradient(
			90deg,
			rgba(255, 59, 59, .085),
			rgba(255, 152, 0, .03)
		),
		#1b1e24 !important;
}

.home-events-list .site-event-profile,
#events .site-event-profile {
	min-width: 0;
	display: inline-flex;
	align-items: center;
	gap: 9px;
	background: transparent !important;
}

.home-events-list .site-event-avatar,
#events .site-event-avatar {
	width: 38px !important;
	height: 38px !important;
	margin: 0 !important;
	padding: 0 !important;
	object-fit: cover;
	border: 2px solid rgba(255, 152, 0, .42) !important;
	border-radius: 50% !important;
	background: #111419;
	box-shadow: 0 0 0 3px rgba(255, 152, 0, .05);
}

.home-events-list .site-event-login,
#events .site-event-login {
	overflow: hidden;
	font-size: 11px;
	font-weight: 850;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.home-events-list .site-event-date,
.home-events-list .site-event-link,
#events .site-event-date,
#events .site-event-link {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	color: #9ba2ac !important;
	font-size: 10px;
	font-weight: 750;
	white-space: nowrap;
	background: transparent !important;
}

.home-events-list .site-event-date .fa,
.home-events-list .site-event-link .fa,
#events .site-event-date .fa,
#events .site-event-link .fa {
	color: #ff972f !important;
}

.home-events-list .site-event-link:hover,
#events .site-event-link:hover {
	color: #ffbd69 !important;
}

.home-events-list .site-event-content,
#events .site-event-content {
	padding: 13px;
	display: flex;
	align-items: flex-start;
	gap: 10px;
	background: #181b21 !important;
	color: #c9cdd4 !important;
}

.home-events-list .site-event-text,
#events .site-event-text {
	min-width: 0;
	flex: 1;
	color: #c9cdd4 !important;
	font-size: 12px;
	line-height: 1.65;
	overflow-wrap: anywhere;
}

.home-events-list .site-event-delete,
#events .site-event-delete {
	width: 31px;
	height: 31px;
	padding: 0;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	flex: 0 0 31px;
	border: 1px solid rgba(255, 85, 85, .22) !important;
	border-radius: 8px;
	background: rgba(255, 85, 85, .07) !important;
	color: #ff918d !important;
	box-shadow: none !important;
}

/* Страховка для старого event.tpl, пока CMS или кэш ещё выводит старую разметку */
.home-events-list .event:not(.site-event-card),
#events > .event:not(.site-event-card) {
	margin: 0 0 10px !important;
	border: 1px solid rgba(255, 255, 255, .075) !important;
	border-radius: 12px !important;
	background: #181b21 !important;
	color: #c9cdd4 !important;
	box-shadow: 0 10px 26px rgba(0, 0, 0, .24) !important;
	overflow: hidden;
}

.home-events-list .event:not(.site-event-card) > .row,
#events > .event:not(.site-event-card) > .row {
	margin: 0 !important;
	display: grid !important;
	grid-template-columns: minmax(0, 1fr) auto auto;
	align-items: stretch;
	background:
		linear-gradient(
			90deg,
			rgba(255, 59, 59, .085),
			rgba(255, 152, 0, .03)
		),
		#1b1e24 !important;
}

.home-events-list .event:not(.site-event-card) .event-profile,
.home-events-list .event:not(.site-event-card) .event-date,
.home-events-list .event:not(.site-event-card) .event-link,
#events > .event:not(.site-event-card) .event-profile,
#events > .event:not(.site-event-card) .event-date,
#events > .event:not(.site-event-card) .event-link {
	width: auto !important;
	min-height: 92px;
	padding: 11px 13px !important;
	display: flex !important;
	align-items: center;
	justify-content: center;
	border-right: 1px solid rgba(255, 255, 255, .07) !important;
	background: transparent !important;
	color: #9ba2ac !important;
	text-align: center;
}

.home-events-list .event:not(.site-event-card) .event-profile,
#events > .event:not(.site-event-card) .event-profile {
	justify-content: flex-start;
}

.home-events-list .event:not(.site-event-card) .event-link,
#events > .event:not(.site-event-card) .event-link {
	border-right: 0 !important;
}

.home-events-list .event:not(.site-event-card) .event-profile a,
.home-events-list .event:not(.site-event-card) .event-link a,
#events > .event:not(.site-event-card) .event-profile a,
#events > .event:not(.site-event-card) .event-link a {
	color: #d9dde2 !important;
	background: transparent !important;
}

.home-events-list .event:not(.site-event-card) .event-profile img,
#events > .event:not(.site-event-card) .event-profile img {
	width: 42px !important;
	height: 42px !important;
	margin: 0 auto 5px !important;
	padding: 0 !important;
	object-fit: cover;
	border: 2px solid rgba(255, 152, 0, .42) !important;
	border-radius: 50% !important;
	background: #111419;
}

.home-events-list .event:not(.site-event-card) .event-date .fa,
.home-events-list .event:not(.site-event-card) .event-link .fa,
#events > .event:not(.site-event-card) .event-date .fa,
#events > .event:not(.site-event-card) .event-link .fa {
	color: #ff972f !important;
}

.home-events-list .event:not(.site-event-card) .event-header,
#events > .event:not(.site-event-card) .event-header {
	min-height: 50px;
	margin: 0 !important;
	padding: 13px !important;
	border: 0 !important;
	border-top: 1px solid rgba(255, 255, 255, .07) !important;
	background: #181b21 !important;
	color: #c9cdd4 !important;
	font-size: 12px !important;
	font-weight: 500 !important;
	line-height: 1.65 !important;
}

.home-events-list .event:not(.site-event-card) .event-header .fa-trash,
#events > .event:not(.site-event-card) .event-header .fa-trash {
	color: #ff918d !important;
}

@media (max-width: 620px) {
	.home-events-list .site-event-top,
	#events .site-event-top {
		grid-template-columns: 1fr;
		align-items: flex-start;
	}

	.home-events-list .event:not(.site-event-card) > .row,
	#events > .event:not(.site-event-card) > .row {
		grid-template-columns: 1fr;
	}

	.home-events-list .event:not(.site-event-card) .event-profile,
	.home-events-list .event:not(.site-event-card) .event-date,
	.home-events-list .event:not(.site-event-card) .event-link,
	#events > .event:not(.site-event-card) .event-profile,
	#events > .event:not(.site-event-card) .event-date,
	#events > .event:not(.site-event-card) .event-link {
		min-height: 0;
		justify-content: flex-start;
		border-right: 0 !important;
		border-bottom: 1px solid rgba(255, 255, 255, .06) !important;
		text-align: left;
	}
}

/* ==========================================================================
   PRIME-3ONA — GLOBAL DARK TABLES / MODALS FIX
   Добавить в САМЫЙ КОНЕЦ mystyles.css

   Исправляет:
   - белые строки и ячейки Bootstrap;
   - светлые success/danger/warning/info/active строки;
   - таблицы в модальных окнах;
   - форум, банлист, мутлист и таблицу услуг.
   ========================================================================== */

/* Общая тёмная основа таблиц */
.table,
.table-responsive,
.modal .table,
.modal .table-responsive {
	background: transparent !important;
	background-color: transparent !important;
	color: #c9cdd4 !important;
}

.table > thead > tr,
.table > tbody > tr,
.table > tfoot > tr {
	background-color: #171a20 !important;
	color: #c9cdd4 !important;
}

.table > thead > tr > th,
.table > thead > tr > td {
	border-color: rgba(255, 255, 255, .075) !important;
	background:
		linear-gradient(
			90deg,
			rgba(255, 59, 59, .075),
			rgba(255, 152, 0, .03)
		),
		#22262e !important;
	background-color: #22262e !important;
	color: #f1f3f6 !important;
}

.table > tbody > tr > th,
.table > tbody > tr > td,
.table > tfoot > tr > th,
.table > tfoot > tr > td {
	border-color: rgba(255, 255, 255, .065) !important;
	background: transparent !important;
	background-color: transparent !important;
	color: #c9cdd4 !important;
}

/* Чередование строк */
.table-striped > tbody > tr:nth-of-type(odd),
.table-striped > tbody > tr:nth-child(odd) {
	background:
		linear-gradient(
			90deg,
			rgba(255, 59, 59, .022),
			rgba(255, 152, 0, .010)
		),
		#171a20 !important;
	background-color: #171a20 !important;
}

.table-striped > tbody > tr:nth-of-type(even),
.table-striped > tbody > tr:nth-child(even) {
	background:
		linear-gradient(
			90deg,
			rgba(255, 59, 59, .032),
			rgba(255, 152, 0, .016)
		),
		#1a1d23 !important;
	background-color: #1a1d23 !important;
}

/* Наведение */
.table-hover > tbody > tr:hover,
.table > tbody > tr:hover {
	background:
		linear-gradient(
			90deg,
			rgba(255, 59, 59, .075),
			rgba(255, 152, 0, .045)
		),
		#1d2128 !important;
	background-color: #1d2128 !important;
}

/* Bootstrap contextual rows: сохраняем смысл, но убираем пастельные фоны */
.table > thead > tr.active > th,
.table > tbody > tr.active > th,
.table > tfoot > tr.active > th,
.table > thead > tr.active > td,
.table > tbody > tr.active > td,
.table > tfoot > tr.active > td,
.table > thead > tr > th.active,
.table > tbody > tr > th.active,
.table > tfoot > tr > th.active,
.table > thead > tr > td.active,
.table > tbody > tr > td.active,
.table > tfoot > tr > td.active {
	background: #20242b !important;
	background-color: #20242b !important;
	color: #d7dbe0 !important;
}

.table > thead > tr.success > th,
.table > tbody > tr.success > th,
.table > tfoot > tr.success > th,
.table > thead > tr.success > td,
.table > tbody > tr.success > td,
.table > tfoot > tr.success > td,
.table > thead > tr > th.success,
.table > tbody > tr > th.success,
.table > tfoot > tr > th.success,
.table > thead > tr > td.success,
.table > tbody > tr > td.success,
.table > tfoot > tr > td.success {
	background:
		linear-gradient(90deg, rgba(72, 199, 116, .10), rgba(72, 199, 116, .035)),
		#17221b !important;
	background-color: #17221b !important;
	color: #b9dfc5 !important;
}

.table > thead > tr.info > th,
.table > tbody > tr.info > th,
.table > tfoot > tr.info > th,
.table > thead > tr.info > td,
.table > tbody > tr.info > td,
.table > tfoot > tr.info > td,
.table > thead > tr > th.info,
.table > tbody > tr > th.info,
.table > tfoot > tr > th.info,
.table > thead > tr > td.info,
.table > tbody > tr > td.info,
.table > tfoot > tr > td.info {
	background:
		linear-gradient(90deg, rgba(65, 164, 255, .10), rgba(65, 164, 255, .035)),
		#162028 !important;
	background-color: #162028 !important;
	color: #b8d6ea !important;
}

.table > thead > tr.warning > th,
.table > tbody > tr.warning > th,
.table > tfoot > tr.warning > th,
.table > thead > tr.warning > td,
.table > tbody > tr.warning > td,
.table > tfoot > tr.warning > td,
.table > thead > tr > th.warning,
.table > tbody > tr > th.warning,
.table > tfoot > tr > th.warning,
.table > thead > tr > td.warning,
.table > tbody > tr > td.warning,
.table > tfoot > tr > td.warning {
	background:
		linear-gradient(90deg, rgba(255, 152, 0, .12), rgba(255, 152, 0, .035)),
		#251e15 !important;
	background-color: #251e15 !important;
	color: #e7c793 !important;
}

.table > thead > tr.danger > th,
.table > tbody > tr.danger > th,
.table > tfoot > tr.danger > th,
.table > thead > tr.danger > td,
.table > tbody > tr.danger > td,
.table > tfoot > tr.danger > td,
.table > thead > tr > th.danger,
.table > tbody > tr > th.danger,
.table > tfoot > tr > th.danger,
.table > thead > tr > td.danger,
.table > tbody > tr > td.danger,
.table > tfoot > tr > td.danger {
	background:
		linear-gradient(90deg, rgba(255, 85, 85, .12), rgba(255, 85, 85, .035)),
		#261719 !important;
	background-color: #261719 !important;
	color: #e8b8b6 !important;
}

/* Цвет текста внутри статусных строк не должен становиться белым и нечитаемым */
.table > tbody > tr.success > td a,
.table > tbody > tr.info > td a,
.table > tbody > tr.warning > td a,
.table > tbody > tr.danger > td a {
	color: #ffbd69 !important;
}

/* Модальные окна и их таблицы */
.modal-content {
	background:
		radial-gradient(
			circle at 50% 0,
			rgba(255, 152, 0, .07),
			transparent 32%
		),
		#181b21 !important;
	color: #c9cdd4 !important;
}

.modal-header,
.modal-footer {
	border-color: rgba(255, 255, 255, .075) !important;
	background: #20242b !important;
	color: #f1f3f6 !important;
}

.modal-body {
	background: #181b21 !important;
	color: #c9cdd4 !important;
}

.modal .table > tbody > tr,
.modal .table > tbody > tr:nth-child(odd),
.modal .table > tbody > tr:nth-child(even) {
	background: #171a20 !important;
	background-color: #171a20 !important;
}

.modal .table > tbody > tr > td,
.modal .table > tbody > tr > th {
	border-color: rgba(255, 255, 255, .065) !important;
	background: transparent !important;
	background-color: transparent !important;
	color: #c9cdd4 !important;
}

/* Услуги администраторов */
.admin-services-table,
.admin-services-table tbody,
.admin-services-table tbody tr,
.admin-services-table tbody td,
.store-services-table,
.store-services-table tbody,
.store-services-table tbody tr,
.store-services-table tbody td,
.admins_services,
.admins_services tbody,
.admins_services tbody tr,
.admins_services tbody td {
	background-color: transparent !important;
}

.admin-services-table tbody tr,
.store-services-table tbody tr,
.admins_services tbody tr {
	background:
		linear-gradient(
			90deg,
			rgba(255, 59, 59, .025),
			rgba(255, 152, 0, .012)
		),
		#171a20 !important;
}

.admin-services-table tbody td,
.store-services-table tbody td,
.admins_services tbody td,
.store-service-row > td {
	border-color: rgba(255, 255, 255, .065) !important;
	background: transparent !important;
	color: #c9cdd4 !important;
}

/* Банлист */
.home-banlist-table > tbody > .ban-list-row,
#banlist > .ban-list-row {
	background-color: #171a20 !important;
}

.home-banlist-table > tbody > .ban-list-row.success,
#banlist > .ban-list-row.success {
	background:
		linear-gradient(90deg, rgba(72, 199, 116, .10), rgba(72, 199, 116, .035)),
		#17221b !important;
}

.home-banlist-table > tbody > .ban-list-row.danger,
#banlist > .ban-list-row.danger {
	background:
		linear-gradient(90deg, rgba(255, 85, 85, .12), rgba(255, 85, 85, .035)),
		#261719 !important;
}

.home-banlist-table > tbody > .ban-list-row.warning,
#banlist > .ban-list-row.warning {
	background:
		linear-gradient(90deg, rgba(255, 152, 0, .11), rgba(255, 152, 0, .035)),
		#251e15 !important;
}

.home-banlist-table > tbody > .ban-list-row > td,
#banlist > .ban-list-row > td {
	background: transparent !important;
	background-color: transparent !important;
	color: #d2d6dc !important;
}

/* Мутлист */
.home-mutlist-table > tbody > .mute-list-row,
#muts > .mute-list-row {
	background-color: #171a20 !important;
}

.home-mutlist-table > tbody > .mute-list-row.success,
#muts > .mute-list-row.success {
	background:
		linear-gradient(90deg, rgba(72, 199, 116, .10), rgba(72, 199, 116, .035)),
		#17221b !important;
}

.home-mutlist-table > tbody > .mute-list-row.danger,
#muts > .mute-list-row.danger {
	background:
		linear-gradient(90deg, rgba(255, 85, 85, .12), rgba(255, 85, 85, .035)),
		#261719 !important;
}

.home-mutlist-table > tbody > .mute-list-row > td,
#muts > .mute-list-row > td {
	background: transparent !important;
	background-color: transparent !important;
	color: #d2d6dc !important;
}

/* Форум */
#forum .forums-section-table > tbody > tr,
#forum table.table-striped > tbody > tr,
#forum table.table-striped > tbody > tr:nth-child(odd),
#forum table.table-striped > tbody > tr:nth-child(even) {
	background-color: #171a20 !important;
}

#forum .forums-section-table > tbody > tr > td,
#forum table.table-striped > tbody > tr > td {
	background: transparent !important;
	background-color: transparent !important;
	color: #c9cdd4 !important;
}

/* ==========================================================================
   PRIME-3ONA — HOME SERVER / ACTIVITY SWAP + VERTICAL PROFILE
   Главная: серверы в широкой колонке, активность в боковой.
   Личный кабинет: вертикальный прямоугольный аватар и компактные кнопки.
   ========================================================================== */

/* Широкий блок серверов на главной */
.home-index-servers-card {
	margin-bottom: 15px;
	overflow: hidden;
}

.home-index-servers-content {
	padding: 12px;
}

.home-index-servers-grid {
	min-height: 130px;
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	align-items: stretch;
	gap: 12px;
	background: transparent !important;
}

.home-index-servers-grid > .prime-loader,
.home-index-servers-loader {
	grid-column: 1 / -1;
	min-height: 130px;
}

.home-index-servers-grid > .prime-mini-server,
.home-index-servers-grid > .our_server {
	width: 100%;
	min-width: 0;
	margin: 0 !important;
}

.home-index-servers-grid .prime-mini-server {
	height: 100%;
}

.home-index-servers-grid .prime-mini-server-image-wrap,
.home-index-servers-grid .prime-mini-server-image {
	height: 132px !important;
}

.home-index-servers-grid .prime-mini-server-content {
	padding: 12px 13px;
}

/* Поддержка старой разметки server_min.tpl */
.home-index-servers-grid > .our_server {
	padding: 12px !important;
	border: 1px solid rgba(255, 255, 255, .075);
	border-radius: 12px;
	background:
		linear-gradient(
			145deg,
			rgba(255, 59, 59, .045),
			rgba(255, 152, 0, .018)
		),
		#181b21 !important;
	box-shadow: 0 12px 28px rgba(0, 0, 0, .23);
}

.home-index-servers-grid > .our_server .our_map_img {
	width: 72px !important;
	height: 72px !important;
	margin: 0 11px 0 0 !important;
	object-fit: cover;
	border: 2px solid rgba(255, 152, 0, .30);
	border-radius: 10px !important;
}

.home-index-servers-grid > .our_server .our_server_info_row,
.home-index-servers-grid > .our_server .our_server_info_row a,
.home-index-servers-grid > .our_server .our_server_info_row span {
	color: #c9cdd4 !important;
}

/* Последняя активность в правой колонке */
.home-right-col-activity-card {
	margin-bottom: 14px;
	overflow: hidden;
}

.home-right-col-activity-content {
	padding: 8px;
}

.home-right-col-activity {
	display: grid;
	gap: 7px;
}

.home-right-col-activity .last-activity-card {
	margin: 0 !important;
	padding: 10px;
	align-items: stretch;
	flex-direction: column;
	gap: 8px;
	border: 1px solid rgba(255, 255, 255, .06);
	border-radius: 9px;
	background:
		linear-gradient(
			135deg,
			rgba(255, 59, 59, .035),
			rgba(255, 152, 0, .016)
		),
		rgba(17, 20, 25, .72);
	box-shadow: none;
}

.home-right-col-activity .last-activity-card:hover {
	border-color: rgba(255, 152, 0, .20);
	background:
		linear-gradient(
			135deg,
			rgba(255, 59, 59, .065),
			rgba(255, 152, 0, .03)
		),
		#1b1f26;
}

.home-right-col-activity .last-activity-main {
	gap: 6px;
}

.home-right-col-activity .last-activity-row {
	align-items: flex-start;
	gap: 6px;
}

.home-right-col-activity .last-activity-row > .glyphicon {
	width: 11px;
	margin-top: 2px;
	font-size: 8px;
}

.home-right-col-activity .last-activity-row > div {
	display: block;
	line-height: 1.35;
}

.home-right-col-activity .last-activity-label {
	margin-right: 4px;
	font-size: 7px;
	letter-spacing: .25px;
}

.home-right-col-activity .last-activity-row a {
	display: inline;
	font-size: 9px;
	line-height: 1.4;
	white-space: normal;
	overflow-wrap: anywhere;
}

.home-right-col-activity .last-activity-date {
	align-self: flex-end;
	padding-top: 7px;
	border-top: 1px solid rgba(255, 255, 255, .055);
	color: #848b95;
	font-size: 8px;
}

.home-right-col-activity .last-activity-date .glyphicon {
	font-size: 8px;
}

/* Личный кабинет: вертикальный прямоугольный аватар */
.prime-user-panel-body {
	padding: 12px;
	grid-template-columns: 86px minmax(0, 1fr);
	align-items: start;
	gap: 13px;
}

.prime-user-panel-avatar-link {
	width: 86px;
	display: block;
}

.prime-user-panel-avatar {
	width: 86px !important;
	height: 118px !important;
	object-fit: cover;
	object-position: center center;
	border: 2px solid rgba(255, 152, 0, .48);
	border-radius: 10px;
	background: #111419;
	box-shadow:
		0 0 0 4px rgba(255, 152, 0, .055),
		0 12px 24px rgba(0, 0, 0, .28);
}

/* Компактные оранжевые кнопки справа от аватара */
.prime-user-panel-menu {
	min-width: 0;
	padding-left: 2px;
	gap: 4px;
}

.prime-user-panel-menu-link {
	min-height: 25px;
	padding: 0 8px 0 9px;
	gap: 5px;
	border: 1px solid rgba(255, 152, 0, .17);
	border-radius: 7px;
	background:
		linear-gradient(
			135deg,
			rgba(255, 59, 59, .075),
			rgba(255, 152, 0, .055)
		);
	color: #ffb451 !important;
	font-size: 7.5px;
	font-weight: 850;
	line-height: 1;
	letter-spacing: .18px;
	text-transform: uppercase;
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, .025);
}

.prime-user-panel-menu-link .glyphicon {
	width: 11px;
	flex: 0 0 11px;
	color: #ff8f24;
	font-size: 8px;
}

.prime-user-panel-menu-link:hover,
.prime-user-panel-menu-link:focus {
	padding-left: 11px;
	border-color: rgba(255, 152, 0, .38);
	background:
		linear-gradient(
			135deg,
			rgba(255, 59, 59, .15),
			rgba(255, 152, 0, .11)
		);
	color: #fff1d9 !important;
	box-shadow:
		0 7px 17px rgba(255, 92, 31, .10),
		inset 0 1px 0 rgba(255, 255, 255, .045);
}

.prime-user-panel-admin-link {
	border-color: rgba(255, 178, 54, .26);
	background:
		linear-gradient(
			135deg,
			rgba(255, 94, 28, .10),
			rgba(255, 181, 39, .08)
		);
	color: #ffc56f !important;
}

.prime-user-panel-exit-link {
	border-color: rgba(255, 85, 85, .20);
	background: rgba(255, 85, 85, .055);
	color: #ff9b96 !important;
}

.prime-user-panel-exit-link:hover,
.prime-user-panel-exit-link:focus {
	border-color: rgba(255, 85, 85, .36);
	background: rgba(255, 85, 85, .11);
	color: #ffd2cf !important;
}

/* Планшет */
@media (max-width: 1040px) {
	.home-index-servers-grid {
		grid-template-columns: 1fr;
	}
}

/* Мобильные устройства: аватар остаётся вертикальным */
@media (max-width: 760px) {
	.home-index-servers-grid {
		grid-template-columns: 1fr;
	}

	.prime-user-panel-body {
		grid-template-columns: 82px minmax(0, 1fr);
		gap: 11px;
	}

	.prime-user-panel-avatar-link {
		width: 82px;
	}

	.prime-user-panel-avatar {
		width: 82px !important;
		height: 112px !important;
	}

	.prime-user-panel-menu-link {
		min-height: 27px;
		font-size: 8px;
	}
}

@media (max-width: 420px) {
	.prime-user-panel-body {
		grid-template-columns: 76px minmax(0, 1fr);
		gap: 10px;
	}

	.prime-user-panel-avatar-link {
		width: 76px;
	}

	.prime-user-panel-avatar {
		width: 76px !important;
		height: 106px !important;
	}

	.prime-user-panel-menu-link {
		min-height: 26px;
		padding-right: 6px;
		padding-left: 7px;
		font-size: 7px;
	}

	.prime-user-panel-menu-link:hover,
	.prime-user-panel-menu-link:focus {
		padding-left: 8px;
	}
}

/* ==========================================================================
   PRIME-3ONA — NEWS IMAGE TILES
   Новости на главной и /news: плитки с акцентом на изображение.
   ========================================================================== */

.home-index-news,
.news-index-list,
.index-main-news-list {
	display: grid !important;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	align-items: stretch;
	gap: 14px !important;
}

.home-index-news > *,
.news-index-list > *,
.index-main-news-list > * {
	min-width: 0;
	margin: 0 !important;
}

.prime-news-card.prime-news-tile {
	position: relative;
	min-width: 0;
	min-height: 360px;
	margin: 0;
	display: flex;
	flex-direction: column;
	overflow: hidden;
	border: 1px solid rgba(255, 255, 255, .075);
	border-radius: 15px;
	background:
		linear-gradient(
			155deg,
			rgba(255, 59, 59, .035),
			rgba(255, 152, 0, .016)
		),
		#15181d;
	box-shadow:
		0 14px 32px rgba(0, 0, 0, .27),
		inset 0 1px 0 rgba(255, 255, 255, .025);
	transition:
		transform .28s ease,
		border-color .28s ease,
		box-shadow .28s ease;
}

.prime-news-card.prime-news-tile::before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	z-index: 4;
	width: 100%;
	height: 3px;
	background: linear-gradient(90deg, #ff3b3b, #ff9800);
	opacity: .88;
}

.prime-news-card.prime-news-tile:hover {
	transform: translateY(-6px);
	border-color: rgba(255, 152, 0, .30);
	box-shadow:
		0 22px 45px rgba(0, 0, 0, .36),
		0 0 26px rgba(255, 126, 25, .09),
		inset 0 1px 0 rgba(255, 255, 255, .035);
}

.prime-news-tile .prime-news-poster {
	position: relative;
	width: 100%;
	height: auto;
	aspect-ratio: 16 / 9;
	display: block;
	flex: 0 0 auto;
	overflow: hidden;
	border: 0;
	border-radius: 0;
	background: #0e1115;
}

.prime-news-tile .prime-news-poster img {
	width: 100%;
	height: 100%;
	display: block;
	object-fit: cover;
	object-position: center;
	border: 0;
	border-radius: 0;
	filter: saturate(.92) contrast(1.03);
	transition:
		transform .42s ease,
		filter .42s ease;
}

.prime-news-tile:hover .prime-news-poster img {
	transform: scale(1.055);
	filter: saturate(1.06) contrast(1.05);
}

.prime-news-image-overlay {
	position: absolute;
	inset: 0;
	z-index: 1;
	display: block;
	background:
		linear-gradient(
			180deg,
			rgba(8, 10, 13, .02) 30%,
			rgba(8, 10, 13, .24) 72%,
			rgba(8, 10, 13, .70) 100%
		);
	pointer-events: none;
}

.prime-news-image-badge {
	position: absolute;
	top: 14px;
	left: 14px;
	z-index: 2;
	min-height: 27px;
	padding: 0 10px;
	display: inline-flex;
	align-items: center;
	gap: 6px;
	border: 1px solid rgba(255, 211, 128, .34);
	border-radius: 999px;
	background:
		linear-gradient(
			135deg,
			rgba(255, 59, 59, .92),
			rgba(255, 152, 0, .92)
		);
	color: #fff;
	font-size: 8px;
	font-weight: 900;
	line-height: 25px;
	letter-spacing: .45px;
	text-transform: uppercase;
	box-shadow:
		0 8px 20px rgba(0, 0, 0, .28),
		inset 0 1px 0 rgba(255, 255, 255, .22);
	backdrop-filter: blur(6px);
}

.prime-news-image-badge .glyphicon {
	font-size: 9px;
}

.prime-news-tile .prime-news-content {
	min-height: 0;
	padding: 0 !important;
	display: flex;
	flex: 1;
	background: transparent !important;
}

.prime-news-tile .prime-news-body {
	min-width: 0;
	width: 100%;
	padding: 15px;
	display: flex;
	flex: 1;
	flex-direction: column;
}

.prime-news-tile .prime-news-header {
	min-height: 0;
	margin: 0 0 9px !important;
	padding: 0 !important;
	display: block;
	border: 0;
	background: transparent !important;
}

.prime-news-tile .prime-news-title {
	display: -webkit-box;
	overflow: hidden;
	background: linear-gradient(90deg, #ff5a43, #ffad31);
	-webkit-background-clip: text;
	background-clip: text;
	color: #ff8f2c !important;
	-webkit-text-fill-color: transparent;
	font-size: 14px;
	font-weight: 950;
	line-height: 1.35;
	letter-spacing: .2px;
	text-overflow: ellipsis;
	white-space: normal;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
}

.prime-news-tile .prime-news-title:hover {
	filter: brightness(1.14);
}

.prime-news-tile .prime-news-text {
	max-height: 5.1em;
	margin-bottom: 14px;
	display: -webkit-box;
	overflow: hidden;
	color: #aeb4bd !important;
	font-size: 10px;
	line-height: 1.7;
	overflow-wrap: anywhere;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
}

.prime-news-tile .prime-news-text > :first-child {
	margin-top: 0 !important;
}

.prime-news-tile .prime-news-text > :last-child {
	margin-bottom: 0 !important;
}

.prime-news-tile .prime-news-text img,
.prime-news-tile .prime-news-text iframe,
.prime-news-tile .prime-news-text video {
	display: none !important;
}

.prime-news-tile .prime-news-meta {
	margin-top: auto;
	padding: 12px 0 0 !important;
	display: flex;
	align-items: center;
	justify-content: space-between;
	flex-wrap: wrap;
	gap: 10px;
	border: 0 !important;
	border-top: 1px solid rgba(255, 255, 255, .065) !important;
	background: transparent !important;
}

.prime-news-meta-info {
	min-width: 0;
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: 10px;
}

.prime-news-tile .prime-news-meta-info > span {
	margin: 0 !important;
	display: inline-flex;
	align-items: center;
	gap: 5px;
	color: #7f8792;
	font-size: 8px;
	font-weight: 750;
	line-height: 1.3;
}

.prime-news-tile .prime-news-meta-info .glyphicon {
	color: #ff972f;
	font-size: 9px;
}

.prime-news-tile .prime-news-more {
	min-height: 31px;
	margin-left: auto;
	padding: 0 11px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 6px;
	border: 1px solid rgba(255, 152, 0, .28);
	border-radius: 8px;
	background: rgba(255, 152, 0, .045);
	color: #ffb451 !important;
	font-size: 8px;
	font-weight: 900;
	line-height: 29px;
	letter-spacing: .3px;
	text-transform: uppercase;
	transition:
		border-color .22s ease,
		background .22s ease,
		color .22s ease,
		box-shadow .22s ease;
}

.prime-news-tile .prime-news-more:hover {
	border-color: transparent;
	background: linear-gradient(135deg, #ff3b3b, #ff9800);
	color: #fff !important;
	box-shadow:
		0 9px 21px rgba(255, 75, 35, .20),
		inset 0 1px 0 rgba(255, 255, 255, .16);
}

.news-view-other-list .prime-news-card.prime-news-tile {
	min-height: 0;
	display: grid;
	grid-template-columns: 84px minmax(0, 1fr);
	border-radius: 10px;
}

.news-view-other-list .prime-news-card.prime-news-tile:hover {
	transform: translateY(-2px);
}

.news-view-other-list .prime-news-tile .prime-news-poster {
	width: 84px;
	height: 100%;
	min-height: 82px;
	aspect-ratio: auto;
}

.news-view-other-list .prime-news-image-badge,
.news-view-other-list .prime-news-image-overlay {
	display: none;
}

.news-view-other-list .prime-news-tile .prime-news-body {
	padding: 9px;
}

.news-view-other-list .prime-news-tile .prime-news-header {
	margin-bottom: 5px !important;
}

.news-view-other-list .prime-news-tile .prime-news-title {
	font-size: 9px;
	-webkit-line-clamp: 2;
}

.news-view-other-list .prime-news-tile .prime-news-text {
	display: none;
}

.news-view-other-list .prime-news-tile .prime-news-meta {
	padding-top: 6px !important;
	gap: 5px;
}

.news-view-other-list .prime-news-meta-info {
	gap: 6px;
}

.news-view-other-list .prime-news-tile .prime-news-meta-info > span {
	font-size: 7px;
}

.news-view-other-list .prime-news-tile .prime-news-meta-info .v_read {
	display: none;
}

.news-view-other-list .prime-news-tile .prime-news-more {
	min-height: 23px;
	padding: 0 7px;
	font-size: 0;
	line-height: 21px;
}

.news-view-other-list .prime-news-tile .prime-news-more .glyphicon {
	font-size: 8px;
}

@media (max-width: 900px) {
	.home-index-news,
	.news-index-list,
	.index-main-news-list {
		grid-template-columns: 1fr;
	}
}

@media (max-width: 520px) {
	.prime-news-card.prime-news-tile {
		min-height: 0;
		border-radius: 12px;
	}

	.prime-news-tile .prime-news-body {
		padding: 12px;
	}

	.prime-news-tile .prime-news-title {
		font-size: 13px;
	}

	.prime-news-tile .prime-news-meta {
		align-items: stretch;
		flex-direction: column;
	}

	.prime-news-tile .prime-news-more {
		width: 100%;
		margin-left: 0;
	}

	.news-view-other-list .prime-news-card.prime-news-tile {
		grid-template-columns: 72px minmax(0, 1fr);
	}

	.news-view-other-list .prime-news-tile .prime-news-poster {
		width: 72px;
	}
}

@media (prefers-reduced-motion: reduce) {
	.prime-news-tile,
	.prime-news-tile * {
		transition-duration: .01ms !important;
		animation-duration: .01ms !important;
		animation-iteration-count: 1 !important;
	}
}

/* ==========================================================================
   PRIME-3ONA — USER AND FRIEND IMAGE CARDS
   Пользователи и друзья: плитки с крупной фотографией.
   ========================================================================== */

/* Общая сетка */
.home-users-list,
.home-friends-list {
	display: grid !important;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	align-items: stretch;
	gap: 11px !important;
}

.home-users-list > *,
.home-friends-list > * {
	min-width: 0;
	margin: 0 !important;
}

/* Общая карточка */
.home-users-list .user-directory-card,
.home-friends-list .friend-directory-card {
	position: relative;
	width: 100%;
	min-width: 0;
	min-height: 330px;
	margin: 0 !important;
	padding: 0 !important;
	display: flex !important;
	flex-direction: column;
	align-items: stretch;
	gap: 0;
	overflow: hidden !important;
	border: 1px solid rgba(255, 255, 255, .09);
	border-radius: 14px;
	background:
		linear-gradient(
			155deg,
			rgba(255, 59, 59, .032),
			rgba(255, 152, 0, .015)
		),
		#181b20;
	box-shadow:
		0 13px 29px rgba(0, 0, 0, .27),
		inset 0 1px 0 rgba(255, 255, 255, .028);
	transition:
		transform .25s ease,
		border-color .25s ease,
		box-shadow .25s ease;
}

.home-users-list .user-directory-card::before,
.home-friends-list .friend-directory-card::before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	z-index: 5;
	width: 100%;
	height: 3px;
	background: linear-gradient(90deg, #ff3b3b, #ff9800);
	opacity: .86;
}

.home-users-list .user-directory-card:hover,
.home-friends-list .friend-directory-card:hover {
	transform: translateY(-5px);
	border-color: rgba(255, 152, 0, .31);
	box-shadow:
		0 20px 39px rgba(0, 0, 0, .36),
		0 0 23px rgba(255, 126, 25, .075),
		inset 0 1px 0 rgba(255, 255, 255, .035);
}

/* Большое квадратное фото */
.home-users-list .user-directory-avatar-link,
.home-friends-list .friend-directory-avatar-link {
	position: relative;
	width: 100% !important;
	height: auto !important;
	aspect-ratio: 1 / 1;
	padding: 0 !important;
	display: block !important;
	flex: 0 0 auto;
	overflow: hidden;
	background:
		radial-gradient(circle at 50% 35%, rgba(255, 152, 0, .08), transparent 48%),
		#101318;
}

.home-users-list .user-directory-avatar,
.home-friends-list .friend-directory-avatar {
	width: 100% !important;
	height: 100% !important;
	margin: 0 !important;
	padding: 0 !important;
	display: block;
	object-fit: cover;
	object-position: center;
	border: 0 !important;
	border-radius: 0 !important;
	box-shadow: none !important;
	filter: saturate(.92) contrast(1.025);
	transition:
		transform .38s ease,
		filter .38s ease;
}

.home-users-list .user-directory-card:hover .user-directory-avatar,
.home-friends-list .friend-directory-card:hover .friend-directory-avatar {
	transform: scale(1.045);
	filter: saturate(1.04) contrast(1.04);
}

/* Информация */
.user-directory-info,
.friend-directory-info {
	min-width: 0;
	padding: 11px 12px 8px;
	display: grid;
	gap: 5px;
}

.home-users-list .user-directory-title,
.home-friends-list .friend-directory-title {
	min-width: 0;
	min-height: 0;
	padding: 0 !important;
	display: block !important;
	overflow: hidden;
	border: 0 !important;
	background: transparent !important;
	color: #f2f4f6 !important;
	line-height: 1.35;
	text-decoration: none;
}

.home-users-list .user-directory-title strong,
.home-friends-list .friend-directory-title strong {
	display: block;
	overflow: hidden;
	color: #f2f4f6;
	font-size: 12px;
	font-weight: 900;
	line-height: 1.35;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.home-users-list .user-directory-title:hover strong,
.home-friends-list .friend-directory-title:hover strong {
	color: #ffbd69;
}

.user-directory-group,
.friend-directory-group {
	min-width: 0;
	display: flex;
	align-items: center;
	gap: 5px;
	overflow: hidden;
	color: #8f97a1;
	font-size: 8px;
	font-weight: 700;
	line-height: 1.4;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.user-directory-group .glyphicon,
.friend-directory-group .glyphicon {
	flex: 0 0 auto;
	color: #ff972f;
	font-size: 8px;
}

/* Основные кнопки */
.home-users-list .user-directory-actions,
.home-friends-list .friend-directory-actions {
	width: auto;
	min-width: 0;
	margin-top: auto;
	padding: 0 11px 11px !important;
	display: grid !important;
	grid-template-columns: 1fr;
	gap: 6px;
}

.home-users-list .user-directory-actions > *,
.home-friends-list .friend-directory-actions > * {
	width: 100%;
	min-width: 0;
	min-height: 36px;
	margin: 0 !important;
	padding: 0 8px !important;
	display: inline-flex !important;
	align-items: center;
	justify-content: center;
	gap: 6px;
	border-radius: 8px;
	font-size: 8px;
	font-weight: 900;
	line-height: 34px;
	letter-spacing: .2px;
	text-align: center;
	text-transform: uppercase;
	white-space: nowrap;
	box-shadow: none;
}

.home-users-list .user-directory-friend-btn,
.home-friends-list .friend-directory-message-btn {
	border: 1px solid rgba(255, 218, 145, .30) !important;
	background: linear-gradient(135deg, #ff3b3b, #ff9800) !important;
	color: #fff !important;
	box-shadow:
		0 9px 20px rgba(255, 75, 35, .19),
		inset 0 1px 0 rgba(255, 255, 255, .17) !important;
}

.home-users-list .user-directory-friend-btn:hover,
.home-friends-list .friend-directory-message-btn:hover {
	transform: translateY(-1px);
	border-color: rgba(255, 231, 164, .55) !important;
	background: linear-gradient(135deg, #ff4a43, #ffa31a) !important;
	color: #fff !important;
	box-shadow:
		0 12px 25px rgba(255, 75, 35, .25),
		0 0 15px rgba(255, 148, 17, .08) !important;
}

.home-users-list .user-directory-message-btn,
.home-users-list .user-directory-profile-btn {
	border: 1px solid rgba(255, 152, 0, .22) !important;
	background: rgba(255, 152, 0, .045) !important;
	color: #ffb451 !important;
}

.home-users-list .user-directory-message-btn:hover,
.home-users-list .user-directory-profile-btn:hover {
	border-color: rgba(255, 152, 0, .38) !important;
	background: rgba(255, 152, 0, .10) !important;
	color: #fff0d5 !important;
}

.home-friends-list .friend-directory-delete-btn {
	border: 1px solid rgba(255, 85, 85, .23) !important;
	background: rgba(255, 85, 85, .055) !important;
	color: #ff9b96 !important;
}

.home-friends-list .friend-directory-delete-btn:hover {
	border-color: rgba(255, 85, 85, .40) !important;
	background: rgba(255, 85, 85, .12) !important;
	color: #fff !important;
}

/* Входящие и исходящие заявки */
.home-friends-list .friend-directory-actions .friend-card-action-success {
	border-color: rgba(72, 199, 116, .25) !important;
	background: rgba(72, 199, 116, .075) !important;
	color: #8ce1a8 !important;
}

.home-friends-list .friend-directory-actions .friend-card-action-danger:not(.friend-directory-delete-btn) {
	border-color: rgba(255, 85, 85, .20) !important;
	background: rgba(255, 85, 85, .045) !important;
	color: #ff9691 !important;
}

/* Маленькие администраторские иконки на фото */
.user-directory-admin-actions {
	position: absolute;
	top: 12px;
	right: 9px;
	z-index: 8;
	display: flex;
	gap: 5px;
}

.user-directory-admin-action {
	width: 29px;
	height: 29px;
	padding: 0;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	border: 1px solid rgba(255, 255, 255, .14);
	border-radius: 8px;
	background: rgba(13, 16, 20, .78);
	color: #ffbd69 !important;
	font-size: 10px;
	line-height: 1;
	box-shadow: 0 7px 17px rgba(0, 0, 0, .30);
	backdrop-filter: blur(6px);
	transition:
		transform .18s ease,
		border-color .18s ease,
		background .18s ease;
}

.user-directory-admin-action:hover {
	transform: translateY(-1px);
	border-color: rgba(255, 152, 0, .40);
	background: rgba(26, 29, 35, .94);
	color: #fff !important;
}

.user-directory-admin-delete {
	border-color: rgba(255, 85, 85, .22);
	color: #ff918d !important;
}

/* Технические элементы загрузки должны занимать всю сетку */
.home-users-list .prime-loader,
.home-users-list .prime-empty-state,
.home-friends-list .prime-loader,
.home-friends-list .prime-empty-state {
	grid-column: 1 / -1;
}

/* Планшеты */
@media (max-width: 1050px) {
	.home-users-list,
	.home-friends-list {
		grid-template-columns: repeat(3, minmax(0, 1fr));
	}
}

@media (max-width: 760px) {
	.home-users-list,
	.home-friends-list {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.home-users-list .user-directory-card,
	.home-friends-list .friend-directory-card {
		min-height: 300px;
	}

	.home-users-list .user-directory-actions,
	.home-friends-list .friend-directory-actions {
		grid-template-columns: 1fr !important;
	}
}

/* Телефоны */
@media (max-width: 430px) {
	.home-users-list,
	.home-friends-list {
		grid-template-columns: 1fr;
	}

	.home-users-list .user-directory-card,
	.home-friends-list .friend-directory-card {
		width: 100%;
		max-width: 300px;
		margin-right: auto !important;
		margin-left: auto !important;
	}

	.home-users-list .user-directory-title strong,
	.home-friends-list .friend-directory-title strong {
		font-size: 13px;
	}

	.home-users-list .user-directory-actions > *,
	.home-friends-list .friend-directory-actions > * {
		min-height: 39px;
		font-size: 9px;
		line-height: 37px;
	}
}

@media (prefers-reduced-motion: reduce) {
	.home-users-list .user-directory-card,
	.home-users-list .user-directory-card *,
	.home-friends-list .friend-directory-card,
	.home-friends-list .friend-directory-card * {
		transition-duration: .01ms !important;
		animation-duration: .01ms !important;
		animation-iteration-count: 1 !important;
	}
}

/* ==========================================================================
   PRIME-3ONA — COMPACT PROFILE FRIENDS BAR
   Компактная ссылка на полную страницу друзей вместо сетки аватаров.
   ========================================================================== */

.home-profile-friends-compact {
	margin-bottom: 14px;
	overflow: hidden;
	border-radius: 12px;
}

.home-profile-friends-summary {
	position: relative;
	min-height: 58px;
	padding: 9px 14px 9px 12px;
	display: grid;
	grid-template-columns: 36px minmax(0, 1fr) auto 15px;
	align-items: center;
	gap: 11px;
	overflow: hidden;
	border: 1px solid rgba(255, 255, 255, .075);
	border-radius: 12px;
	background:
		linear-gradient(
			90deg,
			rgba(255, 59, 59, .07),
			rgba(255, 152, 0, .025)
		),
		#191c22;
	color: #d7dbe0 !important;
	box-shadow:
		0 10px 24px rgba(0, 0, 0, .24),
		inset 0 1px 0 rgba(255, 255, 255, .025);
	transition:
		transform .22s ease,
		border-color .22s ease,
		background .22s ease,
		box-shadow .22s ease;
}

.home-profile-friends-summary::before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 3px;
	height: 100%;
	background: linear-gradient(180deg, #ff3b3b, #ff9800);
}

.home-profile-friends-summary:hover,
.home-profile-friends-summary:focus {
	transform: translateY(-2px);
	border-color: rgba(255, 152, 0, .28);
	background:
		linear-gradient(
			90deg,
			rgba(255, 59, 59, .12),
			rgba(255, 152, 0, .055)
		),
		#1d2128;
	color: #fff !important;
	box-shadow:
		0 15px 31px rgba(0, 0, 0, .30),
		0 0 18px rgba(255, 126, 25, .065);
}

.home-profile-friends-summary-icon {
	width: 36px;
	height: 36px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	border: 1px solid rgba(255, 152, 0, .22);
	border-radius: 9px;
	background:
		linear-gradient(
			135deg,
			rgba(255, 59, 59, .11),
			rgba(255, 152, 0, .08)
		);
	color: #ffad45;
	font-size: 15px;
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, .035);
}

.home-profile-friends-summary-text {
	min-width: 0;
	display: grid;
	gap: 2px;
}

.home-profile-friends-summary-text strong {
	overflow: hidden;
	color: #f2f4f6;
	font-size: 11px;
	font-weight: 950;
	line-height: 1.3;
	letter-spacing: .35px;
	text-overflow: ellipsis;
	text-transform: uppercase;
	white-space: nowrap;
}

.home-profile-friends-summary-text small {
	overflow: hidden;
	color: #858d98;
	font-size: 8px;
	font-weight: 650;
	line-height: 1.3;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.home-profile-friends-summary-count {
	min-width: 38px;
	height: 28px;
	padding: 0 10px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	border: 1px solid rgba(255, 191, 91, .27);
	border-radius: 999px;
	background:
		linear-gradient(
			135deg,
			rgba(255, 59, 59, .13),
			rgba(255, 152, 0, .11)
		);
	color: #ffbd69;
	font-size: 10px;
	font-weight: 950;
	line-height: 26px;
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, .035);
}

.home-profile-friends-summary-arrow {
	color: #7f8791;
	font-size: 10px;
	transition:
		transform .22s ease,
		color .22s ease;
}

.home-profile-friends-summary:hover .home-profile-friends-summary-arrow,
.home-profile-friends-summary:focus .home-profile-friends-summary-arrow {
	transform: translateX(3px);
	color: #ffad45;
}

#profile_friends_source {
	display: none !important;
}

@media (max-width: 520px) {
	.home-profile-friends-summary {
		min-height: 54px;
		padding: 8px 11px 8px 10px;
		grid-template-columns: 33px minmax(0, 1fr) auto 12px;
		gap: 8px;
	}

	.home-profile-friends-summary-icon {
		width: 33px;
		height: 33px;
		font-size: 13px;
	}

	.home-profile-friends-summary-text strong {
		font-size: 10px;
	}

	.home-profile-friends-summary-text small {
		font-size: 7px;
	}

	.home-profile-friends-summary-count {
		min-width: 34px;
		height: 26px;
		padding: 0 8px;
		font-size: 9px;
		line-height: 24px;
	}
}

@media (prefers-reduced-motion: reduce) {
	.home-profile-friends-summary,
	.home-profile-friends-summary * {
		transition-duration: .01ms !important;
		animation-duration: .01ms !important;
		animation-iteration-count: 1 !important;
	}
}

/* ==========================================================================
   PRIME-3ONA — SERVER MODAL VIEWPORT FIX
   Окна игроков и управления сервером всегда открываются относительно экрана.
   ========================================================================== */

/* Модали server.tpl после JS переносятся прямыми дочерними элементами body */
body > .prime-server-modal {
	position: fixed !important;
	inset: 0 !important;
	width: 100vw !important;
	height: 100vh !important;
	max-width: none !important;
	max-height: none !important;
	margin: 0 !important;
	padding: 22px 12px !important;
	overflow-x: hidden !important;
	overflow-y: auto !important;
	z-index: 10550 !important;
	background: transparent !important;
	-webkit-overflow-scrolling: touch;
}

body > .prime-server-modal.in {
	display: block !important;
}

body > .prime-server-modal .modal-dialog {
	width: min(920px, calc(100vw - 24px)) !important;
	max-width: 920px !important;
	margin: 18px auto !important;
	position: relative;
	z-index: 2;
	transform: none;
}

body > .prime-server-modal.fade .modal-dialog {
	transform: translateY(-12px) scale(.985);
	transition:
		transform .22s ease,
		opacity .22s ease;
}

body > .prime-server-modal.in .modal-dialog {
	transform: translateY(0) scale(1);
}

body > .prime-server-modal .modal-content {
	max-height: calc(100vh - 58px);
	display: flex;
	flex-direction: column;
	overflow: hidden;
	border: 1px solid rgba(255, 152, 0, .20);
	border-radius: 14px;
	background:
		radial-gradient(
			circle at 50% 0,
			rgba(255, 152, 0, .10),
			transparent 34%
		),
		linear-gradient(180deg, #1b1e24, #101318) !important;
	box-shadow:
		0 28px 80px rgba(0, 0, 0, .62),
		0 0 36px rgba(255, 118, 24, .10);
}

body > .prime-server-modal .modal-header {
	position: sticky;
	top: 0;
	z-index: 4;
	flex: 0 0 auto;
	padding: 15px 18px;
	border-bottom: 1px solid rgba(255, 255, 255, .075) !important;
	background:
		linear-gradient(
			90deg,
			rgba(255, 59, 59, .085),
			rgba(255, 152, 0, .035)
		),
		#20242b !important;
}

body > .prime-server-modal .modal-title {
	padding-right: 42px;
	color: #f2f4f6;
	font-size: 15px;
	font-weight: 900;
	line-height: 1.35;
}

body > .prime-server-modal .modal-header .close {
	position: absolute;
	top: 10px;
	right: 12px;
	width: 34px;
	height: 34px;
	margin: 0;
	padding: 0;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	border: 1px solid rgba(255, 255, 255, .10);
	border-radius: 8px;
	background: rgba(255, 255, 255, .025);
	color: #fff;
	font-size: 23px;
	font-weight: 400;
	line-height: 1;
	opacity: .80;
	text-shadow: none;
	box-shadow: none;
}

body > .prime-server-modal .modal-header .close:hover,
body > .prime-server-modal .modal-header .close:focus {
	border-color: rgba(255, 85, 85, .34);
	background: rgba(255, 85, 85, .10);
	color: #ff9b96;
	opacity: 1;
	outline: none;
}

body > .prime-server-modal .modal-body {
	min-height: 0;
	padding: 16px;
	flex: 1 1 auto;
	overflow: auto !important;
	background: #181b21 !important;
	overscroll-behavior: contain;
}

body > .prime-server-modal .modal-footer {
	position: sticky;
	bottom: 0;
	z-index: 4;
	flex: 0 0 auto;
	padding: 11px 16px;
	border-top: 1px solid rgba(255, 255, 255, .075) !important;
	background: #20242b !important;
}

body > .prime-server-modal .modal-footer .btn {
	min-width: 112px;
	min-height: 36px;
	border: 1px solid rgba(255, 218, 145, .30);
	border-radius: 8px;
	background: linear-gradient(135deg, #ff3b3b, #ff9800);
	color: #fff;
	font-size: 9px;
	font-weight: 900;
	text-transform: uppercase;
	box-shadow:
		0 9px 21px rgba(255, 75, 35, .19),
		inset 0 1px 0 rgba(255, 255, 255, .16);
}

body > .prime-server-modal .prime-server-players-wrap {
	width: 100%;
	max-height: calc(100vh - 190px);
	overflow: auto !important;
	border-radius: 10px;
}

body > .prime-server-modal .prime-server-players-table {
	width: 100%;
	min-width: 620px;
	margin: 0;
}

body > .prime-server-modal .prime-server-players-table thead {
	position: sticky;
	top: 0;
	z-index: 2;
}

body > .prime-server-modal .prime-server-players-table thead td {
	background: #22262e !important;
}

/* Backdrop должен перекрывать весь сайт, но находиться ниже окна */
.modal-backdrop {
	position: fixed !important;
	inset: 0 !important;
	width: 100vw !important;
	height: 100vh !important;
	z-index: 10540 !important;
	background: #05070a !important;
}

.modal-backdrop.in {
	opacity: .78 !important;
}

/* При открытом окне страница не прокручивается */
body.modal-open {
	overflow: hidden !important;
}

/* Родительские блоки больше не могут обрезать модаль */
.home-index-servers-card,
.home-index-servers-content,
.home-index-servers-grid {
	contain: none !important;
}

/* На телефоне окно почти на весь экран */
@media (max-width: 640px) {
	body > .prime-server-modal {
		padding: 7px !important;
	}

	body > .prime-server-modal .modal-dialog {
		width: calc(100vw - 14px) !important;
		margin: 0 auto !important;
	}

	body > .prime-server-modal .modal-content {
		max-height: calc(100vh - 14px);
		border-radius: 11px;
	}

	body > .prime-server-modal .modal-header {
		padding: 13px 14px;
	}

	body > .prime-server-modal .modal-title {
		font-size: 13px;
	}

	body > .prime-server-modal .modal-body {
		padding: 10px;
	}

	body > .prime-server-modal .modal-footer {
		padding: 9px 10px;
	}

	body > .prime-server-modal .modal-footer .btn {
		width: 100%;
	}

	body > .prime-server-modal .prime-server-players-wrap {
		max-height: calc(100vh - 158px);
	}
}

@media (prefers-reduced-motion: reduce) {
	body > .prime-server-modal .modal-dialog {
		transition-duration: .01ms !important;
	}
}

/* ==========================================================================
   PRIME-3ONA — PROFILE TABLE ALIGNMENT FIX
   Исправляет colspan-заголовки и выравнивание подписей/значений.
   ========================================================================== */

.home-profile-overview {
	grid-template-columns: 210px minmax(0, 1fr);
}

.home-profile-info-wrap {
	width: 100%;
	min-width: 0;
}

.home-profile-info-table {
	width: 100% !important;
	table-layout: fixed;
	border-collapse: collapse;
}

.home-profile-info-table > tbody > tr {
	display: table-row !important;
}

.home-profile-info-table > tbody > tr > td {
	display: table-cell !important;
	min-width: 0;
	vertical-align: middle !important;
	overflow-wrap: anywhere;
	word-break: normal;
}

/* Подпись параметра */
.home-profile-info-table > tbody > tr > td:first-child:not(.razdel),
.home-profile-info-table > tbody > tr > td.w30 {
	width: 40% !important;
}

/* Значение параметра */
.home-profile-info-table > tbody > tr > td:nth-child(2),
.home-profile-info-table > tbody > tr > td.w70 {
	width: 60% !important;
	color: #d2d6dc;
}

/* Заголовок секции должен занимать обе колонки */
.home-profile-info-table > tbody > tr > td.razdel {
	width: auto !important;
	display: table-cell !important;
	position: relative;
	clear: both;
	overflow: hidden;
	white-space: normal;
}

.home-profile-info-table .razdel > span:first-child {
	display: inline-block;
	max-width: calc(100% - 90px);
	vertical-align: middle;
}

/* Статус активности остаётся справа, не ломая table-cell */
.home-profile-info-table .razdel .home-profile-last-activity {
	float: right;
	max-width: 82px;
	margin: 1px 0 0 10px;
	overflow: hidden;
	text-align: right;
	text-overflow: ellipsis;
	white-space: nowrap;
}

/* Иконка и подпись держатся на одной базовой линии */
.home-profile-info-table td:first-child:not(.razdel) {
	line-height: 1.45;
}

.home-profile-info-table td:first-child:not(.razdel) .icon,
.home-profile-info-table td:first-child:not(.razdel) .home-profile-row-icon {
	display: inline-flex;
	flex: 0 0 auto;
	vertical-align: middle;
}

/* Длинные значения не выталкивают таблицу */
.home-profile-info-table td:nth-child(2) a,
.home-profile-info-table td:nth-child(2) i,
.home-profile-info-table td:nth-child(2) span {
	max-width: 100%;
	overflow-wrap: anywhere;
}

/* Планшет */
@media (max-width: 900px) {
	.home-profile-overview {
		grid-template-columns: 180px minmax(0, 1fr);
	}

	.home-profile-info-table > tbody > tr > td:first-child:not(.razdel),
	.home-profile-info-table > tbody > tr > td.w30 {
		width: 42% !important;
	}

	.home-profile-info-table > tbody > tr > td:nth-child(2),
	.home-profile-info-table > tbody > tr > td.w70 {
		width: 58% !important;
	}
}

/* Мобильный профиль остаётся прокручиваемым, но колонки ровные */
@media (max-width: 700px) {
	.home-profile-overview {
		grid-template-columns: 1fr;
	}

	.home-profile-info-table {
		min-width: 580px;
	}

	.home-profile-info-table > tbody > tr > td:first-child:not(.razdel),
	.home-profile-info-table > tbody > tr > td.w30 {
		width: 38% !important;
	}

	.home-profile-info-table > tbody > tr > td:nth-child(2),
	.home-profile-info-table > tbody > tr > td.w70 {
		width: 62% !important;
	}
}

/* ==========================================================================
   PRIME-3ONA — FINAL UNIFIED LAYOUT AND DESIGN SYSTEM
   Authoritative rules loaded last through head.tpl.
   ========================================================================== */

:root {
	--prime-shell-max: 1680px;
	--prime-sidebar-width: 320px;
	--prime-layout-gap: 18px;
}

/* One width for header navigation and all page content. */
header.index-top-header,
.inner.index-top-page {
	width: min(var(--prime-shell-max), calc(100% - 32px)) !important;
	max-width: var(--prime-shell-max) !important;
	margin-right: auto !important;
	margin-left: auto !important;
}

.index-top-header {
	margin-bottom: 10px !important;
	overflow: visible !important;
	border-radius: 0 0 14px 14px;
}

.index-top-bar-inner {
	width: 100%;
	max-width: none;
}

.index-top-inner,
.index-top-brand,
.index-top-logo,
.home-index-brand-hero,
.home-index-brand-link,
.home-index-brand-logo,
.home-index-hero,
.home-index-slider,
.home-index-slider #slides {
	display: none !important;
}

.index-top-page,
.index-top-content,
.index-top-side-content {
	min-width: 0 !important;
	box-sizing: border-box !important;
}

.index-top-navigation {
	width: 100% !important;
	margin: 0 0 14px !important;
}

.index-top-side-content {
	width: 100% !important;
	max-width: none !important;
	margin: 0 !important;
	padding: 0 !important;
	display: grid !important;
	grid-template-columns: minmax(0, 1fr) var(--prime-sidebar-width) !important;
	align-items: start !important;
	gap: var(--prime-layout-gap) !important;
	overflow: visible !important;
}

.index-top-side-content > .left_block,
.index-top-side-content > .right_block,
.index-top-side-content > .left_blockuser {
	float: none !important;
	min-width: 0 !important;
	margin: 0 !important;
	padding: 0 !important;
}

.index-top-side-content > .left_block {
	grid-column: 1 !important;
	width: 100% !important;
	max-width: none !important;
}

.index-top-side-content > .right_block {
	grid-column: 2 !important;
	width: var(--prime-sidebar-width) !important;
	min-width: var(--prime-sidebar-width) !important;
	max-width: var(--prime-sidebar-width) !important;
	justify-self: end !important;
}

.index-top-side-content > .left_blockuser,
.index-top-side-content > .page-wide-column,
.index-top-side-content > .home-index-benefits {
	grid-column: 1 / -1 !important;
	width: 100% !important;
	max-width: none !important;
}

.page-main-column > *,
.right_block > *,
.home-index-main > *,
.home-index-sidebar > * {
	max-width: 100%;
	box-sizing: border-box;
}

/* Legacy paired cards become a responsive two-column layout. */
.legacy-split-main {
	display: grid !important;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	align-items: start;
	gap: 14px;
}

.legacy-split-main > .w50_1,
.legacy-split-main > .w50_2 {
	float: none !important;
	width: auto !important;
	margin: 0 !important;
}

.legacy-split-main > script,
.legacy-split-main > .clearfix,
.legacy-split-main > #comments,
.legacy-split-main > .pagination,
.legacy-split-main > [id^="pagination"] {
	grid-column: 1 / -1;
}

/* Store: purchase card on the left, two information cards on the right. */
.home-store-main {
	display: grid !important;
	grid-template-columns: minmax(0, 1.2fr) minmax(300px, .8fr);
	align-items: start;
	gap: 14px;
}

.home-store-main > .w50_1,
.home-store-main > .w50_2 {
	float: none !important;
	width: auto !important;
	margin: 0 !important;
}

.home-store-main > .w50_1 {
	grid-row: span 2;
}

.home-store-main > .bs-callout,
.home-store-main > script,
.home-store-main > .empty-element {
	grid-column: 1 / -1;
}

/* Complaint form uses the available width without Bootstrap fixed fractions. */
.complaint-add-main > .row {
	margin: 0;
	display: grid;
	grid-template-columns: minmax(0, 1.25fr) minmax(280px, .75fr);
	gap: 14px;
}

.complaint-add-main > .row > [class*="col-"] {
	float: none;
	width: auto;
	padding: 0;
}

/* Admin user editor: remove old 1060/520px fixed layout. */
.home-edit-user-main {
	width: 100% !important;
	max-width: none !important;
}

.home-edit-user-layout {
	display: grid;
	grid-template-columns: minmax(0, 1fr) minmax(360px, .9fr);
	align-items: start;
	gap: 16px;
}

.home-edit-user-primary,
.home-edit-user-secondary {
	min-width: 0;
}

.home-edit-user-main .block {
	margin-bottom: 10px;
	border: 1px solid rgba(255,255,255,.065);
	border-radius: 10px;
	background: rgba(255,255,255,.02) !important;
}

.home-edit-user-main .r_block_c > br {
	display: none;
}

/* Price list service cards. */
.home-price-list-main {
	display: grid;
	gap: 14px;
}

.price-list-service-card {
	padding: 14px;
	display: grid;
	grid-template-columns: minmax(0, 1fr) minmax(320px, .9fr);
	gap: 16px;
	border: 1px solid rgba(255,255,255,.07);
	border-radius: 12px;
	background: rgba(255,255,255,.022);
}

.price-list-service-description,
.price-list-service-tariffs {
	min-width: 0;
}

/* Old generic forms/tables finish consistently in the new theme. */
.page-main-column .r_block:last-child,
.page-main-column .l_block:last-child,
.right_block .l_block:last-child {
	margin-bottom: 0;
}

.page-main-column .table-responsive,
.right_block .table-responsive {
	border-radius: 10px;
}

.page-main-column .input-group,
.right_block .input-group {
	max-width: 100%;
}

.page-main-column img,
.right_block img {
	max-width: 100%;
	height: auto;
}

.home-index-benefits {
	margin-top: 0;
}

/* Medium desktop. */
@media (max-width: 1280px) {
	:root {
		--prime-sidebar-width: 290px;
		--prime-layout-gap: 14px;
	}

	header.index-top-header,
	.inner.index-top-page {
		width: calc(100% - 24px) !important;
	}
}

/* Tablet: one column, sidebar follows content. */
@media (max-width: 980px) {
	.index-top-side-content {
		grid-template-columns: minmax(0, 1fr) !important;
	}

	.index-top-side-content > .left_block,
	.index-top-side-content > .right_block,
	.index-top-side-content > .left_blockuser,
	.index-top-side-content > .home-index-benefits {
		grid-column: 1 !important;
		width: 100% !important;
		min-width: 0 !important;
		max-width: none !important;
		justify-self: stretch !important;
	}

	.legacy-split-main,
	.home-store-main,
	.complaint-add-main > .row,
	.home-edit-user-layout,
	.price-list-service-card {
		grid-template-columns: minmax(0, 1fr);
	}

	.home-store-main > .w50_1 {
		grid-row: auto;
	}
}

@media (max-width: 620px) {
	header.index-top-header,
	.inner.index-top-page {
		width: calc(100% - 14px) !important;
	}

	.index-top-navigation {
		margin-bottom: 10px !important;
	}

	.index-top-side-content {
		gap: 10px !important;
	}

	.page-main-column .r_block_c,
	.right_block .l_block_c {
		padding-right: 10px;
		padding-left: 10px;
	}
}

/* Unified responsive footer for the wider shell. */
.index-top-page > footer {
	width: 100%;
	min-height: 118px;
	display: grid;
	grid-template-columns: minmax(120px, auto) minmax(0, 1fr) minmax(220px, auto);
	align-items: center;
	gap: 24px;
}

.index-top-page > footer .f_logo,
.index-top-page > footer .f_text,
.index-top-page > footer .f_banners {
	position: static;
}

.index-top-page > footer .f_logo {
	width: 286px;
	height: 62px;
	max-width: 100%;
	background-size: contain;
}

.index-top-page > footer .f_text {
	width: auto;
	padding: 0;
}

.index-top-page > footer .f_banners {
	display: flex;
	justify-content: flex-end;
	flex-wrap: wrap;
	gap: 6px;
}

@media (max-width: 900px) {
	.index-top-page > footer {
		grid-template-columns: 1fr;
		justify-items: center;
		text-align: center;
	}

	.index-top-page > footer .f_banners {
		justify-content: center;
	}
}

/* ==========================================================================
   PRIME-3ONA — AUTHORIZED HEADER STRUCTURE FIX
   Авторизованная версия использует ту же оболочку, что и гостевая.
   ========================================================================== */

.prime-auth-header .index-top-bar-inner {
	justify-content: space-between;
	gap: 14px;
}

.prime-auth-header .prime-header-profile-nav {
	margin-left: auto;
	flex: 0 1 auto;
}

/* Скрытый источник кабинета не участвует в grid-разметке */
.index-top-side-content > #prime-user-panel-source {
	display: none !important;
}

/* Панель пользователя всегда остаётся внутри правой колонки */
.index-top-side-content > .right_block > .prime-user-panel:first-child {
	width: 100%;
	max-width: 100%;
	margin-top: 0;
}

/* Старый профильный блок больше не должен влиять на новую сетку */
.index-top-side-content .user_profile {
	float: none !important;
	width: 100% !important;
	max-width: 100% !important;
}

/* Длинные логин и баланс не расширяют шапку */
.prime-auth-header .prime-header-profile-nav > a,
.prime-user-panel-head,
.prime-user-panel-head-actions,
.prime-user-panel-identity {
	min-width: 0;
}

.prime-auth-header .prime-header-profile-nav > a span:last-child,
.prime-user-panel-login {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

@media (max-width: 760px) {
	.prime-auth-header .index-top-bar-inner {
		align-items: stretch;
		flex-direction: column;
	}

	.prime-auth-header .index-top-telegram {
		width: 100%;
		justify-content: center;
	}

	.prime-auth-header .prime-header-profile-nav {
		width: 100%;
		margin-left: 0;
		display: grid;
		grid-template-columns: repeat(3, minmax(0, 1fr));
		gap: 6px;
	}

	.prime-auth-header .prime-header-profile-nav > a {
		width: 100%;
		padding-right: 7px;
		padding-left: 7px;
		justify-content: center;
	}
}

@media (max-width: 470px) {
	.prime-auth-header .prime-header-profile-nav {
		grid-template-columns: 1fr;
	}
}

/* ==========================================================================
   PRIME-3ONA — COMPACT EVENTS AND VISITORS
   Компактные нижние блоки главной страницы.
   ========================================================================== */

/* Уменьшаем внешние отступы только у этих двух секций */
.home-index-events-card,
.home-index-online-card {
	margin-bottom: 12px;
}

/* --------------------------------------------------------------------------
   Последние события проекта
   -------------------------------------------------------------------------- */

.home-index-events-card .home-index-events {
	max-height: 255px;
	padding: 7px !important;
	gap: 6px !important;
	overflow-x: hidden;
	overflow-y: auto;
	scrollbar-width: thin;
	scrollbar-color: rgba(255, 152, 0, .38) rgba(255, 255, 255, .035);
}

.home-index-events-card .home-index-events::-webkit-scrollbar {
	width: 6px;
}

.home-index-events-card .home-index-events::-webkit-scrollbar-track {
	background: rgba(255, 255, 255, .025);
}

.home-index-events-card .home-index-events::-webkit-scrollbar-thumb {
	border-radius: 999px;
	background: rgba(255, 152, 0, .38);
}

.home-index-events-card #events .site-event-card {
	margin: 0 !important;
	border-radius: 9px !important;
	box-shadow: 0 5px 14px rgba(0, 0, 0, .18) !important;
}

.home-index-events-card #events .site-event-top {
	min-height: 0;
	padding: 6px 9px !important;
	grid-template-columns: minmax(0, 1fr) auto auto;
	gap: 8px;
}

.home-index-events-card #events .site-event-profile {
	gap: 7px;
}

.home-index-events-card #events .site-event-avatar {
	width: 29px !important;
	height: 29px !important;
	border-width: 1px !important;
	box-shadow: none;
}

.home-index-events-card #events .site-event-login {
	font-size: 10px;
}

.home-index-events-card #events .site-event-date,
.home-index-events-card #events .site-event-link {
	gap: 4px;
	font-size: 9px;
}

.home-index-events-card #events .site-event-date .fa,
.home-index-events-card #events .site-event-link .fa {
	font-size: 12px !important;
}

.home-index-events-card #events .site-event-content {
	min-height: 0;
	padding: 7px 9px !important;
	align-items: center;
	gap: 7px;
}

.home-index-events-card #events .site-event-text {
	font-size: 10px;
	line-height: 1.4;
}

.home-index-events-card #events .site-event-delete {
	width: 25px;
	height: 25px;
	flex-basis: 25px;
	border-radius: 7px;
}

/* Страховка, если GameCMS временно показывает закэшированный старый event.tpl */
.home-index-events-card #events > .event:not(.site-event-card) > .row {
	grid-template-columns: minmax(0, 1fr) auto auto !important;
}

.home-index-events-card #events > .event:not(.site-event-card) .event-profile,
.home-index-events-card #events > .event:not(.site-event-card) .event-date,
.home-index-events-card #events > .event:not(.site-event-card) .event-link {
	min-height: 56px !important;
	padding: 6px 9px !important;
}

.home-index-events-card #events > .event:not(.site-event-card) .event-profile img {
	width: 29px !important;
	height: 29px !important;
	margin-bottom: 2px !important;
}

.home-index-events-card #events > .event:not(.site-event-card) .event-date .fa,
.home-index-events-card #events > .event:not(.site-event-card) .event-link .fa {
	font-size: 22px !important;
}

.home-index-events-card #events > .event:not(.site-event-card) .event-header {
	min-height: 0 !important;
	padding: 7px 9px !important;
	font-size: 10px !important;
	line-height: 1.4 !important;
}

/* --------------------------------------------------------------------------
   Сегодня нас посетили
   -------------------------------------------------------------------------- */

.home-index-online-card .home-index-online {
	max-height: 92px;
	padding: 8px !important;
	display: flex !important;
	align-content: flex-start;
	align-items: flex-start;
	flex-wrap: wrap;
	gap: 6px;
	overflow-x: hidden;
	overflow-y: auto;
	font-size: 0 !important; /* скрывает старые текстовые запятые между пользователями */
	scrollbar-width: thin;
	scrollbar-color: rgba(255, 152, 0, .38) rgba(255, 255, 255, .035);
}

.home-index-online-card .home-index-online::-webkit-scrollbar {
	width: 6px;
}

.home-index-online-card .home-index-online::-webkit-scrollbar-track {
	background: rgba(255, 255, 255, .025);
}

.home-index-online-card .home-index-online::-webkit-scrollbar-thumb {
	border-radius: 999px;
	background: rgba(255, 152, 0, .38);
}

/* Виджет может отдавать li напрямую либо заворачивать их в ul/ol/div */
.home-index-online-card .home-index-online > ul,
.home-index-online-card .home-index-online > ol {
	margin: 0 !important;
	padding: 0 !important;
	display: contents !important;
	list-style: none !important;
	font-size: 0 !important;
}

.home-index-online-card .home-index-online > div {
	width: 100%;
	margin: 0 !important;
	padding: 0 !important;
	display: flex !important;
	flex-wrap: wrap;
	gap: 6px;
	font-size: 0 !important;
}

.home-index-online-card .home-index-online .online_user,
.home-index-online-card .home-index-online .prime-online-user {
	width: auto !important;
	max-width: 180px;
	min-width: 0;
	margin: 0 !important;
	padding: 0 !important;
	display: inline-flex !important;
	flex: 0 1 auto;
	border: 0 !important;
	background: transparent !important;
	font-size: 10px !important;
	line-height: 1;
	list-style: none !important;
}

.home-index-online-card .home-index-online .prime-online-user-link,
.home-index-online-card .home-index-online .online_user > a {
	min-height: 30px;
	max-width: 180px;
	padding: 4px 9px 4px 5px !important;
	display: inline-flex !important;
	align-items: center;
	gap: 6px;
	border: 1px solid rgba(255, 255, 255, .075) !important;
	border-radius: 999px;
	background:
		linear-gradient(
			135deg,
			rgba(255, 59, 59, .045),
			rgba(255, 152, 0, .025)
		),
		rgba(255, 255, 255, .025) !important;
	box-shadow: none;
	font-size: 10px !important;
	line-height: 1;
	transition:
		border-color .18s ease,
		background .18s ease,
		transform .18s ease;
}

.home-index-online-card .home-index-online .prime-online-user-link:hover,
.home-index-online-card .home-index-online .online_user > a:hover {
	transform: translateY(-1px);
	border-color: rgba(255, 152, 0, .28) !important;
	background: rgba(255, 152, 0, .055) !important;
}

.home-index-online-card .home-index-online .prime-online-avatar,
.home-index-online-card .home-index-online .online_user img {
	width: 21px !important;
	height: 21px !important;
	margin: 0 !important;
	flex: 0 0 21px;
	object-fit: cover;
	border: 1px solid rgba(255, 152, 0, .42);
	border-radius: 50%;
}

.home-index-online-card .home-index-online .prime-online-name,
.home-index-online-card .home-index-online .online_user font {
	min-width: 0;
	max-width: 125px;
	overflow: hidden;
	font-size: 10px !important;
	font-weight: 750;
	line-height: 1.2;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.home-index-online-card .home-index-online .prime-online-dot {
	width: 5px;
	height: 5px;
	margin-left: 1px;
	flex: 0 0 5px;
	border-radius: 50%;
	background: #55d985;
	box-shadow: 0 0 7px rgba(85, 217, 133, .55);
}

@media (max-width: 620px) {
	.home-index-events-card .home-index-events {
		max-height: 310px;
	}

	.home-index-events-card #events .site-event-top {
		grid-template-columns: minmax(0, 1fr) auto;
	}

	.home-index-events-card #events .site-event-link {
		grid-column: 1 / -1;
		justify-self: flex-start;
	}

	.home-index-online-card .home-index-online {
		max-height: 125px;
	}
}

/* ==========================================================================
   PRIME-3ONA — CLICKABLE SHIMMER LOGOS AND FOOTER
   Кликабельный логотип в шапке и справа в подвале.
   ========================================================================== */

@keyframes prime-site-logo-shimmer {
	0%,
	18% {
		transform: translateX(-155%);
		opacity: 0;
	}

	28% {
		opacity: .2;
	}

	48% {
		opacity: .95;
	}

	68% {
		transform: translateX(155%);
		opacity: .15;
	}

	100% {
		transform: translateX(155%);
		opacity: 0;
	}
}

@keyframes prime-site-logo-glow {
	0%,
	100% {
		filter:
			drop-shadow(0 0 4px rgba(255, 70, 45, .18))
			drop-shadow(0 0 10px rgba(255, 145, 0, .08));
	}

	50% {
		filter:
			drop-shadow(0 0 8px rgba(255, 70, 45, .42))
			drop-shadow(0 0 20px rgba(255, 145, 0, .22));
	}
}

/* Общий логотип */
.prime-site-logo {
	position: relative;
	min-width: 0;
	display: inline-flex !important;
	align-items: center;
	justify-content: center;
	isolation: isolate;
	overflow: hidden;
	background: none !important;
	text-decoration: none !important;
	transition:
		transform .22s ease,
		filter .22s ease,
		opacity .22s ease;
}

.prime-site-logo:hover,
.prime-site-logo:focus {
	transform: translateY(-2px) scale(1.012);
	outline: none;
}

.prime-site-logo:focus-visible {
	border-radius: 10px;
	box-shadow:
		0 0 0 2px rgba(255, 152, 0, .30),
		0 0 0 5px rgba(255, 59, 59, .12);
}

.prime-site-logo-image {
	position: relative;
	z-index: 1;
	width: 100%;
	height: auto;
	display: block;
	object-fit: contain;
	animation: prime-site-logo-glow 3.4s ease-in-out infinite;
}

/*
 * Световая полоса обрезана маской логотипа, поэтому она переливается
 * только по буквам, а не по всему прямоугольнику изображения.
 */
.prime-site-logo::after {
	content: "";
	position: absolute;
	z-index: 2;
	inset: 0;
	pointer-events: none;
	background:
		linear-gradient(
			108deg,
			transparent 31%,
			rgba(255, 103, 51, .08) 39%,
			rgba(255, 255, 255, .88) 48%,
			rgba(255, 173, 51, .42) 54%,
			transparent 64%
		);
	-webkit-mask-image: url("../images/logo.png");
	-webkit-mask-repeat: no-repeat;
	-webkit-mask-position: center;
	-webkit-mask-size: contain;
	mask-image: url("../images/logo.png");
	mask-repeat: no-repeat;
	mask-position: center;
	mask-size: contain;
	animation: prime-site-logo-shimmer 4.2s ease-in-out infinite;
}

/* --------------------------------------------------------------------------
   Логотип в верхней части сайта
   -------------------------------------------------------------------------- */

.index-top-header .prime-site-logo-row {
	width: 100%;
	min-height: 98px;
	padding: 15px 18px 17px;
	display: flex;
	align-items: center;
	justify-content: center;
}

.index-top-header .prime-site-logo--header {
	width: clamp(320px, 34vw, 500px);
	max-width: calc(100% - 24px);
}

/* Убираем влияние старых правил логотипа */
.index-top-header .prime-site-logo--header,
.index-top-header .prime-site-logo--header:hover {
	margin: 0;
	background: none !important;
}

/* --------------------------------------------------------------------------
   Подвал
   -------------------------------------------------------------------------- */

.index-top-page > footer {
	width: 100%;
	min-height: 134px;
	padding: 24px 22px;
	display: grid !important;
	grid-template-columns:
		minmax(130px, .72fr)
		minmax(260px, 1.5fr)
		minmax(300px, .95fr);
	grid-template-areas: "banners footer-text footer-logo";
	align-items: center;
	gap: 22px;
}

.index-top-page > footer .f_banners {
	grid-area: banners;
	position: static !important;
	min-width: 0;
	display: flex;
	align-items: center;
	justify-content: flex-start;
	flex-wrap: wrap;
	gap: 6px;
}

.index-top-page > footer .f_text {
	grid-area: footer-text;
	position: static !important;
	width: auto !important;
	min-width: 0;
	padding: 0 !important;
	text-align: center;
}

.index-top-page > footer .f_logo.prime-site-logo--footer {
	grid-area: footer-logo;
	position: relative !important;
	right: auto !important;
	top: auto !important;
	justify-self: end;
	width: clamp(280px, 24vw, 380px) !important;
	max-width: 100% !important;
	height: auto !important;
	margin: 0 -5px 0 0;
	background: none !important;
	filter: none;
}

/* При наведении логотип остаётся у правого края */
.index-top-page > footer .f_logo.prime-site-logo--footer:hover,
.index-top-page > footer .f_logo.prime-site-logo--footer:focus {
	transform: translateY(-2px) scale(1.012);
}

/* --------------------------------------------------------------------------
   Адаптивность
   -------------------------------------------------------------------------- */

@media (max-width: 980px) {
	.index-top-page > footer {
		grid-template-columns: minmax(0, 1fr) minmax(260px, auto);
		grid-template-areas:
			"footer-text footer-logo"
			"banners footer-logo";
	}

	.index-top-page > footer .f_logo.prime-site-logo--footer {
		width: min(340px, 100%) !important;
	}
}

@media (max-width: 720px) {
	.index-top-header .prime-site-logo-row {
		min-height: 82px;
		padding: 11px 10px 13px;
	}

	.index-top-header .prime-site-logo--header {
		width: min(390px, calc(100% - 12px));
	}

	.index-top-page > footer {
		grid-template-columns: minmax(0, 1fr);
		grid-template-areas:
			"footer-logo"
			"footer-text"
			"banners";
		justify-items: center;
		text-align: center;
	}

	.index-top-page > footer .f_logo.prime-site-logo--footer {
		justify-self: center;
		width: min(330px, 94%) !important;
		margin-right: 0;
	}

	.index-top-page > footer .f_banners {
		justify-content: center;
	}
}

@media (max-width: 430px) {
	.index-top-header .prime-site-logo--header {
		width: min(300px, calc(100% - 8px));
	}

	.index-top-page > footer .f_logo.prime-site-logo--footer {
		width: min(285px, 96%) !important;
	}
}

@media (prefers-reduced-motion: reduce) {
	.prime-site-logo,
	.prime-site-logo-image,
	.prime-site-logo::after {
		animation: none !important;
		transition: none !important;
	}
}

/* ==========================================================================
   PRIME-3ONA — ANIMATED TEXT LOGO INSIDE MENU
   Текстовый логотип закреплён внутри панели основного меню.
   ========================================================================== */

@keyframes prime-menu-logo-shine {
	0% {
		background-position: 0% 50%;
	}

	50% {
		background-position: 100% 50%;
	}

	100% {
		background-position: 0% 50%;
	}
}

@keyframes prime-menu-logo-pulse {
	0%,
	100% {
		filter:
			drop-shadow(0 0 3px rgba(255, 59, 59, .38))
			drop-shadow(0 0 7px rgba(255, 59, 59, .12));
	}

	50% {
		filter:
			drop-shadow(0 0 9px rgba(255, 152, 0, .62))
			drop-shadow(0 0 16px rgba(255, 100, 30, .22));
	}
}

/* Старая отдельная строка логотипа больше не используется */
.index-top-header > .prime-site-logo-row {
	display: none !important;
}

/* Меню и логотип образуют одну общую шапку */
.index-top-navigation > .prime-menu-shell,
.side_top.index-top-navigation > .prime-menu-shell {
	width: 100%;
	min-width: 0;
	margin: 0 !important;
	padding: 0;
	display: flex;
	align-items: center;
	flex-wrap: nowrap;
	gap: 10px;
}

.prime-menu-logo {
	min-height: 44px;
	padding: 0 17px 0 14px;
	display: inline-flex !important;
	align-items: center;
	justify-content: center;
	flex: 0 0 auto;
	position: relative;
	border-right: 1px solid rgba(255, 255, 255, .09);
	border-radius: 8px 0 0 8px;
	text-decoration: none !important;
	white-space: nowrap;
	transition:
		transform .24s ease,
		background .24s ease;
}

.prime-menu-logo::before {
	content: "";
	position: absolute;
	inset: 5px 7px 5px 4px;
	z-index: 0;
	border-radius: 9px;
	background:
		radial-gradient(
			circle at 50% 50%,
			rgba(255, 119, 31, .09),
			transparent 68%
		);
	opacity: .55;
	transition: opacity .24s ease;
}

.prime-menu-logo-text {
	position: relative;
	z-index: 1;
	display: inline-block;
	background:
		linear-gradient(
			90deg,
			#ff3b3b 0%,
			#ff9800 25%,
			#ffd06a 42%,
			#ff3b3b 58%,
			#ff9800 78%,
			#ff3b3b 100%
		);
	background-size: 300% 100%;
	-webkit-background-clip: text;
	background-clip: text;
	-webkit-text-fill-color: transparent;
	color: transparent;
	font-size: clamp(19px, 1.55vw, 25px);
	font-weight: 950;
	letter-spacing: 1.4px;
	line-height: 1;
	text-transform: uppercase;
	animation:
		prime-menu-logo-shine 4s linear infinite,
		prime-menu-logo-pulse 3s ease-in-out infinite;
}

.prime-menu-logo:hover,
.prime-menu-logo:focus {
	transform: scale(1.04);
	background: rgba(255, 152, 0, .035) !important;
	outline: none;
}

.prime-menu-logo:hover::before,
.prime-menu-logo:focus::before {
	opacity: 1;
}

.prime-menu-logo:hover .prime-menu-logo-text,
.prime-menu-logo:focus .prime-menu-logo-text {
	filter:
		drop-shadow(0 0 9px rgba(255, 59, 59, .85))
		drop-shadow(0 0 16px rgba(255, 152, 0, .44)) !important;
}

.prime-menu-logo:focus-visible {
	box-shadow:
		0 0 0 2px rgba(255, 152, 0, .28),
		0 0 0 5px rgba(255, 59, 59, .10);
}

/* Меню занимает всё оставшееся место справа от логотипа */
.prime-menu-shell > .index-top-nav {
	min-width: 0;
	flex: 1 1 auto;
}

/* Убираем старый отступ, заданный в primary.css для .side_top > nav */
.side_top.index-top-navigation > nav.prime-menu-shell {
	margin-left: 0 !important;
}

/* На среднем экране пункты могут переноситься, логотип остаётся слева */
@media (max-width: 1180px) {
	.index-top-navigation > .prime-menu-shell,
	.side_top.index-top-navigation > .prime-menu-shell {
		align-items: flex-start;
		flex-wrap: wrap;
	}

	.prime-menu-logo {
		min-height: 42px;
	}

	.prime-menu-shell > .index-top-nav {
		flex-basis: calc(100% - 190px);
	}
}

/* На планшете логотип остаётся частью панели, но занимает верхнюю строку */
@media (max-width: 760px) {
	.index-top-navigation > .prime-menu-shell,
	.side_top.index-top-navigation > .prime-menu-shell {
		flex-direction: column;
		align-items: stretch;
		gap: 6px;
	}

	.prime-menu-logo {
		width: 100%;
		min-height: 46px;
		padding: 0 12px;
		border-right: 0;
		border-bottom: 1px solid rgba(255, 255, 255, .075);
		border-radius: 8px 8px 0 0;
	}

	.prime-menu-logo-text {
		font-size: 22px;
	}

	.prime-menu-shell > .index-top-nav {
		width: 100%;
		flex-basis: auto;
	}
}

@media (max-width: 430px) {
	.prime-menu-logo {
		min-height: 42px;
	}

	.prime-menu-logo-text {
		font-size: 19px;
		letter-spacing: 1px;
	}
}

@media (prefers-reduced-motion: reduce) {
	.prime-menu-logo,
	.prime-menu-logo-text {
		animation: none !important;
		transition: none !important;
	}
}