/**
 * Milo Teams front-end area.
 *
 * Intentionally light: it borrows the theme's button styles
 * (.wp-element-button) and only adds the structural chrome for the member list,
 * seat count, and add form.
 */

.milo-team {
	margin: 0 0 1.5em;
}

.milo-team__title {
	margin: 0 0 0.5em;
}

.milo-team__seats {
	font-weight: 600;
	margin: 0 0 1em;
}

.milo-team__members {
	list-style: none;
	margin: 0 0 1.25em;
	padding: 0;
}

.milo-team__member {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 1rem;
	padding: 0.6rem 0;
	border-bottom: 1px solid rgba(0, 0, 0, 0.08);
}

.milo-team__member:first-child {
	border-top: 1px solid rgba(0, 0, 0, 0.08);
}

.milo-team__member-email {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.milo-team__member .milo-team__remove {
	flex: 0 0 auto;
}

.milo-team__empty {
	opacity: 0.7;
	padding: 0.6rem 0;
}

.milo-team__add {
	display: flex;
	gap: 0.5rem;
	flex-wrap: wrap;
	align-items: center;
	margin: 0;
}

.milo-team__add input[type="email"] {
	flex: 1 1 240px;
	min-width: 0;
	padding: 0.7em 1em;
	border: 1px solid rgba(0, 0, 0, 0.25);
	border-radius: 6px;
	background: #fff;
	font: inherit;
	line-height: 1.4;
	box-sizing: border-box;
}

.milo-team__add input[type="email"]:focus {
	outline: 2px solid rgba(0, 0, 0, 0.4);
	outline-offset: 1px;
}

.milo-team__notice {
	margin: 0 0 1em;
	padding: 0.6em 0.9em;
	border-radius: 6px;
	background: rgba(0, 0, 0, 0.05);
}

.milo-team__notice.is-success {
	background: rgba(20, 140, 70, 0.12);
	color: #0d6a36;
}