.mvaz-inventaire-list {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.mvaz-velo-card {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 10px;
    border: 1px solid #ddd;
    border-radius: 8px;
    background: #fff;
}
		
.mvaz-actions {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 6px;
}

@media (max-width: 600px) {
    .mvaz-actions {
        grid-template-columns: repeat(2, 1fr);
    }
}

.mvaz-btn {
    flex: 1;
    text-align: center;
    border: 1px solid #ccc;
    border-radius: 8px;
    padding: 6px;
    background: #f5f5f5;
    cursor: pointer;
    transition: all 0.15s ease;
}

.mvaz-btn span {
    display: block;
    font-size: 12px;
}

.mvaz-btn small {
    font-size: 11px;
}

/* cacher radio */
.mvaz-btn input {
    display: none;
}


.mvaz-btn.mvaz-reset:has(input:checked) {
    background: #f5f5f5;
    color: black;
	font-weight: normal;
}


/* 🎯 LABEL ACTIF = TOUT LE BLOC */
.mvaz-btn:has(input:checked) {
    color: white;
    font-weight: bold;
}

/* couleurs */
.mvaz-btn.mvaz-ok:has(input:checked) {
    background: #2ecc71;
}

.mvaz-btn.mvaz-absent:has(input:checked) {
    background: #e74c3c;
}

.mvaz-btn.mvaz-check:has(input:checked) {
    background: #f39c12;
}


/* hover */
.mvaz-btn:hover {
    background: #eaeaea;
}


.mvaz-velo-card:has(input[value="ok"]:checked) {
    border-color: #2ecc71;
    background: #f0fff4;
}

.mvaz-velo-card:has(input[value="absent"]:checked) {
    border-color: #e74c3c;
    background: #fff5f5;
}

.mvaz-velo-card:has(input[value="check"]:checked) {
    border-color: #f39c12;
    background: #fff8e6;
}