/* -----------------------------------------------------------------------
   Page Récupération de compte (/recuperation-compte)
   ----------------------------------------------------------------------- */

.ttm-page--recovery {
	display:         flex;
	align-items:     flex-start;
	justify-content: center;
}

.ttm-recovery-container {
	max-width:    520px;
	width:        100%;
	margin:       3rem auto;
}

.ttm-recovery-block {
	background:    var(--ttm-color-bg, #fff);
	border:        1px solid var(--ttm-color-border, #e0e0e0);
	border-radius: calc(var(--ttm-radius) * 2);
	padding:       2.5rem 2rem;
	text-align:    center;
}

.ttm-recovery-icon {
	font-size:   3rem;
	line-height: 1;
	margin-bottom: 1rem;
}
.ttm-icon--success { color: var(--ttm-color-success, #27ae60); }
.ttm-icon--warning { color: #f39c12; }

.ttm-recovery-title {
	font-size:     1.5rem;
	font-weight:   700;
	margin:        0 0 1rem;
	color:         var(--ttm-color-text, #1a1a2e);
}

.ttm-recovery-block p {
	color:       var(--ttm-color-muted, #888);
	line-height: 1.6;
	margin:      0 0 1.25rem;
}

.ttm-recovery-block .ttm-btn {
	margin-top: 1rem;
}

/* Zone changement d'identifiant post-récupération */
.ttm-identifier-change {
	margin-top:    1.5rem;
	border-top:    1px solid var(--ttm-color-border, #e0e0e0);
	padding-top:   1.5rem;
	text-align:    left;
}

.ttm-checkbox-label {
	display:     flex;
	align-items: flex-start;
	gap:         0.6rem;
	cursor:      pointer;
	font-weight: 600;
	color:       var(--ttm-color-text, #1a1a2e);
}

.ttm-checkbox-label input[type="checkbox"] {
	margin-top:  0.2rem;
	flex-shrink: 0;
}

.ttm-recovery-hint {
	font-size:  0.82rem;
	color:      var(--ttm-color-muted, #888) !important;
	margin:     0.5rem 0 1rem !important;
}

.ttm-recovery-sub {
	font-size:   0.9rem;
	color:       var(--ttm-color-muted, #888) !important;
	margin-top:  0 !important;
}

#ttm-new-login-wrap {
	display:        flex;
	flex-direction: column;
	gap:            0.75rem;
	margin-top:     0.75rem;
}

@media (max-width: 600px) {
	.ttm-recovery-container {
		margin: 1.5rem auto;
	}
	.ttm-recovery-block {
		padding: 1.5rem 1rem;
	}
}