/*
 * A band page's rows and cards: their Save, Cancel and Delete (templates/admin/home/actions.html),
 * and the headings said once over a list of rows (row_heads.html). After admin-forms.css.
 */
/* The buttons, beside a row or along the foot of a card. */
.eb-actions {
	align-items: center;
	display: flex;
	flex: none;
	gap: 0.5rem;
	justify-content: flex-end;
	min-height: 38px;
}

/* In a row the buttons stack on the right, small and one width, as tall as the fields beside them. */
.eb-row > .eb-actions {
	align-items: stretch;
	flex-direction: column;
	gap: 0.25rem;
	width: 7rem;
}

/* The Delete bin: grey in the top right corner, red when pointed at. */
.eb-delete {
	align-items: center;
	align-self: flex-start;
	border-radius: 999px;
	color: var(--color-base-400);
	display: inline-flex;
	flex: none;
	height: 32px;
	justify-content: center;
	transition: background-color 0.15s, color 0.15s;
	width: 32px;
}

.eb-delete:hover,
.eb-delete:focus-visible {
	background: rgb(220 38 38 / 0.1);
	color: #dc2626;
}

.eb-delete .material-symbols-outlined {
	font-size: 20px;
}

.eb-row > .eb-delete {
	margin: -0.25rem -0.75rem 0 -0.5rem;
}

/* A saved card has no buttons left at its foot. */
.eb-tile > .eb-actions:not(:has(button)) {
	display: none;
}

.eb-row > .eb-actions > * {
	font-size: 0.8125rem;
	height: 28px;
	justify-content: center;
}

/* A row sits close: less padding, its fields centred beside its buttons. */
.eb-panel .eb-row {
	align-items: center;
	gap: 1rem;
	padding: 0.625rem 1.25rem;
}

.eb-rows {
	gap: 0.5rem;
}

.eb-row .form-field {
	margin-bottom: 0;
}

/* Each field's name and help are said once, in the headings (row_heads.html); in a row, only to screen readers. */
.eb-rows .form-field label {
	clip: rect(0 0 0 0);
	height: 1px;
	overflow: hidden;
	position: absolute;
	width: 1px;
}

.eb-rows .form-field > .leading-relaxed {
	display: none;
}

.eb-panel .eb-row.eb-row-heads {
	align-items: flex-end;
	background: none;
	padding-bottom: 0.25rem;
	padding-top: 0;
}

.eb-row-heads .eb-handle {
	visibility: hidden;
}

.eb-head {
	color: var(--color-base-900);
	display: block;
	font-weight: 600;
}

.eb-head-help {
	color: var(--color-base-500);
	display: block;
	font-size: 0.75rem;
	margin-top: 0.125rem;
}

.eb-required {
	color: #dc2626;
}

.dark .eb-head {
	color: var(--color-base-100);
}

/* A section's Save and Cancel, under its fields. */
.eb-section-actions {
	display: flex;
	gap: 0.5rem;
	margin-top: 0.25rem;
}