/*
Courtesy of: https://www.joshwcomeau.com/css/custom-css-reset/ 
Copyright statement from that page (20250117):
"Feel free to copy/paste this into your own projects!
It's released without any restrictions, into the public domain 
(though if you wanted to keep the link to this blog post, I'd appreciate it!)."
*/

/* 1. Use a more-intuitive box-sizing model */
*, *::before, *::after {
	box-sizing: border-box;
}

/* 2. Remove default margin */
* {
	margin: 0;
}

body {
	/* 3. Add accessible line-height */
	line-height: 1.5;

	/* 4. Improve text rendering */
	-webkit-font-smoothing: antialiased;
}

/* 5. Improve media defaults */
img, picture, video, canvas, svg {
	display: block;
	max-width: 100%;
}

/* 6. Inherit fonts for form controls */
	input, button, textarea, select {
	font: inherit;
}

/* 7. Avoid text overflows */
	p, h1, h2, h3, h4, h5, h6 {
	overflow-wrap: break-word;
}

/* 8. Improve line wrapping */
p {
	text-wrap: pretty;
}
h1, h2, h3, h4, h5, h6 {
	text-wrap: balance;
}

/*
9. Create a root stacking context
*/
#root, #__next {
	isolation: isolate;
}
/* END of content from Josh W. Comeau. */


/* NEFFA sound form-specific content starts here... */
* {
	font-family:ui-monospace, monospace, sans-serif;
	font-size:0.9rem;
}

:root {
	--neffa-logo-background-color: rgb(16, 43, 70);
}

#application {
	isolation:isolate;
}

.per-view-header-area {
	height:100%;
	text-align: center;
	font-size:120%;
}

.view-form-caption {
	margin-bottom:0.5rem;
	padding-left: 1rem;
}

button {
	padding:0.2rem 0.6rem;
	font-size:90%;
	border:1px solid #000000b0;
	border-radius: 0.2rem;
	box-shadow:0.1rem 0.1rem 0.3rem #00000080;
}

.form-row {
	/* max-width:30rem; */
	margin-bottom:0.5rem;
	display:flex;
	flex-direction:row;
	flex-wrap:wrap;
	/* background-color:lavender; /* un-comment for layout debugging; only */
}

fieldset {
	margin-bottom:0.5rem;
}

.fieldset-legend {
	color:#202020;
}

.required-field {
	padding-right:0.2rem;
	color:red;
}

.form-item-caption {
	width:13rem;
	font-size: 80%;
	margin-top:0.3rem;
	color:#101010;
	/* background-color:aqua /* un-comment for layout debugging; only */
	/* color:var(--neffa-logo-background-color); /* un-comment for layout debugging; only */
}

.form-item {
	max-width: 20rem;
	padding:0 0.5rem;
	overflow:hidden;
	white-space:nowrap;
	text-overflow:ellipsis;
	background-color:#e8e8e8;
	border:2px solid gray;
}

/* .form-control {
} */