/*!
 * template_modern — Bootstrap & module overrides
 */
.table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th {
	border-top: none !important;
}

a:focus, a:hover {
	text-decoration: none !important;
}

.form-horizontal .control-label {
	text-align: left !important;
	color: var(--we-text-muted, rgba(208, 208, 208, 0.72));
}

.nopadding {
	padding: 0 !important;
	margin: 0 !important;
}

.vcenter {
	display: inline-block;
	vertical-align: middle;
	float: none;
}

.label-default {
	background: rgba(65, 215, 240, 0.3);
	color: var(--we-text, #EAF7FF);
}
.label-success { background: rgba(34, 197, 94, 0.3); color: #86efac; }
.label-danger { background: rgba(239, 68, 68, 0.3); color: #fca5a5; }

.modal-content {
	background: var(--we-bg-elevated, #101722);
	border: 1px solid var(--we-border, rgba(255,255,255,0.08));
	color: var(--we-text, #EAF7FF);
	border-radius: 12px;
}
.modal-header { border-color: var(--we-border); }
.modal-footer { border-color: var(--we-border); }

.dropdown-menu {
	background: var(--we-bg-elevated, #101722);
	border: 1px solid var(--we-border);
}
.dropdown-menu > li > a { color: var(--we-text-muted); }
.dropdown-menu > li > a:hover { background: rgba(65, 215, 240, 0.2); color: var(--we-text); }

.panel-sidebar-events .table tr td { border-color: var(--we-border) !important; }
.panel-sidebar-events .table tr:hover td { background: rgba(65, 215, 240, 0.06); }

/* Bootstrap 5 keeps the modern base; these preserve WebEngine's legacy markup. */
.form-control {
	background-color: rgba(7, 16, 25, 0.72) !important;
	border-color: rgba(65, 215, 240, 0.24) !important;
	color: var(--we-text, #e8f8fc) !important;
}
.form-control:focus {
	background-color: rgba(7, 16, 25, 0.9) !important;
	border-color: rgba(143, 239, 255, 0.72) !important;
	box-shadow: 0 0 0 0.2rem rgba(65, 215, 240, 0.12) !important;
	color: var(--we-text, #e8f8fc) !important;
}
.form-control::placeholder {
	color: rgba(232, 248, 252, 0.48) !important;
}
.table {
	--bs-table-bg: transparent;
	--bs-table-color: var(--we-text, #e8f8fc);
	--bs-table-hover-bg: rgba(65, 215, 240, 0.075);
	--bs-table-hover-color: var(--we-text, #e8f8fc);
}
/* BEGIN MuLycan final palette override */
/* MuLycan final palette - dark blue/red */
:root,
html body {
	--we-bg: #071019 !important;
	--we-bg-elevated: #111d28 !important;
	--we-bg-glass: rgba(12, 24, 36, 0.88) !important;
	--we-border: rgba(65, 215, 240, 0.16) !important;
	--we-border-glow: rgba(65, 215, 240, 0.48) !important;
	--we-text: #e8f8fc !important;
	--we-text-muted: rgba(232, 248, 252, 0.72) !important;
	--we-text-dim: rgba(232, 248, 252, 0.48) !important;
	--we-primary: #41d7f0 !important;
	--we-primary-light: #8fefff !important;
	--we-primary-dark: #1677cc !important;
	--we-accent: #bf3b4a !important;
	--we-danger: #bf3b4a !important;
	--we-warning: #bf3b4a !important;
	--we-glow: 0 0 26px rgba(65, 215, 240, 0.46), 0 0 46px rgba(191, 59, 74, 0.16) !important;
	--we-glow-sm: 0 0 13px rgba(65, 215, 240, 0.34) !important;
	--we-scrollbar-track: rgba(7, 16, 25, 0.96) !important;
	--we-scrollbar-thumb: linear-gradient(180deg, #8fefff 0%, #41d7f0 46%, #1677cc 100%) !important;
	--we-scrollbar-thumb-hover: linear-gradient(180deg, #bf3b4a 0%, #41d7f0 58%, #1677cc 100%) !important;
	--we-btn-bg: linear-gradient(135deg, #41d7f0 0%, #1677cc 100%) !important;
	--we-btn-bg-hover: linear-gradient(135deg, #8fefff 0%, #41d7f0 52%, #bf3b4a 100%) !important;
}

body,
body.we-body {
	background-color: #071019 !important;
	color: #e8f8fc !important;
}

a,
.text-primary {
	color: #8fefff !important;
}

a:hover,
a:focus {
	color: #41d7f0 !important;
}

.we-navbar,
.we-navbar.we-navbar-scrolled,
.navbar,
.navbar-default {
	background: rgba(7, 16, 25, 0.94) !important;
	border-color: rgba(65, 215, 240, 0.2) !important;
	box-shadow: 0 8px 32px rgba(0, 0, 0, 0.58), 0 0 24px rgba(65, 215, 240, 0.13) !important;
}

.panel,
.panel-sidebar,
.we-panel-glass,
.we-home-news,
.we-ranking-panel,
.profiles_player_card,
.profiles_guild_card,
.webshop,
.webshop-wrapper,
.castle-siege-widget,
.nexar-lottery,
.rankings-table,
.table {
	background-color: rgba(12, 24, 36, 0.86) !important;
	border-color: rgba(65, 215, 240, 0.24) !important;
	box-shadow: 0 8px 36px rgba(0, 0, 0, 0.58), 0 0 28px rgba(65, 215, 240, 0.12) !important;
}

.panel-heading,
.panel-title,
.page-title span,
.we-brand-name,
.we-hero-title-line,
.guild_name,
.guild_members,
.cname {
	color: #e8f8fc !important;
	text-shadow: 0 0 16px rgba(65, 215, 240, 0.46), 0 0 28px rgba(191, 59, 74, 0.15) !important;
}

.we-btn-primary,
.we-btn-glow,
.btn-primary,
button.btn-primary,
input[type="submit"],
input[type="button"] {
	background: var(--we-btn-bg) !important;
	border-color: rgba(143, 239, 255, 0.65) !important;
	color: #fff !important;
	box-shadow: var(--we-glow-sm) !important;
}

.we-btn-primary:hover,
.we-btn-glow:hover,
.btn-primary:hover,
.btn-primary:focus,
button.btn-primary:hover,
input[type="submit"]:hover,
input[type="button"]:hover {
	background: var(--we-btn-bg-hover) !important;
	border-color: #8fefff !important;
	color: #fff !important;
	box-shadow: var(--we-glow) !important;
}

.we-btn-outline,
.btn-default,
.btn-info {
	background: rgba(12, 24, 36, 0.48) !important;
	border-color: rgba(65, 215, 240, 0.42) !important;
	color: #e8f8fc !important;
}

.we-btn-outline:hover,
.btn-default:hover,
.btn-info:hover {
	background: rgba(65, 215, 240, 0.14) !important;
	border-color: #41d7f0 !important;
	color: #fff !important;
}

.table > thead > tr > th,
.table > tbody > tr > td,
.rankings-table tr td {
	border-color: rgba(65, 215, 240, 0.16) !important;
	color: #e8f8fc !important;
}

.table > tbody > tr:hover > td,
.rankings-table tr:hover td,
.general-table-ui tr:nth-child(2n+2) td {
	background: rgba(65, 215, 240, 0.075) !important;
}

.rankings-table tr:first-child td,
.rankings-table thead th {
	color: #8fefff !important;
	border-bottom-color: #41d7f0 !important;
}

.rankings_menu a,
.rankings-class-filter-selection,
.we-lang-dropdown-toggle,
.dropdown-menu {
	background: rgba(12, 24, 36, 0.72) !important;
	border-color: rgba(65, 215, 240, 0.18) !important;
	color: rgba(232, 248, 252, 0.74) !important;
}

.rankings_menu a:hover,
.rankings_menu a.active,
.rankings-class-filter-selection:hover,
.we-lang-dropdown.we-lang-open .we-lang-dropdown-toggle,
.dropdown-menu > li > a:hover {
	background: rgba(65, 215, 240, 0.14) !important;
	border-color: #41d7f0 !important;
	color: #fff !important;
}

.alert-info,
.label-info,
.badge-info {
	background: rgba(65, 215, 240, 0.13) !important;
	border-color: rgba(65, 215, 240, 0.34) !important;
	color: #8fefff !important;
}

.alert-danger,
.alert-warning,
.label-danger,
.label-warning,
.badge-danger,
.badge-warning {
	background: rgba(191, 59, 74, 0.16) !important;
	border-color: rgba(191, 59, 74, 0.42) !important;
	color: #ffd9de !important;
}

.we-tag-news,
.we-tag-event,
.we-tag-update,
.we-rank-gold,
.we-rank-silver,
.we-rank-bronze {
	background: linear-gradient(135deg, #41d7f0 0%, #1677cc 58%, #bf3b4a 100%) !important;
	color: #fff !important;
	box-shadow: 0 0 14px rgba(65, 215, 240, 0.32) !important;
}

.we-rank-row-1 td,
.we-rank-row-2 td,
.we-rank-row-3 td {
	color: #8fefff !important;
}

.isonline,
.online-count,
.we-hud-value-online {
	color: #41d7f0 !important;
}

.isoffline,
.text-danger {
	color: #bf3b4a !important;
}

/* VIP module fallback: applies to the original WebEngine table markup too */
.vip-page {
	max-width: 1080px;
	margin: 0 auto;
}

.panel-vip {
	overflow: hidden !important;
	max-width: 980px;
	margin: 0 auto 22px !important;
	background:
		linear-gradient(180deg, rgba(12, 24, 36, 0.96), rgba(5, 10, 16, 0.97)),
		linear-gradient(135deg, rgba(65, 215, 240, 0.08), rgba(191, 59, 74, 0.045)) !important;
	border: 1px solid rgba(65, 215, 240, 0.28) !important;
	border-radius: var(--we-radius) !important;
	box-shadow: 0 18px 42px rgba(0, 0, 0, 0.48), 0 0 28px rgba(65, 215, 240, 0.1) !important;
}

.panel-vip > .panel-heading {
	display: flex !important;
	align-items: center !important;
	justify-content: space-between !important;
	padding: 15px 18px !important;
	background:
		linear-gradient(90deg, rgba(65, 215, 240, 0.16), rgba(191, 59, 74, 0.075)),
		rgba(0, 0, 0, 0.25) !important;
	border-bottom: 1px solid rgba(65, 215, 240, 0.22) !important;
}

.panel-vip > .panel-heading::after {
	content: "VIP";
	color: #8fefff;
	font-size: 10px;
	font-weight: 800;
	letter-spacing: 0.12em;
	text-transform: uppercase;
}

.panel-vip .panel-title {
	margin: 0 !important;
	color: #fff !important;
	font-family: var(--we-font-display) !important;
	font-size: 18px !important;
	font-weight: 800 !important;
}

.panel-vip > .panel-body {
	padding: 18px !important;
	background: radial-gradient(circle at 90% 0%, rgba(65, 215, 240, 0.08), transparent 36%) !important;
}

.panel-vip.vip-type-card {
	max-width: 1080px;
}

.panel-vip.vip-type-card > .panel-heading::after {
	content: none;
}

.vip-type-kicker {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 42px;
	height: 24px;
	padding: 0 10px;
	border: 1px solid rgba(143, 239, 255, 0.42);
	border-radius: 999px;
	background: rgba(65, 215, 240, 0.1);
	color: #8fefff;
	font-size: 10px;
	font-weight: 800;
	letter-spacing: 0.12em;
	line-height: 1;
	text-transform: uppercase;
}

.vip-packages-grid {
	display: grid !important;
	grid-template-columns: repeat(auto-fit, minmax(210px, 1fr));
	gap: 14px;
}

.vip-package-card {
	position: relative;
	display: grid;
	grid-template-rows: auto auto 1fr;
	gap: 13px;
	min-height: 172px;
	padding: 17px;
	overflow: hidden;
	border: 1px solid rgba(65, 215, 240, 0.2);
	border-radius: var(--we-radius-sm);
	background:
		radial-gradient(circle at 100% 0%, rgba(65, 215, 240, 0.16), transparent 36%),
		linear-gradient(180deg, rgba(18, 35, 48, 0.72), rgba(3, 7, 11, 0.42)),
		rgba(0, 0, 0, 0.28);
	box-shadow: inset 3px 0 0 rgba(65, 215, 240, 0.45);
	transition: border-color var(--we-transition), box-shadow var(--we-transition), transform var(--we-transition);
}

.vip-package-card:hover {
	transform: translateY(-2px);
	border-color: rgba(143, 239, 255, 0.58);
	box-shadow: inset 3px 0 0 #8fefff, 0 14px 30px rgba(0, 0, 0, 0.34), 0 0 22px rgba(65, 215, 240, 0.14);
}

.vip-package-days,
.vip-package-price {
	display: block;
}

.vip-package-days::before,
.vip-package-price::before {
	display: block;
	margin-bottom: 5px;
	color: rgba(143, 239, 255, 0.66);
	font-size: 10px;
	font-family: var(--we-font-body);
	font-weight: 800;
	letter-spacing: 0.12em;
	line-height: 1;
	text-transform: uppercase;
}

.vip-package-days {
	color: #fff;
	font-family: var(--we-font-display);
	font-size: 24px;
	font-weight: 800;
	line-height: 1.12;
}

.vip-package-days::before {
	content: "Plano";
}

.vip-package-price {
	padding: 10px 11px;
	border: 1px solid rgba(65, 215, 240, 0.16);
	border-radius: 6px;
	background: rgba(65, 215, 240, 0.065);
	color: #8fefff;
	font-size: 15px;
	font-weight: 800;
	line-height: 1.25;
}

.vip-package-price::before {
	content: "Valor";
}

.vip-package-action {
	align-self: end;
	margin-top: 2px;
}

.panel-vip .vip-table-container {
	width: 100% !important;
}

.panel-vip .vip-table,
.panel-vip .vip-table tbody {
	width: 100% !important;
	margin: 0 !important;
	border: 0 !important;
}

.panel-vip .vip-table {
	display: block !important;
}

.panel-vip .vip-table tbody {
	display: grid !important;
	grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
	gap: 14px;
}

.panel-vip .vip-table tr {
	display: grid !important;
	grid-template-columns: 1fr;
	align-content: start;
	gap: 12px;
	min-height: 168px;
	margin: 0;
	padding: 16px;
	border: 1px solid rgba(65, 215, 240, 0.18);
	border-radius: var(--we-radius-sm);
	background:
		radial-gradient(circle at 100% 0%, rgba(65, 215, 240, 0.16), transparent 38%),
		linear-gradient(180deg, rgba(18, 35, 48, 0.64), rgba(3, 7, 11, 0.32)),
		rgba(0, 0, 0, 0.26);
	transition: border-color var(--we-transition), box-shadow var(--we-transition), transform var(--we-transition);
}

.panel-vip .vip-table tr:hover {
	transform: translateY(-2px);
	border-color: rgba(143, 239, 255, 0.52);
	box-shadow: 0 14px 30px rgba(0, 0, 0, 0.34), 0 0 22px rgba(65, 215, 240, 0.14);
}

.panel-vip .vip-table td {
	display: block !important;
	padding: 0 !important;
	border: 0 !important;
	background: transparent !important;
	color: #e8f8fc !important;
	font-size: 14px !important;
	line-height: 1.35 !important;
}

.panel-vip .vip-table td::before {
	display: block;
	margin-bottom: 4px;
	color: rgba(143, 239, 255, 0.66);
	font-size: 10px;
	font-weight: 800;
	letter-spacing: 0.12em;
	line-height: 1;
	text-transform: uppercase;
}

.panel-vip .vip-table td:first-child {
	color: #fff !important;
	font-family: var(--we-font-display) !important;
	font-size: 22px !important;
	font-weight: 800 !important;
	line-height: 1.15 !important;
}

.panel-vip .vip-table td:first-child::before {
	content: "Plano";
}

.panel-vip .vip-table td:nth-child(2) {
	min-height: 42px;
	padding: 9px 10px !important;
	border: 1px solid rgba(65, 215, 240, 0.16) !important;
	border-radius: 6px;
	background: rgba(65, 215, 240, 0.065) !important;
	color: #8fefff !important;
	font-size: 15px !important;
	font-weight: 800 !important;
}

.panel-vip .vip-table td:nth-child(2)::before {
	content: "Valor";
}

.panel-vip .vip-table td:last-child {
	align-self: end;
	margin-top: auto;
	text-align: left !important;
}

.panel-vip .vip-table td:last-child::before {
	content: "";
	display: none;
}

.panel-vip .btn-vip {
	width: 100%;
	min-width: 118px;
	padding: 9px 14px !important;
	background: var(--we-btn-bg) !important;
	border: 1px solid rgba(143, 239, 255, 0.58) !important;
	color: #fff !important;
	font-size: 11px !important;
	font-weight: 800 !important;
	letter-spacing: 0.04em;
	text-transform: uppercase;
	box-shadow: var(--we-glow-sm) !important;
}

.panel-vip .btn-vip:hover,
.panel-vip .btn-vip:focus {
	background: var(--we-btn-bg-hover) !important;
	border-color: #8fefff !important;
	color: #fff !important;
	box-shadow: var(--we-glow) !important;
}

@media (max-width: 700px) {
	.panel-vip {
		max-width: 100%;
	}
}

/* My account character cards */
.row.text-center > .col-xs-3:has(.myaccount-character-block) {
	position: relative;
	width: auto !important;
	float: none !important;
	display: grid;
	grid-template-rows: auto auto auto;
	align-items: center;
	min-width: 0;
	padding: 16px 14px 14px !important;
	border: 1px solid rgba(65, 215, 240, 0.19);
	border-radius: var(--we-radius-sm);
	background:
		radial-gradient(circle at 50% 0%, rgba(65, 215, 240, 0.14), transparent 38%),
		linear-gradient(180deg, rgba(18, 35, 48, 0.72), rgba(3, 7, 11, 0.42)),
		rgba(0, 0, 0, 0.28);
	box-shadow: inset 0 2px 0 rgba(143, 239, 255, 0.13), 0 12px 28px rgba(0, 0, 0, 0.32);
	transition: border-color var(--we-transition), box-shadow var(--we-transition), transform var(--we-transition);
}

.row.text-center > .col-xs-3:has(.myaccount-character-block):hover {
	transform: translateY(-2px);
	border-color: rgba(143, 239, 255, 0.48);
	box-shadow: inset 0 2px 0 rgba(143, 239, 255, 0.22), 0 16px 34px rgba(0, 0, 0, 0.38), 0 0 22px rgba(65, 215, 240, 0.12);
}

.row.text-center:has(.myaccount-character-block) {
	display: grid !important;
	grid-template-columns: repeat(auto-fit, minmax(172px, 1fr));
	gap: 16px;
	margin: 0 0 24px !important;
}

.myaccount-character-name {
	min-height: 32px;
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 6px;
	margin: 0 0 12px;
	padding: 0 22px;
	color: #fff;
	font-family: var(--we-font-display);
	font-size: 15px;
	font-weight: 800;
	line-height: 1.15;
	text-align: center;
}

.myaccount-character-name a {
	color: #fff !important;
	font-size: 15px !important;
	font-weight: 800 !important;
	text-decoration: none !important;
}

.myaccount-character-name a:hover {
	color: #8fefff !important;
}

.myaccount-character-name .online-status-indicator {
	position: absolute;
	top: 14px;
	right: 14px;
	width: 10px;
	height: 10px;
	object-fit: contain;
}

.myaccount-character-block {
	width: 112px;
	height: 112px;
	display: flex !important;
	align-items: center;
	justify-content: center;
	margin: 0 auto 12px !important;
	padding: 6px !important;
	border: 1px solid rgba(65, 215, 240, 0.24) !important;
	border-radius: 50% !important;
	background:
		linear-gradient(180deg, rgba(65, 215, 240, 0.12), rgba(191, 59, 74, 0.06)),
		rgba(0, 0, 0, 0.3) !important;
	box-shadow: 0 0 22px rgba(65, 215, 240, 0.14), inset 0 0 18px rgba(0, 0, 0, 0.58) !important;
}

.myaccount-character-block a {
	display: block;
	width: 100%;
	height: 100%;
}

.myaccount-character-block img {
	width: 100% !important;
	height: 100% !important;
	object-fit: cover;
	border-radius: 50% !important;
	box-shadow: none !important;
}

.myaccount-character-block img:hover {
	filter: brightness(112%) saturate(112%) !important;
}

.myaccount-character-block-location {
	min-height: 38px;
	margin: 0 !important;
	padding: 8px 10px;
	border: 1px solid rgba(65, 215, 240, 0.14);
	border-radius: 6px;
	background: rgba(65, 215, 240, 0.06);
	color: rgba(232, 248, 252, 0.78) !important;
	font-size: 12px !important;
	font-weight: 700;
	line-height: 1.25 !important;
	text-align: center;
}

.myaccount-character-block-level {
	position: absolute !important;
	top: 94px !important;
	left: 50%;
	transform: translateX(-50%);
	min-width: 44px;
	padding: 4px 9px !important;
	border: 1px solid rgba(143, 239, 255, 0.46);
	border-radius: 999px !important;
	background: linear-gradient(135deg, rgba(65, 215, 240, 0.96), rgba(22, 119, 204, 0.92)) !important;
	color: #fff !important;
	font-size: 11px !important;
	font-weight: 900;
	line-height: 1 !important;
	box-shadow: 0 0 16px rgba(65, 215, 240, 0.34);
}

.myaccount-character-block-level::before {
	content: "Lv ";
	font-weight: 800;
	opacity: 0.78;
}

@media (max-width: 520px) {
	.row.text-center:has(.myaccount-character-block) {
		grid-template-columns: repeat(2, minmax(0, 1fr));
		gap: 12px;
	}

	.row.text-center > .col-xs-3:has(.myaccount-character-block) {
		padding: 14px 10px 12px !important;
	}

	.myaccount-character-block {
		width: 96px;
		height: 96px;
	}

	.myaccount-character-block-level {
		top: 84px !important;
	}
}
/* END MuLycan final palette override */