/**
	* Track Users $extends the phpBB Forum Software package.
	* @copyright (c) 2025, Steve, https://steven-clark.tech/
	* @license GNU General Public License, version 2 (GPL-2.0)
*/

.tracked-users-memberlist-contact-panel > .panel { border-radius: 5px 5px 0 0; }
.tracked-users-panel {
	height: 165px !important;
	overflow: auto;
	padding-left: 2px;
	padding-right: 2px;
}
.tracked-users-topics-panel {
	height: 368px;
	overflow: auto;
	padding-left: 2px;
	padding-right: 2px;
}
.tracked-users-container {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-template-rows: repeat(4, 1fr);
    gap: 3px;
}
.tracked-users-h3 {
	margin-bottom:0px !important;
}
.tracked-users-visitors { grid-row: span 2 / span 2; }
.tracked-users-visited { grid-row: span 2 / span 2; }
.tracked-users-downloads {
    grid-column: span 2 / span 2;
    grid-row: span 2 / span 2;
    grid-column-start: 1;
    grid-row-start: 3;
}
.tracked-users-topics {
    grid-column: span 2 / span 2;
    grid-row: span 4 / span 4;
    grid-column-start: 3;
    grid-row-start: 1;
}
li.tracked-users-line {
	padding: 2px 5px;
	border-bottom: solid 1px #CCCCCC;	
}

@media (max-width: 700px) {
	.tracked-users-container {
		grid-template-columns: repeat(2, 1fr);
		grid-template-rows: repeat(8, 1fr);
	}
	.tracked-users-visitors {
		grid-column: span 2 / span 2;
		grid-row: span 2 / span 2;
		grid-column-start: 1;
		grid-row-start: 5;
	}
	.tracked-users-visited {
		grid-column: span 2 / span 2;
		grid-row: span 2 / span 2;
		grid-column-start: 1;
		grid-row-start: 7;
	}
	.tracked-users-downloads {
		grid-column: span 2 / span 2;
		grid-row: span 2 / span 2;
		grid-column-start: 1;
		grid-row-start: 3;
	}
	.tracked-users-topics {
		grid-column: span 2 / span 2;
		grid-row: span 2 / span 2;
		grid-column-start: 1;
		grid-row-start: 1;
	}
}