/*
// file:	layout-mini.css
// version:	2.0 (dtb)
*/

/* HEADER =================================================================== */
#page-header {
	position: -webkit-sticky;
	position: sticky;
	z-index: 2;
	top: 0;
}
#page-header > * {
	-webkit-order: 3;
	order: 3;
}
#page-title {
	-webkit-order: 1;
	order: 1;
	padding: .25em 12px;
	transform: none;
	z-index: auto;
}
@supports (flex-wrap:wrap) {
	#page-header {
		flex-wrap: wrap;
		top: -1.8em; /* 1.8em = h1.font-size + #page-title.v-padding */
	}
	#page-title {
		box-sizing: border-box;
		width: 100%;
	}
}
body { padding-left: 0; } /* this was for vertical view-menu */
#view-menu {
	position: static;
	padding: 0;
	border-width: 0;
	-webkit-flex-direction: row;
	flex-direction: row;
	-webkit-order: 2;
	order: 2;
	z-index: auto;
}
#site-nav {
	-webkit-flex-grow: 1;
	flex-grow: 1;
	-webkit-justify-content: flex-end;
	justify-content: flex-end;
}
#site-nav,
#tools-menu,
#view-menu {
	height: 2em;
	max-height: 2em;
	margin-top: 1px;
}
#site-nav .button,
#tools-menu .button,
#view-menu .button {
	box-sizing: content-box;
	width: 2em;
	height: 2em;
	min-width: 2em;
	margin-top: -1px;
}
#tools-menu .pressed,
#view-menu .pressed,
#tools-menu .pressed:hover,
#view-menu .pressed:hover {
	background: white;
	background: var(--active, white);
}

/* MAIN ===================================================================== */
/*.panel > header:first-child {
	display: none;
}*/

#fields-section {
	border-width: 0;
	margin: 0;
	padding-right: 8px;
}
/*#globals-section {
	position: static;
	width: auto;
	min-width: none;
	padding-bottom: 1em;
}*/
.field-bar {
	width: 100%;
	max-width: none;
	border-width: 0;
}
.field-bar:not(:last-child) {
	border-width: 1px 0 0;
	padding: 0 8px;
}
.field-list .field-properties {
	position: static;
	box-sizing: content-box;
	width: 100%;
	height: auto;
	padding: 8px;
	padding-left: calc(8px + 1em);
	width: calc(100% - 1em);
	margin: 0 -8px;
	background: transparent;
	border-bottom-width: 1px;
}