.inventory-container {
    width: 100%; height: 100%; display: flex; flex-direction: column;
}
.inventory-content {
    padding: 1.5rem; flex-grow: 1; overflow-y: auto;
}
/* Reusing the .toolbar style from style.css */
#search-inventory {
    padding: 10px; border-radius: 6px; border: 1px solid #ccc; width: 300px;
}
#add-inventory-btn {
    display: flex; align-items: center; gap: 8px; font-weight: bold;
}

/* Reusing table styles from livestock.css */
.inventory-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; }

/* Reusing 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; }
#inventory-form { display: flex; flex-direction: column; gap: 1rem; }
#inventory-form label { font-weight: bold; margin-bottom: -10px; }
#inventory-form input, #inventory-form select { padding: 10px; border: 1px solid #ccc; border-radius: 4px; }
.quantity-group { display: flex; gap: 1rem; }
.quantity-group > div { flex: 1; }
.modal-actions { display: flex; justify-content: flex-end; gap: 1rem; margin-top: 1rem; }