body {
   font-family: 'Segoe UI', sans-serif;;
   color: rgb(0, 0, 0);
   background: #cfcfcf;
   padding: 20px;

}

.title-bar {
   display: flex;
   align-items: center;
   /* aligne verticalement */
}

.title-bar button {
   margin-left: auto;
   /* pousse le bouton à droite */
}

.container {
   max-width: 1200px;
   margin: auto;
   background: #ffffff;
   padding: 20px;
   border-radius: 8px;
   box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
}

table {
   width: 100%;
   border-collapse: collapse;
   margin-top: 10px;
}

th {
   padding: 12px;
   text-align: left;
   font-size: 0.9em;
}

td {
   padding: 12px;
   border-bottom: 1px solid #ddd;
   font-size: 0.85em;
   vertical-align: top;
}

.badge {
   padding: 3px 8px;
   border-radius: 4px;
   color: rgb(216, 213, 213);
   font-weight: bold;
   font-size: 0.8em;
}

.OS {
   background: #8e44ad;
}

.Hardware {
   background: #d35400;;
}

.Application {
   background: #27ae60;
}