.panel.thread {
	padding: 0;
	
	.thread-header,
	.thread-footer {
		display: flex;
		flex-direction: column;
		gap: 1rem;
		padding: 1rem; 
	}
	
	.thread-header {
		padding-bottom: 0; 
	}
	
	.thread-footer {
		padding-top: 0;
	}
	
	.posts-container {
		display: flex; 
		flex-direction: column;
		gap: 1rem;
		padding: 0 1rem;
	}
	
	@media (width < 992px) {
		.posts-container {
			padding: 0;
		}
	}
}

.thread-title {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 0.125rem;
	text-align: center;
	font-size: 1.25rem;
	letter-spacing: 0.15em;
	text-transform: lowercase;

	.description {
		font-size: 0.75rem;
		font-style: italic;
		letter-spacing: 0;
		text-transform: none;
	}
}

.accordion.quick-reply {
	.accordion-item.active .accordion-content { 
		max-height: 30rem;
	}
}

.showthread_spinner {
	text-align: center;
	font-size: 1.5rem;
	color: var(--color-accent);
}

.showthread-poll {
	display: flex;
	flex-direction: column;
	background-color: var(--color-primary);
	border-radius: 0.25rem;
	overflow: hidden;
	
	.poll-head, .poll-footer {
		display: flex;
		align-items: center;
		justify-content: space-between;
		background-color: var(--color-accent);
		color: var(--color-text-on-accent);
		font-weight: 500;
		padding: 0.25rem 0.5rem;
		
		a {
			color: var(--color-text-on-accent);
			
			&:hover {
				color: var(--color-primary);
			}
		}
	}
	
	.poll-head {
		padding: 0.5rem;
	}
	
	.poll-content {
		display: grid;
		grid-template-columns: min-content auto min-content min-content;
		grid-template-areas: "option result votes percent";
		align-items: center;
		row-gap: 0.75rem;
		column-gap: 1.5rem;
		padding: 0.5rem;
		
		.row {
			display: grid;
			grid-template-columns: subgrid;
			grid-column: option / percent;
			align-items: center;
			
			&.poll_votedfor {
				.result .pollbar {
					background-color: var(--color-accent);
				}
			}
		}
		
		.option {
			grid-column: option;
		}
		
		.result {
			grid-column: result;
			
			.pollbar {
				background-color: var(--color-accent-60);
				border: 1px solid var(--color-accent);
				height: 0.75rem;
				box-sizing: border-box;
			}
		}
		
		.votes {
			grid-column: votes;
		}
		
		.percent {
			grid-column: percent;
		}
	}
}