.aion-dashboard h1 {
	margin-bottom:1em; 
}

.aion-dashboard p {
	font-size:1.1em;
}

.aion-dashboard canvas {
	background:#fff;
	border-radius:8px;
	box-shadow:0 2px 8px rgba(0,0,0,0.1);
}

.aion-dashboard select {
	margin-bottom:0.5em;
	padding:0.4em;
}

/* ---- Extensions pour le dashboard Aion ---- */
.om-dashboard-container {
    display: flex;
    justify-content: space-between;
    align-items: stretch; /* étire tous les items à la même hauteur */
    gap: 2rem;
    width: 100%;
    padding: 20px 20px 20px 40px;
    box-sizing: border-box;
}

/* Chaque carte */
.om-dashboard-container .dashboard-item {
    flex: 1 1 0;
    text-align: center;
    background: #fff;
    border-radius: 8px;
    padding: 1rem;
    box-shadow: 0 2px 8px rgba(0,0,0,0.1);
    transition: transform .2s;
    cursor: pointer;
}
.om-dashboard-container .dashboard-item:hover {
    transform: scale(1.03);
}

/* Compteur */
/* titres en haut */
.dashboard-count {
  display: flex;
  flex-direction: column;
}
/* seul le chiffre est centré verticalement */
.dashboard-count .count-value {
  margin: auto 0;
}

.dashboard-count .count-value {
    font-size: 2.5rem;
    font-weight: bold;
    color: #002b5c;
}
.dashboard-count .count-label {
    font-size: 1rem;
    color: #555;
}

/* Les camemberts */
.dashboard-chart canvas {
    max-width: 120px;
    max-height: 120px;
    margin: 0 auto 0.5rem;
}

/* Dashboard Aion — dimensions uniformes */
.om-dashboard-container .dashboard-item {
    flex: 1 1 0;
    display: flex;
    flex-direction: column;
    justify-content: space-between; /* espace uniforme entre titre, canvas et lien */
    text-align: center;
    background: #fff;
    border-radius: 8px;
    padding: 1rem;
    box-shadow: 0 2px 8px rgba(0,0,0,0.1);
    transition: transform .2s;
    cursor: pointer;
}

/* Sélecteur du mois */
#aion-dashboard select#ad-month-select {
    margin: 0.5em 0 1em;
    padding: 0.4em 0.6em;
    border: 1px solid #ccc;
    border-radius: 4px;
    background: #fff;
    color: #003366;
    font-weight: bold;
    cursor: pointer;
    transition: box-shadow .2s;
}
#aion-dashboard select#ad-month-select:hover,
#aion-dashboard select#ad-month-select:focus {
    box-shadow: 0 0 5px rgba(0,51,102,0.5);
}

/* Titres des camemberts plus visibles */
.om-dashboard-container .dashboard-chart .count-label,
.om-dashboard-container .dashboard-chart canvas {
    margin-bottom: 0.5em;
}

/* Style du total sous les camemberts */
.dashboard-chart .chart-total {
  font-size: 1rem;
  color: #003366;
  margin-top: 0.5rem;
}