.livestock-container {
    width: 100%; height: 100%; display: flex; flex-direction: column;
}
.livestock-content {
    padding: 1.5rem; flex-grow: 1; overflow-y: auto;
}
.toolbar {
    display: flex; justify-content: space-between; align-items: center; margin-bottom: 1.5rem;
}
#search-livestock {
    padding: 10px; border-radius: 6px; border: 1px solid #ccc; width: 300px;
}
#add-livestock-btn {
    display: flex; align-items: center; gap: 8px; font-weight: bold;
}

/* Table Styles */
.livestock-table-container {
    background-color: white; border-radius: 8px; box-shadow: 0 2px 4px rgba(0,0,0,0.05); overflow: hidden;
}
table {
    width: 100%; border-collapse: collapse;
}
th, td {
    padding: 12px 15px; text-align: left; border-bottom: 1px solid #ddd;
}
th {
    background-color: #f8f8f8; font-size: 0.85rem; text-transform: uppercase;
}
tbody tr:hover {
    background-color: #f5f5f5;
}
.action-btn {
    background: none; border: none; cursor: pointer; color: #007bff; padding: 5px;
}
.action-btn.delete { color: #eb445a; }
.action-btn:hover { text-decoration: underline; }

/* Modal Styles */
.modal-backdrop {
    position: fixed; top: 0; left: 0; width: 100%; height: 100%;
    background-color: rgba(0, 0, 0, 0.6);
    display: flex; justify-content: center; align-items: center;
    z-index: 1000;
}
.modal {
    background-color: white; padding: 2rem; border-radius: 8px; width: 100%; max-width: 500px;
}
#livestock-form {
    display: flex; flex-direction: column; gap: 1rem;
}
#livestock-form label { font-weight: bold; margin-bottom: -10px; }
#livestock-form input, #livestock-form select {
    padding: 10px; border: 1px solid #ccc; border-radius: 4px;
}
.modal-actions {
    display: flex; justify-content: flex-end; gap: 1rem; margin-top: 1rem;
}