.rd-crm-feedback {
	color: var(--rd-font-dark);
	font-size: var(--rd-fontsize-3);
	padding: var(--rd-spacing-md);
}

.rd-crm-feedback-header {
	display: flex;
	align-items: center;
	gap: var(--rd-spacing-sm);
	margin-bottom: var(--rd-spacing-x-big);
}

.rd-crm-feedback-header h2,
.rd-crm-feedback-form h3,
.rd-crm-feedback-list h3 {
	margin: 0;
}

.rd-crm-feedback-header h2 {
	font-size: var(--rd-fontsize-5);
}

.rd-crm-feedback-form h3,
.rd-crm-feedback-list h3 {
	font-size: var(--rd-fontsize-4);
}

.rd-crm-feedback-header span,
.rd-crm-feedback-item header span,
.rd-crm-feedback-meta,
.rd-crm-feedback-resolution span {
	color: var(--rd-gray-500);
}

.rd-crm-feedback-header-icon {
	/* background-color: var(--rd-primary-active); */
	height: var(--rd-sizing-xl);
	width: var(--rd-sizing-xl);
}

.rd-crm-feedback-form {
	background: var(--rd-list-default-dark);
	border-radius: var(--rd-borderradius-border-big);
	padding: var(--rd-spacing-sm);
}

.rd-crm-feedback-form-grid {
	display: grid;
	grid-template-columns: minmax(0, 1fr);
	gap: var(--rd-spacing-md);
	margin-top: var(--rd-spacing-md);
}

.rd-crm-feedback-form-grid > * {
	min-width: 0;
}

.rd-crm-feedback-field {
	display: grid;
	gap: var(--rd-spacing-x-sm);
	margin-top: var(--rd-spacing-md);
}

.rd-crm-feedback-field > span {
	font-weight: var(--rd-fontweights-open-sans-1);
}

.rd-crm-feedback-field textarea {
	resize: vertical;
}

.rd-crm-feedback-form-actions {
	display: flex;
	justify-content: flex-end;
	margin-top: var(--rd-spacing-md);
}

.rd-crm-feedback-list {
	margin-top: var(--rd-spacing-x-big);
}

.rd-crm-feedback-list-heading,
.rd-crm-feedback-meta {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: var(--rd-spacing-sm);
}

.rd-crm-feedback-list-heading {
	margin-bottom: var(--rd-spacing-sm);
}

.rd-crm-feedback-list-heading > span {
	background: var(--rd-secondary-inactive);
	border-radius: var(--rd-borderradius-border-big);
	padding: var(--rd-spacing-xx-sm) var(--rd-spacing-x-sm);
}

.rd-crm-feedback-item {
	border-bottom: var(--rd-borderwidth-border-default) solid var(--rd-gray-200);
}

.rd-crm-feedback-summary {
	align-items: center;
	cursor: pointer;
	display: grid;
	gap: var(--rd-spacing-sm);
	grid-template-columns: minmax(0, 1fr) auto auto;
	list-style: none;
	padding: var(--rd-spacing-sm) 0;
}

.rd-crm-feedback-summary::-webkit-details-marker {
	display: none;
}

.rd-crm-feedback-summary > div {
	display: grid;
	gap: var(--rd-spacing-xx-sm);
}

.rd-crm-feedback-chevron {
	display: inline-flex;
	transform: rotate(0deg);
	transition: transform 150ms ease;
}

.rd-crm-feedback-item[open] .rd-crm-feedback-chevron {
	transform: rotate(180deg);
}

.rd-crm-feedback-item-content {
	padding-bottom: var(--rd-spacing-md);
}

.rd-crm-feedback-item-content > p,
.rd-crm-feedback-resolution p {
	margin: 0 0 var(--rd-spacing-sm);
	overflow-wrap: anywhere;
	white-space: pre-wrap;
}

.rd-crm-feedback-status {
	background: var(--rd-warning-inactive);
	border-radius: var(--rd-borderradius-border-big);
	padding: var(--rd-spacing-xx-sm) var(--rd-spacing-x-sm);
	white-space: nowrap;
}

.rd-crm-feedback-status[data-status="in_progress"] {
	background: var(--rd-secondary-inactive);
}

.rd-crm-feedback-status[data-status="resolved"] {
	background: var(--rd-success-inactive);
}

.rd-crm-feedback-resolution,
.rd-crm-feedback-review {
	background: var(--rd-list-default-dark);
	border-radius: var(--rd-borderradius-border-md);
	margin-top: var(--rd-spacing-md);
	padding: var(--rd-spacing-sm);
}

.rd-crm-feedback-review > button {
	margin-top: var(--rd-spacing-md);
}

@media (max-width: 699px) {
	.rd-crm-feedback-meta {
		align-items: flex-start;
		flex-direction: column;
	}

	.rd-crm-feedback-summary {
		grid-template-columns: minmax(0, 1fr) auto;
	}

	.rd-crm-feedback-summary .rd-crm-feedback-status {
		grid-column: 1;
		grid-row: 2;
		justify-self: start;
	}

	.rd-crm-feedback-chevron {
		grid-column: 2;
		grid-row: 1 / span 2;
	}
}