/* ============================================================================
   minecraft.fr · « État des services » — bloc Signalement utilisateur
   ----------------------------------------------------------------------------
   Bouton 1-clic « Signaler un problème » + compteur 60 min, par carte de service.
   Look « bloc par bloc » via les tokens du composant (avec replis clairs).
   ============================================================================ */

.mcfr-report {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 12px;
	flex-wrap: wrap;
	padding: 12px 16px 14px;
	border-top: 2px solid var(--mc-line, #E3DFD5);
}

.mcfr-report__form { margin: 0; }

/* Honeypot : hors écran, jamais focusable visuellement. */
.mcfr-report__hp {
	position: absolute !important;
	left: -9999px !important;
	width: 1px;
	height: 1px;
	opacity: 0;
	pointer-events: none;
}

.mcfr-report__btn {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	font-family: var(--mc-sans, "IBM Plex Sans", system-ui, sans-serif);
	font-weight: 700;
	font-size: 12.5px;
	letter-spacing: .01em;
	color: var(--mc-ink, #1E2422);
	background: var(--mc-surface, #FFFFFF);
	border: 2px solid var(--mc-edge, #1E2422);
	box-shadow: var(--mc-sh-sm, 3px 3px 0 #1E2422);
	padding: 8px 13px;
	cursor: pointer;
	-webkit-appearance: none;
	appearance: none;
	transition: transform .08s ease, box-shadow .08s ease, background .15s ease;
}
.mcfr-report__btn:hover { background: var(--mc-bone, #F4F1EA); }
.mcfr-report__btn:active { transform: translate(2px, 2px); box-shadow: 1px 1px 0 var(--mc-shadow, #1E2422); }
.mcfr-report__btn:focus-visible { outline: 2px solid var(--mc-tq, #1AA995); outline-offset: 2px; }
.mcfr-report__btn[disabled] { cursor: default; opacity: .75; box-shadow: none; transform: translate(2px, 2px); }

/* Pastille « triangle d'alerte » pixel. */
.mcfr-report__ico {
	width: 12px;
	height: 12px;
	flex: 0 0 auto;
	background: var(--mcfr-degraded, #E0972A);
	box-shadow: inset -3px -3px 0 rgba(0, 0, 0, .22);
}

.mcfr-report__count {
	margin: 0;
	font-family: var(--mc-sans, "IBM Plex Sans", system-ui, sans-serif);
	font-size: 12px;
	color: var(--mc-muted, #6B756F);
	display: inline-flex;
	align-items: center;
	gap: 7px;
}
.mcfr-report__count[hidden] { display: none; }
.mcfr-report__count .mcfr-report__n { color: var(--mcfr-down, #D8412A); font-weight: 700; }
.mcfr-report__spark {
	width: 9px;
	height: 9px;
	flex: 0 0 auto;
	background: var(--mcfr-down, #D8412A);
	box-shadow: inset -2px -2px 0 rgba(0, 0, 0, .22);
}

/* État « merci » après signalement. */
.mcfr-report.is-done .mcfr-report__btn { background: var(--mcfr-ok-bg, #E7F5EC); color: var(--mcfr-ok-ink, #155F31); }
.mcfr-report.is-done .mcfr-report__ico { background: var(--mcfr-ok, #2FA85A); }

@media ( prefers-reduced-motion: reduce ) {
	.mcfr-report__btn { transition: none; }
}