
.customFieldAdm__list {
	width: 66%;
	margin: 0 auto;
	min-width: 900px;
	max-width: 1200px;

	/*border-top: var(--screen-px) solid var(--base-txt-ghost);*/
	/*border-bottom: var(--screen-px) solid var(--base-txt-ghost);*/

	.customFieldAdm__list__item {
		display: grid;
		grid-template-columns: 1fr 1fr 2fr 1fr;
		padding: 8px;

		& > div {
			height: 36px;

			display: flex;
			align-items: center;

			.space {
				flex-grow: 0;
				flex-shrink: 0;
				width: 20px;
			}
		}

		.col_name {
			.space {
				width: 32px;
				ws-icon { --icon-color: var(--base-txt-ghost); }
				ws-icon[name=lock_sm] {--icon-color: var(--base-txt-btn-w);}
			}
			.in {
				padding: 0 4px;
				font: var(--font-ui-14-regular-semi);
				flex-shrink: 1;
			}
		}
		.col_type {
			.in {
				padding: 0 4px;
				font: var(--font-ui-13-small-reg);
				color: var(--base-txt-secondary);
				flex-shrink: 1;
			}
		}
		.col_descr {
			.in {
				padding: 0 4px;
				font: var(--font-ui-12-mini-reg);
				color: var(--base-txt-tertiary);
				flex-shrink: 1;
			}
		}
		.col_options {
			justify-self: flex-end;
			.usage {
				padding: 0 4px;
			}
			.space {
				width: 32px;
			}
		}
	}

	.customFieldAdm__list__item + .customFieldAdm__list__item {
		border-top: var(--screen-px) solid var(--base-txt-ghost);
	}

	.customFieldAdm__list__item--header,
	.customFieldAdm__list__item.menu_open,
	.customFieldAdm__list__item:has(.menu_open),
	.customFieldAdm__list__item:hover {
		background: var(--base-cont-top-elevated);
	}

	.customFieldAdm__list__item--header > div > .in {
		font: var(--font-ui-11-micro-bold);
		text-transform: uppercase;
		color: var(--base-txt-secondary);
	}
}
