body.retro-studio-body .retro-customers-panel.retro-card {
	background: transparent;
	border: 0;
	box-shadow: none;
	border-radius: 0;
	padding: 0;
	margin: 0;
	max-width: none;
	width: 100%;
}

.retro-customers-panel__filter {
	display: flex;
	flex-wrap: wrap;
	gap: var(--retro-sys-spacing-sm);
	align-items: flex-end;
	margin-block-end: var(--retro-sys-spacing-md);
}

.retro-customers-panel__search-wrap {
	flex: 1 1 100%;
	min-inline-size: 12rem;
}

.retro-customers-panel__filter-item {
	flex: 0 1 10rem;
	margin: 0;
}

.retro-customers-list__empty {
	padding: var(--retro-sys-spacing-lg);
	color: var(--retro-sys-color-on-surface-variant);
	text-align: center;
}

.retro-customers-list__pager {
	display: flex;
	flex-wrap: wrap;
	gap: var(--retro-sys-spacing-sm);
	margin-block-start: var(--retro-sys-spacing-md);
}

.retro-customers-list__pager .is-active {
	border-color: var(--retro-sys-color-brand);
	color: var(--retro-sys-color-brand);
}

.retro-customers-table-wrap {
	overflow-x: auto;
	overscroll-behavior-x: contain;
}

.retro-customers-table {
	width: 100%;
	border-collapse: collapse;
	background: var(--retro-sys-color-surface);
	border: 1px solid var(--retro-sys-color-outline-variant);
	border-radius: var(--retro-sys-shape-md, 0.5rem);
}

.retro-customers-table th,
.retro-customers-table td {
	padding: 0.65rem 0.85rem;
	text-align: start;
	vertical-align: middle;
	border-bottom: 1px solid var(--retro-sys-color-outline-variant);
	white-space: nowrap;
}

.retro-customers-table thead th {
	font-size: var(--retro-sys-typescale-label-small-size, 0.75rem);
	font-weight: 600;
	letter-spacing: 0.02em;
	color: var(--retro-sys-color-on-surface-variant);
	background: var(--retro-sys-color-surface-container, transparent);
}

.retro-customers-table tbody tr:last-child td {
	border-bottom: 0;
}

.retro-customers-table tbody tr:hover {
	background: var(--retro-sys-color-surface-container-low, color-mix(in srgb, var(--retro-sys-color-brand) 6%, transparent));
}

.retro-customers-table a {
	color: inherit;
	text-decoration: none;
	font-weight: 600;
}

.retro-customers-table a:hover,
.retro-customers-table a:focus-visible {
	color: var(--retro-sys-color-brand);
	text-decoration: underline;
}

.retro-customers-table__photo {
	width: 3.25rem;
}

.retro-customers-sort {
	display: inline-flex;
	align-items: center;
	gap: 0.25rem;
	margin: 0;
	padding: 0.25rem 0;
	border: 0;
	background: transparent;
	color: inherit;
	font: inherit;
	font-weight: 600;
	cursor: pointer;
	min-block-size: 2rem;
}

.retro-customers-sort:hover,
.retro-customers-sort:focus-visible {
	color: var(--retro-sys-color-brand);
}

.retro-customers-sort.is-active {
	color: var(--retro-sys-color-on-surface);
}

.retro-customers-settings {
	display: grid;
	gap: var(--retro-sys-spacing-lg);
	max-width: 52rem;
}

.retro-customers-schema__toolbar {
	display: flex;
	flex-wrap: wrap;
	align-items: flex-start;
	justify-content: space-between;
	gap: var(--retro-sys-spacing-md);
}

.retro-customers-schema__toolbar .retro-panel-page-header__title {
	margin: 0;
}

.retro-customers-schema__lead {
	margin: 0.35rem 0 0;
	max-width: 40rem;
	color: var(--retro-sys-color-on-surface-variant);
	font-size: 1rem;
}

.retro-customers-schema {
	display: grid;
	gap: var(--retro-sys-spacing-md);
}

.retro-customers-schema-section {
	padding: 0;
	overflow: hidden;
}

.retro-customers-schema-section__head {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
	gap: var(--retro-sys-spacing-sm);
	padding: var(--retro-sys-spacing-md) var(--retro-sys-spacing-lg);
	border-bottom: 1px solid var(--retro-sys-color-outline-variant);
	background: var(--retro-sys-color-surface-container, color-mix(in srgb, var(--retro-sys-color-on-surface) 4%, transparent));
}

.retro-customers-schema-section__title-wrap {
	flex: 1 1 12rem;
	min-inline-size: 0;
}

.retro-root.retro-customers-settings input[type="text"].retro-customers-schema-section__title {
	width: 100%;
	max-width: none;
	min-height: 0;
	margin: 0;
	padding: 0.15rem 0.4rem;
	border: 1px dashed transparent;
	border-radius: var(--retro-sys-shape-sm, 0.4rem);
	background: transparent;
	box-shadow: none;
	color: inherit;
	font: inherit;
	font-size: 1.25rem;
	font-weight: 700;
	line-height: 1.3;
}

.retro-root.retro-customers-settings input[type="text"].retro-customers-schema-section__title:hover,
.retro-root.retro-customers-settings input[type="text"].retro-customers-schema-section__title:focus-visible {
	border-color: var(--retro-sys-color-outline-variant);
	background: var(--retro-sys-color-surface);
	box-shadow: none;
}

.retro-customers-schema-section__tools {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: var(--retro-sys-spacing-sm);
}

.retro-customers-schema-toggle {
	display: inline-flex;
	align-items: center;
	gap: 0.4rem;
	min-block-size: 2.5rem;
	font-size: 0.9375rem;
	color: var(--retro-sys-color-on-surface-variant);
}

.retro-customers-schema-fields {
	list-style: none;
	margin: 0;
	padding: 0;
	display: grid;
}

.retro-customers-schema-empty {
	margin: 0;
	padding: var(--retro-sys-spacing-md) var(--retro-sys-spacing-lg);
	color: var(--retro-sys-color-on-surface-variant);
}

.retro-customers-schema-field {
	display: grid;
	gap: var(--retro-sys-spacing-sm);
	padding: var(--retro-sys-spacing-md) var(--retro-sys-spacing-lg);
	border-bottom: 1px solid var(--retro-sys-color-outline-variant);
}

.retro-customers-schema-field__main {
	display: grid;
	gap: var(--retro-sys-spacing-sm);
}

.retro-customers-schema-field__label {
	margin: 0;
}

.retro-customers-schema-field__label .retro-field-group__label {
	display: flex;
	align-items: center;
	gap: 0.5rem;
}

.retro-root.retro-customers-settings .retro-field-group[hidden] {
	display: none;
}

.retro-customers-schema-field__meta {
	display: flex;
	flex-wrap: wrap;
	align-items: flex-end;
	gap: var(--retro-sys-spacing-sm) var(--retro-sys-spacing-md);
}

.retro-customers-schema-field__meta .retro-field-group {
	margin: 0;
	flex: 1 1 12rem;
}

.retro-customers-schema-field__remove {
	margin-inline-start: auto;
}

.retro-customers-schema-field__options {
	margin: 0;
}

.retro-customers-schema-section__foot {
	padding: var(--retro-sys-spacing-sm) var(--retro-sys-spacing-lg) var(--retro-sys-spacing-md);
}

.retro-customers-schema__save {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: var(--retro-sys-spacing-sm);
	padding: 0.25rem 0 0;
}

.retro-customers-schema__reset {
	margin: 0;
}

.retro-customers-schema__hint {
	margin: 0 0 var(--retro-sys-spacing-sm);
	color: var(--retro-sys-color-on-surface-variant);
	font-weight: 600;
}

.retro-customers-empty {
	margin: 0;
	color: var(--retro-sys-color-on-surface-variant);
}

.retro-customers-panel .retro-admin-modal__body .retro-field-group {
	margin-block-end: var(--retro-sys-spacing-md);
}

@media (prefers-reduced-motion: reduce) {
	.retro-customers-table tbody tr:hover {
		box-shadow: none;
	}
}