@import url('./main-layout.css');

@import url('./views/home-view.css');

@import url('./views/kipoint-view.css');

@import url('./views/persone-view.css');

vaadin-grid-sorter[direction='asc'], vaadin-grid-sorter[direction='desc']
	{
	color: #eedc00;
}

vaadin-login-overlay-wrapper::part(overlay) {
	background-image: url('/images/background_login.png');
	background-size: cover; /* copre tutto lo spazio */
	background-position: center; /* centrata */
	background-repeat: no-repeat;
}

.custom-card {
	border: 1px solid var(--lumo-contrast-10pct);
	overflow: hidden;
	background-color: white;
	padding: 0;
	border: 1px solid #e9e9e9; /* bordo solo a destra */
	box-shadow: 0px 10px 10px #e9e9e9;
	min-height: 260px;
}

.custom-card vaadin-form-layout {
	padding: var(--lumo-space-m);
}

/* Extra: più leggibile su mobile */
@media ( max-width : 600px) {
	.custom-card vaadin-form-layout {
		padding: var(--lumo-space-s);
	}
}

vaadin-card::part(header) {
	background-color: #0047bb;
	--vaadin-card-border-color: var(--lumo-primary-color);
	color: white;
	font-weight: 600;
	padding: var(--lumo-space-m);
}

h6 {
	color: white;
	margin: 0;
}

.save_botton {
	background-color: #eedc00;
	color: hsla(214, 50%, 22%, 0.26);
}

.data-form {
	width: 100%;
	max-width: 100%;
	box-sizing: border-box;
}

.data-form vaadin-vertical-layout, .data-form vaadin-form-layout,
	.data-form vaadin-card {
	width: 100%;
	max-width: 100%;
	box-sizing: border-box;
}

.data-form * {
	box-sizing: border-box; /* evita overflow per padding + width */
}