/*
 * Stratax members roster — expandable-row detail panel (stratax-ext-members view). Layout only;
 * colours/tokens come from theme.css + the hui-* primitive styles. Linked via rummage.config.mjs
 * `styles`.
 */

/* Detail body sits directly beneath the row's tab strip — give it a gap from the tabs (bug: content
 * was flush against them) plus a little breathing room at the bottom. */
.stratax-members-detail {
	padding: 12px 0 4px;
}

/* Key/value detail rows (Email / Title / Org unit …). The key is a fixed-width column that never
 * shrinks, so its value always starts at the same x with a clear gap between the two. */
.stratax-members-kv {
	display: flex;
	gap: 16px;
	margin: 4px 0;
	font-size: 0.9em;
}
.stratax-members-kv__key {
	flex: 0 0 auto;
	width: 88px;
	opacity: 0.6;
}
.stratax-members-kv > span:last-child {
	flex: 1 1 auto;
	min-width: 0;
	overflow-wrap: anywhere;
}

.stratax-members-muted {
	opacity: 0.6;
	font-size: 0.85em;
	margin-top: 6px;
}

/* Revoke-user control under the Details tab. */
.stratax-members-detail-ctl {
	margin-top: 8px;
}

/* Wrapping row of "Add <role>" buttons under the Roles tab. */
.stratax-members-addrow {
	display: flex;
	flex-wrap: wrap;
	gap: 6px;
	margin-top: 8px;
}

/* The Roles COLUMN editor (multi-select in the cell): give the control a workable floor inside the
 * nowrap table so the chips + "+N" overflow render instead of collapsing to nothing. */
.stratax-members-roles-cell {
	min-width: 180px;
}

/* Admin action bar above the roster table (Add member). */
.stratax-members-bar {
	display: flex;
	gap: 8px;
	margin-bottom: 8px;
}