/* Embed Nizva Rate survey UI inside nizva-system shell */
#ns-panel-rating {
	background: #f5f6fa;
	margin: -24px -22px -36px;
	padding: 0;
	min-height: calc(100dvh - 56px);
	max-width: 100%;
	overflow-x: hidden;
	color: var(--nr-text, #1e293b);
	font-family: 'Vazirmatn', Tahoma, sans-serif;
	box-sizing: border-box;
}

#ns-panel-rating *,
#ns-panel-rating *::before,
#ns-panel-rating *::after {
	box-sizing: border-box;
}

#ns-panel-rating .nr-survey-layout {
	max-width: 100%;
	width: 100%;
	overflow-x: hidden;
}

#ns-panel-rating .nr-survey-list,
#ns-panel-rating .nr-survey-card,
#ns-panel-rating .nr-survey-card__body,
#ns-panel-rating .nr-survey-card__rating-row,
#ns-panel-rating .nr-survey-card__feedback,
#ns-panel-rating .nr-survey-toolbar,
#ns-panel-rating .nr-survey-tabs {
	max-width: 100%;
	min-width: 0;
}

#ns-panel-rating .nr-survey-card__comment {
	max-width: 100%;
}

#ns-panel-rating .nr-survey-card__image-btn {
	display: block;
	padding: 0;
	margin: 0;
	border: 0;
	background: transparent;
	cursor: zoom-in;
	flex-shrink: 0;
	border-radius: 12px;
	line-height: 0;
}

#ns-panel-rating .nr-survey-card__image-btn:focus-visible {
	outline: 2px solid #2F7DB8;
	outline-offset: 2px;
}

#ns-panel-rating .nr-voice-recorder__playback {
	max-width: 100%;
	width: min(140px, 100%);
}

#ns-panel-rating .nr-toast {
	max-width: calc(100vw - 2rem);
}

#ns-survey-unavailable {
	max-width: 520px;
	margin: 3rem auto;
	padding: 1.5rem;
	text-align: center;
	background: #fff;
	border: 1.5px solid var(--nr-border, #e2e8f0);
	border-radius: 16px;
	color: var(--nr-text-muted, #64748b);
}

@media (max-width: 768px) {
	#ns-panel-rating {
		margin: -16px -14px -24px;
	}

	#ns-panel-rating .nr-survey-layout {
		padding-left: 0.75rem;
		padding-right: 0.75rem;
	}
}