// Styles specific to newer editing screens

.entity-panel {
	padding-block-end: 1px; // Stops margin collapse

	> * + * {
		margin-block-start: var(--flow-space, 3em);
	}

	&__nav + * {
		--flow-space: 1em;
	}

	&__header {
		margin-bottom: 1rem;


		h2 {
			margin: 0;
		}
	}

	.subheading {
		color: var(--color-text-glare);
		font-size:1.15em;
	}

	table {
		table-layout: fixed;
		border-collapse: collapse;
		tr {
			:where(th):not(.check-column,.column-cb) {
				font-weight: bold;
				padding-right: min(5vw, 2rem);
				min-width: 12ch;
			}

			:where(td):not(.check-column,.column-cb) {
				min-width: 15ch;
				word-break: break-all; // Ensure text doesn't go off screen
			}

			&:not(:last-child) :where(th,td):not(.check-column,.column-cb) {
				padding-bottom: 1rem;
			}
		}
	}

	input[type=number] {
		max-width: 40ch;
	}

	.form-control {
		max-width: 100%;

		&.is-invalid {
			+ .invalid-feedback {
				display: block;
			}
		}
	}

	// Contact Profile
	.profile-fields {
		table {
			th:first-child {
				width: 35%;
			}
		}
	}

}