.sg-page-feedback {
	padding: 48px 0;
}

.sg-page-feedback-container {
	max-width: 768px;
}

.sg-page-feedback-container h2 {
	margin-bottom: 0;
}

.sg-page-feedback-container .ds_body {
	margin-bottom: 1rem;

	@media (min-width: 768px) {
		margin-bottom: 2rem;
	}
}

/* .sg-page-feedback-container .ds_form-group p {
	margin-bottom: 0;

	@media (min-width: 768px) {
		margin-bottom: 0;
	}
} */

.sg-page-feedback-container .ds_radio:last-child {
	margin-bottom: 0;

	@media (min-width: 768px) {
		margin-bottom: 0;
	}
}

.sg-page-feedback-container .ds_button {
	margin-bottom: 0;
	margin-top: 1rem;

	@media (min-width: 768px) {
		margin-bottom: 0;
		margin-top: 2rem;
	}
}

/* Button layout for phase 2 */
.sg-page-feedback-buttons {
	display: flex;
	gap: 1rem;
	margin-top: 1rem;

	@media (min-width: 768px) {
		margin-top: 2rem;
	}
}

.sg-page-feedback-buttons .ds_button {
	margin: 0;
}

/* Loading state */
.sg-page-feedback-container.loading {
	opacity: 0.6;
	pointer-events: none;
}

/* Success and error notices use SGDS classes now */
.sg-page-feedback-success,
.sg-page-feedback-error {
	margin-top: 20px;
}

/* Dashboard widget styles */
.sg-page-feedback-dashboard .feedback-stats {
	margin-bottom: 20px;
	padding: 15px;
	background: #f8f9fa;
	border-radius: 4px;
}

.sg-page-feedback-dashboard .feedback-stats h4 {
	margin: 0 0 10px 0;
	color: #333;
}

.sg-page-feedback-dashboard .feedback-stats p {
	margin: 5px 0;
	font-size: 14px;
}

.sg-page-feedback-dashboard .recent-feedback h4 {
	margin: 15px 0 10px 0;
	color: #333;
}

.sg-page-feedback-dashboard .recent-feedback ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

.sg-page-feedback-dashboard .recent-feedback li {
	padding: 8px 0;
	border-bottom: 1px solid #eee;
	font-size: 13px;
}

.sg-page-feedback-dashboard .recent-feedback li:last-child {
	border-bottom: none;
}

.sg-page-feedback-dashboard .recent-feedback small {
	color: #666;
	font-size: 12px;
}