/* ==========================================================================
   La fenêtre de signalement — profils, commentaires, chapitres
   ========================================================================== */

.ori-sig-btn {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	padding: 0;
	border: 0;
	background: none;
	color: inherit;
	font: inherit;
	cursor: pointer;
}
.ori-sig-btn[disabled] {
	opacity: 0.55;
	cursor: default;
}
.ori-sig-btn svg { flex: 0 0 auto; }

body.ori-sig-ouvert { overflow: hidden; }

.ori-sig-fond {
	position: fixed;
	inset: 0;
	z-index: 100000;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 16px;
	background: rgba(4, 5, 8, 0.72);
	-webkit-backdrop-filter: blur(4px);
	backdrop-filter: blur(4px);
	animation: ori-sig-entree 0.18s ease-out;
}
@keyframes ori-sig-entree {
	from { opacity: 0; }
	to   { opacity: 1; }
}

.ori-sig-fenetre {
	position: relative;
	display: grid;
	gap: 14px;
	width: 100%;
	max-width: 440px;
	max-height: calc(100vh - 32px);
	overflow-y: auto;
	margin: 0;
	padding: 22px 20px 18px;
	border-radius: 16px;
	border: 1px solid var(--ori-border-2, rgba(255, 255, 255, 0.10));
	background: var(--ori-bg-elev, #0f1014);
	color: var(--ori-text-2, #cfd8e6);
	font-family: var(--ori-font-body, system-ui, sans-serif);
	box-shadow: 0 24px 60px -12px rgba(0, 0, 0, 0.8);
}
.ori-sig-fermer {
	position: absolute;
	top: 10px;
	right: 12px;
	padding: 4px 8px;
	border: 0;
	background: none;
	color: var(--ori-muted, #8b97a9);
	font-size: 22px;
	line-height: 1;
	cursor: pointer;
}
.ori-sig-titre {
	margin: 0;
	padding-right: 28px;
	font-size: 17px;
	font-weight: 800;
	color: var(--ori-text-1, #eaf0f7);
}
.ori-sig-aide {
	margin: -6px 0 0;
	font-size: 12.5px;
	color: var(--ori-muted, #8b97a9);
}

.ori-sig-motifs {
	display: grid;
	gap: 6px;
	margin: 0;
	padding: 0;
	border: 0;
}
.ori-sig-motifs legend {
	margin-bottom: 6px;
	font-size: 11px;
	font-weight: 700;
	letter-spacing: 0.08em;
	text-transform: uppercase;
	color: var(--ori-faint, #6b7688);
}
.ori-sig-motif {
	display: flex;
	align-items: center;
	gap: 10px;
	margin: 0;
	padding: 9px 12px;
	border-radius: 10px;
	border: 1px solid var(--ori-border-1, rgba(255, 255, 255, 0.06));
	font-size: 13.5px;
	font-weight: 600;
	cursor: pointer;
	transition: border-color 0.15s ease, background 0.15s ease;
}
.ori-sig-motif:hover { border-color: var(--ori-border-2, rgba(255, 255, 255, 0.14)); }
.ori-sig-motif input {
	flex: 0 0 auto;
	margin: 0;
	accent-color: rgb(var(--ori-accent-rgb, 61, 139, 255));
}
.ori-sig-motif:has(input:checked) {
	border-color: rgb(var(--ori-accent-rgb, 61, 139, 255));
	background: rgba(var(--ori-accent-rgb, 61, 139, 255), 0.1);
	color: var(--ori-text-1, #eaf0f7);
}

.ori-sig-raison {
	display: grid;
	gap: 6px;
	margin: 0;
	font-size: 13px;
	font-weight: 700;
}
.ori-sig-raison i {
	font-style: normal;
	font-weight: 500;
	color: var(--ori-faint, #6b7688);
}
.ori-sig-raison textarea {
	width: 100%;
	box-sizing: border-box;
	resize: vertical;
	padding: 10px 12px;
	border-radius: 10px;
	border: 1px solid var(--ori-border-2, rgba(255, 255, 255, 0.10));
	background: rgba(255, 255, 255, 0.03);
	color: var(--ori-text-1, #eaf0f7);
	font: inherit;
	font-size: 13.5px;
	font-weight: 500;
}
.ori-sig-raison textarea:focus {
	outline: 2px solid rgb(var(--ori-accent-rgb, 61, 139, 255));
	outline-offset: 1px;
}

.ori-sig-etat {
	min-height: 1em;
	margin: 0;
	font-size: 12.5px;
	color: #ff8a8a;
}
.ori-sig-actions {
	display: flex;
	justify-content: flex-end;
	gap: 8px;
}
.ori-sig-annuler,
.ori-sig-envoyer {
	padding: 9px 16px;
	border-radius: 10px;
	border: 1px solid var(--ori-border-2, rgba(255, 255, 255, 0.10));
	background: transparent;
	color: var(--ori-text-2, #cfd8e6);
	font: inherit;
	font-size: 13.5px;
	font-weight: 700;
	cursor: pointer;
}
.ori-sig-envoyer {
	border-color: transparent;
	background: rgb(var(--ori-accent-rgb, 61, 139, 255));
	color: #fff;
}
.ori-sig-envoyer[disabled] { opacity: 0.6; cursor: default; }
.ori-sig-merci {
	margin: 6px 0 0;
	font-size: 14.5px;
	font-weight: 700;
	color: var(--ori-text-1, #eaf0f7);
}

/* le bouton dans le lecteur : en fin de chapitre et dans le panneau ⚙ */
.ori-lec-signaler {
	margin-top: 4px;
	font-size: 12.5px;
	font-weight: 600;
	color: var(--ori-muted, #8b97a9);
}
.ori-lec-signaler:hover { color: var(--ori-text-1, #eaf0f7); }

@media (prefers-reduced-motion: reduce) {
	.ori-sig-fond { animation: none; }
}