/*
 * MissionOS Feedback widget — component styles.
 * Loaded globally (the widget appears on every front-end template).
 * Kept minimal: the buttons themselves are unchanged Tailwind
 * utility classes already in the theme — only the new follow-up
 * "what was missing?" panel needs anything custom here.
 */

.mos-feedback__radio {
	width: 16px;
	height: 16px;
	accent-color: #4f46e5;
	cursor: pointer;
}
.dark .mos-feedback__radio {
	accent-color: #818cf8;
}

.mos-feedback__reason-option:hover {
	color: #0b1124;
}
.dark .mos-feedback__reason-option:hover {
	color: #f1f5f9;
}

/* Selected-vote highlight, applied by js/feedback.js — same colors the
   theme already used for this before (kept identical on purpose). */
.feedback-btn.is-selected-yes {
	background-color: rgb(220 252 231 / 1);
	color: rgb(21 128 61 / 1);
	border-color: rgb(134 239 172 / 1);
}
.dark .feedback-btn.is-selected-yes {
	background-color: rgb(20 83 45 / 1);
	color: rgb(134 239 172 / 1);
	border-color: rgb(22 101 52 / 1);
}
.feedback-btn.is-selected-no {
	background-color: rgb(254 226 226 / 1);
	color: rgb(185 28 28 / 1);
	border-color: rgb(252 165 165 / 1);
}
.dark .feedback-btn.is-selected-no {
	background-color: rgb(127 29 29 / 1);
	color: rgb(252 165 165 / 1);
	border-color: rgb(153 27 27 / 1);
}

.feedback-btn:disabled,
.feedback-btn.is-disabled {
	opacity: 0.7;
	cursor: default;
	pointer-events: none;
}