/* SWG Reckoning Server Stats - Ravaio / Reckoning palette (root font-size 10px) */

.swg-stats-chunk,
.swg-stats {
	width: 100%;
	max-width: 100%;
	box-sizing: border-box;
}

.swg-stats {
	margin: 0 0 1.5rem;
	color: #e0e0e0;
	font-size: 1.4rem;
	line-height: 1.5;
}

.swg-stats-notice {
	margin: 1rem 0;
	padding: 1.2rem 1.5rem;
	border: 1px solid #2e3a40;
	border-left: 3px solid #b03b05;
	background: rgba(0, 0, 0, 0.25);
}

.swg-stats-summary {
	display: flex;
	flex-wrap: wrap;
	gap: 1rem;
	margin: 0 0 1.5rem;
}

.swg-stats-card {
	flex: 1 1 16rem;
	padding: 1rem 1.2rem;
	border: 1px solid #2e3a40;
	background: rgba(0, 0, 0, 0.25);
}

.swg-stats-card-wide {
	flex: 2 1 32rem;
}

.swg-stats-card-label {
	display: block;
	color: #aaaaaa;
	font-size: 1.2rem;
}

.swg-stats-card-value {
	display: block;
	color: #fafafa;
	font-size: 2.2rem;
	font-weight: 300;
}

.swg-stats-card-value.swg-stats-small {
	font-size: 1.4rem;
}

.swg-stats-h {
	margin: 2rem 0 0.8rem;
	padding: 0 0 0.4rem;
	border-bottom: 1px solid #2e3a40;
	color: #fafafa;
	font-size: 1.8rem;
	font-weight: 400;
}

/* Responsive section layout: boxes wrap to the next row when there is not room for their columns. */
.swg-stats-grid {
	display: flex;
	flex-wrap: wrap;
	align-items: flex-start;
	gap: 1.5rem 2.5rem;
	width: 100%;
}

.swg-stats-box {
	flex: 1 1 28rem;
	min-width: 0;
	max-width: 100%;
}

/* Boards with more columns (PvP kills, faction PvP) ask for more room before sharing a row. */
.swg-stats-box-wide {
	flex: 2 1 48rem;
}

.swg-stats-box-xwide {
	flex: 3 1 56rem;
}

/* A table that is still too wide scrolls inside its own box instead of spilling into its neighbour. */
.swg-stats-scroll {
	width: 100%;
	max-width: 100%;
	overflow-x: auto;
	-webkit-overflow-scrolling: touch;
}

.swg-stats-board-title {
	margin: 0.6rem 0 0.4rem;
	color: #cccccc;
	font-size: 1.5rem;
	font-weight: 600;
}

.swg-stats-table {
	width: 100%;
	border-collapse: collapse;
	font-size: 1.3rem;
}

.swg-stats-table th,
.swg-stats-table td {
	padding: 0.4rem 0.6rem;
	border-bottom: 1px solid #2e3a40;
	text-align: left;
}

.swg-stats-table th {
	color: #aaaaaa;
	font-weight: 600;
	white-space: nowrap;
}

.swg-stats-table th[title] {
	cursor: help;
	text-decoration: underline dotted;
	text-underline-offset: 0.3rem;
}

.swg-stats-name {
	white-space: nowrap;
}

.swg-stats-table tbody tr:hover {
	background: rgba(255, 255, 255, 0.04);
}

.swg-stats-table .num {
	text-align: right;
	white-space: nowrap;
}

.swg-stats-table .rank {
	width: 2.5rem;
	color: #aaaaaa;
}

.swg-stats-main {
	color: #fafafa;
	font-weight: 600;
}

.swg-stats-faction-imperial {
	color: #e06b6b;
}

.swg-stats-faction-rebel {
	color: #6ba3e0;
}

.swg-stats-empty,
.swg-stats-note {
	margin: 0.4rem 0;
	color: #999999;
	font-size: 1.2rem;
}

/* stats v2 */
.swg-stats-narrow {
	max-width: 60rem;
}

@media (max-width: 700px) {
	.swg-stats-grid {
		gap: 1rem;
	}

	.swg-stats-box,
	.swg-stats-box-wide,
	.swg-stats-box-xwide {
		flex-basis: 100%;
	}

	.swg-stats-table th,
	.swg-stats-table td {
		padding: 0.4rem 0.4rem;
	}
}