:root {
	--forest-ink: #230707;
	--forest-red: #642e39;
	--forest-red-deep: #2b1011;
	--forest-brown: #3b2315;
	--forest-wood: #5b3424;
	--forest-gold: #ffde00;
	--forest-gold-soft: #f5cf65;
	--forest-cream: #fff4d2;
	--forest-paper: rgba(255, 244, 210, 0.92);
	--forest-line: rgba(100, 46, 57, 0.36);
	--forest-shadow: 0 13px 26px rgba(35, 7, 7, 0.28);
}

[data-guest-only][hidden],
[data-user-only][hidden],
[data-admin-only][hidden] {
	display: none !important;
}

body.is-logged-in [data-guest-only],
body:not(.is-logged-in) [data-user-only],
body:not(.is-admin) [data-admin-only] {
	display: none !important;
}

.menu li.active a {
	color: #fbf6b6;
}

.content-title h2 {
	min-height: 22px;
}

.content .col-xs-12 {
	min-height: 20px;
}

.portal-intro,
.forest-panel,
body.system-page .forest-system .system-hero,
body.system-page .forest-system .system-panel,
body.system-page .forest-system .wallet-panel,
body.system-page .forest-system .profile-panel,
body.system-page .forest-system .profile-rail,
body.system-page .forest-system .siege-next-panel,
body.system-page .forest-system .siege-guilds-panel {
	position: relative;
	border: 1px solid var(--forest-line);
	border-radius: 0;
	background:
		linear-gradient(180deg, rgba(255, 252, 232, 0.96), rgba(255, 238, 190, 0.9)),
		url(../img/fon-news-bg.png) center top repeat;
	box-shadow: var(--forest-shadow), inset 0 0 32px rgba(120, 64, 25, 0.12);
	color: var(--forest-ink);
}

.portal-intro::before,
.forest-panel::before,
body.system-page .forest-system .system-hero::before,
body.system-page .forest-system .system-panel::before,
body.system-page .forest-system .wallet-panel::before,
body.system-page .forest-system .profile-panel::before,
body.system-page .forest-system .profile-rail::before,
body.system-page .forest-system .siege-next-panel::before,
body.system-page .forest-system .siege-guilds-panel::before {
	content: "";
	position: absolute;
	inset: 0;
	border-top: 2px solid rgba(255, 222, 0, 0.38);
	pointer-events: none;
}

.portal-intro,
.forest-panel {
	padding: 22px;
	margin-bottom: 18px;
}

.portal-intro h1,
.forest-panel h1,
body.system-page .forest-system h1,
body.system-page .forest-system h2,
body.system-page .forest-system h3 {
	font-family: Cinzel, serif;
	letter-spacing: 0;
	text-transform: uppercase;
}

.portal-intro h1,
.forest-panel h1 {
	font-size: 28px;
	margin: 4px 0 10px;
	color: var(--forest-red-deep);
}

.portal-intro p,
.forest-panel p,
.sidebar-note {
	color: #5e342a;
	line-height: 1.55;
}

.portal-intro code,
.forest-panel code {
	background: rgba(75, 31, 23, 0.1);
	color: #742c2c;
	border: 1px solid rgba(100, 46, 57, 0.2);
}

.portal-actions {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
	margin-top: 18px;
}

.portal-grid {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 14px;
	margin-bottom: 18px;
}

.portal-card,
body.system-page .forest-system .market-card,
body.system-page .forest-system .shop-card,
body.system-page .forest-system .character-card,
body.system-page .forest-system .profile-character,
body.system-page .forest-system .equipment-piece,
body.system-page .forest-system .profile-stat-card,
body.system-page .forest-system .profile-actions-card {
	border: 1px solid rgba(100, 46, 57, 0.28);
	border-radius: 0;
	background:
		linear-gradient(180deg, rgba(72, 37, 25, 0.95), rgba(31, 18, 12, 0.98)),
		url(../img/red-dark-bg.jpg) center repeat;
	box-shadow: inset 0 1px 0 rgba(255, 222, 0, 0.1), 0 9px 18px rgba(35, 7, 7, 0.2);
	color: #fff2d5;
}

.portal-card {
	padding: 18px;
	min-height: 155px;
}

.portal-card h3,
body.system-page .forest-system .market-card h3,
body.system-page .forest-system .shop-card h3,
body.system-page .forest-system .profile-character strong,
body.system-page .forest-system .equipment-piece strong {
	color: var(--forest-gold);
	font-size: 16px;
	margin: 0 0 10px;
	text-shadow: 1px 2px 2px rgba(0, 0, 0, 0.55);
}

.portal-card p,
body.system-page .forest-system .market-card p,
body.system-page .forest-system .shop-card p {
	color: #e5d0aa;
}

.portal-card p {
	min-height: 62px;
}

.portal-card a {
	color: #ffffff;
	font-weight: 700;
	text-transform: uppercase;
}

.system-login-actions {
	display: grid;
	gap: 12px;
	padding: 4px 0;
}

.system-login-actions a,
.system-links a,
.sidebar-button {
	color: #ffffff;
}

.widget-user-name {
	color: #f1d08a;
	margin-bottom: 10px;
}

body.system-page .content .col-xs-12 {
	float: none;
	padding: 0;
}

body.system-page .forest-system,
body.system-page .forest-system * {
	letter-spacing: 0;
}

body.system-page .forest-system {
	width: 100%;
	margin: 0;
	padding: 0;
	color: var(--forest-ink);
	font-family: "Open Sans", sans-serif;
	line-height: 1.35;
}

body.system-page .forest-system a {
	color: #bf5252;
}

body.system-page .forest-system .system-hero {
	display: block;
	min-height: 0;
	margin: 0 0 16px;
	padding: 22px 24px;
	overflow: hidden;
}

body.system-page .forest-system .system-hero .eyebrow,
body.system-page .forest-system .eyebrow {
	display: block;
	margin: 0 0 8px;
	color: #bf5252;
	font: 700 12px "Open Sans", sans-serif;
	text-transform: uppercase;
}

body.system-page .forest-system .system-hero h1 {
	margin: 0 0 8px;
	color: var(--forest-red-deep);
	background: none;
	-webkit-text-fill-color: currentColor;
	font-size: 25px;
	line-height: 1.18;
	text-shadow: none;
}

body.system-page .forest-system .system-hero p {
	max-width: none;
	margin: 0;
	color: #5e342a;
	font: 400 13px/1.55 "Open Sans", sans-serif;
}

body.system-page .forest-system .system-panel,
body.system-page .forest-system .wallet-panel,
body.system-page .forest-system .profile-panel,
body.system-page .forest-system .profile-rail,
body.system-page .forest-system .siege-next-panel,
body.system-page .forest-system .siege-guilds-panel {
	margin: 0 0 16px;
	padding: 18px;
}

body.system-page .forest-system .system-panel h2,
body.system-page .forest-system .wallet-panel h2,
body.system-page .forest-system .profile-panel h2 {
	margin: 0 0 14px;
	color: var(--forest-red-deep);
	font-size: 18px;
}

body.system-page .forest-system .system-message,
body.system-page .forest-system .form-message {
	min-height: 20px;
	margin: 0 0 12px;
	color: #9a5a17;
	font-weight: 700;
}

body.system-page .forest-system .system-tabs {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
	margin-bottom: 14px;
}

body.system-page .forest-system .system-tab,
body.system-page .forest-system .tab {
	border: 1px solid #87503a;
	border-radius: 0;
	background: linear-gradient(180deg, #5f3928, #2c1711);
	color: var(--forest-gold);
	padding: 10px 14px;
	font: 700 11px "Open Sans", sans-serif;
	text-transform: uppercase;
	box-shadow: 0 5px 11px rgba(35, 7, 7, 0.26);
}

body.system-page .forest-system .system-tab.is-active,
body.system-page .forest-system .tab.is-active {
	background: linear-gradient(180deg, #b4a814, #8d760c);
	color: #fff;
}

body.system-page .forest-system .button,
body.system-page .forest-system button,
.modal__panel .button,
.modal__panel button {
	border-radius: 5px;
	background: #b4a814;
	color: #fff;
	font: 700 11px "Open Sans", sans-serif;
	text-transform: uppercase;
	box-shadow: 0em 0.5em 10px rgba(31, 29, 29, 0.42);
}

body.system-page .forest-system .button:hover,
body.system-page .forest-system button:hover,
.modal__panel .button:hover,
.modal__panel button:hover {
	background: #c1b51c;
}

body.system-page .forest-system .button--ghost {
	background: linear-gradient(180deg, #5f3928, #2c1711);
	color: var(--forest-gold);
}

body.system-page .forest-system .wallet-panel {
	margin-top: 14px;
}

body.system-page .forest-system .wallet-panel,
body.system-page .forest-system .wallet-panel * {
	color: var(--forest-ink);
}

body.system-page .forest-system .market-grid,
body.system-page .forest-system .shop-grid,
body.system-page .forest-system .product-grid,
body.system-page .forest-system [data-webshop-list] > div,
body.system-page .forest-system [data-market-list] {
	display: grid;
	grid-template-columns: 1fr;
	gap: 12px;
}

body.system-page .forest-system .market-card,
body.system-page .forest-system .shop-card {
	min-height: 0;
	display: grid;
	grid-template-columns: 76px minmax(0, 1fr);
	gap: 14px;
	align-items: start;
	padding: 14px;
	overflow: hidden;
}

body.system-page .forest-system .market-card figure,
body.system-page .forest-system .shop-card figure {
	display: grid;
	place-items: center;
	width: 64px;
	min-height: 64px;
	margin: 0;
	border: 1px solid rgba(255, 222, 0, 0.2);
	background: rgba(0, 0, 0, 0.35);
}

body.system-page .forest-system [data-mu-item-icon] {
	max-width: 58px;
	max-height: 58px;
	object-fit: contain;
}

body.system-page .forest-system .market-card h3,
body.system-page .forest-system .shop-card h3 {
	font-size: 15px;
	line-height: 1.25;
	word-break: break-word;
}

body.system-page .forest-system .market-card__price,
body.system-page .forest-system .shop-card__price,
body.system-page .forest-system [data-mu-market-price],
body.system-page .forest-system [data-mu-shop-price] {
	color: var(--forest-gold);
	font-weight: 800;
}

body.system-page .forest-system .option-row,
body.system-page .forest-system .system-form {
	grid-column: 1 / -1;
	display: grid;
	grid-template-columns: 1fr;
	gap: 8px;
}

body.system-page .forest-system .option-row label,
body.system-page .forest-system .system-form label,
body.system-page .forest-system .admin-grid label {
	border: 1px solid rgba(255, 222, 0, 0.16);
	border-radius: 0;
	background: rgba(0, 0, 0, 0.18);
	color: #ead4b0;
}

body.system-page .forest-system input,
body.system-page .forest-system select,
body.system-page .forest-system textarea,
.modal__panel input,
.modal__panel select,
.modal__panel textarea {
	width: 100%;
	border: 1px solid #9b666e;
	border-radius: 22px;
	background: url(../img/red-light-bg.jpg);
	color: #fff;
	padding: 8px 14px;
}

body.system-page .forest-system select option {
	color: #230707;
}

body.system-page .forest-system .event-grid {
	display: grid;
	grid-template-columns: 1fr;
	gap: 12px;
}

body.system-page .forest-system .event-card,
body.system-page .forest-system .event-card:nth-child(1),
body.system-page .forest-system .event-card:nth-child(8),
body.system-page .forest-system .event-card.event-card--schedule {
	--event-progress: 0%;
	position: relative;
	min-height: 0;
	display: grid;
	grid-template-columns: 84px minmax(0, 1fr);
	gap: 14px;
	align-items: stretch;
	padding: 12px;
	border: 1px solid rgba(100, 46, 57, 0.32);
	border-radius: 0;
	overflow: hidden;
	background:
		linear-gradient(180deg, rgba(72, 37, 25, 0.96), rgba(31, 18, 12, 0.98)),
		url(../img/red-dark-bg.jpg) center repeat;
	box-shadow: inset 0 1px 0 rgba(255, 222, 0, 0.1), 0 8px 17px rgba(35, 7, 7, 0.22);
	cursor: default;
	transform: none;
}

body.system-page .forest-system .event-card::after,
body.system-page .forest-system .event-card::before {
	display: none;
}

body.system-page .forest-system .event-card__media {
	position: static;
	display: grid;
	place-items: center;
	width: 84px;
	min-height: 84px;
	border: 1px solid rgba(255, 222, 0, 0.16);
	background: rgba(0, 0, 0, 0.28);
}

body.system-page .forest-system .event-card .event-card__media img,
body.system-page .forest-system .event-card .event-card__media img[data-event-managed] {
	position: static;
	inset: auto;
	width: 72px !important;
	height: 72px !important;
	max-width: 72px;
	max-height: 72px;
	padding: 0;
	object-fit: contain;
	opacity: 1;
	filter: drop-shadow(0 5px 8px rgba(0, 0, 0, 0.55));
	transform: none;
}

body.system-page .forest-system .event-card__content {
	position: static;
	display: grid;
	align-content: start;
	gap: 6px;
	min-width: 0;
	padding: 0;
	z-index: 1;
}

body.system-page .forest-system .event-card__state {
	display: inline-block;
	width: fit-content;
	margin: 0;
	padding: 4px 8px;
	border: 1px solid rgba(255, 222, 0, 0.28);
	border-radius: 0;
	background: rgba(0, 0, 0, 0.24);
	color: var(--forest-gold);
	box-shadow: none;
	font-size: 10px;
	line-height: 1.2;
}

body.system-page .forest-system .event-card h3 {
	margin: 0;
	color: #fff;
	font-size: 16px;
	line-height: 1.2;
}

body.system-page .forest-system .event-card__meta,
body.system-page .forest-system .event-card__info {
	display: flex;
	flex-wrap: wrap;
	gap: 6px;
	margin: 0;
	padding: 0;
}

body.system-page .forest-system .event-card__meta span,
body.system-page .forest-system .event-card__info div {
	border: 1px solid rgba(255, 222, 0, 0.12);
	border-radius: 0;
	background: rgba(0, 0, 0, 0.18);
	color: #ead4b0;
	padding: 5px 7px;
	font-size: 11px;
	line-height: 1.25;
}

body.system-page .forest-system .event-card__info dt {
	color: var(--forest-gold);
	font-size: 10px;
	font-weight: 800;
	text-transform: uppercase;
}

body.system-page .forest-system .event-card__info dd {
	margin: 2px 0 0;
	color: #fff2d5;
	font-size: 11px;
}

body.system-page .forest-system .event-card__charge {
	grid-column: 1 / -1;
	height: 4px;
	margin: 0;
	background: rgba(0, 0, 0, 0.35);
	border-radius: 0;
}

body.system-page .forest-system .event-card__charge i {
	display: block;
	height: 100%;
	width: max(18px, var(--event-progress));
	background: linear-gradient(90deg, #815514, var(--forest-gold));
	box-shadow: none;
	animation: none;
}

body.system-page .forest-system .mu-state {
	padding: 18px;
	border: 1px solid var(--forest-line);
	border-radius: 0;
	background:
		linear-gradient(180deg, rgba(255, 252, 232, 0.96), rgba(255, 238, 190, 0.9)),
		url(../img/fon-news-bg.png) center top repeat;
	color: #5e342a;
}

body.system-page .forest-system .mu-state strong {
	display: block;
	margin-bottom: 6px;
	color: var(--forest-red-deep);
	font: 700 18px Cinzel, serif;
	text-transform: uppercase;
}

body.system-page .forest-system .profile-layout {
	display: grid;
	grid-template-columns: 1fr;
	gap: 14px;
}

body.system-page .forest-system .profile-banner {
	display: grid;
	grid-template-columns: 68px minmax(0, 1fr);
	gap: 12px;
	align-items: center;
}

body.system-page .forest-system .profile-banner img {
	width: 68px;
	height: 68px;
	border-radius: 0;
	border: 1px solid rgba(100, 46, 57, 0.3);
	background: rgba(0, 0, 0, 0.14);
}

body.system-page .forest-system .profile-banner h2 {
	margin: 0;
	color: var(--forest-red-deep);
	font-size: 21px;
}

body.system-page .forest-system .profile-stat-board,
body.system-page .forest-system .profile-stat-grid,
body.system-page .forest-system .profile-detail-grid {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 8px;
}

body.system-page .forest-system .profile-stat-board span,
body.system-page .forest-system .profile-stat-grid span,
body.system-page .forest-system .profile-detail-grid > * {
	border: 1px solid rgba(100, 46, 57, 0.22);
	border-radius: 0;
	background: rgba(255, 255, 255, 0.35);
	color: var(--forest-ink);
}

body.system-page .forest-system .equipment-showcase {
	display: grid;
	grid-template-columns: 1fr;
	gap: 12px;
}

body.system-page .forest-system .equipment-board {
	max-width: 360px;
	border-radius: 0;
}

body.system-page .forest-system .siege-loren {
	display: grid;
	grid-template-columns: 100px minmax(0, 1fr);
	gap: 16px;
	align-items: center;
	min-height: 0;
	margin: 0 0 16px;
	padding: 18px;
	border: 1px solid rgba(100, 46, 57, 0.32);
	border-radius: 0;
	background:
		linear-gradient(180deg, rgba(72, 37, 25, 0.96), rgba(31, 18, 12, 0.98)),
		url(../img/red-dark-bg.jpg) center repeat;
	color: #fff;
	box-shadow: var(--forest-shadow);
}

body.system-page .forest-system .siege-loren::before,
body.system-page .forest-system .siege-loren__glare {
	display: none;
}

body.system-page .forest-system .siege-loren__mark {
	position: relative;
	width: 92px;
	height: 92px;
	border: 1px solid rgba(255, 222, 0, 0.22);
	background: rgba(0, 0, 0, 0.25);
}

body.system-page .forest-system .siege-loren__mark-img,
body.system-page .forest-system .siege-loren__mark-empty {
	width: 100%;
	height: 100%;
	object-fit: contain;
}

body.system-page .forest-system .siege-loren h2 {
	margin: 0 0 8px;
	color: var(--forest-gold);
	font-size: 22px;
}

body.system-page .forest-system .siege-loren p {
	margin: 0 0 12px;
	color: #e5d0aa;
}

body.system-page .forest-system .siege-loren__stats,
body.system-page .forest-system .siege-roadmap {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 8px;
}

body.system-page .forest-system .siege-loren__stats span,
body.system-page .forest-system .siege-step,
body.system-page .forest-system .siege-timer-frame {
	border: 1px solid rgba(255, 222, 0, 0.14);
	background: rgba(0, 0, 0, 0.18);
	padding: 8px;
	color: #fff2d5;
}

body.system-page .forest-system .siege-loren__stats small,
body.system-page .forest-system .siege-step small {
	display: block;
	color: var(--forest-gold);
	font-size: 10px;
	text-transform: uppercase;
}

body.system-page .forest-system .siege-table-wrap {
	overflow-x: auto;
}

body.system-page .forest-system .siege-guild-table {
	width: 100%;
	min-width: 520px;
	color: var(--forest-ink);
}

body.system-page .forest-system .siege-guild-table th {
	background: var(--forest-red-deep);
	color: var(--forest-gold);
}

body.system-page .forest-system .siege-guild-table td,
body.system-page .forest-system .siege-guild-table th {
	padding: 9px;
	border: 1px solid rgba(100, 46, 57, 0.22);
}

body.system-page .admin-shell.forest-system {
	width: 100%;
	max-width: 100%;
	margin: 0;
	padding: 0;
}

body.system-page .forest-system .admin-guard,
body.system-page .forest-system .admin-panel {
	position: relative;
	margin: 0 0 16px;
	padding: 18px;
	border: 1px solid var(--forest-line);
	border-radius: 0;
	background:
		linear-gradient(180deg, rgba(255, 252, 232, 0.96), rgba(255, 238, 190, 0.9)),
		url(../img/fon-news-bg.png) center top repeat;
	box-shadow: var(--forest-shadow), inset 0 0 32px rgba(120, 64, 25, 0.12);
	color: var(--forest-ink);
}

body.system-page .forest-system .admin-guard::before,
body.system-page .forest-system .admin-panel::before {
	content: "";
	position: absolute;
	inset: 0;
	border-top: 2px solid rgba(255, 222, 0, 0.38);
	pointer-events: none;
}

body.system-page .forest-system .admin-guard {
	max-width: none;
}

body.system-page .forest-system .admin-head {
	display: grid;
	grid-template-columns: minmax(0, 1fr) auto;
	gap: 14px;
	align-items: end;
	margin: 0 0 16px;
	padding: 18px;
	border: 1px solid rgba(100, 46, 57, 0.32);
	border-radius: 0;
	background:
		linear-gradient(180deg, rgba(72, 37, 25, 0.96), rgba(31, 18, 12, 0.98)),
		url(../img/red-dark-bg.jpg) center repeat;
	box-shadow: var(--forest-shadow);
	color: #fff2d5;
}

body.system-page .forest-system .admin-guard h1,
body.system-page .forest-system .admin-head h1,
body.system-page .forest-system .admin-panel h2 {
	margin: 4px 0 8px;
	background: none;
	color: var(--forest-red-deep);
	font-family: Cinzel, serif;
	font-size: 24px;
	line-height: 1.18;
	text-shadow: none;
	-webkit-text-fill-color: currentColor;
}

body.system-page .forest-system .admin-head h1 {
	color: var(--forest-gold);
	font-size: 25px;
	text-shadow: 1px 2px 2px rgba(0, 0, 0, 0.55);
}

body.system-page .forest-system .admin-panel h2 {
	font-size: 19px;
}

body.system-page .forest-system .admin-guard p,
body.system-page .forest-system .admin-head p,
body.system-page .forest-system .admin-panel__head p {
	max-width: none;
	margin: 0;
	color: #5e342a;
	font: 400 13px/1.55 "Open Sans", sans-serif;
}

body.system-page .forest-system .admin-head p {
	color: #e5d0aa;
}

body.system-page .forest-system .admin-guard .button {
	margin-top: 12px;
}

body.system-page .forest-system .admin-grid {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 10px;
}

body.system-page .forest-system .admin-grid label,
body.system-page .forest-system .admin-checks,
body.system-page .forest-system .admin-toggle {
	min-width: 0;
	padding: 10px 12px;
	border: 1px solid rgba(100, 46, 57, 0.24);
	border-radius: 0;
	background: rgba(255, 255, 255, 0.26);
	color: var(--forest-ink);
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.35);
	font-size: 11px;
	font-weight: 800;
	text-transform: uppercase;
}

body.system-page .forest-system .admin-grid input,
body.system-page .forest-system .admin-grid select,
body.system-page .forest-system .admin-grid textarea {
	min-height: 34px;
	margin-top: 6px;
	border-radius: 0;
}

body.system-page .forest-system .admin-toggle {
	display: flex;
	align-items: center;
	min-height: 58px;
}

body.system-page .forest-system .admin-toggle input,
body.system-page .forest-system .admin-checks input {
	width: auto;
	min-height: 0;
	margin: 0;
}

body.system-page .forest-system .admin-checks {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 8px 12px;
}

body.system-page .forest-system .admin-checks legend {
	padding: 0 6px;
	color: var(--forest-red-deep);
	font-size: 11px;
	font-weight: 800;
	text-transform: uppercase;
}

body.system-page .forest-system .admin-checks label {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	padding: 0;
	border: 0;
	background: transparent;
	box-shadow: none;
	color: var(--forest-ink);
}

body.system-page .forest-system .admin-actions,
body.system-page .forest-system .system-actions {
	display: flex;
	flex-wrap: wrap;
	gap: 9px;
	align-items: center;
	margin-top: 12px;
}

body.system-page .forest-system .shop-admin-current,
body.system-page .forest-system .shop-admin-item-card {
	display: flex;
	align-items: center;
	gap: 12px;
	min-height: 0;
	border: 1px solid rgba(100, 46, 57, 0.28);
	border-radius: 0;
	background:
		linear-gradient(180deg, rgba(72, 37, 25, 0.95), rgba(31, 18, 12, 0.98)),
		url(../img/red-dark-bg.jpg) center repeat;
	color: #fff2d5;
	box-shadow: inset 0 1px 0 rgba(255, 222, 0, 0.1);
}

body.system-page .forest-system .shop-admin-current {
	padding: 12px;
}

body.system-page .forest-system .shop-admin-current figure,
body.system-page .forest-system .shop-admin-item-card__icon {
	display: grid;
	place-items: center;
	flex: 0 0 58px;
	width: 58px;
	height: 58px;
	margin: 0;
	border: 1px solid rgba(255, 222, 0, 0.2);
	border-radius: 0;
	background: rgba(0, 0, 0, 0.35);
}

body.system-page .forest-system .shop-admin-current strong,
body.system-page .forest-system .shop-admin-item-card h3 {
	color: var(--forest-gold);
	font-size: 15px;
	line-height: 1.25;
}

body.system-page .forest-system .shop-admin-current small,
body.system-page .forest-system .shop-admin-item-card p {
	color: #e5d0aa;
}

body.system-page .forest-system .shop-admin-published {
	display: grid;
	grid-template-columns: 1fr;
	gap: 10px;
}

body.system-page .forest-system .shop-admin-item-card {
	padding: 12px;
}

/* Modals must beat Bootstrap 3 .modal { display:none; } */
dialog.modal[open] {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	max-width: none;
	height: 100%;
	max-height: none;
	margin: 0;
	padding: 20px;
	border: 0;
	background: transparent;
	overflow: auto;
	z-index: 10050;
}

dialog.modal:not([open]) {
	display: none;
}

.modal::backdrop {
	background: rgba(0, 0, 0, 0.72);
}

.modal__panel {
	min-width: min(420px, calc(100vw - 30px));
	padding: 24px;
	border: 1px solid #87503a;
	border-radius: 0;
	background:
		linear-gradient(180deg, rgba(72, 37, 25, 0.98), rgba(31, 18, 12, 0.98)),
		url(../img/red-dark-bg.jpg) center repeat;
	color: #fff2d5;
	box-shadow: 0 20px 55px rgba(0, 0, 0, 0.55);
}

.modal__panel h2 {
	color: var(--forest-gold);
}

.modal__close {
	float: right;
	width: 34px;
	height: 34px;
	padding: 0;
	border: 1px solid rgba(255, 222, 0, 0.24);
	background: rgba(0, 0, 0, 0.25);
	color: #fff;
}

.auth-form {
	display: none;
	gap: 12px;
}

.auth-form.is-active {
	display: grid;
}

.auth-form label,
.admin-grid label {
	color: #eed7b4;
}

.tabs {
	display: flex;
	gap: 8px;
	margin-bottom: 18px;
}

.tab {
	border: 1px solid rgba(255, 222, 0, 0.2);
	background: rgba(0, 0, 0, 0.2);
	color: var(--forest-gold);
	padding: 9px 14px;
}

.tab.is-active {
	background: #b4a814;
	color: #fff;
}

.form-message.is-error,
.system-message.is-error {
	color: #ff8d8d;
}

.download-options {
	display: grid;
	gap: 10px;
}

.download-option {
	display: block;
	padding: 12px;
	border: 1px solid rgba(255, 222, 0, 0.18);
	background: rgba(0, 0, 0, 0.2);
	color: #fff;
}

@media (max-width: 980px) {
	.wrapper {
		width: min(1200px, 100%);
	}

	.web-container {
		display: block;
		width: auto;
	}

	.left-sidebar,
	.right-sidebar,
	.content {
		width: auto !important;
		float: none !important;
	}

	.portal-grid,
	body.system-page .forest-system .profile-stat-board,
	body.system-page .forest-system .profile-stat-grid,
	body.system-page .forest-system .profile-detail-grid,
	body.system-page .forest-system .siege-loren__stats,
	body.system-page .forest-system .siege-roadmap {
		grid-template-columns: 1fr;
	}
}