:root {
	--background-color-card: #fcfcff;
}

header {
	margin-top: 0 !important;
	margin-bottom: 5vh !important;
	padding-top: 0 !important;
	position: relative;
	top: 0;
}

/*

main {
	padding-top: 5vh;
	margin-bottom: 5vh;
}

footer {
	padding-top: 5vh;
} */

body {
	margin: 0 !important;
	padding: 0 !important;
	background-color: #f4f4f4 !important;
}

button.btn.btn-casa39,
.btn.btn-casa39,
a.btn.btn-casa39 {
	background-color: #3aa898;
	color: white;
}

button.btn.btn-casa39:hover,
.btn.btn-casa39:hover,
a.btn.btn-casa39:hover {
	background-color: #2d8678;
}

button.btn,
.btn,
a.btn {
	color: white;
	text-transform: none;
}

i.right {
    float: right;
    margin-left: 5%;
}

i.left {
    float: left;
    padding-right: 5%;
}

.card {
	padding: 3%;
	background-color: var(--background-color-card);
}

.divider {
	margin-top: 3%;
	margin-bottom: 3%;
	height: 1px;
	background-color: #e0e0e0;
	border: none;
}

.container.container-90 {
	width: 90%;
	max-width: 90%;
}

/* ====================================================================
   FONT OVERRIDE: Forza il font stack di Materialize su TUTTI i componenti MUI
   IMPORTANTE: Escludiamo Material Icons per non rompere le icone!
   ==================================================================== */
* {
	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif !important;
}

/* ECCEZIONE: NON sovrascrivere Material Icons (altrimenti vedi "menu" invece dell'icona) */
.material-icons,
i.material-icons,
[class*="material-icons"] {
	font-family: "Material Icons" !important;
}

/* Forza specificamente su elementi MUI (per maggiore sicurezza) */
[class*="Mui"],
[class*="css-"] {
	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif !important;
}

/* ====================================================================
   TABELLE MUI: Riduci font size per rendere più compatte
   ==================================================================== */
/* Celle della tabella - body e header */
.MuiTableCell-root {
	font-size: 0.8rem !important;
	padding: 8px !important;
}

/* Header tabella - leggermente più grande del body */
.MuiTableCell-head {
	font-size: 0.85rem !important;
	font-weight: 600 !important;
}

/* Input e select dentro le celle */
.MuiTableCell-root input,
.MuiTableCell-root .MuiInputBase-root,
.MuiTableCell-root .MuiSelect-root {
	font-size: 0.8rem !important;
}

/* Bottoni dentro le tabelle */
.MuiTableCell-root .MuiButton-root,
.MuiTableCell-root .MuiIconButton-root {
	font-size: 0.8rem !important;
}

/* Chip/Badge dentro le tabelle */
.MuiTableCell-root .MuiChip-root {
	font-size: 0.75rem !important;
	height: 24px !important;
}