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

body {
	font-family: 'Exo 2', 'Inter', Verdana, Helvetica, Arial;
	font-size: 12px;
	color: #C8DFF0;
}

.center_x{
	margin:0 auto;
}

/*layout.full.tpl*/
.page_content {
	position: relative;
	margin-left: auto;
	margin-right: auto;
	left: 0;
	right: 0;
	width: 996px;
}

.site_header {
	height: 28px;
	min-width: 980px;
	width: 100%;
	display: block;
	box-sizing: border-box;
	background: rgba(4, 10, 20, 0.80);
	border-top: none;
	border-bottom: 1px solid rgba(42, 74, 106, 0.5);
	transition: background 0.4s ease;
}

.site_header:hover {
	background: rgba(6, 14, 28, 0.88);
}

#content_top {
	height: 153px;
	position: relative;
	background: transparent;
}

#content_left {
	width: 160px;
	float: left;
	position: relative;
	display: flex;
	height: 604px;
	top: -7px;
	
}

#content_mid {
	width: 670px;
	margin-left: 10px;
	padding-bottom: 100px;
	float: left;
}

#content_right {
	width: 150px;
	float: right;
}

#footer {
	font: 12px 'Inter', Verdana, Arial, Helvetica, sans-serif;
	height: 24px;
	display: flex;
	justify-content: center;
	align-items: center;
	position: fixed;
	bottom: 0;
	z-index: 999999;
	width: 100%;
	clear: both;
	background: rgba(4, 10, 20, 0.92);
	border-top: 1px solid rgba(42, 74, 106, 0.5);
}

#footer a,
#footer span {
	color: #7A9AB0;
	height: 15px;
	text-decoration: none;
	padding: 0 5px;
	border-right: 1px solid rgba(42, 74, 106, 0.5);
	transition: color 0.2s;
}

#footer a:hover {
	color: #C8DFF0;
	text-decoration: none;
}

#footer>.active {
	text-decoration: underline;
	color: #5BA3D8;
}

#footer>.server_info{
	position: relative;
	cursor: pointer;
}
#footer>.server_info:hover>.tooltip{
	display: flex;
}

.globalWarning {
	background-color: rgba(255, 255, 200, 0.1);
	border: 1px solid rgba(247, 223, 146, 0.4);
	color: #E0D890;
	margin: 2px 0;
	padding: 5px 0;
	text-align: center;
	max-width: 654px;
}

.globalWarning a:hover { text-decoration: underline; }
.globalWarning a {
	font-weight: bold;
	cursor: pointer;
	color: #E06060;
}

.infobox {
	border: 2px solid #C04040;
	padding: 2px 5px;
	text-align: center;
	max-width: 654px;
}

/*--*/

/*main.planetmenu.tpl*/
#content_right>.planet{
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 3px 5px;
	margin: 2px 0;
	box-sizing: border-box;
	height: 50px;
	width: 147px;
	background: rgba(4, 10, 20, 0.75);
	border: 1px solid rgba(42, 74, 106, 0.5);
	border-radius: 4px;
	transition: border-color 0.2s;
}
#content_right>.planet:hover {
	border-color: rgba(70, 130, 190, 0.8);
}
#content_right>.planet>.left{
	display: flex;
	align-items: center;
	justify-content: center;
	position: relative;
	width: 43px;
}
#content_right>.planet>.left>.type_moon{
	position: absolute;
	top: 19px;
	left: -3px;
}
#content_right>.planet>.left>.type_moon:hover>.tooltip{ display: flex; }
#content_right>.planet>.left>.type_planet{ position: relative; }
#content_right>.planet>.left>.type_planet>.tooltip,
#content_right>.planet>.left>.type_moon>.tooltip { left: 80px; }
#content_right>.planet>.left>.type_planet:hover>.tooltip{ display: flex; }
#content_right>.planet>.right{
	display: flex;
	flex-direction: column;
	justify-content: center;
	width: 104px;
}
#content_right>.planet>.right span {
	color: #C8DFF0;
	font-size: 11px;
	font-weight: 500;
}
#content_right>.planet>.right span:last-child {
	color: #4A6A80;
	font-size: 10px;
}
/**/

/*main.topnav.tpl*/

/* ── MESAJ İKONU KUTUSU ── */
#content_top>.messages{
	position: absolute;
	top: 107px;
	left: 230px;
	width: 44px;
	height: 45px;
	background: rgba(5, 12, 25, 0.82);
	background-image: none;
	border: 1px solid rgba(42, 74, 106, 0.65);
	border-right: none;
	border-radius: 4px 0 0 4px;
	text-decoration: none;
	display: flex;
	align-items: center;
	justify-content: center;
	transition: background 0.2s, border-color 0.2s;
}
#content_top>.messages:hover{
	cursor: pointer;
	background: rgba(16, 42, 78, 0.90);
	border-color: rgba(65, 130, 195, 0.85);
}
#content_top>.messages:hover>.tooltip{ display: flex; }

/* Mesaj sprite ikonunu ortala */
#content_top>.messages::before {
	content: '✉';
	font-size: 16px;
	color: #5BA3D8;
	line-height: 1;
}

/* Yeni mesaj rozeti */
#content_top>.messages>#newmes{
	display: flex;
	position: absolute;
	top: -6px;
	right: -6px;
	background: #C04040;
	color: #fff;
	border-radius: 50%;
	width: auto;
	min-width: 16px;
	height: auto;
	min-height: 16px;
	padding: 2px 4px;
	text-align: center;
	justify-content: center;
	align-items: center;
	font-size: 9px;
	font-weight: bold;
	border: 1px solid rgba(255,100,100,0.5);
	box-shadow: 0 0 6px rgba(200,50,50,0.5);
}

/* ── FİLO HAREKETİ ALANI ── */
.fleet_wrapper {
	position: absolute;
	top: 107px;
	left: 274px;
	height: 45px;
	width: 382px;
	display: flex;
	align-items: center;
	justify-content: center;
	background: rgba(5, 12, 25, 0.78);
	border: 1px solid rgba(42, 74, 106, 0.65);
	border-left: none;
	border-right: none;
}

.fleet_wrapper .fleet_text {
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	font-weight: 600;
	color: #4A6A80;
	font-size: 12px;
	white-space: nowrap;
	letter-spacing: 0.03em;
}

.fleet_wrapper .fleet_btn {
	position: absolute;
	right: 6px;
}

/* ── SALDIRI UYARI KUTUSU ── */
#attack_alert {
	position: absolute !important;
	top: 5px !important;
	right: 5px !important;
	width: 44px !important;
	height: 45px !important;
	background: rgba(5, 12, 25, 0.82) !important;
	border-left: none !important;
	border-radius: 50px !important;
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	padding: 4px !important;
}

/* Saldırı varsa kırmızı vurgula */
#attack_alert[src]:not([src=""]) {
	border-color: rgba(180, 50, 50, 0.8) !important;
	background: rgba(30, 8, 8, 0.85) !important;
	box-shadow: 0 0 10px rgba(200, 50, 50, 0.4) !important;
}

.fleet_events {
	width: 654px;
	position: relative;
}

.fleet_events.hidden { display: none; }

.fleetRow {
	background: rgba(8, 20, 38, 0.85);
	margin: 1px 0;
	color: #C8DFF0;
	padding: 4px 6px;
	border: 1px solid rgba(42, 74, 106, 0.6);
	border-radius: 3px;
	font-size: 11px;
}

.page_refresher {
	position: absolute;
	left: 8px;
	top: 37px;
	width: 130px;
	height: 70px;
}

.resources {
	position: absolute;
	left: 190px;
	top: 27px;
	display: flex;
	justify-content: space-around;
	width: 480px;
}

.resources>.resource {
	width: 90px;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	height: 70px;
	position: relative;
}

.tooltip {
	display: none;
	position: absolute;
	z-index: 9999;
	background: rgba(8, 20, 38, 0.97);
	border: 1px solid rgba(42, 74, 106, 0.9);
	color: #C8DFF0;
	padding: 6px 8px;
	font-size: 11px;
	box-shadow: 0 6px 20px rgba(0,0,0,0.8);
	white-space: nowrap;
	border-radius: 4px;
	backdrop-filter: blur(6px);
}

#planetSelector{
	max-width: 120px;
	margin: 0 3px;
	padding: 0 4px;
	color: #C8DFF0;
	background: rgba(6, 14, 28, 0.85);
	border: 1px solid rgba(42, 74, 106, 0.7);
	border-radius: 4px;
	font-size: 12px;
	outline: none;
	cursor: pointer;
}
#planetSelector:hover { border-color: rgba(80, 150, 210, 0.8); }
#planetSelector:focus {
	border-color: #5BA3D8;
	box-shadow: 0 0 4px rgba(91,163,216,0.4);
}
#planetSelector option {
	background: #0A1828;
	color: #C8DFF0;
}

/*fleetTable.tpl*/
.fleet_wrapper > .fleet_btn {
	display: inline-flex;
	justify-content: center;
	align-items: center;
	width: 18px;
	height: 18px;
	border: 1px solid rgba(42, 74, 106, 0.6);
	background: rgba(6, 14, 28, 0.85);
	border-radius: 3px;
	color: #4AAF80;
	cursor: pointer;
	outline: none;
	box-shadow: none;
	transition: all .2s ease;
	margin: 0 2px;
	font-size: 9px;
}
.fleet_wrapper > .fleet_btn:hover { border-color: #5BA3D8; }
.fleet_wrapper > .fleet_btn.down { transform: rotate(180deg); }

/* tooltip types */
.tooltip_top {
	bottom: calc(100% + 8px);
	left: 50%;
	transform: translateX(-50%);
}
.tooltip_top::after {
	content: "";
	position: absolute;
	top: 100%;
	left: 50%;
	transform: translateX(-50%);
	border-width: 6px;
	border-style: solid;
	border-color: rgba(42,74,106,0.9) transparent transparent transparent;
}
.tooltip_bottom {
	top: calc(100% + 8px);
	left: 50%;
	transform: translateX(-50%);
}
.tooltip_bottom::after {
	content: "";
	position: absolute;
	bottom: 100%;
	left: 50%;
	transform: translateX(-50%);
	border-width: 6px;
	border-style: solid;
	border-color: transparent transparent rgba(42,74,106,0.9) transparent;
}
.tooltip_right {
	bottom: 50%;
	transform: translateY(50%);
	left: calc(100%);
}
.tooltip_right::after {
	content: "";
	position: absolute;
	top: 50%;
	left: -12px;
	transform: translateY(-50%);
	border-width: 6px;
	border-style: solid;
	border-color: transparent rgba(42,74,106,0.9) transparent transparent;
}

.resources>.resource:hover { cursor: pointer; }
.resources>.resource:hover>.tooltip { display: flex; }
.resources>.resource>.resource_name {
	font-size: 10px;
	font-weight: 600;
	color: #5A8AAA;
	letter-spacing: 0.03em;
}

.bar {
	position: absolute;
	top: 0;
	left: 0;
	height: 26px;
	width: 995px;
	display: flex;
	justify-content: space-between;
	box-sizing: border-box;
	background: rgba(4, 10, 20, 0.88);
	border-top: none;
	border-bottom: 1px solid rgba(42, 74, 106, 0.5);
	backdrop-filter: blur(6px);
	transition: background 0.3s ease;
}
.bar:hover {
	background: rgba(6, 14, 28, 0.92);
}
.bar * {
	font-size: 11px;
	font-family: 'Inter', Verdana, Arial, Helvetica, sans-serif;
}
.bar a {
	text-decoration: none;
	transition: 0.2s ease;
	padding: 0 3px;
	color: #7A9AB0;
}
.bar a:hover {
	cursor: pointer;
	color: #C8DFF0;
	text-decoration: none;
}
.bar .active { color: #5BA3D8; }
.user_icon { filter: invert(0.7) sepia(0.3) saturate(0.5); }
.bar>.left {
	position: relative;
	left: 0;
	display: flex;
	justify-content: left;
	align-items: center;
}
.bar>.right {
	position: relative;
	right: 0;
	display: flex;
	justify-content: left;
	align-items: center;
}
.bar>.mid {
	position: relative;
	margin: 0 auto;
	display: flex;
	justify-content: left;
	align-items: center;
}

/*--*/

/* main.navigation.tpl */
#menu {
	margin: 0;
	padding: 8px 6px;
	position: absolute;
	left: 0;
	width: 154px;
}

#menu li {
	margin: 3px 0;
	height: auto;
	list-style: none;
}

.menu-button {
	width: 142px;
	cursor: pointer;
	display: block;
	list-style: none;
	height: auto;
}

/* Kutu görünümü — sprite tamamen kaldırıldı */
.menu-button .long {
	display: flex;
	align-items: center;
	justify-content: flex-start;
	text-align: left;
	width: 142px;
	height: 30px;
	padding: 0 10px;
	color: #8BAFC8;
	text-decoration: none;
	font-weight: 500;
	font-size: 12px;
	letter-spacing: 0.02em;
	transition: all 0.15s ease;
	background: rgba(5, 12, 25, 0.82);
	background-image: none !important;
	border: 1px solid rgba(42, 74, 106, 0.60);
	border-left: 3px solid rgba(50, 95, 150, 0.65);
	border-radius: 4px;
	box-shadow: 0 1px 5px rgba(0,0,0,0.55), inset 0 1px 0 rgba(255,255,255,0.03);
	text-shadow: 0 1px 4px rgba(0,0,0,0.9);
}

.menu-button a:hover,
.menu-button:hover .long,
.menu-button:hover a.long {
	background: rgba(16, 42, 78, 0.90) !important;
	background-image: none !important;
	border-color: rgba(65, 130, 195, 0.85);
	border-left-color: #5BA3D8;
	color: #E0EEFA;
	box-shadow: 0 2px 10px rgba(0,0,0,0.65), 0 0 10px rgba(40,110,190,0.22);
	text-shadow: 0 1px 4px rgba(0,0,0,0.9);
}

/* İkon tamamen gizle */
.menu-button .menu_icon { display: none !important; }

/* Aktif menü öğesi */
#menu .menu-button .menuActive,
#menu .menu-button a.menuActive,
#menu .menu-button>.menuActive {
	background: rgba(18, 48, 92, 0.94) !important;
	background-image: none !important;
	border: 1px solid rgba(91, 163, 216, 0.88) !important;
	border-left: 3px solid #5BA3D8 !important;
	color: #FFFFFF !important;
	font-weight: 600 !important;
	box-shadow: 0 2px 12px rgba(0,0,0,0.65), 0 0 12px rgba(40,110,190,0.28) !important;
}

/*special scrollbar*/
.scroll { overflow: scroll; }
.scroll::-webkit-scrollbar-track {
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
	background-color: transparent;
}
.scroll::-webkit-scrollbar {
	width: 4px;
	height: 4px;
	background-color: transparent;
}
.scroll::-webkit-scrollbar-thumb {
	background-color: rgba(42,74,106,0.8);
	border-radius: 2px;
}

body.popup::-webkit-scrollbar { width: 8px; }
body.popup::-webkit-scrollbar-track {
	background: #0A1828;
	border-left: 1px solid rgba(42,74,106,0.3);
}
body.popup::-webkit-scrollbar-thumb {
	background: rgba(42,74,106,0.8);
	border: 1px solid rgba(91,163,216,0.35);
	border-radius: 6px;
}
body.popup::-webkit-scrollbar-thumb:hover {
	background: rgba(70,130,190,0.9);
	border: 1px solid #5BA3D8;
}

.content-wrapper { width: 100%; }

.ui-widget-header { background-color: #1A4A7A; }
.res_name { color: #E06060; font-weight: 700; }

body {
	background: url("img/space.jpg") no-repeat fixed center center #0A1420;
	background-size: cover;
	overflow-y: scroll;
	margin: 0 !important;
	color: #C8DFF0;
}

body.mceContentBody,
input,
button,
select,
option,
textarea,
.ui-widget-content {
	background: rgba(8, 18, 32, 0.9);
}

input[type="radio"] {
	background: transparent;
	border: 0 none;
}

.ui-widget-header {
	color: #FFF;
	font-weight: 700;
	text-align: left;
}

/*page.overview.default.tpl*/
.table_full {
	width: 100%;
	max-width: 654px;
}
.icon_settings{
	display: inline-block;
	width: 17px;
	height: 17px;
	cursor: pointer;
	background: url('images/settings.png');
	background-repeat: no-repeat;
	background-position: 0 0;
	margin: 0 2px;
}
.planet_actions{
	display: flex;
	justify-content: flex-start;
	align-items: center;
	position: relative;
}
.planet_actions:hover > .tooltip{ display: flex; }

/*page.overview.actions.tpl*/
.actions_card {
	width: calc(100% - 10px);
	padding: 5px;
	border-radius: 4px;
	background: rgba(6, 14, 28, 0.85);
	backdrop-filter: blur(8px);
	box-shadow: 0 8px 20px rgba(0,0,0,0.5);
	border: 1px solid rgba(42,74,106,0.6);
	margin: 5px auto;
}
.actions_card form{
	display: flex;
	flex-direction: column;
	align-items: start;
	justify-content: start;
	padding: 0;
	margin: 10px 5px;
	width: calc(90% - 10px);
	min-height: 160px;
}
#abondon_planet.hidden, #rename_planet.hidden { display: none; }
.actions_card input {
	height: 24px;
	border-radius: 3px;
	border: 1px solid rgba(42,74,106,0.6);
	background: rgba(4,10,20,0.8);
	color: #C8DFF0;
	margin: 3px 0;
	width: 232px;
}
.actions_card input:focus {
	border-color: #5BA3D8;
	box-shadow: 0 0 0 0.15rem rgba(91,163,216,0.25);
}

.planet_menu {
	height: 60px;
	background: rgba(6, 14, 28, 0.85);
	border-bottom: 1px solid rgba(42,74,106,0.4);
}
.menu_wrapper {
	display: flex;
	background: rgba(255,255,255,0.03);
	padding: 6px;
	border-radius: 6px;
}
.menu-btn {
	min-width: 140px;
	padding: 8px 18px;
	border: 1px solid rgba(42,74,106,0.4);
	border-radius: 3px;
	background: transparent;
	color: #8BAFC8;
	font-weight: 500;
	transition: all 0.2s ease;
	margin: 0 2px;
	cursor: pointer;
}
.menu-btn:hover {
	background: rgba(30,70,120,0.4);
	color: #C8DFF0;
}
.menu-btn.active {
	background: rgba(30,70,120,0.7);
	border-color: #5BA3D8;
	color: #fff;
	box-shadow: 0 2px 8px rgba(0,0,0,0.4);
}

/*page.buildings.default.tpl*/
.items_wrapper {
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	align-items: flex-start;
}
.items_wrapper>.top {
	display: flex;
	position: relative;
	width: 654px;
	height: 300px;
}
.items_wrapper>.top>.link_resources{
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 12px;
	text-decoration: none;
	color: #4AAF80;
	position: absolute;
	width: 231px;
	left: calc(100% - 231px);
	top: calc(100% - 25px);
	height: 25px;
	background: rgba(6,14,28,0.85);
	border: 1px solid rgba(42,74,106,0.6);
	transition: 0.3s ease;
}
.items_wrapper>.top>.link_resources:hover { background: rgba(18,45,80,0.9); }
.items_wrapper>.top>.page_title{
	position: absolute;
	top: 5px;
	right: 5px;
	padding: 0 8px;
	text-align: left;
	height: 32px;
	line-height: 32px;
	user-select: none;
	width: 400px;
	font-size: 16px;
	font-weight: 600;
	background: rgba(6,14,28,0.85);
	color: #C8DFF0;
}
.items_wrapper>.top>.item_big {
	display: flex;
	flex-direction: column;
	background: rgba(6,14,28,0.88);
	width: 100%;
	z-index: 1;
}
.items_wrapper>.top>.item_big>.top { display: flex; }
.items_wrapper>.top>.item_big>.top>.left {
	display: flex;
	align-items: center;
	justify-content: center;
}
.items_wrapper>.top>.item_big>.top>.right {
	display: flex;
	flex-direction: column;
	width: 100%;
}
.items_wrapper>.top>.item_big>.img_wrapper {
	background: #000;
	display: flex;
	justify-content: center;
	align-items: center;
	box-sizing: border-box;
	height: 203px;
	width: 203px;
}
.items_wrapper>.top>.item_big>.img_wrapper img {
	border: 2px solid rgba(42,74,106,0.6);
}
.items_wrapper>.top>.item_big>.top>.right>.title {
	display: flex;
	justify-content: space-between;
	height: 26px;
	width: 100%;
	align-items: center;
	padding: 0 8px;
	background: rgba(20,45,80,0.85);
	border-bottom: 1px solid rgba(42,74,106,0.6);
	transition: all 0.25s ease;
}
.items_wrapper>.top>.item_big>.title:hover {
	background: rgba(25,55,95,0.9);
}
.items_wrapper>.top>.item_big>.title>.element_name { position: relative; }
.items_wrapper>.top>.item_big>.title>.element_name:hover>.tooltip { display: flex; }
.items_wrapper>.top>.item_big>.top>.right>.requirements {
	width: 451px;
	background: rgba(8,22,45,0.88);
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	justify-content: flex-start;
	min-height: 177px;
	padding: 3px 8px;
}
.items_wrapper>.top>.item_big>.top>.right>.requirements>.top {
	width: 100%;
	display: flex;
	height: 87px;
	min-height: 87px;
}
.items_wrapper>.top>.item_big>.top>.right>.requirements>.bottom {
	width: 100%;
	display: flex;
	height: 90px;
	min-height: 90px;
}
.items_wrapper>.top>.item_big>.top>.right>.requirements>.top>.left {
	width: 351px;
	display: flex;
	flex-direction: column;
}
.items_wrapper>.top>.item_big>.top>.right>.requirements>.bottom>.left {
	width: 351px;
	display: flex;
}
.items_wrapper>.top>.item_big>.top>.right>.requirements>.top>.right {
	width: 100px;
	display: flex;
	align-items: flex-start;
	justify-content: flex-end;
}
.items_wrapper>.top>.item_big>.top>.right>.requirements>.bottom>.right {
	width: 100px;
	display: flex;
	align-items: flex-start;
	justify-content: flex-end;
}
.items_wrapper .button-upgrade,
.items_wrapper .button-downgrade { margin: 3px 0; }
.items_wrapper .destroy_form,
.items_wrapper .build_form { position: relative; }
.items_wrapper .destroy_form:hover>.tooltip { display: flex; }
.items_wrapper .build_form:hover>.tooltip { display: flex; }
.items_wrapper>.top>.item_big>.top>.right>.requirements>.bottom>.left>.resource {
	display: flex;
	flex-direction: column;
	justify-content: start;
	align-items: center;
	height: 28px;
	padding-right: 5px;
	position: relative;
	cursor: pointer;
}
.items_wrapper>.top>.item_big>.top>.right>.requirements>.bottom>.left>.resource:hover>.tooltip { display: flex; }
.items_wrapper>.top>.item_big>.requirements>.bottom>.resource>span { padding: 0 3px; }
.items_wrapper>.top>.item_big>.bottom {
	background: rgba(10,25,50,0.88);
	left: 0;
	width: 654px;
	height: 97px;
	padding: 3px 8px;
}
.items_wrapper>.top>.hidden { display: none; }
.items_wrapper>.bottom {
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	align-items: flex-start;
	width: 654px;
	margin: 3px 0;
	height: auto;
}
.items_wrapper>.bottom>.title {
	display: flex;
	width: 100%;
	height: 24px;
	justify-content: center;
	align-items: center;
	background: rgba(20,45,80,0.85);
	border-bottom: 1px solid rgba(42,74,106,0.5);
	font-weight: 600;
	color: #8BAFC8;
	font-size: 12px;
	letter-spacing: 0.04em;
}
.items_wrapper>.bottom>.list {
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-start;
	width: 100%;
	height: auto;
	padding: 14px 10px;
	margin: 0;
	background: rgba(6,14,28,0.80);
	border: 1px solid rgba(42,74,106,0.4);
}
.items_wrapper .item_small {
	border: 2px solid rgba(42,74,106,0.7);
	width: 96px;
	height: 96px;
	margin: 2px;
	background: rgba(4,10,20,0.85);
	transition: 0.2s ease;
	position: relative;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	border-radius: 3px;
}
.items_wrapper .item_small.border-color-active { border-color: rgba(180,140,30,0.8); }
.items_wrapper .item_small.border-color-passive { border-color: rgba(42,74,106,0.7); }
.item_small .button_upgrade_small {
	position: absolute;
	top: 0;
	left: 0;
	background: url('images/small_upgrade_button.webp') 0 0;
	width: 34px;
	height: 20px;
	outline: none;
	border: 1px solid rgba(42,74,106,0.5);
}
.item_small .button_upgrade_small:hover {
	background-position: 0 -18px;
	cursor: pointer;
}
.level_info {
	height: 20px;
	min-width: 20px;
	width: auto;
	display: flex;
	align-items: center;
	justify-content: center;
	position: absolute;
	right: 0;
	top: 0;
	background: rgba(30,55,90,0.9);
	color: #5BA3D8;
	font-weight: bold;
	border-radius: 0 3px 0 3px;
	border: 1px solid rgba(42,74,106,0.6);
	user-select: none;
	font-size: 11px;
}
.item_small .name_info {
	position: absolute;
	bottom: 0;
	right: 0;
	width: 100%;
	padding: 2px 3px;
	background: rgba(4,10,20,0.88);
	color: #7A9AB0;
	font-size: 9px;
	font-weight: 600;
	height: 14px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: clip;
	text-align: center;
	user-select: none;
}
.item_small:hover>.tooltip { display: flex; }
.item_small:has(.button_upgrade_small:hover)>.tooltip { display: none; }
.button_upgrade_small:hover>.tooltip { display: flex; }
.items_wrapper .item_small:hover { border-color: rgba(91,163,216,0.8); }
.items_wrapper>.bottom>.list>.item_small>.black-screen {
	width: 90px;
	height: 90px;
	position: absolute;
	top: 0;
	left: 0;
	display: flex;
	background: rgba(0,0,0,0.8) !important;
	z-index: 2;
	cursor: pointer;
}
.queue_wrapper {
	width: 644px;
	background: rgba(4,10,20,0.85);
	display: flex;
	flex-wrap: wrap;
	padding: 30px 40px;
	position: absolute;
	top: 38px;
	right: 5px;
	border-radius: 5px;
	border: 1px solid rgba(42,74,106,0.5);
	max-height: 235px;
	overflow-y: auto;
	overflow-x: hidden;
}
.queue_wrapper>.queue_item_first.queue_item {
	display: flex;
	flex-direction: row;
	width: 100%;
}
.queue_wrapper>.queue_item { width: 90px; }
.queue_item>.queue_left {
	width: 86px;
	height: 86px;
	border: 2px solid rgba(42,74,106,0.7);
	background: #000;
	margin: 2px;
	position: relative;
	display: flex;
}
.queue_wrapper>.queue_item_small{
	position: relative;
	width: 44px;
	height: 44px;
	border: 2px solid rgba(42,74,106,0.7);
	margin: 7px 2px;
}
.queue_wrapper>.queue_item_small>.level_info_small{
	position: absolute;
	height: 16px;
	color: #5BA3D8;
	font-size: 11px;
	font-weight: bold;
	top: calc(100%);
	left: 50%;
	transform: translateX(-50%);
	width: 44px;
	height: 14px;
	display: flex;
	align-items: center;
	justify-content: center;
}
.queue_item>.queue_right {
	width: calc(100% - 86px);
	height: 86px;
	display: flex;
	flex-direction: column;
	align-items: start;
	justify-content: center;
	padding: 5px 15px;
}
.queue_left:hover>.tooltip, .queue_item_small:hover>.tooltip { display: flex; }
.queue_wrapper .btn_cancel{
	position: absolute;
	top: 0;
	left: 0;
	background: url('pic/abort.gif');
	background-position: 0 0;
	background-repeat: no-repeat;
	width: 16px;
	height: 16px;
	outline: none;
	border: none;
}
.queue_left:has(.btn_cancel:hover)>.tooltip { display: none; }
.queue_item_small:has(.btn_cancel:hover)>.tooltip { display: none; }
.btn_cancel:hover { cursor: pointer; }
.btn_cancel:hover>.tooltip { display: flex; }
.itemShow { height: 200px; margin-bottom: 5px; }
.button_close {
	width: 18px;
	height: 18px;
	padding: 0;
	margin: 0;
	color: #C8DFF0;
	background: rgba(8,22,45,0.88);
	font-size: 9px;
	outline: none;
	border: 1px solid rgba(42,74,106,0.6);
	border-radius: 3px;
}
.button_close:hover { cursor: pointer; }

/*page.shipyard.default.tpl*/
.button_max{
	width: 32px;
	height: 18px;
	color: #fff;
	background: linear-gradient(to bottom, #E08030, #A04010);
	border: 1px solid #804010;
	outline: 0;
	box-shadow: inset 0 1px 0 rgba(255,255,255,0.2);
	border-radius: 4px;
	font-size: 11px;
	font-weight: bold;
}
.button_max:hover{
	cursor: pointer;
	background: linear-gradient(to bottom, #F09040, #C05020);
}
.shipyard_input{
	background: rgba(255,255,255,0.1);
	color: #C8DFF0;
	text-align: center;
}
.shipyard_form { display: flex; flex-direction: column; }
.shipyard_form > .button_submit{
	margin: 3px 0;
	padding: 3px 4px;
	color: #5BA3D8;
	font-size: 11px;
	font-weight: bold;
	background: rgba(6,14,28,0.88);
	border: 1px solid rgba(42,74,106,0.7);
	border-radius: 4px;
	cursor: pointer;
	outline: none;
	transition: 0.2s ease;
}
.shipyard_form > .button_submit:hover { background: rgba(20,50,90,0.9); }
.shipyard_form > .button_submit:active { transform: scale(0.98); }
.shipyard_form > .button_submit:focus { box-shadow: 0 0 0 2px rgba(91,163,216,0.35); }
#auftr{ width: 250px; padding: 3px 5px; overflow-x: hidden; }
#auftr option{ color: #5BA3D8; font-size: 11px; }

/*page.galaxy.default.tpl*/
.galaxy_wrapper{
	max-width: 654px;
	width: 654px;
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	align-items: flex-start;
	border: 1px solid rgba(42,74,106,0.5);
	background: rgba(4,10,20,0.80);
}
.galaxy_wrapper>.galaxy_header{
	display: flex;
	justify-content: space-around;
	align-items: center;
	height: 24px;
	background: rgba(15,35,65,0.90);
	width: 100%;
	border-bottom: 1px solid rgba(42,74,106,0.5);
}
.galaxy_wrapper>.galaxy_header.info_available_res{
	justify-content: flex-start;
	padding-left: 8px;
}
.galaxy_wrapper>.galaxy_header>#galaxy_form{
	display: flex;
	align-items: center;
	width: 100%;
}
.galaxy_wrapper>.galaxy_header>#galaxy_form>.galaxy_input{
	background: rgba(255,255,255,0.1);
	color: #C8DFF0;
	font-size: 12px;
	width: 36px;
	height: 16px;
	margin: 0 3px;
	padding: 0 2px;
	text-align: center;
	border: 1px solid rgba(42,74,106,0.6);
	border-radius: 3px;
	outline: none;
	transition: all 0.2s ease;
}
.galaxy_wrapper>.galaxy_header>#galaxy_form>.galaxy_input:hover { border-color: rgba(70,130,190,0.8); }
.galaxy_wrapper>.galaxy_header>#galaxy_form>.galaxy_input:focus {
	border-color: #5BA3D8;
	box-shadow: 0 0 0 2px rgba(91,163,216,0.2);
}
.galaxy_wrapper>.galaxy_header>#galaxy_form>.galaxy_button{
	width: 24px;
	height: 18px;
	background: rgba(6,14,28,0.88);
	color: #4AAF80;
	border: 1px solid rgba(42,74,106,0.6);
	border-radius: 4px;
	font-size: 11px;
	cursor: pointer;
	outline: none;
	margin: 0 3px;
	text-align: center;
	transition: all 0.15s ease;
}
.galaxy_wrapper>.galaxy_header>#galaxy_form>.galaxy_button:hover {
	background: rgba(20,50,90,0.9);
	color: #6ACFA0;
	border-color: rgba(70,130,190,0.8);
}
.galaxy_wrapper>.galaxy_header>#galaxy_form>.galaxy_button:active { transform: scale(0.95); }
.galaxy_wrapper>.galaxy_header>div { text-align: center; }
.galaxy_wrapper>.galaxy_header>.num { width: 21px; }
.galaxy_wrapper>.galaxy_header>.planet_name { width: 140px; text-align: center; }
.galaxy_wrapper>.galaxy_header>.planet_pic { width: 36px; }
.galaxy_wrapper>.galaxy_header>.moon_pic { width: 30px; }
.galaxy_wrapper>.galaxy_header>.debris_pic { width: 38px; }
.galaxy_wrapper>.galaxy_header>.state { width: 172px; }
.galaxy_wrapper>.galaxy_header>.alliance { width: 97px; }
.galaxy_wrapper>.galaxy_header>.actions { width: 97px; }

.galaxy_icon, .system_icon{
	display: flex;
	width: 17px;
	height: 18px;
	position: relative;
	background-repeat: no-repeat;
	background-position: 0 0;
	transition: 0.3s ease;
	cursor: pointer;
	margin: 0 2px;
}
.system_icon { background: url('images/system.png'); }
.galaxy_icon { background: url('images/galaxy.png'); }
#galaxy_form>.galaxy_icon:hover>.tooltip,
#galaxy_form>.system_icon:hover>.tooltip { display: flex; }

.galaxy_wrapper>.galaxy_row{
	display: flex;
	width: 100%;
	justify-content: space-between;
	height: 33px;
	border-bottom: 1px solid rgba(42,74,106,0.2);
}
.galaxy_wrapper>.galaxy_row>.num{
	width: 21px;
	border-radius: 3px;
	display: flex;
	justify-content: center;
	align-items: center;
	height: 29px;
}
.galaxy_wrapper>.galaxy_row>.planet_name{
	width: 140px;
	color: #C8DFF0;
	border-radius: 3px;
	display: flex;
	justify-content: center;
	align-items: center;
	height: 29px;
	transition: 0.2s ease;
	user-select: none;
	position: relative;
}
.galaxy_wrapper>.galaxy_row>.planet_name:hover>.tooltip { display: flex; }
.galaxy_wrapper>.galaxy_row>.planet_picture{
	width: 36px;
	height: 30px;
	position: relative;
}
.galaxy_wrapper>.galaxy_row .last_activity{
	position: absolute;
	top: 0;
	left: 0;
	width: 16px;
	height: 15px;
	background: rgba(6,14,28,0.9);
	border: 1px solid #D08040;
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 9px;
	border-radius: 2px;
	color: #D08040;
	font-weight: bold;
	padding: 1px;
}
.galaxy_wrapper>.galaxy_row .incoming_attack,
.galaxy_wrapper>.galaxy_row .incoming_neutral{
	position: absolute;
	left: calc(100% - 12px);
	bottom: 0;
	background-repeat: no-repeat;
	background-position: 0 0;
	width: 12px;
	height: 12px;
	display: none;
}
.galaxy_wrapper>.galaxy_row .incoming_attack { background: url('images/mission_attack.png'); }
.galaxy_wrapper>.galaxy_row .incoming_neutral { background: url('images/mission_transport.png'); }
.galaxy_wrapper>.galaxy_row .incoming_neutral.show,
.galaxy_wrapper>.galaxy_row .incoming_attack.show { display: flex; }
.galaxy_wrapper>.galaxy_row>.planet_picture:hover>.tooltip { display: flex; }
.galaxy_wrapper>.galaxy_row>.moon_picture{
	width: 30px;
	display: flex;
	justify-content: center;
	align-items: center;
	height: 30px;
	position: relative;
}
.galaxy_wrapper>.galaxy_row>.moon_picture:hover>.tooltip { display: flex; }
.galaxy_wrapper>.galaxy_row>.debris_picture{
	position: relative;
	width: 38px;
	display: flex;
	justify-content: center;
	align-items: center;
	height: 30px;
}
.galaxy_wrapper>.galaxy_row>.debris_picture:hover>.tooltip { display: flex; }
.galaxy_wrapper>.galaxy_row>.player_name{
	position: relative;
	width: 172px;
	display: flex;
	justify-content: center;
	align-items: center;
	height: 29px;
	color: #C8DFF0;
	border-radius: 3px;
}
.galaxy_wrapper>.galaxy_row>.player_name:hover>.tooltip { display: flex; }
.galaxy_wrapper>.galaxy_row>.alliance_name{
	position: relative;
	width: 97px;
	display: flex;
	justify-content: center;
	align-items: center;
	height: 29px;
	background: rgba(15,35,65,0.7);
	color: #C8DFF0;
	border-radius: 3px;
}
.galaxy_wrapper>.galaxy_row>.alliance_name:hover>.tooltip { display: flex; }
.galaxy_wrapper>.galaxy_row>.planet_picture:hover,
.galaxy_wrapper>.galaxy_row>.moon_picture:hover,
.galaxy_wrapper>.galaxy_row>.debris_picture:hover { cursor: pointer; }
.galaxy_wrapper>.galaxy_row>.planet_name:hover,
.galaxy_wrapper>.galaxy_row>.player_name:hover,
.galaxy_wrapper>.galaxy_row>.alliance_name:hover {
	cursor: pointer;
	text-decoration: underline;
}
.galaxy_wrapper>.galaxy_row>.actions{
	width: 97px;
	display: flex;
	justify-content: center;
	align-items: center;
	height: 29px;
}
.galaxy_wrapper>.galaxy_row>.actions>.action_link{
	position: relative;
	margin: 0 2px;
}
.galaxy_wrapper>.galaxy_row>.actions>.action_link:hover { cursor: pointer; }
.galaxy_wrapper>.galaxy_row>.actions>.action_link:hover>.tooltip { display: flex; }
.galaxy_wrapper>.galaxy_row>.player_name,
.galaxy_wrapper>.galaxy_row>.alliance_name,
.galaxy_wrapper>.galaxy_row>.num,
.galaxy_wrapper>.galaxy_row>.planet_name {
	background: rgba(8,18,35,0.70);
}

.galaxy_legend { position: relative; cursor: pointer; }
.galaxy_legend:hover>.tooltip { display: flex; }

.galaxy_wrapper .icon_colony{
	display: flex;
	width: 16px;
	height: 16px;
	background: url('images/colonization.png');
	background-position: 0 0;
	background-repeat: no-repeat;
	position: relative;
	cursor: pointer;
}
.icon_colony:hover { background-position: -17px 0; }
.icon_colony.disabled { background-position: -34px 0; }
.icon_colony:hover>.tooltip { display: flex; }

.icon_spy, .icon_buddy, .icon_message, .icon_missile{
	display: flex;
	width: 16px;
	height: 16px;
	background-position: 0 0;
	background-repeat: no-repeat;
}
.icon_spy { background: url('images/icon_spy.png'); }
.icon_spy:hover { background-position: -16px 0; }
.icon_buddy { background: url('images/icon_buddy.png'); }
.icon_buddy:hover { background-position: -16px 0; }
.icon_message { background: url('images/icon_message.png'); }
.icon_message:hover { background-position: -16px 0; }
.icon_missile { background: url('images/icon_missile.png'); }
.icon_missile:hover { background-position: -16px 0; }

#fleetstatusrow { display: table; }
#fleetstatusrow.hidden { display: none; }
#fleetstatusrow .success { color: #4AAF80; }
#fleetstatusrow .fail { color: #E06060; }
#fleetstatusrow tr, #fleetstatusrow td { text-align: center; }

/*page.statistics*/
.stats_table .ranking { position: relative; }
.stats_table .ranking:hover { cursor: pointer; }
.stats_table .ranking:hover>.tooltip { display: flex; }
.stats_table .leader { position: relative; }
.stats_table .leader:hover>.tooltip { display: flex; }
.stats_table .msg { position: relative; margin: 0 auto; }
.stats_table .msg:hover>.tooltip { display: flex; }

/*page.fleetTable.default.tpl*/
.fleet_resources, .ship_types { position: relative; cursor: pointer; }
.fleet_resources:hover>.tooltip,
.ship_types:hover>.tooltip { display: flex; }

.with-fancybox { overflow-y: scroll !important; }
.fancybox__slide { margin: 0 !important; }
.fancybox__content { padding: 0 !important; }
.popup { overflow-y: auto; }

/*popover galaxy*/
.popover-header {
	padding: 0 !important;
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
	background: rgba(15,35,65,0.95) !important;
	border-bottom: 1px solid rgba(42,74,106,0.5);
	color: #5BA3D8;
	font-weight: 600;
	letter-spacing: 0.5px;
}
.popover-header table {
	margin: 0;
	border-collapse: collapse;
	width: 100%;
	display: block;
}
.bs-popover-end .popover-arrow::before { border-right-color: rgba(42,74,106,0.5) !important; }
.bs-popover-end .popover-arrow::after { border-right-color: rgba(15,35,65,0.95) !important; }
.popover a {
	color: #5BA3D8;
	text-decoration: none;
	transition: color 0.2s ease;
}
.popover a:hover { color: #C8DFF0; }
.popover button {
	border: 1px solid rgba(42,74,106,0.6);
	color: #5BA3D8;
	font-size: 11px;
	cursor: pointer;
	transition: all 0.2s ease;
}
.popover button:hover {
	background: rgba(30,70,120,0.4);
	box-shadow: 0 0 6px rgba(91,163,216,0.3);
}

/*button upgrade*/
.button-upgrade {
	width: 90px;
	height: 32px;
	font-weight: 700;
	font-size: 12px;
	letter-spacing: 0.5px;
	color: #ffffff;
	background: linear-gradient(180deg, #6edc5f 0%, #2f7d1f 100%);
	border: 1px solid #1e4f14;
	border-radius: 6px;
	cursor: pointer;
	transition: all 0.25s ease;
	box-shadow: 0 3px 8px rgba(0,0,0,0.4);
	text-shadow: 0 1px 2px rgba(0,0,0,0.6);
}
.button-upgrade:hover {
	background: linear-gradient(180deg, #8df57b 0%, #256b18 100%);
	transform: translateY(-2px);
	box-shadow: 0 6px 14px rgba(0,0,0,0.6);
}
.button-upgrade:active { transform: scale(0.95); }
.button-upgrade:disabled {
	background: #2A3A2A;
	color: #556655;
	cursor: not-allowed;
	box-shadow: none;
}

/*downgrade button*/
.button-downgrade {
	width: 90px;
	height: 32px;
	font-weight: 700;
	font-size: 12px;
	letter-spacing: 0.5px;
	background: linear-gradient(180deg, #ff3b2f 0%, #b31212 100%);
	color: #ffffff;
	border: 1px solid #5a0f0f;
	border-radius: 6px;
	cursor: pointer;
	transition: all 0.25s ease;
	box-shadow: 0 3px 8px rgba(0,0,0,0.4);
	text-shadow: 0 1px 2px rgba(0,0,0,0.6);
}
.button-downgrade:hover {
	background: linear-gradient(180deg, #ff5a4f 0%, #8f0d0d 100%);
	transform: translateY(-2px);
}
.button-downgrade:active { transform: scale(0.95); }
.button-downgrade:disabled {
	background: #3A2A2A;
	color: #665555;
	cursor: not-allowed;
	box-shadow: none;
}

/* Renk sınıfları */
.color-white { color: #fff !important; }
.color-gray, .text-gray { color: #8BAFC8 !important; }
.color-green { color: #4AAF80 !important; }
.color-red, .text-red { color: #E06060 !important; }
.color-blue, .text-blue { color: #5BA3D8 !important; }
.text-yellow, .color-yellow { color: #D4A030 !important; }
.text-gow-gray { color: #7A9AB0 !important; }

.bg-black {
	background: rgba(4,10,20,0.92);
}
.bg-blue { background: rgba(15,35,65,0.85); }
.bg-light-black { background: rgba(20,35,55,0.75); }
.bg-hover-black:hover {
	background: rgba(0,0,0,0.4);
	transition: 0.3s ease;
}

.hover-pointer:hover { cursor: pointer; }
.hover-underline { text-decoration: none; }
.hover-underline:hover { text-decoration: underline; }
.hover-border-yellow { border: 1px transparent; }
.hover-border-yellow:hover { border: 1px solid rgba(200,160,40,0.7); }
.border-orange { border: 1px solid rgba(180,110,30,0.7); }

.fs-12 { font-size: 12px !important; }
.fs-11 { font-size: 11px !important; }
.fs-10 { font-size: 10px !important; }
.fs-9  { font-size: 9px !important; }
.fs-14 { font-size: 14px !important; }

/*buttons*/
.button_dark {
	color: #C8DFF0;
	background: rgba(6,14,28,0.85);
	border: 1px solid rgba(42,74,106,0.7);
	padding: 3px 8px;
	font-size: 11px;
	border-radius: 3px;
	cursor: pointer;
	transition: all .2s ease;
	box-sizing: border-box;
}
.button_dark:hover {
	background: rgba(20,50,90,0.9);
	border-color: #5BA3D8;
	color: #fff;
}
.button-blue {
	background: rgba(25,70,120,0.8);
	color: #C8DFF0;
	outline: none;
	border: 1px solid rgba(42,74,106,0.7);
	font-size: 11px;
	padding: 3px 8px;
	border-radius: 3px;
}
.button-blue:hover { background: rgba(35,90,150,0.9); }

/* Mesaj renkleri */
.message_0  { color: #D4D040; }
.message_1  { color: #E07090; }
.message_2  { color: #E04030; }
.message_3  { color: #D08030; }
.message_4  { color: #9060C0; }
.message_5  { color: #4AAF80; }
.message_15 { color: #5B8FD8; }
.message_50 { color: #808030; }
.message_99 { color: #308080; }
.message_100{ color: #909090; }
.message_999{ color: #B0B0B0; }

#tooltipNotify {
	display: none;
	padding: 10px;
	border: 1px solid rgba(180,50,50,0.7);
	position: fixed;
	margin: auto;
	background: rgba(60,30,30,0.92);
	color: #f1f1f1;
	top: 20px;
	border-radius: 4px;
}

/*table_game*/
.table_game {
	border-collapse: collapse;
	background: rgba(6, 14, 28, 0.85);
	border: 1px solid rgba(42, 74, 106, 0.7);
	box-shadow: 0 4px 16px rgba(0,0,0,0.6);
	color: #C8DFF0;
	backdrop-filter: blur(4px);
}
.table_game th {
	background: rgba(15, 38, 72, 0.90);
	color: #8BAFC8;
	letter-spacing: 0.04em;
	border: 1px solid rgba(42,74,106,0.5);
	padding: 8px 10px;
	text-align: center;
	font-size: 11px;
	font-weight: 600;
}
.table_game td {
	padding: 7px 10px;
	border: 1px solid rgba(42,74,106,0.25);
	color: #C8DFF0;
	font-size: 12px;
}
.table_game tbody tr { transition: background 0.15s ease; }
.table_game tbody tr:hover td { background: rgba(20,50,90,0.5); }
.table_game a {
	color: #5BA3D8;
	text-decoration: none;
	transition: color 0.2s ease;
}
.table_game a:hover { color: #E0EEFA; }
.table_game button,
.table_game select,
.table_game input {
	background: rgba(6,14,28,0.88);
	border: 1px solid rgba(42,74,106,0.6);
	color: #C8DFF0;
	border-radius: 3px;
}
.table_game input:focus,
.table_game select:focus {
	outline: none;
	border-color: #5BA3D8;
	box-shadow: 0 0 4px rgba(91,163,216,0.4);
}

/* text alignment */
.text_left   { text-align: left; }
.text_right  { text-align: right; }
.text_center { text-align: center; }

.centered-image {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 120px;
	height: 70px;
	margin: 0 auto;
	background: rgba(6,14,28,0.85);
	border: 1px solid rgba(42,74,106,0.6);
	box-shadow: 0 4px 12px rgba(0,0,0,0.6);
	border-radius: 6px;
	transition: all 0.2s ease;
}
.centered-image:hover { box-shadow: 0 6px 16px rgba(0,0,0,0.7); }
.centered-image img { max-width: 85px; height: auto; display: block; }

.font-size-12 { font-size: 12px; }
.font-size-11 { font-size: 11px; }
.font-size-10 { font-size: 10px; }

.admin { color: #E06060; }
.mod   { color: #D4A030; }
.ops   { color: #5BA3D8; }
.messages_body .admin { font-weight: 700; color: #E06060; }
.messages_body .mod   { font-weight: 700; color: #D4A030; }
.messages_body .ops   { font-weight: 700; color: #5BA3D8; }

.res_max  { color: #4AAF80; }
.res_name { color: #E06060; font-weight: 700; }

.galaxy-alliance-member  { color: #80E880 !important; }
.galaxy-alliance-friend  { color: #80E8E8 !important; }
.galaxy-alliance-enemy   { color: #E05050 !important; }
.galaxy-short-noob, .galaxy-username-noob         { color: #80E080 !important; }
.galaxy-short-strong, .galaxy-username-strong     { color: #E08080 !important; }
.galaxy-short-vacation, .galaxy-username-vacation { color: #5BA3D8 !important; }
.galaxy-short-inactive, .galaxy-username-inactive { color: #8BAFC8 !important; }
.galaxy-short-longinactive, .galaxy-username-longinactive { color: #5A7A90 !important; }
.galaxy-short-banned { text-decoration: line-through; }

.fleetRow .fleet_info { text-decoration: underline; cursor: pointer; position: relative; }
.fleetRow .fleet_info:hover>.tooltip { display: flex; }

.ownattack     { color: #6AD060; }
.owncolony     { color: #A0C0D0; }
.owndeploy     { color: #607080; }
.owndestroy    { color: #D0D060; }
.ownfederation { color: #C07060; }
.ownharvest    { color: #A0E060; }
.ownhold       { color: #6090B0; }
.destroy       { color: #C09020; }
.hold          { color: #3090C0; }
.warning       { color: #E07030; }
.notice        { color: #D0D000; }
.return        { color: #405060; }
.allymember, .colony, .deploy, .harvest, .transport, .success { color: #4AAF80; }
.owntransport  { color: #90E090; }
.ownespionage, .ownmissile { color: #D09040; }
.espionage, .missile       { color: #D06020; }

.build_submit {
	background: none repeat scroll 0 0 transparent;
	border: 0 none;
	color: #4AAF80;
}
.onlist { color: #8BAFC8; }

#header {
	background: rgba(6,14,28,0.95);
	border: 1px solid rgba(42,74,106,0.5);
}
#resourcesdiv { text-align: center; }

.menu-head a { height: 78px; background: none !important; padding: 0 !important; text-indent: -1000em; }
.menu-head { background: url('./img/menu-top.png') no-repeat scroll 0 -22px transparent; }
.menucat1-head { background-image: url('./img/menu_wirt.png'); }
.menucat2-head { background-image: url('./img/menu_com.png'); }
.menucat3-head { background-image: url('./img/menu_acc.png'); }
.menu-footer   { background-image: url('./img/menu-foot.png'); }

#planet_menu_link    { font-weight: 700; }
#planet_menu_header  { text-align: right; }
#planet_menu_content li { text-align: center; }

.top { vertical-align: top; }
.res_current_max, .attack, .federation, .error { color: #E06060; }
.res_current_warn { color: #D08040; }
#fleetstatustable td { background: transparent; background-image: none; border: 0 none; }

.raportWin  { color: #4AAF80; }
.raportLose { color: #E06060; }

#progressbar {
	width: 90%;
	display: flex;
	align-items: center;
	border-radius: 10px;
	height: 12px;
}
.ui-progressbar-value {
	background: repeating-linear-gradient(45deg, #3A6AAA, #3A6AAA 10px, #2A4A8A 10px, #2A4A8A 20px);
	background-position: top left;
	border-color: rgba(42,74,106,0.5);
	border-radius: 5px;
	height: 100%;
}

.spyRaportContainerHead {
	background: rgba(20,40,70,0.85);
	color: #C8DFF0;
	font-weight: 700;
	text-align: left;
	margin: 3px 0;
	padding: 3px 6px;
}
.spyRaportContainerRow { border-top: 1px solid rgba(42,74,106,0.4); }
.spyRaportContainerHead+.spyRaportContainerRow { border-top: 0 none; }

.ui-autocomplete,
.ui-state-hover,
.ui-state-default,
.ui-tabs-nav,
.ui-tabs,
.ui-progressbar,
.ui-progressbar-value {
	-webkit-border-radius: 0;
	-khtml-border-radius: 0;
	border-radius: 0;
}
.ui-state-default {
	border: 1px solid rgba(42,74,106,0.5) !important;
	background: rgba(6,14,28,0.9) !important;
}
.ui-state-default>a { cursor: pointer !important; }
.ui-state-hover,
.ui-progressbar {
	border: 1px solid rgba(42,74,106,0.6) !important;
	background: rgba(20,45,80,0.9) !important;
}
.ui-tabs-nav { padding: 0; }
.ui-tabs {
	border: 1px solid rgba(42,74,106,0.5);
	background: transparent;
}

.techWrapper {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	background: rgba(6,14,28,0.90);
}
.techWrapper .techi {
	width: 100%;
	height: auto;
	padding: 10px 0;
	display: none;
	flex-direction: column;
	align-items: center;
	justify-content: center;
}

.topnavWrapper {
	display: flex;
	align-items: center;
	justify-content: center;
	min-width: 1200px;
}

@media only screen and (min-width: 576px) {}
@media only screen and (min-width: 768px) {}
@media only screen and (min-width: 992px) {}
@media only screen and (min-width: 1200px) {}
@media only screen and (min-width: 1400px) {}


/* ════════════════════════════════════════════════════════════
   YENİ: Mesaj + Filo + Saldırı üçlü aksiyon grubu
   ════════════════════════════════════════════════════════════ */

.topnav_action_group {
	position: absolute;
	top: 107px;
	left: 170px;
	width: 653px;
	height: 40px;
	display: flex;
	align-items: stretch;
}

/* Ortak kutu stili */
.action_box {
	display: flex;
	align-items: center;
	justify-content: center;
	background: rgba(5, 12, 25, 0.82);
	border: 1px solid rgba(42, 74, 106, 0.65);
	border-right: none;
	transition: background 0.2s, border-color 0.2s;
	position: relative;
}

.action_box:last-child {
	border-right: 1px solid rgba(42, 74, 106, 0.65);
}

/* Sol: Mesaj kutusu */
.action_messages {
	width: 44px;
	min-width: 44px;
	border-radius: 4px 0 0 4px;
	text-decoration: none;
	flex-shrink: 0;
}

.action_messages:hover {
	background: rgba(16, 42, 78, 0.90);
	border-color: rgba(65, 130, 195, 0.85);
}

.action_icon {
	font-size: 36px;
	color: #5BA3D8;
	line-height: 1;
}

.action_badge {
	position: absolute;
	top: -6px;
	right: -6px;
	background: #C04040;
	color: #fff;
	border-radius: 50%;
	min-width: 16px;
	height: 16px;
	padding: 0 3px;
	font-size: 9px;
	font-weight: bold;
	display: flex;
	align-items: center;
	justify-content: center;
	border: 1px solid rgba(255,100,100,0.5);
	box-shadow: 0 0 6px rgba(200,50,50,0.5);
	z-index: 2;
}

/* Orta: Filo kutusu */
.action_fleet {
	flex: 1;
	padding: 0 8px;
	overflow: hidden;
}

/* Filo içindeki wrapper'ı sıfırla — artık position:absolute değil */
.action_fleet .fleet_wrapper {
	position: static !important;
	width: 100% !important;
	height: 100% !important;
	background: transparent !important;
	border: none !important;
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
}

.action_fleet .fleet_wrapper .fleet_text {
	position: static !important;
	transform: none !important;
	font-size: 12px !important;
	color: #4A6A80 !important;
	font-weight: 600 !important;
	white-space: nowrap !important;
}

.action_fleet .fleet_wrapper .fleet_btn {
	position: static !important;
	margin-left: 6px !important;
}

/* Sağ: Saldırı kutusu */
.action_attack {
	width: 44px;
	min-width: 44px;
	border-right: 1px solid rgba(42, 74, 106, 0.65) !important;
	border-radius: 0 4px 4px 0;
	flex-shrink: 0;
}

.action_attack:has(#attack_alert[src]:not([src=""])) {
	background: rgba(30, 8, 8, 0.85) !important;
	border-color: rgba(180, 50, 50, 0.8) !important;
	box-shadow: 0 0 10px rgba(200, 50, 50, 0.4) !important;
	animation: attack-pulse 1s ease-in-out infinite alternate !important;
}

@keyframes attack-pulse {
	from { box-shadow: 0 0 6px rgba(200,50,50,0.4); }
	to   { box-shadow: 0 0 18px rgba(200,50,50,0.8); }
}

#attack_alert {
	max-width: 28px !important;
	max-height: 28px !important;
	object-fit: contain !important;
}

/* Eski mesaj ve fleet_wrapper stillerini geç — artık kullanılmıyor */
#content_top>.messages { display: none !important; }


/* ════════════════════════════════════════════════════════════
   PATCH — Menü renkleri + Gezegen seçili görünüm
   ════════════════════════════════════════════════════════════ */

/* Administration — kırmızı */
#menu li:last-child .long,
#menu .long[href*="admin"],
#menu a.long[href*="admin.php"] {
	color: #E05050 !important;
	border-left-color: #A03030 !important;
}
#menu li:last-child:hover .long,
#menu a.long[href*="admin.php"]:hover {
	color: #FF7070 !important;
	border-left-color: #E05050 !important;
	background: rgba(40, 8, 8, 0.85) !important;
}

/* Bonus — sarı/turuncu */
#menu .bonus-menu-item .long,
#menu .bonus-ready .long,
#menu li:first-child .long {
	color: #D4A030 !important;
	border-left-color: #A07820 !important;
}
#menu .bonus-menu-item:hover .long,
#menu .bonus-ready:hover .long,
#menu li:first-child:hover .long {
	color: #F0C040 !important;
	border-left-color: #D4A030 !important;
	background: rgba(40, 28, 4, 0.88) !important;
}

/* Sağ panel — seçili gezegen belirgin */
#content_right > .planet {
	opacity: 0.75;
	transition: all 0.2s ease !important;
}

/* Aktif/seçili gezegen — border-danger class'ı aktif gezegeni işaretliyor */
#content_right > .planet.border-danger {
	opacity: 1 !important;
	border: 1px solid rgba(91, 163, 216, 0.9) !important;
	background: rgba(15, 38, 72, 0.88) !important;
	box-shadow: 0 0 10px rgba(91, 163, 216, 0.3) !important;
}

#content_right > .planet:hover {
	opacity: 1 !important;
	border-color: rgba(70, 130, 190, 0.8) !important;
	background: rgba(12, 28, 55, 0.85) !important;
}

/* Seçili gezegen adı daha parlak */
#content_right > .planet.border-danger .right span:first-child {
	color: #5BA3D8 !important;
	font-weight: 600 !important;
}