/*
  Place your custom style overrides here.
  Checkout /src/assets/global.scss for an overview of all globally available css variables you
    can override

  NOTE: The main application's styling is included through JavaScript. Therefore, it gets added to
    the head _after_ this file. If you want to override the globally used CSS variables, you can either
    use !important, or increase the specificity from :root
*/

/*
Use the full page width: upstream caps forms at 2 × 300px columns and tables/notices at 632px
*/

@media (min-width: 1000px) {
	.form {
		grid-template-columns: [start] minmax(0, 1fr) [half] minmax(0, 1fr) [full fill] !important;
	}
}

.table,
.notice,
.v-permissions {
	max-width: none !important;
}