html, body {
			width: 100%;
			height: 100%;
			margin: 0;
		}

		/* Centre horizontalement */
		.center-wrapper {
			display: flex;
			justify-content: center;
			height: 100%;
		}

		/* Largeur fixe + hauteur max */
		.grid-container {
			width: 600px;
			height: 100%;
			margin: 25px;
			display: flex;
			flex-direction: column;
		}
		
		.theme-bar {
			display: flex;
			justify-content: flex-end;
			align-items: center;   /* 👈 centrage vertical */
			padding: 4px 0;
		}
		
		.datagrid-filter-row td,
		.datagrid-filter-row .textbox-text,
		.datagrid-filter-row .datagrid-editable-input{
			background: #e6f9ff;
		}
		
		.datagrid-header-row, .datagrid-row{
			height:26px !important;
			line-height: 26px !important;
		}
		
		.datagrid-filter{
			height: 25px !important;
			line-height: 25px !important;
		}
		
		/*.numberbox, .textbox, .textbox-focused, .textbox.combo, .textbox-text.validatebox-text{
			height: 25px !important;
			line-height: 25px !important;
		}*/
		
		/* Règle globale pour textbox normaux */
		.numberbox, 
		.textbox-focused, 
		.textbox.combo, 
		.textbox-text.validatebox-text {
			height: 25px !important;
			line-height: 25px !important;
		}

		/* Textbox normaux (pas multilignes) */
		.textbox:not(:has(textarea)) {
			height: 25px !important;
		}

		/* ✅ Textbox multilignes (avec textarea) */
		.textbox:has(textarea) {
			height: auto !important;
		}

		.textbox textarea.textbox-text {
			height: 180px !important;
			line-height: normal !important;
			min-height: 180px !important;
		}
		
		.combobox-item{
			height: 25px !important;
			line-height: 25px !important;
			padding:0px !important;
			padding-left:5px !important;
		}
		
		.combobox-item-selected{
			height: 25px !important;
			line-height: 25px !important;
			padding:0px !important;
			padding-left:5px !important;
		}
		
		.combobox-item-hover{
			height: 25px !important;
			line-height: 25px !important;
		}
		
		.datagrid-editable-input{
			height: 25px !important;
			line-height: 25px !important;
		}
		
		.north-bar {
			display: flex;
			align-items: center;
			height:40px;
			position: relative; /* important */
		}

		.north-title {
			position: absolute;
			left: 50%;
			transform: translateX(-50%);
			margin: 0; /* on retire le margin: 0 auto */
			white-space: nowrap;
		}

		.north-side {
			flex: 1; /* chaque side prend 1 part égale */
		}

		.north-side.right {
			display: flex;
			justify-content: flex-end; /* colle à droite */
			margin-right: 5px; /* on retire ton margin-left: auto */
		}
		
		.north-side.left {
			display: flex;
			justify-content: flex-start; /* colle à gauche */
			padding-left: 5px;
		}
		
		.header-user{
			display:flex;
			align-items:center;   /* centrage vertical */
			gap:10px;             /* espace entre éléments */
		}

		.header-user i{
			font-size:24px;
		}

		.header-user h5{
			margin:0;
		}

		#themeSelector{
			width:200px;
			height:25px;
		}