body { font-family: 'Inter', sans-serif; }
.gradient-bg { background: linear-gradient(135deg, #003B4C 0%, #004d61 100%); }
.text-vetagro-green{
color : #86BD24;
}
.bg-vetagro-green{
background-color : #86BD24;
}
input:focus, button:focus{
  outline: none; /* Tailwind supprime l'outline par défaut */
  box-shadow: 0 0 0 2px #86BD24;
}

#mainContent{
background-color:#f9fafb;
}
/* Conteneur principal de la listbox */
.listboxcadre {
    background: #ffffff;
    border-radius: 0.75rem;
    border: 1px solid #e5e7eb;
    overflow: hidden;
}
/* Header du tableau */
.labelgroup {
    background-color: #f9fafb;
    border-bottom: 1px solid #e5e7eb;
    border-top: 0px solid #e5e7eb;
    padding-left: 1.5rem;
    padding-right: 1.5rem;
}
.labelgroup label {
    font-size: 0.875rem;
    font-weight: 600;
    color: #374151;
    padding-top: 1rem;
    padding-bottom: 1rem;
}
/* Conteneur des lignes */
[data-input="results"] {
    background: #ffffff;
}
/* Ligne du tableau */
[data-row] {
    border-bottom: 1px solid #e5e7eb;
    transition: background-color 0.2s;
}
[data-row]:hover {
    background-color: #f9fafb;
}
/* Cellules */
[data-row] > div {
    display: flex;
    align-items: center;
}
[data-row] > div span:not(.hidden) {
    font-size: 0.875rem;
    color: #4b5563;
}
/* Première colonne (numéro) en gras */
[data-columnindex="0"] span:not(.hidden),
[data-row] > div[data-columnindex="0"] span:not(.hidden) {
    font-weight: 500;
    color: #111827;
}
/* Labels mobiles cachés sur desktop */
[data-row] > div .hidden {
    display: none;
}
/* Bouton télécharger */
.btn-download {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.5rem 1rem;
    background-color: #86BD24;
    color: #ffffff;
    font-size: 0.875rem;
    font-weight: 500;
    border-radius: 0.5rem;
    border: none;
    cursor: pointer;
    transition: background-color 0.2s;
    width: 100%;
    justify-content: center;
}
.btn-download:hover {
    background-color: #75a620;
}
.btn-download svg {
    width: 1rem;
    height: 1rem;
    flex-shrink: 0;
}

/* Texte du bouton caché sur petits écrans */
.btn-download-text {
    display: none;
}

/* Colonne du bouton alignée à droite sur desktop */
@media (min-width: 1024px) {
    [data-columnindex="5"] {
        display: flex;
        justify-content: flex-end;
    }
    
    .btn-download {
        width: auto;
    }
    
    /* Texte visible sur desktop */
    .btn-download-text {
        display: inline;
      color:white !important;
    }
}

[id^="listbox-"].typenavigation [data-row] {
	height:55px !important;
}