.animal-dashboard{
display:grid;
grid-template-columns:repeat(auto-fit,minmax(180px,1fr));
gap:20px;
margin-bottom:25px;
}

.animal-kpi-card{
background:white;
border-radius:12px;
padding:18px;
text-align:center;
box-shadow:0 4px 12px rgba(0,0,0,0.06);
}

.animal-filters{
display:flex;
gap:12px;
margin-bottom:20px;
flex-wrap:wrap;
}

.animal-photo{
width:55px;
height:55px;
border-radius:50%;
object-fit:cover;
}

.animal-badge{
padding:4px 10px;
border-radius:10px;
font-size:12px;
}
.sortable {
    cursor: pointer;
    user-select: none;
}

.sortable:hover {
    color: #007bff;
}
.animal-pregnant{
background:#ffe0b2;
color:#e65100;
margin-left:6px;
}
.animal-pregnant{
    background:#ffe0b2;
    color:#e65100;
    padding:6px 10px;
    border-radius:8px;
    font-size:12px;
    display:inline-block;
    line-height:1.4;
}
.status-filters{
display:flex;
gap:15px;
align-items:center;
margin-bottom:10px;
}

.status-filters label{
display:flex;
align-items:center;
gap:5px;
font-size:14px;
}
.animal-male{background:#d0ebff;}
.animal-female{background:#ffd6e7;}
.animal-alive{background:#d4edda;}
.animal-sold{background:#d1ecf1;}
.animal-dead{background:#f8d7da;}