/* « Ton groupe a peut-être déjà sa page » : neutre, pour s'insérer dans
   l'inscription de l'espace membre comme dans les formulaires de création. */

.aai-find { margin: 0 0 1.5rem; }
.aai-find[data-input] { margin: 1rem 0 0; text-align: left; }

.aai-find__title { margin: 0 0 .25rem; font-weight: 700; font-size: 1.02rem; }
.aai-find__lede { margin: 0 0 .75rem; font-size: .9rem; opacity: .75; }

.aai-find__sr {
	position: absolute;
	width: 1px;
	height: 1px;
	overflow: hidden;
	clip: rect(0 0 0 0);
	white-space: nowrap;
}

.aai-find__input {
	width: 100%;
	box-sizing: border-box;
	padding: .8rem 1rem;
	border: 1px solid rgba(0, 0, 0, .2);
	border-radius: 10px;
	background: #fff;
	color: #171714;
	font: inherit;
}

.aai-find__input:focus { outline: 2px solid #f5ac00; outline-offset: 1px; border-color: #f5ac00; }

.aai-find__results:empty { display: none; }
.aai-find__results { margin-top: .75rem; }

.aai-find__warn,
.aai-find__empty { margin: 0 0 .6rem; font-size: .9rem; }
.aai-find__warn { font-weight: 600; }

.aai-find__list { margin: 0; padding: 0; list-style: none; display: grid; gap: .5rem; }

.aai-find__item {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
	gap: .5rem 1rem;
	padding: .7rem .9rem;
	border: 1px solid rgba(0, 0, 0, .12);
	border-radius: 10px;
	background: rgba(0, 0, 0, .025);
}

.aai-find__who { display: grid; gap: .1rem; min-width: 0; }
.aai-find__name { font-size: .98rem; overflow-wrap: anywhere; }
.aai-find__meta { font-size: .82rem; opacity: .7; }

.aai-find__act { display: flex; flex-wrap: wrap; align-items: center; gap: .4rem .9rem; font-size: .86rem; }

.aai-find__claim {
	padding: .55rem .9rem;
	border-radius: 999px;
	background: #171714;
	color: #fff !important;
	font-weight: 700;
	text-decoration: none !important;
	white-space: nowrap;
}

.aai-find__claim:hover { background: #333; }
.aai-find__owned { font-weight: 600; opacity: .8; }
.aai-find__link { text-decoration: underline; text-underline-offset: .2em; }