/* Reports, editing and front-end moderation controls. */
:where(.mnc-comments) .mnc-report-form { display: grid; gap: .85rem; padding-block-end: 1rem; }
:where(.mnc-comments) .mnc-report-form textarea, :where(.mnc-comments) .mnc-report-form input:not([type="radio"]) { display: block; width: 100%; margin-block-start: .3rem; padding: .6rem .7rem; border: 1px solid var(--mnc-border); border-radius: 8px; outline: 0; color: var(--mnc-text); background: var(--mnc-bg); box-shadow: none; font-size: var(--mnc-modal-desc-size, 15px); }
:where(.mnc-comments) .mnc-report-form textarea:focus, :where(.mnc-comments) .mnc-report-form input:focus { border-color: var(--mnc-accent); }
:where(.mnc-comments) .mnc-report-form textarea { resize: vertical; }
:where(.mnc-comments) .mnc-report-form__guest { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .75rem; }
:where(.mnc-comments) .mnc-report-form__guest[hidden] { display: none; }
:where(.mnc-comments) .mnc-report-modal__reason-label { margin-bottom: 10px; }
:where(.mnc-comments) .mnc-report-options { display: flex; flex-direction: column; gap: 8px; margin-bottom: 15px; }
:where(.mnc-comments) .mnc-report-option { display: flex; align-items: center; gap: 8px; font-weight: normal; font-size: 14px; cursor: pointer; }
:where(.mnc-comments) .mnc-report-modal__actions { display: flex; gap: .625rem; margin-block-start: 1rem; }
:where(.mnc-comments) .mnc-report-modal__actions .mnc-modal__btn { flex: 1; justify-content: center; }
:where(.mnc-comments) .mnc-edit-form { margin-top: .5rem; }
:where(.mnc-comments) .mnc-edit-textarea:not([hidden]) { display: block; width: 100%; min-height: 80px; margin-bottom: 8px; padding: 10px; border: 1px solid var(--mnc-border); border-radius: 8px; color: var(--mnc-text); background: var(--mnc-form-surface); font-family: inherit; font-size: inherit; resize: vertical; box-sizing: border-box; }
:where(.mnc-comments) .mnc-edit-textarea:focus { outline: none; border-color: var(--mnc-accent); box-shadow: 0 0 0 2px color-mix(in srgb, var(--mnc-accent) 20%, transparent); }
:where(.mnc-comments) .mnc-edit-actions { display: flex; gap: 8px; justify-content: flex-end; }
:where(.mnc-comments) .mnc-edit-btn { all: unset; display: inline-flex; align-items: center; justify-content: center; padding: 8px 16px; border-radius: 8px; font-size: 14px; font-weight: 600; font-family: inherit; cursor: pointer; transition: all 0.2s ease; line-height: 1.4; box-sizing: border-box; }
:where(.mnc-comments) .mnc-edit-btn:disabled { opacity: 0.6; cursor: not-allowed; }
:where(.mnc-comments) .mnc-edit-btn--cancel { border: 1px solid var(--mnc-border); color: var(--mnc-text); background: transparent; }
:where(.mnc-comments) .mnc-edit-btn--cancel:hover:not(:disabled) { background: color-mix(in srgb, var(--mnc-text) 5%, transparent); }
:where(.mnc-comments) .mnc-edit-btn--save { border: 1px solid #212529; color: #fff; background: #212529; }
:where(.mnc-comments) .mnc-edit-btn--save:hover:not(:disabled) { background: #15171a; border-color: #15171a; }
:where(.mnc-comments).mnc-theme-dark .mnc-edit-btn--save { border-color: #edf0f5; background: #edf0f5; color: #18191a; }
:where(.mnc-comments).mnc-theme-dark .mnc-edit-btn--save:hover:not(:disabled) { background: #d1d5db; border-color: #d1d5db; }
@media (max-width: 600px) {

	:where(.mnc-comments) .mnc-report-form__guest { grid-template-columns: 1fr; }
}

:where(.mnc-comments) .mnc-role-icon--editors-pick { color: rgb(255, 187, 0); }
:where(.mnc-comments) .mnc-role-icon--editors-pick svg.lucide-astroid-icon {
    width: 14px;
    height: 14px;
    stroke-width: 2;
    fill: rgb(255 255 255);
    stroke: rgb(255 255 255);
}
:where(.mnc-comments) .mnc-comment__avatar-wrapper .mnc-role-icon--editors-pick {
    position: absolute;
    top: -6px;
    inset-inline-end: -6px;
    border-radius: 50%;
    padding: 2px;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 6;
    background: linear-gradient(315deg, #fff3ed 0.000%, #ffe7c0 20.000%, #ffd193 40.000%, #ffb369 60.000%, #ff8b48 80.000%, #ff5b33 100.000%);
}

:where(.mnc-comments) [data-mnc-status-select] {
	max-width: 180px;
	padding: 5px 8px;
	border: 1px solid var(--mnc-border);
	border-radius: 7px;
	background: var(--mnc-bg);
	color: var(--mnc-text);
	font: inherit;
	font-size: 12px;
}
:where(.mnc-comments) [data-mnc-status-select]:focus {
	outline: 2px solid color-mix(in srgb, var(--mnc-accent) 30%, transparent);
	outline-offset: 1px;
}