/* ==================================================
    1. Select des status
   ================================================== */

/* Neutralise les styles du thème pour laisser UIKit gérer le select */
select.repair-status-select.uk-select {
    appearance: none !important;
    -webkit-appearance: none !important;
    background-color: #fff !important;
    border: 1px solid #e5e5e5 !important;
    height: 40px !important;
    color: #666 !important;
    font-weight: 400 !important; 
    font-size: 14px !important;
    letter-spacing: normal !important;
}
/* ==================================================
    2. Pagination
   ================================================== */
   
/* Alignement horizontal strict */
.uk-pagination {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
}

/* On force tous les éléments de la liste à s'aligner sur le haut */
.uk-pagination li {
    display: inline-flex !important;
    align-items: center !important;
    padding: 0 !important;
}

/* On réaligne le texte et les icônes à l'intérieur */
.uk-pagination li > a,
.uk-pagination li > span {
    display: flex !important;
    align-items: center !important;
    line-height: 1 !important; /* Force la hauteur de ligne au minimum */
    padding: 5px 10px !important;
}

/* On centre l'icône verticalement par rapport au texte */
.uk-pagination .uk-icon {
    display: inline-flex !important;
    align-items: center !important;
    margin-top: -1px; /* Petit ajustement manuel pour la perfection */
}

/* ==================================================
    3. Tableau de la liste des réparations
   ================================================== */

/* 1. Structure (On force l'arrondi et le contour) */
table#repair-results.uk-table {
    border-collapse: separate !important;
    border-spacing: 0 !important;
    border-radius: 10px !important;
    border: 1px solid #eeeeee !important;
    overflow: hidden !important;
}

/* 2. En-tête (TH) avec traits et masquage "Actions" */
table#repair-results.uk-table thead th {
    color: #333 !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    font-size: 0.75rem !important;
    letter-spacing: 0.5px !important;
    padding: 15px !important;
    border-bottom: 1px solid #eeeeee !important;
    border-right: 1px solid #eeeeee !important;
}

table#repair-results.uk-table thead th:last-child {
    color: transparent !important;
    font-size: 0 !important;
    border-right: none !important;
}

/* 3. Corps du tableau (Lignes et cellules) */
table#repair-results.uk-table tbody td {
    padding: 15px !important;
    vertical-align: middle !important;
    border-bottom: 1px solid #eeeeee !important;
    border-right: 1px solid #eeeeee !important;
}

table#repair-results.uk-table tbody td:last-child {
    border-right: none !important;
}

table#repair-results.uk-table tbody tr:last-child td {
    border-bottom: none !important;
}

/* 4. Textes et Couleurs (Gris meta vs Titres sombres) */
table#repair-results.uk-table tbody td,
table#repair-results.uk-table tbody td span:not(.uk-label) {
    font-size: 0.875rem !important;
    text-decoration: none !important;
}

table#repair-results.uk-table tbody td div:not(.uk-text-small),
table#repair-results.uk-table tbody td > span.uk-text-muted {
    color: #999 !important;
}

table#repair-results.uk-table tbody td div.uk-text-small {
    color: #333 !important;
    font-weight: 500 !important;
}

/* 5. Effets (Survol des lignes) */
table#repair-results.uk-table-hover tbody tr:hover {
    background-color: #f5f7f9 !important;
}

/* 6. Le bouton CONSULTER (Style repos et survol) */
table#repair-results.uk-table tbody td a.view-details {
    background-color: #0088cc !important;
    color: #ffffff !important;
    text-transform: uppercase !important;
    letter-spacing: 0.5px !important;
    font-weight: 700 !important;
    font-size: 0.75rem !important;
    padding: 6px 12px !important;
    border-radius: 5px !important;
    display: inline-block !important;
    border: 1px solid transparent !important;
    transition: none !important;
    text-decoration: none !important;
}

table#repair-results.uk-table tbody td a.view-details:hover {
    background-color: #0088cc !important;
    color: #ffffff !important;
    outline: none !important;
    box-shadow: none !important;
    transform: none !important;
    border: 1px solid transparent !important;
}

/* ==================================================
    3. Custom le modal
   ================================================== */
   
/* Retire le fond et stylise la croix de fermeture */
.uk-modal-close-default {
    background: transparent !important; /* Force la suppression du fond violet */
    color: #666 !important;            /* Couleur de la croix */
    padding: 5px;
    top: 15px;
    right: 15px;
    transition: 0.2s;
}

.uk-modal-close-default:hover {
    color: #000 !important;
    background: transparent !important;
}

/* Empêche la modal d'être trop collée aux bords sur mobile */
.uk-modal-dialog {
    margin-top: 20px;
    margin-bottom: 20px;
}

/* On personnalise juste la barre de défilement native de UIKit */
.uk-modal-body::-webkit-scrollbar {
    width: 4px;
}
.uk-modal-body::-webkit-scrollbar-thumb {
    background: #e5e5e5;
    border-radius: 10px;
}

/* ===================================================
   4. AJOUTE DES COULEURS DE LABELS
====================================================== */

/* Ajoute de l'espace interne à TOUS les labels UIkit */
.uk-label {
    padding: 2px 10px !important; /* 2px en haut/bas, 10px à gauche/droite */
    line-height: 1.5;             /* Pour bien centrer verticalement */
    display: inline-flex;         /* Aide à l'alignement propre */
    align-items: center;
}

/* ORANGE -> En cours */
.uk-label-warning {
    background-color: #f39c12 !important;
    color: #ffffff !important;
}

/* VERT -> Terminée */
.uk-label-success {
    background-color: #2ecc71 !important;
    color: #ffffff !important;
}

/* ROUGE -> Annulée */
.uk-label-danger {
    background-color: #e74c3c !important;
    color: #ffffff !important;
}

/* GRIS -> Pièces commandées */
.uk-label-muted {
    background-color: #95a5a6 !important;
    color: #ffffff !important;
}

/* VIOLET -> Tests & Benchmarks */
.uk-label-tests {
    background-color: #9932CC !important;
	color: #ffffff !important;
}